/*
Item name: jQuery Accordion Menu
Author: http://codecanyon.net/user/marcoarib
License: http://codecanyon.net/licenses
*/

/* Menu Wrapper
===========================================*/
.jquery-accordion-menu,
.jquery-accordion-menu * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline: 0;
}

.jquery-accordion-menu {
	min-width: 260px;
	float: left;
	position: relative;
	/*box-shadow: 0 20px 50px #333;*/
}

	/* Header and Footer
===========================================*/
	.jquery-accordion-menu .jquery-accordion-menu-header,
	.jquery-accordion-menu .jquery-accordion-menu-footer {
		width: 100%;
		height: 50px;
		padding-left: 22px;
		float: left;
		line-height: 50px;
		font-weight: 600;
		color: #f0f0f0;
		background: #414956;
	}

	/* Menu
===========================================*/
	.jquery-accordion-menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

		.jquery-accordion-menu ul li {
			width: 100%;
			display: block;
			float: left;
			position: relative;
		}

			.jquery-accordion-menu ul li a {
				width: 100%;
				padding: 14px 22px;
				float: left;
				text-decoration: none;
				color: #f0f0f0;
				font-size: 13px;
				background: #414956;
				white-space: nowrap;
				position: relative;
				overflow: hidden;
				-o-transition: color .2s linear, background .2s linear;
				-moz-transition: color .2s linear, background .2s linear;
				-webkit-transition: color .2s linear, background .2s linear;
				transition: color .2s linear, background .2s linear;
			}

	.jquery-accordion-menu > ul > li:hover > a,
	.jquery-accordion-menu > ul > li.active > a {
		color: #fff;
		background: #3b424d;
	}

	.jquery-accordion-menu > ul > li > a {
		border-bottom: solid 1px #3b424d;
	}

	.jquery-accordion-menu ul li a i {
		width: 34px;
		float: left;
		line-height: 18px;
		font-size: 16px;
		text-align: left;
	}

	/* Submenu indicators
===========================================*/
	.jquery-accordion-menu .submenu-indicator {
		float: right;
		right: 22px;
		position: absolute;
		line-height: 19px;
		font-size: 20px;
		-o-transition: transform .3s linear;
		-moz-transition: transform .3s linear;
		-webkit-transition: transform .3s linear;
		-ms-transition: transform .3s linear;
	}

	.jquery-accordion-menu ul ul.submenu .submenu-indicator {
		line-height: 16px;
	}

	.jquery-accordion-menu .submenu-indicator-minus > .submenu-indicator {
		-ms-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	/* Submenu
===========================================*/
	.jquery-accordion-menu ul ul.submenu,
	.jquery-accordion-menu ul ul.submenu li ul.submenu {
		width: 100%;
		display: none;
		position: static;
	}

		.jquery-accordion-menu ul ul.submenu li {
			clear: both;
			width: 100%;
		}

			.jquery-accordion-menu ul ul.submenu li a {
				width: 100%;
				float: left;
				font-size: 11px;
				background: #383838;
				border-top: none;
				position: relative;
				border-left: solid 6px transparent;
				-o-transition: border .2s linear;
				-moz-transition: border .2s linear;
				-webkit-transition: border .2s linear;
				transition: border .2s linear;
			}

			.jquery-accordion-menu ul ul.submenu li:hover > a {
				border-left-color: #414956;
			}

		.jquery-accordion-menu ul ul.submenu > li > a {
			padding-left: 30px;
		}

		.jquery-accordion-menu ul ul.submenu > li > ul.submenu > li > a {
			padding-left: 45px;
		}

		.jquery-accordion-menu ul ul.submenu > li > ul.submenu > li > ul.submenu > li > a {
			padding-left: 60px;
		}

		/* labels
===========================================*/
		.jquery-accordion-menu ul li .jquery-accordion-menu-label,
		.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
			min-width: 20px;
			padding: 1px 2px 1px 1px;
			position: absolute;
			right: 18px;
			top: 14px;
			font-size: 11px;
			font-weight: 800;
			color: #555;
			text-align: center;
			line-height: 18px;
			background: #f0f0f0;
			border-radius: 100%;
		}

		.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
			top: 12px;
		}

