body{width:100vw; height:100vh; display:block; box-sizing: border-box; border:none; padding: 0; margin: 0; 
	color:black; font-family: Trebuchet MS, sans-serif; font-size:1em; 
	background-color:white; overflow:hidden;}	
	
	#logo{ background-size:80% auto; background-position:center; background-image:url(logo.svg); position:fixed; top:0; 
		left:calc(50vw - 6em - 8em); width:16em; height:5em; z-index:100000; background-repeat:no-repeat;
		background-color:white; box-shadow:0 0 1em rgba(0,0,0,.6); padding:0; box-sizing:border-box}
		#logo:before {
			content: '';
			position: absolute;
			bottom: -1em; left: 0;
			border-top: 1em solid white;
			border-left: 8em solid rgba(0,0,0,0);
			width: 0;
		}
		#logo:after {
			content: '';
			position: absolute;
			bottom: -1em; right: 0;
			border-top: 1em solid white;
			border-right: 8em solid rgba(0,0,0,0);
			width: 0;
		}
	#figure_container{width:100vw; height:100vh; display:block; position:fixed; overflow:hidden;left:0;top:0; z-index:-10000}	
		figure{width:300vw; height:400vh; display:block; position:static; background-color:white; 
			padding:0; margin:0; transition:.35s;
			animation:animacija 12s ease-in 0s infinite alternate;}
		figure div{width:100vw; height:100vh; background-size:cover; background-position:center; float:left}
		figure div:nth-of-type(1){background-image:url(/tiskara_istra_1.jpg)}
		figure div:nth-of-type(2){background-image:url(/tiskara_istra_2.jpg)}
		figure div:nth-of-type(3){background-image:url(/tiskara_istra_3.jpg)}	
		figure div:nth-of-type(4){background-image:url(/tiskara_istra_4.jpg)}
		figure div:nth-of-type(5){background-image:url(/tiskara_istra_5.jpg)}
		figure div:nth-of-type(6){background-image:url(/tiskara_istra_6.jpg)}
		figure div:nth-of-type(7){background-image:url(/tiskara_istra_7.jpg)}
		figure div:nth-of-type(8){background-image:url(/tiskara_istra_8.jpg)}
		figure div:nth-of-type(9){background-image:url(/tiskara_istra_9.jpg)}	
		figure div:nth-of-type(10){background-image:url(/tiskara_istra_10.jpg)}
		figure div:nth-of-type(11){background-image:url(/tiskara_istra_11.jpg)}
		figure div:nth-of-type(12){background-image:url(/tiskara_istra_12.jpg)}
	
	@keyframes animacija{
		0% {margin-left:0}
		20% {margin-left:0}
		45% {margin-left:-100vw}
		70% {margin-left:-100vw}
		90% {margin-left:-200vw}
		100% {margin-left:-200vw}
	}
	
	header{position:fixed; top:0vh; left:0; width:calc(50vw - 6em); height:100vh; overflow:hidden; margin:0; padding:0}
		header nav{position:static; width:13em; overflow:hidden; margin:0; padding:0;  
					float:right; padding-right:1em; height:16em; margin-top:calc(50vh - 8em); }
			header nav button{background:none; border:none; cursor:pointer; font-size:2.25em; float:none; color:white; transition:.25s;
							font-family: Cocogoose, Helvetica, sans-serif; width:auto; clear:both; height:calc(25% - .3em); text-align:right;
							text-shadow:0 0 .2em black; font-weight:bold; text-transform:uppercase; text-align:right; float:right;
							clear:right; /*/padding-right:1.8em;*/ margin:.15em 0;
							background-size:0%; background-position:right; background-repeat:no-repeat}
	header nav button:hover {text-shadow:0 0 .3em black;}
	header nav button:disabled {text-shadow:none; cursor:default; color:rgba(255,255,255,0.75)}
	
	#main_container{width:calc(50vw + 6em); height:100vh; display:block; position:fixed; overflow:hidden; right:0; top:0;}
		main{background-color:rgba(255,255,255,0.85); display:block; position:static; width:100%; 
			height:400vh; padding:0; transition:.35s}
		main:hover{background-color:rgba(255,255,255,1)}
		main section{width:30em; height:100vh; margin:0; overflow-y:auto; overflow-x:hidden; display:flex; align-items: center;}
		main section div, address{padding:0; padding-left:3em; margin:0; height:auto; width:100%; box-sizing:border-box;}
			main section div h1, address h1{color:#BE0000; width:100%; margin:0; text-transform:uppercase; font-family: Cocogoose, Helvetica, sans-serif;
						font-size:2.5em; text-shadow:0 0 1em white;  font-style: normal;}
			main section div h2, address h2{font-size:1.2em; font-family: Cocogoose, Helvetica, sans-serif; 
								font-weight:bold; margin:0; margin-top:1em; padding:0; text-shadow:0 0 1em white} 
			main section div h2 ~ p, address h2 ~ p {margin-top:0.25em; margin-bottom:1em}
			main section p, address p{padding-left:.5em; text-shadow:0 0 1em white}
			main section a, address a{padding-left:.5em; text-decoration:none; color:black; text-shadow:0 0 1em white; font-style: normal; }
			main section a:hover, address a:hover{color:#BE0000}
			main section a img, address a img{height:1.5em; width:auto; vertical-align:middle; padding-right:.5em}
			main section a:nth-of-type(1) img, address a:nth-of-type(1) img{height:.9em;}

footer{position:absolute; top:calc(100vh - 2em); left:calc(50vw - 6em - 5em); clear:both; width:10em; height:2em; box-sizing: border-box; display:flex; justify-content:center; 
		align-items:center; background-color:white; padding:0; border-top-left-radius:3em; border-top-right-radius:3em;}
	#pero{display:inline-block; color:rgba(0,0,0,0); width:2em; height:2em; border-radius:100em; transition:.2s;
			background-image:url(/slike/pero.svg); background-size:cover; margin:0 .25em; margin-top:-.5em; overflow:hidden}	
	#pero:hover {font-size:1.1em}		
	footer a{color:black; padding:0; display:inline; background-image:none; margin:0 1em; text-decoration:none}
	footer a:hover{color:#BE0000; font-size:1em}
@font-face {font-family: Cocogoose; src: url(/fontovi/CocogooseProLight-trial.ttf);}
@font-face {font-family: Cocogoose; src: url(/fontovi/Cocogoose_Pro-trial.ttf); font-weight: bold;}
	
		
/* -------------------------------------------   za mobitel   -------------------------------------------------------- */	
@media only screen and (max-width: 70em) {	
body{} /*sve isto*/
	
	#logo{ left:20vw; width:60vw; position:absolute; height:18vw}
		#logo:before {border-top: 1em solid white; border-left: 30.25vw solid rgba(0,0,0,0);}
		#logo:after {border-top: 1em solid white; border-right: 30.25vw solid rgba(0,0,0,0);}
	#figure_container{width:100vw; height:100vh; display:block; position:fixed; overflow:hidden;left:0;top:0; z-index:-10000}
		figure{z-index:-10000; position:absolute; height:calc(4 * (18vw + 1em + 7em + 16.8vw + 1em)); }
			figure div{width:100vw; height:calc(18vw + 1em + 7em + 16.8vw + 1em); }
		
	header{position:static; width:100vw; height:16.8vw; margin:0; margin-top:calc(18vw + 1em + 7em); padding:0 10%; 
			box-sizing:border-box; font-size:1em}
		header nav{position:static; width:100%; height:100%; margin:0; padding:0; margin-top:0; box-sizing:border-box}
			header nav button{float:left; clear:none; height:100%; width:21%; margin:0em 2%; box-shadow:none; font-size:0;
							background-size:contain; background-position:center; background-repeat:no-repeat;
							background-color:rgba(0,0,0,0.5); border-radius:3vw; display:block}
	header nav button:hover {text-shadow:none }
	header nav button:disabled {text-shadow:none; border:1vw solid black}
	
	#main_container{width:100vw; height:calc(100vh - (18vw + 1em + 7em + 16.8vw + 1em)); display:block;
				overflow:hidden; position:static; margin-top:1em; background-color:red}
		main{background-color:rgba(255,255,255,1); display:block; position:static; width:400vw; 
			height:100%; margin:0; padding:0; 
			transition:.35s; overflow-y:auto; clear:both}
			main section, address{width:100vw; height:37em; margin:0; display:block; padding:2em; box-sizing:border-box; 
						overflow-y:auto; overflow-x:hidden; float:left; }
				main section div, address div{padding:0; padding-left:0em; margin:0; height:100%; width:100%; box-sizing:border-box; }
					main section div h1, address div h1{color:#BE0000; width:100%; margin:0; text-transform:uppercase; font-family: Cocogoose, Helvetica, sans-serif;
								font-size:2.1em; text-shadow:0 0 1em white}
					main section div h2, address div h2{font-size:1.2em; font-family: Cocogoose, Helvetica, sans-serif; 
										font-weight:normal; margin:0; margin-top:1em; padding:0; text-shadow:0 0 1em white} 
					main section div h2 ~ p, address div h2 ~ p{margin-top:0.25em; margin-bottom:1em}
					main section p, address p{padding-left:.5em; text-shadow:0 0 1em white}
					main section a, address a{padding-left:.5em; text-decoration:none; color:black; text-shadow:0 0 1em white }
					main section a:hover, address a:hover{color:#BE0000}
					main section a img, address a img{height:1.5em; width:auto; vertical-align:middle; padding-right:.5em}
					main section a:nth-of-type(1) img, address a:nth-of-type(1) img{height:.9em;}
	footer{display:none}				
}