/* Start:/local/templates/main/assets/css/park.css?171010099526276*/
* {
	margin: 0;
	padding:0
}

*, :after, :before {
	box-sizing:inherit
}

@media (max-width: 767px) {
	[data-media=desktop] {
		display:none !important
	}
}

@media (min-width: 768px) {
	[data-media=mobile] {
		display:none !important
	}
}

[tabindex] {
	outline:none
}

html {
	font: normal 16px/20px Open Sans, Helvetica, Arial, sans-serif;
	box-sizing: border-box;
	background: #000;
	color:#000
}

@media (min-width: 768px) {
	html {
		min-width:1280px
	}
}

body {
	position:relative
}

@media (max-width: 767px) {
	body #overlay, body.overlay {
		overflow-y:hidden
	}
}

body #overlay:before, body.overlay:before {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
	background: rgba(0, 0, 0, .3);
	content: ""
}

.black {
	color:#000
}

.grey {
	color:#767676
}

.white {
	color:#fff
}

a {
	color: inherit;
	transition-property: color, background-color, border-color, box-shadow, opacity;
	transition-duration: .1s;
	transition-timing-function: linear;
	transition-delay:0
}

a[href^=tel] {
	text-decoration:none
}

a[href^=tel]:hover {
	opacity:.6
}

img, table {
	border-width:0
}

img {
	max-width:100%
}

address, p {
	margin-bottom:20px
}

.h2, h1, h2 {
	font-weight:400
}

@media (min-width: 768px) {
	.h2, h1, h2 {
		font-size: 24px;
		line-height:28px
	}
}

@media (max-width: 767px) {
	.h2, h1, h2 {
		font-size: 20px;
		line-height:20px
	}
}

h1 {
	margin-bottom: 24px;
	font-weight:700
}

h2 {
	margin:40px 0 28px
}

.h3, h3 {
	font-size: 20px;
	line-height:20px
}

h3 {
	margin:0 0 12px
}

.lead {
	font-weight:300
}

@media (min-width: 768px) {
	.lead {
		font-size: 32px;
		line-height:40px
	}
}

@media (max-width: 767px) {
	.lead {
		font-size: 22px;
		line-height:28px
	}
}

.button {
	background: #303030;
	color: #fff;
	padding: 10px 24px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 20px;
	text-decoration: none;
	font-size: 14px;
	line-height: 20px;
	display: inline-block;
	font-weight:400
}

.tablebodytext {
	display:none
}

@media (min-width: 768px) {
	.wrap {
		width: 1280px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 20px;
		padding-right:20px
	}
}

@media (max-width: 767px) {
	.wrap {
		padding-left: 16px;
		padding-right:16px
	}
}

@media (min-width: 768px) {
	.row {
		display: flex;
		flex-wrap:wrap
	}

	.row.vertically-centered {
		align-items:center
	}

	.row.reversed {
		flex-direction:row-reverse
	}

	.row.justified {
		justify-content:space-between
	}
}

@media (max-width: 767px) {
	.row.reversed-mobile {
		display: flex;
		flex-direction:column-reverse
	}
}

@media (min-width: 768px) {
	.column {
		width:85px
	}

	.column:not(:last-child) {
		margin-right:20px
	}

	.column.cols-2 {
		width:190px
	}

	.column.cols-3 {
		width:295px
	}

	.column.cols-4 {
		width:400px
	}

	.column.cols-5 {
		width:505px
	}

	.column.cols-6 {
		width:610px
	}

	.column.cols-7 {
		width:715px
	}

	.column.cols-8 {
		width:820px
	}

	.column.cols-9 {
		width:925px
	}

	.column.cols-10 {
		width:1030px
	}

	.column.cols-11 {
		width:1135px
	}

	.column.cols-12, .column.wide {
		width:1280px
	}

	.column.centered {
		margin:0 auto
	}

	.reversed .column {
		margin-right:20px
	}

	.justified .column, .reversed .column:first-child {
		margin-right:0
	}
}

header {
	background: url(/local/templates/main/assets/css/../i/bg.body.jpg) no-repeat 50% 0;
	background-size:cover
}

#girl-blurred {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 0;
	content: "";
	background: url(/local/templates/main/assets/css/../i/i.girl.png) no-repeat 54% 0;
	filter:blur(15px)
}

@media (min-width: 768px) {
	#girl-blurred {
		top: 100px;
		height: 1254px;
		background-size:auto 1254px
	}
}

@media (max-width: 767px) {
	#girl-blurred {
		top: 120px;
		height: 627px;
		background-size:auto 627px
	}
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2) {
	#girl-blurred {
		background-image:url(/local/templates/main/assets/css/../i/i.girl@2x.png)
	}
}

