@charset "utf-8";
/* CSS Document */

#content{
	width: 100%;
	height: 900%;
	position: absolute;
	margin: 0% 0% 0% 0% !important;
	display: block;
	z-index: 99999;
	background: #000;
	color: #fff;
}


.pre-loader {
    font-size: 30px;
    width: 1em;
    height: 1em;
    border-radius: 50%;    
    position: absolute;
	margin: 20% 0% 0% 48%;

    background: rgb(222,52,127);
	z-index:1000;
    box-shadow:
       1em 1em rgb(222,52,127),	   
       2em 2em rgb(222,52,127),
       1em 3em rgb(222,52,127),
       0em 4em rgb(222,52,127),
      -1em 3em rgb(222,52,127),
      -2em 2em rgb(222,52,127),
      -1em 1em rgb(222,52,127);
	  
    -webkit-transform-origin: 50% 250%;
    transform-origin: 50% 250%;
    -webkit-animation: blink 1s steps(1, start) infinite, counter-clock 8s linear infinite;
    animation: blink 1s steps(1, start) infinite, counter-clock 8s linear infinite;
}

.pre-loader:after {
    content: "";
    width: 3em;
    height: 3em;
    background: red;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    background:rgba(255,255,255,0.3);

    left: -1em;
    top: 1em;
}


@-webkit-keyframes counter-clock {
    from { }
    to { -webkit-transform: rotate(-360deg); }
}

@keyframes counter-clock {
    from { }
    to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}

@-webkit-keyframes blink {
    0% { }
    12.5% {
    background: rgba(222,52,127,0.6); 
    box-shadow:
       1em 1em rgb(222,52,127),
       2em 2em rgb(222,52,127),
       1em 3em rgb(222,52,127),
       0em 4em rgb(222,52,127),
      -1em 3em rgb(222,52,127),
      -2em 2em rgb(222,52,127),
      -1em 1em rgb(222,52,127);
    }

    25% {
    background: rgb(222,52,127);
      box-shadow:
       1em 1em rgba(0,102,153,0.6),
       2em 2em rgb(222,52,127),
       1em 3em rgb(222,52,127),
       0em 4em rgb(222,52,127),
      -1em 3em rgb(222,52,127),
      -2em 2em rgb(222,52,127),
      -1em 1em rgb(222,52,127);
    }

    37.5% {
    background: rgb(222,52,127);
    box-shadow:
       1em 1em rgb(222,52,127),
       2em 2em rgba(0,102,153,0.6),
       1em 3em rgb(222,52,127),
       0em 4em rgb(222,52,127),
      -1em 3em rgb(222,52,127),
      -2em 2em rgb(222,52,127),
      -1em 1em rgb(222,52,127);
    }

    50% {
    background: rgb(222,52,127);
    box-shadow:
       1em 1em rgb(222,52,127),
       2em 2em rgb(222,52,127),
       1em 3em rgba(0,102,153,0.6),
       0em 4em rgb(222,52,127),
      -1em 3em rgb(222,52,127),
      -2em 2em rgb(222,52,127),
      -1em 1em rgb(222,52,127);
    }

    62.5% {
    background: rgb(222,52,127);
    box-shadow:
       1em 1em rgb(222,52,127),
       2em 2em rgb(222,52,127),
       1em 3em rgb(222,52,127),
       0em 4em rgba(0,102,153,0.6),
      -1em 3em rgb(222,52,127),
      -2em 2em rgb(222,52,127),
      -1em 1em rgb(222,52,127);
    }

    75% {
    background: rgb(222,52,127);
      box-shadow:
       1em 1em rgb(222,52,127),
       2em 2em rgb(222,52,127),
       1em 3em rgb(222,52,127),
       0em 4em rgb(222,52,127),
      -1em 3em rgba(0,102,153,0.6),
      -2em 2em rgb(222,52,127),
      -1em 1em rgb(222,52,127);
    }

    87.5% {
    background: rgb(222,52,127);
    box-shadow:
       1em 1em rgb(222,52,127),
       2em 2em rgb(222,52,127),
       1em 3em rgb(222,52,127),
       0em 4em rgb(222,52,127),
      -1em 3em rgb(222,52,127),
      -2em 2em rgba(222,52,127,0.6),
      -1em 1em rgb(222,52,127);
    }
  
    100% {
    background: rgb(222,52,127);
    box-shadow:
       1em 1em rgb(222,52,127),
       2em 2em rgb(222,52,127),
       1em 3em rgb(222,52,127),
       0em 4em rgb(222,52,127),
      -1em 3em rgb(222,52,127),
      -2em 2em rgb(222,52,127),
      -1em 1em rgba(0,102,153,0.6);

    }
}
 
