/*********************************************************************************
common styles
***************/
body {
	background:#fff!important;
	color:#333!important;
	font-family: 'Open Sans', sans-serif!important;
	font-size:13px!important;
}
h1, h2, h3, h4, h5, p, ul, li {
	margin:0px!important;
	padding:0px!important;	
}
a {
	color:#333!important;
	cursor:pointer;
	text-decoration:none!important;
}
a:active {
	box-shadow:none!important;
}
p {
	line-height:22px;
	margin-bottom:10px!important;
	font-size:14px!important;
}
h1, h2 {
	margin-bottom:10px!important;
}
img {
	max-width:100%!important
}
/*********************************************************************************
colored text and buttons
***************/
.text-orange {
	color:#f47b25;
}
.text-white {
	color:#fff
}
.btn {
	border-radius:0!important
}
.btn-sub {
	background:#f07122;
	text-transform:uppercase;
	color:#fff!important
}
.btn-cancel {
	background:#ddd;
	text-transform:uppercase;
	color:#333!important
}
.btn:hover {
	background:#0d6786!important;
	color:#fff!important;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	margin-right:0px!important;
}
/*********************************************************************************
header styles
***************/
header {
	background:#fff;
	border-bottom:0px solid;
	width:100%;
	position:fixed;
	z-index:999;
}
header.header-fixed {
	-moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}