#girl {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 0;
	content: "";
	overflow:hidden
}

@media (min-width: 768px) {
	#girl {
		height:690px
	}
}

@media (max-width: 767px) {
	#girl {
		height:420px
	}
}

#girl:after {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: "";
	z-index: 0;
	background:url(/local/templates/main/assets/css/../i/i.girl.png) no-repeat 54% 0
}

@media (min-width: 768px) {
	#girl:after {
		background-size: auto 1254px;
		background-position:54% 100px
	}
}

@media (max-width: 767px) {
	#girl:after {
		background-size: auto 627px;
		background-position:54% 120px
	}
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2) {
	#girl:after {
		background-image:url(/local/templates/main/assets/css/../i/i.girl@2x.png)
	}
}

#logo-back {
	position: absolute;
	z-index: 0;
	background: url(/local/templates/main/assets/css/../i/i.logo_visual.svg) no-repeat 0 0;
	background-size:cover
}

@media (min-width: 768px) {
	#logo-back {
		left: 50%;
		top: 75px;
		width: 1035px;
		height: 1048px;
		transform:translateX(-50%)
	}
}

@media (max-width: 767px) {
	#logo-back {
		left: 50%;
		top: 125px;
		width: 517.5px;
		height: 524px;
		transform:translateX(-50%)
	}
}

#ball {
	position: fixed;
	z-index: 0;
	background: url(/local/templates/main/assets/css/../i/i.ball.png) no-repeat 0 0;
	background-size:cover
}

@media (min-width: 768px) {
	#ball {
		left: calc(50% + 75px);
		top: -70px;
		width: 650px;
		height:650px
	}
}

@media (max-width: 767px) {
	#ball {
		left: calc(50% + 15px);
		top: -20px;
		width: 200px;
		height:200px
	}
}

#header {
	padding: 25px 0;
	font-weight: 600;
	text-transform: uppercase;
	background: url(/local/templates/main/assets/css/../i/bg.body.jpg) no-repeat 50% 0;
	background-size:auto 2172px
}

#main #header {
	overflow: hidden;
	position: relative;
	z-index:2
}

@media (min-width: 768px) {
	#main #header {
		height:690px
	}
}

@media (max-width: 767px) {
	#main #header {
		height:420px
	}
}

#main #header > .wrap {
	position: relative;
	z-index:2
}

#header a {
	text-decoration:none
}

@media (max-width: 767px) {
	#logo {
		margin-bottom:20px
	}
}

#logo a {
	display: block;
	background: url(/local/templates/main/assets/css/../i/i.logo_visual.svg) no-repeat 0 0;
	background-size: contain;
	padding-left: 52px;
	width:141px
}

@media (max-width: 767px) {
	#logo a {
		padding-left: 46px;
		width:125px
	}
}

#logo a img {
	width: 100%;
	display: block;
	height:45px
}

@media (max-width: 767px) {
	#logo a img {
		height:40px
	}
}

#fck-logo {
	white-space:nowrap
}

@media (min-width: 768px) {
	#fck-logo {
		font-size: 11px;
		line-height:16px
	}
}

@media (max-width: 767px) {
	#fck-logo {
		position: absolute;
		left: 160px;
		top: 0;
		font-size: 8px;
		line-height: 12px;
		white-space:nowrap
	}
}

#fck-logo a {
	display: flex;
	align-items:center
}

@media (min-width: 768px) {
	#fck-logo a {
		padding-left:10px
	}
}

#fck-logo a img {
	margin-right:5px
}

@media (min-width: 768px) {
	#fck-logo a img {
		height:45px
	}
}

@media (max-width: 767px) {
	#fck-logo a img {
		height:40px
	}
}

@media (max-width: 374px) {
	#fck-logo a span {
		display:none
	}
}

#top-nav {
	font-size: 15px;
	line-height: 33px;
	text-transform: uppercase;
	font-weight:600
}

@media (max-width: 767px) {
	#top-nav {
		height: 40px;
		overflow: hidden;
		margin: 0 -16px;
		position: relative;
		z-index:1
	}
}

#top-nav ul {
	list-style: none;
	display:flex
}

@media (min-width: 768px) {
	#top-nav ul {
		padding-right: 50px;
		justify-content:space-between
	}
}

@media (max-width: 767px) {
	#top-nav ul {
		height: 60px;
		width: 100%;
		overflow: auto;
		-webkit-overflow-scrolling:touch
	}
}

@media (max-width: 767px) {
	#top-nav li {
		margin-right:20px
	}

	#top-nav li:first-child {
		padding-left:16px
	}

	#top-nav li:last-child {
		padding-right:16px
	}
}

