@charset "utf-8";
body {
		 background-color: #043D68;
		 margin-top:0em;
		 margin-left: 0em;
		 margin-right:  0em;
		 margin-bottom: 0em;
		 padding: 0px 0px 0px 0px;
		 outline: none;
		 	
	}
*{
    margin: 0;
    padding: 0;
	outline: none;
}



a {
outline: 0;
}

a: hover,
a: active,
a: focus {
     outline: none;
}

input::-moz-focus-inner {
border: 0;
}


p:link {
    text-decoration: none;
}


.background-image {
    
   position: relative;
   background-repeat:no-repeat;
   background-size:100% 200px;        /* optional, center the image */
}

.list_song_title {
    color: #FFFFFF;
    font: 300 12px/14px "Oswald",sans-serif;
}


.list_song_artist {
    color: #CCCCCC;
    font: 500 10px/10px "Oswald",sans-serif;
}



.player_song_title{
    color: #FFFFFF;
    font: 300 14px/16px "Oswald",sans-serif; 
	padding-top:3px;
}


.player_song_artist{
    color: #CCCCCC;
    font: 400 12px/14px "Oswald",sans-serif;
	padding-bottom:3px;
}


.album_titel_list {
    color: #FFFFFF;
    font: 300 16px/18px "Oswald",sans-serif;
}
.text_details {
    color: #CCCCCC;
    font: 300 12px/14px "Oswald",sans-serif;
}

.title_text {
    color: #FFF;
    float: left;
    font: 300 11px/11px "Oswald",sans-serif;
	margin-top:3px;
    margin-bottom:3px;
}


    video { 
       width:100%; 
       height:200px;  
       object-fit: cover;
      }
     video[poster]{
         height:100%;
         width:100%;
         background-size: cover;
       }
		.header {
          box-shadow: 0 2px 2px -0px #333333;
          transition:.5s; 
	      height:50px; 
		  margin-top:0px; 
		  margin-bottom:50px;   
	      background-color: #414064;
	      color: #FFF; 
}

.time {
   
    color: #FF0000;
    float: left;
    font: 300 13px/13px "Oswald",sans-serif; 
	margin-right:5px;

}


	element.style {
    color: #999999;
    font-size: 10px;
}
	
	.thumb-wrapper {
               position: absolute;
			   padding-top: 2px;
  
          }
		  
		  
   .button {
          background-color: #A60409; /* Green */
          border: none;
          color: white;
          padding: 4px 9px;
          text-align: center;
          text-decoration: none;
          display: inline-block;
          font-size: 16px;
	      border-radius: 5px;
		  
      }



.player{
   
     padding: 0px 2px;
     overflow:hidden;
     transition:.3s; 
	 -webkit-box-shadow: 0px 0px 1px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow:    0px 0px 1px #ccc;  /* Firefox 3.5 - 3.6 */
     box-shadow:         0px 0px 1px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	 margin-bottom: 0px; 
	 position:fixed;
	 left:0px;
     bottom:0px;
     height:30px;
     width:100%; 
	 margin-bottom:-3px;
	 background: #000000;
}
.new-class {
    background-color: #CC6633;
    color: #fff !important;
    display: inline-block;
    font-size: 9px;
    font-weight: 500;
    height: 14px;
    line-height: 14px;
    margin-right: 0;
    margin-top: 0;
    opacity: 0.75; 
	padding-left: 3px; 
	padding-right:3px; 
	padding-top: 2px;
	text-decoration:none; 
	

}


	element.style {
    color: #999999;
    font-size: 10px;
}
* {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
* {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: none;
    text-decoration-style: solid;
}
b, strong {
    font-weight: bolder;
}

.border_slid_content {
     box-shadow: 0px 0px 3px  #000000; 
     border-color: #FFF; 
	 background:#043D68; 
     padding: 1px;
     padding:0px;
	 border-radius: 0px; 
	 margin-left:0px; 
	 margin-bottom:5px;
}

.shadow{  
	  box-shadow: 0px 0px 3px  #000000;  
	  background:#043D68; 
		  }

.album_list_content {
     box-shadow: 0px 0px 3px  #000000; 
     border-color: #FFF; 
	 background:#043D68; 
     padding: 0px;
	 margin-bottom:10px;
	 margin-top:4px;
}

.border_grid_content {
     box-shadow: 0px 0px 4px  #000000; 
     border-color: #FFF; 
	 background:#FFFFFF; 
     padding: 1px;
     padding:0px;
	 border-radius: 0px; 
	 margin:2px;
}




.border {
     box-shadow: 0px 0px 1px ;
     padding: 0px 2px;
     overflow:hidden;
     transition:.3s; 
     background: #FFFFFF; 
     margin-bottom: 0px;  
	
	 
}
.border_bottom {
    
	height:0px; 
	border:solid 1px; width:50px;
	margin-top:1px;
	margin-bottom:2px; 
	border-bottom-color: #666666;
}
.transparent-style{

  
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */

}


.dropbtn {
    
    color: #FFFFFF; 
	background-color:#E72F6F;
    padding-top: 12px; 
	padding-bottom:12px; 
    font-size: 13px; 
	font-weight:600;
    border: none;
    cursor: pointer;
	border-radius: 0px;
}


.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none; 
    position: absolute;
    background-color: #FFFFFF;
    min-width: 160px; 
	height:50px; 
	color:#333333;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}


.show {display:block;}

.footer { 
     box-shadow: 0px 0px 2px  #FFF; 
     border-color: #FFF; 
	 background:#043D68; 
     padding: 0px;
	 margin-bottom:10px;
	 margin-top:4px;
 
}

	 .text_cat{ 
        color: #CCCCCC;
        float: left;
        font: 600 12px/12px "Oswald",sans-serif;
       }
		 
		  .text_artist{ 
        color: #F4F4F4;
        float: left;
        font: 500 11px/11px "Oswald",sans-serif;
         margin-bottom: 3px;
		 }
		 
		 
		 	  
	  
	  .loading-bar {
	 
          border: none; width:80%;
          color: white;
          padding: 4px 9px;
          text-align: center;
          text-decoration: none;
          display: inline-block;
          font-size: 12px;
	      border-radius: 5px;
}