.sub-menu{
	display:none;
	background:url(../images/bg-submenu.png) top right no-repeat, linear-gradient(to right, #111230 40%, #ed1d53 75%, #eb9e03 100%) ;
	position:fixed;
	top:70px;
	left:0;
	right:0;
	height:90px;
	z-index:200;
	color:#DDD;
	padding:10px 0;
	z-index:190;
}
.sub-menu .col1{
	height:70px;
	line-height:70px;
	padding-right:25px;
	margin-right:25px;
	min-width:250px;
	font-size:20px;
	float:left;
	border-right: 1px solid rgba(256,256,256,.6);
	color:rgba(256,256,256,.6);
	text-transform:uppercase;
}
.sub-menu .col2{
	height:70px;
	display:table;
}
.sub-menu  i.btn-expand{
	display:none;
}
.sub-menu .col2 span{
	display: table-cell;
	vertical-align: middle;
}
.sub-menu .col2 span a{
	color:#FFF;
	margin-right:20px;
}


.sub-menu .col2 span a:hover, .sub-menu .col2 span a.active {
    color: #f4a8b1;
}

@media only screen and (max-width: 768px) {
	.sub-menu{
		height:40px;
		padding:5px 0;
	}
	.sub-menu.expanded{
		height:auto;
	}
	.sub-menu.expanded .extra{
		padding:15px 0;
		color:#FFF;
		line-height:30px;
	}
	.sub-menu.expanded .extra a{
		display:inline-block;
		color:#FFF;
		padding-right:10px;
		margin-right:10px;
		text-decoration:underline;
	}
	.sub-menu.expanded .extra a:hover{
		color:#DDD;
	}
    .sub-menu .col1{
		min-width:1px;
		height:30px;
		line-height:30px;
		font-size:16px;
		text-transform:none;
		padding-right:10px;
		margin-right:10px;
	}
	.sub-menu .col2{
		height:30px;
	}
	.sub-menu .col2 span a:not(.active){
		display:none;
	}
	.sub-menu  i.btn-expand{
		float:right;
		display:block;
		height:30px;
		line-height:30px;
		font-size:24px;
		color:#FFF;
		text-align:center;
		cursor:pointer;
	}
}