@import url(../fonts/NUK-fonts.css?v=2.2.5);

*,*::before,*::after{
    box-sizing:border-box
}
*{
    margin:0;
    padding:0
}
@media (prefers-reduced-motion:no-preference){
    html{
        interpolate-size:allow-keywords;
        background-color:var(--svetla);
    }
}

html {
    background-color:var(--svetla)
} 

body{
    -webkit-font-smoothing:antialiased  
}
img,picture,video,canvas,svg{
    display:block;
    max-width:100%
}
input,button,textarea,select{
    font:inherit ;
	color:var(--temna);
}
p,h1,h2,h3,h4,h5,h6{
    overflow-wrap:break-word
}
p{
    text-wrap:pretty
}
h1,h2,h3,h4,h5,h6{
    text-wrap:balance
}
:root{
    --temna:#231f20;
    --primarna:#231f20;
	
    --crna:#000000;
    --black:#000000;
	
    --svetla:#ffffff;
    --bela:#ffffff;
	
    --sekundarna: #EFF3F7;

    --zelena:#DFDDBD;
    --terciarna:#DFDDBD;
	
	--temnosiva:#5D6774;
	--darkgrey:#5D6774;
	
    --modra:#bec7d3;
	--siva: #bec7d3;
	--grey: #bec7d3;
	
	--svetlosiva:#E3EAF2;
	--lightgrey:#E3EAF2;
	--lg:#E3EAF2;
	
    --prosojna:hsla(0,0%,100%,.7);
	
	/*obvestila/notifications*/
	
    --napaka:#EF4444;
    --error:#EF4444;
	--svetlanapaka:#FEE2E2;
    --lighterror:#FEE2E2;
	
	--opozorilo:#F97316;
	--warning:#F97316;
	--svetloopozorilo:#FFEDD5;
	--lightwarning:#FFEDD5;
	
	--informacije:#3B82F6;
	--info:#3B82F6;
	--svetleinformacije:#DBEAFE;
	--lightinfo:#DBEAFE;
	
	--uspeh:#22C55E;
	--success:#22C55E;
	--sveteluspeh:#DCFCE7;
	--lightsuccess:#DCFCE7;
	
	
	/*velikosti/sizes*/
	
    --e:10px;
    --1e:10px;
    --2e:20px;
    --3e:24px;
    --4e:32px;
    --5e:40px;
    --6e:48px;
    --7e:56px;
    --8e:64px;
    --9e:72px;
    --10e:80px;
}

@media (prefers-color-scheme: dark) {

    html:not([data-tema="svetla"]) {
        --temna: #ffffff;
        --primarna: #ffffff;
        --crna: #ffffff;
        --black: #ffffff;
        --svetla: #231f20;
        --bela: #231f20;
        --sekundarna: #100C08;
        --zelena:#5d6774;
    --terciarna:#5d6774;
        --temnosiva: #E3EAF2;
        --darkgrey: #E3EAF2;
        --modra: #bec7d3;
        --siva: #bec7d3;
        --grey: #bec7d3;
        --svetlosiva: #5D6774;
        --lightgrey: #5D6774;
        --lg: #5D6774;
    }
}

/* Prinačna nastavitev teme – JS override */
html[data-tema="temna"] {
    --temna: #ffffff;
    --primarna: #ffffff;
    --crna: #ffffff;
    --black: #ffffff;
    --svetla: #231f20;
    --bela: #231f20;
    --sekundarna: #100C08;
    --zelena:#5d6774;
    --terciarna:#5d6774;
    --temnosiva: #E3EAF2;
    --darkgrey: #E3EAF2;
    --modra: #bec7d3;
    --siva: #bec7d3;
    --grey: #bec7d3;
    --svetlosiva: #5D6774;
    --lightgrey: #5D6774;
    --lg: #5D6774;
}

/* Logotip nalagalnika za prinačno temo */
html[data-tema="temna"] .nuk-preload:after,
html[data-tema="temna"] .nuk-nalaganje:after {
    background-image: url(../svg/nuk-logo-svetel-pomanjsan.svg);
}
html[data-tema="svetla"] .nuk-preload:after,
html[data-tema="svetla"] .nuk-nalaganje:after {
    background-image: url(../svg/nuk-logo-pomanjsan.svg);
}

html[data-tema="svetla"] {
        --temna:#231f20;
    --primarna:#231f20;
	
    --crna:#000000;
    --black:#000000;
	
    --svetla:#ffffff;
    --bela:#ffffff;
	
    --sekundarna: #EFF3F7;

    --zelena:#DFDDBD;
    --terciarna:#DFDDBD;
	
	--temnosiva:#5D6774;
	--darkgrey:#5D6774;
	
    --modra:#bec7d3;
	--siva: #bec7d3;
	--grey: #bec7d3;
	
	--svetlosiva:#E3EAF2;
	--lightgrey:#E3EAF2;
	--lg:#E3EAF2;
}

*{
    box-sizing:border-box
}
::selection{
    background:var(--temna);
    color:var(--svetla)
}

html {
    
   background-color:var(--svetla);
}

html,body{
  
    color:var(--temna);
    font-size:calc(var(--1e) * 1.4);
    letter-spacing: 0.5%;
    line-height:1.4;
    font-weight:300;
    font-optical-sizing:auto;
    font-synthesis:none;
    text-rendering:optimizeLegibility
}
body.nuk{
	  font-family:'nuk-sans',"Segoe UI","Helvetica Neue",Arial,sans-serif;

}
body.nuk-2{
	  font-family:'nuk-sans-alt',"Segoe UI","Helvetica Neue",Arial,sans-serif;
   background-color:transparent;
}
a{
    text-decoration:underline;
    color:var(--temna)
}
a:hover{
    color:var(--modra)
}
strong{
    font-family:'nuk-sans-alt',"Segoe UI","Helvetica Neue",Arial,sans-serif;
    font-weight:700
}
em,i{
    font-family:'nuk-sans-alt',"Segoe UI","Helvetica Neue",Arial,sans-serif;
    font-style:italic
}
hr{
    border-color:var(--temna);
    opacity:1;
    border-width:2px;
    margin-top:3rem;
    margin-bottom:3rem
}
mark{
    background-color:var(--zelena)
}
h1,h2,h3,h4,h5,h6{
    text-decoration:none;
    font-family:'nuk-sans-alt',"Segoe UI","Helvetica Neue",Arial,sans-serif;
    line-height:1.0
}
small{
    font-size:.75em
}
p,img,ul,ol,table{
    margin-bottom:var(--3e)
}
p:last-child,img:last-child,ul:last-child,ol:last-child,table:last-child{
    margin-bottom:0
}
.nuk-hidden,.nuk-hide,.nuk-skrito,.nuk-skrij{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
    transform:opacity .2s linear
}
.nuk-preload,.nuk-nalaganje{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:var(--svetla);
    z-index:99998
}

.nuk-preload:after,.nuk-nalaganje:after{
    display:block;
    content:' ';
    position:fixed;
    z-index:99999;
    left:50%;
    top:50%;
    margin-left:calc(-1 * var(--4e));
    margin-top:calc(-1 * var(--4e));
    width:var(--5e);
    height:var(--5e);
    background-image:url(../svg/nuk-logo-pomanjsan.svg);
    background-size:contain;
    background-position:50% 50%;
    background-repeat:no-repeat;
    animation:preload 2s ease-in infinite;
    transition:opacity .2s linear
}

.nuk-nalaganje-skrij{
    /*
    transition:opacity .2s linear ,right 0s linear .2s,bottom 0s linear .2s;*/
    transition:opacity .2s linear .2s,right 0s linear .4s,bottom 0s linear .4s;
    right:100%;
    bottom:100%;
    opacity:0;
    pointer-events:none
}

@keyframes preload{
    0%,100%{
        opacity:1
    }
    50%{
        opacity:.25
    }
}

.nuk-logo,.nuk-logo-pomanjsan,.nuk-logo-napisi,.nuk-logo-svetel,.nuk-logo-svetel-pomanjsan,.nuk-logo-svetel-napisi{
    background-size:contain;
    background-position:50% 50%;
    background-repeat:no-repeat
}

.nuk-logo{
    background-image:url(../svg/nuk-logo.svg)
}
.nuk-logo-pomanjsan{
    background-image:url(../svg/nuk-logo-pomanjsan.svg)
}
.nuk-logo-napisi{
    background-image:url(../svg/nuk-logo-napisi.svg)
}
.nuk-logo-svetel{
    background-image:url(../svg/nuk-logo-svetel.svg)
}
.nuk-logo-svetel-pomanjsan{
    background-image:url(../svg/nuk-logo-svetel-pomanjsan.svg)
}
.nuk-logo-svetel-napisi{
    background-image:url(../svg/nuk-logo-svetel-napisi.svg)
}
header .nuk-logo-svetel-napisi{
    background-size:232px auto;
    display:block;
    position:fixed;
    height:var(--5e);
    box-sizing:content-box;
    top:0;
    left:0;
    z-index:1004;
    background-color:var(--temna);
    max-width:20.7%;
    min-width:20.7%;
    padding:var(--4e);
    transition:background-size .2s ease-in-out
}

header .nuk-logo-svetel-napisi:hover{
    background-size:241px auto;
    transition:background-size .2s ease-in-out
}

/*header v2*/

.nuk-glavna-pasica{
    position: fixed;
    top: 0;
    left:0;
    z-index: 21;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: var(--svetlosiva);
    transition: top .2s linear;
    width:100%;
    height: 86px;
    padding-left: 480px;
}


body.nuk-skrij-glavo .nuk-glavna-pasica {
    top: -86px;
    transition: top .2s linear;
}


.nuk-glavna-pasica .nuk-logotip{
    position:fixed;
    top:0;
    left:0;
    height:86px;
	background: var(--temna);
	display: flex;
	width:480px;
	text-align:left;
	color: var(--svetla);
	 align-items: center;       /* Centers items vertically */
    justify-content: left;
	transition: width .2s linear;
    text-decoration: none;
	padding: 0 var(--2e);
	transition: color .2s linear;
}

.nuk-glavna-pasica .nuk-logotip:hover {
    color:var(--svetlosiva);
	transition: color .2s linear;
}


body.nuk-skrij-glavo .nuk-glavna-pasica .nuk-logotip {
    width: calc(var(--10e) + var(--2e));
    transition: width .2s linear, top .2s linear;
}

.nuk-glavna-pasica .nuk-logotip .nuk-ime-strani{
	margin-left: var(--e);
	padding-left: var(--e);
	position:relative;
	font-size: calc(var(--e) * 1.6);
	font-weight:600;
     transition: font-size .2s linear, color .2s linear;
}


body.nuk-skrij-glavo .nuk-logotip .nuk-ime-strani{
    font-size: 0;
     transition: font-size .2s linear, color .2s linear;
}

.nuk-glavna-pasica .nuk-ime-strani:before{
	content: ' ';
	background: var(--svetla);
	width: 3px;
	height: var(--3e);
	display: block;
	top:0;
	left:-1px;
     transition: width .2s linear, opacity .2s linear, background-color .2s linear;
	position: absolute;
}

body.nuk-skrij-glavo .nuk-glavna-pasica .nuk-ime-strani:before {
    width:0;
    opacity:0;
    
     transition: width .2s linear, opacity .2s linear, background-color .2s linear;
}


.nuk-glavna-pasica .nuk-logotip .nuk-logo-svetel{
	height: var(--4e);
	width:76px;
}

/*spletna mesta NUK*/

.spletna-mesta-nuk-gumb{
	position: absolute;
	top: 0;
	/*left: calc(480px - var(--4e));*/
    left:440px;
	height:100%;
	width: var(--4e);
}

.spletna-mesta-nuk-gumb:After{
	content: '\e801';
  font-family: "nuk-ikone";
  speak: never;
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 100%;
  vertical-align: middle;
  transition: transform .2s linear,background-color .2s linear,color .2s linear;
  pointer-events: none;
   
	transition: transform .2s linear,margin-top .2s linear, color .2s linear;
}

.spletna-mesta-nuk-gumb:hover:after{
    color:var(--siva);
    margin-top: 5px;
    transition: margin-top .2s linear, color .2s linear;
}


.spletna-mesta-nuk-gumb[aria-expanded="true"]:After {
	transform: rotateX(180deg);
	transition: transform .2s linear,margin-top .2s linear, color .2s linear;
}


.spletna-mesta-nuk-gumb[aria-expanded="true"]:hover:After {
	margin-top: -5px;
	transition: transform .2s linear,margin-top .2s linear, color .2s linear;
}



.spletna-mesta-nuk{
	position: absolute;
	top:100%;
	left:0;
	width:480px;
	max-height:483px;
	overflow: hidden;
	z-index: 18;
  transition: height .2s linear,max-height .2s linear,opacity .2s linear;
}

.spletna-mesta-nuk.spletna-mesta-nuk-zaprto{
	opacity:0;
	max-height: 0;
  transition: height .2s linear,max-height .2s linear,opacity .2s linear;
}

.spletna-mesta-nuk ul{
    list-style-type:none;
    padding-left: 0;
}
.spletna-mesta-nuk ul li{}
.spletna-mesta-nuk ul li a{
	color: var(--sekundarna);
	background-color: var(--temna);
	padding:var(--2e) var(--2e) var(--2e) var(--2e) ;
	display: block;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid var(--sekundarna);
    transition: color .2s linear, background-color .2s linear;
}

.nuk-2 .spletna-mesta-nuk ul li a:focus-visible {
    outline-offset:-3px   !important; 
    outline-color:var(--svetlosiva)!important;  
}

.spletna-mesta-nuk ul li:hover a{
    background-color: var(--svetlosiva);
    color: var(--temna);
    transition: color .2s linear, background-color .2s linear;
}

.spletna-mesta-nuk ul li:last-child a{

	border-bottom:none;
	}

/*horizontalni menu v2.0*/
.nuk-gumb-horizontalnega-menuja {
    display:none;
}

@media (max-width:1200px) {
    /*gumb glavnega (horizontalnega) menuja*/
    .nuk-gumb-horizontalnega-menuja {
        position: absolute;
        top: 0;
        right: -86px;
        width: 86px;
        height: 86px;
        background-color: var(--svetlosiva);
        display: block;
        transition: right .2s linear;
        z-index: 21;
    }

    .nuk-gumb-horizontalnega-menuja span {
        display: block;
        position: relative;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        height: 2px;
        height: calc(var(--e) / 5);
        background-color: var(--primarna);
        width: 20px;
        box-sizing: content-box;
        padding: 0 0;
        transition: width .2s linear, background-color .2s linear;
    }

    .nuk-gumb-horizontalnega-menuja span:nth-child(1) {
        margin-top: 2px
    }

    .nuk-gumb-horizontalnega-menuja span:nth-child(2) {
        margin-top: 4px;
        transition: transform .2s linear, background-color .2s linear;
    }

    .nuk-gumb-horizontalnega-menuja span:nth-child(2):after {
        content: ' ';
        display: block;
        width: 100%;
        height: 2px;
        background: var(--primarna);
        transition: transform .2s linear,background-color .2s linear;
    }

    .nuk-gumb-horizontalnega-menuja span:nth-child(3) {
        margin-top: 4px
    }

    .nuk-gumb-horizontalnega-menuja.nuk-gumb-horizontalnega-menuja-zapri span:nth-child(1), .nuk-gumb-menuja.nuk-gumb-horizontalnega-menuja-zapri span:nth-child(3) {
        width: 0;
        transition: width .2s linear, background-color .2s linear;
    }

    .nuk-gumb-horizontalnega-menuja.nuk-gumb-horizontalnega-menuja-zapri span:nth-child(2) {
        transform: rotate(45deg);
        transition: transform .2s linear, background-color .2s linear;
    }

    .nuk-gumb-horizontalnega-menuja.nuk-gumb-horizontalnega-menuja-zapri span:nth-child(2):after {
        transform: rotate(-90deg);
        transition: transform .2s linear, background-color .2s linear;
    }

    /*aktiven gumb horizontalnega menuja*/

    .nuk-gumb-horizontalnega-menuja.nuk-gumb-horizontalnega-menuja-aktiven span:nth-child(1), .nuk-gumb-horizontalnega-menuja.nuk-gumb-horizontalnega-menuja-aktiven span:nth-child(3) {
        width: 0;
        transition: width .2s linear
    }

    .nuk-gumb-horizontalnega-menuja.nuk-gumb-horizontalnega-menuja-aktiven span:nth-child(2) {
        transform: rotate(45deg);
        transition: transform .2s linear
    }

    .nuk-gumb-horizontalnega-menuja.nuk-gumb-horizontalnega-menuja-aktiven span:nth-child(2):after {
        transform: rotate(-90deg);
        transition: transform .2s linear
    }
}


.nuk-glavna-pasica .nuk-menu-horizontalni{
	width: calc(100% - 300px);
    overflow-y:hidden;
}