#top-nav a {
	color:#000
}

#userhome {
	text-align:right
}

@media (max-width: 767px) {
	#userhome {
		position: absolute;
		top: 0;
		right:16px
	}

	#userhome a {
		width: 40px;
		padding-left: 0;
		padding-right: 0;
		overflow: hidden;
		color: transparent;
		height: 40px;
		background-image: url(/local/templates/main/assets/css/../i/i.userhome.svg);
		background-repeat: no-repeat;
		background-position:50%
	}
}

#features {
	padding:0
}

#features article:before {
	content: attr(data-number);
	display: block;
	margin-bottom: 8px;
	font-size: 24px;
	line-height: 24px;
	font-weight: 300;
	color:#fff
}

#features article:first-child:before {
	color:#ffa785
}

#features article:nth-child(3):before {
	color:#b8dded
}

#features article:last-child:before {
	color:#f1ed66
}

#features article h2 {
	margin:0 0 8px
}

#features article p {
	-webkit-hyphens: auto;
	hyphens:auto
}

main {
	position: relative;
	z-index:1
}

#main main {
	background-image: linear-gradient(180deg, rgba(0, 34, 68, .1) 50%, rgba(0, 34, 68, 0) 90%);
	overflow:hidden
}

#main main > .wrap {
	position: relative;
	z-index:1
}

#main main .lead {
	margin:44px 0 0
}

@media (min-width: 768px) {
	section {
		padding:64px 0
	}
}

@media (max-width: 767px) {
	section {
		padding:48px 0
	}
}

.section-title {
	margin:0 0 24px
}

#attention article {
	border-radius: 32px;
	background-color:#f1ec6e
}

@media (min-width: 768px) {
	#attention article {
		padding: 32px;
		font-size: 16px;
		line-height:22px
	}
}

@media (max-width: 767px) {
	#attention article {
		padding: 24px;
		font-size: 14px;
		line-height: 18px;
		margin-bottom:20px
	}
}

#attention article h3 {
	position: relative;
	z-index:1
}

@media (min-width: 768px) {
	#attention article h3 {
		margin-bottom: 16px;
		font-size: 22px;
		line-height:22px
	}
}

@media (max-width: 767px) {
	#attention article h3 {
		margin-bottom:12px
	}
}

#attention article p {
	position: relative;
	z-index: 1;
	margin:0
}

#attention article a {
	font-weight:700
}

.tiles {
	color: #000;
	margin-bottom:-20px
}

@media (min-width: 768px) {
	.tiles {
		margin-right:-20px
	}

	.tiles:after {
		content: "";
		height: 0;
		display: block;
		clear:both
	}
}

.tiles .column {
	border-radius: 32px;
	background-color: rgba(0, 0, 0, .1);
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	transition-property: box-shadow;
	transition-duration: .1s;
	transition-timing-function: linear;
	transition-delay:0
}

@media (min-width: 768px) {
	.tiles .column {
		margin-right: 20px;
		height: 184px;
		float: left;
		padding: 32px;
		font-size: 16px;
		line-height:22px
	}
}

@media (max-width: 767px) {
	.tiles .column {
		min-height: 128px;
		padding: 24px 120px 24px 24px;
		font-size: 14px;
		line-height:18px
	}
}

.tiles .column[data-href] {
	cursor:pointer
}

.tiles .column:after, .tiles .column:before {
	position: absolute;
	z-index: 0;
	transition-property: transform, opacity;
	transition-duration: .2s;
	transition-timing-function: linear;
	transition-delay:0
}

.tiles .column:hover:before {
	opacity:.7
}

.tiles .column[data-count]:before {
	content: attr(data-count);
	font-size: 152px;
	line-height: 1em;
	bottom: -18px;
	font-weight: 700;
	color:hsla(0, 0%, 100%, .2)
}

@media (max-width: 767px) {
	.tiles .column[data-count]:before {
		display:none
	}
}

.tiles .column:after {
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	background-position:100% 50%
}

@media (min-width: 768px) {
	.tiles .column:after {
		right: 32px;
		top: 32px;
		bottom: 32px;
		left:32px
	}
}

@media (max-width: 767px) {
	.tiles .column:after {
		right: 24px;
		top: 24px;
		bottom: 24px;
		left:calc(50% + 20px)
	}
}

.tiles .column h3 {
	position: relative;
	z-index:1
}

@media (min-width: 768px) {
	.tiles .column h3 {
		margin-bottom: 16px;
		font-size: 22px;
		line-height:22px
	}
}

