#page-preloader {
position:fixed;
left:0;
right:0;
top:0;
bottom:0;
z-index:999999;
opacity:.98;
background:#2c2e3d;
}

.block-preloader.preloader,.block-preloader {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
z-index:2;
height:auto;
}

.block-preloader + * {
overflow:visible !important;
}

.block-preloader.preloader + :not(iframe) {
height:auto !important;
}

#page-preloader.preloader-loaded .page-preloader-spin,.block-preloader.preloader-loaded .page-preloader-spin {
opacity:0;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out;
}

#page-preloader.preloader-loaded,.block-preloader.preloader-loaded {
visibility:hidden;
opacity:0;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out;
}

#page-preloader .page-preloader-spin,.block-preloader .page-preloader-spin,.preloader-spin {
position:absolute;
left:50%;
top:50%;
z-index:1001;
width:80px;
height:80px;
margin:-40px 0 0 -40px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border:2px solid transparent;
border-top-color:#b9b7ff;
-webkit-animation:PreloaderSpin 2s linear infinite;
animation:PreloaderSpin 2s linear infinite;
}

.preloader-spin {
border-top-color:#b9b7ff;
}

.block-preloader .page-preloader-spin {
top:100px;
margin-top:0;
}

#page-preloader .page-preloader-spin:before,.block-preloader .page-preloader-spin:before,.preloader-spin:before {
content:"";
position:absolute;
top:4px;
left:4px;
right:4px;
bottom:4px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border:2px solid transparent;
border-top-color:#00bcd4;
-webkit-animation:PreloaderSpin 3s linear infinite;
animation:PreloaderSpin 3s linear infinite;
}

.preloader-spin:before {
border-top-color:#00bcd4;
}

#page-preloader .page-preloader-spin:after,.block-preloader .page-preloader-spin:after,.preloader-spin:after {
content:"";
position:absolute;
top:10px;
left:10px;
right:10px;
bottom:10px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border:2px solid transparent;
border-top-color:#a3e7f0;
-webkit-animation:PreloaderSpin 1.5s linear infinite;
animation:PreloaderSpin 1.5s linear infinite;
}

.preloader-spin:after {
border-top-color:#7b97ab;
}

.block-preloader:after,.no-js #page-preloader,.no-js .block-preloader {
display:none;
}

@-webkit-keyframes PreloaderSpin {
0% {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg);
}

100% {
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}
}

@keyframes PreloaderSpin {
0% {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg);
}

100% {
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}
}

.portfolio-scroll-pagination .preloader-spin,.blog-load-more-style-timeline-new .preloader-spin {
margin-top:-10px;
}