/* Place custom 360 styles here */
.icon-nav:before {
  content: "\e913";
}
.icon-camera:before,
.icon-gallery:before {
  content: "\e944";
}
.icon-zoom-in:before {
  content: "\eb34";
}
.icon-zoom-out:before {
  content: "\eb35";
}
.icon-enlarge:before {
  content: "\eb3e";
}
.icon-shrink:before {
  content: "\eb3f";
}
.icon-info:before {
  content: "\ed63";
}
.icon-cross:before {
  content: "\ed6c";
}
.icon-rotate:before {
  content: "\edaa";
}
.icon-chevron-up:before {
  content: "\edb9";
}
.icon-chevron-down:before {
  content: "\edc1";
}
.icon-arrow-right:before {
  content: "\edde";
}
.icon-arrow-left:before {
  content: "\ede2";
}
.icon-youtube:before,
.icon-video:before {
  content: "\eefc";
}

#desktop-gui .button {
  background-color: rgba(54,54,54,.75);
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  height: 94px;
  margin-right: 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: color .4s, background-color .4s;
  transition: color .4s, background-color .4s;
  width: 94px;
}

#desktop-gui .button.enabled {
    background-color: rgba(54,54,54,.85);
}

#desktop-gui .button,
#desktop-gui .button span {
  font-size: 38px;
  line-height: 94px;
}