body{
	margin:0;
	padding:0;
	background-image: none;
	background-color: #000000;
}

#loader_container{
	width: 100%;
	position: absolute; 
	top: 0;
	bottom:0; 
	left: 0; 
	right: 0; 
	background-color: #000; 
	overflow: hidden; 
	display: block;

    -webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;
	z-index: 1; 
}

#loader_gif{
	width: 50%; 
	height: 50%; 
	position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

#loader_container.hide{
	display: none;

    -webkit-animation: fadeOutToNone 0.5s ease-out;
    -moz-animation: fadeOutToNone 0.5s ease-out;
    -o-animation: fadeOutToNone 0.5s ease-out;
    animation: fadeOutToNone 0.5s ease-out;
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-webkit-keyframes fadeOutToNone {
    0% {
        display: block;
        opacity: 1;
    }

    1% {
        display: none;
        opacity: 1;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@-moz-keyframes fadeOutToNone {
    0% {
        display: block;
        opacity: 1;
    }

    1% {
        display: none;
        opacity: 1;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@-o-keyframes fadeOutToNone {
    0% {
        display: block;
        opacity: 1;
    }

    1% {
        display: none;
        opacity: 1;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@keyframes fadeOutToNone {
    0% {
        display: block;
        opacity: 1;
    }

    1% {
        display: none;
        opacity: 1;
    }

    100% {
        display: none;
        opacity: 0;
    }
}