@keyframes blink {
    0% { }
    12.5% {
    background: rgba(222,52,127); 
    box-shadow:
       1em 1em rgb(222,52,127),
       2em 2em rgb(222,52,127),
       1em 3em rgb(222,52,127),
       0em 4em rgb(222,52,127),
      -1em 3em rgb(222,52,127),
      -2em 2em rgb(222,52,127),
      -1em 1em rgb(222,52,127);
    }

    25% {
    background: rgb(222,52,127);
      box-shadow:
       1em 1em rgba(0,102,153,0.6),
       2em 2em rgb(222,52,127),
       1em 3em rgb(222,52,127),
       0em 4em rgb(222,52,127),
      -1em 3em rgb(222,52,127),
      -2em 2em rgb(222,52,127),
      -1em 1em rgb(222,52,127);
    }

    37.5% {
    background: rgb(222,52,127);
    box-shadow:
       1em 1em rgb(222,52,127),
       2em 2em rgba(0,102,153,0.6),
       1em 3em rgb(222,52,127),
       0em 4em rgb(222,52,127),
      -1em 3em rgb(222,52,127),
      -2em 2em rgb(222,52,127),
      -1em 1em rgb(222,52,127);
    }

    50% {
    background: rgb(222,52,127);
    box-shadow:
      1em 1em rgb(222,52,127),
      2em 2em rgb(222,52,127),
      1em 3em rgba(0,102,153,0.6),
      0em 4em rgb(222,52,127),
      -1em 3em rgb(222,52,127),
      -2em 2em rgb(222,52,127),
      -1em 1em rgb(222,52,127);
    }

    62.5% {
    background: rgb(222,52,127);
    box-shadow:
       1em 1em rgb(222,52,127),
       2em 2em rgb(222,52,127),
       1em 3em rgb(222,52,127),
       0em 4em rgba(0,102,153,0.6),
      -1em 3em rgb(222,52,127),
      -2em 2em rgb(222,52,127),
      -1em 1em rgb(222,52,127);
    }

    75% {
    background: rgb(222,52,127);
      box-shadow:
       1em 1em rgb(222,52,127),
       2em 2em rgb(222,52,127),
       1em 3em rgb(222,52,127),
       0em 4em rgb(222,52,127),
      -1em 3em rgba(0,102,153,0.6),
      -2em 2em rgb(222,52,127),
      -1em 1em rgb(222,52,127);
    }

    87.5% {
    background: rgb(222,52,127);
    box-shadow:
       1em 1em rgb(222,52,127),
       2em 2em rgb(222,52,127),
       1em 3em rgb(222,52,127),
       0em 4em rgb(222,52,127),
      -1em 3em rgb(222,52,127),
      -2em 2em rgba(0,102,153,0.6),
      -1em 1em rgb(222,52,127);
    }
  
    100% {
    background: rgb(222,52,127);
    box-shadow:
       1em 1em rgb(222,52,127),
       2em 2em rgb(222,52,127),
       1em 3em rgb(222,52,127),
       0em 4em rgb(222,52,127),
      -1em 3em rgb(222,52,127),
      -2em 2em rgb(222,52,127),
      -1em 1em rgba(0,102,153,0.6);
    }
}
.loaderDiv{width:65px; height:69px; position:relative; margin-top:40px; margin-left:-20px; text-align:center; display:inline-block; background:url(../images/logoLoader.png); }

@media (max-width:768px){
	.pre-loader {
		margin: 60% 50% 0% 45%;
	}
}