body { padding:0px; margin:0px; font-family:Arial;}
	#qemenu {
		transition:all 400ms ease;
		
	}
	
	.hidd {display:none;}
	
	/*
	 other
	*/
	
		.grim img{
			box-shadow:none;
		}
		
		.grim {
		transform: rotate(-3deg);
		height: 250px;
		overflow: hidden;
		border:solid 5px white;
		background-color:white;
		border-radius:4px;
		box-shadow:4px 3px 12px 2px black;

		}
		.grim0 {
			width:91%;
			transform: rotate(3deg);
			position:absolute;
		}
		
		
		.galerija12 {
			position:relative;
		}
	
	/*
	 other
	*/
	
		.dirimg {
			border:solid 2px;
			margin:3px;
			border-radius:3%;
			overflow:hidden;
			position:relative;
			width:100px;
			height:100px;
			display:inline-block;
			
		}
		
		.dirimg_in {
		  height:inherit;
		  position:absolute;
		  top:0px;
		  left:-450px;
		  width:1000px;
		  text-align:center;
		}
		
		
		.xoff {
				position:absolute;
				right:50px;
				z-index:1000;
				top:10px;
				cursor:pointer;
				font-size:25px;
			}
	
	
		.clr{
			clear:both;
		}
		
		.main1 {
			position:fixed;
			top:0px;
			width:100%;
			box-sizing:border-box;
			min-height:100vh;
			overflow:hidden;
			
			
		}
		.rs:not(.post50) div:not(.right50):not(.left50) {text-align:justify; text-indent:20px;}
		.en div:not(.right50):not(.left50) {text-align:justify; text-indent:20px;}
		
		
		
		.noselect {
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		
		.justify {text-align:justify;}
		.center {text-align:center;}
		
		.maxw800 {
			max-width:850px; margin:0px auto; padding:20px;
		}
		
		
		.p01 {
			margin-top:85vh;
			height:1px;
		}
		
		.p1 {
			min-height:85vh;
			//background:rgba(0,0,0,0.4);
			box-sizing:border-box;
			//margin:10px;
				
			//padding:10px;
			//border-radius:130px 0px 0px 0px;
		}
		
		.snka2 {
			text-shadow: 2px 2px 3px rgba(255,255,255,0.5);
			  -webkit-background-clip: text;
				 -moz-background-clip: text;
					  background-clip: text;
		}	
		
		.snka1 {
			-webkit-box-shadow: inset 0px 0px 15px -3px rgba(0,0,0,0.72); 
			box-shadow: inset 0px 0px 15px -3px rgba(0,0,0,0.72);
		}
		
		#tirq {
			//background-color: rgba(109, 160, 187,0.9);
			//background-color:#6da0bbe6;
			//background-color:#ddce7d;
			//background-color:#f8de4f; 
			background-color:rgba(248,222,79,1);
			position: absolute;
			width: 50%;
			height: 70%;
			
			transform: rotate(350deg);
			border: solid 10px white;
			
			animation-name: anim1;
			animation-duration: 4s;
			animation-iteration-count: infinite;
		}
		
		
		.oquer {
			//background-color:#ddce7d;
			//background-color:#6da0bb;
			background-color:#009edb;
		}
		#chacoal {
			background-color:#6e706b;
			
			position: absolute;
			width: 50%;
			height: 90%;
			top: 30%;
			right: -30%;
			transform: rotate(5deg);
			border: solid 10px white;
			box-shadow: 2px 7px 20px 7px #000000a1;
			
		}
		/* ------------------ */
		
		.futter2 {
			background-color:#303135;
		}
		
		.socialz {
			height:30px;
			margin: 0px 5px;
		}
		.futter a {
			text-decoration: none;
			color: inherit;
		}
		.futter a:hover {
			text-decoration: underline;
			
		}
		
		.futter {
			
			background-color:#26282c;
			color:#ccc;
			text-align:center;
			padding:50px 0px;
		}
		
		.line {
			width:25%; 
			display:inline-block;
			border:solid 2px white;
			vertical-align: text-top;
			margin: 0px 10px;
			
		}
		
		
		/* ------------------ */
		
		.main2 {position:relative; z-index:2;}
		
		#gogo {
			position:relative;
			
			padding:10px;
			//width:100%;
			max-width:850px;
			min-width:370px;
			margin:0px auto;
			//background-color:#6da0bb;
			background-color:#009edb;
			    box-shadow: 1px 5px 9px 2px #009edb;	
			
		}
		
		.logotxt {
			color: #ed1c24;
			
			font-weight: 600;
			vertical-align: top;
			-webkit-text-stroke-color: #ffffff;
			-webkit-text-stroke-width: 1px;
			display:inline-block;
		}
		
		.pravougao {
			width:150%;
			position:absolute;
			left:-25%;
			
			top:140px;
			//background-color:white;
			transform: rotate(-2deg);
			border:solid 10px white;
			-webkit-box-shadow: inset 0px 0px 15px -3px rgba(0,0,0,0.72); 
			box-shadow: inset 0px 0px 15px -3px rgba(0,0,0,0.72);
			
			text-align:center;
			overflow:hidden;
			
		}
		
		
		#prozor {
			background:rgba(255,255,255,0);
			height:120%;
			position:absolute;
			top:-10%;
			transform: rotate(2deg);
		}
		
		#potpis {
			position:absolute;
			bottom:0px;
			width:100%;
			margin:0px auto;
			z-index:10;
			display:none;
		}
		
		.pravougao img {
			height:100%;
		}
		
		.blo {
			background-color:rgba(255,255,255,0.9);
			margin-top:30px;
		}
		
		.trougaoNO {
			height:20vh;
			transform: rotate(1deg);
			background-color:white;
			width:110%;
			position:absolute;
			top:-20%;
			left:-10px;
		}
		
		
		
		
			
		.post50 {
			display:inline-block;
			box-sizing:border-box;
			text-align:justify;
			width:49%;
			min-width:300px;
			padding:10px;
			vertical-align:middle;
		}
		
		.post50c {
			display: block;
			margin-left: auto;
			margin-right: auto;
			margin:15px auto;
			
			//width: 50%;
		}
		
		.post50 img:not(.glim){
			box-shadow: 6px 6px 10px 0px #7d7c7c;
	}
		.post50 img{width:100%;
			
	}


		
		
		
		
		.flt25 {
			width:24.5%;
			text-align:left;
			vertical-align:top;
			min-width:250px;
			display:inline-block;
			border:solid 0px red;
			box-sizing:border-box;
			padding:10px;
			
		}
		
		.subtitlee {
		position: absolute;
		
		color: white;
		}
		
