.view-metro-block .toggle {
	display: block;
    margin-bottom: 10px;
}

#metro-map  {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
	max-height: 120px;
}

@media (min-width: 576px) {
	#metro-map {

	}
}

@media (min-width: 992px) {
	#metro-map  {
		max-height: 100%;
		padding-top: 15px;
	}
}

#metro-map.full-screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	max-height: 100%;
	height: 100%;
	z-index: 4000;
	padding: 0;
	padding-top: 50px;
	overflow: scroll;
}

#metro-map__inner {
	width: 100%;
	height: 80px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	touch-action: pan-x pan-y pinch-zoom;
}

.full-screen  #metro-map__inner  {
	height: 100%;
}

@media (orientation: landscape) {
	#metro-map__inner {
		/*padding-top: 60px;*/
	}
}

@media (min-width: 992px) {
	#metro-map__inner {
		/*min-height: 900px;*/
	}
}

@media (min-width: 1366px) {
	#metro-map__inner {
		/*overflow: hidden;*/
	}
}

@media (min-width: 1366px) and (orientation: landscape) {
	#metro-map__inner {
		/*padding-top: 0;*/
	}
}


.metro-map__toggler-full {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ed5a81;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .9);
	cursor: pointer;
}

@media (min-width: 992px) {
	.metro-map__toggler-full {
		/*display: none;*/
	}
}

.full-screen .metro-map__toggler-full {
	display: none;
}


.metro-map__toggler-full-icon {
	font-size: 24px;
	opacity: 0.84;
	margin-right: 5px;
}

.metro-map__toggler-full:hover .metro-map__toggler-full-icon,
.metro-map__toggler-full:focus .metro-map__toggler-full-icon {
	opacity: 1;
}

.metro-map__toggler-full-text {
	font-size: 16px;
	opacity: 0.84;
	font-weight: bold;
}

.metro-map__toggler-full:hover .metro-map__toggler-full-text,
.metro-map__toggler-full:focus .metro-map__toggler-full-text {
	opacity: 1;
}

.metro-map__title {
	display: none;
}

.full-screen .metro-map__title {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 18px;
	height: 50px;
	padding: 0 15px;
	background-color: #fff;
	border-bottom: 1px solid #2f2f551c;
	z-index: 50;
}

.metro-map__toggler-close {

}

#metro-map .metro-map-controls {
	position: absolute;
	z-index: 100;
	top: 5px;
	right: 5px;
	padding: 5px;
	box-shadow: 0 0 5px #e5e5e5;
	display: none;
}

@media (min-width: 992px) {
	#metro-map .metro-map-controls {
		display: block;
	}
}

#metro-map .metro-map-controls button {
	margin-right: 5px;
}

#metro-map svg {
	display: block;
	position: relative;
	/*overflow: hidden;*/
	transform: scale(12);
	/*z-index: 60;*/
}

@media (min-width: 992px) {
	#metro-map svg {
		/*transform: none;*/
	}
}

#metro-map.full-screen svg {
	/*width: 100%;
	transform: none;
	max-height: 100%;
	transform: none;*/
	width: 32%;
	transform: scale(3);
}

@media (min-width: 876px) {
    #metro-map.full-screen svg {
	    padding-top: 16.5%;
    }
}
@media (min-width: 596px) and (max-width: 876px) {
    #metro-map.full-screen svg {
	    padding-top: 10%;
    }
}


/* 1.Lines */
.ln {
	fill: none;
	stroke-width: 7;
	transition: all 300ms;
	cursor: pointer;
}

.ln.active {
	stroke-width: 10;
}

/* New */
.ln-new {
	/*stroke-width: 1;*/
	stroke-dasharray: 5;
	opacity: .5;
}

/* Red */
.ln-0 {
	stroke: #D51C36;
}

/* Blue */
.ln-1 {
	stroke: #337AB7;
}

/* Green */
.ln-2 {
	stroke: #1B9958;
}

/* Orange */
.ln-3 {
	stroke: #DD700D;
}

/* Violet */
.ln-4 {
	stroke: #9C27B0;
}

/* Brown */
.ln-5 {
	stroke: #8A5B2C;
}
/* ----------- */



/* 2.Stations */
.stations {}

/* Station */
.station {
	cursor: pointer;
	z-index: 100;
}

.station:hover {
	text-decoration: underline;
}

/* Station marker */
.sm {
	fill: #ffffff;
	stroke-width: 3;
	transition: all 300ms;
}

.sm:hover {
	stroke-width: 5;
}

.sm.active {
	stroke: #ffffff;
}

.sm.active:hover {
	stroke-width: 4;
}

.sm-new {
	/*stroke-width: 2;*/
}

/* Red */
.sm-0 {
	stroke: #D51C36;
}

/* Blue */
.sm-1 {
	stroke: #337AB7;
}

/* Green */
.sm-2 {
	stroke: #1B9958;
}

/* Orange */
.sm-3 {
	stroke: #DD700D;
}

/* Violet */
.sm-4 {
	stroke: #9C27B0;
}

/* Brown */
.sm-5 {
	stroke: #8A5B2C;
}

/* Red */
.sm-0.active {
	fill: #D51C36;
}

/* Blue */
.sm-1.active {
	fill: #337AB7;
}

/* Green */
.sm-2.active {
	fill: #1B9958;
}

/* Orange */
.sm-3.active {
	fill: #DD700D;
}

/* Violet */
.sm-4.active {
	fill: #9C27B0;
}

/* Brown */
.sm-5.active {
	fill: #8A5B2C;
}

/* Station text */
.st {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 700;
}

/* Red */
.st-0 {
	fill: #D51C36;
}

/* Blue */
.st-1 {
	fill: #337AB7;
}

/* Green */
.st-2 {
	fill: #1B9958;
}

/* Orange */
.st-3 {
	fill: #DD700D;
}

/* Violet */
.st-4 {
	fill: #9C27B0;
}

/* Brown */
.st-5 {
	fill: #8A5B2C;
}
/* -------------- */