@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;}
section#hero .in .txt h1 img {display: inline-block;height:0.66em;}
section#hero .in .txt .buttons {display: flex;justify-content: flex-start;gap:0.5em;}
@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;}
}

/* stereo */
section.stereo {display: block;width:100%;}
@media screen and (max-width: 777px)
{
	section.stereo {padding-top:32px;}
}
@media screen and (min-width: 777px) and (max-width: 1479px)
{
	section.stereo {padding-top:4vw;}
}
@media screen and (min-width: 1479px)
{
	section.stereo {padding-top:60px;}
}
section.stereo .in {position:relative;z-index:100;width:85vw;margin:auto;max-width:1260px;overflow:visible;}
section.stereo h2 {padding-top:0.8em;font-weight: 700;font-size:1.25em;}
section.stereo ul {line-height:1.5em;padding-top:1em;}
section.stereo li {padding-left: 1.25em;}
section.stereo li::before {display: block;float:left;margin-left:-1.25em;width:0.4em;height:0.4em;content:' ';margin-top:0.55em;border-radius: 0.2em;background:#222222;}
section.stereo p {line-height:1.5em;padding-top:1em;}
@media screen and (max-width: 777px)
{
	section.stereo .l *:first-child {padding-top: 0em;}
}
@media screen and (min-width: 777px) 
{
	section.stereo .in {display: flex;justify-content: space-between;}
	section.stereo .in .l,
	section.stereo .in .r {width:47%;}
	section.stereo .l *:first-child {padding-top: 0em;}
	section.stereo .r *:first-child {padding-top: 0em;}
}

/* dot-text */
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.vrste-5 .list ul {justify-content: center;flex-wrap: wrap;gap:3vw;}
}
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 .list .but {display: flex;justify-content: center;}
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 .list .im.ob-top img {object-position: bottom;}
	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.vrste-5 .list ul {justify-content: center;flex-wrap: wrap;gap:44px;}
	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 {stroke:#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 li.povecana-vrednost .ic svg {width:3em;}
section.zasto .body li.zvucna-izolacija .ic svg {width:2.5em;}
section.zasto .body li.energetska-efikasnost .ic svg {width:2.7em;}
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;}
}
section.pola #delovi-ventilisane-fasade-im.im img {object-fit:contain;}


/* 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 h3 {font-weight: 700;font-size:1.35em;line-height:1.15em;padding-bottom: 0.75em;}
.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.opt {height:1.2em;}
.paleta-proizvoda li .tx p.opt::before {content:' ';display: block;float:left;width:1em;height:1em;box-sizing:border-box;border:0.125em solid rgba(0,0,0,0.85);border-radius: 0.5em;margin-top:0.1em;}
.paleta-proizvoda li .tx p.opt.sivo::before {background:#b2b2b2;}
.paleta-proizvoda li .tx p.opis {padding-top:0.25em;font-size:0.875em;}
.legend {font-size:0.85em;padding-top:1em;}
.legend p {line-height:1.5em;padding-left:1.5em;}
.legend p::before {content:' ';display: block;float:left;width:1em;height:1em;box-sizing:border-box;border:0.125em solid rgba(0,0,0,0.85);margin-left:-1.5em;border-radius: 0.5em;margin-top:0.125em;}
.legend p.dot-sivo::before {background:#b2b2b2;}
.paleta-proizvoda .legend {padding-bottom:0.75em;padding-top:0em;}
.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 h3 {margin:auto;width:85vw;max-width:1260px;}
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.pad-top {padding-top:1em;}
section.cena p {padding-bottom:1em;line-height:1.5em;}
section.cena button {margin:auto;}

/* nas-pojekat-pestan */
#nas-pojekat-pestan {position:relative;z-index:100;width:100%;max-width:1480px;margin:auto;}
#nas-pojekat-pestan .back {position: absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;}
#nas-pojekat-pestan .back img {position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;object-fit: cover;}
#nas-pojekat-pestan .front {position:absolute;z-index:110;width:85%;left:7.5%;height:100%;top:0px;}
#nas-pojekat-pestan .front p {position:absolute;z-index:110;left:0%;top:5%;line-height:1.5em;font-size:1.25em;font-weight:700;color:#222222;width:50%;}
@media screen and (max-width: 479px)
{
	#nas-pojekat-pestan {height:232px;}	
	#nas-pojekat-pestan .front p {font-size:1em;}
}
@media screen and (min-width: 479px) and (max-width: 1479px)
{
	#nas-pojekat-pestan {height:48.4375vw;}	
}
@media screen and (min-width: 1479px)
{
	#nas-pojekat-pestan {height:717px;}
}

/* mapa-kontakt */
section.mapa-kontakt {display: block;margin:auto;width:85vw;max-width:1260px;position:relative;z-index:100;}
@media screen and (max-width: 777px)
{
	section.mapa-kontakt {padding:48px 0px;}
	section.mapa-kontakt .head {padding-bottom: 32px;}
}
@media screen and (min-width: 777px) and (max-width: 1479px)
{
	section.mapa-kontakt {padding:6vw 0px;}
	section.mapa-kontakt .head {padding-bottom: 4vw;}
}
@media screen and (min-width: 1479px)
{
	section.mapa-kontakt {padding:90px 0px;}
	section.mapa-kontakt .head {padding-bottom: 60px;}
}
section.mapa-kontakt .head h1 {font-weight: 700;font-size:2em;line-height:1.15em;text-align: center;}
@media screen and (max-width: 777px)
{
	section.mapa-kontakt .head h1 {text-align: left;}
}
section.mapa-kontakt .body {position:relative;z-index:100;width:100%;}
section.mapa-kontakt .body .kontakt {position:relative;z-index:110;}
section.mapa-kontakt .body .mapa iframe {display: block;position:absolute;z-index: 100;width:100%;height:100%;top:0%;left:0%;border: none;outline:none;background:none;border-radius: 0.5em;overflow: hidden;}
@media screen and (max-width: 777px)
{
	section.mapa-kontakt .body .kontakt {margin-bottom:24px;}
	section.mapa-kontakt .body .mapa {position:relative;z-index:100;height:80vw;max-height:390px;}
}
@media screen and (min-width: 777px)
{
	section.mapa-kontakt .body .mapa {position:absolute;z-index:100;height:100%;top:0%;}
}
@media screen and (min-width: 777px) and (max-width: 1479px)
{
	section.mapa-kontakt .body .kontakt {width:40vw;}
	section.mapa-kontakt .body .mapa {width:40vw;left:45vw;}
}
@media screen and (min-width: 1479px)
{
	section.mapa-kontakt .body .kontakt {width:592px;}
	section.mapa-kontakt .body .mapa {width:592px;left:668px;}
}

/* u-pripremi */
#u-pripremi {position:relative;z-index:100;height:36vw;min-height:300px;}
#u-pripremi .in {position:absolute;z-index:100;top:50%;width:80%;left:10%;text-align: center;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
#u-pripremi .in svg {display: block;width:10vw;margin:auto;fill:#646464}
#u-pripremi .in p {font-size:4vw;color:#646464;line-height: 1.2em;}

@media screen and (max-width: 639px)
{
	#u-pripremi {height:300px;}
	#u-pripremi .in svg {width:64px;}
	#u-pripremi .in p {font-size:26px;}
}
@media screen and (min-width: 1479px)
{
	#u-pripremi {height:532px;}
	#u-pripremi .in svg {width:148px;}
	#u-pripremi .in p {font-size:60px;}
}
/*


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






















/*


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