@font-face {font-family:naslovni; src: url(/fontovi/ReadexPro-Medium.ttf)}
@font-face {font-family:naslovni; src: url(/fontovi/ReadexPro-SemiBold.ttf); font-weight: bold;}
html{scroll-behavior: smooth; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
:root {
	/*--logo_sirina:12.655em;*/
	--visina_botuna_headera:4rem;
	--visina_naslovne:calc(85vh - var(--visina_botuna_headera));
	--plava:#00358E;
	--crna: #333;
	--crvena:#DA001A;
	--bordo:#8F0000;
	--siva:rgb(88, 69, 38);
	--main_boja_1: rgba(159, 122, 2, 0.474); /*default*/
	--main_boja_2: rgba(159, 122, 2, 0.703); /*default*/
	--žuta:#FFDE0C;
}

/* -------DEFAULTS ----------*/
a:visited, a:active, a:link{color:black; }
button{border-style: solid;}

body{color:black; font-family:Geneva, Verdana, arial, sans-serif; transition:ease-in-out .2s; }	
main{padding: 0; /*filter:blur(5px)*/ background-image: url('/slike/pozadina.webp'); background-size: cover; background-attachment: fixed; padding-bottom: 3rem !important;}	
section:first-of-type{padding-top:3.3em !important}
/*@media only screen and (max-width:768px) {section:first-of-type{padding-top:20vh !important}}*/
.object-position-bottom{object-position: bottom;}
.object-position-top{object-position: top;}
.object-position-center{object-position: center;}
.object-position-right{object-position: right;}
.object-position-left{object-position: left;}
.object-position-bottom-right{object-position:bottom right;}
.object-position-top-right{object-position:top right;}
.object-position-bottom-left{object-position:bottom left;}

/*background*/
.pozadina{position:fixed; top:0; left: 0; width: 100vw; height: 100vh; z-index: -1; transition:ease-in .1s;
		background-position: bottom center; background-size: cover; transform:scale(1.01)}
.bg-crvena{background-color:#DA001A}
.bg-bjelkasta{background-color: rgba(255, 255, 255, 0.5);}
.bg-žuta{background-color: var(--žuta);}
.bg-plava{background-color: var(--plava);}

/*kartice*/
.kartica{border:.5em solid white; background-color: white; width:27%; position: relative; transition:.1s; padding: 0 !important; overflow: hidden;}
	.kartica img{width:100%; height:180px; object-fit: cover; transition:ease-in .1s;}
	.kartica h3{position: absolute; top:-.1em; left: 0; text-align: center; width: 100%; padding: 0 !important; margin: 0 !important; }
		.kartica h3>span{background-color: white;  padding:.2em 1.5em; color: var(--bordo); line-height: 100% !important;
						clip-path: polygon(0 0, 100% 0, calc(100% - 1em) 100%, 1em 100%); transition:.1s;
						box-shadow: 0 -1em 1em -1em rgba(0, 0, 0, 0) inset; display: inline-block; width: auto; height: auto;
						/*overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;*/}
		.kartica .podnaslov{margin-top: -.2em; margin-bottom: -.2em; color:#333; transition: inherit;}				
	.kartica ul{list-style-type:none; text-align:left !important}
	.kartica:hover{border:.5em solid var(--crvena); border-bottom: .5em solid var(--bordo); border-top: .5em solid var(--bordo);}
	.kartica:hover img{transform:scale(1.05);}
	.kartica:hover h3>span{background-color:  var(--bordo); color: white; box-shadow: 0 -1em 1em -1em rgba(0, 0, 0, 0.733) inset;}
	.kartica:hover .podnaslov{display: none}
	/*CIJENA*/
	.kartica .cijena{position: absolute; bottom:0em; left: 0; text-align: center; background-color: rgba(255, 255, 255, 0.7); 
					width: 100%; margin: 0 !important; transition: inherit;  padding-bottom:.35em !important;}
	.kartica .cijena small{display: block}	
	.kartica:hover .cijena{font-size:80%; background-color:var(--bordo); color: white; padding-bottom:0 !important;}		
	.kartica:hover .cijena small{display: none;}	
	/*POPUST*/	
	.kartica .popust{position: absolute; bottom:0em; right: 0; 
		text-align: right; background:linear-gradient(45deg, var(--bordo), var(--crvena)); 
		width:5rem; height:4rem; margin: 0 !important; transition: inherit;  padding:.5em;
		clip-path: polygon(100% 0, 0% 100%, 100% 100%); display:flex; align-items: flex-end; justify-content: flex-end;}	
@media only screen and (max-width:90rem) {.kartica{width:40%;}}
@media only screen and (max-width:62rem) {.kartica{width:100%;}}
@media only screen and (max-width:25rem) {.kartica h3{font-size:1rem !important;} .kartica h2>span{padding:.2em 1em;}}
@media only screen and (max-width:22rem) {.kartica .cijena{text-align: left;}}
@media only screen and (max-width:18rem) {.kartica .popust{display:none}}
/*li>img{width: 200px !important;}
@media only screen and (max-width:576px) {li>img{width: 150px !important;}}*/

/*botuni*/
.plavi-botun, .žuti-botun{background: var(--žuta); color:var(--plava) !important; /*border:.2rem solid transparent;*/ text-decoration: none !important;
			font-family: naslovni, Arial, Helvetica, sans-serif; font-weight: bold; transition: ease-in .1s;}
.plavi-botun{background: var(--plava); color:var(--žuta) !important; }			
	.plavi-botun img, .žuti-botun img{filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(1000%);}
	.plavi-botun select, .žuti-botun select{color:white !important; cursor: pointer;}
.plavi-botun:hover, .plavi-botun.disabled{background: var(--žuta); color:var(--plava) !important; /*border-top:.2rem solid black; border-bottom:.2rem solid black;*/}
/*.model-botun{border-bottom: .2em solid transparent !important; border-top: .15em solid transparent !important;}
.model-botun.disabled{border-bottom: .2em solid black !important; border-top: .15em solid black !important;}*/
.žuti-botun:hover{background: var(--plava); color:var(--žuta) !important; }
.plavi-botun:hover select{color:var(--bordo) !important}
.plavi-botun:hover img{ filter:none}

/*text*/
.text-žuti{color:var(--žuta)}
.text-plavi{color:var(--plava)}
.text-crveni{color:var(--crvena)}
.text-bordo{color:var(--bordo)}
.text-justify{text-align: justify;}
.naslovni{font-family: 'naslovni','Verdana', sans-serif;}	
.naslov>span{width:auto !important; background-color: var(--crvena); color: white !important; padding:.2em 1em;
		position: relative; left:0; top:.25em;/*word-break: break-all;*/
		background:linear-gradient(var(--crvena), var(--bordo));
		clip-path: polygon(calc(100% - .25em) 0, 100% 50%,calc(100% - .25em) 100%,.25em 100%, 0 50%,.25em 0);}	
@media only screen and (max-width:16em) {.naslov>span{font-size:80%}}					
.boldest{font-weight: 900 !important;}
.fs-7{font-size: 85% !important;}
.fs-8{font-size: 65% !important;}
.fs-9{font-size: 55% !important;}
.fw-extrabold{font-weight: 900;}
.rečenica:first-letter{text-transform: uppercase !important; }

/*borderi i clippath*/
.sjena{box-shadow: 0 0 .5em -.2em rgba(0, 0, 0, 0.5);}
.bjeli_border{border:1em solid white; }							
.bevel{clip-path: polygon(.5em 0%, calc(100% - .5em) 0%, 100% .5em, 100% calc(100% - .5em), calc(100% - .5em) 100%, .5em 100%, 0% calc(100% - .5em), 0% .5em);}
.border-bronca{border:1px solid var(--bronca); transition: .2s;}	
	.border-bronca h4, .border-bronca h5, .border-bronca h6{transition: .2s;}
	.border-bronca:hover h4, .border-bronca:hover h5, .border-bronca:hover h6{background-color: var(--bronca); color:white; transition: .2s;}
.breadcrumb-item{text-decoration: underline !important;}	
.breadcrumb-item.active{text-decoration: none !important; color: var(--bronca);}	
.border-crni{border:.1em solid blackwhite;}
.clip-livo{clip-path: polygon(calc(var(--visina_naslovne) * .125) 0%, 100% 0%, 100% 100%, 0% 100%)}
.clip-oba{clip-path: polygon(.5rem 0%, 100% 0%,calc(100% - .5rem) 100%, 0% 100%)}

/*BScarousel*/
.carousel-control-next{justify-content: end; max-width: 5rem;}
.carousel-control-prev{justify-content: start; max-width: 5rem;}
.carousel-control-next-icon, .carousel-control-prev-icon{/*background-color: black; background-size: 70% !important;*/ opacity: 1 !important;}



/*------------------------------------------------------------------HEADER--------------------------------------------------------------------------------------*/
	header{position: fixed; left: 0; top:0; width: 100%; z-index: 10000; transition: .2s; 
		background-color:var(--žuta); border-bottom: calc(var(--visina_botuna_headera) * .06) solid black;}
		#header_logo{position:fixed; top:0; left:0; height:auto; width: calc(var(--visina_botuna_headera) * 3); /*background-color: #8F0000;*/
					padding-left:.8em; padding-top: .25em; padding-right: 1em;}
			#header_logo>img{height:auto; width:100%; object-position:bottom; object-fit: contain;}
			@media (max-width:15.5em) {
				#header_logo{font-size: .7em !important; width: calc(100% - var(--visina_botuna_headera));
					height:calc(var(--visina_botuna_headera) + .5em); padding-left:0em !important;}
					#header_logo>img{height:100%;}
			}
		#header_menu{position: fixed; top: 0; right:0;
				width: var(--visina_botuna_headera); height: var(--visina_botuna_headera);
				background:var(--plava); background-size:cover;
				z-index: 2; display: none; transition: .3s;
				border-bottom: calc(var(--visina_botuna_headera) * .06) solid black !important;}
			.nav_crta{
					display: block;
					background-color: var(--žuta); 
					height:10%; width: 100%;
					margin:20% auto;
					clear: both;
					transition: .3s;}
				.nav_crta:first-of-type{transform-origin:top left;}
				.nav_crta:last-of-type{transform-origin:bottom left;}	
		header nav{width:calc(100% - (var(--visina_botuna_headera) * 3)); /*max-width: 80em;*/ 
					height:3.3em; z-index:200000; position: relative; left: 0; top: 0; transition:ease-in-out .2s; 
					margin-left: calc(var(--visina_botuna_headera) * 3);}	
			header nav div{width: 100%; height:100%; display: flex; align-items: center; flex-wrap: wrap; justify-content:flex-start;}		
				header nav a{width:auto; height: 100%; padding:0 .5rem; 
							display:flex; align-items: center;align-content:center;  flex-wrap: wrap; justify-content: center;
								color:var(--plava) !important; text-decoration: none; 
								background-color:transparent; transition:.25s; text-align: center;}	
				header nav div a{min-width:calc(16.6666666% + .8455rem); /*align-content: flex-end;*/ padding-top: .25em;
								clip-path: polygon(.85rem 0%, 100% 0%, calc(100% - .85rem) 100%, 0% 100%);
								margin-left: -.85rem;}	
				header nav div a:last-of-type{clip-path: polygon(.85rem 0%, 100% 0%, 100% 100%, 0% 100%);}							
				header nav button{ background-color:var(--plava) ;font-size:.7rem !important;
								transition:.2s; color:white  !important;}					
					header nav a:hover, header nav a.disabled, header nav button:hover{background-color: var(--plava); color:var(--žuta) !important; }
					header nav button:hover{color:var(--plava) !important}
		/*mobitel*/		
		@media (max-width:81em) {
			header{height: var(--visina_botuna_headera);}
			#header_menu{display: block;}
			header nav{ width:auto; max-width:100%; position: fixed; left:auto;  right:-100%; 
					top:var(--visina_botuna_headera); height:auto !important; text-align: right;
					background-color:var(--plava) !important; margin-left:0; display: block;
					border:calc(var(--visina_botuna_headera) * .08) solid var(--žuta) !important; border-top: none !important; border-right: none !important;}
				header nav div{display: block; height: 100%; width:auto; padding: 0;}
					header nav a, header nav a.disabled{display: block; margin-left:0rem !important; min-width:0; width:100%;
														background: none; padding:.5rem; color:var(--žuta) !important; text-align: right; 
														padding-left:1rem; padding-right:1rem; clip-path: none !important}
					header nav form{display: none;}
					header nav a:hover{color: black !important;}
					header nav a.disabled{color:white !important; pointer-events: none; margin-left: -1em;}		
		}	
														

