#iRave{
  position: absolute;
  width: 3.1in;
  height: 3.1in;
  top:15%;
  left:40%;
}

#watch_img{
  position: absolute;
  width: 3.1in;
  height: 3.1in;
  z-index: -2;
}

#button_img{
  z-index: 10;
  width: 0.3in;
  height: 0.1in;
  position: absolute;
  transform: rotate(55deg);
  border-radius: 25%;
  top:30%;
  left:76%;
}

#button{
  z-index: 103;
  width: 0.3in;
  height: 0.1in;
  position: absolute;
  top:50.5%;
  left:82%;
  transform: rotate(90deg);
  border-radius: 25%;
}

#back{
  width: 2.13in;
  height: 2.13in;
  position: absolute;
  border-radius: 50%;
  top:18%;
  left:15%;
  z-index: -1;
  background-color:#1a1a1c;
}

.main-screen{
  width: 2.12in;
  height: 2.12in;
  position: absolute;
  border-radius: 50%;
  top:18%;
  left:15%;
  z-index: 1;
}

#time{
  position: relative;
  color:rgb(255, 255, 255);
  z-index: 2;
  font-size: 0.5in;
  text-align: center;
  padding-top:10%;
  margin-bottom: 10%;
}

#instruction{
  position: relative;
  text-align: center;
  font-size: 0.12in;
  color:rgb(255, 255, 255);
  visibility: hidden;
  z-index: 2;
}

#canvas{
  position: absolute;
  background: transparent;
  top:18%;
  left:15%;
  width: 4.24in;
  height: 2.12in;
  z-index: 0;
}

.menu{
  width: 2.12in;
  height: 2.12in;
  background-color:#1a1a1c;
  position: absolute;
  border-radius: 50%;
  top:18%;
  left:15%;
  visibility: hidden;
  z-index: 3;
  text-align: center;

}

.icon{
  position: relative;
  width: 1.2in;
  height: 1.2in;
  padding-top: 18%;
  margin-bottom: -6%;
}

.right_arrow{
  position: absolute;
  top:40%;
  left:81%;
  width: 0.4in;
  height: 0.4in;
}
.left_arrow{
  position: absolute;
  top:40%;
  left: 0%;
  width: 0.4in;
  height: 0.4in;
}

.down_arrow{
  position: absolute;
  top:20%;
  left:45%;
  width: 0.2in;
  height: 0.2in;
}
.up_arrow{
  position: relative;
  width: 0.2in;
  height: 0.2in;
}
.left_arrow_list{
  position: relative;
  width: 0.2in;
  height: 0.2in;
}
.right_arrow_list{
  position: relative;
  width: 0.2in;
  height: 0.2in;
}

.AppName{
  color: rgb(255, 255, 255);
  position:relative;
  margin-bottom: -1%;
}

.dot{
  position: relative;
  height:0.1in;
  width: 0.1in;
}


.Cartaz {
  width: 2.12in;
  height: 2.12in;
  position: absolute;
  border-radius: 50%;
  top:18%;
  left:15%;
  z-index: 4;
  background-color:#1a1a1c;
  visibility: hidden;
  color: white;
  border-radius: 50%;

}

.Cartaz-container {
  position: relative;
  list-style-type: none;
  padding-left: 0;
  margin-top:0;
  text-align: center;

  color:white;
}

.Cartaz-title {
  font-size: 0.28in;
  position: relative;
  text-align: center;
  padding-top: 13%;
  padding-bottom:2%;
  top:0%;
}

.Cartaz-item1 {
  font-size: 0.2in;
  position: relative;
  text-align: center;
  width:91.25%;
  margin-left:4.4%;
  padding-top:2.65%;
  padding-bottom:2.65%;
  min-height: 0.26in;
  top:0%;

  border-top-left-radius: 2%;
  border-top-right-radius: 2%;
  border-top-width: 0.015in;
  border-top-style: solid;
  border-color: #ff5100;
}

.Cartaz-item2 {
  font-size: 0.2in;
  position: relative;
  text-align: center;
  width:100%;
  padding-top:2.65%;
  padding-bottom:2.65%;
  min-height: 0.26in;
  top:0%;
  border-width: 0.015in;
  border-top-style: solid;
  border-color: #ff5100;
}

.Cartaz-item3 {
  font-size: 0.2in;
  position: relative;
  text-align: center;
  width:94.5%;
  margin-left: 3%;
  padding-top:2.65%;
  padding-bottom:2.65%;
  min-height: 0.26in;
  top:0%;
  border-top-width: 0.015in;
  border-top-style: solid;
  border-color: #ff5100;
}
#more-item1{
  position: absolute;
  width: 0.2in;
  right:3%;
  padding-top: 1.5%;
}
#more-item2{
  position: absolute;
  width: 0.2in;
  right:7%;
  padding-top: 1.5%;
}
#more-item3{
  position: absolute;
  width: 0.2in;
  right:5%;
}

#footer {
  position: absolute;
  border-top-width: 0.015in;
  border-top-style: solid;
  border-color: #ff5100;
  width:72%;
  margin-left:14.3%;
  padding-top: 2%;
  top:100%;
}

#up {
    position: absolute;
    left:45%;
    top:2%;
}
#left {
    position: absolute;
    left:13%;
    top:21%;
}
#right {
    position: absolute;
    left:77%;
    top:21%;
}


