

* {
	box-sizing: border-box;
	font-family:'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.container {
	width: 100%;
	margin: 0 auto;padding-top: 4%;
}

.drawer {
	width: 100%;
	border-top: 1px solid #f5f3f3;
	/*border-radius: 3px;*/
}

.drawer-item {
	border-bottom: 1px solid #f5f3f3;
}
	.drawer-item-active .drawer-header {
		background: #9aca48;
		transition: 0.25s;
		color:#fff;
	}
	.drawer-item-active .drawer-header-icon {
		color: #fff;
	}

.drawer-header {
/*	background: #f2f2f2;
	color: #212121;*/
	padding: 0% 0% 0% 1%;
	cursor: pointer;
/*	border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;*/
	min-height: 57px;
	transition: 0.25s;
	margin-top:1%; 
	border-left:2px solid #9aca48; background:url(../../images/tabbg.jpg) no-repeat 0% 49%;
}
.tabimg{width:5%; height:auto; float:left;padding: .5% 0% 0% 0%;}

	.drawer-header h1 {
		float: left;
		font-size: 100%;
		margin: 0; color:#666666;font-weight: normal;
text-transform: uppercase; width:90%; height:auto;padding: 2% 0% 0% 1%;
	}

.drawer-header a{
		 color:#666666;font-weight: normal;
text-transform: uppercase; text-decoration:none;
	}
	.drawer-header a:hover {
		 color:#9aca48;font-weight: normal;
text-transform: uppercase; text-decoration:underline;
	}

.drawer-content {
/*	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;*/
	display: none;
	/*padding: 12px;
	color: #212121;
	background: #FFF;
	font-size: 80%;
	line-height: 1.45;*/padding: 2%; border-bottom:1px solid #9aca48;
}
.drawer-content h2{ font-family:'Roboto', sans-serif; color:#f58634; text-decoration:none; font-size:100%; line-height:150%;font-weight:normal;   }
.drawer-content p {
		margin: 0; color:#666; font-size:80%;
	}

.drawer-header-icon {
	float: right;
	margin-top: 2%;margin-right: 2%;
	color: #9aca48;
}
	.drawer-header-icon.drawer-header-icon-active {
		transform: rotate(180deg);
	}