header.header-fixed .logo {
	margin: 6px 0;
}
header.header-fixed .my-wallet {
	margin:20px 0 0px 0;
}
header.header-fixed .user-nav ul {
	margin:20px 0 0px 0!important;
}
/*logo bar*/
header .logo-bar {
	border-top:10px #f16f24 solid;
	padding:0;
}
header .logo {
	width:auto;
	height:auto;
	display:block;
	margin: 12px 0;
	width:275px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
header .logo img {
	max-width:100%;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
/*wallet*/

.my-wallet {
	float:right;
	padding:5px 20px;
	margin:25px 0;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
	border-left:1px dotted #ddd
}
.my-wallet a {
	color: #999!important;
}
.my-wallet .my-wallet-icon {
	display: block;
	background: url(../design_img/icon-wallet.png) no-repeat;
	width: 27px;
	height: 28px;
	float:left;
	margin-right:5px;
	margin-top:-5px
}
.my-wallet .my-wallet-bal {
	font-weight:bold;
	color:#333;
	font-size:15px!important;
	margin-left:3px;
}
/*user nav*/

header .user-nav {
}
.user-nav ul {
	list-style:none;
	float:right;
	margin:25px 0!important;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}
.user-nav ul li {
	float:left;
	position:relative
}
.user-nav ul a {
	display:block;
	padding:5px 17px;
	margin-right:5px;
	border-radius:15px;
	border:1px solid #999;
	color:#333!important;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.user-nav ul a .fa {
	margin-right:5px;
}
.user-nav ul a.login {
}
.user-nav ul a.join {
	background:#f47b25;
	color:#fff!important;
	border-color:#f47b25
}
.user-nav ul a:hover {
	background:#35363a;
	border-color:#35363a;
	color:#fff!important
}
.user-nav .user-nav-2 {
	position:absolute;
	right:0;
	top:40px;
	z-index: 9999;
	list-style: none;
	background:#fff;
	opacity: 0;
	visibility:hidden;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	-moz-box-shadow:0px 5px 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0px 5px 20px rgba(0, 0, 0, 0.1);
	box-shadow:0px 5px 20px rgba(0, 0, 0, 0.1);
}
.user-nav .user-nav-2 li {
	width:100%;
	border-right:0px;
	text-transform:capitalize;
	margin:0px!important;
	white-space:nowrap
}
.user-nav .user-nav-2 li:first-child:before {
	content: "\f0d8 ";
	font: normal normal normal 20px/1 FontAwesome;
	color:#fff;
	position:absolute;
	text-align:right;
	padding-right:30px;
	width:100%;
	top:-14px;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.user-nav .user-nav-2 li a {
	padding: 8px 30px 8px 20px!important;
	border:0px;
	color:#333!important;
	margin:0px;
	border-radius:0px;
}
.user-nav .user-nav-2 li:last-child a {
	border-bottom:0px;
}
.user-nav .user-nav-2 li a .fa {
	color:#666
}
.user-nav .user-nav-2 li a:hover {
	background:#eee;
	color:#333333!important
}
.user-nav li:hover .user-nav-2 {
	opacity: 1;
	visibility:visible;
	top:20px;
}
/* recharge bar*/

header .top-bar{
	background:#35363a;
	padding:10px 0;
	position:relative;
	border-bottom:1px solid #f16f23;
}
.recharge-bar-main {
	width: 100%;
    height:auto;
    background: #35363a;
    position: relative;
	top:165px;
	margin-bottom:-110
}

/* Multiple Tabs */




.recharge-bar {
	width:100%;
	height:auto;/*overflow:hidden;*/
}




.recharge-bar .recharge-menu{
	
}
.recharge-bar .recharge-menu .site-nav{
	 float:left;
}
.recharge-bar .recharge-menu .site-nav #level_1{
	list-style:none;
}
.recharge-bar .recharge-menu .site-nav #level_1 li{
	float: left;
    display: block;
    z-index: 999;
    margin: 0px 0px 0px 30px !important;
    position: relative;
}
   
.recharge-bar .recharge-menu .site-nav #level_1 a{
	position: relative;
    display: block;
    text-decoration: none;
    color: #fff !important;
    zoom: 1;
    padding: 22px 0px;
    font-size: 14px;
    text-transform: capitalize;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.recharge-bar .recharge-nav-bar {
	color:#fff;
	width:100%;
	height:auto;
	float:left;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.recharge-bar .recharge-nav {
	list-style:none
}
.recharge-bar .recharge-nav li {
	font-size: 13px !important;
	position:relative;
	float:left;
	text-align:center;
	cursor:pointer;
	width:110px;
	color:#FFF !important;
	padding:48px 0px 28px 0px!important;
}
.recharge-bar .recharge-nav li a{
	color:#FFF !important;
}
.recharge-bar .recharge-nav li:last-child {
	border-right:0px;
}
.recharge-bar .recharge-nav li.recharge-nav-active {
}
.recharge-bar .recharge-nav li:after {
	font: normal normal normal 25px/1 FontAwesome;
	color:#fff;
	position:absolute;
	top:12px;
	left: 50%;
	margin-right: -50%;
	-moz-transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}
.recharge-bar .recharge-nav li#mobile_recharge:after {
	content: url(../design_img/icon-mobile.png);
}
.recharge-bar .recharge-nav li#dth_recharge:after {
	content: url(../design_img/icon-dth.png);
}
.recharge-bar .recharge-nav li#electricity_pay:after {
	content: url(../design_img/icon-eletricity.png);
}
.recharge-bar .recharge-nav li#gold_pay:after {
	content: url(../design_img/icon-gold.png);
}
.recharge-bar .recharge-nav li#data_recharge:after {
	content: url(../design_img/icon-datacard.png);
}
.recharge-bar .recharge-nav li#landline_pay:after {
	content: url(../design_img/icon-phone.png);
}
.recharge-bar .recharge-nav li#gas_pay:after {
	content: url(../design_img/icon-gas.png);
}
.recharge-bar .recharge-nav li#fees_pay:after {
	content: url(../design_img/icon-fees.png);
}
.recharge-bar .recharge-nav li#financial_services:after {
	content: url(../design_img/icon-finance.png);
}
.recharge-bar .recharge-nav li#metro_recharge:after {
	content: url(../design_img/icon-metro.png);
}
.recharge-bar .recharge-nav li#water_pay:after {
	content: url(../design_img/icon-water.png);
}
.recharge-bar .recharge-nav li#broadband_pay:after {
	content: url(../design_img/icon-broadband.png);
}
.recharge-bar .recharge-nav li#insurance:after {
	content: url(../design_img/insurance.png);
}
.recharge-bar .recharge-nav li#fasttag:after {
	content: url(../design_img/toll.png);
}
.recharge-bar .recharge-nav li#loan_repayment:after {
	content: url(../design_img/loan-repayment.png);
}
.recharge-bar .recharge-nav li#wallet_transfer:after {
	content: url(../design_img/wallet-icon.png);
}

