.navidropTree {
	position: relative;
	line-height: 100%
}

.navidropTree .container {
	transition: background 200ms;
	position: relative;
	z-index: 50;
}
.navidropTree .container:hover,
.navidropTree .container.touch {
	z-index: 55;
}
.navidropTree .container.pitch0.selected,
.navidropTree .container.pitch0:hover,
.navidropTree .container > .link:hover,
.navidropTree .container.touch > .link {
	background: #323232;
}
.navidropTree .container > .link {
	padding: 0 20px;
}

.navidropTree .container.pitch0 {
	display: block;
}

.navidropTree .link.subs:after {
	content: '';
	cursor: default;
	color: black;
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 9px 0 9px 15.6px;
	border-color: transparent transparent transparent #fff;
	margin-right: 20px;

}
.navidropTree .container.selected .link.subs:after , .navidropTree .container.open .link.subs:after,
.navidropTree .container:hover .link.subs:after, .navidropTree .container.touch .link.subs:after {border-color: transparent transparent transparent #fff;}
.navidropTree .container.open > .link:after {content: none;}

.navidropTree .sub {
	transform: scale(0, 0);
	transform-origin: 0 20px;
	transition: all 200ms 200ms;
	position: absolute;
	left: 100%;
	top: 0;
	background-color: #323232;
}

.navidropTree .container:hover > .sub,
.navidropTree .container.touch > .sub {
	transition: all 200ms 0ms;
	transform: scale(1, 1);
}

.navidropTree .sub a {color: #fff;}
.navidropTree .container .sub .container:hover > .link,
.navidropTree .container .sub .container.touch .link {background-color: rgb(115, 115, 115);}

.navidropTree .container.open .sub .container > .link:hover,
.navidropTree .container.open .sub .container.touch .link {background-color: #323232;}

.navidropTree .container.open .sub .link {background-color: rgb(115, 115, 115);}

.navidropTree .container.open.selected > .link,
.navidropTree .container.open .sub .container.selected > .link {background-color: #323232;}

.navidropTree .container.open > .sub {
	position: relative;
	left: auto;
	top: auto;
	transform: scale(1);
}
.navidropTree .sub .container .link:before {
	content: '';
	height: 2px;
	background-color: #fff;
	transition: all 200ms;
}
.navidropTree .container.selected > .link:before,
.navidropTree .open.container .container .link:hover:before {background-color: #fff;}
.navidropTree .open.container .container.pitch1 > .link:before {width: 10px;}
.navidropTree .open.container .container.pitch2 > .link:before {width: 20px;}
.navidropTree .open.container .container.pitch3 > .link:before {width: 30px;}
.navidropTree .open.container .container.pitch4 > .link:before {width: 40px;}


.navidropTree .sub .sub {
	left: 100%;
	top: 0;
}

.navidropTree a {
	display: block;
	padding: 13px 0;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	font-size: 16px;
	transition: all 200ms;
	font-weight: 500;
}
.navidropTree .sub a {white-space: nowrap;}
.navidropTree .container:hover a {
	color: #fff;
}
.navidropTree .sub a {padding: 13px 10px;}

.navidropTree .container.open > .link {
	background: #323232;
	color: #fff;
}

.navidropTree .container.selected .link.subs:after,
.navidropTree .container.open .link.subs:after,
.navidropTree .container.selected .link a,
.navidropTree .container.open .link a { color: #fff; }


.navidropTree .container .icon {
	padding: 2px 5px;
	filter: invert(1);
	align-self: center;
	transition: all 200ms;
}

.navidropTree .container.selected .icon,
.navidropTree .container.open .icon,
.navidropTree .container:hover .icon {
	filter: invert(1);
}