.pc-menu-list {
	display: flex;
	align-items: center;
/*	gap: 20px;*/
}
.pcmi {
	display: grid;
	grid-template-rows: 27px auto;
	justify-items: center;
	gap: 10px;
/*	padding: 5px 5px;*/
padding: 10px 15px; 
	position: relative;
	cursor: pointer;
	&.-n1 {
		&:hover {
			> .pcmi-icon {
				color: #0E8C5E;
			}
			> .pcmi-text {
				color: #0E8C5E;
			}
		}
	}
	&.-n2 {
		&:hover {
			> .pcmi-icon {
				color: #1B5481;
			}
			> .pcmi-text {
				color: #1B5481;
			}
		}
	}
	&.-n3 {
		&:hover {
			> .pcmi-icon {
				color: #1B5481;
			}
			> .pcmi-text {
				color: #1B5481;
			}
		}
	}
	&.-n4 {
		&:hover {
			> .pcmi-icon {
				color: #192E7D;
			}
			> .pcmi-text {
				color: #192E7D;
			}
		}
	}
	&:not(:hover) > .pcmp {
		display: none;
	}
}
.pcmi-icon {
	font-size: 30px;
	color: rgb(100, 116, 139);
}
.pcmi-text {
	font-weight: bold;
	font-size: 12px;
	line-height: 1.3;
	text-align: center;
	color: rgb(51, 65, 85);
}
.pcmp {
	border-radius: 20px;
	position: absolute;
	z-index: 10;
	inset-block-start: 85px;
	overflow: hidden;
	color: #fff;
cursor: default;
    line-height: 1;
        font-size: 16px;
	&.-n1 {
		inline-size: 330px;
		inset-inline-start: 50%;
		translate: -50% 0;
	}
	&.-n2 {
		inline-size: 345px;
		inset-inline-start: 50%;
		translate: -50% 0;
	}
	&.-n3 {
		inline-size: 410px;
		inset-inline-end: -80px;
	}
	&.-n4 {
/*		inline-size: 480px;*/
inline-size: 360px; 
		inset-inline-end: 0;
	}
	&.-green {
		background-color: #15B176;
	}
	&.-blue {
		background-color: #2372AF;
	}
	&.-navy {
		background-color: #192E7D;
	}
}
.pcmp-item {
	display: grid;
	grid-template-columns: 30px 1fr;
	align-items: center;
	gap: 13px;
	padding-block: 15px;
	padding-inline-start: 12px;
	padding-inline-end: 12px;
    line-height: 1;
	&.-large {
		padding-block: 18px;
		min-block-size: 60px;
		box-sizing: border-box;
	}
	&.-border {
		border-block-end: 1px solid;
        line-height: 16px;
	}
	&::before {
		content: "";
		background-size: contain;
		background-repeat: no-repeat;
		justify-self: center;
	}
&.-bg-dark-green { 	
background-color: #0E8C5E; 	
padding-block-end: 20px; 	
} 	
&.-bg-dark-blue { 	
background-color: #1B5481; 	
padding-block-end: 20px; 	
} 
}
.pcmp-bottom-item {
	display: grid;
	grid-template-columns: auto auto;
	align-items: center;
	justify-content: center;
	gap: 5px;
	block-size: 60px;
	font-weight: bold;
	&.-green {
		background-color: #0E8C5E;
	}
	&.-blue {
		background-color: #1B5481;
	}
	&::before {
		content: "";
		background-size: contain;
		background-repeat: no-repeat;
		justify-self: center;
	}
}
.pcmp-main-text-1 {
	font-size: 22px;
	font-weight: bold;
line-height: 1;
}
.pcmp-sub-text-1 {
	margin-block-start: 8px;
}
.pcmp-main-text-2 {
	font-weight: bold;
}
.pcmp-sub-text-2 {
	font-size: 14px;
	margin-block-start: 8px;
	&.-no-margin {
		margin: 0;
	}
}
.pcmp-sub-text-inline {
	font-weight: normal;
	font-size: 14px;
	margin-inline-start: 11px;
}
.pcmp-label-inline {
	display: inline-block;
	padding-inline: 8px;
	border-radius: 5px;
	margin-inline-start: 5px;
	vertical-align: top;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	&.-h24 {
		background-color: #FFD700;
		color: #000;
	}
	&.-new {
		background-color: #FF6C00;
	}
	&.-login {
		background-color: #fff;
		color: #1B5481;
	}
	&.-immediate {
		background-color: #FF0000;
	}
}
.pcmp-sub-block {
	margin-block-end: 25px;
}
.pcmp-flex-text {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-block: 3px;
	padding-inline-end: 15px;
        line-height: 1;
}
.pcmp-country-block {
	margin-block-start: 5px;
	padding-inline-start: 18px;
	padding-block-end: 5px;
	border-bottom: 1px solid;
	font-size: 14px;
        line-height: 14px;
}
.pcmp-country-link {
	display: inline-grid;
	grid-template-columns: 24px 1fr;
	align-items: center;
	gap: 5px;
	margin-inline-end: 11px;
	margin-block-end: 16px;
	&::before {
		content: "";
		background-size: contain;
		background-repeat: no-repeat;
		justify-self: center;
	}
}
.pcmp-railflash-link {
grid-column: span 2; 	
color: hsl(50, 100%, 55%); 	
text-decoration: underline; 	
font-size: 14px; 	
font-weight: bold; 	
margin-inline-start: 40px; 	
margin-block-start: -5px; 	
} 
.pcmp-ticket-block {
	padding-inline-start: 20px;
	font-size: 14px;
line-height: 14px;
}
.pcmp-ticket-link {
	display: inline-grid;
	grid-template-columns: 18px 1fr;
	align-items: center;
	gap: 5px;
	margin-inline-end: 25px;
	margin-block-end: 15px;
	&::before {
		content: "";
		background-size: contain;
		background-repeat: no-repeat;
		justify-self: center;
	}
}
.pcmp-area {
	background-color: #152564;
	padding-inline-start: 30px;
	padding-block: 18px;
	font-weight: bold;
	color: #DBF5FF;
}
.pcmp-tour {
	display: grid;
	grid-template-columns: 80px 1fr;
	gap: 12px;
	padding-inline-start: 12px;
	padding-inline-end: 17px;
	padding-block: 17px;
	&::before {
		content: "";
		background-size: contain;
		background-repeat: no-repeat;
		justify-self: center;
	}
}
.pcmp-tour-title {
	font-weight: bold;
line-height: 1;
}
.pcmp-tour-buttons {
	display: grid;
inline-size: 12em; 
/*	grid-template-columns: 1fr 1fr;*/
	gap: 10px;
	margin-block-start: 15px;
}
.pcmp-tour-button {
	display: grid;
	grid-template-columns: 20px auto;
	align-items: center;
	justify-content: center;
	gap: 6px;
	box-sizing: border-box;
	block-size: 40px;
	inline-size: 100%;
	border-radius: 5px;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.05em;
	&.-n1 {
		background-color: #31438A;
		border: 1px solid;
	}
	&.-n2 {
		background-color: #fff;
		color: #31438A;
	}
/*
	&.-n3 {
		background-color: #152564;
		grid-column: span 2;
	}
*/
	&::before {
		content: "";
		background-size: contain;
		background-repeat: no-repeat;
		justify-self: center;
	}
}

