@charset "utf-8";
/* CSS Document */
body {font-family:'Source Sans 3', Arial, Helvetica, sans-serif;color:#222222;margin:0;padding:0;font-size:clamp(16px,calc(0.8vw + 8.32px),20px);font-weight:400;min-width:320px;}
input:-internal-autofill-selected {background:none;}
* {margin:0;padding:0;box-sizing:border-box;}
img {border:0;outline:none;}
a {text-decoration:none;outline:none;color:inherit;-o-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;}
button, .submit {display:block;outline:none;border:none;cursor:pointer;font-family:'Source Sans 3', 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:'Source Sans 3', Arial, Helvetica, sans-serif;}
*.gfont {font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;}
li {display:block;padding:0px;margin:0px;list-style:none;}
*::selection {background:#d40000;color:#ffffff;}
h1::selection, h1 *::selection, h2::selection, h2 *::selection, h3::selection, h3 *::selection, p.naslov::selection, p.naslov *::selection, p.naziv::selection, p.naziv *::selection, p.title::selection, p.title *::selection {background:none;text-decoration: underline;text-decoration-style: dotted;color:#222222;}
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 {transition:opacity 1s;-moz-transition:opacity 1s;-webkit-transition:opacity 1s;-o-transition:opacity 1s;opacity:0;}
*.lazy.lazy-on {opacity:1;}
	*.zoom-5 {-o-transition:transform 0.5s;-moz-transition:transform 0.5s;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
	*.zoom-5:hover {-ms-transform: matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
	*.zoom-5-shadow {transition:transform 0.5s, box-shadow 0.5s;-moz-transition:transform 0.5s, box-shadow 0.5s;-webkit-transition:-webkit-transform 0.5s, box-shadow 0.5s;-o-transition:transform 0.5s, box-shadow 0.5s;}
	*.zoom-5-shadow:hover {-ms-transform: matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);transform: matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-box-shadow:0px 1px 12px rgba(0,0,0,0.1);box-shadow:0px 1px 12px rgba(0,0,0,0.1);}
*.butonon {font-size:1em;box-sizing:border-box;line-height:1.2em;padding:1.4em 1.25em;color:#ffffff;background:#E24C0B;-moz-border-radius:1em;border-radius:1em;cursor:pointer;letter-spacing:-0.02em;height:4em;}
	*.butonon:hover {background:#930C0C;}
*.ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
a, button, a *, button * {-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
article {display: block;width:100%;position:static;font-weight: 400;}
*.dot-bg {background:url(../../img/base/hero-dot.png) repeat center;background-repeat: round;}

/* animi */
.animi-diz.animi-off {-ms-transform: matrix(1, 0, 0, 1, 0, 60);-webkit-transform: matrix(1, 0, 0, 1, 0, 60);transform: matrix(1, 0, 0, 1, 0, 60);filter:alpha(opacity=0);opacity:0;}
.animi-diz {transition:transform 1.5s, opacity 1.5s;-moz-transition:transform 1.5s, opacity 1.5s;-webkit-transition:-webkit-transform 1.5s, opacity 1.5s;-o-transition:transform 1.5s, opacity 1.5s;}
.animi-fade.animi-off {filter:alpha(opacity=0);opacity:0;}
.animi-fade {transition:opacity 1.5s;-moz-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;-o-transition:opacity 1.5s;}

/* red-button */
/*
*.red-button {position:relative;display: block;padding:0.3em 0.6em;line-height:1.2em;border:0.125em solid #d40000;color:#d40000;border-radius:0.35em;font-size:1em;outline:none;background:none;overflow:hidden;}
*.red-button:hover {color:#ffffff;}
*.red-button strong {position:relative;z-index:110;width:100%;font-weight: 500;}
*.red-button::before {display: block;position: absolute;z-index:100;content:' ';background:#d40000;width:0%;top:0%;height:100%;right:0%;-moz-transition:width 0.3s;-webkit-transition:width 0.3s;-o-transition:width 0.3s;transition:width 0.3s;}
*.red-button:hover::before {left:0%;right:auto;width:100%;}
*.red-button.f-white {border-color:#ffffff;color:#ffffff;}
*.red-button.f-white:hover {border-color:#d40000;}
*.red-button.solid {background:#d40000;color:#ffffff;}
*.red-button.solid:hover {border-color:#7A0A0A;background:#7A0A0A;color:#ffffff;}
*.red-button.solid::before {background:#7A0A0A;}
*.red-button.uppercase {text-transform: uppercase;padding:0.475em 0.75em;}
*/

*.red-button {position:relative;display: block;padding:0.3em 0.6em;line-height:1.2em;border:0.125em solid #d40000;color:#222222;border-radius:0.35em;font-size:1em;outline:none;background:none;overflow:hidden;}
*.red-button:hover {color:#ffffff;}
*.red-button strong {position:relative;z-index:110;width:100%;font-weight: 600;text-transform: uppercase;}
*.red-button::before {display: block;position: absolute;z-index:100;content:' ';background:#d40000;top:0%;height:100%;left:0%;width:100%;opacity:0;-moz-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;}
*.red-button:hover::before {opacity:1;}
*.red-button.f-white {border-color:#ffffff;color:#ffffff;}
*.red-button.f-white:hover {border-color:#d40000;}
*.red-button.solid {background:#d40000;color:#ffffff;}
*.red-button.solid:hover {border-color:#7A0A0A;background:#7A0A0A;color:#ffffff;}
*.red-button.solid::before {background:#7A0A0A;}
*.red-button.uppercase {text-transform: uppercase;padding:0.475em 0.75em;}

*.red-button.w-d-arr {padding-right:1.8em;}
*.red-button.w-d-arr strong {font-weight:600;}
*.red-button.w-d-arr svg {display: block;position:absolute;z-index:100;height:0.8em;top:50%;margin-top:-0.4em;left:100%;margin-left:0.4em;fill:#222222;-moz-transition:fill 0.3s;-webkit-transition:fill 0.3s;-o-transition:fill 0.3s;transition:fill 0.3s;}
*.red-button.w-d-arr:hover svg {fill:#ffffff;}


/* breadcrumbs */
ul.breadcrumbs {line-height: 1em;padding-top:0.5em;display: flex;justify-content: flex-start;flex-wrap: wrap;font-size:0.8em;}
ul.breadcrumbs li {text-transform: uppercase;white-space: nowrap;padding-right:0.5em;}
ul.breadcrumbs li a:hover {color:#D40000;}
ul.breadcrumbs li::before {padding-right:0.5em;content:'\002F';}
ul.breadcrumbs li:last-child {padding-right: 0em;}
ul.breadcrumbs li:first-child::before {display: none;}

/* header 1000 */
header {display: block;position: relative;z-index:1000;width:100%;background:#ffffff;height:4em;box-shadow:0px 1px 12px rgba(0,0,0,0.25);}
.header-dum {height:4em;position:relative;z-index:1;}
@media screen and (max-width: 959px)
{
	header {position:absolute;}
}
@media screen and (min-width: 959px)
{
	header {position:fixed;}
}
header .in {width:85vw;max-width:1260px;margin:auto;position:relative;z-index:1000;overflow: visible;top:50%;}
header .logo {position:absolute;z-index:1010;left:0%;top:-1.2em;width:9.85em;height:2.4em;}
header .logo a {display: block;height:2.4em;width:9.85em;}
header .logo a svg {display: block;height:2.4em;width:9.85em;}
header nav {padding-left:9.85em;padding-right:5.625em;}
header nav {position:absolute;z-index:1000;display: block;width:100%;box-sizing:border-box;-ms-transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
header nav ul {display: flex;width:100%;justify-content: center;gap:0.25em;flex-wrap: wrap;line-height:1.15em;overflow:visible;font-size:0.85em;text-transform: uppercase;}
header nav a {display: block;position:relative;z-index:1010;overflow:visible;}
header nav a strong {font-weight: 400;white-space: nowrap;padding:0em 0.5em;position:relative;z-index:1010;}
header nav a:hover strong {text-decoration: underline;text-decoration-style: dotted;}
header nav li.cur a strong, header nav li.cur a:hover strong {color:#B90000;text-decoration: none;}


header nav li.novo a strong {padding-right:1.25em;}
header nav a span {display:block;position:absolute;z-index:1015;background:#B90000;color:#ffffff;text-transform: uppercase;padding:0.2em 0.3em;font-size:0.6em;top:-1.15em;line-height:1em;left:100%;-ms-transform:translate(-100%, 0%) rotate(15deg);-webkit-transform:translate(-100%, 0%) rotate(15deg);transform:translate(-100%, 0%) rotate(10deg);}
header nav ul .pad {display:none;position:absolute;z-index:1050;padding-top:1em;margin-left:-0.5em;}
header nav ul li:hover .pad {display: block;}
header nav ul ul {display: block;width:auto;font-size:1em;background:#f7f7f7;padding:1em;border-radius: 0.25em;box-shadow:0px 1px 3px rgba(0,0,0,0.25);}
header nav ul ul li {padding:0.5em 0em;border-top:1px dashed #c2c2c2;}
header nav ul ul li:first-child {border: none;padding-top:0em;}
header nav ul ul li:last-child {padding-bottom:0em;}
header nav ul li.cur ul a {color:#222222;}
header nav ul ul a:hover,
header nav ul li.cur ul a:hover,
header nav ul ul li.cur a {color:#B90000;}
@media screen and (max-width: 959px)
{
	header nav {display: none;}
}
header .kontakt {position:absolute;z-index:1010;overflow: visible;left:100%;top:-1.2em;}
header .kontakt button.red-button {position:absolute;z-index:1010;top:0em;right:0em;}
@media screen and (max-width: 399px)
{
	header .kontakt {font-size: 0.8em;}
}
@media screen and (max-width: 959px)
{
	header .kontakt button.red-button {right: 3em;}
}
header .navbut {position:absolute;z-index:1020;overflow: visible;left:100%;top:-1em;}
header .navbut button {width:2em;height:2em;position:absolute;z-index:1010;top:0em;right:0em;font-size:1em;}
header .navbut button svg {display: block;width:100%;stroke:#000000}
header .navbut button:hover svg {stroke:#b90000;}
@media screen and (min-width: 959px)
{
	header .navbut {display: none;}
}

/* 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:#212121;}
#navigacija .close .a {border:4px solid #d40000;}
#navigacija .close .a:hover {border-color:#d40000;}
#navigacija .close .a:before,
#navigacija .close .a:after {background:#d40000;}
#navigacija .in-content .main .nav li {line-height:1.15em;}
#navigacija .in-content .main .nav li a {font-weight:700;color:#ffffff;}
#navigacija .in-content .main .nav li a strong {font-weight: 700;}
#navigacija .in-content .main .nav li a:hover {color:#d40000;}
#navigacija .in-content .main .nav li.normal {font-size:0.65em;line-height:1.5em;}
#navigacija .in-content .main .nav li.razmak {padding-top:0.75em;}
/* px */
#navigacija .close .a {top:24px;right:36px;font-size:48px;}
#navigacija .in-content .main .nav {padding:60px 0px 24px 0px;font-size:clamp(32px,8vw,48px);}
#navigacija .in-content .info .in-info {padding:0px 0px 60px 0px;font-size:clamp(17px,4.25vw,20px);}
#navigacija ul.social {padding-top:24px;}
#navigacija .content.default .info .in-info a:hover {color:#d40000;}

/* footer */
footer {display: block;position:relative;z-index:10;width:100%;background:#212121;color:#ffffff;line-height:1.5em;padding:3em 0em;font-weight:300;}
footer .in {margin:auto;width:85vw;max-width:1260px;}
footer p.title {font-weight: 700;font-size:1.3em;line-height:1.2em;padding-bottom:1em;}
footer p.title::selection {text-decoration: underline;text-decoration-style: dotted;color:#ffffff;}
footer a {color:inherit;}
footer a:hover {color:#000000;}
footer .firma p.tx {line-height:1.75em;font-weight:300;font-size:0.9em;}
footer .linkovi li {padding-bottom: 0.5em;}
footer .linkovi li:last-child {padding-bottom: 0em;}
footer .kontakt li {padding-bottom: 0.75em;}
footer .kontakt li:last-child {padding-bottom: 0em;}
footer .kontakt small {display: block;font-size:0.75em;line-height:1.2em;}
@media screen and (max-width: 959px)
{
	footer .in {max-width:30em;}
	footer .firma {text-align: left;padding-bottom: 1.5em;}
	footer .firma p.title {font-size:1.5em;padding-bottom:0.5em;}
	footer .firma p.tx {max-width:36em;}
	footer .linkovi {padding-bottom: 1em;}
	footer .linkovi p.title {}
	footer .linkovi ul {text-align:left;}
	footer .linkovi li {font-weight:500;}
	footer .kontakt {width:100%;max-width:36em;}
	footer .in-kontakt {display: flex;justify-content: space-between;}
	footer .kontakt p.title {display: none;}
	footer .kontakt .telefon {text-align:right;}
}
@media screen and (min-width: 959px)
{
	footer .in {display: flex;justify-content: space-between;}
	footer .firma {max-width:15em;}
	footer .kontakt {width:20em;}
	footer .in-kontakt {display: flex;justify-content: space-between;}
	footer .linkovi li {font-weight:500;}
}

/* kontakt-forma */
#pop.f-kontakt .h-pop .h-con {max-width:32em;}

.kontakt-forma {position:relative;z-index:500;width:100%;background: #f7f7f7;}
.kontakt-forma .kontakt-head p.naslov {font-weight: 700;font-size:2em;line-height:1.15em;}
.kontakt-forma .kontakt-head p.podnaslov {line-height:1.5em;padding-bottom:0.5em;}
.kontakt-forma .kontakt-head a {color:#D40000;}
.kontakt-forma .kontakt-head a:hover {color:#7A0A0A;}
.kontakt-forma .kontakt-head ul {display: flex;font-size:0.85em;gap:0.5em;justify-content: flex-start;padding-top:0.5em;line-height:1.5em;border-top:1px dashed #a2a2a2;}
.kontakt-forma .ime-prezime,
.kontakt-forma .adresa,
.kontakt-forma .tekst {padding-bottom:0.5em;}
.kontakt-forma .ime-prezime input,
.kontakt-forma .adresa input {padding:0.5em;line-height:1.5em;background:#ffffff;border:1px solid #a2a2a2;border-radius:0.5em;outline:none;font-size:1em;}
.kontakt-forma textarea {width:100%;padding:0.5em;line-height:1.5em;height:7.5em;background:#ffffff;border:1px solid #a2a2a2;border-radius:0.5em;resize:none;font-size:1em;outline:none;}
.kontakt-forma input:focus, .kontakt-forma textarea:focus {border-color:#D40000;}
.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 .loader {display:none;height:2.4em;width:5em;background:url(../../img/base/loader-32.gif) center no-repeat;}
.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;border-radius:0.25em;background:#222222;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 {border-radius:0.5em;}
.kontakt-forma .kontakt-head {padding: 2em;padding-bottom:1em;}
.kontakt-forma .kontakt-body {padding: 2em;padding-top:0em;}

/* hero */
section#hero {display: block;width:100%;background:url(../../img/base/hero-dot.png) repeat center;background-repeat: round;}
@media screen and (max-width: 777px)
{
	section#hero {padding:32px 0px;}
}
@media screen and (min-width: 777px) and (max-width: 1479px)
{
	section#hero {padding:4vw 0px;}
}
@media screen and (min-width: 1479px)
{
	section#hero {padding:60px 0px;}
}
section#hero .in {display: block;position:relative;z-index:100;width:85vw;margin:auto;max-width:1260px;overflow:visible;}
section#hero .in .image {z-index:100;overflow: hidden;border-radius:0.75em;}
section#hero .in .image img {display: block;position: absolute;z-index:100;width:100%;height:100%;object-fit: cover;}
section#hero .in .txt {z-index:110;}
section#hero .in .txt strong {font-weight: 500;}
section#hero .in .txt h1 {font-weight: 700;}
@media screen and (max-width: 959px)
{
	section#hero .in .image {position:relative;width:100%;height:56.6vw;max-height:360px;}
	section#hero .in .image::after {display: block;content:' ';left:0%;top:100%;z-index:102;width:100%;height:8em;margin-top:-8em;background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);position:absolute;}
	section#hero .in .txt {position:relative;width:100%;margin-top:-6em;}
	section#hero .in .txt h1 {font-size:2.25em;line-height:1.15em;color:#ffffff;padding-left:5%;}
	section#hero .in .txt ul.breadcrumbs {color:#ffffff;padding-left:5%;padding-bottom:4em;}
	section#hero .in .txt p {padding-bottom:1em;line-height:1.5em;}
}
@media screen and (max-width: 479px)
{
	section#hero .in .txt {margin-top:-5em;}
	section#hero .in .txt h1 {font-size:1.75em;}
	section#hero .in .txt ul.breadcrumbs {padding-bottom:3.5em;}
}
@media screen and (min-width: 959px)
{
	section#hero .in {height:28.3vw;}
	section#hero .in .image {width:42.5vw;height:28.3vw;position:absolute;top:0px;left:42.5vw;}
	section#hero .in .txt {width:40vw;top:50%;position:absolute;z-index:110;left:0%;-ms-transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
	section#hero .in .txt {font-size:clamp(14px,calc(1.15vw + 3.96px),20px);}
	section#hero .in .txt h1 {font-size:2.5em;line-height:1.15em;}
	section#hero .in .txt ul.breadcrumbs {padding-bottom:1em;}
	section#hero .in .txt p {padding-bottom:1em;line-height:1.4em;}
}
@media screen and (min-width: 1479px)
{
	section#hero .in {height:420px;}
	section#hero .in .image {width:630px;height:420px;left:630px;}
	section#hero .in .txt {width:592px;}
}

/* hero */
section.dot-text {display: block;width:100%;background:url(../../img/base/hero-dot.png) repeat center;background-repeat: round;}
@media screen and (max-width: 777px)
{
	section.dot-text {padding:32px 0px;}
}
@media screen and (min-width: 777px) and (max-width: 1479px)
{
	section.dot-text {padding:4vw 0px;}
}
@media screen and (min-width: 1479px)
{
	section.dot-text {padding:60px 0px;}
}
section.dot-text .in {display: block;position:relative;z-index:100;width:85vw;margin:auto;max-width:1260px;overflow:visible;}
section.dot-text .in h1 {font-weight: 700;}
@media screen and (max-width: 959px)
{
	section.dot-text .in h1 {font-size:2.25em;line-height:1.15em;}
}
@media screen and (max-width: 479px)
{
	section.dot-text .in h1 {font-size:1.75em;}
}
@media screen and (min-width: 959px)
{
	section.dot-text .in h1 {font-size:3em;line-height:1.15em;}
}

/* vrste */
section.vrste {display: block;width:100%;}
@media screen and (max-width: 777px)
{
	section.vrste {padding-top:32px;}
}
@media screen and (min-width: 777px) and (max-width: 1479px)
{
	section.vrste {padding-top:4vw;}
}
@media screen and (min-width: 1479px)
{
	section.vrste {padding-top:60px;}
}
section.vrste .in {display: block;position:relative;z-index:100;width:85vw;margin:auto;max-width:1260px;overflow:visible;}
section.vrste .head h2 {font-weight: 700;font-size:2em;line-height:1.15em;}
@media screen and (max-width: 639px)
{
	section.vrste .list li {padding-bottom:1.5em;}
	section.vrste .list li:last-child {padding-bottom:0em;}
}
@media screen and (min-width: 639px)
{
	section.vrste .list ul {display: flex;justify-content: space-between;width:100%;}
}
section.vrste .list .im {position:relative;margin:auto;overflow: visible;}
section.vrste .list .im a {display: block;width:100%;height:100%;border-radius:0.5em;}
section.vrste .list .im img {display: block;width:100%;height:100%;border-radius:0.5em;object-fit: cover;}
section.vrste .list h3 {padding:1em 0em 0.25em 0em;text-align: center;font-weight: 700;font-size:1.25em;}
section.vrste .list h3 a:hover {color:#d40000;}
section.vrste .list p {text-align: center;line-height:1.15em;padding-bottom:0.5em;font-size:0.85em;}
section.vrste .list button {margin:auto;}

section.vrste .pdf ul {display: flex;justify-content: center;gap:1em;flex-wrap: wrap;}
section.vrste .pdf a {position:relative;display: block;padding:0.4em 1em 0.4em 2.5em;line-height:1.2em;border:0.125em solid #a2a2a2;color:#222222;border-radius:0.35em;font-size:1em;outline:none;background:none;overflow:hidden;box-sizing: border-box;max-width:100%;}
section.vrste .pdf a svg {display: block;float:left;width:2em;height:2em;fill:none;margin:-0.4em 0em -0.4em -2.25em;}
section.vrste .pdf a svg *.f-str {stroke:#222222;-moz-transition:stroke 0.3s;-webkit-transition:stroke 0.3s;-o-transition:stroke 0.3s;transition:stroke 0.3s;}
section.vrste .pdf a svg *.f-fil {fill:#222222;-moz-transition:fill 0.3s;-webkit-transition:fill 0.3s;-o-transition:fill 0.3s;transition:fill 0.3s;}
section.vrste .pdf a strong {position:relative;z-index:110;width:100%;font-weight: 600;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
section.vrste .pdf a:hover {color:#ffffff;background:#d40000;border-color:#d40000;}
section.vrste .pdf a:hover svg *.f-str {stroke:#ffffff;}
section.vrste .pdf a:hover svg *.f-fil {fill:#ffffff;}


@media screen and (max-width: 639px)
{
	section.vrste .head {padding-bottom:32px;text-align: center;}
	section.vrste .list .im {width:75vw;height:30vw;}
	section.vrste .pdf {padding-top:32px;text-align: center;}
}
@media screen and (min-width: 637px) and (max-width: 1479px)
{
	section.vrste .head {padding-bottom:4vw;}
	section.vrste .list li {width:25vw;}
	section.vrste .list .im {width:25vw;height:15vw;}
	section.vrste .pdf {padding-top:4vw;}
}
@media screen and (min-width: 1479px)
{
	section.vrste .head {padding-bottom:60px;}
	section.vrste .list li {width:370px;}
	section.vrste .list .im {width:370px;height:222px;}
	section.vrste .pdf {padding-top:60px;}
}

/* zasto */
section.zasto {display: block;width:100%;}
@media screen and (max-width: 777px)
{
	section.zasto {padding-top:64px;padding-bottom:32px;}
}
@media screen and (min-width: 777px) and (max-width: 1479px)
{
	section.zasto {padding-top:8vw;padding-bottom:4vw;}
}
@media screen and (min-width: 1479px)
{
	section.zasto {padding-top:120px;padding-bottom:60px;}
}
section.zasto .in {display: block;position:relative;z-index:100;width:85vw;margin:auto;max-width:1260px;overflow:visible;}
section.zasto .head h2 {font-weight: 700;font-size:2em;line-height:1.15em;}
section.zasto .body ul {width:100%;justify-content: space-between;flex-wrap: wrap;}
section.zasto .body li {text-align: center;}
@media screen and (min-width: 479px)
{
	section.zasto .body ul {display: flex;}
}
@media screen and (max-width: 479px)
{
	section.zasto .head h2  {text-align: center;}
	section.zasto .body ul {gap:4vw;}
	section.zasto .body li {margin-bottom: 1.5em;}
	section.zasto .body li:last-child {margin-bottom: 0em;}
}
@media screen and (min-width: 479px) and (max-width: 777px)
{
	section.zasto .head h2  {text-align: center;}
	section.zasto .body ul {gap:4vw;}
	section.zasto .body li {width:37vw;}
}
@media screen and (min-width: 777px) and (max-width: 1479px)
{
	section.zasto .body ul {gap:2vw;}
	section.zasto .body li {width:26vw;}
}
@media screen and (min-width: 1479px)
{
	section.zasto .body ul {gap:28px;}
	section.zasto .body li {width:385px;}
}
section.zasto .body .ic {position:relative;width:3em;height:3em;overflow:visible;margin:auto;}
section.zasto .body .ic svg {display: block;position:absolute;left:50%;top:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
section.zasto .body .ic svg {fill:none;}
section.zasto .body .ic svg * {fill:#202020;}
section.zasto .body .ic svg *.stroke {fill:none;stroke:#202020;}
section.zasto .body .ic svg *.strfill {fill:#202020;}
section.zasto .body li.dugotrajnost .ic svg {width:3em;}
section.zasto .body li.odrzavanje .ic svg {width:3em;}
section.zasto .body li.negoriv .ic svg {width:3.1em;}
section.zasto .body li.moderan-dizajn .ic svg {width:3em;}
section.zasto .body li.garancija .ic svg {width:3.2em;}
section.zasto .body li.reciklaza .ic svg {width:3.05em;}
section.zasto .body h3 {font-size:1em;font-weight: 700;padding:1em 0em 0.75em 0em;line-height:1.15em;}
section.zasto .body p {line-height:1.5em;}
@media screen and (max-width: 777px)
{
	section.zasto .head {padding-bottom:32px;}
}
@media screen and (min-width: 777px) and (max-width: 1479px)
{
	section.zasto .head {padding-bottom:4vw;}
}
@media screen and (min-width: 1479px)
{
	section.zasto .head {padding-bottom:60px;}
}

/* pola */
section.pola {display: block;width:100%;}
@media screen and (max-width: 777px)
{
	section.pola {padding:32px 0px;}
}
@media screen and (min-width: 777px) and (max-width: 1479px)
{
	section.pola {padding:4vw 0px;}
}
@media screen and (min-width: 1479px)
{
	section.pola {padding:60px 0px;}
}
section.pola .in {position:relative;z-index:100;width:85vw;margin:auto;max-width:1260px;overflow:visible;}
section.pola .im {z-index:100;border-radius: 0.75em;overflow: hidden;}
section.pola .im img {position:absolute;z-index:100;width:100%;height:100%;object-fit: cover;top:0%;left:0%;}
section.pola .tx {z-index:110;}
section.pola h2 {font-weight: 700;font-size:1.5em;line-height:1.15em;padding-bottom: 0.5em;}
section.pola p {line-height:1.5em;padding-bottom:0.75em;}
section.pola p:last-child {padding-bottom: 0em;}
#kompakt-ploce-kuhinja {padding-bottom:0.75em;}
@media screen and (max-width: 959px)
{
	section.pola .im {position:relative;width:100%;height:56.6vw;max-height:360px;}
	section.pola .tx {position:relative;padding-top:1.5em;}
	section#hero .in .txt h1 {font-size:2.25em;line-height:1.15em;color:#ffffff;padding-left:5%;}
	section#hero .in .txt ul.breadcrumbs {color:#ffffff;padding-left:5%;padding-bottom:4em;}
	section#hero .in .txt p {padding-bottom:1em;line-height:1.5em;}
}
@media screen and (min-width: 959px)
{
	section.pola .in {display: flex;}
	section.pola.levo .im {left:0%;}
	section.pola.im-ab .im {position:absolute;height:100%;}
	section.pola.tx-ab .im {position:relative;}
	section.pola.desno .tx {left:0%;}
	section.pola.im-ab .tx {position:relative;}
	section.pola.tx-ab .tx {position:absolute;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
}
@media screen and (min-width: 959px) and (max-width: 1479px)
{
	section.pola .im {width:42.5vw;}
	section.pola.tx-ab .im {height:28.35vw;}
	section.pola.desno .im {left:42.5vw;}
	section.pola .tx {width:40vw;}
	section.pola.levo .tx {left:45vw;}
}
@media screen and (min-width: 1479px)
{
	section.pola .im {width:630px;}
	section.pola.tx-ab .im {height:420px;}
	section.pola.desno .im {left:630px;}
	section.pola .tx {width:592px;}
	section.pola.levo .tx {left:666px;}
}

/* galerija-kontakt */
section.galerija-kontakt {display: block;margin:auto;width:85vw;max-width:1260px;}
@media screen and (max-width: 777px)
{
	section.galerija-kontakt {padding-top:64px;}
}
@media screen and (min-width: 777px) and (max-width: 1479px)
{
	section.galerija-kontakt {padding-top:8vw;}
}
@media screen and (min-width: 1479px)
{
	section.galerija-kontakt {padding-top:120px;}
}
section.galerija-kontakt .head h2 {font-weight: 700;font-size:2em;line-height:1.15em;}
@media screen and (max-width: 479px)
{
	section.galerija-kontakt .head {padding-bottom:32px;text-align: center;}
}
@media screen and (max-width: 777px)
{
	section.galerija-kontakt .head {padding-bottom:32px;text-align: center;}
}
@media screen and (min-width: 777px) and (max-width: 1479px)
{
	section.galerija-kontakt .head {padding-bottom:4vw;}
}
@media screen and (min-width: 1479px)
{
	section.galerija-kontakt .head {padding-bottom:60px;}
}
section.galerija-kontakt .galerija ul {display: block;width:3.1em;position:relative;z-index:200;}
section.galerija-kontakt .galerija li {display: block;position:absolute;z-index:200;overflow: visible;width:1em;}
section.galerija-kontakt .galerija li a {display: block;width:100%;height:100%;border-radius:0.05em;position:absolute;z-index:200;overflow:hidden;}
section.galerija-kontakt .galerija li img {display: block;width:100%;height:100%;position:absolute;z-index:200;}
@media screen and (max-width: 777px)
{
	section.galerija-kontakt .galerija {width:85vw;margin-bottom:32px;}
	section.galerija-kontakt .galerija ul {font-size:27.4vw;}
	section.galerija-kontakt .kontakt {}
}
@media screen and (min-width: 777px)
{
	section.galerija-kontakt .galerija {display: inline;float:left;width:42.5vw;}
	section.galerija-kontakt .galerija ul {font-size:13.7vw;}
	section.galerija-kontakt .kontakt {display: inline;float:right;width:40vw;position:sticky;}
}
@media screen and (min-width: 1479px)
{
	section.galerija-kontakt .galerija {width:630px;}
	section.galerija-kontakt .galerija ul {font-size:203px;}
	section.galerija-kontakt .kontakt {width:592px;}
}

/* pop 5000 */
#pop {position:fixed;z-index:-1;top:0%;left:0%;width:100%;height:100%;margin-left:-300%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
    #pop.in {z-index:5000;margin-left:0%;}
/* bg */
#pop .back {display:block;position:absolute;z-index:5000;top:0%;left:0%;right:0%;bottom:0%;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,0);-moz-transition:background 0.3s;-webkit-transition:background 0.3s;-o-transition:background 0.3s;transition:background 0.3s;}
#pop.in .back {background:rgba(0,0,0,0.85);}
#pop.in.out .back {background:rgba(0,0,0,0);}
#pop .h-pop {display: block;z-index:5010;width:100%;height:auto;max-height:100%;overflow:hidden;overflow-y: auto;position:absolute;left:0%;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
#pop .h-pop .h-bg {display: block;z-index:5010;position:absolute;width:100%;height:100%;top:0%;left:0%;}
#pop .h-pop .h-con {display:block;position:relative;z-index:5020;margin:auto;}
#pop .h-pop .h-pad {}
/* loader */
#pop-loader {display: block;position:absolute;z-index:5020;top:50%;left:50%;width:64px;height:64px;margin:-32px;background:url(../../img/base/show-image-loader.gif) center no-repeat;}
#pop.open #pop-loader {display: none;}
/* cont */
#pop-content {display: none;min-height:4em;position: relative;z-index:5020;-webkit-box-shadow:0px 3px 24px rgba(0,0,0,0.75);box-shadow:0px 3px 24px rgba(0,0,0,0.75);background:#ffffff;overflow:hidden;filter:alpha(opacity=0);opacity: 0;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;border-radius:1.5em;}
#pop.open #pop-content {display: block;}
#pop.in #pop-content {filter:alpha(opacity=100);opacity:1;}
#pop.in.out #pop-content {filter:alpha(opacity=0);opacity:0;}
/* close */
#pop-content .close {display:block;position:absolute;z-index:5050;overflow:visible;top:0.5em;left:100%;width:2em;height:2em;margin-left:-2.5em;}
#pop-content .close button {width:2em;height:2em;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#D40000;font-size:1em;border:none;outline:none;position:absolute;z-index:5050;top:0%;left:0%;border-radius:1em;cursor: pointer;transition:background 0.3s;-moz-transition:background 0.3s;-webkit-transition:background 0.3s;-o-transition:background 0.3s;}
#pop-content .close button:hover {background:#7A0A0A;}
#pop-content .close button span {display:block;position:absolute;z-index:5051;background:#ffffff;height:4px;width:20px;top:50%;left:50%;margin-left:-10px;-moz-border-radius:2px;border-radius:2px;transition:background 0.3s;-moz-transition:background 0.3s;-webkit-transition:background 0.3s;-o-transition:background 0.3s;}
#pop-content .close button span.a {-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);margin-top:-2px}
#pop-content .close button span.c {-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin-top:-2px}
/* pop-in */
#pop-in {display:block;position:relative;z-index: 5030;width:100%;}
#pop-in .bg {display: block;position:absolute;z-index:5030;width:100%;height:100%;}
#pop-in .content {display: block;position:relative;z-index:5040;width:100%;box-sizing: border-box;}
#pop-in p.title {line-height: 1em;font-weight:300;color:#000000;text-transform: uppercase;}
#pop-in label {display: block;line-height: 1.25em;padding-bottom:0.5em;}
#pop-in .field {padding-bottom:0.75em;}
#pop-in .field-input input {display: block;width:100%;box-sizing: border-box;padding:0.75em;line-height:1.2em;color:#000000;border:2px solid #a2a2a2;background:#ffffff;outline:none;font-size: 1em;}
#pop-in .field-input input:focus {border-color:#000000;}
#pop-in .field-button {}
#pop-in .field-button p.alert {margin-bottom:0.5em;color:#000000;line-height:1.5em;padding:0.75em 0em 0.75em 1em;}
#pop-in .field-button p.alert:before {content:'✘';display: block;float:left;margin-left:-1em;color:#ED164C;}
#pop-in .field-button p.alert:empty {display: none;}
#pop-in .field-button button {display: block;padding:0.75em 0.25em;line-height:1.5em;font-size:1em;background:#000000;color:#ffffff;text-align:center;width:100%;max-width:8em;box-sizing: border-box;outline:none;border:none;cursor:pointer;-moz-transition:color 0.3s;-webkit-transition:color 0.3s;-o-transition:color 0.3s;transition:color 0.3s;}
#pop-in .field-button button:hover {color:#ffe500;}
#pop-in .field-button .load {display:none;height:3em;max-width:8em;background:url(../../img/base/black-loader-32.gif) center no-repeat;}
#pop-in .field-button p.report {display:none;color:#000000;line-height:1.5em;padding:0.75em 0em 0.75em 1em;}
#pop-in .field-button p.report:before {content:'✔';display: block;float:left;margin-left:-1em;color:#049150;}
#pop-in .field-button .f-load button,
#pop-in .field-button .f-report button {display:none;}
#pop-in .field-button .f-load .load {display:block;}
#pop-in .field-button .f-report p.report {display:block;}
#pop-in .content {padding:40px;}
#pop .h-pop .h-con {width:84%;min-width: 280px;}
#pop .h-pop .h-pad {height:50px;}

/* show-image 1600 */
#show-image {display:none;position:fixed;z-index:6000;top:0%;left:0%;bottom:0%;right:0%;width:100%;height:100%;overflow:hidden;}
#show-image *::selection {background:none;color:#ffe500;}
#show-image img::selection {background:none;}
/* bg */
#show-image .bg {background:rgba(0,0,0,0.85);display:block;position:absolute;z-index:6000;width:100%;height:100%;top:0%;left:0%;bottom:0%;right:0%;cursor:pointer;}
/* loader */
#show-image .loader {display:block;width:80px;height:80px;position:absolute;z-index:6010;top:50%;left:50%;margin:-40px;background:url(../../img/base/show-image-loader.gif) center no-repeat;transition:opacity 0.25s;-moz-transition:opacity 0.25s;-webkit-transition:opacity 0.25s;-o-transition:opacity 0.25s;filter:alpha(opacity=0);opacity:0;}
#show-image .loader.show-loader {filter:alpha(opacity=100);opacity:1;}
/* potpis */
#show-image .potpis {display:block;position:absolute;z-index:6045;bottom:0.75em;line-height:1em;color:#ffffff;text-align:center;left:5%;width:90%;text-shadow:0px 1px 3px 5px rgba(0,0,0,0.5);}
@media screen and (max-width: 639px)
{
	#show-image .potpis {font-size:14px;}
}
@media screen and (min-width: 639px)
{
	#show-image .potpis {font-size:15px;}
}
@media screen and (min-width: 959px)
{
	#show-image .potpis {font-size:16px;}
}
/* preload */
#show-image-preload {display:block;position:absolute;z-index:-10;bottom:110%;right:110%;}
#show-image-preload img {display:block;position:absolute;z-index:-10;bottom:0%;right:0%;width:auto;height:auto;}
/* image */
#show-image-video {display:none;position:absolute;z-index:6030;top:10%;left:10%;-webkit-box-shadow:0px 3px 24px rgba(0,0,0,0.75);box-shadow:0px 3px 24px rgba(0,0,0,0.75);width:80%;height:80%;background:#000000;}
#show-image.tip-video #show-image-video {display:block;}
#show-image-video iframe {display:block;position:absolute;z-index:6035;top:0%;left:0%;width:100%;height:100%;margin:0px;outline:none;border:none;padding:0px;}
/* image */
#show-image-slika {display:none;position:absolute;z-index:6030;top:50%;left:50%;-webkit-box-shadow:0px 3px 24px rgba(0,0,0,0.75);box-shadow:0px 3px 24px rgba(0,0,0,0.75);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);overflow:auto;}
#show-image-slika::-webkit-scrollbar {width:2px;height:2px;background:none;}
#show-image-slika::-webkit-scrollbar-track {-moz-border-radius:1px;border-radius:1px;}
#show-image-slika::-webkit-scrollbar-thumb {-moz-border-radius:1px;border-radius:1px;background:rgba(255,255,255,0.5);}
#show-image-slika::-webkit-scrollbar-thumb:hover {}
#show-image-slika img {display:block;}
/* close */
#show-image .close {display: block;position:absolute;z-index:6040;top:-1.3em;right:0%;width:1.2em;height:1em;transition:top 0.5s;-moz-transition:top 0.5s;-webkit-transition:top 0.5s;-o-transition:top 0.5s;}
#show-image.on .close {top:0em;}
#show-image .close button {display: block;position:absolute;z-index:6040;font-size:1em;top:0em;left:0em;width:1.2em;height:1em;background:none;}
#show-image .close button::before {position:absolute;z-index:6040;width:0.8em;height:0.8em;background:#d40000;border-radius:0.4em;content:' ';display: block;left:0.3em;top:0.1em;transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;-o-transition:background 0.5s;}
#show-image .close button:hover::before {background:#7A0A0A;}
#show-image .close button:hover {background:none;}
#show-image .close button svg {display: block;position:absolute;z-index:6045;width:100%;height:100%;fill:none;top:0%;left:0%;}
#show-image .close button svg line {stroke:#ffffff;stroke-width:5;}
/* left right */
#show-image .left,
#show-image .right {display:none;position:absolute;z-index:6040;top:50%;overflow:visible;width:1em;height:1em;margin-top:-0.5em;transition:left 0.5s, right 0.5s;-moz-transition:left 0.5s, right 0.5s;-webkit-transition:left 0.5s, right 0.5s;-o-transition:left 0.5s, right 0.5s;}
#show-image.tip-galerija .left,
#show-image.tip-galerija .right {display:block;}
#show-image.tip-galerija.rem-arr .left,
#show-image.tip-galerija.rem-arr .right {display:none;}
#show-image .left {left:-1.25em;}
#show-image .right {right:-1.25em;}
#show-image.on .left {left:0em;}
#show-image.on .right {right:0em;}
#show-image button {display:block;position:absolute;z-index:6040;font-size:1em;top:0em;left:0em;overflow:visible;width:1em;height:1em;border:none;outline:none;background:#000000;cursor:pointer;transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;-o-transition:background 0.5s;}
#show-image button:hover {background:#7A0A0A;}
#show-image button svg.arr {width:0.4em;height:0.4em;top:0.3em;left:0.3em;display:block;position:absolute;z-index:6045;fill:#ffffff;}
#show-image .left button svg.arr {-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
#show-image .right button svg.arr {-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
@media screen and (max-width: 639px)
{
	#show-image .close {font-size:48px;}
	#show-image .left,
	#show-image .right {font-size:40px;}
}
@media screen and (min-width: 639px)
{
	#show-image .close {font-size:64px;}
	#show-image .left,
	#show-image .right {font-size:48px;}
}
@media screen and (min-width: 959px)
{
	#show-image .close {font-size:80px;}
	#show-image .left,
	#show-image .right {font-size:64px;}
}
@media screen and (min-width: 1639px)
{
	#show-image .left,
	#show-image .right {font-size:80px;}
}

/* paleta */
#pop.f-paleta .h-pop .h-con {max-width:48em;}
.paleta-proizvoda ul {display: flex;flex-wrap: wrap;}
.paleta-proizvoda li {width:6em;}
.paleta-proizvoda li .im {display: block;position:relative;width:5.6em;height:5.6em;}
.paleta-proizvoda li .im a {display: block;position:absolute;width:100%;height:100%;overflow:hidden;border-radius:0.25em;}
.paleta-proizvoda li .im a img {display: block;width:100%;height:100%;position:absolute;}
.paleta-proizvoda li .tx {display: block;padding-top:0.5em;font-size:0.85em;line-height:1.2em;}
.paleta-proizvoda li .tx p.naziv {font-weight: 600;}
.paleta-proizvoda li .tx p.opis {padding-top:0.25em;font-size:0.875em;}
.paleta-proizvoda ul {gap:2em;}
#pop .paleta-proizvoda {padding:2em;}
#pop .paleta-proizvoda .head h1 {font-weight: 700;font-size:2em;line-height:1.15em;padding-bottom:0.5em;}
#pop .paleta-proizvoda .body {padding-top:1.5em;border-top:1px dashed #a2a2a2;}
@media screen and (max-width: 777px)
{
	.paleta-proizvoda ul {justify-content:center;}
}
@media screen and (min-width: 777px)
{
	.paleta-proizvoda ul {justify-content:flex-start;}
}

/* paleta */
section.paleta {display: block;width:100%;}
section.paleta ul {margin:auto;width:85vw;max-width:1260px;}
@media screen and (max-width: 777px)
{
	section.paleta {padding:32px 0px 64px 0px;}
}
@media screen and (min-width: 777px) and (max-width: 1479px)
{
	section.paleta {padding:4vw 0px 8vw 0px;}
}
@media screen and (min-width: 1479px)
{
	section.paleta {padding:60px 0px 120px 0px;;}
}

/* cena */
section.cena {position:relative;z-index:100;width:100%;}
section.cena .bg {position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;}
section.cena .bg svg {top:0%;height:100%;position:absolute;z-index:100;fill:none;}
section.cena .bg svg.left {left:0%;}
section.cena .bg svg.right {right:0%;}
@media screen and (max-width: 777px)
{
	section.cena .bg svg {display: none;}
}
section.cena .in {position:relative;z-index:110;width:85vw;max-width:40em;margin:auto;text-align:center;}
@media screen and (max-width: 777px)
{
	section.cena .in {padding:64px 0px;}
}
@media screen and (min-width: 777px) and (max-width: 1479px)
{
	section.cena .in {padding:8vw 0px;}
}
@media screen and (min-width: 1479px)
{
	section.cena .in {padding:120px 0px;}
}
section.cena h1 {font-size:2em;font-weight: 700;line-height:1.15em;}
section.cena ul {padding:1em 0em;line-height:1.5em;}
section.cena li span {color:#d40000;padding-right:0.5em;}
section.cena strong {font-weight:700;}
section.cena p {padding-bottom:1em;line-height:1.5em;}
section.cena button {margin:auto;}




/*


red text - hover
#D40000
#7A0A0A

red buton
#D40000
#7A0A0A




bl    191919
red   B90000




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
















/* article 
article {display: block;position:relative;z-index:100;font-size:clamp(17px,1.6vw,23px);}
*/

/* 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: 959px)
{
	header {font-size:clamp(13px,3.33vw,16px);}
	header .back {width:5em;height:4.5em;border-radius:0em 0em 0em 3px;}
	header.n-open .back {top:-5em;}
}
@media screen and (min-width: 959px)
{
	header {font-size:clamp(15px,1.15vw,20px);}
	header .back {height:5em;width:100%;}
}*/
/* - 
header .logo {display: block;position:absolute;z-index:1020;width:10.15em;height:2.5em;}
header .logo a {display: block;width:100%;}
header .logo a svg {display: block;height:2.5em;}
@media screen and (max-width: 959px)
{
	header .logo {left:7.5%;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:-2.5em;}
}
@media screen and (min-width: 959px)
{
	header .logo {left:7.5%;top:1.25em;}
	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;}
}*/
/* - 
@media screen and (max-width: 959px)
{
	header nav {display: none;}
}
@media screen and (min-width: 959px)
{
	header nav {display:block;position:absolute;z-index:1010;top:1.9em;left:7.5%;right:7.5%;padding:0em 10em 0em 10.15em;-o-transition:color 0.5s;-moz-transition:color 0.5s;-webkit-transition:color 0.5s;transition:color 0.5s;}
	header nav ul {display: flex;width:100%;justify-content: center;gap:2vw;}
	header nav li {line-height:1.2em;}
	header nav li a {color:inherit;transition:background-size 0.35s;-moz-transition:background-size 0.35s;-webkit-transition:background-size 0.35s;-o-transition:background-size 0.35s;text-decoration:none;line-height:1;}
	header nav li a:hover {background-size: 100% 1px;background-position-x: left;}
}
@media screen and (min-width: 1720px)
{
	header nav ul {gap:35px;}
}*/
/* - 
@media screen and (max-width: 959px)
{
	header .phone {display: none;}
}
@media screen and (min-width: 959px)
{
	header .phone {display: block;position:absolute;z-index:1020;right:7.5%;top:1.75em;-o-transition:color 0.5s;-moz-transition:color 0.5s;-webkit-transition:color 0.5s;transition:color 0.5s;overflow:visible;}
	header .phone a {display: block;position:absolute;z-index:1020;right:0px;padding:0.2em 0em 0.2em 2.6em;color:inherit;}
	header .phone a span.ic {display: block;float:left;padding:0.2em;width:1.6em;height:1.6em;margin:-0.2em 0em -0.2em -2.6em;}
	header .phone a span.ic svg {display: block;width:100%;}
	header .phone a span.t {display: block;white-space: nowrap;line-height:1.2em;}
}*/
/* - 
@media screen and (max-width: 959px)
{
	header .button {font-size:1em;width:5em;height:4.5em;position:absolute;z-index:1030;background:none;right:0em;top:0em;-o-transition:top 0.5s;-moz-transition:top 0.5s;-webkit-transition:top 0.5s;transition:top 0.5s;}
	header.n-open .button {top:-5em;}
	header .button button {font-size:1em;width:5em;height:4.5em;position:absolute;z-index:1030;right:0em;top:0em;}
	header .button button svg {display: block;position:absolute;z-index:1030;top:50%;left:50%;width:2.5em;margin:-1.25em;-o-transition:stroke 0.5s;-moz-transition:stroke 0.5s;-webkit-transition:stroke 0.5s;transition:stroke 0.5s;}
}
@media screen and (min-width: 959px)
{
	header .button {display: none;}
}*/
/* navigacija 1500 
#navigacija {position:fixed;z-index:1500;top:0px;left:-300%;width:100%;height:100%;overflow:hidden;}
#navigacija.open {left:0%;}
#navigacija .close {position:absolute;z-index:1500;width:100%;height:100%;top:0%;left:0%;cursor:pointer;backdrop-filter: blur(2px);}
#navigacija .content {position:absolute;z-index:1520;width:84%;max-width:400px;margin-top:80px;box-sizing:border-box;top:50%;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-shadow:0px 0.5em 2em rgba(0,0,0,0.5);border-radius:3px;overflow:hidden;opacity:0;}
#navigacija .content {-moz-transition:margin 0.5s, opacity 0.5s;-webkit-transition:margin 0.5s, opacity 0.5s;transition:margin 0.5s, opacity 0.5s;}
#navigacija.in .content {margin-top:0px;opacity:1;}
#navigacija.in.out .content {margin-top:80px;opacity:0}
#navigacija .content .back {position:absolute;z-index:1520;width:100%;height:100%;left:0%;top:0%;}
#navigacija .x {position:absolute;z-index:1540;font-size:1.5em;top:0.6em;left:100%;margin-left:-1.6em;width:1em;height:1em;}
#navigacija .x button {display: block;font-size:1em;width:1em;height:1em;-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
#navigacija .x button:hover {opacity:0.5;}
#navigacija .x button span {width:0px;height:0px;overflow:visible;top:50%;left:50%;display:block;position:absolute;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#navigacija .x button span::before {content:' ';width:0.8em;height:0.1em;left:-0.4em;top:-0.05em;position:absolute;display: block;border-radius: 0.05em;}
#navigacija .x button span::after {content:' ';width:0.1em;height:0.8em;left:-0.05em;top:-0.4em;position:absolute;display: block;border-radius: 0.05em;}
#navigacija .content .in {position:relative;z-index:1530;left:0%;top:0%;width:100%;max-height:90vh;overflow: auto;}
#navigacija .content nav {display: block;text-align:center;width:100%;line-height:1.5em;font-size:1.25em;}
#navigacija .content nav li {padding:0.5em 0em;font-weight: 400;}
#navigacija .content nav li a {color: inherit;-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
#navigacija .content nav li a:hover {opacity:0.75;}
#navigacija .content .phone {text-align:center;line-height:1.2em;padding-top:1.5em;}
#navigacija .content .phone a {display: inline-block;position:relative;padding-left:2.2em;color:inherit;}
#navigacija .content .phone a svg {display: block;float:left;width:1.2em;margin-left:-2.2em;}
#navigacija .content .in {padding:2.5em;}
#navigacija .content .in::-webkit-scrollbar {width:8px;background:none;}
#navigacija .content .in::-webkit-scrollbar-track {-moz-border-radius:4px;border-radius:4px;width:100%;}
#navigacija .content .in::-webkit-scrollbar-thumb {-moz-border-radius:4px;border-radius:4px;}
#navigacija .content .in::-webkit-scrollbar-thumb:hover {}
*/
/* footer 
footer {display: block;position:relative;z-index:100;width:100%;overflow: visible;background:#ffffff;}
footer .connect {display: block;margin:auto;width:85%;max-width:1450px;box-sizing:border-box;}
footer .connect .in {display: flex;justify-content: space-between;}
footer .connect .let {font-weight: 800;line-height:1.25em;width:4em;}
footer .connect .link {overflow: visible;}
footer .connect .link p {font-weight: 700;line-height:1.25em;padding-bottom:1em;}
footer .connect .link a {display:inline-block;position:relative;z-index:100;padding:1.25em 0em 1.25em 3em;margin-left:-1.5em;color:inherit;}
footer .connect .link a span.okvir {display: block;position:absolute;z-index:100;height:3.75em;margin-top:-1.25em;margin-left:-2.5em;width:12.125em;}
footer .connect .link a 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;}
footer .connect .link a strong {display:block;position:relative;z-index:102;font-size:1.25em;line-height:1em;padding-right:2.5em;white-space: nowrap;}
footer .connect .link a span.arr {display:block;float:right;margin-right:-2.5em;z-index:102;width:1em;height:1em;}
footer .connect .link a 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;}
footer .connect .link {font-size:clamp(10px,1.1vw,16px);}
@media screen and (max-width: 639px)
{
	footer .connect .in {flex-wrap: wrap;padding:8.25vw 7vw 9vw 7vw;}
	footer .connect .let {width:100%;padding-bottom:0.5em;}
	footer .connect .let {font-size:4.5vw;}
	footer .connect .link p {font-size:3.5vw;}
	footer .connect .link {font-size:clamp(8px,2.5vw,12px);}
}
@media screen and (min-width: 639px)
{
	footer .connect .in {padding:8.25vw 5vw 9vw 5vw;gap:1vw;}
	footer .connect .let {font-size:3.5vw;width:4em;}
	footer .connect .link p {font-size:2.5vw;}
}
@media screen and (min-width: 959px)
{
	footer .connect .in {padding:8.25vw 5vw 9vw 5vw;gap:1vw;}
	footer .connect .let {font-size:2.8125vw;}
	footer .connect .link p {font-size:2.05vw;}
}
@media screen and (min-width: 1720px)
{
	footer .connect .in {padding:142px 86px 155px 86px;gap:17px;}
	footer .connect .let {font-size:48px;}
	footer .connect .link p {font-size:35px;}
}
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;}
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:85%;max-width:1450px;box-sizing:border-box;}
footer .body .cols {display:flex;justify-content: space-between;font-size:clamp(15px,1.25vw,19px);}
footer .body .cols .info p {line-height:2.25em;}
footer .body .cols p.title {font-size:1.25em;line-height:1.25em;font-weight: 700;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 {text-decoration: underline;text-decoration-style: dotted;}
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:8vw;padding-bottom:7.5vw;}
	footer .body .cols .info p {line-height:1.75em;}
	footer .body .cols {gap:3vw;flex-wrap:wrap;justify-content:space-between;}
	footer .body .cols .info,
	footer .body .cols .together {width:100%;text-align:center;}
	
	footer .body .cols .about,
	footer .body .cols .learn,
	footer .body .cols .career {display: none;}
	
	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 .cols {gap:3.5vw;flex-wrap:wrap;justify-content:space-between;}
	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:85%;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 {text-decoration: underline;text-decoration-style: dotted;}
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: 777px)
{
	footer .foot .in p {line-height:1.75em;text-align:center;}
	footer .foot .in p span.sep {display: none;}
	footer .foot .in p span.t {display: block;}
}
@media screen and (min-width: 777px)
{
	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;}
}*/

/* hero 
#hero .ab {position:fixed;z-index:10;width:100%;}
#hero.off .ab {position: absolute;}
#hero .ab .bg {position:absolute;z-index:10;width:100%;height:100%;top:0%;left:0%;}
#hero .ab .glass {position:absolute;z-index:12;height:100%;top:0%;left:0%;overflow:visible;}
#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;}
#hero .ab .content big {display:block;line-height:1.4em;font-weight:800;}
#hero .ab .content .button {overflow: visible;}
#hero .ab .content .button a {display:inline-block;position:relative;z-index:100;padding:1.25em 0em 1.25em 2em;color:inherit;}
#hero .ab .content .button a span.okvir {display: block;position:absolute;z-index:100;height:3.75em;margin-top:-1.25em;margin-left:-2em;width:12.125em;}
#hero .ab .content .button a 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;}
#hero .ab .content .button a strong {display:block;position:relative;z-index:102;font-size:1.25em;line-height:1em;padding-right:2em;white-space: nowrap;}
#hero .ab .content .button a span.arr {display:block;float:right;margin-right:-2em;z-index:102;width:1em;height:1em;}
#hero .ab .content .button a 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;}
#hero .ab .content .button {font-size:clamp(10px,1.1vw,16px);}
#hero,
#hero .ab {height:43.5vw;}
#hero .ab .glass {right:calc(50% + 8.7vw);}
#hero .ab .content {margin-top:48px;}
#hero .ab .content big {font-size:3.5vw;max-width:16em;}
#hero .ab .content .button {padding-top:1em;}
@media screen and (max-width: 479px)
{
	#hero,
	#hero .ab {height:80vw;}
	#hero .ab .glass {right:calc(50% + 16vw);}
	#hero .ab .content {margin-top:20px;}
	#hero .ab .content big {font-size:clamp(20px,4.5vw,32px);max-width:16em;}
	#hero .ab .content .button {padding-top:1em;}
}
@media screen and (min-width: 479px)
{
	#hero,
	#hero .ab {height:64vw;}
	#hero .ab .glass {right:calc(50% + 12.8vw);}
	#hero .ab .content {margin-top:24px;}
	#hero .ab .content big {font-size:4vw;max-width:16em;}
	#hero .ab .content .button {padding-top:1em;}
}
@media screen and (min-width: 639px)
{
	#hero,
	#hero .ab {height:50vw;}
	#hero .ab .glass {right:calc(50% + 10vw);}
	#hero .ab .content {margin-top:24px;}
	#hero .ab .content big {font-size:4vw;max-width:16em;}
	#hero .ab .content .button {padding-top:1em;}
}
@media screen and (min-width: 959px)
{
	#hero,
	#hero .ab {height:43.5vw;}
	#hero .ab .glass {right:calc(50% + 8.7vw);}
	#hero .ab .content {margin-top:36px;}
	#hero .ab .content big {font-size:3.5vw;max-width:16em;}
	#hero .ab .content .button {padding-top:1em;}
}
@media screen and (min-width: 1399px)
{
	#hero .ab .content {margin-top:48px;}
}
@media screen and (min-width: 1720px)
{
	#hero,
	#hero .ab {height:750px;}
	#hero .ab .glass {right:calc(50% + 150px);}
	#hero .ab .content big {font-size:60px;max-width:16em;}
}*/


/* text-image 
.text-image {position:relative;z-index:100;}
.text-image .in {margin:auto;width:85%;max-width:1450px;box-sizing:border-box;}
.text-image .tx h1 {line-height:1.2em;font-weight: 600;}
.text-image .tx p {line-height:1.6em;max-width:36em;}
.text-image .im {position:relative;z-index:100;}
.text-image .im img {display: block;position:absolute;z-index:100;width:100%;height:100%;object-fit: cover;}
@media screen and (max-width: 639px)
{
	.text-image {padding:12vw 0em;}
	.text-image .in {}
	.text-image .tx {margin-bottom:7.5vw;}
	.text-image .tx h1 {font-size:1.65em;}
	.text-image .tx p {padding-top:1em;}
	.text-image .im {width:85vw;height:59.5vw;}
}
@media screen and (min-width: 639px)
{
	.text-image .tx {display: inline;float:left;width:100%;}
	.text-image .im {display:inline;float:right;}
	.text-image {padding:7.5vw 0em;}
	.text-image .in {padding-right:42vw;}
	.text-image .tx h1 {font-size:1.75em;}
	.text-image .tx p {padding-top:1em;line-height:1.5em;}
	.text-image .im {margin-right:-42vw;width:39vw;height:28vw;}
}
@media screen and (min-width: 959px)
{
	.text-image {padding:5vw 0em;}
	.text-image .in {padding-right:33vw;}
	.text-image .tx h1 {font-size:2.5em;}
	.text-image .tx p {padding-top:1em;}
	.text-image .im {margin-right:-33vw;width:30vw;height:21vw;}
}
@media screen and (min-width: 1699px)
{
	.text-image {padding:85px 0em;}
	.text-image .in {padding-right:560px;}
	.text-image .tx h1 {font-size:2.5em;}
	.text-image .tx p {padding-top:1em;}
	.text-image .im {margin-right:-560px;width:510px;height:358px;}
}*/


/* COLOR */
/* header 
header .back {background:rgba(245,245,245,0);box-shadow:0px 0px 0px rgba(0,0,0,0);}
header.lep .back {background:rgba(245,245,245,1);box-shadow:0px 2px 8px rgba(0,0,0,0.5);}

header .logo a svg {fill:#ffffff;}
header.lep .logo a svg {fill:#053829;}

header nav {color:#ffffff;}
header.lep nav {color:#053829;}
header.lep nav li.cur {color:#929292;}
header nav li a {background: linear-gradient(0deg, #ffe500, #ffe500) no-repeat right bottom / 0 1px;}

header .phone {color:#ffffff;}
header.lep .phone {color:#053829;}
header .phone a span.ic {background:#ffffff;}
header .phone a span.ic svg {fill:#000000;}
header .button button svg {stroke:#ffffff;}
header.lep .button button svg {stroke:#053829;}*/
/* navigacija 
#navigacija .close {background:rgba(255,255,255,0.05);}
#navigacija .content .back {background:#778D5F;}
#navigacija .content .in::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.25);}

#navigacija .x button span::before {background: #ffffff;}
#navigacija .x button span::after {background: #ffffff;}

#navigacija .content nav li {color:#ffffff;border-bottom:1px solid rgba(48,67,32,0.5);}
#navigacija .content .phone {color:#ffffff;}
#navigacija .content .phone a svg {fill:#ffffff;}*/
/* footer 
footer .connect {background:#333333;color:#ffffff;}
footer .connect .link a span.okvir svg,
footer .connect .link a span.arr svg {stroke:#ffffff;}
footer .connect .link a:hover {color:#fc3;}
footer .connect .link a:hover span.okvir svg,
footer .connect .link a:hover span.arr svg {stroke:#fc3;}

footer .kruna svg {fill:#444444;}
footer .body {background:#444444;color:#ffffff;}
footer .foot {background:#444444;color:#ffffff;}*/
/* hero 
#hero .ab .bg {background:#929292;}
#hero .ab .content {color:#ffffff;}
#hero .ab .glass {background:#646464;opacity:0.5;}
#hero .ab .glass svg {fill:#646464;}
#hero .ab .content .button a span.okvir svg,
#hero .ab .content .button a span.arr svg {stroke:#ffffff;}
#hero .ab .content .button a:hover {color:#fc3;}
#hero .ab .content .button a:hover span.okvir svg,
#hero .ab .content .button a:hover span.arr svg {stroke:#fc3;}*/
/* article 
article {background:#ffffff;color:#000000;}*/
/* text-image 
.text-image {background:#ffffff;color:#000000;}*/








/*


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