@charset "utf-8";
/* CSS Document */
body {font-family:"Plus Jakarta Sans", Arial, Helvetica, sans-serif;margin:0;padding:0;font-size:clamp(15px,calc(0.482315vw + 11.24759px),18px);font-weight:400;min-width:320px;color:#000000;}
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:"Plus Jakarta Sans", 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:"Plus Jakarta Sans", Arial, Helvetica, sans-serif;}
*.gfont {font-family:"Plus Jakarta Sans", Arial, Helvetica, sans-serif;}
li {display:block;padding:0px;margin:0px;list-style:none;}
*::selection {background:none;color:inherit;}
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: 719px)
{
	#default-hold {width:150px;}
}
@media screen and (min-width: 1029px)
{
	#default-hold {width:250px;}
}
@media screen and (min-width: 1099px)
{
	#default-hold {width:350px;}
}
@media screen and (min-width: 1279px)
{
	#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 {opacity:0;-moz-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;-o-transition:opacity 1.5s;transition:opacity 1.5s;}
*.lazy.lazy-on {opacity:1;}
*.ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/* article */
article {display: block;position:relative;z-index:100;font-size:1em;background:#ffffff;color:#000000;}
.trab {overflow: visible;text-transform: uppercase;}
.trab a, .trab button {display:inline-block;position:relative;z-index:100;padding:1.25em 0em 1.25em 2em;color:inherit;}
.trab a span.okvir, .trab button span.okvir {display: block;position:absolute;z-index:100;height:3.75em;margin-top:-1.25em;margin-left:-2em;width:12.125em;}
.trab a span.okvir svg, .trab button span.okvir svg {display: block;position: absolute;z-index:100;width:100%;height:100%;fill:none;stroke-width:2;-o-transition:stroke 0.3s;-moz-transition:stroke 0.3s;-webkit-transition:stroke 0.3s;transition:stroke 0.3s;}
.trab a strong, .trab button strong {font-weight:700;display:block;position:relative;z-index:102;font-size:1em;line-height:1em;padding-top:0.125em;padding-bottom:0.125em;padding-right:3em;white-space: nowrap;-o-transition:padding 0.3s;-moz-transition:padding 0.3s;-webkit-transition:padding 0.3s;transition:padding 0.3s;}
.trab a strong em, .trab button strong em {font-style: normal;min-width: 7.5em;text-align: center;display:inline-block;}
.trab a:hover strong, .trab button:hover strong {padding-left:0.5em;padding-right:2.5em;}
.trab a span.arr, .trab button span.arr {display:block;float:right;margin-right:-2em;z-index:102;width:1em;height:1em;-o-transition:margin 0.3s;-moz-transition:margin 0.3s;-webkit-transition:margin 0.3s;transition:margin 0.3s;}
.trab a:hover span.arr, .trab button:hover span.arr {margin-right:-2.5em;}
.trab a span.arr svg, .trab button span.arr svg {width:100%;height:100%;fill:none;stroke-width:2;-o-transition:stroke 0.3s;-moz-transition:stroke 0.3s;-webkit-transition:stroke 0.3s;transition:stroke 0.3s;}
.trab.trab-white a, .trab.trab-white button {color:#ffffff;}
.trab.trab-white a span.okvir svg, .trab.trab-white button span.okvir svg,
.trab.trab-white a span.arr svg, .trab.trab-white button span.arr svg {stroke:#ffffff;}
.trab.trab-l-blue a, .trab.trab-l-blue button {color:#5AB3C1;}
.trab.trab-l-blue a span.okvir svg, .trab.trab-l-blue button span.okvir svg,
.trab.trab-l-blue a span.arr svg, .trab.trab-l-blue button span.arr svg {stroke:#5AB3C1;}
.trab.trab-d-blue a, .trab.trab-d-blue button {color:#274D64;}
.trab.trab-d-blue a span.okvir svg, .trab.trab-d-blue button span.okvir svg,
.trab.trab-d-blue a span.arr svg, .trab.trab-d-blue button span.arr svg {stroke:#274D64;}
.vrteska {position:relative;z-index:500;width:100%;height:100%;overflow: visible;}
.vrteska .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 {display: block;position:absolute;z-index:520;}
.vrteska .lista {position:relative;z-index:510;}
.vrteska ul.ul {position:absolute;height:100%;}
.vrteska li.li {display: block;float:left;position:relative;z-index:520;height:100%;}
*.size-80::selection, *.size-80 *::selection {text-decoration: underline;}
*.size-18 {font-size:clamp(15px,calc(0.482315vw + 11.24759px),18px);}
/*
	100 - 36 40 80
	 80 - 32 35 64
	 32 - 18 21 27
	 24 - 16 18 20
*/
@media screen and (max-width: 479px)
{
	*.size-100 {font-size: 36px;}
	*.size-80 {font-size:39px;}
	*.size-32 {font-size:19px;}
	*.size-24 {font-size:17px;}
}
@media screen and (min-width: 479px) and (max-width: 778px)
{
	*.size-100 {font-size: calc(1.342vw + 29.558px);}
	*.size-80 {font-size: calc(1.007vw + 27.166px);}
	*.size-32 {font-size: calc(1.007vw + 13.166px);}
	*.size-24 {font-size: calc(0.671vw + 12.779px);}
}
@media screen and (min-width: 778px)
{
	*.size-100 {font-size: calc(4.115vw + 7.985px);}
	*.size-80 {font-size: calc(2.984vw + 11.784px);}
	*.size-32 {font-size: calc(0.617vw + 16.2px);}
	*.size-24 {font-size: calc(0.206vw + 16.397px);}
}
@media screen and (min-width: 1749px)
{
	*.size-100 {font-size: 80px;}
	*.size-80 {font-size: 64px;}
	*.size-32 {font-size: 27px;}
	*.size-24 {font-size: 20px;}
}

/* header 1000 */
header {display:block;position:fixed;z-index:1000;width:100%;height:0%;overflow:visible;left:0%;top:0%;}
header .back {display: block;position:absolute;z-index:1000;right:0px;top:0em;-o-transition:background 0.5s, box-shadow 0.5s, top 0.5s;-moz-transition:background 0.5s, box-shadow 0.5s, top 0.5s;-webkit-transition:background 0.5s, box-shadow 0.5s, top 0.5s;transition:background 0.5s, box-shadow 0.5s, top 0.5s;}
@media screen and (max-width: 777px)
{
	header.header-blue:after {position:fixed;z-index:999;width:100%;height:5em;background:rgba(38,77,99,1);top:0%;left:0%;display: block;content:' ';-o-transition:top 0.5s;-moz-transition:top 0.5s;-webkit-transition:top 0.5s;transition:top 0.5s;}
	header .back {width:3em;height:3em;top:0.75em;right:1em;border-radius: 1.5em;}
	header.n-open .back {top:-5em;}
	header.header-blue.lep:after {top:-5em;}
}
@media screen and (min-width: 777px)
{
	header {height:6em;}
	header .back {height:6em;width:100%;}
	header.no-lep {position: relative;height:0px;}
}
header .back {background:rgba(38,77,99,0);}
header.header-blue .back,
header.lep .back {background:rgba(38,77,99,1);}
/* - */
header .logo {display: block;position:absolute;z-index:1020;width:9.80426em;height:2.88em;}
header .logo a {display: block;width:100%;}
header .logo a img {display: block;height:2.88em;}
header .logo a img.blue {display: none;}
header .logo a svg {display: block;height:2.88em;}
@media screen and (max-width: 777px)
{
	header .logo {left:7.5vw;top:1.25em;-o-transition:top 0.5s;-moz-transition:top 0.5s;-webkit-transition:top 0.5s;transition:top 0.5s;}
	header.lep .logo {top:-3.5em;}
}
@media screen and (min-width: 777px)
{
	header .logo {left:7.5vw;top:1.56em;}
	header .logo a svg {-o-transition:fill 0.5s;-moz-transition:fill 0.5s;-webkit-transition:fill 0.5s;transition:fill 0.5s;}
}
@media screen and (min-width: 1720px)
{
	header .logo {left:50%;margin-left:-725px;}
}
header .logo a svg {fill:#ffffff;}
/* - */
@media screen and (max-width: 777px)
{
	header nav {display: none;}
}
@media screen and (min-width: 777px)
{
	header nav {display:block;position:absolute;z-index:1010;font-size:1.15em;top:50%;margin-top:-0.6em;left:7.5vw;right:7.5vw;padding:0em;-o-transition:color 0.5s;-moz-transition:color 0.5s;-webkit-transition:color 0.5s;transition:color 0.5s;font-weight:600;}
	header nav ul {display: flex;width:100%;justify-content:flex-end;gap:2vw;}
	header nav li {line-height:1.2em;}
	header nav li a {color:inherit;transition:color 0.35s;-moz-transition:color 0.35s;-webkit-transition:color 0.35s;-o-transition:color 0.35s;text-decoration:none;line-height:1;}
	header nav {color:#ffffff;}
	header nav li a:hover {color:#5AB3C1;}
	
	header.no-lep nav {top:2.6087em;}
}
@media screen and (min-width: 1720px)
{
	header nav {left:50%;width:1450px;margin-left:-725px;}
	header nav ul {gap:35px;}
}
/* - */
@media screen and (max-width: 777px)
{
	header .button {font-size:1em;width:5em;height:4.5em;position:absolute;z-index:1030;background:none;right:0em;top:0em;-o-transition:top 0.5s;-moz-transition:top 0.5s;-webkit-transition:top 0.5s;transition:top 0.5s;}
	header.n-open .button {top:-5em;}
	header .button button {font-size:1em;width:5em;height:4.5em;position:absolute;z-index:1030;right:0em;top:0em;}
	header .button button svg {display: block;position:absolute;z-index:1030;top:50%;left:50%;width:2em;margin:-1em;-o-transition:stroke 0.5s;-moz-transition:stroke 0.5s;-webkit-transition:stroke 0.5s;transition:stroke 0.5s;}
}
@media screen and (min-width: 777px)
{
	header .button {display: none;}
}
header .button button svg {stroke:#ffffff;}

/* 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 {-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:#264D63;}
#navigacija .close .a {border:4px solid #5AB3C1;}
#navigacija .close .a:hover {border-color:#5AB3C1;}
#navigacija .close .a:before,
#navigacija .close .a:after {background:#5AB3C1;}
#navigacija .in-content .main .nav li {line-height:1.25em;}
#navigacija .in-content .main .nav li a {font-weight:800;color:#ffffff;}
#navigacija .in-content .main .nav li a strong {font-weight: 800;}
#navigacija .in-content .main .nav li a:hover {color:#5AB3C1;}
/* 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,6vw,36px);}
#navigacija .in-content .info .in-info {padding:0px 0px 60px 0px;font-size:clamp(15px,3.5vw,18px);}
#navigacija ul.social {padding-top:24px;}
#navigacija .content.default .info .in-info a:hover {color:#5AB3C1;}

/* footer */
footer {display: block;position:relative;z-index:90;width:100%;overflow: visible;}
footer .f-cnct {position:relative;z-index:100;width:100%;background: #387081;background: linear-gradient(180deg,rgba(56, 112, 129, 1) 10%, rgba(79, 148, 164, 1) 100%);padding-top:5vw;}
footer .connect {display: block;margin:auto;width:85%;max-width:1450px;box-sizing:border-box;background: #196984;background: linear-gradient(180deg,rgba(42, 87, 108, 1) 10%, rgba(90, 179, 193, 1) 100%);color:#ffffff;}
footer .connect .in {display: flex;justify-content: space-between;}
footer .connect .let {font-weight: 800;line-height:1.05em;width:4em;}
footer .connect .link {overflow: visible;}
footer .connect .link p {font-weight: 800;line-height:1.25em;padding-bottom:1em;padding-top:1em;}
@media screen and (max-width: 777px)
{
	footer .connect .in {flex-wrap: wrap;padding:8.25vw 7vw 9vw 7vw;}
	footer .connect .let {width:100%;padding-bottom:0.25em;}
	footer .connect .let p {width:4em;}
}
@media screen and (max-width: 479px)
{
	footer .connect .link {width:100%;display: flex;justify-content:flex-start;padding-top:0.75em;}
	footer .connect .link p {padding:0.75em 0.75em 0.75em 0em;}
}
@media screen and (max-width: 639px)
{
	footer .connect .trab {font-size:0.75em;}
	footer .connect .link p {padding-bottom: 0.5em;}
}
@media screen and (min-width: 639px)
{
	footer .connect .trab {font-size:0.85em;}
}
@media screen and (max-width: 479px)
{
	footer .connect .in {padding:40px 7.5vw 60px 7.5vw;}
	footer .connect .link p.size-32 {font-weight: 400;font-size:16px;}
}
@media screen and (min-width: 777px)
{
	footer .connect .in {padding:8.25vw 5vw 9vw 5vw;gap:1vw;}
}
@media screen and (min-width: 959px)
{
	footer .connect .in {padding:8.25vw 5vw 9vw 5vw;gap:1vw;}
}
@media screen and (min-width: 1720px)
{
	footer .connect .in {padding:142px 86px 155px 86px;gap:17px;}
}
footer .body {display: block;position:relative;z-index:120;width:100%;overflow:visible;}
footer .kruna {position:absolute;z-index:120;width:100%;height:1em;overflow:hidden;font-size:5.2083vw;margin-top:-0.95em;}
@media screen and (max-width: 479px)
{
	footer .kruna {font-size:10vw;}
}
footer .kruna .left {position:absolute;z-index:120;right:0em;height:1em;}
footer .kruna .right {position:absolute;z-index:120;left:0em;height:1em;}
footer .kruna svg {display: block;position:absolute;z-index:120;width:100%;height:100%;}
footer .body .in {display: block;margin:auto;width:85vw;max-width:1450px;box-sizing:border-box;}
footer .body .cols {display:flex;justify-content: space-between;flex-wrap: wrap;}
footer .body .cols .info p {line-height:2.25em;}
footer .body .cols p.title {font-size:1.25em;line-height:1.25em;font-weight: 800;padding-bottom:1.25em;}
footer .body .cols li {line-height:1.25em;padding-bottom:1em;}
footer .body .cols li:last-child {padding-bottom: 0em;}
footer .body .cols a {color:inherit;}
footer .body .cols a:hover {color:#5AB3C1;}
footer .body .soc {padding-top: 2em;display: flex;justify-content: flex-start;gap:1em;}
footer .body .soc a {display: block;width:1.5em;height:1.5em;}
footer .body .soc a svg {display: block;width:100%;fill:#ffffff;-o-transition:fill 0.3s;-moz-transition:fill 0.3s;-webkit-transition:fill 0.3s;transition:fill 0.3s;}
footer .body .soc a:hover svg {fill:#5AB3C1;}
footer .body .logo {width:10em;}
footer .body .logo a {display: block;width:100%;}
footer .body .logo a img,
footer .body .logo a svg {display: block;width:100%;fill:#ffffff;}
@media screen and (max-width: 959px)
{
	footer .body .logo {width:100%;margin-bottom: 1.5em;}
	footer .body .logo a {width:10em;}
}
footer .kruna .left {width:7.5%;left:0%;}
footer .kruna .right {width:92.5%;left:7.5%;}
@media screen and (max-width: 479px)
{
	footer .body .in {padding-top:40px;padding-bottom:36px;}
	footer .body .cols .info p {line-height:1.75em;}
	footer .body .cols {gap:24px;flex-wrap:wrap;justify-content:flex-start;}
	footer .body .cols .info,
	footer .body .cols .together {width:100%;text-align:left;}
	footer .body .cols p.title {padding-bottom:0.75em;}
	footer .body .cols li {padding-bottom:0.5em;}
	footer .body .cols li:last-child {padding-bottom: 0em;}
}
@media screen and (min-width: 479px) and (max-width: 777px)
{
	footer .body .in {padding-top:8vw;padding-bottom:5vw;}
	footer .body .logo {margin-bottom: 0em;}
	footer .body .cols {gap:5vw;flex-wrap:wrap;justify-content:flex-start;}
	footer .body .cols .info {width:100%;}
	footer .body .cols p.title {padding-bottom:0.75em;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	footer .body .cols .together {width:100%;}
}
@media screen and (min-width: 777px)
{
	footer .body .in {padding-top:5vw;padding-bottom:3.33vw;}
}
@media screen and (min-width: 1720px)
{
	footer .body .in {padding-top:86px;padding-bottom:57px;}
	footer .kruna {font-size:90px;}
	footer .kruna .left {width:calc(50% - 725px);}
	footer .kruna .right {width:calc(50% + 725px);left:calc(50% - 725px);}
}
footer .foot .in {display: block;margin:auto;width:85vw;max-width:1450px;box-sizing:border-box;}
footer .foot .in p span {white-space: nowrap;}
footer .foot .in a {color:inherit;}
footer .foot .in a:hover {color:#5AB3C1;}
footer .foot {display: block;position:relative;z-index:120;width:100%;overflow:visible;margin-top:-2px;padding-top: 2px;font-size:clamp(13px,1.25vw,15px);}
footer .foot .in {padding-bottom:3.33vw;}
@media screen and (max-width: 639px)
{
	footer .foot .in {padding-bottom:24px;}
	footer .foot .in p {line-height:1.75em;text-align:left;}
	footer .foot .in p span.sep {display: none;}
	footer .foot .in p span.t {display: block;}
}
@media screen and (min-width: 639px)
{
	footer .foot .in p {line-height:1.25em;text-align:right;}
	footer .foot .in p span.sep {padding:0em 0.4em;}
}
@media screen and (min-width: 1720px)
{
	footer .foot .in {padding-bottom:57px;}
}
footer .kruna svg {fill:#274D64;}
footer .body {background:#274D64;color:#ffffff;}
footer .foot {background:#274D64;color:#ffffff;}

/* pop 3000 */
#pop {position:fixed;z-index:-1;top:0%;left:0%;width:100%;height:100%;margin-left:-300%;overflow:hidden;}
	#pop.open {z-index:3000;margin-left:0%;}
	#pop.out {}
	/* bg */
	#pop .pop-bg {position:absolute;z-index:3000;width:100%;height:100%;top:0%;left:0%;right:0%;bottom:0%;}
		#pop .pop-bg.f-close {cursor:pointer;}
		/* lift */
		#pop .pop-bg .lr {position:absolute;z-index:3000;width:100%;height:100%;left:0%;top:-100%;transition:top 0.75s;-moz-transition:top 0.75s;-webkit-transition:top 0.75s;-o-transition:top 0.75s;background:#5AB3C1;}
		#pop.in .pop-bg .lr {top:0%;}
		#pop.in.out .pop-bg .lr {top:200%;}
	/* close */
	#pop .pop-close {position:absolute;z-index:3100;top:0em;right:0em;overflow:visible;}
		#pop.w-head .pop-close {display:none;}
		#pop .pop-close .a {display:block;position:absolute;z-index:3100;width:1em;height:1em;box-sizing:border-box;cursor:pointer;}
/* default */
#pop .pop-close {transition:top 0.75s;-moz-transition:top 0.75s;-webkit-transition:top 0.75s;-o-transition:top 0.75s;}
#pop.out .pop-close {top:200%;}
#pop .pop-close .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;}
#pop.in .pop-close .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;}
#pop.in.out .pop-close .a {transition-delay:0s;-moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;}
#pop .pop-close .a:before,
#pop .pop-close .a:after {display:block;position:absolute;z-index:2102;content:' ';top:50%;left:50%;}
#pop .pop-close .a:before {height:4px;width:0.5em;margin:-2px -0.25em;}
#pop .pop-close .a:after {width:4px;height:0.5em;margin:-0.25em -2px;}
#pop .pop-close .a {border:4px solid rgba(5,22,33,1);}
#pop .pop-close .a:hover {border-color:rgba(5,22,33,1);}
#pop .pop-close .a:before,
#pop .pop-close .a:after {background:rgba(5,22,33,1);}
#pop .pop-close .a {top:24px;right:36px;font-size:48px;}
	/* content */
	#pop .pop-content {display:block;position:absolute;z-index:3050;box-sizing:border-box;top:0%;width:100%;height:100%;}
#pop.out .pop-content {top:200%;transition:top 0.75s;-moz-transition:top 0.75s;-webkit-transition:top 0.75s;-o-transition:top 0.75s;}
#pop .pop-content .pop-body {position:absolute;z-index:3050;top:50%;left:50%;width:85vw;max-width:1200px;height:auto;max-height:100%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);overflow:auto;transition:opacity 0.75s;-moz-transition:opacity 0.75s;-webkit-transition:opacity 0.75s;-o-transition:opacity 0.75s;opacity:0;}
#pop.in .pop-content .pop-body {opacity:1;transition-delay:0.5s;-moz-transition-delay:0.5s;-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;}
#pop .pop-content.team .pop-body {width:100%;max-width:100%;}

/* hero */
#hero {position:relative;z-index:10;width:100%;overflow: hidden;}
#hero .ab {position:fixed;z-index:10;width:100%;color:#ffffff;}
#hero.off .ab {position: absolute;width:100%;overflow: hidden;}
#hero .ab .bg {position:absolute;z-index:10;width:100%;height:100%;top:0%;left:0%;background:#264D63;}
#hero .ab .bg img, #hero .ab .bg video {display: block;position:absolute;z-index:10;width:100%;height:100%;top:0%;left:0%;object-fit: cover;}
#hero .ab .bg.bg-about-us img {min-height:20vw;}
#hero .ab .bg video {z-index:11;}
#hero .ab .bg .grad {display: block;position:absolute;z-index:12;width:100%;height:100%;top:0%;left:0%;background:rgba(0, 0, 0, 0.35);mix-blend-mode: multiply}
#hero .ab .glass {position:absolute;z-index:12;height:100%;top:0%;left:0%;overflow:visible;display: none;}
#hero .ab .glass svg {display: block;position:absolute;z-index:12;height:100%;left:100%;top:0%;margin-left:-2px;}
#hero .ab .content {position:absolute;z-index:15;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:85%;max-width:1450px;color:#ffffff;overflow: visible;}
#hero .ab .content big {overflow: visible;}
#hero .ab .content big, #hero .ab .content h1 {display:block;line-height:1.2em;font-weight:800;margin-bottom:0.6em;}
#hero .ab .content big span, #hero .ab .content h1 span {color:#5AB3C1;}
#hero .ab .content big span.van {display: block;float:left;width:1em;text-align: right;margin-left:-1em;color:#ffffff;}
#hero .ab .content big::selection, #hero .ab .content big *::selection, #hero .ab .content h1::selection, #hero .ab .content h1 *::selection {text-decoration:underline;}
#hero .ab .content p.nadnaslov {text-transform: uppercase;letter-spacing: 0.125em;}
#hero .ab .content p.nadnaslov a {color:inherit;}
#hero .ab .content p.nadnaslov a:hover {text-decoration: underline;}
#hero,
#hero .ab {height:43.5vw;}
#hero .ab .content big, #hero .ab .content h1 {max-width:11.75em;}
@media screen and (max-width: 777px)
{
	#hero .ab .content .dum-a {height:8em;}
	#hero .ab .content .dum-b {height:3.5em;}
	#hero.inner .ab .content .dum-a {height:6em;}
	#hero.inner .ab .content .dum-b {height:1.5em;}
}
@media screen and (min-width: 777px)
{
	#hero .ab .content .dum-a {height:10em;}
	#hero .ab .content .dum-b {height:4em;}
	#hero.inner .ab .content .dum-a {height:6em;}
	#hero.inner .ab .content .dum-b {height:1.5em;}
}

@media screen and (max-width: 479px)
{
	#hero .ab .content h1.size-100 {font-size: 40px;}
}
@media screen and (min-width: 479px) and (max-width: 778px)
{
	#hero .ab .content h1.size-100 {font-size: calc(3.356vw + 23.891px);}
}

/* text-image */
.text-image {position:relative;z-index:100;background:#ffffff;color:#274D64;}
.text-image .in {margin:auto;width:85vw;max-width:1450px;box-sizing:border-box;position: relative;z-index:100;}
.text-image .im {z-index:100;}
.text-image .im img {display: block;z-index:100;}
@media screen and (max-width: 639px)
{
	.text-image .tx {}
	.text-image .im {display: none;}
}
@media screen and (min-width: 639px)
{
	.text-image .im {position:absolute;height:100%;left:100%;top:0%;width:0%;overflow:visible;}
	.text-image .im img {position:absolute;z-index:100;height:100%;right:0%;top:0%;}
}
.text-image .tx {position:relative;z-index:110;left:0%;}
.text-image .head p {line-height:1.2em;font-weight:800;}
.text-image .head p.upper {text-transform: uppercase;padding:0.75em 0em;}
.text-image .head p.blue {color:#5AB3C1;}
.text-image .head h1 {line-height:1.2em;font-weight:700;max-width: 20em;}
.text-image .body {padding:1em 0em;}
.text-image .body p {line-height:1.6em;max-width:40em;}
.text-image .head p.blue::selection,
.text-image .head h1::selection, .text-image .head h1 *::selection,
.text-image .body *::selection {background: #5AB3C1;color:#ffffff;}
.text-image .pad {padding:9vw 0em;}
@media screen and (max-width: 639px)
{
	.text-image .pad {padding:60px 0em;}
}
@media screen and (max-width: 1059px)
{
	.text-image .im {opacity: 0.3;}
}
@media screen and (min-width: 1919px)
{
	.text-image .pad {padding:172px 0em;}
}

/* home-services */
#home-services {position:relative;z-index:120;width:100%;overflow:visible;background:#274D64;margin-bottom:-2px;}
#home-services .kruna {position:absolute;z-index:120;width:100%;height:1em;overflow:hidden;font-size:5.2083vw;margin-top:-0.95em;}
#home-services .kruna .left {position:absolute;z-index:120;right:0em;height:1em;}
#home-services .kruna .right {position:absolute;z-index:120;left:0em;height:1em;margin-left: -1px;}
#home-services .kruna svg {display: block;position:absolute;z-index:120;width:100%;height:100%;fill:#274D64;}
#home-services .kruna .left {width:92.5%;left:0%;}
#home-services .kruna .right {width:7.5%;left:92.5%;}
@media screen and (max-width: 479px)
{
	#home-services .kruna {font-size:10vw;}
}
@media screen and (min-width: 1720px)
{
	#home-services .kruna {font-size:90px;}
	#home-services .kruna .left {width:calc(50% + 725px);}
	#home-services .kruna .right {width:calc(50% - 725px);left:calc(50% + 725px);}
}
#home-services .head {width:85vw;margin:auto;text-align: center;}
#home-services .head h2 {line-height:1.2em;color:#ffffff;font-weight:800;}
#home-services .head p {line-height: 1.5em;font-weight:600;color:#5AB3C1;text-transform: uppercase;padding-top:0.75em;}
#home-services .body {width:100%;max-width:1920px;margin:auto;position:relative;z-index:120;}
#home-services .body ul {display: block;width:100%;height:100%;position:absolute;z-index: 120;overflow:hidden;}
#home-services .body li {position:absolute;z-index:120;}
#home-services .body li.it-5 {background: #274D64;}
#home-services .body li a {display: block;position:absolute;z-index:120;overflow: hidden;}
#home-services .body li a img {display: block;position:absolute;z-index:120;width:100%;height:100%;object-fit: cover;}
#home-services .body li a img.cntnt {object-fit: contain;}
#home-services .body li a span.tx {display: block;position:absolute;z-index:125;width:100%;height:100%;background:rgba(0,0,0,0.35);left:0%;bottom:0%;-moz-transition:height 0.3s;-webkit-transition:height 0.3s;-o-transition:height 0.3s;transition:height 0.3s;}
#home-services .body li a:hover span.tx {height:4em;}
#home-services .body li a span.tx span.i {display: block;position:absolute;z-index:127;width:90%;top:50%;left:5%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
#home-services .body li a span.tx strong {font-weight: 600;display: block;line-height:1.2em;text-align: center;color:#ffffff;}
#home-services .body li a span.tx em {display: block;color:#5AB3C1;margin:auto;width:7.5em;padding-right: 1.5em;box-sizing: border-box;font-weight:600;font-style: normal;line-height:1.2em;padding-top:0.5em;height:0em;overflow: hidden;-moz-transition:height 0.3s;-webkit-transition:height 0.3s;-o-transition:height 0.3s;transition:height 0.3s;}
#home-services .body li a span.tx em svg {display: block;float:right;margin-top:0.2em;margin-right:-1.5em;width:1em;fill:none;stroke:#5AB3C1;stroke-width:3;}
@media screen and (max-width: 639px)
{
	#home-services .body li a:hover span.tx {height:3em;}
}
@media screen and (min-width: 639px)
{
	#home-services .body li a:hover span.tx em {height:1.5em;}
}
@media screen and (max-width: 959px)
{
	#home-services .body li.it-1 {width:50%;height:33.3%;top:0%;left:0%;}
	#home-services .body li.it-2 {width:50%;height:33.3%;top:33.3%;left:0%;}
	#home-services .body li.it-3 {width:50%;height:33.3%;top:66.6%;left:0%;}
	#home-services .body li.it-4 {width:50%;height:33.3%;top:66.6%;left:50%;}
	#home-services .body li.it-5 {width:50%;height:66.6%;top:0%;left:50%;}
	#home-services .body li.it-1 a {top:0%;left:0%;right:2px;bottom:2px;}
	#home-services .body li.it-2 a {top:2px;left:0px;right:2px;bottom:2px;}
	#home-services .body li.it-3 a {top:2px;left:0px;right:2px;bottom:0px;}
	#home-services .body li.it-4 a {top:2px;left:2px;right:0px;bottom:0px;}
	#home-services .body li.it-5 a {top:0%;left:2px;right:0px;bottom:2px;}
}
@media screen and (min-width: 959px)
{
	#home-services .body li.it-1 {width:34%;height:50%;top:0%;left:0%;}
	#home-services .body li.it-2 {width:33%;height:50%;top:0%;left:34%;}
	#home-services .body li.it-3 {width:34%;height:50%;top:50%;left:0%;}
	#home-services .body li.it-4 {width:33%;height:50%;top:50%;left:34%;}
	#home-services .body li.it-5 {width:33%;height:100%;top:0%;left:67%;}
	#home-services .body li.it-1 a {top:0%;left:0%;right:2px;bottom:2px;}
	#home-services .body li.it-2 a {top:0%;left:2px;right:2px;bottom:2px;}
	#home-services .body li.it-3 a {top:2px;left:0px;right:2px;bottom:0px;}
	#home-services .body li.it-4 a {top:2px;left:2px;right:2px;bottom:0px;}
	#home-services .body li.it-5 a {top:0%;left:2px;right:0px;bottom:0px;}
}
@media screen and (max-width: 959px)
{
	#home-services .head {padding-bottom:1.5em;padding-top:24px;}
	#home-services .body {height:95.4vw;}
}
@media screen and (min-width: 959px) and (max-width: 1919px)
{
	#home-services .head {padding-bottom:3em;padding-top:2vw;}
	#home-services .body {height:42vw;}
}
@media screen and (min-width: 1919px)
{
	#home-services .head {padding-bottom:3em;padding-top:38px;}
	#home-services .body {height:806px;}
}

/* home-we */
#home-we {position:relative;z-index:120;width:100%;overflow:hidden;background: #264D63;background: linear-gradient(180deg,rgba(35, 102, 128, 1) 20%, rgba(38, 77, 99, 1) 96%);margin-bottom:-2px;}
#home-we .back {overflow: hidden;position:absolute;z-index:120;width:100%;height:100%;line-height:0.85em;color:rgba(0,181,194,0.07);color:#1D718D;font-weight: 800;}
#home-we .def {position:absolute;z-index:100;width:100%;}
#home-we .front {position:relative;z-index:150;width:95vw;max-width:1450px;color:#ffffff;margin:auto;}
#home-we .front ul {position:relative;z-index:150;}
#home-we .front li .head {color:#5AB3C1;line-height:1.5em;padding-bottom:1.5em;font-weight: 800;}
#home-we .front li .head strong {display: none;}
#home-we .front li .head p {line-height:1.35em;}
#home-we .front li .tx {line-height:1.65em;overflow: hidden;}
#home-we .front li .button {padding-top:0.75em;}
#home-we .front li .button button {display: block;white-space:nowrap;padding-left:1.5em;height:1.2em;color:#ffffff;font-weight: 700;font-size:1em;}
#home-we .front li .button button svg {display: block;float:left;margin-left: -1.5em;margin-top:0.1em;width:1em;stroke:#5AB3C1;stroke-width:3;fill:none;-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);-moz-transition:transform 0.3s;-webkit-transition:-webkit-transform 0.3s;-o-transition:transform 0.3s;transition:transform 0.3s;}
#home-we .front li.on .button button svg {-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
#home-we .front li .button button strong {font-weight: 700;display: block;line-height:1.2em;}
#home-we .front li.on .button button strong {display: none;}
@media screen and (max-width: 959px)
{
	#home-we .back {font-size:65vw;}
	#home-we .def {height:0em;}
	#home-we .front {padding-top:80px;padding-bottom:110px;width:85vw;}
	#home-we .front ul {width:90%;max-width:24em;left:100%;-ms-transform: translate(-100%, 0%);-webkit-transform:translate(-100%, 0%);transform:translate(-100%, 0%);}
	#home-we .front li {margin-bottom:24px;}
	#home-we .front li:last-child {margin-bottom: 0px;}
	#home-we .front li .button {padding-top:0.25em;}
	#home-we .front li .button button strong.desk {display: none;}
	#home-we .front li .head {padding-bottom:1em;}
}
@media screen and (max-width: 639px)
{
	#home-we .front {padding-top:90px;padding-bottom:74px;}
}
@media screen and (min-width: 959px)
{
	#home-we .back {font-size:56vw;}
	#home-we .def {height:6.6em;}
	#home-we .front {padding-top:8.25vw;padding-bottom:11.5vw;}
	#home-we .front ul {display: flex;z-index:150;left:100%;-ms-transform: translate(-100%, 0%);-webkit-transform:translate(-100%, 0%);transform:translate(-100%, 0%);flex-wrap: wrap;justify-content: space-between;}
	#home-we .front ul {gap:2.5vw;width:calc(48em + 7vw);}
	#home-we .front li {width:24em;}
	#home-we .front li .button button strong.mob {display: none;}
}
@media screen and (min-width: 1399px)
{
	#home-we .def {height:6.6em;}
}
@media screen and (min-width: 1919px)
{
	#home-we .back {font-size:1075px;width:1920px;left:50%;margin-left: -960px;}
	#home-we .front {padding-top:158px;padding-bottom:220px;}
	#home-we .front ul {gap:48px;width:calc(48em + 134px);}
}

/* home-project */
#home-project {position:relative;z-index:150;width:100%;overflow:visible;background: #5AB3C1;background: linear-gradient(180deg,rgba(89, 179, 193, 1) 20%, rgba(63, 126, 143, 1) 96%);margin-bottom:-2px;}
#home-project .kruna {position:absolute;z-index:120;width:100%;height:1em;overflow:hidden;font-size:5.2083vw;margin-top:-0.95em;}
#home-project .kruna .left {position:absolute;z-index:120;right:0em;height:1em;}
#home-project .kruna .right {position:absolute;z-index:120;left:0em;height:1em;}
#home-project .kruna svg {display: block;position:absolute;z-index:120;width:100%;height:100%;fill:#5AB3C1;}
#home-project .kruna .left {width:7.5%;left:0%;}
#home-project .kruna .right {width:92.5%;left:7.5%;}
@media screen and (max-width: 479px)
{
	#home-project .kruna {font-size:10vw;}
}
@media screen and (min-width: 1720px)
{
	#home-project .kruna {font-size:90px;}
	#home-project .kruna .left {width:calc(50% - 725px);}
	#home-project .kruna .right {width:calc(50% + 725px);left:calc(50% - 725px);}
}
#home-project .sadrzaj {position:relative;z-index:150;margin:auto;width:100%;max-width:1920px;overflow: visible;}
#home-project .head {position:absolute;z-index:150;}
#home-project .head .i-head {position:absolute;z-index:152;left:0%;width:100%;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
#home-project .head h2 {color:#ffffff;max-width:5em;line-height:1.05em;font-weight: 800;}
#home-project .head p {color:#274D64;line-height:1.25em;text-transform: uppercase;font-weight: 600;max-width:15em;padding:1em 0em;}
#home-project .body {position:absolute;z-index:150;overflow:visible;}
#home-project .swiper-wrapper {position:relative;height:100%;}
#home-project .swiper-slide {position:relative;height:100%;}
#home-project .swiper-slide .item {display: block;position:relative;z-index:150;width:100%;height:100%;overflow:hidden;cursor:pointer;}
#home-project .swiper-slide .item a {display:block;position: absolute;z-index:170;width:100%;height:100%;left:0%;top:0%;overflow:hidden;}
#home-project .swiper-slide .item a strong {opacity:0;}
#home-project .swiper-slide .item .im {position: absolute;z-index:150;width:100%;height:100%;left:0%;top:0%;}
#home-project .swiper-slide .item .im img {display: block;position: absolute;z-index:150;width:100%;height:100%;left:0%;top:0%;object-fit: cover;}
#home-project .swiper-slide .item .im::before {display: block;content:' ';position:absolute;z-index:152;width:100%;height:100%;left:0%;top:0%;background:rgba(0,0,0,0.35);-moz-transition:background 0.3s;-webkit-transition:background 0.3s;-o-transition:background 0.3s;transition:background 0.3s;}
#home-project .swiper-slide .item:hover .im::before {background:rgba(0,0,0,0);}
#home-project .swiper-slide .item .fr {-ms-transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);position:absolute;z-index: 160;width:100%;left:0%;top:50%;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;background:rgba(0,0,0,0);padding:1em 0em;}
#home-project .swiper-slide .item:hover .fr {-ms-transform:translate(0%, -100%);-webkit-transform:translate(0%, -100%);transform:translate(0%, -100%);left:0%;top:100%;background:rgba(0,0,0,0.35);}
#home-project .swiper-slide .item .fr p {font-weight: 600;line-height:1.2em;color:#ffffff;overflow: hidden;max-height:3.6em;text-align: center;margin:auto;width:92%}
#home-project .swiper-slide .item .fr em {margin:auto;display: block;color:#5AB3C1;padding-right: 1.5em;box-sizing: border-box;font-weight:600;font-style: normal;width:8.25em;line-height:1.5em;padding-top:0.5em;height:0em;overflow: hidden;-moz-transition:height 0.3s;-webkit-transition:height 0.3s;-o-transition:height 0.3s;transition:height 0.3s;}
#home-project .swiper-slide .item .fr em svg {display: block;float:right;margin-top:0.2em;margin-right:-1.5em;width:1em;fill:none;stroke:#5AB3C1;stroke-width:3;}
#home-project .swiper-slide .item:hover .fr em {height:2em;}
@media screen and (max-width: 639px)
{
	#home-project .head h2,
	#home-project .head p {max-width:100%;}
}
#home-project .arrs {width:7em;height:6em;position:absolute;z-index:150;top:100%;left:100%;margin-left:-7em;}
#home-project .arrs div {width:3em;height:6em;position:absolute;z-index: 155;top:0em;}
#home-project .arrs .prev {left:0em;}
#home-project .arrs .next {right:0em;}
#home-project .arrs button, #home-project .arrs p.but {display: block;position:absolute;z-index:160;width:100%;height:100%;font-size:1em;cursor:pointer;}
#home-project .arrs svg {display: block;position:absolute;fill:none;stroke:#ffffff;stroke-width:2;width:2em;top:50%;left:50%;margin:-1em;-moz-transition:stroke 0.3s;-webkit-transition:stroke 0.3s;-o-transition:stroke 0.3s;transition:stroke 0.3s;}
#home-project .arrs button:hover svg, #home-project .arrs p.but:hover svg {stroke:#274D64;}
#home-project .arrs .prev svg {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.vrteska.recent-projects .cont {width:100%;height:100%;left:0%;top:0%;}
.vrteska.recent-projects .lista {width:100%;height:100%;overflow:hidden;}
#home-project .p-sadrzaj {padding-top:6vw;padding-bottom:calc(4.5vw + 6em);}
@media screen and (max-width: 479px)
{
	#home-project .sadrzaj {height:calc(15em + 65vw);}
	#home-project .head {left:7.5vw;width:85vw;height:14em;}
	#home-project .body {left:0%;top:15em;width:100%;height:65vw;}
	#home-project .arrs {font-size:0.75em;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	#home-project .sadrzaj {height:calc(15em + 43vw);}
	#home-project .head {left:7.5vw;width:85vw;height:14em;}
	#home-project .body {left:0%;top:15em;width:100%;height:43vw;}
	#home-project .arrs {font-size:0.75em;}
}
@media screen and (min-width: 639px)
{
	#home-project .sadrzaj {height:26vw;}
	#home-project .head {left:65vw;width:30vw;height:100%;}
	#home-project .body {left:0%;width:60.75vw;height:100%;}
}
#home-project #recent-projects .arrs {font-size:0.01em;opacity:0;}

@media screen and (max-width: 479px)
{
	#home-project .p-sadrzaj {padding-top:32px;padding-bottom:90px;}
	.vrteska.recent-projects .def .sirina {width:48%;}
	.vrteska.recent-projects .def .razmak {width:4%;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	#home-project .p-sadrzaj {padding-top:54px;padding-bottom:116px;}
	.vrteska.recent-projects .def .sirina {width:32%;}
	.vrteska.recent-projects .def .razmak {width:2%;}
}
@media screen and (min-width: 639px) and (max-width: 959px)
{
	#home-project .p-sadrzaj {padding-top:54px;padding-bottom:116px;}
	#home-project .sadrzaj {height:39vw;}
	.vrteska.recent-projects .def .sirina {width:29vw;}
	.vrteska.recent-projects .def .razmak {width:2.75vw;}
}

@media screen and (min-width: 959px)
{
	#home-project .p-sadrzaj {padding-top:6vw;padding-bottom:calc(4.5vw + 6em);}
	#home-project .sadrzaj {height:26vw;}
	.vrteska.recent-projects .def .sirina {width:19.25vw;}
	.vrteska.recent-projects .def .razmak {width:1.5vw;}
}
@media screen and (min-width: 1919px)
{
	#home-project .p-sadrzaj {padding-top:115px;padding-bottom:calc(86px + 6em);}
	#home-project .sadrzaj {height:500px;}
	#home-project .head {left:50%;margin-left:288px;width:576px;height:100%;}
	#home-project .body {left:50%;margin-left:-960px;width:1166px;height:100%;}
	.vrteska.recent-projects .def .sirina {width:370px;}
	.vrteska.recent-projects .def .razmak {width:28px;}
}

/* home-tim */
#home-tim {width:100%;position:relative;z-index:100;background: #264D63;background: linear-gradient(180deg,rgba(38, 77, 99, 1) 12%, rgba(61, 122, 140, 1) 96%);margin-bottom:-2px;}
#home-tim .head {position:relative;z-index:120;}
#home-tim .head h2 {font-weight: 800;}
#home-tim .back {position:absolute;z-index:100;width:85vw;max-width:1450px;top:0%;height:100%;left:50%;-ms-transform: translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);}
#home-tim .back img {display: block;position:absolute;z-index:100;bottom:0%;right:0%;width:1.16485em;height:1.20853em;height:1.40776699em;object-fit: cover;}
#home-tim .front {position:relative;z-index:120;width:85vw;max-width:1450px;margin:auto;color:#ffffff;}
#home-tim .body {position:relative;z-index:120;}
#home-tim .body p.ime {line-height: 1.5em;font-weight:600;color:#5AB3C1;}
#home-tim .body p.funkcija {line-height:1.5em;font-weight: 600;}
#home-tim .body p.tekst {padding:1.5em 0em;line-height:1.5em;max-width:40em;font-weight:400;}
#home-tim .body p.tekst::selection, #home-tim .body p.tekst *::selection {color:#5AB3C1;}
#home-tim .body .more a {display: inline-block;line-height: 1.2em;font-weight:600;color:#ffffff;white-space: nowrap;padding-right:2em;}
#home-tim .body .more a strong {font-weight: 600;display: block;}
#home-tim .body .more a svg {height:1em;stroke:#5AB3C1;fill:none;stroke-width:3;display: block;float:right;margin-right:-1.5em;margin-top:0.1em;-moz-transition:margin 0.3s;-webkit-transition:margin 0.3s;-o-transition:margin 0.3s;transition:margin 0.3s;}
#home-tim .body .more a:hover svg {margin-right:-2em;}
#home-tim .lista {position:relative;z-index:120;}
#home-tim .lista ul {display: flex;flex-wrap: wrap;gap:1em;justify-content: flex-start;}
#home-tim .lista li a {display:block;line-height:1.5em;padding:0.55em 0em 0.55em 6.5em;}
#home-tim .lista li a span.im {position:relative;z-index:120;display: block;float:left;border:0.25em solid #ffffff;box-sizing:border-box;width:5.6em;height:5.6em;margin:-0.55em 0em -0.55em -6.5em;overflow:hidden;-moz-border-radius:2.8em;border-radius:2.8em;filter: grayscale(1);-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
#home-tim .lista li a span.im img {display: block;width:100%;heigth:145%;margin-left:0px;margin-top:-5%;}
#home-tim .lista li a strong {display: block;font-size:1.15em;color:#ffffff;font-weight:600;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
#home-tim .lista li a em {display: block;font-style: normal;color:#ffffff;max-width:12em;line-height: 1.3em;}
#home-tim .lista li a:hover span.im {filter: grayscale(0);border-color:#5AB3C1;}
#home-tim .lista li a:hover strong {color:#5AB3C1;}
#home-tim .lista {padding-bottom:3.25em;}
#home-tim .foot {position:relative;z-index:120;}
@media screen and (max-width: 639px)
{
	#home-tim .head {padding-top:64px;padding-bottom:2em;}
	#home-tim .foot {padding-bottom:48px;}
	
	#home-tim .back {position:absolute;z-index:100;width:85vw;max-width:1450px;top:auto;height:365px;left:50%;-ms-transform: translate(-50%, -100%);-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);}

	#home-tim .back {font-size:220px;}
	#home-tim .lista {padding-top:30px;}

}
@media screen and (min-width: 639px)
{
	#home-tim .head {padding-top:64px;padding-bottom:2em;}
	#home-tim .foot {padding-bottom:48px;}
	#home-tim .back {font-size:400px;}
	#home-tim .body p.tekst {max-width: 24em;}
}
@media screen and (min-width: 777px)
{
	#home-tim .body p.tekst {max-width: 32em;}
}
@media screen and (min-width: 959px)
{
	#home-tim .head {padding-top:6.5vw;padding-bottom:2em;}
	#home-tim .body {padding-bottom:3.25em;}
	#home-tim .body p.tekst {max-width: 40em;}
	#home-tim .foot {padding-bottom:5vw;}
	#home-tim .back {font-size:375px;}
}
@media screen and (min-width: 1399px)
{
	#home-tim .back {font-size:26.8vw;}
}
@media screen and (min-width: 1919px)
{
	#home-tim .head {padding-top:125px;}
	#home-tim .foot {padding-bottom:96px;}
	#home-tim .back {font-size:514px;}
}

/* blog-tri */
#blog-tri {width:100%;position:relative;z-index:100;background: #274D64;background: linear-gradient(180deg,rgba(39, 77, 100, 1) 10%, rgba(56, 112, 129, 1) 100%);margin-bottom:-2px;}
#blog-tri .head {width:85vw;max-width:1450px;margin:auto;text-align:center;color:#ffffff;}
#blog-tri .head h2 {font-weight:800;}
#blog-tri .head p {text-transform: uppercase;font-weight:600;color:#5AB3C1;}
#blog-tri .body {width:100%;max-width:1920px;margin: auto;position:relative;z-index:100;}
#blog-tri ul {display: block;position:absolute;z-index: 100;width:100%;height:100%;}
#blog-tri li {position:absolute;z-index:100;overflow:hidden;background:#ffffff;}
#blog-tri li .im {display: block;position:absolute;z-index:100;overflow:hidden;}
#blog-tri li .im a {display: block;position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;}
#blog-tri li .im a svg {width:1em;display: block;position:absolute;z-index:102;stroke-width:3;stroke:#ffffff;filter:drop-shadow(0px 1px 4px rgba(0,0,0,0.25));top:50%;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-moz-transition:margin 0.3s, opacity 0.3s;-webkit-transition:margin 0.3s, opacity 0.3s;-o-transition:margin 0.3s, opacity 0.3s;transition:margin 0.3s, opacity 0.3s;opacity:0;margin-left:-0.5em;}
#blog-tri li .im a:hover svg {opacity: 1;margin-left: 0em;}
#blog-tri li .im img {display: block;position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;object-fit: cover;}
#blog-tri li .tx {display: block;position:absolute;z-index:100;overflow:hidden;}
#blog-tri li .tx .b {position:absolute;z-index:102;overflow:hidden;}
#blog-tri li .tx .inb {position:absolute;left:0%;top:50%;width:100%;height:auto;max-height:100%;overflow:hidden;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
#blog-tri li .tx .inb::after {position:absolute;z-index: 104;height:2.55em;content:' ';display: block;width:100%;bottom:0%;left:0%;background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
#blog-tri li .tx p.naslov {font-weight: 600;padding-bottom:0.5em;}
#blog-tri li .tx p.naslov a:hover {color:#5AB3C1;}
#blog-tri li .tx p.t {line-height: 1.5em;font-size:0.85em;}
#blog-tri li .tx .f {position:absolute;z-index:102;overflow:hidden;}
#blog-tri li .tx .f a {display: inline-block;line-height: 1.2em;font-weight:600;color:#5AB3C1;white-space: nowrap;padding-right:2em;}
#blog-tri li .tx .f a strong {font-weight: 600;display: block;}
#blog-tri li .tx .f a svg {height:1em;stroke:#5AB3C1;fill:none;stroke-width:3;display: block;float:right;margin-right:-1.5em;margin-top:0.1em;-moz-transition:margin 0.3s;-webkit-transition:margin 0.3s;-o-transition:margin 0.3s;transition:margin 0.3s;}
#blog-tri li .tx .f a:hover svg {margin-right:-2em;}
@media screen and (max-width: 479px)
{
	#blog-tri .body {height:150vw;}
	#blog-tri li.item-1 {width:100%;height:33.33%;top:0%;left:0%;}
	#blog-tri li.item-1 .im {width:50%;height:100%;top:0%;left:0%;}
	#blog-tri li.item-1 .tx {width:50%;height:100%;top:0%;right:0%;}
	#blog-tri li.item-2 {width:100%;height:33.33%;top:33.33%;left:0%;}
	#blog-tri li.item-2 .im {width:50%;height:100%;top:0%;left:50%;}
	#blog-tri li.item-2 .tx {width:50%;height:100%;top:0%;right:50%;}
	#blog-tri li.item-3 {width:100%;height:33.34%;top:66.66%;right:0%;}
	#blog-tri li.item-3 .im {width:50%;height:100%;top:0%;left:0%;}
	#blog-tri li.item-3 .tx {width:50%;height:100%;top:0%;right:0%;}
	#blog-tri li .tx .f {display: none;}
}
@media screen and (min-width: 479px) and (max-width: 959px)
{
	#blog-tri .body {height:115vw;}
	#blog-tri li.item-1 {width:100%;height:45%;top:0%;left:0%;}
	#blog-tri li.item-1 .im {width:65%;height:100%;top:0%;left:0%;}
	#blog-tri li.item-1 .tx {width:35%;height:100%;top:0%;right:0%;}
	#blog-tri li.item-2 {width:49%;height:53%;top:47%;left:0%;}
	#blog-tri li.item-2 .im {width:100%;height:43%;top:0%;left:0%;}
	#blog-tri li.item-2 .tx {width:100%;height:57%;bottom:0%;left:0%;}
	#blog-tri li.item-3 {width:49%;height:53%;top:47%;right:0%;}
	#blog-tri li.item-3 .im {width:100%;height:43%;top:0%;left:0%;}
	#blog-tri li.item-3 .tx {width:100%;height:57%;bottom:0%;left:0%;}
}
@media screen and (min-width: 959px)
{
	#blog-tri .body {height:28.65vw;}
	#blog-tri li.item-1 {width:53.75%;height:100%;top:0%;left:0%;}
	#blog-tri li.item-1 .im {width:65%;height:100%;top:0%;left:0%;}
	#blog-tri li.item-1 .tx {width:35%;height:100%;top:0%;right:0%;}
	#blog-tri li.item-2 {width:21.875%;height:100%;top:0%;left:55%;}
	#blog-tri li.item-2 .im {width:100%;height:43%;top:0%;left:0%;}
	#blog-tri li.item-2 .tx {width:100%;height:57%;bottom:0%;left:0%;}
	#blog-tri li.item-3 {width:21.875%;height:100%;top:0%;right:0%;}
	#blog-tri li.item-3 .im {width:100%;height:43%;top:0%;left:0%;}
	#blog-tri li.item-3 .tx {width:100%;height:57%;bottom:0%;left:0%;}
}
#blog-tri li .im a {font-size:1.5vw;}
#blog-tri li .tx .b {top:1.875vw;bottom:calc(2em + 1.875vw);left:1.875vw;right:1.875vw;}
#blog-tri li .tx .f {bottom:1.875vw;left:1.875vw;}
@media screen and (min-width: 1919px)
{
	#blog-tri .body {height:550px;}
	#blog-tri li .im a {font-size:29px;}
	#blog-tri li .tx .b {top:36px;bottom:72px;left:36px;right:36px;}
	#blog-tri li .tx .f {bottom:36px;left:36px;}
}
@media screen and (max-width: 479px)
{
	#blog-tri li .tx .b {top:3.75vw;bottom:3.75vw;left:1.875vw;right:1.875vw;}
	#blog-tri li .tx .f {display:none;}
	#blog-tri li .tx p.naslov.size-32 {font-size:18px;}
	#blog-tri li .tx p.t {font-size:0.75em;}
}
@media screen and (min-width: 479px) and (max-width: 777px)
{
	#blog-tri li .tx .b {top: 24px;bottom: calc(2em + 24px);}
}
@media screen and (min-width: 777px) and (max-width: 959px)
{
	#blog-tri li .tx p.naslov.size-32 {font-size:27px;}
	#blog-tri li .tx p.t {font-size:0.8em;}
}
@media screen and (min-width: 959px) and (max-width: 1023px)
{
	#blog-tri li .tx p.naslov.size-32 {font-size:18px;}
	#blog-tri li .tx p.t {font-size:0.75em;}
}
@media screen and (max-width: 959px)
{
	#blog-tri .head {padding-top:48px;padding-bottom:20px;}
}
@media screen and (min-width: 959px)
{
	#blog-tri .head {padding-top:5vw;padding-bottom:2vw;}
}
@media screen and (min-width: 1919px)
{
	#blog-tri .head {padding-top:96px;padding-bottom:38px;}
}

/* about-tim */
#about-tim {width:100%;position:relative;z-index:100;background: #264D63;background: linear-gradient(rgba(38, 77, 99, 1) 12%, rgba(56, 112, 129, 1) 96%);background-attachment:fixed;}
#about-tim .def {position:absolute;z-index:0;width:100%;top:0%;}
#about-tim .back {position:absolute;z-index:100;width:100%;height:100%;left:0%;top:0%;}
#about-tim .back::after {content:' ';display: block;position:absolute;z-index:100;width:100%;height:100vh;background: linear-gradient(180deg,rgba(56, 112, 129, 0) 0%, rgba(56, 112, 129, 1) 80%);left:0%;bottom:0%;}
#about-tim .head {position:relative;z-index:120;}
#about-tim .sadrzaj {position:relative;z-index:120;width:85vw;max-width:1450px;margin:auto;color:#ffffff;}


#about-tim ul {display: grid;}
#about-tim li {position: relative;z-index:120;cursor: pointer;transition:transform 0.3s;-moz-transition:transform 0.3s;-webkit-transition:-webkit-transform 0.3s;-o-transition:transform 0.3s;}

#about-tim li: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);}


#about-tim li .im {display: block;position:absolute;z-index:120;width:100%;height: 100%;top:0%;left:0%;background:rgba(0,0,0,0.35);}
#about-tim li .im img {display: block;position:absolute;z-index:120;width:100%;height: 100%;top:0%;left:0%;object-fit: cover;}
#about-tim li .im::after {content: ' ';display: block;position:absolute;z-index:122;width:100%;height: 100%;top:0%;left:0%;background: linear-gradient(0deg,rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 25%, rgba(0, 0, 0, 0) 50%);mix-blend-mode: multiply;}
#about-tim li .int {display: block;position:absolute;z-index:140;bottom:0px;left:0%;width:100%;box-sizing: border-box;padding:1.5em;color:#ffffff;}
#about-tim li .int p.ime {line-height: 1.15em;font-weight: 700;padding-bottom:0.25em;}
#about-tim li .int p.funkc {line-height:1.5em;font-size:0.75em;letter-spacing: 0.075em; padding-top: 0.5em;text-transform: uppercase;border-top:1px solid rgba(255,255,255,0.5);}
#about-tim li .int p.ime::selection {text-decoration: underline;}
#about-tim li .int p.funkc::selection {color:#5AB3C1;}

@media screen and (max-width: 479px)
{
	#about-tim ul {gap:5vw;grid-template-columns: auto;}
	#about-tim li {width:85vw;height:123.25vw;}
}
@media screen and (min-width: 479px) and (max-width: 777px)
{
	#about-tim ul {gap:5vw;grid-template-columns: auto auto;}
	#about-tim li {width:40vw;height:58vw;}
}
@media screen and (min-width: 777px) and (max-width: 1169px)
{
	#about-tim ul {gap:3.5vw;grid-template-columns: auto auto auto;}
	#about-tim li {width:26vw;height:37.7vw;}
}
@media screen and (min-width: 1169px) and (max-width: 1699px)
{
	#about-tim ul {gap:2.3vw;grid-template-columns: auto auto auto auto;}
	#about-tim li {width:19.5vw;height:28.275vw;}
}
@media screen and (min-width: 1699px)
{
	#about-tim ul {gap:40px;grid-template-columns: auto auto auto auto;}
	#about-tim li {width:330px;height:478px;}
}

/*  */
@media screen and (max-width: 639px)
{
	#about-tim .head {padding-top:64px;padding-bottom:2em;}
	#about-tim .body {padding-bottom:48px;}
}
@media screen and (min-width: 639px)
{
	#about-tim .head {padding-top:64px;padding-bottom:2em;}
	#about-tim .body {padding-bottom:48px;}
}
@media screen and (min-width: 959px)
{
	#about-tim .head {padding-top:6.5vw;padding-bottom:2em;}
	#about-tim .body {padding-bottom:5vw;}
}
@media screen and (min-width: 1919px)
{
	#about-tim .head {padding-top:125px;}
	#about-tim .body {padding-bottom:96px;}
}

/* about-how */
#about-how {width:100%;position:relative;z-index:100;background: #264D63;background: linear-gradient(180deg,rgba(38, 77, 99, 1) 10%, rgba(56, 112, 129, 1) 100%);margin-bottom:-2px;color:#ffffff;}
#about-how .in {width:85vw;max-width:1450px;margin:auto;}
#about-how .in .ilu {z-index:120;width:5.2em;height:4em;}
#about-how .in .ilu h2 {line-height:1em;font-size:1em;font-weight: 700;position:absolute;z-index:125;color:#ffffff;left:2.25em;top:0.5em;}
#about-how .in .ilu h2::selection {text-decoration: underline;}
#about-how .in .ilu .ic {width:2em;height:4em;position:absolute;z-index:120;overflow: hidden;}
#about-how .in .ilu .ic svg {position:absolute;z-index:120;width:4em;fill:#5AB3C1;}
#about-how .in .tx h2 {color:#5AB3C1;line-height:1.65em;}
#about-how .in .tx h2.pad-top {padding-top:0.825em;}
#about-how .in .tx p {padding-left: 2.5em;line-height:1.65em;padding-top:0.825em;}
#about-how .in .tx h2::selection, #about-how .in .tx h2 *::selection {text-decoration:underline;}
#about-how .in .tx p::selection, #about-how .in .tx p *::selection {color:#5AB3C1;}

#about-how .in {position: relative;z-index:120;left:0%;}
@media screen and (max-width: 639px)
{
	#about-how .in .ilu {position: relative;float:left;font-size:36px;height:4.25em;}
	#about-how .in .tx p {padding-left:0em;}
}
@media screen and (min-width: 639px) and (max-width: 1399px)
{
	#about-how .in .ilu {position:relative;float:right;height:4.25em;width:5.5em;}
	#about-how .in .ilu h2 {left:2.5em;}
	#about-how .in .ilu .ic {left:0.25em;}
}
@media screen and (min-width: 1399px)
{
	#about-how .in .ilu {position:absolute;left:100%;margin-left: -5.2em;}
}
@media screen and (min-width: 639px) and (max-width: 1399px)
{
	#about-how .in .ilu {font-size:5.6vw;top:0%;}
	#about-how .in .tx {width:100%;max-width:800px;}
}
@media screen and (min-width: 639px) and (max-width: 777px)
{
	#about-how .in .ilu {font-size:58px;}
}
@media screen and (min-width: 1399px)
{
	#about-how .in .ilu {font-size:4.25vw;top:50%;margin-top:-1.5em;}
	#about-how .in .tx {width:52.57vw;}
}
@media screen and (min-width: 1749px)
{
	#about-how .in .tx {width:920px;}
	#about-how .in .ilu {font-size:75px;}
}
@media screen and (max-width: 639px)
{
	#about-how {padding-top:64px;}
}
@media screen and (min-width: 639px)
{
	#about-how {padding-top:64px;}
}
@media screen and (min-width: 959px)
{
	#about-how {padding-top:6.5vw;}
}
@media screen and (min-width: 1919px)
{
	#about-how {padding-top:125px;}
}

/* about-story */
#about-story {position:relative;z-index:120;width:100%;min-width:320px;overflow:visible;background:#ffffff;margin-bottom:-2px;}
#about-story .kruna {position:absolute;z-index:120;width:100%;height:1em;overflow:hidden;font-size:5.2083vw;margin-top:-0.95em;}
#about-story .kruna .left {position:absolute;z-index:120;right:0em;height:1em;}
#about-story .kruna .right {position:absolute;z-index:120;left:0em;height:1em;margin-left: -1px;}
#about-story .kruna svg {display: block;position:absolute;z-index:120;width:100%;height:100%;fill:#ffffff;}
#about-story .kruna .left {width:92.5%;left:0%;}
#about-story .kruna .right {width:7.5%;left:92.5%;}
@media screen and (max-width: 479px)
{
	#about-story .kruna {font-size:10vw;}
}
@media screen and (min-width: 1720px)
{
	#about-story .kruna {font-size:90px;}
	#about-story .kruna .left {width:calc(50% + 725px);}
	#about-story .kruna .right {width:calc(50% - 725px);left:calc(50% + 725px);}
}
#about-story .sadrzaj {position:relative;z-index:120;width:85vw;max-width:1450px;margin:auto;}
#about-story .sadrzaj .tx *::selection {background:#5AB3C1;color:#ffffff;}
#about-story .lin p {line-height:1.65em;padding-bottom:1em;}
#about-story .lin p:last-child {padding-bottom:0em;}
#about-story .lin .im {position:relative;z-index:120;}
#about-story .lin .im img {position:absolute;z-index:120;width:100%;height:100%;object-fit: cover;}
@media screen and (max-width: 959px)
{
	#about-story .lin, #about-story .lin .tx {margin-bottom:2.5em;}
	#about-story .lin:last-child {margin-bottom: 0em;}
	#about-story .lin .im {width:85vw;height:34vw;}
}
@media screen and (max-width: 479px)
{
	#about-story .lin .im {height:160px;}
}
@media screen and (min-width: 959px)
{
	#about-story .lin {position:relative;z-index:120;}
	#about-story .lin .tx {position:relative;z-index: 120;}
	#about-story .lin .im {position:absolute;z-index: 120;height:100%;top:0%;}
	#about-story .lin.right .tx,
	#about-story .lin.left .im {left:0em;}
	#about-story .lin.right .im,
	#about-story .lin.left .tx {left:100%;-ms-transform: translate(-100%, 0%);-webkit-transform:translate(-100%, 0%);transform:translate(-100%, 0%);}
}
@media screen and (min-width: 959px) and (max-width: 1720px)
{
	#about-story .lin .tx {width:40vw;}
	#about-story .lin .im {width:40vw;}
	#about-story .lin {margin-bottom:5vw;}
	#about-story .lin:last-child {margin-bottom: 0em;}
}
@media screen and (min-width: 1720px)
{
	#about-story .lin .tx {width:688px;}
	#about-story .lin .im {width:688px;}
	#about-story .lin {margin-bottom:86px;}
	#about-story .lin:last-child {margin-bottom: 0em;}
}
@media screen and (max-width: 639px)
{
	#about-story .sadrzaj {padding-top:64px;padding-bottom:48px;}
}
@media screen and (min-width: 639px)
{
	#about-story .sadrzaj {padding-top:64px;padding-bottom:48px;}
}
@media screen and (min-width: 959px)
{
	#about-story .sadrzaj {padding-top:6.5vw;padding-bottom:5vw;}
}
@media screen and (min-width: 1919px)
{
	#about-story .sadrzaj {padding-top:125px;padding-bottom:96px;}
}

/* kontakt-forma */
.kontakt-forma {position:relative;z-index:500;width:100%;overflow:visible;}
.kontakt-forma .ilu {position:relative;z-index:3520;width:5.5em;height:3.5em;left:0%;top:0%;}
.kontakt-forma .ilu h2 {line-height:1em;font-size:0.75em;font-weight: 900;position:absolute;z-index:3525;color:#264D63;left:2.33em;top:0.5em;}
.kontakt-forma .ilu h2::selection {text-decoration: underline;}
.kontakt-forma .ilu .ic {width:1.55em;height:3em;position:absolute;z-index:120;overflow: hidden;}
.kontakt-forma .ilu .ic svg {position:absolute;z-index:3520;width:3em;fill:#ffffff;}
.kontakt-forma .kontakt-head .tel {font-weight: 400;text-align: center;width:11.5em;}
.kontakt-forma .kontakt-head .tel a {display: block; padding:0.5em 0em;background:#264D63;color:#ffffff;line-height:1.05em;border-radius:0.25em;}
.kontakt-forma .kontakt-head .tel a:hover {color:#5AB3C1;}
.kontakt-forma .ime-prezime,
.kontakt-forma .adresa,
.kontakt-forma .tekst {padding-bottom:0.75em;}
.kontakt-forma .ime-prezime input,
.kontakt-forma .adresa input {padding:0.75em 0.125em;line-height:1.5em;background:none;border:none;border-bottom:2px solid #264D63;outline:none;font-size:1em;color:#264D63;-moz-transition:border 0.3s;-webkit-transition:border 0.3s;-o-transition:border 0.3s;transition:border 0.3s;}
.kontakt-forma textarea {width:100%;padding:0.75em 0.125;line-height:1.5em;height:12em;background:none;border:none;border-bottom:2px solid #264D63;resize:none;font-size:1em;outline:none;color:#264D63;-moz-transition:border 0.3s;-webkit-transition:border 0.3s;-o-transition:border 0.3s;transition:border 0.3s;}
.kontakt-forma input:focus, .kontakt-forma textarea:focus {border-bottom-color:#ffffff;}
.kontakt-forma input.ime {width:100%;}
.kontakt-forma input.naslov {display:none;}
.kontakt-forma .adresa {padding-left:0.25em;padding-right:0.25em;}
.kontakt-forma input.email {width:50%;margin-left:-0.25em;float:left;}
.kontakt-forma input.telefon {width:50%;margin-right:-0.25em;float:right;}
.kontakt-forma .f-submit {height:2.4em;position:relative;z-index:520;width:100%;overflow:visible;}
.kontakt-forma .f-submit button {display:block;font-size:1em;line-height: 1.2em;padding:0.6em 0.9em;border-radius:0.25em;background:#264D63;color:#ffffff;}
.kontakt-forma .f-submit button:hover {color:#5AB3C1;}
.kontakt-forma .f-submit .loader {display:none;height:2.4em;width:2.4em;background:#ffffff url(../../img/base/black-loader-32.gif) center no-repeat;border-radius: 1.2em;background-size: 1.2em 1.2em;}
.kontakt-forma .f-submit p.ok {display: none;position:absolute;left:0%;line-height:1.2em;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
.kontakt-forma .f-submit p.err {position:absolute;z-index:520;top:-0.25em;padding:0.25em 0.5em;background:#264D63;color:#ffffff;max-width:100%;-ms-transform: translate(0%, -100%);-webkit-transform:translate(0%, -100%);transform:translate(0%, -100%);}
.kontakt-forma .f-submit p.err:empty {display: none;}
.kontakt-forma textarea::placeholder,
.kontakt-forma input::placeholder {color:#264D63;opacity:1;}
.kontakt-forma textarea::-webkit-input-placeholder,
.kontakt-forma input::-webkit-input-placeholder {color:#264D63;opacity:1;}
.kontakt-forma textarea::-moz-placeholder,
.kontakt-forma input::-moz-placeholder {color:#264D63;opacity:1;}
.kontakt-forma textarea::-ms-placeholder,
.kontakt-forma input::-ms-placeholder {color:#264D63;opacity:1;}
.kontakt-forma-pad {padding:40px 0px;}
.kontakt-forma .kontakt-body {position:relative;z-index:3500;}
@media screen and (max-width: 777px)
{
	.kontakt-forma .kontakt-head {position:relative;z-index:3500;margin-bottom:2em;}
	.kontakt-forma .kontakt-head .tel {position:absolute;z-index:3550;left:100%;top:100%;width:8.5em;-ms-transform: translate(-100%, -100%);-webkit-transform:translate(-100%, -100%);transform:translate(-100%, -100%);}
	.kontakt-forma .kontakt-head .tel span {display: block;text-align: center;}
}
@media screen and (min-width: 777px)
{
	.kontakt-forma .kontakt-head {position:absolute;z-index:3500;top:50%;left:0%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
	.kontakt-forma .kontakt-head .tel {margin:auto;}
}
@media screen and (max-width: 479px)
{
	.kontakt-forma .ilu {font-size:30px;}
	.kontakt-forma .kontakt-head .tel {margin-top:-15px;}
}
@media screen and (max-width: 329px)
{
	.kontakt-forma .ilu {font-size:8vw;}
	.kontakt-forma .kontakt-head .tel {margin-top:-4vw;}
}
@media screen and (min-width: 479px) and (max-width: 777px)
{
	.kontakt-forma .ilu {font-size:6.25vw;}
	.kontakt-forma .kontakt-head .tel {margin-top:-3.125vw;}
}
@media screen and (min-width: 777px)
{
	.kontakt-forma .ilu {font-size:6vw;}
	.kontakt-forma .kontakt-body {width:50vw;left:35vw;}
}
@media screen and (min-width: 1333px)
{
	.kontakt-forma .ilu {font-size:80px;}
	.kontakt-forma .kontakt-body {left:500px;width:calc(100% - 500px);}
}

/* service-text */
.service-text {position:relative;z-index:120;width:100%;min-width:320px;overflow:visible;margin-bottom:-2px;}
.service-text .kruna {position:absolute;z-index:120;width:100%;height:1em;overflow:hidden;font-size:5.2083vw;margin-top:-0.95em;}
.service-text .kruna .left {position:absolute;z-index:120;right:0em;height:1em;}
.service-text .kruna .right {position:absolute;z-index:120;left:0em;height:1em;margin-left: -1px;}
.service-text .kruna svg {display: block;position:absolute;z-index:120;width:100%;height:100%;}
.service-text .kruna .left {width:92.5%;left:0%;}
.service-text .kruna .right {width:7.5%;left:92.5%;}
@media screen and (max-width: 479px)
{
	.service-text .kruna {font-size:10vw;}
}
@media screen and (min-width: 1720px)
{
	.service-text .kruna {font-size:90px;}
	.service-text .kruna .left {width:calc(50% + 725px);}
	.service-text .kruna .right {width:calc(50% - 725px);left:calc(50% + 725px);}
}
.service-text .sadrzaj {position:relative;z-index:120;width:100%;}
.service-text .in-sadrzaj {position:relative;z-index:120;width:85vw;max-width:1450px;margin:auto;}
.service-text .sadrzaj .head p {font-weight: 700;text-transform: uppercase;padding-bottom:0.5em;}
.service-text .sadrzaj .head h2 {line-height: 1.2em;}
.service-text .sadrzaj .cert {display: flex;justify-content: flex-start;gap:0.75em;padding-top:1.5em;}
.service-text .sadrzaj .cert .ic {width:3em;}
.service-text .sadrzaj .cert .ic svg {display: block;width:100%;}
.service-text .sadrzaj .in-sadrzaj li {padding-left:1.25em;line-height:1.65em;}
.service-text .sadrzaj .in-sadrzaj li::before {display: block;width:0.45em;height:0.45em;float:left;margin:0.6em 0em 0em -1.25em;content:' ';}
.service-text .sadrzaj .body {padding-top:1.5em;}
.service-text .sadrzaj .body p {line-height: 1.65em;padding-bottom:1em;}
.service-text .sadrzaj .body p:last-child {padding-bottom: 0em;}
.service-text .sadrzaj .body ul {padding-top: 1.5em;}
#service-mechanical-engineering-hold.service-text .kruna svg {fill:#ffffff;}
#service-mechanical-engineering-hold.service-text .sadrzaj {background:#ffffff;color:#274D64;}
#service-mechanical-engineering-hold.service-text .sadrzaj .cert .ic svg {fill:#5AB3C1;}
#service-mechanical-engineering-hold.service-text .sadrzaj .cert *::selection,
#service-mechanical-engineering-hold.service-text .sadrzaj .body *::selection {background:#5AB3C1;color:#ffffff;}
#service-mechanical-engineering-hold.service-text .sadrzaj li::before {background:#5AB3C1;}
#service-electrical-engineering.service-text {background:#264D63;}
#service-electrical-engineering.service-text .kruna svg {fill:#264D63;}
#service-electrical-engineering.service-text .sadrzaj {background:#264D63;color:#ffffff;}
#service-electrical-engineering.service-text .sadrzaj .cert .ic svg {fill:#5AB3C1;}
#service-electrical-engineering.service-text .sadrzaj .cert *::selection,
#service-electrical-engineering.service-text .sadrzaj .body *::selection {background:#5AB3C1;color:#ffffff;}
#service-electrical-engineering.service-text .sadrzaj li::before {background:#5AB3C1;}
#service-plumbing-engineering.service-text .kruna svg {fill:#5AB3C1;}
#service-plumbing-engineering.service-text .sadrzaj {background:#5AB3C1;color:#264D63;}
#service-plumbing-engineering.service-text .sadrzaj .cert .ic svg {fill:#264D63;}
#service-plumbing-engineering.service-text .sadrzaj .cert *::selection,
#service-plumbing-engineering.service-text .sadrzaj .body *::selection {background:#264D63;color:#ffffff;}
#service-plumbing-engineering.service-text .sadrzaj li::before {background:#264D63;}
#service-leed.service-text {background:#264D63;}
#service-leed.service-text .kruna svg {fill:#264D63;}
#service-leed.service-text .sadrzaj {background:#264D63;color:#ffffff;}
#service-leed.service-text .sadrzaj .cert .ic svg {fill:#5AB3C1;}
#service-leed.service-text .sadrzaj .cert *::selection,
#service-leed.service-text .sadrzaj .body *::selection {background:#5AB3C1;color:#ffffff;}
#service-leed.service-text .sadrzaj li::before {background:#5AB3C1;}

#service-3d.service-text .kruna svg {fill:#387081;}
#service-3d.service-text .sadrzaj {background:#387081;color:#ffffff;}
#service-3d.service-text .sadrzaj .cert .ic svg {fill:#5AB3C1;}
#service-3d.service-text .sadrzaj .cert *::selection,
#service-3d.service-text .sadrzaj .body *::selection {background:#5AB3C1;color:#ffffff;}
#service-3d.service-text .sadrzaj li::before {background:#5AB3C1;}
@media screen and (max-width: 959px)
{
	.service-text .sadrzaj .body {padding-top:2em;}
}
@media screen and (min-width: 959px)
{
	.service-text .in-sadrzaj {display:flex;justify-content:space-between;gap:2vw;}
	.service-text .sadrzaj .head h2 {width:6.5em;}
}
@media screen and (min-width: 1919px)
{
	.service-text .in-sadrzaj .sadrzaj {gap:38px;}
}
.service-text .projects {position:relative;z-index:150;overflow:visible;margin:auto;}
.service-text .projects .arr {display: none;position:absolute;z-index:150;overflow:visible;width:0px;height:0px;top:50%;}
.service-text .projects .arr button {display: block;position:absolute;z-index:160;font-size:1em;width:3em;height:3em;margin:-1.5em;}
.service-text .projects .arr svg {display: block;position:absolute;z-index:160;fill:none;stroke-width:2;width:2em;top:50%;left:50%;margin:-1em;-moz-transition:stroke 0.3s;-webkit-transition:stroke 0.3s;-o-transition:stroke 0.3s;transition:stroke 0.3s;}
.service-text .projects .arr.prev svg {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
#service-mechanical-engineering-hold.service-text .projects .arr svg {stroke:#274D64;}
#service-mechanical-engineering-hold.service-text .projects .arr button:hover svg {stroke:#5AB3C1;}
#service-electrical-engineering.service-text .projects .arr svg {stroke:#5AB3C1;}
#service-electrical-engineering.service-text .projects .arr button:hover svg {stroke:#ffffff;}
#service-plumbing-engineering.service-text .projects .arr svg {stroke:#264D63;}
#service-plumbing-engineering.service-text .projects .arr button:hover svg {stroke:#ffffff;}
#service-leed.service-text .projects .arr svg {stroke:#5AB3C1;}
#service-leed.service-text .projects .arr button:hover svg {stroke:#ffffff;}
#service-3d.service-text .projects .arr svg {stroke:#5AB3C1;}
#service-3d.service-text .projects .arr button:hover svg {stroke:#ffffff;}
.service-text .projects .swiper .item {display: block;position:relative;z-index:150;width:100%;height:100%;overflow:hidden;cursor:pointer;}
.service-text .projects .swiper .item a {display: block;position:absolute;z-index:170;width:100%;height:100%;left:0%;top:0%;}
.service-text .projects .swiper .item a strong {opacity:0;}
.service-text .projects .swiper .item .im {position: absolute;z-index:150;width:100%;height:100%;left:0%;top:0%;}
.service-text .projects .swiper .item .im img {display: block;position: absolute;z-index:150;width:100%;height:100%;left:0%;top:0%;object-fit: cover;}
.service-text .projects .swiper .item .im::before {display: block;content:' ';position:absolute;z-index:152;width:100%;height:100%;left:0%;top:0%;background:rgba(0,0,0,0.35);-moz-transition:background 0.3s;-webkit-transition:background 0.3s;-o-transition:background 0.3s;transition:background 0.3s;}
.service-text .projects .swiper .item:hover .im::before {background:rgba(0,0,0,0);}
.service-text .projects .swiper .item .fr {-ms-transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);position:absolute;z-index: 160;width:100%;left:0%;top:50%;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;background:rgba(0,0,0,0);padding:1em 0em;}
.service-text .projects .swiper .item:hover .fr {-ms-transform:translate(0%, -100%);-webkit-transform:translate(0%, -100%);transform:translate(0%, -100%);left:0%;top:100%;background:rgba(0,0,0,0.35);}
.service-text .projects .swiper .item .fr p {font-weight: 600;line-height:1.2em;color:#ffffff;overflow: hidden;max-height:3.6em;text-align: center;margin:auto;width:92%}
.service-text .projects .swiper .item .fr em {margin:auto;display: block;color:#5AB3C1;padding-right: 1.5em;box-sizing: border-box;font-weight:600;font-style: normal;width:8.25em;line-height:1.5em;padding-top:0.5em;height:0em;overflow: hidden;-moz-transition:height 0.3s;-webkit-transition:height 0.3s;-o-transition:height 0.3s;transition:height 0.3s;}
.service-text .projects .swiper .item:hover .fr em {height:2em;}
.service-text .projects .swiper .item .fr em svg {display: block;float:right;margin-top:0.2em;margin-right:-1.5em;width:1em;fill:none;stroke:#5AB3C1;stroke-width:3;}
.service-text .projects .arr.prev {left:0em;margin-left:-3.75vw;}
.service-text .projects .arr.next {left:100%;margin-left:3.75vw;}
.vrteska.projects-services .cont {width:100%;height:100%;left:0%;top:0%;}
.vrteska.projects-services .lista {width:100%;height:100%;overflow:hidden;}
.service-text .projects {width:85vw;height:26vw;max-width:1450px;}
@media screen and (min-width: 1720px)
{
	.service-text .projects .arr.prev {margin-left:-64px;}
	.service-text .projects .arr.next {margin-left:64px;}
}
@media screen and (max-width: 479px)
{
	.service-text .projects {height:65vw;}
	.service-text .projects .arr {font-size:0.75em;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	.service-text .projects {height:43vw;}
	.service-text .projects .arr {font-size:0.75em;}
}
@media screen and (min-width: 639px)
{
	.service-text .projects {height:26vw;}
}
@media screen and (min-width: 1720px)
{
	.service-text .projects {height:447px;}
}
@media screen and (max-width: 479px)
{
	.vrteska.projects-services .def .sirina {width:48%;}
	.vrteska.projects-services .def .razmak {width:4%;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	.vrteska.projects-services .def .sirina {width:32%;}
	.vrteska.projects-services .def .razmak {width:2%;}
}
@media screen and (min-width: 639px) and (max-width: 959px)
{
	.vrteska.projects-services .def .sirina {width:29vw;}
	.vrteska.projects-services .def .razmak {width:2.75vw;}
}
@media screen and (min-width: 959px)
{
	.vrteska.projects-services .def .sirina {width:19.25vw;}
	.vrteska.projects-services .def .razmak {width:1.5vw;}
}
@media screen and (min-width: 1919px)
{
	.vrteska.projects-services .def .sirina {width:370px;}
	.vrteska.projects-services .def .razmak {width:28px;}
}
@media screen and (max-width: 639px)
{
	.service-text .sadrzaj {padding-top:64px;padding-bottom:64px;}
	.service-text .in-sadrzaj {margin-bottom:32px;}
}
@media screen and (min-width: 639px)
{
	.service-text .sadrzaj {padding-top:64px;padding-bottom:64px;}
	.service-text .in-sadrzaj {margin-bottom:32px;}
}
@media screen and (min-width: 959px)
{
	.service-text .sadrzaj {padding-top:6.5vw;padding-bottom:6.55vw;}
	.service-text .in-sadrzaj {margin-bottom:3.25vw;}
}
@media screen and (min-width: 1919px)
{
	.service-text .sadrzaj {padding-top:125px;padding-bottom:125px;}
	.service-text .in-sadrzaj {margin-bottom:62px;}
}
/* uvod */
.service-text .uvod {color:#274d64;width: 100%;border-bottom:1px solid #5AB3C1;}
.service-text .i-uvod {margin: auto;width: 85vw;max-width: 1450px;}
.service-text .uvod p {font-weight: 500;line-height: 1.65em;position:relative;z-index:200;}
@media screen and (max-width: 639px)
{
	.service-text .uvod {padding:64px 0em;}
}
@media screen and (min-width: 639px)
{
	.service-text .uvod {padding:6.5vw 0em;}
}
@media screen and (min-width: 1919px)
{
	.service-text .uvod {padding:125px 0em;}
}

/* tx-hero */
#tx-hero {position:relative;z-index:90;width:100%;min-width:320px;background:rgba(38,77,99,1);color:#ffffff;}
#tx-hero .sadrzaj {position:relative;z-index:90;width:85vw;max-width:1450px;margin:auto;}
#tx-hero p.nadnaslov {text-transform: uppercase;letter-spacing: 0.125em;line-height:1em;font-weight:400;padding-bottom:0.25em;}
#tx-hero p.nadnaslov a {color: inherit;}
#tx-hero p.nadnaslov a:hover {text-decoration: underline;}
#tx-hero h1 {font-weight: 800;line-height:1.05em;}
#tx-hero p.podnaslov {line-height:1.5em;font-weight:400;padding-top:0.25em;}
@media screen and (max-width: 639px)
{
	#tx-hero .sadrzaj {padding-top:32px;padding-bottom:64px;}
}
@media screen and (min-width: 639px)
{
	#tx-hero .sadrzaj {padding-top:32px;padding-bottom:64px;}
}
@media screen and (min-width: 959px)
{
	#tx-hero .sadrzaj {padding-top:3.25vw;padding-bottom:6.5vw;}
}
@media screen and (min-width: 1919px)
{
	#tx-hero .sadrzaj {padding-top:62px;padding-bottom:125px;}
}
@media screen and (max-width: 777px)
{
	#tx-hero {padding-top:3em;}
}
@media screen and (min-width: 777px)
{
	#tx-hero {padding-top:6em;}
}
#tx-hero h1::selection, #tx-hero h1 *::selection {text-decoration: underline;}
#tx-hero p::selection {background: #5AB3C1;color:#ffffff;}

/* portfolio-body */
#portfolio-body {position:relative;z-index:120;width:100%;min-width:320px;overflow:visible;background: #5AB3C1;background: linear-gradient(180deg, rgba(89, 179, 193, 1) 20%, rgba(63, 126, 143, 1) 96%);background:#ffffff;}
#portfolio-body .kruna {position:absolute;z-index:120;width:100%;height:1em;overflow:hidden;font-size:5.2083vw;margin-top:-0.95em;}
#portfolio-body .kruna .left {position:absolute;z-index:120;right:0em;height:1em;}
#portfolio-body .kruna .right {position:absolute;z-index:120;left:0em;height:1em;margin-left: -1px;}
#portfolio-body .kruna svg {display: block;position:absolute;z-index:120;width:100%;height:100%;fill:#ffffff;}
#portfolio-body .kruna .left {width:92.5%;left:0%;}
#portfolio-body .kruna .right {width:7.5%;left:92.5%;}
@media screen and (max-width: 479px)
{
	#portfolio-body .kruna {font-size:10vw;}
}
@media screen and (min-width: 1720px)
{
	#portfolio-body .kruna {font-size:90px;}
	#portfolio-body .kruna .left {width:calc(50% + 725px);}
	#portfolio-body .kruna .right {width:calc(50% - 725px);left:calc(50% + 725px);}
}
@media screen and (max-width: 639px)
{
	#portfolio-body {padding-bottom:64px;}
}
@media screen and (min-width: 639px)
{
	#portfolio-body {padding-bottom:64px;}
}
@media screen and (min-width: 959px)
{
	#portfolio-body {padding-bottom:6.5vw;}
}
@media screen and (min-width: 1919px)
{
	#portfolio-body {padding-bottom:125px;}
}

/* portfolio-foot */
#portfolio-foot {position:relative;z-index:120;width:100%;min-width:320px;overflow:visible;margin-bottom:-2px;background:#387081;}
#portfolio-foot .kruna {position:absolute;z-index:120;width:100%;height:1em;overflow:hidden;font-size:5.2083vw;margin-top:-0.95em;}
#portfolio-foot .kruna .left {position:absolute;z-index:120;right:0em;height:1em;}
#portfolio-foot .kruna .right {position:absolute;z-index:120;left:0em;height:1em;margin-left: -1px;}
#portfolio-foot .kruna svg {display: block;position:absolute;z-index:120;width:100%;height:100%;fill:#387081;}
#portfolio-foot .kruna .left {width:92.5%;left:0%;}
#portfolio-foot .kruna .right {width:7.5%;left:92.5%;}
@media screen and (max-width: 479px)
{
	#portfolio-foot .kruna {font-size:10vw;}
}
@media screen and (min-width: 1720px)
{
	#portfolio-foot .kruna {font-size:90px;}
	#portfolio-foot .kruna .left {width:calc(50% + 725px);}
	#portfolio-foot .kruna .right {width:calc(50% - 725px);left:calc(50% + 725px);}
}
@media screen and (max-width: 639px)
{
	#portfolio-foot {height:32px;}
}
@media screen and (min-width: 959px)
{
	#portfolio-foot {height:3.25vw;}
}
@media screen and (min-width: 1919px)
{
	#portfolio-foot {height:62px;}
}

/* portfolio-slika */
#portfolio-slika {position:relative;z-index:120;width:100%;min-width:320px;overflow:visible;}
#portfolio-slika .sadrzaj {position:relative;z-index:120;width:100%;margin:auto;overflow: hidden;}
#portfolio-slika .drzac {position:relative;z-index:120;width:100%;overflow:visible;}
#portfolio-slika .drzac ul {position:absolute;z-index:120;width:100%;height:100%;top:0%;left:0%;overflow: hidden;}
#portfolio-slika .drzac ul::after {display: block;position:absolute;content: ' ';z-index:130;width:100%;height:100%;top:0%;left:0%;background:none;}
#portfolio-slika .drzac li {position:absolute;z-index:120;width:100%;height:100%;opacity: 0;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;-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);}
#portfolio-slika .drzac li.on {z-index:125;opacity:1;-ms-transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transform: matrix(1, 0, 0, 1, 0, 0);transform: matrix(1, 0, 0, 1, 0, 0);}
#portfolio-slika .drzac li img {display: block;position:absolute;z-index:120;width:100%;height:100%;top:0%;left:0%;object-fit: contain;}
#portfolio-slika .drzac li::before {content:' ';display: block;position:absolute;z-index:115;width:100%;height:100%;top:0%;left:0%;background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%);}
#portfolio-slika .drzac li img.back {z-index:110;object-fit: cover;filter: blur(24px);opacity: 0.65;}
#portfolio-slika .drzac li p {display:none;text-align: center;position:absolute;z-index:121;line-height:1.25em;bottom:1.5em;padding: 0.35em 0.75em;background: rgba(255,255,255,0.85);color:#202020;left:50%;-ms-transform:translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);box-sizing:border-box;max-width:92%;font-size:14px;}
#portfolio-slika .drzac .arr {position:absolute;z-index:130;width:1em;height:1em;border-radius:0.5em;cursor:pointer;background: #ffffff;box-shadow:0px 4px 24px rgba(0,0,0,0.25);top:50%;margin-top:-0.5em;-moz-transition:background 0.3s;-webkit-transition:background 0.3s;-o-transition:background 0.3s;transition:background 0.3s;}
#portfolio-slika .drzac .arr:hover {background:rgba(38,77,99,1);}
#portfolio-slika .drzac .arr svg {position:absolute;z-index:132;width:0.5em;top:50%;left:50%;fill:none; stroke:#000000;stroke-width:2;margin:-0.25em;-moz-transition:stroke 0.3s;-webkit-transition:stroke 0.3s;-o-transition:stroke 0.3s;transition:stroke 0.3s;}
#portfolio-slika .drzac .arr:hover svg {stroke:#ffffff;}
#portfolio-slika .drzac .arr.prev svg {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
#portfolio-slika .drzac .arr.prev {left:50%;margin-left:-42.5vw;}
#portfolio-slika .drzac .arr.next {right:50%;margin-right:-42.5vw;}
#portfolio-slika .dots {position:absolute;z-index:135;left:50%;bottom:2em;display: flex;gap:6px;-ms-transform:translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);height:0px;overflow:visible;}
#portfolio-slika .dots button {display: block;width:1em;height:1em;box-sizing: border-box;font-size:6px;border:3px solid rgba(255,255,255,0.5);border-radius:0.5em;margin-top:-0.5em;}
#portfolio-slika .dots button.on {font-size:16px;border-color:#ffffff;}
@media screen and (max-width: 959px)
{
	#portfolio-slika .sadrzaj {padding-top:64px;}
	#portfolio-slika .drzac {height:48vw;max-height:calc(100vh - 9em);min-height:300px;}
}
@media screen and (min-width: 959px)
{
	#portfolio-slika .sadrzaj {padding-top:6.5vw;}
	#portfolio-slika .drzac {height:48vw;max-height:calc(100vh - 9em);min-height:300px;}
}
@media screen and (min-width: 1720px)
{
	#portfolio-slika .drzac .arr.prev {margin-left:-730px;}
	#portfolio-slika .drzac .arr.next {margin-right:-730px;}
}
@media screen and (min-width: 1919px)
{
	#portfolio-slika .sadrzaj {padding-top:124px;}
	#portfolio-slika .drzac {height:920px;max-height:calc(100vh - 9em);min-height:300px;}
}

/* portfolio-tekst */
#portfolio-tekst {position:relative;z-index:120;width:100%;min-width:320px;overflow:visible;}
#portfolio-tekst .sadrzaj {position:relative;z-index:120;width:100%;color:#000000;}
#portfolio-tekst .in-sadrzaj {position:relative;z-index:120;width:85vw;max-width:1450px;margin:auto;}
#portfolio-tekst {line-height:1.65em;}
#portfolio-tekst h2 {line-height:1.1em;font-weight:700;font-size:1.5em;display: inline;}
#portfolio-tekst strong {font-weight: 700;}
#portfolio-tekst a {color:#5AB3C1;font-weight:700;}
#portfolio-tekst a:hover {text-decoration: underline;}
@media screen and (max-width: 639px)
{
	#portfolio-tekst .sadrzaj {padding-top:64px;}
}
@media screen and (min-width: 639px)
{
	#portfolio-tekst .sadrzaj {padding-top:64px;}
}
@media screen and (min-width: 959px)
{
	#portfolio-tekst .sadrzaj {padding-top:6.5vw;}
}
@media screen and (min-width: 1919px)
{
	#portfolio-tekst .sadrzaj {padding-top:125px;}
}
#portfolio-tekst *::selection {background: #5AB3C1;color:#ffffff;}

/* portfolio-nav */
#portfolio-nav {position:relative;z-index:120;width:100%;min-width:320px;overflow:visible;margin-bottom:-2px;}
#portfolio-nav .sadrzaj {position:relative;z-index:120;width:100%;color:#000000;border-top:1px solid rgba(0,0,0,0.25);}
#portfolio-nav.tin .sadrzaj {border-top: none;}
#portfolio-nav .in-sadrzaj .prev,
#portfolio-nav .in-sadrzaj .next {max-width:47%;}
#portfolio-nav .in-sadrzaj {position:relative;z-index:120;width:85vw;max-width:1450px;margin:auto;display: flex;justify-content: space-between;}
#portfolio-nav .in-sadrzaj a {display: block;line-height:1.2em;font-weight: 600;color:#000000;box-sizing:border-box;}
#portfolio-nav .in-sadrzaj a svg {display: block;width:1.2em;height:1.2em;fill:none;stroke:#5AB3C1;stroke-width: 2;-moz-transition:stroke 0.3s;-webkit-transition:stroke 0.3s;-o-transition:stroke 0.3s;transition:stroke 0.3s;}
#portfolio-nav .in-sadrzaj a:hover svg {stroke:#000000;}
#portfolio-nav .in-sadrzaj a strong {display: block;font-weight: 700;}
#portfolio-nav .in-sadrzaj a span {display: block;line-height:1.2em;font-weight: 400;}
#portfolio-nav .in-sadrzaj .prev a {padding-left:1.75em;text-align: left;}
#portfolio-nav .in-sadrzaj .prev a svg {float:left;margin-left:-1.75em;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
#portfolio-nav .in-sadrzaj .next a {padding-right:1.75em;text-align: right;}
#portfolio-nav .in-sadrzaj .next a svg {float:right;margin-right:-1.75em;}
@media screen and (max-width: 639px)
{
	#portfolio-nav {padding-top:64px;padding-bottom:32px;}
	#portfolio-nav .sadrzaj {padding-top:32px;padding-bottom:32px;}
}
@media screen and (min-width: 639px)
{
	#portfolio-nav {padding-top:64px;padding-bottom:32px;}
	#portfolio-nav .sadrzaj {padding-top:32px;padding-bottom:32px;}
}
@media screen and (min-width: 959px)
{
	#portfolio-nav {padding-top:6.5vw;padding-bottom:3.25vw;}
	#portfolio-nav .sadrzaj {padding-top:3.25vw;padding-bottom:3.25vw;}
}
@media screen and (min-width: 1919px)
{
	#portfolio-nav {padding-top:125px;padding-bottom:62px;}
	#portfolio-nav .sadrzaj {padding-top:62px;padding-bottom:62px;}
}
#portfolio-nav.tin {padding-top: 0px;}

/* portfolio-sekcija */
.portfolio-sekcija {position:relative;z-index:120;width:100%;min-width:320px;overflow:visible;margin-bottom:-2px;}
.portfolio-sekcija .kruna {position:absolute;z-index:120;width:100%;height:1em;overflow:hidden;font-size:5.2083vw;margin-top:-0.95em;}
.portfolio-sekcija .kruna .left {position:absolute;z-index:120;right:0em;height:1em;}
.portfolio-sekcija .kruna .right {position:absolute;z-index:120;left:0em;height:1em;margin-left: -1px;}
.portfolio-sekcija .kruna svg {display: block;position:absolute;z-index:120;width:100%;height:100%;}
.portfolio-sekcija .kruna .left {width:92.5%;left:0%;}
.portfolio-sekcija .kruna .right {width:7.5%;left:92.5%;}
@media screen and (max-width: 479px)
{
	.portfolio-sekcija .kruna {font-size:10vw;}
}
@media screen and (min-width: 1720px)
{
	.portfolio-sekcija .kruna {font-size:90px;}
	.portfolio-sekcija .kruna .left {width:calc(50% + 725px);}
	.portfolio-sekcija .kruna .right {width:calc(50% - 725px);left:calc(50% + 725px);}
}
.portfolio-sekcija .sadrzaj {position:relative;z-index:120;width:100%;}
.portfolio-sekcija .in-sadrzaj {position:relative;z-index:120;width:85vw;max-width:1450px;margin:auto;}
.portfolio-sekcija .sadrzaj .head h2 {line-height: 1.2em;}
.portfolio-sekcija.portfolio-white .kruna svg {fill:#ffffff;}
.portfolio-sekcija.portfolio-white .sadrzaj {background:#ffffff;color:#274D64;}
.portfolio-sekcija.portfolio-white .sadrzaj .cert .ic svg {fill:#5AB3C1;}
.portfolio-sekcija.portfolio-white .sadrzaj .cert *::selection,
.portfolio-sekcija.portfolio-white .sadrzaj .body *::selection {background:#5AB3C1;color:#ffffff;}
.portfolio-sekcija.portfolio-white .sadrzaj li::before {background:#5AB3C1;}
.portfolio-sekcija.portfolio-dark {background:#264D63;}
.portfolio-sekcija.portfolio-dark .kruna svg {fill:#264D63;}
.portfolio-sekcija.portfolio-dark .sadrzaj {background:#264D63;color:#ffffff;}
.portfolio-sekcija.portfolio-dark .sadrzaj .cert .ic svg {fill:#5AB3C1;}
.portfolio-sekcija.portfolio-dark .sadrzaj .cert *::selection,
.portfolio-sekcija.portfolio-dark .sadrzaj .body *::selection {background:#5AB3C1;color:#ffffff;}
.portfolio-sekcija.portfolio-dark .sadrzaj li::before {background:#5AB3C1;}
.portfolio-sekcija.portfolio-light .kruna svg {fill:#5AB3C1;}
.portfolio-sekcija.portfolio-light .sadrzaj {background:#5AB3C1;color:#264D63;}
.portfolio-sekcija.portfolio-light .sadrzaj .cert .ic svg {fill:#264D63;}
.portfolio-sekcija.portfolio-light .sadrzaj .cert *::selection,
.portfolio-sekcija.portfolio-light .sadrzaj .body *::selection {background:#264D63;color:#ffffff;}
.portfolio-sekcija.portfolio-light .sadrzaj li::before {background:#264D63;}
.portfolio-sekcija.portfolio-last .kruna svg {fill:#387081;}
.portfolio-sekcija.portfolio-last .sadrzaj {background:#387081;color:#ffffff;}
.portfolio-sekcija.portfolio-last .sadrzaj .cert .ic svg {fill:#5AB3C1;}
.portfolio-sekcija.portfolio-last .sadrzaj .cert *::selection,
.portfolio-sekcija.portfolio-last .sadrzaj .body *::selection {background:#5AB3C1;color:#ffffff;}
.portfolio-sekcija.portfolio-last .sadrzaj li::before {background:#5AB3C1;}
.portfolio-sekcija .lista ul {display: flex;justify-content: flex-start;flex-wrap: wrap;}
.portfolio-sekcija .lista li {display:block;position:relative;z-index:150;}
.portfolio-sekcija .lista li a {display: block;position:absolute;z-index:150;width:100%;height:100%;overflow: hidden;}
.portfolio-sekcija .lista li a span.im {position: absolute;z-index:150;width:100%;height:100%;left:0%;top:0%;}
.portfolio-sekcija .lista li a span.im img {display: block;position: absolute;z-index:150;width:100%;height:100%;left:0%;top:0%;object-fit: cover;}
.portfolio-sekcija .lista li a span.im::before {display: block;content:' ';position:absolute;z-index:152;width:100%;height:100%;left:0%;top:0%;background:rgba(0,0,0,0.35);-moz-transition:background 0.3s;-webkit-transition:background 0.3s;-o-transition:background 0.3s;transition:background 0.3s;}
.portfolio-sekcija .lista li a:hover span.im::before {background:rgba(0,0,0,0);}
.portfolio-sekcija .lista li span.fr {display:block;-ms-transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);position:absolute;z-index: 160;width:100%;left:0%;top:50%;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;background:rgba(0,0,0,0);padding:1em 0em;}
.portfolio-sekcija .lista li a:hover span.fr {-ms-transform:translate(0%, -100%);-webkit-transform:translate(0%, -100%);transform:translate(0%, -100%);left:0%;top:100%;background:rgba(0,0,0,0.35);}
.portfolio-sekcija .lista li span.fr span.p {display:block;font-weight: 600;line-height:1.2em;color:#ffffff;overflow: hidden;max-height:3.6em;text-align: center;margin:auto;width:92%}
.portfolio-sekcija .lista li span.fr span.e {margin:auto;display: block;color:#5AB3C1;padding-right: 1.5em;box-sizing: border-box;font-weight:600;font-style: normal;width:8.25em;line-height:1.5em;padding-top:0.5em;height:0em;overflow: hidden;-moz-transition:height 0.3s;-webkit-transition:height 0.3s;-o-transition:height 0.3s;transition:height 0.3s;}
.portfolio-sekcija .lista li a:hover span.fr span.e {height:2em;}
.portfolio-sekcija .lista li span.fr span.e svg {display: block;float:right;margin-top:0.2em;margin-right:-1.5em;width:1em;fill:none;stroke:#5AB3C1;stroke-width:3;}
@media screen and (max-width: 639px)
{
	.portfolio-sekcija .sadrzaj {padding-top:64px;padding-bottom:64px;}
	.portfolio-sekcija .in-sadrzaj {margin-bottom:32px;}
	.portfolio-sekcija .lista ul {gap:3vw;padding-top:24px;}
	.portfolio-sekcija .lista li {width:41vw;height:53.55625vw;}
}
@media screen and (min-width: 639px)
{
	.portfolio-sekcija .sadrzaj {padding-top:64px;padding-bottom:64px;}
	.portfolio-sekcija .in-sadrzaj {margin-bottom:32px;}
	.portfolio-sekcija .lista ul {gap:1vw;padding-top:4vw;}
	.portfolio-sekcija .lista li {width:27vw;height:35.26875vw;}
}
@media screen and (min-width: 959px)
{
	.portfolio-sekcija .sadrzaj {padding-top:6.5vw;padding-bottom:6.55vw;}
	.portfolio-sekcija .in-sadrzaj {margin-bottom:3.25vw;}
	.portfolio-sekcija .lista ul {gap:1vw;padding-top:4vw;}
	.portfolio-sekcija .lista li {width:20.5vw;height:26.778125vw;}
}
@media screen and (min-width: 1399px)
{
	.portfolio-sekcija .lista ul {gap:1.25vw;padding-top:4vw;}
	.portfolio-sekcija .lista li {width:16vw;height:20.9vw;}
}
@media screen and (min-width: 1705px)
{
	.portfolio-sekcija .lista ul {gap:21px;padding-top:68px;}
	.portfolio-sekcija .lista li {width:272px;height:355px;}
}
@media screen and (min-width: 1919px)
{
	.portfolio-sekcija .sadrzaj {padding-top:125px;padding-bottom:125px;}
	.portfolio-sekcija .in-sadrzaj {margin-bottom:62px;}
}

/* careers-lin */
.careers-lin {position:relative;z-index:120;width:100%;min-width:320px;overflow:visible;margin-bottom:-2px;}
.careers-lin .kruna {position:absolute;z-index:120;width:100%;height:1em;overflow:hidden;font-size:5.2083vw;margin-top:-0.95em;}
.careers-lin .kruna .left {position:absolute;z-index:120;right:0em;height:1em;}
.careers-lin .kruna .right {position:absolute;z-index:120;left:0em;height:1em;margin-left: -1px;}
.careers-lin .kruna svg {display: block;position:absolute;z-index:120;width:100%;height:100%;}
.careers-lin .kruna .left {width:92.5%;left:0%;}
.careers-lin .kruna .right {width:7.5%;left:92.5%;}
@media screen and (max-width: 479px)
{
	.careers-lin .kruna {font-size:10vw;}
}
@media screen and (min-width: 1720px)
{
	.careers-lin .kruna {font-size:90px;}
	.careers-lin .kruna .left {width:calc(50% + 725px);}
	.careers-lin .kruna .right {width:calc(50% - 725px);left:calc(50% + 725px);}
}
.careers-lin .sadrzaj {position:relative;z-index:120;width:100%;}
.careers-lin .in-sadrzaj {position:relative;z-index:120;width:85vw;max-width:1450px;margin:auto;}
.careers-lin .sadrzaj .head p {font-weight: 700;text-transform: uppercase;padding-bottom:0.5em;}
.careers-lin .sadrzaj .head h2 {line-height: 1.2em;}
.careers-lin .sadrzaj .head h2 a {color:inherit;}
.careers-lin .sadrzaj .head h2 a:hover {text-decoration: underline;}
.careers-lin .sadrzaj .cert {display: flex;justify-content: flex-start;gap:0.75em;padding-top:1.5em;}
.careers-lin .sadrzaj .cert .ic {width:3em;}
.careers-lin .sadrzaj .cert .ic svg {display: block;width:100%;}
.careers-lin .sadrzaj .in-sadrzaj li {padding-left:1.25em;line-height:1.65em;}
.careers-lin .sadrzaj .in-sadrzaj li::before {display: block;width:0.45em;height:0.45em;float:left;margin:0.6em 0em 0em -1.25em;content:' ';}
.careers-lin .sadrzaj .body {padding-top:1.5em;}
.careers-lin .sadrzaj .body p {line-height:1.65em;margin-bottom:1.65em;}
.careers-lin .sadrzaj .body ul {padding-top: 1.5em;}
#careers-electrical-engineer.careers-lin .kruna svg {fill:#ffffff;}
#careers-electrical-engineer.careers-lin .sadrzaj {background:#ffffff;color:#274D64;}
#careers-electrical-engineer.careers-lin .sadrzaj .cert .ic svg {fill:#5AB3C1;}
#careers-electrical-engineer.careers-lin .sadrzaj .cert *::selection,
#careers-electrical-engineer.careers-lin .sadrzaj .body *::selection {background:#5AB3C1;color:#ffffff;}
#careers-electrical-engineer.careers-lin .sadrzaj li::before {background:#5AB3C1;}
#careers-mechanical-engineer.careers-lin {background:#264D63;}
#careers-mechanical-engineer.careers-lin .kruna svg {fill:#264D63;}
#careers-mechanical-engineer.careers-lin .sadrzaj {background:#264D63;color:#ffffff;}
#careers-mechanical-engineer.careers-lin .sadrzaj .cert .ic svg {fill:#5AB3C1;}
#careers-mechanical-engineer.careers-lin .sadrzaj .cert *::selection,
#careers-mechanical-engineer.careers-lin .sadrzaj .body *::selection {background:#5AB3C1;color:#ffffff;}
#careers-mechanical-engineer.careers-lin .sadrzaj li::before {background:#5AB3C1;}
#careers-project-manager.careers-lin .kruna svg {fill:#5AB3C1;}
#careers-project-manager.careers-lin .sadrzaj {background:#5AB3C1;color:#264D63;}
#careers-project-manager.careers-lin .sadrzaj .cert .ic svg {fill:#264D63;}
#careers-project-manager.careers-lin .sadrzaj .cert *::selection,
#careers-project-manager.careers-lin .sadrzaj .body *::selection {background:#264D63;color:#ffffff;}
#careers-project-manager.careers-lin .sadrzaj li::before {background:#264D63;}
#careers-plumbing-engineer.careers-lin .kruna svg {fill:#387081;}
#careers-plumbing-engineer.careers-lin .sadrzaj {background:#387081;color:#ffffff;}
#careers-plumbing-engineer.careers-lin .sadrzaj .cert .ic svg {fill:#5AB3C1;}
#careers-plumbing-engineer.careers-lin .sadrzaj .cert *::selection,
#careers-plumbing-engineer.careers-lin .sadrzaj .body *::selection {background:#5AB3C1;color:#ffffff;}
#careers-plumbing-engineer.careers-lin .sadrzaj li::before {background:#5AB3C1;}
@media screen and (max-width: 959px)
{
	.careers-lin .sadrzaj .body {padding-top:2em;}
}
@media screen and (min-width: 959px)
{
	.careers-lin .in-sadrzaj {display:flex;justify-content:space-between;gap:2vw;}
	.careers-lin .sadrzaj .head h2 {width:6.5em;}
}
@media screen and (min-width: 1919px)
{
	.careers-lin .in-sadrzaj .sadrzaj {gap:38px;}
}

@media screen and (max-width: 639px)
{
	.careers-lin .sadrzaj {padding-top:64px;padding-bottom:64px;}
	.careers-lin .in-sadrzaj {margin-bottom:32px;}
}
@media screen and (min-width: 639px)
{
	.careers-lin .sadrzaj {padding-top:64px;padding-bottom:64px;}
	.careers-lin .in-sadrzaj {margin-bottom:32px;}
}
@media screen and (min-width: 959px)
{
	.careers-lin .sadrzaj {padding-top:6.5vw;padding-bottom:6.55vw;}
	.careers-lin .in-sadrzaj {margin-bottom:3.25vw;}
}
@media screen and (min-width: 1919px)
{
	.careers-lin .sadrzaj {padding-top:125px;padding-bottom:125px;}
	.careers-lin .in-sadrzaj {margin-bottom:62px;}
}

/* job-body */
#job-body {position:relative;z-index:120;width:100%;min-width:320px;overflow:visible;background: #5AB3C1;background: linear-gradient(180deg, rgba(89, 179, 193, 1) 20%, rgba(63, 126, 143, 1) 96%);background:#ffffff;color:#274D64;}
#job-body .kruna {position:absolute;z-index:120;width:100%;height:1em;overflow:hidden;font-size:5.2083vw;margin-top:-0.95em;}
#job-body .kruna .left {position:absolute;z-index:120;right:0em;height:1em;}
#job-body .kruna .right {position:absolute;z-index:120;left:0em;height:1em;margin-left: -1px;}
#job-body .kruna svg {display: block;position:absolute;z-index:120;width:100%;height:100%;fill:#ffffff;}
#job-body .kruna .left {width:92.5%;left:0%;}
#job-body .kruna .right {width:7.5%;left:92.5%;}
@media screen and (max-width: 479px)
{
	#job-body .kruna {font-size:10vw;}
}
@media screen and (min-width: 1720px)
{
	#job-body .kruna {font-size:90px;}
	#job-body .kruna .left {width:calc(50% + 725px);}
	#job-body .kruna .right {width:calc(50% - 725px);left:calc(50% + 725px);}
}
#job-body .in-sadrzaj {position:relative;z-index:120;width:85vw;max-width:1450px;margin:auto;}
#job-body h2 {line-height:1.15em;font-weight: 900;font-size: 1.5em;margin-bottom: 0.75em;}
#job-body h3 {line-height:1.15em;font-weight: 500;font-size: 1.25em;margin-bottom: 0.75em;}
#job-body p {line-height:1.65em;margin-bottom:1.65em;}
#job-body p a {font-weight:600;text-decoration: underline;text-decoration-style: wavy;color:inherit;}
#job-body p a:hover {text-decoration: none;}
#job-body ul {line-height:1.65em;margin-bottom:1.65em;}
#job-body li {padding-left:1.65em;}
#job-body li:before {display: block;float:left;color:#5AB3C1;content:'\25CF';margin-left:-1.65em;}
#job-body *::selection {background: #5AB3C1;color:#ffffff;}
#job-body h2::selection {background:none;color:#274D64;text-decoration: underline;}
@media screen and (max-width: 639px)
{
	#job-body {padding-bottom:64px;}
	#job-body .sadrzaj {padding-top:64px;}
}
@media screen and (min-width: 639px)
{
	#job-body {padding-bottom:64px;}
	#job-body .sadrzaj {padding-top:64px;}
}
@media screen and (min-width: 959px)
{
	#job-body {padding-bottom:6.5vw;}
	#job-body .sadrzaj {padding-top:6.5vw;}
}
@media screen and (min-width: 1919px)
{
	#job-body {padding-bottom:125px;}
	#job-body .sadrzaj {padding-top:125px;}
}

/* job-foot */
#job-foot {position:relative;z-index:120;width:100%;min-width:320px;overflow:visible;margin-bottom:-2px;background:#387081;}
#job-foot .kruna {position:absolute;z-index:120;width:100%;height:1em;overflow:hidden;font-size:5.2083vw;margin-top:-0.95em;}
#job-foot .kruna .left {position:absolute;z-index:120;right:0em;height:1em;}
#job-foot .kruna .right {position:absolute;z-index:120;left:0em;height:1em;margin-left: -1px;}
#job-foot .kruna svg {display: block;position:absolute;z-index:120;width:100%;height:100%;fill:#387081;}
#job-foot .kruna .left {width:92.5%;left:0%;}
#job-foot .kruna .right {width:7.5%;left:92.5%;}
@media screen and (max-width: 479px)
{
	#job-foot .kruna {font-size:10vw;}
}
@media screen and (min-width: 1720px)
{
	#job-foot .kruna {font-size:90px;}
	#job-foot .kruna .left {width:calc(50% + 725px);}
	#job-foot .kruna .right {width:calc(50% - 725px);left:calc(50% + 725px);}
}
@media screen and (max-width: 639px)
{
	#job-foot {height:32px;}
}
@media screen and (min-width: 959px)
{
	#job-foot {height:3.25vw;}
}
@media screen and (min-width: 1919px)
{
	#job-foot {height:62px;}
}

/* portfolio-kategorija */
.portfolio-kategorija {position:relative;z-index:120;width:100%;min-width:320px;overflow:visible;margin-bottom:-2px;}
.portfolio-kategorija .kruna {position:absolute;z-index:120;width:100%;height:1em;overflow:hidden;font-size:5.2083vw;margin-top:-0.95em;}
.portfolio-kategorija .kruna .left {position:absolute;z-index:120;right:0em;height:1em;}
.portfolio-kategorija .kruna .right {position:absolute;z-index:120;left:0em;height:1em;margin-left: -1px;}
.portfolio-kategorija .kruna svg {display: block;position:absolute;z-index:120;width:100%;height:100%;}
.portfolio-kategorija .kruna .left {width:92.5%;left:0%;}
.portfolio-kategorija .kruna .right {width:7.5%;left:92.5%;}
.portfolio-kategorija .kruna svg {fill:#ffffff;}
@media screen and (max-width: 479px)
{
	.portfolio-kategorija .kruna {font-size:10vw;}
}
@media screen and (min-width: 1720px)
{
	.portfolio-kategorija .kruna {font-size:90px;}
	.portfolio-kategorija .kruna .left {width:calc(50% + 725px);}
	.portfolio-kategorija .kruna .right {width:calc(50% - 725px);left:calc(50% + 725px);}
}
.portfolio-kategorija .sadrzaj {position:relative;z-index:120;width:100%;}
.portfolio-kategorija .in-sadrzaj {position:relative;z-index:120;width:85vw;max-width:1450px;margin:auto;}
.portfolio-kategorija .sadrzaj .head h2 {line-height: 1.2em;}
.portfolio-kategorija .sadrzaj {background:#ffffff;color:#274D64;}
.portfolio-kategorija .sadrzaj .cert .ic svg {fill:#5AB3C1;}
.portfolio-kategorija .sadrzaj .cert *::selection,
.portfolio-kategorija .sadrzaj .body *::selection {background:#5AB3C1;color:#ffffff;}
.portfolio-kategorija .sadrzaj li::before {background:#5AB3C1;}
.portfolio-kategorija .nav p {display: flex;line-height:1.2em;padding:0.5em 0em;justify-content: flex-start;gap:0.25em;color:#274D64;cursor: pointer;}
.portfolio-kategorija .nav p strong {font-weight: 500;text-transform: uppercase;}
.portfolio-kategorija .nav p span {display: block;width:1.2em;height:1.2em;position:relative;z-index:100;}
.portfolio-kategorija .nav p span svg {display: block;width:1em;top:50%;left:50%;margin:-0.5em;position:absolute;z-index: 100;stroke:#274D64;-webkit-transform: rotate(90deg);transform: rotate(90deg);stroke-width:2;}
.portfolio-kategorija .nav.open p span svg {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.portfolio-kategorija .nav a {display: inline-block;line-height:1.2em;padding:0.5em 0.75em;color:#274D64;border-radius: 0.25em;white-space: nowrap;text-transform: uppercase;}
.portfolio-kategorija .nav li.cur a, .portfolio-kategorija .nav li a:hover {background:#274D64;color:#ffffff;}
.portfolio-kategorija .lista {}
.portfolio-kategorija .lista li a {display: block;position:relative;z-index:100;box-sizing: border-box;}
.portfolio-kategorija .lista li a span.im {display: block;position:absolute;z-index:100;height:100%;top:0%;left:0%;}
.portfolio-kategorija .lista li a span.im img {display: block;position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;object-fit: cover;}
.portfolio-kategorija .lista li a span.im:hover img {opacity:0.75;}
.portfolio-kategorija .lista li a span.im2 {display: block;position:absolute;z-index:100;height:100%;top:0%;overflow: hidden;background:#000000;}
.portfolio-kategorija .lista li a span.im2 img {display: block;position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;object-fit: cover;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;}
.portfolio-kategorija .lista li a span.im2::after {position:absolute;z-index:110;width:100%;height:100%;top:0%;left:0%;content:' ';display: block;background:rgba(0,0,0,0.5);mix-blend-mode: multiply; }
.portfolio-kategorija .lista li a span.im2:hover img {opacity:0.5;}
.portfolio-kategorija .lista li a span.fr {display: block;position:absolute;z-index:100;top:50%;-ms-transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);color:#ffffff;padding:0em 2em;line-height:1.2em;}
.portfolio-kategorija .lista li a span.fr span.p {display: block;font-weight:900;}
.portfolio-kategorija .lista li a span.fr span.p:hover {text-decoration: underline;}
.portfolio-kategorija .lista li a span.fr span.e {display: block;color:#5AB3C1;position:relative;padding-right:1.25em;padding-top:0.75em;max-width:7.5em;}
.portfolio-kategorija .lista li a span.fr svg {display: block;float:right;margin-right:-1.25em;height:1em;stroke:#5AB3C1;stroke-width:2;margin-top:0.2em;}
@media screen and (max-width: 479px)
{
	.portfolio-kategorija .lista li a span.fr span.e {padding-top:0.25em;}
}
@media screen and (max-width: 959px)
{
	.portfolio-kategorija .nav {padding-bottom:1.5em;}
	.portfolio-kategorija .nav p {display: flex;}
	.portfolio-kategorija .nav ul {display: none;}
	.portfolio-kategorija .nav.open ul {display: block;}
	/*
	.portfolio-kategorija .nav ul {display: flex;gap:0.5em;justify-content: center;flex-wrap: wrap;}
	*/
	.portfolio-kategorija .lista li {padding-bottom: 2.44vw;}
	.portfolio-kategorija .lista li a {height:34.697265vw;}
	.portfolio-kategorija .lista li a span.im {width:26.5625vw;}
	.portfolio-kategorija .lista li a span.im2 {left:29vw;width:56vw;}
	.portfolio-kategorija .lista li a span.fr {left:29vw;width:56vw;}
}
@media screen and (min-width: 959px)
{
	.portfolio-kategorija .pag {padding-left: 20vw;}
	.portfolio-kategorija .nav {display: inline;float: left;margin-left:-20vw;width:19.5vw;}
	.portfolio-kategorija .nav p {display: none;}
	.portfolio-kategorija .nav li {padding-bottom: 0.5em;}
	.portfolio-kategorija .nav li:last-child {padding-bottom: 0em;}
	.portfolio-kategorija .lista li {padding-bottom: 1vw;}
	.portfolio-kategorija .lista li:last-child {padding-bottom: 0em;}
	.portfolio-kategorija .lista li a {height:26.125vw;}
	.portfolio-kategorija .lista li a span.im {width:20vw;}
	.portfolio-kategorija .lista li a span.im2 {left:21vw;width:44vw;}
	.portfolio-kategorija .lista li a span.fr {left:21vw;width:44vw;}
}
@media screen and (min-width: 1700px)
{
	.portfolio-kategorija .pag {padding-left: 340px;}
	.portfolio-kategorija .nav {margin-left:-340px;width:330px;}
	.portfolio-kategorija .lista li {padding-bottom: 17px;}
	.portfolio-kategorija .lista li a {height:444px;}
	.portfolio-kategorija .lista li a span.im {width:340px;}
	.portfolio-kategorija .lista li a span.im2 {left:357px;width:748px;}
	.portfolio-kategorija .lista li a span.fr {left:357px;width:748px;}
}
.portfolio-kategorija .lista li:last-child {padding-bottom: 0em;}
@media screen and (max-width: 639px)
{
	.portfolio-kategorija .sadrzaj {padding-top:64px;padding-bottom:64px;}
}
@media screen and (min-width: 639px)
{
	.portfolio-kategorija .sadrzaj {padding-top:64px;padding-bottom:64px;}
}
@media screen and (min-width: 959px)
{
	.portfolio-kategorija .sadrzaj {padding-top:6.5vw;padding-bottom:6.55vw;}
}
@media screen and (min-width: 1919px)
{
	.portfolio-kategorija .sadrzaj {padding-top:125px;padding-bottom:125px;}
}


/* simple */
.simple {position:relative;z-index:120;width:100%;min-width:320px;overflow:visible;margin-bottom:-2px;}
.simple .kruna {position:absolute;z-index:120;width:100%;height:1em;overflow:hidden;font-size:5.2083vw;margin-top:-0.95em;}
.simple .kruna .left {position:absolute;z-index:120;right:0em;height:1em;}
.simple .kruna .right {position:absolute;z-index:120;left:0em;height:1em;margin-left: -1px;}
.simple .kruna svg {display: block;position:absolute;z-index:120;width:100%;height:100%;}
.simple .kruna .left {width:92.5%;left:0%;}
.simple .kruna .right {width:7.5%;left:92.5%;}
.simple .kruna svg {fill:#387081;}
@media screen and (max-width: 479px)
{
	.simple .kruna {font-size:10vw;}
}
@media screen and (min-width: 1720px)
{
	.simple .kruna {font-size:90px;}
	.simple .kruna .left {width:calc(50% + 725px);}
	.simple .kruna .right {width:calc(50% - 725px);left:calc(50% + 725px);}
}
.simple .sadrzaj {position:relative;z-index:120;width:100%;background:#387081;color:#ffffff;}
.simple .in-sadrzaj {position:relative;z-index:120;width:85vw;max-width:1450px;margin:auto;}

.simple .in-sadrzaj h2 {line-height:1.15em;font-weight: 900;font-size: 1.75em;margin-bottom: 0.75em;}
.simple .in-sadrzaj h3 {line-height:1.15em;font-weight: 500;font-size: 1.25em;margin-bottom: 0.75em;}
.simple .in-sadrzaj p {line-height:1.65em;margin-bottom:1.65em;}
.simple .in-sadrzaj p a {font-weight:600;text-decoration: underline;text-decoration-style: wavy;color:inherit;}
.simple .in-sadrzaj p a:hover {text-decoration: none;}
.simple .in-sadrzaj ul {line-height:1.65em;margin-bottom:1.65em;}
.simple .in-sadrzaj li {padding-left:1.25em;}
.simple .in-sadrzaj li::before {content: ' ';display: block;float:left;margin-left:-1.25em;width:0.4em;height:0.4em;border-radius:0.2em;background:#ffffff;margin-top:0.65em;}
.simple .in-sadrzaj *::selection {background:#274D64;color:#ffffff;}
.simple .in-sadrzaj ul.faq li {padding-bottom: 3em;padding-left: 0em;}
.simple .in-sadrzaj ul.faq li::before {display: none;}
.simple .in-sadrzaj ul.faq li:last-child {padding-bottom: 0em;}
.simple .in-sadrzaj ul.faq p {padding-left:1em;border-left:2px solid #ffffff;margin-bottom: 0em;}
@media screen and (max-width: 639px)
{
	.simple .sadrzaj {padding-top:64px;padding-bottom:32px;}
}
@media screen and (min-width: 639px)
{
	.simple .sadrzaj {padding-top:64px;padding-bottom:32px;}
}
@media screen and (min-width: 959px)
{
	.simple .sadrzaj {padding-top:6.5vw;padding-bottom:3.25vw;}
}
@media screen and (min-width: 1919px)
{
	.simple .sadrzaj {padding-top:125px;padding-bottom:62px;}
}

/* blog-foot */
#blog-foot {position:relative;z-index:120;width:100%;min-width:320px;overflow:visible;margin-bottom:-2px;background:#387081;}
#blog-foot .kruna {position:absolute;z-index:120;width:100%;height:1em;overflow:hidden;font-size:5.2083vw;margin-top:-0.95em;}
#blog-foot .kruna .left {position:absolute;z-index:120;right:0em;height:1em;}
#blog-foot .kruna .right {position:absolute;z-index:120;left:0em;height:1em;margin-left: -1px;}
#blog-foot .kruna svg {display: block;position:absolute;z-index:120;width:100%;height:100%;fill:#387081;}
#blog-foot .kruna .left {width:92.5%;left:0%;}
#blog-foot .kruna .right {width:7.5%;left:92.5%;}
@media screen and (max-width: 479px)
{
	#blog-foot .kruna {font-size:10vw;}
}
@media screen and (min-width: 1720px)
{
	#blog-foot .kruna {font-size:90px;}
	#blog-foot .kruna .left {width:calc(50% + 725px);}
	#blog-foot .kruna .right {width:calc(50% - 725px);left:calc(50% + 725px);}
}
@media screen and (max-width: 639px)
{
	#blog-foot {height:32px;}
}
@media screen and (min-width: 959px)
{
	#blog-foot {height:3.25vw;}
}
@media screen and (min-width: 1919px)
{
	#blog-foot {height:62px;}
}

/* blog-tekst */
#blog-tekst .slika img {display: block;width:100%;}
#blog-tekst .slika p {line-height: 1.5em;padding-top:0.5em;color:#5AB3C1;}
@media screen and (max-width: 959px)
{
	#blog-tekst .slika {padding-bottom:2em;}
}
@media screen and (min-width: 959px)
{
	#blog-tekst .slika {display: inline;float:right;width:50%;box-sizing:border-box;padding:0em 0em 1.65em 2em;}
}
#blog-tekst {position:relative;z-index:120;width:100%;min-width:320px;overflow:visible;}
#blog-tekst .sadrzaj {position:relative;z-index:120;width:100%;color:#000000;}
#blog-tekst .in-sadrzaj {position:relative;z-index:120;width:85vw;max-width:1450px;margin:auto;}
#blog-tekst {line-height:1.65em;}
#blog-tekst h2 {line-height:1.1em;font-weight:700;font-size:1.5em;display: inline;}
#blog-tekst strong {font-weight: 700;}
#blog-tekst blockquote {color:#5AB3C1;display: inline;font-weight:700;font-size:1.25em;}
#blog-tekst figure {display: inline-block;padding:1.65em 0em;}
#blog-tekst img {display:block;width:100%;max-height:calc(100vh - 100px);object-fit: contain;}
#blog-tekst iframe {display:block;width:100%;height:calc(100vh - 100px);object-fit: contain;}
#blog-tekst hr {background: #5AB3C1;border:none;outline:none;height:1px;display: inline-block;width:100%;}
@media screen and (max-width: 639px)
{
	#blog-tekst iframe {height:66vw;}
}
@media screen and (min-width: 639px)
{
	#blog-tekst iframe {height:47.5vw;}
}
@media screen and (min-width: 959px)
{
	#blog-tekst iframe {height:47.5vw;}
}
@media screen and (min-width: 1719px)
{
	#blog-tekst iframe {height:690px;}
}
#blog-tekst a {color:#5AB3C1;font-weight:700;}
#blog-tekst a:hover {text-decoration: underline;}
@media screen and (max-width: 639px)
{
	#blog-tekst .sadrzaj {padding-top:64px;}
}
@media screen and (min-width: 639px)
{
	#blog-tekst .sadrzaj {padding-top:64px;}
}
@media screen and (min-width: 959px)
{
	#blog-tekst .sadrzaj {padding-top:6.5vw;}
}
@media screen and (min-width: 1919px)
{
	#blog-tekst .sadrzaj {padding-top:125px;}
}
#blog-tekst *::selection {background: #5AB3C1;color:#ffffff;}

/* portfolio-nav */
#blog-nav {position:relative;z-index:120;width:100%;min-width:320px;overflow:visible;margin-bottom:-2px;}
#blog-nav .sadrzaj {position:relative;z-index:120;width:100%;color:#000000;border-top:1px solid rgba(0,0,0,0.25);}
#blog-nav .in-sadrzaj .prev,
#blog-nav .in-sadrzaj .next {max-width:47%;}
#blog-nav .in-sadrzaj {position:relative;z-index:120;width:85vw;max-width:1450px;margin:auto;display: flex;justify-content: space-between;}
#blog-nav .in-sadrzaj a {display: block;line-height:1.2em;font-weight: 600;color:#000000;box-sizing:border-box;}
#blog-nav .in-sadrzaj a svg {display: block;width:1.2em;height:1.2em;fill:none;stroke:#5AB3C1;stroke-width: 2;-moz-transition:stroke 0.3s;-webkit-transition:stroke 0.3s;-o-transition:stroke 0.3s;transition:stroke 0.3s;}
#blog-nav .in-sadrzaj a:hover svg {stroke:#000000;}
#blog-nav .in-sadrzaj a strong {display: block;font-weight: 700;}
#blog-nav .in-sadrzaj a span {display: block;line-height:1.2em;font-weight: 400;}
#blog-nav .in-sadrzaj .prev a {padding-left:1.75em;text-align: left;}
#blog-nav .in-sadrzaj .prev a svg {float:left;margin-left:-1.75em;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
#blog-nav .in-sadrzaj .next a {padding-right:1.75em;text-align: right;}
#blog-nav .in-sadrzaj .next a svg {float:right;margin-right:-1.75em;}
@media screen and (max-width: 639px)
{
	#blog-nav {padding-top:64px;padding-bottom:32px;}
	#blog-nav .sadrzaj {padding-top:32px;padding-bottom:32px;}
}
@media screen and (min-width: 639px)
{
	#blog-nav {padding-top:64px;padding-bottom:32px;}
	#blog-nav .sadrzaj {padding-top:32px;padding-bottom:32px;}
}
@media screen and (min-width: 959px)
{
	#blog-nav {padding-top:6.5vw;padding-bottom:3.25vw;}
	#blog-nav .sadrzaj {padding-top:3.25vw;padding-bottom:3.25vw;}
}
@media screen and (min-width: 1919px)
{
	#blog-nav {padding-top:125px;padding-bottom:62px;}
	#blog-nav .sadrzaj {padding-top:62px;padding-bottom:62px;}
}

/* blog-lista */
.blog-lista {position:relative;z-index:120;width:100%;min-width:320px;overflow:visible;margin-bottom:-2px;color:#000000;}
.blog-lista .kruna {position:absolute;z-index:120;width:100%;height:1em;overflow:hidden;font-size:5.2083vw;margin-top:-0.95em;}
.blog-lista .kruna .left {position:absolute;z-index:120;right:0em;height:1em;}
.blog-lista .kruna .right {position:absolute;z-index:120;left:0em;height:1em;margin-left: -1px;}
.blog-lista .kruna svg {display: block;position:absolute;z-index:120;width:100%;height:100%;}
.blog-lista .kruna .left {width:92.5%;left:0%;}
.blog-lista .kruna .right {width:7.5%;left:92.5%;}
.blog-lista .kruna svg {fill:#387081;}
@media screen and (max-width: 479px)
{
	.blog-lista .kruna {font-size:10vw;}
}
@media screen and (min-width: 1720px)
{
	.blog-lista .kruna {font-size:90px;}
	.blog-lista .kruna .left {width:calc(50% + 725px);}
	.blog-lista .kruna .right {width:calc(50% - 725px);left:calc(50% + 725px);}
}
.blog-lista .sadrzaj {position:relative;z-index:120;width:100%;background:#387081;color:#000000;}
.blog-lista .in-sadrzaj {position:relative;z-index:120;width:85vw;max-width:1450px;margin:auto;}
@media screen and (max-width: 639px)
{
	.blog-lista .kruna svg {fill:#ffffff;}
	.blog-lista .sadrzaj {background:#ffffff;}
	.blog-lista .in-sadrzaj {width:100%;}
}
.blog-lista ul {width:100%;}
@media screen and (min-width: 639px)
{
	.blog-lista ul {display:grid;justify-content:flex-start;}
}
.blog-lista li {position:relative;z-index:100;overflow:hidden;background:#ffffff;}
.blog-lista li .im {display: block;position:absolute;z-index:100;overflow:hidden;}
.blog-lista li .im a {display: block;position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;}
.blog-lista li .im a svg {width:1em;display: block;position:absolute;z-index:102;stroke-width:3;stroke:#ffffff;filter:drop-shadow(0px 1px 4px rgba(0,0,0,0.25));top:50%;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-moz-transition:margin 0.3s, opacity 0.3s;-webkit-transition:margin 0.3s, opacity 0.3s;-o-transition:margin 0.3s, opacity 0.3s;transition:margin 0.3s, opacity 0.3s;opacity:0;margin-left:-0.5em;}
.blog-lista li .im a:hover svg {opacity: 1;margin-left: 0em;}
.blog-lista li .im img {display: block;position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;object-fit: cover;}
.blog-lista li .tx {display: block;position:absolute;z-index:100;overflow:hidden;}
.blog-lista li .tx .b {position:absolute;z-index:102;overflow:hidden;}
.blog-lista li .tx .inb {position:absolute;left:0%;top:50%;width:100%;height:auto;max-height:100%;overflow:hidden;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
.blog-lista li .tx .inb::after {position:absolute;z-index: 104;height:2.55em;content:' ';display: block;width:100%;bottom:0%;left:0%;background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
.blog-lista li .tx p.naslov {font-weight: 600;padding-bottom:0.5em;}
.blog-lista li .tx p.naslov a:hover {color:#5AB3C1;}
.blog-lista li .tx p.t {line-height: 1.5em;font-size:0.85em;}
.blog-lista li .tx .f {position:absolute;z-index:102;overflow:hidden;}
.blog-lista li .tx .f a {display: inline-block;line-height: 1.2em;font-weight:600;color:#5AB3C1;white-space: nowrap;padding-right:2em;}
.blog-lista li .tx .f a strong {font-weight: 600;display: block;}
.blog-lista li .tx .f a svg {height:1em;stroke:#5AB3C1;fill:none;stroke-width:3;display: block;float:right;margin-right:-1.5em;margin-top:0.1em;-moz-transition:margin 0.3s;-webkit-transition:margin 0.3s;-o-transition:margin 0.3s;transition:margin 0.3s;}
.blog-lista li .tx .f a:hover svg {margin-right:-2em;}
@media screen and (max-width: 639px)
{
	.blog-lista li {width:100%;height:50vw;}
	.blog-lista li .im {width:50%;height:100%;top:0%;}
	.blog-lista li .tx {width:36%;height:100%;top:0%;}

	.blog-lista li:nth-child(2n+1) .im {left:50%;}
	.blog-lista li:nth-child(2n+1) .tx {right:57%;}
	.blog-lista li:nth-child(2n) .im {left:0%;}
	.blog-lista li:nth-child(2n) .tx {right:7%;}
	.blog-lista li .tx .f {display: none;}
}
@media screen and (min-width: 639px) and (max-width: 959px)
{
	.blog-lista ul {gap:3vw;grid-template-columns: auto auto;}
	.blog-lista li {width:41vw;height:55.275vw;}
	.blog-lista li .im {width:100%;height:43%;top:0%;left:0%;}
	.blog-lista li .tx {width:100%;height:57%;bottom:0%;left:0%;}
}
@media screen and (min-width: 959px)
{
	.blog-lista ul {gap:2vw;grid-template-columns: auto auto auto;}
	.blog-lista li {width:27vw;height:36.4vw;}
	.blog-lista li .im {width:100%;height:43%;top:0%;left:0%;}
	.blog-lista li .tx {width:100%;height:57%;bottom:0%;left:0%;}
}
@media screen and (min-width: 1719px)
{
	.blog-lista ul {gap:34px;}
	.blog-lista li {width:464px;height:626px;}
}
.blog-lista li .im a {font-size:1.5vw;}
.blog-lista li .tx .b {top:1.875vw;bottom:calc(2em + 1.875vw);left:1.875vw;right:1.875vw;}
.blog-lista li .tx .f {bottom:1.875vw;left:1.875vw;}
@media screen and (min-width: 1919px)
{
	.blog-lista li .im a {font-size:29px;}
	.blog-lista li .tx .b {top:36px;bottom:72px;left:36px;right:36px;}
	.blog-lista li .tx .f {bottom:36px;left:36px;}
}
@media screen and (max-width: 479px)
{
	.blog-lista li .tx .b {top:3.75vw;bottom:3.75vw;left:1.875vw;right:1.875vw;}
	.blog-lista li .tx .f {display:none;}
	.blog-lista li .tx p.naslov.size-32 {font-size:18px;}
	.blog-lista li .tx p.t {font-size:0.75em;}
}
@media screen and (min-width: 479px) and (max-width: 777px)
{
	.blog-lista li .tx .b {top: 24px;bottom: calc(2em + 24px);}
}
@media screen and (min-width: 777px) and (max-width: 959px)
{
	.blog-lista li .tx p.naslov.size-32 {font-size:27px;}
	.blog-lista li .tx p.t {font-size:0.8em;}
}
@media screen and (min-width: 959px) and (max-width: 1023px)
{
	.blog-lista li .tx p.naslov.size-32 {font-size:18px;}
	.blog-lista li .tx p.t {font-size:0.75em;}
}
.simple .in-sadrzaj h2 {line-height:1.15em;font-weight: 900;font-size: 1.75em;margin-bottom: 0.75em;}
.simple .in-sadrzaj h3 {line-height:1.15em;font-weight: 500;font-size: 1.25em;margin-bottom: 0.75em;}
.simple .in-sadrzaj p {line-height:1.65em;margin-bottom:1.65em;}
.simple .in-sadrzaj p a {font-weight:600;text-decoration: underline;text-decoration-style: wavy;color:inherit;}
.simple .in-sadrzaj p a:hover {text-decoration: none;}
.simple .in-sadrzaj ul {line-height:1.65em;margin-bottom:1.65em;}
.simple .in-sadrzaj li {padding-left:1.25em;}
.simple .in-sadrzaj li::before {content: ' ';display: block;float:left;margin-left:-1.25em;width:0.4em;height:0.4em;border-radius:0.2em;background:#ffffff;margin-top:0.65em;}
.simple .in-sadrzaj *::selection {background:#274D64;color:#ffffff;}
.simple .in-sadrzaj ul.faq li {padding-bottom: 3em;padding-left: 0em;}
.simple .in-sadrzaj ul.faq li::before {display: none;}
.simple .in-sadrzaj ul.faq li:last-child {padding-bottom: 0em;}
.simple .in-sadrzaj ul.faq p {padding-left:1em;border-left:2px solid #ffffff;margin-bottom: 0em;}
@media screen and (max-width: 639px)
{
	.blog-lista .sadrzaj {padding-top:64px;padding-bottom:0px;}
}
@media screen and (min-width: 639px)
{
	.blog-lista .sadrzaj {padding-top:64px;padding-bottom:32px;}
}
@media screen and (min-width: 959px)
{
	.blog-lista .sadrzaj {padding-top:6.5vw;padding-bottom:3.25vw;}
}
@media screen and (min-width: 1919px)
{
	.blog-lista .sadrzaj {padding-top:125px;padding-bottom:62px;}
}

/* team */
#team {position:relative;z-index:500;overflow:visible;width:85vw;max-width:1200px;margin:auto;}
#team li.clan::after {content:' ';display: block;clear:both;width:100%;height:1px;overflow:hidden;}
#team p.ime {font-weight: 700;line-height:1.25em;}
#team p.funkc {text-transform: uppercase;line-height:1.65em;}
#team p.funkc span.bullet {padding:0em 0.35em;}
#team p.cert {line-height:1.65em;}
#team li.clan {color:#264D63;padding:8vh 0px;}
#team li.clan .he {padding-bottom: 1.5em;}
#team li.clan .profile img {display: block;width:100%;}
#team li.clan p.ime {line-height: 1.15em;font-weight: 800;}
#team li.clan .t {line-height:1.65em;border-top:1px solid #264D63;padding:1em;padding-left:0em;border-bottom:1px solid #264D63;}
#team li.clan .t::selection, #team li.clan .t *::selection {background:#ffffff;}
#team li.clan .buttons {padding-top:1em;display: flex;justify-content: flex-start;gap:0.75em;font-size:0.85em;font-weight:500;}
#team li.clan .buttons a {display: block;line-height:1.05em;padding:0.5em 0.75em;border-radius: 0.25em;}
#team li.clan .buttons .resume a {background:#264D63;color:#ffffff;}
#team li.clan .buttons .resume a:hover {color:#5AB3C1;}
#team li.clan .buttons .mail a {background:#ffffff;color:#264D63;}
#team li.clan .buttons .mail a:hover {color:#5AB3C1;}
@media screen and (max-width: 777px)
{
	#team li.clan .profile {margin-bottom:1em;}
}
@media screen and (min-width: 777px)
{
	#team li.clan .for-body {display: flex;justify-content: space-between;}
	#team li.clan .profile {width:300px;}
	#team li.clan .ft {width:calc(100% - 360px);}
}
@media screen and (min-width: 1169px)
{
	#team li.clan .profile {width:30%;}
	#team li.clan .ft {width:65%;}
}

/* izbor */
.izbor {background:#274d64;color:#ffffff;position:relative;z-index:200;width:100%;}
.izbor.light {border-bottom:1px solid #5AB3C1;background:#ffffff;color:#274d64;position:relative;z-index:200;width:100%;}
.izbor .pitanje {margin: auto;width: 85vw;max-width: 1450px;box-sizing: border-box;position: relative;z-index:200;overflow: visible;cursor: pointer;}
.izbor .pitanje p {font-weight: 400;line-height: 1.65em;position:relative;z-index:200;}
.izbor .pitanje p strong {font-weight: 800;}
.izbor .pitanje p span {color:#5AB3C1;}
.izbor.light .pitanje p span {color:#274d64;}
.izbor .pitanje .ic {}
.izbor .pitanje .ic svg {fill:none;stroke:#5AB3C1;display: block;width:100%;-moz-transition:transform 0.3s;-webkit-transition:-webkit-transform 0.3s;-o-transition:transform 0.3s;transition:transform 0.3s;}
.izbor.on .pitanje .ic svg {-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.izbor .lista {display: none;background:#5AB3C1;color:#274d64;position:absolute;index:210;overflow:visible;width:100%;box-shadow:0px 3px 16px rgba(0,0,0,0.2);}
.izbor .lista ul {width: 85vw;max-width: 1450px;margin:auto;padding:1.5em 0em;line-height:1.5em;}
.izbor .lista li {line-height: 1.65em;}
.izbor .lista li a {color:inherit;display: block;position:relative;z-index: 210;}
.izbor .lista li a svg {display: block;position:absolute;z-index:210;left:0%;top:50%;margin-top:-0.5em;fill:none;stroke:#274d64;width:1em;}
.izbor .lista li strong {font-weight: 400;display: block;padding-left: 1.5em;padding-right:0.25em;-moz-transition:padding 0.3s;-webkit-transition:padding 0.3s;-o-transition:padding 0.3s;transition:padding 0.3s;}
.izbor .lista li a:hover strong {padding-left:1.75em;padding-right:0em;}
@media screen and (max-width: 479px)
{
	.izbor .pitanje p.t {margin-bottom: 0.5em;}
	.izbor .pitanje .ic {position:relative;z-index:205;width:2em;height:2em;}
}
@media screen and (min-width: 479px)
{
	.izbor .pitanje p {padding-right:5em;}
	.izbor .pitanje .ic {position:absolute;z-index:205;width:3.3em;height:3.3em;left:100%;top:50%;margin:-1.65em 0em 0em -3.3em;}
}
@media screen and (max-width: 639px)
{
	.izbor .pad {padding:30px 0em;}
	.izbor .lista {margin-top:15px;}
}
@media screen and (min-width: 639px)
{
	.izbor .pad {padding:2.5vw 0em;}
	.izbor .lista {margin-top:1.25vw;}
}
@media screen and (min-width: 1399px)
{
	.izbor .pad {padding:3.25vw 0em;}
	.izbor .lista {margin-top:1.625vw;}
}
@media screen and (min-width: 1519px)
{
	.izbor .pad {padding:4.5vw 0em;}
	.izbor .lista {margin-top:2.25vw;}
}
@media screen and (min-width: 1919px)
{
	.izbor .pad {padding:86px 0em;}
	.izbor .lista {margin-top:43px;}
}

/* foot-izbor */
.foot-izbor {position:relative;z-index:1200;width:100%;border-top:1px solid #5AB3C1;}
.foot-izbor .in {position:relative;z-index:1200;left:0%;width:100%;overflow: visible;color:#ffffff;background:#387081;-moz-transition:color 0.5s, background 0.5s;-webkit-transition:color 0.5s, background 0.5s;-o-transition:color 0.5s, background 0.5s;transition:color 0.5s, background 0.5s;}
.foot-izbor.fix .in {position:fixed;z-index:1200;left:0%;bottom:0%;background:#ffffff;color:#274d64;box-shadow:0px -2px 40px rgba(0,0,0,0.25);}
.foot-izbor .pitanje {margin: auto;width: 85vw;max-width: 1450px;box-sizing: border-box;position: relative;z-index:200;overflow: visible;cursor: pointer;}
.foot-izbor .pitanje p {font-weight: 400;line-height: 1.65em;position:relative;z-index:200;}
.foot-izbor .pitanje p strong {font-weight: 800;}
.foot-izbor .pitanje p span {color:#5AB3C1;-moz-transition:color 0.5s;-webkit-transition:color 0.5s;-o-transition:color 0.5s;transition:color 0.5s;}
.foot-izbor.fix .pitanje p span {color:#274d64;}
.foot-izbor .pitanje .ic {}
.foot-izbor .pitanje .ic svg {fill:none;stroke:#5AB3C1;display: block;width:100%;-moz-transition:transform 0.3s;-webkit-transition:-webkit-transform 0.3s;-o-transition:transform 0.3s;transition:transform 0.3s;}
.foot-izbor.on .pitanje .ic svg {-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.foot-izbor .lista {display: none;color:#ffffff;position:relative;index:210;overflow:visible;width:100%;padding-top:0.5em;}
.foot-izbor.fix .lista {color:#274d64;}
.foot-izbor .lista ul {width: 85vw;max-width: 1450px;margin:auto;line-height:1.5em;display: flex;justify-content: flex-start;flex-wrap:wrap;gap:0.25em;}
.foot-izbor .lista li {line-height: 1.65em;white-space: nowrap;padding-right:0.5em;}
.foot-izbor .lista li a {color:inherit;display: block;position:relative;z-index: 210;}
.foot-izbor .lista li strong {font-weight: 600;display: block;-moz-transition:padding 0.3s;-webkit-transition:padding 0.3s;-o-transition:padding 0.3s;transition:padding 0.3s;}
.foot-izbor .lista li a:hover {color:#5AB3C1;}
@media screen and (max-width: 479px)
{
	.foot-izbor {display: none;}
}
@media screen and (min-width: 479px)
{
	.foot-izbor {min-height:calc(3.3em + 30px);}
	.foot-izbor .pad {padding:15px 0em;}
	.foot-izbor .pitanje p {padding-right:5em;}
	.foot-izbor .pitanje .ic {position:absolute;z-index:205;width:3.3em;height:3.3em;left:100%;top:50%;margin:-1.65em 0em 0em -3.3em;}
}
@media screen and (min-width: 639px)
{
	.foot-izbor {min-height:calc(3.3em + 3vw);}
	.foot-izbor .pad {padding:1.5vw 0em;}
}
@media screen and (min-width: 1399px)
{
	.foot-izbor {min-height:calc(3.3em + 4.5vw);}
	.foot-izbor .pad {padding:2.25vw 0em;}
}
@media screen and (min-width: 1919px)
{
	.foot-izbor {min-height:145px;}
	.foot-izbor .pad {padding:43px 0em;}
}


/*

	tamno plavi  #264D63	38, 77, 99
	svetlo plavi #5AB3C1 	90, 179, 193





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