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

.advertiser-benefits {
  width: 500px;
  height: 550px;
  position: relative;
}

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

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

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

#advertisers .tv-budgets {
	background: url(../images/advertizers-shift-budgets@2x.png) center center/100% 100% no-repeat;
}

#advertisers .reach {
	background: url(../images/vi_icon_ad_benefits_02_e.svg) center center/100% 100% no-repeat;
}

#advertisers .fraud-free {
	background: url(../images/advertizers-fraud-free@2x.png) center center/100% 100% no-repeat;
}

.advertiser-benefits .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);
}

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

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

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

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

#advertisers .advertiser-benefits .wheel-item-text {
   max-height: 80px;
   overflow: hidden;
}
#advertisers .advertiser-benefits .circle:nth-child(1) .wheel-item-text {
  max-height: 46px;
}
#advertisers .advertiser-benefits .circle:nth-child(2) .wheel-item-text {
  max-height: 89px;
}
#advertisers .advertiser-benefits .active.circle  .wheel-item-text{
  max-height: 300px;
}

#advertisers .advertiser-benefits .active.circle .description {
  opacity: 1;
}
#advertisers .advertiser-benefits .inner {
  position: relative;
}
#advertisers .advertiser-benefits .circle:nth-child(3) .inner {
  height: 260px;
}
#advertisers .advertiser-benefits .circle:nth-child(3) .description:after {
  content: " ";
  display: block;
  position: absolute;
  width: 293px;
  height: 39.5px;
  top: 140px;
  background: url(../images/logo-integral-pixelate@2x.png) 0 0/100% 100% no-repeat;
}