.underbanner {
	background: #020202;
	width: 100%;
}
.underbanner ul {
	list-style: none;
	margin-top:0;
}
.underbanner ul li{
	display:inline-block;
	min-width:140px !important;
	text-align:left;
	text-transform: uppercase;
	padding-left:50px;
	vertical-align:top;
	padding-top:10px;
	cursor:pointer
}
.underbanner ul li a{
	color: #fff;
}
.underbanner ul li:hover a{
	display:inline-block;
	color: #38abbe;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;

}
.testimonials{
	background: transparent url('../images/ei0.png') no-repeat left top;
	width:33px!important;background-size: 33px;
	height:19px!important;
	margin-bottom:20px;
	margin-top:20px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.testimonials:hover{
	background: transparent url('../images/ei0.png') no-repeat left -33px;
	width:33px!important;background-size: 33px;
	height:19px!important;
	margin-bottom:20px;
	margin-top:20px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.videos{
	background: transparent url('../images/ei1.png') no-repeat left 8px;
	width:33px!important;background-size: 33px;
	height:19px!important;
	margin-bottom:20px;
	margin-top:20px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.videos:hover{
	background: transparent url('../images/ei1.png') no-repeat left -25px;
	width:33px!important;background-size: 33px;
	height:19px!important;
	margin-bottom:20px;
	margin-top:20px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.blog{
	background: transparent url('../images/ei2.png') no-repeat left top;
	width:33px!important;background-size: 33px;
	height:19px!important;
	margin-bottom:20px;
	margin-top:20px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.blog:hover{
	background: transparent url('../images/ei2.png') no-repeat left -33px;
	width:33px!important;background-size: 33px;
	height:19px!important;
	margin-bottom:20px;
	margin-top:20px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.gallery_icon{
	background: transparent url('../images/ei3.png?stay=1') no-repeat left top;
	width:33px!important;background-size: 33px;
	height:19px!important;
	margin-bottom:20px;
	margin-top:20px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.gallery_icon:hover{
	background: transparent url('../images/ei3.png?stay=1') no-repeat left -33px;
	width:33px!important;background-size: 33px;
	height:19px!important;
	margin-bottom:20px;
	margin-top:20px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.books{
	background: transparent url('../images/ei4.png') no-repeat left top;
	width:33px!important;background-size: 33px;
	height:19px!important;
	margin-bottom:20px;
	margin-top:20px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.books:hover{
	background: transparent url('../images/ei4.png') no-repeat left -33px;
	width:33px!important;background-size: 33px;
	height:19px!important;
	margin-bottom:20px;
	margin-top:20px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.announcements{
	background: transparent url('../images/ei5.png') no-repeat left top;
	width:33px!important;background-size: 33px;
	height:19px!important;
	margin-bottom:20px;
	margin-top:20px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.announcements:hover{
	background: transparent url('../images/ei5.png') no-repeat left -33px;
	width:33px!important;background-size: 33px;
	height:19px!important;
	margin-bottom:20px;
	margin-top:20px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

@media (max-width: 500px) {
.underbanner ul {
	padding:0px;
}

.underbanner ul li{
	min-width:40px !important;
	padding-left:0px;
	margin-left:1px;
}

.underbanner ul li a{
	display:none
}

.underbanner ul li:hover a{
	display:none
}

}