@font-face {font-family: naslovni; src: url(/fontovi/airstrike.ttf); font-style: normal; font-weight: normal;}
/*@font-face {font-family: body; src: url(/fontovi/REM-MediumItalic.ttf); font-style: italic;font-weight: normal;}
@font-face {font-family: body; src: url(/fontovi/REM-Medium.ttf); font-style: normal;font-weight: normal;}*/
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 {
	--logo_sirina:12.655em;
	--reklame_visina:50vh; 
	--reklame_sirina:20vw; 
	--plava:#0D0082;
	--modra: #0067ce;
	--zelena:rgb(3, 157, 74);
	--zelena2:rgb(3, 144, 157);
	--zelena1:rgb(3, 157, 131);
	--lila:#B700FF;
	--orange:#FF6900;
	}
@media (orientation: portrait), (orientation: landscape) and (max-width: 600px) { 
	:root {	--logo:3rem; --reklame_visina:4rem; }
}	
a{text-decoration: none; }
/*a:hover, a:active{text-decoration: underline !important;}*/
body{font-family: Tahoma, Verdana, sans-serif !important; color:black !important}	
h1, h2,h5, .naslovni {font-family: 'naslovni', Verdana, Geneva, Tahoma, sans-serif; word-break:break-word}
h3, h4,h6 {font-family: Tahoma,Verdana, sans-serif !important}	
section{padding-top:4rem !important }
@media screen and (max-width:768px){footer	img{object-position: center !important; max-height:12rem}}	
p{margin-bottom: .5rem !important;}
.bottom{background-position: bottom;}
.top{background-position: top !important;}
.center{background-position: center;}
.cover{background-size: cover;}
.contain{object-fit: contain; object-position: top left;}
/*@media screen and (max-width:768px){
	.contain{object-position: left;}
}*/
.plavi{color:var(--plava)}
.zeleni{color:var(--zelena)}
.orange{color:var(--orange)}
.modra{color:var(--modra)}
.bg-orange{background-color:var(--orange) !important}
.bg-plava{background-color:var(--plava) !important}
.bg-plava-tamnija{background-color:#0a0064 !important}
.bg-modra{background-color:var(--modra) !important}
.bg-zelena{background-color:var(--zelena) !important}

/*------------------------------------------HEADER-------------------------------------------------------------------------------------------------*/
header{position: fixed; top: 0; left: 0; font-size: 1rem;z-index: 1000; }	
	.header_logo{position:fixed; top: 0; left: 0; object-fit: cover; z-index: 1001;
		width:var(--logo_sirina); height:calc(var(--logo_sirina)  * 0.5444488); cursor:pointer; /*transition: .2s;*/}	
		#logo_smanjen{--logo:4rem; top:calc((var(--logo) / 0.85) * -1); border-bottom: calc(var(--logo) * 0.012) solid black; }
	.navbar{padding-left:var(--logo_sirina) !important; width:100vw; min-height:4rem; 
			background: linear-gradient(90deg,	var(--plava) 0%, #0535B9 var(--logo_sirina), #0059DE 100%); 
			flex-wrap: nowrap !important; z-index: 1000;}
		.navbar	h1{width: calc(100% - 4rem);}
	.slogan{width:100vw; min-height:1rem; padding-left:calc(var(--logo_sirina) * 1.4) !important; letter-spacing: .03rem;
			font-size: 70% !important; box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.508); background-color:var(--orange);}					
	#header_menu{position: fixed; top:0; right: 0; height:4rem !important; width:4rem !important;}
		.nav_crta{
			display: block;
			background-color: white; 
			height:10%; width: 100%;
			margin:20% auto;
			clear: both;
			transition: .3s;
			clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);}
		.nav_crta:first-of-type{transform-origin:top left;}
		.nav_crta:last-of-type{transform-origin:bottom left;}			
	nav a{text-decoration: none; 
		font-size: 2.5rem;
		position: fixed;
		/*top:4rem;*/
		left:-110vw;
		/*height:var(--visina_nav_headera);*/
		width:110vw;
		clip-path: polygon(5vw 0%, 100% 0%, 105vw 100%, 0% 100%);
		cursor: pointer;
		display: flex; justify-content: center; 
		align-items: center; align-content: center;
		flex-wrap: wrap;
		text-transform: uppercase;
		color:white;
		font-family: 'naslovni', Verdana, Geneva, Tahoma, sans-serif; word-break:break-word;
		line-height:70%; text-align: left;}	
		nav a>div{width: auto; 
				padding:.38em 0; padding-left:.5em;
				background-repeat: no-repeat;
				background-position:left center;
				background-size: auto 100%;}
			nav a>div>div{border-top-left-radius:100vw; border-bottom-left-radius:100vw;}	
			nav a>div>div:before, nav a>div>div:after{content:''; display: block; height: .07em; 
														background-color: white; width:0%; transition: .3s;
														clip-path: polygon(0% 0%, 100% 0%, 98% 100%, 2% 100%);
														margin-left:.37em;}										
			nav a>div>div:after{clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%); width:0%;}
	nav a:nth-of-type(2n - 1){left:-110vw}
	nav a:nth-of-type(2n){left:110vw}
	nav a:nth-of-type(6)>div>div:before, nav a:nth-of-type(6)>div>div:after{background-color: black;}	
	nav a:hover{color:white !important}	
	nav a:hover>div>div:before {width:100% }
	nav a:hover>div>div:after {width:93%;}	
		
		/*MOBITEL*/	
		@media (max-width:35rem) {
			:root {--logo_sirina:8.5em;} 
			header{font-size:.9rem;}
			h1{font-size: 1.75em !important;}
			.header_logo{top:.5rem;}
			.slogan{padding-left:calc(var(--logo_sirina) * 1.1) !important; }
			nav a{font-size: 1rem;}}
		@media (max-height:35rem) {nav a{font-size: 2rem;}}	
		@media (max-height:25rem) {nav a{font-size:1.2rem;}}	