.nuk-glavna-pasica .nuk-menu-horizontalni ul{
	width:auto;
    padding-left:0;
	list-style-type: none;
    overflow-y: hidden;
    overflow-x: hidden;
    white-space: nowrap;
    flex-wrap: nowrap;
}
.nuk-glavna-pasica .nuk-menu-horizontalni ul li{
	padding: var(--3e) var(--3e);
    display: inline-block;
    white-space: nowrap;
}
.nuk-glavna-pasica .nuk-menu-horizontalni ul li a{
	font-size: calc(var(--e) * 1.6);
    line-height: 1.2em;
	font-weight:600;
	text-decoration:none;
	padding: var(--e) ;
	display: block;
	position:relative
}

.nuk-glavna-pasica .nuk-menu-horizontalni ul li:hover a {
    color: var(--temnosiva);
}

.nuk-glavna-pasica .nuk-menu-horizontalni ul li:hover ul a {
    color: var(--svetla);
}
.nuk-glavna-pasica .nuk-menu-horizontalni ul li:hover ul a:hover {
    color: var(--svetlosiva);
}

.nuk-glavna-pasica .nuk-menu-horizontalni ul ul li a:focus-visible {
    outline-color:var(--svetla) !important;
} 



.nuk-glavna-pasica .nuk-menu-horizontalni ul li.nuk-ima-podmeni a:after{
	
	  content:'\e801';
    font-family:"nuk-ikone";
   
    speak:never;
    display:inline-block;
  
    margin-left:var(--e);
    text-align:center;
   font-size: 20px; 
    line-height:.8;
	vertical-align: middle;
    transition:transform .2s linear,background-color .2s linear,color .2s linear;
    pointer-events:none
}

.nuk-glavna-pasica .nuk-menu-horizontalni ul li.nuk-ima-podmeni.nuk-podmenu-odprt a:after {
    transform: rotateX(180deg);
}

/*podmenuji*/

.nuk-glavna-pasica .nuk-menu-horizontalni ul ul{ 
	display:block;
	flex-direction: initial;
	flex-wrap: initial;
	z-index:1006;
	position: fixed;
	top: -100vh;
	transition: top .25s linear;
	left:0;
	width:100%;
	height:auto;
	background-color: var(--temnosiva);
	text-align: center;
	padding: var(--8e) 0;
}

.nuk-glavna-pasica .nuk-menu-horizontalni ul ul li {
	width:100%;
	max-width: 73.33%;
	margin: 0 auto;
	display: block;
	text-align:left;
	padding-left:0;
	padding-right:0;
}

.nuk-glavna-pasica .nuk-menu-horizontalni ul li.nuk-podmenu-odprt ul{
	top: 0;
	transition: top .25s linear;
}

.nuk-glavna-pasica .nuk-menu-horizontalni ul ul li a{
	font-size: var(--5e);
	font-weight: 300;
	color: var(--svetla);
	display: block;
	width: 100%;
	position: relative;
		padding-left:0;
	padding-right:0;
	transition: color .25s linear;
}

.nuk-glavna-pasica .nuk-menu-horizontalni ul ul li a:hover{
	color: var(--temna);
	transition: color .25s linear;
}

.nuk-glavna-pasica .nuk-menu-horizontalni ul ul li a:hover:before,
.nuk-glavna-pasica .nuk-menu-horizontalni ul ul li a:hover span{

}

.nuk-glavna-pasica .nuk-menu-horizontalni ul ul li a span{
	font-size: calc(var(--e) * 1.6);
	width:300px;
	display: block; 
	position: absolute;
	top: var(--4e);
	right:0;
	}
.nuk-glavna-pasica .nuk-menu-horizontalni ul li.nuk-ima-podmeni ul li a:after{
	content:'';
}

.nuk-glavna-pasica .nuk-menu-horizontalni ul li.nuk-ima-podmeni ul li a:before{
	content: '01';
	display: inline-block;
	font-size: calc(var(--e) * 1.6);
	margin-right: var(--4e);
	width: var(--2e);
	vertical-align: super;
}

.nuk-glavna-pasica .nuk-menu-horizontalni ul li.nuk-ima-podmeni ul li:nth-child(2) a:before{content: '02';}
.nuk-glavna-pasica .nuk-menu-horizontalni ul li.nuk-ima-podmeni ul li:nth-child(3) a:before{content: '03';}
.nuk-glavna-pasica .nuk-menu-horizontalni ul li.nuk-ima-podmeni ul li:nth-child(4) a:before{content: '04';}
.nuk-glavna-pasica .nuk-menu-horizontalni ul li.nuk-ima-podmeni ul li:nth-child(5) a:before{content: '05';}
.nuk-glavna-pasica .nuk-menu-horizontalni ul li.nuk-ima-podmeni ul li:nth-child(6) a:before{content: '06';}
.nuk-glavna-pasica .nuk-menu-horizontalni ul li.nuk-ima-podmeni ul li:nth-child(7) a:before{content: '07';}
.nuk-glavna-pasica .nuk-menu-horizontalni ul li.nuk-ima-podmeni ul li:nth-child(8) a:before{content: '08';}
.nuk-glavna-pasica .nuk-menu-horizontalni ul li.nuk-ima-podmeni ul li:nth-child(9) a:before{content: '09';}
.nuk-glavna-pasica .nuk-menu-horizontalni ul li.nuk-ima-podmeni ul li:nth-child(10) a:before{content: '10';}
	


/*uporabniski menu*/
.nuk-glavna-pasica-desno{
	display: flex;
	flex-direction: row;
	height:100%;
	padding:0 var(--4e);	
	 justify-content: flex-end;   /* Aligns items to the right */
    align-items: center;         /* Vertically centers items */
	width: 300px;
}
.nuk-glavna-pasica-desno-vsebina{
	font-size: calc(var(--e) * 1.6);
	padding: var(--4e) 0;
	font-weight: 600;
}

.nuk-glavna-pasica .nuk-gumb-menu-uporabniki{
	width: var(--3e);
	cursor: pointer;
	height: var(--3e);
	margin-left: var(--2e);
	border: 2px solid var(--temna);
	border-radius: 50%;
	align-items: center;       /* Centers items vertically */
    justify-content: center; 
	display: flex;
	transition: background-color .25s linear;
    background-color: transparent;
    color: var(--temna);
    padding:0;
    margin-bottom:0;
}

.nuk-glavna-pasica .nuk-gumb-menu-uporabniki:hover{
	background-color: var(--temna);
	transition: background-color .25s linear;
}

.nuk-glavna-pasica .nuk-gumb-menu-uporabniki span{
	
	transition: color .25s linear;
}
.nuk-glavna-pasica .nuk-gumb-menu-uporabniki:hover span{
	color: var(--svetlosiva);
	
	transition: color .25s linear;
}

.nuk-menu-uporabniski{
    position: absolute;
    top:100%;
    right:-305px;
    padding:0;
    background-color: var(--svetla);
    z-index:3;
    max-width:300px;
    transition: right .2s linear;
}

.nuk-menu-uporabniski.nuk-menu-uporabniski-odprt {
    right:0;
    transition: right .2s linear;
}

.nuk-menu-uporabniski ul{
    padding-left:0;
	list-style-type: none;
	box-shadow: 0px 0px var(--e) rgba(0,0,0,.2);
}

.nuk-menu-uporabniski ul li {
	
	background-color: var(--svetla);
}
.nuk-menu-uporabniski ul li span.nuk-menu-uporabniski-naslov{
    display: block;
	text-decoration:none;
	padding: var(--2e) var(--2e);
	width:100%;
	position:relative;
	box-sizing: border-box;
    font-weight: 700;
    background: var(--sekundarna);
    border-right: 4px solid var(--primarna);
}



.nuk-menu-uporabniski ul li span{
	padding: var(--2e) var(--2e);
	width:100%;
	position:relative;
	box-sizing: border-box;
	display: block;
}

.nuk-menu-uporabniski ul li a{
	display: block;
	text-decoration:none;
	padding: var(--2e) var(--2e);
	width:100%;
	position:relative;
	box-sizing: border-box;
}

.nuk-menu-uporabniski ul li a:hover{
	background-color:var(--svetlosiva);
	color: var(--temna);
}

.nuk-menu-uporabniski ul li a:hover:after{
	position: absolute;
	top:0;
	right:0;
	width: 3px;
	height:100%;
	background: var(--temna);
	content: ' ';
}

.nuk-menu-uporabniski ul ul li {
	
	background-color: var(--svetla);
}

.nuk-menu-uporabniski ul ul{
	box-shadow: none;
}

/*barve*/
.nuk-temna,.nuk-dark{
    color:var(--temna)
}
.nuk-svetla,.nuk-light{
    color:var(--svetla)
}
.nuk-sekundarna,.nuk-secondary{
    color:var(--sekundarna)
}
.nuk-siva,.nuk-grey,.nuk-gray{
    color:var(--siva)
}
.nuk-svetlosiva,.nuk-lightgrey,.nuk-lightgray{
    color:var(--svetlosiva)
}
.nuk-temnosiva,.nuk-daregrey,.nuk-darkgray{
    color:var(--temnosiva)
}
.nuk-zelena,.nuk-green{
    color:var(--zelena)
}
.nuk-modra,.nuk-blue{
    color:var(--modra)
}
.nuk-barva-napaka,.nuk-color-red,.nuk-color-error{
    color:var(--napaka)
}
.nuk-barva-uspeh,.nuk-color-success{
    color:var(--uspeh)
}
.nuk-barva-opozorilo,.nuk-color-warning{
    color:var(--opozorilo)
}
.nuk-barva-informacije,.nuk-color-info{
    color:var(--informacije)
}
.nuk-ozadje-temna,.nuk-o-temna,.nuk-background-dark,.nuk-bg-dark{
    background-color:var(--temna)
}
.nuk-ozadje-primarna,.nuk-o-primarna,.nuk-background-primary,.nuk-bg-primary{
    background-color:var(--primarna)
}
.nuk-ozadje-sekundarna,.nuk-o-sekundarna,.nuk-background-secondary,.nuk-bg-secondary{
    background-color:var(--sekundarna)
}
.nuk-ozadje-svetla,.nuk-o-svetla,.nuk-background-light,.nuk-bg-light{
    background-color:var(--svetla)
}
.nuk-ozadje-siva,.nuk-o-siva,.nuk-background-grey,.nuk-bg-grey,.nuk-background-gray,.nuk-bg-gray{
    background-color:var(--siva)
}
.nuk-ozadje-svetlosiva,.nuk-o-svetlosiva,.nuk-background-lightgrey,.nuk-bg-lightgrey,.nuk-background-darkgray,.nuk-bg-darkgray{
    background-color:var(--svetlosiva)
}
.nuk-ozadje-temnosiva,.nuk-o-temnosiva,.nuk-background-lightgrey,.nuk-bg-lightgrey,.nuk-background-lightgray,.nuk-bg-lightgray{
    background-color:var(--temnosiva)
}
.nuk-ozadje-zelena,.nuk-o-zelena,.nuk-background-green,.nuk-bg-green{
    background-color:var(--zelena)
}
.nuk-ozadje-modra,.nuk-o-modra,.nuk-background-blue,.nuk-bg-blue{
    background-color:var(--modra)
}
.nuk-ozadje-napaka,.nuk-o-napaka,.nuk-background-error,.nuk-bg-error{
    background-color:var(--napaka);
}

.nuk-ozadje-uspeh, .nuk-o-uspeh, .nuk-background-success, nuk-bg-success {
     background-color:var(--uspeh);
}

.nuk-ozadje-opozorilo, .nuk-o-opozorilo, .nuk-background-warning, nuk-bg-warning {
     background-color:var(--opozorilo);
}

.nuk-ozadje-informacije, .nuk-o-informacije, .nuk-background-info, nuk-bg-info {
     background-color:var(--informacije);
}

.nuk-okvir,.nuk-ovoj,.nuk-wrap,.nuk-wrapper{
    width:100%;
    max-width:1400px;
    max-width:73.33%;
    margin:0 auto;
    padding:0;
    transition: padding .2s linear, margin .2s linear, width .2s linear, margin-left .2s linear;


}

body.nuk-2 .nuk-okvir,body.nuk-2 .nuk-ovoj,body.nuk-2 .nuk-wrap,body.nuk-2 .nuk-wrapper{
    max-width:100%;
    padding:0 var(--10e);
}

.nuk-okvir-sirok,.nuk-ovoj-sirok,.nuk-wrap-wide,.nuk-wrapper-wide{
    max-width:100%;
    margin:0 auto;
    padding:0 var(--2e)
}
.nuk-okvir-ozji,.nuk-ovoj-ozji,.nuk-wrap-narrower,.nuk-wrapper-narrower{
    max-width:80%;
    margin:0 auto;
    padding:0 var(--2e)
}
.nuk-okvir-ozek,.nuk-ovoj-ozek,.nuk-wrap-narrow,.nuk-wrapper-narrow{
    max-width:50%;
    margin:0 auto;
    padding:0 var(--2e)
}
.nuk-grid,.nuk-mreza{
    display:grid;
    grid-gap:var(--4e);
    justify-content:end;
    align-content:flex-end
}

.nuk-grid-1, .nuk-mreza-1,
.nuk-grid-2, .nuk-mreza-2,
.nuk-grid-3, .nuk-mreza-3,
.nuk-grid-4, .nuk-mreza-4,
.nuk-grid-5, .nuk-mreza-5,
.nuk-grid-6, .nuk-mreza-6,
.nuk-grid-7, .nuk-mreza-7,
.nuk-grid-8, .nuk-mreza-8,
.nuk-grid-9, .nuk-mreza-9,
.nuk-grid-10, .nuk-mreza-10,
.nuk-grid-11, .nuk-mreza-11,
.nuk-grid-12, .nuk-mreza-12 {
     display: grid;
       grid-gap:var(--4e);
    justify-content:end;
    align-content:flex-end
}

.nuk-mreza.nuk-grid-aligntop,
.nuk-grid.nuk-grid-aligntop,
.nuk-aligntop{
    justify-content:start;
      align-content:flex-start; 
}

.nuk-mreza.nuk-grid-alignbottom,
.nuk-grid.nuk-grid-alignbottom,
.nuk-alignbottom{
    justify-content:end;
      align-content:flex-end; 
}

.nuk-mreza.nuk-grid-aligntop .nuk-fieldpack,
.nuk-grid.nuk-grid-aligntop .nuk-fieldpack {
  
     align-self: flex-start;
}


.nuk-grid-1,.nuk-mreza-1{
    grid-template-columns:repeat(1,minmax(0, 1fr))
}
.nuk-grid-2,.nuk-mreza-2{
    grid-template-columns:repeat(2,minmax(0, 1fr))
}
.nuk-grid-3,.nuk-mreza-3{
    grid-template-columns:repeat(3,minmax(0, 1fr))
}
.nuk-grid-4,.nuk-mreza-4{
    grid-template-columns:repeat(4,minmax(0, 1fr))
}
.nuk-grid-5,.nuk-mreza-5{
    grid-template-columns:repeat(5,minmax(0, 1fr))
}
.nuk-grid-6,.nuk-mreza-6{
    grid-template-columns:repeat(6,minmax(0, 1fr))
}
.nuk-grid-7,.nuk-mreza-7{
    grid-template-columns:repeat(7,minmax(0, 1fr))
}
.nuk-grid-8,.nuk-mreza-8{
    grid-template-columns:repeat(8,minmax(0, 1fr))
}
.nuk-grid-9,.nuk-mreza-9{
    grid-template-columns:repeat(9,minmax(0, 1fr))
}
.nuk-grid-10,.nuk-mreza-10{
    grid-template-columns:repeat(10,minmax(0, 1fr))
}
.nuk-grid-12,.nuk-mreza-12{
    grid-template-columns:repeat(12,minmax(0, 1fr))
}
.nuk-grid-auto,.nuk-mreza-auto{
    grid-auto-flow:column
}
.nuk-grid-gap-0,.nuk-mreza-razmik-0{
    grid-gap:0
}
.nuk-grid-gap-1,.nuk-mreza-razmik-1{
    grid-gap:var(--1e)
}
.nuk-grid-gap-2,.nuk-mreza-razmik-2{
    grid-gap:var(--2e)
}
.nuk-grid-gap-3,.nuk-mreza-razmik-3{
    grid-gap:var(--3e)
}
.nuk-grid-gap-4,.nuk-mreza-razmik-4{
    grid-gap:var(--4e)
}
.nuk-grid-gap-5,.nuk-mreza-razmik-5{
    grid-gap:var(--5e)
}
.nuk-grid-gap-10,.nuk-mreza-razmik-10{
    grid-gap:var(--10e)
}
.nuk-razpon-1,.nuk-span-1{
    grid-column:span 1
}
.nuk-razpon-2,.nuk-span-2{
    grid-column:span 2
}
.nuk-razpon-3,.nuk-span-3{
    grid-column:span 3
}
.nuk-razpon-4,.nuk-span-4{
    grid-column:span 4
}
.nuk-razpon-4,.nuk-span-5{
    grid-column:span 5
}
.nuk-razpon-4,.nuk-span-6{
    grid-column:span 6
}
.nuk-razpon-4,.nuk-span-7{
    grid-column:span 7
}
.nuk-razpon-4,.nuk-span-8{
    grid-column:span 8
}
.nuk-mreza-aligncenter{
    align-items:center
}
.nuk-preskoci,.nuk-jumplink{
    position:fixed;
    top:-100px;
    left:var(--2e);
    z-index:1005;
    padding:var(--2e);
    color:var(--svetla);
    background-color:var(--temna);
    text-transform:uppercase
}
.nuk-preskoci:focus,.nuk-jumplink:focus{
    top:var(--2e)
}


