.nav-bg {
	background: #5a5a5a;
	color: #eef6fb;
	text-align: center;
	background-image: linear-gradient(to bottom right, #5f5f5f, #404040);
}

.nav-menu {
	list-style: none;
	width: 100%;
}
	.nav-menu li {
		padding-bottom: 2em;
		zoom: 0.6;
		margin-left: -30px;
	}
	.nav-menu img{
		position: relative;
		display: block;
		line-height: 33px;

	}

	.nav-menu li span {
		position: relative;
		/*width: 100%;*/
		height: 60px;
		line-height: 60px;
		display: inline-block;
		color:#808285;
		text-indent: 70px;
		font-size: 2em;
		font-weight: 500;

	}
.nav-menu li span.id-content-arr {text-align: end;}

.nav-menu li.nav-home {background: url(../images/nav-home.png);background-repeat: no-repeat;}
.nav-menu li.nav-new {background: url(../images/nav-new.png); background-repeat: no-repeat; }
.nav-menu li.nav-promo {background: url(../images/nav-promo.png); background-repeat: no-repeat; }
.nav-menu li.nav-aboutus {background: url(../images/nav-aboutus.png); background-repeat: no-repeat; }
.nav-menu li.nav-product {background: url(../images/nav-product.png); background-repeat: no-repeat; }
.nav-menu li.nav-mt4 {background: url(../images/nav-mt4.png); background-repeat: no-repeat; }
.nav-menu li.nav-register {background: url(../images/nav-register.png); background-repeat: no-repeat; }
.nav-menu li.nav-service {background: url(../images/nav-custservice.png); background-repeat: no-repeat; }
.nav-menu li.nav-partnership {background: url(../images/nav-partnership.png); background-repeat: no-repeat; }
.nav-menu li.nav-benefit {background: url(../images/nav-benefit.png); background-repeat: no-repeat; }
.nav-menu li.nav-group {background: url(../images/nav-group.png); background-repeat: no-repeat; }
.nav-menu li.nav-trading {background: url(../images/nav-trading.png); background-repeat: no-repeat; }
.nav-menu li.nav-faq {background: url(../images/nav-faq.png); background-repeat: no-repeat; }



/*------------ navigation sub menu ---------------*/
.nav-submenu  { 
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
	justify-content: center;
}
ul.nav-submenu  { 
	/*overflow: hidden;
    margin: 0;
    padding: 0;*/

}
ul.nav-submenu li {
	margin: 0.3em 0.3em;
	padding:4em 0.5em;
    list-style: none;
    flex: 1;
    flex-basis: auto;
	min-height: 10em;
	max-height: 10em;
}
.nav-submenu li div{
	/*line-height: 7em;
	width: 50%;*/
}
.nav-submenu a{
	color: #fff;
	/*font-size: 1.2em;*/
}

.nav-submenu li:nth-child(6n+1){ background: #96d1fd;}
.nav-submenu li:nth-child(6n+2){ background: #e64d45;}
.nav-submenu li:nth-child(6n+3){ background: #f7b432;}
.nav-submenu li:nth-child(6n+4){ background: #97c347;}
.nav-submenu li:nth-child(6n+5){ background: #ed7e53;}
.nav-submenu li:nth-child(6n+6){ background: #6cc2ff;}
/*.nav-submenu li:nth-child(7){ background: #2a4e75;}
.nav-submenu li:nth-child(8){ background: #4ebf91;}
.nav-submenu li:nth-child(9){ background: #6e737b;}
.nav-submenu li:nth-child(10){ background: #4e8abf;}*/



/*-- rainbow color --
.nav-submenu li:nth-child(7n+1){ background: #e64d45;}
.nav-submenu li:nth-child(7n+2){ background: #ed7e53;}
.nav-submenu li:nth-child(7n+3){ background: #fdbd42;}
.nav-submenu li:nth-child(7n+4){ background: #97c347;}
.nav-submenu li:nth-child(7n+5){ background: #6cc2ff;}
.nav-submenu li:nth-child(7n+6){ background: #805ac3;}
.nav-submenu li:nth-child(7n+7){ background: #af4dbf;}*/



.cust-welcome {color:#fff;}
.cust-bal {color:#fff;}
	.cust-bal-highlight {font-size: 1.5em;}

input[type=text] {
  width: 100%;
}

.search {
	border: 1px solid #7b7b7b;
	border-radius: 0;
}

button {
	float: left;
	border-radius: 0;
}

.btn {
	border-radius: 0;
	color: #fff;
	background: #7b7b7b;
	
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */



@media screen and (max-width: 767px) {
	.nav-menu li span {
		font-size: 1.05em;
	}
}