.pp-sitemap-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
	.pp-tree {
		margin: 0;
		padding: 0;
		list-style: none !important;
		ul {
			margin: 0;
			padding: 0;
			list-style: none !important;
			margin-left: 8px;
			position: relative;
			ul {
				margin-left:.5em;
			}
			&:before {
				content: "";
				display: block;
				width: 0;
				position: absolute;
				top: 0;
				bottom: 1em;
				left: 0;
				border-left: 1px solid;
			}
			li {
				&:before {
					content: "";
					display: block;
					width: 10px;
					height: 0;
					border-top: 1px solid;
					margin-top: -1px;
					position: absolute;
					top: 1em;
					left: 0;
				}
				&:last-child:before {
					height: auto;
					top: 1em;
					bottom: 0;
				}
			}
		}
		li {
			margin: 0;
			padding: 0 1em;
			line-height: 2em;
			color: #369;
			position: relative;
			a {
				text-decoration: none;
				color:#369;
			}
			button {
				text-decoration: none;
				color: #369;
				border: none;
				background: transparent;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				outline: 0;
				&:active, &:focus {
					text-decoration: none;
					color: #369;
					border: none;
					background: transparent;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					outline: 0;
				}
			}
		}
	}
	.indicator {
		margin-right: 5px;
		cursor: pointer;
	}
	span.pp-sitemap-list {
		display: block;
	}
	ul.pp-sitemap-list {
		padding: 0; 
		list-style-position: inside;
	}
}