.icon-before-global::before {
	inline-size: 27px;
	block-size: 27px;
}
.icon-before-taxi.-circle::before {
	inline-size: 30px;
	block-size: 30px;
	border-radius: 50%;
	background-size: 21px;
	background-position: center;
	background-color: hsl(0, 0%, 100%, 0.4);
}
.icon-before-edit.-circle::before {
	inline-size: 30px;
	block-size: 30px;
	border-radius: 50%;
	background-size: 20px;
	background-position: center;
	background-color: hsl(0, 0%, 100%, 0.4);
}
.icon-before-mail::before {
	inline-size: 16px;
	block-size: 16px;
}

.icon-before-bed::before {
	inline-size: 24px;
	block-size: 24px;
}
.icon-before-cursor::before {
	inline-size: 12px;
	block-size: 19px;
}
.icon-before-book::before {
	inline-size: 22px;
	block-size: 22px;
}
.icon-before-edit::before {
	inline-size: 19px;
	block-size: 19px;
}

.icon-before-train::before {
	inline-size: 31px;
	block-size: 31px;
}
.icon-before-world::before {
	inline-size: 19px;
	block-size: 19px;
}
.icon-before-laptop::before {
	inline-size: 22px;
	block-size: 22px;
}

.icon-before-uk::before {
	inline-size: 25px;
	block-size: 16.5px;
}
.icon-before-france::before {
	inline-size: 25px;
	block-size: 16.5px;
}
.icon-before-germany::before {
	inline-size: 25px;
	block-size: 16.5px;
}
.icon-before-italy::before {
	inline-size: 25px;
	block-size: 16.5px;
}
.icon-before-swiss::before {
	inline-size: 25px;
	block-size: 16.5px;
}
.icon-before-spain::before {
	inline-size: 25px;
	block-size: 16.5px;
}
.icon-before-austria::before {
	inline-size: 25px;
	block-size: 16.5px;
}
.icon-before-benelux::before {
	inline-size: 25px;
	block-size: 16.5px;
}
.icon-before-central::before {
	inline-size: 19.5px;
	block-size: 17.5px;
}
.icon-before-nordic::before {
	inline-size: 13.5px;
	block-size: 15.5px;
}

.icon-before-mobile::before {
	inline-size: 18px;
	block-size: 18px;
}
.icon-before-question::before {
	inline-size: 15px;
	block-size: 15px;
}

.icon-before-lamp::before {
	inline-size: 77px;
	block-size: 77px;
}
.icon-before-mosk::before {
	inline-size: 80px;
	block-size: 72px;
}
.icon-before-bus::before {
	inline-size: 67px;
	block-size: 67px;
	opacity: 0.65;
}
.icon-before-memo::before {
	inline-size: 18px;
	block-size: 18px;
}
.icon-before-edit-black::before {
	inline-size: 17px;
	block-size: 17px;
}


/*
.pcmp {
	inset-block-start: calc(100% - 1px);
}*/