/* 08. Icon Boxes
   ---------------------------------------------------------------------------*/
.icon-box {
  overflow: hidden;
}
.icon-box h1,
.icon-box h2,
.icon-box h3,
.icon-box h4,
.icon-box h5,
.icon-box h6 {
  margin: 20px 0 15px 0;
}
.icon-box.icon-lg .icon-content {
  width: 110px;
  height: 110px;
  font-size: 4.5em;
}
.icon-box.icon-lg .icon-content .fa {
  line-height: 110px;
}
.icon-box.icon-md .icon-content {
  width: 95px;
  height: 95px;
  font-size: 4em;
}
.icon-box.icon-md .icon-content .fa {
  line-height: 95px;
}
.icon-box.icon-sm .icon-content {
  width: 75px;
  height: 75px;
  font-size: 3.2em;
}
.icon-box.icon-sm .icon-content .fa {
  line-height: 75px;
}
.icon-box.icon-xs .icon-content {
  width: 45px;
  height: 45px;
  font-size: 1.7em;
}
.icon-box.icon-xs .icon-content .fa {
  line-height: 45px;
}
.icon-box.fixed-section {
  position: absolute;
  top: -40px;
}
.icon-box .icon-content {
  display: block;
  float: left;
  text-align: center;
  max-width: 100%;
  vertical-align: middle;
}
.icon-box.icon-lg .icon-box-content {
  margin: 0 0 0 135px;
}
.icon-box.icon-md .icon-box-content {
  margin: 0 0 0 120px;
}
.icon-box.icon-sm .icon-box-content {
  margin: 0 0 0 100px;
}
.icon-box.icon-xs .icon-box-content {
  margin: 0 0 0 65px;
}
.icon-box.icon-xs .icon-box-content h1,
.icon-box.icon-xs .icon-box-content h2,
.icon-box.icon-xs .icon-box-content h3,
.icon-box.icon-xs .icon-box-content h4,
.icon-box.icon-xs .icon-box-content h5,
.icon-box.icon-xs .icon-box-content h6 {
  margin: 10px 0 15px 0;
}
.icon-box.icon-xs .icon-box-content .info-title {
  margin: 10px 0 2px 0;
}
.icon-box.icon-xs .icon-box-content p {
  margin: 0;
}
.icon-box.icon-horizontal {
  text-align: center;
}
.icon-box.icon-horizontal .icon-content {
  float: none;
  margin: auto;
  display: inline-block;
}
.icon-box.icon-horizontal .icon-box-content {
  margin: 0;
}
.icon-gradient:nth-child(2) h1,
.icon-gradient:nth-child(2) h2,
.icon-gradient:nth-child(2) h3,
.icon-gradient:nth-child(2) h4,
.icon-gradient:nth-child(2) h5,
.icon-gradient:nth-child(2) h6 {
  color: #98c7f1;
}
.icon-gradient:nth-child(2) .icon-content {
  background-color: #98c7f1;
}
.icon-gradient:nth-child(3) h1,
.icon-gradient:nth-child(3) h2,
.icon-gradient:nth-child(3) h3,
.icon-gradient:nth-child(3) h4,
.icon-gradient:nth-child(3) h5,
.icon-gradient:nth-child(3) h6 {
  color: #98a9f1;
}
.icon-gradient:nth-child(3) .icon-content {
  background-color: #98a9f1;
}
.icon-gradient:nth-child(4) h1,
.icon-gradient:nth-child(4) h2,
.icon-gradient:nth-child(4) h3,
.icon-gradient:nth-child(4) h4,
.icon-gradient:nth-child(4) h5,
.icon-gradient:nth-child(4) h6 {
  color: #a498f1;
}
.icon-gradient:nth-child(4) .icon-content {
  background-color: #a498f1;
}
.icon-gradient:nth-child(5) h1,
.icon-gradient:nth-child(5) h2,
.icon-gradient:nth-child(5) h3,
.icon-gradient:nth-child(5) h4,
.icon-gradient:nth-child(5) h5,
.icon-gradient:nth-child(5) h6 {
  color: #c298f1;
}
.icon-gradient:nth-child(5) .icon-content {
  background-color: #c298f1;
}
.icon-gradient:nth-child(6) h1,
.icon-gradient:nth-child(6) h2,
.icon-gradient:nth-child(6) h3,
.icon-gradient:nth-child(6) h4,
.icon-gradient:nth-child(6) h5,
.icon-gradient:nth-child(6) h6 {
  color: #df98f1;
}
.icon-gradient:nth-child(6) .icon-content {
  background-color: #df98f1;
}
.icon-gradient:nth-child(7) h1,
.icon-gradient:nth-child(7) h2,
.icon-gradient:nth-child(7) h3,
.icon-gradient:nth-child(7) h4,
.icon-gradient:nth-child(7) h5,
.icon-gradient:nth-child(7) h6 {
  color: #f198e5;
}
.icon-gradient:nth-child(7) .icon-content {
  background-color: #f198e5;
}
.icon-gradient:nth-child(8) h1,
.icon-gradient:nth-child(8) h2,
.icon-gradient:nth-child(8) h3,
.icon-gradient:nth-child(8) h4,
.icon-gradient:nth-child(8) h5,
.icon-gradient:nth-child(8) h6 {
  color: #f198c7;
}
.icon-gradient:nth-child(8) .icon-content {
  background-color: #f198c7;
}
.icon-gradient:nth-child(9) h1,
.icon-gradient:nth-child(9) h2,
.icon-gradient:nth-child(9) h3,
.icon-gradient:nth-child(9) h4,
.icon-gradient:nth-child(9) h5,
.icon-gradient:nth-child(9) h6 {
  color: #f198a9;
}
.icon-gradient:nth-child(9) .icon-content {
  background-color: #f198a9;
}
.icon-gradient:nth-child(10) h1,
.icon-gradient:nth-child(10) h2,
.icon-gradient:nth-child(10) h3,
.icon-gradient:nth-child(10) h4,
.icon-gradient:nth-child(10) h5,
.icon-gradient:nth-child(10) h6 {
  color: #f1a498;
}
.icon-gradient:nth-child(10) .icon-content {
  background-color: #f1a498;
}

/* Start icon box*/
.icon-box h1,
.icon-box h2,
.icon-box h3,
.icon-box h4,
.icon-box h5,
.icon-box h6 {
  color: #1abc9c;
}
.icon-box .light {
  color: #ffffff;
}
.icon-box .icon-content {
  background-color: #1abc9c;
  color: #ffffff;
}
.icon-box .icon-content.inverter {
  background: #ffffff;
  color: #1abc9c;
}
.icon-gradient .icon-content {
  background-color: #1abc9c;
}
/* End icon box */