/*  SITEMAP  */

.sitemap {
	width: 100%;
	margin-bottom: 80px;
}	
.sitemap .box {
	position: relative;
	padding-right: 15px;
	display: inline-block;
	margin-bottom: 35px;
}
.sitemap .box .chapter {
	font-family:'core_sans_a_65_boldregular', 'Arial', sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
	text-transform: uppercase;
	line-height: 1.6;
	color: #4e394e;
}
.sitemap .box .level1 {
	width: 100%;
	list-style: none;
	margin: 0;
}
.sitemap .box .level1 li {
	background: url(../images/tree-middle.png) 0 -232px no-repeat;	
}
.sitemap .box .level1:last-child li:last-child {
	background: url(../images/tree-last.png) 0 -232px no-repeat;	
}
.sitemap .box .level1 > li > a {
	display: block;
	padding: 12px 0 12px 25px;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.3;
	color: #4e394e;
	text-transform: uppercase;
}
.sitemap .box .level1 li a span {
	color: #0f96b0;
}
.sitemap .box .level1.lowercase li a {
	text-transform: inherit;
}
.sitemap .box .level1 > li:last-child > a {
	padding: 12px 0 30px 25px;
}
.sitemap .box .level1:last-child > li:last-child > a {
	padding: 12px 0 12px 25px;
}
.sitemap .box .level1 li.title {
	font-family:'core_sans_a_65_boldregular', 'Arial', sans-serif;
	padding: 12px 0 12px 25px;
	text-transform: uppercase;
	background-position: 0 0;
	font-size: 14px;
	font-size: 1.4rem;
}
.sitemap .box .level1 li .level2 {
	list-style: none;
	margin: 0 0 0 25px;
	padding: 10px 0;	
}
.sitemap .box .level1 li .level2 li {
	background: url(../images/tree-middle-small.png) 0 -240px no-repeat;	
}
.sitemap .box .level1 li .level2 li:last-child {
	background: url(../images/tree-last-small.png) 0 -240px no-repeat;	
}
.sitemap .box .level1 li .level2 li a {
	display: block;
	padding: 4px 0 4px 25px;
	font-size: 11px;
	font-size: 1.1rem;
	color: #4e394e;
}

/* CLEARFIX */

.sitemap:before,
.sitemap:after {
	content: "";
	display: table;
}
.sitemap:after {
	clear: both;
}


@media screen and (min-width: 1201px) {
	.sitemap .box {
		width: 240px;
	}
	.sitemap .box {
		float: left;
	}
}

@media screen and (max-width: 1200px) {
	.sitemap .box {
		width: 306px;
	}
	.box.col-1, .box.col-2  {
		float: left;
	}
	.box.col-3 {
		float: right;
	}

}

@media screen and (max-width: 960px) {
	.sitemap .box {
		width: 364px;
	}
}
@media screen and (max-width: 767px) {
	.sitemap .box {
		width: 100%;
	}	
}