/*----------------------------------MAIN----------------------------*/			
main{padding-top:5rem}
.naslovni_section{height:calc(100vh - 12rem + 0.4rem);}/*5 je header + 7je ovo doli*/
.naslovni_section_manji{height:55vh;}
	.carousel-item{background-size: cover; background-position: center; height: 100%;}
/*.naslovni_section+nav.row{min-height:auto;}*/
	.naslovni_section+nav.row a{min-height:calc(7rem + 0.4rem) ; text-decoration: none; position: static !important; height:auto;
								clip-path:none; font-size:2.5rem; border-bottom:.4rem solid white;}
								/*box-shadow:0 0 .5rem #000; */


@media (max-width:110rem) {.naslovni_section+nav.row a{font-size:2rem !important;}}	
@media (max-width: 100rem) {.naslovni_section+nav.row a{font-size:1.8rem !important;}}	
@media (max-width: 90rem) {.naslovni_section+nav.row a{font-size:1.5rem !important;}}
@media (max-width: 80rem) {.naslovni_section+nav.row a{font-size:1.3rem !important;}}
@media (max-width: 992px) {.naslovni_section{height:calc(100vh - 15rem);}
							.naslovni_section+nav.row a{font-size:1.7rem !important; min-height: 5rem;}}
@media (max-width: 768px) {.naslovni_section{height:calc(100vh - 20rem);}
						.naslovni_section+nav.row a{min-height:3.75rem; font-size:1.5rem !important;}}		
						
/*----------------------------------FOOTER----------------------------*/	
footer{background: linear-gradient(90deg,	var(--plava) 0%, #0535B9 var(--logo_sirina), #0059DE 100%); box-shadow:0 0 .5rem #000; border-top:.4rem solid white;}				
	footer address a{text-decoration:none !important; color:white !important;  text-align: center;  word-spacing:-10%}
	footer address a:hover{color:var(--orange) !important;}	
	footer iframe{height:20rem; border:.4rem solid var(--orange); margin: 0 !important;}	
/*aside{position: fixed; bottom:2rem; right:2rem;  display: flex; align-items: center; justify-content: space-between; 
		 width:6rem; height: 3rem;}
	aside a{width:2.5rem; height:2.5rem; border-radius: 100%; background-color: white !important; display: block;
			border:.2rem solid black; border-top:0; display: flex; align-items: center; justify-content: center;
			font-size:1rem; font-weight: bold; cursor: pointer; text-decoration: none !important; color:black; overflow: hidden;
			filter:grayscale(100%);}
	aside a:hover{border:.2rem solid black; border-top:.1rem solid black; filter:none}	*/	

@media (orientation: portrait), (orientation: landscape) and (max-width: 600px) {
	aside a{bottom:1.5rem; right:1.5rem;}
}