/* ==========================================================================
   Basic Structure and Typography
   ========================================================================== */
 
   body {
     background-color: #fff;
     
     margin:0px;
     padding:0px;
     overflow-x: hidden;
     
     
  }
  
 .bgimage{
  display:none
  }
  @media (min-width:322px){
  .bgimage{
  	position:absolute;
  	overflow:hidden;
 	z-index:-1;height:205%;width:205%;
  	top:-50%;left:-45%;
 	-webkit-transform:translateZ(0);transform:translateZ(0);
 	background-color:#000;
 	display:block;position:fixed
  }
  .bgimage:after{
      content:"";
      display:block;
      position:absolute;
      left:0;top:0;
      width:100%;height:100%
  }
  .bgimage img{
      position:absolute;
      top:0;right:0;
      bottom:0;
            min-width:55%;
      min-height:55%;
      margin:auto;
      -webkit-transform:translate3d(-50%,0,0);
      transform:translate3d(-50%,0,0);
      max-width:none;-webkit-filter:blur(30px);
      filter:blur(30px);
      opacity:.9;
   }
    .bgimageLessBlur{
  	position:absolute;
  	overflow:hidden;
 	z-index:-1;height:205%;width:205%;
  	top:-50%;left:-50%;
 	-webkit-transform:translateZ(0);transform:translateZ(0);
 	background-color:#000;
 	display:block;position:fixed
  }
  .bgimageLessBlur:after{
      content:"";
      display:block;
      position:absolute;
      left:0;top:0;
      width:100%;height:100%
  }
     .bgimageLessBlur img{
      position:absolute;
      top:0;right:0;
      bottom:0;
            min-width:55%;
      min-height:55%;
      margin:auto;
      -webkit-transform:translate3d(-50%,0,0);
      transform:translate3d(-50%,0,0);
      max-width:none;-webkit-filter:blur(10px);
      filter:blur(10px);
      opacity:.9;
   }
  
   .humulink{
	   color:#000; font-family:Roboto,sans-serif; font-size: 18px;margin: 0px; padding: 0px;text-decoration: none;
   }
   
   .humulink a{
	   color:#000000;text-decoration: none
   }
   .humulink a:link {
  color: #000;text-decoration: none
}

/* visited link */
.humulink a:visited {
  color: #000;text-decoration: none
}

/* mouse over link */
.humulink a:hover {
  color: #000;text-decoration: none
}

/* selected link */
.humulink a:active {
  color: #000;text-decoration: none
}
  
   bgimage img{
   -webkit-filter:none;filter:none;opacity:1;
   }
   h1{
   font-family:Roboto,sans-serif;
   font-size:18px;
   font-weight:500;
   line-height:23px;
   margin:0;
   color:fff;
   margin-block-start: 20px;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    
    }
    
    .albumname{
    font-family:Roboto,sans-serif;
       font-size:14px;
       font-weight:400;
       line-height:21px;
       margin:0;
       color:fff;
       margin-block-start: 5px;
        margin-block-end: 20px;
        margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-top: 5px;
    }
  
  .bgmain {
       text-align: center;
       padding-top: 0px;
       margin-top: 0px;
       margin-left: auto;
       margin-right: auto;
       width: 375px;
	    width-max-width: 375px;
       height: 100%; 
       padding-top: 0px;  
       font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;font-weight:300;
       
       line-height:21px;
       background-color: #fff;
	 
	  
       
     
  }

    .bgmain .imagetop .image{
		webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(10px);
	    border-top-left-radius: 20px;border-top-right-radius: 20px;	
		width:100%;
	    height: 375px;
	
		
	}
	






    .bgmain .imagetop .image img{
		
		height: 200px;
		width: 200px;
		 box-shadow:0 0 10px 0 rgba(0,0,0,0.5);
		margin-top: 35px;
		
		
	}
	.bgmain .imagetop .image .bandname{
		
		width: 100%;
		font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 400;
height: 24px;
justify-content: flex-start;
line-height: 24px;
text-align:left;
margin-left: 20px;
margin-right: 20px;
margin-top: 16px;
margin-bottom: 5px;
opacity:0.8;

	}
	.bgmain .imagetop .image .singlename{
		
		width: 100%;
		font-family: stolzl, sans-serif;
font-size:24px;
font-weight: 700;
height: 24px;
justify-content: block;
line-height: 24px;
text-align:left;
margin-left: 20px;
opacity:0.8;


	}
	
	
	
		.bgmain .imagetop .image .singlenamesmaller{
		
		width: 100%;
		font-family: stolzl, sans-serif;
font-size:20px;
font-weight: 500;
height: 24px;
justify-content: flex-start;
line-height: 24px;
text-align:left;
margin-left: 20px;
opacity:0.8;
	}
	
		.bgmain .imagetop .image .singlenamemultirows{
		
		width: 100%;
		font-family: stolzl, sans-serif;
font-size:24px;
font-weight: 700;
height: 30px;
justify-content: flex-start;
line-height: 30px;
text-align:left;
margin-left: 20px;
opacity:0.8;
	}
	
			.bgmain .imagetop .image .singlenamemultirowsblack{
		
		width: 100%;
		font-family: stolzl, sans-serif;
font-size:24px;
font-weight: 700;
height: 30px;
justify-content: flex-start;
line-height: 30px;
text-align:left;
margin-left: 20px;
opacity:0.8;
color: #000000;
	}
	
			.bgmain .imagetop .image .singlenamemultirowsblackstroke{
		
		width: 100%;
		font-family: stolzl, sans-serif;
font-size:24px;
font-weight: 700;
height: 30px;
justify-content: flex-start;
line-height: 30px;
text-align:left;
margin-left: 20px;
opacity:0.8;
color: #000000;
 -webkit-text-stroke-width: 0.2px;
  -webkit-text-stroke-color: white;
	}
	
	
		.bgmain .imagetop .image .singletext{
		
		width: 100%;
		font-family: "Open Sans", sans-serif;
font-size: 12px;
font-weight: 400;
height: 24px;
justify-content: flex-start;
line-height: 24px;
text-align:left;
margin-left: 20px;
margin-top: 5px;
margin-bottom: 10px;
opacity:0.8;

	}
	
	
		.bgmain .imagetop .image .bandnameblack{
		
		width: 100%;
		font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 400;
height: 24px;
justify-content: flex-start;
line-height: 24px;
text-align:left;
margin-left: 20px;
margin-top: 16px;
margin-bottom: 5px;
opacity:0.8;
color: #000000;
	}
	.bgmain .imagetop .image .singlenameblack{
		
		width: 100%;
		font-family: stolzl, sans-serif;
font-size:24px;
font-weight: 700;
height: 24px;
justify-content: flex-start;
line-height: 24px;
text-align:left;
margin-left: 20px;
opacity:0.8;
color: #000000;
	}
	
		.bgmain .imagetop .image .singletextblack{
		
		width: 100%;
		font-family: "Open Sans", sans-serif;
font-size: 12px;
font-weight: 400;
height: 24px;
justify-content: flex-start;
line-height: 24px;
text-align:left;
margin-left: 20px;
margin-top: 5px;
margin-bottom: 10px;
opacity:0.8;
color: #000000;
	}
	
			.bgmain .imagetop .image .bandnameorange{
		
		width: 100%;
		font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 400;
height: 24px;
justify-content: flex-start;
line-height: 24px;
text-align:left;
margin-left: 20px;
margin-top: 16px;
margin-bottom: 5px;
opacity:0.8;
color: #fc8b5f;
	}
	.bgmain .imagetop .image .singlenameorange{
		
		width: 100%;
		font-family: stolzl, sans-serif;
font-size:24px;
font-weight: 700;
height: 24px;
justify-content: flex-start;
line-height: 24px;
text-align:left;
margin-left: 20px;
opacity:0.8;
color: #fc8b5f;
	}
	
		.bgmain .imagetop .image .singletextorange{
		
		width: 100%;
		font-family: "Open Sans", sans-serif;
font-size: 12px;
font-weight: 400;
height: 24px;
justify-content: flex-start;
line-height: 24px;
text-align:left;
margin-left: 20px;
margin-top: 5px;
margin-bottom: 10px;
opacity:0.8;
color: #fc8b5f;
	}
	
		.bgmain .imagetop .image .bandnamepurple{
		
		width: 100%;
		font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 400;
height: 24px;
justify-content: flex-start;
line-height: 24px;
text-align:left;
margin-left: 20px;
margin-top: 16px;
margin-bottom: 5px;
color: #8c7995;
	}
	.bgmain .imagetop .image .singlenamepurple{
		
		width: 100%;
		font-family: stolzl, sans-serif;
font-size:24px;
font-weight: 700;
height: 24px;
justify-content: flex-start;
line-height: 24px;
text-align:left;
margin-left: 20px;
color: #8c7995;
	}
	
		.bgmain .imagetop .image .singletextpurple{
		
		width: 100%;
		font-family: "Open Sans", sans-serif;
font-size: 12px;
font-weight: 400;
height: 24px;
justify-content: flex-start;
line-height: 24px;
text-align:left;
margin-left: 20px;
margin-top: 5px;
margin-bottom: 10px;
color: #8c7995;
	}
	
	  .bgmain .imagetop .imagelessblur{
		webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(10px);
		border-top-left-radius: 20px;border-top-right-radius: 20px;	
		width:100%;
	    height: 375px;
	}


    .bgmain .imagetop .imagelessblur img{
		
		height: 200px;
		width: 200px;
		 box-shadow:0 0 10px 0 rgba(0,0,0,0.5);
		margin-top: 35px;
		
		
	}
	.bgmain .imagetop .imagelessblur .bandname{
		
		width: 100%;
		font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 400;
height: 24px;
justify-content: flex-start;
line-height: 24px;
text-align:left;
margin-left: 20px;
margin-top: 16px;
margin-bottom: 10px;
opacity:0.8;
	}
	.bgmain .imagetop .imagelessblur .singlename{
		
		width: 100%;
		font-family: stolzl, sans-serif;
font-size:26px;
font-weight: 700;
height: 24px;
justify-content: flex-start;
line-height: 24px;
text-align:left;
margin-left: 20px;
opacity:0.8;
	}
	
		.bgmain .imagetop .imagelessblur .singletext{
		
		width: 100%;
		font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 400;
height: 24px;
justify-content: flex-start;
line-height: 24px;
text-align:left;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
opacity:0.8;
	}
	
		.bgmain .imagetop .imagelessblur .bandnameblack{
		
		width: 100%;
		font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 400;
height: 24px;
justify-content: flex-start;
line-height: 24px;
text-align:left;
margin-left: 20px;
margin-top: 16px;
margin-bottom: 10px;
opacity:0.8;
color: #000000;
	}
	.bgmain .imagetop .imagelessblur .singlenameblack{
		
		width: 100%;
		font-family: stolzl, sans-serif;
font-size:26px;
font-weight: 700;
height: 24px;
justify-content: flex-start;
line-height: 24px;
text-align:left;
margin-left: 20px;
opacity:0.8;
color: #000000;
	}
	
		.bgmain .imagetop .imagelessblur .singletextblack{
		
		width: 100%;
		font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 400;
height: 24px;
justify-content: flex-start;
line-height: 24px;
text-align:left;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
opacity:0.8;
color: #000000;
	}
	
	
	
.borderi{	
	x-sizing: border-box;
color: rgb(93, 93, 117);
display; block;
text-size-adjust: 100%;
transform: matrix(1, 0, 0, 1, 0, -45);
width: 100%;
-webkit-font-smoothing: antialiased;
}
  
  .linklist{
     background-color: rgb(255, 255, 255);
     text-align: left;
     padding-left: 20px;
     padding-top: 10px;
     padding-bottom: 10px;
     padding-right: 20px;
     
  }
  
    .linklistlevy{
     background-color: rgb(255, 255, 255);
     text-align: left;
     padding-left: 20px;
     padding-top: 10px;
     padding-bottom: 10px;
     padding-right: 20px;
	
     
  }
  .linklist img{
      
	  height: 40px;
	  width: auto;
     
  }
  
  
    .linklistRow{
       background-color: rgb(255, 255, 255);
       text-align: left;
       padding-left: 10px;
       padding-top: 5px;
       padding-bottom: 5px;
       padding-right: 10px;
       border: 1px solid #eae7e7;
       border-top: 1px solid #000000;
  }
  
  .linklistRow img{
        width: 50%;
       
  }
  
  .icon{
	  width: 70%;
  }
   .linkbtn{
	  width: 30%;
  }
  
     .linkbtnlevy{
	  width: 100%;
  }




  
    .linklist button {
      background-color: #fff;
	  border-bottom-color: rgb(201, 201, 222);
      border-bottom-left-radius: 28px;
border-bottom-right-radius: 28px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(201, 201, 222);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(201, 201, 222);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(201, 201, 222);
border-top-left-radius: 28px;
border-top-right-radius: 28px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px;
box-sizing: border-box;
color: rgb(93, 93, 117);
cursor: pointer;
display: inline-flex;
font-family: "Open Sans", sans-serif;
font-feature-settings: normal;
font-kerning: auto;
font-optical-sizing: auto;
font-size: 14px;
font-stretch: 100%;
font-style: normal;
font-variant-alternates: normal;
font-variant-caps: normal;
font-variant-east-asian: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-variant-position: normal;
font-variation-settings: normal;
font-weight: 500;
height: 32.5px;
justify-content: center;
letter-spacing: normal;
line-height: 24.5px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
min-width: 64px;
outline-color: rgb(93, 93, 117);
outline-style: none;
outline-width: 0px;
padding-block-end: 3px;
padding-block-start: 3px;
padding-bottom: 3px;
padding-inline-end: 15px;
padding-inline-start: 15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 3px;
position: relative;
text-align: center;
text-decoration-color: rgb(93, 93, 117);
text-decoration-line: none;
text-decoration-style: solid;
text-decoration-thickness: auto;
text-indent: 0px;
text-rendering: auto;
text-shadow: none;
text-size-adjust: 100%;
text-transform: none;
text-wrap: nowrap;
transition-behavior: normal, normal, normal, normal;
transition-delay: 0s, 0s, 0s, 0s;
transition-duration: 0.25s, 0.25s, 0.25s, 0.25s;
transition-property_: background-color, box-shadow, border-color, color;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1), cubic-bezier(0.4, 0, 0.2, 1), cubic-bezier(0.4, 0, 0.2, 1), cubic-bezier(0.4, 0, 0.2, 1);
user-select: none;
vertical-align: middle;
white-space-collapse: collapse;
width: 139.188px;
word-spacing: 0px;

     
 }
 

 
     .linklistRow button{
       
       font-size: 15px;
       line-height: 30px;
       padding: 4px 6px;
       border-radius: 4px;
       border: 1px solid #e1e1e1;
       background-color: #f6f6f6;
       color: #7f7f7f;
       
 }
   .bgmainadd {
        text-align: center;
        padding-top: 0px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        width: 400px;
        height: 100%; 
        padding-top: 0px;  
        font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;font-weight:300;
        
        line-height:21px;
 }
  .bgmainadd img{
        width:100%;
  }
 
 .link0{
 	height:10px;
  	background-color:transparent; 
 }
 .link1{
  	margin: auto;
	padding: 20px;
   	
   	
  }
  .linkgroup{
        letter-spacing: 2px;
   	color: #000000;
   	background-color:#ffffff; 
   	font-size: 13px;
   	 
   	 
  }
  .linkgroup a{
        color: #000000;
        text-decoration: none;
         
        
  }
  .linkgroup a:visited {
        color: #000000;
        text-decoration: none;
        
  }
  .linkgroup a:active {
          color: #000000;
          text-decoration: none;
         
          
  }
  .linkgroup a:hover {
              color: #648a65;
  }     

 
   .linkgroup_l{
        letter-spacing: 2px;
   	color: #000000;
   	background-color:#ffffff; 
   	font-size: 13px;
   	 
   	 
  }
  .linkgroup_l a{
        color: #231f20;
        text-decoration: none;
         
        
  }
  .linkgroup_l a:visited {
        color: #231f20;
        text-decoration: none;
        
  }
  .linkgroup_l a:active {
          color: #231f20;
          text-decoration: none;
         
          
  }
  .linkgroup_l a:hover {
              color: #648a65;
  }  
  
 
          
  
 
 .title{
   background-color:#fff; 
   padding-bottom:5px;
 }
 .osta_lp{
	 white-space:nowrap
 }
 
 
 
 
  
  @media all and (max-width: 700px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 700px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 700px), only screen and (min-device-pixel-ratio: 2) and (max-width: 700px), only screen and (min-resolution: 192dpi) and (max-width: 700px), only screen and (min-resolution: 2dppx) and (max-width: 700px) {

   .bgmain {
      width: 96%;
	  
	  max-width: 375px;
	 
   }
   
   .bgmainadd {
           width: 95%;
    }
      .linkgroup{
            letter-spacing: 2px;
       
       	font-size: 13px;
       	
       	 
  }
   .linklist{
	   padding-left: 10px;
	   padding-right: 10px;
   }
       .bgimageLessBlur{
 	position:absolute;
  	overflow:hidden;
 	z-index:-1;height:205%;width:305%;
  	top:-50%;left:0%;
 	-webkit-transform:translateZ(0);transform:translateZ(0);
 	background-color:#000;
 	display:block;position:fixed
  }
  .bgimageLessBlur:after{
      content:"";
      display:block;
      position:absolute;
      left:0;top:0;
      width:100%;height:100%;
  }
  
       .bgimage{
 	position:absolute;
  	overflow:hidden;
 	z-index:-1;height:205%;width:305%;
  	top:-50%;left:0%;
 	-webkit-transform:translateZ(0);transform:translateZ(0);
 	background-color:#000;
 	display:block;position:fixed
  }
  .bgimage:after{
      content:"";
      display:block;
      position:absolute;
      left:0;top:0;
      width:100%;height:100%;
  }

  }