/*////////////////////////////////
//	preloader
////////////////////////////////*/
#loader-wrapper {
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:100%;
   z-index:10000;
   
  	display:flex;
  	align-items:center;
  	justify-content:center;	      
}
#loader-wrapper .loader-section {
   position:fixed;
   top:0;
   width:100%;
   height:100%;
   z-index:10000;
   -webkit-transform:translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
   -ms-transform:translateX(0);  /* IE 9 */
   transform:translateX(0);  /* Firefox 16+, IE 10+, Opera */
   /* = .fancybox-bg */
   background:#FFF; /* = site bck */
}
.loaded #loader-wrapper {
   opacity:0;
   visibility:hidden;
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;           
}

/* Loading indicator */
.logo-loading {
	width:60px;
	height:67px;
	z-index:99999;	
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-image:url(logo_znak@2x.png);
	background-image:url(logo_znak.svg),
    linear-gradient(transparent, transparent);
/*    opacity:0; */
/*    background-size:0%; */
   background-size:100%;
/*
   opacity:1;
   background-size:100%;
   
*/ 
}
.logo-loading {
	animation:2s ease 0s normal none infinite running logo-pulse;
}
@keyframes logo-pulse {
	0% {
		opacity:0;
		background-size:50%;
	}
	50% {
	   opacity:100%;
	   background-size:100%;
	}
	100% {
	   opacity:0;
	   background-size:50%;
	}
}

/* JavaScript Turned Off */
/*
.no-js #loader-wrapper {
   display:none;
}
*/
noscript {
/*
	position:absolute;
	top:0;
	left:0;
	width:100%;
*/
	z-index:10001;
	float:left;
	display:block;
	width:100%;
	margin:0 0 0 0;
}
body:not(.loaded) { /* ovo rješava BUG da se noscript ne prikaže nad preloaderom kad je JS isključen */
   display:flex;
   flex-direction:column;
}