body.noscroll{
	background: #4d4d4d;
    position:fixed;
    overflow:hidden;
    width: 100%;
    height: 100%;
}

body.noscroll #wrapper,
body.noscroll #footer {
	visibility: hidden;
}

body.noscroll .svg-preloader {
	background: #4d4d4d; 
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999999;  
	display: block;
}

@media (max-width: 1180px) {

	body.noscroll{
		background: #fff;
	    position: relative;
	    overflow:hidden;
	}
	
	.svg-preloader {
		display: none!important;
	}
	
	body.noscroll #wrapper,
	body.noscroll #footer {
		visibility: visible!important;
	}	
}

.svg-preloader-wrap {
    width: 540px;
    height: 540px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    position: relative;
    top: 50%;
	margin-top: -270px;
}

.svg-preloader svg{
	width: 540px;
	height: 540px;
	display: block;
    -webkit-animation: fadein 0.3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.3s; /* Firefox < 16 */
        -ms-animation: fadein 0.3s; /* Internet Explorer */
         -o-animation: fadein 0.3s; /* Opera < 12.1 */
            animation: fadein 0.3s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.svg-preloader .circle-rotate{
    animation:  animate 1.5s linear infinite, animate-length 3s linear infinite, animate-color 6s linear infinite;
transform-origin: 50% 50%;
  stroke-dasharray: 1000;
  fill: transparent;
  stroke:#ff8000;
/*   stroke-linecap: round; */
  stroke-dashoffset: 980;
/*   stroke-miterlimit:10; */
  stroke-width:10px;
}
@keyframes animate {
  0% { 
    transform: rotate(0deg);
/*       stroke-dashoffset: 1950; */
  }
  50%{
/*     stroke-dashoffset: 1750; */
  
  }
  100% { 
    transform: rotate(359deg);
/*      stroke-dashoffset: 1950; */
  }
}

@keyframes animate-length {
  0% { 
    stroke-dashoffset: -280;
  }
  

  50%{
    stroke-dashoffset: -200;
  }

  100% { 
    stroke-dashoffset: -280;
  }
}

@keyframes animate-color {
  0% { 

      stroke:#00c5ff;

  }

  16.5%{
    stroke: #bea3ff;
  }

  33.3%{
    stroke: #ff3e3e;
  }
  
  50%{
  stroke: #ff8000;
  }
  66.6%{
    stroke: #ffd200;
  }
  83%{
    stroke: #00da7a;
  }
  100% { 
      stroke:#00c5ff;

  }
}