.Musica {
  width: 2.12in;
  height: 2.12in;
  position: absolute;
  border-radius: 50%;
  top:18%;
  left:15%;
  z-index: 4;
  background-color:#1a1a1c;
  visibility: hidden;
  color: white;

}
.Definicoes {
  width: 2.12in;
  height: 2.12in;
  position: absolute;
  border-radius: 50%;
  top:18%;
  left:15%;
  z-index: 4;
  background-color:#1a1a1c;
  visibility: hidden;
  color: white;

}
.Localizar {
  width: 2.12in;
  height: 2.12in;
  position: absolute;
  border-radius: 50%;
  top:18%;
  left:15%;
  z-index: 4;
  background-color:#1a1a1c;
  visibility: hidden;
  color: white;

}


.Bandas {
  width: 2.12in;
  height: 2.12in;
  position: absolute;
  border-radius: 50%;
  top:18%;
  left:15%;
  z-index: 4;
  background-color:#1a1a1c;
  visibility: hidden;
  color: white;
  border-radius: 50%;

}
.Bandas_dia_antes {
  position: absolute;
  font-size: 0.16in;
  top:50%;
  left: 10%;
}

.Bandas_dia {
  position: relative;
  font-size: 0.16in;
  margin-top: -1%;
  margin-bottom: 1%;
}
.Bandas_dia_depois {
  position: absolute;
  font-size: 0.16in;
  top:50%;
  right: 10%;
}

.Bandas-container {
  position: relative;
  list-style-type: none;
  padding-left: 0;
  margin-top:0;
  text-align: center;

  color:white;
}

.Bandas-title {
  font-size: 0.25in;
  position: relative;
  text-align: center;
  padding-top: 10%;
  padding-bottom: 3%;
  top:0%;
}

.Bandas-item1 {
  font-size: 0.18in;
  position: relative;
  text-align: center;
  width:95%;
  margin-left:2.5%;
  padding-top:0.8%;
  padding-bottom:1.1%;
  top:0%;
  border-top-left-radius: 2%;
  border-top-right-radius: 2%;
  border-top-width: 0.015in;
  border-top-style: solid;
  border-color: #ff5100;
}
.Bandas-item2 {
  font-size: 0.17in;
  position: relative;
  text-align: center;
  width:100%;
  margin-top: -1%;
  padding-bottom: 2.2%;
}
.Bandas-item3 {
  font-size: 0.18in;
  position: relative;
  text-align: center;
  width:96.5%;
  padding-top:0.8%;
  padding-bottom:1.1%;
  margin-left: 2%;
  top:0%;
  border-width: 0.015in;
  border-top-style: solid;
  border-color: #ff5100;
}
.Bandas-item4 {
  font-size: 0.17in;
  position: relative;
  text-align: center;
  width:94%;
  margin-left: 3%;
  margin-top: -1%;
  padding-bottom: 2.2%;
}
#info-item1{
  position: absolute;
  width: 0.2in;
  right:0%;
  top:95%;
}
#info-item3{
  position: absolute;
  width: 0.2in;
  right:10%;
  top:95%;
}
.Horários {
  width: 2.12in;
  height: 2.12in;
  position: absolute;
  border-radius: 50%;
  top:18%;
  left:15%;
  z-index: 4;
  background-color:#1a1a1c;
  visibility: hidden;
  color: white;
  border-radius: 50%;

}

.Horários-container {
  position: relative;
  list-style-type: none;
  padding-left: 0;
  margin-top:0;
  text-align: center;

  color:white;
}

.Horários-item1 {
  font-size: 0.19in;
  position: relative;
  text-align: center;
  width:91.25%;
  margin-left:4.4%;
  padding-top:2%;
  top:0%;
  border-top-left-radius: 2%;
  border-top-right-radius: 2%;
  border-top-width: 0.015in;
  border-top-style: solid;
  border-color: #ff5100;
}
.Horários-item2 {
  font-size: 0.18in;
  position: relative;
  text-align: center;
  width:100%;
  padding-bottom: 2%;
  padding-top: 1%;
}
.Horários-item3 {
  font-size: 0.19in;
  position: relative;
  text-align: center;
  width:97.5%;
  margin-left: 1.5%;
  padding-top:2%;
  padding-bottom: 0.5%;
  border-width: 0.015in;
  border-top-style: solid;
  border-color: #ff5100;
}
.Horários-item4 {
  font-size: 0.18in;
  position: relative;
  text-align: center;
  width:94%;
  margin-left: 3%;
  padding-bottom: 2%;
  padding-top: 0.5%;
}

.info {
  width: 2.125in;
  height: 2.125in;
  position: absolute;
  border-radius: 50%;
  top:18%;
  left:15%;
  z-index: 20;
  visibility: hidden;
}

.info_background {
  width: 100%;
  height: 100%;
  background-color: #1a1a1c;
  opacity: 0.8;
  border-radius: 50%;
  z-index: 20;
}

.info_text {
  position: absolute;
  font-size: 0.15in;
  color: white;
  background-color: #1a1a1c;
  opacity: 1;
  text-align: left;
  width: 1.4in;
  height: 1.4in;
  margin-left:15%;
  padding-left: 0.05in;
  padding-right: 0.05in;
  padding-top: 0.05in;
  top:9.5%;
  z-index: 21;
  box-shadow: 0px 0px 0.5px 0.5px #ffffff, 0.5px 0.5px 0.5px 0px #ffffff;
  text-shadow: -1px 0 black, 0 1px black,1px 0 black,0 -1px black;
}
#band_img{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0.2;
}
.unseen {
  display: none;
}
.navs{
  position: absolute;
  text-align: center;
  top: 75%;
  width: 100%;
}
.line_nav{
  width: 0.2in;
  padding-right: 1%;
  padding-left: 1%;
  position: relative;
}

.empty {
  display: none;
}