@charset "UTF-8";
:root{
--primary-red: #ED1C24;
--primary-red-dark: #C61017;
--primary-red-light: #C61017;
--description-gray: #F5F6F6;
--preset-1-bg: #323E48;
--preset-2-bg: #7A7D84;
--preset-3-bg: #D9DDE6;
--preset-4-bg: #271D1E;
--preset-5-bg: #000000;
--preset-6-bg: #009447;
--preset-7-bg: #009447;
--secondary-gray: rgb(217, 221, 230);
--gray-dark:#7A7D84;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
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;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
@font-face {
font-display: swap;
font-family: "Avenir Next Cyr W00 Thin";
src: url("fonts/1491466/65f66e6b-d28d-4c94-b661-66511860c2c7.eot?#iefix");
src: url("fonts/1491466/65f66e6b-d28d-4c94-b661-66511860c2c7.eot?#iefix") format("eot"), url("fonts/1491466/0b79d335-83f4-416a-b9b7-0e81d6258db7.woff2") format("woff2"), url("fonts/1491466/ab86f3dc-10a7-4bf1-bab8-e84f506f6d45.woff") format("woff"), url("fonts/1491466/e0f6c0c2-cd05-4327-acb3-5543c3d7feac.ttf") format("truetype"), url("fonts/1491466/0e59386d-0330-4e45-8bdd-026fc0e73d71.svg#0e59386d-0330-4e45-8bdd-026fc0e73d71") format("svg");
}
@font-face {
font-display: swap;
font-family: "Avenir Next Cyr W00 Regular";
src: url("fonts/1491474/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot?#iefix");
src: url("fonts/1491474/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot?#iefix") format("eot"), url("fonts/1491474/7db1f672-3a8f-4d19-9c49-7f61aed450b5.woff2") format("woff2"), url("fonts/1491474/4ab86b35-c0c2-42b5-98ad-4b6eba66b197.woff") format("woff"), url("fonts/1491474/276b3566-1c3b-4bc1-8915-15314f091f29.ttf") format("truetype"), url("fonts/1491474/5d02f5f4-46e7-453a-aef9-3e7106d7bb68.svg#5d02f5f4-46e7-453a-aef9-3e7106d7bb68") format("svg");
}
@font-face {
font-display: swap;
font-family: "Avenir Next Cyr W00 Bold";
src: url("fonts/1491486/fb4117a5-14ee-4035-8692-935bfff7fc2e.eot?#iefix");
src: url("fonts/1491486/fb4117a5-14ee-4035-8692-935bfff7fc2e.eot?#iefix") format("eot"), url("fonts/1491486/4c04fb14-abdb-4f93-82bb-734d1b84307b.woff2") format("woff2"), url("fonts/1491486/04d2f223-2786-40c9-8481-be9dd47d8e7f.woff") format("woff"), url("fonts/1491486/bce3274e-f498-48ae-b269-a6930df496e7.ttf") format("truetype"), url("fonts/1491486/68f0375d-f66f-4f88-822a-5a0b61d2efc0.svg#68f0375d-f66f-4f88-822a-5a0b61d2efc0") format("svg");
}
html {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
overflow: auto;
overflow-x: hidden;
overflow-y: scroll;
}
html,
body {
height: 100%;
background-color: #f5f6f6;
}
body {
font-family: "Avenir Next Cyr W00 Regular", sans-serif;
font-weight: 100;
font-size: 14px;
letter-spacing: 0;
height: auto;
min-height: 100%;
position: relative;
}
body,
body *,
body *:after,
body *:before {
box-sizing: inherit;
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
font-weight: 100;
}
a {
text-decoration: none;
color: inherit;
outline: none;
}
p {
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
}
b, strong {
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
}
input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 0;
background-image: none;
background-color: transparent;
padding: 0;
resize: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
}
input[type="text"]::-ms-expand,
input[type="email"]::-ms-expand,
input[type="tel"]::-ms-expand,
select::-ms-expand,
textarea::-ms-expand {
display: none;
}
input::-ms-clear {
display: none;
}
select {
text-indent: 0.01px;
text-overflow: "";
}
option {
color: #000 !important;
}
option[disabled] {
color: #b8bbc0 !important;
}
ul {
list-style: none;
padding: 0;
}
input[disabled] {
background-image: none;
background-color: #898c92;
}
.i-icon {
display: inline-block;
vertical-align: middle;
}
.i-icon_link {
margin-right: 8px;
}
.i-link {
color: inherit;
font-style: inherit;
text-decoration: none;
position: relative;
border-bottom: 1px solid transparent;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.i-link:hover {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.i-link_underline:hover {
border-bottom: 1px solid;
}
.i-link_schedule:after {
content: 'Расписание';
}
.i-link_red {
color: #ed1c24;
}
.i-link_faq:after {
content: 'Вопросы';
}
.i-link_faq:before {
content: ' ';
font-family: icomoon;
display: inline-block;
vertical-align: middle;
color: #7a7d84;
background: center url('/img/new/help.svg') no-repeat;
font-size: 18px;
width: 18px;
height: 18px;
margin-right: 5px;
}
@media (min-width: 48em) {
.i-link_faq:after {
color: #fff;
content: 'Часто задаваемые вопросы';
}
}
@media (min-width: 85.375em) {
.i-link_schedule:after {
content: 'Расписание занятий';
margin-top: 2px;
}
}
.i-button {
display: inline-block;
font-size: 13px;
line-height: 22px;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
padding: 3px 13px 5px;
border: 2px solid transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.i-button:hover {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.i-button_white {
color: #000;
background-color: #fff;
}
.i-button_white:hover {
color: #fff;
background-color: #ed1c24;
}
.i-button_white-on-red {
color: #000;
background-color: #fff;
border-radius: 30px;
}
.i-button_white-on-red:hover {
color: #fff;
background-color: transparent;
border: 2px solid #fff;
border-radius: 30px;
}
.i-button_red {
color: #fff;
background-color: #ed1c24;
}
.i-button_red:hover {
background-color: #cb0002;
}
.i-button_grey {
color: #fff;
background-color: #7a7d84;
}
.i-button_grey:hover {
background-color: #888a91;
}
.i-button_big {
letter-spacing: 2px;
font-weight: 100;
padding: 7px 15px 8px;
}
.i-select {
background-color: #fff;
color: #b8bbc0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
position: relative;
display: inline-block;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.i-select__select {
background: none;
width: 100%;
padding: 10px 30px 10px 10px;
font-size: inherit;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.i-select__select:hover {
border-color: #b8bbc0;
}
.i-select__result {
color: #000;
white-space: nowrap;
overflow: hidden;
position: relative;
}
.i-select__result:after {
content: '';
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 90%, white 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 90%, white 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 90%, white 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
width: 30px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.i-select:after {
content: '\e90b';
font-family: icomoon;
margin-top: -7px;
position: absolute;
right: 10px;
top: 50%;
line-height: 1;
}
.i-select_grey {
color: #fff;
background-color: #7a7d84;
}
.i-select_grey * {
color: #fff;
}
.i-select_border {
border: 1px solid #dfdfdf;
color: #7a7d84;
}
.i-select_lightgrey {
background: #eceded;
color: #000;
}
.i-select_lightgrey:after {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: #7a7d84;
}
.i-select_lightgrey:hover:after {
color: #000;
}
opera:-o-prefocus, .i-select_grey * {
color: #000;
}
.i-input[type="text"],
.i-input[type="email"],
.i-input[type="tel"],
.i-textarea {
border: 1px solid #eceded;
padding: 5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.i-input[type="text"]:hover, .i-input[type="text"]:focus,
.i-input[type="email"]:hover,
.i-input[type="email"]:focus,
.i-input[type="tel"]:hover,
.i-input[type="tel"]:focus,
.i-textarea:hover,
.i-textarea:focus {
border-color: #b8bbc0;
}
.i-input__get-file {
opacity: 0;
position: absolute;
}
.i-list {
padding-left: 0;
margin-bottom: 10px;
line-height: 1em;
list-style: none;
}
.i-list__item {
position: relative;
margin-bottom: 10px;
padding-left: 0;
}
.i-list__item .i-link{
font-style: normal;
font-weight: 750;
line-height: 120%;
}
.i-list_vac {
line-height: inherit;
list-style: disc;
margin-bottom: 35px;
padding-left: 18px;
}
.i-table {
background-color: #fff;
}
.i-table__cell {
border: 1px solid #eceded;
vertical-align: top;
position: relative;
}
.i-table__title {
position: relative;
}
.i-table_schedule .i-table__row:first-child {
height: 70px;
}
.i-bold {
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
}
.i-thin {
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
}
.i-grey {
color: #b8bbc0;
}
.i-red {
color: #ed1c24;
}
.i-checkbox {
display: inline-block;
line-height: 18px;
}
.i-checkbox__input {
display: none;
}
.i-checkbox__label {
display: inline-block;
white-space: nowrap;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.i-checkbox__label:hover .i-checkbox__icon {
border-color: #b8bbc0;
}
.i-checkbox__icon {
display: inline-block;
width: 18px;
height: 18px;
margin-right: 7px;
vertical-align: top;
line-height: 1;
font-size: 14px;
border: 2px solid #eceded;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
color: transparent;
cursor: pointer;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.i-checkbox__icon:before {
content: '\e91e';
font-family: icomoon;
display: inline-block;
width: 14px;
height: 14px;
vertical-align: top;
}
.i-checkbox__text {
display: inline-block;
white-space: pre-wrap;
max-width: 95%;
}
.i-checkbox__input:checked + .i-checkbox__label {
color: #000;
}
.i-checkbox__input:checked + .i-checkbox__label .i-checkbox__icon {
border-color: #ed1c24;
background: #ed1c24;
color: #fff;
}
.i-checkbox__input:checked + .i-checkbox__label:hover .i-checkbox__icon {
opacity: .85;
}
.i-checkbox_right .i-checkbox__icon {
float: right;
margin: 0;
}
.i-checkbox_right .i-checkbox__label {
display: inline;
}
.i-checkbox_grey .i-checkbox__icon {
background-color: transparent;
border-color: #d0d2d5;
}
.i-radio {
display: inline-block;
line-height: 18px;
}
.i-radio__input {
display: none;
}
.i-radio__label {
display: inline-block;
white-space: nowrap;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.i-radio__label:hover .i-radio__icon {
border-color: #b8bbc0;
}
.i-radio__icon {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin-right: 7px;
vertical-align: text-bottom;
line-height: 1;
border: 2px solid #eceded;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
color: transparent;
cursor: pointer;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.i-radio__icon:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
margin: -5px 0 0 -5px;
background: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-transition: all 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition: all 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.i-radio__text {
display: inline-block;
white-space: normal;
}
.i-radio__input:checked + .i-radio__label {
color: #000;
}
.i-radio__input:checked + .i-radio__label .i-radio__icon {
border-color: #ed1c24;
}
.i-radio__input:checked + .i-radio__label .i-radio__icon:before {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
background: #ed1c24;
}
.i-form_worksheet .i-form__row {
padding: 20px;
}
.i-form_worksheet .i-form__row_head {
border-bottom: 1px solid #f5f6f6;
}
.i-form_worksheet .i-form__row_grey {
margin-bottom: 0;
background-color: #f5f6f6;
border-bottom: 1px solid #eceded;
}
.i-form_worksheet .i-form__row_grey:last-child {
border-bottom-color: transparent;
}
.i-form_worksheet .i-form__list_radio {
margin-bottom: 20px;
}
.i-form_worksheet .i-form__buttons {
padding: 20px 0;
}
.i-form__row {
margin-bottom: 20px;
}
.i-form__row_mb10 {
margin-bottom: 10px;
}
.i-form__row_submit {
text-align: center;
}
.i-form__row_submit-outbound {
text-align: center;
}
.i-form__list {
margin-left: -20px;
}
.i-form__list_datetime {
margin-left: -10px;
}
.i-form__item {
display: inline-block;
vertical-align: top;
width: 100%;
padding-left: 20px;
margin-bottom: 20px;
}
.i-form__item:last-child {
margin-bottom: 0;
}
.i-form__item_date {
position: relative;
width: 50%;
margin-bottom: 0;
padding-left: 10px;
}
.i-form__item_time {
width: 50%;
margin-bottom: 0;
padding-left: 10px;
}
.i-form__item_radio {
width: 100%;
}
.i-form__label {
display: block;
margin-bottom: 10px;
}
.i-form__input[type="text"], .i-form__input[type="email"], .i-form__input[type="tel"], .i-form__textarea {
width: 100%;
padding: 5px 10px;
border: 1px solid #e0e0e0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #fff;
}
.i-form__select {
width: 100%;
}
.i-form__select .i-select__select {
padding: 4px 17px 4px 6px;
border: 1px solid #e0e0e0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #fff;
color: #000;
}
.i-form__select .i-select__select:hover {
border-color: #b8bbc0;
}
.i-form__select:after {
right: 5px;
}
.i-form__text {
margin: 30px 0;
line-height: 1.46666;
font-size: inherit;
}
.i-form__text A {
color: #ed1c24;
}
@media (min-width: 48em) {
.i-form_worksheet {
width: 730px;
}
.i-form_worksheet .i-form__item {
width: 260px;
}
.i-form_worksheet .i-form__item_radio {
width: auto;
margin-bottom: 20px;
margin-right: 0;
}
.i-form__list_radio .i-form__label {
display: inline-block;
margin-right: 40px;
margin-bottom: 0;
}
.i-form__item_radio {
width: auto;
margin-right: 40px;
}
.i-form__item_half {
width: 50%;
margin-bottom: 0;
}
.i-form__item_date {
width: 127px;
}
.i-form__item_time {
width: 139px;
}
}
@media (min-width: 64em) {
.i-form_worksheet {
width: 985px;
}
.i-form__row_submit-outbound {
width: 200%;
margin-left: -100%;
}
}
.i-required:after {
content: '*';
color: #ed1c24;
}
.i-highlight {
white-space: nowrap;
box-shadow: 3px 0 0 #fffac4, -3px 0 0 #fffac4;
background: #fffac4;
}
@font-face {
font-display: swap;
font-family: "Avenir Next Cyr W00 Thin";
src: url("fonts/1491466/65f66e6b-d28d-4c94-b661-66511860c2c7.eot?#iefix");
src: url("fonts/1491466/65f66e6b-d28d-4c94-b661-66511860c2c7.eot?#iefix") format("eot"), url("fonts/1491466/0b79d335-83f4-416a-b9b7-0e81d6258db7.woff2") format("woff2"), url("fonts/1491466/ab86f3dc-10a7-4bf1-bab8-e84f506f6d45.woff") format("woff"), url("fonts/1491466/e0f6c0c2-cd05-4327-acb3-5543c3d7feac.ttf") format("truetype"), url("fonts/1491466/0e59386d-0330-4e45-8bdd-026fc0e73d71.svg#0e59386d-0330-4e45-8bdd-026fc0e73d71") format("svg");
}
@font-face {
font-display: swap;
font-family: "Avenir Next Cyr W00 Regular";
src: url("fonts/1491474/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot?#iefix");
src: url("fonts/1491474/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot?#iefix") format("eot"), url("fonts/1491474/7db1f672-3a8f-4d19-9c49-7f61aed450b5.woff2") format("woff2"), url("fonts/1491474/4ab86b35-c0c2-42b5-98ad-4b6eba66b197.woff") format("woff"), url("fonts/1491474/276b3566-1c3b-4bc1-8915-15314f091f29.ttf") format("truetype"), url("fonts/1491474/5d02f5f4-46e7-453a-aef9-3e7106d7bb68.svg#5d02f5f4-46e7-453a-aef9-3e7106d7bb68") format("svg");
}
@font-face {
font-display: swap;
font-family: "Avenir Next Cyr W00 Bold";
src: url("fonts/1491486/fb4117a5-14ee-4035-8692-935bfff7fc2e.eot?#iefix");
src: url("fonts/1491486/fb4117a5-14ee-4035-8692-935bfff7fc2e.eot?#iefix") format("eot"), url("fonts/1491486/4c04fb14-abdb-4f93-82bb-734d1b84307b.woff2") format("woff2"), url("fonts/1491486/04d2f223-2786-40c9-8481-be9dd47d8e7f.woff") format("woff"), url("fonts/1491486/bce3274e-f498-48ae-b269-a6930df496e7.ttf") format("truetype"), url("fonts/1491486/68f0375d-f66f-4f88-822a-5a0b61d2efc0.svg#68f0375d-f66f-4f88-822a-5a0b61d2efc0") format("svg");
}
@font-face {
font-family: 'icomoon';
src: url("fonts/icomoon.eot?kz2wgv");
src: url("fonts/icomoon.eot?kz2wgv#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?kz2wgv") format("truetype"), url("fonts/icomoon.woff?kz2wgv") format("woff"), url("fonts/icomoon.svg?kz2wgv#icomoon") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
}
.icon-filter-01:before {
content: "";
}
.icon-filter-02:before {
content: "";
}
.icon-filter-03:before {
content: "";
}
.icon-filter-04:before {
content: "";
}
.icon-filter-05:before {
content: "";
}
.icon-filter-06:before {
content: "";
}
.icon-filter-07:before {
content: "";
}
.icon-filter-08:before {
content: "";
}
.icon-filter-09:before {
content: "";
}
.icon-filter-10:before {
content: "";
}
.icon-filter-11:before {
content: "";
}
.icon-filter-12:before {
content: "";
}
.icon-filter-13:before {
content: "";
}
.icon-ihrsa-phone:before {
content: "";
}
.icon-ihrsa-target:before {
content: "";
}
.icon-ihrsa-user:before {
content: "";
}
.icon-ihrsa-docs:before {
content: "";
}
.icon-ihrsa-pass:before {
content: "";
}
.icon-thumb:before {
content: "";
}
.icon-card-service-1:before {
content: "";
}
.icon-card-service-2:before {
content: "";
}
.icon-card-service-3:before {
content: "";
}
.icon-card-service-4:before {
content: "";
}
.icon-card-service-5:before {
content: "";
}
.icon-card-service-6:before {
content: "";
}
.icon-card-service-7:before {
content: "";
}
.icon-card-service-8:before {
content: "";
}
.icon-card-service-9:before {
content: "";
}
.icon-card-service-10:before {
content: "";
}
.icon-card-service-11:before {
content: "";
}
.icon-card-service-12:before {
content: "";
}
.icon-card-type-1:before {
content: "";
}
.icon-card-type-2:before {
content: "";
}
.icon-card-type-3:before {
content: "";
}
.icon-card-type-4:before {
content: "";
}
.icon-card-type-5:before {
content: "";
}
.icon-card-type-6:before {
content: "";
}
.icon-card-type-7:before {
content: "";
}
.social__link{
background-color: #fff;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
}
.social__link:hover{
background-color: var(--primary-red) !important;
}
.icon-fb {
-webkit-mask-image: url('/img/new/facebook.svg');
mask-image: url('/img/new/facebook.svg');
}
.icon-viber{
-webkit-mask-image: url('/img/new/viber.svg');
mask-image: url('/img/new/viber.svg');
}
.icon-whatsapp{
-webkit-mask-image: url('/img/new/whatsapp.svg');
mask-image: url('/img/new/whatsapp.svg');
}
.icon-skype{
-webkit-mask-image: url('/img/new/skype.svg');
mask-image: url('/img/new/skype.svg');
}
.icon-instagram {
-webkit-mask-image: url('/img/new/instagram.svg');
mask-image: url('/img/new/instagram.svg');
}
.icon-twitter:before {
content: "";
}
.icon-odnoklassniki {
-webkit-mask-image: url('/img/new/odnoklassniki.svg');
mask-image: url('/img/new/odnoklassniki.svg');
}
.icon-appstore{
background-image: url('/img/new/appstore.svg');
}
.icon-googleplay{
background-image: url('/img/new/googleplay.svg');
}
.icon-appstore, .icon-googleplay{
width: 102px !important;
height: 43px !important;
background-color: #323E48;
display: inline-block;
background-position: center;
background-repeat: no-repeat;
padding: 12px 16px;
border-radius: 10px;
transition: all .5s;
}
.icon-appstore:hover, .icon-googleplay:hover,.icon-appstore:hover, .icon-googleplay:hover {
background-color: var(--primary-red);
}
.icon-maptarget{
-webkit-mask-image: url('/img/new/mappopup.svg');
mask-image: url('/img/new/mappopup.svg');
width: 9px !important;
height: 12px !important;
display: block;
}
.icon-vk {
-webkit-mask-image: url('/img/new/vk.svg');
mask-image: url('/img/new/vk.svg');
}
.icon-youtube:before {
content: "";
}
.icon-arrowdown{
background: center url('/img/new/arrowdown.svg') no-repeat;
width: 8px;
height: 14px;
display: inline-block;
}
.icon-spu{
-webkit-mask-image: url('/img/new/spu-logo.png');
mask-image: url('/img/new/spu-logo.png');
width: 68px;
height: 18px;
display: flex;
background-color: #fff;
}
.icon-telegram {
-webkit-mask-image: url('/img/new/telegram.svg');
mask-image: url('/img/new/telegram.svg');
background-size: contain;
}
.icon-tel{
-webkit-mask-image: url('/img/new/phonecall.svg');
mask-image: url('/img/new/phonecall.svg');
height: 12px !important;
width: 20px !important;
}
.icon-pdf:before {
content: "";
}
.icon-info:before {
content: "";
}
.icon-present:before {
content: "";
}
.icon-photo:before {
content: "";
}
.icon-close-2:before {
content: "";
}
.icon-check:before {
content: "";
}
.icon-close-1:before {
content: "";
}
.icon-money:before {
content: "";
}
.icon-time:before {
content: "";
}
.icon-add:before {
content: "";
}
.icon-arrow-down:before {
content: "";
}
.icon-arrow-left:before {
content: "";
}
.icon-arrow-right:before {
content: "";
}
.icon-calendar:before {
content: "";
}
.icon-favorite:before {
content: "";
}
.icon-lk {
background-image: url('/img/new/user.svg');
width: 11px;
height: 12px;
}
.icon-timetable {
background-image: url('/img/new/timetable.svg');
width: 12px;
height: 12px;
}
.icon-mix:before {
content: "";
}
.icon-print:before {
content: "";
}
.icon-question:before {
content: "";
}
.icon-schedule:before {
content: "";
}
.icon-search:before {
content: "";
}
.icon-target:before {
content: "";
}
.icon-promo-01:before {
content: "";
}
.icon-promo-02:before {
content: "";
}
.icon-promo-03:before {
content: "";
}
.icon-promo-04:before {
content: "";
}
.icon-promo-05:before {
content: "";
}
.icon-promo-06:before {
content: "";
}
.icon-promo-07:before {
content: "";
}
.icon-promo-08:before {
content: "";
}
.icon-promo-09:before {
content: "";
}
.icon-promo-10:before {
content: "";
}
.icon-promo-11:before {
content: "";
}
.icon-promo-12:before {
content: "";
}
.icon-promo-13:before {
content: "";
}
#cboxLoadedContent {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0;
}
#cboxContent {
background-color: #6e7177;
min-width: 320px;
margin-top: 0;
color: #fff;
}
#cboxClose {
right: 15px;
top: 14px;
text-indent: 0;
font-size: 0;
background: none;
width: 25px;
height: 25px;
}
#cboxClose:before {
content: '\e91d';
font-family: 'icomoon';
font-size: 24px;
color: #fff;
}
#cboxOverlay {
background-color: #000;
}
#cboxWrapper,
#cboxContent,
#cboxLoadedContent {
background-color: #6e7177;
}
#colorbox.b-modal_right {
position: absolute !important;
top: 45px !important;
left: auto !important;
right: 0 !important;
}
#colorbox.b-modal_right #cboxWrapper,
#colorbox.b-modal_right #cboxContent,
#colorbox.b-modal_right #cboxLoadedContent {
width: 100% !important;
height: 100% !important;
margin: 0;
}
#colorbox.modal_filter #cboxWrapper,
#colorbox.modal_filter #cboxContent,
#colorbox.modal_filter #cboxLoadedContent {
background-color: #fff;
color: #000;
}
#colorbox.modal_filter #cboxClose {
right: 20px;
top: 10px;
background: none;
}
#colorbox.modal_filter #cboxClose:before {
color: #ed1c24;
}
@media (min-width: 48em) {
#colorbox.modal_filter #cboxClose {
right: 55px;
}
}
#colorbox.modal_bottom {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
}
#colorbox.modal_bottom #cboxClose {
right: 20px;
}
#colorbox.modal_bottom #cboxWrapper,
#colorbox.modal_bottom #cboxContent,
#colorbox.modal_bottom #cboxLoadedContent {
position: absolute !important;
width: 100% !important;
height: 100% !important;
margin: 0;
}
#colorbox.modal_card #cboxWrapper,
#colorbox.modal_card #cboxContent,
#colorbox.modal_card #cboxLoadedContent {
background-color: #eceded;
}
#colorbox.modal_card #cboxLoadedContent {
overflow: hidden !important;
}
#colorbox.modal_vac #cboxWrapper,
#colorbox.modal_vac #cboxContent,
#colorbox.modal_vac #cboxLoadedContent {
background-color: #fff;
}
#colorbox.modal_vac #cboxClose:before {
color: #000;
}
#colorbox.modal_event #cboxWrapper,
#colorbox.modal_event #cboxContent,
#colorbox.modal_event #cboxLoadedContent {
background-color: #fff;
}
#colorbox.modal_event #cboxClose:before {
color: #000;
}
.mfp-s-loading .mfp-preloader:before {
text-indent: -12345px;
-moz-animation: spinner .7s infinite linear;
-o-animation: spinner .7s infinite linear;
}
.mfp-s-loading .mfp-preloader {
font-size: 0;
margin-top: -25px;
left: -25px;
right: 0;
}
.mfp-s-loading .mfp-preloader:before {
content: '';
width: 50px;
height: 50px;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
font-size: 10px;
border-top: 2px solid rgba(255, 255, 255, 0.08);
border-right: 2px solid rgba(255, 255, 255, 0.08);
border-bottom: 2px solid rgba(255, 255, 255, 0.08);
border-left: 2px solid rgba(255, 255, 255, 0.5);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-animation: spinner .7s infinite linear;
-ms-animation: spinner .7s infinite linear;
animation: spinner .7s infinite linear;
z-index: 100001;
}
.mfp-close {
right: 15px;
top: 14px;
text-indent: 0;
font-size: 0;
background: none;
width: 25px;
height: 25px;
line-height: 25px;
}
.mfp-close:active {
top: 14px;
}
.mfp-close:before {
content: '\e91d';
font-family: 'icomoon';
font-size: 24px;
color: #fff;
}
.modal_vac .mfp-close:before,
.modal_event .mfp-close:before {
color: #000;
}
.modal_filter .mfp-close:before {
color: #ed1c24;
}
@media (max-width: 85.365em) {
.mfp-container {
padding: 0;
}
}
.mfp-zoom-in {
}
.mfp-zoom-in .mfp-container {
opacity: 0;
transition: all 0.3s ease-in-out;
transform: scale(0.4);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-container {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-container {
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-move-from-top {
}
.mfp-move-from-top .mfp-content {
opacity: 0;
transition: all .4s;
transform: translateY(-20px);
}
.mfp-move-from-top.mfp-bg {
opacity: 0;
transition: all .4s;
}
.mfp-move-from-top.mfp-ready .mfp-content {
opacity: 1;
transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-container {
transform: translateY(-30px);
opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-move-horizontal {
}
.mfp-move-horizontal .mfp-container {
opacity: 1;
transition: all 0.8s;
transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
opacity: 0;
transition: all 0.8s;
}
.mfp-move-horizontal.mfp-ready .mfp-container {
opacity: 1;
transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-container {
transform: translateX(50px);
opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
opacity: 0;
}
.slick-dots {
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
display: inline-block;
margin-left: -20px;
}
.slick-dots li {
display: inline-block;
vertical-align: middle;
font-size: 0;
}
.slick-dots button {
display: inline-block;
vertical-align: middle;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
margin-left: 20px;
width: 6px;
height: 6px;
padding: 0;
border: 0;
outline: none;
background-color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.slick-dots .slick-active button {
background-color: #ed1c24;
border: 2px solid #fff;
}
.slick-slider:hover .slick-next,
.slick-slider:hover .slick-prev {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
visibility: visible;
}
.slick-prev,
.slick-next {
color: #fff;
font-size: 0;
position: absolute;
border: 2px solid;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 40px;
height: 40px;
padding: 5px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
outline: none;
top: 36%;
margin-top: 20px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 1;
background-color: transparent;
z-index: 1;
background-color: #ed1c24;
}
.slick-prev:hover,
.slick-next:hover {
background-color: #ed1c24;
border-color: transparent;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.slick-prev:before,
.slick-next:before {
font-family: icomoon;
font-size: 14px;
}
.slick-prev {
left: 25px;
}
.slick-prev:before {
content: '\e90c';
}
.slick-next {
right: 25px;
}
.slick-next:before {
content: '\e90d';
}
.events-slider .slick-prev,
.events-slider .slick-next {
color: #b8bbc0;
background-color: #fff;
z-index: 10;
}
.events-slider .slick-prev {
left: 2%;
}
.events-slider .slick-next {
right: 2%;
}
.events-slider .slick-prev:hover,
.events-slider .slick-next:hover {
color: #fff;
background-color: #ed1c24;
}
.card-types .slick-dots {
margin-left: -10px;
bottom: -45px;
}
@media (min-width: 85.375em) {
.card-types .slick-track {
margin: 0 auto;
}
}
@media (min-width: 85.375em) {
.promo-slider .slick-prev {
left: 50%;
margin-left: -650px;
width: 40px;
height: 40px;
}
.promo-slider .slick-next {
right: 50%;
margin-right: -650px;
width: 40px;
height: 40px;
}
}
.mCSB_inside > .mCSB_container {
margin-right: 0;
}
.mCSB_scrollTools .mCSB_dragger {
z-index: 0;
}
.header__choose .mCSB_scrollTools {
margin-bottom: 178px;
margin-top: 10px;
}
.event-photo .fotorama__thumb-border {
border-color: #ed1c24;
}
.event-photo .fotorama__arr {
background: none;
}
.event-photo .fotorama__arr:before {
content: '';
font-family: icomoon;
width: 40px;
height: 40px;
font-size: 14px;
padding: 10px;
border: 1px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: #fff;
}
.event-photo .fotorama__arr:hover:before {
background-color: #ed1c24;
border: 1px solid #ed1c24;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.event-photo .fotorama__arr--next {
right: 20px;
}
.event-photo .fotorama__arr--next:before {
content: '\e90d';
}
.event-photo .fotorama__arr--prev {
left: 20px;
}
.event-photo .fotorama__arr--prev:before {
content: '\e90c';
}
.clubs-filter__content .mCSB_scrollTools {
width: 5px;
opacity: 1 !important;
-webkit-border-radius: 0 0 2px 0;
-moz-border-radius: 0 0 2px 0;
border-radius: 0 0 2px 0;
}
.clubs-filter__content .mCSB_draggerContainer {
overflow: hidden;
-webkit-border-radius: 0 2px 0 0;
-moz-border-radius: 0 2px 0 0;
border-radius: 0 2px 0 0;
}
.clubs-filter__content .mCSB_draggerRail {
width: 5px;
background: #d9dadd;
opacity: 1 !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.clubs-filter__content .mCSB_dragger .mCSB_dragger_bar,
.clubs-filter__content .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background: #ff000a;
opacity: 1;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.clubs-filter__content .mCSB_dragger .mCSB_dragger_bar {
opacity: .85;
}
@media (max-width: 47.99em) {
#colorbox {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
}
#colorbox #cboxWrapper,
#colorbox #cboxContent,
#colorbox #cboxLoadedContent {
position: absolute !important;
width: 100% !important;
height: 100% !important;
margin: 0;
}
}
.edit-area {
line-height: 1.4;
font-size: 15px;
}
.edit-area H1 {
margin: 0 0 20px;
line-height: 1.4;
font-size: 26px;
}
.edit-area H2 {
margin: 0 0 20px;
line-height: 1.4;
font-size: 22px;
}
.edit-area H3 {
margin: 0 0 18px;
line-height: 1.4;
font-size: 20px;
}
.edit-area H4 {
margin: 0 0 15px;
line-height: 1.4;
font-size: 18px;
}
.edit-area H5 {
margin: 0 0 15px;
line-height: 1.4;
font-size: 16px;
}
.edit-area H6 {
margin: 0 0 15px;
line-height: 1.4;
font-size: 15px;
}
.edit-area P {
margin-bottom: 15px;
}
.edit-area B,
.edit-area STRONG {
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
}
.edit-area EM, .edit-area I {
font-style: italic;
}
.edit-area BLOCKQUOTE, .edit-area Q {
margin: 0 0 15px;
padding: 0 0 0 15px;
line-height: 1.4;
font-size: 15px;
font-style: italic;
border-left: 2px solid #b8bbc0;
color: #7a7d84;
}
.edit-area SMALL {
font-size: 13px;
}
.edit-area BIG {
font-size: 17px;
}
.edit-area A {
color: #ed1c24;
}
.edit-area A:hover {
border-bottom: 1px solid;
}
.edit-area UL {
margin: 0 0 15px;
padding: 0 0 0 20px;
list-style: outside disc;
}
.edit-area OL {
margin: 0 0 15px;
padding: 0 0 0 20px;
list-style: outside decimal;
}
.edit-area LI {
margin: 0 0 10px;
}
.edit-area TABLE {
width: 100%;
margin-bottom: 15px;
}
.edit-area TH, .edit-area TD {
padding: 5px;
border: 1px solid #eceded;
}
.edit-area TH {
vertical-align: bottom;
text-align: left;
font-size: 14px;
color: #7a7d84;
}
.edit-area TD {
vertical-align: top;
}
@media (min-width: 48em) {
.edit-area H1 {
margin-bottom: 25px;
font-size: 36px;
}
.edit-area H2 {
margin-bottom: 25px;
font-size: 26px;
}
.edit-area H3 {
margin-bottom: 20px;
font-size: 22px;
}
.edit-area H4 {
margin-bottom: 20px;
font-size: 20px;
}
.edit-area H5 {
margin-bottom: 15px;
font-size: 18px;
}
.edit-area H6 {
margin-bottom: 15px;
font-size: 14px;
}
.edit-area P {
margin-bottom: 20px;
}
.edit-area BLOCKQUOTE, .edit-area Q {
margin-bottom: 20px;
padding: 5px 0 5px 15px;
}
.edit-area TH, .edit-area TD {
padding: 8px 10px;
}
.edit-area TH {
font-size: 15px;
}
}
@media (min-width: 64em) {
.edit-area H1 {
font-size: 42px;
}
.edit-area H2 {
font-size: 32px;
}
.edit-area H3 {
font-size: 26px;
}
.edit-area H4 {
font-size: 22px;
}
.edit-area H5 {
font-size: 18px;
}
.edit-area H6 {
font-size: 14px;
}
.edit-area UL {
margin: 0 0 20px;
}
.edit-area OL {
margin: 0 0 20px;
}
.edit-area TH, .edit-area TD {
padding: 10px 15px;
}
}
@media (min-width: 85.375em) {
.edit-area {
font-size: 16px;
}
.edit-area H1 {
font-size: 54px;
}
.edit-area H2 {
font-size: 42px;
}
.edit-area H3 {
font-size: 36px;
}
.edit-area H4 {
font-size: 28px;
}
.edit-area H5 {
font-size: 18px;
}
.edit-area H6 {
font-size: 14px;
}
}
.social {
font-size: 0;
line-height: 30px;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
color: #fff;
}
.social__item {
display: inline-block;
vertical-align: middle;
font-size: 15px;
margin-left: 10px;
}
.social__item:first-child {
margin-left: 0 !important;
}
.social__link {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.social__link:before {
position: absolute;
top: 8px;
left: 8px;
}
.social_colored .social__item {
margin-left: 25px;
}
.social_colored .social__link {
color: #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.social_colored .social__link:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}
.social_colored .social__link.icon-fb {
background-color: #4267B2;
}
.social_colored .social__link.icon-instagram {
background-color: #3f729b;
}
.social_colored .social__link.icon-youtube {
background-color: #cd201f;
}
.social_colored .social__link.icon-whatsapp {
background-color: #25D366;
}
.social_colored .social__link.icon-viber {
background-color: #7360F2;
}
.social_colored .social__link.icon-skype {
background-color: #009EDC;
}
.social_colored .social__link.icon-telegram {
-webkit-mask-image:url('/img/new/telegram.svg');
mask-image: url('/img/new/telegram.svg');
width: 28px;
height: 28px;
background-color: #2AABEE;
}
.social_colored .social__link.icon-twitter {
background-color: #54aced;
}
.social_colored .social__link.icon-odnoklassniki {
background-color: orange;
}
.social_colored .social__link.icon-vk {
background-color: #4e6e92;
}
.social_colored *[class*='icon-']{
transition: all .5s;
}
.slider-banner__image {
display: block;
width: 100%;
height: auto;
}
.slider-banner .slick-dots {
bottom: 10px;
}
.clubs-choose {
position: relative;
width: 100%;
padding: 40px;
background-color: #6e7177;
color: #fff;
}
.clubs-choose__title {
font-family: "Avenir Next Cyr W00 Regular", sans-serif;
font-weight: 100;
font-weight: 100;
font-size: 32px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
margin-bottom: 30px;
}
.clubs-choose__list {
margin-left: -40px;
display: block;
position: relative;
text-align: left;
}
.clubs-choose__col {
margin-left: 40px;
display: inline-block;
vertical-align: top;
text-align: left;
}
.clubs-choose__col.is-empty {
display: none;
}
.clubs-choose__row {
margin-bottom: 50px;
}
.clubs-choose__item {
position: relative;
margin-bottom: 20px;
border: 1px solid transparent;
}
.clubs-choose__item:hover:before {
content: '';
position: absolute;
top: -10px;
bottom: -10px;
left: -10px;
right: -10px;
background-color: #7a7d84;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.clubs-choose__item_active:before {
content: '';
position: absolute;
top: -10px;
bottom: -10px;
left: -10px;
right: -10px;
border: 1px solid #7a7d84;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.clubs-choose__item_active:after {
content: '\e91e';
font-family: icomoon;
position: absolute;
top: 0;
right: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #ed1c24;
color: #fff;
font-size: 10px;
padding: 3px;
}
.clubs-choose__item-title {
display: inline-block;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
width: 100%;
}
.clubs-choose__item-text {
display: inline-block;
width: 100%;
font-weight: 100;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
@media (min-width: 48em) {
.clubs-choose {
width: 730px;
margin: 0 auto;
}
.clubs-choose__title {
font-size: 48px;
}
.clubs-choose__col {
width: 260px;
}
}
@media (min-width: 64em) {
.clubs-choose {
width: 985px;
}
}
@media (min-width: 85.375em) {
.clubs-choose {
width: 1300px;
margin: 0 auto 100px;
padding: 20px 0;
}
.clubs-choose__col {
width: 220px;
}
}
.cities {
width: 100%;
position: relative;
padding: 40px;
background-color: #6e7177;
color: #fff;
}
.cities__list {
display: block;
position: relative;
text-align: center;
}
.cities__col {
display: block;
vertical-align: top;
text-align: left;
}
.cities__item {
position: relative;
margin-bottom: 20px;
}
.cities__item_main {
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
}
@media (min-width: 48em) {
.cities {
width: 720px;
margin: 0 auto;
}
.cities__left, .cities__right {
display: inline-block;
vertical-align: top;
width: 50%;
}
}
@media (min-width: 64em) {
.cities {
width: 960px;
}
.cities__left {
width: 33.3%;
}
.cities__right {
width: 66.6%;
}
.cities__list {
display: inline-block;
vertical-align: top;
width: 50%;
}
}
@media (min-width: 85.375em) {
.cities {
width: 1340px;
margin: 0 auto;
}
.cities__col {
display: inline-block;
vertical-align: top;
width: 50%;
}
.cities__col_pos_0 {
width: 100%;
}
.cities__left {
width: 20%;
}
.cities__right {
width: 80%;
}
.cities__list {
text-align: left;
}
}
.events {
background-color: #fff;
padding: 20px;
text-align: center;
}
.events_grey {
background-color: #f5f6f6;
}
.events_page {
padding: 20px 0;
background-color: transparent;
text-align: left;
}
.events__head {
margin-bottom: 20px;
padding: 0 20px;
}
.events__checkbox {
margin-right: 20px;
}
.events__checkbox:last-child {
margin-right: 0;
}
.events__body {
background-color: #fff;
padding: 30px 20px;
}
.events__list-item {
display: inline-block;
vertical-align: top;
width: 100%;
margin-bottom: 20px;
}
.events__title {
font-size: 26px;
font-family: "Avenir Next Cyr W00 Regular", sans-serif;
font-weight: 100;
font-weight: 100;
}
.events__link {
color: #ed1c24;
}
@media (min-width: 48em) {
.events {
padding: 30px 20px;
}
.events_page {
padding: 0px 0px 30px;
}
.events_page .events__head {
margin: 0 auto 20px;
}
.events_page .events__body-content {
width: 730px;
margin: 0 auto;
}
.events_page .events__title {
font-size: 36px;
line-height: 40px;
margin-left: -2px;
}
.events__title {
margin-bottom: 30px;
}
.events__list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -20px;
}
.events__list-item {
width: 30.5%;
width: calc(33.33% - 20px);
margin-left: 20px;
display: inline-block;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 64em) {
.events_page .events__head {
margin: 0 auto;
}
.events_page .events__body-content {
width: 985px;
}
.events_page .events__title {
font-size: 42px;
margin-left: -4px;
}
.events__filters-col {
display: inline-block;
vertical-align: top;
}
.events__filters-col_filter {
width: 700px;
}
.events__filters-col_checkbox {
line-height: 30px;
float: right;
overflow: hidden;
}
.events__list-item {
width: 31.2%;
width: calc(33.33% - 20px);
}
}
@media (min-width: 85.375em) {
.events_page .events__body-content {
width: 1300px;
}
.events_page .events__title {
font-size: 54px;
}
.events__filters-col_filter {
width: 990px;
}
.events__list-item {
width: 23.2%;
width: calc(25% - 20px);
}
}
.events-slider {
margin-bottom: 10px;
position: relative;
}
.events-slider:before {
content: '';
border-bottom: 1px solid #e6e6e6;
left: 0;
position: absolute;
z-index: 0;
right: 0;
top: 160px;
}
.events-slider__item {
text-align: center;
width: 260px;
margin-bottom: 20px;
position: relative;
z-index: 5;
}
.events-slider__item_old .events-slider__day:after,
.events-slider__item_old .events-slider__month:after,
.events-slider__item_old .events-slider__text:after,
.events-slider__item_old .events-slider__item-image:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
top: -1px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
-webkit-transition: 1s all;
-moz-transition: 1s all;
-o-transition: 1s all;
transition: 1s all;
background-color: #fff;
content: '';
}
.events-slider__item_old:hover .events-slider__day:after,
.events-slider__item_old:hover .events-slider__month:after,
.events-slider__item_old:hover .events-slider__text:after,
.events-slider__item_old:hover .events-slider__item-image:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
display: none;
}
.events-slider_grey .events-slider__item_old .events-slider__day:after,
.events-slider_grey .events-slider__item_old .events-slider__month:after,
.events-slider_grey .events-slider__item_old .events-slider__text:after,
.events-slider_grey .events-slider__item_old .events-slider__item-image:after {
background-color: #f5f6f6;
}
.events-slider__item_old .events-slider__date:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.events-slider__item_old:hover .events-slider__date:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.events-slider__item_old.slick-center .events-slider__date:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.events-slider__item_old.slick-center .events-slider__day:after,
.events-slider__item_old.slick-center .events-slider__month:after,
.events-slider__item_old.slick-center .events-slider__text:after,
.events-slider__item_old.slick-center .events-slider__item-image:after {
display: none;
opacity: 0;
-webkit-transition: 1s all;
-moz-transition: 1s all;
-o-transition: 1s all;
transition: 1s all;
}
.events-slider__item-image {
position: relative;
height: 110px;
width: 110px;
margin: 0 auto 30px;
overflow: hidden;
}
.events-slider__image {
height: 100%;
position: relative;
}
.events-slider__image_min {
display: none;
}
.events-slider__image_max {
display: block;
}
.slick-center .events-slider__item-image {
width: 210px;
}
.slick-center .events-slider__image_max {
display: inline-block ;
}
.slick-center .events-slider__image_min {
display: none;
}
.events-slider__date {
position: relative;
margin-bottom: 40px;
}
.events-slider__date:after {
content: '';
position: absolute;
bottom: -19px;
left: 50%;
background-color: #ed1c24;
height: 3px;
width: 48px;
margin-left: -24px;
}
.events-slider__day {
font-size: 48px;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
line-height: 36px;
position: relative;
display: inline-block;
background-color: #fff;
padding: 0 10px;
}
.events-slider_grey .events-slider__day {
background-color: #f5f6f6;
}
.events-slider__month {
font-size: 14px;
color: #b8bbc0;
position: relative;
}
.events-slider__text {
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
position: relative;
line-height: 20px;
}
.events-slider__link:hover {
color: #ed1c24;
}
@media (min-width: 85.375em) {
.events-slider__image_max {
-moz-transform: translateX(-60px);
-ms-transform: translateX(-60px);
-webkit-transform: translateX(-60px);
-o-transform: translateX(-60px);
transform: translateX(-60px);
-webkit-transition: 0.6s all;
-moz-transition: 0.6s all;
-o-transition: 0.6s all;
transition: 0.6s all;
}
.slick-center .events-slider__image_max {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 0.4s all;
-moz-transition: 0.4s all;
-o-transition: 0.4s all;
transition: 0.4s all;
}
}
.filter {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.filter_event {
padding: 30px 20px 20px;
text-align: center;
}
.filter_event .filter__cat {
margin-bottom: 0;
}
.filter_press {
text-align: center;
}
.filter_press .filter__cat-list {
display: block;
}
.filter_press .filter__cat-item {
display: inline-block;
}
.filter__types {
background-color: #7a7d84;
width: 100%;
padding: 0 20px 20px;
margin-bottom: 20px;
height: 40px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
position: relative;
}
.filter__types:after {
content: '\e90b';
font-family: icomoon;
position: absolute;
right: 10px;
top: 13px;
color: #fff;
}
.filter__types * {
opacity: 0;
}
.filter__types.is-active {
height: auto;
}
.filter__types.is-active:after {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.filter__types.is-active * {
opacity: 1;
}
.filter__cat {
margin-bottom: 20px;
}
.filter__cat-list {
display: none;
}
.filter__cat-select {
width: 100%;
margin-bottom: 10px;
}
.filter__cat-item {
margin-bottom: 5px;
}
.filter__cat-item.is-disable {
color: #b8bbc0;
cursor: default;
}
.filter__cat-item.is-active .filter__cat-link {
background-color: #7a7d84;
color: #fff;
}
.filter__cat-link {
display: inline-block;
padding: 6px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: inherit;
border-radius: 15px;
}
.filter__list {
text-align: center;
margin-bottom: 30px;
}
.filter__list-item {
display: inline-block;
margin-bottom: 5px;
}
.filter__list-item.is-disable {
color: #b8bbc0;
cursor: default;
}
.filter__list-item.is-active .filter__list-link {
background-color: #7a7d84;
color: #fff;
}
.filter__list-link {
display: inline-block;
padding: 6px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: inherit;
}
.filter__cancel {
margin-left: 10px;
}
.filter__select-item {
display: inline-block;
vertical-align: top;
margin-bottom: 5px;
width: 100%;
padding: 8px 30px 8px 10px;
}
.filter__title {
opacity: 1;
padding: 12px 13px;
margin: 0 -20px;
cursor: pointer;
color: #fff;
}
.filter-modal {
padding: 20px;
position: relative;
width: 100%;
background-color: #fff;
margin: 0 auto;
}
.filter-modal__title {
margin-bottom: 20px;
}
.filter-modal__list {
margin-bottom: 30px;
}
.filter-modal__item {
margin-bottom: 10px;
}
.filter-modal .i-checkbox__text {
width: 85%;
display: inline-block;
white-space: normal;
}
.filter-modal__input {
width: 100%;
}
@media (min-width: 48em) {
.filter-modal {
width: 280px;
border-radius: 25px;
}
}
@media (min-width: 48em) {
.filter__types {
background: transparent;
padding: 0;
height: auto;
}
.filter__types:after {
display: none;
}
.filter__types * {
opacity: 1;
}
.filter__title {
display: none;
}
.filter__select-list {
margin-left: -5px;
}
.filter__select-item {
width: 175px;
margin-left: 5px;
border-radius: 15px;
}
.filter__cat-select {
display: none;
}
}
.filter__cat-list {
display: block;
}
.filter__cat-item {
display: inline-block;
}
@media (min-width: 64em) {
__select-item {
width: 190px;
}
}
.teaser {
display: block;
position: relative;
width: 100%;
background: #f5f6f6;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
font-size: 15px;
text-align: left;
}
.teaser_active:hover {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
cursor: pointer;
}
.teaser__title{
border-bottom: 1px solid transparent;
transition: all .3s;
}
.teaser_active:hover .teaser__title{
border-bottom: 1px solid var(--primary-red);
}
.teaser_active:hover .about_button{
color: var(--primary-red);
border-color: var(--primary-red);
}
.teaser_active:hover .teaser__image-pic {
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: 2s all;
-moz-transition: 2s all;
-o-transition: 2s all;
transition: 2s all;
}
.teaser__image {
position: relative;
display: inline-block;
width: 100%;
height: auto;
line-height: 0;
margin: 0 auto;
overflow: hidden;
}
.teaser__image-pic {
width: 100%;
-webkit-transition: 2s all;
-moz-transition: 2s all;
-o-transition: 2s all;
transition: 2s all;
}
.teaser__image-text {
position: absolute;
bottom: 20px;
left: 20px;
padding: 0 10px;
background-color: #fff;
font-size: 14px;
line-height: 26px;
}
.teaser__desc {
padding: 15px 20px;
}
.teaser__title {
margin-bottom: 8px;
line-height: 24px;
font-size: 18px;
color: #ed1c24;
}
.teaser__date {
margin-bottom: 20px;
}
.teaser__text {
line-height: 22px;
font-size: 15px;
color: #000;
}
.teaser__meta {
padding: 15px 20px;
line-height: 20px;
border-top: 1px solid #e3e4e6;
color: #7a7d84;
}
.teaser__meta-icon {
vertical-align: -3px;
font-size: 18px;
color: #b8bbc0;
}
.teaser__meta-club {
overflow: hidden;
font-size: 14px;
}
.teaser__meta-club-name {
display: inline-block;
width: 100%;
}
.teaser__meta-clubs {
display: inline-block;
width: 50%;
}
.teaser__meta-schedule {
display: inline-block;
width: 50%;
text-align: right;
}
.teaser_inner {
padding-bottom: 90px;
}
.teaser_inner .teaser__text {
color: #7a7d84;
}
.teaser_inner .teaser__meta {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.teaser_inner .teaser__meta-icon {
float: left;
margin-right: 5px;
}
.teaser_special-offer {
background: #ed1c24;
}
.teaser_special-offer .teaser__image-text {
line-height: 28px;
font-size: 15px;
background: #7a7d84;
color: #fff;
}
.teaser_special-offer .teaser__desc {
padding: 12px 20px 22px;
}
.teaser_special-offer .teaser__title {
margin-bottom: 10px;
line-height: 26px;
font-size: 20px;
color: #fff;
}
.teaser_special-offer .teaser__text {
line-height: 26px;
font-size: 16px;
color: #fff;
}
.teaser_special-offer_lite {
background: #019548;
}
.teaser_special-offer_luxury {
background: #3c231c;
}
.teaser_program {
padding-bottom: 51px;
}
.teaser_program .teaser__summary {
margin-bottom: 12px;
line-height: 24px;
color: #000;
}
.teaser_program .teaser__text {
color: #7a7d84;
}
.teaser_program .teaser__meta {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
@media (min-width: 48em) {
.teaser__image {
height: 195px;
}
.teaser_special-offer .teaser__image-text {
bottom: auto;
left: auto;
top: 20px;
right: 20px;
}
.teaser_special-offer .teaser__desc {
padding: 14px 28px 22px;
}
.teaser_special-offer .teaser__title {
margin-bottom: 8px;
line-height: 32px;
font-size: 24px;
}
.teaser_program {
position: relative;
padding-bottom: 81px;
}
.teaser_program .teaser__meta {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.teaser_program .teaser__meta-clubs {
width: 100%;
margin-bottom: 10px;
}
.teaser_program .teaser__meta-schedule {
width: 100%;
text-align: left;
}
}
@media (min-width: 64em) {
.teaser_program {
padding-bottom: 51px;
}
.teaser_program .teaser__meta-clubs {
width: 50%;
margin-bottom: 0;
}
.teaser_program .teaser__meta-schedule {
width: 50%;
text-align: right;
}
}
.i-tag {
display: inline-block;
margin-right: 8px;
margin-bottom: 10px;
padding: 0 10px;
line-height: 28px;
font-size: 14px;
white-space: nowrap;
border: 1px solid #eceded;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
background: #fff;
color: #7a7d84;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.i-tag:hover {
background: #f5f6f6;
}
.i-tag:last-child {
margin-right: 0;
}
.i-tag_no-border {
line-height: 32px;
border: 0;
}
.i-tag_gray {
background-color: #eceded;
color: #000;
}
.i-tag_black {
color: #000;
}
.club-info {
font-size: 15px;
}
.club-info__logo {
margin-bottom: 30px;
}
.club-info__logo IMG {
display: block;
width: 120px;
}
.club-info__title {
display: inline-block;
margin-bottom: 10px;
line-height: 20px;
font-size: 18px;
color: #ed1c24;
}
.club-info__title:after {
background-color: #ed1c24;
}
.club-info__address {
margin-bottom: 18px;
line-height: 26px;
font-style: normal;
}
.club-info__link-schedule {
display: inline-block;
margin-bottom: 25px;
color: #ed1c24;
}
.club-info__link-schedule .icon-schedule {
vertical-align: -2px;
font-size: 17px;
color: #7a7d84;
}
.club-info__trainers {
font-size: 13px;
}
.club-info__trainers-title {
margin-bottom: 16px;
color: #7a7d84;
}
.club-info__trainers-list {
margin: 0;
}
.club-info__trainers-item {
margin-bottom: 12px;
}
.club-info__trainers-item:last-child {
margin-bottom: 0;
}
.club-info_mini .club-info__title {
margin-bottom: 5px;
font-size: 15px;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
}
.club-info_mini .club-info__address {
margin-bottom: 0;
line-height: 22px;
}
.club-info_lite .club-info__title {
color: #019548;
}
.club-info_lite .club-info__title:after {
background-color: #019548;
}
.club-info_lite .club-info__link-schedule {
color: #019548;
}
.club-info_new .club-info__title:after {
content: "Новый";
display: inline-block;
height: 20px;
margin-left: 17px;
padding: 0 7px;
vertical-align: top;
line-height: 20px;
font-size: 12px;
font-family: "Avenir Next Cyr W00 Regular", sans-serif;
font-weight: 100;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
@media (min-width: 48em) {
.club-info__logo IMG {
max-width: 155px;
}
.club-info_mini .club-info__title {
margin-bottom: 10px;
}
.club-info_mini .club-info__address {
line-height: 26px;
}
}
.i-switch {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.i-switch__list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
margin: 0;
font-size: 0;
}
.i-switch__item {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: inline-block;
font-size: 14px;
}
.i-switch__item:first-child .i-switch__link {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.i-switch__item:last-child .i-switch__link {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.i-switch__link {
display: block;
padding: 0 10px;
line-height: 32px;
white-space: nowrap;
text-align: center;
background: #fff;
color: #000;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.i-switch__link:hover {
color: #7a7d84;
}
.i-switch__item_active .i-switch__link {
background: #7a7d84;
color: #fff;
cursor: default;
}
@media (min-width: 48em) {
.i-switch__link {
padding: 0 15px;
}
}
.seo-text {
padding: 35px 20px;
background: #fff;
}
.seo-text__content {
line-height: 22px;
text-align: center;
font-size: 15px;
}
.seo-text__content P {
margin-bottom: 22px;
}
.seo-text__content :last-child {
margin-bottom: 0;
}
@media (min-width: 48em) {
.seo-text__content {
width: 680px;
margin: 0 auto;
}
}
@media (min-width: 64em) {
.seo-text {
padding: 45px 20px;
}
.seo-text__content {
width: 864px;
}
}
@media (min-width: 85.375em) {
.seo-text {
padding: 35px 20px;
}
.seo-text__content {
width: 680px;
}
}
.cards {
background-color: #ed1c24;
color: #fff;
padding: 20px;
font-size: 16px;
line-height: 26px;
position: relative;
}
.cards__title {
font-size: 26px;
margin-bottom: 20px;
}
.cards__text {
margin-bottom: 20px;
}
@media (min-width: 48em) {
.cards__title {
font-size: 36px;
line-height: 40px;
}
}
@media (min-width: 64em) {
.cards__title {
font-size: 42px;
}
}
@media (min-width: 85.375em) {
.cards {
padding-top: 50px;
}
.cards__title {
margin-bottom: 40px;
font-size: 54px;
}
.cards_page:after {
position: absolute;
bottom: -100px;
left: 0;
height: 100px;
width: 100%;
background-color: #ed1c24;
}
}
.cards-desc__link {
display: flex;
width: 100%;
margin-bottom: 20px;
gap: 10px;
}
.cards-desc__link:last-child {
margin-bottom: 0;
}
.cards-desc__icon {
font-size: 30px;
}
@media (min-width: 43em) {
.cards-desc {
width: 100%;
margin: 0 auto;
}
.cards-desc__columns {
display: flex;
justify-content: space-between;
}
.cards-desc__col {
display: inline-block;
vertical-align: top;
width: 50%;
}
.cards-desc__columns .cards-desc__col:last-child {
display: inline-flex;
flex-direction: column;
width: fit-content;
}
}
@media (min-width: 64em) {
.cards-desc {
}
}
@media (min-width: 85.375em) {
.cards-desc {
width: 1300px;
}
.cards-desc__col_links {
padding-left: 335px;
vertical-align: baseline;
}
}
.card-types {
padding: 30px 0;
text-align: center;
}
.card-types__title {
line-height: 32px;
margin-bottom: 20px;
}
.card-types__title-main {
font-size: 26px;
margin-bottom: 0;
}
.card-types__title-sub {
font-size: 16px;
}
.card-types__list {
margin-bottom: 40px;
}
.card-types__item {
text-align: center;
}
.card-types__ico {
display: inline-block;
vertical-align: middle;
width: 95px;
height: 70px;
margin-bottom: 10px;
text-align: center;
border: 2px dashed #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.card-types__ico:hover {
background-color: #fff;
border-style: solid;
color: #000;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.card-types__ico:before {
font-size: 34px;
display: inline-block;
vertical-align: middle;
line-height: 70px;
}
.card-types__name {
display: block;
width: auto;
font-size: 18px;
}
.card-types__buttons {
text-align: center;
}
@media (min-width: 48em) {
.card-types__list {
margin: 40px auto;
}
.card-types__ico {
width: 165px;
height: 120px;
margin: 0 0 20px;
}
.card-types__ico:before {
line-height: 120px;
}
}
@media (min-width: 85.375em) {
.card-types__list {
width: 1254px;
}
.card-types__item {
width: 180px !important;
}
}
.card-modal {
position: relative;
background-color: #fff;
text-align: center;
font-size: 15px;
}
.card-modal__head {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
color: #fff;
font-size: 16px;
padding: 40px 20px;
}
.card-modal__head:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.6);
}
.card-modal__head-text {
position: relative;
margin-bottom: 20px;
}
.card-modal__icon {
position: relative;
font-size: 34px;
margin-bottom: 20px;
}
.card-modal__title {
position: relative;
font-size: 24px;
margin-bottom: 20px;
}
.card-modal__text {
position: relative;
margin-bottom: 20px;
}
.card-modal__buttons {
position: relative;
}
.card-modal__presents {
font-size: 15px;
color: #ed1c24;
margin: 0 auto 20px;
width: 140px;
}
.card-modal__presents-icon {
font-size: 32px;
margin-bottom: 20px;
}
.card-modal__list-item {
margin-bottom: 30px;
}
.card-modal__content {
color: #000;
padding: 40px 20px;
}
.card-modal__content .card-modal__icon {
color: #7a7d84;
padding: 10px;
background-color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.card-modal__note {
color: #7a7d84;
}
@media (min-width: 48em) {
.card-modal {
width: 730px;
margin: 0 auto;
}
.card-modal__head {
padding: 80px 40px 40px;
}
.card-modal__head-text {
margin-bottom: 40px;
}
.card-modal__title {
font-size: 54px;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
margin-bottom: 80px;
}
.card-modal__icon_head {
position: relative;
}
.card-modal__icon_head:after {
content: '';
position: absolute;
width: 250px;
height: 180px;
border: 1px dashed;
margin: -25px 0 0 -148px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
}
.card-modal__presents {
position: absolute;
right: 20px;
bottom: 20px;
}
.card-modal__list-item {
display: inline-block;
vertical-align: top;
width: 50%;
padding: 0 60px;
}
}
@media (min-width: 64em) {
.card-modal {
width: 985px;
}
.card-modal__list-item {
width: 25%;
padding: 0 30px;
}
.card-modal__presents {
bottom: 30%;
}
}
.cards-more {
color: #fff;
font-size: 14px;
line-height: 22px;
}
.cards-more__title {
font-size: 20px;
margin-bottom: 20px;
position: relative;
z-index: 1;
}
.cards-more__list {
margin-bottom: 10px;
}
.cards-more__item {
margin-bottom: 5px;
}
.cards-more__item:last-child {
margin-bottom: 0;
}
.cards-more__link_all {
border-bottom: 1px solid;
}
.cards-more__link_all:hover {
border-color: transparent;
}
.cards-more__text {
font-size: 15px;
margin-bottom: 20px;
}
.cards-more__text:last-child {
margin-bottom: 0;
}
.cards-more__col {
padding: 20px;
margin-bottom: 20px;
}
.cards-more__col:last-child {
margin-bottom: 0;
}
.cards-more__col_faq {
background-color: #7a7d84;
}
.cards-more__col_features {
background-color: #ed1c24;
}
@media (min-width: 48em) {
.cards-more {
width: 730px;
margin: 0 auto 20px;
}
.cards-more__wrapper {
display: inline-table;
border-collapse: separate;
border-spacing: 20px;
margin: 0 -20px;
}
.cards-more__col {
display: table-cell;
width: 50%;
}
}
@media (min-width: 64em) {
.cards-more {
width: 985px;
}
}
@media (min-width: 85.375em) {
.cards-more {
width: 1300px;
}
.cards-more__title {
margin-bottom: 27px;
font-size: 24px;
}
.cards-more__col {
display: table-cell;
width: 33.333%;
padding: 30px 20px;
}
.cards-more__item {
margin-bottom: 10px;
}
.cards-more__add {
padding-top: 20px;
}
}
.map__zoom {
width: 34px;
height: 102px;
margin-right: 34px;
}
.map__zoom-control {
position: relative;
width: 34px;
height: 34px;
cursor: pointer;
opacity: .8;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.map__zoom-control:hover {
opacity: 1;
}
.map__zoom-control_in {
margin-bottom: 34px;
}
.map__zoom-control_in:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
margin-top: -1px;
background: #000;
}
.map__zoom-control_in:after {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 2px;
height: 100%;
margin-left: -1px;
background: #000;
}
.map__zoom-control_out:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
margin-top: -1px;
background: #000;
}
.map__marker {
position: absolute;
width: 22px;
height: 22px;
cursor: pointer;
background: #ed1c24;
border: 2px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.map__marker-beacon {
position: absolute;
top: 50%;
left: 50%;
height: 22px;
width: 22px;
margin: -11px 0 0 -11px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: -1;
opacity: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.map__marker-beacon:before, .map__marker-beacon:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
box-shadow: 0 0 0 2px #f00;
-webkit-box-shadow: 0 0 0 2px #f00;
-moz-box-shadow: 0 0 0 2px #f00;
opacity: 0;
-webkit-animation: active 2s infinite linear;
animation: active 2s infinite linear;
}
.map__marker-beacon:after {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.map__marker_lite {
background: #019548;
}
.map__marker_lite .map__marker-beacon:before,
.map__marker_lite .map__marker-beacon:after {
box-shadow: 0 0 0 2px #019548;
-webkit-box-shadow: 0 0 0 2px #019548;
-moz-box-shadow: 0 0 0 2px #019548;
}
.map__marker_luxury {
background: #3c231c;
}
.map__marker_luxury .map__marker-beacon:before,
.map__marker_luxury .map__marker-beacon:after {
box-shadow: 0 0 0 2px #fff;
-webkit-box-shadow: 0 0 0 2px #fff;
-moz-box-shadow: 0 0 0 2px #fff;
}
.map__marker.is-opened {
width: 12px;
height: 12px;
margin: 5px 0 0 5px;
border: 0;
}
.map__marker.is-opened .map__marker-beacon {
opacity: 1;
}
.map__marker.is-opened .marker-popup {
display: block;
}
@keyframes active {
0% {
-moz-transform: scale(0.25);
-ms-transform: scale(0.25);
-webkit-transform: scale(0.25);
-o-transform: scale(0.25);
transform: scale(0.25);
opacity: 1;
}
100% {
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
}
.marker-popup {
display: none;
position: relative;
left: 100%;
top: -214px;
z-index: 1;
width: 275px;
min-height: 227px;
margin-left: 10px;
text-align: left;
font-family: "Avenir Next Cyr W00 Regular", sans-serif;
font-weight: 100;
font-size: 15px;
background: #f00;
color: #fff;
cursor: default;
}
.marker-popup:before {
content: "";
position: absolute;
top: 213px;
right: 100%;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 7px 7px 0;
border-color: transparent #f00 transparent transparent;
}
.marker-popup__pic, .marker-popup__pic-img {
display: block;
width: 275px;
height: 184px;
}
.marker-popup__text {
padding: 25px 20px;
}
.marker-popup__type {
line-height: 23px;
font-size: 16px;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
}
.marker-popup__name {
margin-bottom: 16px;
line-height: 32px;
font-size: 28px;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
}
.marker-popup__address {
margin-bottom: 18px;
line-height: 26px;
font-style: normal;
}
.marker-popup__link {
font-size: 14px;
text-decoration: underline;
}
.marker-popup_lite {
background: #019548;
}
.marker-popup_lite:before {
border-right-color: #019548;
}
.marker-popup_luxury {
background: #3c231c;
}
.marker-popup_luxury:before {
border-right-color: #3c231c;
}
.article {
font-size: 16px;
line-height: 26px;
padding: 30px 0;
margin: 0 20px;
}
.article_news-one {
border-bottom: 1px solid #eceded;
margin-bottom: 30px;
}
.article__head {
position: relative;
margin-bottom: 20px;
}
.article__body {
position: relative;
}
.article__date {
display: inline-block;
color: #b8bbc0;
font-size: 14px;
margin-bottom: 20px;
}
.article__title {
font-size: 20px;
line-height: 30px;
letter-spacing: -0.4px;
margin-bottom: 20px;
}
.article__text {
margin-bottom: 20px;
}
.article__more {
margin: 30px 0;
}
.article__more-item {
display: inline-block;
vertical-align: middle;
width: 50%;
}
.article__more-item_print {
text-align: right;
color: #7a7d84;
font-size: 14px;
}
.article__more-item_print .i-icon {
font-size: 18px;
vertical-align: -2px;
}
@media (min-width: 48em) {
.article_news-one {
padding: 0 0 30px;
width: 730px;
margin: 0 auto;
}
.article_teaser .article__box {
width: 400px;
}
.article_teaser .article__box_floating {
position: absolute;
top: 0;
right: 0;
width: 310px;
}
.article__title {
font-size: 36px;
line-height: 46px;
width: 550px;
}
}
@media (min-width: 64em) {
.article_news-one {
width: 985px;
}
.article_teaser .article__box {
width: 630px;
}
.article_teaser .article__box_floating {
width: 310px;
}
}
@media (min-width: 85.375em) {
.article_news-one {
width: 1300px;
padding-left: 310px;
}
.article_news-one .article__date {
position: absolute;
top: 18px;
left: -100px;
width: 80px;
}
}
.staff-card {
position: relative;
}
.staff-card__image {
overflow: hidden;
display: block;
width: 140px;
margin-bottom: 15px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.staff-card__image-pic {
display: block;
width: 100%;
}
.staff-card__rating {
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 32px;
text-align: center;
border: 1px solid #b8bbc0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #ed1c24;
}
.staff-card__rating-icon {
position: relative;
z-index: 1;
line-height: 30px;
font-size: 15px;
}
.staff-card__rating-count {
position: absolute;
top: -2px;
right: -5px;
line-height: 9px;
padding: 0 2px;
text-align: right;
font-size: 11px;
background: #f5f6f6;
}
.staff-card__name {
display: inline-block;
margin-bottom: 3px;
line-height: 24px;
font-size: 18px;
}
.staff-card__position {
margin-bottom: 10px;
line-height: 30px;
color: #7a7d84;
}
.staff-card__text {
margin-bottom: 24px;
line-height: 22px;
}
.staff-card__phone {
margin-bottom: 18px;
}
.staff-card_manager .staff-card__image {
width: 70px;
}
.staff-card_trainer .staff-card__image {
width: 230px;
}
.staff-card_trainer .staff-card__name {
margin-bottom: 7px;
}
.staff-card_trainer .staff-card__text {
margin-bottom: 14px;
font-size: 15px;
}
@media (min-width: 48em) {
.staff-card__image {
float: left;
margin: 0 20px 0 0;
}
.staff-card__desc {
overflow: hidden;
}
.staff-card_manager .staff-card__image {
float: none;
width: 140px;
margin-bottom: 15px;
}
.staff-card_trainer .staff-card__image {
float: none;
width: clamp(180px, 10vw, 200px);
margin-bottom: 15px;
}
}
@media (min-width: 64em) {
.staff-card_manager .staff-card__image {
float: left;
margin: 0 20px 0 0;
}
}
.event-info {
background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover;
color: #fff;
}
.event-info__wrapper {
padding: 20px 20px 0;
}
.event-info__title {
margin: 40px 0;
}
.event-info__title-name {
font-size: 24px;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
text-transform: uppercase;
margin-bottom: 0;
}
.event-info__title-place {
font-size: 28px;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
}
.event-info__date {
color: #ed1c24;
font-size: 60px;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
margin-bottom: 20px;
}
.event-info__date-month {
font-size: 24px;
}
.event-info__address {
font-size: 16px;
margin-bottom: 20px;
}
.event-info__buttons {
padding: 30px 20px;
margin: 0 -20px;
text-align: center;
background: #7a7d84;
}
.event-info__buttons-col {
margin-bottom: 30px;
}
.event-info__buttons-col:last-child {
margin-bottom: 0;
}
@media (min-width: 48em) {
.event-info__wrapper {
width: 730px;
margin: 0 auto;
padding: 20px 0 0;
}
.event-info__title {
margin: 20px 0 40px;
}
.event-info__title-name {
font-size: 48px;
}
.event-info__title-place {
font-size: 72px;
}
.event-info__date {
font-size: 64px;
display: inline-block;
vertical-align: bottom;
width: 50%;
margin-bottom: 0;
}
.event-info__address {
display: inline-block;
vertical-align: bottom;
width: 50%;
text-align: right;
padding-left: 20px;
font-size: 20px;
}
.event-info__buttons {
background-color: transparent;
text-align: left;
padding: 60px 0 30px;
margin: 0;
}
.event-info__buttons-col {
display: inline-block;
vertical-align: middle;
}
.event-info__buttons-col_id_2 {
padding-left: 40px;
text-align: right;
}
.event-info__buttons-col_id_3 {
display: block;
text-align: center;
}
}
@media (min-width: 64em) {
.event-info__wrapper {
width: 985px;
}
.event-info__title-name {
font-size: 50px;
}
.event-info__title-place {
font-size: 60px;
}
.event-info__buttons {
display: inline-table;
width: 100%;
padding: 10px 0 20px;
}
.event-info__buttons-col {
display: table-cell;
vertical-align: middle;
}
.event-info__buttons-col_id_2 {
text-align: left;
}
}
@media (min-width: 85.375em) {
.event-info__wrapper {
width: 1180px;
}
.event-info__title {
margin: 10px 0 10px;
}
}
.event-add__title {
margin-bottom: 20px;
}
.event-add__calendar {
margin-left: -20px;
margin-bottom: 20px;
}
.event-add__calendar-item {
margin-left: 20px;
}
.event-add__calendar-ico {
display: inline-block;
vertical-align: -5px;
width: 20px;
height: 20px;
background-repeat: no-repeat;
}
.event-add__calendar-ico_mail {
background-image: url(../svg/clanedar-mail.svg);
}
.event-add__calendar-ico_google {
background-image: url(../svg/clanedar-google.svg);
}
.event-add__calendar-ico_else {
background-image: url(../svg/clanedar-else.svg);
vertical-align: -3px;
width: 16px;
height: 16px;
}
@media (min-width: 48em) {
.event-add__title, .event-add__calendar {
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
}
.event-add__title {
margin-right: 20px;
}
}
.event-about {
font-size: 16px;
line-height: 26px;
}
.event-about__columns {
padding: 15px 10px 20px 20px;
margin: 0 20px;
background-color: #f5f6f6;
}
.event-about__col {
display: inline-block;
vertical-align: top;
width: 100%;
margin-bottom: 20px;
}
.event-about__col:last-child {
margin-bottom: 0;
}
.event-about__title {
font-size: 20px;
margin-bottom: 20px;
}
.event-about__text {
margin-bottom: 20px;
}
.event-about__text:last-child {
margin-bottom: 0;
}
@media (min-width: 48em) {
.event-about__columns {
padding: 0;
width: 730px;
margin: 0 auto;
}
.event-about__col {
width: 50%;
padding: 55px 20px 45px;
margin-bottom: 0;
}
}
@media (min-width: 64em) {
.event-about__columns {
width: 985px;
}
}
@media (min-width: 85.375em) {
.event-about__columns {
width: 1300px;
}
.event-about__col {
padding: 55px 40px 45px;
}
}
.event-photo {
padding: 30px 20px;
background-color: #7a7d84;
margin-top: 20px;
}
.photo__sp{
text-align: center;
color: #fff;
}
.mag__gallery img{
margin: 10px 10px ;
}
@media (min-width: 48em) {
.event-photo__gallery {
width: 730px;
margin: 0 auto;
}
}
@media (min-width: 64em) {
.event-photo__gallery {
width: 985px;
}
}
@media (min-width: 85.375em) {
.event-photo__gallery {
width: 1050px;
}
}
.event-program {
padding: 30px 20px;
background-color: #f5f6f6;
font-size: 16px;
line-height: 26px;
}
.event-program__date {
color: #b8bbc0;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
}
.event-program__list-item {
margin-bottom: 30px;
}
@media (min-width: 48em) {
.event-program {
padding: 50px 0;
}
.event-program__list {
width: 730px;
margin: 0 auto;
}
.event-program__list-item {
position: relative;
padding-left: 100px;
}
.event-program__date {
position: absolute;
top: 3px;
left: 0;
width: 80px;
}
}
@media (min-width: 64em) {
.event-program__list {
width: 985px;
padding-left: 200px;
}
}
@media (min-width: 85.375em) {
.event-program__list {
padding-left: 400px;
width: 1300px;
}
}
.event-checkin {
color: #000;
background-color: #fff;
position: relative;
}
.event-checkin__head {
padding: 15px 20px 30px;
}
.event-checkin__title {
margin-bottom: 10px;
font-size: 24px;
}
.event-checkin__subtitle {
line-height: 22px;
font-size: 16px;
}
.event-checkin__content {
padding: 0 20px 10px;
}
@media (min-width: 48em) {
.event-checkin {
width: 728px;
margin: 0 auto;
}
.event-checkin__content {
width: 472px;
margin: 0 auto;
padding: 0 0 10px;
}
}
@media (min-width: 64em) {
.event-checkin {
width: 970px;
}
}
@media (min-width: 85.375em) {
.event-checkin {
width: 1300px;
}
}
.event-checkin-form {
font-size: 15px;
}
.event-checkin-form .i-form__item_radio {
width: auto;
margin: 0;
}
.offer {
position: relative;
font-size: 16px;
line-height: 26px;
}
.offer__title {
font-size: 20px;
margin-bottom: 20px;
}
.offer__columns {
background-color: #f5f6f6;
}
.offer__col_text {
padding: 20px;
}
@media (min-width: 48em) {
.offer {
width: 730px;
margin: 0 auto;
}
.offer__title {
font-size: 24px;
line-height: 32px;
}
.offer__col_text {
padding: 60px 80px;
}
}
@media (min-width: 64em) {
.offer {
width: 985px;
}
.offer__title {
font-size: 24px;
line-height: 32px;
}
.offer__col {
display: inline-block;
vertical-align: middle;
width: 630px;
}
.offer__col_text {
width: 355px;
padding: 20px;
}
}
@media (min-width: 85.375em) {
.offer {
width: 1300px;
}
.offer__col {
width: 50%;
}
.offer__col_text {
padding: 20px 90px;
}
}
.features .slick-prev, .features .slick-next{
top: 60% !important;
}
@media (max-width: 380px){
.features .slick-prev, .slick-next {
display: none !important;
}
}
.features .slick-dots{
bottom: -12% !important;
}
.features .slick-dots li:not(.slick-active) button{
background-color: var(--primary-red) !important;
}
.features .slick-dots .slick-active button{
background-color: #fff !important;
border: 2px solid var(--primary-red) !important;
}
.features {
padding: 60px 0 50px;
background: #f5f6f6;
padding-top: 60px;
}
.features .capabilites_title{
font-size: 26px !important;
}
.features_white {
background-color: #fff;
}
.features__head {
margin-bottom: 23px;
font-size: 22px;
text-align: center;
}
.features-slide {
width: 310px;
text-align: start;
margin: 0 10px;
}
.features-slide__img {
width: 310px;
margin-bottom: 20px;
max-height: 210px;
margin-bottom: 20px;
}
.features-slide__title {
margin-bottom: 10px;
font-size: 20px;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 700;
line-height: 30px;
}
.features-slide__text {
font-size: 15px;
font-weight: 400;
line-height: 150%;
letter-spacing: 0%;
}
@media (min-width: 48em) {
.features__head {
margin-bottom: 32px;
font-size: 26px;
}
.features-slide__title {
font-size: 20px;
font-family: "Avenir Next Cyr W00 Regular", sans-serif;
}
}
@media (min-width: 85.375em) {
.features-slider {
width: 1340px;
margin: 0 auto;
}
}
.worksheet {
position: relative;
color: #000;
background-color: #fff;
}
.worksheet__title {
font-size: 20px;
line-height: 22px;
padding: 20px 20px 0 20px;
margin-bottom: 0;
}
.worksheet .i-form__label {
white-space: nowrap;
}
@media (min-width: 48em) {
.worksheet {
width: 730px;
margin: 0 auto;
}
}
@media (min-width: 64em) {
.worksheet {
width: 985px;
}
}
.i-rangeslider {
position: relative;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.i-rangeslider__container {
position: relative;
background: #b8babd;
border-radius: 2px;
transition: background .25s ease-out;
}
.i-rangeslider__container:active {
background: #9ea0a4;
}
.i-rangeslider__fill {
position: absolute;
background: #ff000a;
border-radius: 2px;
}
.i-rangeslider__handle {
position: absolute;
width: 15px;
height: 15px;
background: #ff000a;
border-radius: 50%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
cursor: pointer;
transition: background .25s ease-out, box-shadow .25s ease-out;
}
.i-rangeslider__handle:active {
background: #d60008;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.i-rangeslider__value {
position: absolute;
top: -8px;
left: 100%;
margin-left: 15px;
word-spacing: -1px;
white-space: nowrap;
}
.i-rangeslider_horizontal {
width: 100%;
height: 3px;
}
.i-rangeslider_horizontal .i-rangeslider__fill {
top: 0;
height: 100%;
}
.i-rangeslider_horizontal .i-rangeslider__handle {
top: -6px;
touch-action: pan-y;
}
.i-rangeslider_vertical {
width: 3px;
min-height: 100px;
max-height: 100%;
}
.i-rangeslider_vertical .i-rangeslider__fill {
bottom: 0;
width: 100%;
}
.i-rangeslider_vertical .i-rangeslider__handle {
left: -5px;
touch-action: pan-x;
}
.l-grid {
width: 100%;
padding: 15px;
}
.l-grid__col {
display: inline-block;
width: 100%;
vertical-align: top;
text-align: left;
}
.l-grid_two-col .l-grid__col {
border: 1px solid #eceded;
margin-bottom: 20px;
}
.l-grid_white {
background: #fff;
}
.l-grid__col_beautyspa-month {
margin-bottom: 20px;
padding: 27px 20px;
background: #f5f6f6;
}
@media(min-width: 49em){
.l-grid{
padding-inline: 70px;
}
}
@media (min-width: 48em) {
.l-grid_two-col {
display: block;
width: 770px;
margin: 0 auto;
border-collapse: separate;
border-spacing: 20px 0;
}
.l-grid_two-col .l-grid__col {
width: 50%;
display: table-cell;
position: relative;
}
.l-grid_two-col .l-grid__col-wrap {
margin-left: 20px;
}
.l-grid_two-col .l-grid__col-wrap_app {
margin-bottom: 160px;
}
.l-grid_beautyspa-month {
width: 730px;
margin: 0 auto;
}
}
@media (min-width: 64em) {
.l-grid_two-col {
width: 1025px;
}
.l-grid_two-col .l-grid__col-wrap_app {
margin-bottom: 110px;
}
.l-grid__inner {
margin: 0 auto;
background: #f5f6f6;
}
.l-grid__col_left {
width: 585px;
}
.l-grid__col_right {
width: 395px;
}
.l-grid_beautyspa-month {
display: table;
width: 1024px;
border-collapse: separate;
border-spacing: 20px 0;
}
.l-grid__col_beautyspa-month {
width: 50%;
display: table-cell;
}
.l-grid_page-form {
display: table;
table-layout: fixed;
}
.l-grid__col_page-form {
width: 50%;
display: table-cell;
}
.l-grid__col_page-form:first-child {
vertical-align: middle;
}
}
@media (min-width: 85.375em) {
.l-grid_two-col {
width: 1340px;
}
.l-grid__inner {
width: 1300px;
}
.l-grid__col_left {
width: 895px;
}
.l-grid__col_right {
width: 401px;
}
.l-grid_beautyspa-month {
width: 1340px;
}
}
.page-loader {
display: block;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #fff;
z-index: 100000;
}
.loader {
width: 50px;
height: 50px;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
font-size: 10px;
text-indent: -12345px;
border-top: 1px solid rgba(0, 0, 0, 0.08);
border-right: 1px solid rgba(0, 0, 0, 0.08);
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
border-left: 1px solid rgba(0, 0, 0, 0.5);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-animation: spinner 700ms infinite linear;
-moz-animation: spinner 700ms infinite linear;
-ms-animation: spinner 700ms infinite linear;
-o-animation: spinner 700ms infinite linear;
animation: spinner 700ms infinite linear;
z-index: 100001;
}
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.l-page {
min-width: 320px;
height: auto !important;
min-height: 100%;
margin: 0 auto;
overflow: hidden;
}
.l-page__content {
position: relative;
}
.l-page__content_white {
background: #fff;
}
.l-page__content_news {
background: #fff;
}
.l-page__content_news-one {
background: #fff;
}
.l-page__content_events-one {
background: #fff;
}
.l-page__content_cards {
background: #fff;
}
.l-page__content_special-offers {
background: #fff;
}
.l-page__content_special-offers-one {
background: #fff;
}
.l-page__content_partners {
background: #fff;
}
.l-page__content_management {
background: #fff;
}
.l-page__content_clubs-staff {
background: #fff;
}
.l-page__content_faq {
background: #fff;
}
.l-page__content_vacancy {
background: #fff;
}
.l-page__content_history {
background: #fff;
}
.l-page__content_advertising {
background: #fff;
}
.l-page__content_service {
background: #fff;
}
.l-page__content_regional {
background: #fff;
}
.l-page__content_press {
background: #fff;
}
.l-page.is-fixed {
position: fixed;
width: 100%;
}
.l-page__footer-spacer {
}
.l-page__footer {
height: 400px;
margin-top: 40px;
}
.l-page__overlay {
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: black;
background-color: rgba(0, 0, 0, 0.8);
z-index: 9997;
}
@media (min-width: 48em) {
.l-page__content_trainer {
background: #f5f6f6;
background: -moz-linear-gradient(left, #f5f6f6 0%, #f5f6f6 50%, white 50%, white 100%);
background: -webkit-linear-gradient(left, #f5f6f6 0%, #f5f6f6 50%, white 50%, white 100%);
background: linear-gradient(to right, #f5f6f6 0%, #f5f6f6 50%, white 50%, white 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#ffffff', GradientType=1);
}
.l-page__footer-spacer {
}
.l-page__footer {
height: 310px;
}
}
@media (min-width: 64em) {
.l-page__content_vacancy {
background: #f5f6f6;
background: -moz-linear-gradient(left, #f5f6f6 0%, #f5f6f6 60%, white 60%, white 100%);
background: -webkit-linear-gradient(left, #f5f6f6 0%, #f5f6f6 60%, white 60%, white 100%);
background: linear-gradient(to right, #f5f6f6 0%, #f5f6f6 60%, white 60%, white 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#ffffff', GradientType=1);
}
.l-page__content_club-bonus {
background: #f5f6f6;
background: -moz-linear-gradient(left, #f5f6f6 0%, #f5f6f6 50%, #7a7d84 50%, #7a7d84 100%);
background: -webkit-linear-gradient(left, #f5f6f6 0%, #f5f6f6 50%, #7a7d84 50%, #7a7d84 100%);
background: linear-gradient(to right, #f5f6f6 0%, #f5f6f6 50%, #7a7d84 50%, #7a7d84 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#7A7D84', GradientType=1);
}
.l-page__footer-spacer {
}
.l-page__footer {
height: 320px;
}
}
@media (min-width: 85.375em) {
.l-page__content_vacancy {
background: #f5f6f6;
background: -moz-linear-gradient(left, #f5f6f6 0%, #f5f6f6 50%, white 50%, white 100%);
background: -webkit-linear-gradient(left, #f5f6f6 0%, #f5f6f6 50%, white 50%, white 100%);
background: linear-gradient(to right, #f5f6f6 0%, #f5f6f6 50%, white 50%, white 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#ffffff', GradientType=1);
}
.l-page__footer-spacer {
}
.l-page__footer {
height: 540px;
}
}
.container {
min-width: 280px;
margin: 0 auto;
padding: 0;
}
@media (min-width: 48em) {
.container {
width: 730px;
}
}
@media (min-width: 64em) {
.container {
max-width: 1120px;
width: 100%;
}
}
@media (min-width: 85.375em) {
.container {
width: 1300px;
}
}
.header__action {
width: 100%;
min-width: 320px;
background-color: #7a7d84;
position: relative;
margin-bottom: 10px;
}
.header__choose {
background-color: #6e7177;
}
.header__club-choose {
display: none;
margin-bottom: -168px;
overflow: auto;
}
.header__city-choose {
display: none;
}
.header__club-choose-close, .header__city-choose-close {
opacity: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
position: absolute;
z-index: 1;
color: #fff;
font-size: 24px;
top: 20px;
right: 20px;
}
.header__club-choose-close.is-active, .header__city-choose-close.is-active {
opacity: 1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.header-action {
margin: 0 auto;
color: #fff;
}
.header-action__wrapper {
width: 100%;
padding-inline: 15px;
}
.header-action__col {
padding: 0 20px;
width: 100%;
}
@media (max-width: 767px){
.header-action__wrapper {
padding-inline: 20px;
}
.header-action__col {
padding: 0;
}
}
.header-action__col_right {
display: none;
}
.header-action__col_right .header-action__link .i-icon {
font-size: 18px;
margin-right: 8px;
}
.header-action__item {
display: inline-block;
vertical-align: top;
font-size: 14px;
}
.header-action__item_right {
float: right;
}
.header-action__item_tablet {
display: none;
}
.header-action__item_land {
display: none;
}
.header-action__item_desk {
display: none;
}
.header-action__item_mobile {
display: inline-block;
}
.header-action__link {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding: 10px 8px;
}
.header-action__link .i-icon {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
display: inline-block;
vertical-align: -2px;
font-size: 16px;
}
.header-action__link.is-active {
background-color: #6e7177;
}
.header-action__link.is-active .i-icon {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.header-action__text {
padding: 0;
}
@media (max-width: 48em){
.md-d-none{
display: none !important;
}
.header-action__col_mobile .header-action__link{
padding: 10px 15px;
}
.header-action__col:first-child{
padding: 0 15px;
}
}
@media (min-width: 647px){
.header-action__list {
display: flex;
align-items: center;
gap: 15px;
}
.header-action__col {
display: inline-block;
vertical-align: top;
width: auto;
padding: 0;
}
.header-action__col.header-action__col_mobile{
display: none;
}
}
@media (min-width: 48em) {
.header-action__col_right .header-action__link {
padding: 10px 15px;
}
.header-action__col_right .header-action__list{
gap: 0;
}
.header-action {
padding: 0 20px;
}
.header-action__wrapper {
width: 100%;
position: relative;
margin: 0 auto;
}
.header-action__item {
}
.header-action__item_right {
float: none;
}
.header-action__item_mobile {
display: none !important;
}
.header-action__item_land {
display: none;
}
.header-action__item_desk {
display: none;
}
.header-action__item_tablet {
display: inline-block;
}
.header-action__col_mobile {
display: none;
}
.header-action__col_right {
display: block;
position: absolute;
right: 0;
top: 0;
}
}
@media (max-width: 64em){
.lg-d-none{
display: none !important;
}
.city_land{
display: inline-block;
}
}
@media (min-width: 64em) {
.header-action__wrapper {
width: 100%;
}
.header-action__list {
margin-left: -25px;
}
.header-action__item {
}
.header-action__item_mobile {
display: none;
}
.header-action__item_tablet {
display: none;
}
.header-action__item_desk {
display: none;
}
.header-action__item_land {
display: inline-block;
}
}
.header-action__link:hover {
background-color: var(--primary-red);
color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
@media (min-width: 85.375em) {
.header-action__col_right .header-action__link {
padding: 0 15px;
}
.header-action {
padding: 0;
}
.header-action__col_right{
line-height: 35px;
}
.header-action__wrapper {
max-width: 1300px;
width: 100%;
}
.header-action__list {
margin-left: 0;
font-size: 0;
}
.header-action__col_right .header-action__link {
padding: 0 15px;
}
.header-action__item {
}
.header-action__item_first .header-action__link {
}
.header-action__item .i-link_schedule {
margin-right: 0;
}
.header-action__item_last {
margin-right: 8px;
}
.header-action__item_mobile {
display: none;
}
.header-action__item_tablet {
display: none;
}
.header-action__item_land {
}
.header-action__item_desk {
display: inline-block;
}
.header-action__link {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.header-action__link.is-active:hover {
background-color: #6e7177;
}
.header-action__text {
}
}
.header-nav {
position: relative;
height: fit-content;
line-height: 78px;
width: 100%;
min-width: 320px;
background-color: #ed1c24;
}
.header-nav__list {
position: relative;
padding: 0 20px;
font-size: 0;
width: 100%;
}
.header-nav__item.header-nav__item_button_order {
display: flex !important;
float: right;
}
.header-nav__item {
display: flex;
vertical-align: middle;
}
.logo_nav{
line-height: normal;
}
@media (max-width: 350px){
.header-nav__item{
display: inline-block;
}
}
.header-nav__item_nav-button {
position: relative;
line-height: initial;
}
@media (max-width: 350px){
.header-nav__item_nav-button{
width: 100%;
height: 40px;
}
.header-nav__item_nav-button .nav2-button{
right: -90%;
top: 20%;
}
}
@media (min-width: 48em) {
.header-nav {
height: 58px;
line-height: 58px;
}
.header-nav__list {
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
.header-nav__item_nav-button {
right: 0;
}
}
@media (min-width: 65em) {
.header-nav__list  {
width: 985px;
padding: 0;
}
}
@media (min-width: 85.375em) {
.header-nav__list {
max-width: 1300px;
width: 100%;
padding: 0;
justify-content: space-between;
}
.header-nav__item_button_order {
float: right;
padding-top: 5px;
}
}
.footer {
width: 100%;
min-width: 320px;
padding: 0;
bottom: 0;
left: 0;
font-size: 14px;
line-height: 22px;
color: #fff;
background-color: #7a7d84;
height: auto;
}
@media (max-width: 768px) {
.footer {
bottom: -140px;
}
}
.footer__head {
width: 100%;
background-color: #323E48;
}
.footer__head-wrapper {
position: relative;
color: #000;
padding: 0 20px;
}
.footer__faq, .footer__search {
display: inline-block;
vertical-align: bottom;
padding: 40px 0 20px;
}
.footer__faq {
width: 50%;
}
.footer__search {
position: absolute;
left: 50%;
right: 0;
bottom: 0;
display: inline-block;
white-space: nowrap;
text-align: right;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.footer__search.is-active {
left: 0;
text-align: left;
background-color: #f5f6f6;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.footer__search.is-active .footer__search-input {
width: 60%;
}
.footer__search.is-active .footer__search-submit {
display: inline-block;
position: absolute;
opacity: 1;
visibility: visible;
}
.footer__search-form {
position: relative;
padding: 0 20px;
}
.footer__search-icon {
display: inline-block;
vertical-align: middle;
margin-top: -4px;
margin-right: 5px;
color: #7a7d84;
font-size: 18px;
}
.footer__search-input {
width: 64px;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.footer__search-input:hover {
}
.footer__search-input:hover::-webkit-input-placeholder {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: #000;
}
.footer__search-input:hover::-moz-placeholder {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: #000;
}
.footer__search-input:hover:-moz-placeholder {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: #000;
}
.footer__search-input:hover:-ms-input-placeholder {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: #000;
}
.footer__search-submit, .footer__search-close {
position: absolute;
top: -5px;
visibility: hidden;
opacity: 0;
}
.footer__search-submit {
right: 20px;
}
.footer__search-close {
display: none;
right: 20px;
vertical-align: middle;
line-height: 32px;
width: 20px;
height: 20px;
padding: 15px;
cursor: pointer;
}
.footer__search-close:after, .footer__search-close:before {
content: '';
position: absolute;
top: 14px;
left: 4px;
height: 2px;
background-color: #000;
width: 100%;
}
.footer__search-close:after {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.footer__search-close:before {
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media (min-width: 85.375em) {
.footer__search-submit {
right: 50px;
}
.footer__search-close {
display: block;
}
.footer__search.is-active .footer__search-close {
display: inline-block;
position: absolute;
opacity: 1;
visibility: visible;
}
}
.footer__content {
}
.footer__row {
position: relative;
margin-bottom: 35px;
}
.footer__row:first-child {
margin-top: 35px;
}
.footer__row:last-child {
margin-bottom: 0;
}
.footer__row_links {
width: 70%;
}
.footer__top{
display: none !important;
}
@media (max-width: 1024px){
.footer__top{
display: block !important;
}
}
.footer__menu-button {
position: absolute;
right: 0;
top: 6px;
}
.footer__text {
color: #D9DDE6;
}
.footer__developer {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
font-weight: bold;
}
.footer__developer:hover {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: white;
}
.footer__applications {
}
.footer .footer__applications_info_text {
font-family: "Avenir Next Cyr", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 750;
line-height: 22px;
}
.footer__applications-item {
display: inline-block;
margin-bottom: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.footer__applications-item:last-child {
margin-bottom: 0;
}
.footer__applications-item:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.footer__applications-logo {
height: 26px;
}
.footer__applications-logo_ios {
width: 80px;
}
.footer__applications-logo_google {
width: 100px;
}
.footer__applications-logo_win {
width: 120px;
}
@media (max-width: 767px){
.footer__content {
margin: 0 auto;
}
}
@media (min-width: 48em) {
.footer__head-wrapper, .footer__content {
margin: 0 auto;
}
.footer__search {
left: 86%;
}
.footer__search.is-active {
left: 50%;
}
.footer__text {
padding-right: 20px;
}
.footer__text_developer {
position: absolute;
top: 20px;
right: 0;
padding-right: 0;
}
}
.footer__text{
line-height: 28px;
}
@media (min-width: 64em) {
.header-action__wrapper{
margin: 0 auto;
}
.footer__head-wrapper, .footer__content {
width: 100%;
}
.footer__text {
padding-right: 0;
display: inline-block;
vertical-align: middle;
line-height: 28px;
}
.footer__text_developer {
bottom: -60px;
margin-right: -92px;
position: absolute;
right: 50%;
top: auto;
width: auto;
}
.footer__applications {
}
}
.footer__content{
padding: 40px 20px;
position: relative;
}
@media (min-width: 85.375em) {
.footer {
}
.footer__head-wrapper{
padding: 0 20px;
}
.footer__head-wrapper, .footer__content {
width: 1340px;
}
.footer__row_links {
display: block;
}
.footer__text {
}
.footer__text_developer {
bottom: 0;
width: auto;
}
.footer__social_links {
margin-top: 40px;
}
}
.footer-links {
width: 100%;
border-collapse: separate;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
}
.footer-links__item {
display: table-cell;
vertical-align: top;
min-width: 120px;
}
.footer-links__item .i-list__item{
margin-bottom: 0;
font-family: "Avenir Next Cyr", sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 750;
line-height: 120%;
}
.footer-links__item .i-list{
display: flex;
flex-direction: column;
gap: 20px;
margin: 0;
}
.footer-links__title {
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
margin-bottom: 20px;
}
.bottom-links {
background-color: #6e7177;
color: #fff;
}
.bottom-links__item {
padding: 20px;
border-bottom: 1px solid #888a91;
}
.bottom-links__title {
font-size: 18px;
}
@media (min-width: 550px){
.header-nav__item_nav-button{
display: none !important;
}
}
@media (min-width: 48em) {
.bottom-links__item {
display: inline-block;
vertical-align: top;
border: 0;
width: 50%;
}
}
@media (min-width: 64em) {
.bottom-links__item {
width: 33.3%;
}
}
.nav {
font-size: 0;
line-height: 28px;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
color: #fff;
margin-left: 12px;
letter-spacing: 0.25px;
}
.nav_menu {
margin-left: 0;
margin-bottom: 30px;
}
.nav_menu .nav__item {
display: block;
margin-left: 0;
}
.nav__item {
display: inline-block;
vertical-align: middle;
font-size: 15px;
}
@media (min-width: 85.375em) {
.nav {
margin-left: 15px;
letter-spacing: 0.5px;
}
.nav__item {
}
}
.nav2-button {
position: relative;
display: inline-block;
line-height: 0;
font-size: 0;
width: 23px;
height: 23px;
cursor: pointer;
}
.nav2-button:before {
content: '';
position: absolute;
width: 43px;
height: 40px;
top: -10px;
left: -10px;
}
.nav2-button__line {
border-top: 2px solid #fff;
position: relative;
display: inline-block;
width: 100%;
margin: 2px 0 3px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.nav2-button:hover .nav2-button__line_left {
-moz-transform: translateY(2px);
-ms-transform: translateY(2px);
-webkit-transform: translateY(2px);
-o-transform: translateY(2px);
transform: translateY(2px);
-webkit-transition: 0.2s all;
-moz-transition: 0.2s all;
-o-transition: 0.2s all;
transition: 0.2s all;
}
.nav2-button:hover .nav2-button__line_right {
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-webkit-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
-webkit-transition: 0.2s all;
-moz-transition: 0.2s all;
-o-transition: 0.2s all;
transition: 0.2s all;
}
.nav2-button.is-open .nav2-button__line {
position: absolute;
top: 7px;
}
.nav2-button.is-open .nav2-button__line_center {
opacity: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.nav2-button.is-open .nav2-button__line_left {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.nav2-button.is-open .nav2-button__line_right {
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.menu {
height: 100%;
position: fixed;
width: 0;
top: 115px;
right: 0;
bottom: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
background-color: #ed1c24;
color: #fff;
overflow: auto;
overflow-x: hidden;
z-index: 9999;
}
@media(max-width: 350px){
.menu{
top: 145px;
}
}
.menu.is-open {
width: 100%;
white-space: nowrap;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.menu.is-open .menu__wrapper {
display: inline-table;
height: 100%;
}
.nav2-button.active span:first-child{
transform: rotate(45deg);
top: 7px;
}
.nav2-button.active span:nth-child(2){
display: none;
}
.nav2-button.active span:last-child{
transform: rotate(-45deg);
}
.menu__close {
display: none;
position: absolute;
top: 10px;
right: 10px;
font-size: 22px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
visibility: hidden;
cursor: pointer;
}
.menu__close:after {
content: '';
position: absolute;
width: 40px;
height: 40px;
top: -10px;
left: -10px;
}
.menu.is-open .menu__close {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.menu__list {
margin: 30px 0;
}
.menu__item {
width: 100%;
font-size: 15px;
margin-bottom: 12px;
}
.menu__item .i-icon {
font-size: 16px;
vertical-align: -1px;
}
.menu__wrapper {
display: none;
padding: 15px;
}
.menu__row {
display: table-row;
}
.menu__row_cell {
display: table-cell;
vertical-align: middle;
height: 80%;
}
.menu__button {
margin-bottom: 40px;
}
@media (min-width: 48em) {
.menu.is-open {
width: 320px;
}
}
.logo__image {
width: 100px;
height: 50px;
display: inline-block;
vertical-align: middle;
}
@media (min-width: 48em) {
.logo__image {
width: 125px;
padding: 0;
}
}
.breadcrumbs {
display: none;
margin: 0 20px;
}
.breadcrumbs_white {
color: #fff;
}
.breadcrumbs__list {
margin-top: 0;
margin-bottom: 0;
padding: 28px 0;
}
.breadcrumbs__item {
display: inline-block;
vertical-align: top;
margin-right: 35px;
position: relative;
}
.breadcrumbs__item:last-child {
margin-right: 0;
}
.breadcrumbs__item:last-child .i-link{
cursor: default;
pointer-events: none;
}
.breadcrumbs__item:last-child .i-link_underline:hover {
border-bottom: none;
}
.breadcrumbs__item:not(:last-child):after {
content: '/';
position: absolute;
right: -20px;
}
@media (min-width: 48em) {
.breadcrumbs {
position: relative;
z-index: 1;
display: block;
width: 80%;
margin: 0 auto;
}
}
@media (min-width: 64em) {
.breadcrumbs {
width: 100%;
padding-inline: 70px;
}
}
@media (min-width: 85.375em) {
.breadcrumbs {
max-width: 1300px;
padding-inline: 0;
}
}
.grid-club {
width: 100%;
}
.grid-club__item {
display: inline-block;
vertical-align: top;
width: 100%;
min-height: 100px;
}
.grid-club__item_id_1 {
background-color: #fff;
}
@media (min-width: 48em) {
.grid-club {
width: 768px;
margin: 0 auto;
}
.grid-club__item_id_2 {
height: 450px;
overflow: hidden;
}
.grid-club_unauthorized .grid-club__item_id_2 {
height: auto;
}
}
@media (min-width: 64em) {
.grid-club {
position: relative;
width: 1024px;
padding-left: 340px;
}
.grid-club__item_id_1 {
position: absolute;
left: 0;
width: 340px;
top: 0;
bottom: 0;
}
.grid-club__item_id_2 {
height: 400px;
}
.grid-club_unauthorized {
padding-left: 0;
}
.grid-club_unauthorized .grid-club__item_id_1 {
position: relative;
width: 693px;
height: 400px;
overflow: hidden;
}
.grid-club_unauthorized .grid-club__item_id_2 {
width: 330px;
}
}
@media (min-width: 85.375em) {
.grid-club {
width: 1340px;
padding-left: 330px;
}
.grid-club__item_id_1 {
width: 330px;
}
.grid-club__item_id_2 {
width: 680px;
height: 400px;
}
.grid-club__item_id_3 {
width: 326px;
}
.grid-club_unauthorized {
padding-left: 0;
}
.grid-club_unauthorized .grid-club__item_id_1 {
width: 680px;
}
}
.grid-club-competition {
width: 100%;
padding: 30px 20px 0;
}
.grid-club-competition__item {
display: inline-block;
vertical-align: top;
width: 100%;
margin-bottom: 20px;
}
@media (min-width: 48em) {
.grid-club-competition {
padding: 0;
}
.grid-club-competition__item {
width: 49%;
height: 200px;
margin-bottom: 0;
}
}
@media (min-width: 64em) {
.grid-club-competition_unauthorized .grid-club-competition__item {
width: 100%;
}
}
@media (min-width: 85.375em) {
.grid-club-competition__item {
width: 100%;
}
}
@media (min-width: 64em) {
.animate-1,
.animate-2,
.animate-3,
.animate-4,
.animate-5 {
opacity: 0 !important;
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: 0.4s all !important;
-moz-transition: 0.4s all !important;
-o-transition: 0.4s all !important;
transition: 0.4s all !important;
}
.is-animate {
opacity: 1 !important;
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: 0.4s all !important;
-moz-transition: 0.4s all !important;
-o-transition: 0.4s all !important;
transition: 0.4s all !important;
}
}
.competition {
position: relative;
height: 100%;
width: 100%;
display: inline-block;
background-size: cover;
}
.competition__image {
width: 86px;
margin-right: 20px;
margin-top: 4px;
float: left;
}
.competition__description {
overflow: hidden;
font-size: 14px;
line-height: 20px;
}
.competition__date {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
@media (max-width: 47.99em) {
.competition {
background-image: none !important;
}
}
@media (min-width: 48em) {
.competition {
padding: 30px 20px;
}
.competition__description {
overflow: visible;
}
.competition__image {
display: none;
}
.competition__date {
padding: 5px 10px;
background-color: #fff;
display: inline-block;
position: absolute;
top: 30px;
left: 20px;
}
.competition__title {
position: absolute;
bottom: 0;
left: 0;
padding: 30px 20px 23px 20px;
color: #fff;
line-height: 24px;
font-size: 18px;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
}
.competition__subtitle {
font-size: 15px;
font-family: "Avenir Next Cyr W00 Regular", sans-serif;
font-weight: 100;
}
}
@media (min-width: 85.375em) {
.competition:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
background-color: #000;
}
.competition:hover .competition__date {
background-color: #ed1c24;
color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-webkit-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
.competition:hover:before {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.competition__title {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.competition:hover .competition__title {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
}
}
.my-club {
position: relative;
padding: 25px 20px;
font-size: 15px;
}
.my-club__target {
position: absolute;
top: 30px;
right: 20px;
color: #b8bbc0;
cursor: pointer;
font-size: 18px;
}
.my-club__head {
padding-right: 30px;
margin-bottom: 20px;
}
.my-club__subtitle {
display: inline-block;
width: 100%;
font-size: 13px;
margin-bottom: 10px;
color: #b8bbc0;
}
.my-club__type, .my-club__name {
font-size: 16px;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
}
.my-club__ad {
position: relative;
margin-bottom: 20px;
}
.my-club__ad-text-number {
font-size: 24px;
}
.my-club__link {
color: #000;
}
.my-club__link:hover {
color: #ed1c24;
}
.my-club__link_all {
color: #7a7d84;
}
.my-club__link_all:hover {
color: #000;
}
@media (min-width: 48em) {
.my-club {
padding: 45px 20px 30px;
}
.my-club__target {
top: 45px;
}
.my-club__subtitle {
width: auto;
margin: 0 20px 0 0;
}
.my-club__ad {
margin-bottom: 25px;
padding-right: 200px;
}
.my-club__ad-text {
position: relative;
}
.my-club__ad-text:after {
content: '';
position: absolute;
left: 0;
bottom: -25px;
width: 66px;
height: 3px;
background-color: #ed1c24;
}
.my-club__footer {
position: absolute;
bottom: 30px;
right: 20px;
}
}
@media (min-width: 64em) {
.my-club {
display: inline-table;
height: 100%;
padding: 38px 20px 35px;
}
.my-club__target {
top: 40px;
}
.my-club__subtitle {
width: 100%;
margin: 0 0 35px 0;
}
.my-club__type {
display: inline-block;
width: 100%;
}
.my-club__name {
font-size: 30px;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
}
.my-club__head {
display: table-row;
}
.my-club__ad {
display: table-cell;
vertical-align: middle;
height: 100%;
overflow: hidden;
padding-right: 0;
}
.my-club__ad-text:after {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.my-club__ad-text:hover:after {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.my-club__footer {
display: table-row;
position: relative;
left: auto;
right: auto;
bottom: auto;
}
}
@font-face {
font-display: swap;
font-family: "Avenir Next Cyr W00 Thin";
src: url("fonts/1491466/65f66e6b-d28d-4c94-b661-66511860c2c7.eot?#iefix");
src: url("fonts/1491466/65f66e6b-d28d-4c94-b661-66511860c2c7.eot?#iefix") format("eot"), url("fonts/1491466/0b79d335-83f4-416a-b9b7-0e81d6258db7.woff2") format("woff2"), url("fonts/1491466/ab86f3dc-10a7-4bf1-bab8-e84f506f6d45.woff") format("woff"), url("fonts/1491466/e0f6c0c2-cd05-4327-acb3-5543c3d7feac.ttf") format("truetype"), url("fonts/1491466/0e59386d-0330-4e45-8bdd-026fc0e73d71.svg#0e59386d-0330-4e45-8bdd-026fc0e73d71") format("svg");
}
@font-face {
font-display: swap;
font-family: "Avenir Next Cyr W00 Regular";
src: url("fonts/1491474/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot?#iefix");
src: url("fonts/1491474/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot?#iefix") format("eot"), url("fonts/1491474/7db1f672-3a8f-4d19-9c49-7f61aed450b5.woff2") format("woff2"), url("fonts/1491474/4ab86b35-c0c2-42b5-98ad-4b6eba66b197.woff") format("woff"), url("fonts/1491474/276b3566-1c3b-4bc1-8915-15314f091f29.ttf") format("truetype"), url("fonts/1491474/5d02f5f4-46e7-453a-aef9-3e7106d7bb68.svg#5d02f5f4-46e7-453a-aef9-3e7106d7bb68") format("svg");
}
@font-face {
font-display: swap;
font-family: "Avenir Next Cyr W00 Bold";
src: url("fonts/1491486/fb4117a5-14ee-4035-8692-935bfff7fc2e.eot?#iefix");
src: url("fonts/1491486/fb4117a5-14ee-4035-8692-935bfff7fc2e.eot?#iefix") format("eot"), url("fonts/1491486/4c04fb14-abdb-4f93-82bb-734d1b84307b.woff2") format("woff2"), url("fonts/1491486/04d2f223-2786-40c9-8481-be9dd47d8e7f.woff") format("woff"), url("fonts/1491486/bce3274e-f498-48ae-b269-a6930df496e7.ttf") format("truetype"), url("fonts/1491486/68f0375d-f66f-4f88-822a-5a0b61d2efc0.svg#68f0375d-f66f-4f88-822a-5a0b61d2efc0") format("svg");
}
.news {
width: 100%;
padding: 20px;
}
.news_inner {
padding: 10px 20px;
}
.news_one {
padding: 0 20px;
}
.news_page {
background-color: #fff;
}
.news_page .news__title {
font-family: "Avenir Next Cyr W00 Regular", sans-serif;
font-weight: 100;
font-size: 26px;
line-height: 28px;
display: inline-block;
margin: 0 20px 20px 0;
}
.news__subscribe {
margin-bottom: 20px;
}
.news__select_year {
vertical-align: 2px;
margin-bottom: 20px;
}
.news__title {
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
font-weight: normal;
font-size: 16px;
line-height: 22px;
margin-bottom: 30px;
}
.news__item {
display: inline-block;
vertical-align: top;
width: 100%;
margin-bottom: 20px;
}
.news__footer-col {
margin: 30px 0 20px 0;
}
.news__link {
display: inline-block;
font-size: 15px;
}
.news__link_all {
color: #ed1c24;
}
.news__link_all:hover {
color: #cb0002;
}
.news__link_subscribe {
margin-right: 20px;
color: #7a7d84;
}
.news__link_subscribe:hover {
color: #000;
}
.news__link_subscribe:before {
content: '\e90f';
font-family: icomoon;
font-size: 20px;
position: absolute;
right: -20px;
}
.news__buttons {
text-align: center;
margin: 5px 0 0;
}
.news-item {
font-size: 15px;
line-height: 22px;
}
.news-item__date {
color: #b8bbc0;
font-size: 14px;
margin-bottom: 8px;
}
.news-item__title {
margin-bottom: 12px;
line-height: 26px;
font-size: 18px;
}
.news-item__link:hover {
color: #ed1c24;
}
.news_page .news-item {
margin-bottom: 28px;
}
.news_page .news-item__date {
display: inline-block;
width: 100%;
}
@media (min-width: 48em) {
.news {
width: 768px;
margin: 0 auto;
padding: 5px 20px;
}
.news_main {
padding: 30px 20px;
}
.news_inner {
width: 100%;
padding: 20px 0 0;
margin-bottom: 20px;
}
.news_inner .news__item {
width: 100%;
}
.news_page .news-item {
width: 100%;
position: relative;
padding-left: 100px;
}
.news_page .news-item__date {
position: absolute;
left: 0;
top: 0;
width: 80px;
}
.news_page .news__list {
width: 726px;
margin: 0 auto;
}
.news__head {
position: relative;
margin-bottom: 18px;
}
.news__subscribe {
position: absolute;
top: 12px;
right: 0;
}
.news_page .news__title {
margin-bottom: 40px;
font-size: 36px;
}
.news_main .news__footer-col {
display: inline-block;
vertical-align: top;
width: 50%;
margin-bottom: 0;
}
.news__select_year {
vertical-align: 4px;
}
.news__list {
margin-left: -40px;
margin-bottom: 10px;
}
.news__item {
width: 50%;
padding-left: 40px;
}
.news__footer {
overflow: hidden;
}
.news__footer-col_right {
text-align: right;
}
.news__link {
width: auto;
}
}
@media (min-width: 64em) {
.news {
width: 1024px;
}
.news_inner {
width: 100%;
}
.news_inner .news__item {
width: 100%;
}
.news__head {
margin-bottom: 32px;
}
.news_page .news__title {
font-size: 42px;
}
.news_page .news__list {
width: 880px;
}
.news__select_year {
vertical-align: 6px;
}
.news__item {
width: 33.3%;
}
.news__footer-col {
width: 100%;
}
.news__title-club {
display: inline-block;
width: 100%;
}
}
@media (min-width: 85.375em) {
.news {
width: 1340px;
padding-top: 25px;
}
.news_inner {
width: 100%;
}
.news_inner .news__item {
width: 310px;
}
.news__head {
margin-bottom: 28px;
}
.news_page .news__title {
margin-bottom: 55px;
font-size: 54px;
}
.news__item {
width: 24%;
}
}
.news-inner {
padding: 20px 0 25px;
}
.news-inner__left, .news-inner__right, .news-inner__col {
display: inline-block;
vertical-align: top;
position: relative;
}
.news-inner__right {
padding: 0 20px;
}
.news-inner__banner {
max-width: 100%;
}
@media (min-width: 48em) {
.news-inner {
margin: 0 auto;
width: 730px;
}
.news-inner__left, .news-inner__right {
width: 50%;
line-height: 100%;
vertical-align: middle;
}
.news-inner__right {
text-align: right;
}
}
@media (min-width: 64em) {
.news-inner {
width: 985px;
}
.news-inner__left, .news-inner__right {
vertical-align: top;
}
.news-inner__left {
width: 66.6%;
}
.news-inner__right {
width: 33.3%;
}
.news-inner__col_pos_0, .news-inner__col_pos_1 {
width: 50%;
padding-right: 70px;
}
.news-inner__col_pos_1 {
padding-left: 20px;
}
}
@media (min-width: 85.375em) {
.news-inner {
width: 1300px;
}
.news-inner__left, .news-inner__right {
width: auto;
}
.news-inner__col {
width: auto;
}
.news-inner__col_pos_1 {
padding-right: 20px;
}
}
.promo {
position: relative;
}
.promo-slider .slick-dots{
height: 10px;
margin: 0;
bottom: 30px;
}
.promo-slider__item {
min-height: 300px;
padding-bottom: 100px;
line-height: 360px;
background-size: cover;
background-position: center;
position: relative;
z-index: 0;
}
.promo-slider__item:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}
@media (min-width: 48em) {
.promo-slider__item {
padding-bottom: 120px;
line-height: 690px;
}
}
@media (min-width: 85.375em) {
.promo-slider__item {
min-height: 700px;
line-height: 710px;
}
}
.promo-slider-pagination {
position: relative;
bottom: -25%;
font-size: 14px;
color: #fff;
height: 0;
z-index: 11;
}
.promo-slider-pagination__item {
text-align: center;
outline: none;
cursor: pointer;
}
.promo-slider-pagination__item-text {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.promo-slider-pagination__item-icon {
background-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
font-size: 60px;
margin-bottom: 10px;
padding: 5px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.promo-slider-pagination__item:hover .promo-slider-pagination__item-icon {
color: #ed1c24;
}
.promo-slider-pagination__item:hover .promo-slider-pagination__item-text {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.promo-slider-pagination__item.slick-center .promo-slider-pagination__item-icon {
background-color: #ed1c24;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.promo-slider-pagination__item:hover.slick-center .promo-slider-pagination__item-icon {
color: #fff;
}
.promo-slider-pagination__item.slick-center .promo-slider-pagination__item-text {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.promo-slider-pagination__link {
display: inline-block;
}
.promo-slide {
color: #fff;
position: relative;
z-index: 9;
display: inline-block;
vertical-align: middle;
line-height: 34px;
}
@media(max-width: 768px){
.promo-slide{
padding: 80px;
height: 500px;
}
}
.promo-slide__title {
font-size: 26px;
margin-bottom: 50px;
}
.promo-slide__text{
max-width: 1120px;
}
.promo-slide__bold {
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
}
.promo-slide__clubs {
line-height: 20px;
}
.promo-slide__link {
border-bottom: 1px solid;
}
.promo-slide__link:hover {
border-color: transparent;
}
.promo-slide__clubs-item {
margin-bottom: 10px;
}
.promo-slide__clubs-image {
display: none;
}
@media (min-width: 48em) {
.promo-slide {
padding: 60px 40px 60px 80px;
line-height: 60px;
}
.promo-slide__title {
font-size: 48px;
margin-bottom: 30px;
}
.promo-slide__bold {
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
}
.promo-slide__text {
display: block;
font-size: 16px;
line-height: 26px;
margin-bottom: 40px;
}
.promo-slide__link {
border-bottom: 0;
}
.promo-slide__clubs {
margin-left: -30px;
}
.promo-slide__clubs-item {
display: inline-block;
vertical-align: top;
width: 130px;
margin-bottom: 10px;
margin-left: 30px;
}
.promo-slide__clubs-image {
display: block;
width: 100%;
}
.promo-slide__clubs-text {
display: inline-block;
width: 100%;
background-color: #fff;
padding: 5px 10px;
color: #000;
}
}
@media (min-width: 64em) {
.promo-slide__title {
}
.promo-slide__text {
}
}
@media (min-width: 1024px){
.promo-slide__text{
width: 50%;
min-width: 500px;
}
}
@media (min-width: 85.375em) {
.promo-slide {
line-height: 74px;
}
.promo-slide__title {
font-size: 60px;
}
.promo-slide__text {
font-size: 18px;
line-height: 30px;
}
}
.banner {
position: relative;
width: 100%;
padding-top: 20px;
background-color: #fff;
text-align: center;
}
.banner__link {
display: inline-block;
width: 100%;
text-align: left;
padding: 30px 20px;
background-color: #f5f5f5;
background-position: 80% 20%;
background-repeat: no-repeat;
background-size: 400px auto;
}
.banner__title {
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
font-size: 20px;
}
.banner__text {
font-family: "Avenir Next Cyr W00 Regular", sans-serif;
font-weight: 100;
font-size: 16px;
margin-bottom: 20px;
}
.banner__url {
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
font-size: 14px;
color: #b8bbc0;
margin-bottom: 20px;
}
.banner__list {
display: none;
}
@media (min-width: 48em) {
.banner__link {
padding: 50px 30px 30px;
background-position: 100% 30%;
background-size: 600px auto;
}
.banner__title {
font-size: 30px;
letter-spacing: 1.4px;
}
}
@media (min-width: 64em) {
.banner__link {
background-position: 50% 30%;
}
.banner__list {
display: list-item;
list-style-type: disc;
position: absolute;
top: 50px;
right: 160px;
line-height: 27px;
}
}
@media (min-width: 85.375em) {
.banner__link {
width: 1300px;
margin: 0 auto;
}
.banner__title {
margin-bottom: 3px;
}
.banner__text {
letter-spacing: .8px;
}
}
.world {
position: relative;
width: 100%;
padding: 80px 20px 160px;
text-align: center;
color: #fff;
background-size: cover;
background-position: center;
}
.world__icon {
font-size: 22px;
}
.world__title {
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
font-weight: 100;
font-size: clamp(40px, 5vw, 84px);
}
@media (min-width: 48em) {
.world {
padding: 200px 50px;
}
.world__title {
font-size: 82px;
}
}
@media (min-width: 85.375em) {
.world {
background-attachment: fixed;
}
}
.world-partners {
background-color: transparent;
background-color: rgba(255, 255, 255, 0.2);
padding: 30px 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
@media (min-width: 768px) {
.world .i-button.i-button_red.i-button_big {
margin-bottom: 80px;
}
.world__title {
margin-bottom: 80px;
}
.world-partners {
bottom: 100px;
}
}
@media (min-width: 769px) {
.world .i-button.i-button_red.i-button_big {
margin-bottom: 200px;
}
.world__title {
margin-bottom: 80px;
}
.world-partners {
bottom: 240px;
}
.world {
padding: 200px 50px;
}
.world__title {
font-size: 82px;
}
}
@media (min-width: 1024px) {
.world-partners {
bottom: 170px;
}
}
@media (min-width: 1366px) {
.world-partners {
bottom: 80px;
}
}
@media (max-width: 767px) {
.world-partners {
bottom: 20px;
}
}
@media (min-width: 320px) and (max-width: 391px) {
.world-partners {
bottom: 40px;
}
}
@media (min-width: 471px) and (max-width: 767px){
.world-partners {
bottom: 0;
}
}
@media (max-width: 550px) {
.header-nav__item.header-nav__item_button_order {
margin-right: 40px
}
}
@media (max-width: 550px) {
.header-nav__item.header-nav__item_button_order {
margin-right: 40px
}
}
@media (max-width: 375px) {
.header-nav__item.header-nav__item_button_order {
margin-right: 0
}
}
@media (max-width: 320px) {
.header-nav__item_nav-button {
right: 0;
}
}
@media (min-width: 375px) and (max-width: 550px) {
.header-nav__item.header-nav__item_button_order {
margin-right: 0;
}
.header-nav__item_nav-button {
right: 0;
}
}
.world-partners__list {
font-size: 0;
margin-left: -10px;
height: 45px;
}
.world-partners__item {
display: inline-block;
vertical-align: middle;
font-size: 15px;
margin-left: 10px;
}
.world-partners_grey {
position: static;
padding: 40px 0;
background: #f5f6f6;
}
.schedule__head {
padding: 20px;
}
.schedule__content {
padding: 0px 0 20px;
background-color: white;
}
.schedule__title {
font-size: 26px;
font-family: "Avenir Next Cyr W00 Regular", sans-serif;
font-weight: 100;
font-weight: 100;
margin-bottom: 20px;
}
.schedule__day {
position: relative;
}
.schedule__month {
font-size: 70px;
line-height: 82px;
position: absolute;
bottom: 0;
left: -1px;
color: #7a7d84;
z-index: 0;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
filter: alpha(opacity=15);
-moz-opacity: 0.15;
-khtml-opacity: 0.15;
opacity: 0.15;
}
.schedule__club {
margin-bottom: 20px;
width: 100%;
}
.schedule__table {
position: relative;
}
.schedule__table-viewport {
position: relative;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 0;
}
.schedule__table-controls {
position: absolute;
width: 100%;
left: 0;
top: 20px;
z-index: 9;
}
.schedule__table-next, .schedule__table-prev {
width: 40px;
height: 40px;
line-height: 40px;
vertical-align: middle;
display: inline-block;
text-align: center;
cursor: pointer;
color: #ed1c24;
}
.schedule__table-next:before, .schedule__table-prev:before {
font-weight: bold;
}
.schedule__table-next {
position: absolute;
right: 0;
}
.schedule__table-prev {
position: absolute;
left: 0;
}
@media (min-width: 48em) {
.schedule__table {
width: 730px;
margin: 0 auto;
}
.schedule__title {
font-size: 36px;
margin-right: 20px;
margin-top: 5px;
display: inline-block;
vertical-align: top;
}
.schedule__head {
width: 730px;
margin: 0 auto;
padding: 0 0 20px;
}
.schedule__club {
width: 255px;
margin-top: 10px;
}
}
@media (min-width: 64em) {
.schedule__table, .schedule__head {
width: 985px;
}
.schedule__title {
font-size: 42px;
margin-left: -3px;
}
.schedule__club {
margin-top: 15px;
}
}
@media (min-width: 85.375em) {
.schedule__table, .schedule__head {
width: 1300px;
}
.schedule__title {
font-size: 54px;
}
.schedule__club {
margin-top: 22px;
}
}
.schedule-select {
color: #fff;
padding: 20px;
background: #7a7d84;
}
.schedule-select__wrapper {
position: relative;
margin: 0 auto;
padding: 5px 0;
}
.schedule-select__empty, .schedule-select__data {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
visibility: hidden;
position: absolute;
top: -4px;
left: 0;
white-space: nowrap;
}
.schedule-select__empty.is-empty, .schedule-select__data.is-show {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
visibility: visible;
}
.schedule-select__data {
width: 100%;
white-space: nowrap;
}
.schedule-select__close {
margin-left: 10px;
}
.schedule-select__counter, .schedule-select__add {
display: inline-block;
vertical-align: middle;
width: 50%;
}
.schedule-select__add {
text-align: right;
}
.schedule-select__calendar {
margin-left: -10px;
}
.schedule-select__calendar-item {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.schedule-select__calendar-ico {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
background-repeat: no-repeat;
}
.schedule-select__calendar-ico_mail {
background-image: url(../svg/clanedar-mail.svg);
}
.schedule-select__calendar-ico_google {
background-image: url(../svg/clanedar-google.svg);
}
.schedule-select__calendar-ico_else {
background-image: url(../svg/clanedar-else.svg);
}
.schedule-select__calendar-text {
display: none;
font-size: 13px;
margin-left: 5px;
}
.schedule-select__calendar-ico_else + .schedule-select__calendar-text {
display: inline;
}
.schedule-select__print {
display: none;
}
.schedule-select__print-ico {
font-size: 18px;
}
@media (min-width: 48em) {
.schedule-select__wrapper {
width: 730px;
}
.schedule-select__qty:before {
content: 'Выделено:';
margin-right: 10px;
}
.schedule-select__counter, .schedule-select__add {
width: auto;
}
.schedule-select__counter {
margin-right: 60px;
}
.schedule-select__close {
position: absolute;
top: 1px;
right: 0;
}
.schedule-select__close:before {
content: 'Сбросить выделенные';
font-family: "Avenir Next Cyr W00 Regular", sans-serif;
font-weight: 100;
}
.schedule-select__calendar {
margin-left: -20px;
}
.schedule-select__calendar:before {
content: 'Добавить в:';
margin-right: 10px;
vertical-align: middle;
}
.schedule-select__calendar-item {
margin-left: 20px;
}
.schedule-select__calendar-text {
display: inline;
vertical-align: middle;
}
}
@media (min-width: 64em) {
.schedule-select__wrapper {
width: 985px;
}
.schedule-select__calendar:before {
content: 'Добавить в календарь:';
}
}
@media (min-width: 85.375em) {
.schedule-select__wrapper {
width: 1300px;
}
.schedule-select__close {
right: 260px;
}
.schedule-select__print {
display: inline-block;
position: absolute;
top: 1px;
right: 0;
}
}
.schedule-app {
background-color: #fff;
padding: 20px;
overflow: hidden;
}
.schedule-app__wrapper {
margin: 0 auto;
border: 1px solid #eceded;
}
.schedule-app__head {
padding: 30px 20px 0;
border-bottom: 1px solid #eceded;
line-height: 0;
}
.schedule-app__footer {
padding: 20px;
}
.schedule-app__image {
width: 100%;
max-width: 400px;
}
.schedule-app__link {
background-color: #eceded;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 8px 15px;
display: inline-block;
vertical-align: middle;
line-height: 0;
width: 240px;
border: 1px solid transparent;
}
.schedule-app__link:hover {
border: 1px solid #b8bbc0;
}
.schedule-app__title {
font-size: 18px;
line-height: 22px;
margin-bottom: 10px;
}
.schedule-app__text {
font-size: 15px;
line-height: 22px;
margin-bottom: 20px;
}
.schedule-app__buttons {
margin-bottom: 20px;
}
.schedule-app__buttons-item {
margin-bottom: 10px;
}
.schedule-app__buttons-image {
width: auto;
height: 28px;
}
@media (min-width: 48em) {
.schedule-app__wrapper {
width: 730px;
position: relative;
overflow: hidden;
}
.schedule-app__head {
border: 0;
}
.schedule-app__image {
position: absolute;
right: -10px;
bottom: 0;
}
.schedule-app__title {
font-size: 24px;
line-height: 28px;
margin-bottom: 20px;
}
.schedule-app__text {
width: 300px;
}
.schedule-app__link {
width: 170px;
}
.schedule-app__head {
padding: 30px 30px 0;
}
.schedule-app__footer {
padding: 30px;
padding-top: 0px;
}
.schedule-app__buttons {
margin-left: -10px;
margin-bottom: 10px;
}
.schedule-app__buttons-item {
display: inline-block;
vertical-align: top;
margin-left: 10px;
}
}
@media (min-width: 64em) {
.schedule-app__wrapper {
width: 985px;
}
.schedule-app__image {
right: 190px;
bottom: 0;
width: 370px;
}
.schedule-app__text {
width: 360px;
}
.schedule-app__else {
position: absolute;
right: 20px;
width: 120px;
bottom: 30px;
line-height: 22px;
}
.schedule-app__head {
padding: 30px 20px 0;
}
.schedule-app__footer {
padding: 20px;
padding-top: 0px;
}
}
@media (min-width: 85.375em) {
.schedule-app__wrapper {
width: 1300px;
}
.schedule-app__head, .schedule-app__footer {
padding-left: 30px;
padding-right: 30px;
}
.schedule-app__text {
margin-bottom: 40px;
}
.schedule-app__link {
width: 180px;
}
.schedule-app__image {
right: 240px;
}
.schedule-app__else {
width: 180px;
bottom: 40px;
}
}
.schedule-event {
display: block;
padding: 15px 10px 15px 20px;
width: 280px;
font-size: 13px;
color: #b8bbc0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.schedule-event:before {
content: '';
position: absolute;
margin: -1px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.schedule-event:hover {
background-color: #f5f6f6;
}
.schedule-event.is-active:before {
background-color: #ed1c24;
}
.schedule-event.is-active * {
color: #fff;
}
.schedule-event__check {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
border: 2px solid #b8bbc0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
}
.schedule-event__check:before {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.schedule-event.is-active .schedule-event__check {
border-color: #fff;
}
.schedule-event.is-active .schedule-event__check:before {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: #ed1c24;
}
.schedule-event__head {
position: relative;
margin-bottom: 10px;
}
.schedule-event__content {
position: relative;
}
.schedule-event__time {
font-size: 18px;
color: #000;
margin-right: 15px;
}
.schedule-event__icon {
font-size: 16px;
color: #b8bbc0;
margin-left: 5px;
}
.schedule-event__title {
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
color: #ed1c24;
margin-bottom: 5px;
display: inline-block;
width: 100%;
}
.schedule-event__coach {
font-size: 11px;
color: #a2a6ae;
word-wrap: break-word;
}
.schedule-event__col {
display: inline-block;
vertical-align: bottom;
width: 55%;
}
.schedule-event__col:last-child {
text-align: right;
width: 45%;
padding-left: 10px;
}
@media (min-width: 48em) {
.schedule-event {
width: 185px;
}
.schedule-event__col {
width: 100%;
margin-bottom: 10px;
}
.schedule-event__col:last-child {
text-align: left;
padding-left: 0;
margin-bottom: 0;
width: 100%;
}
}
.schedule-event-modal {
position: relative;
margin: 0 auto;
font-size: 14px;
line-height: 22px;
color: #000;
background-color: #fff;
}
.schedule-event-modal__head {
padding: 20px;
border-bottom: 1px solid #eceded;
}
.schedule-event-modal__content {
position: relative;
padding: 20px;
border-bottom: 1px solid #eceded;
}
.schedule-event-modal__footer {
position: relative;
padding: 20px;
background-color: #f5f6f6;
border-radius: 25px;
}
.schedule-event-modal__time {
font-size: 32px;
margin-bottom: 20px;
}
.schedule-event-modal__title {
font-size: 26px;
color: #ed1c24;
}
.schedule-event-modal__date {
margin-bottom: 5px;
}
.schedule-event-modal__text {
margin-bottom: 20px;
}
.schedule-event-modal__text:last-child {
margin-bottom: 0;
}
.schedule-event-modal__tags {
margin-bottom: 10px;
}
.schedule-event-modal__types {
margin-left: -20px;
margin-bottom: 20px;
}
.schedule-event-modal__types-item {
margin-left: 20px;
}
.schedule-event-modal__info {
position: relative;
margin: 20px 0;
}
.schedule-event-modal__info-icon {
position: absolute;
left: 0;
top: 4px;
}
.schedule-event-modal__info-text {
display: inline-block;
padding-left: 20px;
}
.schedule-event-modal__add {
margin-bottom: 40px;
}
.schedule-event-modal__add-text {
margin-bottom: 10px;
}
.schedule-event-modal__add-calendar {
margin-left: -20px;
margin-bottom: 20px;
}
.schedule-event-modal__add-calendar-item {
margin-left: 20px;
}
.schedule-event-modal__add-calendar-ico {
display: inline-block;
vertical-align: -5px;
width: 20px;
height: 20px;
background-repeat: no-repeat;
}
.schedule-event-modal__add-calendar-ico_mail {
background-image: url(../svg/clanedar-mail.svg);
}
.schedule-event-modal__add-calendar-ico_google {
background-image: url(../svg/clanedar-google.svg);
}
.schedule-event-modal__add-calendar-ico_else {
background-image: url(../svg/clanedar-else.svg);
vertical-align: -3px;
width: 16px;
height: 16px;
}
.schedule-event-modal__alert {
position: relative;
padding-right: 20px;
}
.schedule-event-modal__alert-icon {
position: absolute;
right: 0;
top: 2px;
font-size: 20px;
color: #7a7d84;
}
.schedule-event-modal__trainer {
margin-bottom: 40px;
}
.schedule-event-modal__trainer-image {
width: 65px;
float: left;
margin-right: 20px;
}
.schedule-event-modal__trainer-desc {
overflow: hidden;
}
.schedule-event-modal__trainer-name {
color: #ed1c24;
}
.schedule-event-modal__social {
text-align: center;
}
@media (min-width: 48em) {
.schedule-event-modal {
width: 740px;
}
.schedule-event-modal__date {
display: inline-block;
vertical-align: top;
margin-right: 40px;
}
.schedule-event-modal__place {
display: inline-block;
}
.schedule-event-modal__title {
font-size: 48px;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
line-height: 50px;
margin-bottom: 20px;
}
.schedule-event-modal__add {
width: 260px;
position: absolute;
top: 50px;
left: 460px;
}
.schedule-event-modal__alert {
width: 260px;
position: absolute;
left: 460px;
bottom: 20px;
}
.schedule-event-modal__tags {
margin-bottom: 0;
}
.schedule-event-modal__trainer-image {
width: 120px;
float: none;
display: inline-block;
vertical-align: middle;
}
.schedule-event-modal__trainer-desc {
width: 360px;
display: inline-block;
vertical-align: middle;
}
.schedule-event-modal__social {
position: absolute;
right: 20px;
bottom: 30px;
}
.schedule-event-modal__content-wrap {
width: 400px;
}
}
@media (min-width: 64em) {
.schedule-event-modal {
width: 970px;
border-radius: 25px;
}
.schedule-event-modal__time {
display: inline-block;
vertical-align: bottom;
line-height: 36px;
margin-bottom: 0;
margin-right: 40px;
}
.schedule-event-modal__date {
vertical-align: bottom;
margin-bottom: 0;
}
.schedule-event-modal__place {
vertical-align: bottom;
}
}
.schedule-print {
display: none;
}
.fitness-programs {
padding: 25px 20px;
background: #fff;
}
.fitness-programs__title {
margin-bottom: 20px;
font-size: 26px;
}
.fitness-programs__subtitle {
margin-bottom: 25px;
font-size: 16px;
}
.fitness-programs__item {
margin-bottom: 20px;
position: relative;
}
.second_part_button{
min-width: 108px;
height: 37px;
padding: 7px 15px 8px 15px;
border: 2px solid var(--preset-1-bg);
border-radius: 40px;
color: var(--preset-1-bg);
background-color: #fff;
transition: all .3s;
}
.second_part_button:hover{
color: var(--primary-red);
border-color: var(--primary-red);
}
.fitness-programs__item .about{
height: 60px;
width: 100px;
}
.fitness-programs__item .about_button{
position: absolute;
bottom: 20px;
left: 20px;
}
.fitness-programs__item:last-child {
margin-bottom: 0;
}
.fitness-programs__item-inner {
width: 100%;
}
.fitness-programs__teaser {
width: 100%;
font-size: 15px;
text-align: center;
background: #7a7d84;
color: #fff;
}
.fitness-programs__teaser-head {
padding: 8px;
line-height: 36px;
background: #6d6f76;
color: inherit;
}
.fitness-programs__teaser-count {
display: block;
font-size: 48px;
}
.fitness-programs__teaser-desc {
padding: 25px 19px;
line-height: 22px;
}
.fitness-programs__teaser-text {
margin-bottom: 24px;
}
@media (min-width: 43em) {
.fitness-features {
padding: 10px 0;
}
.fitness-programs {
padding: 15px 0;
}
.fitness-programs__title {
margin-bottom: 30px;
font-size: 36px;
}
.fitness-programs__subtitle {
margin-bottom: 40px;
font-size: 18px;
}
.fitness-programs__list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
.fitness-programs__item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
padding: 0 10px;
vertical-align: top;
}
.fitness-programs__item {
width: 33%;
}
.fitness-programs__item:last-child {
margin-bottom: 20px;
}
.fitness-programs__item-inner {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
.fitness-programs__teaser-desc {
padding-bottom: 17px;
}
}
@media (min-width: 48em) {
.fitness-programs__item {
width: 30%;
}
}
@media (min-width: 64em) {
.fitness-programs__item {
width: 25%;
}
.fitness-programs {
padding-left: 0;
}
.fitness-programs__title {
margin-bottom: 24px;
line-height: 54px;
font-size: 42px;
}
.fitness-programs__subtitle {
margin-bottom: 35px;
}
.fitness-programs__teaser-desc {
padding-bottom: 28px;
}
}
@media (min-width: 85.375em) {
.l-page__content_fitness .world_class_block{
padding-inline: 70px !important;
}
.fitness-programs {
padding-right: 30px;
}
.fitness-programs__title {
margin-bottom: 20px;
line-height: normal;
font-size: 54px;
}
.fitness-programs__subtitle {
margin-bottom: 35px;
font-size: 22px;
}
}
.fitness-features {
padding: 10px 0;
background: #fff;
}
.fitness-features__title {
margin-bottom: 25px;
font-size: 18px;
}
.fitness-features__item {
margin-bottom: 35px;
}
.fitness-features__item:last-child {
margin-bottom: 0;
}
.fitness-features__item-link {
display: block;
}
.fitness-features__item-icon {
float: left;
font-size: 50px;
color: #7a7d84;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
width: 50px;
height: 50px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.fitness-features__item-icon:before{
position: absolute;
width: 50px;
height: 50px;
}
.icon-personal-training:before{
background-color: #7A7D84;
content: ' ';
-webkit-mask-image: url('/img/new/PersonalTraining.svg');
mask-image: url('/img/new/PersonalTraining.svg');
}
.l-page__content_fitness .fitness-features__item-icon:before {
background-color: #7A7D84;
}
.fitness-features__item-icon.icon-filter-01:before{
content: ' ';
-webkit-mask-image: url('/img/new/Sea.svg');
mask-image: url('/img/new/Sea.svg');
}
.fitness-features__item-icon.icon-promo-04:before{
content: ' ';
-webkit-mask-image: url('/img/new/Stationary bike.svg');
mask-image: url('/img/new/Stationary bike.svg');
}
.fitness-features__item-icon.icon-card-service-7:before{
content: ' ';
-webkit-mask-image: url('/img/new/Gym station.svg');
mask-image: url('/img/new/Gym station.svg');
}
.fitness-features__item-icon.icon-promo-03:before{
content: ' ';
-webkit-mask-image: url('/img/new/Blocks.svg');
mask-image: url('/img/new/Blocks.svg');
}
.fitness-features__item-icon.icon-promo-11:before{
content: ' ';
-webkit-mask-image: url('/img/new/Heart rate.svg');
mask-image: url('/img/new/Heart rate.svg');
}
.fitness-features__item-icon.icon-promo-13:before{
content: ' ';
-webkit-mask-image: url('/img/new/Test.svg');
mask-image: url('/img/new/Test.svg');
}
.fitness-features__item-desc {
margin-left: 65px;
}
.fitness-features__item-title {
padding: 12px 0;
font-size: 18px;
color: #ed1c24;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.fitness-features__item-text {
line-height: 22px;
}
.fitness-features__item-popup {
display: none;
}
.fitness-features__banner {
margin: 0 -20px;
padding-top: 30px;
text-align: center;
}
@media (min-width: 48em) {
.fitness-features__item {
margin-bottom: 0;
padding-bottom: 10px;
}
.fitness-features__item-desc {
padding-bottom: 23px;
border-bottom: 1px solid #eceded;
}
.fitness-features__item:last-child .fitness-features__item-desc {
border: 0;
}
.fitness-features__banner {
margin: 0;
}
}
@media (min-width: 64em) {
.fitness-features__item {
width: 100%;
-webkit-column-break-inside: avoid;
}
.fitness-features__list{
columns: 2;
}
.fitness-features {
position: relative;
padding-inline: 0;
}
.fitness-features__list {
margin: 0 -20px 0 -30px;
}
.fitness-features__item-link {
padding: 0 20px 0 30px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.fitness-features__item:hover .fitness-features__item-link {
z-index: 1;
background: #ed1c24;
color: #fff;
}
.fitness-features__item:hover .fitness-features__item-desc {
border-color: transparent;
}
.fitness-features__item:hover .fitness-features__item-icon,
.fitness-features__item:hover .fitness-features__item-title {
color: #fff;
}
.fitness-features__item-popup {
position: absolute;
right: 100%;
overflow: hidden;
display: block;
width: 0;
height: 0;
opacity: 0;
z-index: 1;
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
transform-origin: right center;
-webkit-transition: 0.5s ease-out 0.25s;
-moz-transition: 0.5s ease-out 0.25s;
-o-transition: 0.5s ease-out 0.25s;
transition: 0.5s ease-out 0.25s;
}
.fitness-features__list .js-fitness-features-hover:nth-child(2n) .fitness-features__item-popup.is-opened {
-moz-transform: scale(1) translateX(100%);
-ms-transform: scale(1) translateX(100%);
-webkit-transform: scale(1) translateX(100%);
-o-transform: scale(1) translateX(100%);
transform: scale(1) translateX(100%);
}
.fitness-features__item-popup.is-opened {
-moz-transform: scale(1) translateX(150%);
-ms-transform: scale(1) translateX(150%);
-webkit-transform: scale(1) translateX(150%);
-o-transform: scale(1) translateX(150%);
transform: scale(1) translateX(150%);
}
.fitness-features__item-popup.is-opened {
width: auto;
height: auto;
max-width: 590px;
opacity: 1;
}
}
@media (min-width: 85.375em) {
.fitness-features__title {
font-size: 22px;
}
.fitness-features__item-popup.is-opened {
max-width: 895px;
}
.fitness-features__banner {
padding-left: 65px;
text-align: left;
}
}
.programs__head {
padding: 25px 20px;
}
.programs__title {
margin-bottom: 20px;
font-size: 26px;
}
.programs__content {
padding: 20px;
background: #fff;
}
.programs__item {
margin-bottom: 20px;
}
.programs__item:last-child {
margin-bottom: 0;
}
.programs__more {
padding-top: 10px;
text-align: center;
}
@media (min-width: 48em) {
.programs__head {
width: 730px;
margin: 0 auto;
padding: 0 0 25px;
}
.programs__title {
margin-bottom: 30px;
font-size: 36px;
}
.programs__content {
padding: 30px 0;
}
.programs__list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
.programs__item {
display: inline-block;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
width: 33.33333%;
padding: 0 10px;
vertical-align: top;
}
.programs__item:last-child {
margin-bottom: 20px;
}
.programs__item-inner {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
}
@media (min-width: 64em) {
.programs__head {
width: 985px;
}
.programs__title {
font-size: 42px;
}
.programs__list {
margin: 0 -15px;
}
.programs__item {
padding: 0 15px;
}
.programs__more {
padding-top: 20px;
}
}
@media (min-width: 85.375em) {
.programs__head {
width: 1300px;
margin: 0 auto;
padding: 10px 0 30px;
}
.programs__title {
margin-bottom: 25px;
font-size: 54px;
}
.programs__list {
margin: 0 -10px;
}
.programs__item {
width: 25%;
padding: 0 10px;
}
}
.program {
background: #fff;
}
.program__head {
position: relative;
}
.program__head-inner {
position: relative;
}
@media (min-width: 48em) {
.program__head-tags {
position: absolute;
top: -50px;
right: 20px;
}
}
@media (min-width: 64em) {
.program__head-inner {
width: 985px;
margin: 0 auto;
}
.program__head-tags {
top: auto;
bottom: 20px;
}
}
@media (min-width: 85.375em) {
.program__head-inner {
width: 1300px;
}
.program__head-tags {
right: 70px;
}
}
.program__info {
padding: 23px 18px 20px;
text-align: center;
font-size: 16px;
background: #7a7d84;
color: #fff;
}
.program__info-title {
margin-bottom: 20px;
line-height: 40px;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
font-size: 36px;
}
.program__info-summary {
line-height: 20px;
opacity: .6;
}
.program__info-summary-item {
margin-bottom: 20px;
}
.program__info-text {
line-height: 26px;
}
@media (min-width: 48em) {
.program__info {
padding: 40px 40px 105px;
}
.program__info-title {
margin-bottom: 40px;
line-height: 82px;
font-size: 82px;
}
.program__info-summary {
margin-bottom: 50px;
}
.program__info-summary-item {
display: inline-block;
width: 33.33333%;
margin-bottom: 0;
}
}
@media (min-width: 64em) {
.program__info {
position: relative;
width: 42%;
padding: 40px 30px 40px 60px;
text-align: left;
background: rgba(122, 125, 132, 0.95);
}
.program__info-title {
width: 924px;
margin-left: -10px;
margin-bottom: 28px;
line-height: 116px;
font-size: 112px;
}
.program__info-summary {
margin-bottom: 25px;
}
.program__info-summary-item {
width: 100%;
margin-bottom: 28px;
}
}
@media (min-width: 85.375em) {
.program__info {
width: 50%;
max-width: 680px;
}
.program__info-title {
width: 1126px;
margin-bottom: 96px;
}
.program__info-summary {
margin-bottom: 45px;
}
}
.program__slider {
height: 270px;
z-index: 0;
}
.program__slider .slick-prev,
.program__slider .slick-next {
background: transparent;
}
.program__slider .slick-prev:hover,
.program__slider .slick-next:hover {
background: #ed1c24;
}
.program__slider-slide {
height: 270px;
background-size: cover;
background-position: center;
}
@media (min-width: 48em) {
.program__slider {
height: 615px;
margin-top: -73px;
}
.program__slider-slide {
height: 615px;
}
}
@media (min-width: 64em) {
.program__slider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-top: 0;
}
.program__slider .slick-list,
.program__slider .slick-track, .program__slider-slide {
height: 100%;
}
}
.program__content {
max-width: 1300px;
margin: 0 auto;
padding: 25px 20px 30px;
border-bottom: 1px solid #eceded;
}
.program__content-desc {
margin-bottom: 22px;
line-height: 26px;
font-size: 16px;
}
.program__content-desc P {
margin-bottom: 26px;
}
.program__content-desc P:last-child {
margin-bottom: 0;
}
.program__content-tags {
margin-bottom: 20px;
}
.program__content-social {
text-align: center;
}
.program__content-social .social__item {
margin-left: 30px;
}
@media (min-width: 48em) {
.program__content {
padding: 44px 20px 42px;
}
.program__content-desc {
width: 600px;
margin: 0 auto 27px;
font-size: 17px;
}
.program__content-tags {
width: 600px;
margin: 0 auto 30px;
text-align: center;
}
}
.similar {
padding: 25px 20px;
background: #fff;
}
.similar__head {
max-width: 1300px;
margin: 0 auto;
}
.similar__head-title {
margin-bottom: 24px;
text-align: center;
font-size: 24px;
}
.similar__head-link {
display: inline-block;
}
.similar__link {
font-size: 15px;
color: #ed1c24;
}
.similar__content {
max-width: 1300px;
margin: 0 auto;
}
.similar__footer {
padding-top: 8px;
text-align: center;
}
@media (min-width: 48em) {
.similar {
padding: 35px 20px 15px;
}
.similar__head-title {
display: inline-block;
width: 66.66667%;
margin-bottom: 35px;
padding-left: 33.33333%;
white-space: nowrap;
}
.similar__head-link {
width: 33.33333%;
padding-right: 20px;
text-align: right;
}
}
@media (min-width: 64em) {
.similar__head-link {
padding-right: 0;
}
}
.program-clubs {
background: #fff;
}
.program-clubs__title {
margin-bottom: 15px;
line-height: 36px;
font-size: 32px;
text-align: center;
}
.program-clubs__title-sub {
display: block;
margin-top: 4px;
font-size: 16px;
}
.program-clubs__list {
padding: 25px 20px 16px;
}
.program-clubs__item {
position: relative;
padding-bottom: 28px;
margin-bottom: 25px;
}
.program-clubs__item:after {
content: "";
position: absolute;
bottom: 0;
right: 0;
height: 1px;
width: 100%;
background: #eceded;
}
.program-clubs__item:nth-last-child(2):after {
content: none;
}
.program-clubs__item-banner {
margin: 0 -20px;
text-align: center;
}
@media (min-width: 48em) {
.program-clubs__title {
margin-bottom: 27px;
}
.program-clubs__list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.program-clubs__item {
width: 33.33333%;
padding-right: 20px;
vertical-align: top;
}
.program-clubs__item:after {
display: none;
}
.program-clubs__item:nth-child(3n+3) {
position: relative;
}
.program-clubs__item:nth-child(3n+3):after {
display: block;
width: 300%;
}
.program-clubs__item:nth-child(3n+3):nth-last-child(2):after {
content: "";
}
.program-clubs__item-banner {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0;
text-align: left;
}
}
@media (min-width: 64em) {
.program-clubs__list {
padding: 40px 20px;
}
.program-clubs__item {
margin-bottom: 40px;
padding-bottom: 37px;
}
}
@media (min-width: 85.375em) {
.program-clubs__content {
max-width: 1300px;
margin: 0 auto;
}
.program-clubs__list {
padding: 40px 0;
}
.program-clubs__item {
width: 25%;
}
.program-clubs__item:nth-child(3n+3):after {
content: none;
}
.program-clubs__item:nth-child(4n+4):after {
display: block;
width: 400%;
}
}
.program-my-club {
padding: 25px 20px 30px;
background: #7a7d84;
color: #fff;
}
.program-my-club-info {
margin-bottom: 20px;
}
.program-my-club-title {
margin-bottom: 18px;
line-height: 28px;
font-size: 24px;
}
.program-my-club-address {
line-height: 26px;
font-size: 15px;
font-style: normal;
}
.program-my-club__trainers {
font-size: 0;
}
.program-my-club__trainer {
margin-bottom: 28px;
font-size: 15px;
}
.program-my-club__trainer:last-child {
margin-bottom: 0;
}
.program-my-club__trainer-img {
float: left;
display: block;
margin: 2px 0 23px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.program-my-club__trainer-info {
margin: 0 0 23px 100px;
}
.program-my-club__trainer-name {
display: inline-block;
margin-bottom: 10px;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
text-decoration: underline;
}
.program-my-club__trainer-name:hover {
text-decoration: none;
}
.program-my-club__trainer-desc {
line-height: 22px;
}
.program-my-club__trainer-links {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
-webkit-align-items: baseline;
-moz-align-items: baseline;
align-items: baseline;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
clear: both;
}
.program-my-club__trainer-link {
display: inline-block;
}
.program-my-club__trainer-link .i-link {
margin-right: 20px;
}
.program-my-club__trainer .icon-schedule {
vertical-align: -2px;
font-size: 17px;
}
@media (min-width: 48em) {
.program-my-club__trainers {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -20px;
}
.program-my-club__trainer {
position: relative;
width: 50%;
padding-right: 20px;
padding-bottom: 34px;
vertical-align: top;
}
.program-my-club__trainer-links {
position: absolute;
bottom: 0;
left: 0;
}
}
@media (min-width: 64em) {
.program-my-club__trainers {
display: inline-table;
margin-right: -25px;
}
.program-my-club__trainer {
display: table-cell;
width: 33.33333%;
margin-bottom: 0;
padding-right: 25px;
padding-bottom: 80px;
}
.program-my-club__trainer-img {
float: none;
margin-bottom: 17px;
}
.program-my-club__trainer-info {
margin-left: 0;
margin-bottom: 20px;
}
.program-my-club__trainer-links {
height: 80px;
}
.program-my-club__trainer-link {
display: block;
width: 100%;
}
.program-my-club__trainer-link_order {
position: absolute;
bottom: 0;
left: 0;
white-space: nowrap;
}
}
@media (min-width: 85.375em) {
.program-my-club {
display: inline-table;
}
.program-my-club-info {
display: table-cell;
width: 25%;
padding-left: 10px;
vertical-align: top;
}
.program-my-club__trainers {
display: table-cell;
width: 75%;
vertical-align: top;
}
.program-my-club__trainer-img {
margin-top: 5px;
}
}
.program-reviews {
padding: 25px 20px 40px;
background: #f5f6f6;
}
.program-reviews__title {
margin-bottom: 27px;
text-align: center;
font-size: 24px;
}
.program-reviews__item {
margin-bottom: 25px;
}
.program-reviews__item-text {
margin-bottom: 24px;
line-height: 22px;
font-size: 15px;
}
.program-reviews__item-more {
display: none;
margin: 0;
line-height: 22px;
font-size: 15px;
opacity: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.program-reviews__item.is-opened .program-reviews__item-more {
margin-bottom: 20px;
opacity: 1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.program-reviews__item-more-link {
margin-bottom: 20px;
font-size: 15px;
}
.program-reviews__item-user-img {
float: left;
overflow: hidden;
width: 70px;
height: 70px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.program-reviews__item-user-img IMG {
display: block;
width: 100%;
height: 100%;
}
.program-reviews__item-user-info {
display: table-cell;
height: 70px;
padding-left: 18px;
vertical-align: middle;
font-size: 13px;
}
.program-reviews__item-user-name {
margin-bottom: 5px;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
}
.program-reviews__item-user-club {
color: #7a7d84;
}
.program-reviews__add {
padding-top: 5px;
text-align: center;
}
.program-reviews__share {
margin: 40px auto 0;
line-height: 22px;
text-align: center;
}
.program-reviews__share-text {
margin-bottom: 20px;
}
.program-reviews_famous {
background-color: #fff;
}
.program-reviews_corp {
padding-bottom: 10px;
background-color: #fff;
}
.program-reviews_corp .program-reviews__title {
margin-bottom: 18px;
color: #ed1c24;
}
.program-reviews_corp .program-reviews__item {
margin-bottom: 45px;
}
@media (min-width: 48em) {
.program-reviews {
padding-top: 35px;
}
.program-reviews__title {
margin-bottom: 40px;
}
.program-reviews__list {
margin: 0 -20px;
font-size: 0;
}
.program-reviews__item {
display: inline-block;
width: 50%;
padding: 0 20px;
vertical-align: top;
}
.program-reviews_famous {
padding-top: 20px;
}
.program-reviews_corp .program-reviews__title {
margin-bottom: 36px;
font-size: 48px;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
}
.program-reviews_corp .program-reviews__item-more-link {
margin-bottom: 30px;
}
}
@media (min-width: 64em) {
.program-reviews__add {
padding-top: 15px;
}
}
@media (min-width: 85.375em) {
.program-reviews__content {
max-width: 1300px;
margin: 0 auto;
}
.program-reviews__list {
margin: 0 -30px;
}
.program-reviews__item {
padding: 0 60px;
}
.program-reviews__add {
padding-top: 35px;
}
}
.clubs__head {
position: relative;
z-index: 1;
min-height: 140px;
padding: 25px 20px 30px;
}
.clubs__head.is-on-map {
color: #000;
}
.clubs__head-right {
display: none;
}
.clubs__title {
display: inline-block;
margin: 0;
line-height: 1;
font-size: 26px;
}
.clubs__view-type {
position: absolute;
bottom: 30px;
left: 20px;
right: 20px;
display: inline-block;
vertical-align: top;
}
.clubs__search {
overflow: hidden;
display: inline-block;
vertical-align: top;
}
.clubs__search-input {
color: #000;
}
.clubs__search-icon {
font-size: 17px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.clubs__search-icon:active, .clubs__search-icon:focus {
outline: none;
}
.clubs__search-icon:hover {
color: #000;
}
.clubs__region {
position: absolute;
top: 25px;
right: 20px;
}
.clubs__content {
background: #fff;
}
.clubs_map .clubs__head-right {
display: inline-block;
}
@media (min-width: 48em) {
.clubs__head {
width: 730px;
min-height: 160px;
margin: 0 auto;
padding: 30px 0;
}
.clubs__title {
font-size: 36px;
}
.clubs__view-type {
left: 0;
width: 315px;
}
.clubs__search {
position: absolute;
bottom: 30px;
right: 20px;
width: 300px;
height: 32px;
line-height: 32px;
background: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.clubs__search-label {
display: block;
float: left;
}
.clubs__search-input {
width: 268px;
border: 0 !important;
}
.clubs__search-icon {
width: 32px;
height: 32px;
margin: 0;
padding: 0;
border: 0;
background: #fff;
color: #7a7d84;
}
.clubs__region {
top: 40px;
}
.clubs__region-switch {
display: inline-block;
}
.clubs__region-district {
width: 130px;
font-size: 14px;
}
.clubs__region-district .i-select__select {
line-height: 30px;
padding: 0 30px 0 10px;
}
}
@media (min-width: 64em) {
.clubs__head {
width: 985px;
min-height: 0;
padding-top: 35px;
}
.clubs__head-left {
display: inline-block;
width: 50%;
vertical-align: top;
}
.clubs_map .clubs__head-right {
display: inline-block;
width: 50%;
margin-top: 10px;
vertical-align: top;
text-align: right;
}
.clubs__title {
font-size: 42px;
}
.clubs__view-type {
position: static;
margin: 10px 0 0 35px;
}
.clubs__region {
position: static;
display: inline-block;
}
.clubs__search {
position: static;
display: inline-block;
width: 165px;
margin-right: 17px;
}
.clubs__search-input {
width: 133px;
}
}
@media (min-width: 85.375em) {
.clubs__head {
width: 1300px;
padding-top: 45px;
}
.clubs__head-right {
margin-top: 15px;
}
.clubs__title {
font-size: 54px;
}
.clubs__view-type {
margin: 15px 0 0 50px;
}
.clubs__search {
width: 290px;
margin-right: 57px;
}
.clubs__search-input {
width: 258px;
}
}
.clubs-filter {
position: relative;
z-index: 1;
padding: 30px 20px;
}
.clubs-filter__title {
width: 100%;
padding: 0 8px 0 16px;
line-height: 32px;
background: #eceded;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
}
.clubs-filter__content {
overflow: hidden;
display: none;
}
.clubs-filter__list {
margin: 0;
padding: 20px 8px 0 16px;
}
.clubs-filter__item {
margin-bottom: 20px;
}
.clubs-filter__checkbox {
width: 100%;
}
.clubs-filter__icon {
display: none;
}
.clubs-filter__clear {
padding-left: 16px;
color: #7a7d84;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.clubs-filter__clear:hover {
color: #000;
}
.clubs-filter_map {
position: absolute;
left: 20px;
bottom: 0;
z-index: 1;
width: 120px;
padding: 0;
background: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.clubs-filter_map .clubs-filter__list {
height: 245px;
padding: 0;
}
.clubs-filter_map .clubs-filter__item {
padding: 0 16px;
}
.clubs-filter_map .clubs-filter__item:first-child {
margin-top: 20px;
}
.clubs-filter_map .clubs-filter__clear {
line-height: 49px;
border-top: 1px solid #eceded;
}
.clubs-filter_map.is-opened {
width: 280px;
}
.clubs-filter_metro.is-opened {
background: rgba(255, 255, 255, 0.9);
}
@media (min-width: 48em) {
.clubs-filter_map {
width: 195px;
}
.clubs-filter_map .clubs-filter__list {
height: 400px;
}
}
@media (min-width: 64em) {
.clubs-filter {
float: left;
width: 225px;
padding: 45px 0;
}
.clubs-filter__content {
overflow: visible;
display: block !important;
}
.clubs-filter__list {
overflow: hidden;
padding: 0;
}
.clubs-filter__item {
margin-bottom: 30px;
color: #7a7d84;
}
.clubs-filter__clear {
padding: 0;
}
.clubs-filter_map {
padding: 0;
}
.clubs-filter_map .clubs-filter__list {
height: 334px;
}
.clubs-filter_map .clubs-filter__clear {
padding-left: 20px;
}
.clubs-filter_metro {
float: none;
position: absolute;
top: 0;
left: 0;
padding: 45px 20px 0 0;
background: rgba(255, 255, 255, 0.9);
}
}
@media (min-width: 85.375em) {
.clubs-filter {
width: 292px;
padding: 50px 0 0 20px;
}
.clubs-filter .mCustomScrollBox,
.clubs-filter .mCSB_container {
overflow: visible;
}
.clubs-filter .mCSB_container {
padding: 20px 0 10px;
}
.clubs-filter__icon {
display: inline-block;
margin: 0 8px;
line-height: 20px;
font-size: 30px;
vertical-align: middle;
}
.i-checkbox__input:checked + .i-checkbox__label .clubs-filter__icon {
color: #ed1c24;
}
.clubs-filter__clear {
padding-left: 46px;
}
.clubs-filter_map {
width: 315px;
padding: 0;
}
.clubs-filter_map .clubs-filter__list {
height: 520px;
}
.clubs-filter_map .clubs-filter__item:first-child {
margin-top: 0;
}
.clubs-filter.is-opened {
width: 315px;
}
}
.clubs-list {
padding: 0 20px;
}
.clubs-list__group {
margin-bottom: 35px;
}
.clubs-list__group-head {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
align-items: flex-end;
margin-bottom: 25px;
padding: 5px 0 23px;
border-bottom: 1px solid #eceded;
}
.clubs-list__group-title {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-size: 18px;
}
.clubs-list__group-logo {
display: inline-block;
width: 63px;
height: 25px;
}
.clubs-list__group-logo IMG {
display: block;
width: 63px;
height: 25px;
}
.clubs-list__group-logo_lite {
width: 80px;
height: 31px;
}
.clubs-list__group-logo_lite IMG {
width: 80px;
height: 31px;
}
.clubs-list__item {
margin-bottom: 24px;
}
@media (min-width: 48em) {
.clubs-list {
padding: 0;
}
.clubs-list__group-head {
margin-bottom: 35px;
}
.clubs-list__group-title {
font-size: 26px;
}
.clubs-list__group-content {
font-size: 0;
}
.clubs-list__group-logo {
display: inline-block;
width: 80px;
height: 30px;
}
.clubs-list__group-logo IMG {
display: block;
width: 80px;
height: 30px;
}
.clubs-list__group-logo_lite {
width: 101px;
height: 39px;
}
.clubs-list__group-logo_lite IMG {
width: 101px;
height: 39px;
}
.clubs-list__col {
display: inline-block;
width: 50%;
padding-right: 20px;
vertical-align: top;
}
.clubs-list__item {
margin-bottom: 28px;
}
}
@media (min-width: 64em) {
.clubs-list {
margin-left: 170px;
padding-top: 30px;
}
.clubs-list__group-head {
padding-bottom: 33px;
}
}
@media (min-width: 85.375em) {
.clubs-list {
margin-left: 220px;
}
}
.clubs-list_group-head-red {
border-bottom: 2px #ed1c24 solid;
}
.clubs-list_group-head-green {
border-bottom: 2px #019548 solid;
}
.clubs-map {
position: relative;
z-index: 0;
}
.clubs-map__container {
height: 524px;
background: #2b2b2b !important;
}
.clubs-map__footer {
position: relative;
bottom: 20px;
height: 0;
}
.clubs-map__footer-find {
position: absolute;
bottom: 0;
right: 20px;
}
.clubs-map__overlay {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(122, 125, 132, 0.7);
-webkit-transition: 0.25s ease-out;
-moz-transition: 0.25s ease-out;
-o-transition: 0.25s ease-out;
transition: 0.25s ease-out;
}
.clubs-map__overlay.is-hidden {
left: -100%;
}
.clubs-map__overlay.is-hidden .clubs-map__overlay-toggle {
left: 100%;
width: 32px;
height: 32px;
margin-left: 20px;
background: #fff;
}
.clubs-map__overlay.is-hidden .clubs-map__overlay-toggle .i-icon {
display: none;
}
.clubs-map__overlay.is-hidden .clubs-map__overlay-toggle-hand {
top: 4px;
left: 7px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAsCAMAAAA3k5qAAAAANlBMVEX/////qaz/AAr/Aw3/qKtXAANWAAP8AAr///8AAAD/WWD/WmD/Vl3//Pz/V16mAAf/qq3/p6onutChAAAAAXRSTlMAQObYZgAAAOhJREFUeF7t08cOwyAQBFBqcXf+/2dDWJYBrxwlOWeO6AmGppApR72NJBKknBv0JyU/km3RREZ4LlsTu7FBEm3NzmYxxsRABDDEPDxXknk2eiT6JaxTvbG6JzTka3UYEBKu7I6r0bRMaGlXOBMVivFEQhGeOI4s0NQpoceVTJoN9+jJWLHRJEk1VYDgArkEhCRkIEAIETmJ6FuChWBASlAXBgTi4WBACmKREsxIIGAupAkYR4BJgOhMT3Avo2EiBIxn0t6YMNFXMvMbk+aoZFtzj3bGMNGs+I6zU5Ikf5DgSIItf0NEPiZPQXsZ9eJyxMAAAAAASUVORK5CYII=);
}
.clubs-map__overlay-toggle {
position: absolute;
top: 50%;
left: 50%;
width: 52px;
height: 52px;
margin: -26px 0 0 -26px;
background: #ed1c24;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.clubs-map__overlay-toggle .i-icon {
position: absolute;
top: 10px;
left: 50%;
width: 9px;
height: 9px;
font-size: 9px;
color: #fff;
}
.clubs-map__overlay-toggle .icon-arrow-left {
margin-left: -9px;
}
.clubs-map__overlay-toggle-hand {
position: absolute;
top: 23px;
left: 20px;
display: block;
width: 17px;
height: 22px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAsAgMAAAB9I4IhAAAACVBMVEX///8AAAD///9+749PAAAAAXRSTlMAQObYZgAAAExJREFUeF6tyyESwEAIBME1/G8Nhv9h9pVJUOSOVJ3IqDYDwIiqK/Jv+SA5d0VyUHY5S2JTZEhapEd6yQYhJmmXfSrRhThULTyQ33VdemmCtfJSykkAAAAASUVORK5CYII=) no-repeat;
background-size: 17px 22px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: optimize-contrast;
image-rendering: crisp-edges;
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
}
@media (min-width: 48em) {
.clubs-map__container {
height: 753px;
}
.clubs-map__footer {
width: 768px;
margin: 0 auto;
padding: 0;
}
}
@media (min-width: 64em) {
.clubs-map__container {
height: 535px;
}
.clubs-map__footer {
width: 1024px;
}
}
@media (min-width: 85.375em) {
.clubs-map__overlay {
display: none;
}
.clubs-map__container {
height: 727px;
}
.clubs-map__footer {
width: 1340px;
}
}
.clubs-metro {
position: relative;
}
.clubs-metro__container {
position: relative;
z-index: 0;
overflow: hidden;
height: 486px;
text-align: center;
}
.clubs-metro__pan {
position: absolute;
top: 0;
left: 0;
width: 920px;
height: 1124px;
margin-top: 50px;
}
.clubs-metro__stations, .clubs-metro__img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 1124px;
height: 1124px;
margin-top: 170px;
margin-bottom: 150px;
}
.clubs-metro__stations {
z-index: 1;
}
.clubs-metro__station {
position: absolute;
line-height: 14px;
font-size: 12px;
background: #fff;
color: #ed1c24;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.clubs-metro__station-marker {
position: relative;
display: inline-block;
width: 14px;
height: 14px;
margin-left: -17px;
vertical-align: top;
background: #fff;
border: 4px solid #ed1c24;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
box-shadow: 0 0 0 2px #fff;
-webkit-box-shadow: 0 0 0 2px #fff;
-moz-box-shadow: 0 0 0 2px #fff;
}
.clubs-metro__station-name {
display: inline-block;
line-height: 11px;
font-weight: 600;
background: #fff;
}
.clubs-metro__station.is-active .clubs-metro__station-marker:before, .clubs-metro__station.is-active .clubs-metro__station-marker:after {
content: "";
position: absolute;
top: -7px;
left: -7px;
width: 20px;
height: 20px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
box-shadow: 0 0 0 3px #ed1c24;
-webkit-box-shadow: 0 0 0 3px #ed1c24;
-moz-box-shadow: 0 0 0 3px #ed1c24;
opacity: 0;
-webkit-animation: active 2s infinite linear;
animation: active 2s infinite linear;
}
.clubs-metro__station.is-active .clubs-metro__station-marker:after {
-webkit-animation-delay: .8s;
animation-delay: .8s;
}
.clubs-metro__station.is-active .clubs-metro__marker-popup {
position: absolute;
top: -217px;
left: 100%;
display: block;
margin-left: 12px;
}
.clubs-metro__station.is-hidden {
visibility: hidden;
}
.clubs-metro__station.is-hidden .clubs-metro__marker-popup {
display: none;
}
.clubs-metro__station_lite {
color: #019548;
}
.clubs-metro__station_lite .clubs-metro__station-marker {
border-color: #019548;
}
.clubs-metro__station_lite.is-active .clubs-metro__station-marker:before,
.clubs-metro__station_lite.is-active .clubs-metro__station-marker:after {
box-shadow: 0 0 0 3px #019548;
-webkit-box-shadow: 0 0 0 3px #019548;
-moz-box-shadow: 0 0 0 3px #019548;
}
.clubs-metro__station_luxury {
color: #3c231c;
}
.clubs-metro__station_luxury .clubs-metro__station-marker {
border-color: #3c231c;
}
.clubs-metro__station_luxury.is-active .clubs-metro__station-marker:before,
.clubs-metro__station_luxury.is-active .clubs-metro__station-marker:after {
box-shadow: 0 0 0 3px #3c231c;
-webkit-box-shadow: 0 0 0 3px #3c231c;
-moz-box-shadow: 0 0 0 3px #3c231c;
}
.clubs-metro__img {
z-index: 0;
background: url(../img/metro-map@2x.png) no-repeat 0 0;
background-size: 920px 1126px;
}
@media (min-width: 48em) {
.clubs-metro__container {
height: 1177px;
}
}
@media (min-width: 64em) {
.clubs-metro__container {
height: 1095px;
}
.clubs-metro__stations, .clubs-metro__img {
margin-left: 225px;
}
}
@media (min-width: 85.375em) {
.clubs-metro__container {
height: 1187px;
overflow: hidden;
}
.clubs-metro__pan {
margin-top: 25px;
}
.clubs-metro__stations, .clubs-metro__img {
margin-left: 325px;
}
}
.club-about {
background-repeat: no-repeat;
background-size: cover;
color: #fff;
letter-spacing: .6px;
position: relative;
}
.club-about::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 0;
}
.club-about__wrapper {
padding: 20px 20px 0;
position: relative;
}
.club-about__title {
font-size: 24px;
margin: 60px 0;
}
.club-about__title-chain {
font-size: 24px;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
margin-bottom: 0;
}
.club-about__title-name {
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
}
.club-about__address {
background-color: #ed1c24;
padding: 20px 30px;
width: 100%;
}
.club-about__address-item {
margin-bottom: 15px;
}
.club-about__address-item:last-child {
margin-bottom: 0;
}
.club-about__address .i-icon {
font-size: 20px;
vertical-align: bottom;
margin-left: -4px;
margin-right: 5px;
}
.club-about__list {
background-color: #7a7d84;
margin: 0 -20px;
padding: 20px;
padding-right: 10px;
}
.club-about__item {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #888a91;
}
.club-about__item:last-child {
border: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.club-about__item-title, .club-about__item-phone {
font-size: 17px;
margin-bottom: 15px;
}
.club-about__item-hours {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
display: inline-block;
vertical-align: top;
margin-bottom: 10px;
margin-right: 25px;
line-height: 24px;
}
@media (max-width: 48em) {
.club-description__col{
display: flex;
justify-content: center;
}
}
@media (min-width: 48em) {
.club-about__wrapper {
width: 100%;
margin: 0 auto;
padding: 20px 0px 0;
padding-inline: 70px;
}
.l-page__content_cards     .club-about__wrapper {
padding: 120px 0px 0 ;
}
.club-about__title {
font-size: 60px;
margin: 60px 60px 260px;
}
.club-about__title-chain {
font-size: 60px;
}
.club-about__address {
width: 100%;
margin: 0 auto -20px;
padding: 30px 20px;
position: relative;
font-size: 16px;
}
.club-about__address-list {
display: inline-table;
width: 100%;
}
.club-about__address-item {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.club-about__address-item_metro {
padding: 0 10px;
}
.club-about__list {
display: inline-table;
border-collapse: separate;
border-spacing: 20px 0;
padding: 40px 0 0;
padding-inline: 70px;
margin: 0;
width: 100%;
}
.club-about__item {
display: table-cell;
vertical-align: top;
border-bottom: 0;
}
}
@media (min-width: 64em) {
.club-about__wrapper {
width: 100%;
max-width: 1300px;
padding-inline: 70px;
}
.club-about__title-name {
font-size: 90px;
}
.club-about__address {
width: 740px;
padding: 40px 20px;
}
.club-about__list {
width: 100%;
background-color: #7a7d84;
background-color: rgba(122, 125, 132, 0.8);
}
}
@media (min-width: 85.375em) {
.club-about__wrapper {
width: 1300px;
padding-inline: 0;
}
.club-about__title {
margin: 120px 60px 200px;
}
.club-about__address {
width: 800px;
}
.club-about__list {
max-width: 1300px;
border-spacing: 60px 0;
}
}
.club-description {
background-color: #fff;
font-size: 16px;
line-height: 26px;
}
.club-description__wrapper {
padding: 30px 20px;
display: flex;
flex-direction: column-reverse;
gap: 30px;
}
.club-description__col {
margin-bottom: 30px;
width: 100%;
}
.club-description__col:first-child{
background-color: var(--description-gray);
}
.club-description__col:last-child {
margin-bottom: 0;
}
.club-description__text {
}
.club-description__link {
color: #ed1c24;
}
.club-description__col img {
height: auto;
max-width: 640px;
width: 100%;
max-height: 220px;
}
@media (min-width: 85.375em){
.club-description__col img{
height: 100%;
}
}
@media (min-width: 43em) {
.club-description__col img {
max-height: initial;
}
.club-description__wrapper {
width: 730px;
margin: 0 auto;
flex-direction: row;
padding: 30px 20px;
gap: 20px;
}
.club-description__col {
display: inline-block;
vertical-align: middle;
width: 50%;
margin-bottom: 0;
max-width: 50%;
}
.club-description__col_links {
padding-left: 30px;
}
}
@media (min-width: 48em){
.club-description__wrapper {
padding: 30px 0;
}
}
@media (min-width: 64em) {
.club-description__wrapper {
width: 985px;
}
.club-description__col {
vertical-align: top;
width: 65%;
}
.club-description__col_links {
width: 35%;
}
}
.club-description__col:first-child {
padding: 40px 20px;
}
@media (min-width: 64em){
}
@media (min-width: 85.375em) {
.club-description__wrapper {
width: 1340px;
}
.club-description__wrapper{
padding-inline: 0 !important;
}
}
.club-features {
margin-bottom: 50px;
}
.club-features__head {
position: relative;
text-align: center;
margin: 20px;
}
.club-features__title {
font-size: 26px;
}
.club-features__tour {
color: #7a7d84;
font-size: 15px;
}
.club-features__tour .i-icon {
vertical-align: 0;
}
@media (min-width: 48em) {
.club-features__head {
margin: 30px 20px;
}
.club-features__tour {
position: absolute;
top: 10px;
right: 20px;
}
.club-features__title {
margin-bottom: 0;
}
}
.club-slider {
color: #fff;
}
.club-slider__button {
text-align: center;
margin-top: 60px;
}
.club-slider__item {
position: relative;
}
@media (min-width: 64em) {
.club-slider__item {
min-height: 600px;
}
}
@media (min-width: 85.375em) {
.club-slider .slick-next {
right: 50%;
margin-right: -600px;
color: #b8bbc0;
}
.club-slider .slick-next:hover {
color: #fff;
}
.club-slider .slick-prev {
left: 50%;
margin-left: -630px;
}
}
.club-slider-pagination__item {
line-height: 54px;
text-align: center;
cursor: pointer;
}
.club-slider-pagination__item-icon {
background-color: #ed1c24;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
}
.club-slider-pagination__item .club-slider-pagination__item-icon {
font-size: 40px;
-moz-transform: scale(0.2);
-ms-transform: scale(0.2);
-webkit-transform: scale(0.2);
-o-transform: scale(0.2);
transform: scale(0.2);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: #fff;
}
.club-slider-pagination__item.slick-center .club-slider-pagination__item-icon {
-moz-transform: scale(0.4);
-ms-transform: scale(0.4);
-webkit-transform: scale(0.4);
-o-transform: scale(0.4);
transform: scale(0.4);
}
.club-slider-pagination__item .club-slider-pagination__item-icon:before {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
@media (min-width: 64em) {
.club-slider-pagination__item.slick-center .club-slider-pagination__item-icon {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.club-slider-pagination__item.slick-center .club-slider-pagination__item-icon:before {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
}
.club-slider-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 140px 20px 20px;
font-size: 28px;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
}
@media (min-width: 48em) {
.club-slider-image {
padding: 180px 60px 160px;
font-size: 48px;
}
.club-slider-image__text {
width: 420px;
}
}
@media (min-width: 64em) {
.club-slider-image {
display: inline-block;
vertical-align: top;
width: 50%;
padding-right: 120px;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
font-size: 60px;
}
.club-slider-image__text {
margin-right: 70px;
float: right;
}
}
.club-slider-text {
background-color: #7a7d84;
padding: 20px;
font-size: 16px;
line-height: 26px;
}
.club-slider-text__item {
margin-bottom: 20px;
}
.club-slider-text__item:last-child {
margin-bottom: 5px;
}
.club-slider-text__item_desktop {
display: none;
}
.club-slider-text__link {
border-bottom: 1px solid;
}
.club-slider-text__link:hover {
border-color: transparent;
}
@media (min-width: 48em) {
.club-slider-text {
padding: 40px 60px;
}
}
@media (min-width: 64em) {
.club-slider-text {
padding: 140px 20px 0 40px;
width: 320px;
display: inline-block;
color: #000;
background-color: transparent;
}
.club-slider-text__link {
border-bottom: 0;
color: #ed1c24;
}
.club-slider-text__link:hover {
color: #b60000;
}
.club-slider-text__item {
display: none;
margin-bottom: 60px;
}
.club-slider-text__item_desktop {
display: block;
}
}
.club-custom {
font-size: 15px;
line-height: 22px;
background-color: #fff;
padding: 20px;
}
.club-custom__icon {
color: #7a7d84;
font-size: 18px;
vertical-align: -2px;
}
.club-custom__item {
padding: 20px;
}
.club-custom__title {
font-size: 20px;
margin-bottom: 20px;
}
.club-custom__text {
margin-bottom: 20px;
}
.club-custom__text:last-child {
margin-bottom: 0;
}
.club-custom__link {
color: #ed1c24;
}
.club-custom__link:hover {
color: #b60000;
}
.club-custom__app-title {
margin-bottom: 10px;
}
.club-custom__app-item {
margin-bottom: 10px;
}
.club-custom__app-item:last-child {
margin-bottom: 0;
}
.club-custom__app-link {
display: inline-block;
padding: 10px;
background-color: #f5f6f6;
width: 160px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.club-custom__app-image {
height: 30px;
display: block;
}
.club-custom__app-image_ios {
width: 97px;
}
.club-custom__app-image_google {
width: 120px;
}
@media (min-width: 48em) {
.club-custom {
padding: 20px 0;
}
.club-custom__app {
position: absolute;
bottom: 10px;
}
}
@media (min-width: 64em) {
.club-custom__app-item {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
margin-bottom: 0;
}
}
.club-more {
color: #fff;
font-size: 14px;
line-height: 22px;
margin-bottom: 20px;
}
.club-more__title {
font-size: 20px;
margin-bottom: 20px;
position: relative;
z-index: 1;
}
.club-more__list {
margin-bottom: 10px;
}
.club-more__item {
margin-bottom: 5px;
}
.club-more__item:last-child {
margin-bottom: 0;
}
.club-more__link_all {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}
.club-more__text {
font-size: 15px;
}
.club-more__text_percent {
font-size: 68px;
line-height: 80px;
margin-bottom: 20px;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
}
.club-more__col {
padding: 20px;
overflow: hidden;
}
.club-more__col_faq {
background-color: #7a7d84;
}
.club-more__col_bonus {
background-color: #ed1c24;
}
.club-more__col_bonus .club-more__text {
text-align: center;
}
.club-more__col_map {
position: relative;
min-height: 325px;
}
.club-more__map {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
@media (min-width: 48em) {
.club-more {
width: 730px;
margin: 0 auto 20px;
}
.club-more__col {
display: table-cell;
width: 50%;
height: 100%;
}
.club-more__col_map {
display: block;
width: 100%;
min-height: 270px;
}
}
@media (min-width: 64em) {
.club-more {
width: 985px;
}
}
@media (min-width: 85.375em) {
.club-more {
width: 1300px;
}
.club-more__wrapper {
display: inline-table;
width: 100%;
}
.club-more__col {
position: relative;
display: table-cell;
width: 33.333%;
height: 100%;
}
.club-more__map {
min-height: 272px;
}
}
.club-form {
font-size: 14px;
line-height: 22px;
padding: 20px;
}
.club-form__title {
font-size: 20px;
margin-bottom: 20px;
text-align: center;
}
.club-form__image {
float: left;
width: 70px;
margin-right: 10px;
}
.club-form__image-pic {
width: 100%;
}
.club-form__desc {
overflow: hidden;
}
.club-form__desc-title {
font-size: 18px;
color: #ed1c24;
margin-bottom: 10px;
}
.club-form__desc-text {
margin-bottom: 20px;
}
.club-form__phone {
margin-bottom: 10px;
}
.club-form__mail {
margin-bottom: 10px;
color: #ed1c24;
}
@media (min-width: 43em){
.club-form__image {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 200px;
overflow: hidden;
margin-right: 20px;
}
.club-form__form {
width: 470px;
margin: 0 auto;
}
}
@media (min-width: 43em) {
.club-form {
width: 95%;
margin: 0 auto;
padding: 20px 0;
}
.club-form__wrapper {
padding: 20px;
border: 2px dashed #dfdfdf;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
}
@media (min-width: calc(48em + 2px)) {
.club-form__wrapper {
padding: 40px 20px;
}
.club-form__col {
display: table-cell;
width: 50%;
vertical-align: top;
padding-left: 20px;
}
.club-form__col:first-child {
padding-left: 0;
}
.club-form__image {
float: none;
margin-bottom: 20px;
}
}
@media (min-width: 85.375em) {
.club-form {
width: 1340px;
}
.club-form__wrapper {
padding: 40px 120px;
}
}
.club-modal {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 480px;
}
.club-modal__map {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
@media (min-width: 48em) {
.club-modal {
position: relative;
width: 740px;
height: 520px;
margin: 0 auto;
}
}
@media (min-width: 64em) {
.club-modal {
width: 980px;
height: 700px;
}
}
.beautyspa-about {
padding: 25px 20px;
background: #fff;
}
.beautyspa-about__title {
margin-bottom: 20px;
line-height: 32px;
font-size: 26px;
}
.beautyspa-about__text {
line-height: 26px;
font-size: 16px;
}
@media (min-width: 48em) {
.beautyspa-about {
padding: 30px 20px;
}
.beautyspa-about__title {
margin-bottom: 23px;
line-height: 46px;
font-size: 36px;
}
}
@media (min-width: 64em) {
.beautyspa-about__title {
line-height: 52px;
font-size: 42px;
}
}
@media (min-width: 85.375em) {
.beautyspa-about {
padding: 40px 20px 30px;
}
.beautyspa-about__title {
margin-bottom: 30px;
line-height: 64px;
font-size: 54px;
}
}
.beautyspa-slider {
background: #fff;
}
.beautyspa-slider__desc {
padding: 25px 20px 20px;
line-height: 26px;
font-size: 16px;
background: #7a7d84;
color: #fff;
}
@media (min-width: 48em) {
.beautyspa-slider__desc {
padding: 34px 40px 32px;
}
}
@media (min-width: 64em) {
.beautyspa-slider-inner {
display: table;
table-layout: fixed;
width: 1024px;
margin: 0 auto;
}
.beautyspa-slider__desc {
display: table-cell;
width: 354px;
vertical-align: middle;
}
.beautyspa-slider__content {
display: table-cell;
vertical-align: top;
}
}
@media (min-width: 85.375em) {
.beautyspa-slider-inner {
width: 1340px;
}
.beautyspa-slider__desc, .beautyspa-slider__content {
width: 50%;
}
}
.beautyspa-month {
padding: 20px 20px 0;
font-size: 15px;
background: #fff;
}
.beautyspa-month__title {
margin-bottom: 21px;
line-height: 22px;
font-size: 20px;
}
.beautyspa-month__desc {
margin-bottom: 24px;
line-height: 22px;
}
@media (min-width: 48em) {
.beautyspa-month {
padding-bottom: 15px;
}
.beautyspa-month__title {
line-height: 26px;
font-size: 24px;
}
}
@media (min-width: 64em) {
.beautyspa-month {
padding: 30px 0 35px;
}
}
@media (min-width: 85.375em) {
.beautyspa-month {
padding: 40px 0 45px;
}
}
.beautyspa-service__image {
display: block;
max-width: 310px;
margin-bottom: 15px;
}
.beautyspa-service__image-pic {
display: block;
width: 100%;
}
.beautyspa-service__title {
display: inline-block;
margin-bottom: 10px;
line-height: 24px;
font-size: 18px;
}
.beautyspa-service__summary {
margin-bottom: 10px;
line-height: 24px;
}
.beautyspa-service__text {
margin-bottom: 20px;
line-height: 22px;
color: #7a7d84;
}
.beautyspa-service__meta {
font-size: 14px;
color: #7a7d84;
}
.beautyspa-service__meta-icon {
vertical-align: -3px;
font-size: 18px;
color: #b8bbc0;
}
@media (min-width: 48em) {
.beautyspa-service__image {
float: left;
width: 310px;
margin: 0 20px 0 0;
}
.beautyspa-service__desc {
overflow: hidden;
}
}
@media (min-width: 64em) {
.beautyspa-service__image {
float: none;
margin: 0 0 25px;
}
}
@media (min-width: 85.375em) {
.beautyspa-service__image {
float: left;
width: 310px;
margin: 0 20px 0 0;
}
}
.beautyspa-services {
background: #fff;
}
.beautyspa-services__head {
margin-bottom: 30px;
padding: 0 20px;
}
.beautyspa-services__title {
margin-bottom: 23px;
line-height: 30px;
font-size: 20px;
text-align: center;
}
.beautyspa-services__content {
padding: 0 20px 20px;
}
@media (min-width: 48em) {
.beautyspa-services__head {
padding: 0;
}
.beautyspa-services__title {
margin-bottom: 35px;
font-size: 24px;
}
.beautyspa-services__content {
padding: 0 0 20px;
}
}
.beautyspa-cards {
padding: 25px 20px 0;
}
.beautyspa-cards__title {
margin-bottom: 12px;
line-height: 34px;
font-size: 24px;
}
.beautyspa-cards__text {
margin-bottom: 22px;
line-height: 26px;
font-size: 16px;
}
.beautyspa-cards__item {
margin-bottom: 22px;
}
.beautyspa-cards__card-image {
position: relative;
max-width: 400px;
margin: 0 auto 10px;
}
.beautyspa-cards__card-discount {
position: absolute;
top: 10px;
right: 10px;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 16px;
text-align: center;
background: #ed1c24;
color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.beautyspa-cards__card-pic {
display: block;
max-width: 100%;
}
.beautyspa-cards__card-info {
line-height: 28px;
font-size: 15px;
text-align: center;
}
.beautyspa-cards__card-name {
font-size: 20px;
}
@media (min-width: 48em) {
.beautyspa-cards {
padding: 6px 20px 30px;
}
.beautyspa-cards__title {
margin-bottom: 30px;
line-height: 64px;
font-size: 54px;
}
.beautyspa-cards__text {
margin-bottom: 52px;
line-height: 26px;
font-size: 18px;
}
.beautyspa-cards__item {
margin-bottom: 30px;
}
.beautyspa-cards__card-image {
display: inline-block;
width: 310px;
margin: 0;
vertical-align: middle;
}
.beautyspa-cards__card-info {
display: inline-block;
margin-left: 40px;
vertical-align: middle;
text-align: left;
}
}
@media (min-width: 64em) {
.beautyspa-cards {
padding-bottom: 52px;
}
.beautyspa-cards__list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
}
.beautyspa-cards__item {
display: inline-block;
width: 33.33333%;
margin: 0;
vertical-align: top;
}
.beautyspa-cards__card-image {
display: block;
margin: 0 auto 20px;
}
.beautyspa-cards__card-info {
display: block;
margin: 0;
text-align: center;
}
}
@media (min-width: 85.375em) {
.beautyspa-cards__card-image {
width: 400px;
}
}
.beautyspa-terms {
padding: 37px 20px 32px;
text-align: center;
background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover;
color: #fff;
}
.beautyspa-terms__text {
margin-left: auto;
margin-right: auto;
margin-bottom: 27px;
line-height: 34px;
font-size: 24px;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
}
.beautyspa-terms__link {
line-height: 26px;
font-size: 16px;
}
.beautyspa-terms__link-icon {
display: inline-block;
margin: 0 auto 14px;
font-size: 32px;
}
.beautyspa-terms__link-text {
border-bottom: 1px solid transparent;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.beautyspa-terms__link:hover .beautyspa-terms__link-text {
border-color: #fff;
}
@media (min-width: 48em) {
.beautyspa-terms {
padding: 95px 20px 62px;
}
.beautyspa-terms__text {
max-width: 728px;
margin-bottom: 55px;
line-height: 64px;
font-size: 54px;
}
}
@media (min-width: 64em) {
.beautyspa-terms {
padding-top: 215px;
}
.beautyspa-terms__text {
max-width: 984px;
margin-bottom: 62px;
}
}
.feedback {
padding: 20px;
background: #fff;
}
.feedback__title {
margin-bottom: 15px;
line-height: 40px;
font-size: 26px;
}
.feedback__content {
font-size: 15px;
}
.feedback__text {
margin-bottom: 20px;
line-height: 26px;
font-size: 16px;
}
@media (min-width: 48em) {
.feedback {
padding: 35px 20px;
}
.feedback__title {
margin-bottom: 30px;
font-size: 36px;
}
.feedback__content {
padding: 35px 40px 10px;
border: 2px dashed #dfdfdf;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
}
@media (min-width: 64em) {
.feedback__title {
margin-bottom: 35px;
line-height: 1;
font-size: 42px;
}
.feedback__content {
padding: 25px 40px 20px;
}
.feedback__text {
padding-right: 150px;
}
}
@media (min-width: 85.375em) {
.feedback {
padding: 45px 20px;
}
.feedback__title {
margin-bottom: 40px;
font-size: 54px;
}
.feedback__content {
padding: 25px 115px 20px;
}
.feedback__text {
padding: 0 190px 0 32px;
}
}
@media (min-width: 48em) {
.feedback-form {
width: 452px;
margin: 0 auto;
padding-top: 15px;
}
}
@media (min-width: 64em) {
.feedback-form {
width: 100%;
}
}
.order-tour {
padding: 20px;
background: #fff;
}
.order-tour__title {
margin-bottom: 15px;
line-height: 40px;
font-size: 26px;
}
.order-tour__content {
font-size: 15px;
}
.order-tour__text {
margin-bottom: 20px;
line-height: 26px;
font-size: 16px;
}
@media (min-width: 48em) {
.order-tour {
padding: 35px 20px;
}
.order-tour__title {
margin-bottom: 30px;
font-size: 36px;
}
.order-tour__content {
padding: 35px 40px 10px;
border: 2px dashed #dfdfdf;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
}
@media (min-width: 64em) {
.order-tour__title {
margin-bottom: 35px;
line-height: 1;
font-size: 42px;
}
.order-tour__content {
padding: 25px 40px 20px;
}
.order-tour__text {
padding-right: 90px;
}
}
@media (min-width: 85.375em) {
.order-tour {
padding: 45px 20px;
}
.order-tour__title {
margin-bottom: 40px;
font-size: 54px;
}
.order-tour__content {
padding: 25px 115px 20px;
}
.order-tour__text {
padding: 0 120px 0 32px;
}
}
@media (min-width: 48em) {
.order-tour-form {
width: 452px;
margin: 0 auto;
padding-top: 15px;
}
}
@media (min-width: 64em) {
.order-tour-form {
width: 100%;
}
}
.order-card {
padding: 20px;
background: #fff;
}
.order-card__title {
margin-bottom: 15px;
line-height: 40px;
font-size: 26px;
}
.order-card__content {
font-size: 15px;
}
.order-card__text {
margin-bottom: 20px;
line-height: 26px;
font-size: 16px;
}
@media (min-width: 48em) {
.order-card {
padding: 35px 20px;
}
.order-card__title {
margin-bottom: 30px;
font-size: 36px;
}
.order-card__content {
padding: 35px 40px 10px;
border: 2px dashed #dfdfdf;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
}
@media (min-width: 64em) {
.order-card__title {
margin-bottom: 35px;
line-height: 1;
font-size: 42px;
}
.order-card__content {
padding: 25px 40px 20px;
}
.order-card__text {
padding-right: 90px;
}
}
@media (min-width: 85.375em) {
.order-card {
padding: 45px 20px;
}
.order-card__title {
margin-bottom: 40px;
font-size: 54px;
}
.order-card__content {
padding: 25px 115px 20px;
}
.order-card__text {
padding: 0 120px 0 32px;
}
}
@media (min-width: 48em) {
.order-card-form {
width: 452px;
margin: 0 auto;
padding-top: 15px;
}
}
@media (min-width: 64em) {
.order-card-form {
width: 100%;
}
}
.clubs-staff {
padding: 20px;
background: #fff;
}
.clubs-staff__title {
margin-bottom: 15px;
line-height: 40px;
font-size: 26px;
}
.clubs-staff__content {
font-size: 15px;
}
.clubs-staff__item {
margin-bottom: 20px;
}
.clubs-staff__item-inner {
padding: 20px;
background: #f5f6f6;
}
@media (min-width: 48em) {
.clubs-staff {
padding-top: 35px;
}
.clubs-staff__title {
margin-bottom: 30px;
font-size: 36px;
}
.clubs-staff__list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
.clubs-staff__item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
width: 50%;
padding: 0 10px;
vertical-align: top;
}
.clubs-staff__item-inner {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding-top: 30px;
}
}
@media (min-width: 64em) {
.clubs-staff__title {
margin-bottom: 35px;
line-height: 1;
font-size: 42px;
}
}
@media (min-width: 85.375em) {
.clubs-staff {
padding-top: 45px;
}
.clubs-staff__title {
margin-bottom: 40px;
font-size: 54px;
}
}
.special-offers {
padding: 25px 20px 20px;
background: #fff;
}
.special-offers__title {
margin-bottom: 22px;
line-height: 32px;
font-size: 26px;
}
.special-offers__item {
margin-bottom: 20px;
}
@media (min-width: 48em) {
.special-offers {
padding-top: 0;
}
.special-offers__title {
line-height: 44px;
font-size: 36px;
}
}
@media (min-width: 64em) {
.special-offers__title {
margin-bottom: 30px;
line-height: 48px;
font-size: 42px;
}
.special-offers__list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
.special-offers__item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
width: 50%;
padding: 0 10px;
vertical-align: top;
}
.special-offers .teaser {
height: auto;
}
}
@media (min-width: 85.375em) {
.special-offers {
padding-top: 15px;
}
.special-offers__title {
margin-bottom: 43px;
font-size: 54px;
}
}
.special-offers-one {
padding: 25px 0 20px;
background: #fff;
}
.special-offers-one__head {
max-width: 904px;
margin: 0 auto 70px;
padding: 25px 20px 0;
background: #ed1c24;
color: #fff;
}
.special-offers-one__title {
margin-bottom: 22px;
line-height: 30px;
font-size: 20px;
}
.special-offers-one__image {
position: relative;
top: 46px;
max-width: 680px;
margin: -46px auto 0;
}
.special-offers-one__image-pic {
display: block;
width: 100%;
height: auto;
}
.special-offers-one__content {
margin: 0 20px;
}
.special-offers-one__text {
margin-bottom: 27px;
line-height: 26px;
font-size: 16px;
}
.special-offers-one__contact {
margin-bottom: 35px;
line-height: 26px;
font-size: 16px;
}
.special-offers-one__phone {
margin-top: 8px;
font-size: 24px;
}
.special-offers-one_lite .special-offers-one__head {
background: #019548;
}
.special-offers-one_luxury .special-offers-one__head {
background: #3c231c;
}
@media (min-width: 48em) {
.special-offers-one {
padding-top: 8px;
}
.special-offers-one__head {
max-width: 904px;
margin-bottom: 154px;
padding-top: 30px;
}
.special-offers-one__title {
max-width: 680px;
margin: 0 auto 30px;
line-height: 46px;
font-size: 36px;
}
.special-offers-one__image {
position: relative;
top: 116px;
margin: -116px auto 0;
}
.special-offers-one__content {
margin: 0;
}
.special-offers-one__text {
margin-bottom: 25px;
}
.special-offers-one__contact {
width: 50%;
}
.special-offers-one__phone {
margin-top: 18px;
}
}
@media (min-width: 64em) {
.special-offers-one__head {
margin-bottom: 160px;
padding-top: 40px;
}
.special-offers-one__image {
top: 126px;
margin-top: -126px;
}
.special-offers-one__content {
max-width: 680px;
margin: 0 auto;
}
}
@media (min-width: 85.375em) {
.special-offers-one {
padding-top: 18px;
}
.special-offers-one__head {
max-width: 1300px;
margin-bottom: 150px;
padding-top: 30px;
}
.special-offers-one__image {
top: 116px;
margin-top: -116px;
}
}
.special-offers-more {
margin: 40px 20px 0;
padding-top: 25px;
border-top: 1px solid #eceded;
}
.special-offers-more__title {
margin-bottom: 23px;
line-height: 24px;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
font-size: 16px;
}
.special-offers-more__item {
margin-bottom: 20px;
}
@media (min-width: 48em) {
.special-offers-more {
margin: 40px 0 0;
padding-top: 35px;
}
.special-offers-more__list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
.special-offers-more__item {
display: inline-block;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
width: 50%;
padding: 0 10px;
vertical-align: top;
}
.special-offers-more .teaser {
height: auto;
}
}
@media (min-width: 64em) {
.special-offers-more {
margin-top: 50px;
}
.special-offers-more__title {
margin-bottom: 35px;
}
.special-offers-more__item {
width: 33.33333%;
}
}
@media (min-width: 85.375em) {
.special-offers-more {
margin-top: 60px;
}
.special-offers-more__item {
width: 25%;
}
}
.partners {
padding: 25px 20px;
}
.partners__title {
margin-bottom: 20px;
line-height: 30px;
font-size: 26px;
}
.partners__group-title {
margin-bottom: 25px;
line-height: 26px;
font-size: 20px;
}
.partners__item {
margin-bottom: 20px;
}
.partners__become {
padding-top: 10px;
text-align: center;
}
@media (min-width: 48em) {
.partners {
padding-top: 0;
}
.partners__title {
margin-bottom: 35px;
line-height: 42px;
font-size: 36px;
}
.partners__group {
margin-bottom: 15px;
}
.partners__list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
gap: 20px;
}
.partners__item {
display: inline-block;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
width: 48%;
vertical-align: top;
}
}
@media (min-width: 64em) {
.partners {
padding-top: 5px;
}
.partners__title {
margin-bottom: 30px;
font-size: 46px;
}
.partners__group {
margin-bottom: 20px;
}
.partners__group-title {
margin-bottom: 30px;
font-size: 24px;
}
.partners__item {
width: 33.33333%;
}
.partners__group_general .partners__item {
width: 50%;
}
}
@media (min-width: 85.375em) {
.partners {
padding-top: 15px;
}
.partners__title {
margin-bottom: 45px;
font-size: 54px;
}
.partners__group-title {
margin-bottom: 35px;
}
.partners__item {
width: 25%;
}
}
.partner {
padding: 35px 20px 25px;
background: #f5f6f6;
}
.partner__image {
height: 60px;
margin-bottom: 30px;
}
.partner__image-pic {
display: block;
height: 100%;
margin: 0 auto;
-ms-interpolation-mode: bicubic;
max-width: 100%;
}
.partner__discount {
margin-bottom: 25px;
padding: 5px 10px;
line-height: 22px;
font-size: 14px;
text-align: center;
background: #ed1c24;
color: #fff;
}
.partner__name {
margin-bottom: 11px;
line-height: 26px;
font-size: 18px;
}
.partner__text {
margin-bottom: 17px;
line-height: 22px;
font-size: 15px;
}
.partner_simple {
border: 1px solid #eceded;
background: #fff;
}
@media (min-width: 64em) {
.partner_general {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
padding: 30px;
}
.partner_general .partner__image {
height: auto;
margin: 0 30px 0 0;
}
.partner_general .partner__image-pic {
width: 100%;
min-width: 130px;
height: auto;
}
.partner_general .partner__image _:-moz-dir(ltr), .partner_general .partner__image _:-moz-has-handlerref, .partner_general .partner__image {
display: table-cell;
vertical-align: middle;
}
.partner _:-moz-dir(ltr), .partner _:-moz-has-handlerref, .partner_general .partner__desc {
display: table-cell;
padding-left: 30px;
vertical-align: middle;
}
}
@media (min-width: 85.375em) {
.partner_general {
padding: 50px;
}
.partner_general .partner__image {
margin-right: 70px;
}
}
.mission {
font-size: 16px;
line-height: 26px;
padding: 20px 0 0;
}
.mission__title {
font-size: 26px;
line-height: 40px;
padding: 0 20px;
}
.mission__courage {
text-align: center;
padding: 25px 40px;
}
.mission__courage-title {
margin-bottom: 27px;
font-size: 36px;
line-height: 42px;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
color: #ed1c24;
}
.mission__about {
background: #fff;
padding: 35px 20px;
}
.mission__about-title {
font-size: 20px;
margin-bottom: 15px;
}
.mission__about-col {
margin-bottom: 30px;
}
.mission__about-col:last-child {
margin-bottom: 0;
}
.mission__team {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 70px 20px;
text-align: center;
color: #fff;
}
.mission__team-title {
color: #ed1c24;
font-size: 120px;
line-height: 90px;
margin-bottom: 40px;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
}
.mission__team-item {
font-size: 18px;
margin-bottom: 20px;
}
.mission__team-item:last-child {
margin-bottom: 0;
}
@media (min-width: 48em) {
.mission__title {
font-size: 36px;
padding: 0;
}
.mission__courage {
padding: 140px 0;
width: 550px;
margin: 0 auto;
}
.mission__courage-title {
font-size: 48px;
line-height: 40px;
}
.mission__courage-text {
padding: 10px 20px;
}
.mission__about {
padding: 40px 20px;
}
.mission__about-col {
display: inline-block;
vertical-align: top;
width: 50%;
padding-right: 20px;
margin-bottom: 0;
}
.mission__team {
padding: 120px 20px;
}
.mission__team-title, .mission__team-desc {
display: inline-block;
vertical-align: middle;
width: 50%;
text-align: left;
}
.mission__team-title {
font-size: 200px;
}
.mission__team-desc {
padding-left: 40px;
}
}
@media (min-width: 64em) {
.mission__title {
font-size: 42px;
}
.mission__team-title {
font-size: 300px;
width: 60%;
}
.mission__team-desc {
width: 40%;
}
}
@media (min-width: 85.375em) {
.mission__title {
font-size: 54px;
}
.mission__courage {
padding: 92px 0 130px;
}
.mission__about {
padding: 55px 20px 50px;
}
.mission__about-col {
padding-right: 80px;
}
.mission__about-title {
margin-bottom: 30px;
font-size: 24px;
}
.mission__team {
padding: 150px 0;
}
.mission__team .container {
width: 1024px;
}
.mission__team-title {
margin: 0;
line-height: 1;
}
.mission__team-desc {
padding-left: 107px;
line-height: 26px;
}
.mission__team-item {
margin-bottom: 30px;
}
}
.management {
position: relative;
font-size: 15px;
line-height: 22px;
padding: 20px;
}
.management_history .management__title {
font-size: 30px;
line-height: 26px;
text-align: center;
}
.management__title {
font-size: 26px;
line-height: 40px;
}
.management__columns {
margin-bottom: 20px;
}
.management__main {
font-size: 16px;
line-height: 26px;
}
.management__main-image {
line-height: 0;
overflow: hidden;
}
.management__main-image-pic {
width: 100%;
-webkit-transition: 2s all;
-moz-transition: 2s all;
-o-transition: 2s all;
transition: 2s all;
}
.management__main:hover .management__main-image-pic {
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: 2s all;
-moz-transition: 2s all;
-o-transition: 2s all;
transition: 2s all;
}
.management__main-desc {
background-color: #7a7d84;
color: #fff;
padding: 20px;
}
.management__main-desc_tablet {
display: none;
}
.management__main-name {
font-size: 20px;
margin-bottom: 15px;
}
.management__main-text {
margin-bottom: 20px;
}
.management__main-text:last-child {
margin-bottom: 0;
}
.management__main-links {
margin-top: 30px;
}
.management__main-links-item {
margin-bottom: 10px;
}
.management__main-links-item:last-child {
margin-bottom: 0;
}
.management__link {
display: inline-block;
}
.management__list-item {
padding: 20px;
margin-bottom: 20px;
background-color: #f5f6f6;
}
.management__list-item-image {
margin-bottom: 10px;
}
.management__list-item-name {
color: #000;
margin-bottom: 10px;
font-size: 18px;
}
.management__list-item-text {
color: #7a7d84;
}
.management__all {
padding: 10px 0;
text-align: center;
}
@media (min-width: 48em) {
.management {
width: 730px;
padding: 0;
margin: 0 auto;
}
.management__title {
font-size: 36px;
line-height: 40px;
margin-bottom: 40px;
}
.management__main {
display: table;
width: 100%;
}
.management__main-image, .management__main-desc {
display: table-cell;
vertical-align: bottom;
width: 50%;
}
.management__main-desc {
padding: 40px;
}
.management__main-desc_mobile {
display: none;
}
.management__list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -3%;
}
.management__list-item {
display: inline-block;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
vertical-align: top;
margin-left: 3%;
width: 30.3%;
padding: 20px;
background-color: #f5f6f6;
}
}
@media (min-width: 64em) {
.management {
width: 985px;
}
.management__title {
font-size: 42px;
line-height: 44px;
}
.management__columns {
display: inline-table;
vertical-align: top;
width: 100%;
height: 555px;
}
.management__col {
display: table-cell;
}
.management__main {
position: relative;
}
.management__main-desc, .management__main-image {
display: block;
width: 100%;
}
.management__main-desc {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
min-height: 280px;
background-color: rgba(122, 125, 132, 0.7);
}
.management__main-desc_mobile {
display: none;
}
.management__all {
position: absolute;
top: 4px;
right: 0;
padding: 0;
font-size: 16px;
}
}
@media (min-width: 85.375em) {
.management {
width: 1300px;
}
.management__title {
font-size: 54px;
line-height: 56px;
}
.management__list {
margin-left: -2%;
}
.management__list-item {
margin-left: 2%;
width: 23%;
}
}
.faq {
font-size: 16px;
line-height: 26px;
padding: 20px 0;
}
.faq__title {
font-size: 26px;
line-height: 40px;
padding: 0 20px;
margin-bottom: 20px;
}
@media (min-width: 48em) {
.faq {
padding: 40px 0;
}
.faq__title {
width: 730px;
font-size: 36px;
line-height: 40px;
margin: 0 auto 40px;
padding: 0;
}
}
@media (min-width: 64em) {
.faq__title {
width: 985px;
font-size: 42px;
line-height: 44px;
}
}
@media (min-width: 85.375em) {
.faq__title {
font-size: 54px;
line-height: 56px;
width: 1300px;
}
}
.faq-item {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.faq-item__title {
padding: 20px 0;
margin: 0 20px;
color: #ed1c24;
border-bottom: 1px solid #f5f6f6;
cursor: pointer;
}
.faq-item:first-child .faq-item__title {
border-top: 1px solid #f5f6f6;
}
.faq-item__content {
height: 0;
padding: 0;
overflow: hidden;
font-size: 15px;
line-height: 22px;
}
.faq-item.is-active {
background-color: #f5f6f6;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
padding-bottom: 20px;
}
.faq-item.is-active .faq-item__title {
border-color: transparent;
color: #000;
padding-bottom: 14px;
cursor: auto;
}
.faq-item.is-active .faq-item__content {
height: 100%;
opacity: 1;
padding: 0 40px;
visibility: visible;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
transition: 0.25s all;
}
@media (min-width: 48em) {
.faq-item__title, .faq-item__content {
width: 680px;
margin: 0 auto;
}
}
@media (min-width: 85.375em) {
.faq-item__title {
padding: 24px 0;
line-height: 26px;
font-size: 18px;
}
.faq-item__content {
line-height: 26px;
font-size: 16px;
}
}
.faq-form {
padding: 20px;
background: #fff;
}
.faq-form__title {
margin-bottom: 15px;
line-height: 26px;
font-size: 18px;
}
.faq-form__content {
font-size: 15px;
}
.faq-form__text {
margin-bottom: 20px;
line-height: 26px;
font-size: 16px;
}
.faq-form .i-form__row_submit-outbound {
margin: 0;
}
@media (min-width: 48em) {
.faq-form {
background-color: #f5f6f6;
padding: 35px 20px;
}
.faq-form__title {
margin-bottom: 30px;
font-size: 20px;
}
.faq-form__content {
padding: 35px 40px 10px;
border: 2px dashed #dfdfdf;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.faq-form__form {
width: 452px;
margin: 0 auto;
padding: 15px 0 20px;
}
}
@media (min-width: 64em) {
.faq-form__content {
padding: 25px 40px 20px;
}
.faq-form__text {
padding-right: 150px;
}
.faq-form__form {
width: 100%;
}
}
@media (min-width: 85.375em) {
.faq-form {
padding: 45px 20px;
}
.faq-form__title {
padding-left: 32px;
padding-right: 190px;
}
.faq-form__content {
padding: 25px 115px 20px;
}
.faq-form__text {
padding: 0 190px 0 32px;
}
}
.vacancy {
font-size: 16px;
line-height: 26px;
padding: 25px 20px;
}
.vacancy__title {
font-size: 26px;
line-height: 30px;
margin-bottom: 24px;
}
.vacancy__info {
border-top: 1px solid #f5f6f6;
border-bottom: 1px solid #f5f6f6;
padding: 24px 0;
margin-bottom: 30px;
}
.vacancy__info-department {
margin-bottom: 15px;
}
@media (min-width: 48em) {
.vacancy {
width: 730px;
margin: 0 auto;
padding: 0;
}
.vacancy__title {
width: 500px;
font-size: 36px;
line-height: 46px;
}
.vacancy__info {
padding: 38px 0;
}
.vacancy__info-department, .vacancy__info-cities {
display: inline-block;
vertical-align: top;
width: 50%;
}
}
@media (min-width: 64em) {
.vacancy {
position: relative;
width: 985px;
}
.vacancy__title {
width: 550px;
}
.vacancy__info {
position: absolute;
right: 0;
top: 16px;
border: 0;
width: 40%;
padding: 0;
padding-left: 30px;
}
.vacancy__info-department {
display: none;
}
.vacancy__info-city {
margin-bottom: 10px;
}
.vacancy__col {
display: inline-block;
vertical-align: top;
}
.vacancy__col_description {
width: 60%;
padding-right: 30px;
}
.vacancy__col_department {
width: 40%;
padding-top: 50px;
padding-left: 30px;
}
}
@media (min-width: 85.375em) {
.vacancy {
width: 1300px;
padding-top: 10px;
}
.vacancy__title {
width: 550px;
margin-bottom: 30px;
}
.vacancy__info {
top: 26px;
width: 50%;
padding-left: 40px;
}
.vacancy__col {
width: 50%;
}
.vacancy__col_department {
padding-top: 65px;
padding-left: 40px;
}
}
.vacancy-description {
border-bottom: 1px solid #f5f6f6;
margin-bottom: 30px;
}
.vacancy-description__box {
margin-bottom: 30px;
}
.vacancy-description__title {
margin-bottom: 28px;
font-size: 18px;
}
@media (min-width: 48em) {
.vacancy-description {
margin-bottom: 40px;
}
.vacancy-description__box {
margin-bottom: 48px;
}
}
@media (min-width: 64em) {
.vacancy-description__title {
font-size: 20px;
}
}
.vacancy-department__image {
line-height: 0;
margin-bottom: 25px;
}
.vacancy-department__image-pic {
width: 100%;
}
.vacancy-department__title {
font-size: 20px;
margin-bottom: 25px;
}
.vacancy-department__text {
margin-bottom: 25px;
}
@media (min-width: 48em) {
.vacancy-department__image {
width: 235px;
margin-right: 20px;
float: left;
}
.vacancy-department__title {
font-size: 24px;
}
.vacancy-department__desc {
overflow: hidden;
}
}
@media (min-width: 64em) {
.vacancy-department__image {
width: 100%;
margin-right: 0;
float: none;
margin-bottom: 35px;
}
.vacancy-department__title {
font-size: 24px;
margin-bottom: 30px;
}
}
.vacancies {
font-size: 16px;
line-height: 26px;
padding: 30px 0 0;
}
.vacancies__head {
padding: 0 20px 20px;
}
.vacancies__select {
width: 100%;
font-size: 14px;
line-height: 14px;
}
.vacancies__title {
font-size: 26px;
line-height: 30px;
margin-bottom: 20px;
}
.vacancies__text {
margin-bottom: 20px;
}
.vacancies__filter-item {
margin-bottom: 20px;
}
.vacancies__buttons-item {
margin-bottom: 20px;
}
.vacancies__social {
display: none;
}
.vacancies__list {
background-color: #fff;
padding: 20px;
}
.vacancies__item {
padding: 20px 0;
border-bottom: 1px solid #eceded;
margin-bottom: 10px;
}
.vacancies__list-item:last-child {
margin-bottom: 0;
}
@media (min-width: 48em) {
.vacancies {
padding-top: 0;
}
.vacancies__head {
width: 730px;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
}
.vacancies__title {
font-size: 36px;
line-height: 46px;
margin-left: -2px;
}
.vacancies__filter, .vacancies__buttons {
margin-bottom: 20px;
}
.vacancies__filter-item, .vacancies__buttons-item {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-bottom: 0;
}
.vacancies__select {
width: 200px;
}
.vacancies__item {
padding: 20px 0;
margin: 0 auto 20px;
width: 730px;
}
}
@media (min-width: 64em) {
.vacancies {
position: relative;
}
.vacancies__head {
width: 985px;
}
.vacancies__title {
font-size: 42px;
margin-left: -3px;
}
.vacancies__desc {
display: inline-block;
width: 600px;
margin-right: 45px;
}
.vacancies__social {
display: inline-block;
vertical-align: bottom;
width: 340px;
}
.vacancies__item {
width: 985px;
}
}
@media (min-width: 85.375em) {
.vacancies__head {
width: 1300px;
}
.vacancies__title {
font-size: 54px;
margin-left: -4px;
}
.vacancies__desc {
display: inline-block;
width: 620px;
margin-right: 340px;
}
.vacancies__item {
width: 1300px;
}
}
.vacancies-item {
font-size: 15px;
line-height: 22px;
}
.vacancies-item__title {
color: #ed1c24;
font-size: 18px;
line-height: 26px;
}
.vacancies-item__target {
margin-bottom: 20px;
}
.vacancies-item__target-item {
margin-bottom: 10px;
}
.vacancies-item__target-item:last-child {
margin-bottom: 0;
}
@media (min-width: 48em) {
.vacancies-item {
width: 730px;
margin: 0 auto;
direction: rtl;
text-align: left;
}
.vacancies-item__target {
display: inline-block;
vertical-align: top;
width: 160px;
direction: ltr;
font-size: 14px;
}
.vacancies-item__wrapper {
display: inline-block;
vertical-align: top;
width: 540px;
direction: ltr;
padding-right: 20px;
}
}
@media (min-width: 64em) {
.vacancies-item {
width: 840px;
}
.vacancies-item__wrapper {
margin-right: 140px;
}
}
.search-form {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
}
.search-form__input {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 34px;
}
.search-form__submit {
margin-left: 10px;
}
@media (min-width: 64em) {
.search-form {
width: 680px;
margin: 0 auto;
}
}
.search {
padding: 20px;
background: #fff;
}
.search__head {
margin-bottom: 25px;
}
.search__title {
margin-bottom: 20px;
line-height: 40px;
font-size: 26px;
}
@media (min-width: 48em) {
.search {
padding: 35px 20px;
}
.search__head {
margin-bottom: 55px;
}
.search__title {
margin-bottom: 30px;
font-size: 36px;
}
}
@media (min-width: 64em) {
.search__title {
margin-bottom: 35px;
line-height: 1;
font-size: 42px;
}
}
@media (min-width: 85.375em) {
.search {
padding: 45px 20px;
}
.search__title {
margin-bottom: 40px;
font-size: 54px;
}
}
.search-result {
font-size: 15px;
}
.search-result__item {
margin-bottom: 25px;
}
.search-result__item-title {
margin-bottom: 13px;
line-height: 26px;
font-size: 18px;
}
.search-result__item-text {
line-height: 22px;
}
@media (min-width: 48em) {
.search-result__item {
margin-bottom: 30px;
}
}
@media (min-width: 64em) {
.search-result {
width: 680px;
margin: 0 auto;
}
}
.history {
font-size: 16px;
line-height: 26px;
padding-bottom: 20px;
}
.history__title {
font-size: 26px;
line-height: 40px;
padding: 20px 20px 0;
margin-bottom: 20px;
}
.history__text {
margin-bottom: 20px;
}
.history__text:last-child {
margin-bottom: 0;
}
.history__columns {
padding: 0 20px;
margin-bottom: 20px;
}
.history__col {
margin-bottom: 20px;
}
.history__col:last-child {
margin-bottom: 0;
}
.history__mission {
text-align: center;
margin-bottom: 20px;
}
.history__qty {
position: relative;
color: #fff;
background-color: #ed1c24;
padding: 1px 20px 150px;
margin-top: 60px;
text-align: center;
}
.history__qty-image {
margin-top: -40px;
}
.history__qty-image-pic {
width: 100%;
}
.history__qty-number {
font-size: 100px;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
line-height: 75px;
margin-bottom: 10px;
}
.history__qty-text {
font-size: 16px;
line-height: 22px;
}
.history__qty-desc {
position: absolute;
width: 100%;
bottom: 30px;
}
.history__qty-desc-item {
display: inline-block;
vertical-align: top;
width: 50%;
padding: 0 20px;
}
.history__prizes {
padding: 40px 20px;
text-align: center;
font-size: 18px;
line-height: 26px;
border-bottom: 1px solid #eceded;
margin-bottom: 20px;
}
.history__prizes-item {
margin-bottom: 20px;
}
.history__prizes-text {
margin-bottom: 20px;
}
.history__prizes-text_name {
margin-bottom: 10px;
font-size: 16px;
}
.history__prizes-year {
font-size: 14px;
margin-left: -10px;
}
.history__prizes-year-item {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.history__info {
font-size: 15px;
line-height: 22px;
padding: 20px;
}
.history__info_grey {
background-color: #eceded;
}
.history__info-title {
font-size: 20px;
line-height: 22px;
margin-bottom: 20px;
}
.history__info-image {
line-height: 0;
margin-right: 20px;
margin-bottom: 20px;
}
.history__info-image-pic {
margin-bottom: 10px;
}
.history__info-image-pic:last-child {
margin-bottom: 0;
}
.history__info-box {
margin-bottom: 20px;
}
.history__info-box:last-child {
margin-bottom: 0;
}
.history__info-text {
margin-bottom: 10px;
}
.history__info-text:last-child {
margin-bottom: 0;
}
.history__map {
width: 100%;
height: 480px;
position: relative;
}
.history__map-title {
color: #fff;
position: absolute;
z-index: 1;
top: 20px;
left: 20px;
font-size: 22px;
line-height: 32px;
}
.history__map-box {
width: 100%;
height: 480px;
}
.history__map-desc {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: #ed1c24;
padding: 20px;
color: #fff;
font-size: 16px;
line-height: 26px;
}
.history__form {
padding: 20px;
}
.history__form-content {
font-size: 15px;
}
.history__form-text {
margin-bottom: 20px;
}
@media (min-width: 48em) {
.history__columns {
width: 730px;
margin: 0 auto 20px;
padding: 0;
}
.history__title {
font-size: 36px;
width: 730px;
margin: 0 auto 30px;
padding: 0;
}
.history__qty {
margin-top: 120px;
padding-bottom: 180px;
}
.history__qty-image {
width: 650px;
margin: -85px auto 0;
}
.history__qty-number {
font-size: 200px;
line-height: 150px;
margin-bottom: 20px;
}
.history__qty-text {
font-size: 20px;
line-height: 26px;
}
.history__qty-desc {
width: 730px;
left: 50%;
bottom: 50px;
margin-left: -365px;
}
.history__prizes {
width: 730px;
margin: 0 auto 40px;
padding: 40px 0;
}
.history__prizes-text {
margin-bottom: 20px;
max-width: 500px;
margin: 0 auto 20px;
}
.history__prizes-list {
margin-left: -20px;
margin-bottom: 40px;
}
.history__prizes-item {
display: inline-block;
width: 25%;
padding-left: 20px;
vertical-align: top;
margin-bottom: 0;
}
.history__info {
overflow: hidden;
}
.history__info-image {
width: 190px;
float: left;
margin-right: 20px;
}
.history__info-desc {
overflow: hidden;
}
.history__map {
width: 730px;
margin: 0 auto 20px;
height: 580px;
}
.history__map-title {
font-size: 24px;
left: 30px;
}
.history__map-box {
height: 580px;
}
.history__map-desc {
width: 480px;
left: 50%;
margin-left: -235px;
bottom: 30px;
}
.history__map-desc-item {
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.history__map-desc-item_time {
display: block;
}
.history__form {
margin: 0 auto;
padding: 20px 0;
}
.history__form-content {
padding: 35px 40px 10px;
border: 2px dashed #dfdfdf;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
}
@media (min-width: 64em) {
.history__title {
width: 985px;
font-size: 42px;
padding-top: 10px;
}
.history__columns {
width: 985px;
}
.history__columns_2, .history__columns_3 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.history__columns_2 .history__col,
.history__columns_3 .history__col {
display: inline-block;
vertical-align: top;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 0;
}
.history__columns_2 .history__col {
width: 50%;
}
.history__columns_3 .history__col {
width: 33.33%;
padding-right: 10px;
padding-left: 10px;
}
.history__columns_2 .history__col:first-child,
.history__columns_3 .history__col:first-child {
padding-right: 10px;
padding-left: 0;
}
.history__columns_2 .history__col:last-child,
.history__columns_3 .history__col:last-child {
padding-right: 0;
padding-left: 10px;
}
.history__col {
display: inline-block;
vertical-align: top;
width: 50%;
margin-bottom: 0;
}
.history__col:first-child {
padding-right: 30px;
}
.history__qty {
margin-top: 150px;
padding-bottom: 220px;
}
.history__qty-image {
width: 750px;
margin: -120px auto 0;
}
.history__qty-desc {
width: 880px;
margin-left: -440px;
bottom: 90px;
}
.history__qty-text {
font-size: 24px;
}
.history__prizes {
width: 985px;
}
.history__map {
width: 985px;
}
.history__map-desc {
width: 340px;
left: 30px;
top: 50%;
height: 340px;
padding: 120px 20px;
margin-top: -170px;
margin-left: 0;
bottom: auto;
}
.history__map-desc-item_time {
display: inline-block;
margin-top: 20px;
}
.history__form-content {
padding: 25px 40px 20px;
}
.history__form-text {
padding-right: 150px;
}
}
@media (min-width: 85.375em) {
.history__columns {
width: 1300px;
}
.history__title {
font-size: 54px;
width: 1300px;
}
.history__prizes {
width: 1300px;
padding: 60px 0;
}
.history__map {
width: 1300px;
}
.history__map-desc {
left: 140px;
}
.history__form-content {
padding: 25px 115px 20px;
}
.history__form-text {
padding: 0 190px 0 32px;
}
}
.advertising {
padding: 25px 20px;
background: #fff;
}
.advertising__title {
margin-bottom: 20px;
line-height: 32px;
font-size: 26px;
}
.advertising__advantages {
margin-bottom: 32px;
line-height: 26px;
font-size: 16px;
}
.advertising__advantages-list {
margin: 0;
}
.advertising__advantages-item {
margin-bottom: 25px;
padding-left: 30px;
}
.advertising__advantages-item:before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
margin-left: -30px;
margin-right: 22px;
background: #ed1c24;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.advertising__advantages-item:last-child {
margin-bottom: 0;
}
.advertising__type {
margin-bottom: 35px;
line-height: 22px;
font-size: 16px;
}
.advertising__type-image {
margin-bottom: 23px;
}
.advertising__type-image-pic {
display: block;
max-width: 100%;
}
.advertising__type-head {
margin-bottom: 20px;
line-height: 26px;
font-size: 20px;
}
.advertising__type-list {
margin: 0;
padding-left: 18px;
list-style: outside disc;
}
.advertising__type-item {
margin-bottom: 14px;
}
.advertising__type-item:last-child {
margin-bottom: 0;
}
@media (min-width: 48em) {
.advertising {
padding: 5px 20px 25px;
}
.advertising__title {
margin-bottom: 40px;
font-size: 36px;
}
.advertising__advantages {
margin-bottom: 55px;
}
.advertising__advantages-item {
display: inline-block;
width: 50%;
margin-bottom: 35px;
padding-right: 20px;
vertical-align: top;
}
.advertising__type {
width: 610px;
margin: 0 auto 60px;
}
.advertising__type-image {
margin-bottom: 33px;
}
.advertising__type-head {
margin-bottom: 30px;
line-height: 32px;
font-size: 26px;
}
}
@media (min-width: 64em) {
.advertising {
padding-top: 0;
}
.advertising__title {
margin-bottom: 87px;
line-height: 46px;
font-size: 42px;
}
.advertising__advantages {
margin-bottom: 60px;
}
.advertising__advantages-item {
width: 33.33333%;
margin-bottom: 40px;
}
.advertising__types {
margin: 0 -10px;
}
.advertising__type {
display: inline-block;
width: 50%;
margin-bottom: 55px;
padding: 0 10px;
vertical-align: top;
}
.advertising__type-image {
margin-bottom: 24px;
}
}
@media (min-width: 85.375em) {
.advertising {
padding-top: 15px;
}
.advertising__title {
margin-bottom: 89px;
font-size: 54px;
}
.advertising__advantages {
margin-bottom: 63px;
padding: 0 70px;
}
.advertising__advantages-item {
padding-right: 30px;
}
.advertising__types {
margin: 0 -40px;
}
.advertising__type {
margin-bottom: 85px;
padding: 0 40px;
}
.advertising__type-image {
margin-bottom: 34px;
}
}
.clumba {
padding: 24px 20px 30px;
line-height: 26px;
font-size: 16px;
border: 1px solid #eceded;
}
.clumba__logo {
display: block;
width: 141px;
margin-bottom: 17px;
}
.clumba__logo-pic {
display: block;
width: 141px;
}
.clumba__info {
margin-bottom: 26px;
}
.clumba__address {
font-style: normal;
}
.clumba__link {
display: inline-block;
margin-bottom: 10px;
}
@media (min-width: 48em) {
.clumba {
padding: 24px 30px;
}
.clumba__logo {
margin-bottom: 30px;
}
.clumba__info {
display: inline-block;
width: 65%;
padding-right: 50px;
vertical-align: top;
}
.clumba__address {
display: inline-block;
width: 35%;
vertical-align: top;
}
}
@media (min-width: 64em) {
.clumba {
padding: 35px 40px 30px;
}
}
@media (min-width: 85.375em) {
.clumba {
padding: 55px 60px 65px;
}
.clumba__info {
padding-right: 170px;
}
}
.service {
padding: 30px 20px;
font-size: 16px;
line-height: 26px;
}
.service__title {
font-size: 26px;
}
.service__head-col {
margin-bottom: 20px;
}
.service__head-col:last-child {
margin-bottom: 0;
}
.service__text {
margin-bottom: 10px;
}
.service__text:last-child {
margin-bottom: 0;
}
.service__head {
margin-bottom: 20px;
}
@media (min-width: 48em) {
.service {
padding: 0 20px 30px;
}
.service__title {
font-size: 36px;
line-height: 40px;
}
}
@media (min-width: 64em) {
.service__title {
font-size: 42px;
margin-left: -2px;
}
.service__head-col {
display: inline-block;
vertical-align: top;
}
.service__head-col_left {
width: 70%;
padding-right: 120px;
}
.service__head-col_right {
width: 30%;
}
}
@media (min-width: 85.375em) {
.service {
padding: 10px 20px 30px;
}
.service__title {
font-size: 54px;
margin-left: -3px;
}
.service__head-col_left {
width: 60%;
padding-right: 210px;
}
.service__head-col_right {
width: 40%;
}
}
.service-slider__item {
position: relative;
}
.service-slider__image {
line-height: 0;
}
.service-slider__image-pic {
width: 100%;
}
.service-slider__description {
padding: 20px;
color: #fff;
background-color: #ed1c24;
}
.service-slider__title {
font-size: 20px;
margin-bottom: 10px;
}
.service-slider__text {
font-size: 15px;
line-height: 22px;
}
@media (min-width: 64em) {
.service-slider__description {
position: absolute;
bottom: 30px;
left: 120px;
right: 120px;
}
}
@media (min-width: 85.375em) {
.service-slider__description {
left: 280px;
right: 280px;
}
}
.regional {
padding: 20px;
font-size: 16px;
line-height: 26px;
}
.regional__title {
font-size: 26px;
margin-bottom: 20px;
}
.regional__text {
margin-bottom: 20px;
}
.regional__desc {
position: relative;
margin-bottom: 30px;
}
.regional__desc-title {
font-size: 20px;
margin-bottom: 20px;
}
.regional__participate {
font-size: 14px;
line-height: 20px;
background-color: #f5f5f5;
padding: 20px;
text-align: center;
margin-bottom: 20px;
}
.regional__participate-title {
font-size: 20px;
margin-bottom: 30px;
text-align: left;
}
.regional__participate-item {
margin-bottom: 30px;
}
.regional__participate-item:last-child {
margin-bottom: 0;
}
.regional__participate-item-desc-title {
font-size: 18px;
margin-bottom: 15px;
}
.regional__participate-item-icon {
width: 60px;
height: 60px;
margin: 0 auto 20px;
background-color: #ed1c24;
line-height: 56px;
text-align: center;
color: #fff;
font-size: 30px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
@media (min-width: 48em) {
.regional__title {
font-size: 36px;
line-height: 40px;
margin-bottom: 30px;
}
.regional__desc-title {
font-size: 24px;
}
.regional__participate {
text-align: left;
padding: 30px;
margin-bottom: 30px;
}
.regional__participate-title {
margin-bottom: 40px;
}
.regional__participate-item {
margin-bottom: 40px;
}
.regional__participate-item-icon {
margin: 0 30px;
display: inline-block;
vertical-align: middle;
}
.regional__participate-item-desc {
width: 80%;
display: inline-block;
vertical-align: middle;
}
}
@media (min-width: 64em) {
.regional__title {
font-size: 42px;
}
.regional__desc {
padding-left: 345px;
}
.regional__desc-title {
font-size: 26px;
line-height: 32px;
position: absolute;
left: 0;
top: 0;
width: 320px;
}
.regional__participate {
padding: 30px 140px;
}
.regional__participate-item-icon {
margin-left: 0;
}
}
@media (min-width: 85.375em) {
.regional__title {
font-size: 54px;
}
.regional__desc {
padding-left: 400px;
}
.regional__desc-title {
width: 340px;
}
.regional__participate {
padding: 30px 310px;
}
}
.trainer {
padding: 20px 20px 0;
}
.trainer__col_r {
margin: 0 -20px;
padding: 35px 20px 0;
background: #fff;
}
.trainer__title {
margin-bottom: 12px;
line-height: 40px;
font-size: 26px;
}
.trainer__desc {
margin-bottom: 22px;
line-height: 26px;
font-size: 16px;
}
.trainer__image {
overflow: hidden;
display: block;
max-width: 400px;
margin-bottom: 25px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.trainer__image-pic {
display: block;
max-width: 100%;
height: auto;
}
@media (min-width: 48em) {
.trainer {
padding: 0 20px;
}
.trainer__col {
display: inline-block;
width: 49%;
margin: 0;
vertical-align: top;
}
.trainer__col_l {
padding-right: 20px;
}
.trainer__col_r {
padding: 0 0 0 20px;
}
.trainer__title {
margin-bottom: 24px;
font-size: 30px;
}
.trainer__desc {
margin-right: 50%;
padding-right: 20px;
}
.trainer__image {
margin-bottom: 35px;
}
}
@media (min-width: 64em) {
.trainer__col_l {
padding-right: 60px;
}
.trainer__col_r {
padding-left: 60px;
}
.trainer__title {
margin-bottom: 35px;
font-size: 36px;
}
.trainer__desc {
margin-bottom: 32px;
}
}
@media (min-width: 85.375em) {
.trainer {
padding-top: 12px;
}
.trainer__title {
margin-bottom: 25px;
}
.trainer__desc {
padding-right: 60px;
}
}
.trainer-stats {
margin-bottom: 30px;
}
.trainer-stats__title {
margin-bottom: 20px;
line-height: 26px;
font-size: 20px;
}
.trainer-stats__item {
margin-bottom: 25px;
}
.trainer-stats__item-title {
margin-bottom: 15px;
line-height: 22px;
font-size: 15px;
}
.trainer-stats__item-value {
position: relative;
height: 5px;
margin-right: 30px;
background: #fff;
}
.trainer-stats__item-value-fill {
height: 100%;
background: #7a7d84;
}
.trainer-stats__item-value-help {
position: absolute;
top: 50%;
right: -30px;
width: 18px;
height: 18px;
margin-top: -10px;
font-size: 18px;
color: #7a7d84;
}
.trainer-stats__add {
padding-top: 12px;
text-align: center;
}
@media (min-width: 48em) {
.trainer-stats__title {
margin-bottom: 30px;
}
.trainer-stats__add {
padding-top: 5px;
text-align: left;
}
}
@media (min-width: 64em) {
.trainer-stats__item {
margin-bottom: 28px;
}
}
.trainer-info__box {
margin-bottom: 35px;
line-height: 26px;
font-size: 16px;
}
.trainer-info__title {
line-height: 26px;
font-size: 20px;
}
.trainer-info__list {
padding-left: 20px;
line-height: 26px;
list-style: disc outside;
}
.trainer-info__schedule {
text-align: center;
}
@media (min-width: 48em) {
.trainer-info {
padding-bottom: 40px;
}
.trainer-info__title {
margin-bottom: 27px;
}
.trainer-info__box {
margin-bottom: 48px;
}
.trainer-info__list {
font-size: 16px;
}
.trainer-info__schedule {
text-align: left;
}
}
@media (min-width: 64em) {
.trainer-info__tags-item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
margin-right: 20px;
}
.trainer-info__tags-link {
display: inline-block;
}
.trainer-info__tags-schedule {
display: inline-block;
}
}
.trainer-tags__row {
margin-bottom: 20px;
}
.trainer-tags__col_tag {
padding-bottom: 3px;
font-size: 14px;
}
@media (min-width: 64em) {
.trainer-tags {
display: table;
margin: -15px 0;
}
.trainer-tags__row {
display: table-row;
}
.trainer-tags__col {
display: table-cell;
vertical-align: top;
line-height: 30px;
}
.trainer-tags__col_tag {
padding: 0 20px 20px 0;
}
}
.training {
padding: 35px 20px 10px;
background: #fff;
}
.training__title {
margin-bottom: 18px;
line-height: 26px;
font-size: 20px;
}
.training__text {
margin-bottom: 30px;
line-height: 26px;
font-size: 16px;
}
@media (min-width: 48em) {
.training {
padding-top: 25px;
}
.training__title {
margin-bottom: 35px;
line-height: 28px;
font-size: 24px;
text-align: center;
}
.training__content {
padding: 35px 40px 10px;
border: 2px dashed #dfdfdf;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
}
@media (min-width: 64em) {
.training {
padding-top: 35px;
}
.training__text {
padding-right: 90px;
}
}
@media (min-width: 85.375em) {
.training__content {
padding: 40px 150px 20px;
}
}
.training-form__submit {
width: 100%;
margin-top: 10px;
}
.training-form__desc {
margin-top: 25px;
line-height: 22px;
font-size: 15px;
text-align: left;
}
@media (min-width: 48em) {
.training-form {
width: 452px;
margin: 0 auto;
}
.training-form__submit-wrapper {
position: relative;
text-align: left;
}
.training-form__submit {
width: auto;
}
.training-form__desc {
position: absolute;
top: 0;
right: -100px;
width: 215px;
margin-top: 5px;
}
}
@media (min-width: 64em) {
.training-form__submit-wrapper {
text-align: center;
}
.training-form__desc {
right: 0;
}
}
@media (min-width: 85.375em) {
.training-form {
width: 100%;
}
.training-form__desc {
right: -120px;
}
}
.trainers__head {
padding: 25px 20px 10px;
}
.trainers__title {
margin-bottom: 20px;
font-size: 26px;
}
.trainers__content {
padding: 20px;
background: #fff;
}
.trainers__item {
margin-bottom: 20px;
}
.trainers__item-inner {
padding: 20px;
background: #f5f6f6;
width: 100%;
}
@media (min-width: 48em) {
.trainers__head {
padding: 0 0 10px;
}
.trainers__title {
margin-bottom: 30px;
font-size: 36px;
}
.trainers__content {
padding: 30px 20px 0;
}
.trainers__list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
.trainers__item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
width: 33.33333%;
padding: 0 10px;
vertical-align: top;
}
}
@media (min-width: 64em) {
.trainers__head {
padding-bottom: 5px;
}
.trainers__title {
font-size: 42px;
}
.trainers__content {
padding-top: 20px;
}
}
@media (min-width: 85.375em) {
.trainers__head {
padding-bottom: 15px;
}
.trainers__title {
margin-bottom: 40px;
font-size: 54px;
}
.trainers__content {
padding-top: 30px;
}
.trainers__item {
width: 25%;
}
}
.worldclass-life {
background: #fff;
}
.worldclass-life__head {
padding: 25px 20px;
}
.worldclass-life__title {
margin-bottom: 15px;
font-size: 26px;
}
@media (min-width: 48em) {
.worldclass-life__head {
padding: 30px 20px 35px;
}
.worldclass-life__title {
margin-bottom: 22px;
line-height: 48px;
font-size: 36px;
}
}
@media (min-width: 64em) {
.worldclass-life__title {
margin-bottom: 25px;
font-size: 42px;
}
}
@media (min-width: 85.375em) {
.worldclass-life__title {
margin-bottom: 25px;
line-height: 60px;
font-size: 54px;
}
}
.poll-teaser {
width: 280px;
margin: 0 auto;
text-align: center;
}
.poll-teaser__title {
margin-bottom: 25px;
line-height: 26px;
font-size: 18px;
}
.poll-teaser__desc {
margin-top: 25px;
font-size: 15px;
color: #b8bbc0;
}
.lifestyle {
margin: 0 20px;
padding: 25px 0;
border-top: 1px solid #eceded;
}
.lifestyle__title {
margin-bottom: 25px;
font-size: 20px;
text-align: center;
}
.lifestyle__item {
margin-bottom: 25px;
}
.lifestyle__item-image {
display: block;
width: 170px;
margin-bottom: 15px;
}
.lifestyle__item-pic {
display: block;
width: 100%;
}
.lifestyle__item-date {
margin-bottom: 10px;
color: #b8bbc0;
}
.lifestyle__item-title {
line-height: 26px;
font-size: 18px;
}
.lifestyle__item-text {
margin-top: 15px;
line-height: 22px;
font-size: 15px;
}
.lifestyle__more {
padding-top: 27px;
text-align: center;
border-top: 1px solid #eceded;
}
@media (min-width: 48em) {
.lifestyle {
margin: 0;
padding: 35px 0;
}
.lifestyle__title {
margin-bottom: 28px;
font-size: 26px;
}
.lifestyle__list {
width: 728px;
margin: 0 auto;
}
.lifestyle__item {
overflow: hidden;
padding: 0 24px 24px;
border-bottom: 1px solid #eceded;
}
.lifestyle__item-image {
float: left;
margin: 35px 30px 0 0;
}
.lifestyle__item-info {
overflow: hidden;
}
.lifestyle__more {
padding-top: 12px;
border: 0;
}
}
.worldclass-life-partners {
padding: 25px 0;
background: #f5f6f6;
}
.worldclass-life-partners__title {
text-align: center;
font-size: 20px;
}
.worldclass-life-partners__more {
text-align: center;
color: #7a7d84;
}
@media (min-width: 48em) {
.worldclass-life-partners {
padding: 35px 0 20px;
}
.worldclass-life-partners__title {
font-size: 26px;
}
.worldclass-life-partners__more {
margin-top: 20px;
}
}
@media (min-width: 64em) {
.worldclass-life-partners {
position: relative;
padding-bottom: 60px;
}
.worldclass-life-partners__title {
margin-bottom: 20px;
}
.worldclass-life-partners__more {
position: absolute;
top: 25px;
right: 20px;
}
}
@media (min-width: 85.375em) {
.worldclass-life-partners {
padding-bottom: 40px;
}
.worldclass-life-partners__more {
right: 50%;
width: 200px;
margin-right: -640px;
}
}
.corp-info {
background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover;
color: #fff;
}
.corp-info__wrapper {
padding: 35px 20px 78px;
}
.corp-info__title {
margin-bottom: 22px;
line-height: 34px;
font-size: 24px;
}
.corp-info__title-name {
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
}
.corp-info__title-slogan {
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
}
.corp-info__text {
margin-bottom: 22px;
line-height: 26px;
font-size: 16px;
}
.corp-info__more-button {
text-align: center;
}
@media (min-width: 48em) {
.corp-info__wrapper {
width: 730px;
margin: 0 auto;
padding: 64px 0 148px;
}
.corp-info__title {
margin-bottom: 38px;
line-height: 70px;
font-size: 60px;
}
.corp-info__text {
margin-bottom: 32px;
}
.corp-info__more-button {
text-align: left;
}
}
@media (min-width: 64em) {
.corp-info__wrapper {
width: 866px;
}
}
@media (min-width: 85.375em) {
.corp-info__wrapper {
width: 1180px;
}
}
.corp-advantages {
padding: 25px 20px;
text-align: center;
background: #fff;
}
.corp-advantages__title {
margin-bottom: 5px;
line-height: 1.25;
font-size: 24px;
color: #ed1c24;
}
.corp-advantages__text {
margin-bottom: 20px;
line-height: 26px;
font-size: 16px;
}
.corp-advantages__clubs-item {
display: inline-block;
width: 50%;
vertical-align: top;
}
.corp-advantages__clubs-num {
display: inline-block;
margin-bottom: 5px;
line-height: 1;
font-size: 100px;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
color: #ed1c24;
}
.corp-advantages__clubs-desc {
line-height: 22px;
font-size: 16px;
}
@media (min-width: 48em) {
.corp-advantages {
padding: 68px 20px 45px;
}
.corp-advantages__title {
margin-bottom: 22px;
font-size: 48px;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
}
.corp-advantages__clubs-num {
font-size: 200px;
}
.corp-advantages__clubs-desc {
line-height: 24px;
}
}
@media (min-width: 64em) {
.corp-advantages {
padding-bottom: 20px;
}
.corp-advantages__text {
width: 790px;
margin: 0 auto 40px;
}
.corp-advantages__clubs-desc {
line-height: 34px;
font-size: 24px;
}
}
@media (min-width: 85.375em) {
.corp-advantages {
padding-bottom: 30px;
}
.corp-advantages__clubs {
width: 1020px;
margin: 0 auto;
}
}
.corp-companies {
padding: 25px 0 16px;
text-align: center;
border-bottom: 1px solid #eceded;
background: #fff;
}
.corp-companies__title {
margin-bottom: 15px;
line-height: 1.25;
font-size: 24px;
color: #ed1c24;
}
.corp-companies__desc {
margin-bottom: 15px;
padding: 0 20px;
line-height: 26px;
font-size: 16px;
}
.corp-companies__slider {
margin-bottom: 18px;
}
.corp-companies__slide {
height: 80px;
padding: 0 25px;
}
.corp-companies__slide-img {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.corp-companies__text {
margin-bottom: 15px;
padding: 0 20px;
line-height: 26px;
font-size: 16px;
}
@media (min-width: 48em) {
.corp-companies {
padding: 38px 0;
}
.corp-companies__title {
margin-bottom: 20px;
font-size: 48px;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
}
.corp-companies__desc {
margin-bottom: 60px;
font-size: 18px;
}
.corp-companies__slider {
margin: 0 -30px 10px;
}
.corp-companies__slide {
display: inline-block;
height: auto;
margin-bottom: 40px;
padding: 0 40px;
vertical-align: middle;
}
.corp-companies__slide-img {
position: static;
transform: none;
}
}
@media (min-width: 64em) {
.corp-companies__desc {
margin-bottom: 40px;
}
.corp-companies__slider {
margin-bottom: 27px;
}
.corp-companies__text {
width: 680px;
margin: 0 auto 15px;
}
}
.corp-feedback {
padding: 20px;
}
.corp-feedback__title {
margin-bottom: 20px;
line-height: 1.25;
font-size: 24px;
text-align: center;
}
@media (min-width: 48em) {
.corp-feedback {
padding-bottom: 60px;
}
.corp-feedback__title {
margin-bottom: 25px;
font-size: 48px;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
}
}
@media (min-width: 48em) {
.corp-feedback-form {
width: 648px;
margin: 0 auto;
padding: 38px 56px 20px;
border: 2px dashed #dfdfdf;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
}
@media (min-width: 64em) {
.corp-feedback-form {
width: 896px;
padding: 38px 180px 20px;
}
}
@media (min-width: 85.375em) {
.corp-feedback-form {
width: 1300px;
padding: 38px 380px 20px;
}
}
.club-bonus__col {
padding: 25px 20px 22px;
}
.club-bonus__col_result {
padding-bottom: 36px;
background: #7a7d84;
color: #fff;
}
.club-bonus__title {
font-size: 26px;
}
.club-bonus__desc {
margin-bottom: 36px;
line-height: 26px;
font-size: 16px;
}
.club-bonus__text {
margin-bottom: 1.625em;
}
.club-bonus__text:last-child {
margin-bottom: 0;
}
.club-bonus__info {
padding: 15px 20px;
line-height: 22px;
font-size: 14px;
color: #7a7d84;
}
@media (min-width: 48em) {
.club-bonus__col {
padding: 38px 20px 32px;
}
.club-bonus__col_result {
padding: 48px 20px 44px;
}
.club-bonus__col-inner {
width: 730px;
margin: 0 auto;
}
.club-bonus__title {
margin-bottom: 22px;
font-size: 54px;
}
.club-bonus__desc {
margin-bottom: 48px;
}
.club-bonus__info {
padding: 22px 20px;
}
}
@media (min-width: 64em) {
.club-bonus__calc {
position: relative;
display: table;
table-layout: fixed;
width: 985px;
margin: 0 auto;
}
.club-bonus__col {
display: table-cell;
width: 50%;
vertical-align: top;
}
.club-bonus__col_calc {
padding: 38px 30px 135px 0;
}
.club-bonus__col_result {
padding: 378px 0 44px;
}
.club-bonus__col-inner {
width: auto;
margin: 0;
}
.club-bonus__desc {
margin-bottom: 64px;
}
.club-bonus__info {
position: absolute;
bottom: 40px;
left: 0;
width: 50%;
padding: 22px 30px 22px 0;
}
}
@media (min-width: 85.375em) {
.club-bonus__calc {
width: 1300px;
}
.club-bonus__col_calc {
padding: 38px 70px 153px 0;
}
.club-bonus__col_result {
padding: 378px 0 44px 70px;
}
.club-bonus__desc {
margin-bottom: 90px;
}
.club-bonus__info {
bottom: 24px;
padding-right: 170px;
}
}
.calc {
line-height: 22px;
font-size: 16px;
}
.calc__slider {
margin-bottom: 32px;
}
.calc__slider-title {
margin-bottom: 8px;
}
.calc__slider-bonus {
margin-bottom: 22px;
font-size: 18px;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
color: #7a7d84;
}
.calc__slider-slider {
width: 175px;
}
.calc__checkboxes {
padding-top: 12px;
}
.calc__checkbox {
margin-bottom: 12px;
line-height: inherit;
}
.calc__checkbox-bonus {
display: block;
margin-left: 29px;
color: #7a7d84;
opacity: .4;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.calc__checkbox .i-checkbox__input:checked ~ .calc__checkbox-bonus {
color: #ed1c24;
opacity: 1;
}
.calc__prize {
overflow: hidden;
height: 84px;
margin-left: 29px;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.calc__prize.is-hidden {
height: 0;
visibility: hidden;
opacity: 0;
}
.calc__prize-desc {
margin-bottom: 15px;
font-size: 16px;
color: #7a7d84;
}
.calc__prize-item {
display: inline-block;
margin-right: 15px;
}
.calc__prize-item:last-child {
margin-right: 0;
}
@media (min-width: 48em) {
.calc__slider {
position: relative;
margin-bottom: 45px;
}
.calc__slider-title {
margin-bottom: 25px;
}
.calc__slider-bonus {
position: absolute;
top: 0;
right: 0;
min-width: 170px;
}
.calc__slider-slider {
width: 520px;
}
.calc__slider-slider .i-rangeslider__value {
top: -10px;
margin-left: 40px;
}
.calc__checkboxes {
padding-top: 22px;
font-size: 0;
}
.calc__checkbox {
width: 50%;
padding-right: 20px;
vertical-align: top;
font-size: 16px;
}
.calc__prize {
margin-top: -15px;
margin-left: 394px;
}
}
@media (min-width: 64em) {
.calc__slider-title {
width: 220px;
}
.calc__slider-bonus {
top: 22px;
}
.calc__slider-slider {
width: 290px;
}
.calc__slider-slider .i-rangeslider__value {
margin-left: 20px;
}
.calc__checkboxes {
padding-top: 25px;
}
.calc__checkbox {
width: 100%;
}
.calc__prize {
height: 47px;
margin-top: 0;
margin-left: 29px;
}
.calc__prize-desc {
display: inline-block;
margin: 0 30px 0 0;
line-height: 47px;
}
.calc__prize-list {
display: inline-block;
vertical-align: top;
}
}
@media (min-width: 85.375em) {
.calc__slider-bonus {
min-width: 215px;
}
.calc__slider-slider {
width: 300px;
}
.calc__slider-slider .i-rangeslider__value {
margin-left: 30px;
}
.calc__checkbox {
margin-bottom: 16px;
}
.calc__checkbox-bonus {
display: inline-block;
margin-left: 2px;
}
.calc__prize-item {
margin-right: 27x;
}
}
.calc-result__list {
margin-bottom: 66px;
text-align: center;
}
.calc-result__item {
margin-bottom: 30px;
}
.calc-result__item-title {
font-size: 62px;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
font-weight: 100;
}
.calc-result__item-desc {
font-size: 18px;
}
.calc-result__more-item {
display: inline-table;
margin-bottom: 32px;
opacity: .1;
-webkit-transition: opacity 0.25s ease-out;
-moz-transition: opacity 0.25s ease-out;
-o-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
}
.calc-result__more-item:last-child {
margin-bottom: 0;
}
.calc-result__more-icon {
display: inline-block;
width: 41px;
height: 41px;
margin-right: 20px;
text-align: center;
font-size: 38px;
}
.calc-result__more-desc {
display: table-cell;
vertical-align: middle;
line-height: 22px;
font-size: 16px;
}
.calc-result__more-points {
margin-bottom: 8px;
}
.calc-result__more-points-val {
white-space: nowrap;
}
.calc-result__more-item_full {
opacity: 1;
}
.calc-result__more-item_full .calc-result__more-points {
display: none;
}
.calc-result__more-item_full .calc-result__more-icon {
width: 41px;
height: 41px;
line-height: 44px;
font-size: 20px;
background: #fff;
color: #7a7d84;
border-radius: 50%;
}
.calc-result__more-item_full .calc-result__more-icon SPAN:before {
content: "";
}
@media (min-width: 48em) {
.calc-result__list {
margin-bottom: 80px;
}
.calc-result__item {
display: inline-block;
width: 50%;
}
.calc-result__item-title {
font-size: 102px;
}
.calc-result__more-item {
position: relative;
display: inline-block;
width: 33.33333%;
margin-bottom: 0;
vertical-align: top;
text-align: center;
}
.calc-result__more-icon {
margin: 0 0 22px;
}
.calc-result__more-desc {
padding: 0 30px;
}
.calc-result__more-points {
position: absolute;
top: -42px;
left: 0;
width: 100%;
}
}
@media (min-width: 64em) {
.calc-result__list {
margin-bottom: 165px;
}
.calc-result__item {
display: block;
width: 100%;
margin-bottom: 74px;
}
.calc-result__more-desc {
padding: 0 10px;
}
.calc-result__more-points {
top: -65px;
padding: 0 20px;
}
}
@media (min-width: 85.375em) {
.calc-result__list {
margin-bottom: 144px;
}
.calc-result__more {
margin: 0 -35px;
}
.calc-result__more-desc {
padding: 0 20px;
}
.calc-result__more-points {
top: -44px;
}
}
.prize-radio__input {
display: none;
}
.prize-radio__label {
display: inline-block;
width: 47px;
height: 47px;
line-height: 43px;
text-align: center;
font-size: 21px;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
border: 2px solid #d4d6d9;
border-radius: 50%;
color: #7a7d84;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.prize-radio__label:hover {
border-color: #7a7d84;
}
.prize-radio__input:checked + .prize-radio__label {
border-color: #ed1c24;
background: #ed1c24;
color: #fff;
}
.bonus-info {
padding: 32px 20px 10px;
background: #fff;
}
.bonus-info__section {
margin-bottom: 32px;
padding-bottom: 6px;
border-bottom: 1px solid #eceded;
}
.bonus-info__title {
margin-bottom: 30px;
line-height: 22px;
font-size: 20px;
}
.bonus-info__subtitle {
margin: -12px 0 26px;
line-height: 26px;
font-size: 16px;
color: #7a7d84;
}
.bonus-info__item {
position: relative;
margin-bottom: 26px;
padding-left: 12px;
line-height: 26px;
font-size: 16px;
}
.bonus-info__item:before {
content: "";
position: absolute;
top: 11px;
left: 0;
display: inline-block;
width: 4px;
height: 4px;
background: #7a7d84;
border-radius: 50%;
}
.bonus-info__item-desc {
margin-bottom: 10px;
}
.bonus-info__item-val {
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
}
.bonus-info__footnote {
padding: 3px 0 0;
line-height: 22px;
font-size: 14px;
color: #7a7d84;
}
.bonus-info__footnote-item {
position: relative;
margin-bottom: 10px;
padding-left: 20px;
}
.bonus-info__footnote-item:last-child {
margin-bottom: 0;
}
.bonus-info__footnote-item SPAN {
position: absolute;
top: 0;
left: 0;
width: 20px;
}
@media (min-width: 48em) {
.bonus-info {
padding: 50px 0 10px;
}
.bonus-info__section {
margin-bottom: 50px;
padding-bottom: 24px;
}
.bonus-info__title {
font-size: 24px;
}
.bonus-info__col {
display: inline-block;
width: 50%;
padding-right: 30px;
vertical-align: top;
}
.bonus-info__col_right {
padding-left: 10px;
}
.bonus-info__footnote {
margin-top: -6px;
padding: 0;
line-height: 26px;
font-size: 16px;
}
}
@media (min-width: 64em) {
.bonus-info {
padding: 50px 0 25px;
}
.bonus-info__section {
width: 680px;
margin: 0 auto 50px;
}
.bonus-info__col_right {
padding: 0 20px 0 0;
}
.bonus-info__footnote {
width: 680px;
margin: -6px auto 0;
}
}
@media (min-width: 85.375em) {
.bonus-info {
padding-bottom: 17px;
}
}
.error {
padding: 20px;
background: #fff;
}
.error__message {
padding: 48px 10px 54px;
text-align: center;
background: #ed1c24;
color: #fff;
}
.error__title {
margin-bottom: 16px;
line-height: 40px;
font-size: 36px;
}
.error__text {
line-height: 26px;
font-size: 16px;
}
@media (min-width: 48em) {
.error {
padding-top: 60px;
}
.error__message {
max-width: 648px;
margin: 0 auto;
padding: 80px 10px 88px;
}
}
@media (min-width: 64em) {
.error {
padding-top: 115px;
}
.error__message {
max-width: 912px;
}
}
.achievement {
margin-top: 20px;
text-align: center;
}
.achievement__icon {
font-size: 140px;
color: #ed1c24;
}
.achievement__text {
line-height: 26px;
font-size: 16px;
}
.achievement__title {
display: block;
margin-bottom: 5px;
line-height: 30px;
font-size: 24px;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
font-weight: 100;
color: #ed1c24;
}
@media (min-width: 48em) {
.achievement {
margin-top: 40px;
}
}
@media (min-width: 64em) {
.achievement {
margin-top: 60px;
}
}
@media print {
.l-page__header,
.l-page__footer,
.l-page__footer-spacer,
.seo-text,
.breadcrumbs,
.filter,
.social,
.schedule-select,
.schedule-event__check,
.schedule__table,
.schedule__table-controls,
.news-inner__banner,
.schedule-app,
.l-page__content_schedule .events,
.l-page__content_schedule .news-inner,
.article__box_floating,
.article__more,
.l-page__content_news-one .news_one,
.event-info__buttons,
.event-about .events,
.event-about .news,
.special-offers-more {
display: none;
}
.schedule__head {
padding: 0;
}
.schedule__head .i-select:after {
content: none;
}
.schedule__title {
display: block;
margin: 0;
}
.schedule__club {
margin: 0;
}
.schedule-print {
display: block;
}
.schedule-print__table {
width: 99.9%;
margin-bottom: 30px;
table-layout: fixed;
border-spacing: 0;
border-collapse: collapse;
}
.schedule-print__title {
padding-bottom: 10px;
}
.schedule-print__cell {
padding: 0;
vertical-align: top;
border: 1px solid #eceded;
}
.schedule-print .schedule-event {
width: auto;
padding: 10px 5px;
}
.schedule-print .schedule-event:before {
content: none;
}
.schedule-print .schedule-event__time {
margin-right: 0;
}
.event-info {
color: #000;
}
.event-program__list:before {
content: "Программа мероприятия:";
display: block;
margin-bottom: 20px;
font-size: 20px;
}
.special-offers-one {
padding: 0;
}
.special-offers-one__head {
padding-top: 0;
color: #000;
}
.special-offers-one__title {
line-height: 46px;
font-size: 36px;
}
}
.label-error {
color: #ed1c24;
}
.field-error {
border-color: #ed1c24 !important;
}
.filter__cat-link {
cursor: pointer;
}
.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 1050px;
margin: 20px auto;
}
.mfp-hide {
display: none;
}
.modal-custom {
position: relative;
width: 50%;
min-width: 720px;
margin: 5% auto;
}
.modal-custom .modal-custom_img {
width: 100%;
}
.modal-custom .modal-custom_tel {
position: absolute;
top: 30px;
right: 30px;
z-index: 1;
font-size: 40px;
color: #fff;
text-shadow: 0 0 7px rgba(0, 0, 0, 1)
}
.modal-custom .mfp-close {
margin: 0;
float: none;
position: absolute;
width: 50px;
height: 50px;
top: -13px;
left: 101%;
opacity: 1;
z-index: 3;
font-size: 0;
}
.modal-custom .mfp-close::before, .modal-custom .mfp-close::after {
position: absolute;
content: '';
width: 35px;
height: 3px;
background-color: #fff;
top: 50%;
left: 50%;
}
.modal-custom .mfp-close::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.modal-custom .mfp-close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
@media (max-width: 768px) and (min-width: 320px) {
.modal-custom {
width: 90%;
min-width: auto;
}
.modal-custom .modal-custom_img {
width: 100%;
}
.modal-custom .modal-custom_tel {
top: calc(100% + 20px);
left: 50%;
right: auto;
transform: translateX(-50%);
}
.modal-custom .mfp-close {
top: auto;
bottom: calc(100% + 5px);
left: auto;
right: 5px;
}
}
.b-online-record {
margin-top: 10px;
}
.b-club-gallery__checkbox-container {
margin-top: 5px;
}
.b-club-gallery__input {
display: none
}
.b-club-gallery__input:checked+label::before {
background: #ed1c24
}
.b-club-gallery__input:checked+label::after {
left: 26px
}
.b-club-gallery__input:checked+label~.b-club-gallery__tour-label {
opacity: 1
}
.b-club-gallery__input:checked+label~.b-club-gallery__gallery-label {
opacity: .3
}
.b-club-gallery__checkbox-label {
margin: 0 30px;
position: relative;
width: 50px;
height: 28px;
display: flex;
align-items: center;
order: 2
}
.b-club-gallery__checkbox-label::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 26px;
border-radius: 13px;
background: #fff;
box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
transition: .2s
}
.b-club-gallery__checkbox-label::after {
content: "";
position: absolute;
top: 2px;
left: 2px;
width: 22px;
height: 22px;
border-radius: 10px;
background: #fff;
box-shadow: 0 2px 5px rgba(0,0,0,.3);
transition: .2s
}
.b-club-gallery__gallery-label {
order: 1;
transition: .3s opacity;
margin-bottom: .4em;
font-size: 22px;
}
@media print,screen and (min-width: 45em) {
.b-club-gallery__gallery-label {
margin-bottom:0
}
}
.b-club-gallery__tour-label {
order: 3;
transition: .3s opacity;
opacity: .3;
margin-top: .4em;
font-size: 22px;
}
@media print,screen and (min-width: 45em) {
.b-club-gallery__tour-label {
margin-top:0
}
}
.b-club-gallery label {
cursor: pointer;
line-height: 1em;
font-weight: 700
}
.b-club-gallery__tour-container {
width: 100%
}
.b-club-gallery__tour-container iframe {
width: 100%;
height: 100%
}
.b-club-gallery__checkbox-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
margin: .8em 0;
font-size: 32px;
text-align: center
}
@media print,screen and (min-width: 45em) {
.b-club-gallery__checkbox-container {
flex-direction:row
}
}
.b-club-gallery__not-active {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
z-index: -1;
pointer-events: none
}
.hall_info {
display: flex;
flex-wrap: wrap;
}
.hall_info__block .colorbox {
border-radius: 2px;
width: 30px;
height: 30px;
}
.hall_info__block .textroot {
display: flex;
flex-direction: column;
justify-content: center;
}
.hall_info__block:not(:last-child) {
margin-right: 40px;
}
.hall_info__block .textbox, .hall_info__block .textbox-m {
font-size: 16px;
margin-left: 20px;
}
.hall_info__block {
display: flex;
margin-bottom: 20px;
align-items: center;
}
.capabilites{
padding: 38px 70px 48px 70px;
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
}
.capabilites .all-capabilites{
}
@media (max-width: 48em){
.capabilites .all-capabilites{
display: none;
}
}
.capabilites_title{
color: #000;
text-align: center;
font-family: "Avenir Next Cyr W00 Regular", sans-serif;
font-size: clamp(20px, 5vw, 26px);
font-style: normal;
font-weight: 400;
line-height: normal;
}
.capabilites_row,.capabilites_col{
display: flex;
justify-content: space-between;
width: 100%;
gap: 20px;
max-width: 1340px;
}
.capabilites_col ul{
width: 50%;
padding: 0 0 0 15px;
margin: 0;
display: flex;
flex-direction: column;
gap: 20px;
}
.capabilites_col ul li{
position: relative;
}
.capabilites_col ul li:before{
content: ' ';
background: red;
position: absolute;
width: 8px;
height: 8px;
border-radius: 100%;
left: -15px;
top: 45%;
transform: translateY(-50%);
}
@media (max-width: 768px){
.capabilites{
padding: 30px 20px 48px 20px;
}
.capabilites_col{
flex-direction: column;
}
.capabilites_col ul{
width: 100%;
}
}
@media (max-width: 480px){
.capabilites{
padding: 48px 20px;
}
.capabilites_row{
flex-direction: column;
}
}
.cta_promo_block{
position: absolute;
}
.cta_promo{
border-radius: 40px !important;
border: 2px solid #ED1C24 !important;
padding: 7px 15px 8px 15px !important;
background: #ED1C24 !important;
display: flex;
align-items: center;
max-height: 37px;
width: fit-content;
transition: border-color .5s, background .5s;
}
.cta_promo:hover{
border-color: #fff !important;
}
.cta_promo:active{
background: #F14B52 !important;
}
@media (max-width: 800px){
.cta_promo_block{
bottom: 0;
}
}
@media (max-width: 480px){
.promo-slide{
padding: 80px 20px;
width: 100%;
}
.promo-slide__title{
text-align: center;
}
.promo-slide__text{
display: none;
}
.cta_promo_block{
left: 50%;
transform: translateX(-50%);
}
}
.small_slider{
height: 210px;
background: #323E48;
width: 100%;
}
.gray_arrows .slick-next, .gray_arrows .slick-prev{
background: transparent;
border-color: #7A7D84;
color: #7A7D84;
}
.gray_arrows .slick-next:hover, .gray_arrows .slick-prev:hover{
border: 2px solid rgba(255, 255, 255, 0.00);
background: #ED1C24;
color: #fff;
}
.gray_arrows .slick-next:active, .gray_arrows .slick-prev:active {
background: #F14B52;
border-color: #F14B52;
color: #fff;
}
.world_button_block .cta_promo{
display: initial;
}
@media (max-width: 767px){
.world{
max-height: 450px;
}
.world_button_block{
position: absolute;
bottom: 20%;
left: 50%;
transform: translateX(-50%);
}
}
.front-program-fitnerss .filter__cat-link{
border-radius: 3px;
}
.front-program-fitnerss .link{
width: 100%;
text-align: center;
font-size: 14px;
}
.trainers_front{
gap: 20px;
flex-wrap: nowrap;
}
@media (max-width: 1300px){
.trainers_front{
display: flex;
gap: 20px;
overflow-x: scroll;
}
}
.schedule_front{
padding: 30px 20px 48px 20px;
}
.schedule_front .filter__cat{
margin-bottom: 0;
}
.schedule_front .filter__cat-list{
display: flex;
justify-content: center;
gap: 5px;
}
@media (max-width: 767px){
.schedule_front .filter__cat-list{
flex-wrap: wrap;
}
}
@media (max-width: 480px){
.schedule_front .filter__cat-list{
justify-content: space-between;
}
}
.schedule_front .filter__cat-list .filter__cat-item a{
background: #fff;
border-radius: 30px;
color: #000;
font-family: Avenir Next Cyr, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 750;
line-height: 22px;
height: fit-content;
}
.button-2{
border: 2px solid #fff !important;
}
.button-2:hover{
background: #ED1C24 !important;
color: #fff !important;
}
.button-2:active{
background: #F14B52 !important;
}
.world_class_block{
overflow: hidden;
display: flex;
flex-direction: column;
gap: 30px;
max-width: 1440px;
width: 100%;
}
.world_class_block .title{
color: #000;
font-family: "Avenir Next Cyr W00 Regular", sans-serif;
font-size: 16px !important;
font-style: normal;
font-weight: 750 !important;
line-height: 22px;
letter-spacing: 0.32px;
}
.world_class_block .text_content p, .alert_block p{
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
.world_class_block .text_content ul{
list-style-type: disc;
margin-block-start: 1em;
margin-block-end: 1em;
padding-inline-start: 40px;
}
.world_class_block .text_content{
max-width: 800px;
overflow: hidden;
max-height: 250px;
color: #000;
text-overflow: ellipsis;
font-family: "Avenir Next Cyr W00 Regular", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
transition: max-height .5s;
}
.world_class_block .content{
display: flex;
justify-content: space-between;
position: relative;
height: fit-content;
gap: 10px;
}
@media (max-width: 767px){
.world_class_block .content{
flex-direction: column-reverse;
align-items: center;
gap: 20px;
}
}
.world_class_block .promo_image{
width: 296px;
height: 296px;
}
.world_class_block .read_more{
width: 50%;
background: transparent;
position: absolute;
bottom: 0;
z-index: 1;
transition: bottom .5s;
}
.read_more:before{
content: ' ';
background: #F5F6F6;
width: 100%;
height: 10px;
position: absolute;
bottom: 15px;
opacity: 0.2;
filter: blur(6px);
}
@media (max-width: 768px){
.read_more {
width: 100%;
bottom: -20px !important;
}
}
.read_more_button{
color: var(--grey, #7A7D84);
leading-trim: both;
text-edge: cap;
font-family: Avenir Next Cyr, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
position: relative;
cursor: pointer;
}
.world_class_block.full .text_content{
max-height: 5000px !important;
}
.world_class_block.full .read_more{
bottom: -30px;
}
.world_class_block.full .read_more img{
transform: rotate(180deg);
}
@media (min-width: 64em)
{
.world_class_block {
}
}
@media (max-width: 1340px){
.world_class_block {
padding: 30px 20px !important;
}
}
@media (min-width: 48em)
{
.world_class_block {
margin: 0 auto;
}
}
@media (min-width: 86em){
.world_class_block{
padding-inline: 0 !important;
}
}
.partners{
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
}
.partners_list{
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
max-width: 1340px;
width: 100%;
}
.partners_list .partner{
width: 48%;
background: gray;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 30px;
padding: 35px 20px 25px 20px;
background: #F5F6F6;
color: #000;
text-align: center;
}
@media (max-width: 560px){
.partners_list{
flex-direction: column;
}
.partners_list .partner{
width: 100%;
}
}
.partner .partner_title{
color: #000;
text-align: center;
font-family: "Avenir Next Cyr", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding-bottom: 10px;
}
.partners_list img{
max-height: 45px;
}
.news_front .news-item{
width: 280px;
}
.news_front .news-item:hover .news-item__text{
color: #ED1C24;
}
.news_front .news-item img{
width: 100%;
}
.news_front .news__list{
display: flex;
justify-content: space-between;
}
.news_front .news-item img{
height: 174px;
object-fit: cover;
}
.news_front .news__footer{
display: flex;
justify-content: center;
}
.news_front .news__footer-col_left{
text-align: center;
}
.news_front .slick-slide {
margin-left: 30px;
}
.news_front .slick-track {
margin-left: -10px;
}
.promo-slider .slick-slide:last-child{
}
.promo-slider .slick-list, .promo-slider .slick-slide{
max-height: 730px;
height: 100%;
}
.cards{
background: #ED1C24;
padding: 30px 70px 48px 70px;
display: flex;
flex-direction: column;
gap: 30px;
}
@media (min-width: 1300px){
.cards{
align-items: center;
}
}
.cards_more{
width: 100%;
display: flex;
justify-content: center;
}
.cards_more button{
color: #000;
font-family: "Avenir Next Cyr W00 Regular", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 750;
line-height: 22px;
border-radius: 30px;
border: 2px solid #FFF;
background: #FFF;
padding: 5px 15px;
}
@media (min-width: 767px){
.l-page__content_cards .cards{
padding-top: 0;
}
.cards .breadcrumbs{
padding-inline: 0;
}
}
@media (min-width: 48em){
.cards .breadcrumbs{
margin: 0;
}
}
@media (max-width: 1024px){
.cards .breadcrumbs{
padding-inline: 20px;
}
}
.cards_title{
color: #fff;
}
.cards .cards_grid{
display: flex;
gap: 20px;
width: 100%;
max-width: 1340px;
overflow-x: auto;
}
@media (max-width: 1300px){
.cards_grid{
padding-bottom: 16px;
}
}
.cards_grid::-webkit-scrollbar-track{
background: rgba(255, 255, 255, 0.50);
opacity: 0.5;
}
.cards_grid::-webkit-scrollbar {
width: 10px;
border-radius: 20px;
height: 6px;
}
.cards_grid::-webkit-scrollbar-thumb {
background-color: #fff;
border-radius: 20px;
background-clip: content-box;
}
.cards .card footer{
transition: color .5s;
}
.cards .card{
padding: 40px 20px;
flex-direction: column;
align-items: center;
gap: 40px;
display: flex;
width: 310px;
border-radius: 10px;
border: 2px solid var(--0, #FFF);
transition: background .5s;
}
.cards .card_block{
max-width: 310px;
min-width: 300px;
width: 100%;
}
.cards .card:hover{
background: #fff;
}
.cards .card:hover footer{
color: #000;
}
.cards .card footer{
text-align: center;
}
.cards .card .image-white, .cards .card .image-black{
max-width: 163px;
width: 100%;
height: 40px;
object-fit: cover;
}
.cards .card .image-white{
background: url(/images/worldclasslike.svg) no-repeat;
background-size: contain;
}
.cards .card:hover .image-white{
background: url(/images/worldclasslike-black.svg) no-repeat;
background-size: contain;
}
.cards .card .image-black{
display: none;
}
.hidden{
display: none !important;
}
.cards_slider .slick-dots{
bottom: -10%;
}
.slick-item{
display: flex;
flex-direction: column;
gap: 20px;
height: fit-content;
}
.new-padding{
padding: 30px 70px 48px 70px;
}
@media (max-width: 1300px){
.cards .card{
}
.cards .slick-slide{
margin: 0 10px;
}
.cards .slick-list{
margin: 0 -20px;
}
}
@media (max-width: 767px){
.cards, .new-padding{
padding: 30px 20px 48px 20px;
}
}
@media (max-width: 480px){
.cards, .new-padding{
padding: 48px 20px;
}
}
.news_front .slick-dots{
bottom: -15%;
}
.news_front .slick-dots li button{
background: #ED1C24;
}
.news_front .slick-dots li.slick-active button {
background: #fff;
border: 2px solid #ED1C24;
}
.call_form_title{
}
@media(min-width: 767px){
.call_form_title{
display: none;
}
}
.fitness-programs .i-link:hover{
background: #D9DDE6 !important;
}
.front-program-fitnerss{
display: flex;
flex-direction: column;
align-items: center;
}
.front-program-fitnerss #filter-trainers,
.filter:first-child,
.front-program-fitnerss
.trainers_front,
#filter_parent,
.document_wrapper,
.sertificates_container,
.zones{
max-width: 1340px;
width: 100%;
}
.front-program-fitnerss .trainers__item{
padding: 0;
max-width: 290px;
}
.front-program-fitnerss #filter-trainers{
width: 100%;
}
.call_form{
max-width: 1340px;
width: 100%;
}
.news_front{
max-width: 1480px;
width: 100% !important;
}
.i-link_red{
transition: text-decoration .5s, color .5s;
}
.i-link_red:hover{
text-decoration: underline;
}
.club-about .i-link_red:not(:hover){
color: #fff;
}
.white-link{
color: #FFF;
text-align: center;
font-family: Avenir Next Cyr, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
transition: text-decoration .5s;
}
.white-link:hover{
text-decoration: underline;
text-decoration-style: dashed;
}
.white-link:active{
opacity: 0.8;
}
.small_slider .promo-slider-pagination__item .promo-slider-pagination__item-text{
letter-spacing: 0.5px;
}
@media (min-width: 560px){
.cards .cards_slider .slick-dots li:last-child{
display: none;
}
}
.promo-slider-pagination__item{
padding: 0 20px;
}
.header_socials_wrapper{
display: flex;
align-items: center;
}
.header_socials_wrapper .social__link{
width: 20px !important;
height: 14px !important;
}
.footer_socials_wrapper .social__link{
width: 20px !important;
height: 20px !important;
}
.footer_socials_wrapper .icon-tel{
width: 13px !important;
height: 13px !important;
}
.footer_socials_wrapper .phone-number{
font-size: 18px;
}
.header_socials_wrapper .i-link{
padding: 10px 8px;
display: flex;
}
.header_socials_wrapper .i-link:first-child{
padding-left: 0;
}
.city_land{
padding-right: 15px;
}
.between{
justify-content: space-between;
}
.justify-center{
justify-content: center;
}
.align-center{
align-items: center;
}
.flex{
display: flex;
}
.wrap{
flex-wrap: wrap;
}
.city_land .social__link{
margin-right: 8px;
}
.d-none{
display: none !important;
}
.overflow{
position:absolute;
display: flex;
flex-direction: column;
gap: 15px;
z-index: 10;
background: var(--primary-red);
opacity: 0;
visibility: hidden;
transition: all .5s;
padding: 15px 20px;
width: 100vh;
max-width: 280px;
top: 45px;
}
.overflow .nav__item{
width: fit-content;
}
.overflow.active{
visibility: visible;
opacity: 1;
}
.overflow .nav__link, .overflow .nav__item, #more{
line-height: normal;
color: #fff;
font-size: 15px;
font-style: normal;
font-weight: 750;
line-height: 28px;
letter-spacing: 0.5px;
font-family: "Avenir Next Cyr", sans-serif;
}
@media (max-width: 767px){
.overflow{
top: 38px;
}
}
#more{
width: 50px;
font-size: 14px;
position: relative;
display: flex;
gap: 8px;
align-items: center;
cursor: pointer;
user-select: none;
transition: all .5s;
}
.icon-arrowdown{
transition: all .5s;
}
#more.active .icon-arrowdown{
transform: rotate(180deg);
}
#more:hover{
text-decoration: underline;
text-underline-offset: 3px;
}
.header_menu{
width: 100%;
max-width: 100%;
margin: 0;
padding: 0 clamp(25px, 4vw, 45px);
}
@media (max-width: 376px){
.header_menu{
padding: 0 20px;
}
}
@media (max-width: 550px){
.header_menu{
display: none;
}
.header-nav__list{
justify-content: flex-end;
gap: 20px;
}
.logo_nav{
width: 100%;
}
}
@media (max-width: 351px){
.header-nav__list{
justify-content: space-between;
gap: 0;
}
.logo_nav{
width: fit-content;
}
}
@media (max-width: 350px){
.header-nav__list{
flex-wrap: wrap;
}
}
#menu_ul{
width: 100%;
display: flex;
align-items: center;
justify-content: space-around;
max-width: 100%;
margin-left: 0;
}
@media (max-width: 1200px){
#menu_ul{
justify-content: flex-start;
gap: 30px;
}
}
#menu_ul .nav__item{
margin-left: 0;
}
#menu_ul .nav__item .nav__link{
white-space: nowrap;
}
.header-nav__item_button_order{
white-space: nowrap;
}
.menu .sidebar_socials{
margin-bottom: 45px;
}
.sidebar_socials .social__link{
width: 25px;
height: 20px;
display: inline-flex;
}
.sidebar_socials .i-link{
padding: 0 8px;
}
.sidebar_socials .i-link:first-child{
padding-left: 20px;
}
.phone_number{
font-size: 14px;
font-style: normal;
font-weight: 750;
line-height: normal;
font-family: "Avenir Next Cyr", sans-serif;
transition: all .5s;
}
.phone_number:hover{
color: var(--primary-red);
}
.menu .nav_menu{
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 45px;
}
.menu .nav_menu .nav__item{
font-size: 15px;
font-style: normal;
font-weight: 750;
line-height: 28px;
letter-spacing: 0.5px;
}
.menu .address{
font-family: "Avenir Next Cyr", 'Avenir Next Cyr W00 Thin';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.gap-10{
gap: 10px;
}
.gap-20{
gap: 20px;
}
.gap-30{
gap: 30px;
}
.gap-15{
gap: 15px;
}
.gap-16{
gap: 16px;
}
.column{
flex-direction: column;
}
.footer-schedule{
font-family: "Avenir Next Cyr", 'Avenir Next Cyr W00 Thin';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.footer_menu_list{
columns: 4;
column-gap: 20px;
width: 95%;
}
@media (max-width: 1024px){
.footer_menu_list{
columns: 2;
}
}
.footer__row_links.mobile{
display: none;
}
@media (max-width: 600px){
.footer__row_links.desktop{
display: none;
}
.footer__row_links.mobile{
display: initial;
margin-bottom: -20px;
width: 100%;
}
.footer__row_links.mobile .footer-links__item{
justify-content: flex-start;
}
}
.footer_menu_list .i-list__item{
padding-bottom: 20px;
break-inside: avoid;
}
.footer-links__item{
display: flex;
justify-content: flex-end;
}
.footer .phone_number{
font-size: 18px;
}
.policy_links a, footer__text{
color: #D9DDE6;
font-family: "Avenir Next Cyr", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 150%;
border-bottom: 1px solid transparent;
transition: all .5s;
line-height: 28px;
}
.policy_links{
gap: 16px;
}
.policy_links a:hover{
text-decoration: underline;
text-underline-offset: 3px;
}
.starpoint_link{
transition: all .5s;
line-height: 28px;
width: fit-content;
color: #D9DDE6;
}
.starpoint_link:hover{
border-bottom: 1px solid #D9DDE6;
}
.i-link_faq:after{
border-bottom: 1px solid #fff;
transition: all .5s;
color: #fff;
}
.i-link_faq:hover:after{
color: var(--primary-red);
border-color: var(--primary-red);
}
@media (min-width: 769px){
.header-nav__list, .header-action__wrapper{
width: calc(100% - 140px);
}
.footer__head-wrapper{
}
.footer__content{
}
}
@media (max-width: 1350px) and (min-width: 1040px){
.header-action__col .header-action__col_right{
margin-right: -12px;
}
}
.city_land{
padding-top: 10px;
padding-bottom: 10px;
}
@media (max-width: 647px){
.header-action__wrapper {
padding-top: 10px;
}
.city_land{
padding-top: 0;
padding-bottom: 0;
}
}
@media (max-width: 647px){
.header_socials_wrapper{
display: none;
}
}
@media (max-width: 767px) and (min-width: 647px){
.header-action__wrapper{
display: flex;
justify-content: center;
}
}
@media (max-width: 328px){
.header-action__col_mobile .header-action__link:last-child{
padding-left: 7px;
}
}
.alert_block{
background-color: var(--primary-red);
padding: 20px 12.5%;
margin: 0 auto;
}
@media (max-width:768px){
.alert_block{
padding-inline: 20px;
}
}
.alert_block .text{
font-family: "Avenir Next Cyr", sans-serif;
font-size: 15px;
color: #fff;
}
.bg-white{
background: #fff;
}
.bg-gray{
background: #f5f6f6;
}
.documents_container{
display: flex;
justify-content: center;
align-items: center;
padding-top: 60px;
padding-bottom: 60px;
}
.documents_list{
display: flex;
flex-wrap: wrap;
row-gap:20px;
justify-content: center;
}
.document_wrapper{
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 43em){
.documents_list{
width: 100%;
flex-direction: column;
}
.documents_list .document{
max-width: 100%;
}
}
@media (max-width: 48em){
.documents_container{
padding-inline: 20px;
}
.documents_list .document{
max-width: 100%;
margin-left: 0;
}
}
@media (max-width: 64em) and (min-width: 48em){
.documents_list .document{
max-width: 35%;
}
.documents_list .document:nth-child(2n){
margin-left: 20px;
}
}
@media (max-width: 64em){
.documents_list .document{
flex:1 1 auto;
width: 100%;
}
}
@media (min-width: 64em){
.documents_list{
justify-content: space-between;
gap: 20px;
width: 100%;
flex-wrap: nowrap;
}
}
@media (min-width: 86em){
.document_wrapper{
display: initial;
}
}
.documents_list .document{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
transition: all .3s;
}
.documents_list .document:hover{
text-decoration: underline;
color: var(--primary-red);
}
.pdf-icon{
width: 30px;
height: 30px;
background-color: var(--primary-red);
-webkit-mask-image: url('/img/new/pdf-icon.svg');
mask-image: url('/img/new/pdf-icon.svg');
background-size: contain;
}
.l-page__content_cards .pdf-icon{
background-color: #fff;
}
.l-page__content_cards .cards-desc__link{
width: fit-content;
}
.l-page__content_cards .cards-desc__link:hover span{
text-decoration: underline;
text-underline-offset: 5px;
}
.sertificates_wrapper{
display: flex;
justify-content: center;
width: 100%;
}
.sertificates_container{
}
.sertificates_container .list{
display: flex;
overflow-x: auto;
overflow-y: hidden;
gap: 20px;
}
@media (max-width: 64em) {
.sertificates_container .list {
justify-content: flex-start;
}
}
.sertificate img{
max-height: 300px;
max-width: 200px;
width: 100%;
height: 100%;
}
.sertificate{
display: flex;
align-items: center;
min-width: fit-content;
width: 100%;
gap: 20px;
max-width: 420px;
}
.sertificate .sertificate_name{
max-width: 200px;
}
.mb-30{
margin-bottom: 30px;
}
.l-page__content_clubs-one h2.capabilites_title ,.l-page__content_cards h2.capabilites_title{
margin-bottom: 30px;
}
.l-page__content_clubs-one .club-description__wrapper,
.l-page__content_clubs-one .features-slider,
.l-page__content_clubs-one .zones,
.l-page__content_clubs-one .call_form,
.l-page__content_clubs-one #filter_parent,
.l-page__content_clubs-one .trainers_front,
.l-page__content_clubs-one .capabilites_row,
.l-page__content_clubs-one .capabilites_col,
.l-page__content_clubs-one .sertificates_container,
.l-page__content_clubs-one .cards_grid,
.l-page__content_clubs-one .world_class_block,
.l-page__content_cards .world_class_block,
.l-page__content_cards .card_types {
max-width: 1300px !important;
}
.zones{
padding-top: 60px;
padding-bottom: 60px;
margin: 0 auto;
}
@media (min-width: 86em){
.zones{
padding-inline: 0;
}
}
.zones .red{
background-color: var(--primary-red);
color: #fff;
}
@media (min-width: 1340px){
.zones .red, .zones .red img{
max-width: clamp(300px, 30vw, 420px);
}
.zones .gray{
max-width: clamp(315px, 31vw, 420px);
}
}
.zones .red, .zones .gray{
max-width: 420px;
}
.zones .zone_title{
margin-bottom: 10px;
font-size: 20px;
font-weight: 750;
line-height: 150%;
letter-spacing: 0%;
font-family: "Avenir Next Cyr W00 Bold", sans-serif;
}
.zones .zone_description{
font-size: 15px;
font-weight: 400;
line-height: 150%;
letter-spacing: 0%;
font-family: "Avenir Next Cyr W00 Regular", sans-serif;
}
.zones .zone_content{
padding: 20px;
}
.gray .zone_content{
padding: 10px 10px 10px 20px;
}
.zones .gray{
background-color: var(--secondary-gray);
display: flex;
max-height: 295px;
height: 100%;
}
.zones .gray img{
max-width: 200px;
max-height: 295px;
}
.zones .list{
display: flex;
gap: 20px;
align-items: flex-start;
}
.gray_zones{
flex-wrap: wrap;
}
@media (max-width: 1380px){
.zones .list{
flex-direction: column;
}
.gray_zones{
flex-direction: row !important;
justify-content: space-between;
}
.zones .red{
display: flex;
max-width: 100%;
}
.zones .gray{
max-width: calc(50% - 10px);
flex: 1 1 auto;
width: 100%;
}
}
@media (max-width: 64em){
.zones .red img{
max-width: 60%;
}
.zones .gray{
max-height: 295px;
height: 100vh;
}
}
@media (max-width: 960px){
.gray_zones{
flex-direction: column !important;
}
.zones .gray{
max-width: 100%;
max-height: fit-content;
height: 100%;
}
.zones .gray img{
height: 230px;
}
}
@media (max-width: 43em){
.zones .red{
flex-direction: column;
}
.zones .red img{
max-width: 100%;
max-height: 335px;
object-fit: cover;
}
}
.js-modal_map span,.club-about__item-phone{
transition: all 0.3s;
}
.js-modal_map:hover,.club-about__item-phone:hover{
color: var(--primary-red);
cursor: pointer;
}
.js-modal_map:hover span{
background-color: var(#fff);
}
.js-modal_map:hover{
cursor: pointer;
color: #fff;
border-bottom: 1px solid #fff;
}
.card_types{
max-width: 1340px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.cards_list{
display: flex;
gap: 20px;
align-items: stretch;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
justify-content: flex-start;
}
.card_type{
position: relative;
padding: 2px;
overflow: hidden;
background-color: #fff;
border-radius: 10px;
min-width: 310px;
max-width: 310px;
}
.card_type .card_head{
padding: 50px 20px;
border-radius: 10px;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 20px;
}
.card_type .card_head  h3{
margin-bottom: 0;
line-height: 24px;
font-size: 20px;
font-weight: 750;
text-transform: uppercase;
}
.card_type .tag{
padding: 4px 12px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
color: var(--primary-red);
position: absolute;
top:0;
left: 0;
background-color: #fff;
line-height: normal;
}
.card_type .content{
padding: 20px 20px 40px;
width: 100%;
height: 100%;
}
.card_type footer, .card_type .content{
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
justify-content: space-between;
max-height: 78%;
}
.card_type ul{
color: #000;
width: 100%;
}
.card_footer_buttons{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
height: 37px;
}
.card_footer_buttons .buy, .card_footer_buttons .interesting{
font-size: 14px;
font-weight: 450;
border: none;
height: 100%;
border-radius: 40px;
display: flex;
justify-content: center;
align-items: center;
transition: all .3s;
}
.card_footer_buttons .buy{
background-color: var(--primary-red);
width: 100%;
max-width: 146px;
color: #fff;
}
.card_footer_buttons .interesting{
border: 2px solid #323E48;
background-color: #fff;
max-width: 104px;
width: 100%;
color: #323E48;
}
.card_footer_buttons .interesting:hover{
border-color: var(--primary-red);
color: var(--primary-red);
}
.card_type .content ul{
margin: 0;
line-height: normal;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
padding-left: 10px;
height: fit-content;
}
.card_type .content ul li{
position: relative;
font-size: 15px;
line-height: 18px;
font-weight: 400;
color: #000000;
}
.card_type .content ul li:before{
content: ' ';
position: absolute;
width: 4px;
height: 4px;
background-color: var(--primary-red);
border-radius: 100%;
top: 8px;
left: -8px;
}
.card_type .price{
color: #000000;
font-size: 26px;
line-height: 31.85px;
font-weight: 750;
}
.card_type .currency{
color: #000000;
font-size: 20px;
line-height: 24.5px;
font-weight: 750;
}
.worldclass_logo-red{
display: inline-flex;
width: 40px;
height: 40px;
background-image: url('/img/new/wk-red.svg');
background-size: contain;
min-width: 40px;
}
.worldclass_logo-white{
display: inline-flex;
width: 40px;
height: 40px;
background-image: url('/img/new/wk-white.svg');
background-size: contain;
}
.cards .capabilites_title{
color: #fff;
}
.card_type.preset-1 .card_head{
background-color: var(--preset-1-bg);
}
.card_type.preset-2 .card_head{
background-color: var(--preset-2-bg);
}
.card_type.preset-3 .card_head{
background-color: var(--preset-3-bg);
color: #000000;
}
.card_type.preset-4 .card_head{
background-color: var(--preset-4-bg);
}
.card_type.preset-5 .card_head{
background-color: var(--preset-5-bg);
}
.card_type.preset-6 .card_head{
background-color: var(--preset-6-bg);
}
.card_type.preset-7 .card_head{
background-color: var(--preset-7-bg);
}
.cards_list{
padding-bottom: 10px;
}
.cards_list::-webkit-scrollbar-track{
background: rgba(255, 255, 255, 0.50);
opacity: 0.5;
}
.cards_list::-webkit-scrollbar {
width: 10px;
border-radius: 20px;
height: 6px;
}
.cards_list::-webkit-scrollbar-thumb {
background-color: #fff;
border-radius: 20px;
background-clip: content-box;
}
.cookie_form{
background-color: #fff;
max-width: 728px;
width: 100%;
position: fixed;
bottom:0;
left:50%;
transform: translateX(-50%);
padding: 20px 20px 30px 20px;
border-radius: 20px 20px 0px 0px;
border: 2px solid var(--primary-red);
display: flex;
gap: 10px;
border-bottom: 0;
z-index: 100;
}
.cookie_form_text{
color: #000000;
font-size: 12px;
font-family: "Avenir Next Cyr", sans-serif;
line-height: 14.7px;
font-weight: 400;
}
.cookie_form_text .site_title{
font-family: "Avenir Next Cyr", sans-serif;
font-weight: 450;
color: #000000;
}
.cookie_form_text a{
font-weight: 450;
text-decoration: underline;
transition: all .3s;
}
.cookie_form_text a:hover{
color: var(--primary-red);
}
.cookie_form_text a:active{
color: var(--primary-red-light);
}
.cookie_form .cookie_form_buttons{
display: flex;
flex-direction: row;
gap: 10px;
justify-content: flex-end;
}
@media (max-width: 50em){
.cookie_form{
max-width: 90%;
}
}
@media (max-width: 48em){
.cookie_form{
flex-direction: column;
gap: 20px;
}
.cookie_form .cookie_form_buttons{
flex-direction: row;
justify-content: center;
max-width: 100%;
}
}
.cookie_form_buttons button{
max-width: 100px;
width: 100%;
height: 38px;
border-radius: 30px;
border: 0;
outline: 0;
padding: 8px 16px 8px 16px;
font-size: 13px;
font-weight: 450;
line-height: 22px;
transition: all .3s !important;
}
.cookie_form_buttons .accept, .card_types .card_footer_buttons .buy{
background-color: var(--primary-red);
}
.cookie_form_buttons .accept:hover,.card_types .card_footer_buttons .buy:hover {
background-color: var(--primary-red-dark);
}
.cookie_form_buttons .accept:active,.card_types .card_footer_buttons .buy:active{
background-color: var(--primary-red-light);
}
.cookie_form_buttons .decline{
background-color: var(--preset-3-bg);
color: #000000;
}
.cookie_form_buttons .decline:hover{
background-color: var(--gray-dark);
color: #fff;
}
.cookie_form_buttons .decline:active{
color: #fff;
}
.fitness_page .preview{
max-height: 600px;
height: 100vh;
}
.fitness_page .preview ul{
list-style: initial;
padding-left: 20px;
margin: 0;
}
.fitness_page .preview ul li{
font-size: 16px;
line-height: 26px;
font-weight: 400;
font-family: "Avenir Next Cyr", sans-serif;
}
.fitness_page .preview .breadcrumbs ul li{
font-size: 14px;
line-height: 26px;
font-weight: 400;
font-family: "Avenir Next Cyr", sans-serif;
}
.fitness_page .club-about__wrapper {
position: initial;
}
.fitness_page .preview .cta_promo{
bottom: 50px;
position: absolute;
}
.fitness_page .preview_name{
line-height: 120%;
font-weight: 400;
font-family: "Avenir Next Cyr", sans-serif;
margin: 0;
}
.fitness_page .preview_wrapper{
padding-top: 103px;
padding-bottom: 70px;
}
.fitness_page .club-description__col img{
width: auto;
max-width: 100%;
}
@media (min-width: 48em){
.fitness_page .club-description__col img{
width: 100%;
max-width: 640px;
}
.fitness_page .preview_name{
}
.fitness_page .preview_wrapper{
padding: 30px 0;
}
}
.fitness_page .preview .breadcrumbs__list{
padding-left: 0;
}
.fitness_page .preview .preview_ground{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
.cardOrderCaptcha{
display: flex;
justify-content: flex-start;
}
@media (max-width: 64em){
.cardOrderCaptcha{
margin-top: 20px;
}
}
#trainer-video-frame{
display: none;
height: 100%;
min-height: 315px;
width: 100%;
}
:host(.media-document.video.mac){
min-width: auto !important;
}
@media (max-width: 48em){
#trainer-video{
display: none;
}
#trainer-video-frame{
display: initial;
}
}
ul{
list-style: initial;
padding-left: 18px;
}
.l-page__content a:not([class]):not([href^="tel"]){
color: #ED1C24;
}
.card_types ul{
list-style: none;
}
.news__one__img{
width: 100%;
max-width: 400px;
}
:root{
--wb-primary: #e5be01;
--wb-primary-light: #FCD975;
--wb-secondary: #c18c06;
--wb-secondary-light: #FFFAEC;
--wb-grey: #f5f6f6;
}
.wb-page{
}
.wb-page .promo-slider .slick-list,
.wb-page .promo-slider .slick-slide{
max-height: 600px;
}
.wb-page .promo-slider__item{
padding-bottom: 0;
min-height: 600px;
}
.wb-page .promo-slider .promo-slide{
padding-top: 0;
}
.wb .promo-slider .slick-prev,
.wb .promo-slider .slick-next,
.wb .promo-slider .slick-dots .slick-active button,
.wb .brands-slider .slick-dots .slick-active button,
.wb .news_front .slick-dots .slick-active button,
.wb .brands-slider .slick-next,
.wb .brands-slider .slick-prev
{
background: var(--wb-primary-light);
background-color: var(--wb-primary-light);
color: var(--preset-1-bg);
}
.wb .promo-slider .slick-dots  button,
.wb .brands-slider .slick-dots  button,
.wb .news_front .slick-dots  button{
border: none !important;
background: var(--wb-primary);
background-color: var(--wb-primary);
}
.wb .promo-slider .slick-dots .slick-active button,
.wb .brands-slider .slick-dots .slick-active button,
.wb .news_front .slick-dots .slick-active button{
border: 2px solid var(--wb-primary) !important;
background: #fff;
background-color: #fff;
}
.brands-slider .slick-dots{
bottom: -20%;
}
.wb .promo-slider .slick-prev:hover,
.wb .promo-slider .slick-next:hover,
.wb .brands-slider .slick-next:hover,
.wb .brands-slider .slick-prev:hover
{
background: var(--wb-primary);
background-color: var(--wb-primary);
color: #fff;
}
.wb .promo-slider .slick-prev:active,
.wb .promo-slider .slick-next:active,
.wb .promo-slider .slick-dots .slick-active button:active,
.wb .brands-slider .slick-dots .slick-active button:active,
.wb .news_front .slick-dots .slick-active button:active,
.wb .brands-slider .slick-next:active,
.wb .brands-slider .slick-prev:active
{
opacity: 0.5;
}
.wb-page .promo-slider .promo-slide__title{
font-weight: 400;
letter-spacing: 0.6px;
text-align: left;
margin-bottom: 50px;
text-transform: uppercase;
line-height: 120%;
}
.wb .cta_promo{
background: var(--wb-primary-light) !important;
border: 2px solid var(--wb-primary-light) !important;
color: var(--preset-1-bg) !important;
padding: 7px 30px 8px 30px !important;
}
.wb .cta_promo:hover{
border-color: var(--preset-1-bg) !important;
}
.wb .cta_promo:active{
background: var(--wb-primary) !important;
}
.wb-page .breadcrumbs{
position: absolute;
}
.wb-page .promo-slider__item:after{
background: #00000080;
}
@media (max-width: 768px){
.promo-slide{
height: auto;
}
}
@media (min-width: 48em){
.wb-page .promo-slider .promo-slide__title{
font-size: 54px;
line-height: 66.15px;
}
.wb-page .breadcrumbs{
left: 70px;
padding-left: 0;
}
}
@media (min-width: 64em){
.wb-page .breadcrumbs{
left: 70px;
}
}
@media (min-width: 1440px){
.wb-page .breadcrumbs{
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 85.375em){
.wb-page .promo-slider .container{
z-index: 1;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
}
.large-block-container,
.large-block-container{
max-width: 1440px;
width: 100%;
margin: 0 auto;
}
.large-block-container{
padding: 50px 20px;
}
.medium-block-container{
padding: 30px 20px;
}
@media (min-width: 48em){
.large-block-container{
padding: 50px 70px;
}
.medium-block-container{
padding: 30px 70px;
}
}
.block_title{
font-size: 26px;
font-weight: 400;
line-height: 31.85px;
text-align: center;
margin-bottom: 30px;
}
.block_footer{
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-align: center;
margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.wb .more_link,
.wb .more_button{
font-size: 14px;
line-height: 22px;
text-align: center;
transition: all .3s;
text-underline-offset: 5px;
}
.wb .more_link{
color: var(--preset-1-bg);
font-weight: 400;
text-decoration: underline;
}
.wb .more_link:hover{
color: var(--wb-primary);
text-decoration: underline;
}
.wb .more_link:active{
color: var(--wb-primary-light);
text-decoration: underline;
}
.wb .more_button{
font-family: 'Avenir Next Cyr', sans-serif;
color: #000;
font-weight: 750;
line-height: 18.2px;
border: 2px solid #fff;
border-radius: 30px;
padding: 8px 16px;
background-color: #fff;
}
.wb .more_button:hover{
color: #fff;
background-color: var(--wb-primary);
border-color: var(--wb-primary);
}
.wb-directions{
background-color: var(--wb-primary-light);
}
.wb-directions .wb-directions-list{
display: flex;
gap: 20px;
overflow-y: auto;
align-items: stretch;
justify-content: flex-start;
}
.wb-directions .wb-direction{
min-width: 244px;
max-width: 244px;
overflow: hidden;
border-radius: 10px;
display: flex;
flex-direction: column;
}
.wb-direction .wb-direction-head{
position: relative;
background-size: cover !important;
min-height: 140px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.wb-direction .wb-direction-head span{
position: relative;
z-index: 1;
text-transform: uppercase;
color: #fff;
font-size: 20px;
font-weight: 750;
line-height: 24px;
text-align: center;
font-family: 'Avenir Next Cyr', sans-serif;
}
.wb-direction .wb-direction-head:after{
content: ' ';
position: absolute;
inset: 0;
background: #00000080;
}
.wb-direction .wb-direction-body{
background-color: #fff;
padding: 20px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 40px;
}
.more_button.white{
background-color: #fff;
font-weight: 450;
color: var(--preset-1-bg);
border: 2px solid var(--preset-1-bg);
display: flex;
width: fit-content;
}
.more_button.white:hover{
background-color: var(--wb-primary-light);
color: var(--preset-1-bg);
}
.more_button_secondary:active{
background-color: #fff;
border-color: #fff;
}
.small-list{
margin: 0;
line-height: normal;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
padding-left: 16px;
height: fit-content;
list-style: none;
}
.small-list li{
position: relative;
padding: 8px 0;
}
.small-list li:before{
content: ' ';
position: absolute;
width: 8px;
height: 8px;
background-color: var(--primary-red);
border-radius: 100%;
top: 12px;
left: -16px;
}
.wb-directions .small-list li:before{
background-color: var(--wb-primary);
}
.wb-directions .block_title{
color: var(--preset-4-bg);
}
.wb-services{
background-color: #fff;
}
.wb-services .wb-services-list{
display: flex;
align-items: stretch;
justify-content: flex-start;
gap: 20px;
overflow-x: auto;
}
.wb-services .wb-service{
min-width: 310px;
display: flex;
overflow: hidden;
border-radius: 10px;
flex-direction: column;
}
.wb-services .wb-service.wb-service-active:hover{
cursor: pointer;
}
.wb-services .wb-service.wb-service-active:hover  .wb-service-title{
color: var(--wb-primary);
border-bottom: 1px solid var(--wb-primary);
}
.wb-services .wb-service.wb-service-active:hover .more_button{
background-color: var(--wb-primary-light);
}
.wb-services .wb-service img{
width: 100%;
min-height: 184px;
max-height: 184px;
}
.wb-service .wb-service-body{
padding: 20px 20px 20px 20px;
background-color: var(--description-gray);
display: flex;
flex-direction: column;
gap: 74px;
height: 100%;
justify-content: space-between;
}
.wb-service .wb-service-info{
display: flex;
flex-direction: column;
gap: 10px;
}
.wb-service .wb-service-title{
font-size: 18px;
font-weight: 400;
line-height: 24px;
text-align: left;
color: var(--preset-1-bg);
}
.wb-service .wb-service-typography{
font-size: 15px;
font-weight: 400;
line-height: 22px;
text-align: left;
}
.wb-page .news__item{
padding-left: 20px;
width: 330px;
margin-bottom: 0;
}
@media (max-width: 768px){
.wb-page .news__item{
padding-left: 0;
}
}
.wb-page .news__item img{
border-radius: 10px;
}
.wb-page .news__item:hover .news-item__text,
.wb-page .news__item .news-item__text .i-link:hover{
color: var(--wb-secondary);
}
.wb-page .news__item .news-item__text{
text-transform: uppercase;
}
.wb-page .news-item.slick-slide{
padding-left: 0;
margin-left: 20px;
}
.wb-page .news__list{
margin-bottom: 0;
gap: 0;
}
.wb-page .zones{
padding-top: 50px;
padding-bottom: 50px;
}
.wb-page .zones .red{
background-color: var(--wb-primary-light);
color: var(--preset-4-bg);
}
.wb-page .zones .gray,
.wb-page .zones .red{
border-radius: 10px;
overflow: hidden;
}
.wb-page .zones .red img{
max-height: 420px;
}
@media (max-width: 480px){
.wb-page .zones .gray img{
height: auto;
max-width: 130px;
object-fit: cover;
}
}
.wb-page .zones .gray{
background-color: var(--wb-secondary-light);
}
.wb-page .zones_container{
background-color: #fff;
padding-bottom: 50px;
}
.wb-page .zones_container .block_footer{
margin-top: 0;
}
.wb .cta_promo{
color: #fff;
}
.wb-page .wb-masters{
display: flex;
gap: 20px;
justify-content: flex-start;
width: 100%;
overflow-y: auto;
max-width: 1300px;
}
.wb-masters .wb-master{
padding: 20px;
width: fit-content;
max-width: 290px;
background-color: var(--description-gray);
}
.wb-masters .wb-master img{
width: 250px;
height: 210px;
object-fit: cover;
margin-bottom: 15px;
}
.wb-masters .wb-master .i-link_red{
color: var(--wb-primary);
}
.present-block{
position: relative;
height: 530px;
background-size: cover !important;
background-position: center !important;
}
.present-block:after{
content: ' ';
position: absolute;
inset: 0;
background: #00000080;
}
.present-block .box_image{
height: 190px;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
top: 50%;
}
.present-block .present-block-heading{
position: absolute;
left: 50%;
top: 60%;
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
z-index: 1;
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
}
.present-block-heading h2{
font-size: 24px;
font-weight: 275;
line-height: 38.8px;
text-align: center;
margin-bottom: 0;
font-family: "Avenir Next Cyr W00 Thin", sans-serif;
}
@media (min-width: 460px){
.present-block .box_image{
height: auto;
}
}
@media (min-width: 48em){
.present-block-heading h2{
font-size: 36px;
line-height: 58.8px;
}
.present-block .box_image{
}
}
@media (min-width: 64em){
.present-block-heading h2{
font-size: 48px;
}
}
.present-block-heading h2 div:last-child{
font-weight: 750;
text-transform: uppercase;
font-family: 'Avenir Next Cyr', sans-serif;
}
.present-block .present-block-heading .cta_promo{
margin-top: 69px;
}
.brands{
background-color: #fff;
}
.brands .large-block-container{
padding-inline: 0;
width: 100%;
max-width: 100%;
}
.brands-slider{
}
.brands-slider .slick-slide{
width: 354px;
margin: 0 10px;
}
.brands .brand{
background-color: var(--description-gray);
padding: 30px 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
}
.brands .brand img{
height: 120px;
object-fit: contain;
max-width: 222px;
}
.brands .slick-next, .brands .slick-prev{
margin-top: 0;
display: none !important;
}
.wb-club-about  .club-about__address{
background-color: var(--wb-primary-light);
color: var(--preset-4-bg);
}
.wb-club-about .club-about__address .icon-target:before,
.wb-club-about .club-about__address .i-link{
color: var(--preset-4-bg);
}
@media (min-width: 48em){
.brands .slick-next, .brands .slick-prev{
display: block !important;
}
.wb-page .faq{
padding-top: 70px;
}
}
@media (min-width: 64em){
.wb-club-about .club-about__wrapper{
padding-top: 100px;
height: 770px;
}
}
.service_modal{
padding: 0;
max-width: 768px;
border-radius: 0;
background-color: transparent;
box-shadow: none;
}
.service_feedback_form{
display: flex;
}
.service_feedback_form img{
width: 384px;
object-fit: cover;
}
.service_feedback_form form{
padding: 40px 20px;
width: 384px;
background-color: var(--preset-1-bg);
}
.service_feedback_form form .heading_title{
color: var(--wb-primary);
font-size: 18px;
font-weight: 400;
line-height: 24px;
text-align: left;
margin-bottom: 20px;
}
.service_feedback_form form .subtitle{
font-size: 15px;
font-weight: 400;
line-height: 22px;
text-align: left;
margin-bottom: 20px;
color: #fff;
}
.service_feedback_form .service_submit{
background-color: var(--wb-primary-light);
font-size: 14px;
font-weight: 450;
line-height: 22px;
text-align: center;
color: var(--preset-1-bg);
border-radius: 40px;
padding: 7px 15px 8px 15px;
border: none;
width: 146px;
margin-top: 20px;
border: 1px solid var(--wb-primary-light);
font-family: "Avenir Next Cyr", sans-serif;
}
.service_feedback_form .service_submit:hover{
border: 1px solid #fff;
}
.service_feedback_form input{
box-shadow: 0px 1px 2px 0px #1018280D;
border-radius: 8px !important;
padding: 10px 14px !important;
width: 100% !important;
height: 42px;
}
.service_feedback_form input:not(.field-error){
border: 1px solid var(--preset-3-bg) !important;
}
.service_feedback_form textarea{
border: 1px solid var(--preset-3-bg) !important;
padding: 10px 14px !important;
box-shadow: 0px 1px 2px 0px #1018280D !important;
font-size: 16px;
font-weight: 400;
line-height: 22px;
text-align: left;
max-height: 96px;
border-radius: 8px;
}
.service_feedback_form .i-form__label{
font-size: 15px;
font-weight: 400;
line-height: 18.38px;
text-align: left;
}
.service_feedback_form .i-form__label:not(.label-error){
color: #fff;
}
.service_feedback_form .i-form__label.i-required:after{
color: #fff;
}
.service_feedback_form .i-form__item_half{
margin-top: 10px;
width: 100%;
}
.service_feedback_form form.success{
background-color: var(--preset-7-bg);
}
.service_feedback_form form.success .service_submit{
margin-top: 0;
}
.service_feedback_form form.success img{
height: 225px;
}
@media (max-width: 64em){
.service_feedback_form{
flex-direction: column;
}
.service_feedback_form form{
width: 100%;
}
.service_feedback_form img{
width: 100%;
height: 200px;
}
}
.new-select{
}
.new-select .arrow_icon{
transition: transform .3s;
}
.new-select .select_value, .new-select .select_items{
color: var(--color-gray-oxford);
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.new-select .items_container{
position: relative;
}
.new-select .select_value{
padding: 10px 14px;
border: 1px solid var(--preset-3-bg);
border-radius: 8px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
transition: border-color .3s;
background-color: #fff;
box-shadow: 0px 1px 2px 0px #1018280D;
min-height: 42px;
}
.new-select .select_heading{
margin-bottom: 6px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: var(--color-gray-344);
}
.new-select .select_items .select_item.selected .check_icon{
visibility: visible;
}
.new-select .select_items .select_item .item_label{
position: relative;
}
.new-select .select_items .select_item  .check_icon{
position: absolute;
visibility: hidden;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.new-select .select_items .select_item{
padding: 10px 14px;
cursor: pointer;
transition: background-color .3s;
}
.new-select .select_items .select_item.selected{
background-color: var(--preset-3-bg);
}
.new-select .select_items{
position: absolute;
height: fit-content;
width: 100%;
opacity: 0;
visibility: hidden;
transition: opacity .3s, top .3s;
top: 0;
box-shadow: 0px 4px 8px -2px #37415133;
border: 1px solid var(--color-gray-athens);
border-radius: 8px;
background: #ffffff;
z-index: 1;
padding: 4px 0;
overflow: hidden;
}
.new-select{
width: 100%;
}
.new-select.active .arrow_icon{
transform: rotate(180deg);
}
.new-select.active .select_items{
opacity: 1;
visibility: visible;
top: calc(100% + 6px);
}
.new-select.active .select_value{
border-color: var(--color-pink-french);
}
.new-select .select_item:hover{
background-color: var(--color-pink-light-rose);
}
.check_icon{
min-width: 20px;
max-width: 20px;
height: 20px;
-webkit-mask-image: url('/img/new/check.svg');
mask-image: url('/img/new/check.svg');
display: flex;
background-color: var(--primary-red);
}
.arrow_down_black{
-webkit-mask-image: url('/img/new/chevron-up.svg');
mask-image: url('/img/new/chevron-up.svg');
min-width: 20px;
max-width: 20px;
height: 20px;
background-color: var(--gray-dark);
}
.blocker{
z-index: 10000;
}
.wb-page .news__list{
}
.wb-page .news_front .slick-track{
margin-left: 20px;
}
.wb-page .news_front{
max-width: 1440px;
}
.wb-page .zones,
.wb-page .fitness-programs #filter_parent,
.wb-page .world_class_block {
max-width: 1300px;
}
.wb-page .club-about__list{
background: #323E48CC;
}
.wb-masters{
margin-bottom: -40px;
}
.wb-masters, .wb-masters .l-grid__inner, .wb-masters .fitness-programs{
background-color: var(--wb-grey);
}
.wb-masters h1{
margin-top: 50px;
font-size: 36px;
font-weight: 400;
line-height: 44px;
margin-bottom: 30px;
}
@media (min-width: 86em){
.wb-masters .world_class_block{
max-width: 1440px;
}
}
@media (min-width: 43em){
.wb-masters h1{
margin-top: 120px;
}
}
.wb-masters .l-grid{
padding-bottom: 50px;
}
.wb-page .faq__list .faq-item__title{
color: var(--wb-primary);
}
#masters{
padding: 0;
}
.wb_filters{
}
.wb_mastersLine{
}
.wb_mastersLine .trainers__list{
gap: 20px;
margin: 0;
}
.wb_mastersLine .filter__cat{
margin-bottom: 30px;
}
#masters .trainers__list{
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.wb_master .trainers__item-inner{
background-color: #fff;
border-radius: 10px;
}
.wb_master .staff-card__name{
margin-bottom: 10px;
}
.wb_master .staff-card__name a{
color: var(--wb-primary) !important;
}
.wb_master .staff-card__name:hover a{
text-decoration: underline;
text-underline-offset: 5px;
}
.wb_master .staff-card__image{
width: fit-content;
border-radius: 10px;
margin-bottom: 20px;
margin-right: 0;
}
.wb_master .staff-card_trainer .staff-card__text{
margin-bottom: 20px;
}
.wb_master .staff-card__image-pic{
width: 100%;
max-width: 270px;
max-height: 270px;
object-fit: cover;
object-position: 0% 0;
min-width: 270px;
}
.wb_master_button{
border: 2px solid var(--preset-1-bg);
font-weight: 450;
font-size: 14px;
line-height: 18px;
padding: 8px 16px;
border-radius: 30px;
background-color: #fff;
color: var(--preset-1-bg);
}
.wb_master_button:hover{
background-color: var(--wb-primary-light);
}
.wb_mastersLine .filter__category-item
.wb-service-page .filter__category-item{
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 17.15px;
}
.wb_mastersLine .filter__cat-list,
.wb-service-page .filter__cat-list{
display: flex;
gap: 6px;
flex-wrap: wrap;
}
.wb_mastersLine .filter__category-item a{
background-color: #fff;
}
.wb_mastersLine .filter__category-item a{
color: var(--preset-1-bg);
}
.wb_mastersLine .filter__category-item.is-active a,
.wb-service-page .filter__cat-item.is-active a{
padding: 6px 10px;
background-color: var(--wb-primary);
color: var(--preset-1-bg);
}
.wb_mastersLine .filter__category-item a:hover{
background-color: var(--wb-primary-light) !important;
}
@media (min-width: 43em){
.wb_master .staff-card__image{
width: 100%;
}
#masters .trainers__list{
flex-direction: row;
}
.wb_master{
width: 100%;
max-width: 310px;
}
}
.wb-master-page .trainer{
padding-top: 120px;
margin-bottom: -40px;
background: #F5F6F6;
}
.wb-master-page .trainer__columns{
padding-bottom: 80px;
}
.wb-master-page .trainer-stats__add,
.wb-master-page .trainer-stats,
.wb-master-page .b-online-record{
margin: 0;
padding: 0;
}
.wb-master-page .b-online-record{
display: flex;
width: 100%;
justify-content: flex-end;
align-items: center;
}
.wb-master-page .trainer .trainer__image{
max-width: 800px;
margin-bottom: 4px;
border-radius: 10px;
}
.wb-master-page .trainer .trainer-stats{
padding-top: 5px;
}
.wb-master-page .trainer .trainer__desc{
margin-bottom: 25px;
}
.wb-master-page .js_wbfeedback{
background-color: var(--wb-primary);
}
.wb-master-page .trainer__col_r{
padding: 20px;
border-radius: 10px;
}
.wb-master-page .trainer-info{
padding: 0;
}
.wb-master-page .trainer-info .trainer-info__box:not(:last-child){
margin-bottom: 43px;
}
.wb-master-page .trainer-info .trainer-info__box:last-child{
margin-bottom: 0;
}
.wb-master-page .edit-area ul{
list-style: none;
padding-left: 16px;
margin-bottom: 0;
}
.wb-master-page .edit-area p{
margin: 0;
}
.wb-master-page .edit-area .trainer-info__box:first-child{
font-size: 15px;
}
.wb-master-page .edit-area ul li{
margin-bottom: 0;
line-height: 19px;
}
.wb-master-page .edit-area ul  ul{
padding-left: 0;
}
.wb-master-page .edit-area ul  ul > *:not(li):first-child{
margin-left: -16px;
margin-bottom: 10px;
}
.wb-master-page .small-list li:before{
background-color: var(--wb-primary);
top: 14px;
}
@media (min-width: 43em){
.wb-master-page .trainer .trainer__image{
margin-bottom: 4px;
}
}
@media (max-width: 768px){
.wb-master-page .breadcrumbs{
display: block;
}
.wb-master-page .breadcrumbs__list{
display: flex;
flex-wrap: wrap;
row-gap: 20px;
}
.wb-master-page .trainer{
padding-top: 160px;
}
.wb-master-page .trainer .trainer__col_r{
margin: 30px 0 0 0;
}
.wb-master-page .trainer-info__title{
margin-bottom: 27px;
}
.wb-master-page .trainer__columns{
padding-bottom: 50px;
}
}
.wb-service-page{
}
.wb-service-page h1{
font-weight: 400;
font-size: 36px;
line-height: 44.1px;
text-align: center;
margin-bottom: 19px;
text-transform: uppercase;
}
.wb-service-page .filter__cat{
margin-bottom: 30px;
}
.wb-service-page .fitness-programs__subtitle{
margin-bottom: 30px;
}
.wb-service-page .fitness-programs__item-inner{
border-radius: 10px;
overflow: hidden;
}
.wb-service-page .fitness-programs__item-inner .teaser__image-pic{
max-height: 184px;
}
.wb-service-page .fitness-programs__item-inner  .teaser__image{
height: fit-content;
}
.wb-service-page .fitness-programs__item-inner  .teaser__desc{
padding: 20px;
}
.wb-service-page .fitness-programs__item-inner .teaser__title{
margin-bottom: 10px;
color: var(--preset-1-bg);
}
.wb_mastersList .trainers__list{
flex-wrap: nowrap;
overflow-x: auto;
display: flex;
}
.wb_mastersList .trainers__list .wb_master{
min-width: 310px;
}
.wb_mastersList .filter__category-item a{
border-radius: 3px;
background-color: transparent;
}
.wb .all_items{
color: var(--preset-1-bg);
text-decoration: underline;
font-size: 14px;
font-weight: 450;
text-align: center;
line-height: 22px;
}
.wb-service-page .teaser_active:hover .teaser__title{
border-bottom: 1px solid var(--wb-primary);
color: var(--wb-primary);
}
.wb-service-page .teaser_active:hover  .about_button{
background-color: var(--wb-primary-light);
color: var(--preset-1-bg);
border-color: var(--preset-1-bg);
}
@media (max-width: 1024px){
.header_menu #menu_ul{
}
}
.wb-service-item-page .club-description__col{
border-radius: 10px;
}
.wb-service-item-page .preview_ground::before{
background: #00000080;
content: ' ';
position: absolute;
inset: 0;
}
.wb-service-item-page .preview .club-about__wrapper div{
position: relative;
}
.wb-club-about .club-about__wrapper{
position: relative;
}
.wb-club-about .club-about__list{
background: #323E48CC;
}
.wb-club-about .club-about__title{
text-align: center;
}
.wb-club-about .club-about__title .club-about__title-chain{
font-weight: 300;
letter-spacing: 0.6px;
font-family: 'Avenir Next Cyr', sans-serif;
}
.wb-club-about::before{
content: none;
}
.wb-club-about .club-about__item-phone{
display: flex;
gap: 14px;
}
.wb-club-about .club-about__item-phone a{
color: var(--wb-primary-light) !important;
border-bottom: 1px dashed var(--wb-primary-light);
}
.wb-club-about .club-about__item-phone a:hover{
color: #fff !important;
border-color: #fff;
text-decoration: none;
}
.wb-club-about .club-about__item-phone a:active{
color:  #FFFFFF99;
border-color:  #FFFFFF99;
}
.wb-club-about .js-modal_map span:last-child:hover{
border-bottom: 1px solid var(--preset-1-bg);
}
.large-target-icon{
-webkit-mask-image: url(/img/largeTargetIcon.svg);
mask-image: url(/img/largeTargetIcon.svg);
background-size: contain;
width: 15px;
height: 20px;
background-color: #271d1e;
}
.wb-club-about .js-modal_map {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
border: none;
text-decoration: none;
}
@media (min-width: 48em){
.wb-club-about .club-about__title{
margin-bottom: 220px;
}
.wb-club-about .club-about__list{
display: flex;
justify-content: center;
}
}
@media (min-width: 85em){
.wb-club-about .club-about__title{
margin: 120px 60px 240px;
margin-top: 0;
}
.wb-club-about .club-about__list{
padding-bottom: 30px;
padding-top: 60px;
}
}
.service_feedback_form_line form{
display: flex;
flex-wrap: wrap;
column-gap: 10px;
width: 100%;
background-color: var(--wb-primary-light);
border-radius: 10px;
}
.service_feedback_form_line form .heading_title{
color: black;
flex: 1 1 100%;
text-align: center;
font-weight: 400;
font-size: 26px;
line-height: 31px;
}
.service_feedback_form_line form .subtitle{
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: var(--preset-4-bg);
flex: 1 1 100%;
}
.service_feedback_form_line form .new-select .select_item.selected{
background-color: var(--description-gray);
}
.service_feedback_form_line form .new-select .select_item.selected .check_icon{
background-color: var(--wb-primary);
}
.service_feedback_form_line form .i-form__label{
margin-bottom: 6px;
}
.service_feedback_form_line form .i-form__label:not(.label-error){
color: var(--preset-4-bg);
}
.service_feedback_form_line form .i-form__label::after{
color: var(--preset-4-bg) !important;
}
.service_feedback_form_line form .service_submit{
background-color: var(--wb-primary);
}
.service_feedback_form_line .i-checkbox,
.service_feedback_form .i-checkbox{
display: flex;
}
.service_feedback_form_line .i-checkbox__icon,
.service_feedback_form .i-checkbox__icon{
min-width: 18px;
}
.service_feedback_form_line .i-checkbox__text,
.service_feedback_form .i-checkbox__text{
white-space: normal;
color: #888888;
font-size: 12px;
}
@media (max-width: 43em){
.service_feedback_form_line .i-checkbox__text br,
.service_feedback_form .i-checkbox__text br{
display: none;
}
}
.service_feedback_form_line .i-checkbox__text a,
.service_feedback_form .i-checkbox__text a{
color: #4053bf;
text-decoration: underline;
}
.service_feedback_form_line .i-checkbox__label,
.service_feedback_form .i-checkbox__label{
display: flex;
align-items: center;
}
.service_feedback_form_line .i-checkbox__icon,
.service_feedback_form .i-checkbox__icon{
border-radius: 4px;
border: 1px solid var(--preset-1-bg);
position: relative;
}
.service_feedback_form_line .i-checkbox__icon::before,
.service_feedback_form .i-checkbox__icon::before{
font-size: 9px;
display: flex;
align-items: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.service_feedback_form_line .i-checkbox__input:checked + .i-checkbox__label .i-checkbox__icon,
.service_feedback_form .i-checkbox__input:checked + .i-checkbox__label .i-checkbox__icon{
background-color: #fff;
border: 1px solid var(--preset-1-bg);
}
.service_feedback_form_line .i-checkbox__input:checked + .i-checkbox__label .i-checkbox__icon::before,
.service_feedback_form .i-checkbox__input:checked + .i-checkbox__label .i-checkbox__icon::before{
color: black;
width: fit-content;
}
.service_feedback_form_line .i-checkbox-description,
.service_feedback_form .i-checkbox-description{
color: var(--primary-red);
margin-top: 4px;
font-size: 14px;
line-height: 20px;
font-weight: 400;
}
.service_feedback_form_line .i-checkbox-description.field-error,
.service_feedback_form .i-checkbox-description.field-error{
display: initial !important;
}
.service_feedback_form_line .i-form__item_half:last-child{
}
@media (min-width: 64em){
.service_feedback_form_line form .i-form__item_half:nth-child(3),
.service_feedback_form_line form .i-form__item_half:nth-child(4),
.service_feedback_form_line form .i-form__item_half:nth-child(5)
{
flex: 1 1 30%;
}
.service_feedback_form_line form .i-form__item_half:nth-child(6),
.service_feedback_form_line form .i-form__item_half:nth-child(7)
{
flex: 1 1 40%;
}
.service_feedback_form_line form .service_submit_container{
flex: 1 1 100%;
}
}
.wb-page .zones .gray{
width: 100%;
}
.tox-notifications-container{
display: none !important;
visibility: hidden !important;
}
.more_button_secondary:hover{
border-color: var(--preset-1-bg) !important;
}
.service_feedback_form_line_container{
background-color: #fff;
}
@media (max-width: 1080px){
.wb-club-about .club-about__title{
margin-bottom: 180px;
}
}
@media (max-width: 768px){
.wb-club-about .js-modal_map{
justify-content: flex-start;
}
.wb-page .news_front .slick-dots{
bottom: -40%;
}
}
@media (max-width: 480px){
.wb-page .promo-slider .cta_promo_block{
left: 20px;
transform: none;;
}
}
.wb-service-page .fitness-programs .i-link:hover{
background-color: var(--wb-primary-light) !important;
}
.wb-directions-list,
.wb-services-list,
.wb_mastersLine .trainers__list{
padding-bottom: 10px;
}
.wb-directions-list::-webkit-scrollbar-track,
.wb-services-list::-webkit-scrollbar-track,
.wb_mastersLine .trainers__list::-webkit-scrollbar-track{
background: rgba(255, 255, 255, 0.50);
opacity: 0.5;
}
.wb-directions-list::-webkit-scrollbar,
.wb-services-list::-webkit-scrollbar,
.wb_mastersLine .trainers__list::-webkit-scrollbar {
width: 10px;
border-radius: 20px;
height: 6px;
}
.wb-directions-list::-webkit-scrollbar-thumb,
.wb-services-list::-webkit-scrollbar-thumb,
.wb_mastersLine .trainers__list::-webkit-scrollbar-thumb {
background-color: #fff;
border-radius: 20px;
background-clip: content-box;
}
.tour{
height: 75vh;
}
.service_modal .close{
position: absolute;
right: 10px;
top: 10px;
width: 32px;
height: 32px;
background: center url('/img/new/closeDefault.svg') no-repeat;
border: none;
outline: none;
}
.service_modal .close:hover{
background: center url('/img/new/closeHover.svg') no-repeat;
}
.wb *{
font-family: 'Avenir Next Cyr W00 Regular', sans-serif !important;
}