.map-main {
	padding:60px 20px;
}

.map-main .key ul {
	padding:0;
	margin-bottom:40px;
}

.map-main .key li {
	list-style:none;
	display:flex;
	gap:10px;
	margin-bottom:10px;
}

.map-main .key li .key-graphic {
	background:#8d7348;
	width:20px;
	height:20px;
	border-radius:4px;
}

.map-main .key li .key-graphic.limited {
	background-image:url(/resources/img/distributors/limitedistro_mapkey.png);
	background-size:cover;
}



.map-main .map img {
	display:block;
	width:100%;
	max-width:600px;
	margin:0 auto;
}

.dist-map {
	display:block;
	width:100%;
	max-width:600px;
	max-height:600px;
	margin:40px 0;
	object-fit:contain;
}

.distributors {
	background-color: #f6f3ef;
}

.distributors .group-title {
	margin-bottom:40px;
	display:flex;
	gap:6px;
}

.distributors .group-title, .map-main .title {
	font-size: 24px;
}

@media(min-width:640px) {
	.distributors .group-title, .map-main .title {
		font-size: 36px;
	}
}

.distributors .group-title span {
	font-size: 22px;
}

.distributor {
	margin:20px 0;
}

.distributor .title {
	line-height:1;
	cursor:pointer;
	transition: color 0.15s ease;
	display:flex;
	align-items:center;
}

.distributor .title:hover {
	color:#000;
}

.distributor .title span {
	display:block;
}

.distributor .title:before {
	content:'+';
	display:block;
	margin-right:10px;
	transform:translateY(-2px);
}

.distributor.open .title:before {
	content:'–';
}

.distributor .content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.28s ease, max-height 0.28s;
}

.distributor.open .content {
    opacity: 1;
    max-height: 2000px;
    transition: opacity 0.28s ease, max-height 1s;
}

.distribution > .columns .distributors .distributor-group {
	padding:60px 20px;
}

.distribution > .columns .distributors .distributor-group:nth-child(even) {
	background-color:#fbfaf9;
}

@media(min-width:1024px) {
	
	.map-main {
		padding:100px 40px;
		display:flex;
		flex-flow:row-reverse;
		gap:100px;
		align-items:center;
		justify-content:center;
/*		flex-basis:400px;*/
	}
	
	.map-main .map {
		flex: 0 0 300px;
	}
	
	.map-main .key .inner {
		text-align:center;
		max-width:380px;
		margin:0 auto;
	}
	
	.map-main .key {
		flex-grow:1 1 300px;
	}
	
	.map-main .title {
		font-size:42px;
	}
	
	.map-main .key ul {
		margin-top:140px;
		display:inline-block;
	}
	
/*	.distribution > .columns {
		display:flex;
		flex-flow:row-reverse;
	}*/
	
/*	.distribution > .columns .distributors {
		flex-grow:1;
		box-sizing:border-box;
	}*/
	
	.columns .distributors .distributor-group {
		padding:100px 40px;
	}
	
	.distributor .content {
		display:flex;
		justify-content:space-between;
		gap:40px;
	}
	
	.distributor.open .content {
	    max-height: 1500px;
	}
}

@media(min-width:1200px) {
	.map-main, .distribution > .columns .distributors .distributor-group {
		padding:100px 60px;
	}
	
	.map-main .map {
		flex:0 0 400px;
	}
	
/*	.map-main {
		flex-basis:600px;
	}*/
}