@media (max-width: 767px) {
	.tiles .column h3 {
		margin-bottom:12px
	}
}

.tiles .column p {
	position: relative;
	z-index: 1;
	margin:0
}

@media (min-width: 768px) {
	.tiles .column p {
		max-width:55%
	}
}

@media (min-width: 768px) {
	.tiles .column.double-height {
		height: 388px;
		float:right
	}
}

.tiles #tile-streetball {
	background-color:#dab5e9
}

.tiles #tile-streetball:hover {
	box-shadow:0 5px 20px -5px #b366d2
}

.tiles #tile-streetball:before {
	color: #eac5ff;
	left:149px
}

.tiles #tile-streetball:after {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_streetball.png)
}

.tiles #tile-beach-soccer {
	background-color:#dab5e9
}

.tiles #tile-beach-soccer:hover {
	box-shadow:0 5px 20px -5px #8130a2
}

.tiles #tile-beach-soccer:before {
	color: #eac5ff;
	left:149px
}

.tiles #tile-beach-soccer:after {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_beach-soccer.png)
}

@media (min-width: 768px) {
	.tiles #tile-beach-soccer:after {
		top: 25px;
		right: 16px;
		bottom:26px
	}
}

.tiles #tile-barrier {
	background-color:#ffa9c9
}

.tiles #tile-barrier:hover {
	box-shadow:0 5px 20px -5px #ff4389
}

.tiles #tile-barrier:after {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_barrier.png)
}

@media (min-width: 768px) {
	.tiles #tile-barrier:after {
		top: auto;
		height:240px
	}
}

.tiles #tile-workout {
	background-color:#ffa9c9
}

.tiles #tile-workout:hover {
	box-shadow:0 5px 20px -5px #ff4389
}

.tiles #tile-workout:after {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_workout.png)
}

.tiles #tile-teqball {
	background-color:#dab5e9
}

.tiles #tile-teqball:hover {
	box-shadow:0 5px 20px -5px #b366d2
}

.tiles #tile-teqball:before {
	color: #eac5ff;
	left:110px
}

.tiles #tile-teqball:after {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_teqball.png)
}

@media (min-width: 768px) {
	.tiles #tile-teqball:after {
		top: 46px;
		right: 24px;
		bottom:45px
	}
}

.tiles #tile-volleyball {
	background-color:#b8dded
}

@media (min-width: 768px) {
	.tiles #tile-volleyball {
		padding-left:190px
	}
}

.tiles #tile-volleyball:hover {
	box-shadow:0 5px 20px -5px #67b6d8
}

.tiles #tile-volleyball:before {
	color: #c2ebf8;
	right:40px
}

.tiles #tile-volleyball:after {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_volleyball.png)
}

@media (min-width: 768px) {
	.tiles #tile-volleyball:after {
		background-position:0 50%
	}
}

.tiles #tile-beach-volleyball {
	background-color:#e6e6e6
}

.tiles #tile-beach-volleyball:hover {
	box-shadow:0 5px 20px -5px #b3b3b3
}

.tiles #tile-beach-volleyball:before {
	color: #efefef;
	left:115px
}

.tiles #tile-beach-volleyball:after {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_beach-volleyball.png)
}

.tiles #tile-tennis {
	background-color:#ffab6c
}

.tiles #tile-tennis:hover {
	box-shadow:0 5px 20px -5px #ffab6c
}

.tiles #tile-tennis:before {
	color: #ea9c68;
	left:80px
}

.tiles #tile-tennis:after {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_tennis.png)
}

.tiles #tile-paddle-tennis {
	background-color:#ceee67
}

@media (max-width: 767px) {
	.tiles #tile-paddle-tennis {
		height:160px
	}
}

.tiles #tile-paddle-tennis:hover {
	box-shadow:0 5px 20px -5px #ceee67
}

.tiles #tile-paddle-tennis:before {
	color: #c5dd63;
	left:149px
}

.tiles #tile-paddle-tennis:after {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_paddle-tennis.png)
}

@media (min-width: 768px) {
	.tiles #tile-paddle-tennis:after {
		top: 24px;
		right: 24px;
		bottom:24px
	}
}

.tiles #tile-squash {
	background-color:#f1ec6e
}

.tiles #tile-squash:hover {
	box-shadow:0 5px 20px -5px #f1ec6e
}

.tiles #tile-squash:before {
	color: #e1d86f;
	right:32px
}

.tiles #tile-squash:after {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_squash.png)
}

@media (min-width: 768px) {
	.tiles #tile-squash:after {
		top: auto;
		height:268px
	}
}

.tiles #tile-badminton {
	background-color:#e6e6e6
}