/*teksti*/


.nuk-tekst h1,.nuk-tekst h2,.nuk-tekst h3,.nuk-tekst h4,.nuk-tekst h5,.nuk-tekst h6,.nuk-tekst h5{
    font-weight:400;
    margin-bottom:var(--3e);
    padding-top:var(--2e);
    display:block;
    clear:both
}
.nuk-tekst h1:first-child,.nuk-text h1:first-child,.nuk-tekst h2:first-child,.nuk-text h2:first-child,.nuk-tekst h3:first-child,.nuk-text h3:first-child,.nuk-tekst h4:first-child,.nuk-text h4:first-child,.nuk-tekst h5:first-child,.nuk-text h5:first-child,.nuk-tekst h6:first-child,.nuk-text h6:first-child,.nuk-tekst h7:first-child,.nuk-text h7:first-child{
    padding-top:0
}
.nuk-tekst h1,.nuk-text h1{
    font-size:var(--6e);
	font-weight: 400;
}
.nuk-tekst h2,.nuk-text h2{
    font-size:var(--4e);
	font-weight: 500;
}
.nuk-tekst h3,.nuk-text h3{
    font-size:calc(var(--2e));
	font-weight: 600;
}
.nuk-tekst h4,.nuk-text h4{
    font-size:calc(var(--2e)* .8);
	font-weight: 600;
}
.nuk-tekst h5,.nuk-text h5{
    font-size: calc(var(--e) * 1.4);
    font-weight:600;
}
.nuk-tekst h6,.nuk-text h6{
    font-size: calc(var(--e) * 1.4);
    font-weight:300;
}
.nuk-tekst ul,.nuk-text ul{
    list-style-type:disc;
    padding-left:var(--4e)
}
.nuk-tekst ul,.nuk-text ul{
    list-style-type:disc;
    padding-left:var(--4e)
}
.nuk-tekst ol,.nuk-text ol{
    list-style-type:decimal;
    padding-left:var(--4e)
}
p,img,ul,ol,table,
.nuk-tekst p,.nuk-tekst img,.nuk-tekst ul,.nuk-tekst ol,.nuk-tekst table{
	font-size: calc(var(--1e) * 1.4);
    margin-bottom:var(--3e);
    color: var(--temna)
}
p:last-child,img:last-child,ul:last-child,ol:last-child,table:last-child{
    margin-bottom:0
}
.nuk-tekst table{
    line-height:1.15;
    min-width:100%;
    border-collapse:collapse
}
.nuk-tekst table th, 
.nuk-tekst table td 
{
    vertical-align:middle;
}
.nuk-tekst table th{
    text-decoration: none;
    padding:var(--1e);
    font-family:'nuk-sans-alt',"Segoe UI","Helvetica Neue",Arial,sans-serif;
    font-weight:700;
    background:var(--svetla);
    vertical-align:middle;
}
.nuk-tekst table td{
    padding:var(--1e);
    text-align:center
}
.nuk-tekst table tr:nth-child(odd) td{
    background:var(--sekundarna)
}
.nuk-tekst table tr td:first-child,.nuk-tekst table tr th:first-child{
    text-align:left
}
.nuk-tekst .nuk-tabela-ovoj{
    width:100%;
    overflow-y:hidden;
    margin-bottom:var(--3e);
    container-type: inline-size;
}
.nuk-tekst .nuk-tabela-ovoj:last-child{
    margin-bottom:0
}
fieldset{
    padding:var(--8e) 0 var(--3e) 0;
    border:none;
    background-color:var(--svetla);
    position:relative
}

fieldset:last-child{
	margin-bottom:0
}

fieldset legend{
    font-size:var(--3e);
    font-family:'nuk-sans-alt','Times New Roman',Times,serif;
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    box-sizing:border-box
}
form{
    display:block
}
form input,form select,form input[type="text"], .nuk-fieldpack input, .nuk-fieldpack select, .nuk-fieldpack input[type="text"]{
    font-family:'nuk-sans-alt',"Segoe UI","Helvetica Neue",Arial,sans-serif;
    letter-spacing:0.5%;
    line-height:1em;
    font-weight:300;
    font-optical-sizing:auto;
    font-synthesis:none;
    text-rendering:optimizeLegibility;
    border:1px solid var(--svetlosiva);
    padding:calc(var(--2e) - 3px) var(--1e);
    font-size:calc(var(--e) * 1.4);
    height:auto;
    background-color:var(--svetla);
    position:relative;
    min-height:0;
}
form textarea, .nuk-fieldpack textarea{
    border:1px solid var(--svetlosiva);
    padding:var(--2e) var(--1e);
    font-size:calc(var(--e) * 1.4);
    height:auto;
	color:var(--temna);
	background-color:var(--svetla);
}
form select, .nuk-fieldpack select{
    padding:var(--2e) var(--1e);
    font-size: calc(var(--e) * 1.4);
    border-radius:0;
    background-color:var(--svetla);
    border:1px solid var(--svetlosiva);
    cursor:pointer;
    font-family:'nuk-sans-alt',"Segoe UI","Helvetica Neue",Arial,sans-serif;
	letter-spacing:0.5%;
}
form button{
    border-left:0 solid var(--svetla);
    border-right:0 solid var(--svetla)
}
form input.nuk-iskanje,form input.nuk-search,form input[type="search"],form input[type="tel"],form input[type="url"],form input[type="email"],form input[type="file"],form input[type="date"],form input.nuk-polje-datum{
    padding-right:var(--3e);
    background-position:right var(--e) center;
    background-size:var(--2e) var(--2e);
    background-repeat:no-repeat
}
form input.nuk-iskanje,form input.nuk-search,form input[type="search"]{
    background-image:url(../svg/nuk-ikona-iskanje.svg)
}
form input[type="tel"]{
    background-image:url(../svg/nuk-ikona-telefon.svg)
}
form input[type="url"]{
    background-image:url(../svg/nuk-ikona-globus.svg)
}
form input[type="email"]{
    background-image:url(../svg/nuk-ikona-posta.svg)
}

form input[type="date"], form input.nuk-polje-datum {
     background-image:url(../svg/nuk-ikona-koledar.svg)
}

form .nuk-preklop-gesla{
    position:absolute;
    height:var(--4e);
    width:var(--4e);
    background:#fff0;
    display:block;
    top:calc(var(--4e) + var(--e) - 2px);
    right:calc(var(--e) / 2);
    cursor:pointer;
    text-align:center;
    line-height:var(--4e)
}
.nuk-svezenj-polj,.nuk-fieldpack{
    display:block;
    margin-bottom:var(--2e);
    width:auto;
    position:relative;
    vertical-align:center;
    align-self:flex-end
}

.nuk-svezenj-polj:last-child,.nuk-fieldpack:last-child{
    margin-right:0;
    margin-bottom:0
}

.nuk-svezenj-polj label,.nuk-fieldpack label{
    display:block;
    font-size: calc(var(--e) * 1.4);
    margin-bottom:var(--e);
    line-height: 1;
}
 .nuk-fieldpack select, .nuk-fieldpack textarea, .nuk-fieldpack input{
    width:100%
}

.nuk-fieldpack:has(input[type="radio"]) {
    margin-bottom: var(--e)
}

 .nuk-fieldpack input[type="checkbox"], .nuk-fieldpack input[type="radio"]{
    clip:rect(0 0 0 0);
    border:0;
    height:1px;
    left:-100px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
    z-index:-1
}
 .nuk-fieldpack input[type="checkbox"]+label:before{
    font-family:'nuk-ikone';
    display:inline-block;
    content:' ';
    width:var(--3e);
    height:var(--3e);
    border:1px solid var(--temna);
    vertical-align:middle;
    margin-right:var(--2e);
    background-color:var(--svetla);
    text-align:center;
    line-height:var(--3e);
    font-size:var(--3e);
    color:var(--svetla)
}
 .nuk-fieldpack input[type="checkbox"]:checked+label:before{
    content:'\e848';
    background-color:var(--temnosiva);
    border:1px solid var(--temnosiva)
}
.nuk-fieldpack input[type="checkbox"]:focus-visible+label:before{
    outline-color:var(--temna);
    outline-offset:3px;
    outline-style:solid;
    outline-width:1px
}
 .nuk-fieldpack input[type="radio"]+label:before{
    display:inline-block;
    content:' ';
    width:var(--3e);
    height:var(--3e);
    border-radius:50%;
    border:1px solid var(--temna);
    vertical-align:middle;
    margin-right:var(--2e);
    background-color:var(--svetla);
    text-align:center;
    line-height:.4em;
    font-size:var(--4e);
    color:var(--svetla)
}

 .nuk-fieldpack input[type="radio"]:checked+label:before{
    content:'●';
   padding-left: 0;
  line-height: .53;
    color:var(--temnosiva)
}
 .nuk-fieldpack label.nuk-zahtevano:after{
    content:'*';
/*    font-family:'nuk-serif';*/
    padding-left:1px
}
.nuk-fieldpack input[type="radio"]:focus-visible+label:before{
    outline-color:var(--temna);
    outline-offset:3px;
    outline-style:solid;
    outline-width:1px
}

input:invalid:not(:focus):not(:placeholder-shown),textarea:invalid:not(:focus):not(:placeholder-shown),select:invalid:not(:focus){
    box-shadow:none;
    border:2px solid var(--napaka)
}
input:invalid:not(:focus):not(:placeholder-shown),textarea:invalid:not(:focus):not(:placeholder-shown){
    border:2px solid var(--napaka)
}
select:invalid:not(:focus){
    border:2px solid var(--napaka)
}

/*input field button*/

input[type="file"]::file-selector-button {
    border-radius:0;
    border: 0;
    background-color:var(--temna);
    color: var(--svetla);
    font-size: calc(var(--e) * 1.4);
  padding: var(--e) var(--e);
  letter-spacing: 0;
  height: auto;
  width: auto;line-height: 1em;
  outline: none;
  box-sizing: border-box;cursor: pointer;
  transition: background-color .25s linear,color .25s linear;
}

input[type="file"]::file-selector-button:hover {
    background-color: var(--svetlosiva);
  color: var(--temna);
  outline: none;
  transition: background-color .25s linear,color .25s linear;
  text-decoration: none;
}

.nuk-fieldpack .nuk-stikalo label{
    cursor:pointer
}
.nuk-fieldpack .nuk-stikalo label .nuk-stikalo-napis{
    display:block;
    user-select:none
}
.nuk-fieldpack .nuk-stikalo label input[role="switch"]~.nuk-stikalo-stikalo{
    display:inline-block;
    user-select:none
}

.nuk-fieldpack .nuk-polje-napaka {
    display: block;
    font-size: calc(var(--e) * 1.2);
    color: var(--napaka);
    font-style: italic;
    margin-top: var(--e);
}

.nuk-fieldpack .nuk-polje-pojasnilo,
.nuk-polje-pojasnilo{
    display: block;
    font-size: calc(var(--e) * 1.2);
    color: var(--temnosiva);
    font-style: italic;
    margin-top: var(--e);
}

.nuk-stikalo .nuk-stikalo-animacija{
    position:relative;
    display:inline-block;
    content:' ';
    width:var(--4e);
    height:var(--3e);
    border:1px solid var(--temna);
    vertical-align:middle;
    background-color:var(--svetla);
    transition:background-color .2s ease
}
.nuk-stikalo .nuk-stikalo-animacija:after{
    display:block;
    pointer-events:none;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:var(--e);
    height:calc(var(--3e) - 2px);
    background-color:var(--temnosiva);
    transition:left .2s ease,background-color .2s ease;
    vertical-align:middle
}
.nuk-stikalo input[type="checkbox"]:checked~.nuk-stikalo-animacija{
    background-color:var(--temnosiva);
    transition:background-color .2s ease
}
.nuk-stikalo input[type="checkbox"]:checked~.nuk-stikalo-animacija:after{
    left:calc(100% - var(--e));
    background-color:var(--svetla);
    transition:left .2s ease,background-color .2s ease
}
.nuk-stikalo .nuk-stikalo-izklopljeno,.nuk-stikalo .nuk-stikalo-vklopljeno{
    margin-left:var(--e);
    vertical-align:middle;
    display:inline-block
}
.nuk-stikalo .nuk-stikalo-vklopljeno{
    display:none
}
.nuk-stikalo .nuk-stikalo-izklopljeno{
    display:inline-block
}
.nuk-stikalo input[type="checkbox"]:checked~.nuk-stikalo-vklopljeno{
    display:inline-block
}
.nuk-stikalo input[type="checkbox"]:checked~.nuk-stikalo-izklopljeno{
    display:none
}
.nuk-stikalo input[type="checkbox"]:focus-visible~.nuk-stikalo-animacija{
    outline-color:var(--temna);
    outline-offset:3px;
    outline-style:solid;
    outline-width:1px
}
.multi-select{
    display:flex;
    box-sizing:border-box;
    flex-direction:column;
    position:relative;
    width:100%;
    user-select:none
}
.multi-select .multi-select-header{
    border:1px solid var(--svetlosiva);
    padding:var(--e);
    overflow:hidden;
    gap:var(--e);
    height:auto;
    min-height:var(--2e);
    height:var(--5e);
    height:54px;
    background:var(--svetla)
}
.multi-select .multi-select-header::after{
    content:"\e801";
    font-family:'nuk-ikone';
    display:block;
    position:absolute;
    top:50%;
    right:5px;
    transform:translateY(-50%);
    line-height:var(--2e);
    color:var(--temna);
    height:var(--2e);
    width:var(--2e);
   
    text-align: right;
}
.multi-select .multi-select-header.multi-select-header-active{
    border-bottom:none
}
.multi-select .multi-select-header.multi-select-header-active::after{
    transform:rotateX(180deg);
    top: 35%;
}
.multi-select .multi-select-header.multi-select-header-active+.multi-select-options{
    display:flex
}
.multi-select .multi-select-header .multi-select-header-placeholder{
    color:var(--siva)
}
.multi-select .multi-select-header .multi-select-header-option{
    display:inline-flex;
    align-items:center;
    background-color:var(--svetlosiva);
    font-size:calc(var(--e) * 1.4);
    padding:5px var(--e);
    border-radius:0
}
.multi-select .multi-select-header .multi-select-header-max{
    font-size:calc(var(--e) * 1.4);
    color:var(--temna)
}
.multi-select .multi-select-options{
    display:none;
    box-sizing:border-box;
    flex-flow:wrap;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:999;
    margin-top:0;
    padding:var(--ee);
    background-color:var(--svetla);
    border-radius:0;
    border:1px solid var(--svetlosiva);
    border-top:none;
    max-height:516px;
    overflow-y:auto;
    overflow-x:hidden
}
.multi-select .multi-select-options::-webkit-scrollbar{
    width:var(--e)
}
.multi-select .multi-select-options::-webkit-scrollbar-track{
    background:var(--modra)
}
.multi-select .multi-select-options::-webkit-scrollbar-thumb{
    background:var(--siva)
}
.multi-select .multi-select-options::-webkit-scrollbar-thumb:hover{
    background:var(--zelena)
}
.multi-select .multi-select-options .multi-select-option,.multi-select .multi-select-options .multi-select-all{
    padding:var(--e)
}
.multi-select .multi-select-options .multi-select-option .multi-select-option-radio,.multi-select .multi-select-options .multi-select-all .multi-select-option-radio{
    background:var(--svetla);
    margin-right:var(--e);
    height:var(--3e);
    width:var(--3e);
    border:1px solid var(--modra);
    border-radius:0
}
.multi-select .multi-select-options .multi-select-option .multi-select-option-text,.multi-select .multi-select-options .multi-select-all .multi-select-option-text{
    box-sizing:border-box;
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:inherit;
    font-size:calc(var(--e) * 1.4)
}
.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-radio,.multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-radio{
    border-color:var(--temnosiva);
    background-color:var(--temnosiva)
}
.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-radio::after,.multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-radio::after{
    font-family:'nuk-ikone';
    content:'\e848';
    display:block;
    width:var(--3e);
    height:var(--3e);
    line-height:var(--3e);
    text-align:center;
    color:var(--svetla)
}
.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-text,.multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-text{
    color:var(--temna)
}
.multi-select .multi-select-options .multi-select-option:hover,.multi-select .multi-select-options .multi-select-option:active,.multi-select .multi-select-options .multi-select-all:hover,.multi-select .multi-select-options .multi-select-all:active{
    background-color:var(--svetla)
}
.multi-select .multi-select-options .multi-select-all{
    border-bottom:1px solid var(--siva);
    border-radius:0
}
.multi-select .multi-select-options .multi-select-search{
    padding:var(--e) var(--e);
    border:1px solid var(--modra);
    border-radius:0;
    margin:var(--e);
    width:100%;
    outline:none;
    font-size:calc(var(--e) * 1.4 );
}
.multi-select .multi-select-options .multi-select-search::placeholder{
    color:var(--modra)
}
.multi-select .multi-select-header,.multi-select .multi-select-option,.multi-select .multi-select-all{
    display:flex;
    flex-wrap:wrap;
    box-sizing:border-box;
    align-items:center;
    border-radius:0;
    cursor:pointer;
    display:flex;
    align-items:center;
    width:100%;
    font-size: calc(var(--2e) + .85);
    color:var(--temna)
}
.multi-select.disabled{
    opacity:.6;
    pointer-events:none;
    background-color:var(--siva)
}
.multi-select.multi-select-invalid .multi-select-header{
    border-color:var(--napaka);
    outline:var(--napaka) solid 1px
}