.recharge-bar .recharge-nav li#home-services:after {
	content: url(../design_img/house-icon.png);
}

.recharge-bar .recharge-nav li#google_pay:after {
	content: url(../design_img/gpay.png);
}
.recharge-bar .recharge-nav li#other_pay:after {
	content: url(../design_img/other.png);
}

.recharge-bar .recharge-nav li#aadhaar_pay:after {
	content: url(../design_img/aadhaar-pay.png);
}

.recharge-bar .recharge-nav li#dmt_payment:after {
	content: url(../design_img/bank.png);
}
.recharge-bar .recharge-nav li#pancard_uti:after {
	content: url(../design_img/pancard.png);
}
.recharge-bar .recharge-nav li#pancard_nsdl:after {
	content: url(../design_img/pancard.png);
}

.recharge-bar .recharge-nav li#beauty:after {
	content: url(../design_img/beauty-treat.png);
}

.recharge-bar .recharge-nav li#haircut:after {
	content: url(../design_img/hair-cut.png);
}

.recharge-bar .recharge-nav li#massage:after {
	content: url(../design_img/massage.png);
}

.recharge-bar .recharge-nav li#cleaning:after {
	content: url(../design_img/cleaning-icon.png);
}


.recharge-bar .recharge-nav li#plumbing:after {
	content: url(../design_img/plumbing-icon.png);
}



.recharge-bar .recharge-nav li#carpentry:after {
	content: url(../design_img/carpentry-icon.png);
}



.recharge-bar .recharge-nav li#appliance:after {
	content: url(../design_img/home-appli-icon.png);
}

.recharge-bar .recharge-nav li#painting:after {
	content: url(../design_img/painting-icon.png);
}


.recharge-bar .recharge-nav li.recharge-nav-active:before {
	content: "\f0d8";
	font: normal normal normal 25px/1 FontAwesome;
	color:#fff;
	position:absolute;
	left: 50%;
	margin-right: -50%;
	-moz-transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	top:70px;
}
    .recharge-bar .recharge-info {
        width: 100%;
        float: left;
        margin-top: 13px !important;
        margin-bottom: -40px !important;
        padding: 30px;
        background: #fff;
        -webkit-box-shadow: 15px 9px 24px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 15px 9px 24px rgba(0, 0, 0, 0.2);
        box-shadow: 15px 9px 24px rgba(0, 0, 0, 0.2);
        display: none;
    }
.recharge-bar .recharge-info.recharge-active {
	display:block
}
.recharge-bar .recharge-info h3 {
	font-weight: 600;
	margin-bottom: 25px !important;
	color: #161617;
	font-size:18px !important;
	line-height:25px;
}
.recharge-bar .recharge-info.policy-sec h3 {
	font-size:20px !important;
	line-height:27px;
	color:#f37021;
	font-weight:700;
	margin-bottom:10px !important;
}
.recharge-bar .recharge-info.policy-sec ul.mylist li{
	font-size:14px !important;
	line-height:25px;
	color:#333;
	margin-bottom:5px !important;
}
.recharge-bar .recharge-info.policy-sec  ul.mylist li:before {
    content: "\f138 ";
    font: normal normal normal 14px / 1 FontAwesome;
    margin-right: 5px;
    color: #f37021;
}
.recharge-bar .recharge-info.policy-sec .inner-icon{
	list-style:none;
	padding:0 !important;
	margin:0 0 0 20px !important;
}
.recharge-bar .recharge-info.policy-sec h2{
	font-size:24px !important;
	line-height:32px;
	font-weight:700;
	color:#231f20;
	margin-bottom:10px !important;
}
.recharge-bar .recharge-info.policy-sec .inner-icon li{
	font-size:14px !important;
	line-height:25px;
	color:#333;
	margin-bottom:5px !important;
}
.recharge-bar .recharge-info.policy-sec .inner-icon li:before{
	content: "\f111" !important;
    font: normal normal normal 14px / 1 FontAwesome;
    margin-right: 5px;
    color: #231f20 !important;
	font-size:8px !important;
}
.recharge-bar .form-group {
	margin-bottom: 14px;
}
.recharge-bar .custom-alert {
	margin-top: 5px;
	margin-bottom: 8px !important;
}
.recharge-bar .recharge-info .btn {
	width:100%;
	padding:10px;
}