.tiles #tile-badminton:hover {
	box-shadow:0 5px 20px -5px #e6e6e6
}

.tiles #tile-badminton:before {
	color: #ccc;
	left:34px
}

.tiles #tile-badminton:after {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_badminton.png)
}

.tiles #tile-paddle-tennis2 {
	background-color:#ceee67
}

@media (max-width: 767px) {
	.tiles #tile-paddle-tennis2 {
		height:160px
	}
}

.tiles #tile-paddle-tennis2:hover {
	box-shadow:0 5px 20px -5px #ceee67
}

.tiles #tile-paddle-tennis2:before {
	color: #c5dd63;
	left:120px
}

.tiles #tile-paddle-tennis2:after {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_paddle-tennis2.png)
}

@media (min-width: 768px) {
	.tiles #tile-paddle-tennis2:after {
		top: 29px;
		right: 51px;
		bottom:30px
	}
}

#club-access {
	color: #fff;
	position: relative;
	z-index: 1;
	background-color:#000
}

#club-access dl {
	border: 1px solid #fff;
	border-radius: 32px;
	font-size:14px
}

@media (min-width: 768px) {
	#club-access dl {
		padding: 31px;
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between
	}
}

@media (max-width: 767px) {
	#club-access dl {
		padding: 23px;
		margin-top:40px
	}
}

#club-access dl dt {
	font-weight: 400;
	font-weight:700
}

@media (min-width: 768px) {
	#club-access dl dt {
		font-size: 24px;
		line-height:28px
	}
}

@media (max-width: 767px) {
	#club-access dl dt {
		font-size: 20px;
		line-height:20px
	}
}

@media (min-width: 768px) {
	#club-access dl dt {
		margin-bottom: 16px;
		width:100%
	}
}

@media (max-width: 767px) {
	#club-access dl dt {
		margin-bottom:12px
	}
}

@media (min-width: 768px) {
	#club-access dl dd {
		flex-shrink: 0;
		width:calc(50% - 10px)
	}
}

#club-access dl dd:before {
	content: "·";
	margin-right:.2em
}

#sport-cards article {
	background: #000;
	position: fixed;
	z-index: 100;
	color: #fff;
	display:none
}

@media (min-width: 768px) {
	#sport-cards article {
		width: 936px;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		border-radius:32px
	}
}

@media (max-width: 767px) {
	#sport-cards article {
		left: 0;
		right: 0;
		top: 0;
		height: 100vh;
		overflow: auto;
		-webkit-overflow-scrolling:touch
	}
}

#sport-cards article .close {
	position: absolute;
	cursor: pointer;
	width: 32px;
	height: 32px;
	background: #1b1b1f url(/local/templates/main/assets/css/../i/i.close.svg) no-repeat 50% 50%;
	border-radius: 16px;
	z-index:2
}

@media (min-width: 768px) {
	#sport-cards article .close {
		right: 24px;
		top:24px
	}
}

@media (max-width: 767px) {
	#sport-cards article .close {
		right: 16px;
		top:16px
	}
}

#sport-cards article .close:active {
	opacity:.75
}

#sport-cards article .row {
	flex-direction: row-reverse;
	flex-wrap:nowrap
}

#sport-cards article .hero {
	position: relative;
	z-index:1
}

@media (min-width: 768px) {
	#sport-cards article .hero {
		width: 264px;
		border-top-right-radius: 32px;
		border-bottom-right-radius:32px
	}
}

@media (max-width: 767px) {
	#sport-cards article .hero {
		height:256px
	}
}

#sport-cards article .hero:before {
	position: absolute;
	left: 32px;
	top: 32px;
	bottom: 32px;
	right: 32px;
	background-position: 50% 50%;
	background-size: contain;
	background-repeat: no-repeat;
	content: ""
}

@media (min-width: 768px) {
	#sport-cards article .about {
		padding: 32px;
		width: 672px;
		max-height: 80vh;
		overflow-y:auto
	}
}

@media (max-width: 767px) {
	#sport-cards article .about {
		padding:24px 16px 16px
	}
}

@media (max-width: 767px) {
	#sport-cards article .description {
		font-size: 14px;
		line-height:18px
	}
}

#sport-cards article .footer {
	border-top:1px solid #343434
}

@media (min-width: 768px) {
	#sport-cards article .footer {
		margin-top: 24px;
		padding-top: 24px;
		display: flex;
		flex-wrap:wrap
	}
}

@media (max-width: 767px) {
	#sport-cards article .footer {
		margin-top: 16px;
		padding-top:16px
	}
}

@media (min-width: 768px) {
	#sport-cards article .footer dl {
		width: 50%;
		margin-bottom:32px
	}
}