/*opozorila in obvestila*/

.nuk-opozorilo, .nuk-napaka, .nuk-info, .nuk-uspeh{
	padding:var(--e) var(--e) var(--e) var(--4e);
	color: var(--temna);
    position:relative;
	margin-bottom: var(--2e)
}

.nuk-error, .nuk-napaka{
    background:var(--svetlanapaka);
}
.nuk-warning, .nuk-opozorilo{
    background-color:var(--svetloopozorilo);
}
.nuk-info, .nuk-informacije{
    background-color:var(--svetleinformacije);
}
.nuk-success, .nuk-uspeh{
    background-color:var(--sveteluspeh);
}

.nuk-napaka:after,
.nuk-error:after,
.nuk-opozorilo:after,
.nuk-warning:after,
.nuk-informacije:after,
.nuk-info:after,
.nuk-success:after,
.nuk-uspeh:after{
	font-family:'nuk-ikone'; 
    position:absolute;
    top:var(--e);
    left:var(--e);
	width: var(--2e);
	height:var(--2e);
	text-align: center;
	line-height: var(--2e);
	border-radius: 50%;
	
	color: var(--svetla);
}
.nuk-napaka:after,
.nuk-error:after{
    content:'\e808';
	background-color: var(--napaka);
}
.nuk-opozorilo:after,
.nuk-warning:after{
    content:'\e811';
		background-color: var(--opozorilo);
}
.nuk-info:after,
.nuk-informacije:after{
   content:'\e808';
	background-color: var(--info);
}
.nuk-success:after,
.nuk-uspeh:after{
   content: '\e848';
		background-color: var(--uspeh);
}


.nuk-opozorilo .nuk-opozorilo-naslov{
    font-size:calc(var(--e) * 1.4)
}


.nuk-napaka p,
.nuk-opozorilo p,
.nuk-info p,
.nuk-uspeh p{
    font-size:calc( var(--e) * 1.2);
	line-height: 1.4;
}

.nuk-napaka ul,
.nuk-opozorilo ul,
.nuk-info ul,
.nuk-uspeh ul{
   list-style-type: none;
   padding-left:0;
}




.nuk-opozorilo-raztegljivo{
    background:var(--temna)
}
.nuk-opozorilo-raztegljivo .nuk-opozorilo-naslov{
    margin-bottom:0;
    transition:margin-bottom .2s ease
}
.nuk-opozorilo-raztegljivo .nuk-opozorilo-odpri{
    position:absolute;
    top:var(--2e);
    right:var(--2e);
    width:var(--3e);
    height:var(--3e);
    background:var(--svetla);
    cursor:pointer;
    color:var(--temna);
    line-height:var(--3e);
    transition:transform .2s ease,background-color .2s ease,color .2s ease;
    text-align:center
}
.nuk-opozorilo-raztegljivo .nuk-opozorilo-odpri:hover{
    background-color:var(--temna);
    color:var(--svetla);
    transition:transform .2s ease,background-color .2s ease,color .2s ease
}
.nuk-opozorilo-raztegljivo .nuk-opozorilo-odpri:before{
    content:'\e801';
    font-family:'nuk-ikone'
}
.nuk-opozorilo-raztegljivo .nuk-opozorilo-vsebina{
    max-height:0;
    overflow:hidden;
    transition:height .2s ease
}
.nuk-opozorilo-raztegljivo.nuk-opozorilo-vsebina-odprta .nuk-opozorilo-vsebina{
    max-height:1000px;
    transition:height .2s ease
}
.nuk-opozorilo-raztegljivo.nuk-opozorilo-vsebina-odprta .nuk-opozorilo-naslov{
    margin-bottom:var(--2e);
    transition:margin-bottom .2s ease
}
.nuk-opozorilo-raztegljivo.nuk-opozorilo-vsebina-odprta .nuk-opozorilo-odpri{
    transform:rotateX(180deg);
    transition:transform .2s ease,background-color .2s ease,color .2s ease
}
button,form button,.nuk-gumb{
    background-color:var(--temna);
    border-bottom:0px solid var(--temna);
    border-radius:0;
    border-left:none;
    border-right:none;
    border-top:0px solid var(--temna);
    color:var(--svetla);
    gap:var(--e);
    padding:var(--2e) var(--2e);
    text-decoration:none;
    align-items:center;
    box-sizing:border-box;
    display:inline-flex;
    font-size:calc(var(--e) * 1.4);
    justify-content:center;
    letter-spacing:0.5%;
    line-height:1em;
    outline:none;
    box-sizing:border-box;
    height:auto;
    transition:background-color .25s linear,color .25s linear;
   /* margin-bottom:var(--2e); */
    cursor:pointer
}

.nuk-gumb-fullwidth {
    width:100%;
}

button:last-child,form button:last-child,.nuk-gumb:last-child{
    margin-bottom:0
}
form button:after,.nuk-gumb:after{
    content:'\e819';
    font-family:'nuk-ikone';
    font-style:normal;
    font-weight:400;
    font-size:calc(var(--e) * 1.4);
    align-items:center;
    color:var(--svetla);
    display:inline-flex;
    height:auto;
    justify-content:center;
    line-height:1;
    transition:background-color .25s linear,color .25s linear
}
form button.nuk-gumb-ozek,.nuk-gumb.nuk-gumb-ozek{
    width:var(--7e);
    min-width:128px
}

.nuk-gumb-alt,
.nuk-gumb-sekundarni {
    background-color:var(--svetlosiva);
  
    color:var(--temna);
  
}

form button.nuk-gumb-nazaj:after,.nuk-gumb.nuk-gumb-nazaj:after{
    content:'';
    display:none;
    font-size:0;
    height:0;
    line-height:0;
    min-height:0;
    min-width:0;
    width:0;
    transition:background-color .25s linear,color .25s linear
}


.nuk-gumb-alt:after,
.nuk-gumb-alt:before,
.nuk-gumb-sekundarni:after,
.nuk-gumb-sekundarni:before {
    color:var(--temna);
    background-color: var(--svetlosiva);
}


form button.nuk-gumb-nazaj:before,.nuk-gumb.nuk-gumb-nazaj:before{
    content:'\e81a';
    font-family:'nuk-ikone';
    font-style:normal;
    font-weight:400;
    font-size:calc(var(--e) * 1.4);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    align-items:center;
    background-color:var(--temna);
    color:#fff;
    display:inline-flex;
  
    justify-content:center;
    line-height:1;
    min-width:var(--2e);
    width:var(--2e);
    transition:background-color .25s linear,color .25s linear
}
.nuk-gumb:active,
.nuk-gumb:hover,
.nuk-gumb-nazaj:active,
.nuk-gumb-nazaj:hover,
form button:active,
form button:hover{
    background-color:var(--svetlosiva);
    color:var(--temna);
    outline:none;
    transition:background-color .25s linear,color .25s linear;
    text-decoration:none
}

form button.nuk-gumb-nazaj.nuk-gumb-sekundarni:before, .nuk-gumb.nuk-gumb-nazaj.nuk-gumb-sekundarni:before {

        background-color:var(--svetlosiva);
  
    color:var(--temna);
}

form button.nuk-gumb-nazaj.nuk-gumb-sekundarni:hover:before,
.nuk-gumb.nuk-gumb-nazaj.nuk-gumb-sekundarni:hover:before {

        background-color:var(--temna);
  
    color:var(--svetla);
}


.nuk-gumb-alt:hover,
.nuk-gumb-sekundarni:hover {
    background-color:var(--temna);
  
    color:var(--svetla);
  
}

.nuk-gumb-alt:hover:after,
.nuk-gumb-sekundarni:hover:after,
.nuk-gumb-sekundarni:hover:before {
    color:var(--svetla)!important;
    background-color: var(--temna);
}
.nuk-gumb:active:after,
.nuk-gumb:hover:after,
.nuk-gumb:active:before,
.nuk-gumb:hover:before,
form button:active:before,
form button:hover:before,
form button:active:after,
form button:hover:after{
    color:var(--temna);
    transition:background-color .25s linear,color .25s linear;
    text-decoration:none
}
form button.nuk-gumb-prazen:before,.nuk-gumb-prazen:before,form button.nuk-gumb-prazen:after,.nuk-gumb-prazen:after{
    content:'';
    display:none
}
.nuk-gumb-mini{
    gap:var(--e);
	font-size: calc(var(--e) * 1.4);
    padding: var(--e) var(--e);
    letter-spacing:0;
    height:auto;
    width:auto
}

form button.nuk-gumb-mini::after,.nuk-gumb.nuk-gumb-mini::after{
    font-size:var(--e);
   
}
.nuk-gumb-ikona{
    gap:0;
    font-size:0;
    line-height:0;
    letter-spacing:0;
    padding: var(--2e) var(--2e);
    vertical-align: top;
}

.nuk-2.nuk-gum-mini.nuk-gumb-ikona { 
    padding: var(--e) var(--e)  !important;
}

.nuk-gumb-ikona:after {
    content: ' ';
     font-size:calc(var(--e) * 1.4);
     line-height:calc(var(--e) * 1.4);
      font-family:'nuk-ikone';
}

.nuk-gumb-ikona-mini{
    gap:0;
    padding:0 var(--e);
    letter-spacing:0;
    height:auto;
    width:auto;
    font-size:0;
    line-height:0;
    letter-spacing:0
}

form button.nuk-gumb-ikona-mini::after,.nuk-gumb.nuk-gumb-ikona-mini::after{
    font-size:calc(var(--e) * 1.2);
    height:var(--3e);
    min-height:var(--3e);
    min-width:var(--3e);
    width:var(--3e)
}

.nuk-gumb:disabled, .nuk-gumb:disabled, .nuk-gumb:disabled, .nuk-gumb:disabled, form button:disabled, form button:disabled {
    background-color: var(--svetlosiva);
    color: var(--siva);
    pointer-events:none;
}
.nuk-gumb-ikona-desno:after{content:'\e800';}
.nuk-gumb-ikona-dol:after{content:'\e801';}
.nuk-gumb-ikona-domov:after{content:'\e802';}
.nuk-gumb-ikona-facebook:after{content:'\e803';}
.nuk-gumb-ikona-globus:after{content:'\e804';}
.nuk-gumb-ikona-gor:after{content:'\e805';}
.nuk-gumb-ikona-instagram:after{content:'\e806';}
.nuk-gumb-ikona-iskanje:after{content:'\e807';}
.nuk-gumb-ikona-koledar:after{content:'\e809';}
.nuk-gumb-ikona-levo:after{content:'\e80a';}
.nuk-gumb-ikona-linkedin:after{content:'\e80b';}
.nuk-gumb-ikona-lokacija:after{content:'\e80c';}
.nuk-gumb-ikona-minus:after{content:'\e80d';}
.nuk-gumb-ikona-nalozi:after{content:'\e80e';}
.nuk-gumb-ikona-nastavitve:after{content:'\e80f';}
.nuk-gumb-ikona-odklenjeno:after{content:'\e810';}
.nuk-gumb-ikona-opozorilo:after{content:'\e811';}
.nuk-gumb-ikona-plus:after{content:'\e812';}
.nuk-gumb-ikona-pomoc:after{content:'\e813';}
.nuk-gumb-ikona-posta:after{content:'\e814';}
.nuk-gumb-ikona-povezava:after{content:'\e815';}
.nuk-gumb-ikona-prenesi:after{content:'\e816';}
.nuk-gumb-ikona-priponka:after{content:'\e817';}
.nuk-gumb-ikona-profil:after{content:'\e818';}
.nuk-gumb-ikona-puscica-desno:after{content:'\e819';}
.nuk-gumb-ikona-puscica-levo:after{content:'\e81a';}
.nuk-gumb-ikona-shrani:after{content:'\e81b';}
.nuk-gumb-ikona-slika:after{content:'\e81c';}
.nuk-gumb-ikona-smeti:after{content:'\e81d';}
.nuk-gumb-ikona-telefon:after{content:'\e81e';}
.nuk-gumb-ikona-uredi:after{content:'\e81f';}
.nuk-gumb-ikona-zaklenjeno:after{content:'\e820';}
.nuk-gumb-ikona-zapri:after{content:'\e821';}
.nuk-gumb-ikona-nuk:after{content:'\e822';}
.nuk-gumb-ikona-knjiga:after{content:'\e823';}
.nuk-gumb-ikona-kljukica:after{content:'\e848';}
.nuk-gumb-ikona-klepet:after{content:'\e824';}
.nuk-gumb-ikona-nazaj:after{content:'\e827';}
.nuk-gumb-ikona-zavrni:after{content:'\e828';}
.nuk-gumb-ikona-dokument:after{content:'\e829';}
.nuk-gumb-ikona-oko-odprto:after{content:'\e82a';}
.nuk-gumb-ikona-oko-zaprto:after{content:'\e82b';}
.nuk-gumb-ikona-dokumenti:after { content: '\e83a'; } 
.nuk-gumb-ikona-digitalno:after { content: '\e83b'; }
.nuk-gumb-ikona-fizicno:after { content: '\e83d'; } /* '' */
.nuk-gumb-ikona-kartice:after { content: '\e82f'; } /* '' */
.nuk-gumb-ikona-menu:after { content: '\e833'; } /* '' */
.nuk-gumb-ikona-luna:after { content: '\e83f'; } /* '' */
.nuk-gumb-ikona-sonce:after { content: '\e840'; } /* '' */
.nuk-gumb-ikona-svincnik:after { content: '\e841'; } /* '' */
.nuk-gumb-ikona-foto:after { content: '\e83e'; } /* '' */
.nuk-gumb-ikona-vstopnica:after { content: '\e842'; } /* '' */
.nuk-gumb-ikona-vozicek:after { content: '\e843'; } /* '' */
.nuk-gumb-ikona-rss:after { content: '\e844'; } /* '' */
.nuk-gumb-ikona-srce:after { content: '\e835'; } /* '' */
.nuk-gumb-ikona-srce-alt:after { content: '\e839'; } /* '' */
.nuk-gumb-ikona-knjiznica:after { content: '\e845'; } /* '' */
.nuk-gumb-ikona-ustanova:after { content: '\e846'; } /* '' */
.nuk-gumb-ikona-ura:after { content: '\e847'; } /* '' */
.nuk-gumb-ikona-palec-dol:after { content: '\e837'; } /* '' */
.nuk-gumb-ikona-palec-gor:after { content: '\e838'; } /* '' */
.nuk-gumb-ikona-v-digitalno:after { content: '\e825'; } /* '' */
.nuk-gumb-ikona-v-tiskano:after { content: '\e849'; } /* '' */

.nuk-na-vrh{
    color:#fff0;
    line-height:var(--4e);
    position:fixed;
    bottom:calc(-1 * var(--8e));
    right:var(--2e);
    width:var(--4e);
    height:var(--5e);
    z-index:1002;
    background-color:var(--temna);
    border:none;
    font-size:var(--3e);
    cursor:pointer;
    margin:0;
    transition:bottom .25s linear,background-color .25s linear;
    color:var(--svetla);
    text-align:center;
    padding: 27px;
}
.nuk-na-vrh:hover{
    background-color:var(--modra);
    transition:background-color .25s linear
}
.nuk-na-vrh i:before{
    margin-left:0;
    margin-right:0;
    vertical-align:top;
    line-height:var(--4e)
}
.nuk-na-vrh.nuk-na-vrh-prikazi{
    bottom:var(--2e);
    transition:bottom .25s linear,background-color .25s linear
}
[class^="nuk-ikona-"]:before,[class*=" nuk-ikona-"]:before{
    font-family:"nuk-ikone";
    font-style:normal;
    font-weight:400;
    speak:never;
    display:inline-block;
    text-decoration:inherit;
    width:1em;
    margin-right:.2em;
    text-align:center;
    font-variant:normal;
    text-transform:none;
    line-height:1em;
    margin-left:.2em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-style:normal;
    height:1em;
    display:inline-block
}
.nuk-ikona-temna{
    background:var(--temna);
    color:var(--svetla);
    border-radius:50%;
    padding:4px;
    text-align:center
}

