﻿@charset "utf-8";

body {
	overflow:auto;
}





/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#ffffff; /* change if the mask should have another color then white */
	z-index:1000000; /* makes sure it stays on top */


}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image: url(../img/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
	z-index:1000001;
}

.status1 {
	width:120px;
	height:120px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	 /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-60px 0 0 -60px; /* is width and height divided by two */
	z-index:1000001;
}



#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 160px;
    height: 160px;
    margin: -95px 0 0 -95px;
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: #C61D23;
    -webkit-animation: spin 2.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: #C61D23;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: #C61D23;
    -webkit-animation: spin 2.0s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 2.0s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}







