/*----------------------------load-----------------------------------*/

#load{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index:20000;
}
#load div:nth-of-type(1){
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.8s ease-in-out;
}
#load div.bg_offoff{
    display:none;
}
#load div.bg_black{
    background:#000000;
}
#load div.bg_white{
    background:#ffffff;
}
#load .loader_on {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 3px solid #fac02a;
	border-radius: 50%;
	animation: spin 0.75s infinite linear;
	position: absolute;
	top: calc(50% - 65px);
	left: calc(50% - 25px);
	display: block;
}
#load .loader_on::before,
#load .loader_on::after {
	left: -2px;
	top: -2px;
	display: none;
	position: absolute;
	content: '';
	width: inherit;
	height: inherit;
	border: inherit;
	border-radius: inherit;
}
#load .loader_on,
#load .loader_on::before {
	display: inline-block;
	border-color: transparent;
}
#load .loader_on{
	border-top-color: #fac02a;
}
#load div.bg_offoff{
    display:none;
}
#load .loader_on.loader_black{
    border-top-color:#000000;
}
#load .loader_on.loader_white{
    border-top-color:#ffffff;
}
#load .loader_on.loader_gray{
    border-top-color:#808080;
}
#load .loader_on.loader_yellow{
    border-top-color:#ffff00;
}
#load .loader_on.loader_red{
    border-top-color:#ff0000;
}
#load .loader_on.loader_blue{
    border-top-color:#0000ff;
}
#load .loader_on.loader_green{
    border-top-color:#008000;
}
#load .loader_on::before {
	border-top-color: inherit;
}
#load .loader_on::before {
	animation: spin 1.5s infinite ease;
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
#load img{
	display: block;
	z-index: 100;
	position: absolute;
    /*-webkit-transform: translateY(-50%);
    transform: translateY(-50%);*/
    top:50%;
    left:0;
	right: 0;
	margin: 0 auto;
}
#load img.img_offoff{
    display:none;
}

/*-- loading bar --*/
.loadingBar_off{
    display:none;
}
.loadingBar_on {
    z-index:20002;
    width: 0;
    height: 8px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    position: fixed;
    top: 0;
    left: 0;
    transition: all 0.2s linear 0s;
}

.pace .pace-progress {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;

  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}