/*fontello ikone*/

.nuk-ikona-desno:before { content: '\e800'; } /* '' */
.nuk-ikona-dol:before { content: '\e801'; } /* '' */
.nuk-ikona-domov:before { content: '\e802'; } /* '' */
.nuk-ikona-facebook:before { content: '\e803'; } /* '' */
.nuk-ikona-globus:before { content: '\e804'; } /* '' */
.nuk-ikona-gor:before { content: '\e805'; } /* '' */
.nuk-ikona-instagram:before { content: '\e806'; } /* '' */
.nuk-ikona-iskanje:before { content: '\e807'; } /* '' */
.nuk-ikona-info:before { content: '\e808'; } /* '' */
.nuk-ikona-koledar:before { content: '\e809'; } /* '' */
.nuk-ikona-levo:before { content: '\e80a'; } /* '' */
.nuk-ikona-linkedin:before { content: '\e80b'; } /* '' */
.nuk-ikona-lokacija:before { content: '\e80c'; } /* '' */
.nuk-ikona-minus:before { content: '\e80d'; } /* '' */
.nuk-ikona-nalozi:before { content: '\e80e'; } /* '' */
.nuk-ikona-nastavitve:before { content: '\e80f'; } /* '' */
.nuk-ikona-odklenjeno:before { content: '\e810'; } /* '' */
.nuk-ikona-opozorilo:before { content: '\e811'; } /* '' */
.nuk-ikona-plus:before { content: '\e812'; } /* '' */
.nuk-ikona-pomoc:before { content: '\e813'; } /* '' */
.nuk-ikona-posta:before { content: '\e814'; } /* '' */
.nuk-ikona-povezava:before { content: '\e815'; } /* '' */
.nuk-ikona-prenesi:before { content: '\e816'; } /* '' */
.nuk-ikona-priponka:before { content: '\e817'; } /* '' */
.nuk-ikona-profil:before { content: '\e818'; } /* '' */
.nuk-ikona-puscica-desno:before { content: '\e819'; } /* '' */
.nuk-ikona-puscica-levo:before { content: '\e81a'; } /* '' */
.nuk-ikona-shrani:before { content: '\e81b'; } /* '' */
.nuk-ikona-slika:before { content: '\e81c'; } /* '' */
.nuk-ikona-smeti:before { content: '\e81d'; } /* '' */
.nuk-ikona-telefon:before { content: '\e81e'; } /* '' */
.nuk-ikona-uredi:before { content: '\e81f'; } /* '' */
.nuk-ikona-zaklenjeno:before { content: '\e820'; } /* '' */
.nuk-ikona-zapri:before { content: '\e821'; } /* '' */
.nuk-ikona-nuk:before { content: '\e822'; } /* '' */
.nuk-ikona-knjiga:before { content: '\e823'; } /* '' */
.nuk-ikona-klepet:before { content: '\e824'; } /* '' */
.nuk-ikona-nazaj:before { content: '\e827'; } /* '' */
.nuk-ikona-zavrni:before { content: '\e828'; } /* '' */
.nuk-ikona-dokument:before { content: '\e829'; } /* '' */
.nuk-ikona-oko-odprto:before { content: '\e82a'; } /* '' */
.nuk-ikona-oko-zaprto:before { content: '\e82b'; } /* '' */
.nuk-ikona-kartice:before { content: '\e82f'; } /* '' */
.nuk-ikona-menu:before { content: '\e833'; } /* '' */
.nuk-ikona-razvrsti:before { content: '\e834'; } /* '' */
.nuk-ikona-srce:before { content: '\e835'; } /* '' */
.nuk-ikona-natisni:before { content: '\e836'; } /* '' */
.nuk-ikona-palec-dol:before { content: '\e837'; } /* '' */
.nuk-ikona-palec-gor:before { content: '\e838'; } /* '' */
.nuk-ikona-srce-alt:before { content: '\e839'; } /* '' */
.nuk-ikona-kljukica:before { content: '\e848'; } /* '' */
.nuk-ikona-dokumenti:before { content: '\e83a'; } 
.nuk-ikona-digitalno:before { content: '\e83b'; }
.nuk-ikona-fizicno:before { content: '\e83d'; } /* '' */
.nuk-ikona-luna:before { content: '\e83f'; } /* '' */
.nuk-ikona-sonce:before { content: '\e840'; } /* '' */
.nuk-ikona-svincnik:before { content: '\e841'; } /* '' */
.nuk-ikona-foto:before { content: '\e83e'; } /* '' */
.nuk-ikona-vstopnica:before { content: '\e842'; } /* '' */
.nuk-ikona-vozicek:before { content: '\e843'; } /* '' */
.nuk-ikona-rss:before { content: '\e844'; } /* '' */
.nuk-ikona-knjiznica:before { content: '\e845'; } /* '' */
.nuk-ikona-ustanova:before { content: '\e846'; } /* '' */
.nuk-ikona-v-digitalno:before { content: '\e825'; } /* '' */
.nuk-ikona-v-tiskano:before { content: '\e849'; } /* '' */
.nuk-ikona-ura:before { content: '\e847'; } /* '' */


/*znacke*/


 .nuk-znacka {
    background-color: transparent;
    color: var(--temna);
    border-radius: 2px;
    border: 1px solid var(--temna);
    padding: 4px 19px;
    font-size: calc(var(--e) * 1.2);
    font-family: 'nuk-sans-alt', "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-weight: 300;
     color: var(--temna);
   border-color: var(--temna);
}
 .nuk-znacka-primarna,
 .nuk-znacka-nevtralna {
     color: var(--temna) !important;
   border-color: var(--temna) !important;
}
 
 .nuk-znacka-sekundarna{
    color: var(--temnosiva) !important;
    border-color: var(--temnosiva) !important;
}



 .nuk-znacka-uspeh {
      color: var(--uspeh) !important;
    border-color: var(--uspeh) !important;
}
 .nuk-znacka-napaka {
     color: var(--napaka) !important;
    border-color: var(--napaka) !important;
}
 .nuk-znacka-opozorilo {
    color: var(--opozorilo) !important;
    border-color: var(--opozorilo) !important;
}
 .nuk-znacka-info,
 .nuk-znacka-informacije {
    color: var(--info) !important;
    border-color: var(--info) !important;
}

/*menu*/


.nuk-glavni-menu{
    box-sizing:content-box;
    position:fixed;
    top:0;
    left:0;
    z-index:1001;
    width:100%;
    height:var(--5e);
    padding:var(--4e) 0;
    background:var(--prosojna);
    backdrop-filter:blur(4px)
}
.nuk-glavni-menu ul{
    list-style-type:none;
    letter-spacing:0;
    margin-bottom:0;
    text-align:right;
    height:var(--5e)
}
.nuk-glavni-menu ul li{
    position:relative;
    padding-left:var(--2e);
    text-align:right;
    vertical-align:middle;
    line-height:1em;
    display:inline-block;
    padding-left:var(--3e)
}
.nuk-glavni-menu ul li a{
    text-decoration:none;
    display:block;
    font-family:'nuk-sans-semibold';
    text-transform:uppercase;
    font-weight:700;
    font-weight:600;
    font-style:normal;
    padding-top:var(--3e);
    padding-bottom:var(--3e);
    padding-right:var(--4e)
}
.nuk-glavni-menu ul li.nuk-nima-podmenuja{
    padding-right:0
}
.nuk-glavni-menu ul ul li.nuk-nima-podmenuja{
    padding-right:var(--3e)
}
.nuk-main-menu ul li a:hover,.nuk-glavni-menu ul li a:hover{
    color:var(--temna)
}
.nuk-glavni-menu ul li.nuk-ima-podmeni:after{
    content:'\e805';
    font-family:"nuk-ikone";
    font-style:normal;
    font-weight:400;
    speak:never;
    display:inline-block;
    width:var(--3e);
    height:var(--3e);
    margin-left:var(--e);
    text-align:center;
    background:var(--zelena);
    position:absolute;
    right:0;
    top:50%;
    margin-top:calc(-.75 * var(--2e));
    line-height:var(--3e);
    font-size:1.25 em;
    transition:transform .2s linear,background-color .2s linear,color .2s linear;
    pointer-events:none
}
.nuk-glavni-menu ul li.nuk-ima-podmeni:hover:after{
    background-color:var(--temna);
    color:var(--svetla)
}
.nuk-glavni-menu ul ul{
    display:block;
    position:absolute;
    top:100%;
    left:0;
    width:auto;
    opacity:0;
    height:auto;
    max-height:0;
    transition:max-height .2s linear,height .2s linear,margin-bottom .2s linear,padding-top.2s linear,opacity .2s linear;
    pointer-events:none
}
.nuk-glavni-menu ul ul li{
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    background:var(--prosojna);
    display:block;
    text-align:left;
    font-family:'nuk-sans-regular';
    margin-left:0;
    width:auto;
    position:relative
}
.nuk-glavni-menu ul ul li:last-child{
    padding-bottom:var(--2e);
    margin-bottom:0
}
.nuk-glavni-menu ul ul li a{
    display:inline-block;
    padding:var(--1e) 0;
    font-family:'nuk-sans-regular';
    width:auto;
    white-space:nowrap;
    font-size:calc(var(--e) * 1.4)
}
.nuk-glavni-menu ul ul li a:hover{
    display:inline-block;
    text-decoration:underline
}
.nuk-glavni-menu ul ul li:after{
    content:'';
    width:0;
    height:0;
    display:none
}

/*vertikalni menu*/
    body.nuk-2{
        padding-top:0
    }
	
	  body.nuk-2 main{
		  padding-top: var(--8e);
	  }
	

  body.nuk-2 .nuk-okvir , body.nuk-2 .nuk-ovoj  {
         width:calc(100% - var(--10e));
         margin-left: var(--5e);
       
    transition: padding .2s linear, margin .2s linear, width .2s linear, margin-left .2s linear;
    }
	
	
   body.nuk-2.nuk-vertikalni-menu-odprt .nuk-okvir,
	body.nuk-2.nuk-vertikalni-menu-odprt  .nuk-ovoj{
		
        width:calc(100% - 480px - var(--10e));
        margin-left:calc(480px + var(--5e));
     
    transition: padding .2s linear, margin .2s linear, width .2s linear, margin-left .2s linear;
            padding-left:0;
            padding-right:0;
    }
	

    body.nuk-2 .nuk-menu-vertikalni{
        box-sizing:content-box;
        position:fixed;
        top:86px;
        left:-380px;
        z-index:2;
        width:380px;
        height:auto;
        max-height: 100vh;
        overflow-x: hidden;
        background:var(--svetlosiva);
        backdrop-filter:none;
		box-sizing: border-box;
        transition: left .2s linear, top .2s linear;
    }

    body.nuk-2 .nuk-menu-vertikalni.nuk-glavni-menu-odprt{
        left:calc(var(--10e) + var(--2e));
        transition: left .2s linear, top .2s linear;
    }

    body.nuk-skrij-glavo .nuk-menu-vertikalni {
        top:0;
        transition: left .2s linear, top .2s linear;
    }

    body.nuk-2 .nuk-menu-vertikalni ul{
       padding: var(--4e) var(--4e);
    }
    body.nuk-2 .nuk-menu-vertikalni ul li{
        padding-right:0;
        padding-left:0;
        text-align:left;
        display:block;
		position:relative;
    }
    body.nuk-2 .nuk-menu-vertikalni ul li a{
		text-decoration:none;
        padding-top:var(--e);
        padding-bottom:var(--e);
	    display: inline-block;
	    background-color: var(--svetlosiva);
	    padding-right: var(--2e);
		font-size: calc(var(--e) * 1.8);
    }
    body.nuk-2 .nuk-menu-vertikalni ul ul{
        display:block;
        position:relative;
        top:auto;
        left:auto;
        width:100%;
        height:auto;
        padding-top:0;
        padding-bottom:var(--2e);
    }
	
  
	body.nuk-2 .nuk-menu-vertikalni ul li.nuk-ima-podmeni ul{
		max-height:0;
		overflow:hidden;
		transition: max-height .2s ease;
        padding-bottom:0;
        opacity: 0;
        transition:max-height .2s linear,height .2s linear,margin-bottom .2s linear,padding-top.2s linear,opacity .2s linear;
	}

	
    body.nuk-2 .nuk-menu-vertikalni ul li.nuk-podmenu-odprt ul,
    .nuk-main-menu ul li.nuk-podmenu-odprt ul{
        display:block;
        max-height:500px;
        height:auto;
        opacity:1;
        padding-top:0;
        margin-bottom:var(--2e);
        transition:max-height .2s linear,height .2s linear,margin-bottom .2s linear,padding-top.2s linear,opacity .2s linear;
        pointer-events:auto;
        padding-left: 0;
        padding-right: 0;
    }

    body.nuk-2 .nuk-menu-vertikalni ul ul li{
        backdrop-filter:none;
        display:block;
        width:100%;
        background-color: transparent;  

        border-bottom:0 solid var(--svetla)
    }
    body.nuk-2 .nuk-menu-vertikalni ul ul li a{
        display: block;
        padding:0 var(--4e) 0 var(--4e) ;
        margin:3px ;
        width:auto;
        white-space:normal;
        background-color: transparent;      
        box-sizing:border-box;
    }

body.nuk-2 .nuk-gumb-menuja:focus-visible,
body.nuk-2 .nuk-menu-vertikalni ul ul li a:focus-visible {
    outline-color: var(--temnosiva) !important;
    outline-offset: 0px !important;
    outline-style: solid !important;
    outline-width: 3px !important;
}
    


body.nuk-2 .nuk-menu-vertikalni ul  li a:hover {
   color: var(--temnosiva);
}

    body.nuk-2 .nuk-menu-vertikalni ul li.nuk-ima-podmeni{
	
		background-image:url('../svg/nuk-crtkano.svg');
		background-repeat: repeat-x;
		background-position: 0 24px ;
	}

    body.nuk-2 .nuk-menu-vertikalni ul li.nuk-ima-podmeni::before{
        margin-left:0;
        position:absolute;
        right:0;
        top:19px;
        margin-top:0;
		text-align: right;
		background-color: var(--svetlosiva);
		content: '\e801';
		  font-family: "nuk-ikone";
		font-size: 20px;
		line-height: .5;
		
		padding-left: var(--2e);
		transition: transform .2s linear;
		  pointer-events: none;
    }
	
	
	
    .nuk-glavni-menu ul li.nuk-podmenu-odprt ul{
        display:block;
        max-height:500px;
        height:auto;
        opacity:1;
        padding-top:var(--4e);
        pointer-events:auto;
        transition:max-height .2s linear,height .2s linear,margin-bottom .2s linear,padding-top.2s linear,opacity .2s linear
    }
     body.nuk-2 .nuk-menu-vertikalni ul li.nuk-ima-podmeni.nuk-podmenu-odprt:before{
        transform:rotateX(180deg);
       
        transition:transform .2s linear
    }
	
	
    body.nuk-2 article header,body.nuk-2 article footer{
        width:100%;
        margin-left:0
    }



        .nuk-gumb-menuja{
        display:block;
        width: calc(var(--10e) + var(--2e));
        height: calc(var(--10e) + var(--2e));
        position:fixed;
        top: 86px;
        left:0;
        z-index:5;
        background:var(--svetlosiva);
        text-align:center;
        padding:0;
        box-sizing:content-box;
        cursor:pointer;
        margin-bottom:0;
    }
    .nuk-gumb-menuja span{
        display:block;
        position:relative;
        margin-top:0;
        margin-left:auto;
        margin-right:auto;
        height:2px;
        height:calc(var(--e) / 5);
        background-color:var(--primarna);
        width:20px;
        box-sizing:content-box;
        padding:0 0;
        transition:width .2s linear,transform .2s linear, background-color .2s linear
    }