@media (max-width: 767px) {
	#sport-cards article .footer dl {
		margin-bottom:24px
	}
}

#sport-cards article .footer dt {
	line-height: 16px;
	font-weight: 700;
	margin-bottom:8px
}

@media (min-width: 768px) {
	#sport-cards article .footer dt {
		font-size: 22px;
		line-height:22px
	}
}

#sport-cards article .footer dd:before {
	content: "—";
	margin-right:.2em
}

#sport-cards article .footer .link-to-userhome {
	display: block;
	margin-top: 24px;
	width:100%
}

#sport-cards article .title {
	margin-bottom: 8px;
	font-weight:700
}

@media (min-width: 768px) {
	#sport-cards article .title {
		font-size: 24px;
		line-height:24px
	}
}

@media (max-width: 767px) {
	#sport-cards article .title {
		font-size: 20px;
		line-height:20px
	}
}

#sport-cards article .subtitle {
	font-size: 16px;
	line-height: 20px;
	margin-bottom:16px
}

#sport-cards article p {
	margin-bottom:18px
}

#sport-cards article#sport-card_streetball .hero {
	background-color:#dab5e9
}

#sport-cards article#sport-card_streetball .hero:before {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_streetball.png)
}

#sport-cards article#sport-card_beach-soccer .hero {
	background-color:#dab5e9
}

#sport-cards article#sport-card_beach-soccer .hero:before {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_beach-soccer.png)
}

#sport-cards article#sport-card_barrier .hero {
	background-color:#ffa9c9
}

#sport-cards article#sport-card_barrier .hero:before {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_barrier.png)
}

#sport-cards article#sport-card_workout .hero {
	background-color:#ffa9c9
}

#sport-cards article#sport-card_workout .hero:before {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_workout.png)
}

#sport-cards article#sport-card_teqball .hero {
	background-color:#dab5e9
}

#sport-cards article#sport-card_teqball .hero:before {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_teqball.png)
}

#sport-cards article#sport-card_volleyball .hero {
	background-color:#b8dded
}

#sport-cards article#sport-card_volleyball .hero:before {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_volleyball.png)
}

#sport-cards article#sport-card_beach-volleyball .hero {
	background-color:#e6e6e6
}

#sport-cards article#sport-card_beach-volleyball .hero:before {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_beach-volleyball.png)
}

#sport-cards article#sport-card_tennis .hero {
	background-color:#ffab6c
}

#sport-cards article#sport-card_tennis .hero:before {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_tennis.png)
}

#sport-cards article#sport-card_paddle-tennis .hero {
	background-color:#ceee67
}

#sport-cards article#sport-card_paddle-tennis .hero:before {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_paddle-tennis.png)
}

#sport-cards article#sport-card_squash .hero {
	background-color:#f1ec6e
}

#sport-cards article#sport-card_squash .hero:before {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_squash.png)
}

#sport-cards article#sport-card_badminton .hero {
	background-color:#e6e6e6
}

#sport-cards article#sport-card_badminton .hero:before {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_badminton.png)
}

#sport-cards article#sport-card_paddle-tennis2 .hero {
	background-color:#ceee67
}

#sport-cards article#sport-card_paddle-tennis2 .hero:before {
	background-image:url(/local/templates/main/assets/css/../i/i.tile_paddle-tennis2.png)
}

#sport-cards + #park-map {
	padding-top:0
}

#buy-access {
	background-color: #decebe;
	color: #666;
	position: relative;
	z-index: 1;
	font-size: 14px;
	background-image: url(/local/templates/main/assets/css/../i/i.ball.png), url(/local/templates/main/assets/css/../i/i.ball.png), url(/local/templates/main/assets/css/../i/i.logo_visual.svg);
	background-repeat:no-repeat
}

@media (min-width: 768px) {
	#buy-access {
		height: 480px;
		background-size: 503px, 161px, 882px 893px;
		background-position:calc(50% + 420px) calc(100% + 120px), calc(50% - 580px) -97px, calc(50% - 10px) 192px
	}
}

@media (max-width: 767px) {
	#buy-access {
		padding-bottom: 178px;
		background-size: 161px, 161px, 384px 376px;
		background-position:calc(100% + 42px) calc(100% + 48px), -41px -41px, 45% calc(100% + 210px)
	}
}

#buy-access .section-title {
	color:#000
}

@media (min-width: 768px) {
	#buy-access .section-title {
		margin-bottom:16px
	}
}

@media (max-width: 767px) {
	#buy-access .section-title {
		margin-bottom:12px
	}
}

@media (max-width: 767px) {
	#buy-access .button {
		display:block
	}
}

