.ih-item.circle {
  border-radius: 50%;
  height: 220px;
  margin: 0 auto;
  position: relative;
  width: 220px;
}
.ih-item.circle .img::before {
  /**background: rgba(186, 116, 52, 0.6) none repeat scroll 0 0;**/
  box-shadow:0 0 0 16px rgba(186, 116, 52, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
  opacity:0.8;
}
.ih-item.circle.effect17.colored a:hover .img::before, .ih-item.circle.effect17.colored:hover .img::before {
  /**background: rgba(6, 62, 83, 0.6) none repeat scroll 0 0;**/
  box-shadow: 0 0 0 110px rgba(6, 62, 83, 0.6) inset, 0 0 0 16px rgba(255, 255, 255, 0.8) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
  opacity:0.8;
}
.ih-item.circle.effect17 .info p {
  color: rgb(255, 255, 255) !important;
}
.ih-item.circle.effect17 .info {
  opacity: 1;
  transform: scale(1);
  transition: all 0.35s ease-in-out 0s;
}
.ih-item.circle.effect17 a:hover .info p {
  opacity: 1;
  transform: scale(1);
}
.ih-item.circle.effect17 .info p, .ih-item.circle.effect17 .info h3  {
  opacity: 0;
}
.ih-item.circle.effect17 .info h3 {
  color: #fff;
  font-size: 22px;
  letter-spacing: 2px;
  margin: 0 30px;
  padding: 55px 0 0;
  position: relative;
  text-shadow: none;
  text-transform: uppercase;
  line-height:24px;
  opacity:1;
  font-weight:bold;
}
.page-engage .ih-item.circle .img::before {
  box-shadow: 0 0 0 16px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  opacity: 0.8;
}
.page-engage .ih-item.circle.effect17 .info h3 {
  padding: 70px 0 0 !important;
}
.ih-item.circle.effect17 .info h3 {
  font-size: 18px;
}