================================================
4. Top Wrapper
================================================
*/
header {
	width: 100%;
	z-index: 99;
}
.top-wrapper {
	padding: 10px 0;
	background: #239508;
	color: #fff;
}
.affix .top-wrapper {
	margin-top: -55px;
}
.affix.fadeInDown {
	animation-delay: 0s;
	animation-direction: normal;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-name: fadeInDown !important;
	animation-play-state: running;
	animation-timing-function: ease;
}
.fadeInDown {
	animation-name: none !important;
}
.swingOutX {
	animation-name: none !important;
}
.top-wrapper ul.header-social-icons {
	float: right;
	margin: 0;
	padding: 2px 0 0;
}
.top-wrapper .top-wraper-left ul li:first-child {
	padding-left: 0;
}
.top-wrapper .header-social-icons li {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 10px;
	transition: all 0.3s ease-in-out 0s;
}
.top-wrapper .header-social-icons li a {
	color: #fff;
}
.top-wraper-left .header-social-icons li i {
	padding: 0 6px 0 0;
}
/*** Top header add ***/
.top-header-add ul {
	margin: 0;
}
.top-header-add li {
	float: left;
	list-style: outside none none;
	margin-right: 30px;
	width: auto;
	font-size: 14px;
}
.top-header-add li:last-child {
	margin-right: 0;
}
.top-header-add li a {
	color: #fff;
}
.top-header-add li i {
  border-radius: 5px;
  font-size: 18px;
  line-height: 25px;
  margin-right: 10px;
  text-align: center;
}
/*