.nuk-gumb-menuja:hover span, .nuk-gumb-menuja:hover span:nth-child(2):after {
    background-color:var(--temnosiva);
}


    .nuk-gumb-menuja span:nth-child(1){
        margin-top:2px;
         transition:transform .2s linear, background-color .2s linear
    }
    .nuk-gumb-menuja span:nth-child(2){
        margin-top:4px;
        transition:transform .2s linear, background-color .2s linear
    }
    .nuk-gumb-menuja span:nth-child(2):after{
        content:' ';
        display:block;
        width:100%;
        height:2px;
        background:var(--primarna);
        transition:transform .2s linear, background-color .2s linear;
    }
    .nuk-gumb-menuja span:nth-child(3){
        margin-top:4px
    }
    .nuk-gumb-menuja.nuk-gumb-menuja-zapri span:nth-child(1),.nuk-gumb-menuja.nuk-gumb-menuja-zapri span:nth-child(3){
        width:0;
        transition:width .2s linear, background-color .2s linear
    }
    .nuk-gumb-menuja.nuk-gumb-menuja-zapri span:nth-child(2){
        transform:rotate(45deg);
        transition:transform .2s linear, background-color .2s linear
    }
    .nuk-gumb-menuja.nuk-gumb-menuja-zapri span:nth-child(2):after{
        transform:rotate(-90deg);
        transition:transform .2s linear, background-color .2s linear
    }
	
/*ZAVIHKI*/
.nuk-zavihki{
    margin-bottom:var(--2e)
}
.nuk-zavihki-zavihki{
    width:100%;
    display:inline-grid;
    grid-auto-flow:column;
    grid-gap:var(--1e);
    align-content:space-evenly;
    grid-template-columns:repeat(auto-fit,minmax(min-width,1fr))
}
button.nuk-zavihek{
    padding:var(--2e) var(--2e);
    justify-content:start;
    text-align:left;
    border-top:1px solid var(--svetlosiva);
    border-left:1px solid var(--svetlosiva);
    border-bottom:1px solid var(--svetla);
    border-right:1px solid var(--svetlosiva);
    background-color:var(--svetlosiva);
    margin-bottom:0;
    transition:border-color .2s linear,background-color.2s linear;color:var(--temna);
}
.nuk-zavihek:hover {
    background-color: var(--temna);
    cursor: pointer;
    border: 1px solid var(--temna);
    border-bottom: 1px solid var(--temna);
    color:  var(--svetla);
}
.nuk-zavihek.nuk-zavihek-aktiven{
    background-color:var(--svetla)
}
.nuk-zavihek.nuk-zavihek-aktiven:hover{
    cursor:default;
    border:1px solid var(--svetlosiva);
    border-bottom:1px solid var(--svetla);
    color:var(--temna);
}
.nuk-zavihki-vsebina{
    border-top:1px solid var(--svetlosiva);
    border-left:1px solid var(--svetlosiva);
    border-bottom:1px solid var(--svetlosiva);
    border-right:1px solid var(--svetlosiva);
    padding:var(--3e) var(--2e);
    margin-top:-2px
}
.nuk-vsebina-zavihka{
    display:none
}
.nuk-vsebina-zavihka.nuk-vsebina-aktivna{
    display:block
}

/*harmonike*/

.nuk-harmonike{
    margin-bottom:var(--2e)
}
.nuk-harmonike:last-child{
    margin-bottom:0
}
.nuk-harmonika{
    border-top:1px solid var(--temna)
}
.nuk-harmonika:last-child{
    border-bottom:1px solid var(--temna)
}
h1.nuk-harmonika-naslov,h2.nuk-harmonika-naslov,h3.nuk-harmonika-naslov,h4.nuk-harmonika-naslov,h5.nuk-harmonika-naslov,h6.nuk-harmonika-naslov,h1.nuk-harmonika-naslov:first-child,h2.nuk-harmonika-naslov:first-child,h3.nuk-harmonika-naslov:first-child,h4.nuk-harmonika-naslov:first-child,h5.nuk-harmonika-naslov:first-child,h6.nuk-harmonika-naslov:first-child,.nuk-harmonika-naslov{
    font-family:"nuk-sans-alt", Arial, sans-serif;
    font-weight: 300;
    padding:var(--3e) var(--3e) var(--3e) var(--5e);
    font-size: calc(var(--e) * 1.4);
    margin-bottom:0;
    letter-spacing:0;
    transition: background-color .2s linear, font-weight .2s linear;
    cursor:pointer;
    position:relative
}
.nuk-harmonika-naslov::after{
    align-items:center;
    background-color:var(--siva);
    background-image:none;
    color:var(--temna);
    content:'\e801';
    font-family:'nuk-ikone';
    display:inline-flex;
    font-size:var(--2e);
    font-weight:400;
    height:var(--4e);
    width:var(--4e);
    justify-content:center;
    text-align:center;
    left:var(--2e);
    line-height:calc(var(--2e) * 1.25);
    margin-top:calc(var(--2e) * -1);
    position:absolute;
    top:50%;
    transition:transform .2s linear,background-color .2s linear
}
.nuk-harmonika-vsebina{
    max-height:0;
    overflow:hidden;
    padding:0 var(--2e);
    opacity:0;
    transition:height .2s linear,height .2s linear,padding .2s linear,opacity .2s linear
}
.nuk-harmonika.nuk-harmonika-odprta .nuk-harmonika-naslov{
     font-family:"nuk-sans-alt", Arial, sans-serif;
    font-weight:600;
    transition:background-color .2s linear, font-weight .2s linear;
}
.nuk-harmonika.nuk-harmonika-odprta .nuk-harmonika-vsebina{
    max-height:10000px;
    height:auto;
    padding:var(--3e) var(--2e);
    opacity:1;
    transition:height .2s linear,padding .2s linear,opacity .2s linear;
    overflow:visible;
}
.nuk-harmonika.nuk-harmonika-odprta .nuk-harmonika-naslov::after{
    transform:rotateX(180deg);
    background-color:var(--svetla);
    transition:transform .2s linear,background-color .2s linear
}

.nuk-kartica{
	display: block;
	width:100%;
}


.nuk-kartica-slika{
	position:relative;
	width: 100%;
	height:0;
	padding-bottom: 61.8%;
	overflow:hidden;
}

.nuk-kartica-slika:after{
	position: absolute;
	bottom:0;
	right: 0;
	width:var(--8e);
	height: var(--8e);
	content: '';
	background: var(--svetla);
	z-index:2;
}

.nuk-kartica-slika img{
	position: absolute;
	bottom:0;
	right: 0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit: cover;
	object-position:50% 50%;
	
}

.nuk-kartica-glava{
    padding:var(--3e) 0
}



.nuk-kartica-glava h1,.nuk-kartica-glava h2,.nuk-kartica-glava h3,.nuk-kartica-glava h4,.nuk-kartica-glava h5,.nuk-kartica-glava h6{
    font-size:var(--3e);
    /*font-family:'nuk-serif','Times New Roman',Times,serif;*/
   
    margin-bottom:0
}
.nuk-kartica-vsebina{
    padding:0 0 var(--3e) 0
}

footer.nuk-kartica-noga{
	padding:0;
}

footer.nuk-kartica-noga a i:before{
	margin-left:0;
}

/*nuk-2 harmonike*/

/*harmonike*/

.nuk-2 .nuk-harmonika .nuk-harmonika-naslov {
	padding: var(--3e) var(--3e) var(--3e) var(--8e);
	background: var(--sekundarna);
}

.nuk-2 .nuk-harmonika .nuk-harmonika-naslov h2,
.nuk-2 .nuk-harmonika .nuk-harmonika-naslov h3,
.nuk-2 .nuk-harmonika .nuk-harmonika-naslov h4,
.nuk-2 .nuk-harmonika .nuk-harmonika-naslov h5,
.nuk-2 .nuk-harmonika .nuk-harmonika-naslov h6 {

	font-family: 'nuk-sans-alt',Arial,sans-serif;
	
	padding: 0;
	font-size: 14px;
	font-size: calc(var(--e) * 1.4);
	font-weight:300;
	margin-bottom: 0;
	transition: background-color .2s linear, font-weight .2s linear;
	cursor: pointer;
	position: relative;
	background: transparent;
}

.nuk-2 .nuk-harmonika.nuk-harmonika-odprta .nuk-harmonika-naslov h2,
.nuk-2 .nuk-harmonika.nuk-harmonika-odprta .nuk-harmonika-naslov h3,
.nuk-2 .nuk-harmonika.nuk-harmonika-odprta .nuk-harmonika-naslov h4,
.nuk-2 .nuk-harmonika.nuk-harmonika-odprta .nuk-harmonika-naslov h5,
.nuk-2 .nuk-harmonika.nuk-harmonika-odprta .nuk-harmonika-naslov h6 {
	font-weight:600;
	transition: font-weight .2s linear;
}
	

.nuk-2 .nuk-harmonika-naslov::after{
	align-items: center;
	background-color: var(--sekundarna);
	background-image: none;
	color: var(--temna);
	content: '\e801';
	font-family: 'nuk-ikone';
	display: inline-flex;
	font-size: var(--2e);
	font-weight: 400;
	height: var(--4e);
	width: auto;
	justify-content: center;
	text-align: center;
	left: var(--3e);
	line-height: calc(var(--2e) * 1.25);
	margin-top: calc(var(--2e) * -1);
	position: absolute;
	top: 55%;
	transition: transform .2s linear,background-color .2s linear;
}


.nuk-harmonika.nuk-harmonika-odprta .nuk-harmonika-naslov::after {
	background-color: var(--sekundarna);
}
.nuk-kartica-noga{
    padding:var(--3e)
}
.nuk-paginacija,.nuk-tekst ul.nuk-paginacija{
    align-items:center;
    display:flex;
    flex:1 0 auto;
    flex-wrap:wrap;
    font-size:14px;
    font-size:calc(var(--e) * 1.4);
    list-style-type:none;
    gap:8px;
    gap:var(--e);
    justify-content:center;
    line-height:14px;
    width:100%
}
.nuk-paginacija li,.nuk-tekst ul.nuk-paginacija li{
    margin:0
}
.nuk-tekst ul.nuk-paginacija li span,.nuk-paginacija li span,.nuk-paginacija li a,.nuk-tekst ul.nuk-paginacija li a{
    align-items:center;
    background-color:var(--svetla);
    border-top:1px solid var(--svetla);
    border-bottom:1px solid var(--svetla);
    border-radius:0;
    box-shadow:none;
    color:var(--temna);
    display:inline-flex;
    height:var(--4e);
    justify-content:center;
    min-width:var(--4e);
    outline:0;
    text-decoration:none;
    transition:background-color .2s linear
}
.nuk-tekst ul.nuk-paginacija li span:hover,.nuk-paginacija li span:hover,.nuk-paginacija li a:hover,.nuk-tekst ul.nuk-paginacija li a:hover{
    background-color:var(--siva);
    transition:background-color .2s linear
}
.nuk-paginacija li.nuk-paginacija-trenutna span,.nuk-paginacija li.nuk-paginacija-trenutna a,.nuk-tekst ul.nuk-paginacija li.nuk-paginacija-trenutna span,.nuk-tekst ul.nuk-paginacija li.nuk-paginacija-trenutna a{
    background-color:var(--svetla);
    border-top:1px solid var(--temna);
    border-bottom:1px solid var(--temna);
    color:var(--temna);
    font-weight:700
}
.nuk-tekst .nuk-paginacija a.nuk-paginacija-naprej,
.nuk-tekst .nuk-paginacija a.nuk-paginacija-nazaj,
.nuk-paginacija a.nuk-paginacija-naprej,
.nuk-paginacija a.nuk-paginacija-nazaj{
   /* border-top:1px solid var(--temna);
    border-bottom:1px solid var(--temna);
    border-left:0 solid var(--svetla);
    border-right:0 solid var(--svetla)
    height:var(--5e);;*/
    padding-left:0;
    padding-right:0;
}
.nuk-tekst .nuk-paginacija a.nuk-paginacija-naprej,
.nuk-paginacija a.nuk-paginacija-naprej{
    margin-left:var(--e)
}
.nuk-tekst .nuk-paginacija a.nuk-paginacija-nazaj,.nuk-paginacija a.nuk-paginacija-nazaj{
    margin-right:var(--e)
}
.nuk-tekst .nuk-paginacija a.nuk-paginacija-naprej:after,
.nuk-tekst .nuk-paginacija a.nuk-paginacija-nazaj:before,
.nuk-paginacija a.nuk-paginacija-naprej:after,
.nuk-paginacija a.nuk-paginacija-nazaj:before{
    display:inline-block;
    height:var(--4e);
    width:var(--4e);
    background-color:var(--svetla);
    font-family:"nuk-ikone";
    font-style:normal;
    font-weight:400;
    speak:never;
    color:var(--temna);
    font-size:calc(var(--e) * 1.6);
    line-height:var(--4e);
    transition:background-color .2s linear,color .2s linear;
    text-align:center
}
.nuk-tekst.nuk-paginacija a.nuk-paginacija-naprej:after,.nuk-paginacija a.nuk-paginacija-naprej:after{
    content:'\e800'
}
.nuk-tekst.nuk-paginacija a.nuk-paginacija-nazaj:before,.nuk-paginacija a.nuk-paginacija-nazaj:before{
    content:'\e80a'
}
.nuk-tekst .nuk-paginacija a.nuk-paginacija-naprej:hover,
.nuk-tekst .nuk-paginacija a.nuk-paginacija-nazaj:hover,
.nuk-paginacija a.nuk-paginacija-naprej:hover,
.nuk-paginacija a.nuk-paginacija-nazaj:hover{
    background-color:var(--temna)
}
.nuk-tekst .nuk-paginacija a.nuk-paginacija-naprej:hover:after,
.nuk-tekst .nuk-paginacija a.nuk-paginacija-nazaj:hover:before,
.nuk-paginacija a.nuk-paginacija-naprej:hover:after,
.nuk-paginacija a.nuk-paginacija-nazaj:hover:before{
    background-color:var(--siva);
    color:var(--temna);
    transition:background-color .2s linear,color .2s linear
}

/*koračenje*/

.nuk-tekst .nuk-koraki,.nuk-koraki{
    counter-reset:count;
    display:flex;
    flex-direction:column;
    gap:var(--e);
    margin:0;
    padding:0
}
.nuk-tekst .nuk-koraki li,.nuk-koraki li{
    align-items:flex-start;
    counter-increment:count;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    list-style:none;
    padding-top:var(--2e);
    padding-bottom:var(--2e);
    padding-left:calc(var(--5e) * 1.75);
    position:relative
}
.nuk-tekst .nuk-koraki li::after,.nuk-koraki li::after{
    background-color:var(--svetlosiva);
    bottom:0;
    content:"";
    display:inline-flex;
    left:var(--3e);
    margin-left:-1px;
    position:absolute;
    top:var(--7e);
    width:1px
}
.nuk-tekst .nuk-koraki li::before,.nuk-koraki li::before{
    background-color:var(--svetlosiva);
    color:var(--primarna);
    content:counter(count);
    display:inline-flex;
    font-family:'nuk-sans-alt','Times New Roman',Times,serif;
    font-size:var(--2e);
    font-weight:300;
    height:var(--6e);
    justify-content:center;
    left:0;
    line-height:var(--6e);
    min-height:var(--6e);
    min-width:var(--6e);
    position:absolute;
    top:0;
    width:var(--6e)
}
.nuk-tekst .nuk-koraki li:last-child::after,.nuk-koraki li:last-child::after{
    display:none
}
.nuk-namig{
    position:absolute;
    z-index:1005;
    background-color:var(--zelena);
    color:var(--temna);
    padding:var(--2e);
    font-size:calc(var(--e) * 1.2);
    opacity:0;
    transition:opacity 0.2s linear;
    pointer-events:none
}
.nuk-namig.namig-prikazan{
    opacity:1
}
.nuk-namig::before{
    display:block;
    content:' ';
    width:var(--e);
    height:var(--e);
    background-color:var(--zelena);
    position:absolute;
    bottom:calc(var(--e) / -2);
    left:50%;
    margin-left:calc(-0.5 * var(--e));
    transform:rotate(45deg);
    z-index:500;
    transition:opacity 0.2s linear
}

/*klepet*/