#buy-access .sum {
	color: #000;
	font-size: 24px;
	line-height: 24px;
	margin-bottom:16px
}

@media (min-width: 768px) {
	#buy-access .sum {
		padding-top:16px
	}
}

@media (max-width: 767px) {
	#buy-access .sum {
		margin-top:40px
	}
}

#buy-access .sum strong {
	font-weight: 400;
	font-size: 64px;
	line-height: 64px;
	margin-bottom: 4px;
	display: block;
	text-indent:-.1em
}

@media (min-width: 768px) {
	#buy-access p {
		margin-bottom:24px
	}
}

@media (max-width: 767px) {
	#buy-access p {
		margin-bottom:16px
	}
}

#park-map {
	background-color: #000;
	color: #fff;
	z-index:1
}

#park-map, #park-map .park-map {
	position:relative
}

@media (min-width: 768px) {
	#park-map .park-map {
		margin-top:48px
	}
}

@media (max-width: 767px) {
	#park-map .park-map {
		overflow-x: auto;
		overflow-y: hidden;
		margin: 0 -16px;
		padding: 0 16px;
		height:310px
	}
}

@media (max-width: 767px) {
	#park-map .park-map .map-canvas {
		transform: scale(.5);
		position: relative;
		left: -70px;
		top:-140px
	}
}

#park-map .park-map img {
	display: block;
	z-index:1
}

@media (max-width: 767px) {
	#park-map .park-map img {
		max-width: 1240px;
		width: 1240px;
		height:614px
	}
}

#park-map .park-map .legend {
	font-size: 10px;
	line-height:12px
}

#park-map .park-map .legend dl {
	position: absolute;
	z-index: 2;
	opacity: .6;
	transition-property: opacity;
	transition-duration: .2s;
	transition-timing-function: linear;
	transition-delay:0
}

#park-map .park-map .legend dl[data-href] {
	cursor:pointer
}

#park-map .park-map .legend dl[data-href]:hover {
	opacity:1
}

#park-map .park-map .legend dl.streetball {
	width: 110px;
	top: -3px;
	left:104px
}

#park-map .park-map .legend dl.beach-soccer {
	width: 160px;
	top: 74px;
	left:204px
}

#park-map .park-map .legend dl.workout {
	width: 160px;
	top: -3px;
	left:419px
}

#park-map .park-map .legend dl.volleyball {
	width: 145px;
	top: 84px;
	left:543px
}

#park-map .park-map .legend dl.tennis {
	width: 130px;
	top: 157px;
	left:705px
}

#park-map .park-map .legend dl.lockers {
	width: 220px;
	top: 130px;
	left:860px
}

#park-map .park-map .legend dl.teqball {
	width: 120px;
	top: 208px;
	left: -1px;
	text-align:right
}

#park-map .park-map .legend dl.badminton {
	width: 140px;
	top: 290px;
	left: 90px;
	text-align:right
}

#park-map .park-map .legend dl.beach-volleyball {
	width: 200px;
	top: 359px;
	left: 124px;
	text-align:right
}

#park-map .park-map .legend dl.paddle {
	width: 200px;
	top: 450px;
	left: 238px;
	text-align:right
}

#park-map .park-map .legend dl.alley {
	width: 200px;
	top: 542px;
	left: 275px;
	text-align:right
}

#park-map .park-map .legend dl.shower {
	width: 220px;
	top: 494px;
	left:705px
}

#park-map .park-map .legend dl.enter {
	width: 60px;
	top: 438px;
	left:781px
}

#park-map .park-map .legend dl.reception {
	width: 90px;
	top: 397px;
	left:878px
}

#park-map .park-map .legend dl.squash {
	width: 100px;
	top: 411px;
	left:980px
}

#park-map .park-map .legend dl.wc {
	width: 40px;
	top: 348px;
	left:1023px
}

#park-map .park-map .legend dt {
	font-size: 17px;
	line-height: 20px;
	font-weight: 700;
	margin-bottom:10px
}

#three-d-tour {
	background: #314e3c url(/local/templates/main/assets/css/../i/bg.3dtour.jpg) no-repeat 50% 0;
	color: #fff;
	position: relative;
	z-index:1
}

@media (min-width: 768px) {
	#three-d-tour {
		background-size:cover
	}
}

@media (max-width: 767px) {
	#three-d-tour {
		background-size:auto 400px
	}
}

@media (max-width: 767px) {
	#three-d-tour .button {
		display:block
	}
}

#contacts {
	background-image: linear-gradient(180deg, #c3d1d1 0, #a0bfcc);
	position: relative;
	z-index:1
}

