/*////////////////////////////////
//	preloader
////////////////////////////////*/
:root {
	--c:no-repeat linear-gradient(var(--brand-color-1) 0 0);	
}
#loader-wrapper {
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:100%;
   z-index:10000;
}
#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;
   
  	display:flex;
  	align-items:center;
  	align-items:center;
  	justify-content:center;
}
.loaded #loader-wrapper {
   opacity:0;
   visibility:hidden;
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;        
}
/* JavaScript Turned Off */
/*
.no-js #loader-wrapper {
   display:none;
}
*/
noscript {
	z-index:10001;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

.loader {
   width:40px;
   height:40px;
   background:var(--c),var(--c),var(--c),var(--c);
   background-size:21px 21px;
   animation:l5 1.5s infinite cubic-bezier(0.3,1,0,1); 
}
@keyframes l5 {
   0%   {background-position:0    0,100% 0   ,100% 100%,0 100%}
   33%  {background-position:0    0,100% 0   ,100% 100%,0 100%;width:60px;height:60px}
   66%  {background-position:100% 0,100% 100%,0    100%,0 0   ;width:60px;height:60px}
   100% {background-position:100% 0,100% 100%,0    100%,0 0   }
}