@charset "UTF-8";

/*
	--------------- preloader start ------------------------------------
*/

.pre-container, .iyz-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100vh;
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:auto;
}

.pre-container {
	display:none;
	z-index: 99999999;
}

.iyz-container {
	z-index: 1;
}

.pre-container.back, .iyz-container.back {

	background: #000000;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	
}

.pre-loader {
	z-index: 999999999;
	position:absolute;
	width:30%;
	margin: 0 35%;
	top:70%;
	display:none;
}

.pre-loader .progress-wrp {
    border: 0px solid #ff8000;
    position: relative;
    border-radius: 10px;
    margin: 0 auto;
    height: 20px; overflow:hidden;  
    width:100%;
    text-align: left;
    background: #fff;
    /*box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);*/
}
.pre-loader .progress-wrp .progress-bar{
    background-color: #ff8000;
		position:absolute;
		display:inline-block;
    width: 0px; height:22px; overflow:hidden;
		font-size:10px; margin:-2px;
    text-align:center;
    /*box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);*/
}
.pre-loader .progress-wrp .status{
	top:-6px;
	left:50%;
	font-size:10px;
	position:absolute;
	display:inline-block;
	color: #000000;
}

.loader {
  width: 20%;
  height: 20%;
  position:absolute;
  left:40%;top:40%
}

circle {
  fill: none;
  stroke-width: 3.5;
  -webkit-animation-name: preloader;
          animation-name: preloader;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-transform-origin: 170px 170px;
          transform-origin: 170px 170px;
  will-change: transform;
}
circle:nth-of-type(1) {
  stroke-dasharray: 550;
}
circle:nth-of-type(2) {
  stroke-dasharray: 500;
}
circle:nth-of-type(3) {
  stroke-dasharray: 450;
}
circle:nth-of-type(4) {
  stroke-dasharray: 300;
}
circle:nth-of-type(1) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}
circle:nth-of-type(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
circle:nth-of-type(3) {
  -webkit-animation-delay: -0.45s;
  -moz-animation-delay:  -0.45s;
          animation-delay: -0.45s;
}
circle:nth-of-type(4) {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
          animation-delay: -0.6s;
}

@-webkit-keyframes preloader {
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes preloader {
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/*
	--------------- preloader start ------------------------------------
*/