body{margin:0 auto; width:100%; background-color:#000000}
#header{margin:0 auto;height:140px; background: rgb(2,0,36);position:fixed; top:0; left:0; z-index:900; background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,212,255,1) 0%, rgba(255,255,255,0.9) 0%);}
#fundo{position:fixed;top:180px; left:0;width:100%;height: calc(100vh);background-size:100%;background-repeat: no-repeat;background-position: top center; opacity:0.50; }
#mascara {width:100%; height: calc(100h); background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.969625350140056) 65%, rgba(0,0,0,0) 90%);}
#MENU, #CLOSE, #BACK{min-width:60px; min-height:0; display:block; position:fixed; top:70px; left:3px; line-height: 1.0em; cursor:pointer; padding:5px; z-imdex:1000}
#MENU span i, #CLOSE span i, #BACK span i{font-size: 2.0em;}
#CLOSE, #BACK{position:fixed; top:136px; margin-left: 0px; font-height:700;color:#FFFFFF}
#TITLE{background: #232323; color:#FFFFFF; display:none; border-radius:0 10% 10% 0; border-left:0;  position:fixed; top:140px; margin-left: 0px; padding:5px 10px 5px 10px;}
#boxdata{width:100%; height:100%; position:relative; top:10px; padding:60px auto 70px; margin:0 auto 70px; max-width:1000px; display:none; z-index:700;animation-duration: 1s;animation-name: slidein;}
#datainfo{width:104%; position:fixed; left:50%; margin-left:-52%; display:flex;flex-direction: row; justify-content: center; align-items: center; z-index:800}
#logo{z-index:700}
#LYRICS, #BIO {cursor:pointer;}
#controles{z-index:1000; position:fixed;  display:block; width: 100%; bottom:0;height: 70px; }
@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%
  } to {
    margin-left: 0%;
    width: 100%;
  }
}
.content{max-width:500px; margin:0 auto; height:100%; z-index:900}
.informusic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;filter(border:3px);}
.folder{margin:0 auto; background-repeat:no-repeat; background-position:center center;background-attachment:fixed; z-index:500;}
.white-shadow{-webkit-box-shadow: 0px 0px 47px 40px rgba(255,255,255,0.86); box-shadow: 0px 0px 23px 20px rgba(255,255,255,0.86);  border-radius:2%;}
.dark-shadow{-webkit-box-shadow: 0px 0px 47px 40px rgba(0,0,0,0.86); box-shadow: 0px 0px 23px 20px rgba(0,0,0,0.86);  border-radius:2%;}
.folder img{width:100%;}
.logo{max-width:700px; margin:40px auto 20px; width:100%; height:100px; padding:10px auto; z-index:800}
.inforsong{background-color:rgba(0,0,0, 0.6); border:2px #797979 solid; margin:0 auto; padding:50px 10% 10px;  max-width:500px; text-align:justify; margin-bottom:70px}
.imgbio{text-align:center;}
.fume{background-color:rgba(0,0,0, 0.7); border:2px #797979 solid;}
.trans{position:fixed;right:10px; top:140px; padding:5px 10px; z-index:1001}
.PAGE{max-width:500px; width:100%; padding-top:50px; animation-duration: 0s;animation-name: slidein;}
.datamusic{display:none;}
.songinfo{padding: 5px 0; cursor:pointer; font-family: 'Montserrat', sans-serif; line-height: 1.2em;}
.opac{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);-moz-opacity: 0.40;-khtml-opacity: 0.40;opacity: 0.40; z-index:700}
.black{background-color:rgba(0,0,0, 0.5);filter: alpha(opacity=50);}
.intervalo{display:none}
.curtir{cursor:pointer; }
.curtir i, #datasong{text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
.menu-bar i{opacity:0.8;}
.bt-barra-play {display:none;}
i.btn{font-size:32px}
.bt_play_pause{cursor:pointer}
.fotoequipe{
	background-repeat:no-repeat; opacity: 0.5; position: absolute;left: 0;right: 0; z-index: 1; display: block; background-size:100%; background-position:center; height: 100%; width: 100%;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
	-ms-filter: blur(5px);
	}
.prog-dia{font-size:2.0em; color:#8e8e8e; font-weight:600; }
.prog-data{margin-bottom:10px; padding: 5px;}
.prog-hora{float:left; margin:0; font-size:2.2em; letter-spacing: -1px;color:#9a9a9a; font-weight:700; padding-left:23px; width:37%}
.prog-title{float:left; padding-left: 5px; border-left: 1px #565656 solid; padding-left:10px; float:left; width:62%}
.text-up{text-transform:uppercase; font-weight:700}
.int-cont{max-width:620px; postion: relative; margin:0 auto; z-index:1000}
.iba{padding-top:10px; line-height:12px; left:10px; padding-left:0; padding-right:0px; cursor:pointer; }
.ibb{padding-top:10px;right:10px; line-height:18px; padding-right:0;  cursor:pointer;  }