.clear{
	clear:both;
}

#carousel-title{
	color:#000000;
}

.carousel-controls,
.carousel-bullets{
	width:60%;
}

.carousel-nav{
	font-size:32px;
	font-weight:bold;
	text-decoration: none;
	color:#000000;
}

.carousel-bullets .carousel-bullet{
	display: inline-block;
	margin:0px 0px;
	width:20px;
	height:20px;
	border-radius:10px;
	background-color:#D9D9D9;
	cursor:pointer;
}

.carousel-bullets .carousel-bullet.active{
	background-color:#C8A546;
}

.map-title{
	font-size:24px;
	color:#000000;
	font-weight:700;
	text-transform:uppercase;
	font-weight:bold;
}

.svg-map-wrapper > div:not(.clear){
	float:left;
}

.polygon-title-list{
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #CCCCCC;
}

.polygon-title-list a{
	display:inline-block;
	width:47.33%;
	text-decoration:none !important;
	font-size:20px;
	line-height:32px;
	color:#000000;
	text-transform:uppercase;
	margin:20px 0px;
	font-weight:400;
}

.polygon-title-btn.selected span{
	border-bottom:5px solid #202B4C;
}

.legend{
	margin-top:40px;
}

.legend div{
	font-size:16px;
	margin:5px 0px;
}

.legend div span{
	width:20px;
	height:4px;
	display:inline-block;
	margin-right:10px;
	vertical-align:middle;
}

@media (min-width: 961px) and (max-width: 1480px) {
	.svg-map-wrapper > div:not(.clear),
	.carousel-controls,
	.carousel-bullets{
		width:50% !important;
	}
}

@media (min-width: 768px) and (max-width: 960px) {
	.svg-map-wrapper > div:not(.clear),
	.carousel-controls,
	.carousel-bullets{
		width:50% !important;
	}
	
	.polygon-title-list a{
		font-size:16px !important;
		line-height:26px !important;
	}
}

@media (min-width: 0px) and (max-width: 767px) {
	.svg-map-wrapper > div:not(.clear),
	.carousel-controls,
	.carousel-bullets{
		width:100% !important;
		float:none !important;
	}
	
	.polygon-title-list a{
		font-size:16px !important;
		line-height:26px !important;
	}
}