/* -------- loader ---------- */
body{
	overflow-x:hidden;
}
.loader{
	position: fixed; 
	width: 100%; 
	height: 100%;
	background: #ed7d05; 
	z-index: 1000;
	overflow:hidden;
}
.cssload-loader {
	position: relative;
	left: calc(50% - 44px);
	width: 88px;
	height: 88px;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	perspective: 1100px;
	margin-top:-44px;
	top:50%;
}

.cssload-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;	
}

.cssload-inner.cssload-one {
	left: 0%;
	top: 0%;
	animation: cssload-rotate-one 0.85s linear infinite;
		-o-animation: cssload-rotate-one 0.85s linear infinite;
		-ms-animation: cssload-rotate-one 0.85s linear infinite;
		-webkit-animation: cssload-rotate-one 0.85s linear infinite;
		-moz-animation: cssload-rotate-one 0.85s linear infinite;
	border-bottom: 4px solid rgba(1,155,182,0.97);
}
.layout_second .cssload-inner.cssload-one{
	border-color:#FF9F1C;
}

.cssload-inner.cssload-two {
	right: 0%;
	top: 0%;
	animation: cssload-rotate-two 0.85s linear infinite;
		-o-animation: cssload-rotate-two 0.85s linear infinite;
		-ms-animation: cssload-rotate-two 0.85s linear infinite;
		-webkit-animation: cssload-rotate-two 0.85s linear infinite;
		-moz-animation: cssload-rotate-two 0.85s linear infinite;
	border-right: 4px solid rgb(115,174,32);
}

.cssload-inner.cssload-three {
	right: 0%;
	bottom: 0%;
	animation: cssload-rotate-three 0.85s linear infinite;
		-o-animation: cssload-rotate-three 0.85s linear infinite;
		-ms-animation: cssload-rotate-three 0.85s linear infinite;
		-webkit-animation: cssload-rotate-three 0.85s linear infinite;
		-moz-animation: cssload-rotate-three 0.85s linear infinite;
	border-top: 4px solid rgb(115,174,32);
}

.layout_second .cssload-inner.cssload-two, .layout_second .cssload-inner.cssload-three{
	border-color:#EF233C;
}

/* ===== FULLSCREEN LOADER ===== */
/*body {*/
/*  overflow: hidden;*/
/*}*/

body {
  overflow-y: auto !important;
}


.loader {
  position: fixed;
  
  background: #ed7d05; /* same as your original */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

/* ===== CENTER WRAPPER ===== */
.loader-center {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ===== LOGO ANIMATION ===== */
.loader-logo {
  width: 200px;
  height: 200px;
  animation: logo-spin 1.6s cubic-bezier(.68,-0.55,.27,1.55) infinite;
}

/* ===== KEYFRAMES (VIDEO-LIKE) ===== */
@keyframes logo-spin {
  0% {
    transform: rotate(0deg) scale(1);
    opacity: 0.9;
  }

  50% {
    transform: rotate(180deg) scale(1.05);
    opacity: 1;
  }

  100% {
    transform: rotate(360deg) scale(1);
    opacity: 0.9;
  }
}

.loader {
  position: fixed;
  background: #0f0f0f;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  transition: opacity 0.5s ease;
}

.logo-wrap {
  background: #0f0f0f;       /* modern dark */
  padding: 12px;
  border-radius: 8px;        /* optional, looks premium */
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.site-logo {
  width: 40px;               /* international standard */
  height: auto;
}






@keyframes cssload-rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-one {
	0% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-one {
	0% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-one {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-one {
	0% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-two {
	0% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-two {
	0% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-two {
	0% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-two {
	0% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-three {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-three {
	0% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-three {
	0% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-three {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-three {
	0% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}