/*sitemap*/
.sitemap-list {display: flex; flex-direction: row; flex-wrap: wrap; background: #fff; padding: 50px 15px; }
.sitemap-list > div {margin: 0 15px 40px 0px; width: 210px;}
.sitemap-title { padding: 8px 5px 8px 44px; color: #e7303b; font-size: 18px; display: block; border-bottom: 1px solid #dddddd;}
.sitemap-menu { padding-left: 52px; padding-bottom: 20px; position: relative; padding-top: 10px;}
.sitemap-menu:before {content: ""; left: 32px; width: 1px; height: calc(100% + 40px); top:-40px; background: #dddddd; position: absolute;}
.sitemap-menu li { position: relative;}
.sitemap-menu li ul {position: absolute; left: 100%; top: 0; width: 100%; display: none; z-index: 2;}
.sitemap-menu li:hover > ul { display: block;}
.sitemap-menu li a { background: #f50916;color: #ffffff; font-size: 16px; line-height: 110%; padding: 10px 14px; display:block;}
.sitemap-menu li a:hover { background: #000000; color: #fff;}
.sitemap-menu > li > a { display: block; font-size: 16px; color: #3d3d3d; line-height: 100%; padding: 10px 0;  text-align: left; background: none;}
.sitemap-menu > li > a:before{ content: ""; width: 3px; height: 8px; position: absolute; top:13px; left: -20px; background: #f50a17;}
.sitemap-menu > li > a:hover { color: #f50916; background: none;}

.sitemap-layer1 { padding-left: 52px; padding-bottom: 20px; position: relative; padding-top: 10px;}
.sitemap-layer1:before {content: ""; left: 32px; width: 1px; height: calc(100% + 40px); top:-40px; background: #dddddd; position: absolute;}
.sitemap-layer1 li { position: relative;}
.sitemap-layer1 li ul {position: absolute; left: 100%; top: 0; width: 100%; display: none; z-index: 2;}
.sitemap-layer1 li:hover > ul { display: block;}
.sitemap-layer1 li a { background: #f50916;color: #ffffff; font-size: 16px; line-height: 110%; padding: 10px 14px; display:block;}
.sitemap-layer1 li a:hover { background: #000000; color: #fff;}
.sitemap-layer1 > li > a { display: block; font-size: 16px; color: #3d3d3d; line-height: 100%; padding: 10px 0;  text-align: left; background: none;}
.sitemap-layer1 > li > a:before{ content: ""; width: 3px; height: 8px; position: absolute; top:13px; left: -20px; background: #f50a17;}
.sitemap-layer1 > li > a:hover { color: #f50916; background: none;}



@media only screen and (max-width: 980px) {
	.sitemap-list { padding: 25px 15px 0px 10px;}
	.sitemap-list > div {padding: 0 7px 10px 7px; width: 100%;}
	.sitemap-title {text-align: left; padding-left: 24px;}
	.sitemap-menu { padding-left: 32px;}
	.sitemap-menu:before { left: 12px;}
	.sitemap-menu li > ul {position: relative; left: auto; top: auto; width: 100%; display: block; padding-left: 15px;}
	.sitemap-menu li a { color: #555;  border-bottom: 1px solid rgba(255,255,255,.5); background: none; }
	.sitemap-menu li a:before { font-family: "Font Awesome 5 Free";font-weight: 900; content: "\f0da"; position: absolute; left: 7px;}
	.sitemap-menu li a:hover { background: none; text-decoration: underline; color: #e7303b;}
	.sitemap-menu > li > a {text-align: left; border-color: #ccc;}
	.sitemap-menu > li > a:hover { text-decoration: none;}
	.sitemap-menu > li > a:before {display: none;}

	.sitemap-layer1 { padding-left: 32px;}
	.sitemap-layer1:before { left: 12px;}
	.sitemap-layer1 li > ul {position: relative; left: auto; top: auto; width: 100%; display: block; padding-left: 15px;}
	.sitemap-layer1 li a { color: #555;  border-bottom: 1px solid rgba(255,255,255,.5); background: none; }
	.sitemap-layer1 li a:before { font-family: "Font Awesome 5 Free";font-weight: 900; content: "\f0da"; position: absolute; left: 7px;}
	.sitemap-layer1 li a:hover { background: none; text-decoration: underline; color: #e7303b;}
	.sitemap-layer1 > li > a {text-align: left; border-color: #ccc;}
	.sitemap-layer1 > li > a:hover { text-decoration: none;}
	.sitemap-layer1 > li > a:before {display: none;}
}