/*
Theme Name:         Telplex Theme
Theme URI:          https://roots.io/sage/
Description:        Custom Theme built by Glyphix for Telplex
Version:            8.3.0
Author:             Glyphix
Author URI:         https://www.glyphix.com

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

/*style for top banner*/

@media(min-width:  992px) {
	body {
		padding-top: 170px !important;
	}
}

.top-header {
	background: #44467a;
	padding: 25px 0;
}

.top-header ul {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100% !important;
	float: none !important;
}

.top-header li a {
	height: 50px;
	border-radius: 10px;
	display: inline-block;
	text-align: center;
	line-height: 50px;
	padding: 0 20px;
	font-size: 18px;
	text-decoration: none;
	white-space: nowrap;
}

.top-header li a img {
	margin-right: 10px;
	position: relative;
	top: -2px;
}

.top-header .ach_auto_pay a,
.top-header .cch_auto_pay a {
	background: #f26722 !important;
	color: #fff !important;
	margin-right: 10px;
	transition: all .3s;
}

.top-header .ach_auto_pay a:hover,
.top-header .cch_auto_pay a:hover {
    background: #c14b11 !important;
}

.top-header .pay_bill a {
	background: #fff !important;
	color: #eb5f16 !important;
	transition: all .3s;
}

.top-header .pay_bill a:hover {
    background: #e8e3e3 !important;	
}


@media(max-width:  900px) {
	.top-header ul {
		display: block;
		text-align: center;
	}

	.top-header li a {
		height: 30px;
		font-size: 14px !important;
		line-height: 30px;
	}

	.top-header .ach_auto_pay a,
	.top-header .cch_auto_pay a {
		margin-right: 0;	
		margin-bottom: 10px;
	}
}