/* -----------FOOTER------------- */	
footer{border-top: calc(var(--visina_botuna_headera) * .06) solid black;}
	footer address a{text-decoration:none !important; color: var(--žuta) !important; display:block; margin:.5rem; padding:.25em;
					background-color: var(--plava); font-family: naslovni, Arial, Helvetica, sans-serif;
					width:12em !important; height:12em; transition: ease-in .1s;
					display: flex; align-content: center; justify-content: center; flex-wrap: wrap; line-height: 110%; font-size: 80%;}
	footer address a:hover{color:var(--plava) !important; background-color:transparent; }
	footer address a:hover img{filter:none}
		footer address a>img{width:50%; height:auto; object-fit: contain; object-position: bottom; margin-bottom:.75em;
							filter:brightness(0) saturate(100%) invert(78%) sepia(95%) saturate(1610%) hue-rotate(345deg) brightness(103%) contrast(106%);}				
	footer address a:link{text-decoration:none !important;}		
	#drustvene a{width:var(--visina_botuna_headera) !important; height:var(--visina_botuna_headera); 
				padding:.75em 0; align-items: center;display: flex; align-content: center; margin:.2rem 0rem;}
		#drustvene a>img{width:60%; height:60%; margin-bottom:0;}
	#GDPR>div{padding:.25rem 1.5rem; }	
	@media (max-width:26em) {#GDPR>div{padding:.25rem 1rem; clip-path:none;}}
	
/*naslovna*/
	.naslovna{height:var(--visina_naslovne); }
	img.naslovna{border-bottom:calc(var(--visina_botuna_headera) * .06) solid black !important;}
		@media (max-width:768px) {.naslovna{height: auto !important;}
								img.naslovna {height:calc(var(--visina_naslovne) / 1.4) !important; clip-path: none !important; 
									display: block !important; }
								.naslovna:first-of-type{/*position: relative; z-index: 1;*/ margin-top: -1.5em;}}
/*članstvo*/								
.clanstvo-naslovna{max-height:50vh; max-width:105vw; clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);}	
	@media (max-width:105vh){.clanstvo-naslovna{clip-path: none;}	}		
