@charset "utf-8";
/* CSS Document */
body {font-family:'Poppins', Arial, Helvetica, sans-serif;color:#000000;margin:0;padding:0;font-size:clamp(16px,calc(0.8vw + 8.32px),20px);font-weight:400;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;-o-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;}
button, .submit {display:block;outline:none;border:none;cursor:pointer;font-family:'Poppins', Arial, Helvetica, sans-serif;background:none;color:inherit;-o-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;}
button, input, textarea {font-family:'Poppins', Arial, Helvetica, sans-serif;}
*.gfont {font-family:'PT Sans', Arial, Helvetica, sans-serif;}
li {display:block;padding:0px;margin:0px;list-style:none;}
*::selection {background:#6DBC45;color:#000000;}
h1::selection, h1 *::selection, h2::selection, h2 *::selection, h3::selection, h3 *::selection, p.naslov::selection, p.naslov *::selection, p.naziv::selection, p.naziv *::selection, p.title::selection, p.title *::selection {background:none;text-decoration: underline;text-decoration-color: #6DBC45  ;color:#000000;}
img::selection {background:none;}
#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)
{
	#default-hold {width:10px;}
}
@media screen and (min-width: 479px)
{
	#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)
{
	#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;}
}

/* def */
*.clear::after {display:block;clear:both;content:" ";line-height:0px;height:0px;}
*.lazy {transition:opacity 1s;-moz-transition:opacity 1s;-webkit-transition:opacity 1s;-o-transition:opacity 1s;opacity:0;}
*.lazy.lazy-on {opacity:1;}
	*.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;}
*.ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
a, button, a *, button * {-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
article {display: block;width:100%;position:static;font-weight: 300;}
.marker-cluster span {opacity: 0;}
.marker-cluster div {position:relative;z-index:700;}
.marker-cluster div::before {position:absolute;z-index:702;width:90%;height:90%;display: block;content:' ';background:url(../../img/base/logo-gr.png) center no-repeat;background-size:100% auto;left:5%;top:5%;}

/* 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;}

/* vrteska */
.vrteska {position:relative;z-index:500;width:100%;}
.vrteska .cont {position:relative;z-index:500;overflow:hidden;}
.vrteska .in-cont {position:relative;z-index:500;overflow:hidden;}
.vrteska .def {position:absolute;overflow: hidden;width:100%;height:0px;}
.vrteska .def .sirina, .vrteska .def .razmak {position:absolute;height:20px;}
.vrteska .arr {position:absolute;}
.vrteska .arr button,
.vrteska .arr p.but {display: block;position:absolute;z-index:520;}
.vrteska .lista {position:relative;z-index:510;}
.vrteska .lista.drag {cursor:grab;}
.vrteska .lista.drag-on::before {position:fixed;z-index:9999;top:0px;left:0px;width:100%;height:100%;content:' ';display: block;cursor: grabbing;}
.vrteska ul.ul {position:absolute;height:100%;}
.vrteska li.li {display: block;float:left;position:relative;z-index:520;height:100%;}
*.vrteska-lazy {transition:opacity 1s;-moz-transition:opacity 1s;-webkit-transition:opacity 1s;-o-transition:opacity 1s;opacity:0;}
*.vrteska-lazy.vrteska-lazy-on {opacity:1;}

.vrteska.default .cont {width:100%;height:25vw;margin:auto;background:rgba(0,0,0,0.15);}
.vrteska.default .arr {height:100%;width:calc(50% - 42.5vw);top:0%;}
.vrteska.default .arr.prev {left:0%;}
.vrteska.default .arr.next {left:100%;-ms-transform: translate(-100%, 0%);-webkit-transform:translate(-100%, 0%);transform:translate(-100%, 0%);}
.vrteska.default .arr button,
.vrteska.default .arr p.but {width:100%;height:100%;background:rgba(255,255,255,0.15);left:0%;top:0%;font-size:1.5em;cursor: pointer;}
.vrteska.default .arr button span, 
.vrteska.default .arr p.but span {display: block;position:absolute;width:1em;height: 1em;line-height: 1em;text-align: center;color:#000000;top:50%;left:50%;margin:-0.5em;}
.vrteska.default .lista {width:85vw;margin:auto;height:100%;overflow:hidden;}
.vrteska li.li {height:100%;}
.vrteska.default .def .sirina {width:25vw;}
.vrteska.default .def .razmak {width:5vw;}
.vrteska.default.test-4 .def .sirina {width:19vw;}
.vrteska.default.test-4 .def .razmak {width:3vw;}
@media screen and (max-width: 777px)
{
	.vrteska.default .def .sirina {width:40vw;}
	.vrteska.default .def .razmak {width:5vw;}
	.vrteska.default.test-4 .def .sirina {width:25vw;}
	.vrteska.default.test-4 .def .razmak {width:5vw;}
}

/* header 1000 */
header {display: block;position: relative;z-index:1000;width:100%;background:#ffffff;height:7vw;box-shadow:0px 1px 8px rgba(0,0,0,0.125);}
.header-dum {height:7vw;position:relative;z-index:1;}
@media screen and (max-width: 959px)
{
	header {position:absolute;font-size:14px;}
	header,
	.header-dum {height:60px;}
}
@media screen and (min-width: 959px)
{
	header {position:fixed;font-size:16px;}
}
@media screen and (min-width: 1399px)
{
	header,
	.header-dum {height:72px;}
}
header .in {width:82vw;max-width:1268px;margin:auto;position:relative;z-index:1000;overflow: visible;top:50%;}
header .logo {position:absolute;z-index:1010;left:0%;top:-1.25em;width:6.25em;}
header .logo a {display: block;width:100%;}
header .logo a svg {display: block;width:100%;fill:#046D32;}
header .gazda {position:absolute;z-index:1010;overflow: visible;left:100%;margin-left:-8em;top:-1.25em;height:2.5em;width:8em;}
header .gazda a {display:block;position:absolute;z-index:1010;top:0em;right:0em;width:100%;height:100%;border:0.125em solid #2E2E2E;border-radius:1em;box-sizing: border-box;color:#2e2e2e;}
header .gazda a strong {display: block;position:absolute;z-index: 1010;top:50%;left:0%;width:100%;text-align: center;line-height:1.2em;margin-top:-0.6em;font-weight:600;} 
header .gazda a:hover {color:#008238;border-color:#008238;}
@media screen and (max-width: 959px)
{
	header .gazda {margin-left:-11em;}
}
header nav {position:absolute;z-index:1000;display: block;width:100%;box-sizing:border-box;-ms-transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
header nav {padding-left:7em;padding-right:8em;}
header nav ul {display: flex;width:100%;justify-content:flex-end;flex-wrap: wrap;line-height:1.15em;overflow:visible;}
header nav a {display: block;position:relative;z-index:1010;overflow:visible;}
header nav a strong {font-weight: 600;white-space: nowrap;padding:0em 0.5em;position:relative;z-index:1010;}
header nav a:hover {color:#008238;}
header nav li.cur a strong, header nav li.cur a:hover strong {color:#008238;}
@media screen and (max-width: 959px)
{
	header nav {display: none;}
}
@media screen and (max-width: 1169px)
{
	header nav ul {padding-right:1vw;gap:0.7vw;font-size:0.8em;}
}
@media screen and (min-width: 1169px)
{
	header nav ul {padding-right:2.5vw;gap:0.75vw;}
}
@media screen and (min-width: 1399px)
{
	header nav ul {padding-right:35px;gap:27px;}
}
header nav ul .pad {padding-top:1em;display: none;position:absolute;z-index:1010;width:15em;}
header nav ul li.pad-on .pad {display: block;}
header nav ul ul{display: block;position:absolute;z-index:1010;width:100%;background:#008137;padding:1em 0em;border-radius:1em;box-sizing:border-box;overflow: auto;max-height:calc(100vh - 80px);}
header nav ul ul li {border-bottom:1px solid rgba(255,255,255,0.25);}
header nav ul ul li:last-child {border-bottom: none;}
header nav ul ul a {display: block;line-height: 1.5em;padding:0.5em 1.5em;color:#ffffff;}
header nav ul ul a:hover {color:rgba(255,255,255,0.5);}

header .navbut {position:absolute;z-index:1020;overflow: visible;left:100%;top:-1em;}
header .navbut button {width:2em;height:2em;position:absolute;z-index:1010;top:0em;right:0em;font-size:1em;}
header .navbut button svg {display: block;width:100%;stroke:#2e2e2e;}
header .navbut button:hover svg {stroke:#008238;}
@media screen and (min-width: 959px)
{
	header .navbut {display: none;}
}
@media screen and (max-width: 959px)
{
	header.transparent {background:none;box-shadow:none;}
	.header-dum.transparent {height:0px;}
	header.transparent .logo a svg {fill:#ffffff;}
	header.transparent .gazda a {border-color:#ffffff;color:#ffffff;}
	header.transparent .gazda a:hover {color:#46f692;border-color:#46f692;}
	header.transparent nav a {color:#ffffff;}
	header.transparent nav a:hover {color:#46f692;}
	header.transparent nav li.cur a strong, header.transparent nav li.cur a:hover strong {color:#46f692;}
	header.transparent .navbut button svg {stroke:#ffffff;}
}
@media screen and (min-width: 959px)
{
	header {-moz-transition:background 0.75s, box-shadow 0.75s;-webkit-transition:background 0.75s, box-shadow 0.75s;-o-transition:background 0.75s, box-shadow 0.75s;transition:background 0.75s, box-shadow 0.75s;}
	header.transparent {background:none;box-shadow:none;}
	.header-dum.transparent {height:0px;}
	header .logo a {-moz-transition: 0s;-webkit-transition:0s;-o-transition:0s;transition:0s;}
	header.transparent .logo a svg {fill:#ffffff;}
	header.transparent .gazda a {border-color:#ffffff;color:#ffffff;}
	header.transparent .gazda a:hover {color:#46f692;border-color:#46f692;}
	header.transparent nav a {color:#ffffff;}
	header.transparent nav a:hover {color:#46f692;}
	header.transparent nav li.cur a strong, header.transparent nav li.cur a:hover strong {color:#46f692;}
}

/* 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%;}
#navigacija .bg {position:absolute;z-index:2000;overflow:visible;width:100%;left:0%;height:100%;top:0%;}
#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%;}
#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 big {font-size:1.25em;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 {color:#ffffff;}
#navigacija .bg {background:#2e2e2e;}
#navigacija .close .a {border:4px solid #ffffff;}
#navigacija .close .a:hover {border-color:#ffffff;}
#navigacija .close .a:before,
#navigacija .close .a:after {background:#ffffff;}
#navigacija .in-content .main .nav li {line-height:1.1em;}
#navigacija .in-content .main .nav li a {font-weight:700;color:#ffffff;}
#navigacija .in-content .main .nav li a strong {font-weight: 900;}
#navigacija .in-content .main .nav li a:hover {color:#008238;}
#navigacija .in-content .main .nav .pad ul {display: flex;justify-content: flex-start;flex-wrap: wrap;gap:0.5em;border-left:2px solid #ffffff;padding-left:1em;}
#navigacija .in-content .main .nav .pad li a {font-weight: 400;white-space: nowrap;}
/* px */
#navigacija .close .a {top:24px;right:36px;font-size:48px;}
#navigacija .in-content .main .nav {padding:60px 0px 24px 0px;font-size:clamp(24px, calc(2.857vw + 13.715px), 32px);}
#navigacija .in-content .main .nav .pad {padding:0.75em 0em;font-size:clamp(15px, calc(2.143vw + 7.285px), 21px);}
#navigacija .in-content .info .in-info {padding:0px 0px 60px 0px;font-size:clamp(15px, calc(2.143vw + 7.285px), 21px);}
#navigacija ul.social {padding-top:24px;}
#navigacija .content.default .info .in-info a:hover {color:#008238;}

/* footer */
footer {display: block;position:relative;z-index:10;width:100%;background:#fafafa;color:#202020;line-height:1.5em;font-weight:400;}
footer .bg {display: block;position:absolute;z-index:10;height:100%;width:100%;left:0%;top:0%;overflow:hidden;}
footer .bg svg {display: block;position:absolute;z-index:10;min-width:100%;min-height:100%;fill:#f2f2f2;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
footer .in {margin:auto;width:82vw;max-width:1268px;box-sizing: border-box;position:relative;z-index:15;}
footer .in-footer {display: flex;justify-content: space-between;gap:1.5em;}
footer .in-footer p.naslov {color: #008238;font-size:1em;font-style: normal;font-weight: 600;line-height:1em;letter-spacing:0.07em;text-transform: uppercase;white-space: nowrap;}
footer .in-footer p.naslov a {color:#008238;}

footer .firma .logo {width:7em;}
footer .firma .logo a {display: block;width:100%;}
footer .firma .logo img {display: block;width:100%;}
footer .firma .logo svg {display: block;width:100%;fill:#202020;}

footer .col ul {padding-top:1em;font-size:0.85em;line-height:1.75em;}

footer .col.col-kontakt ul {padding-top:0em;}
footer .col-kontakt li {padding-bottom: 0.75em;line-height:1.5em;padding-left:1.5em;}
footer .col-kontakt li:last-child {padding-bottom: 0em;}
footer .col-kontakt li svg {display: block;float:left;margin-left:-1.5em;width:1em;height:1em;fill:#000000;margin-top:0.25em;}
footer .col-kontakt a {color:#202020;}
footer .col-kontakt a:hover {color:#008238;}
@media screen and (max-width: 959px)
{
	footer .in-footer {flex-wrap: wrap;}
	
	
	footer .col-firma {width:100%;padding-bottom:1.5em;}
	footer .col-kontakt {width:100%;}
}
@media screen and (max-width: 639px)
{
	footer .col {width:100%;}
	footer .col.col-moduli ul,
	footer .col.col-resenja ul {display: flex;justify-content: flex-start;gap:0.5em;white-space: nowrap;flex-wrap: wrap;}
}
@media screen and (max-width: 777px)
{
	footer .in {padding-top:40px;padding-bottom:40px;}
}
@media screen and (min-width: 777px) and (max-width: 1399px)
{
	footer .in {padding-top:5vw;padding-bottom:5vw;}
}
@media screen and (min-width: 1399px)
{
	footer .in {padding-top:70px;padding-bottom:70px;}
}

/* hero */
#hero {position:relative;z-index:100;width:100%;}
#hero .bg {position:absolute;z-index:100;width:100%;overflow: hidden;top:0%;left:0%;height:calc(100% - 2em);opacity:0;-moz-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;-o-transition:opacity 1.5s;transition:opacity 1.5s;}
@media screen and (max-width: 777px)
{
	#hero .bg {height:100%;}
}
#hero .bg.on {opacity:1;}
#hero .bg img {display: block;position:absolute;z-index:100;height:100%;width:100%;object-fit: contain;}
#hero .bg img.hero-1 {object-position: top left;z-index:101;}
#hero .bg img.hero-2 {object-position: top right;}
#hero .video {position:absolute;z-index:102;width:100%;height:100%;top:0%;left:0%;}
#hero .video video {display:block;position:absolute;z-index:102;width:100%;height:100%;top:0%;left:0%;object-fit: cover;}
#hero .video::after {display:block;content:' ';position:absolute;z-index:103;width:100%;height:100%;top:0%;left:0%;background:rgba(0,0,0,0.15);mix-blend-mode: multiply;}
#hero .front {position:absolute;z-index:110;width: 82vw;max-width: 1268px;left:50%;top:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;opacity:0;-moz-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;-o-transition:opacity 1.5s;transition:opacity 1.5s;}
#hero .front.on {opacity:1;}
@media screen and (max-width: 959px)
{
	#hero .front {width: 92vw;}
}
#hero .front h1 {font-weight:700;line-height:1.05em;color:#ffffff;}
#hero .front p {line-height:1.5em;font-weight: 500;color:#ffffff;}
#hero .front p strong {font-weight: 700;}
#hero .front p em {font-weight: 400;font-style: normal;}
#hero .front .buttons ul {display: flex;flex-wrap: wrap;}
#hero .front .buttons li {overflow:visible;}
#hero .front .buttons li a {display: block;white-space: nowrap;padding:0.5em 1em;border-radius:0.75em;line-height:1.2em;border:2px solid #ffffff;background:rgba(255,255,255,0.25);color:#ffffff;font-weight:500;box-shadow:0px 2px 12px rgba(0,0,0,0.25);backdrop-filter: blur(8px);}
#hero .front .buttons li a:hover {background:#008137;color:#ffffff;}

@media screen and (max-width: 959px)
{
	#hero .front h1 {text-align:center;}
	#hero .front p {text-align:center;}
	#hero .front .buttons ul {justify-content: center;}
}
@media screen and (min-width: 959px)
{
	#hero .front h1 {text-align:left;max-width:8em;}
	#hero .front p {text-align:left;}
	#hero .front .buttons ul {justify-content:flex-start;}
}
#hero .foot {position:absolute;z-index:120;width:100%;background:#ffffff;height:3em;top:100%;left:0%;margin-top:-3em;}
#hero .foot ul {position:absolute;z-index:120;width:88%;max-width:1268px;left:50%;top:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display: flex;justify-content: space-between;}
#hero .foot li {text-transform: uppercase;padding:0px 0.75em;background:#ffffff;position:relative;z-index:125;line-height:1em;white-space:nowrap;}
#hero .foot li:first-child {padding-left:0em;}
#hero .foot li:last-child {padding-right: 0em;}
#hero .foot ul:before {display: block;content:' ';position:absolute;z-index:120;height:0.5em;top:0%;width: 100%;border-bottom:1px solid #80C09B;}
@media screen and (max-width: 777px)
{
	#hero .foot {display: none;}
}
@media screen and (max-width: 479px)
{
	#hero {height:100vh;}
	#hero .front h1 {font-size:12vw;}
	#hero .front p.podnaslov {padding:16px 0em;}
	#hero .front .buttons ul {gap:16px;}
	#hero .front .dum {height:4em;}
}
@media screen and (min-width: 479px)
{
	#hero {height:100vh;}
	#hero .front h1 {font-size:clamp(48px, 6vw, 56px);}
	#hero .front p.podnaslov {padding:24px 0em;}
	#hero .front .buttons ul {gap:20px;}
	#hero .front .dum {height:3em;}
}
@media screen and (min-width: 777px)
{
	#hero {height:100vh;}
	#hero .front p.podnaslov {padding:24px 0em;}
	#hero .front .buttons ul {gap:20px;}
	#hero .front .dum {height:3em;}
}
@media screen and (min-width: 959px)
{
	#hero .front h1 {font-size:clamp(64px,calc(5.455vw + 7.632px),96px);}
	#hero .front p.podnaslov {padding:32px 0em;}
	#hero .front .dum {height:40px;}
	#hero .front .dum.dum-top {height:100px;}
}
@media screen and (min-width: 1399px)
{
	#hero {height:100vh;}
	#hero .front p.podnaslov {padding:2.285vw 0em;}
	#hero .front .buttons ul {gap:24px;}
	#hero .front .dum {height:56px;}
	#hero .front .dum.dum-top {height:128px;}
}
@media screen and (min-width: 1919px)
{
	#hero .front p.podnaslov {padding:44px 0em;}
}

/* c-paket */
.c-paket {position:relative;z-index:150;background: linear-gradient(199deg, #FFF 0.82%, #FFF 98.22%);border-radius:1.5em;box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.10);overflow:hidden;font-weight:400;}
.c-paket .h-c-paket {border-radius:1.5em;background: #049E46;box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.15);position:relative;z-index:150;}
.c-paket .h-c-paket .fr {position:relative;z-index:160;padding:1.75em;color:#ffffff;}
.c-paket .h-c-paket .bck {position:absolute;z-index:150;width:100%;height:100%;top:0%;left:0%;overflow: hidden;mix-blend-mode: plus-darker;}
.c-paket .h-c-paket .bck img {position:absolute;z-index:150;width: 200%;transform: rotate(-18.726deg);top:-50%;left:-50%;}
.c-paket .h-c-paket .h {height:4.75em;text-align:left;}
.c-paket p.naziv {font-size:1.75em;line-height:1.15em;font-weight:700;}
.c-paket p.naziv em {font-style: normal;font-weight: 400;}
.c-paket .stiker {padding-top:0.25em;}
.c-paket strong {display:inline-block;color: #036D31;font-size:0.85em;line-height:1.1em;text-transform: uppercase;padding:0.35em 0.5em;border-radius:0.9em;background:#9CE777;font-weight:400;}
.c-paket .tx {line-height:1.5em;text-align:left;}
.c-paket .iznos {position:relative;z-index:160;width:100%;height:4em;}
.c-paket .iznos p {position:absolute;z-index:160;right:0em;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);text-align:right;}
.c-paket .iznos p big {display: block;line-height:1em;font-size:2em;font-weight: 600;}
.c-paket .iznos p small {display: block;line-height:1.1em;font-size:1em;font-weight: 400;}
.c-paket .iznos p span {line-height:1.25em;max-width:8em;display: block;font-weight: 600;}
.c-paket .b-c-paket {padding:1.75em;}
.c-paket .b-c-paket .lista {line-height:1.5em;text-align:left;height:4.5em;font-weight:500;color:#2E2E2E;}
.c-paket .b-c-paket .lista li {padding-left:1.5em;}
.c-paket .b-c-paket .lista li span.kol {display: block;float:left;width:1em;text-align:right;margin-left:-1.25em;}
.c-paket .b-c-paket .lista p {text-align: center;}
.c-paket .b-c-paket .dgm {padding-top:1em;}
.c-paket .b-c-paket .dgm a {display:block;border-radius:0.75em;background: #008238;color:#ffffff;font-weight: 600;line-height:1.1em;padding:1em;text-align:center;}
.c-paket .b-c-paket .dgm a:hover {background:#2DAB63;}
.c-paket .b-c-paket .lista {font-size:1.25em;}

/* home-jedan-softver */
#home-jedan-softver {background:#f9f9f9;text-align:center;}
#home-jedan-softver .sadrzaj {margin:auto;width:88vw;max-width:1268px;}
#home-jedan-softver .sadrzaj h2 {line-height: 1.2em;font-weight:700;color: #036D31;}
#home-jedan-softver .sadrzaj p {line-height:1.5em;margin:auto;max-width:48em;padding-top:1em;}
#home-jedan-softver .sadrzaj p strong {font-weight: 700;}
#home-jedan-softver .sadrzaj {padding:6.5vw 0em;} 
#home-jedan-softver .sadrzaj h2 {font-size:2em;}
@media screen and (max-width: 479px)
{
	#home-jedan-softver .sadrzaj h2 {font-size:1.5em;}
}
@media screen and (max-width: 959px)
{
	#home-jedan-softver .sadrzaj {padding:60px 0em;} 
}
@media screen and (min-width: 959px)
{
	#home-jedan-softver .sadrzaj {padding:6.5vw 0em;} 
}
@media screen and (min-width: 1169px)
{
	#home-jedan-softver .sadrzaj {padding:96px 0em;} 
}

/* home-garantujemo */
#home-garantujemo .sadrzaj {position:relative;margin:auto;width:88vw;max-width:1268px;}
#home-garantujemo h2 {font-weight: 700;color:#202020;text-align: center;}
#home-garantujemo h3 {text-align:center;font-weight: 500;color:#036C31;line-height:1.2em;}
#home-garantujemo p {color:#036C31;text-align:center;line-height:1.5em;}
#home-garantujemo .ic {margin:auto;position:relative;width:1em;height:1em;border-radius:0.5em;background: #0F8A3A;background: linear-gradient(45deg,rgba(15, 138, 58, 1) 0%, rgba(97, 179, 68, 1) 100%);}
#home-garantujemo .ic svg {display: block;position:absolute;fill:#ffffff;top:50%;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#home-garantujemo ul {display: flex;gap:1.5em;margin: auto;flex-wrap: wrap;}
@media screen and (max-width: 479px)
{
	#home-garantujemo {font-size:16px;}
	#home-garantujemo ul {justify-content: center;}
	#home-garantujemo li {width:100%;}
	#home-garantujemo .ic {font-size:72px;}
	#home-garantujemo h2 {font-size:1.75em;}
	#home-garantujemo h3 {font-size:1.5em;}
	#home-garantujemo h3 {padding-top:1.25em;padding-bottom:1.25em;}
}
@media screen and (min-width: 479px) and (max-width: 959px)
{
	#home-garantujemo {font-size:16px;}
	#home-garantujemo ul {justify-content: center;}
	#home-garantujemo li {width:calc(50% - 1em);}
	#home-garantujemo .ic {font-size:72px;}
	#home-garantujemo h2 {font-size:2.25em;}
	#home-garantujemo h3 {font-size:1.5em;}
	#home-garantujemo h3 {padding-top:1em;padding-bottom:1em;}
}
@media screen and (min-width: 959px)
{
	#home-garantujemo {font-size:16px;}
	#home-garantujemo ul {justify-content:space-around;}
	#home-garantujemo li {width:16em;}
	#home-garantujemo .ic {font-size:72px;}
	#home-garantujemo h2 {font-size:2.8125em;}
	#home-garantujemo h3 {font-size:1.5em;}
	#home-garantujemo h3 {padding-top:1.875em;padding-bottom:1.875em;}
}
#home-garantujemo .sadrzaj {padding-top:6.5vw;padding-bottom:12vw;}
#home-garantujemo .head {padding-bottom: 6.5vw;}
#home-garantujemo li.brza-usluga .ic svg {width:0.4305em;}
#home-garantujemo li.bolja-organizacija .ic svg {width:0.7639em;}
#home-garantujemo li.usteda-resursa .ic svg {height:0.5972em;}
@media screen and (max-width: 479px)
{
}
@media screen and (max-width: 959px)
{
	#home-garantujemo .sadrzaj {padding-top:60px;padding-bottom:96px;}
	#home-garantujemo .head {padding-bottom: 60px;}
}
@media screen and (min-width: 959px)
{
	#home-garantujemo .sadrzaj {padding-top:6.5vw;padding-bottom:12vw;}
	#home-garantujemo .head {padding-bottom: 6.5vw;}
}
@media screen and (min-width: 1399px)
{
	#home-garantujemo .sadrzaj {padding-top:92px;padding-bottom:168px;}
	#home-garantujemo .head {padding-bottom: 92px;}
}

/* home-konobar */
#home-konobar {position:relative;z-index:200;width:100%;max-width:1920px;margin:auto;}
#home-konobar .bg {display: block;position:absolute;z-index:200;width:100%;height:100%;overflow:hidden;background:#F5F5F5;}
#home-konobar .bg .glass {position:absolute;z-index:202;width:100%;height:100%;top:0%;left:0%;mix-blend-mode:soft-light;opacity:0.75;}
#home-konobar .bg .glass .b {content:' ';position: absolute;z-index:202;background:#000000;}
#home-konobar .bg .glass .r {content:' ';position: absolute;z-index:202;background: linear-gradient(90deg,rgba(0, 0, 0, 1) 66%, rgba(0, 0, 0, 0) 100%);}
#home-konobar .bg .glass .b {width:6%;left:0%;height:100%;}
#home-konobar .bg .glass .r {width:36em;left:6%;margin-left:-2px;height:100%;}
#home-konobar .bg img {display: block;position:absolute;z-index:200;width:100%;height:100%;top:0%;left:0%;object-fit: cover;}
#home-konobar .front {left:6%;position:relative;z-index:210;top:0%;line-height:1.5em;font-weight:400;color:#005726;}

#home-konobar .front h2 {line-height:1.15em;}
#home-konobar .front p {padding-top:1.5em;line-height: 1.5em;}
#home-konobar .front p strong {font-weight: 600;}
#home-konobar .front h2 {font-size:2em;}
@media screen and (max-width: 479px)
{
	#home-konobar .front {text-align: center;}
}
@media screen and (max-width: 777px)
{
	#home-konobar .bg img {}
	#home-konobar .front {color:#ffffff;width:88%;max-width:24em;}
}
@media screen and (min-width: 777px)
{
	#home-konobar .bg img {width:50%;left:50%;}
	#home-konobar .bg .glass {display: none;}
	#home-konobar .front {color:#005726;width:40%;max-width:24em;}
}
@media screen and (min-width: 1399px)
{
	#home-konobar .bg .glass .b {width:calc(50% - 634px);left:0%;height:100%;}
	#home-konobar .bg .glass .r {left:50%;margin-left:-636px;}
	#home-konobar .front {left:50%;margin-left:-634px;}
}
#home-konobar .front {padding:4em 0em;}

/* home-zasto */
#home-zasto {position:relative;z-index:200;width:100%;}
#home-zasto .sadrzaj {position:relative;margin:auto;width:88vw;max-width:1268px;}
#home-zasto .head {text-align:center;}
#home-zasto .head h2 {font-size:2.25em;line-height:1.2em;color:#000000;font-weight: 700;}
#home-zasto li {box-sizing: border-box;padding-left:1.5em;}
#home-zasto li strong {font-weight: 700;display: block;padding-bottom:0.25em;}
#home-zasto li svg {display: block;float:left;width:0.8em;line-height:1.5em;margin-top:0.35em;fill:#6CBC45;stroke:#6CBC45;margin-left:-1.5em;}
@media screen and (max-width: 777px)
{
	#home-zasto {padding-top:94px;}
	#home-zasto .head {padding-bottom: 36px;}
	#home-zasto li {margin-bottom: 1.5em;}
	#home-zasto li:last-child {margin-bottom: 0em;}
}
@media screen and (min-width: 777px)
{
	#home-zasto {padding-top:12vw;}
	#home-zasto .head {padding-bottom: 4.5vw;}
	#home-zasto ul {gap:3vw;display: flex;justify-content: space-between;flex-wrap: wrap;}
	#home-zasto li {width:40vw;}
}
@media screen and (min-width: 1399px)
{
	#home-zasto {padding-top:168px;}
	#home-zasto .head {padding-bottom: 64px;}
	#home-zasto ul {gap:42px;}
	#home-zasto li {width:560px;}
}

/* home vrteska arr-default */
.vrteska.arr-default .arr {height:100%;top:0%;z-index:520;}
.vrteska.arr-default .arr.prev {left:0%;}
.vrteska.arr-default .arr.next {left:100%;-ms-transform: translate(-100%, 0%);-webkit-transform:translate(-100%, 0%);transform:translate(-100%, 0%);}
.vrteska.arr-default .arr button,
.vrteska.arr-default .arr p.but {width:100%;height:100%;left:0%;top:0%;font-size:1.5em;cursor:pointer;}
.vrteska.arr-default .arr button svg,
.vrteska.arr-default .arr p.but svg {width:50%;max-width:29px;min-width:16px;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);fill:#474747;display: block;position:absolute;top:50%;left:50%;}
.vrteska.arr-default .arr button:hover svg, 
.vrteska.arr-default .arr p.but:hover svg {fill:#008238;}
.vrteska.arr-default .arr {width:6vw;}
@media screen and (min-width: 1399px)
{
	.vrteska.arr-default .arr {width:calc(50vw - 616px);}
	.vrteska.arr-default .arr.prev {left:50%;margin-left:-50vw;}
	.vrteska.arr-default .arr.next {left:50%;margin-left:50vw;}
}
@media screen and (min-width: 1639px)
{
	.vrteska.arr-default .arr {width:180px;}
	.vrteska.arr-default .arr.prev {left:50%;margin-left:-796px}
	.vrteska.arr-default .arr.next {left:50%;margin-left:616px;-ms-transform: translate(0%, 0%);-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);}
}

/* home-unapredite */
#home-unapredite {position:relative;z-index:200;width:100%;overflow: hidden;}
/* head */
#home-unapredite .head {text-align:center;width:88vw;margin:auto;}
#home-unapredite .head h2 {font-size:1.75em;line-height:1.2em;color:#000000;font-weight: 700;}
@media screen and (max-width: 479px)
{
	#home-unapredite .head h2 {font-size:1.5em;}
}
@media screen and (max-width: 777px)
{
	#home-unapredite {padding-top:94px;padding-bottom: 36px;}
	#home-unapredite .head {padding-bottom: 36px;}
}
@media screen and (min-width: 777px)
{
	#home-unapredite {padding-top:12vw;padding-bottom: 4.5vw;}
	#home-unapredite .head {padding-bottom: 4.5vw;}
}
@media screen and (min-width: 1399px)
{
	#home-unapredite {padding-top:168px;padding-bottom:64px;}
	#home-unapredite .head {padding-bottom: 64px;}
}
/* cont */
.vrteska.green .cont {width:100%;margin:auto;}
.vrteska.green .lista {margin:auto;height:100%;overflow:hidden;}
.vrteska.green .swiper-slide {overflow:hidden;border-radius:1em;}
.vrteska.green .swiper-slide .im {position:relative;z-index:200;width:100%;}
.vrteska.green .swiper-slide .im img {display: block;width:100%;height:100%;object-fit: cover;position:absolute;z-index: 200;}

.vrteska.green .h {background:#ffffff;color:#000000;border-left:1px solid #BFBFBF;border-right:1px solid #BFBFBF;position:relative;z-index:200;}
.vrteska.green .inh {position:absolute;z-index:200;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);width:100%;box-sizing:border-box;padding:0px 1.5em;text-align:left;}
.vrteska.green .h p.naslov {font-weight: 600;line-height:1.05em;}
.vrteska.green .h p.podnaslov {line-height:1.2em;font-size:0.85em;font-weight: 400;}
.vrteska.green .b {background:#008238;color:#ffffff;position:relative;z-index:200;}
.vrteska.green .b ul {position:absolute;z-index:200;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);width:100%;box-sizing:border-box;padding:0px 1.5em;text-align:left;font-size:0.85em;}
.vrteska.green .b li {padding-left:1.5em;line-height:1.5em;font-weight: 400;}
.vrteska.green .b li svg {display: block;float:left;width:1em;fill:#ffffff;margin-top: 0.25em;margin-left:-1.5em;}

.vrteska.green .h {height:5.5em;}
.vrteska.green .h p.naslov {font-size:1.5em;}
.vrteska.green .b {height:10em;}

.vrteska.green .lista {width:88vw;}
@media screen and (max-width: 639px)
{
	.vrteska.green .cont {height:calc(50vw + 15.5em);}
	.vrteska.green .swiper-slide .im {height:50vw;}
	.vrteska.green .def .sirina {width:84vw;}
	.vrteska.green .def .razmak {width:4vw;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	.vrteska.green .h p.podnaslov,
	.vrteska.green .b ul {font-size:1em;}
}
@media screen and (min-width: 639px)
{
	.vrteska.green .cont {height:calc(50vw + 15.5em);}
	.vrteska.green .swiper-slide .im {height:50vw;}
	.vrteska.green .def .sirina {width:84vw;}
	.vrteska.green .def .razmak {width:4vw;}
}
@media screen and (min-width: 639px)
{
	.vrteska.green .cont {height:calc(35.35vw + 15.5em);}
	.vrteska.green .swiper-slide .im {height:35.35vw;}
	.vrteska.green .def .sirina {width:42vw;}
	.vrteska.green .def .razmak {width:4vw;}
}
@media screen and (min-width: 959px)
{
	.vrteska.green .cont {height:calc(21.75vw + 15.5em);}
	.vrteska.green .swiper-slide .im {height:21.75vw;}
	.vrteska.green .def .sirina {width:28vw;}
	.vrteska.green .def .razmak {width:2vw;}
}
@media screen and (min-width: 1169px)
{
	.vrteska.green .def .sirina {width:26vw;}
	.vrteska.green .def .razmak {width:5vw;}
}
@media screen and (min-width: 1399px)
{
	.vrteska.green .lista {width:1232px;}
	.vrteska.green .def .sirina {width:364px;}
	.vrteska.green .def .razmak {width:70px;}
	.vrteska.green .cont {height:calc(305px + 15.5em);}
	.vrteska.green .swiper-slide .im {height:305px;}
}

/* home-moduli */
#home-moduli {position:relative;z-index:100;width:100%;background:#ffffff;overflow:hidden;}
#home-moduli .sadrzaj {position:relative;z-index:120;width:100%;max-width:1400px;margin:auto;background: #ffffff;overflow:visible;}
.vrteska.moduli .cont {overflow: visible;} 
.vrteska.moduli .in-cont {height:100%;}
/* cont */
.vrteska.moduli .lista.drag-on::before {display: none;}
.vrteska.moduli .lista {width:100%;margin:auto;height:100%;overflow:hidden;}
.vrteska.moduli .lista .back {position:absolute;z-index:120;}
.vrteska.moduli .lista .back img {display: block;width:100%;}
.vrteska.moduli .lista .back::after {display: block;content:' ';position:absolute;z-index:130;width:100%;height:100%;top:0%;left:0%;}
.vrteska.moduli .lista .front {position:absolute;z-index:140;box-sizing:border-box;}
.vrteska.moduli .lista .front .h {text-align:center;line-height:1.35em;font-size:1.25em;font-weight:500;color:#008238;position:relative;z-index:150;}
.vrteska.moduli .lista .front .h strong {color:#000000;font-weight:700;}
.vrteska.moduli .lista .front .b {position:relative;z-index:150;}
.vrteska.moduli .lista .front .b h2 {text-align:center;line-height:1.05em;color:#008238;font-size:2em;font-weight:400;}
.vrteska.moduli .lista .front .b h2 strong {font-weight: 700;}
.vrteska.moduli .lista .front .b p {text-align:center;line-height:1.5em;font-size:0.85em;color:#000000;padding-top:0.75em;}
.vrteska.moduli .lista.drag-on .front .h::before, .vrteska.moduli .lista.drag-on .front .b::before {display: block;content:' ';position:absolute;z-index:200;width:100%;height:100%;top:0%;left:0%;background:none;}
.vrteska.moduli .lista .front .buttons {display: flex;justify-content: center;flex-wrap: wrap;gap:1em;}
.vrteska.moduli .lista .front .buttons a,
.vrteska.moduli .lista .front .buttons p {display: block;white-space: nowrap;padding:0.75em 1.25em;border-radius:0.75em;border:0.125em solid #008137;line-height:1.2em;background:rgba(255,255,255,0.5);color:#008137;font-weight:500;-moz-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;}
.vrteska.moduli .lista .front .buttons a.poruci,
.vrteska.moduli .lista .front .buttons p.poruci {background:#008137;color:#ffffff;}
.vrteska.moduli .lista .front .buttons a:hover,
.vrteska.moduli .lista .front .buttons p:hover {opacity:0.75;}
#home-moduli .dots {display: block;position:absolute;z-index:600;width:100%;}
#home-moduli .dots ul {display: flex;justify-content: space-around;width:100%;}
#home-moduli .dots li {display: block;text-align:center;position:relative;z-index:600;width:7em;height:8em;}
#home-moduli .dots li button {display: block;font-size:1em;position:absolute;z-index:600;width:100%;height:100%;-o-transition:transform 0.5s;-moz-transition:transform 0.5s;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;cursor: default;}
#home-moduli .dots li button img {display: block;position:absolute;z-index:600;width:80%;top:0%;left:10%;}
#home-moduli .dots li button strong {line-height:1.25em;position:absolute;z-index:605;top:6.75em;text-align: center;left:0%;width:100%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);font-weight:400;}
#home-moduli .dots *::selection {background:none;color:none;}
#home-moduli .dots {height:8em;top:100%;margin-top:calc(-8em - 6vw);}
@media screen and (max-width: 959px)
{
	#home-moduli .dots {display: none;}
}
@media screen and (max-width: 959px)
{
	.vrteska.moduli .lista .back {left:50%;top:0%;-ms-transform: translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);}
	.vrteska.moduli .lista .front {-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;}
	.vrteska.moduli .lista .front .b {padding-top:2vw;padding-bottom:1.5vw;}
}
@media screen and (min-width: 959px)
{
	.vrteska.moduli .lista .back {right:50%;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
	.vrteska.moduli .lista .back .im {width:100%;padding-bottom:8em;}
	.vrteska.moduli .lista .front {padding-bottom:8em;padding-left:1.5em;padding-right:1.5em;left:50%;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
	.vrteska.moduli .lista .front .b {padding-top:3vw;padding-bottom:2vw;}
}
@media screen and (max-width: 479px)
{
	.vrteska.moduli .cont {height:450px;}
	.vrteska.moduli .lista .back {width:120px;top:20px;}
	.vrteska.moduli .lista .front {width:88vw;max-width:320px;top:280px;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	.vrteska.moduli .cont {height:520px;}
	.vrteska.moduli .lista .back {width:200px;}
	.vrteska.moduli .lista .front {width:360px;top:350px;}
}
@media screen and (min-width: 639px) and (max-width: 959px)
{
	.vrteska.moduli .cont {height:600px;}
	.vrteska.moduli .lista .back {width:310px;}
	.vrteska.moduli .lista .front {width:432px;top:450px;}
}
@media screen and (min-width: 959px) and (max-width: 1399px)
{
	.vrteska.moduli .cont {height:62.5vw;}
	.vrteska.moduli .lista .back {width:32.43vw;}
	.vrteska.moduli .lista .front {width:45vw;}
}
@media screen and (min-width: 1399px)
{
	.vrteska.moduli .cont {height:875px;}
	.vrteska.moduli .lista .back {width:454px;}
	.vrteska.moduli .lista .front {width:630px;}
}
.vrteska.moduli .def .sirina {width:100%;}
.vrteska.moduli .def .razmak {width:0vw;}
.vrteska.moduli {width:100%;}

/* home-aktuelno */
#home-aktuelno {position:relative;z-index:100;width:100%;background:#ffffff;overflow:hidden;font-weight:400;}
#home-aktuelno .sadrzaj {position:relative;z-index:120;width:100%;max-width:1400px;margin:auto;overflow:visible;}
.vrteska.home-aktuelno {width:100%;}
.vrteska.home-aktuelno .cont {overflow: visible;}
.vrteska.home-aktuelno .cont .swiper {width:100%;height:100%;top:0%;left:0%;}
/* head */
#home-aktuelno .head {text-align:left;overflow:visible;position:absolute;z-index:130;z-index:520;height:2.4em;color:#008238;}
#home-aktuelno .head h2 {position:absolute;z-index:522;display: block;white-space: nowrap;border:0.125em solid #008238;border-left:0em;overflow: hidden;text-overflow: ellipsis;padding:0.475em 1em 0.475em 0em;border-radius:0em 1.2em 1.2em 0em;line-height:1.2em;height:2.4em;font-weight:500;font-size:1em;}
#home-aktuelno .head::before {display: block;position: absolute;z-index:100;content:' ';border-top:0.125em solid #008238;border-bottom:0.125em solid #008238;left:0%;-ms-transform: translate(-100%, 0%);-webkit-transform:translate(-100%, 0%);transform:translate(-100%, 0%);box-sizing:border-box;height:2.4em;}
#home-aktuelno .head {font-size:1.25em;left:6vw;top:4.5vw;}
#home-aktuelno .head::before {width:6vw;}
@media screen and (max-width: 777px)
{
	#home-aktuelno .head {top:36px;}
	#home-aktuelno .head::before,
	#home-aktuelno .head h2 {background:#ffffff;}
}
@media screen and (max-width: 479px)
{
	#home-aktuelno .head {font-size:1em;}
}
@media screen and (min-width: 1399px)
{
	#home-aktuelno .head {left:50%;margin-left:-616px;top:64px;}
	#home-aktuelno .head::before {width:calc(50vw - 616px);}
}
/* cont */
.vrteska.home-aktuelno .in-cont {height:100%;}
.vrteska.home-aktuelno .lista {width:100%;margin:auto;height:100%;overflow:hidden;}
.vrteska.home-aktuelno .lista.drag-on::before {display: none;}
.vrteska.home-aktuelno .lista .color {position:absolute;z-index:119;width:100%;height:100%;top:0%;left:0%;}
.vrteska.home-aktuelno .lista .back {position:absolute;z-index:120;}
.vrteska.home-aktuelno .lista .back .im {position:absolute;z-index:120;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%;overflow: hidden;}
.vrteska.home-aktuelno .lista .back img {position:absolute;z-index:120;display: block;width:100%;height:100%;object-fit: cover;top:0%;left:0%;}
.vrteska.home-aktuelno .lista .back::after {display: block;content:' ';position:absolute;z-index:130;width:100%;height:100%;top:0%;left:0%;}
.vrteska.home-aktuelno .lista .front {position:absolute;z-index:140;box-sizing:border-box;}
.vrteska.home-aktuelno .lista .front .b {position:relative;z-index:140;}
.vrteska.home-aktuelno .lista .front .b h3 {line-height:1.25em;color:#303030;font-weight:700;max-width: 12em;max-height:5em;overflow:hidden;}
.vrteska.home-aktuelno .lista .front .b p {line-height:1.5em;color:#303030;padding-top:1em;max-width:24em;}
.vrteska.home-aktuelno .lista.drag-on .front .b::before {display: block;content:' ';position:absolute;z-index:200;width:100%;height:100%;top:0%;left:0%;background:none;}
.vrteska.home-aktuelno .lista .front .button {display: flex;justify-content:flex-start;flex-wrap: wrap;gap:1em;}
.vrteska.home-aktuelno .lista .front .button p {display: block;white-space: nowrap;padding:0.75em 1.25em;border-radius:0.75em;border:0.125em solid #000000;line-height:1.2em;background:none;color:#000000;font-weight:500;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.vrteska.home-aktuelno .lista .front .button p:hover {background:#008137;color:#ffffff;border-color:#008137;}
.vrteska.home-aktuelno .lista .front .b h3 {font-size:1.75em;}
.vrteska.home-aktuelno .lista .front .b {padding-bottom:2vw;}
@media screen and (max-width: 639px)
{
	.vrteska.home-aktuelno .lista .front {width:80vw;left:50%;margin-left:-40vw;-ms-transform: translate(0%, -100%);-webkit-transform:translate(0%, -100%);transform:translate(0%, -100%);text-align: center;box-sizing:border-box;padding:24px 24px 0px 24px;background:#ffffff;border-radius:18px 18px 0px 0px;}
	.vrteska.home-aktuelno .lista .front .b p {margin:auto;}
	.vrteska.home-aktuelno .lista .front .button {justify-content: center;}
	.vrteska.home-aktuelno .lista .front .b h3 {font-size:1.5em;margin: auto;}
}
@media screen and (min-width: 639px)
{
	.vrteska.home-aktuelno .lista .back {right:50%;top:0%;height:100%;}
	.vrteska.home-aktuelno .lista .front {left:50%;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
}
@media screen and (max-width: 639px)
{
	.vrteska.home-aktuelno .cont {height:480px;}
	.vrteska.home-aktuelno .lista .back {width:88vw;left:50%;margin-left:-44vw;height:355px;}
	.vrteska.home-aktuelno .lista .back .im {width:356px;height:315px;border-radius:18px;}
	.vrteska.home-aktuelno .lista .front {top:450px;}
}
@media screen and (max-width: 404px)
{
	.vrteska.home-aktuelno .lista .back .im {width:88vw;height:315px;border-radius:12px;}
	.vrteska.home-aktuelno .lista .front {padding:16px 16px 0px 16px;border-radius:12px 12px 0px 0px;}

}
@media screen and (min-width: 639px) and (max-width: 959px)
{
	.vrteska.home-aktuelno .cont {height:480px;}
	.vrteska.home-aktuelno .lista .back {width:422px;margin-right:-44vw;}
	.vrteska.home-aktuelno .lista .back .im {width:356px;height:315px;border-radius:18px;}
	.vrteska.home-aktuelno .lista .front {width:390px;margin-left:-44vw;box-sizing:border-box;padding:32px 32px 32px 0px;background:#ffffff;border-radius:0px 18px 18px 0px;}

}
@media screen and (min-width: 959px) and (max-width: 1399px)
{
	.vrteska.home-aktuelno .cont {height:50vw;}
	.vrteska.home-aktuelno .lista .back {width:44vw;margin-right:-44vw;}
	.vrteska.home-aktuelno .lista .back .im {width:37.14285vw;height:32.857143vw;border-radius:2vw;}
	.vrteska.home-aktuelno .lista .front {width:44vw;margin-left:-44vw;}
}
@media screen and (min-width: 1399px)
{
	.vrteska.home-aktuelno .cont {height:700px;}
	.vrteska.home-aktuelno .lista .back {width:616px;margin-right:-616px;}
	.vrteska.home-aktuelno .lista .back .im {width:520px;height:460px;border-radius:28px;}
	.vrteska.home-aktuelno .lista .front {width:616px;margin-left:-616px;}
}
.vrteska.home-aktuelno .def .sirina {width:100%;}
.vrteska.home-aktuelno .def .razmak {width:0vw;}

#home-aktuelno-color {position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;-o-transition:background 1.5s;transition:background 0.5s;}
#home-aktuelno-color.color-1 {background:#ffffff;}
#home-aktuelno-color.color-2 {background:#C4CAC1;}

/* home-timski */
#home-timski {position:relative;z-index:100;width:100%;background:#ffffff;overflow:hidden;}
#home-timski .sadrzaj {position:relative;z-index:120;width:100%;max-width:1400px;margin:auto;overflow: visible;}
.vrteska.timski .cont {overflow: visible;}
/* head */
#home-timski .head {text-align:left;margin:auto;overflow:visible;}
#home-timski .head .nadnaslov {line-height:1.2em;font-weight: 500;color:#008238;overflow:visible;position:relative;z-index:100;height:2.4em;}
#home-timski .head .nadnaslov p {position:absolute;z-index:102;display: block;max-width:100%;white-space: nowrap;border:0.125em solid #008238;border-left:0em;overflow: hidden;text-overflow: ellipsis;padding:0.475em 1em 0.475em 0em;border-radius:0em 1.2em 1.2em 0em;line-height:1.2em;height:2.4em;}
#home-timski .head .nadnaslov::before {display: block;position: absolute;z-index:100;content:' ';border-top:0.125em solid #008238;border-bottom:0.125em solid #008238;left:0%;-ms-transform: translate(-100%, 0%);-webkit-transform:translate(-100%, 0%);transform:translate(-100%, 0%);box-sizing:border-box;height:2.4em;}
#home-timski .head h2 {line-height:1.2em;color:#000000;font-weight: 700;}
#home-timski .head .podnaslov {line-height:1.5em;max-width:42em;}
#home-timski .head .nadnaslov {font-size:1.25em;margin-bottom:0.75em;}
#home-timski .head h2 {font-size:2em;}
#home-timski .head .podnaslov {padding-top:1em;}
@media screen and (max-width: 479px)
{
	#home-timski .head .nadnaslov {font-size:1em;}
}
#home-timski .head {width:88vw;}
#home-timski .head .nadnaslov::before {width:6vw;}
@media screen and (min-width: 1399px)
{
	#home-timski .head {width:1232px;}
	#home-timski .head .nadnaslov::before {width:calc(50vw - 616px);}
}
@media screen and (max-width: 777px)
{
	#home-timski {padding-top:60px;padding-bottom: 60px;}
	#home-timski .head {padding-bottom: 45px;}
}
@media screen and (min-width: 777px)
{
	#home-timski {padding-top:8vw;padding-bottom: 8vw;}
	#home-timski .head {padding-bottom: 6vw;}
}
@media screen and (min-width: 1399px)
{
	#home-timski {padding-top:112px;padding-bottom:112px;}
	#home-timski .head {padding-bottom: 84px;}
}
/* cont */
.vrteska.timski .cont {width:100%;margin:auto;overflow: visible;}
.vrteska.timski .in-cont {overflow: hidden;margin: auto;}
.vrteska.timski .lista {width:100%;margin:auto;height:100%;overflow:hidden;}
.vrteska.timski .lista .swiper-slide {z-index:500;}
.vrteska.timski .lista .swiper-slide .list-item {position:relative;z-index:500;}
.vrteska.timski .lista .swiper-slide .left {position:absolute;z-index:500;left:0%;top:0%;}
.vrteska.timski .lista .swiper-slide .left .im {position:absolute;z-index:500;width:100%;height:100%;border-radius:1em;overflow: hidden;}
.vrteska.timski .lista .swiper-slide .left .im img {position:absolute;z-index:500;width:100%;height:100%;object-fit: cover;} 
.vrteska.timski .lista .swiper-slide .right {position:absolute;z-index:500;left:100%;top:50%;box-sizing: border-box;max-height:100%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
.vrteska.timski .lista .swiper-slide .right h3 {line-height:1.15em;font-weight:700;font-size:1.5em;}
.vrteska.timski .lista .swiper-slide .right p {padding-top:1em;line-height:1.5em;}
.vrteska.timski .lista .swiper-slide .right p strong {font-weight: 700;}

.vrteska.timski .cont {height:45vw;}
.vrteska.timski .lista {width:88vw;}
@media screen and (max-width: 479px)
{
	.vrteska.timski .cont {height:66.95vw;}
	.vrteska.timski .lista .swiper-slide .list-item {width:88vw;height:66.95vw;}
	.vrteska.timski .lista .swiper-slide .left {width:42vw;height:100%;}
	.vrteska.timski .lista .swiper-slide .right {width:42vw;margin-left:-42vw;}
	.vrteska.timski .def .sirina {width:88vw;}
	.vrteska.timski .def .razmak {width:4vw;}
	.vrteska.timski .lista .swiper-slide .right p.t {display: none;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	.vrteska.timski .cont {height:280px;}
	.vrteska.timski .in-cont {width:88vw;}
	.vrteska.timski .lista {width:758px;}
	.vrteska.timski .lista .swiper-slide .list-item {width:368px;height:280px;}
	.vrteska.timski .lista .swiper-slide .left {width:172px;height:100%;}
	.vrteska.timski .lista .swiper-slide .right {width:172px;margin-left:-172px;}
	.vrteska.timski .def .sirina {width:368px;}
	.vrteska.timski .def .razmak {width:22px;}
	.vrteska.timski .lista .swiper-slide .right p.t {display: none;}
}
@media screen and (min-width: 639px) and (max-width: 959px)
{
	.vrteska.timski .cont {height:43.75vw;}
	.vrteska.timski .in-cont {width:88vw;}
	.vrteska.timski .lista {width:calc(114vw + 24px);}
	.vrteska.timski .lista .swiper-slide .list-item {width:57.5vw;height:43.75vw;}
	.vrteska.timski .lista .swiper-slide .left {width:27vw;height:100%;}
	.vrteska.timski .lista .swiper-slide .right {width:27vw;margin-left:-27vw;}
	.vrteska.timski .def .sirina {width:57.5vw;}
	.vrteska.timski .def .razmak {width:3.5vw;}
	.vrteska.timski .lista .swiper-slide .right p.t {display: none;}
}
@media screen and (min-width: 959px)
{
	.vrteska.timski .cont {height:43.75vw;}
	.vrteska.timski .in-cont {width:88vw;}
	.vrteska.timski .lista {width:calc(114vw + 36px);}
	.vrteska.timski .lista .swiper-slide .list-item {width:57.5vw;height:43.75vw;}
	.vrteska.timski .lista .swiper-slide .left {width:27vw;height:100%;}
	.vrteska.timski .lista .swiper-slide .right {width:27vw;margin-left:-27vw;}
	.vrteska.timski .def .sirina {width:57.5vw;}
	.vrteska.timski .def .razmak {width:3.5vw;}
}
@media screen and (min-width: 1399px)
{
	.vrteska.timski .cont {height:612px;}
	.vrteska.timski .in-cont {width:1232px;}
	.vrteska.timski .lista {width:1659px;}
	.vrteska.timski .lista .swiper-slide .list-item {width:805px;height:612px;}
	.vrteska.timski .lista .swiper-slide .left {width:378px;height:100%;}
	.vrteska.timski .lista .swiper-slide .right {width:378px;margin-left:-378px;}
	.vrteska.timski .def .sirina {width:805px;}
	.vrteska.timski .def .razmak {width:49px;}
}

/* odaberite-paket */
#odaberite-paket {position:relative;z-index: 100;width:100%;background:#DBF3E5;font-weight: 400;}
#odaberite-paket .sadrzaj {position:relative;z-index:120;width:88vw;max-width:1268px;margin:auto;}
#odaberite-paket .head {text-align:center;}
#odaberite-paket .head h2 {font-size:2.25em;line-height:1.2em;color:#000000;font-weight: 700;}
#odaberite-paket .body .paket {border-radius: 1em;background:#ffffff;background: linear-gradient(0deg,rgba(219, 243, 229, 1) 0%, rgba(255, 255, 255, 1) 70%);border:2px solid #ffffff;}
#odaberite-paket .body .iznos {border-bottom:1px solid #008137;}
#odaberite-paket .body .iznos p {font-weight: 700;line-height:1em;color:#008137;text-align: center;}
#odaberite-paket .body .paket .check li {padding-left:2em;padding-bottom:0.75em;}
#odaberite-paket .body .paket .check li:last-child {padding-bottom: 0em;}
#odaberite-paket .body .paket .check li .ic {display: inline;float:left;width:1em;height:1em;margin-left:-1.5em;margin-top:0.25em;}
#odaberite-paket .body .paket .check li .ic svg {fill:#008137;display: block;width:1em;height:1em;}
#odaberite-paket .body .paket .check li p {line-height:1.5em;text-align:left;}
#odaberite-paket .body .dugme button {display: block;width:100%;box-sizing:border-box;font-size:1em;white-space: nowrap;padding:0.75em 1.25em;border-radius:0.75em;border:0.125em solid #008137;line-height:1.2em;font-weight:500;-moz-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;background:#008137;color:#ffffff;}
#odaberite-paket .body .dugme button:hover {opacity:0.75;}
#odaberite-paket .foot {text-align:left;}
#odaberite-paket .foot p {line-height:1.5em;}
@media screen and (max-width: 959px)
{
	#odaberite-paket .body .paket {margin:auto;margin-bottom:32px;}
	#odaberite-paket .body .paket:last-child {margin-bottom:0em;}
	#odaberite-paket .foot {text-align:center;}
}
@media screen and (min-width: 959px)
{
	#odaberite-paket .body {display: flex;justify-content: space-between;}
	#odaberite-paket .body .paket {width:31.5%;}
}
#odaberite-paket .body .iznos {padding:2em 1.25em 1em 1.25em;}
#odaberite-paket .body .iznos p {font-size:2em;}
#odaberite-paket .body .paket .check {padding:1.5em 1.25em;}
#odaberite-paket .body .dugme {padding:0em 1.25em 1.25em 1.25em;}
@media screen and (max-width: 777px)
{
	#odaberite-paket {padding-top:60px;padding-bottom: 60px;}
	#odaberite-paket .head,
	#odaberite-paket .body {margin-bottom: 36px;}
}
@media screen and (min-width: 777px)
{
	#odaberite-paket {padding-top:8vw;padding-bottom: 8vw;}
	#odaberite-paket .head,
	#odaberite-paket .body {margin-bottom: 4.5vw;}
}
@media screen and (min-width: 1399px)
{
	#odaberite-paket {padding-top:112px;padding-bottom:112px;}
	#odaberite-paket .head,
	#odaberite-paket .body {margin-bottom: 64px;}
}

/* faq */
#faq {position:relative;z-index:100;width:100%;font-weight: 400;}
#faq .back {position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;overflow:hidden;background:#DAF3E4;}
#faq .back .cl {position:absolute;z-index:100;width:1em;height:0.7028em;}
#faq .back svg {position:absolute;z-index:100;fill:none;stroke:rgba(0,130,56,0.48);width:100%;}
#faq .back .cl.a {ms-transform: rotate(-8.5deg);-webkit-transform: rotate(-8.5deg);transform: rotate(-8.5deg);}
#faq .back .cl.b {ms-transform: rotate(-8.5deg);-webkit-transform: rotate(-8.5deg);transform: rotate(-8.5deg);}
#faq .back .cl.c {ms-transform: rotate(165deg);-webkit-transform: rotate(165deg);transform: rotate(165deg);}
#faq .back .cl.d {ms-transform: rotate(95deg);-webkit-transform: rotate(95deg);transform: rotate(95deg);}
#faq .back {font-size:100vw;}
#faq .back .cl.a {font-size:0.8458em;}
#faq .back .cl.b {font-size:0.82639em;}
#faq .back .cl.c {font-size:1.14027em;}
#faq .back .cl.d {font-size:0.9416em;}
#faq .back .cl.a {right:-20vw;top:-10vw;}
#faq .back .cl.b {right:-10vw;bottom:6vw;}
#faq .back .cl.c {left:-47.5vw;bottom:-45vw;}
#faq .back .cl.d {left:-60vw;top:6vw;}
@media screen and (min-width: 1439px)
{
	#faq .back {font-size:1440px;}
	#faq .back .cl.a {right:50%;margin-right:-1008px;top:-144px;}
	#faq .back .cl.b {right:50%;margin-right:-864px;bottom:86px;}
	#faq .back .cl.c {left:50%;margin-left:-1404px;bottom:-648px;}
	#faq .back .cl.d {left:50%;margin-left:-1584px;top:86px;}
}
#faq .front {position:relative;z-index:120;width:100%;}
#faq .sadrzaj {display: block;width: 88vw;max-width: 1268px;margin: auto;background:rgba(255,255,255,0.85);box-sizing: border-box;border-radius:1em;color:#303030;border:2px solid #ffffff;box-shadow: 0px 12px 32px rgba(0,0,0,0.15);backdrop-filter: blur(4px);}
#faq li {border-bottom:1px solid #7DBF9B;}
#faq h1 {text-align:left;line-height:1.15em;font-weight: 700;}
#faq h1 strong {font-weight: 500;}
#faq .head p {padding-top:1.75em;text-align: left;}
#faq .foot p {text-align: left;border-top:2px dashed #7DBF9B;color:#727272;}
#faq .foot p strong {font-size:2em;line-height:1.15em;font-weight: 700;color:#008238;padding-bottom: 0.5em;display: block;}
#faq .foot p a {text-transform: uppercase;color:#008238;text-decoration: underline;text-decoration-style: dotted;font-weight: 600;}
#faq .foot p a:hover {text-decoration: none;}
#faq h2 {position:relative;z-index:100;line-height:1.15em;font-weight: 700;color:#008238;}
#faq .pitanje {position:relative;z-index:100;width:100%;cursor:pointer;min-height:1.75em;}
#faq .pitanje h3 {position:relative;z-index:100;font-size:1.35em;line-height:1.15em;font-weight: 600;color:#000000;padding-right:2.5em;padding-top:0.125em;}
#faq .pitanje .button {display: block;position: absolute;z-index:110;width:1.75em;height:1.75em;border-radius:0.875em;box-sizing:border-box;border:0.125em solid #008238;background:#008238;top:0%;left:100%;margin-left: -1.75em;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;-o-transition:background 0.5s;transition:background 0.5s;}
#faq li.on .pitanje .button {background:#ffffff;}
#faq .pitanje .button .lin {position:absolute;z-index:112;width:0em;height:0em;top:50%;left:50%;overflow:visible;-moz-transition:transform 0.5s;-webkit-transition:-webkit-transform 0.5s;-o-transition:transform 0.5s;transition:transform 0.5s;}
#faq li.on .pitanje .button .lin {ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
#faq .pitanje .button .lin::before {display: block;content:' ';width:0.9em;height:0.125em;margin:-0.0625em -0.45em;position:absolute;z-index:112;background: #ffffff;opacity:1;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;}
#faq li.on .pitanje .button .lin::before {opacity:0;}
#faq .pitanje .button .lin::after {display: block;content:' ';width:0.125em;height:0.9em;margin:-0.45em -0.0625em;position:absolute;z-index:112;background: #ffffff;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;-o-transition:background 0.5s;transition:background 0.5s;}
#faq li.on .pitanje .button .lin::after {background:#008238;}
#faq .odgovor {line-height:1.65em;color:#565656;padding-top:1.5em;display: none;}
#faq h1 {font-size:2.25em;}
#faq li {padding:1em 0em;}
#faq h2 {padding-bottom:1em;font-size:2em;}
#faq ul {padding-bottom: 6em;}
#faq .foot p {padding-top: 3em;}
@media screen and (max-width: 479px)
{
	#faq .front {padding-top:56px;padding-bottom:43px;}
	#faq .head {padding-bottom: 36px;}
	#faq .sadrzaj {padding:30px 16px;}
	#faq h1 {font-size:1.75em;}
	#faq .foot p strong,
	#faq h2 {font-size:1.25em;}
	#faq .pitanje h3 {font-size:1.1em;}
	#faq li {padding:1.25em 0em;}
	#faq ul {padding-bottom: 3em;}
}
@media screen and (min-width: 479px) and (max-width: 1399px)
{
	#faq .front {padding-top:12vw;padding-bottom:9vw;}
	#faq .head {padding-bottom: 7.5vw;}
	#faq .sadrzaj {padding:6.25vw 7.5vw;}
}
@media screen and (min-width: 1399px)
{
	#faq .front {padding-top:168px;padding-bottom:126px;}
	#faq .head {padding-bottom: 105px;}
	#faq .sadrzaj {padding:87px 105px;}
}
#faq li:first-child {padding-top:0em;}
#faq li:last-child {padding-bottom:0em;border:none;}

/* o-softveru-hero */
#o-softveru-hero {position:relative;z-index:100;width:100%;color:#303030;font-weight:400;}
#o-softveru-hero .back {position:absolute;z-index:100;width:100%;height:100%;overflow:hidden;}
#o-softveru-hero .back .in {position:absolute;z-index:100;width:100%;height:100%;overflow:visible;left:0%;top:0%;}
#o-softveru-hero .back .in div {position:absolute;z-index:100;width:1em;height:0.5736995em;}
#o-softveru-hero .back .in div svg {display: block;width:100%;}
#o-softveru-hero .back .in .n {left:0em;top:0em;font-size:1px;opacity:0;}
#o-softveru-hero .back .in .a {left:-0.8em;top:-0.31864em;}
#o-softveru-hero .back .in .b {right:-0.4em;top:-0.2em;font-size:0.75em;}
#o-softveru-hero .back .in .c {left:-0.42413295em;bottom:-0.407515em;display: none;}
#o-softveru-hero .back .in .d {right:-0.7em;bottom:-0.2em;}
#o-softveru-hero .front {position:absolute;z-index:110;width:82vw;max-width:1180px;left:50%;top:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;-moz-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;-o-transition:opacity 1.5s;transition:opacity 1.5s;}
#o-softveru-hero .front.on {opacity:1;}
#o-softveru-hero .front h1 {font-weight: 400;color:#303030;line-height:1.2em;max-width:20em;}
#o-softveru-hero .front h1 svg {display: block;fill:#303030;height:1.9em;margin-bottom:0.15em;}
#o-softveru-hero .front .head p {line-height:1.35em;font-weight: 700;color:#008137;}
#o-softveru-hero .front .head p {font-size:1.25em;max-width:20em;padding-top:0.5em;}
#o-softveru-hero .front .tx {line-height:1.5em;max-width:40em;}
#o-softveru-hero .front .tx p {padding-bottom:1em;}
#o-softveru-hero .front .tx p:last-child {padding-bottom: 0em;}
#o-softveru-hero .front .brojke ul {display: flex;justify-content: flex-start;text-align:center;gap:1em;}
#o-softveru-hero .front .brojke strong {display: block;line-height:1em;font-weight: 600;color:#008137;}
#o-softveru-hero .front .brojke span {display: block;line-height:1.5em;text-transform: uppercase;}
#o-softveru-hero .front .buttons {display: flex;justify-content:flex-start;flex-wrap: wrap;gap:1em;}
#o-softveru-hero .front .brojke li.sep {width:2em;height:3em;position:relative;z-index:100;}
#o-softveru-hero .front .brojke li.sep::before {content:' ';display: block;position:absolute;z-index:100;width:50%;height:100%;border-right:1px solid #cccccc;}

#o-softveru-hero .front .buttons p {}
#o-softveru-hero .front .buttons p a {display: block;white-space: nowrap;padding:0.75em 1.25em;border-radius:0.75em;border:0.125em solid #008137;line-height:1.2em;background:rgba(255,255,255,0.5);color:#008137;font-weight:500;-moz-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;}
#o-softveru-hero .front .buttons p.poruci a {background:#008137;color:#ffffff;}
#o-softveru-hero .front .buttons p a:hover {opacity:0.75;}

#o-softveru-hero .back {font-size:95vw;}
#o-softveru-hero .front .dum {height:3em;}
#o-softveru-hero .front h1 {font-size:3em;}
#o-softveru-hero .front .tx {padding:3em 0em;}
#o-softveru-hero .front .brojke {padding-top:3em;}
#o-softveru-hero .front .brojke strong {font-size:3em;}

@media screen and (max-width: 479px)
{
	#o-softveru-hero {height:50vw;}
	#o-softveru-hero .front .brojke strong {font-size:2em;}
	#o-softveru-hero .front .brojke li.sep {width:0.5em;height:2em;}
	#o-softveru-hero .front .brojke span {text-transform: none;}
	#o-softveru-hero .front .brojke ul {gap:0.25em;}
}
@media screen and (min-width: 479px)
{
	#o-softveru-hero {height:50vw;}
}
@media screen and (min-width: 777px)
{
	#o-softveru-hero {height:50vw;}
	#o-softveru-hero .front .brojke ul {gap:4vw;}
}
@media screen and (min-width: 1399px)
{
	#o-softveru-hero {height:700px;}
}
@media screen and (min-width: 1439px)
{
	#o-softveru-hero .front {}
	#o-softveru-hero .back {font-size:1368px;}
	#o-softveru-hero .front .brojke ul {gap:56px;}
}
@media screen and (min-width: 1639px)
{
	#o-softveru-hero .back .in .b {display: block;}
}

/* o-softveru-blokovi */
#o-softveru-blokovi {position:relative;z-index:100;width:100%;margin:auto;overflow:hidden;}
#o-softveru-blokovi .sadrzaj {box-sizing:border-box;width:100%;max-width:2250px;margin:auto;}
#o-softveru-blokovi .blok {position: relative;z-index:100;width:100%;background:#f3f3f3;}
#o-softveru-blokovi .back {position:absolute;z-index:100;width:100%;height:100%;overflow: hidden;}
#o-softveru-blokovi .back::before {display: block;position:absolute;z-index:100;width:100%;height:100%;content:' ';}
#o-softveru-blokovi .egazda .back::before {background: #E2ECD1;background: linear-gradient(0deg,rgba(226, 236, 209, 1) 0%, rgba(243, 243, 243, 1) 100%);}
#o-softveru-blokovi .emeni-konobar-app .back::before {background: #AECE79;background: linear-gradient(315deg,rgba(174, 206, 121, 1) 0%, rgba(243, 243, 243, 1) 100%);}
#o-softveru-blokovi .emeni .back::before {background: #B4D2AC;background: linear-gradient(135deg,rgba(180, 210, 172, 1) 0%, rgba(243, 243, 243, 1) 100%);}
#o-softveru-blokovi .kitchen-display .back::before {background: #E2ECD1;background: linear-gradient(225deg,rgba(226, 236, 209, 1) 0%, rgba(243, 243, 243, 1) 100%);}
#o-softveru-blokovi .customer-display .back::before {background: #B0BA98;background: linear-gradient(225deg,rgba(176, 186, 152, 1) 0%, rgba(238, 240, 235, 1) 100%);}
#o-softveru-blokovi .self-service-kiosk .back::before {background: #ABBD8D;background: linear-gradient(45deg,rgba(171, 189, 141, 1) 0%, rgba(243, 243, 243, 1) 100%);}
#o-softveru-blokovi .digital-signage .back::before {background: #E1ECCE;background: linear-gradient(0deg,rgba(225, 236, 206, 1) 0%, rgba(243, 243, 243, 1) 100%);}
#o-softveru-blokovi .back-office .back::before {background: #B5D3AD;background: linear-gradient(135deg,rgba(181, 211, 173, 1) 0%, rgba(243, 243, 243, 1) 100%);}
#o-softveru-blokovi .integracija .back::before {background: #F3F3F3;background: linear-gradient(0deg,rgba(243, 243, 243, 1) 0%, rgba(225, 236, 206, 1) 100%);}
#o-softveru-blokovi .back img {display: block;position:absolute;z-index:102;width:100%;bottom:0%;object-fit: contain;object-position: center bottom;}
#o-softveru-blokovi .egazda .back img {height:53%;}
#o-softveru-blokovi .emeni-konobar-app .back img {height:56%;object-position: right bottom;}
#o-softveru-blokovi .emeni .back img {height:48%;}
#o-softveru-blokovi .kitchen-display .back img {height:42%;}
#o-softveru-blokovi .customer-display .back img {height:42%;}
#o-softveru-blokovi .self-service-kiosk .back img {height:50%;}
#o-softveru-blokovi .digital-signage .back img {height:42%;}
#o-softveru-blokovi .back-office .back img {height:42%;}
#o-softveru-blokovi .integracija .back img {height:42%;}
#o-softveru-blokovi .front {position:absolute;z-index:120;text-align:center;width:100%;height:100%;opacity:0;-moz-transition:opacity 1s;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;}
body.ready #o-softveru-blokovi .front {opacity:1;}
#o-softveru-blokovi .front .b {width:88%;margin: auto;padding-bottom:1em;text-align:center;}
#o-softveru-blokovi .front .b p.naslov {line-height:1.05em;color:#000000;font-size:2em;font-weight:400;}
#o-softveru-blokovi .front .b p.naslov strong {font-weight: 700;}
#o-softveru-blokovi .front .b p.podnaslov {font-weight: 700;}
#o-softveru-blokovi .front .b .dupli {display: flex;justify-content: center;}
#o-softveru-blokovi .front .b .dupli .cl-dupli.l {padding-right:0.75em;border-right:1px solid #303030;text-align:right;}
#o-softveru-blokovi .front .b .dupli .cl-dupli.r {padding-left: 0.75em;text-align:left;}
#o-softveru-blokovi .front .b p.tx {text-align:center;line-height:1.5em;font-size:0.85em;color:#000000;padding-top:0.75em;margin:auto;max-width:24em;}
#o-softveru-blokovi .front .buttons {width:88%;margin: auto;display: flex;justify-content: center;flex-wrap: wrap;gap:1em;}
#o-softveru-blokovi .front .buttons p {}
#o-softveru-blokovi .front .buttons p a {display: block;white-space: nowrap;padding:0.75em 1.25em;border-radius:0.75em;border:0.125em solid #008137;line-height:1.2em;background:rgba(255,255,255,0.5);color:#008137;font-weight:500;-moz-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;}
#o-softveru-blokovi .front .buttons p.poruci a {background:#008137;color:#ffffff;}
#o-softveru-blokovi .front .buttons p a:hover {opacity:0.75;}
@media screen and (max-width: 777px)
{
	#o-softveru-blokovi .sadrzaj {padding:16px 16px;}
	#o-softveru-blokovi .blok {height:360px;width:100%;}
	#o-softveru-blokovi .blok {display: block;margin-bottom:16px;}
	#o-softveru-blokovi .blok:last-child {margin-bottom:0px;}
	#o-softveru-blokovi .front .b {padding-top:24px;}
}
@media screen and (min-width: 777px) and (max-width: 1639px)
{
	#o-softveru-blokovi .sadrzaj {padding:16px 24px;}
	#o-softveru-blokovi .blok {height:37.5vw;width:50%;}
	#o-softveru-blokovi .blok {display: inline;margin-bottom:16px;}
	#o-softveru-blokovi .blok:nth-child(2n+1) {float:left;margin-left:-8px;clear:both;}
	#o-softveru-blokovi .blok:nth-child(2n) {float:right;margin-right:-8px;}
	#o-softveru-blokovi .blok:nth-last-child(-n+2) {margin-bottom:0px;}
	#o-softveru-blokovi .front .b {padding-top:5vw;}
}
@media screen and (min-width: 1639px)
{
	#o-softveru-blokovi .sadrzaj {padding:16px 32px;}
	#o-softveru-blokovi .blok {height:30vw;width:33.33%;}
	#o-softveru-blokovi .blok {display: inline;margin-bottom:16px;}
	#o-softveru-blokovi .blok:nth-child(3n+1) {float:left;margin-left:-16px;margin-right:16px;clear:both;}
	#o-softveru-blokovi .blok:nth-child(3n+2) {float:left;}
	#o-softveru-blokovi .blok:nth-child(3n) {float:right;margin-right:-16px;}
	#o-softveru-blokovi .blok:nth-last-child(-n+3) {margin-bottom:0px;}
	#o-softveru-blokovi .front .b {padding-top:2vw;}
}
@media screen and (min-width: 2499px)
{
	#o-softveru-blokovi .blok {height:750px;}
	#o-softveru-blokovi .front .b {padding-top:75px;}
}

/* modul-hero */
.modul-hero {display: block;position:relative;z-index:100;width:100%;margin:auto;max-width:1440px;}
.modul-hero .sadrzaj {position:relative;z-index:100;width:100%;overflow: hidden;}
.modul-hero .back {z-index:100;width:82%;left:9%;opacity:0;-moz-transition:opacity 1s;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;}
body.ready .modul-hero .back {opacity:1;}
.modul-hero .back img {display: block;position:absolute;z-index:100;width:100%;height:100%;object-fit: contain;}
.modul-hero .back video {display: block;position:absolute;z-index:100;width:100%;height:100%;object-fit: contain;}

@media screen and (max-width: 777px)
{
	.modul-hero .back {position:relative;top:0%;}
	.modul-hero .back img {object-position: center;}
	.modul-hero .back video {object-position: center;}
}
@media screen and (min-width: 777px)
{
	.modul-hero .back {position:absolute;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
	.modul-hero .back img {object-position: right;}
	.modul-hero .back video {object-position: right;}
}
.modul-hero .front {display: block;z-index:120;width:82vw;max-width:1180px;}
.modul-hero .front {opacity:0;-moz-transition:opacity 1s;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;}
body.ready .modul-hero .front {opacity:1;}
.modul-hero .head {}
.modul-hero .head h1 {font-weight: 400;color:#000000;line-height:1.1em;}
.modul-hero .head h1 strong {font-weight: 700;}
.modul-hero .head h1 small {font-size:1em;font-weight:400;}
.modul-hero .head p {font-weight: 600;line-height:1.25em;}
.modul-hero .body {max-width:32em;line-height: 1.5em;}
.modul-hero .buttons {display: flex;flex-wrap: wrap;gap:1em;}
.modul-hero .buttons a {display: block;white-space: nowrap;padding:0.75em 1.25em;border-radius:0.75em;border:0.125em solid #008137;line-height:1.2em;background:rgba(255,255,255,0.5);color:#008137;font-weight:500;-moz-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;}
.modul-hero .buttons .poruci a {background:#008137;color:#ffffff;}
.modul-hero .buttons a:hover {opacity:0.75;}
.modul-hero .foot {text-align:center;text-transform: uppercase;color:#015726;font-weight:500;background:#F9F9F9;padding:1.5em 0em;max-width:1268px;margin:auto;}
.modul-hero .foot p {margin:auto;width:88%;}
@media screen and (max-width: 777px)
{
	.modul-hero .front {position:relative;margin:auto;text-align: center;}
	.modul-hero .body {margin:auto;max-width:25em;}
	.modul-hero .buttons {justify-content: center;}
}
@media screen and (min-width: 777px)
{
	.modul-hero .front {position:absolute;left:9%;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);text-align: left;}
	.modul-hero .buttons {justify-content: flex-start;}
	.modul-hero .body {width:36vw;max-width:32em;}
}
@media screen and (min-width: 1439px)
{
	.modul-hero .body {width:518px;max-width:32em;}
}
.modul-hero .head h1 {font-size:4em;}
@media screen and (max-width: 479px)
{
	.modul-hero {padding:48px 0em;}
	.modul-hero .sadrzaj {margin-bottom:24px;}
	.modul-hero .sadrzaj {height:400px;}
	.modul-hero .sadrzaj .back {height:200px;margin-bottom: 24px;}
	.modul-hero .head,
	.modul-hero .body,
	.modul-hero .buttons {padding-bottom:24px;}
	.modul-hero .head h1 {font-size:2.5em;}
}
@media screen and (min-width: 479px) and (max-width: 777px)
{
	.modul-hero {padding:10vw 0em;}
	.modul-hero .sadrzaj {margin-bottom:5vw;}
	.modul-hero .sadrzaj {height:100vw;}
	.modul-hero .sadrzaj .back {height:40.25vw;margin-bottom:5vw;}
	.modul-hero .head,
	.modul-hero .body,
	.modul-hero .buttons {padding-bottom:5vw;}
}
@media screen and (min-width: 777px) and (max-width: 1439px)
{
	.modul-hero {padding:3.75vw 0em;}
	.modul-hero .sadrzaj {margin-bottom:3.75vw;}
	.modul-hero .sadrzaj,
	.modul-hero .sadrzaj .back {height:40.25vw}
	.modul-hero .head,
	.modul-hero .body {padding-bottom:2.5vw;}
}
@media screen and (min-width: 777px) and (max-width: 1199px)
{
	.modul-hero {padding:45px 0em;}
}
@media screen and (min-width: 1439px)
{
	.modul-hero {padding:54px 0em;}
	.modul-hero .sadrzaj {margin-bottom:54px;}
	.modul-hero .sadrzaj,
	.modul-hero .sadrzaj .back {height:580px;}
	.modul-hero .head,
	.modul-hero .body {padding-bottom:36px;}
}
.modul-hero.mofin {font-weight:400;}
.modul-hero.mofin .head h1 {color:#303030;}
.modul-hero.mofin .head p {font-weight: 400;line-height:1.1em;text-transform: uppercase;letter-spacing: 0.3em;color:#008238;padding-top:0.5em;}
.modul-hero.mofin .body {color:#3D3D3D;line-height:1.6em;}
.modul-hero .buttons {display: flex;flex-wrap: wrap;gap:1em;}
.modul-hero .buttons a {display: block;white-space: nowrap;padding:0.75em 1.25em;border-radius:0.75em;border:0.125em solid #008137;line-height:1.2em;background:rgba(255,255,255,0.5);color:#008137;font-weight:500;-moz-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;}
.modul-hero .buttons .solid a,
.modul-hero .buttons .poruci a {background:#008137;color:#ffffff;}
.modul-hero .buttons a:hover {opacity:0.75;}
.modul-hero .foot {text-align:center;text-transform: uppercase;color:#015726;font-weight:500;background:#F9F9F9;padding:1.5em 0em;max-width:1268px;margin:auto;}
.modul-hero .foot p {margin:auto;width:88%;}
@media screen and (min-width: 777px)
{
	#egazda-hero.modul-hero.mofin .head p {width:50%;max-width:32em;}
	#egazda-hero.modul-hero .back {overflow: visible;}
	#egazda-hero.modul-hero .back img {width:110%;}

	#kitchen-display-hero.modul-hero.mofin .head p {width:50%;max-width:32em;}
	#kitchen-display-hero.modul-hero .back {overflow: visible;}
	#kitchen-display-hero.modul-hero .back img {width:100%;height:64%;top:18%;}

	#customer-display-hero.modul-hero.mofin .head p {width:50%;max-width:32em;}
	#customer-display-hero.modul-hero .back {overflow: visible;}
	#customer-display-hero.modul-hero .back img {width:104%;height:64%;top:18%;}

	#digital-signage-hero.modul-hero.mofin .head h1 {width:50%;max-width:10em;}
	#digital-signage-hero.modul-hero .back {overflow: visible;}
	#digital-signage-hero.modul-hero .back img {width:110%;height:80%;top:10%;}

	#back-office-hero.modul-hero.mofin .head h1 {width:50%;max-width:32em;}
	#back-office-hero.modul-hero.mofin .head p {width:50%;max-width:32em;}
	#back-office-hero.modul-hero .back {overflow: visible;}
	#back-office-hero.modul-hero .back img {width:105%;height:80%;top:10%;}

	#integracija-hero.modul-hero.mofin .head h1 {width:50%;max-width:32em;}
	#integracija-hero.modul-hero.mofin .head p {width:50%;max-width:32em;}
	#integracija-hero.modul-hero .back {overflow: visible;}
	#integracija-hero.modul-hero .back img {width:110%;height:90%;top:5%;}

	#resenja-hero.modul-hero .back img {width:100%;height:80%;top:10%;}

	#e-bar-pos-hero.modul-hero.mofin .head p {max-width:34em;}
	#e-bar-pos-hero.modul-hero .back {overflow: visible;}
	#e-bar-pos-hero.modul-hero .back img {width:100%;height:80%;top:10%;}

	#sef-sinhronizacija-hero.modul-hero.mofin .head p {max-width:34em;}
	#sef-sinhronizacija-hero.modul-hero .back {overflow: visible;}
	#sef-sinhronizacija-hero.modul-hero .back img {width:100%;height:66%;top:17%;}
}
#resenja-hero.modul-hero .head h1 {font-weight: 700;}
#resenja-hero.modul-hero .head h1 small {font-weight:500px;}
#resenja-hero.modul-hero.mofin .head p {font-weight: 600;line-height:1.35em;text-transform:none;letter-spacing: 0em;font-size:1.35em;padding-top:1em;}
@media screen and (min-width: 777px)
{
	#resenja-hero.modul-hero.mofin .head p {max-width: 18em;}
}

/* modul-blok */
.modul-blok {display: block;position:relative;z-index:100;width:100%;margin:auto;font-weight: 400;}
.modul-blok.bg-f9 {background:#F9F9F9;}
.modul-blok.bg-light-blue {background:#DBF3E5;}
.modul-blok.bg-light-gray {background:#F5F5F5;}
.modul-blok .sadrzaj {position:relative;z-index:100;width:82vw;max-width:1180px;margin:auto;overflow:visible;}
.modul-blok .back {z-index:100;overflow: visible;}
.modul-blok .in-back {z-index:100;position:relative;width:100%;}
.modul-blok .back img {display: block;position: absolute;z-index:100;width:100%;height:100%;object-fit: contain;}
.modul-blok .back .bubble {position:absolute;z-index:102;width:0.33em;height:0.33em;overflow: visible;}
.modul-blok .back .bubble .ar {width:0px;height:0px;position:absolute;z-index: 102;overflow: visible;}
.modul-blok .back .bubble .ar svg {fill:none;stroke:#008137;width:0.09em;height:0.104em;position:absolute;z-index:104;top:0px;left:0px;margin:-0.052em -0.045em;}
.modul-blok .back .bubble .im {position:absolute;z-index:105;width:100%;height:100%;background:#ffffff;box-shadow:0px 3px 12px rgba(0,0,0,0.25);border-radius:0.03em;overflow: hidden;}
.modul-blok .back .bubble .im img {display: block;position:absolute;z-index:105;width:100%;height:100%;object-fit: contain;}
#modul-egazda-prednosti.modul-blok .back .bubble {right:0.05em;top:0.05em;}
#modul-egazda-prednosti.modul-blok .back .bubble .ar {bottom:-0.04em;left:50%;transform: rotateX(180deg);}
.modul-blok .front {opacity:0;-moz-transition:opacity 1s;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;}
body.ready .modul-blok .front {opacity:1;}
.modul-blok .head h2 {font-weight: 700;line-height:1.25em;}
.modul-blok .body {padding-top:1.5em;}
.modul-blok .body li {padding-left: 1.75em;padding-bottom: 1em;line-height:1.5em;}
.modul-blok .body li .ic {display: inline;float:left;margin-left:-1.75em;width:0.8em;margin-top:0.35em;}
.modul-blok .body li .ic svg {display: block;width:100%;fill:#6DBC45;}
.modul-blok .body li strong {font-weight: 700;}
.modul-blok .buttons {display: flex;justify-content: center;flex-wrap: wrap;position:relative;z-index:100;width:82vw;max-width:1180px;margin:auto;gap:1em;}
.modul-blok .buttons .but a {box-sizing:border-box;display: block;line-height:1.2em;padding:0.9em 1.5em;border-radius:1em;border:0.125em solid #008238;min-width:15vw;max-width:220px;white-space: nowrap;font-weight: 600;text-align: center;}
.modul-blok .buttons .but.outline a {color:#008238;}
.modul-blok .buttons .but.outline a:hover {color:#6DBC45;border-color:#6DBC45;}
.modul-blok .buttons .but.solid a {color:#ffffff;background:#008238;}
.modul-blok .buttons .but.solid a:hover {color:#ffffff;background:#6DBC45;border-color:#6DBC45;}
@media screen and (max-width: 959px)
{
	.modul-blok .back {position:relative;width:1em;margin:auto;}
}
@media screen and (min-width: 959px)
{
	.modul-blok .back {position:absolute;width:41vw;left:0%;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);font-size:41vw;}
	.modul-blok.right .back {left:100%;margin-left:-42vw;}
	.modul-blok .front {position:absolute;width:36vw;left:0%;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
	.modul-blok.left .front {left:100%;margin-left: -36vw;}
}
@media screen and (min-width: 1439px)
{
	.modul-blok .back {width:590px;font-size:590px;}
	.modul-blok.right .back {margin-left:-590px;}
	.modul-blok .front {width:518px;}
	.modul-blok.left .front {margin-left:-518px;}
}
@media screen and (max-width: 479px)
{
	.modul-blok .back {font-size:240px;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	.modul-blok .back {font-size:50vw;}
}
@media screen and (min-width: 639px) and (max-width: 959px)
{
	.modul-blok .back {font-size:320px;}
}
.modul-blok .head h2 {font-size:2em;}
@media screen and (max-width: 479px)
{
	.modul-blok {padding:48px 0em;}
	.modul-blok.mob-padding-top-0 {padding-top: 0px;}
	.modul-blok .back {margin-bottom:24px;}
	.modul-blok .back:empty {margin-bottom:0px;}
	.modul-blok .head h2 {font-size:1.5em;text-align:center;}
	.modul-blok .buttons {padding-top:48px;padding-bottom:24px;}
	.modul-blok .buttons .but a {min-width:8em;}
}
@media screen and (min-width: 479px) and (max-width: 959px)
{
	.modul-blok {padding:10vw 0em;}
	.modul-blok.mob-padding-top-0 {padding-top: 0px;}
	.modul-blok .back {margin-bottom: 5vw;}
	.modul-blok .back:empty {margin-bottom:0px;}
	.modul-blok .head h2 {text-align:center;}
	.modul-blok .body p,
	.modul-blok .body ul {margin:auto;max-width:32em;}
	.modul-blok .buttons {padding-top:48px;padding-bottom:24px;}
	.modul-blok .buttons .but a {min-width:10em;}
}
@media screen and (min-width: 959px) and (max-width: 1439px)
{
	.modul-blok {padding:3.75vw 0em;}
	.modul-blok .buttons {padding-top:48px;padding-bottom:24px;}
}
@media screen and (min-width: 1439px)
{
	.modul-blok {padding:54px 0em;}
	.modul-blok .buttons {padding-top:64px;padding-bottom:32px;}
}
.modul-blok.mofin {color:#303030;}
.modul-blok.mofin .body li strong {font-weight: 600;}


@media screen and (max-width: 959px)
{
	section#modul-kitchen-display-koriscenje .in-back {font-size:0.75em;}
	section#modul-kitchen-display-prednosti .in-back {font-size:0.75em;}
	section#modul-self-service-kiosk-mogucnosti .in-back {font-size:0.75em;}
	section#modul-integracija-pozadina .in-back {font-size:0.66em;}
	section#modul-digital-signage-ekrani .in-back {font-size:0.9em;}
	section#modul-digital-signage-uvek .in-back {font-size:0.8em;}
	section#modul-digital-signage-tv .in-back {font-size:0.8em;}
	
	section#modul-integracija-dostava .in-back {font-size:0.75em;}
	section#modul-integracija-informacije .in-back {font-size:0.8em;}
}
@media screen and (min-width: 959px)
{
	section#modul-kitchen-display-koriscenje .in-back {font-size:0.66em;}
	section#modul-kitchen-display-prednosti .in-back {font-size:0.66em;}
	
	section#modul-customer-display-mogucnosti .in-back {font-size:0.75em;}
	section#modul-customer-display-prednosti .in-back {font-size:0.75em;}
	section#modul-customer-display-koriscenje .in-back {font-size:0.7em;}
	
	section#modul-self-service-kiosk-mogucnosti .in-back {font-size:0.66em;}
	section#modul-integracija-dostava .in-back {font-size:0.66em;}
	section#modul-integracija-pozadina .in-back {font-size:0.5em;}
	
	section#modul-digital-signage-ekrani .in-back {font-size:0.75em;}
	section#modul-digital-signage-uvek .in-back {font-size:0.66em;}
	section#modul-digital-signage-tv .in-back {font-size:0.8em;}
	
	section#modul-back-office-komande .in-back {font-size:0.8em;}
	section#modul-back-office-kontrole .in-back {font-size:0.66em;}
	section#modul-back-office-upravljanje .in-back {font-size:0.75em;}
	
	section#modul-integracija-dostava .in-back {font-size:0.6em;}
	section#modul-integracija-informacije .in-back {font-size:0.66em;}
	
	section#modul-e-bar-pos-sve .in-back {font-size:0.66em;}
	section#modul-e-bar-pos-koriscenje .in-back {font-size:0.75em;}
	section#modul-e-bar-pos-lokal .in-back {font-size:0.75em;}
	
	section#modul-sef-sinhronizacija-faktura .in-back {font-size:0.75em;}
	section#modul-sef-sinhronizacija-kontrola .in-back {font-size:0.6em;}
	section#modul-sef-sinhronizacija-elektronske .in-back {font-size:0.6em;}
}

/* sef-sinhronizacija-footer */
#sef-sinhronizacija-footer {width:100%;position:relative;z-index:100;text-align:center;}
#sef-sinhronizacija-footer p {width:82vw;max-width:1180px;margin:auto;line-height:1.5em;}
#sef-sinhronizacija-footer p strong {font-weight: 700;}
@media screen and (max-width: 479px)
{
	#sef-sinhronizacija-footer {padding:48px 0em;}
}
@media screen and (min-width: 479px) and (max-width: 959px)
{
	#sef-sinhronizacija-footer {padding:10vw 0em;}
}
@media screen and (min-width: 959px) and (max-width: 1439px)
{
	#sef-sinhronizacija-footer {padding:3.75vw 0em;}
}
@media screen and (min-width: 1439px)
{
	#sef-sinhronizacija-footer {padding:54px 0em;}
}

/* e-gazda-ukratko */ 
#e-gazda-ukratko {width:100%;position:relative;z-index:100;background:#DBF3E5;color:#303030;overflow: hidden;}
#e-gazda-ukratko .ics {position:relative;z-index:100;width:82vw;max-width:1180px;margin:auto;overflow:visible;opacity:0;-moz-transition:opacity 1s;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;}
body.ready #e-gazda-ukratko .ics {opacity:1;}
#e-gazda-ukratko .ics .back {position:absolute;z-index:100;width:100%;height:168.75%;overflow: hidden;}
#e-gazda-ukratko .ics .back::after {position:absolute;z-index:102;width:100%;height:40%;content:' ';display: block;left:0%;bottom:-2px;background: linear-gradient(0deg,rgba(219, 243, 229, 1) 0%, rgba(219, 243, 229, 0) 100%);}
#e-gazda-ukratko .ics .back .r {position:absolute;z-index:100;box-sizing:border-box;border:2px solid #808080;width:1em;height:1em;margin:-0.5em;background:none;left:50%;top:114.8%;border-radius: 0.5em;}
#e-gazda-ukratko .ics .front {position:absolute;z-index:110;width:100%;height:100%;overflow: visible;} 
#e-gazda-ukratko .ics .front ul {position:absolute;z-index:110;width:100%;height:100%;overflow: visible;} 
#e-gazda-ukratko .ics .front li {position:absolute;z-index:110;overflow: visible;width:0%;height:0%;} 
#e-gazda-ukratko .ics .front li .ic {position:absolute;z-index:110;width:0em;height:0em;}
#e-gazda-ukratko .ics .front li .ic::before {display: block;content:' ';position:absolute;z-index:111;width:1em;height:1em;margin:-0.5em;top:50%;left:50%;border-radius:0.5em;background: #118A3A;background: linear-gradient(45deg,rgba(17, 138, 58, 1) 0%, rgba(99, 179, 66, 1) 100%);}
#e-gazda-ukratko .ics .front li .ic::after {display: block;content:' ';position:absolute;z-index:110;width:1em;height:1em;margin:-0.5em;top:50%;left:50%;border-radius:0.5em;background:#ffffff;font-size:1.66em;box-shadow: 0px 2px 0.125em rgba(0,0,0,0.25);}
#e-gazda-ukratko .ics .front li .ic svg {position:absolute;z-index:112;top:50%;left:50%;fill:#ffffff;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#e-gazda-ukratko .ics .front li p {position:absolute;z-index:112;text-align:center;font-weight: 600;line-height:1.2em;width:8em;left:-4em;}
#e-gazda-ukratko .ics .front li.it-1 .ic svg {width:0.75em;}
#e-gazda-ukratko .ics .front li.it-2 .ic svg {width:0.5694em;}
#e-gazda-ukratko .ics .front li.it-3 .ic svg {width:0.43055em;}
#e-gazda-ukratko .ics .front li.it-4 .ic svg {width:0.375em;}
#e-gazda-ukratko .sadrzaj {position:relative;z-index:120;width:82vw;max-width:32em;margin:auto;opacity:0;-moz-transition:opacity 1s;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;text-align: center;}
body.ready #e-gazda-ukratko .sadrzaj {opacity:1;}
#e-gazda-ukratko h2 {font-weight: 400;line-height:1.25em;max-width:14em;margin:auto;}
#e-gazda-ukratko h2 strong {font-weight: 700;}
#e-gazda-ukratko .body {margin:auto;max-width:25em;}
#e-gazda-ukratko .foot {display: flex;justify-content: center;flex-wrap: wrap;gap:1em;}
#e-gazda-ukratko .foot .but a {box-sizing:border-box;display: block;line-height:1.2em;padding:0.9em 1.5em;border-radius:1em;border:0.125em solid #008238;min-width:15vw;max-width:220px;white-space: nowrap;font-weight: 600;text-align: center;}
#e-gazda-ukratko .foot .but.outline a {color:#008238;}
#e-gazda-ukratko .foot .but.outline a:hover {color:#6DBC45;border-color:#6DBC45;}
#e-gazda-ukratko .foot .but.solid a {color:#ffffff;background:#008238;}
#e-gazda-ukratko .foot .but.solid a:hover {color:#ffffff;background:#6DBC45;border-color:#6DBC45;}
@media screen and (max-width: 479px)
{
	#e-gazda-ukratko .ics .front li.it-1 {left:50%;top:0%;margin-left:-28px;}
	#e-gazda-ukratko .ics .front li.it-2 {left:50%;top:0%;margin-left:28px;}
	#e-gazda-ukratko .ics .front li.it-3 {left:50%;top:85%;margin-left:-28px;}
	#e-gazda-ukratko .ics .front li.it-4 {left:50%;top:85%;margin-left:28px;}
}
@media screen and (min-width: 479px)
{
	#e-gazda-ukratko .ics .front li.it-1 {left:13.81%;top:106.25%;}
	#e-gazda-ukratko .ics .front li.it-2 {left:28.47%;top:25%;}
	#e-gazda-ukratko .ics .front li.it-3 {left:55.34%;top:49.06%;}
	#e-gazda-ukratko .ics .front li.it-4 {left:86.44%;top:92.19%;}
}
#e-gazda-ukratko h2 {font-size:2em;}
@media screen and (max-width: 479px)
{
	#e-gazda-ukratko {padding:48px 0em;}
	#e-gazda-ukratko .head {padding-top:92px;}
	#e-gazda-ukratko .body {padding-top:24px;}
	#e-gazda-ukratko .foot {padding-top:24px;}

	#e-gazda-ukratko .ics {height:108px;width:100%;}
	#e-gazda-ukratko .ics .back .r {opacity:0.5;}
	#e-gazda-ukratko .ics .back .r.r1 {font-size:297px;}
	#e-gazda-ukratko .ics .back .r.r2 {font-size:384px;}
	#e-gazda-ukratko .ics .front li .ic {font-size:32px;}
	#e-gazda-ukratko .ics .front li .ic::after {font-size:1.2em;box-shadow: 0px 2px 0.025em rgba(0,0,0,0.25);}
	#e-gazda-ukratko .ics .front li p {top:27px;width:8em;}
	#e-gazda-ukratko .ics .front li.it-1 p,
	#e-gazda-ukratko .ics .front li.it-3 p {left:-7em;text-align: right;}
	#e-gazda-ukratko .ics .front li.it-2 p,
	#e-gazda-ukratko .ics .front li.it-4 p {left:-1em;text-align:left;}
	
	#e-gazda-ukratko h2 {font-size:1.5em;}
	#e-gazda-ukratko .foot {padding-top:48px;}
	#e-gazda-ukratko .foot .but a {min-width:8em;}
}
@media screen and (min-width: 479px) and (max-width: 959px)
{
	#e-gazda-ukratko {padding:10vw 0em;}
	#e-gazda-ukratko .head {padding-top:18vw;}
	#e-gazda-ukratko .body {padding-top:5vw;}
	#e-gazda-ukratko .foot {padding-top:5vw;}
	
	#e-gazda-ukratko .ics {height:22.5vw;}
	#e-gazda-ukratko .ics .back .r.r1 {font-size:62vw;}
	#e-gazda-ukratko .ics .back .r.r2 {font-size:80vw;}
	#e-gazda-ukratko .ics .front li .ic {font-size:5vw;}
	#e-gazda-ukratko .ics .front li p {top:5.4vw;width:8em;left:-4em;}

	#e-gazda-ukratko .foot {padding-top:5vw;}
	#e-gazda-ukratko .foot .but a {min-width:10em;}
}
@media screen and (min-width: 639px) and (max-width: 959px)
{
	#e-gazda-ukratko .head {padding-top:115px;}
}
@media screen and (min-width: 959px)
{
	#e-gazda-ukratko {padding:3.75vw 0em;}
	#e-gazda-ukratko .body {padding-top:2.5vw;}
	#e-gazda-ukratko .foot {padding-top:1.875vw;}
	
	#e-gazda-ukratko .ics {height:22.5vw;}
	#e-gazda-ukratko .ics .back .r.r1 {font-size:62vw;}
	#e-gazda-ukratko .ics .back .r.r2 {font-size:80vw;}
	#e-gazda-ukratko .ics .front li .ic {font-size:5vw;}
	#e-gazda-ukratko .ics .front li p {top:5.4vw;width:12em;left:-6em;}
	
	#e-gazda-ukratko .ics .front li.it-3 p {width:16em;left:-8em;}
}
@media screen and (min-width: 1439px)
{
	#e-gazda-ukratko {padding:54px 0em;}
	#e-gazda-ukratko .body {padding-top:36px;}
	#e-gazda-ukratko .foot {padding-top:27px;}

	#e-gazda-ukratko .ics {height:324px;}
	#e-gazda-ukratko .ics .back .r.r1 {font-size:893px;}
	#e-gazda-ukratko .ics .back .r.r2 {font-size:1152px;}
	#e-gazda-ukratko .ics .front li .ic {font-size:72px;}
	#e-gazda-ukratko .ics .front li p {top:78px;}
}

/* resenja-lista */
#resenja-lista {position:relative;z-index:100;width:100%;background:#DBF3E5;color:#303030;font-weight:400;}
#resenja-lista .head {width:82vw;max-width:48em;margin: auto;text-align:center;}
#resenja-lista .head h2 {line-height:1.15em;font-weight: 700;}
#resenja-lista .head p {line-height:1.65em;font-size:0.9em;}
#resenja-lista .body {box-sizing: border-box;margin:auto;}
#resenja-lista ul {box-sizing:border-box;width:100%;}
#resenja-lista li {display: block;position:relative;z-index:100;}
#resenja-lista .front {z-index:120;box-sizing:border-box;}
#resenja-lista .in-front {position:relative;z-index:120;box-sizing:border-box;}
#resenja-lista .front h3 {font-weight: 700;color:#028238;line-height:1.15em;}
#resenja-lista .front h3 {text-shadow:0.075em 0.075em 0em #ffffff, -1px -1px 0px #ffffff, 0px -1px 0px #ffffff, 1px -1px 0px #ffffff, -1px 0px 0px #ffffff, -1px 1px 0px #ffffff;}
#resenja-lista .front p {line-height:1.65em;}
#resenja-lista .front p.podnaslov {font-weight: 600;}
#resenja-lista .front .upit {z-index:120;}
#resenja-lista .front .upit a {display: inline-block;white-space: nowrap;padding:0.75em 1.25em;border-radius:0.75em;line-height:1.2em;background:#008137;color:#ffffff;font-weight:500;-moz-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;}
#resenja-lista .front .upit a:hover{opacity:0.75;}
#resenja-lista .front .t {position:relative;z-index: 120;}
#resenja-lista .back {z-index:100;overflow: hidden;}
#resenja-lista .back .i {z-index:104;overflow: hidden;}
#resenja-lista .back video {display: block;position:absolute;z-index:104;width:100%;height:100%;object-fit: cover;}
#resenja-lista .back img {display: block;position:absolute;z-index:110;width:100%;height:100%;object-fit:contain;}
#resenja-lista .white {display:block;position:absolute;z-index:90;border-radius:0.75em;box-sizing:border-box;top:0%;left:0%;width:100%;height:100%;border:3px solid #ffffff;background:#ffffff;background: linear-gradient(0deg,rgba(239, 250, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);}
#resenja-lista li:nth-child(4n+1) .white, #resenja-lista li:nth-child(4n+2) .white {background: linear-gradient(180deg,rgba(239, 250, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);}

#resenja-lista li#resenja-restorani .back .i {width:0.532em;height:0.5045em;}
#resenja-lista li#resenja-kafici .back .i {width:0.48473em;height:0.45123em;}
#resenja-lista li#resenja-mreze .back .i {width:0.417734em;height:0.4275862em;}
#resenja-lista li#resenja-pekare .back .i {width:0.394em;height:0.46798em;}
#resenja-lista li#resenja-fast .back .i {width:0.337931em;height:0.4955665em;}
#resenja-lista li#resenja-koncerti .back .i {width:0.38817734em;height:0.369458em;}
#resenja-lista li#resenja-hoteli .back .i {width:0.423645em;height:0.41872em;}
#resenja-lista li#resenja-diskoteke .back .i {width:0.44334975em;height:0.5221675em;}
#resenja-lista li#resenja-koncept .back .i {width:0.26em;height:0.417734em;}

#resenja-lista .front {position:relative;width:100%;}
@media screen and (max-width: 479px)
{
	#resenja-lista .front {text-align:center;}
	#resenja-lista .front .t {margin:auto;max-width:24em;}
	#resenja-lista .back {position:relative;width:100%;padding-bottom: 12px;}
	#resenja-lista .back .i {position:relative;margin:auto;}
}
@media screen and (min-width: 479px) and (max-width: 959px)
{
	#resenja-lista .front .t {width:17em;}
	#resenja-lista li.item-1 .front,
	#resenja-lista li.item-3 .front,
	#resenja-lista li.item-0 .front {text-align: right;}
	#resenja-lista li.item-1 .front .t,
	#resenja-lista li.item-3 .front .t,
	#resenja-lista li.item-0 .front .t,
	#resenja-lista li.item-0 .front .upit {left:100%;margin-left: -17em;}
	#resenja-lista li.item-2 .front,
	#resenja-lista li.item-4 .front {text-align: left;}
	#resenja-lista li.item-2 .front .t,
	#resenja-lista li.item-4 .front .t {left:0%;}

	#resenja-lista .back {position:absolute;top:0%;left:0%;width:100%;height:100%;}
	#resenja-lista .back .i {position:absolute;}
	#resenja-lista .back .i {top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);margin-top:0.05em;}
	#resenja-lista li.item-0 .back .i {margin-top: 0em;}
	#resenja-lista li.item-1 .back .i,
	#resenja-lista li.item-3 .back .i,
	#resenja-lista li.item-0 .back .i {left:32px;}
	#resenja-lista li.item-2 .back .i,
	#resenja-lista li.item-4 .back .i {right:32px;}
	
	#resenja-lista .front .upit {padding-top:1.5em;}
}

@media screen and (min-width: 959px)
{
	#resenja-lista .back {position:absolute;top:0%;left:0%;width:100%;height:100%;}
	#resenja-lista .back .i {position:absolute;}
	#resenja-lista .back .i {top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);margin-top:0.05em;}
	#resenja-lista li.item-0 .back .i {margin-top: 0em;}
	
	#resenja-lista li.item-1 .back .i,
	#resenja-lista li.item-4 .back .i {left:0%;margin-left:0.05em;}
	#resenja-lista li.item-0 .back .i {left:0%;margin-left:0.125em;}
	
	#resenja-lista li.item-2 .back .i,
	#resenja-lista li.item-3 .back .i {right:0%;margin-right:0.05em;}
	
	#resenja-lista .front h3,
	#resenja-lista .front .t {position:relative;z-index:120;}
	
	#resenja-lista li.item-0 {min-height:10vw;}
	#resenja-lista li.item-0 .front {padding:6vw 3.6vw 6vw 24vw;}
	
	#resenja-lista li.item-1 .front,
	#resenja-lista li.item-4 .front {text-align: right;}
	#resenja-lista li.item-1 .front .t,
	#resenja-lista li.item-4 .front .t {left:100%;margin-left: -17em;}
	#resenja-lista li.item-2 .front,
	#resenja-lista li.item-3 .front,
	#resenja-lista li.item-0 .front {text-align: left;}
	#resenja-lista li.item-2 .front .t,
	#resenja-lista li.item-3 .front .t {left:0%;}
	#resenja-lista li.item-0 .front .t {left:0vw;}
	
	/*
	#resenja-lista .front .upit {position:absolute;left:100%;top:50%;-ms-transform: translate(-100%, -50%);-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%);}
	*/
	#resenja-lista .front .upit {position:absolute;z-index:100;height:100%;left:100%;top:0%;width:calc(100% - 540px);-ms-transform: translate(-100%, 0%);-webkit-transform:translate(-100%, 0%);transform:translate(-100%, 0%);}
	#resenja-lista .front .upit a {display: block;position: absolute;left:50%;top:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
}

@media screen and (max-width: 959px)
{
	#resenja-lista .body {max-width:720px;}
	#resenja-lista ul {padding:0em;width:100%;}
	#resenja-lista li {width:100%;}
	#resenja-lista li:last-child() {margin-bottom: 0em;}
}
@media screen and (max-width: 479px)
{
	#resenja-lista li {margin-bottom: 16px;}
	#resenja-lista li:last-child() {margin-bottom: 0em;}
	#resenja-lista .back .i {font-size:80vw;}
	#resenja-lista {padding-top:48px;padding-bottom:86px;}
	#resenja-lista .head {padding-bottom: 48px;}
	#resenja-lista .body {padding:0em 4vw;width:100%;}
	#resenja-lista .front {padding:24px;}
}
@media screen and (min-width: 479px) and (max-width: 959px)
{
	#resenja-lista li {min-height:64vw;}
	#resenja-lista li {margin-bottom: 4vw;}
	#resenja-lista li:last-child() {margin-bottom: 0em;}
	#resenja-lista .back .i {font-size:80vw;}
	#resenja-lista {padding-top:48px;padding-bottom:86px;}
	#resenja-lista .head {padding-bottom: 48px;}
	#resenja-lista .body {padding:0em 4vw;width:100%;}
	#resenja-lista .front {padding:6.4vw;}
}
@media screen and (min-width: 599px) and (max-width: 959px)
{
	#resenja-lista li {min-height:384px;}
	#resenja-lista .back .i {font-size:552px;}
	#resenja-lista .front {padding:38px;}
}
@media screen and (min-width: 959px)
{
	#resenja-lista ul {padding:0em 1vw;width:100%;}
	#resenja-lista li {margin-bottom: 2vw;min-height:34.5vw;width:50%;}
	#resenja-lista li.item-0 {width:calc(100% + 2vw);}
	#resenja-lista li:nth-child(2n+1) {clear:both;float:left;margin-left:-1vw;}
	#resenja-lista li:nth-child(2n) {float:right;margin-right:-1vw;}
	#resenja-lista li:nth-last-child(-n+2) {margin-bottom: 0em;}
	#resenja-lista .back .i {font-size:47vw;}
	#resenja-lista {padding-top:5vw;padding-bottom:9vw;}
	#resenja-lista .head {padding-bottom: 5vw;}
	#resenja-lista .body {padding:0em 2vw;width:100%;}
	#resenja-lista .front {padding:3.6vw;}
}
@media screen and (min-width: 1439px)
{
	#resenja-lista {padding-top:72px;padding-bottom:130px;}
	#resenja-lista .head {padding-bottom: 72px;}
	#resenja-lista li {min-height:496px;}
	#resenja-lista .back .i {font-size:677px;}
	#resenja-lista .front {padding:52px;}
	#resenja-lista li.item-0 .front {padding:86px 52px 86px 346px;}
}
@media screen and (min-width: 1639px)
{
	#resenja-lista .body {padding:0em 32px;width:1640px;}
	#resenja-lista ul {padding:0em 16px;}
	#resenja-lista li {margin-bottom: 32px;}
	#resenja-lista li:nth-child(2n+1) {margin-left:-16px;}
	#resenja-lista li:nth-child(2n) {margin-right:-16px;}
	#resenja-lista li:nth-last-child(-n+2) {margin-bottom: 0em;}
	#resenja-lista li.item-0 {width:1576px;}
}
@media screen and (max-width: 479px)
{
	#resenja-lista .front {font-size:14px;}
	#resenja-lista .head h2 {font-size:1.5em;padding-bottom:0.5em;}
	#resenja-lista .front h3 {font-size:32px;margin-bottom:0.5em;}
}
@media screen and (min-width: 479px) and (max-width: 959px)
{
	#resenja-lista .front {font-size:15px;}
	#resenja-lista .head h2 {font-size:2em;padding-bottom:0.5em;}
	#resenja-lista .front h3 {font-size:36px;margin-bottom:0.5em;}
	#resenja-lista .front .t {width:13em;}
	#resenja-lista li.item-1 .front .t,
	#resenja-lista li.item-3 .front .t,
	#resenja-lista li.item-0 .front .t {margin-left: -13em;}
}
@media screen and (min-width: 639px) and (max-width: 959px)
{
	#resenja-lista .head h2 {font-size:2em;padding-bottom:0.5em;}
	#resenja-lista .front h3 {font-size:36px;margin-bottom:0.5em;}
	#resenja-lista .front .t {width:15em;}
	#resenja-lista li.item-1 .front .t,
	#resenja-lista li.item-3 .front .t,
	#resenja-lista li.item-0 .front .t {margin-left: -15em;}
	#resenja-lista li.item-0 .front .t {width:18em;margin-left: -18em;}
}
@media screen and (min-width: 959px)
{
	#resenja-lista .head h2 {font-size:2em;padding-bottom:0.5em;}
	#resenja-lista .front h3 {font-size:36px;margin-bottom:0.5em;}
	#resenja-lista .front .t {width:13em;}
	#resenja-lista li.item-1 .front .t,
	#resenja-lista li.item-4 .front .t {margin-left: -13em;}
	#resenja-lista .front .t {min-height:21.45em}	
	#resenja-lista .item-0 .front .t {min-height:1.65em;}
	#resenja-lista li.item-0 .front .t {width:22em;}
}
@media screen and (min-width: 1169px)
{
	#resenja-lista .front h3 {min-height:2.3em;}
	#resenja-lista .front p.podnaslov {min-height:4.95em}	
	#resenja-lista .front .t {width:18em;font-size:0.85em;}
	#resenja-lista li.item-1 .front .t,
	#resenja-lista li.item-4 .front .t {margin-left: -18em;}
	#resenja-lista .front .t {min-height:16.5em}
	#resenja-lista .item-0 .front .t {min-height:1.65em;}
	#resenja-lista .item-0 .front h3 {border-bottom:1px solid #008137;min-height: 0em;padding-bottom:0.75em;margin-bottom: 0.75em;max-width: 15em;}
	#resenja-lista li#resenja-kafici .front .t {width:17em;}
	#resenja-lista li#resenja-kafici.item-1 .front .t {margin-left: -17em;}
	#resenja-lista li.item-0 .front .t {width:28em;}
}
@media screen and (min-width: 1399px)
{
	#resenja-lista .front .t {width:18em;font-size:0.9em;}
	#resenja-lista li.item-1 .front .t,
	#resenja-lista li.item-4 .front .t {margin-left: -18em;}
	#resenja-lista li#resenja-kafici .front .t {width:17em;}
	#resenja-lista li#resenja-kafici.item-1 .front .t {margin-left: -17em;}

	#resenja-lista li.item-0 .front .t {width:28em;}
}
@media screen and (min-width: 1639px)
{
	#resenja-lista .front .t {font-size:1em;}
}

/* edu */
#edu-head {position: relative;z-index:100;width:100%;color:#303030;font-weight: 400;}
#edu-head .sadrzaj {position:relative;z-index:100;width:82vw;max-width:1180px;margin:auto;}
@media screen and (min-width: 639px)
{
	#edu-head .sadrzaj .tx .head {display: flex;justify-content: flex-start;gap:0.75em;flex-wrap: wrap;}
}
#edu-head .sadrzaj .tx .head h1 {line-height:1em;font-size:3em;font-weight:700;}
#edu-head .sadrzaj .tx .head h1 strong {color:#008238;font-weight:700;}
#edu-head .sadrzaj .tx .head p {line-height: 1.5em;font-weight: 600;white-space: nowrap;}
#edu-head .sadrzaj .tx .body {line-height:1.65em;}
#edu-head .sadrzaj .img img {display: block;width:100%;}
#edu-head .foot {line-height:1.65em;position:relative;z-index:100;font-weight: 400;width:82vw;max-width:1180px;margin:auto;text-align: center;background: #D7F0E1;box-sizing:border-box;border-radius: 1em;font-size:0.9em;}
#edu-head .sadrzaj .tx .head {font-size:1em;}
#edu-head .sadrzaj .tx .body {padding-top:1.65em;font-size:1em;}
@media screen and (max-width: 639px)
{
	#edu-head .sadrzaj .tx {text-align:center;}
	#edu-head .sadrzaj .img {margin:auto;}
}
@media screen and (min-width: 639px) and (max-width: 959px)
{
	#edu-head .sadrzaj .tx {width:100%}
	#edu-head .sadrzaj .img {width:40vw;display: inline;float: right;}
}
@media screen and (min-width: 959px)
{
	#edu-head .sadrzaj {display: flex;justify-content: space-between;align-self: center;}
	#edu-head .sadrzaj .tx {align-self: center;order:1;}
	#edu-head .sadrzaj .img {align-self: center;order:2;}
}
@media screen and (max-width: 639px)
{
	#edu-head {padding-bottom: 48px;}
	#edu-head .sadrzaj {padding:32px 0em;}
	#edu-head .sadrzaj .tx {width:100%;}
	#edu-head .sadrzaj .img {width:60vw;max-width:240px;}
	#edu-head .foot {padding:27px 18px}
}
@media screen and (min-width: 639px)
{
	#edu-head {padding-bottom: 48px;}
	#edu-head .sadrzaj {padding:32px 0em;}
	#edu-head .sadrzaj .tx {width:100%;}
	#edu-head .sadrzaj .img {width:40vw;}
	#edu-head .foot {padding:27px 18px}
}
@media screen and (min-width: 959px)
{
	#edu-head {padding-bottom: 5vw;}
	#edu-head .sadrzaj {padding:3.5vw 0em;}
	#edu-head .sadrzaj .tx {width:42vw;}
	#edu-head .sadrzaj .img {width:35vw;}
	#edu-head .foot {padding:2.75vw 2vw;}
}
@media screen and (min-width: 1439px)
{
	#edu-head {padding-bottom: 72px;}
	#edu-head .sadrzaj {padding:50px 0em;}
	#edu-head .sadrzaj .tx {width:604px;}
	#edu-head .sadrzaj .img {width:504px;}
	#edu-head .foot {padding:40px 30px;}
}

/* edu-sta-podrazumeva */
#edu-sta-podrazumeva {position:relative;z-index:100;width:82vw;max-width:1180px;margin:auto;color:#303030;font-weight: 400;}
#edu-sta-podrazumeva h2 {line-height:1.35em;font-weight: 600;}
#edu-sta-podrazumeva ul {padding-top: 2em;}
#edu-sta-podrazumeva li {padding-left: 1.75em;padding-bottom: 1em;line-height:1.5em;}
#edu-sta-podrazumeva li .ic {display: inline;float:left;margin-left:-1.75em;width:1.25em;margin-top:0.125em;background:#008238;border-radius:0.2em;}
#edu-sta-podrazumeva li .ic svg {display: block;width:100%;stroke:#ffffff;fill:none}
#edu-sta-podrazumeva li strong {font-weight: 700;}
@media screen and (max-width: 639px)
{
	#edu-sta-podrazumeva {padding-bottom: 48px;}
	#edu-sta-podrazumeva h2 {font-size:1.5em;text-align: center;}
}
@media screen and (min-width: 639px)
{
	#edu-sta-podrazumeva h2 {font-size:1.75em;}
	#edu-sta-podrazumeva {padding-bottom: 48px;}
}
@media screen and (min-width: 959px)
{
	#edu-sta-podrazumeva {padding-bottom: 5vw;}
	#edu-sta-podrazumeva h2 {font-size:2em;}
}
@media screen and (min-width: 1439px)
{
	#edu-sta-podrazumeva {padding-bottom: 72px;}
}

/* edu-zasto */
#edu-zasto {position:relative;z-index:100;width:82vw;max-width:1180px;margin:auto;color:#303030;box-sizing: border-box;border-radius: 1em;background: #ffffff;font-weight: 400;}
#edu-zasto h2 {line-height:1.25em;font-weight: 700;}
#edu-zasto p {line-height:1.65em;padding-top:1.65em;}
#edu-zasto p a {color:#008238;text-decoration: underline;}
#edu-zasto p a:hover {text-decoration: none;}
#edu-zasto {box-shadow: 0px 2px 32px rgba(0,0,0,0.15);}
@media screen and (max-width: 639px)
{
	#edu-zasto {margin-bottom: 48px;padding:27px 27px;text-align: center;}
	#edu-zasto h2 {font-size:1.5em;}
	#edu-zasto .side.l {padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(0,0,0,0.15);}
}
@media screen and (min-width: 639px)
{
	#edu-zasto {margin-bottom: 48px;padding:30px;}
	#edu-zasto .sadrzaj {display: flex;justify-content: space-between;}
	#edu-zasto .side {width:calc(50% - 15px);}
	#edu-zasto h2 {font-size:1.35em;}
}
@media screen and (min-width: 959px)
{
	#edu-zasto {margin-bottom: 5vw;padding:3vw;}
	#edu-zasto .side {width:calc(50% - 1.5em);}
	#edu-zasto h2 {font-size:1.35em;}
}
@media screen and (min-width: 1439px)
{
	#edu-zasto {margin-bottom: 72px;padding:44px;}
	#edu-zasto .side {width:524px;}
}

/* edu-izjave */
#edu-izjave {position:relative;z-index:100;width:82vw;max-width:1180px;margin:auto;color:#303030;font-weight: 400;}
#edu-izjave .head h2 {text-align:center;line-height:1.25em;font-weight: 700;}
#edu-izjave .head h2 strong {font-weight: 700;color:#008238;}
#edu-izjave .body {max-width:800px;margin:auto;box-sizing: border-box;border-radius: 1em;background: #ffffff;font-weight: 400;text-align: center;}
#edu-izjave .body .citat {display: none;}
#edu-izjave .body .citat.on {display: block;}
#edu-izjave .body blockquote {display: block;max-width:40em;line-height: 1.65em;margin:auto;color:#008238;}
#edu-izjave .body blockquote::before {content:'\275E';padding-right: 0.25em;}
#edu-izjave .body blockquote::after {content:'\275D';padding-left: 0.25em;}
#edu-izjave .body p {line-height: 1.65em;padding-top: 1em;}
#edu-izjave .body strong {display: block;font-weight: 400;}
#edu-izjave .buttons {display: flex;justify-content: center;gap:0.5em;}
#edu-izjave .buttons button {display: block;width:1em;height:1em;font-size:1em;border:none;outline: none;background: none;position:relative;z-index:100;}
#edu-izjave .buttons button span {display: block;position:absolute;z-index:100;font-size:0.4em;width:1em;height:1em;top:50%;left:50%;margin:-0.5em;border-radius: 0.5em;background:#CCCED3;}
#edu-izjave .buttons button.on span {background:#008238;font-size:0.7em;}

#edu-izjave .body {box-shadow: 0px 2px 32px rgba(0,0,0,0.15);}
@media screen and (max-width: 639px)
{
	#edu-izjave {padding-bottom:86px;}
	#edu-izjave .head {padding-bottom:27px;}
	#edu-izjave .head h2 {font-size:1.5em;}
	#edu-izjave .body {padding:27px 27px;}
	#edu-izjave .buttons {padding-top:27px;}
}
@media screen and (min-width: 639px)
{
	#edu-izjave {padding-bottom:86px;}
	#edu-izjave .head {padding-bottom:30px;}
	#edu-izjave .head h2 {font-size:2em;}
	#edu-izjave .body {padding:30px;}
	#edu-izjave .buttons {padding-top:30px;}
}
@media screen and (min-width: 959px)
{
	#edu-izjave {padding-bottom:9vw;}
	#edu-izjave .head {padding-bottom:3vw;}
	#edu-izjave .body {padding:3vw;}
	#edu-izjave .buttons {padding-top:3vw;}
}
@media screen and (min-width: 1439px)
{
	#edu-izjave {padding-bottom:130px;}
	#edu-izjave .head {padding-bottom:44px;}
	#edu-izjave .body {padding:44px;}
	#edu-izjave .buttons {padding-top:44px;}
}

/* kontakt */
#kontakt {background:#DFF3E5;color:#303030;position:relative;z-index:100;width:100%;font-weight:400;}
#kontakt .sadrzaj {width:100%;overflow: hidden;position:relative;z-index:100;}
#kontakt .back {position:absolute;z-index:100;width:100%;height:100%;overflow:hidden;}
#kontakt .back .in {position:absolute;z-index:100;width:100%;height:100%;overflow:visible;left:0%;top:0%;}
#kontakt .back .in div {position:absolute;z-index:100;width:1em;height:0.5736995em;}
#kontakt .back .in div svg {display: block;width:100%;}
#kontakt .back .in .a {left:-0.8em;top:-0.31864em;}
#kontakt .back .in .b {right:-0.4em;top:-0.2em;}
#kontakt .back .in .c {left:-0.42413295em;bottom:-0.407515em;display: none;}
#kontakt .back .in .d {right:-0.7em;bottom:-0.2em;}
#kontakt .back {font-size:95vw;}
@media screen and (min-width: 1439px)
{
	#kontakt .back {font-size:1368px;}
}
#kontakt .front {width:82vw;max-width:1180px;margin:auto;position:relative;z-index:120;}
#kontakt .head h1 {line-height:1.25em;font-weight: 700;}
#kontakt .head p {line-height:1.65em;padding-top:0.25em;}
#kontakt .lin {max-width:600px;margin-bottom: 1em;}
#kontakt .lin input {display: block;line-height:1.2em;color:#303030;width:100%;box-sizing: border-box;background:#ffffff;border:0.125em solid #ffffff;;border-radius: 1em;font-size:1em;}
#kontakt .lin input:focus {border-color: #CCCED3;}
#kontakt .lin input.ime {margin-bottom: 1em;}
#kontakt .lin input.adresa {display: none;}
#kontakt textarea {display: block;line-height:1.2em;color:#303030;width:100%;max-width:720px;box-sizing: border-box;background:#ffffff;border:0.125em solid #ffffff;;border-radius: 1em;font-size:1em;height:12em;resize:none;margin-bottom:1.5em;}
#kontakt textarea:focus {border-color: #CCCED3;}
#kontakt .lin input::placeholder {color:#a2a2a2;opacity:1;filter:alpha(opacity=100);}
#kontakt .lin input:-ms-input-placeholder {color:#a2a2a2;opacity:1;filter:alpha(opacity=100);}
#kontakt .lin input::-ms-input-placeholder {color:#a2a2a2;opacity:1;filter:alpha(opacity=100);}
#kontakt textarea::placeholder {color:#a2a2a2;opacity:1;filter:alpha(opacity=100);}
#kontakt textarea:-ms-input-placeholder {color:#a2a2a2;opacity:1;filter:alpha(opacity=100);}
#kontakt textarea::-ms-input-placeholder {color:#a2a2a2;opacity:1;filter:alpha(opacity=100);}
#kontakt input.submit {display: block;line-height:1.2em;color:#ffffff;box-sizing: border-box;background:#008238;border:none;border-radius: 1em;font-size:1em;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
#kontakt input.submit:hover {color: #303030;background:#ffffff;}
#kontakt .report {display:none;line-height:1.2em;color:#303030;font-size:1em;}
#kontakt .loader {display:none;width:1em;height:1em;border-radius: 0.5em;background: #ffffff url(../../img/base/loader-32.gif) center no-repeat;}
@media screen and (min-width: 639px)
{
	#kontakt .foot .naslov-distributeri p.naslov {text-align: center;}
}
#kontakt .foot p.naslov {line-height: 1.5em;border-bottom:1px solid #CCCED3;padding-bottom:0.25em;margin-bottom:1.5em;font-weight: 600;}

#kontakt .foot p.naslov {line-height: 1.5em;border-bottom:1px solid #CCCED3;padding-bottom:0.25em;margin-bottom:1.5em;font-weight: 600;}
#kontakt .foot p.naziv {line-height: 1.5em;color:#388040;font-weight: 600;}
#kontakt .foot p.podnaslov {padding-top: 0.5em;line-height:1.5em;text-transform: uppercase;font-size:0.85em;}
#kontakt .foot ul.pat-top {padding-top:0.75em;}
#kontakt .foot li {padding-bottom: 0.75em;line-height:1.5em;padding-left:1.5em;}
#kontakt .foot li:last-child {padding-bottom: 0em;}
#kontakt .foot li svg {display: block;float:left;margin-left:-1.5em;width:1em;height:1em;fill:#303030;margin-top:0.25em;}
#kontakt .foot a {color:#303030;}
#kontakt .foot a:hover {color:#008238;}
#kontakt .foot li *.break {word-break: break-all;}
#kontakt .foot li *.ellipsis {display: block;height:1.5em;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
#kontakt .foot p.naslov {font-size:1.15em;}
#kontakt .foot p.naziv {font-size:1.15em;}
#kontakt-mapa {position:relative;z-index:100;width:100%;border-top:1px solid #CCCED3;}
#kontakt-mapa .bg {position:absolute;z-index:100;width:100%;height:100%;overflow:hidden;top:0%;left:0%;}
#kontakt-mapa .bg img {display: block;position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;object-fit: cover;}
#kontakt-mapa .pin {width:0px;height:0px;overflow: visible;position:absolute;z-index:105;top:50%;left:50%;}
#kontakt-mapa .pin img {width:1em;height:1em;position:absolute;z-index:105;left:-0.5em;top:-0.77em;}
#kontakt-mapa .glass {position:absolute;z-index:110;cursor:pointer;width:100%;height:100%;top:0%;left:0%;}
#kontakt-mapa iframe {display: block;position:absolute;z-index:200;width:100%;height:100%;border:none;top:0%;left:0%;}
/* #kontakt .foot .grupa {display: flex;flex-wrap: wrap;} */
#kontakt .foot .grupa {display: grid;}

@media screen and (min-width: 639px) and (max-width: 959px)
{
	#kontakt .foot .grupa {grid-template-columns: auto auto;}
}
@media screen and (min-width: 959px)
{
	#kontakt .foot .grupa {grid-template-columns: auto auto auto;justify-content: space-between;}
}


@media screen and (max-width: 959px)
{
}
@media screen and (min-width: 959px)
{
	#kontakt .foot .grupa {}
}
@media screen and (max-width: 639px)
{
	#kontakt .foot .naslov-distributeri {padding-top:48px;}
	#kontakt .foot .col {padding-top:24px;}
	#kontakt .foot .grupa {gap:16px;}
	#kontakt .foot .col {width:15em;}
	#kontakt .foot .col.distributeri {width:100%;max-width:100%;padding-top:64px}
}
@media screen and (min-width: 639px) and (max-width: 959px)
{
	#kontakt .foot .naslov-distributeri {padding-top:64px;}
	#kontakt .foot .col {padding-top:32px;}
	#kontakt .foot .grupa {gap:3vw;}
	#kontakt .foot .col {width:15em;}
	#kontakt .foot .col.distributeri {width:100%;max-width:100%;padding-top:64px}
}
@media screen and (min-width: 959px) and (max-width: 1439px)
{
	#kontakt .foot .naslov-distributeri {padding-top:10vw;}
	#kontakt .foot .col {padding-top:5vw;}
	#kontakt .foot .grupa {gap:2vw;}
	#kontakt .foot .col {width:26vw;max-width:15em;}
}
@media screen and (min-width: 1439px)
{
	#kontakt .foot .naslov-distributeri {padding-top:144px;}
	#kontakt .foot .col {padding-top:72px;}
	#kontakt .foot .grupa {gap:28px;}
	#kontakt .foot .col {width:374px;max-width:15em;}
}
@media screen and (max-width: 639px)
{
	#kontakt .front {padding-top:64px;padding-bottom:45px}
	#kontakt .head {padding-bottom:25px;}
	#kontakt .foot {padding-top:45px;}
	
	#kontakt .head h1 {font-size:1.75em;}
	#kontakt .lin input,
	#kontakt textarea {padding:0.9em 1.25em;}
	#kontakt .report {padding:0.9em 0em;}
	#kontakt input.submit {padding:0.9em 2em;}
	#kontakt .loader {font-size:3em;}
	
	#kontakt-mapa {height:288px;}
	#kontakt-mapa .pin {font-size:32px;}
}
@media screen and (min-width: 639px)
{
	#kontakt .front {padding-top:10vw;padding-bottom:7vw;}
	#kontakt .head {padding-bottom: 4vw;}
	#kontakt .foot {padding-top: 2vw;}
	
	#kontakt .head h1 {font-size:2.25em;}
	#kontakt .lin input,
	#kontakt textarea {padding:1.2em 1.5em;}
	#kontakt .report {padding:0.9em 0em;}
	#kontakt input.submit {padding:0.9em 2em;}
	#kontakt .loader {font-size:3em;}
	
	#kontakt-mapa {height:45vw;}
	#kontakt-mapa .pin {font-size:5vw;}
}
@media screen and (min-width: 1439px)
{
	#kontakt .front {padding-top:144px;padding-bottom:100px;}	
	#kontakt .head {padding-bottom: 57px;}
	#kontakt .foot {padding-top: 30px;}

	#kontakt-mapa {height:648px;}
	#kontakt-mapa .pin {font-size:72px;}
}

/* aktuelno-page */
#aktuelno-page {position:relative;z-index:100;width:100%;overflow:hidden;}

/* aktuelno-hero */
#aktuelno-hero {position:relative;z-index:100;width:100%;font-weight: 400;overflow:visible;}
#aktuelno-hero .back {position:absolute;z-index:100;width:100%;height:100%;overflow:visible;}
#aktuelno-hero .back .in {position:absolute;z-index:100;width:100%;height:100%;overflow:visible;left:0%;top:0%;}
#aktuelno-hero .back .in div {position:absolute;z-index:100;width:1em;height:0.5736995em;}
#aktuelno-hero .back .in div svg {display: block;width:100%;}
#aktuelno-hero .back .in .a {left:-0.8em;top:-0.31864em;}
#aktuelno-hero .back .in .b {right:-0.3em;top:-0.3em;font-size:1em;transform: rotate(25deg);}
#aktuelno-hero .back .in .c {left:-0.42413295em;bottom:-0.407515em;display: none;}
#aktuelno-hero .back .in .d {right:-0.2em;bottom:-0.2em;font-size:0.8em;transform: rotate(-210deg);}
#aktuelno-hero .front {position:absolute;z-index:110;width:82vw;left:50%;margin-left:-41vw;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);opacity:0;-moz-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;-o-transition:opacity 1.5s;transition:opacity 1.5s;}
#aktuelno-hero .front.on {opacity:1;}
#aktuelno-hero .front h1 {font-weight: 500;color:#000000;line-height:1.1em;max-width:10em;}
#aktuelno-hero .front h1 strong {color:#008137;font-weight: 700;white-space: nowrap;}
#aktuelno-hero .front h1 strong span {font-weight: 400;}
#aktuelno-hero .front .tx {line-height:1.5em;max-width:32em;color:#303030;}
#aktuelno-hero .front .tx p {padding-bottom:1em;}
#aktuelno-hero .front .tx p:last-child {padding-bottom: 0em;}
#aktuelno-hero .front .tx {line-height:1.5em;max-width:32em;color:#303030;}
#aktuelno-hero .front .bubble {background:#DBF3E5;text-align: center;box-sizing:border-box;border-radius:1em;}
#aktuelno-hero .front .foot {line-height:1.5em;color:#303030;font-weight: 600;text-align: center}
#aktuelno-hero .front .brojke ul {display: flex;justify-content: flex-start;text-align:center;gap:1em;}
#aktuelno-hero .front .brojke strong {display: block;line-height:1em;font-weight: 600;}
#aktuelno-hero .front .brojke span {display: block;line-height:1.5em;}
#aktuelno-hero .front .buttons {display: flex;justify-content:flex-start;flex-wrap: wrap;gap:1em;}
#aktuelno-hero .front .buttons p {}
#aktuelno-hero .front .buttons p a {display: block;white-space: nowrap;padding:0.75em 1.25em;border-radius:0.75em;border:0.125em solid #008137;line-height:1.2em;background:rgba(255,255,255,0.5);color:#008137;font-weight:500;-moz-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;}
#aktuelno-hero .front .buttons p.poruci a {background:#008137;color:#ffffff;}
#aktuelno-hero .front .buttons p a:hover {opacity:0.75;}
#aktuelno-hero .back {font-size:95vw;}
#aktuelno-hero .front .dum {height:3em;}
#aktuelno-hero .front h1 {font-size:2.5em;}
#aktuelno-hero .front .tx {padding:1em 0em 1.5em 0em;}
#aktuelno-hero .front .bubble {padding:2em;margin-bottom: 1.5em;}
#aktuelno-hero .front .brojke {padding-bottom:1.5em;}
#aktuelno-hero .front .brojke strong {font-size:2.5em;}
@media screen and (max-width: 479px)
{
	#aktuelno-hero {height:50vw;}
	#aktuelno-hero .front h1 {padding:24px 0em;text-align: center;margin:auto;}
	#aktuelno-hero .front .tx {text-align:center;}
}
@media screen and (min-width: 479px)
{
	#aktuelno-hero {height:50vw;}
}
@media screen and (min-width: 777px)
{
	#aktuelno-hero {height:50vw;}
}
@media screen and (min-width: 1399px)
{
	#aktuelno-hero {height:700px;}
}
@media screen and (min-width: 1439px)
{
	#aktuelno-hero .front {width:1180px;margin-left:-590px;}
	#aktuelno-hero .back {font-size:1180px;}
}
@media screen and (min-width: 1639px)
{
	#aktuelno-hero .back .in .b {display: block;}
}

/* aktuelno-lista */
#aktuelno-lista {position:relative;z-index:120;width:100%;}
#aktuelno-lista .head {position:relative;z-index:120;width:100%;width:82vw;max-width:1180px;margin:auto;}
#aktuelno-lista .title {position:absolute;z-index:120;width:100%;height:1.1em;font-size:1.5em;}
#aktuelno-lista .head h2 {font-weight: 400;position:absolute;z-index:120;top:0%;line-height:1.1em;text-align:center;width:100%;left:0%;font-size:1em;}
#aktuelno-lista .title .lin {position:absolute;z-index:120;width:calc(50% - 2em);height:0.55em;border-bottom:2px solid #808080;top:0%;}
#aktuelno-lista .title .lin.al {left:0%;}
#aktuelno-lista .title .lin.bl {right:0%;}

#aktuelno-lista ul {display:flex;width:82vw;max-width:1180px;margin:auto;justify-content:flex-start;flex-wrap: wrap;overflow:visible;}
#aktuelno-lista li {box-shadow:4px 8px 12px rgba(0,0,0,0.15);}
#aktuelno-lista .im {display: block;width:1em;height:0.525em;position:relative;z-index:120;}
#aktuelno-lista .im img {display: block;position:absolute;z-index:120;width:100%;height:100%;top:0%;left:0%;object-fit: cover;}
#aktuelno-lista .tx {padding: 1.5em;box-sizing: border-box;color:#303030;}
#aktuelno-lista .tx a {color:#303030;}
#aktuelno-lista .tx a:hover {color:#046D32;}
#aktuelno-lista .tx p.naslov {font-size:1.5em;line-height:1.2em;height:1.2em;text-overflow: ellipsis;white-space: nowrap;width:100%;overflow:hidden;font-weight: 700;margin-bottom:0.5em;}
#aktuelno-lista .tx p.intro {line-height:1.5em;height:4.5em;margin-bottom:0.75em;overflow: hidden;}
#aktuelno-lista .tx p.vise {font-weight: 700;line-height:1.1em;}
@media screen and (max-width: 399px)
{
	#aktuelno-lista .tx {font-size:12px;}
}
@media screen and (min-width: 399px)
{
	#aktuelno-lista .tx {font-size:13px;}
}
@media screen and (min-width: 639px)
{
	#aktuelno-lista .tx {font-size:12px;}
}
@media screen and (min-width: 777px)
{
	#aktuelno-lista .tx {font-size:13px;}
}
@media screen and (min-width: 959px)
{
	#aktuelno-lista .tx {font-size:12px;}
}
@media screen and (min-width: 1169px)
{
	#aktuelno-lista .tx {font-size:13px;}
}
@media screen and (min-width: 1399px)
{
	#aktuelno-lista .tx {font-size:14px;}
}
@media screen and (max-width: 479px)
{
	#aktuelno-lista {padding-bottom:96px;}
	#aktuelno-lista .head {height:48px;}
	#aktuelno-lista ul {gap:20px;width:82vw;}
	#aktuelno-lista li {width:100%;}
	#aktuelno-lista li .im {font-size:82vw;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	#aktuelno-lista {padding-bottom:96px;}
	#aktuelno-lista .head {height:48px;}
	#aktuelno-lista ul {gap:24px;width:394px;}
	#aktuelno-lista li {width:100%;}
	#aktuelno-lista li .im {font-size:394px;}
}
@media screen and (min-width: 639px) and (max-width: 959px)
{
	#aktuelno-lista {padding-bottom:96px;}
	#aktuelno-lista .head {height:48px;}
	#aktuelno-lista ul {gap:4vw;}
	#aktuelno-lista li {width:39vw;}
	#aktuelno-lista li .im {font-size:39vw;}
}

@media screen and (min-width: 959px)
{
	#aktuelno-lista {padding-bottom:10vw;}
	#aktuelno-lista .head {height:5vw;}
	#aktuelno-lista ul {gap:2vw;}
	#aktuelno-lista li {width:26vw;}
	#aktuelno-lista li .im {font-size:26vw;}
}
@media screen and (min-width: 1439px)
{
	#aktuelno-lista {padding-bottom:144px;}
	#aktuelno-lista .head {height:72px;}
	#aktuelno-lista ul {gap:29px;}
	#aktuelno-lista li {width:374px;}
	#aktuelno-lista li .im {font-size:374px;}
}

/* aktuelno-detaljno */
#aktuelno-detaljno {position:relative;z-index:100;width:100%;color:#303030;}
#aktuelno-detaljno .in {width:82vw;max-width:1180px;margin:auto;overflow:visible;}
@media screen and (min-width: 959px)
{
	#aktuelno-detaljno .in {display: flex;justify-content: space-between;}
}
#aktuelno-detaljno .clanak .top {line-height:1.15em;margin-bottom: 0.5em;}
#aktuelno-detaljno .clanak .top a {color:#008238;}
#aktuelno-detaljno .clanak .top a:hover {color:#303030;}
#aktuelno-detaljno .clanak h1 {font-weight: 700;line-height:1.15em;}
#aktuelno-detaljno .clanak .slika {position:relative;z-index:100;width:1em;}
#aktuelno-detaljno .clanak .slika img {display: block;position:absolute;z-index:100;width:100%;height:100%;object-fit: cover;}
#aktuelno-detaljno .clanak .body {border-top:1px solid #808080;line-height:1.65em;}
#aktuelno-detaljno .clanak .body {line-height:1.65em;font-weight:400;}
#aktuelno-detaljno .clanak .body a {color:#008238;font-weight:400;text-decoration: underline;text-decoration-style: dotted;}
#aktuelno-detaljno .clanak .body a:hover {text-decoration: none;}
#aktuelno-detaljno .clanak .body strong {font-weight: \00;}
#aktuelno-detaljno .clanak .body h1 {display:block;line-height:1.1em;font-size:1.5em;font-weight:700;}
#aktuelno-detaljno .clanak .body h2 {display:block;line-height:1.22em;font-size:1.35em;font-weight:700;}
#aktuelno-detaljno .clanak .body h3 {display:block;line-height:1.375em;font-size:1.2em;font-weight:700;}
#aktuelno-detaljno .clanak .body h4 {display:block;line-height:1.375em;font-size:1.2em;font-weight:600;}
#aktuelno-detaljno .clanak .body h5 {display:block;line-height:1.375em;font-size:1.2em;font-weight:500;}
#aktuelno-detaljno .clanak .body h6 {display:block;line-height:1.375em;font-size:1.2em;font-weight:400;}
#aktuelno-detaljno .clanak .body img {display:inline-block;width:100%;}
#aktuelno-detaljno .clanak .body figure {display: inline-block;width:100%;box-sizing:border-box;}
#aktuelno-detaljno .clanak .body figure img {display: block;width:100%;}
#aktuelno-detaljno .clanak .body figure span {display: block;padding-top:0.75em;color:#008238;font-size:0.75em;}
#aktuelno-detaljno .clanak .body li {box-sizing:border-box;padding-left:1.25em;}
#aktuelno-detaljno .clanak .body li:before {display: block;content:' ';width:0.4em;height:0.4em;float:left;margin-left:-1.25em;border-radius: 0.2em;margin-top:0.65em;background:#008238;}
#aktuelno-detaljno .clanak .body article {font-weight: 400;position:relative;box-sizing:border-box;padding:1.5em;border:3px solid #DBF3E5;border-radius: 1em;}
#aktuelno-detaljno .clanak .body mark {background:#DBF3E5;color:#303030;}
#aktuelno-detaljno .clanak .body blockquote {background:#DBF3E5;color:#303030;box-sizing:border-box;width:100%;padding:1.5em;display:inline-block;border-radius: 1em;}
#aktuelno-detaljno .clanak .body hr {display:inline-block;width:100%;height:1px;background:#e2e2e2;border:none;outline:none;}
#aktuelno-detaljno .jos ul {width:100%;margin:auto;overflow:visible;}
@media screen and (max-width: 959px)
{
	#aktuelno-detaljno .jos {border-top:1px solid #808080;}
	#aktuelno-detaljno .jos ul {display:flex;justify-content:flex-start;flex-wrap: wrap;}
}
#aktuelno-detaljno .jos li {box-shadow:4px 8px 12px rgba(0,0,0,0.15);margin-bottom: 1.5em;}
#aktuelno-detaljno .jos li:last-child {margin-bottom: 0em;}
#aktuelno-detaljno .jos .im {display: block;width:1em;height:0.525em;position:relative;z-index:100;}
#aktuelno-detaljno .jos .im img {display: block;position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;object-fit: cover;}
#aktuelno-detaljno .jos .tx {padding: 1.5em;box-sizing: border-box;color:#303030;}
#aktuelno-detaljno .jos .tx a {color:#303030;}
#aktuelno-detaljno .jos .tx a:hover {color:#046D32;}
#aktuelno-detaljno .jos .tx p.naslov {font-size:1.5em;line-height:1.2em;height:1.2em;text-overflow: ellipsis;white-space: nowrap;width:100%;overflow:hidden;font-weight: 700;margin-bottom:0.5em;}
#aktuelno-detaljno .jos .tx p.intro {line-height:1.5em;height:4.5em;margin-bottom:0.75em;overflow: hidden;}
#aktuelno-detaljno .jos .tx p.vise {font-weight: 700;line-height:1.1em;}
@media screen and (max-width: 399px)
{
	#aktuelno-detaljno .jos .tx {font-size:12px;}
}
@media screen and (min-width: 399px)
{
	#aktuelno-detaljno .jos .tx {font-size:13px;}
}
@media screen and (min-width: 639px)
{
	#aktuelno-detaljno .jos .tx {font-size:12px;}
}
@media screen and (min-width: 777px)
{
	#aktuelno-detaljno .jos .tx {font-size:13px;}
}
@media screen and (min-width: 959px)
{
	#aktuelno-detaljno .jos .tx {font-size:12px;}
}
@media screen and (min-width: 1169px)
{
	#aktuelno-detaljno .jos .tx {font-size:13px;}
}
@media screen and (min-width: 1399px)
{
	#aktuelno-detaljno .jos .tx {font-size:14px;}
}
#aktuelno-detaljno .clanak h1 {font-size:2em;}
#aktuelno-detaljno .clanak .head {margin-bottom:2em;}
#aktuelno-detaljno .clanak .head .f-slika {padding-top:2em;}
#aktuelno-detaljno .clanak .body {padding-top:2em;}
@media screen and (max-width: 959px)
{
	#aktuelno-detaljno .clanak .body {padding-bottom: 3em;}
	#aktuelno-detaljno .jos {padding-top:3em;}
	#aktuelno-detaljno .jos li {margin:0px;}
}
@media screen and (max-width: 479px)
{
	#aktuelno-detaljno .clanak .slika {font-size:82vw;}
	#aktuelno-detaljno .jos ul {gap:20px;width:82vw;}
	#aktuelno-detaljno .jos li {width:100%;}
	#aktuelno-detaljno .jos li .im {font-size:82vw;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	#aktuelno-detaljno .clanak .slika {font-size:82vw;}
	#aktuelno-detaljno .jos ul {gap:24px;width:394px;}
	#aktuelno-detaljno .jos li {width:100%;}
	#aktuelno-detaljno .jos li .im {font-size:394px;}
}
@media screen and (min-width: 639px) and (max-width: 959px)
{
	#aktuelno-detaljno .clanak .slika {font-size:82vw;}
	#aktuelno-detaljno .jos ul {gap:4vw;}
	#aktuelno-detaljno .jos li {width:39vw;}
	#aktuelno-detaljno .jos li .im {font-size:39vw;}
}
@media screen and (min-width: 959px) and (max-width: 1439px)
{
	#aktuelno-detaljno .clanak {width:52vw;}
	#aktuelno-detaljno .clanak .slika {font-size:52vw;}
	#aktuelno-detaljno .jos {width:26vw;}
	#aktuelno-detaljno .jos .im {font-size:26vw;}
}
@media screen and (min-width: 1439px)
{
	#aktuelno-detaljno .clanak {width:748px;}
	#aktuelno-detaljno .clanak .slika {font-size:748px;}
	#aktuelno-detaljno .jos {width:374px;}
	#aktuelno-detaljno .jos .im {font-size:374px;}
}
@media screen and (max-width: 479px)
{
	#aktuelno-detaljno {padding-top:56px;padding-bottom:43px;}
}
@media screen and (min-width: 479px) and (max-width: 1399px)
{
	#aktuelno-detaljno {padding-top:12vw;padding-bottom:9vw;}
}
@media screen and (min-width: 1399px)
{
	#aktuelno-detaljno {padding-top:168px;padding-bottom:126px;}
}

/* korisnici-cont */
#korisnici-cont {background:#DBF3E5;width:100%;}

/* klijenti */
#klijenti {position:relative;z-index:100;width:82vw;max-width:1180px;margin:auto;overflow:visible;color:#303030;}
#klijenti-mapa {position:relative;z-index:100;width:100%;}
#klijenti .nav ul {display: flex;gap:0.5em;line-height:1.5em;justify-content: center;flex-wrap: wrap;font-size:0.85em;font-weight:600;}
#klijenti .nav li {white-space: nowrap;padding:0em 0.75em;border:1px solid #008238;border-top:none;border-bottom:none;-moz-transition:color 0.3s;-webkit-transition:color 0.3s;-o-transition:color 0.3s;transition:color 0.3s;}
#klijenti .nav li:hover {color:#008238;}
#klijenti .nav li.but {cursor:pointer;}
#klijenti .nav li span {color:#008238;}
@media screen and (max-width: 479px)
{
	#klijenti {padding-top:28px;padding-bottom:28px;}
	#klijenti .nav {display: none;}
	#klijenti-mapa {height:40vw;}
}
@media screen and (min-width: 479px) and (max-width: 1399px)
{
	#klijenti {padding-top:6vw;padding-bottom:6vw;}
	#klijenti .nav {padding-top:4vw;}
}
@media screen and (min-width: 1399px)
{
	#klijenti {padding-top:84px;padding-bottom:84px;}
	#klijenti .nav {padding-top:56px;}
}

@media screen and (max-width: 959px)
{
	#klijenti-mapa {height:384px;}
}
@media screen and (min-width: 959px) and (max-width: 1399px)
{
	#klijenti-mapa {height:40vw;}
}
@media screen and (min-width: 1399px)
{
	#klijenti-mapa {height:560px;}
}

/* korisnici-vrteska */
#korisnici-vrteska  {}
#korisnici-vrteska .head p {text-align:center;width:85%;margin:auto;line-height:1em;text-transform: uppercase;}
@keyframes korisnici_vrteska_setnja {
    0% {margin-left:0%;}
    100% {margin-left:calc(-100% - 0.8em);}
}
#korisnici-vrteska .body {position:relative;z-index:100;width:100%;margin:auto;height:1em;overflow:hidden;}
#korisnici-vrteska .body .drzac {position:absolute;z-index:100;height:100%;overflow: visible;}
#korisnici-vrteska .body ul {position:absolute;z-index: 100;height:1em;display: flex;justify-content: space-between;width:100%;animation-name:korisnici_vrteska_setnja;animation-duration:60s;animation-iteration-count:infinite;animation-timing-function: linear;}
#korisnici-vrteska .body ul.lista-1 {top:0px;left:0%;}
#korisnici-vrteska .body ul.lista-2 {top:0px;left:calc(100% + 0.8em);}
#korisnici-vrteska .body ul.lista-3 {top:0px;left:calc(200% + 1.6em);}
#korisnici-vrteska .body li {position:relative;z-index:100;height:1em;}
#korisnici-vrteska .body li img {display: block;width:100%;height:1em;object-fit: contain;}

@media screen and (max-width: 639px)
{
	#korisnici-vrteska .body {font-size:40px;}
}

@media screen and (min-width: 639px)
{
	#korisnici-vrteska .body {font-size:60px;}
}

@media screen and (min-width: 1999px)
{
	#korisnici-vrteska .body {font-size:3vw;}
}
@media screen and (max-width: 479px)
{
	#korisnici-vrteska {padding-top:21px;padding-bottom:28px;}
	#korisnici-vrteska .head {padding-bottom:21px;}
}
@media screen and (min-width: 479px) and (max-width: 1399px)
{
	#korisnici-vrteska {padding-top:4.5vw;padding-bottom:6vw;}
	#korisnici-vrteska .head {padding-bottom:4.5vw;}
}
@media screen and (min-width: 1399px)
{
	#korisnici-vrteska {padding-top:63px;padding-bottom:84px;}
	#korisnici-vrteska .head {padding-bottom:63px;}
}

/* cenovnik */
#cenovnik-page {background:#F1F1F1;width:100%;font-weight: 400;}
#cenovnik {width: 82vw;max-width: 1180px;position:relative;z-index:100;margin:auto;overflow: visible;}
#cenovnik .sekcija {border-radius:0.75em;overflow: hidden;position:relative;z-index:100;}
#cenovnik .sekcija.shadow {box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.125);}
#cenovnik .sekcija .back {position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;}
#cenovnik .sekcija .back img.e-left {position:absolute;z-index:100;height:100%;left:0%;top:0%;}
#cenovnik .sekcija .front {position:relative;z-index:110;width:100%;left:0%;top:0%;}
#cenovnik .stereo .clan {border-radius:0.75em;overflow: hidden;position:relative;z-index:100;}
#cenovnik .stereo.shadow .clan {box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.125);}
#cenovnik .stereo .back {position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;}
#cenovnik .stereo .back img.e-left {position:absolute;z-index:100;height:100%;left:0%;top:0%;}
#cenovnik .stereo .front {position:relative;z-index:110;width:100%;left:0%;top:0%;}

@media screen and (max-width: 639px)
{
	#cenovnik .stereo .clan:first-child {margin-bottom: 32px;}
}
@media screen and (min-width: 639px) and (max-width: 777px)
{
	#cenovnik .stereo .clan:first-child {margin-bottom: 54px;}
}
@media screen and (min-width: 777px)
{
	#cenovnik .stereo {display: flex;justify-content: space-between;}
	#cenovnik .stereo .clan {width:48%;}
}

@media screen and (max-width: 639px)
{
	#cenovnik {padding-top:32px;padding-bottom:48px;}
	#cenovnik .sekcija,
	#cenovnik .stereo {margin-bottom:32px;}
}
@media screen and (min-width: 639px)
{
	#cenovnik {padding-top:54px;padding-bottom:80px;}
	#cenovnik .sekcija,
	#cenovnik .stereo {margin-bottom:54px;}
}
@media screen and (min-width: 959px)
{
	#cenovnik {padding-top:5.75vw;padding-bottom:8.5vw;}
	#cenovnik .sekcija,
	#cenovnik .stereo {margin-bottom:5.75vw;}
}
@media screen and (min-width: 1399px)
{
	#cenovnik {padding-top:80px;padding-bottom:120px;}
	#cenovnik .sekcija,
	#cenovnik .stereo {margin-bottom:80px;}
}
/* uvod */
#cenovnik-uvod {color:#ffffff;}
#cenovnik-uvod .back {background:#008238;}
#cenovnik-uvod .back img {mix-blend-mode: multiply;}
#cenovnik-uvod .in {text-align: center;}
#cenovnik-uvod h1 {line-height:1.15em;}
#cenovnik-uvod p {line-height:1.65em;padding-top:0.5em;}
#cenovnik-uvod .in {padding:32px;}
#cenovnik-uvod h1 {font-size:3em;}
@media screen and (max-width: 479px)
{
	#cenovnik-uvod h1 {font-size:2em;}
}
/* pos */
#cenovnik-pos {color:#202020;}
#cenovnik-pos .back {background:#ffffff;}
#cenovnik-pos h2 {line-height:1.15em;}
#cenovnik-pos .it-tx p {padding-top:1em;line-height:1.65em;}
#cenovnik-pos .it-jedno, #cenovnik-pos .it-more {text-align:center;}
#cenovnik-pos p.nadnaslov {color:#838383;line-height:1.5em;padding-bottom:1em;}
#cenovnik-pos .it-jedno p.cena {color:#005625;}
#cenovnik-pos .it-jedno p.cena strong {line-height:1em;display: block;}
#cenovnik-pos .it-jedno p.cena em {display:block;font-style: normal;line-height:1.15em;font-size:0.5em;padding-bottom:0.5em;}
#cenovnik-pos .it-jedno p.lfpr {border-top:1px solid #005625;color:#005625;padding-top:1em;line-height:1.65em;max-width:8em;margin:auto;}
#cenovnik-pos .it-more p.cena {color:#005625;line-height:1em;}
#cenovnik-pos p.cena {line-height:1.15em;}
@media screen and (max-width: 479px)
{
	#cenovnik-pos .it-tx {text-align: center;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	#cenovnik-pos .pos {display: flex;gap:1.5em;flex-wrap: wrap;justify-content: space-between;}
	#cenovnik-pos .it-tx {width:100%;}
	#cenovnik-pos .it-jedno,
	#cenovnik-pos .it-more {max-width:calc(50% - 1em);}
}
@media screen and (min-width: 639px)
{
	#cenovnik-pos .pos {display: flex;gap:1.5em;justify-content: space-between;}
	#cenovnik-pos .it-tx p {max-width:20em;}
}

#cenovnik-pos .in {padding:32px 40px;}
#cenovnik-pos p.nadnaslov {font-size:0.85em;}
@media screen and (max-width: 479px)
{
	#cenovnik-pos h2 {font-size:1.75em;}
	#cenovnik-pos .it-jedno p.cena {font-size:3em;}
	#cenovnik-pos .it-more p.cena {font-size:2em;}
	#cenovnik-pos p.instalacija {padding-top:1em;}
	#cenovnik-pos .it-more {padding-top:0.85em;}
}
@media screen and (min-width: 479px)
{
	#cenovnik-pos h2 {font-size:2.5em;}
	#cenovnik-pos .it-jedno p.cena {font-size:3em;}
	#cenovnik-pos .it-more p.cena {font-size:2em;}
	#cenovnik-pos p.instalacija {padding-top:3em;}
}
@media screen and (min-width: 639px)
{
	#cenovnik-pos .it-jedno p.cena {font-size:3em;}
	#cenovnik-pos .it-more p.cena {font-size:2em;}
	#cenovnik-pos p.instalacija {padding-top:2em;}
}
@media screen and (min-width: 959px)
{
	#cenovnik-pos .it-jedno p.cena {font-size:4em;}
	#cenovnik-pos .it-more p.cena {font-size:2.75em;}
	#cenovnik-pos p.instalacija {padding-top:4em;}
}

/* stereo */
#cenovnik .stereo.green {color:#ffffff;}
#cenovnik .stereo.green .back {background:#6DBC45;}
#cenovnik .stereo.white {color:#202020;}
#cenovnik .stereo.white .back {background:#ffffff;}
#cenovnik .stereo .title h2 {line-height:1.15em;}
#cenovnik .stereo .title p {padding-top:0.5em;line-height:1.5em;}
#cenovnik .stereo .cena em {font-style: normal;display: block;line-height:1.5em;}
#cenovnik .stereo .cena strong {display: block;line-height:1em;font-weight:600;}
#cenovnik .stereo .in {display: flex;justify-content: space-between;}	
#cenovnik .stereo .title {max-width:60%;}
#cenovnik .stereo .cena {max-width:36%;text-align:right;}
@media screen and (max-width: 777px)
{
	#cenovnik .stereo .title,
	#cenovnik .stereo .cena {align-self: center;}
}
#cenovnik .stereo .in {padding:32px 40px;overflow: visible;}
#cenovnik #stereo-gazda.stereo .in {padding:0px;}
#cenovnik #stereo-gazda.stereo .pad {padding:16px 40px;}
#cenovnik #stereo-gazda.stereo .in .title,
#cenovnik #stereo-gazda.stereo .in .cena {align-self: center;}
#cenovnik #stereo-gazda.stereo .title p {line-height:1.25em;padding-top:0em;font-size:0.85em;}
@media screen and (max-width: 479px)
{
	#cenovnik #stereo-gazda.stereo .title h2 {font-size:1.5em;}
	#cenovnik #stereo-back.stereo .title h2 {font-size:1.25em;}
	#cenovnik .stereo .cena strong {font-size:1.5em;}
	#cenovnik #stereo-gazda.stereo .in {height:4em;}
	#cenovnik #stereo-gazda.stereo .pad {padding:16px 24px;}
}
@media screen and (min-width: 479px)
{
	#cenovnik #stereo-gazda.stereo .title h2 {font-size:2.5em;}
	#cenovnik #stereo-back.stereo .title h2 {font-size:1.75em;}
	#cenovnik .stereo .cena strong {font-size:2.5em;}
	#cenovnik #stereo-gazda.stereo .in {height:5em;}
}
@media screen and (min-width: 777px)
{
	#cenovnik #stereo-gazda.stereo .title h2 {font-size:2em;}
	#cenovnik #stereo-back.stereo .title h2 {font-size:1.5em;}
	#cenovnik .stereo .cena strong {font-size:2em;}
	#cenovnik #stereo-gazda.stereo .in {height:5em;}
}
@media screen and (min-width: 959px)
{
	#cenovnik #stereo-gazda.stereo .title h2 {font-size:2.5em;}
	#cenovnik #stereo-back.stereo .title h2 {font-size:1.75em;}
	#cenovnik .stereo .cena strong {font-size:2.5em;}
	#cenovnik #stereo-gazda.stereo .in {height:5em;}
}

/* konobar */
#cenovnik-konobar {color:#202020;}
#cenovnik-konobar .back {background:#ffffff;}
#cenovnik-konobar h2 {line-height:1.15em;}
#cenovnik-konobar .it-tx p {padding-top:1em;line-height:1.65em;}
#cenovnik-konobar .it-standard, #cenovnik-konobar .it-pro {text-align:center;}
#cenovnik-konobar p.nadnaslov {line-height:1.5em;padding-bottom:1em;text-transform: uppercase;font-weight:600;}
#cenovnik-konobar p.cena {color:#008238;}
#cenovnik-konobar p.cena strong {line-height:1em;display: block;font-weight:600;}
#cenovnik-konobar p.cena em {display:block;font-style: normal;line-height:1.15em;font-weight:600;}
#cenovnik-konobar p.do {line-height:1.15em;padding-top:0.75em;}
#cenovnik-konobar .it-protx p, #cenovnik-konobar .it-protx li {line-height:1.65em;}
#cenovnik-konobar .it-protx p {font-weight: 600;}
@media screen and (min-width: 639px) 
{
	#cenovnik-konobar .it-protx p, #cenovnik-konobar .it-protx li {padding-left:0.75em;}
	#cenovnik-konobar .it-protx li::before {display:block;width:0.2em;height:0.2em;border-radius:0.1em;margin-left:-0.75em;margin-top:0.7em;background:#202020;content:' ';float:left;}
}
@media screen and (max-width: 639px)
{
	#cenovnik-konobar .konobar {display: flex;gap:1.5em;flex-wrap: wrap;justify-content: center;}
	#cenovnik-konobar .it-tx {width:100%;text-align: center;}
	#cenovnik-konobar .it-protx {width:100%;text-align: center;}
}
@media screen and (min-width: 639px) and (max-width: 777px)
{
	#cenovnik-konobar .konobar {display: flex;gap:1.5em;flex-wrap: wrap;justify-content: space-between;}
	#cenovnik-konobar .it-tx {width:100%;}
}
@media screen and (min-width: 777px)
{
	#cenovnik-konobar .konobar {display: flex;gap:1.5em;justify-content: space-between;}
	#cenovnik-konobar .it-tx p {max-width:16em;}
	#cenovnik-konobar .it-protx {align-self: center;}
}
#cenovnik-konobar .in {padding:32px 40px;}
#cenovnik-konobar p.nadnaslov {font-size:0.85em;}
@media screen and (max-width: 479px)
{
	#cenovnik-konobar h2 {font-size:1.75em;}
	#cenovnik-konobar p.cena strong {font-size:2em;}
	#cenovnik-konobar p.cena em {font-size:1em;}
	#cenovnik-konobar p.do {font-size: 0.85em;}
}
@media screen and (min-width: 479px)
{
	#cenovnik-konobar h2 {font-size:2.5em;}
	#cenovnik-konobar p.cena strong {font-size:2.75em;}
	#cenovnik-konobar p.cena em {font-size:1.25em;}
}
@media screen and (min-width: 777px)
{
	#cenovnik-konobar p.cena strong {font-size:3em;}
	#cenovnik-konobar p.cena em {font-size:1.25em;}
}
@media screen and (min-width: 959px)
{
	#cenovnik-konobar h2 {max-width:5em;}
	#cenovnik-konobar p.cena strong {font-size:4em;}
	#cenovnik-konobar p.cena em {font-size:1.25em;}
}

/* meni */
#cenovnik-meni {color:#ffffff;}
#cenovnik-meni .back {background:#008238;}
#cenovnik-meni .back img {mix-blend-mode: multiply;}
#cenovnik-meni h2 {line-height:1.15em;padding-bottom:0.25em;}
#cenovnik-meni .it-tx p.opciono {display:inline-block;padding:0.4em 0.75em;line-height:1.2em;border-radius:1em;background:#6DBC45;margin-bottom:0.25em;}
#cenovnik-meni .it-standard, #cenovnik-meni .it-pro {text-align:center;}
#cenovnik-meni p.nadnaslov {line-height:1.5em;padding-bottom:0.75em;font-weight:400;}
#cenovnik-meni p.cena strong {line-height:1em;display: block;font-weight:600;}
#cenovnik-meni p.cena em {display:block;font-style: normal;line-height:1.15em;font-weight:400;}
#cenovnik-meni p.do {line-height:1.15em;padding-top:0.75em;}
#cenovnik-meni .it-protx p, #cenovnik-meni .it-protx li {line-height:1.65em;}
#cenovnik-meni .it-protx p {font-weight: 600;}
#cenovnik-meni .it-cene {display: flex;justify-content: center;position:relative;z-index:100;}
#cenovnik-meni .it-cene .it {width:49%;}
#cenovnik-meni .it-cene::before {content:' ';display: block;position:absolute;z-index:100;width:1px;height:100%;left:50%;background:#ffffff;}
@media screen and (min-width: 777px) 
{
	#cenovnik-meni .it-protx p, #cenovnik-meni .it-protx li {padding-left:0.75em;}
	#cenovnik-meni .it-protx li::before {display:block;width:0.2em;height:0.2em;border-radius:0.1em;margin-left:-0.75em;margin-top:0.7em;background:#ffffff;content:' ';float:left;}
}
@media screen and (max-width: 639px)
{
	#cenovnik-meni .meni {display: flex;gap:1.5em;flex-wrap: wrap;justify-content: center;}
	#cenovnik-meni .it-tx {width:100%;text-align: center;}
	#cenovnik-meni .it-protx {width:100%;text-align: center;}
}
@media screen and (min-width: 639px) and (max-width: 777px)
{
	#cenovnik-meni .meni {display: flex;gap:1.5em;flex-wrap: wrap;justify-content: space-between;}
	#cenovnik-meni .it-protx {width:100%;text-align: center;}
	#cenovnik-meni .it-cene {align-self: center;}
}
@media screen and (min-width: 777px)
{
	#cenovnik-meni .meni {display: flex;gap:1.5em;justify-content: space-between;}
	#cenovnik-meni .it-tx p {max-width:16em;}
	#cenovnik-meni .it-cene,
	#cenovnik-meni .it-protx {align-self: center;}
}
#cenovnik-meni .in {padding:32px 40px;}
@media screen and (max-width: 479px)
{
	#cenovnik-meni h2 {font-size:1.75em;}
	#cenovnik-meni p.cena strong {font-size:2em;}
	#cenovnik-meni p.cena em {font-size:1em;}
	#cenovnik-meni .it-cene {width:100%;}
}
@media screen and (min-width: 479px)
{
	#cenovnik-meni h2 {font-size:2.5em;}
	#cenovnik-meni p.cena strong {font-size:2.75em;}
	#cenovnik-meni p.cena em {font-size:1.25em;}
	#cenovnik-meni .it-cene {width:16em;}
}
@media screen and (min-width: 777px)
{
	#cenovnik-meni p.cena strong {font-size:3em;}
	#cenovnik-meni p.cena em {font-size:1.25em;}
	#cenovnik-meni .it-cene {width:16em;}
}
@media screen and (min-width: 959px)
{
	#cenovnik-meni h2 {max-width:5em;}
	#cenovnik-meni p.cena strong {font-size:3em;}
	#cenovnik-meni p.cena em {font-size:1em;}
	#cenovnik-meni .it-cene {width:20em;}
}

/* ssk */
#cenovnik-ssk {color:#ffffff;}
#cenovnik-ssk .back {background:#6DBC45;}
#cenovnik-ssk .back img {mix-blend-mode: multiply;}
#cenovnik-ssk h2 {line-height:1.15em;}
#cenovnik-ssk .it-tx p {padding-top:1em;line-height:1.65em;}
#cenovnik-ssk p.cena strong {line-height:1em;display: block;font-weight:600;}
#cenovnik-ssk p.cena em {display:block;font-style: normal;line-height:1.25em;font-weight:400;}
#cenovnik-ssk .it-cene {display: flex;justify-content:space-between;position:relative;z-index:100;}
@media screen and (max-width: 777px)
{
	#cenovnik-ssk .meni {text-align: center;}
	#cenovnik-ssk .it-tx {width:100%;margin-bottom:0.75em;}
	#cenovnik-ssk .it-cene {text-align: center;margin:auto;}
	#cenovnik-ssk .it-tx p {padding-top:0.5em;}
}
@media screen and (min-width: 777px)
{
	#cenovnik-ssk .meni {display: flex;gap:1.5em;justify-content: space-between;}
	#cenovnik-ssk .it-tx p {max-width:16em;}
	#cenovnik-ssk .it-cene {align-self: center;}
}
#cenovnik-ssk .in {padding:32px 40px;}
@media screen and (max-width: 479px)
{
	#cenovnik-ssk h2 {font-size:1.75em;}
	#cenovnik-ssk p.cena strong {font-size:2em;}
	#cenovnik-ssk p.cena em {font-size:1em;}
	#cenovnik-ssk .it-cene {width:100%;}
}
@media screen and (min-width: 479px)
{
	#cenovnik-ssk h2 {font-size:2.5em;}
	#cenovnik-ssk p.cena strong {font-size:2.75em;}
	#cenovnik-ssk p.cena em {font-size:1em;}
	#cenovnik-ssk .it-cene {width:18em;}
}
@media screen and (min-width: 777px)
{
	#cenovnik-ssk p.cena strong {font-size:3em;}
	#cenovnik-ssk p.cena em {font-size:1em;}
	#cenovnik-ssk .it-cene {width:18em;}
}
@media screen and (min-width: 959px)
{
	#cenovnik-ssk h2 {font-size:2.5em;max-width:7em;}
	#cenovnik-ssk p.cena strong {font-size:3em;}
	#cenovnik-ssk p.cena em {font-size:1em;}
	#cenovnik-ssk .it-cene {width:34vw;}
	#cenovnik-ssk .it-cene .it {width:16vw;}
}
@media screen and (min-width: 1439px)
{
	#cenovnik-ssk .it-cene {width:490px;}
	#cenovnik-ssk .it-cene .it {width:230px;}
}

/* integracija */
#cenovnik-integracija {color:#202020;}
#cenovnik-integracija .back {background:#ffffff;}
#cenovnik-integracija .back img {position:absolute;z-index:100;height:calc(100% - 64px);right:32px;top:32px;}
@media screen and (max-width: 959px)
{
	#cenovnik-integracija .back img {display: none;}
}
#cenovnik-integracija h2 {line-height:1.15em;}
#cenovnik-integracija .title p {padding-top:1em;line-height:1.65em;}
#cenovnik-integracija .meni {color:#015726;text-align:center;}
#cenovnik-integracija p.cena strong {line-height:1em;display: block;font-weight:600;}
#cenovnik-integracija p.cena em {display:block;font-style: normal;line-height:1.25em;font-weight:400;}
#cenovnik-integracija .it-cene {display: flex;justify-content:space-between;position:relative;z-index:100;}
#cenovnik-integracija .it-cene .it {width:49%;text-align:center;}
#cenovnik-integracija .it-cene::before {content:' ';display: block;position:absolute;z-index:100;width:1px;left:50%;height:100%;background:#015726;}
@media screen and (max-width: 639px)
{
	#cenovnik-integracija .title {text-align: center;}
	#cenovnik-integracija .meni {padding-top:1em;}
	#cenovnik-integracija .meni .it-cene {padding-top:1em;margin:auto;}
}
@media screen and (min-width: 639px) and (max-width: 959px)
{
	#cenovnik-integracija .title {text-align: center;}
	#cenovnik-integracija .meni {display: flex;justify-content: center;padding-top:1.5em;}
}
@media screen and (min-width: 959px)
{
	#cenovnik-integracija .meni {display: flex;justify-content: flex-start;padding-top:1.5em;}
	
}
#cenovnik-integracija .in {padding:32px 40px;}
@media screen and (max-width: 479px)
{
	#cenovnik-integracija h2 {font-size:1.75em;}
	#cenovnik-integracija p.cena strong {font-size:2em;}
	#cenovnik-integracija p.cena em {font-size:1em;}
	#cenovnik-integracija .it-cene {width:100%;}
}
@media screen and (min-width: 479px)
{
	#cenovnik-integracija h2 {font-size:2.5em;}
	#cenovnik-integracija p.cena strong {font-size:2.75em;}
	#cenovnik-integracija p.cena em {font-size:1em;}
	#cenovnik-integracija .it-cene {width:18em;}
}
@media screen and (min-width: 639px)
{
	#cenovnik-integracija p.cena strong {font-size:3em;}
	#cenovnik-integracija p.cena em {font-size:1em;}
	#cenovnik-integracija .it-cene {width:18em;}
	#cenovnik-integracija .meni {gap:3em;}
}
@media screen and (min-width: 959px)
{
	#cenovnik-integracija h2 {font-size:2.5em;}
	#cenovnik-integracija p.cena strong {font-size:3em;}
	#cenovnik-integracija p.cena em {font-size:1em;}
	#cenovnik-integracija .it-cene {width:16em;}
	#cenovnik-integracija .meni {gap:5em;}
}

/* cenovnik-strana */
article#cenovnik-strana {background:#fafafa;}

/* cenovnik-usluge */
#cenovnik-usluge {text-align:center;width: 82vw;max-width: 1268px;position:relative;margin: auto;color:#2e2e2e;}
#cenovnik-usluge h1 {line-height:1.15em;font-size:clamp(32px, calc(2.5vw + 16px), 52px);font-size:700;padding-bottom:0.5em;}
#cenovnik-usluge p {line-height:1.5em;margin:auto;font-weight: 400;font-size:clamp(14px, calc(0.5vw + 10.8px), 18px);}
#cenovnik-usluge strong {font-weight: 600;}
@media screen and (max-width: 639px)
{
	#cenovnik-usluge .in {padding:48px 0em 36px 0em;}
	#cenovnik-usluge p {max-width:32em;}
}
@media screen and (min-width: 639px)
{
	#cenovnik-usluge .in {padding:7.5vw 0em 5.5vw 0em;}
	#cenovnik-usluge strong {display: block;}
}
@media screen and (min-width: 1399px)
{
	#cenovnik-usluge .in {padding:108px 0em 80px 0em;}
}

/* cenovnik-paketi */
#cenovnik-paketi {text-align:center;width: 82vw;max-width: 1268px;position:relative;margin: auto;color:#2e2e2e;overflow:visible;}
#home-cenovnik {background:#F5F5F5;width:100%;}
#cenovnik-paketi .head {font-size:clamp(17px, calc(1.625vw + 6.6px), 30px);color:#2E2E2E;}
#cenovnik-paketi .head .in {padding-top:0.6em;}
#cenovnik-paketi .head .inh {border-top:2px solid #2E2E2E;overflow: visible;}
#cenovnik-paketi .head h2 {margin:auto;margin-top:-0.6em;line-height:1.2em;font-weight: 600;width:90%;max-width:21em;font-size:1em;background:#fafafa;padding:0em 0.5em;box-sizing:border-box;}
#cenovnik-paketi .head h2 strong {font-weight: 600;}
#cenovnik-paketi.cp-home .head h2 {margin-top:0em;background:none;font-size:1.35em;}
#cenovnik-paketi .foot p {line-height:1.5em;font-weight: 400;}
#cenovnik-paketi .body {overflow:visible;}
#cenovnik-paketi .body ul.paketi {overflow:visible;width:100%;}
@media screen and (max-width: 639px)
{
	#cenovnik-paketi {padding:36px 0px 48px 0em;}
	#cenovnik-paketi .head {padding-bottom:36px;}
	#cenovnik-paketi .foot {padding-top:36px;}
}
@media screen and (min-width: 639px)
{
	#cenovnik-paketi {padding:5.5vw 0em 7.5vw 0em;}
	#cenovnik-paketi .head {padding-bottom:5.5vw;}
	#cenovnik-paketi .foot {padding-top:5.5vw;}
}
@media screen and (min-width: 1399px)
{
	#cenovnik-paketi {padding:80px 0em 108px 0em;}
	#cenovnik-paketi .head {padding-bottom:80px;}
	#cenovnik-paketi .foot {padding-top:80px;}
}
@media screen and (max-width: 959px)
{
	#cenovnik-paketi .c-paket {font-size:clamp(13px, calc(1.071vw + 9.144px), 16px);}
	#cenovnik-paketi .c-paket .tx {padding-bottom:1em;}
	#cenovnik-paketi .body li.cenovnik-paket {margin-bottom:2em;}
	#cenovnik-paketi .body li.cenovnik-paket:last-child {margin-bottom: 0em;}
}
@media screen and (min-width: 959px)
{
	#cenovnik-paketi .body ul.paketi {display: flex;justify-content: space-between;}
	#cenovnik-paketi .body li.cenovnik-paket {width:26vw;overflow:visible;}
	#cenovnik-paketi .c-paket {font-size:clamp(12px, calc(0.69vw + 5.376px), 16px);}
	#cenovnik-paketi .c-paket .tx {min-height:15em;}
}
@media screen and (min-width: 1539px)
{
	#cenovnik-paketi .body li.cenovnik-paket {width:400px;}
}

/* cenovnik-moduli */
#cenovnik-moduli {position:relative;z-index:100;margin:auto;}
@media screen and (min-width: 639px)
{
	#cenovnik-moduli ul {display: flex;flex-wrap: wrap;justify-content: center;}
}
#cenovnik-moduli li {position:relative;z-index:100;overflow: visible}
#cenovnik-moduli li .cenmod {position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;}
#cenovnik-moduli li .cenmod .back {position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;}
#cenovnik-moduli li .cenmod .back img {position:absolute;z-index:100;left:50%;bottom:0%;width:1em;margin-left:-0.5em;}
#cenovnik-moduli li .cenmod .front {position:absolute;z-index:120;width:100%;height:100%;top:0%;left:0%;color: #000;text-align: center;}
#cenovnik-moduli li .cenmod .front .in-front {padding:1.25em 0em;width:92%;max-width:22em;margin:auto;}
#cenovnik-moduli li .cenmod .front .dupli {display: flex;justify-content: center;gap:0.75em;}
#cenovnik-moduli li .cenmod .front .dupli .l {text-align:right;align-self: center;}
#cenovnik-moduli li .cenmod .front .dupli .r {text-align: left;align-self: center;}
#cenovnik-moduli li .cenmod .front .dupli .sep {width:1px;background: rgba(0, 0, 0, 0.70);align-self: stretch;}
#cenovnik-moduli li .cenmod .front p.naslov {font-weight: 400;line-height:1em;padding-bottom:0.5em;}
#cenovnik-moduli li .cenmod .front p.naslov strong {font-weight: 600;}
#cenovnik-moduli li .cenmod .front p.naslov a {color:inherit;}
#cenovnik-moduli li .cenmod .front p.naslov a:hover {color:#008238;}
#cenovnik-moduli li .cenmod .front p.podnaslov {line-height:1.15em;font-weight:400;}
#cenovnik-moduli li .cenmod .front p.podnaslov big {line-height:1em;font-size: 1.15em;font-weight:400;}
#cenovnik-moduli li .cenmod .front p.podnaslov small {display: block;line-height:1.15em;font-size:0.75em;}
#cenovnik-moduli li #cenmod-sef-sinhronizacija.cenmod .front .r p.podnaslov small {max-width:12em;}
#cenovnik-moduli li .cenmod .front p.tx {font-weight: 300;line-height:1.5em;padding:1.25em 0em;}
#cenovnik-moduli li .cenmod .front .vise a {display: inline-block;padding:0.66em 1.75em;border-radius:0.75em;border: 1px solid #008238;font-weight: 500;color:#008238;}
#cenovnik-moduli li .cenmod .front .vise a:hover {background:#008238;color:#ffffff;}
@media screen and (max-width: 639px)
{
	#cenovnik-moduli li .cenmod,
	#cenovnik-moduli li .cenmod .front {position:relative;}
	#cenovnik-moduli li .cenmod .front .in-front {padding-bottom:160px;}
	#cenovnik-moduli {width:82vw;}
	#cenovnik-moduli li {margin-bottom:12px;}
	#cenovnik-moduli li:last-child {margin-bottom: 0px;}
	#cenovnik-moduli li .cenmod .back {font-size:260px;}
	#cenovnik-moduli li .cenmod .front {font-size:16px;}
	#cenovnik-moduli li .cenmod .front p.naslov {font-size:1.5em;}
	#cenovnik-moduli li .cenmod .front p.tx {font-size:0.75em;}
	#cenovnik-moduli li .cenmod .front .vise {font-size:0.75em;}
	#cenovnik-moduli li:nth-child(2n+1) .cenmod {background:#EAF7EE;}
	#cenovnik-moduli li:nth-child(2n) .cenmod {background:#F2F2F2;}
}
@media screen and (min-width: 639px) and (max-width: 959px)
{
	#cenovnik-moduli {width:90vw;}
	#cenovnik-moduli ul {gap:1vw;}
	#cenovnik-moduli li {width:44.5vw;height:350px;}
	#cenovnik-moduli li .cenmod .back {font-size:260px;}
	#cenovnik-moduli li .cenmod .front {font-size:16px;}
	#cenovnik-moduli li .cenmod .front p.naslov {font-size:1.5em;}
	#cenovnik-moduli li .cenmod .front p.tx {font-size:0.75em;}
	#cenovnik-moduli li .cenmod .front .vise {font-size:0.75em;}
	#cenovnik-moduli li:nth-child(4n+1) .cenmod,
	#cenovnik-moduli li:nth-child(4n) .cenmod {background:#EAF7EE;}
	#cenovnik-moduli li:nth-child(4n+2) .cenmod,
	#cenovnik-moduli li:nth-child(4n+3) .cenmod {background:#F2F2F2;}
}
@media screen and (min-width: 959px)
{
	#cenovnik-moduli {width:90vw;}
	#cenovnik-moduli ul {gap:0.75vw;}
	#cenovnik-moduli li {width:29.5vw;height:350px;}
	#cenovnik-moduli li .cenmod .back {font-size:260px;}
	#cenovnik-moduli li .cenmod .front {font-size:16px;}
	#cenovnik-moduli li .cenmod .front p.naslov {font-size:1.5em;}
	#cenovnik-moduli li .cenmod .front p.tx {font-size:0.75em;}
	#cenovnik-moduli li .cenmod .front .vise {font-size:0.75em;}
	#cenovnik-moduli li:nth-child(2n+1) .cenmod {background:#EAF7EE;}
	#cenovnik-moduli li:nth-child(2n) .cenmod {background:#F2F2F2;}
	#cenovnik-moduli li:last-child .cenmod {background:#EAF7EE;}
}
@media screen and (min-width: 1439px)
{
	#cenovnik-moduli {width:1300px;}
	#cenovnik-moduli ul {gap:10px;}
	#cenovnik-moduli li {width:425px;height:350px;}
}
#cenovnik-moduli .head {padding-top:0.6em;font-size:clamp(24px, calc(1.375vw + 15.2px), 35px);color:#2E2E2E;}
#cenovnik-moduli .head .in {overflow: visible;border-top:2px solid #2E2E2E;}
#cenovnik-moduli .head p {line-height:1.2em;margin:auto;margin-top:-0.6em;background:#fafafa;width:92%;max-width:12em;text-align: center;font-weight: 600;}
#cenovnik-moduli .head p span {font-weight: 400;}
#cenovnik-moduli .head p strong {font-weight: 700;}
@media screen and (max-width: 639px)
{
	#cenovnik-moduli .head .in {padding-bottom:48px;}
}
@media screen and (min-width: 639px)
{
	#cenovnik-moduli .head .in {padding-bottom:7.5vw;}
}
@media screen and (min-width: 1399px)
{
	#cenovnik-moduli .head .in {padding-bottom:105px;}
}
#cenovnik-moduli .foot {text-align: center;font-size:clamp(15px, calc(0.625vw + 11px), 20px);}
#cenovnik-moduli .foot a {display: inline-block;border-radius: 0.65em;background: #008238;color: #FFF;font-weight: 400;line-height:1.15em;padding:0.75em 1.5em;}
#cenovnik-moduli .foot a:hover {background:#EAF7EE;color:#000000;}
@media screen and (max-width: 639px)
{
	#cenovnik-moduli .foot {padding:56px 0em;}
}
@media screen and (min-width: 639px)
{
	#cenovnik-moduli .foot {padding:9vw 0em;}
}
@media screen and (min-width: 1399px)
{
	#cenovnik-moduli .foot {padding:126px 0em;}
}






/*



-moz-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;-o-transition:opacity 1.5s;transition:opacity 1.5s;

-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: 1639px)
{
}
@media screen and (min-width: 1919px)
{
}



























/*


logo 1	6a0d83
logo 2	ce4993
logo 3	eeaf61


content
 480			 66
 720	 690	 90 600
1030	1000	 90 600 310
1100	1065	 90 600 375
1280	1250	275 600 375



-moz-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;-o-transition:opacity 1.5s;transition:opacity 1.5s;

-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -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: 719px)
{
}
@media screen and (min-width: 1029px)
{
}
@media screen and (min-width: 1099px)
{
}
@media screen and (min-width: 1279px)
{
}

	



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