/*************************************************************************


          L   O   C   A   T   I   O   N   S       P   A   G   E


*************************************************************************/


/*************************************************************************

                              B A S I C S

*************************************************************************/


.locations-page{}

.locations-page .page-content-wrapper{
	position: relative;
}

.locations-page .page-content-wrapper .browser{
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: flex-start;
	height: 450px;
}

@media (max-width: 600px){

.locations-page .page-content-wrapper .browser{
	height: 350px;
}

}

	.locations-page .page-content-wrapper .browser .map{
		position: relative;
		width: 30%;
	}

@media (max-width: 1024px){

	.locations-page .page-content-wrapper .browser .map{
		width: 50%;
	}

}

@media (max-width: 600px){

	.locations-page .page-content-wrapper .browser .map{
		width: 100%;
	}

}

		.locations-page .page-content-wrapper .browser .map>*{
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
		}

	.locations-page .page-content-wrapper .browser .interior{
		position: relative;
		width: 70%;
	}

@media (max-width: 1024px){

	.locations-page .page-content-wrapper .browser .interior{
		width: 50%;
	}

}

@media (max-width: 600px){

	.locations-page .page-content-wrapper .browser .interior{
		width: 0%;
	}

}

		.locations-page .page-content-wrapper .browser .interior>*{
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			border: 0;
		}

.locations-page .mapInfoWindow{
	position: absolute;
}

	.locations-page .mapInfoWindow-wrapper{
		overflow: hidden;
		padding: 10px 15px;
		background: #fff;
		font-size: 18px;
		line-height: 22px;
		font-weight: 500;
		color: #323232;
		font-family: FuturaMediumC;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
		border-radius: 3px;
		max-width: 300px;
		-webkit-transform: translate(-50%, -100%);
		-moz-transform: translate(-50%, -100%);
		-ms-transform: translate(-50%, -100%);
		transform: translate(-50%, -100%);
	}


.locations-page .section-list{}

.locations-page .section-list>.section-inner{
	padding: 80px 0;
}

.locations-page .section-list .city{}

.locations-page .section-list .city+.city{
	margin-top: 90px;
}

	.locations-page .section-list .city .title{
		font-family: GoodHeadlineProCondNews;
		font-size: 36px;
		line-height: 40px;
	}

@media (max-width: 600px){

	.locations-page .section-list .city .list{
		max-width: 700px;
	}

}

	.locations-page .section-list .city .list{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
		font-size: 20px;
		line-height: 27px;
	}

@media (max-width: 1024px){

	.locations-page .section-list .city .list{
		max-width: 700px;
	}

}

@media (max-width: 600px){

	.locations-page .section-list .city .list{
		font-size: 18px;
	}

}

		.locations-page .section-list .city .list>*{
			width: calc(25% - 50px);
			margin-top: 25px;
		}

	@media (max-width: 1024px){

		.locations-page .section-list .city .list>*{
			width: calc(50% - 50px);
		}

	}

	@media (max-width: 600px){

		.locations-page .section-list .city .list>*{
			width: 100%;
			margin-top: 45px;
		}

		.locations-page .section-list .city .list>*:first-child{
			margin-top: 20px;
		}

	}

		.locations-page .section-list .city .list>*.dup{}

	@media (max-width: 1024px){

		.locations-page .section-list .city .list>*.dup{
			display: none;
		}

		.locations-page .section-list .city .list>*.dup.v2{
			display: block;
		}

	}

	@media (max-width: 600px){

		.locations-page .section-list .city .list>*.dup.v2{
			display: none;
		}

	}

			.locations-page .section-list .city .list>*>*{}

			.locations-page .section-list .city .list .show{
				color: #969696;
				cursor: pointer;
				-webkit-transition: color 200ms ease;
				-moz-transition: color 200ms ease;
				-ms-transition: color 200ms ease;
				transition: color 200ms ease;
				will-change: color;
				margin-top: 10px;
			}

			.locations-page .section-list .city .list .show:hover{
				color: #67b7b7;
			}

				.lang-ru .locations-page .section-list .city .list .show:before{
					content: 'Показать на карте';
				}

				.lang-en .locations-page .section-list .city .list .show:before{
					content: 'Search on map';
				}