.region {
	font-family: 'BNC', Arial, sans-serif;
	text-align:right;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	
}

.region__item {
	color:#fff;
	text-decoration:none;
	position:relative;
	font-size: 24px;
	line-height: 100%;
	font-weight:500;
	margin-bottom:24px;
	padding:4px;
	
}

.region__item:after {
	content:"—";
	position:absolute;
	display:block;
	bottom:-24px;
	right:0;
	line-height:24px;
	font-weight:700;	
	padding:0 4px;
}
.region__item:last-child:after {
	display:none;
}

.region__item:hover {
	background:#FA2A5D;
}

@media screen and (max-width:1000px){

}

@media screen and (max-width:768px){
	.region{
		flex-direction:row;
		justify-content:space-around;
		height:100%;
		align-items:center;
	}
	.region__item {
		margin-bottom:0;
		flex-grow:1;
		text-align:center;
		padding:4px 0;
	}
	.region__item:after {
		content:"";
		position:absolute;
		display:block;
		top:0;
		bottom:auto;
		right:0;
		line-height:1;
		font-weight:500;	
		padding:0;		
		width:1px;
		height:100%;
		background:#fff;
	}
	.region__item._active {
		background:#fff;
		color:#FA2A5D;
	}	
}
@media screen and (max-width:1000px) and (orientation: landscape) { 

	.region__item {
		font-size: 18px;
		/* margin-bottom:18px;	 */
	}
	.region__item:after {
		bottom:-18px;
		line-height:18px;
	}	
}


@media screen and (max-width:480px){
	.region__item {
		font-size:16px;
	}
	
}