.nuk-klepet{
    background:var(--svetla);
    width:100%;
    max-width:720px;
    display:flex;
    flex-direction:column;
    overflow:hidden
}
.nuk-klepet-glava{
    padding:var(--2e);
    border-bottom:1px solid var(--zelena);
    background-color:var(--zelena)
}
.nuk-klepet-naslov{
    margin-bottom:var(--e);
    font-family:'nuk-serif-bold','Times New Roman',Times,serif;
    font-weight:700;
    font-weight:700;
    font-size:var(--3e)
}
.nuk-klepet-opis{
    display:block;
    font-size:calc(var(--e) * 1.4)
}
ol.nuk-klepet-sporocila{
    list-style:none;
    margin:0;
    padding:var(--2e) var(--2e) var(--3e) var(--2e);
    display:flex;
    flex-direction:column;
    gap:var(--3e);
    height:420px;
    overflow:auto
}
.nuk-klepet-oblak{
    max-width:min(75%, 560px);
    padding:var(--2e);
    position:relative;
    display:grid;
    grid-template-columns:auto 1fr;
    grid-template-areas:"ime ime" "besedilo besedilo" "cas cas";
    gap:0
}
.nuk-klepet-oblak .nuk-klepet-ime{
    grid-area:ime;
    font-size:calc(var(--e) * 1.4);
    font-family:'nuk-serif-bold','Times New Roman',Times,serif;
    font-weight:700;
    font-weight:700
}
.nuk-klepet-oblak .nuk-klepet-besedilo{
    grid-area:besedilo
}
.nuk-klepet-oblak .nuk-klepet-cas{
    grid-area:cas;
    font-size:calc(var(--e) * 1.2);
    opacity:.75
}
.nuk-klepet-oblak-oni{
    align-self:flex-start;
    background:var(--siva)
}
.nuk-klepet-oblak-oni:before{
    position:absolute;
    top:100%;
    left:0;
    width:var(--2e);
    height:var(--2e);
    clip-path:polygon(0 0,100% 0,0 100%);
    content:' ';
    margin-top:-2px;
    background-color:var(--siva)
}
.nuk-klepet-oblak-jaz{
    align-self:flex-end;
    background:var(--zelena)
}
.nuk-klepet-oblak-jaz:after{
    position:absolute;
    top:100%;
    margin-top:-2px;
    right:0;
    width:var(--2e);
    height:var(--2e);
    clip-path:polygon(0 0,100% 0,100% 100%);
    content:' ';
    background-color:var(--zelena)
}
.nuk-klepet-obrazec{
    display:grid;
    grid-template-columns:1fr auto;
    gap:var(--e);
    padding:var(--e);
    background:#fff
}
.nuk-klepet-vnos{
    width:100%
}
.nuk-klepet-tipkanje{
    align-self:flex-start;
    background:var(--svetla);
    color:var(--modra);
    padding:0;
    max-width:160px;
    display:inline-flex;
    gap:var(--e);
    align-items:center
}
.nuk-klepet-tipkanje-krog{
    width:var(--e);
    height:var(--e);
    border-radius:50%;
    background:var(--modra);
    opacity:.6;
    animation:nuk-klepet-utrip 1.2s infinite ease-in-out
}
.nuk-klepet-tipkanje-krog:nth-child(2){
    animation-delay:.15s
}
.nuk-klepet-tipkanje-krog:nth-child(3){
    animation-delay:.3s
}

@keyframes nuk-klepet-utrip{
    0%,80%,100%{
        transform:scale(.8);
        opacity:.4
    }
    40%{
        transform:scale(1);
        opacity:.9
    }
}

/*footer/*/

footer nav{
	display: inline-block;
}

.nuk-nozni-menu ul li,.nuk-footer-menu ul li,footer nav ul li{
    display:inline-block;
    margin-left:var(--3e)
}

.nuk-nozni-menu ul li:first-child, .nuk-footer-menu ul li:first-child, footer nav ul li:first-child {
      margin-left:0
}

.nuk-nozni-menu ul li a,.nuk-footer-menu ul li a,footer nav ul li a{
    display:inline-block;
    display:inline-block;
    margin-left:var(--3e)
}

footer .temniNacin{
	  margin-left:var(--3e);
	  cursor:pointer;
	  background:none;
	  border:none;
	  color:inherit;
	  padding:0;
	  font:inherit;
	  line-height:inherit;
	  display:inline;
	  vertical-align:middle;
}
footer .temniNacin:focus-visible{
	  outline:3px solid currentColor;
	  outline-offset:3px;
	  border-radius:2px;
}


/*seznam povezav*/

ul.nuk-seznam-povezav {
    display: grid;
    list-style-type: none;
    padding-left:0;
    grid-gap:var(--4e);
    justify-content:end;
    align-content:flex-end;
     grid-template-columns:repeat(4,minmax(0, 1fr))
}
}
.nuk-seznam-povezav li {
    display: block;
}

.nuk-seznam-povezav li a{
    padding: var(--2e) 40px var(--2e) var(--2e);
    background: var(--sekundarna);
    display: flex;
    text-decoration: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
        flex-direction: column;
    justify-content: center;
    transition: color .2s linear, background-color .2s linear;
    font-weight:400;
}


.nuk-seznam-povezav li a:after {
    display: block;
    text-align:left;
    content: '\e800';
    font-family: 'nuk-ikone';
    clear: both;
 
    position: absolute;
    top: 50%;

    right:var(--2e);
    height:var(--2e);
    margin-top: calc(var(--e) * -1);
}
.nuk-seznam-povezav li a:hover {
    background-color: var(--temna);
    color: var(--svetla);
    transition: color .2s linear, background-color .2s linear;
}


