/*===============================
=            Numbers            =
===============================*/
/**

	require:
	- jquery.waypoints.min.js
	- jquery.counterup.min.js
	- numbers.js

**/

.numbers-1 h2 {
	font-size: 48px;
	font-weight: 700;
	color: #fff;
}
.numbers-1 .numbers-item {
	padding: 20px 0 30px 0;
}

 /* numbers 2*/
.numbers-2 {
	text-align: center;
}
.numbers-2-item {
  padding: 0 0 0 120px;
  display: inline-block;
  position: relative;
  text-align: left;
}
.numbers-2-item i {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  font-size: 80px;
  color: #fff;
}
.numbers-2-item h3 {
  font-size: 50px;
  font-weight: bold;
  margin: 0 0 10px 0;
  line-height: 1;
}
.numbers-2-item h4 {
  font-size: 20px;
  color: #fff;
  margin: 0;
}
@media (max-width: 992px) {
  .numbers-2-item {
    padding: 0 0 0 80px;
  }
  .numbers-2 .row [class^=col-]:last-child .numbers-2-item{
    padding-bottom: 0;
  }
  .numbers-2-item i {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .numbers-2-item {
    padding: 0 0 40px 0;
    text-align: center;
  }
  .numbers-2-item i {
    position: relative;
    margin-bottom: 15px;
  }
}

/*-----  End of Numbers  ------*/