#contacts address {
	font-style:inherit
}

#map {
	background: #ccc;
	position: relative;
	z-index: 1;
	padding:0
}

@media (min-width: 768px) {
	#map {
		height:400px
	}
}

@media (max-width: 767px) {
	#map {
		height:388px
	}
}

footer {
	background-color: #000;
	color: #fff;
	position: relative;
	z-index: 1;
	padding: 24px 0;
	font-size: 14px;
	line-height:16px
}

footer a {
	text-decoration: none;
	color:#ccc
}

footer a:hover {
	color:#fff
}

footer p {
	margin:0
}

footer p + p {
	margin-top:8px
}

@media (max-width: 767px) {
	footer #footer-logo {
		margin-bottom:16px
	}
}

footer #footer-logo a {
	display: block;
	background: url(/local/templates/main/assets/css/../i/i.logo_visual.svg) no-repeat 0 0;
	background-size: contain;
	padding-left: 46px;
	width:125px
}

footer #footer-logo a img {
	width: 100%;
	display: block;
	height: 40px;
	padding-top:2px
}

footer #developers {
	color:#999
}

@media (min-width: 768px) {
	footer #developers {
		font-size:13px
	}
}

@media (max-width: 767px) {
	footer #developers {
		margin-top: 24px;
		font-size:12px
	}
}

#gallery {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 111;
	background: #000;
	display:none
}

#gallery .close {
	position: absolute;
	cursor: pointer;
	width: 32px;
	height: 32px;
	background: rgba(0, 0, 0, .9) url(/local/templates/main/assets/css/../i/i.close.svg) no-repeat 50% 50%;
	border-radius: 16px;
	z-index:2
}

@media (min-width: 768px) {
	#gallery .close {
		right: 24px;
		top:24px
	}
}

@media (max-width: 767px) {
	#gallery .close {
		right: 16px;
		top:16px
	}
}

#gallery .close:active {
	opacity:.75
}

.slick-slider {
	position: relative;
	display: block;
	-webkit-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color:transparent
}

.slick-slider .slick-list, .slick-slider .slick-track {
	transform:translateZ(0)
}

.slick-list {
	position: relative;
	display: block;
	overflow:hidden
}

.slick-list:focus {
	outline:none
}

.slick-list.dragging {
	cursor:pointer
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right:auto
}

.slick-track:after, .slick-track:before {
	display: table;
	content: ""
}

.slick-track:after {
	clear:both
}

.slick-loading .slick-track {
	visibility:hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100vh;
	min-height:1px
}

.slick-initialized .slick-slide {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items:center
}

.slick-loading .slick-slide {
	visibility:hidden
}

.slick-slide img {
	display: block;
	align-self: center;
	max-width: 100vw;
	max-height:100vh
}

.slick-slide.slick-loading img {
	display:none
}

.slick-slide.dragging img {
	pointer-events:none
}

.slick-dots {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	margin:0
}

@media (min-width: 768px) {
	.slick-dots {
		bottom:24px
	}
}

@media (max-width: 767px) {
	.slick-dots {
		bottom:16px
	}
}

.slick-dots li {
	width: 8px !important;
	height: 8px !important;
	overflow: hidden;
	background: #fff;
	border-radius: 50%;
	display: inline-block;
	text-indent: -100px;
	margin: 0 4px !important;
	vertical-align: middle;
	transition-property: background-color;
	transition-duration: .5s;
	transition-timing-function: linear;
	transition-delay:0
}

.slick-dots li.slick-active {
	background: #000 !important;
	width: 12px !important;
	height:12px !important
}

@media (min-width: 768px) {
	.slick-arrow {
		width: 32px;
		height: 32px;
		position: absolute;
		top: 50%;
		margin-top: -16px;
		z-index: 1;
		cursor: pointer;
		background: rgba(0, 0, 0, .9) url(/local/templates/main/assets/css/../i/i.arrow_white.svg) no-repeat 50% 50%;
		border-radius:16px
	}

	.slick-arrow:active {
		opacity:.75
	}
}

@media (max-width: 767px) {
	.slick-arrow {
		display:none
	}
}

.slick-arrow.prev {
	left: 24px;
	transform:rotate(180deg)
}

.slick-arrow.next {
	right:24px
}

.slick-arrow.slick-hidden {
	display:none
}

.text-page p + ul {
	margin-top:-10px
}

.text-page ol, .text-page ul {
	margin-left: 20px;
	margin-bottom:20px
}

.text-page ol li + li, .text-page ul li + li {
	margin-top: 5px
}
/* End */
/* /local/templates/main/assets/css/park.css?171010099526276 */