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

.publishers {
  width: 500px;
  height: 550px;
  position: relative;
  margin: auto;
}

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

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

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

#publishers #customize {
	background-image: url(../images/vi_icon_pub_benefits_01_g.svg);
}

#publishers #intelligent {
	background-image: url(../images/vi_icon_pub_benefits_02_a.svg);
}

#publishers #cpm {
	background-image: url(../images/vi_icon_pub_benefits_03_c.svg);
}

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

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

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

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

#publishers .publishers .wheel-item-text {
  max-height: 65px;
  overflow: hidden;
}

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

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

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