@font-face {font-family: naslovni; src: url(/fontovi/Montserrat-ExtraBold.ttf)}
html{scroll-behavior: smooth; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition:.25s; }
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	/*transition:.25s; */
}
:root {
	--siva:#4E5E6E;
	--crvena:#E31E24;
	--visina_headera:5.5rem;
	}
@media (max-width:1200px) {:root {--visina_headera:4.5rem;}}	
@media (max-width: 576px) {	:root {--visina_headera:3rem;}}	
a{text-decoration-style: dashed !important; color:rgb(255, 255, 255) !important}
a:hover, a:active{text-decoration-style: solid !important;}

body{font-family: Tahoma, sans-serif !important;}
h1, h2, h5, .naslovni {font-family: naslovni, Verdana, Geneva, Tahoma, sans-serif; word-break:break-word}
h3, h4,h6 {font-family: Tahoma, sans-serif !important}	
main{background-image: url('/slike/pozadina.webp');
	background-size: 100vw auto; min-height: 100vh;}
section{margin-bottom: -4rem !important;/*onaj fix od paddinga radi botuna u headeru*/ }	
section:not(.naslovna){padding-top:7rem !important; }	
.bg-white, .bg-white a{color:var(--siva) !important}
.bg-siva, .bg-siva a{background-color:var(--siva) !important; color: white !important}
footer h2:after{content:''; display:block; width:100%; height:.3rem; 
	background-image: url(/slike/crta.svg); background-size:contain; background-position:center;
	background-repeat: no-repeat; margin-top:-0.5rem;}
footer	img{object-position: right !important;  max-height:18rem}
@media screen and (max-width:768px){footer	img{object-position: center !important; max-height:12rem}}	
p{margin-bottom: .5rem !important;}
.bottom{background-position: bottom;}
.center{background-position: center;}
.cover{background-position: cover; object-fit: cover;}
.contain{object-fit: contain; object-position:center;}

.naslovna{height: 100vh; }
.naslovna .row:first-of-type{height: calc(100vh - 4.5rem) !important; border-bottom:.5rem solid var(--siva); }
	.naslovna .carousel-indicators{top:calc(var(--visina_headera) + .5rem) !important;/* bottom: 5rem !important;*/}
	.naslovna .carousel-item{height: 100% !important; width:100% !important;}
		.naslovna .carousel-item img{object-fit: bottom; height: 100% !important;}
		.naslovna .carousel-caption{height: calc(100% - var(--visina_headera) - 7.5rem) !important; width:100% !important; /*background-color: #0870d84b;*/
									top:calc(var(--visina_headera) + 1rem) !important; left: 0;}
			.naslovna .carousel-caption div{height: 100% !important; width:100% !important; 
											display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
											padding: 0 5vw;}
				.naslovna .carousel-caption div>div{ background-color: #4e5e6ed5; display: block;
					width: auto !important; height: auto !important;
					border:.5rem solid var(--siva); text-shadow: 0 0 .5rem black;}	
.naslovna .row:last-of-type{position:absolute; bottom:.5rem; left:0; width:100% !important; height: auto !important; 
							display: flex; justify-content: center; align-items: flex-end;}	
	.naslovna-ikonica{width:calc(33.333% - 6vw) !important; max-width:10rem !important; margin: 0 3vw !important;}			
	@media (max-width: 768px) and (orientation: landscape) {.naslovna .carousel-caption{height: calc(100% - var(--visina_headera)) !important;}
								.naslovna .row:last-of-type{display:none} 
								.naslovna .row:first-of-type{height: calc(100vh - 0rem) !important; }}	

.txt-shadow{text-shadow: 0 0 .5rem var(--siva);}

.bullet-trokut{list-style-type: none; padding-left: 0 !important;}
	.bullet-trokut li:before{content:'\25B6'; margin-right: .5em;}
.bullet-plus{list-style-type: none; padding-left: 0 !important;}
	.bullet-plus li:before{content:'+'; margin-right: .3em; color: #00DB66; font-weight: bold;}	
#sivi-botun{background-color: var(--siva); display: block; padding:1rem; color: white !important; height: auto !important;
			line-height: 100% !important; text-decoration: none; margin: 0 !important;}	
	#sivi-botun span, .accordion h4 span:before{display: inline-block; background-color: white; 
					height: 1em; color: var(--siva); font-weight: bold; font-size:110% ; width: auto !important; padding:0 .15em;}	
#bili-botun{background-color: white !important; display: block; padding:1rem; color: #E31E24 !important; height: auto !important;
			line-height: 100% !important; text-decoration: none; margin: 0 !important; width: auto !important; font-weight: bold;}	
	#bili-botun span{display: inline-block; background-color: #E31E24; width: 1em; height: 1em; 
					color: white; font-weight: bold;
					padding:0; font-size:115% ; margin-bottom: -.2em;
					background-image: url('/slike/footer-tel.svg'); background-size: 75% auto; background-position: center;
					background-repeat: no-repeat;}											
.accordion h4 span:before{content:'-';background-color: white; color: var(--siva); padding-bottom:1.3em !important; 
						font-size: 100%; margin-right: .35em;   margin-bottom:0rem; padding:0 .5rem;}
.accordion h4 button[aria-expanded="false"] span:before {content:'+'; padding:0 .25em;}
dt{margin-top:1rem;}

footer{background-image: url('/slike/galerija/strojne-glazure-Eduka-63.webp'); background-size: cover; margin-top:4rem !important;
		border-top:.5rem solid var(--siva); background-position:center; min-height: 25rem;}
footer a{text-decoration: none !important; margin: 0; padding:.15em .1em;}
footer a:hover{text-decoration: underline !important;} 
footer address a>img{width:1em; height:100%; object-fit: contain; object-position: center; display: inline-block;}