@media screen and (max-width: 680px){
	
	.post50 div{
		text-indent:0px;
	}

	.post50 {
		width:100%;
	}
	
	.post50c {
			
			display: block;
			margin-left: auto;
			margin-right: auto;
			margin:15px auto;
			max-height:50vw;
			    box-shadow: 6px 6px 10px 0px #7d7c7c;
			//width:90%;
		}
		
		
	h1 {
		font-size:25px;
	}
	
	
	
	
	.left50 {
		max-width: 100%;
		min-height: 20%;
		margin: 20px 0px;
		/*max-height: 50vh;*/
		text-indent: 0px;	
		    box-shadow: 6px 6px 10px 0px #7d7c7c;
	}
	
	
	.right50 {
		max-width: 100%;
		min-height: 20%;
		margin: 20px 0px;
		/*max-height: 50vh;*/
		text-indent: 0px;	
		    box-shadow: 6px 6px 10px 0px #7d7c7c;
	}
	
	
	.menmarg {
		height:60px;
	}
	
	.pravougao {
		height:300px;
	}
	
	.logotxt {
		font-size: 45px;
		padding-top:5px;
		padding-left:5px;
	}
	
	.subtitlee {
		font-size: 18px;
		bottom: -3px;
		padding-left: 66px;
	}
	
	
}
		
@media screen and (min-width: 681px){
	
	.post50c  {
			
			display: block;
			margin-left: auto;
			margin-right: auto;
			//width: 50%;
			max-height:25vw;
			margin:15px auto;
			    box-shadow: 6px 6px 10px 0px #7d7c7c;
			
		}
		
	
	.left50 {
		max-width:40%;
		min-height:20%;
		float:left;
		margin:20px;
		text-indent:0px;
		box-shadow: 6px 6px 10px 0px #7d7c7c;
	}
	
	.right50, .right50t {
		max-width:40%;
		min-height:20%;
		float:right;margin:20px;
		text-indent:0px;
		    box-shadow: 6px 6px 10px 0px #7d7c7c;
	}
	
	.menmarg {
	height:80px;
	}
	
	.pravougao {
		height:400px;
	}
	.logotxt {
		
		font-size: 70px;
		padding-left:20px;
	}
	
	.subtitlee {
		font-size: 25px;
		bottom: -2px;
		padding-left: 105px;
	}
}

@keyframes anim1 {
  0%   {top: 50%; left: -20%; box-shadow: 2px 7px 20px 7px #000000a1;}
  50%  {top: 52%; left: -22%;box-shadow: 14px 19px 20px 7px #000000a1;}
 
  100% {top: 50%; left: -20%;box-shadow: 2px 7px 20px 7px #000000a1; }
}

/* 

@keyframes anim1 {
  0%   {top: 50%; left: -20%;}
  25%  {top: 55%; left: -22%;}
  50%  {}
  75%  {}
  100% {top: 50%; left: -20%;}
}


@media screen and (min-width: 600px) and (max-width: 900px){
	
}
*/