ul,
ol {
	padding: 0;
	margin: 0;
}

.clear {
	clear: both
}

.btn {
	background: #f04c39;
	background: -webkit-gradient(linear, left top, right top, from(#f04c39), to(#faa41b));
	background: linear-gradient(90deg, #f04c39 0%, #faa41b 100%);
	border: none;
}

.btn:hover {
	background: #f04c39;
	border: none;
	color: #fff
}

.btn-custom {
	background: #f04c39;
	background: -webkit-gradient(linear, left top, right top, from(#f04c39), to(#faa41b));
	background: linear-gradient(90deg, #f04c39 0%, #faa41b 100%);
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	padding: 7px 20px;
	text-align: center;
	display: inline-block;
	text-transform: capitalize;
	position: relative;
	top: -5px;
	border: 0;
	border-radius: 5px;
}

.btn-custom:hover,
.btn-custom:active,
.btn-custom:focus {
	background: #f04c39;
	color: #fff;
	text-decoration: none;
	outline: none;
}

.header {
	background: #fff;
	padding: 15px;

	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}

.header-right {
	text-align: right;
}

ul.header-right li {
	list-style: none;
	display: inline-block;
	padding-right: 15px;
	color: #333;
	font-weight: normal;
}

.right-box .call-us {
	float: left;
	margin-left: 25px;
}

.right-box .right-icon {
	font-size: 24px;
	color: #f04c39;
	position: relative;
	top: 2px;
}

.right-box .right-icon {
	margin-right: 10px;
}

.right-box {
	color: #f04c39;
	font-size: 16px;
	font-weight: 700;
	margin-top: 12px;
	padding-left: 0;
}

.right-box .social-media {
	float: left;
	border-left: 1px solid #ddd;
	padding: 4px 0 0 15px;
	margin: 0 0 0 0px;
	position: relative;
	top: 3px;
}

.social-media a {
	background: #f04c39;
	width: 24px;
	height: 24px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	margin-left: 5px;
	font-size: 10px;
	color: #fff;
	line-height: 24px;
	text-align: center;
	display: inline-block;
}

.social-media a.facebook-btn:hover {
	background: #4063AC;
	color: #fff;
}

.social-media a.twitter-btn:hover {
	background: #339AF0;
	color: #fff;
}

.social-media a.gplus-btn:hover {
	background: #DC4A3E;
	color: #fff;
}

.bodysection {
	padding: 30px 10px;
	min-height: 460px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	min-height: 500px;
}

.footer {
	margin: 0px 0 15px 0;
}

.footer-box {
	background: #f04c39;
	background: -webkit-gradient(linear, left top, right top, from(#f04c39), to(#faa41b));
	background: linear-gradient(90deg, #f04c39 0%, #faa41b 100%);
	width: 100%;
	height: 40px;
	background-repeat: no-repeat;
	color: #fff
}

.design-box {
	text-align: right;
	color: #fff;
	font-size: 12px;
	margin-top: 3px;
}

.footer-box .copyright {
	color: #fff;
	font-size: 12px;
	margin-top: 10px;
}

.pagetitle {
	margin: 0 0 25px 0;
	font-size: 20px;
	color: #f04c39;
	font-weight: 700;
}

.formbox input {
	padding: 5px;
	border: 1px solid #b1b1b1;
	width: 100%;
	font-size: 13px;
	outline: none;
}

.formbox label {
	font-size: 12px;
	color: #333;
	font-weight: 400;
	display: block;
}

.formbox button {
	margin-top: 24px;
	background: #f04c39;
	color: #fff;
	border: 1px solid #f04c39;
	font-size: 12px;
	padding: 6px 15px 5px 15px;
	outline: none;
}

.formbox button:hover {
	background: #A5CF4E;
	border-color: #A5CF4E;
}

.right-side-bar .news-events .section-title {
	background: #d7dbde;
	color: #f04c39;
	padding: 13px 20px;
	display: block;
	margin: 0 0 15px 0;
	font-weight: 600;
	text-decoration: none;
}

.right-side-bar .news-events .section-title:hover {
	background: #f04c39;
	color: #fff;
	padding: 13px 20px;
	display: block;
	margin: 0 0 15px 0;
	font-weight: 600;
	text-decoration: none;
}

.right-side-bar .news-events a:hover {
	text-decoration: none;
}

.right-side-bar .items {
	margin-bottom: 15px;
}

.page-title,
.current-page-title,
.sub-title {
	font-size: 26px;
	color: #333;
	line-height: 34px;
	font-weight: 700;
	margin: 0px 0 30px 0;
	display: inline-block;
	width: 100%;
	letter-spacing: -1px;
}

.current-page-title {
	font-size: 16px;
	color: #f04c39;
	letter-spacing: normal;


	margin-top: 0;
	margin-bottom: 15px;
}

.liststyle {
	margin-left: 5px;
}

.liststyle li {
	margin-bottom: 5px;
	list-style: none;
}

.liststyle li i {
	margin-right: 10px;
	font-size: 11px;
	color: #f04c39;
}

.loginblock .mr10 {
	position: relative;
	top: 1px;
}

.mr10 {
	margin-right: 10px !important;
}

.ml20 {
	margin-left: 10px !important;
}

.ml0 {
	margin-left: 0 !important;
}

.loginblock input.inputfield {
	width: 100%;
	padding: 10px 15px;
	border: 1px solid #DDDDDD;
	outline: none;
	border-radius: 5px;
}

.loginblock .col-xs-12 {
	margin-bottom: 25px;
}

.gifblock {
	text-align: center;
	padding: 20px 0 15px 0;
}

.listtable tr th:nth-child(odd) {
	background: #F8F8F8;
}

.greenblock {
	height: 5px;
	background: #f04c39;
	background: -webkit-gradient(linear, left top, right top, from(#f04c39), to(#faa41b));
	background: linear-gradient(90deg, #f04c39 0%, #faa41b 100%);
}

.profileimg {
	width: 120px;
	height: 120px;
	overflow: hidden;
	border-radius: 100px;
	margin-bottom: 15px !important;
}

.profileimg img {
	height: 115px;
	width: 115px;
}

.profilename {
	font-size: 18px;
	color: #111;
	font-weight: 800;
	margin-bottom: 5px;

}

.transaction-btn {
	margin-bottom: 10px;
}

.transaction-btn a {
	background: #f04c39;
	background: -webkit-gradient(linear, left top, right top, from(#f04c39), to(#faa41b));
	background: linear-gradient(90deg, #f04c39 0%, #faa41b 100%);
	padding: 11px 20px;
	border-radius: 5px;

	color: #fff;
	position: relative;

}

.polocyno span {

	font-weight: 800;
	display: inline-block;
}

.profileinfo {

	padding: 0;
	margin: 25px 0;


}

.profileinfo ul {
	padding: 0;
	margin: 0;
}

.profileinfo ul li {
	padding-top: 8px;
	float: left;
	width: 31%;
	height: 60px;
	text-align: center;
	font-size: 13px;
	list-style: none;
	margin-bottom: 15px;
	margin-right: 1%;
	margin-left: 1%;
	background: #f04c39;
	color: #fff;
	border-radius: 8px;
}

.profileinfo ul li:nth-child(odd) {
	background: #f04c39;
}

.profileinfo ul li:first-child {
	background: #f04c39;
	color: #fff;
}

.profileinfo ul li span {
	display: block;
	font-weight: 800;
	font-size: 14px;
}

.right0 {
	padding-right: 0;
	width: 20%;
}

.left0 {
	padding-left: 0;
	width: 80%;
}

.transaction-wrapper ul li {
	border: 1px solid #f04c39;
	padding: 10px 20px;
	border-radius: 10px;
	list-style: none;
	margin-bottom: 15px;
}

.transaction-date {
	font-size: 35px;
	text-align: center;
	color: #f04c39;
	height: 96px;
	width: 100%;
	padding-top: 28px;
}

.transaction-date span {
	font-size: 14px;
	display: block;
	color: #333;
	margin-top: 10px;
}

.transaction-list {
	font-size: 12px;

}

.transaction-list span {
	font-size: 12px;
	font-weight: 700;
	display: inline-block;
	width: 50%;
}

.no-premium {
	font-weight: 700;
	font-size: 13px;
	text-align: left;
}

.transaction-wrapper ul li.latefee {
	border: 2px solid #f04c39;
}

.transaction-wrapper ul li.latefee .transaction-date {
	color: #f04c39;
}

.transaction-wrapper ul li.latefee .transaction-date span {
	color: #f04c39;
}

.amt-num {
	font-size: 22px;
	font-weight: 700;
	margin: 0px 0 10px 0;
	color: #f04c39;
}

.amt-num span {
	font-size: 16px;
	font-weight: 500;
	margin: 0 10px 30px 0;
	padding-bottom: 30px;
	color: #333;
}

.nextdue {
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 30px;
}

.position-rel {
	position: relative;
}

.nextdate {
	color: #f04c39;
	font-weight: 700;
	font-size: 18px;
}

.editbtn {
	background: #f04c39;
	height: 30px;
	width: 30px;
	display: block;
	text-align: center;
	line-height: 30px;
	border-radius: 50px;
	right: 125px;
	position: absolute;
	color: #fff;
	font-size: 12px;
}

.editbtn:hover {
	background: #f04c39;
	color: #fff;
}

.logout-btn {
	background: #f04c39;
	background: -webkit-gradient(linear, left top, right top, from(#f04c39), to(#faa41b));
	background: linear-gradient(90deg, #f04c39 0%, #faa41b 100%);
	height: 40px;
	width: 110px;
	display: block;
	text-align: center;
	line-height: 40px;
	border-radius: 5px;
	color: #fff;

	margin: 10px 0;
}

.logout-btn:hover,
.logout-btn:focus,
.logout-btn:active {
	background: #f04c39;
	color: #fff;
}

.logout-btn i {
	margin-right: 5px;
}

.btn-sm,
.btn-group-sm>.btn {
	padding: 7px 16px;
	font-size: 13px;
	line-height: 1.5;
	border-radius: 5px;
	background: #f04c39;
	background: -webkit-gradient(linear, left top, right top, from(#f04c39), to(#faa41b));
	background: linear-gradient(90deg, #f04c39 0%, #faa41b 100%);
	border: 1px solid #fff;
}

.socialmedia-bottom {
	margin: 5px 0 15px 0;
	text-align: center;
}

.socialmedia-bottom .social-media {
	display: block;
}

.socialmedia-bottom a {
	height: 25px;
	width: 25px;

	display: inline-block;
	margin-left: 5px;
	text-align: center;
	line-height: 24px;
	color: #fff;
	border-radius: 50%;
	border: 1px solid #fff;
}

.socialmedia-bottom a.facebook-btn:hover {
	background: #4267B2;
	color: #fff;
}

.socialmedia-bottom a.twitter-btn:hover {
	background: #1DA1F2;
	color: #fff;
}

.socialmedia-bottom a.gplus-btn:hover {
	background: #EA4335;
	color: #fff;
}

.design-info {
	margin-top: 10px;
	display: inline-block;
}

.design-info a {
	color: #fff;
}

.design-info a:hover {
	color: #fff;
}

.borderbox {
	margin: 25px 0;
}

.btn-custom-sm {
	font-size: 11px;
	padding: 1px 10px;
	margin-left: 0;
	margin-top: 14px;
	font-weight: 400;
}

.btn-custom-red {
	background: #f04c39;
}

.btn-custom-red:hover,
.btn-custom-red:active,
.btn-custom-red:focus {
	background: #BF0000;
}

.onlinepayment {
	border-top: 1px solid #ddd;
	padding-top: 8px;
	margin-top: 15px;
}

.onlinepayment a {
	background: #A5CF4E;
}

.onlinepayment a:hover,
.onlinepayment a:active,
.onlinepayment a:focus {
	background: #95C435;
}

.right-policypay ul {
	padding: 0;
	margin: 0;
}

.right-policypay ul li {
	list-style: none;
	font-size: 14px;
	text-align: left;
	padding: 8px 15px 0px 35px;
	width: 50%;
	float: left;
}

.right-policypay ul li span {
	font-weight: 700;
	font-size: 14px;

}

.right-policypay ul li i {

	text-align: center;
	position: absolute;
	margin-left: -35px;
	margin-top: 4px;
	font-size: 22px;
}

.payment-block {
	text-align: center;
}

.aligncenter {
	text-align: center;
	margin: auto;
}

.mb-5 {
	margin-bottom: 5px;
}

.paybtn {
	font-size: 14px;
	padding: 10px 30px;
	margin-top: 25px;
	margin-bottom: 15px;
	background: #f04c39;
	background: -webkit-gradient(linear, left top, right top, from(#f04c39), to(#faa41b));
	background: linear-gradient(90deg, #f04c39 0%, #faa41b 100%);
}

.paybtn:hover {
	background: #f04c39;
}

.payment-block .profilename {
	font-size: 20px;
	color: #fff;
}

.payment-block .profileimg {
	border: 4px solid #fff
}

.payment-block-top {
	background: #f04c39;
	padding: 25px 5px;
	color: #fff;
	text-align: center;
	border-radius: 1rem;
}

.c-blue {
	color: #f04c39;
	font-size: 17px !important;
}

.c-blue i {}

.c-blue span {
	font-size: 17px !important;
}

.c-red {
	color: #EA4335;
}

.c-red i {}

.c-green {
	color: #93C034;
}

.c-green i {
	border-right: 1px solid #93C034 !important;
}

.datetype {
	height: 35px;
}

.duedate {
	font-size: 13px;
	margin-bottom: 10px;
	font-weight: 700;
}

.transactiondet li {
	width: 100%;
	margin-right: 0%;
	float: none;
}

.transactiondet li:nth-child(even) {
	margin-right: 0%;
}

.transaction-amt-block {
	font-size: 15px;
	font-weight: 500;
	margin: 15px 0 0px 0;
	padding-bottom: 0px;
	margin-bottom: -10px;
}

.transaction-amt-num {
	color: #f04c39;
	font-weight: 700;
	font-size: 19px;
	margin-left: 5px;
}

.maintable {
	border: 1px solid #000;
	width: 450px;
}

.maintable tr td {
	border: 1px solid #000;
	padding: 5px;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
}

.login-tab.nav-tabs {
	margin-bottom: 20px;
}

.login-tab.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 15px;
	color: #808080;
	border: 0;
}

.login-tab.nav>li>a:hover,
.login-tab.nav>li>a:active,
.login-tab.nav>li>a:focus {
	color: #808080;
	background: none;
	border: 0;
}

.login-tab.nav-tabs>li.active>a,
.login-tab.nav-tabs>li.active>a:focus,
.login-tab.nav-tabs>li.active>a:hover {
	color: #f04c39;
	cursor: default;
	background-color: #fff;
	border: 0px solid #ddd;
	border-bottom-color: transparent;
	border-bottom: 4px solid #f04c39;
}

@media (min-width: 1024px) and (max-width: 1279px) {
	.social-media {
		display: none;
	}

	ul.header-right li {
		padding-right: 0px;
	}

	.right-side-bar .news-events .section-title {
		padding: 8px 20px;
		display: block;
		margin: 0 0 15px 0;
	}

	.right-side-bar .news-events .section-title:hover {
		padding: 8px 20px;
		display: block;
		margin: 0 0 15px 0;
	}

	.header-right a {
		margin-right: 0;
	}

	.right0 {
		padding-right: 0;
		width: 26%;
	}

	.left0 {
		padding-left: 0;
		width: 72%;
	}

	.gifblock a img {
		width: 100%;
	}
}

@media (min-width: 980px) and (max-width: 1023px) {
	.social-media {
		display: none;
	}

	ul.header-right li {
		padding-right: 0px;
	}

	.right-side-bar .news-events .section-title {
		padding: 8px 20px;
		display: block;
		margin: 0 0 15px 0;
	}

	.right-side-bar .news-events .section-title:hover {
		padding: 8px 20px;
		display: block;
		margin: 0 0 15px 0;
	}

	.header-right a {
		margin-right: 0;
	}

	.right0 {
		padding-right: 0;
		width: 26%;
	}

	.left0 {
		padding-left: 0;
		width: 72%;
	}

	.gifblock a img {
		width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.profiledata .col-xs-12 {
		width: 100%;
	}

	.right0 {
		padding-right: 0;
		width: 35%;
	}

	.left0 {
		padding-left: 0;
		width: 60%;
	}

	.profilename {
		margin-top: 0px;
	}

	.profileinfo {}

	.latefee .col-xs-12 {
		width: 100%;
	}

	.transaction-date {
		height: 66px;
		padding-top: 10px;
	}

	.right-side-bar ul li .col-xs-12 {
		width: 100%;
	}

	.listtable tr td {
		font-size: 13px;
	}

	.listtable tr th {
		font-size: 13px;
	}

	.transaction-wrapper ul li {
		padding: 10px 10px;
	}

	.socialmedia-bottom {
		margin: 0px 0 15px 0;
		text-align: center;
		font-size: 0;
	}

	.socialmedia-bottom a i {
		font-size: 12px;
		line-height: 25px;
	}

	.transactiondet li {
		width: 100%;
		margin-right: 0%;
		float: left;
	}
}

@media (max-width: 979px) {
	.social-media {
		display: none;
	}

	ul.header-right li {
		padding-right: 0px;
	}

	.right-side-bar .news-events .section-title {
		padding: 8px 20px;
		display: block;
		margin: 0 0 15px 0;
	}

	.right-side-bar .news-events .section-title:hover {
		padding: 8px 20px;
		display: block;
		margin: 0 0 15px 0;
	}

	.header-right a {
		margin-right: 0;
		padding: 5px 10px;
	}

	.right-box {
		font-size: 14px;
	}

	.right-box .right-icon {
		font-size: 16px;
	}

	.right-box .call-us {
		margin-left: 10px;
	}

	.gifblock a img {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.call-us {
		display: none;
	}

	.right-box {
		float: right;
		width: 50%;
	}

	.logo-box {
		float: left;
		width: 50%;
	}

	.right-side-bar {
		margin-top: 50px;
	}

	.footer-box {
		height: auto;
		background: none;
	}

	.design-box {
		text-align: center;
		color: #333;
	}

	.footer-box .copyright {
		color: #333;
		text-align: center;
	}

	.design-info {
		color: #333;
		text-align: center;
		margin-bottom: 25px;
	}

	.design-info a {
		color: #4267B2;
		text-align: center;
	}

	.design-info a:hover {
		color: #333;
		text-align: center;
	}

	.footer-box .social-media {
		display: inline-block;
	}

	.profiledata .col-xs-12 {
		width: 100%;
	}

	.right0 {
		padding-right: 0;
		width: 25%;
	}

	.left0 {
		padding-left: 0;
		width: 60%;
	}

	.profilename {
		margin-top: 0px;
	}

	.payment-block .profilename {
		font-size: 20px;
		color: #fff;
	}

	.profileinfo {
		padding: 10px;
		margin-bottom: 10px;
	}

	.latefee .col-xs-12 {
		width: 100%;
	}

	.transaction-date {
		height: 66px;
		padding-top: 10px;
	}

	.listtable tr td {
		font-size: 13px;
	}

	.listtable tr th {
		font-size: 13px;
	}

	.transaction-wrapper ul li {
		padding: 10px 10px;
	}

	.logo-box.col-xs-12 {
		width: 50%;
	}

	.right-box.col-xs-12 {
		width: 50%;
	}

	.transactiondet li {
		width: 100%;
		margin-right: 0%;
		float: left;
	}

	.footer-box .copyright {
		background: #A5CF4E;
		color: #f04c39 !important;
		padding: 7px 0 6px 0;
		margin-top: 15px;
	}

	.footer-box .design-box {
		background: #f04c39;
		color: #fff;
		margin-top: 0;
		padding: 5px 0 10px 0;
	}

	.design-info {
		color: #fff;
		padding-top: 0;
		margin-top: 0;
	}

	.design-info a:hover {
		color: #A5CF4E;
	}

	.design-info a {
		color: #fff;
		text-align: center;
	}

	.socialmedia-bottom {
		padding-bottom: 0;
		margin-bottom: 0;
	}

	ul.header-right li {
		padding-right: 0px;
		border-left: 0 !important;
		padding-left: 0 !important;
		width: 118px;
	}

	.right-box {
		margin-top: -10px !important;
	}

	.header-right a {
		width: 110px;
		font-size: 12px;
	}

	.socialmedia-bottom {
		color: #fff !important;
	}

	.socialmedia-bottom {
		margin: 14px 0 10px 0;
		text-align: center;
	}
}

@media (max-width: 800px) {}

@media (max-width: 600px) {
	.right0 {
		padding-right: 0;
		width: 33%;
	}

	.right-box {
		float: right;
		width: 50%;
	}

	.logo-box {
		float: left;
		width: 50%;
	}

	.right0 {
		padding-right: 0;
		width: 100%;
	}

	.profileimg {
		margin: auto;
	}

	.left0 {
		padding-left: 0;
		width: 100%;
		text-align: center;
		padding-right: 0;
		margin-top: 15px;
	}

	.profileinfo ul li {
		width: 48%;
	}

	.logo-box.col-xs-12 {
		width: 50%;
	}

	.right-box.col-xs-12 {
		width: 50%;
	}

	.payment-block {
		width: 100%;
	}

	.payment-block .profilename {
		font-size: 20px;
		color: #fff;
		margin-top: 15px;
	}

	.right-policypay ul li {
		width: 100%;
	}

	.right-policypay ul li i {}

	.right-policypay ul li span {
		padding-left: 0px;
	}

	.footer-box .copyright {
		font-size: 11px;
	}

	.socialmedia-bottom {
		margin: 14px 0 10px 0;
		text-align: center;
		color: #333;
	}

	.login-wrapper {
		width: 300px;
	}

	.payment-gap {
		display: block;
		height: 20px;
	}

	.datetype {
		height: auto;
	}
}

@media (max-width: 320px) {
	.login-wrapper {
		width: 260px;
	}
}

@media (min-width: 768px) {}

.formvalidation {
	position: relative;
}

.formvalidation i {
	margin: 25px 20px;
}