/* General styles for all menus */
.cbp-spmenu			{ background: #f7f7f7; position: fixed; }
.cbp-spmenu a		{ display: block; color: #85878b; font: 300 16px/16px "Ubuntu", sans-serif; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;
					  -o-transition: 0.3s; transition: 0.3s; }
.cbp-spmenu a:hover { background: #eaeaea; color: #004179; }
.cbp-spmenu a:active{ background: #eaeaea; color: #004179; }

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical		{ width: 240px; height: 100%; top: 0; z-index: 1000; }
.cbp-spmenu-vertical a		{ border-bottom: 1px solid #eaeaea; padding: 1em; }
.cbp-spmenu-horizontal		{ width: 100%; height: 150px; left: 0; z-index: 1000; overflow: hidden; }
.cbp-spmenu-horizontal a	{ float: left; width: 20%; padding: 0.8em; border-left: 1px solid #eaeaea; }

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left	{ left: -240px; }
.cbp-spmenu-right	{ right: -240px; }
.cbp-spmenu-left.cbp-spmenu-open	{ left: 0px; }
.cbp-spmenu-right.cbp-spmenu-open	{ right: 0px; }

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top		{ top: -150px; }
.cbp-spmenu-bottom	{ bottom: -150px; }
.cbp-spmenu-top.cbp-spmenu-open		{ top: 0px; }
.cbp-spmenu-bottom.cbp-spmenu-open	{ bottom: 0px; }

/* Push classes applied to the body */

.cbp-spmenu-push	{ overflow-x: hidden; position: relative; left: 0; }
.cbp-spmenu-push-toright	{ left: 240px; }
.cbp-spmenu-push-toleft		{ left: -240px; }

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push	{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

/* Example media queries */

@media screen and (max-width: 55.1875em) {
	.cbp-spmenu-horizontal	{ font-size: 75%; height: 110px; }
	.cbp-spmenu-top			{ top: -110px; }
	.cbp-spmenu-bottom		{ bottom: -110px; }
}

@media screen and (max-height: 26.375em) {
	.cbp-spmenu-vertical	{ font-size: 90%; width: 190px; }
	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft { left: -190px; }
	.cbp-spmenu-right		{ right: -190px; }
	.cbp-spmenu-push-toright{ left: 190px; }
}

.cbp-spmenu p					{ font-size: 15px; line-height: 15px; width: 100%; background: #004179; padding: 10px; text-align: right; color: #ffffff; }