/**/
.recharge-confirm {
	margin-top:30px;
}
.recharge-confirm p.info {
	margin-bottom:35px!important;
	padding-bottom:15px!important;
	border-bottom:1px solid #ccc;
	float: left;font-size: 15px !important;
}
.recharge-confirm strong {
	color:#f47b25
}
.recharge-confirm input[type=text] {
	width:100px;
	border: 0;
	margin-bottom: 35px !important;
	padding-bottom: 15px !important;
	border-bottom: 1px solid #ccc;
	padding-left: 16px;
	font-weight: bold;
	padding-top: 3px;
	color:#e6237f
}
.recharge-confirm #ContentPlaceHolder1_lblWalletAmt {
	padding:0px;
	display: none;
	width:0px!important;
	padding:0!important;
}
.recharge-confirm .btn {
	width:100%;
	padding: 9px;
}

/* Under constration */
.under-cons{
	text-align:center;
}
.under-cons img{
	max-width:100%;
}

/**/
.slide-banner-bar{
	background:#44454a;
	position:relative;top:50px; padding-top:50px;
	 z-index:-1;  
}
/*.advantage bar */
.advantage-bar { 
	background:#f2f7f8;position:relative;   padding-top:60px;z-index: -1;
}
.advantage-bar .advantage {
	overflow: hidden;  background:#fff;
	padding-top:20px; padding-bottom:10px;
	-webkit-box-shadow: 15px 9px 24px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 15px 9px 24px rgba(0, 0, 0, 0.2);
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.08);
	margin-bottom:-20px;
}
.advantage-bar .advantage-icon { 
	display:table;
	margin:auto; 
}
.advantage-bar .advantage-text {  
	margin-top: 10px; text-align:center
}
.advantage-bar .advantage-text p {
	color: #333;
	text-transform: capitalize;
	font-size: 15px;
	font-weight: 600;
}