/*Tablica sa članskim modelima*/
/*naslovi*/
	.model .naslovni_red{top: 2.9em; position:sticky !important; right:0; font-family: naslovni, Arial, Helvetica, sans-serif; font-weight: bold; font-size:120%; padding: 0 !important;}
	.model .naslovni_red span{font-size:70%; display: block !important; clear: both; width: 100%; padding-top: .25em !important;
							/*font-family:Geneva, Verdana, arial, sans-serif; font-weight: normal;*/}
	
	.model .naslovni_stupac{color: white !important;}	
	.model .naslovni_stupac:nth-of-type(2), .model .podnaslovni_red div:nth-of-type(2){background-color: #005aab;}
	.model .naslovni_stupac:nth-of-type(3), .model .naslovni_stupac:nth-of-type(4),
	.model .podnaslovni_red div:nth-of-type(3), .model .podnaslovni_red div:nth-of-type(4){background-color: #939598}
	.model .naslovni_stupac:nth-of-type(5), .model .podnaslovni_red div:nth-of-type(5){background-color: #a29061;}
	
	.model .podnaslovni_red div{padding:0 .5em .5em .5em !important; color: white !important; font-size: 70%; margin-top: -.2em; text-align: center;}	
	@media (max-width:81em) {.model .naslovni_red{top:calc(var(--visina_botuna_headera) - .2em);}}
/*border-bottom i bg*/	
	.model .border-bottom{border-bottom:.1em solid #bc9c0c !important;}		
	.model .row:nth-of-type(odd){background-color:#ffd20c;}		
	.model .row:first-of-type{background-color:transparent !important;}	
	.model:first-of-type .row:nth-of-type(19), .model .row:nth-of-type(20){font-weight: bold; font-size:1.25rem;}	
/*small*/	
	.model small{font-size:70%; font-weight: normal; display: block !important; clear: both; width: 100%;}	
	.model button:disabled{opacity:.25 !important}