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

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

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

.view-region__item:hover {
	background:#FA2A5D;
	color:#fff;
}
.view-region__item_active {
	background:#FA2A5D;
	color:#fff;
}
.view-region__item:hover:after,
.view-region__item_active:after {
	color:#C6C6C6;
}

@media screen and (max-width:1000px){
	#vn .view__region {
		max-width:100px
	}
	
	.ios #vn .view__region .view-region__item:nth-child(2){
		line-height:1;
	}
}

@media screen and (max-width:768px){
	.view__region {
		display:none;
	}
}

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

}