.advantage-bar .advantage-text p span {
	color: #666;
	font-weight:400;
	font-size: 13px;
	text-transform: none;
	letter-spacing: initial;
}
.advantage-bar .advantage-text p a{ color:#fff!important}
.advantage-bar .advantage:hover img {
	opacity:1
}
/*********************************************************************************
section styles
***************/
section.slider {
}
/**/
section.contents {
}
/* recharge bar*/
.page-banner-main {
	width:100%;
	height:auto;
	padding-top:25px;
	background:#35363a;
	position:relative;
	top:150px;
}
.page-banner-main h3 {
	font-weight:400;
	color:#fff
}
.page-banner-main h3 span {
	font-size:14px!important;
}
.page-banner-main .banner-info {
	width:100%;
	height:auto;
	margin-top:25px!important;
	margin-bottom:-40px!important;
	padding:30px;
	background:#fff; 
		-webkit-box-shadow: 15px 9px 24px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 15px 9px 24px rgba(0, 0, 0, 0.2);
	box-shadow: 15px 9px 24px rgba(0, 0, 0, 0.2);
}
/*location*/
.location {
	list-style:none;
	float:right!important
}
.location li {
	color:#333!important;
	text-transform:capitalize;
	float:left;
	width:auto;
	margin:  0px 10px 0px 0!important;
}
.location li a:after {
	content: '\f0da';
	font-family: 'FontAwesome';
	font-size: 10px;
	margin-left:10px;
	color:#fff
}
.location li:last-child a:after {
	content: '';
	margin-left:0px;
}
.location li a {
	color:#fff!important;
	font-size:12px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.location li a:hover {
	color:#fff!important;
}
.location li a.active {
	color:#fff!important;
	font-weight:bold;
}
/* banner contents*/
.banner-content {
}
.banner-content h3 {
	color:#e6237f;
	font-size:20px;
	margin-bottom:5px!important;
}
.banner-content strong {
	font-weight:600;
}

/*wallet add*/
.wallet-form {
	padding-top:10px;
}
.wallet-form .btn {
	width:100%;
	padding:10px;
}
.wallet-form .custom-alert {
	margin-top: 5px !important;
}
.wallet-form .form-group {
	margin-bottom: 5px;
} 
/*content bar*/
.content-bar {
	width:100%;
	height:auto;
	overflow:hidden;
	background:fff;
	position: relative;
	top: 116px;
}


.recharge-table-outer.content-bar {
    top: 20px;
    height: 500px;
    max-height: 550px;
    overflow-y: auto;
}

.content-info {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    background: #fff;
}


/* contact page */
.contact-bar {
	padding: 80px 0;
	position: relative;
}

.contact-bar .contact-info {
	width: 100%;
	display: flex;
    align-items: center;
	margin-bottom: 30px;
}

.contact-bar .contact-info .contact-icon {
    width: 40px;
    height: 40px;
    border-radius: 100%;   
}

.contact-bar .contact-info .contact-icon img {
	max-width: 100%; 
}


.contact-bar .contact-info .contact-text {
	width: calc(100% - 85px);
	vertical-align: top;
	display: inline-block;
	padding-left: 20px;
}

.contact-bar .contact-info .contact-text h4 {
	font-size: 20px !important;
	line-height: 27px;
	color: #232323 !important;
	font-weight: 600;
	margin-bottom: 5px !important;
	font-family: 'Kanit', sans-serif;
}

.contact-bar .contact-info .contact-text p {
	font-size: 14px !important;
	line-height: 24px;
	color: #fff;
	font-weight: 400;
	text-align: left;
	margin-bottom: 0 !important;
}

.contact-bar .contact-info .contact-text p span {
	font-weight: 600;
}

.contact-bar .contact-info .contact-text p a{ color:#f16f24 !important}

.contact-bar .social-blk h4 {
	font-size: 22px !important;
	line-height: 28px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 15px !important;
}

.contact-bar .contact-left {
	padding-left: 30px;
}

.map-box {
	width: 100% !important;
	height: 400px;
}

.contact-bar .social-nav {
	float: left;
	margin: 10px 0;
}

.contact-bar .social-nav ul {
	list-style: none;
}

.contact-bar .social-nav li {
	float: left;
	padding-right: 10px !important;
}


.contact-bar .idx-btn {
	width: 100%;
	text-align: center;
	border: 0px !important;
	padding: 12px 15px !important;
	background: linear-gradient(90deg, #cd6728 0%, #ee8432 50%);
	border-radius: 0 !important;
	color: #FFF !important;
	font-size: 14px !important;
	line-height: 24px;
	font-weight: 600;
}

.contact-bar .idx-btn:hover {
	background: linear-gradient(90deg, #1aa84b 0%, #298947 50%) !important;
}

.contact-bar h3 {
	color:#fff
}
.contact-bar .form-group {
	margin-bottom: 25px !important;
}

.contact-bar .social-nav li a .fa {
	color: #fff !important;
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 18px !important;
	text-align: center;
	border: 0px;
	border-radius: 100%;
	vertical-align: middle;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

.contact-bar .social-nav li a .fa-facebook {
	background: #3b5a9a;
}

.contact-bar .social-nav li a .fa-twitter {
	background: #28a8e0;
}

.contact-bar .social-nav li a .fa-linkedin {
	background: #117bb8;
}

.contact-bar .social-nav li a .fa-youtube {
	background: #d81a1a;
}

.contact-bar .form-group .form-control {
	padding: 12px 12px !important;
	background: #f2f3f4;
	font-size: 14px;
	line-height: 24px;
	color: #454545;
	font-weight: 400;
}

.contact-bar .form-group .form-control:focus {
	box-shadow: none;
	border-color: #117bb8 !important;
	color: #454545;
}

.contact-bar .main-head span {
	display: block;
	font-size: 14px !important;
	line-height: 24px !important;
	margin-bottom: 0px;
}





/* my table*/
 .mytable {
	color:#666;
	border: 0px !important;
}
.mytable > tbody > tr > td, .mytable > tbody > tr > th, .mytable > tfoot > tr > td, .mytable > tfoot > tr > th, .mytable > thead > tr > td, .mytable > thead > tr > th {
	border-top: 0px !important;
	border-left: 0px !important;
	border-right: 0px !important;
	border-bottom-color: #eee!important;
}
.mytable caption {
	color:#333333;
	text-align:center;
	margin-bottom:5px;
	padding:0px;
	font-weight:normal
}
.mytable th {
	background: #f7fdff;
	color: #1a84a5;
	font-weight: 600;
	vertical-align: middle !important;
	text-transform: uppercase;
}
.mytable > tbody > tr > th {
	border-top: 1px solid #ccc!important;
	border-bottom: 1px solid #999!important;
}
.mytable td {
	vertical-align:middle!important
}
.mytable > tbody > tr:last-child > td {
	border-bottom: 1px solid #ccc!important;
}
.mytable tr {
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
 .mytable tr:nth-child(odd) {
}
.mytable tr:hover {
	background:#f4f4f4
}
/* table wallet */

 .tab-wallet {
}
.tab-wallet strong {
	font-weight:600;
	color:#000
}
.tab-wallet td {
	vertical-align:top!important;
	height:80px;
}
 .tab-wallet th:nth-child(1), .tab-wallet td:nth-child(1) {
width:35%;
}
 .tab-wallet th:nth-child(2), .tab-wallet td:nth-child(2) {
width:15%; text-align:center
}
 .tab-wallet th:nth-child(3), .tab-wallet td:nth-child(3) {
width:15%; text-align:center
}
 .tab-wallet th:nth-child(4), .tab-wallet td:nth-child(4) {
width:15%;
}
 .tab-wallet th:nth-child(5), .tab-wallet td:nth-child(5) {
width:20%;
}
/*table orders*/
.tab-order .fa-check {
	color:#45bc0b;
	border-radius:100%;
	padding:1px;
}
section.contents .tab-order .fa-times {
	color:#ea2c00;
	border-radius:100%;
	padding:1px 2px 1px 3px;
}
.tab-order .fa-exclamation {
	color:#ea8f00;
	border-radius:100%;
	padding:1px 5px 1px 5px;
}
.tab-order th:nth-child(1), .tab-order td:nth-child(1) {
width:35%;
}
.tab-order th:nth-child(2), .tab-order td:nth-child(2) {
width:25%; text-align:left
}
.tab-order th:nth-child(3), .tab-order td:nth-child(3) {
width:10%;
}
.tab-order th:nth-child(4), .tab-order td:nth-child(4) {
width:15%;
}
.tab-order th:nth-child(5), .tab-order td:nth-child(5) {
width:15%;text-align:center
}
/**/
.abt-service-bar {
	margin:20px 0 20px 0
}
.abt-service-bar .abt-service {
	width:75px;
	height:75px;
	padding-top:22px;
	margin:auto;
	border:1px dotted #999;
	background:#fefefb;
	border-radius:100%;
	text-align:center
} 
/**/
.view-profile {
	margin-top:30px;
}
.view-profile p.info {
	margin-bottom:40px!important;
	padding-bottom:15px!important;
	border-bottom:1px solid #ccc;
}
.view-profile p.info span {
	color:#f47a21
}
.view-profile .form-group {
	margin-bottom:30px;
}
.view-profile .label-radio {
	margin-top:15px;
}
.view-profile .custom-alert {
	margin-top: 20px!important;
}
/*money transfer*/
.money-trans {
	margin-top:20px;
	overflow:hidden;
	background:#fff;
}
.money-trans .custom-alert {
	margin-top: 20px!important;
}
/*transaction success*/
.trans-success {
	margin-top:50px;
}
.trans-success-icon {
	width:71px;
	height:71px;
	margin: 10px auto;
	background:url(../design_img/icon-success-lg.png) center no-repeat;
}
.trans-success-msg {
	background:#fff;
	position:relative
}
.trans-success-msg p {
	color:#646464;
	text-align:center;
	font-size:13px!important;
	line-height:30px;
}
.trans-success-msg h4 {
	text-align:center;
	background:#fff;
	padding:10px 15px!important;
	display:table;
	margin:20px auto!important;
	position:relative;
	z-index:1
}
.trans-success-msg strong {
	color:#30b13f;
}
.trans-success-brdr {
	border-bottom:1px solid #e7e7e7;
	width:100%;
	position:absolute;
	left:0;
	top:22px;
}
/*transaction fail*/
.trans-fail {
	margin-top:50px;
}
.trans-fail-icon {
	width:71px;
	height:71px;
	margin: 10px auto;
	background:url(../design_img/icon-fail-lg.png) center no-repeat;
}
.trans-fail-msg {
	background:#fff;
	position:relative
}
.trans-fail-msg p {
	color:#646464;
	text-align:center;
	font-size:13px!important;
	line-height:30px;
}
.trans-fail-msg h4 {
	text-align:center;
	background:#fff;
	padding:10px 15px 0px 15px !important;
	display:table;
	margin:20px auto 5px!important;
	position:relative;
	z-index:1
}
.trans-fail-msg strong {
	color:#e12900;
}
.trans-fail-brdr {
	border-bottom:1px solid #e7e7e7;
	width:100%;
	position:absolute;
	left:0;
	top:22px;
}
/*transaction fail*/
.trans-process {
	margin-top:50px;
}
.trans-process-icon {
	width:64px;
	height:64px;
	margin: 10px auto;
	background:url(../design_img/loader.gif) center no-repeat;
}
.trans-process-msg {
	background:#fff;
	position:relative
}
.trans-process-msg p {
	color:#646464;
	text-align:center;
	font-size:13px!important;
	line-height:30px;
}
.trans-process-msg h4 {
	text-align:center;
	background:#fff;
	padding:10px 15px 0px 15px !important;
	display:table;
	margin:20px auto 5px!important;
	position:relative;
	z-index:1
}
.trans-process-msg strong {
	color:#2c98ec;
}
.trans-process-brdr {
	border-bottom:1px solid #e7e7e7;
	width:100%;
	position:absolute;
	left:0;
	top:22px;
}
/*********************************************************************************
list styles start
***************/
ul.mylist {
	list-style:none;
	padding:0 0 0 10px;
	margin:0 0 15px 0 !important;
	font-size:14px
}
ul.mylist li {
	line-height:22px
}
ul.mylist li:before {
	content: "\f138   ";/*f105 f138  */
	font: normal normal normal 14px/1 FontAwesome;
	margin-right:5px;
	color:#999;
}
ul.mylist li ul.sub-list{
	list-style:none !important;
}
/*********************************************************************************
default form styles start
***************/
.form-group {
	position:relative;
}
.form-group label {
	font-weight:normal;
}
.form-group .label-brdr {
	display: block;
	background: #f47b25;
	height: 1px;
	position: relative;
	left: 0;
	top: -1px;
	width: 0%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-out;
}
.form-group .label-err {
	background:#d31a1a;
	width:auto;
	font-size:11px;
	color:#fff;
	padding:2px 5px;
	border-radius:2px;
	position:absolute;
	top:-12px;
	right:0;
	z-index: 1;
	text-align:right
}
.form-group .label-err:before {
	content: "\f0d7 ";
	font: normal normal normal 20px/1 FontAwesome;
	color: #d31a1a;
	position: absolute;
	bottom:-12px;
	right:20px;
}
.form-group .form-control {
	border-radius:0!important;
	box-shadow:none;
	border:0px solid;
	border-bottom :1px solid #ddd;
	padding:10px 0;
	height:auto
}
.form-group select.form-control {
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../design_img/icon-select-arrow.png);
	background-repeat: no-repeat;
	background-position: right 10px top 50%;
	z-index: 0;padding: 9px 0;
}
.form-group .label-radio {
	margin-right:15px;
}
.form-group input[type=radio] {
	margin-right:5px;
}
.form-group .label-check {
	margin-right:15px;
	font-size:14px!important;
}
.form-group input[type=checkbox] {
	margin-right:5px;
}
.form-group .label-check a {
	text-decoration:underline!important
}
.form-group .form-control:focus {
	box-shadow:none;
	border-color:#999
}
/*********************************************************************************
alert message
***************/
.custom-alert {
	margin-bottom:0px!important;
}
/*********************************************************************************
footer styles
***************/
footer {
	background:#f47b25;
	position: relative;
	top: 50px;
}
footer .footer-bar {
	overflow:hidden;
	padding:20px 0!important;
	margin-top:10px!important;
}
footer .footer-bar h4 {
	font-weight:400;
	color:#fff;
	font-size:18px;
	margin-bottom:20px!important;
}
footer .nav-menu{
	display:table;
	margin:10px auto 5px !important;
}

/*contact nav */
footer .cont-nav ul {
	list-style:none;
	margin-bottom:20px!important;
}
footer .cont-nav ul li {
	line-height:25px;
}
footer .cont-nav ul a {
	display:block;
	color:#ffdec7 !important;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
footer .cont-nav ul a:hover {
	color:#fff!important;
}
/* footer site nav*/
footer .site-nav ul {
	list-style:none;
	margin-bottom:20px!important;
}
footer .site-nav ul li {
	line-height:22px;
}
footer .site-nav ul a {
	display:block;
	color:#ffdec7 !important;
	text-transform:capitalize;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
footer .site-nav ul a:before {
	content: '\f054';
	font-family: 'FontAwesome';
	font-size: 10px;
	margin-right:5px;
	color:#ffdec7
}
footer .site-nav ul a:hover {
	color:#fff!important;
}
/*social nav*/

footer .social-nav ul {
	list-style:none;
	padding:0px!important;
	float:left;
}
footer .social-nav li {
	float:left;
	margin-right:5px!important
}
footer .social-nav li a {
	border:0!important;
	padding:0!important
}
footer .social-nav li a .fa {
	color:#fff!important;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	border:0px;
	border-radius:100%;
	vertical-align:middle;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
footer .social-nav li a .fa-facebook {
	background:#3b5a9a
}
footer .social-nav li a .fa-twitter {
	background:#28a8e0
}
footer .social-nav li a .fa-linkedin {
	background:#117bb8
}
footer .social-nav li a .fa-youtube {
	background:#d81a1a
}
footer .social-nav li a:hover .fa {
	background:#fff;
	color:#333!important;
}
footer .logo {
	margin-bottom:40px!important;
	display:block
}
/*footer bar bottom*/

footer .footer-bar-bottom {
	background:#fff;
	color:#fff;
}
footer .footer-bar-bottom .copy-bar {
	padding:10px 0!important;
	background:#232323;
	border-top:1px solid #232323
}
footer .footer-bar-bottom .copy {
	text-align:center;
	font-size:13px!important;
	margin-bottom:0px!important;
}
footer .footer-bar-bottom .designer-bar {
	padding:10px 0 2px 0!important;
	background:#232323;
}
footer .footer-bar-bottom .designer {
	text-align:center;
	color:#fff;
	font-size:14px!important
}
footer .footer-bar-bottom .designer img {
	border: 1px solid #bbbaba;
	border-radius: 100%;
	padding: 3px;
	background: #fff;
}
footer .nav-menu ul{
	list-style:none;
	text-align:right;
}
footer .nav-menu ul li{
	float: right;
    margin: 0px 0px 10px 0px !important;
    padding: 0 10px !important;
}
footer .nav-menu ul a {
    display: block;
    font-size: 13px;
    color: #fff !important;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
/* top and down button*/
#goTop, #goDown {
	border: 1px solid #eee;
	border-radius:100%;
	width:40px;
	height:40px;
	padding-top:7px;
	text-align:center;
	position: fixed;
	bottom: 40px;
	right:  20px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	cursor: pointer;
	color: #333!important;
	font-weight: bold;
	background: #eee;
	z-index:9999;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}

.loading_on {
    border: 1px solid #BABABA;
    padding: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: fixed;
    z-index: 1000 !important;
    background: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    margin: 20% 35%;
}

.load_overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
    background: url(../design_img/trans.png) repeat;
}
.PagerNormal {
    font: 9pt Verdana;
    border: solid 1px #2F539F;
    padding: 1px 4px;
    background-color: #80A7FA;
    border-radius: 5px;
    color: #ddd;
}

.PagerAnswered {
    font: 9pt Verdana;
    border: solid 1px #008000;
    padding: 1px 4px;
    background-color: #008000;
    border-radius: 5px;
}