/*
Theme Name: landyparty.ru
Theme URI: https://landyparty.ru/
Description: Шаблон сайта https://landyparty.ru/
Version: 1.0
Author: Интернет-агентство Webby
Author URI: https://webby-art.ru/
*/

/* FONTS */

@font-face {
	font-family: 'Unbounded';
	src: local('Unbounded Regular'), local('Unbounded-Regular'),
		url('fonts/Unbounded/Unbounded-Regular.woff2') format('woff2'),
		url('fonts/Unbounded/Unbounded-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Unbounded';
	src: local('Unbounded Light'), local('Unbounded-Light'),
		url('fonts/Unbounded/Unbounded-Light.woff2') format('woff2'),
		url('fonts/Unbounded/Unbounded-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Unbounded';
	src: local('Unbounded Medium'), local('Unbounded-Medium'),
		url('fonts/Unbounded/Unbounded-Medium.woff2') format('woff2'),
		url('fonts/Unbounded/Unbounded-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Unbounded';
	src: local('Unbounded Bold'), local('Unbounded-Bold'),
		url('fonts/Unbounded/Unbounded-Bold.woff2') format('woff2'),
		url('fonts/Unbounded/Unbounded-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bold;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: none;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Global & Normalize
   ========================================================================== */

* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
*:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
*:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
html {
	height: 100%;
	font-family: system-ui;
	color: #ffffff;
	font-size: 1em;
	font-weight: normal;
	line-height: 1;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
html * {
	max-height: 1000000px;
}
body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
	margin: 0;
	background-color: #000000;
}
@media screen and (max-width: 600px) {
	body.customize-support {
		margin-top: -46px;
		padding-top: 46px;
	}
}
body.customize-support {
	padding-top: 32px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
a {
	background-color: transparent;
	color: #fa127d;
	outline: none !important;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
a:active,
a:hover {
	color: #fa127d;
	text-decoration: none;
	outline: 0;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
}
button {
	overflow: visible;
	border-radius: 0;
	outline: 0;
	-webkit-appearance: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
	border-radius: 0;
	-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th {
	padding: 0;
}
input:focus,
textarea:focus {
	outline: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #4d4d4d;
	opacity: 1;
	-webkit-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #4d4d4d;
	opacity: 1;
	-webkit-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
	        -moz-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #4d4d4d;
	opacity: 1;
	-webkit-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
	        -moz-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #4d4d4d;
	opacity: 1;
	-webkit-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
	        -ms-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
	color: transparent;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
	color: transparent;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
	color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
	font: inherit;
	margin: 0;
	padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
}
ul,
ol,
li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* Layout & Helpers
   ========================================================================== */

body.prevent-scroll {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
}
.wrapper {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	overflow: hidden;
}
.container {
	width: 100%;
	max-width: 1382px;
	margin: 0 auto;
	padding-right: 15px;
	padding-left: 15px;
}
@media screen and (min-width: 992px) {
	.container {
		padding-right: 30px;
		padding-left: 30px;
	}
}
.wrapper > .container {
	height: 100%;
}
.row,
.list-items:not(.carousel) {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -20px;
	margin-left: -20px;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	-webkit-box-flex: 1;
	        flex-grow: 1;
	width: 100%;
	max-width: 100%;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
}
@media screen and (min-width: 568px) {
	.col-1 {
		-ms-flex: 0 0 8.33333333%;
		-webkit-box-flex: 0;
		        flex: 0 0 8.33333333%;
		max-width: 8.33333333%;
	}
	.col-2 {
		-ms-flex: 0 0 16.66666667%;
		-webkit-box-flex: 0;
		        flex: 0 0 16.66666667%;
		max-width: 16.66666667%;
	}
	.col-3 {
		-ms-flex: 0 0 25%;
		-webkit-box-flex: 0;
		        flex: 0 0 25%;
		max-width: 25%;
	}
	.col-4 {
		-ms-flex: 0 0 33.33333333%;
		-webkit-box-flex: 0;
		        flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}
	.col-5 {
		-ms-flex: 0 0 41.66666667%;
		-webkit-box-flex: 0;
		        flex: 0 0 41.66666667%;
		max-width: 41.66666667%;
	}
	.col-6 {
		-ms-flex: 0 0 50%;
		-webkit-box-flex: 0;
		        flex: 0 0 50%;
		max-width: 50%;
	}
	.col-7 {
		-ms-flex: 0 0 58.33333333%;
		-webkit-box-flex: 0;
		        flex: 0 0 58.33333333%;
		max-width: 58.33333333%;
	}
	.col-8 {
		-ms-flex: 0 0 66.66666667%;
		-webkit-box-flex: 0;
		        flex: 0 0 66.66666667%;
		max-width: 66.66666667%;
	}
	.col-9 {
		-ms-flex: 0 0 75%;
		-webkit-box-flex: 0;
		        flex: 0 0 75%;
		max-width: 75%;
	}
	.col-10 {
		-ms-flex: 0 0 83.33333333%;
		-webkit-box-flex: 0;
		        flex: 0 0 83.33333333%;
		max-width: 83.33333333%;
	}
	.col-11 {
		-ms-flex: 0 0 91.66666667%;
		-webkit-box-flex: 0;
		        flex: 0 0 91.66666667%;
		max-width: 91.66666667%;
	}
	.col-12 {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		        flex: 0 0 100%;
		max-width: 100%;
	}
}
.list-item {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
}
@media screen and (min-width: 568px) {
	.list-item {
		margin-bottom: 16px;
	}
}
.flexbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.clearfix:after {
	content: '';
	display: table;
	clear: both;
}
.section-block {
	padding-top: 72px;
}
@media screen and (min-width: 992px) {
	.section-block {
		padding-top: 130px;
	}
}
.hidden {
	display: none;
}

/* Buttons
   ========================================================================== */

.button,
a.button {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 50px;
	max-width: 100%;
	padding: 0 15px;
	background: #ffffff;
	color: #000000;
	font-size: 13px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: 0.04em;
	border: 1px solid #000000;
	border-radius: 50px;
	outline: none;
	overflow: hidden;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
@media screen and (min-width: 992px) {
	.button,
	a.button {
		height: 60px;
		padding-right: 21px;
		padding-left: 21px;
		font-size: 15px;
		line-height: 60px;
	}
}
.button:hover,
a.button:hover {
	background: #ffffff;
	color: #000000;
}
.button:active,
a.button:active {
	opacity: 0.9;
}

/* Headings
   ========================================================================== */

h1,
.section-heading {
	font-size: 22px;
	line-height: 1.57;
	text-transform: uppercase;
}
@media screen and (min-width: 992px) {
	h1,
	.section-heading {
		font-size: 28px;
	}
}
.section-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	margin-bottom: 29px;
	font-weight: 500;
}
@media screen and (max-width: 991.98px) {
	.section-heading {
		justify-content: center;
	}
}
@media screen and (min-width: 992px) {
	.section-heading {
		margin-bottom: 53px;
		padding-right: 78px;
		padding-left: 78px;
	}
}
.section-heading:before {
	content: '//';
	margin-right: 6px;
}
@media screen and (min-width: 992px) {
	.section-heading:before {
		margin-right: 6px;
	}
}

/* Forms
   ========================================================================== */

.form-item {
	margin-bottom: 10px;
}
@media screen and (min-width: 992px) {
	.form-item {
		margin-bottom: 15px;
	}
}
.form-input[type="text"] {
	display: block;
	width: 100%;
	height: 60px;
	padding: 0 45px;
	background: #ffffff;
	color: #000000;
	font-size: 16px;
	border: none;
	border-radius: 50px;
	outline: none;
}
@media screen and (max-width: 991.98px) {
	.form-input[type="text"] {
		text-align: center;
	}
}
.form-item textarea {
	display: block;
	min-width: 100%;
	max-width: 100%;
	min-height: 160px;
	max-height: 160px;
	padding: 34px 45px;
	background: #ffffff;
	color: #000000;
	border: none;
	border-radius: 50px;
	outline: none;
	resize: none;
}
@media screen and (max-width: 991.98px) {
	.form-item textarea {
		text-align: center;
	}
}
.form-input[type="text"]:focus,
.form-item textarea:focus {
	border-color: #c29c4c;
	outline: none;
}
.form-item input.error,
.form-item textarea.error {
	color: #fa127d;
}
.form-item input.error::-webkit-input-placeholder,
.form-item textarea.error::-webkit-input-placeholder {
	color: #fa127d;
}
.form-item input.error::-moz-placeholder,
.form-item textarea.error::-moz-placeholder {
	color: #fa127d;
}
.form-item input.error:-ms-input-placeholder,
.form-item textarea.error:-ms-input-placeholder {
	color: #fa127d;
}
.form-item input.error::-ms-input-placeholder,
.form-item textarea.error::-ms-input-placeholder {
	color: #fa127d;
}
.form-item input.error::placeholder,
.form-item textarea.error::placeholder {
	color: #fa127d;
}
.submit-button {
	height: 60px;
	background: #ffc9e5;
	font-size: 16px;
	line-height: 60px;
	border: none;
	box-shadow: 1px 1px 11.3px #ffb1da;
}
.submit-button.is-loading {
	position: relative;
	overflow: hidden;
	cursor: default;
}
.submit-button.is-loading:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(img/loading.gif) no-repeat center #fa127d;
	color: transparent;
	font-size: 0;
}
@media screen and (max-width: 991.98px) {
	.submit-button.is-loading:after {
		background-size: 30px auto;
	}
}
.form-agreement {
	margin-top: 20px;
	font-size: 10px;
	font-weight: 300;
	line-height: 1.57;
}
@media screen and (max-width: 991.98px) {
	.form-agreement {
		text-align: center;
	}
}
@media screen and (min-width: 992px) {
	.form-agreement {
		margin-top: 30px;
		font-size: 12px;
	}
}
.form-agreement a {
	color: #ffffff;
}
.form-notification {
	display: none;
	padding: 30px 0;
	color: #ffffff;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.57;
	text-align: center;
}
@media screen and (min-width: 992px) {
	.form-notification {
		height: 100%;
	}
}
@media screen and (min-width: 992px) {
	.form-notification__block {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
}

/* HEADER
   ========================================================================== */

@media screen and (max-width: 991.98px) {
	.header.has-opened-menu {
		position: relative;
	}
	.header.has-opened-menu:after {
		content: '';
		width: 100%;
		height: 1px;
		position: absolute;
		bottom: 0;
		left: 0;
		background: #000000;
	}
}
.header__block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 29px;
	padding-bottom: 29px;
}
@media screen and (min-width: 992px) {
	.header__block {
		padding-top: 33px;
		padding-bottom: 33px;
	}
}
.header__logo {
	width: 126px;
}
@media screen and (max-width: 991.98px) {
	.header__logo {
		position: relative;
		z-index: 10;
	}
}
@media screen and (min-width: 992px) {
	.header__logo {
		width: 236px;
	}
}
.logo > a {
	display: block;
	height: 100%;
}
.logo img {
	display: block;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
@media screen and (max-width: 991.98px) {
	.header__nav {
		position: fixed;
		width: 230px;
		top: 0;
		right: 0;
		bottom: 0;
		margin-right: 0;
		padding: 30px 15px 0;
		background: #f8f8f8;
		text-align: center;
		z-index: 9;
		-webkit-transition: margin 600ms ease;
		-o-transition: margin 600ms ease;
		transition: margin 600ms ease;
	}
	.header__nav:not(.opened) {
		margin-right: -100%;
		opacity: 0;
	}
}
@media screen and (min-width: 992px) {
	.header__nav {
		margin-right: 39px;
		margin-left: 39px;
	}
}
@media screen and (min-width: 992px) {
	.menu-main {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
@media screen and (max-width: 991.98px) {
	.menu-main .menu-item {
		margin-bottom: 10px;
	}
}
@media screen and (min-width: 992px) {
	.menu-main .menu-item + .menu-item {
		margin-left: 30px;
	}
}
.menu-main a {
	color: #000000;
	font-size: 15px;
	line-height: 1.22;
	text-decoration: none;
	text-transform: lowercase;
}
@media screen and (max-width: 991.98px) {
	.menu-main a {
		display: inline-block;
		height: 40px;
		padding: 0 18px;
		background: #8ffba3;
		line-height: 40px;
		text-align: center;
		letter-spacing: 0.04em;
		border: 1px solid #000000;
		border-radius: 50px;
	}
	.menu-main .menu-item:nth-child(3n+2) a {
		background-color: #86fff5;
	}
	.menu-main .menu-item:nth-child(3n+3) a {
		background-color: #ffc9e5;
	}
}
@media screen and (min-width: 992px) {
	.menu-main a {
		font-size: 18px;
	}
}
.menu-main a:hover {
	color: #fa127d;
}
@media screen and (max-width: 356.98px) {
	.header__telegram {
		display: none;
	}
}
.header__telegram > a {
	color: #2073e0;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.22;
	text-decoration: none;
}
@media screen and (min-width: 992px) {
	.header__telegram > a {
		font-size: 18px;
	}
}
.header__telegram > a:hover {
	color: #2073e0;
}
.header__telegram > a > span {
	color: #2073e0;
}
@media screen and (min-width: 992px) {
	.header__nav-button {
		display: none;
	}
}
.nav-button {
	width: 30px;
	height: 16px;
	position: relative;
	cursor: pointer;
	z-index: 10;
}
.nav-button > span,
.nav-button:before,
.nav-button:after {
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	background-color: #fa127d;
	-webkit-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}
.nav-button.active > span,
.nav-button.active:before,
.nav-button.active:after {
	background-color: #fa127d;
}
.nav-button:before {
	top: 0;
}
.nav-button.active:before {
	top: 7px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.nav-button > span {
	top: 50%;
	margin-top: -1px;
}
.nav-button.active > span {
	display: none;
}
.nav-button:after {
	bottom: 0;
}
.nav-button.active:after {
	bottom: 7px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* MAIN
   ========================================================================== */

.main {
	padding-bottom: 71px;
}
@media screen and (min-width: 992px) {
	.main {
		padding-bottom: 100px;
	}
}
.main:not(.is-home) {
	padding-top: 34px;
}
@media screen and (max-width: 991.98px) {
	.main.is-event-page {
		padding-top: 0;
	}
}
.main h1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
	.main h1 {
		margin-bottom: 46px;
		font-size: 42px;
	}
}
.main h1:before {
	content: '//';
	margin-right: 5px;
}
@media screen and (min-width: 992px) {
	.main h1:before {
		margin-right: 5px;
	}
}

/* PAGE
   ========================================================================== */

/* Page Text
   ========================================================================== */

.text-block {
	font-size: 13px;
	font-weight: 300;
	line-height: 1.28;
	overflow: hidden;
}
@media screen and (min-width: 992px) {
	.text-block {
		font-size: 18px;
	}
}
.text-block p:not(:last-child),
.text-block ul:not(:last-child) {
	margin-bottom: 1.6em;
}
.text-block ul li,
.text-block ol li {
	padding-right: 22px;
	padding-left: 22px;
	position: relative;
}
.text-block ul li:not(:last-child),
.text-block ol li:not(:last-child) {
	margin-bottom: 1.6em;
}
.text-block ul li:before {
	content: '';
	width: 6px;
	height: 6px;
	position: absolute;
	left: 0;
	top: 6px;
	background: #fc2286;
	border-radius: 50%;
}
.text-block img {
	display: block;
	max-width: 100%;
	height: auto;
}
.text-block .button {
	max-width: 418px;
	background: #fa127d;
	color: #ffffff;
	font-weight: normal;
}
@media screen and (min-width: 992px) {
	.text-block .button {
		margin: 0;
	}
}

/* Page Images
   ========================================================================== */

.gallery-item a,
.gallery-item img {
	display: block;
}
.gallery-item img {
	max-width: 100%;
	height: auto;
}

/* Swiper
   ========================================================================== */

.swiper-prev,
.swiper-next {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	background: #ffffff;
	border: 1px solid #000000;
	border-radius: 50%;
	cursor: pointer;
	z-index: 2;
	transition: background-color 200ms ease-in-out;
}
.swiper-prev {
	left: -18px;
}
.swiper-next {
	right: -18px;
}
@media screen and (min-width: 992px) {
	.swiper-prev,
	.swiper-next {
		width: 60px;
		height: 60px;
		margin-top: -30px;
	}
	.swiper-prev {
		left: -30px;
	}
	.swiper-next {
		right: -30px;
	}
}
.swiper-prev:hover,
.swiper-next:hover {
	background: #ffc9e5;
}
.swiper-prev:before,
.swiper-next:before {
	content: '';
	width: 25px;
	height: 19px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px auto;
}
@media screen and (min-width: 992px) {
	.swiper-prev:before,
	.swiper-next:before {
		background-size: contain;
	}
}
.swiper-prev:before {
	background-image: url(img/icon-arrow-left.svg);
}
.swiper-next:before {
	background-image: url(img/icon-arrow-right.svg);
}
.swiper-button-disabled {
	display: none;
	cursor: default;
}

/* Posters
   ========================================================================== */

.posters {
	margin-bottom: 44px;
	position: relative;
}
@media screen and (min-width: 992px) {
	.posters {
		margin-bottom: 80px;
	}
}
/*
@media screen and (max-width: 991.98px) {
	.posters > .container {
		padding-right: 0;
		padding-left: 0;
	}
}
*/
.posters__slider {
	position: relative;
}
.posters__slider-block {
	border-radius: 25px;
}
.posters__item {
	overflow: hidden;
}
@media screen and (min-width: 992px) {
	.posters__item {
		border-radius: 100px;
	}
}
.posters__item > a {
	display: block;
}
.posters__item img {
	display: block;
	max-width: 100%;
	height: auto;
}
.posters__tickers {
	width: calc(100% + 20px);
	position: absolute;
	bottom: -96px;
	left: 0;
	margin-right: -10px;
	margin-left: -10px;
	z-index: 2;
}@media screen and (min-width: 992px) {
	.posters__tickers {
		bottom: -132px;
	}
}
.posters__ticker {
	width: 100%;
	background: #ffffff;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	overflow: hidden;
}
.posters__ticker:first-child {
	transform: rotate(4.91deg);
}
.posters__ticker:last-child {
	transform: rotate(-4.27deg);
	position: relative;
	top: -44px;
}
@media screen and (min-width: 992px) {
	.posters__ticker:last-child {
		top: -60px;
	}
}
.posters__ticker-block {
	display: flex;
	width: fit-content;
	padding: 14px 0 12px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.22;
	text-transform: uppercase;
	white-space: nowrap;
	animation: ticker 20s linear 1s infinite;
	-webkit-transform-style: preserve-3d;
}
@media screen and (min-width: 992px) {
	.posters__ticker-block {
		padding: 20px 0 16px;
		font-size: 18px;
	}
}
.posters__ticker:last-child .posters__ticker-block {
	animation-direction: reverse;
}
@-webkit-keyframes ticker {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}
@keyframes ticker {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}
.posters__ticker-block > span {
	margin-left: 22px;
	padding-left: 22px;
	position: relative;
}
@media screen and (min-width: 992px) {
	.posters__ticker-block > span {
		margin-left: 30px;
		padding-left: 30px;
	}
}
.posters__ticker-block > span:before {
	content: '';
	width: 6px;
	height: 6px;
	position: absolute;
	top: 50%;
	left: -3px;
	margin-top: -5px;
	background: #fc2286;
	border-radius: 50%;
}
@media screen and (min-width: 992px) {
	.posters__ticker-block > span:before {
		width: 10px;
		height: 10px;
		margin-top: -7px;
	}
}

/* Events
   ========================================================================== */

.events__items {
	margin-bottom: -10px;
}
@media screen and (min-width: 640px) {
	.events__items:not(.has-carousel) {
		display: flex;
		flex-wrap: wrap;
		margin-right: -5px;
		margin-left: -5px;
	}
}
@media screen and (min-width: 992px) {
	.events__items:not(.has-carousel) {
		margin-right: -17px;
		margin-bottom: -34px;
		margin-left: -17px;
	}
}
.events__carousel {
	position: relative;
}
.events__item {
	max-width: 418px;
	margin-bottom: 10px;
}
@media screen and (min-width: 640px) {
	.events__items:not(.has-carousel) .events__item {
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 5px;
		padding-left: 5px;
	}
}
.events__item.has-gallery-button {
	margin-bottom: 35px;
}
@media screen and (min-width: 992px) {
	.events__items:not(.has-carousel) .events__item {
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
		margin-bottom: 34px;
		padding-right: 17px;
		padding-left: 17px;
	}
	.events__items:not(.has-carousel) .events__item.has-gallery-button {
		margin-bottom: 46px;
	}
}
.events-item__block {
	background: #ffc9e5;
	border: 1px solid #030303;
	border-radius: 50px;
	position: relative;
}
@media screen and (max-width: 991.98px) {
	.events__items.has-carousel .events__item .events-item__block {
		border-radius: 25px;
	}
}
.events__item.has-timer .events-item__block {
	height: 100%;
}
.events__item:not(.has-gallery-button) .events-item__block {
	overflow: hidden;
}
.events__item.has-gallery-button .events-item__poster {
	border-radius: 50px;
	overflow: hidden;
}
.events-item__poster > a {
	display: block;
}
.events-item__poster img {
	display: block;
	max-width: 100%;
	height: auto;
}
.events-item__info {
	padding: 20px 20px 25px;
}
@media screen and (min-width: 992px) {
	.events-item__info {
		padding: 35px 30px 39px;
	}
}
.events-item__title {
	margin-bottom: 11px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.57;
	text-transform: uppercase;
}
@media screen and (min-width: 992px) {
	.events-item__title {
		font-size: 15px;
	}
}
.events-item__title a {
	color: #000000;
	text-decoration: none;
}
.events-item__title a:hover {
	color: #fa127d;
}
.events-item__details {
	color: #0a0a0a;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.54;
}
@media screen and (min-width: 992px) {
	.events-item__details {
		font-size: 14px;
	}
}
.events-item__details + .events-item__details {
	margin-top: 10px;
}
.events-item__buttons {
	display: flex;
	margin-top: 18px;
}
.events-item__buttons .button {
	flex: 1 0 144px;
	white-space: nowrap;
}
@media screen and (min-width: 992px) {
	.events-item__buttons .button {
		flex-basis: 174px;
	}
}
.events-item__buttons .button + .button {
	flex-shrink: 1;
	margin-left: 10px;
}
@media screen and (max-width: 357.98px) {
	.events-item__buttons .button + .button {
		display: none;
	}
}
@media screen and (min-width: 992px) {
	.events-item__buttons .button + .button {
		flex-shrink: 1;
		margin-left: 20px;
	}
}
.events-item__buttons .button + .button:not(:hover) {
	background: none;
}
.events-item__gallery-button {
	position: absolute;
	right: 50px;
	bottom: -25px;
	left: 50px;
}
@media screen and (min-width: 992px) {
	.events-item__gallery-button {
		bottom: -30px;
	}
}
.events-item__timer {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #343233;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.timer__text {
	margin-bottom: 22px;
	color: #ffffff;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.57;
	text-align: center;
	text-transform: uppercase;
}
@media screen and (min-width: 992px) {
	.timer__text {
		font-size: 28px;
	}
}
.timer__items {
	display: flex;
	justify-content: center;
}
.timer__item {
	padding-bottom: 15px;
	color: #ffa9d1;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.57;
	text-align: center;
	position: relative;
}
@media screen and (min-width: 992px) {
	.timer__item {
		font-size: 42px;
	}
}
.timer__item:not(:last-child) {
	margin-right: 25px;
}
.timer__item:before {
	content: attr(data-title);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	font-size: 11px;
	font-weight: 300;
}
@media screen and (min-width: 992px) {
	.timer__item:before {
		font-size: 15px;
	}
}
.timer__item:not(:last-child):after {
	content: ':';
	width: 15px;
	position: absolute;
	top: -4px;
	right: -20px;
	font-weight: 300;
}
.events__more {
	margin-top: 10px;
}
@media screen and (min-width: 992px) {
	.events__more {
		margin-top: 34px;
	}
}
@media screen and (min-width: 992px) {
	.events__more .button {
		max-width: 305px;
	}
}

/* Event
   ========================================================================== */

@media screen and (min-width: 992px) {
	.event__block {
		display: flex;
	}
}
@media screen and (max-width: 991.98px) {
	.event__poster {
		margin-bottom: 30px;
	}
}
@media screen and (min-width: 992px) {
	.event__poster {
		flex: 0 0 531px;
		max-width: 531px;
		order: 1;
		overflow: hidden;
	}
}
.event__poster img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 50px;
}
@media screen and (max-width: 991.98px) {
	.event__info {
		display: flex;
		flex-direction: column;
	}
}
@media screen and (min-width: 992px) {
	.event__info {
		padding-right: 14.29%;
	}
}
.event__details {
	margin-bottom: 30px;
	color: #fa127d;
	font-size: 16px;
	line-height: 1.54;
}
@media screen and (max-width: 991.98px) {
	.event__details {
		order: 1;
	}
}
@media screen and (min-width: 992px) {
	.event__details {
		margin-bottom: 47px;
		font-size: 20px;
	}
}
.event__text {
	color: #0a0a0a;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.54;
}
@media screen and (max-width: 991.98px) {
	.event__text {
		order: 1;
	}
}
@media screen and (min-width: 992px) {
	.event__text {
		margin-bottom: 47px;
		font-size: 20px;
	}
}
@media screen and (max-width: 991.98px) {
	.event__buttons {
		margin-bottom: 36px;
	}
}
@media screen and (min-width: 992px) {
	.event__buttons {
		display: flex;
		margin-top: 56px;
	}
}
.event__button {
	flex-grow: 1;
}
@media screen and (max-width: 991.98px) {
	.event__button:not(:last-child) {
		margin-bottom: 20px;
	}
}
@media screen and (min-width: 992px) {
	.event__button + .event__button {
		margin-left: 20px;
	}
}
.event__button .button {
	max-width: 418px;
	margin: 0;
}
.event__button:first-child .button {
	background: #fa127d;
	color: #ffffff;
}
.event__button:nth-child(2) .button > span {
	color: #2073e0;
}
.event-selection {
	padding: 20px 0;
}
.event-selection-item:not(:last-child) {
	margin-bottom: 45px;
}
@media screen and (min-width: 992px) {
	.event-selection-item:not(:last-child) {
		margin-bottom: 56px;
	}
}
.event-selection .event__details {
	margin-bottom: 0;
	color: inherit;
}
.event-selection .event__button {
	margin-top: 20px;
}
.event-selection .event__button .button {
	max-width: 300px;
}

/* Gallery
   ========================================================================== */

.gallery__items {
	display: flex;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-bottom: 10px;
	margin-left: -5px;
}
@media screen and (min-width: 992px) {
	.gallery__items {
		margin-right: -17px;
		margin-bottom: -34px;
		margin-left: -17px;
	}
}
.gallery__item {
	flex: 0 0 50%;
	max-width: 50%;
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
@media screen and (min-width: 992px) {
	.gallery__item {
		flex: 0 0 25%;
		max-width: 25%;
		margin-bottom: 34px;
		padding-right: 17px;
		padding-left: 17px;
	}
}
.gallery__item > a {
	border-radius: 50px;
	overflow: hidden;
}

/* MAIN PAGE
   ========================================================================== */

/* Media
   ========================================================================== */

.media__top {
	margin-bottom: 26px;
}
@media screen and (min-width: 992px) {
	.media__top {
		display: flex;
		margin-bottom: 53px;
	}
}
.media__heading {
	margin-bottom: 0;
}
.media__links {
	display: flex;
	align-items: center;
}
@media screen and (max-width: 991.98px) {
	.media__links {
		justify-content: center;
		margin-top: 14px;
	}
}
.media__link {
	height: 30px;
	padding: 0 14px;
	background: #8ffba3;
	color: #000000;
	font-size: 11px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.04em;
	white-space: nowrap;
	border: 1px solid #000000;
	border-radius: 50px;
}
@media screen and (max-width: 359.98px) {
	.media__link {
		padding-right: 10px;
		padding-left: 10px;
	}
}
@media screen and (max-width: 567.98px) {
	.media__link {
		flex-grow: 1;
	}
}
@media screen and (min-width: 992px) {
	.media__link {
		height: 40px;
		padding-right: 18px;
		padding-left: 18px;
		font-size: 15px;
		line-height: 40px;
	}
}
.media__link + .media__link {
	margin-left: 10px;
}
@media screen and (min-width: 360px) {
	.media__link + .media__link {
		margin-left: 14px;
	}
}
.media__link.instagram {
	background-color: #fd1d1d;
	color: #ffffff;
}
.media__link.tiktok {
	background-color: #000000;
	color: #ffffff;
}
.media__link.twitch {
	background-color: #9147ff;
	color: #ffffff;
}
.media__link.vk {
	background-color: #0077ff;
	color: #ffffff;
}
.media__link.telegram {
	background-color: #26a4e3;
	color: #ffffff;
}
.media__link:hover {
	background-color: #fa127d;
	color: #ffffff;
}
.media__link:active {
	opacity: 0.9;
}
@media screen and (min-width: 992px) {
	.media__items:not(.has-carousel) {
		display: flex;
		flex-wrap: wrap;
		margin-right: -17px;
		margin-bottom: -34px;
		margin-left: -17px;
	}
}
.media__carousel {
	position: relative;
}
.media__item {
	display: flex !important;
	justify-content: center;
	align-items: center;
	width: auto !important;
	max-width: 305px;
	height: auto !important;
}
@media screen and (max-width: 991.98px) {
	.media__items.has-carousel .media__item {
		max-width: 222px;
	}
}
@media screen and (min-width: 992px) {
	.media__items:not(.has-carousel) .media__item {
		flex: 0 0 25%;
		max-width: 25%;
		padding-right: 17px;
		padding-left: 17px;
	}
}
.media-item__visual {
	display: inline-flex;
	border-radius: 50px;
	overflow: hidden;
}
.media-item__visual > a {
	display: block;
}
.media-item__visual img {
	display: block;
	max-width: 100%;
	height: auto;
}
.media-item__name {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.57;
	text-align: center;
	text-transform: uppercase;
}
@media screen and (min-width: 992px) {
	.media-item__name {
		font-size: 15px;
	}
}
.media-item__name > a {
	color: #fa127d;
	text-decoration: none;
}
.media-item__name > a:hover {
	text-decoration: underline;
}

/* Info
   ========================================================================== */

@media screen and (min-width: 992px) {
	.info__items {
		display: flex;
		flex-wrap: wrap;
		margin-right: -17px;
		margin-bottom: -34px;
		margin-left: -17px;
	}
}
@media screen and (max-width: 991.98px) {
	.info__item:not(:last-child) {
		margin-bottom: 10px;
	}
}
@media screen and (min-width: 992px) {
	.info__item {
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
		margin-bottom: 34px;
		padding-right: 17px;
		padding-left: 17px;
	}
}
.info-item__block {
	height: 120px;
	background: #ffc9e5;
	border: 1px solid #000000;
	border-radius: 50px;
	position: relative;
	overflow: hidden;
}
@media screen and (min-width: 992px) {
	.info-item__block {
		height: 221px;
	}
}
.info__item:nth-child(even) .info-item__block {
	background-color: #343233;
}
.info-item__block:before {
	content: '';
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
}
.info__item:nth-child(1) .info-item__block:before {
	width: 162px;
	height: 105px;
	right: 88px;
	bottom: -1px;
	background-image: url(img/bg-info-01.png);
	background-position: center top;
}
.info__item:nth-child(2) .info-item__block:before {
	width: 165px;
	height: 84px;
	top: 0;
	right: 62px;
	background-image: url(img/bg-info-02.png);
	background-position: center top;
}
.info__item:nth-child(3) .info-item__block:before {
	width: 302px;
	height: 93px;
	right: 2px;
	bottom: 0;
	background-image: url(img/bg-info-03.png);
	background-position: center top;
}
.info__item:nth-child(4) .info-item__block:before {
	width: 159px;
	height: 116px;
	right: 121px;
	bottom: 0;
	background-image: url(img/bg-info-04.png);
	background-position: center top;
}
.info__item:nth-child(5) .info-item__block:before {
	width: 126px;
	height: 70px;
	bottom: 0;
	left: 204px;
	background-image: url(img/bg-info-05.png);
	background-position: center top;
}
.info__item:nth-child(6) .info-item__block:before {
	width: 159px;
	height: 87px;
	bottom: 0;
	left: 84px;
	background-image: url(img/bg-info-06.png);
	background-position: center top;
}
.info-item__poster > a {
	display: block;
}
.info-item__link {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 50px 130px 50px 30px;
	color: #000000;
	text-decoration: none;
}
@media screen and (min-width: 992px) {
	.info-item__link {
		padding: 40px 130px 40px 40px;
	}
}
.info__item:nth-child(even) .info-item__link {
	color: #ffa9d1;
}
.info-item__link:hover {
	color: #fa127d !important;
}
.info-item__link > span {
	max-width: 232px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.3;
	text-transform: uppercase;
}
@media screen and (min-width: 992px) {
	.info-item__link > span {
		font-size: 20px;
	}
}
.info-item__link:after {
	content: '';
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	right: 41px;
	margin-top: -20px;
	background: url(img/icon-arrow-info.svg) center no-repeat #ffffff;
	border-radius: 50%;
	border: 1px solid #000000;
}
@media screen and (min-width: 992px) {
	.info-item__link:after {
		width: 48px;
		height: 48px;
		margin-top: -24px;
	}
}

/* FAQ
   ========================================================================== */

.faq__item:not(:last-child) {
	margin-bottom: 10px;
}
@media screen and (min-width: 992px) {
	.faq__item:not(:last-child) {
		margin-bottom: 20px;
	}
}
.faq-item__question {
	margin-bottom: 10px;
	padding: 40px 102px 40px 30px;
	background: #ffc9e5;
	font-size: 16px;
	line-height: 1.28;
	border: 1px solid #000000;
	border-radius: 50px;
	position: relative;
	cursor: pointer;
}
@media screen and (min-width: 992px) {
	.faq-item__question {
		margin-bottom: 20px;
		padding: 40px 102px 40px 50px;
		font-size: 18px;
	}
}
.faq-item__question:after {
	content: '';
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	right: 21px;
	margin-top: -30px;
	background: url(img/icon-arrow-faq.svg) center no-repeat #ffffff;
	border-radius: 50%;
	border: 1px solid #000000;
	transition: transform 200ms ease-in-out;
}
.faq-item.has-opened-answer .faq-item__question:after {
	transform: rotate(-135deg);
}
.faq-item__answer {
	padding: 40px 30px;
	background: #ffc9e5;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.28;
	border: 1px solid #000000;
	border-radius: 50px;
}
@media screen and (min-width: 992px) {
	.faq-item__answer {
		padding-right: 50px;
		padding-left: 50px;
		font-size: 18px;
	}
}
.faq-item:not(.has-opened-answer) .faq-item__answer {
	display: none;
}
.faq-item__answer p:not(:last-child) {
	margin-bottom: 1.28em;
}

/* Contacts
   ========================================================================== */

.contacts {
	margin-bottom: 138px;
}
@media screen and (min-width: 1060px) {
	.contacts {
		margin-bottom: 13.5vw;
	}
}
.contacts__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-right: -10px;
	margin-bottom: 30px;
	margin-left: -10px;
}
@media screen and (min-width: 1060px) {
	.contacts__items {
		margin-right: -16px;
		margin-bottom: 6px;
		margin-left: -16px;
	}
}
.contacts__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	        flex: 0 0 100%;
	max-width: 100%;
	margin-bottom: 35px;
	padding-right: 10px;
	padding-left: 10px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 1.0625em; /* 1.125em */
	font-weight: 600;
	line-height: 1.3;
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}
@media screen and (min-width: 640px) {
	.contacts__item {
		-ms-flex-preferred-size: 50%;
		    flex-basis: 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 992px) {
	.contacts__item {
		-ms-flex-preferred-size: 33.33333333%;
		flex-basis: 33.33333333%;
		max-width: 33.33333333%;
		margin-bottom: 52px;
		font-size: 1.6vw;
	}
}
@media screen and (min-width: 992px) {
	.contacts__item.address {
		flex-basis: 66.66666667%;
		max-width: 66.66666667%;
	}
}
@media screen and (min-width: 1060px) {
	.contacts__item {
		padding-right: 16px;
		padding-left: 16px;
		font-size: 30px;
	}
}
.contacts__item:before {
	content: '';
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 65px;
	        flex: 0 0 65px;
	max-width: 65px;
	margin-right: 28px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
@media screen and (min-width: 992px) {
	.contacts__item:before {
		-ms-flex-preferred-size: 6.3vw;
		flex-basis: 6.3vw;
		max-width: 6.3vw;
		margin-right: 2.7vw;
	}
}
@media screen and (min-width: 1060px) {
	.contacts__item:before {
		-ms-flex-preferred-size: 76px;
		flex-basis: 76px;
		max-width: 76px;
		margin-right: 40px;
	}
}
.contacts__item.email:before {
	height: 46px;
	background-image: url(img/icon-email.png);
}
@media screen and (min-width: 1060px) {
	.contacts__item.email:before {
		height: 55px;
	}
}
.contacts__item.phone:before {
	height: 59px;
	background-image: url(img/icon-phone.png);
}
@media screen and (min-width: 1060px) {
	.contacts__item.phone:before {
		height: 93px;
	}
}
.contacts__item.address:before {
	height: 59px;
	background-image: url(img/icon-address.png);
}
@media screen and (min-width: 1060px) {
	.contacts__item.address:before {
		height: 93px;
	}
}
.contacts__item-heading {
	margin-bottom: 1px;
}
.contacts__item a {
	text-decoration: none;
}
.contacts__item-block a {
	font-weight: normal;
}
.contacts__heading {
	margin-bottom: 30px;
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1.2;
}
@media screen and (min-width: 1060px) {
	.contacts__heading {
		margin-bottom: 29px;
		font-size: 32px;
	}
}
.contacts__item.vk:before {
	height: 50px;
	background-image: url(img/icon-vk-contacts.png);
}
@media screen and (min-width: 1060px) {
	.contacts__item.vk:before {
		height: 80px;
	}
}
.contacts__item.telegram:before {
	height: 50px;
	background-image: url(img/icon-telegram-contacts.png);
}
@media screen and (min-width: 1060px) {
	.contacts__item.telegram:before {
		height: 80px;
	}
}
.contacts__map {
	border-radius: 5px;
	overflow: hidden;
}

/* Media Page
   ========================================================================== */

.media-page__items {
	margin-bottom: -20px;
}
@media screen and (min-width: 640px) {
	.media-page__items {
		display: flex;
		flex-wrap: wrap;
		margin-right: -5px;
		margin-left: -5px;
	}
}
@media screen and (min-width: 992px) {
	.media-page__items {
		margin-right: -17px;
		margin-bottom: -34px;
		margin-left: -17px;
	}
}
.media-page__item {
	margin-bottom: 20px;
}
@media screen and (min-width: 640px) {
	.media-page__item {
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 5px;
		padding-left: 5px;
	}
}
@media screen and (min-width: 992px) {
	.media-page__item {
		flex-basis: 25%;
		max-width: 25%;
		margin-bottom: 34px;
		padding-right: 17px;
		padding-left: 17px;
	}
}
.media-page-item__visual {
	margin-bottom: 20px;
	border-radius: 50px;
	overflow: hidden;
}
@media screen and (min-width: 992px) {
	.media-page-item__visual {
		margin-bottom: 21px;
	}
}
.media-page-item__visual > a {
	display: block;
}
.media-page-item__visual img {
	display: block;
	max-width: 100%;
	height: auto;
}
.media-page-item__name {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.57;
	text-align: center;
	text-transform: uppercase;
}
@media screen and (min-width: 992px) {
	.media-page-item__name {
		font-size: 15px;
	}
}
.media-page-item__name > a {
	color: #fa127d;
	text-decoration: none;
}
.media-page-item__name > a:hover {
	text-decoration: underline;
}

/* ==========================================================================
   404 PAGE
   ========================================================================== */

.error-404__bl {
	margin-top: 79px;
	margin-bottom: 74px;
	text-align: center;
}
.error-404__bl p {
	margin-bottom: 14px;
	line-height: 1.375;
}

/* FOOTER
   ========================================================================== */

.footer__block {
	margin-bottom: 20px;
	padding: 65px 30px;
	background: #343233;
	color: #ffffff;
	border-radius: 50px;
}
@media screen and (min-width: 992px) {
	.footer__block {
		display: flex;
		justify-content: space-between;
		margin-bottom: 63px;
		padding: 85px 113px 81px;
	}
}
@media screen and (max-width: 991.98px) {
	.footer__info {
		margin-bottom: 50px;
		text-align: center;
	}
}
@media screen and (min-width: 992px) {
	.footer__info {
		flex: 0 0 300px;
		max-width: 300px;
	}
}
.footer__logo {
	margin-bottom: 36px;
}
@media screen and (max-width: 991.98px) {
	.footer__logo {
		margin-right: auto;
		margin-left: auto;
	}
}
@media screen and (min-width: 992px) {
	.footer__logo {
		margin-top: 10px;
		margin-bottom: 45px;
		margin-left: -5px;
	}
}
.footer__logo > a {
	display: inline-block;
}
@media screen and (max-width: 991.98px) {
	.footer__logo img {
		margin-right: auto;
		margin-left: auto;
	}
}
.footer__info a {
	color: #ffffff;
	text-decoration: none;
}
.footer__info a:hover {
	color: #fa127d;
}
.footer__phone {
	display: none;
	margin-bottom: 27px;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.3;
}
.footer__telegram,
.footer__vk {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
}
.footer__telegram a {
	color: #6ba2ea;
}
@media screen and (max-width: 991.98px) {
	.footer__vk {
		margin-bottom: 21px;
	}
}
.footer__vk a {
	color: #2073e0;
}
.footer__email {
	font-size: 18px; /* 20px */
	font-weight: 500;
	line-height: 1.3;
}
.footer__email {
	color: #2073e0;
}
.footer__copyright {
	margin-top: 50px;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.3;
}
@media screen and (min-width: 992px) {
	.footer__copyright {
		margin-top: 53px;
		font-size: 15px;
	}
}
@media screen and (min-width: 992px) {
	.footer__request {
		flex-grow: 1;
		max-width: 570px;
		margin-left: 113px;
	}
}
@media screen and (min-width: 992px) {
	.request-form {
		display: flex;
		flex-wrap: wrap;
	}
}
@media screen and (min-width: 992px) {
	.request-form .form-item {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 992px) {
	.request-form .form-item:nth-child(1),
	.request-form .form-item:nth-child(2) {
		flex-basis: calc(50% - 7.5px);
		max-width: calc(50% - 7.5px);
	}
}
@media screen and (min-width: 992px) {
	.form-item:nth-child(2) {
		margin-left: 15px;
	}
}

/* Contacts
   ========================================================================== */

.promo {
	position: fixed;
	bottom: 0;
	margin-bottom: 0;
	z-index: 10;
	-webkit-transition: margin 1000ms ease;
	-o-transition: margin 1000ms ease;
	transition: margin 1000ms ease;
}
@media screen and (max-width: 991.98px) {
	.promo {
		width: 100%;
		left: 0;
	}
}
@media screen and (min-width: 992px) {
	.promo {
		right: 20px;
		bottom: 20px;
	}
}
.promo:not(.is-opened) {
	margin-bottom: -210px;
	opacity: 0;
}
.promo__block {
	padding: 32px 41px 19px;
	background: #5bc8ff;
	border-radius: 50px 50px 0px 0px;
}
@media screen and (min-width: 992px) {
	.promo__block {
		padding: 45px 45px 32px;
		border-radius: 50px;
	}
}
.promo__text {
	margin-bottom: 13px;
	color: #1b1b1b;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.57;
	text-align: center;
	text-transform: uppercase;
}
@media screen and (max-width: 567.98px) {
	.promo__text {
		max-width: 300px;
		margin-right: auto;
		margin-left: auto;
	}
}
@media screen and (min-width: 992px) {
	.promo__text {
		margin-bottom: 21px;
		font-size: 16px;
	}
}
.promo__text > span {
	color: #fa127d;
}
@media screen and (min-width: 992px) {
	.promo__button .button {
		max-width: 311px;
	}
}
.promo__close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: -5px;
	right: 5px;
	background: #f8f8f8;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;