.g5plus-icon-box a,
.g5plus-icon-box i,
.g5plus-icon-box img {
  display: block;
}
.g5plus-icon-box .ib-shape-inner,
.g5plus-icon-box i,
.g5plus-icon-box a span {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.g5plus-icon-box.icon-box-light .ib-content span {
  color: #fff;
}
.g5plus-icon-box.icon-box-light .ib-content p {
  color: #b2b2b2;
}
.g5plus-icon-box .icon-bg-circle.icon-scheme-accent i,
.g5plus-icon-box .icon-bg-square.icon-scheme-accent i,
.g5plus-icon-box .icon-bg-circle.icon-scheme-dark i,
.g5plus-icon-box .icon-bg-square.icon-scheme-dark i {
  color: #fff;
}
.g5plus-icon-box .icon-bg-circle.icon-scheme-gray,
.g5plus-icon-box .icon-bg-square.icon-scheme-gray {
  background-color: #f9f9f9;
}
.g5plus-icon-box .icon-classic.icon-scheme-gray i {
  color: #f9f9f9;
}
.g5plus-icon-box .icon-classic.ib-large i {
  font-size: 60px;
}
.g5plus-icon-box .icon-classic.ib-large img {
  width: 60px;
  height: 60px;
}
.g5plus-icon-box .icon-classic.ib-medium i {
  font-size: 42px;
}
.g5plus-icon-box .icon-classic.ib-medium img {
  width: 42px;
  height: 42px;
}
.g5plus-icon-box .ib-large i {
  font-size: 42px;
}
.g5plus-icon-box .ib-large img {
  width: 42px;
  height: 42px;
}
.g5plus-icon-box .ib-medium i {
  font-size: 28px;
}
.g5plus-icon-box .ib-medium img {
  width: 28px;
  height: 28px;
}
.g5plus-icon-box .icon-bg-circle,
.g5plus-icon-box .icon-bg-square {
  width: 82px;
  height: 82px;
  text-align: center;
}
.g5plus-icon-box .icon-bg-circle i,
.g5plus-icon-box .icon-bg-square i {
  line-height: 82px;
}
.g5plus-icon-box .icon-bg-circle img,
.g5plus-icon-box .icon-bg-square img {
  margin: auto;
}
.g5plus-icon-box .icon-bg-circle {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
.g5plus-icon-box .icon-bg-circle a,
.g5plus-icon-box .icon-bg-circle i {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
.g5plus-icon-box .icon-bg-square {
  -webkit-border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 8px;
  -moz-background-clip: padding;
  border-radius: 8px;
  background-clip: padding-box;
}
.g5plus-icon-box .icon-bg-square a,
.g5plus-icon-box .icon-bg-square i {
  -webkit-border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 8px;
  -moz-background-clip: padding;
  border-radius: 8px;
  background-clip: padding-box;
}
.g5plus-icon-box .ib-content span {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.002em;
  line-height: 20px;
}
.g5plus-icon-box .ib-content p {
  font-size: 13px;
  line-height: 24px;
}
.g5plus-icon-box.text-center .ib-shape,
.g5plus-icon-box.text-left .ib-shape {
  margin-bottom: 30px;
}
.g5plus-icon-box.text-center .ib-shape-inner {
  margin-right: auto;
  margin-left: auto;
}
.g5plus-icon-box.ib-left .ib-shape,
.g5plus-icon-box.ib-right .ib-shape {
  display: table-cell;
}
.g5plus-icon-box.ib-left .ib-content,
.g5plus-icon-box.ib-right .ib-content {
  display: table-cell;
}
.g5plus-icon-box.ib-right {
  text-align: right;
}
.g5plus-icon-box.ib-left .ib-content {
  padding-left: 20px;
}
.g5plus-icon-box.ib-right .ib-content {
  padding-right: 20px;
}
.g5plus-icon-box.icon-align-top .ib-shape {
  vertical-align: top;
}
.g5plus-icon-box.icon-align-middle .ib-shape {
  vertical-align: middle;
}
.g5plus-icon-box.hover-creative .ib-shape-inner {
  position: relative;
}
.g5plus-icon-box.hover-creative .ib-shape-inner:before {
  content: '';
  display: block;
  position: absolute;
  left: -5px;
  right: -5px;
  bottom: -5px;
  top: -5px;
  opacity: 0;
  background-color: transparent;
  border-width: 2px;
  border-style: solid;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.g5plus-icon-box.hover-creative .icon-scheme-gray:before {
  border-color: #f9f9f9;
}
.g5plus-icon-box.hover-creative .icon-bg-circle:before {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
.g5plus-icon-box.hover-creative .icon-bg-square:before {
  -webkit-border-radius: 12px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 12px;
  -moz-background-clip: padding;
  border-radius: 12px;
  background-clip: padding-box;
}
.g5plus-icon-box.hover-creative:hover .ib-shape-inner:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.g5plus-icon-box.hover-creative:hover .icon-scheme-accent:before {
  border-color: #f9f9f9;
}
.g5plus-icon-box.ib-landing {
  padding: 9px 20px;
  border-width: 1px;
  border-style: solid;
  position: relative;
}
.g5plus-icon-box.ib-landing .ib-shape {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.g5plus-icon-box.ib-landing .ib-shape i {
  font-size: 16px;
  color: #ff6d6d;
  margin-right: 17px;
  line-height: 24px;
}
.g5plus-icon-box.ib-landing .ib-content {
  padding-left: 32px;
}
.g5plus-icon-box.ib-landing .ib-content span {
  margin-bottom: 0;
  line-height: 24px;
  color: #8f8f8f;
  font-size: 12px;
}
.g5plus-icon-box:hover .icon-bg-circle.icon-scheme-accent,
.g5plus-icon-box:hover .icon-bg-square.icon-scheme-accent {
  background-color: #f9f9f9;
}
.g5plus-icon-box:hover .icon-bg-circle.icon-scheme-gray i,
.g5plus-icon-box:hover .icon-bg-square.icon-scheme-gray i,
.g5plus-icon-box:hover .icon-bg-circle.icon-scheme-dark,
.g5plus-icon-box:hover .icon-bg-square.icon-scheme-dark {
  color: #fff;
}