@charset "utf-8";

/*--------------Logos------------*/

/*--Added here for fast editing--*/

.header-logo{background-size:120px 40px;	width:200px;	height:100%;}

.footer-logo{height:25px; background-size:120px 23px;}

.menu-perspective-background{background-image:url(../images/pictures_vertical/bg-perspective.png);}

.menu-list-logo{background-size:140px 27px;	width:140px; height:27px;}


/*----Preloader----*/ 

/*-----------------*/

.preloader-dark{background-color:#1b1d26!important;}
.preloader-dark .cp1, .preloader-dark .cp2{opacity:0.05; background-color:#fff!important;}
.preloader-dark em{color:rgba(255,255,255,0.3);}

.preloader-light{background-color:#fff!important;}
.preloader-light .cp1, .preloader-dark .cp2{opacity:0.05; background-color:#000!important;}
.preloader-light em{color:rgba(0,0,0,0.8);}

#preloader h1{
  width:100%;
  height:32px;
  background-size:165px 32px;
  margin-top:110px;
}

#preloader em{
  position:fixed;
  width:100%;
  bottom:20px;
  font-style: normal;
  text-align:center;
  font-size:10px;
  line-height:22px;
}

#preloader p{text-align:center;	font-size:12px;}

#preloader {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#fff; 
  z-index:999999999!important; 
  pointer-events: none;
  opacity:1;
  transition:all 500ms ease;
}

.hide-preloader{pointer-events: none; opacity:0!important; transition:all 500ms ease;}

.page-change-preloader{
  opacity:0;
  pointer-events:none;
  background-color:#1b1d26;
  position:fixed;
  background-size:100px; 60px;
  background-repeat: no-repeat;
  background-position: center center;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:9999999;
  pointer-events: none;
  transition:all 250ms ease!important;
}
.show-change-preloader{opacity:1; transition:all 250ms ease!important;}

#preload-spinner, .preload-spinner {
  animation: preload-spin1 1.2s ease infinite;
  clip: rect(0, 40px, 40px, 20px); 
  height: 40px;
  width: 40px;
  position: absolute;
  left: 50%;
  margin-left:-20px;
  top:50%;
  margin-top:-20px;
}

#preload-spinner:after, .preload-spinner:after {
  animation: preload-spin2 1.2s ease-in-out infinite;
  clip: rect(0, 40px, 40px, 20px);
  content:'';
  border-radius: 50%; 
  height: 40px;
  width: 40px;
  position: absolute; 
  box-shadow:inset #8cc152 0 0 0 1px;

} 

@keyframes preload-spin1 {25% {transform: rotate(0deg)}  100% {transform: rotate(185deg)}}

@keyframes preload-spin2 {0% {transform: rotate(-175deg);}	100% {transform: rotate(175deg);}}

.spinner-yellow:after{box-shadow:inset #f6bb42 0 0 0 1px!important;}
.spinner-green:after{box-shadow:inset #27ae60 0 0 0 1px!important;}
.spinner-red:after{box-shadow:inset #d8334a 0 0 0 1px!important;}
.spinner-pink:after{box-shadow:inset #ec87c0 0 0 0 1px!important;}
.spinner-blue:after{box-shadow:inset #5d9cec 0 0 0 1px!important;}
.spinner-teal:after{box-shadow:inset #a0cecb 0 0 0 1px!important;}
.spinner-magenta:after{box-shadow:inset #8067b7 0 0 0 1px!important;}
.spinner-black:after{box-shadow:inset #000 0 0 0 1px!important;}
.spinner-brown:after{box-shadow:inset #8e8271 0 0 0 1px!important;}