/* menu top */
.menu-top { float: right; margin: 41px 0; }
.menu-top li { margin: 0; padding: 0; display: inline-block; margin-left: 10px; }
.menu-top li:before { content: none; }
.menu-top li a {
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	padding: 8px 20px 6px 20px;
	display: block;
}
#home .menu-top > li:first-child a,
.menu-top li.active > a { font-weight: 700; }
.menu-top li > a:after {
	content: '';
	background: url('/wp-content/themes/pedicurejijenik/assets/images/bubbles.png') no-repeat;
	display: block;
	text-align: center;
	width: 48px;
	height: 15px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 12;
	opacity: 0;
	transition: opacity .2s;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
}
#home .menu-top > li:first-child a:after,
.menu-top li:hover > a:after,
.menu-top li.active > a:after { opacity: 1; }

.menu-top > li.last a { position: relative; color: #FFFFFF; font-weight: 200; }
.menu-top > li.last a:before {
	content: '';
	background-color: #adb05a;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	display: block;
	left: 0;
	top: 0;
	border-radius: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	transition: background-color .2s;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
}
.menu-top > li.last:hover a:before { background-color: #9c8cc2; }
.menu-top > li.last a:after {
	content: '\f003';
	margin-left: 8px;
	font-size: 16px;
	opacity: 1;
	position: static;
	background: transparent;
	display: inline-block;
	width: auto;
	font-weight: 100;
}

.menu-top .menu-top-lvl2 {
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	z-index: 10;
	width: 200%;
	max-width: 225px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
}
.menu-top .menu-top-lvl2 > li:first-child { padding-top: 41px; }
@-moz-document url-prefix() {
	.menu-top .menu-top-lvl2 > li:first-child { padding-top: 42px; }
}
.menu-top .menu-top-lvl2 li { margin-left: 0px; width: 100%; }
.menu-top .menu-top-lvl2 li a {
	background-color: #9c8cc2;
	color: #FFFFFF;
	transition: background-color .2s;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
}
.menu-top .menu-top-lvl2 li a:hover { background-color: #5b358c; }
.menu-top .menu-top-lvl2 li a:after { content: none; }

/* menu sub */
.menu-sub {
	display: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0px 0px 21px rgba(0, 0, 0, .35);
}
.menu-sub h2 {
	margin: 0;
	font-weight: 700;
	color: #FFFFFF;
	font-size: 16px;
	text-transform: uppercase;
	background-color: #9c8cc2;
	padding: 14px 20px 12px 20px;
}
.menu-sub li { margin: 0; padding: 0; display: block; }
.menu-sub li:before { content: none; }
.menu-sub li a {
	display: block;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 14px;
	background-color: #9c8cc2;
	border-top: 1px solid #FFFFFF;
	padding: 12px 20px 10px 20px;
	text-decoration: none;
	transition: background-color .2s;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
}
.menu-sub li a:after {
	content: '\f105';
	display: inline-block;
	font-size: 20px;
	vertical-align: -1px;
	margin-left: 10px;
}
.menu-sub li.active a,
.menu-sub li a:hover { background-color: #adb05a; }

/* menu mobile */
.menu-mobile li { margin-left: 0px; }
.menu-mobile > li,
.menu-mobile-lvl2 > li { position: relative; padding-left: 0px; }
.menu-mobile li > a {
	color: #FFFFFF;
	display: block;
	padding: 8px 25px 8px 25px;
	height: 28px;
}
.menu-mobile li:before { display: none; }
.menu-mobile li.active > a {
	background-color: rgba(91, 53, 140, 1);
	color: #FFFFFF;
}
.menu-mobile li > a:hover { text-decoration: none; }
.menu-mobile .arrow,
.menu-mobile-lvl2 .arrow {
	width: 44px;
	height: 44px;
	display: block;
	position: absolute;
	right: 0px;
	cursor: pointer;
	top: 0px;
	z-index: 99;
}
.menu-mobile > li.sub:after,
.menu-mobile-lvl2 > li.sub:after {
	font-family: FontAwesome;
	content: "\f105";
	-webkit-font-smoothing: antialiased;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;    
	vertical-align: -2px;
	font-size: 20px;
	color: #FFFFFF;
	position: absolute;
	right: 18px;
	top: 8px;
	cursor: pointer;
	transition-property: transform;
	transition-duration: 0.2s;
	transition-timing-function: linear;		
}
.menu-mobile > li.sub.open:after,
.menu-mobile-lvl2 > li.sub.open:after {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.menu-mobile > li.active:after,
.menu-mobile-lvl2 > li.active:after { color: #FFFFFF; }
.menu-mobile-lvl2 {
	display: none;
	background-color: rgba(255,255,255,.2);
	transition-property: display;
	transition-duration: 0.2s;
	transition-timing-function: linear;			
}
.menu-mobile-lvl2 > li > a { padding-left: 35px; }
.menu-mobile-lvl3 {
	display: none;
	background-color: #EDEDED;
	transition-property: display;
	transition-duration: 0.2s;
	transition-timing-function: linear;			
}
.menu-mobile-lvl3 > li > a {
	padding-left: 40px;
	color: #1D1D20;
	border-bottom: 1px solid #dad8d8;
	border-top: 1px solid #f1f1f1;
}

		/* media specific styles */
		@media( min-width: 1024px ){
			/* menu sub */
			.menu-sub {
				display: block;
				margin-top: -106px;
				position: relative;
			}
		}