@media (max-width:1200px){
	/*
 body{
        padding-top:calc(var(--2e) + var(--5e))
    }
	
   
    .nuk-glavni-menu{
        position:fixed;
        padding:var(--5e) 0 0 0;
        margin-top:var(--2e);
        background:var(--svetla);
        backdrop-filter:none;
        height:100%;
        height:100vh;
        left:100%;
        transition:left .2s linear
    }
    .nuk-glavni-menu.nuk-glavni-menu-odprt{
        left:0;
        transition:left .2s linear
    }
    .nuk-glavni-menu ul{
        padding:var(--3e);
        background:var(--svetla);
        text-align:left;
        height:auto
    }
    .nuk-glavni-menu ul li{
        position:relative;
        padding-right:0;
        padding-left:0;
        text-align:left;
        vertical-align:middle;
        line-height:1em;
        display:block;
        border-bottom:1px solid var(--modra)
    }
    .nuk-glavni-menu ul li a{
        padding:var(--3e) 0;
        margin-right:0
    }
    .nuk-glavni-menu ul ul{
        display:block;
        position:relative;
        top:auto;
        left:auto;
        width:100%;
        background:var(--svetla);
        max-height:0;
        overflow:hidden;
        padding-top:0;
        padding-left:var(--e);
        padding-bottom:0;
        transition:max-height .2s linear,height .2s linear,margin-bottom .2s linear;
        pointer-events:auto
    }
    .nuk-glavni-menu ul ul li{
        display:block;
        background:var(--svetla);
        backdrop-filter:none;
        text-align:left;
        margin-left:0;
        width:100%;
        border-bottom:0 solid var(--svetla)
    }
    .nuk-glavni-menu ul ul li a{
        display:block;
        padding:var(--1e) 0;
        width:100%;
        white-space:nowrap;
        font-size:.875em;
        border-bottom:0 solid var(--svetla);
        padding-top:var(--2e);
        padding-bottom:var(--2e)
    }
    .nuk-glavni-menu ul li.nuk-podmenu-odprt ul{
        display:block;
        max-height:300px;
        height:auto;
        margin-bottom:var(--3e);
        transition:max-height .2s linear,height .2s linear,margin-bottom .2s linear
    }
    .nuk-glavni-menu ul li.nuk-podmenu-odprt ul{
        display:block;
        max-height:500px;
        height:auto;
        opacity:1;
        padding-top:0;
        transition:max-height .2s linear,height .2s linear,margin-bottom .2s linear,padding-top.2s linear,opacity .2s linear
    }
    .nuk-glavni-menu ul li.nuk-ima-podmeni.nuk-podmenu-odprt:after{
        transform:rotateX(180deg);
        color:var(--svetla);
        background-color:var(--temna);
        transition:transform .2s linear,background-color .2s linear,color .2s linear
    }

    .nuk-glavni-menu ul li.nuk-ima-podmeni::after{
        top:0;
        margin-top:var(--2e)
    }
	*/
	
	nav[data-nuk-source="horizontalni"] ul li a span {
		font-size: 0;
		width: 0px;
		display: none;
		position: absolute;
		top:auto;
		right: auto ;
	}

    
	.nuk-glavna-pasica .nuk-glavna-pasica-desno {
	display: none;
	flex-direction: row;
	height: 0;
	padding: 0 0;
	justify-content: flex-end;
	align-items: center;
	width: 0;
	}
        



    
/*glevni, horizontalni menu*/

/*p gumb glavnega (horizontalnega) menuja*/
    .nuk-gumb-horizontalnega-menuja {
        overflow:hidden;
        right:0px;
        transition: right .2s linear;
    }

    .nuk-gumb-horizontalnega-menuja:hover span:nth-child(2)::after,
    .nuk-gumb-horizontalnega-menuja:hover span{
      
        background-color: var(--temnosiva);
            
    }

    .nuk-glavna-pasica .nuk-menu-horizontalni {
        display: block;
       
        z-index: 20;
        top:-1000px;
        left:0;
        position:absolute;
        overflow:auto;
         width:100%;
          transition: top .2s linear;
    }
    
    .nuk-glavna-pasica .nuk-menu-horizontalni.nuk-horizontalni-menu-odprt {
          top:0px;
          transition: top .2s linear;
    }
    .nuk-menu-horizontalni:after {
        height:var(--e);
        content: ' ';
        background:red;
        width:100%;display: block;
background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    }

   .nuk-glavna-pasica .nuk-menu-horizontalni ul {
        width: 100%;
        overflow-y: auto;
        overflow-x: auto;
        white-space: wrap;
        flex-wrap: wrap;
         padding-bottom: var(--e);
          background-color: var(--svetlosiva);
    }

   .nuk-glavna-pasica .nuk-menu-horizontalni ul li {
        display:block;
        width:100%;
        white-space: wrap;
        padding:var(--e) var(--2e) 0 var(--2e);
    }

   .nuk-glavna-pasica .nuk-menu-horizontalni ul ul {
	    display: block;
	    flex-direction: initial;
	    flex-wrap: initial;
	    z-index: auto;
	    position: relative;
	    top: auto;
        transition: max-height .2s linear,height .2s linear,margin-bottom .2s linear,padding-top.2s linear,opacity .2s linear;
	    left: auto;
	    width: 100%;
        max-height:0;
        overflow-x:hidden;
	    background-color: transparent;
	    text-align: left;
	    padding: 0;
    }

    .nuk-glavna-pasica .nuk-menu-horizontalni ul li.nuk-podmenu-odprt ul {
	    top: auto;
	           max-height: 500px;
          height: auto;
         transition: max-height .2s linear,height .2s linear,margin-bottom .2s linear,padding-top.2s linear,opacity .2s linear;
    }

       .nuk-glavna-pasica .nuk-menu-horizontalni ul ul li {
	    width: 100%;
	    max-width: 73.33%;
	    margin: 0 auto;
	    display: block;
	    text-align: left;
	    padding: 0;
	   
    }

       .nuk-glavna-pasica .nuk-menu-horizontalni ul ul li a {
	        font-size: calc(var(--e) * 1.6);
	        font-weight: 300;
	        color: var(--temna);
	        display: block;
	        width: 100%;
	        position: relative;
	        padding-left: 0;
	        padding-right: 0;
	        transition: color .25s linear;
        }
       
       .nuk-glavna-pasica .nuk-menu-horizontalni ul li.nuk-ima-podmeni ul li a::before {
	       
	        display: inline-block;
	        font-size: calc(var(--e) * 1.6);
	        margin-right: var(--2e);
	        width: var(--2e);
	        vertical-align: unset;
            font-weight:200;
        }
       .nuk-glavna-pasica .nuk-menu-horizontalni ul li:hover a {
	        color: var(--temna);
        }

       .nuk-glavna-pasica .nuk-menu-horizontalni ul li:hover ul a {
	        color: var(--temna);
        }

       .nuk-glavna-pasica .nuk-menu-horizontalni ul ul li a:hover {
	        color: var(--temnosiva);
	        transition: color .25s linear;
        }

       /*uporabniski je sedaj del glavnega menuja*/
        nav.uporabniski-premaknjen {
            background-color: var(--svetla);
            text-align: right;
            border-top: 1px solid var(--temna);
           
         padding-bottom: 0;
        }

    .nuk-glavna-pasica nav.uporabniski-premaknjen ul {
        
          background-color: var(--svetla);
         padding-bottom: 0;
    }
        .nuk-glavna-pasica  nav.uporabniski-premaknjen li span {
            display: block;
	        font-weight: 300;
	        text-decoration: none;
	        padding: var(--e) var(--4e);
            font-weight: 600;
            background-color: var(--sekundarna);
        }

        .nuk-glavna-pasica  nav.uporabniski-premaknjen ul li {
	        display: block;
	        width: 100%;
	        white-space: wrap;
	        padding:0 ;
        }

        .nuk-glavna-pasica  nav.uporabniski-premaknjen ul li a {
	        font-weight: 300;
	        text-decoration: none;
	        padding: var(--e) var(--4e);
     transition: background-color .2s linear;
        }

        .nuk-glavna-pasica  nav.uporabniski-premaknjen ul li:hover a {
	        background-color: var(--sekundarna);
              transition: background-color .2s linear;
        }
         .nuk-glavna-pasica  nav.uporabniski-premaknjen  button.gumb-log-out {
	        background: none;
	        color: var(--temna);
	        display: block;
	        text-decoration: none;
	        padding: var(--2e) var(--4e);
	        width: 100%;
	        position: relative;
	        box-sizing: border-box;
	        text-align: right;
            font-weight:600;
             border-top: 1px solid var(--temna);
     transition: background-color .2s linear;
        }

    .nuk-glavna-pasica nav.uporabniski-premaknjen button.gumb-log-out:hover {
     background-color: var(--sekundarna);
     transition: background-color .2s linear;
    }
}
@media (max-width:1000px){
    :root{
        --e:10px;
        --1e:10px;
        --2e:20px;
        --3e:24px;
        --4e:32px;
        --5e:32px;
        --6e:32px;
        --7e:32px
    }
    .nuk-okvir,.nuk-ovoj,.nuk-wrap,.nuk-wrapper{
        width:100%;
        max-width:100%;
        margin:0 auto;
        padding:0 var(--2e)
    }
	
	body.nuk-2 .nuk-okvir , body.nuk-2 .nuk-ovoj  {
         width:calc(100% - var(--3e));
         margin-left: var(--5e);
		 padding-right: var(--3e);
         transition: width .2s linear, margin-left .2s linear;
    }
	
	
   body.nuk-2.nuk-vertikalni-menu-odprt .nuk-okvir,
	body.nuk-2.nuk-vertikalni-menu-odprt  .nuk-ovoj{
		
        width:calc(100% - 480px - var(--3e));
        margin-left:calc(480px + var(--3e));
        transition: width .2s linear, margin-left .2s linear;
            padding-left:0;
            padding-right: var(--3e);
    }
	
	
    .nuk-grid-6,.nuk-mreza-6{
        grid-template-columns:repeat(3,minmax(0, 1fr))
    }
    .nuk-grid-7,.nuk-mreza-7{
        grid-template-columns:repeat(3,minmax(0, 1fr))
    }
    .nuk-grid-8,.nuk-mreza-8{
        grid-template-columns:repeat(4,minmax(0, 1fr))
    }
    .nuk-grid-9,.nuk-mreza-9{
        grid-template-columns:repeat(4,minmax(0, 1fr))
    }
    .nuk-grid-10,.nuk-mreza-10{
        grid-template-columns:repeat(5,minmax(0, 1fr))
    }
    .nuk-grid-12,.nuk-mreza-12{
        grid-template-columns:repeat(6,minmax(0, 1fr))
    }
    .nuk-na-vrh{
        width:var(--4e);
        height:var(--4e);
        padding:0;
        bottom:calc(-1 * var(--4e))
    }
}
@media (max-width:800px){
    :root{
        --e:10px;
        --1e:10px;
        --2e:20px;
        --3e:24px;
        --4e:32px;
        --5e:32px;
        --6e:32px;
        --7e:32px
    }
	
	
		
	body.nuk-2 .nuk-okvir , body.nuk-2 .nuk-ovoj  {
         width:100%;
         margin-left:0;
		 padding-left: var(--3e);
		 padding-right: var(--3e);
    }
	
	
   body.nuk-2.nuk-vertikalni-menu-odprt .nuk-okvir,
	body.nuk-2.nuk-vertikalni-menu-odprt  .nuk-ovoj{
		width:100%;
         margin-left:0;
		 padding-left: var(--3e);
		 padding-right: var(--3e);
    }
	
	.nuk-glavna-pasica {
	height: 58px;
	padding-left: 0px;
		padding-right: 116px; 

}

.nuk-glavna-pasica .nuk-logotip {
		height: 58px;
	width: 100%;
	
}

.nuk-gumb-horizontalnega-menuja {
    height: 58px;
    width: 58px;
	background-color: var(--temna);
	
}

    .nuk-gumb-horizontalnega-menuja span, 
    .nuk-gumb-horizontalnega-menuja span:nth-child(2):after {
      background-color: var(--svetla);
    }

.spletna-mesta-nuk-gumb {
	left:auto;
	right: 58px;
    width:58px;
}

.nuk-gumb-menuja {
	width:58px;
	height:58px;
	top: 58px;
        transition: left .2s linear;
	
    z-index:17;
	
}
    .nuk-glavna-pasica .nuk-menu-horizontalni.nuk-horizontalni-menu-odprt {
          top:58px;
          transition: top .2s linear;
    }

body.nuk-2 .nuk-menu-vertikalni ul {
	padding-left: var(--2e);
	padding-right: var(--2e);
}

    body.nuk-skrij-glavo .nuk-gumb-menuja {
        left: -58px; 
        transition: left .2s linear;
    }

body.nuk-skrij-glavo .nuk-glavna-pasica .nuk-logotip {
	width: 0;
	transition: width .2s linear, top .2s linear;
	top: -86px;
}

body.nuk-2 .nuk-menu-vertikalni {
	
	top: 58px;
	padding-top:var(--e);
	left:-100%;
	z-index:16;
	width: 100%;
	height: auto;
	transition: left .2s linear, top .2s linear;
}

body.nuk-2 .nuk-menu-vertikalni.nuk-glavni-menu-odprt {
	left: 0;
}

.spletna-mesta-nuk {
	
	left: 0;
	width: calc(100% - 86px);
	max-height:550px
}

    .nuk-prazen {
        display: none;
    }


	
    .nuk-grid-2,.nuk-mreza-2{
        grid-template-columns:repeat(1,100%)
    }
    .nuk-grid-3,.nuk-mreza-3{
        grid-template-columns:repeat(1,100%)
    }
    .nuk-grid-4,.nuk-mreza-4{
        grid-template-columns:repeat(2,minmax(0, 1fr))
    }
    .nuk-grid-5,.nuk-mreza-5{
        grid-template-columns:repeat(2,minmax(0, 1fr))
    }
    .nuk-grid-6,.nuk-mreza-6{
        grid-template-columns:repeat(2,minmax(0, 1fr))
    }
    .nuk-grid-7,.nuk-mreza-7{
        grid-template-columns:repeat(3,minmax(0, 1fr))
    }
    .nuk-grid-8,.nuk-mreza-8{
        grid-template-columns:repeat(3,minmax(0, 1fr))
    }
    .nuk-grid-9,.nuk-mreza-9{
        grid-template-columns:repeat(3,minmax(0, 1fr))
    }
    .nuk-grid-10,.nuk-mreza-10{
        grid-template-columns:repeat(3,minmax(0, 1fr))
    }
    .nuk-grid-12,.nuk-mreza-12{
        grid-template-columns:repeat(3,minmax(0, 1fr))
    }
    .nuk-tekst h1,.nuk-tekst h2,.nuk-tekst h3,.nuk-tekst h4,.nuk-tekst h5,.nuk-tekst h6,.nuk-tekst h5{
        line-height:1.25
    }


        .nuk-razpon-2, .nuk-span-2 {
	grid-column: span 1;
    }
    
}
.nuk-sirina-0,.nuk-width-0,.nuk-w-0,.nuk-s-0{
    width:0
}
.nuk-sirina-1,.nuk-width-1,.nuk-w-1,.nuk-s-1{
    width:var(--e)
}
.nuk-sirina-2,.nuk-width-2,.nuk-w-2,.nuk-s-2{
    width:var(--2e)
}
.nuk-sirina-3,.nuk-width-3,.nuk-w-3,.nuk-s-3{
    width:var(--3e)
}
.nuk-sirina-4,.nuk-width-4,.nuk-w-4,.nuk-s-4{
    width:var(--4e)
}
.nuk-sirina-5,.nuk-width-5,.nuk-w-5,.nuk-s-5{
    width:var(--5e)
}
.nuk-sirina-6,.nuk-width-6,.nuk-w-6,.nuk-s-6{
    width:var(--6e)
}
.nuk-sirina-7,.nuk-width-7,.nuk-w-7,.nuk-s-7{
    width:var(--7e)
}
.nuk-sirina-8,.nuk-width-8,.nuk-w-8,.nuk-s-8{
    width:var(--8e)
}
.nuk-sirina-9,.nuk-width-9,.nuk-w-9,.nuk-s-9{
    width:var(--9e)
}
.nuk-sirina-10,.nuk-width-10,.nuk-w-10,.nuk-s-10{
    width:var(--10e)
}
.nuk-visina-0,.nuk-height-0,.nuk-h-0,.nuk-v-0{
    height:0
}
.nuk-visina-1,.nuk-height-1,.nuk-h-1,.nuk-v-1{
    height:var(--e)
}
.nuk-visina-2,.nuk-height-2,.nuk-h-2,.nuk-v-2{
    height:var(--2e)
}
.nuk-visina-3,.nuk-height-3,.nuk-h-3,.nuk-v-3{
    height:var(--3e)
}
.nuk-visina-4,.nuk-height-4,.nuk-h-4,.nuk-v-4{
    height:var(--4e)
}
.nuk-visina-5,.nuk-height-5,.nuk-h-5,.nuk-v-5{
    height:var(--5e)
}
.nuk-visina-6,.nuk-height-6,.nuk-h-6,.nuk-v-6{
    height:var(--6e)
}
.nuk-visina-7,.nuk-height-7,.nuk-h-7,.nuk-v-7{
    height:var(--7e)
}
.nuk-visina-8.nuk-height-8,.nuk-h-8,.nuk-v-8{
    height:var(--8e)
}
.nuk-visina-9,.nuk-height-9,.nuk-h-9,.nuk-v-9{
    height:var(--9e)
}
.nuk-visina-10,.nuk-height-10,.nuk-h-10,.nuk-v-10{
    height:var(--10e)
}
.nuk-m-0{
    margin:0
}
.nuk-m-1{
    margin:var(--1e)
}
.nuk-m-2{
    margin:var(--2e)
}
.nuk-m-3{
    margin:var(--3e)
}
.nuk-m-4{
    margin:var(--4e)
}
.nuk-m-5{
    margin:var(--5e)
}
.nuk-m-6{
    margin:var(--6e)
}
.nuk-m-7{
    margin:var(--7e)
}
.nuk-mt-0{
    margin-top:0
}
.nuk-mt-1{
    margin-top:var(--1e)
}
.nuk-mt-2{
    margin-top:var(--2e)
}
.nuk-mt-3{
    margin-top:var(--3e)
}
.nuk-mt-4{
    margin-top:var(--4e)
}
.nuk-mt-5{
    margin-top:var(--5e)
}
.nuk-mt-6{
    margin-top:var(--6e)
}
.nuk-mt-7{
    margin-top:var(--7e)
}
.nuk-mt-8{
    margin-top:var(--8e)
}
.nuk-mt-9{
    margin-top:var(--9e)
}
.nuk-mt-10{
    margin-top:var(--10e)
}
.nuk-mb-0{
    margin-bottom:0
}
.nuk-mb-1{
    margin-bottom:var(--1e)
}
.nuk-mb-2{
    margin-bottom:var(--2e)
}
.nuk-mb-3{
    margin-bottom:var(--3e)
}
.nuk-mb-4{
    margin-bottom:var(--4e)
}
.nuk-mb-5{
    margin-bottom:var(--5e)
}
.nuk-mb-6{
    margin-bottom:var(--6e)
}
.nuk-mb-7{
    margin-bottom:var(--7e)
}
.nuk-mb-8{
    margin-bottom:var(--8e)
}
.nuk-mb-9{
    margin-bottom:var(--9e)
}
.nuk-mb-10{
    margin-bottom:var(--10e)
}
.nuk-ml-0{
    margin-left:0
}
.nuk-ml-1{
    margin-left:var(--1e)
}
.nuk-ml-2{
    margin-left:var(--2e)
}
.nuk-ml-3{
    margin-left:var(--3e)
}
.nuk-ml-4{
    margin-left:var(--4e)
}
.nuk-ml-5{
    margin-left:var(--5e)
}
.nuk-ml-6{
    margin-left:var(--6e)
}
.nuk-ml-7{
    margin-left:var(--7e)
}
.nuk-mr-0{
    margin-right:0
}
.nuk-mr-1{
    margin-right:var(--1e)
}
.nuk-mr-2{
    margin-right:var(--2e)
}
.nuk-mr-3{
    margin-right:var(--3e)
}
.nuk-mr-4{
    margin-right:var(--4e)
}
.nuk-mr-5{
    margin-right:var(--5e)
}
.nuk-mr-6{
    margin-right:var(--6e)
}
.nuk-mr-7{
    margin-right:var(--7e)
}
.nuk-p-0,.nuk-padding-0{
    padding:0
}
.nuk-p-1,.nuk-padding-1{
    padding:var(--1e)
}
.nuk-p-2,.nuk-padding-2{
    padding:var(--2e)
}
.nuk-p-3,.nuk-padding-3{
    padding:var(--3e)
}
.nuk-p-4,.nuk-padding-4{
    padding:var(--4e)
}
.nuk-p-5,.nuk-padding-5{
    padding:var(--5e)
}
.nuk-p-6,.nuk-padding-6{
    padding:var(--6e)
}
.nuk-p-7,.nuk-padding-7{
    padding:var(--7e)
}
.nuk-p-8,.nuk-padding-8{
    padding:var(--8e)
}
.nuk-p-9,.nuk-padding-9{
    padding:var(--9e)
}
.nuk-p-10,.nuk-padding-10{
    padding:var(--10e)
}
.nuk-pt-0{
    padding-top:0
}
.nuk-pt-1{
    padding-top:var(--1e)
}
.nuk-pt-2{
    padding-top:var(--2e)
}
.nuk-pt-3{
    padding-top:var(--3e)
}
.nuk-pt-4{
    padding-top:var(--4e)
}
.nuk-pt-5{
    padding-top:var(--5e)
}
.nuk-pt-6{
    padding-top:var(--6e)
}
.nuk-pt-7{
    padding-top:var(--7e)
}
.nuk-pb-0{
    padding-bottom:0
}
.nuk-pb-1{
    padding-bottom:var(--1e)
}
.nuk-pb-2{
    padding-bottom:var(--2e)
}
.nuk-pb-3{
    padding-bottom:var(--3e)
}
.nuk-pb-4{
    padding-bottom:var(--4e)
}
.nuk-pb-5{
    padding-bottom:var(--5e)
}
.nuk-pb-6{
    padding-bottom:var(--6e)
}
.nuk-pb-7{
    padding-bottom:var(--7e)
}
.nuk-pl-0{
    padding-left:0
}
.nuk-pl-1{
    padding-left:var(--1e)
}
.nuk-pl-2{
    padding-left:var(--2e)
}
.nuk-pl-3{
    padding-left:var(--3e)
}
.nuk-pl-4{
    padding-left:var(--4e)
}
.nuk-pl-5{
    padding-left:var(--5e)
}
.nuk-pl-6{
    padding-left:var(--6e)
}
.nuk-pl-7{
    padding-left:var(--7e)
}
.nuk-pr-0{
    padding-right:0
}
.nuk-pl-1{
    padding-right:var(--1e)
}
.nuk-pl-2{
    padding-right:var(--2e)
}
.nuk-pl-3{
    padding-right:var(--3e)
}
.nuk-pl-4{
    padding-right:var(--4e)
}
.nuk-pl-5{
    padding-right:var(--5e)
}
.nuk-pl-6{
    padding-right:var(--6e)
}
.nuk-pl-7{
    padding-right:var(--7e)
}
.nuk-sans{
    font-family:'nuk-sans-regular',"Segoe UI","Helvetica Neue",Arial,sans-serif;
    font-weight:500
}
.nuk-sans-italic{
    font-family:'nuk-sans-italic',"Segoe UI","Helvetica Neue",Arial,sans-serif;
    font-style:italic;
    font-weight:400;
}
.nuk-sans-semibold{
    font-family:'nuk-sans-semibold',"Segoe UI","Helvetica Neue",Arial,sans-serif;
    font-weight:700;
    font-weight:600
}
.nuk-sans-bold{
    font-family:'nuk-sans-bold',"Segoe UI","Helvetica Neue",Arial,sans-serif;
    font-weight:700;
    font-weight:700
}
/*LExend*/
.nuk-sans-alt-semibold{
    font-family:'nuk-sans-alt',"Segoe UI","Helvetica Neue",Arial,sans-serif;
    font-weight:600
}
.nuk-sans-alt-bold{
    font-family:'nuk-sans-alt',"Segoe UI","Helvetica Neue",Arial,sans-serif;
    font-weight:700;
}
.nuk-serif{
    font-family:'joly-display','Times New Roman',Times,serif;

    font-style:normal
}
.nuk-serif-bold{
    font-family:'joly-display','Times New Roman',Times,serif;
    font-weight:700;
    font-style:normal
}
.nuk-tekst .nuk-fs-0,
.nuk-fs-0{
    font-size:calc(var(--e) * 1.2) 
}
.nuk-tekst .nuk-fs-1,
.nuk-fs-1{
    font-size:calc(var(--e) * 1.4)
}
.nuk-tekst .nuk-fs-2,
.nuk-fs-2{
    font-size:var(--2e)
}
.nuk-tekst .nuk-fs-3,
.nuk-fs-3{
    font-size:var(--3e)
}
.nuk-tekst .nuk-fs-4,
.nuk-fs-4{  
    font-size:var(--4e)
}
.nuk-tekst .nuk-fs-5,
.nuk-fs-5{
    font-size:var(--5e)
}
.nuk-tekst .nuk-fs-6,
.nuk-fs-6{
    font-size:var(--6e)
}
.nuk-tekst .nuk-fs-7,
.nuk-fs-7{
    font-size:var(--7e)
}
.nuk-fw-1,.nuk-fw-light{
    font-weight:100
}
.nuk-fw-3,.nuk-fw-regular{
    font-weight:400;
    font-weight:500
}
.nuk-fw-7,.nuk-fw-bold{
    font-weight:700;
    font-weight:700
}
.nuk-italic{
    font-style:italic
}
.nuk-alignright,.nuk-text-alignright{
    text-align:right
}
.nuk-alignleft,.nuk-text-alignleft{
    text-align:left
}
.nuk-aligncenter,.nuk-text-aligncenter{
    text-align:center
}
.nuk-justify,.nuk-text-justify{
    text-align:justify
}
.nuk-uppercase{
    text-transform:uppercase
}
.nuk-lowercase{
    text-transform:lowercase
}


:focus:not(:focus-visible){
    outline:none 
}



* :focus-visible{
    outline-color:var(--temnosiva)!important;
    outline-offset:3px!important;
    outline-style:solid!important;
    outline-width:3px!important;
}



html[data-tema="temna"] {
	
    .nuk-glavna-pasica .nuk-logotip,
    .spletna-mesta-nuk-gumb{
        background: var(--svetlosiva);
        color: var(--temna)
    }


    .nuk-glavna-pasica .nuk-ime-strani::before {
	
	    background: var(--temna);
	
    }
	
	 .nuk-glavna-pasica .nuk-logotip:hover{
		color: var(--siva);
	}

    
   .nuk-preload:after,.nuk-nalaganje:after{
        background-image:url(../svg/nuk-logo-svetel-pomanjsan.svg);
    }
	
	.nuk-glavna-pasica .nuk-menu-horizontalni ul ul {
		 background: var(--svetlosiva);
	}
	
	.nuk-glavna-pasica .nuk-menu-horizontalni ul ul li a {
	
		color: var(--temna);
	}
		
	.nuk-glavna-pasica .nuk-menu-horizontalni ul li:hover a {
		color: var(--temnosiva);
	}

	.nuk-glavna-pasica .nuk-menu-horizontalni ul li:hover ul a {
		color: var(--temna);
	}
	.nuk-glavna-pasica .nuk-menu-horizontalni ul li:hover ul a:hover {
		color: var(--siva);
	}

	.nuk-glavna-pasica .nuk-menu-horizontalni ul ul li a:focus-visible {
		outline-color:var(--temna) !important;
	} 
	
	.nuk-napaka p, .nuk-opozorilo p, .nuk-info p, .nuk-uspeh p {
	 color: var(--svetla)
	}
	
	.nuk-2 .nuk-harmonika .nuk-harmonika-naslov,
	.nuk-2 .nuk-harmonika-naslov::after,
	.nuk-harmonika.nuk-harmonika-odprta .nuk-harmonika-naslov::after	{
		background-color: var(--svetlosiva);
	}

    .nuk-opozorilo, .nuk-napaka, .nuk-info, .nuk-uspeh, .nuk-opozorilo ul, .nuk-napaka ul, .nuk-opozorilo ul, .nuk-info ul, .nuk-uspeh ul {
	

	    color: var(--svetla);
    }

        body.nuk-2 .nuk-menu-vertikalni ul li.nuk-ima-podmeni{
	
		background-image:url('../svg/nuk-crtkano-svetlo.svg');
	
}


@media (max-width: 800px ) {
	html[data-tema="temna"]{
    
    .nuk-gumb-horizontalnega-menuja {
      background: var(--svetla);
        color: var(--temna)
    }

    
    .nuk-gumb-horizontalnega-menuja span,
    .nuk-gumb-horizontalnega-menuja span:nth-child(2):after{
        background-color:var(--temna);
    }
    }


}