/*////////////////////////////////
//	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:var(--bck-color); /* = 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 */
/* HTML:<div class="loader"></div> */
.dot {
	position:relative;
	width:2.5em;
	height:2.5em;
	margin:0.8em;
	display:block;
	border-radius:50%;
	background:var(--links-color-normal);
	z-index:99999;	
	border:1px solid red;
	
	display:flex;
	align-items:center;
	justify-content:center;
}
.dot::before {
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background:inherit;
	border-radius:inherit;
	animation:wave 2s ease-out infinite;
	animation-delay:0.2s;
}
@keyframes wave {
	50%,
	75% {
		transform:scale(2.5);
	}
	80%,
	100% {
		opacity:0;
	}
}

/* JavaScript Turned Off */
/*
.no-js #loader-wrapper {
   display:none;
}
*/
noscript {
	z-index:10001;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
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;
}