/* CSS Document 24a276 hover:24a276*/
.btn-footer {
	margin: 3px;
	border: 2px solid #999;
}
.margin-top {
	margin-top:5px;
}
.songs h3 {
	font-size: 16px;
	margin: 3px;
}
.yt-player {
	margin: 10px;
}
.desc {
	margin: 3px;
	box-shadow: 0px 0px 10px #000 inset;
	-webkit-box-shadow: 0px 0px 10px #000 inset;
	padding: 10px;
}
.light {
	border-top: 2px solid #24a276;
	margin: 5px 0px !important;
}
.credit {
	border-top: 1px solid #111;
	float:left;
	width:100%;
	padding-top: 10px;
}
.side-link {
	background: url(../img/tr.png);
	padding: 5px 10px;
	width: 100%;
	margin-top: 5px;
}
.padding-top {
	padding-top: 60px;
}
.blocks {
	width: 24%;
	float:left;
	background: url(../img/tr.png);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	margin: 3px;
	box-shadow: 0px 0px 30px #000 inset;
	-webkit-box-shadow: 0px 0px 30px #000 inset;
	padding: 10px;
}
.songs {
	background: url(../img/tr.png);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	margin: 3px;
	box-shadow: 0px 0px 30px #000 inset;
	-webkit-box-shadow: 0px 0px 30px #000 inset;
	padding: 10px;
}
.input-group-addon {
	background: #24a276;
	border-color: #24a276;
}
.btn-form {
	background: transparent;
	color: #fff;
	border: none;
}
.navbar-inverse .navbar-nav > li > a:hover
{
	background: #24a276;
		transition:all ease .5s;
	-webkit-transition:all ease .5s;
}
.head-form {
	width:100%;
	display:none;
}
.top-form {
	width: 100%;
	position:relative;
	float:left;
	top:8px;
}
.divider {
	overflow:hidden;
	height: 5px;
}
.downloader {
	width:100%;
	max-width:480px;
}
.download-slide {
	margin-top:80px;
	transition: all ease .5s;
}
.rotate{
	animation: rotate .5s linear infinite;
	-webkit-animation: rotate .5s linear infinite;
}
@keyframes rotate{
	100%{
		transform:rotate(360deg);
}
}
@-webkit-keyframes rotate{
	100%{
		-webkit-transform:rotate(360deg);
}
}
.btn-full {
	width:100%;
}
.artist-img {
	float:left;
	margin: 0px 10px;
	float:left;
	border: 3px solid #24a276;
}
.footer {
	 background: url(../img/tr.png);
	padding: 15px;
	margin-top: 50px;
	overflow:hidden;
}
.ran {
	border: 2px solid #f2f2f2;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 5px;
	margin: 5px;
	overflow:hidden;
	display:inline-block;
}
.ran a {
	color: #fafafa;
}
.ran a:hover {
	color: #ccc;
}
.head-icon {
	font-size:132px;
	margin: 15px;
}
.page {
	margin-top:10px;
	margin-bottom:10px;
}
.header {
	background:#24a276;
	padding: 20px;
	color: #fff;
	overflow:hidden;
}
.pan {
	box-shadow: 0px 0px 2px #ccc;
	-webkit-box-shadow: 0px 0px 2px #ccc;
	background: #fff;
	padding: 10px;
	overflow:hidden;
	margin-bottom: 5px;
	min-height: 110px;
}
.settings-page {
	border-bottom: 2px solid #24a276;
	padding: 5px;
}
body {
	background: #121212 url(../img/bg.jpg) no-repeat fixed bottom;
	background-size:cover;
	-webkit-background-size:cover;
	color: #999;
}
.nav-pills ul li {
	display:block;
	margin: 5px;
}
.float-right {
	float:right;
}
.margin-auto {
	margin:auto;
}
.login-form {
	width: 100%;
	max-width: 350px;
	padding: 10px;
	box-shadow: 0px 0px 2px #ccc;
	-webkit-box-shadow: 0px 0px 2px #ccc;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin:auto;
	margin-top: 70px;
	overflow:hidden;
}
.login-form h2 {
	background: #24a276;
	color: #fafafa;
	margin: -10px -10px 10px -10px;
	padding: 15px;
	text-transform:uppercase;
	text-align:center;
	font-size:24px;
}
a {
	text-decoration: none;
	color: #999;
}
a:hover {
	color: #ccc;
}
.text-purple {
	color: #24a276;
}
@media screen and (max-width: 1200px){
	.download-slide {
		margin-top:0px;
	}
	.head-form{
		display:block;
	}
	.top-form{
		display:none;
	}
	.padding-top {
		padding-top: 130px;
	}
}
@media screen and (max-width: 640px){
	.blocks {
		width: 32%;
	}
}
@media screen and (max-width: 500px){
	.blocks {
		width: 31%;
	}
}
@media screen and (max-width: 400px){
	.blocks {
		width: 48%;
	}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding: 8px;
	}
}
@media screen and (max-width: 340px){
	.blocks {
		width: 100%;
	}
}