/* click effect
===========================================*/
.ink {
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 100%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.animate-ink {
	-webkit-animation: ripple 0.5s linear;
	-moz-animation: ripple 0.5s linear;
	-ms-animation: ripple 0.5s linear;
	-o-animation: ripple 0.5s linear;
	animation: ripple 0.5s linear;
}

@-webkit-keyframes ripple {
	100% {
		opacity: 0;
		-webkit-transform: scale(2.5);
	}
}

@-moz-keyframes ripple {
	100% {
		opacity: 0;
		-moz-transform: scale(2.5);
	}
}

@-o-keyframes ripple {
	100% {
		opacity: 0;
		-o-transform: scale(2.5);
	}
}

@keyframes ripple {
	100% {
		opacity: 0;
		transform: scale(2.5);
	}
}

/* Colors
===========================================*/

/* blue */
.blue.jquery-accordion-menu .jquery-accordion-menu-header,
.blue.jquery-accordion-menu .jquery-accordion-menu-footer,
.blue.jquery-accordion-menu ul li a {
	background: #4A89DC;
}

.blue.jquery-accordion-menu > ul > li:hover > a,
.blue.jquery-accordion-menu > ul > li.active > a {
	background: #3e82da;
}

.blue.jquery-accordion-menu > ul > li > a {
	border-bottom-color: #3e82da;
}

.blue.jquery-accordion-menu ul ul.submenu li:hover > a {
	border-left-color: #3e82da;
}

/* green */
.green.jquery-accordion-menu .jquery-accordion-menu-header,
.green.jquery-accordion-menu .jquery-accordion-menu-footer,
.green.jquery-accordion-menu ul li a {
	background: #03A678;
}

.green.jquery-accordion-menu > ul > li:hover > a,
.green.jquery-accordion-menu > ul > li.active > a {
	background: #049372;
}

.green.jquery-accordion-menu > ul > li > a {
	border-bottom-color: #049372;
}

.green.jquery-accordion-menu ul ul.submenu li:hover > a {
	border-left-color: #049372;
}

/* red */
.red.jquery-accordion-menu .jquery-accordion-menu-header,
.red.jquery-accordion-menu .jquery-accordion-menu-footer,
.red.jquery-accordion-menu ul li a {
	background: #ED5565;
}

.red.jquery-accordion-menu > ul > li:hover > a,
.red.jquery-accordion-menu > ul > li.active > a {
	background: #DA4453;
}

.red.jquery-accordion-menu > ul > li > a {
	border-bottom-color: #DA4453;
}

.red.jquery-accordion-menu ul ul.submenu li:hover > a {
	border-left-color: #DA4453;
}

/* white */
.white.jquery-accordion-menu .jquery-accordion-menu-header,
.white.jquery-accordion-menu .jquery-accordion-menu-footer,
.white.jquery-accordion-menu ul li a {
	background: #fff;
	color: #555;
}

.white.jquery-accordion-menu > ul > li:hover > a,
.white.jquery-accordion-menu > ul > li.active > a {
	background: #f0f0f0;
}

.white.jquery-accordion-menu > ul > li > a {
	border-bottom-color: #f0f0f0;
}

.white.jquery-accordion-menu ul ul.submenu li:hover > a {
	border-left-color: #f0f0f0;
}

.white.jquery-accordion-menu ul ul.submenu li a {
	color: #f0f0f0;
}

.white.jquery-accordion-menu > ul > li > a > .ink {
	background: rgba(0, 0, 0, 0.1);
}

/* black */
.black.jquery-accordion-menu .jquery-accordion-menu-header,
.black.jquery-accordion-menu .jquery-accordion-menu-footer,
.black.jquery-accordion-menu ul li a {
	background: #292929;
}

.black.jquery-accordion-menu > ul > li:hover > a,
.black.jquery-accordion-menu > ul > li.active > a {
	background: #222;
}

.black.jquery-accordion-menu > ul > li > a {
	border-bottom-color: #222;
}

.black.jquery-accordion-menu ul ul.submenu li:hover > a {
	border-left-color: #222;
}

.r3.jquery-accordion-menu .jquery-accordion-menu-header,
.r3.jquery-accordion-menu .jquery-accordion-menu-footer,
.r3.jquery-accordion-menu ul li a {
	background: #cdcdcd;
	color: #555;
	font-weight: 600;
}

.r3.jquery-accordion-menu > ul > li:hover > a,
.r3.jquery-accordion-menu > ul > li.active > a {
	background: #f0f0f0;
}

.r3.jquery-accordion-menu > ul > li > a {
	border-bottom-color: #f0f0f0;
}

.r3.jquery-accordion-menu ul ul.submenu li:hover > a {
	border-left-color: #f0f0f0;
}

.r3.jquery-accordion-menu ul ul.submenu li a {
	color: #f0f0f0;
	background-color: #999;
}

/*.r3.jquery-accordion-menu ul ul.submenu li a {
}*/

.r3.jquery-accordion-menu > ul > li > a > .ink {
	background: rgba(0, 0, 0, 0.1);
}