#console .intro {
  margin-top: 0;
}

.console {
  width: 500px;
  height: 550px;
  position: relative;
}

.console .circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  margin: -60px 0 0 -150px;
  cursor: pointer;
}

#console h1 {
  position: relative;
  text-shadow: 0 0 3px black;
  z-index: 100;
}

#console h2 {
  font-size: 2.1rem;
  margin: 10px 0;
  font-family: AzoSansMedium;
}

#console .console-campaign-goals {
	background: url(../images/ic_real_time_@2x.png) center center/100% 100% no-repeat;
}

#console .console-real-time {
	background: url(../images/ic_monitor@2x.png) center center/100% 100% no-repeat;
}

#console .compaign-monitor {
	background: url(../images/ic_campaign_goals@2x.png) center center/100% 100% no-repeat;
}

.console .wheel-item-image {
  width: 120px;
  height: 120px;
  margin: auto;
  background: center center/100% 100%;
  border-radius: 50%;
  box-shadow: 0 0 44px rgba(0, 18, 255, .5);
}

.console .active.circle {
  width: 300px;
  height: 300px;
  margin: -150px 0 0 -150px;
  cursor: default;
}

.console .active .wheel-item-image {
  width: 300px;
  height: 300px;
}

.console .animate {
  transition: all 1.5s cubic-bezier(0.445, 0.050, 0.550, 0.950);
}

#console .console .wheel-item-text .description {
  text-align: left;
  position: relative;
  opacity: 0;
  z-index: -1;
  transform: none;
  font-size: 1.6rem;
}

#console .console .wheel-item-text {
   max-height: 40px;
   overflow: hidden;
}
#console .console .circle:nth-child(2) .wheel-item-text {
  max-height: 80px;
}

#console .console .active.circle  .wheel-item-text{
  max-height: 300px;
}

#console .console .active.circle .description {
  opacity: 1;
}