.icon-box-1 > img {
    display: block;
    float: left;
	height: 45px;
	width: 45px;
}


.process_active {
    background-color: #24bee8 !important;
    color: #fff !important;
}

.process_globe {
    cursor: pointer;
}

.process_text {
    display: none;
}

#bg-custom-1 {
    background-color: #f7f7f7;
    color: #101010;
    padding: 35px 0;
}

#bg-custom-1 .accordion-item {
	padding: 5px 15px !important;
	font-size: 12px !important;
}


#bg-custom-1 .accordion-item::after {
	top: 6px !important;
	font-size: 12px !important;
}

#bg-custom-1 strong {
	color: #24bee8 !important;
}

#bg-custom-1 p {
	font-size: 12px !important; 
}

.hidden {
	display: none !important;
}

.alert.custom-warning {
    background-color: #ff8000;
    border: 1px solid #ff8000;
    color: #fff;
}

.alert.custom-warning:before {
	font-family: FontAwesome;
	top:0;
	left:-5px;
	padding-right:10px;
	content: "\f071"; 
}

.alert.custom-success {
    background-color: #87C540;
    border: 1px solid #87C540;
    color: #fff;
}

.alert.custom-success:before {
	font-family: FontAwesome;
	top:0;
	left:-5px;
	padding-right:10px;
	content: "\f071"; 
}

.alert.custom-failed {
    background-color: #ff0030;
    border: 1px solid #ff0030;
    color: #fff;
}

.alert.custom-failed:before {
	font-family: FontAwesome;
	top:0;
	left:-5px;
	padding-right:10px;
	content: "\f071"; 
}

/* Social media icons definition*/

.header_social {
	float: right;
    padding: 0px;
    margin: 0px 0px 0px 0px;
	list-style: none;
	border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
	padding-bottom: 10px;
}

	@media (max-width: 767px) {
	
		.header_social {
			padding-bottom: 35px;
		}
	
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
	
		.header_social {
			padding-bottom: 35px;
		}
	
	}

.header_social > a {
	color: #FFFF;
}

.header_social li {
    float: left;
    padding: 0px;
    margin: 0px 0px 0px 5px;
    text-align: center;
    line-height: 22px;
    vertical-align: middle;
    width: 24px !important;
    height: 24px !important;
    border-radius: 24px !important;	
}

.social_facebook {
    background-color: rgb(59,89,152) !important;
}

.social_twitter {
    background-color: #1C99E6 !important;
}

.social_google {
	background-color: rgb(219,68,55) !important;
}

.pricing-table-offer{
	border: 1px solid transparent;
	padding: 25px 40px;
	background-color: #ffffff;
}

.custom-success {
    background-color: #87C540;
    border: 1px solid #87C540;
    color: #fff;
}

.commodities {
	color: #24bee8;
}

.commodities-post-header {
	padding-bottom: 10px;
}

.commodities-post-header .post-title {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 34px;
}

.commodities-post-header .byline {
    color: #aaa;
    font-size: 12px;
}

.commodities-post-content, .post-summary {
    padding-bottom: 30px;
}

.commodities-post-content p {
	font-size: 12px;
}

/* Blog section definition */

.blog-header{
	margin-bottom: 30px !important;
}

/* Spinner defition */

.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #24bee8;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}