/*! Infobox Style 1 */

.infobox-style-1 {
  text-align: center;

  padding: 0 30px;

  margin-bottom: 30px;
}

.infobox-style-1 .sigma-infobox-icon {
  display: inline-block;

  width: 80px;

  height: 80px;

  line-height: 80px;

  background: #000;

  border-radius: 50%;

  margin-bottom: 30px;

  font-size: 30px;

  color: #fff;
}

.infobox-style-1 .sigma-infobox-title {
  font-size: 26px;

  line-height: 26px;

  margin-bottom: 10px;
}

/*! Infobox Style 2 */

.infobox-style-2 {
  position: relative;

  z-index: 9;
}

.infobox-style-2 .icon-number[data-content]:before {
  content: attr(data-content);

  position: absolute;

  font-size: 100px;

  color: #f7f7f7;

  line-height: 60px;

  z-index: -1;

  font-weight: bold;

  font-family: Oswald;
}

.sigma-bg-color-tertiary .infobox-style-2 .icon-number[data-content]:before {
  color: #fff;
}

.infobox-style-2 h3 {
  font-size: 20px;

  display: flex;

  margin-bottom: 20px;

  line-height: normal;
}

.infobox-style-2 h3 i {
  color: #ffaa17;

  margin-right: 15px;
}

.infobox-style-2 .icon-number {
  background: #ffaa17;

  color: #ffffff;

  height: 24px;

  width: 24px;

  line-height: 24px;

  font-size: 14px;

  text-align: center;

  display: inline-block;

  position: relative;

  top: 6px;
}

.infobox-style-2 .icon-number:after {
  position: absolute;

  left: 34px;

  top: 12px;

  width: 40px;

  height: 1px;

  content: "";

  background: #ffaa17;
}

.infobox-style-2 .sigma-infobox-content {
  margin-left: 0px;
}

.infobox-pad.infobox-style-2 {
  margin-bottom: 0px;
}

.infobox-pad.infobox-style-2 .sigma-infobox-wrapper {
  background-color: #fff;

  -webkit-box-shadow: 0px 10px 20px 0px rgba(155, 180, 204, 0.06);

  box-shadow: 0px 10px 20px 0px rgba(155, 180, 204, 0.06);

  padding: 30px 35px;

  margin-bottom: 40px;
}

/*! Infobox Style 3 */

.infobox-style-3 .sigma-infobox-wrapper {
  padding: 30px 35px;

  background-color: #fff;

  -webkit-box-shadow: 0px 10px 20px 0px rgba(149, 183, 208, 0.06);

  box-shadow: 0px 10px 20px 0px rgba(149, 183, 208, 0.06);

  position: relative;

  z-index: 1;
}

.infobox-style-3 .sigma-infobox-wrapper .sigma-infobox-icon {
  position: absolute;

  right: 35px;

  top: 30px;

  height: 30px;

  width: 30px;

  text-align: center;

  line-height: 30px;

  background-color: #ffaa17;

  color: #041d38;

  z-index: 2;
}

.infobox-style-3 .sigma-infobox-title {
  font-size: 24px;

  line-height: 1.2;

  text-transform: uppercase;

  letter-spacing: -1px;

  margin-bottom: 10px;
}

.sigma-infobox-bg-gray .infobox-style-3 i:after {
  background-color: #f5f5f5;
}

.sigma-infobox-bg-gray .infobox-style-3 .sigma-infobox-wrapper {
  margin-right: 0px;
}

/*! Infobox Style 4 */

.infobox-style-4 {
  text-align: center;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  padding: 0 40px 20px 40px !important;

  display: inline-block;
}

.infobox-style-4 .sigma-infobox-wrapper {
  display: flex;

  padding-left: 10px;

  -webkit-box-align: center !important;

  -ms-flex-align: center !important;

  align-items: center !important;
}

.infobox-style-4 i {
  width: 70px;

  height: 70px;

  line-height: 70px;

  text-align: center;

  background: #ffaa17;

  color: #ffffff;

  border-radius: 100px;

  font-size: 30px;

  display: inline-block;
}

.infobox-style-4 .sigma-infobox-title {
  font-size: 32px;

  line-height: 32px;

  color: #ffffff;

  margin-bottom: 0;
}

.infobox-style-4 .sigma-infobox-text {
  color: #ffffff;

  font-family: Oswald;

  text-align: left;
}

.infobox-style-4 .sigma-infobox-content {
  margin-left: 15px;
}

.infobox-style-4.sigma-no-border {
  border: none;

  padding: 0 40px !important;
}

.infobox-area .infobox-style-4 .sigma-infobox-wrapper {
  margin-left: 0;
}

.infobox-area .infobox-style-4 i {
  width: 60px;

  height: 60px;

  line-height: 60px;

  background: #041d38;
}

@media only screen and (max-width: 1200px) and (min-width: 992px) {
  .infobox-style-3 .sigma-infobox-title {
    font-size: 20px;
  }
}

/*infobox-style-5*/

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);

    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);

    transform: translateX(-1px) rotate(0);
  }
}

.infobox-style-5 {
  text-align: center;
}

.infobox-style-5 .sigma-infobox-icon {
  width: 80px;

  height: 80px;

  margin: 0 auto;
}

.infobox-style-5 .sigma-infobox-icon img {
  -webkit-transition: all 0.4s ease-out 0s;

  transition: all 0.4s ease-out 0s;
}

.infobox-style-5:hover .sigma-infobox-icon img {
  -webkit-animation: hvr-buzz-out 0.75s linear 1;

  animation: hvr-buzz-out 0.75s linear 1;
}

.infobox-style-5 h6 {
  margin-top: 15px;
}