#file-loader{
	position: relative;
    height: 300px;
    width: 60%;
	margin-top: 25px;
    animation:opacity 0.5s linear;
	-o-animation:opacity 0.5s linear;
	-moz-animation:opacity 0.5s linear;
	-webkit-animation:opacity 0.5s linear;
}
#file-loader.finished{
	height: 230px;
	transition: 1.5s;
}
#file-loader.dwn-error{
	height: auto;
	width: 100%;
	transition: 0.5s;
}
#file-loader.dwn-error .upload-header {
    width: 60%;
	padding: 22px;
	background: #ff7979;
    border: 1px solid #ffbfbf;
}
#file-loader.dwn-error .upload-header #session-expired-block p:last-child {
    padding-right: 50px;
}
#load {
  position:absolute;
  width:80%;
  height:36px;
  left:50%;
  top:50px;
  margin-left:-40%;
  overflow:visible;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  cursor:default;
}

.finished #load{
	transition: 1.5s;
	opacity: 0;
}

#loader-percent {
	position:absolute;
	width: 80%;
	left:50%;
	top:175px;
    margin-left: -40%;
	overflow:visible;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor:default;
	text-align: center;
}
.finished #loader-percent{
	transition: 1.5s;
	top:0;
}
#loader-percent p {
	margin-bottom: 15px;
	opacity: 0.7;
}
#loader-percent #percent {
	font-size: 36px;
	font-weight: 700;
	color: #ffcc33;
}
 
.loader-object{
	text-align: center;
}
.loader-object p{
	font-weight: 600;
	margin-top: 25px;
}
.loader-object i{
	font-size: 100px;
	color: #ffcc33;
}

#usenet {
  position:absolute;
  left:0;
  top:0;
  overflow:visible;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  cursor:default;
}

#device {
	position:absolute;
	right:0;
	top:0;
	overflow:visible;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor:default;
	animation:jump 2s linear infinite;
	-o-animation:jump 2s linear infinite;
	-moz-animation:jump 2s linear infinite;
	-webkit-animation:jump 2s linear infinite;
}
.finished #device {
	animation:none;
	transition: 0.5s;
	top: 0;
}

.finished #proccess-item-title{
	height: 30px;
	transition: 0.5s;
	opacity: 0;
}


.finished #download-nzb{
	display: inline-block;
	transition: 1.5s;
	opacity: 1;
}

#load div {
	position:absolute;
	width:20px;
	height:36px;
	opacity:0;
	font-size: 40px;
	font-family:Helvetica, Arial, sans-serif;
	animation:move 2s linear infinite;
	-o-animation:move 2s linear infinite;
	-moz-animation:move 2s linear infinite;
	-webkit-animation:move 2s linear infinite;
	transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	color:#fff;
}

#load div:nth-child(2) {
  animation-delay:0.2s;
  -o-animation-delay:0.2s;
  -moz-animation-delay:0.2s;
  -webkit-animation-delay:0.2s;
}
#load div:nth-child(3) {
  animation-delay:0.4s;
  -o-animation-delay:0.4s;
  -webkit-animation-delay:0.4s;
  -webkit-animation-delay:0.4s;
}
#load div:nth-child(4) {
  animation-delay:0.6s;
  -o-animation-delay:0.6s;
  -moz-animation-delay:0.6s;
  -webkit-animation-delay:0.6s;
}
#load div:nth-child(5) {
  animation-delay:0.8s;
  -o-animation-delay:0.8s;
  -moz-animation-delay:0.8s;
  -webkit-animation-delay:0.8s;
}
#load div:nth-child(6) {
  animation-delay:1s;
  -o-animation-delay:1s;
  -moz-animation-delay:1s;
  -webkit-animation-delay:1s;
}
#load div:nth-child(7) {
  animation-delay:1.2s;
  -o-animation-delay:1.2s;
  -moz-animation-delay:1.2s;
  -webkit-animation-delay:1.2s;
}

@keyframes opacity {
	0% {
	  opacity:0;
	}
    100% {
        opacity:1;
    }
}

@keyframes move {
  0% {
    left:0;
    opacity:0;
  }
    35% {
        left: 41%; 
        -moz-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);
        opacity:1;
    }
    65% {
        left:59%; 
        -moz-transform:rotate(0deg); 
        -webkit-transform:rotate(0deg); 
        -o-transform:rotate(0deg);
        transform:rotate(0deg); 
        opacity:1;
    }
    100% {
        left:100%; 
        -moz-transform:rotate(-180deg); 
        -webkit-transform:rotate(-180deg); 
        -o-transform:rotate(-180deg); 
        transform:rotate(-180deg);
        opacity:0;
    }
}

@-moz-keyframes move {
    0% {
        left:0; 
        opacity:0;
    }
    35% {
        left:41%; 
        -moz-transform:rotate(0deg); 
        transform:rotate(0deg);
        opacity:1;
    }
    65% {
        left:59%; 
        -moz-transform:rotate(0deg); 
        transform:rotate(0deg);
        opacity:1;
    }
    100% {
        left:100%; 
        -moz-transform:rotate(-180deg); 
        transform:rotate(-180deg);
        opacity:0;
    }
}

@-webkit-keyframes move {
    0% {
        left:0; 
        opacity:0;
    }
    35% {
        left:41%; 
        -webkit-transform:rotate(0deg); 
        transform:rotate(0deg); 
        opacity:1;
    }
    65% {
        left:59%; 
        -webkit-transform:rotate(0deg); 
        transform:rotate(0deg); 
        opacity:1;
    }
    100% {
        left:100%;
        -webkit-transform:rotate(-180deg); 
        transform:rotate(-180deg); 
        opacity:0;
    }
}

@-o-keyframes move {
    0% {
        left:0; 
        opacity:0;
    }
    35% {
        left:41%; 
        -o-transform:rotate(0deg); 
        transform:rotate(0deg); 
        opacity:1;
    }
    65% {
        left:59%; 
        -o-transform:rotate(0deg); 
        transform:rotate(0deg); 
        opacity:1;
    }
    100% {
        left:100%; 
        -o-transform:rotate(-180deg); 
        transform:rotate(-180deg); 
        opacity:0;
    }
}

@keyframes jump {
	0% {
		margin-top: -25px;
	}
	50% {
		margin-top: 0px;
	}
	100% {
		margin-top: -25px;
	}
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@-moz-keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@-webkit-keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@-o-keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@media (max-width: 1024px)
{
	#file-loader, .file-upload{
	    width: 80%;
	    margin: 50px auto 0;
	}
	#file-loader.finished {
	    height: 180px;
	    margin: 0 auto;
	}
}

@media (max-width: 768px)
{
	#file-loader {
	    width: 94%;
	}
}
@media (max-width: 500px)
{
	.loader-object i {
	    font-size: 70px;
	}
	.loader-object p{
		font-size: 14px;
	}
	#load div {
		font-size: 26px;
	}
}
@media (max-width: 366px)
{
	.loader-object i {
	    font-size: 55px;
	}
	.loader-object p{
		font-size: 12px;
		margin-top: 10px !important;
	}
	.finished #loader-percent{
		top: 60px;
	}
	#load div {
		font-size: 26px;
	}
}