@import url("https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap");
.hidden {
display: none !important; }
.container {
width: 1790px;
max-width: 100%;
margin: 0 auto;
padding: 0 20px; }
html {
font-size: 10px;
font-variant-numeric: lining-nums; }
html,
body {
-webkit-overflow-scrolling: touch; }
html.fixed,
body.fixed {
overflow: hidden;
touch-action: none; }
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: "Tenor Sans", serif;
font-weight: 400;
font-size: 1.8rem;
line-height: 1.6;
color: #623E2A; }
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
padding: 0;
color: inherit;
font-size: inherit;
font-weight: inherit; }
a {
color: #A4402E;
text-decoration: none; }
a:hover {
text-decoration: none; }
a:focus {
outline: 0;
text-decoration: none; }
ul {
list-style: none;
margin: 0;
padding: 0; }
*,
*:before,
*:after {
box-sizing: border-box; }
::-webkit-scrollbar {
width: 1.5rem;
height: 1.5rem; }
::-webkit-scrollbar-track {
background-color: #623E2A; }
::-webkit-scrollbar-thumb {
border: solid 0.4rem #623E2A;
border-radius: 1rem;
background-color: #E9B068; }
::selection {
background-color: #E9B068;
color: #623E2A; }
.site {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
padding-top: 10rem; }
.site__wrapper {
position: relative; }
.mask {
position: fixed;
height: 100%;
background: #000000;
z-index: 100;
left: 0;
top: 0;
width: 100%;
opacity: 0;
visibility: hidden;
transition: 0.3s; }
.mask.active {
opacity: 0.9;
visibility: visible; }  .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0); }
.slick-list {
position: relative;
display: block;
margin: 0 -1.2rem;
padding: 0;
overflow: hidden; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-track {
position: relative;
display: flex;
left: 0;
top: 0; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
display: none;
min-height: 1px;
height: auto;
padding: 0 1.2rem; }
.slick-slide:focus {
outline: 0; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; } .arrows {
display: flex;
justify-content: center;
gap: 4.8rem; }
.slick-arrow {
display: block;
height: 2.6rem;
width: 3.6rem;
padding: 0;
border-radius: 0;
border: none;
background-color: transparent;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='38' height='36' viewBox='0 0 38 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.48619e-06 18L36 18M36 18L18.8571 0.999999M36 18L18.8571 35' stroke='%23623E2A' stroke-width='2'/%3e%3c/svg%3e ");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
line-height: 0;
font-size: 0;
color: transparent;
outline: none;
cursor: pointer;
z-index: 1;
transition: 0.3s; }
.slick-arrow:hover, .slick-arrow:focus {
outline: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='38' height='36' viewBox='0 0 38 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.48619e-06 18L36 18M36 18L18.8571 0.999999M36 18L18.8571 35' stroke='%23A4402E' stroke-width='2'/%3e%3c/svg%3e ");
color: transparent; }
.slick-arrow.slick-disabled {
opacity: 0.1; }
.slick-arrow.slick-hidden {
display: none; }
.slick-prev {
transform: rotate(180deg); }
@media (max-width: 1210px) {
.arrows {
gap: 2rem; }
.slick-arrow {
display: block;
height: 3rem;
width: 3rem; } }        html.remodal-is-locked {
overflow: hidden;
-ms-touch-action: none;
touch-action: none; }
html.remodal-is-locked body {
overflow: hidden;
-ms-touch-action: none;
touch-action: none; } .remodal,
[data-remodal-id] {
display: none; } .remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px; } .remodal-wrapper {
position: fixed;
z-index: 9999;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
text-align: center;
overflow-x: hidden;
-webkit-overflow-scrolling: touch; }
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: ""; } .remodal-overlay,
.remodal-wrapper {
backface-visibility: hidden; } .remodal {
position: relative;
outline: none;
text-size-adjust: 100%; }
.remodal-is-initialized {
display: inline-block; }  .remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
filter: blur(3px); } .remodal-overlay {
background: rgba(0, 0, 0, 0.9); }
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards; }
.remodal-overlay.remodal-is-opening {
animation-name: remodal-overlay-opening-keyframes; }
.remodal-overlay.remodal-is-closing {
animation-name: remodal-overlay-closing-keyframes; } .remodal-wrapper {
padding: 1.5rem; } .remodal {
width: 100%;
padding: 35px;
transform: translate3d(0, 0, 0);
color: #FFFFFF;
background-color: #222228; }
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards; }
.remodal.remodal-is-opening {
animation-name: remodal-opening-keyframes; }
.remodal.remodal-is-closing {
animation-name: remodal-closing-keyframes; } .remodal,
.remodal-wrapper:after {
vertical-align: middle; } @-webkit-keyframes remodal-opening-keyframes {
from {
transform: scale(1.05);
opacity: 0; }
to {
transform: none;
opacity: 1; } }
@keyframes remodal-opening-keyframes {
from {
transform: scale(1.05);
opacity: 0; }
to {
transform: none;
opacity: 1; } }
@-webkit-keyframes remodal-closing-keyframes {
from {
transform: scale(1);
opacity: 1; }
to {
transform: scale(0.95);
opacity: 0; } }
@keyframes remodal-closing-keyframes {
from {
transform: scale(1);
opacity: 1; }
to {
transform: scale(0.95);
opacity: 0; } }
@-webkit-keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1; }
to {
opacity: 0; } } @media only screen and (min-width: 641px) {
.remodal {
max-width: 660px; } } .lt-ie9 .remodal-overlay {
background: #000000; }
.lt-ie9 .remodal {
width: 660px; }
.remodal {
padding: 4.5rem 7rem 6.5rem;
overflow: hidden; }
.remodal-close {
position: absolute;
top: 2.5rem;
right: 2.5rem;
display: flex;
align-items: center;
justify-content: center;
width: 1.6rem;
height: 1.6rem;
margin: 0;
padding: 0;
border: 0;
background: transparent;
outline: 0;
z-index: 4;
cursor: pointer;
overflow: visible;
transition: 0.3s; }
.remodal-close:before {
content: "";
position: absolute;
top: 0.8rem;
left: 0;
width: 100%;
height: 0.2rem;
background-color: #FFFFFF;
transform: rotate(-45deg);
transition: 0.3s; }
.remodal-close:after {
content: "";
position: absolute;
top: 0.8rem;
left: 0;
width: 100%;
height: 0.2rem;
background-color: #FFFFFF;
transform: rotate(45deg);
transition: 0.3s; }
.remodal__title {
margin-bottom: 1rem;
font-size: 4rem;
font-weight: 400;
line-height: 1.75;
text-underline-position: from-font;
text-decoration-skip-ink: none; }
.remodal__title span {
font-weight: 700; }
@media (max-width: 640px) {
.remodal {
padding: 4rem 3rem; } } .hide {
display: none; }
.section {
position: relative;
padding: 12rem 0;
z-index: 1; }
.section--light-bg {
background-color: #E7E0DA; }
.section--main-bg {
background-color: #623E2A; }
.section--main-bg .section__subtitle {
color: #E9B068; }
.section--main-bg .section__title {
color: #E9B068; }
.section--main-bg .block__text {
color: #E9B068; }
.section--steps .section__columns:nth-child(odd) {
flex-direction: row-reverse;
justify-content: flex-end; }
.section--steps .section__columns:nth-child(odd) .img {
margin-left: 0; }
.section--steps .section__columns:nth-child(even) {
justify-content: flex-end; }
.section--steps .section__columns:first-child {
flex-direction: row;
justify-content: flex-start; }
.section.news {
background-color: #E7E0DA; }
.section.news .section__header {
margin-bottom: 7.2rem; }
.section.news .btn--white:hover {
background-color: #623E2A;
color: #FFFFFF; }
.section.news .btn--white:active {
background-color: #A4402E; }
.section.course .section__columns:not(:last-child) {
margin-bottom: 4.8rem; }
.section.course .block__text + .btn {
margin-top: 4.8rem; }
.section__wrapper {
display: flex;
flex-direction: column;
gap: 4.8rem; }
.section__actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2rem; }
.section__actions.start {
justify-content: flex-start; }
.section__actions.center {
justify-content: center; }
.section__action {
display: flex;
flex-wrap: wrap;
gap: 0.8rem; }
.section__header {
position: relative;
line-height: 1.2; }
.section__subtitle {
position: absolute;
top: 1.1rem;
left: 0;
display: inline-block;
text-transform: uppercase; }
.section__title {
display: inline-block;
font-size: 5rem;
letter-spacing: -0.03em;
line-height: 1.2;
text-indent: calc(100% / 3 + 1.2rem); }
.section__title--not-indent {
text-indent: 0; }
.page__header {
display: flex;
flex-direction: column;
gap: 1.2rem;
margin-bottom: 4.8rem; }
.page__title {
font-size: 6.4rem;
line-height: 1.2;
letter-spacing: -0.03em; }
.block__subtitle {
margin-bottom: 2.4rem;
font-weight: 400;
font-size: 1.8rem;
line-height: 1.2;
text-transform: uppercase;
color: #A4402E; }
.block__text {
display: block;
font-weight: 400;
font-size: 1.8rem;
line-height: 1.48; }
.block__text.center {
text-align: center; }
.block__text.small {
width: 56.8rem;
max-width: 100%; }
.block__text h1 {
margin-bottom: 0.5em;
font-weight: 700;
font-size: 4.4rem;
line-height: 1.28; }
.block__text h1:not(:first-of-type) {
margin-top: 1em; }
.block__text h2 {
margin-bottom: 0.5em;
font-weight: 400;
font-size: 4.4rem;
line-height: 1.28; }
.block__text h2:not(:first-of-type) {
margin-top: 1em; }
.block__text h3 {
margin-bottom: 0.5em;
font-weight: 400;
font-size: 3.2rem;
line-height: 1.28; }
.block__text h3:not(:first-of-type) {
margin-top: 1em; }
.block__text h4 {
margin-bottom: 0.5em;
font-weight: 400;
font-size: 2.4rem;
line-height: 1.28; }
.block__text h4:not(:first-of-type) {
margin-top: 1em; }
.block__text h5 {
margin-bottom: 0.5em;
font-weight: 400;
font-size: 2.2rem;
line-height: 1.28; }
.block__text h5:not(:first-of-type) {
margin-top: 1em; }
.block__text h6 {
margin-bottom: 0.5em;
font-weight: 400;
font-size: 2rem;
line-height: 1.28; }
.block__text h6:not(:first-of-type) {
margin-top: 1em; }
.block__text p {
margin-bottom: 1em; }
.block__text p:last-of-type {
margin-bottom: 0; }
.block__text ul {
list-style-type: disc;
margin-block-start: 1em;
margin-block-end: 1em;
padding-inline-start: 40px; }
.block__text img {
display: block;
width: 100%;
margin: 4rem 0; }
b,
strong {
font-weight: 700; }
.img {
background-color: #623E2A; }
.img--transparent {
background-color: transparent; }
.img img {
display: block;
width: 100%; }
.actions {
display: flex;
flex-wrap: wrap;
gap: 2.4rem; }
.section__columns {
display: flex;
flex-wrap: wrap;
gap: 2.4rem 0;
margin: 0 -1.2rem; }
.section__columns:not(:last-child) {
margin-bottom: 9.6rem; }
.section__columns--bg {
background-color: #E7E0DA; }
.section__columns--header:not(:last-child) {
margin-bottom: 4.8rem; }
.section__columns .img {
width: 27.2rem;
max-width: 100%; }
.section__columns .img--large {
width: auto; }
.section__column {
position: relative;
width: 50%;
padding: 0 1.2rem; }
.section__column--right {
margin-left: auto; }
.section__column--small {
width: calc(100% / 3); }
.section__column--medium {
width: calc(100% / 3 * 2); }
.section__column--large {
width: 100%; }
.section__column:last-child .img {
margin-left: auto; }
.text-column {
columns: 2; }
.section__column-wrapper {
display: flex;
margin: 0 -1.2rem; }
.section__column-wrapper:not(:last-child) {
margin-bottom: 12rem; }
.section__column-block {
width: 50%;
padding: 0 1.2rem; }
.section__column-block .actions {
margin-top: 4.8rem; }
.js-more {
display: none; }
.anchor__list {
position: sticky;
top: 15rem;
display: flex;
flex-direction: column;
align-items: flex-start;
height: calc(100vh - 15rem);
gap: 0.6rem;
padding-bottom: 2.4rem;
overflow-y: auto; }
.anchor__list::-webkit-scrollbar {
width: 0;
height: 0; }
.anchor__list a {
position: relative;
display: block;
font-size: 1.6rem;
line-height: 1.4;
transition: 0.3s; }
.anchor__list a:before {
content: '';
position: absolute;
top: 0.3rem;
left: 0;
transform: translateX(-2rem);
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
background-color: transparent;
transition: 0.6s; }
.anchor__list a.active {
padding-left: 2rem; }
.anchor__list a.active:before {
background-color: #623E2A;
transform: translateX(0); }
.charity--page .club--page {
margin-top: 12rem; }
.js-club-carousel .club__item {
height: 100%; }
.js-club-carousel .club__item--middle {
width: 100%;
padding: 0; }
.js-club-carousel .club__item-wrapper {
min-height: 53rem; }
.block__title {
font-size: 5rem;
letter-spacing: -0.03em;
line-height: 1.2; }
.gallery .section__actions {
margin-bottom: 4.8rem; }
.gallery__item {
height: 100%; }
.gallery__item img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top; }
.gallery__item-wrapper {
height: 100%; }
.result__wrapper {
display: flex;
flex-wrap: wrap;
gap: 2.4rem 0;
margin: 0 -1.2rem; }
.result__item {
width: 25%;
padding: 0 1.2rem; }
.result__item .reviews__img img {
width: 100%;
height: 100%;
object-fit: cover; }
.cookie-window-block {
position: fixed;
bottom: 2rem;
right: 2rem;
display: flex;
align-items: center;
width: 80rem;
max-width: calc(100% - 4rem);
gap: 2rem;
padding: 4rem;
border-radius: 2rem;
border: solid 1px #424242;
background-color: #151519;
z-index: 10; }
.cookie-window-block.closed {
display: none !important; }
.cookie-window-block .block__text a {
font-weight: 600;
color: #623E2A;
text-decoration: underline;
text-decoration-color: transparent;
transition: 0.3s; }
.cookie-window-block .block__text a:hover {
text-decoration-color: #623E2A; }
@media (max-width: 768px) {
.cookie-window-block {
flex-direction: column;
align-items: flex-start;
width: 50rem;
padding: 3rem; } }
.error__wrapper {
position: relative;
display: flex;
flex-direction: column;
align-items: center; }
.error__wrapper .block__title {
font-weight: 500;
font-size: 30rem;
line-height: 1; }
.error__wrapper .block__text {
margin-bottom: 4rem;
font-size: 4rem; }
@media (max-width: 992px) {
.error__wrapper .block__title {
font-size: 36vw; }
.error__wrapper .block__text {
margin-bottom: 2rem;
font-size: 2rem; } }
.btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
height: 5.4rem;
gap: 0.8rem;
padding: 0.5rem 3.5rem;
border-radius: 0;
border: 0;
font-family: inherit;
font-weight: 400;
font-size: 1.6rem;
text-align: center;
text-transform: uppercase;
text-decoration: none;
line-height: 1;
white-space: nowrap;
cursor: pointer;
transition: 0.3s; }
.btn svg {
display: block;
width: 3.6rem;
transition: 0.3s; }
.btn path {
transition: 0.3s; }
.btn:hover, .btn:focus {
text-decoration: none; }
.btn:focus {
outline: 0; }
.btn.active svg {
transform: rotate(-90deg); }
.btn.menu-item {
height: 5.4rem; }
.btn--white {
background-color: #FFFFFF;
color: #623E2A; }
.btn--white:hover {
background-color: #E7E0DA; }
.btn--white:active {
background-color: #623E2A;
color: #FFFFFF; }
.btn--white:active path {
stroke: #FFFFFF; }
.btn--main {
background-color: #623E2A;
color: #FFFFFF; }
.btn--main:hover {
background-color: #E7E0DA;
color: #623E2A; }
.btn--main:hover path {
stroke: #623E2A; }
.btn--main:active {
background-color: #A4402E;
color: #FFFFFF; }
.btn--main:active path {
stroke: #FFFFFF; }
.btn--o-main {
border: solid 1px #623E2A;
background-color: transparent;
color: #623E2A; }
.btn--o-main:hover {
background-color: #623E2A;
color: #FFFFFF; }
.btn--o-main:hover path {
stroke: #FFFFFF; }
.btn--o-main:active {
border-color: #FFFFFF;
background-color: #FFFFFF;
color: #623E2A; }
.btn--o-main:active path {
stroke: #623E2A; }
.btn--o-main.current-menu-item {
background-color: #623E2A;
color: #FFFFFF; }
@media (max-width: 768px) {
.btn {
height: 5rem;
padding: 0.5rem 2rem;
font-size: 1.4rem; } }
.form {
width: 55rem;
max-width: 100%;
margin: 0 auto;
padding: 4.4rem 6rem;
background-color: #E7E0DA;
box-shadow: 2px 2px 4px 0px #00000040; }
form {
width: 100%;
text-align: left; }
form .btn {
width: 100%;
margin-top: 2rem; }
form .btn--main:hover {
background-color: #E9B068; }
.form__block {
flex: 1;
margin-bottom: 1.2rem; }
.form__title {
margin-bottom: 3rem;
font-size: 2.4rem;
text-align: center; }
@media (max-width: 1100px) {
.form {
margin-bottom: 4rem; } }
@media (max-width: 480px) {
.form__row {
flex-direction: column; }
.form__block {
flex: 0 0 100%;
margin-bottom: 2rem; } }
.label {
display: block;
margin-bottom: 1rem;
font-size: 1.6rem;
font-weight: 300;
line-height: 1.4;
color: #2ea44c;
cursor: pointer; }
.input {
width: 100%;
height: 5rem;
padding: 1rem 3rem;
border-radius: 0;
border: solid 1px #623E2A;
vertical-align: middle;
background-color: #E7E0DA;
font-family: inherit;
font-weight: 400;
font-size: 1.8rem;
color: #623E2A;
font-variant-numeric: lining-nums;
transition: 0.3s; }
.input:focus {
outline: 0; }
.input::placeholder {
color: #623E2A; }
.input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0 5rem #E7E0DA;
-webkit-text-fill-color: #623E2A; }
.input--error {
border-color: #A4402E; }
.input--success {
border-color: #2ea44c; }
@media (max-width: 490px) {
.input {
height: 4.4rem;
padding: 0.5rem 2rem;
font-size: 1.6rem; }
.input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0 4.4rem #E7E0DA; } }
.textarea {
width: 100%;
height: 14rem;
padding: 2rem 0;
border-radius: 0;
border: none;
border-bottom: solid 4px #D9D9D9;
vertical-align: middle;
background-color: #222228;
font-family: inherit;
font-weight: 400;
font-size: 1.6rem;
color: #FFFFFF;
font-variant-numeric: lining-nums;
resize: none;
transition: 0.3s; }
.textarea:focus {
outline: 0; }
.textarea::placeholder {
color: #E7E0DA; }
@media (max-width: 490px) {
.textarea {
height: 8rem;
font-size: 1.4rem; } }
.tabs__nav {
display: flex;
flex-wrap: wrap;
gap: 0.8rem;
margin-bottom: 4.8rem;
overflow: hidden; }
.tabs__nav-item {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 5.4rem;
padding: 1rem 4.8rem;
border: solid 1px #623E2A;
font-size: 1.6rem;
font-weight: 400;
line-height: 1;
text-align: center;
text-transform: uppercase;
color: #623E2A;
transition: 0.3s; }
.tabs__nav-item:hover, .tabs__nav-item.active {
background-color: #FFFFFF; }
.tabs__item:not(.active) {
display: none; }
.tabs__content {
padding-bottom: 7rem;
border-top: solid 1px #623E2A; }
.accordion__item {
position: relative;
border-bottom: 1px solid #623E2A;
transition: 0.3s; }
.accordion__item.active .accordion__title a:before {
transform: rotateZ(45deg); }
.accordion__title a {
position: relative;
display: block;
padding: 2.4rem 0;
font-weight: 400;
font-size: 2.4rem;
line-height: 1.2;
color: #623E2A;
transition: 0.3s; }
.accordion__title a:hover {
color: #A4402E; }
.accordion__title a:before {
content: '';
position: absolute;
top: calc(50% - 1.8rem);
right: 0;
width: 3.6rem;
height: 3.6rem;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 8.10059V27.8996M8.10051 18.0001H27.8995' stroke='%23623E2A' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transform-origin: center;
transition: 0.3s; }
.accordion__content {
padding-bottom: 2.4rem; }
.accordion__content p {
margin-bottom: 0.5em; }
.accordion__content p:last-child {
margin-bottom: 0; }
.accordion__content li {
margin-bottom: 0.5em; }
.accordion__content li:last-child {
margin-bottom: 0; }
.breadcrumbs {
position: relative; }
.breadcrumbs__wrapper {
display: flex;
align-items: center;
gap: 0.8rem 0;
overflow-x: auto;
white-space: nowrap; }
.breadcrumbs__wrapper::-webkit-scrollbar {
width: 0;
height: 0; }
.breadcrumbs__item {
display: inline-flex;
align-items: center;
vertical-align: middle;
margin-right: 0.8rem;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.2;
transition: 0.3s; }
.breadcrumbs__item:last-child {
color: #A4402E;
pointer-events: none; }
.breadcrumbs__item:not(:last-child) {
color: #623E2A; }
.breadcrumbs__item:not(:last-child):after {
content: '/';
display: inline-block;
width: 0.8rem;
height: 100%;
margin-left: 0.6rem;
pointer-events: none; }
.breadcrumbs__item:hover:not(:last-child) {
color: #A4402E; }
.pagination {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
gap: 1rem;
margin-top: 6rem;
text-align: center; }
.page-numbers {
display: flex;
align-items: center;
justify-content: center;
width: 5.4rem;
height: 5.4rem;
padding: 0.5rem;
border: solid 1px #623E2A;
font-size: 1.8rem;
font-weight: 500;
color: #623E2A;
transition: 0.3s; }
.page-numbers.current {
background-color: #623E2A;
color: #FFFFFF;
pointer-events: none; }
.page-numbers.prev, .page-numbers.next {
position: relative; }
.page-numbers.prev:before, .page-numbers.next:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1.6rem;
height: 1.6rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: 0.3s; }
.page-numbers.prev:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.325 9L9.925 14.6L8.5 16L0.5 8L8.5 0L9.925 1.4L4.325 7L16.5 7V9L4.325 9Z' fill='%23623E2A'/%3e%3c/svg%3e "); }
.page-numbers.prev:hover:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.325 9L9.925 14.6L8.5 16L0.5 8L8.5 0L9.925 1.4L4.325 7L16.5 7V9L4.325 9Z' fill='%23A4402E'/%3e%3c/svg%3e "); }
.page-numbers.next:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.675 7L7.075 1.4L8.5 0L16.5 8L8.5 16L7.075 14.6L12.675 9H0.5V7H12.675Z' fill='%23623E2A'/%3e%3c/svg%3e "); }
.page-numbers.next:hover:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.675 7L7.075 1.4L8.5 0L16.5 8L8.5 16L7.075 14.6L12.675 9H0.5V7H12.675Z' fill='%23A4402E'/%3e%3c/svg%3e "); }
a.page-numbers:hover {
border-color: #A4402E;
color: #A4402E; }
table {
width: 100%;
border-collapse: collapse; }
table td {
padding: 2.4rem 0;
border-bottom: solid 1px #E9B068;
font-size: 2.4rem;
line-height: 1.2;
color: #E9B068; }
table td:first-child {
width: 38%;
padding-right: 2.4rem; }
.table__section:not(:last-child) {
margin-bottom: 6.4rem; }
.table__wrapper {
border-top: solid 1px #D49C92; }
.table__wrapper td {
padding: 2.4rem;
border-bottom: solid 1px #D49C92;
vertical-align: top;
color: #623E2A; }
.table__wrapper td:first-child {
width: auto; }
.table__wrapper td:last-child {
text-align: right; }
.table__wrapper td .btn {
display: inline-flex;
height: 3.6rem;
padding: 0 2.4rem;
border-radius: 4.2rem;
text-transform: initial; }
.table__wrapper td .btn--main {
border: solid 1px transparent; }
.table__wrapper td .btn--main:hover {
border-color: #623E2A; }
.table__wrapper td .btn--icon {
width: 3.6rem;
padding: 0; }
.table__wrapper td .btn--nobtn {
pointer-events: none; }
.table__wrapper td .date {
margin-top: 2.4rem;
font-size: 1.8rem; }
.table__actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 2.4rem; }
.intro {
position: relative;
background: linear-gradient(287.79deg, #9199A3 37.54%, #929BA4 110.46%); }
.intro .container {
position: relative;
z-index: 2; }
.intro__img {
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: flex-end;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1; }
.intro__img img {
display: block;
height: 100%; }
.intro__wrapper {
display: flex;
flex-direction: column;
align-items: center;
width: 116rem;
max-width: 100%;
gap: 4.8rem;
margin: 0 auto;
padding: 23.5rem 0;
text-align: center;
color: #FFFFFF; }
.intro__title {
font-size: 12rem;
line-height: 1.1;
letter-spacing: -0.03em; }
.intro__text {
max-width: 75rem; }
@media (max-width: 1400px) {
.intro__wrapper {
gap: 4rem;
padding: 15rem 0; }
.intro__title {
font-size: 10rem; } }
@media (max-width: 768px) {
.intro__img:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4); }
.intro__wrapper {
gap: 3rem;
padding: 10rem 0; }
.intro__title {
font-size: 6rem; } }
@media (max-width: 460px) {
.intro__title {
font-size: 4rem; } }
.about__row {
display: flex;
margin: 0 -1.2rem; }
.about__row.center {
justify-content: center; }
.about__row.right {
justify-content: flex-end; }
.about__block {
width: calc(100% / 3);
padding: 0 1.2rem; }
.about__block.middle {
width: calc(100% / 3 * 2); }
.about__wrapper {
display: flex;
flex-wrap: wrap;
gap: 2.4rem 0;
margin: 0 -1.2rem; }
.about__item {
width: 50%;
padding: 0 1.2rem; }
.about__item-wrapper {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 24rem;
padding: 4rem;
background-color: #E7E0DA;
transition: 0.3s; }
.about__item-wrapper:before {
content: '';
position: absolute;
top: 4rem;
right: 4rem;
width: 3.6rem;
height: 3.6rem;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='18' cy='18' r='17.5' fill='%23E7E0DA' stroke='%23E7E0DA'/%3e%3cpath d='M13.002 23.0005L22.5005 13.502' stroke='%23623E2A' stroke-linecap='square' stroke-linejoin='round'/%3e%3cpath d='M13.002 13.001H23.002V23.001' stroke='%23623E2A' stroke-linecap='square' stroke-linejoin='round'/%3e%3c/svg%3e ");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: 0.3s; }
.about__item-wrapper:hover {
background-color: #623E2A; }
.about__item-wrapper:hover:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='18' cy='18' r='17.5' fill='%23623E2A' stroke='%23623E2A'/%3e%3cpath d='M13.002 23.0005L22.5005 13.502' stroke='%23E7E0DA' stroke-linecap='square' stroke-linejoin='round'/%3e%3cpath d='M13.002 13.001H23.002V23.001' stroke='%23E7E0DA' stroke-linecap='square' stroke-linejoin='round'/%3e%3c/svg%3e "); }
.about__item-wrapper:hover .about__item-title {
color: #E7E0DA; }
.about__item-title {
font-size: 2.4rem;
line-height: 1.2;
color: #623E2A;
transition: 0.3s; }
.about_list {
background-color: #E7E0DA; }
.about_list .section__header {
max-width: 136rem; }
.about_list .section__title {
text-indent: 0; }
.about_list .img {
width: 42rem;
max-width: 100%;
aspect-ratio: 42/53;
margin-left: auto;
margin-right: 0; }
.about_list .img img {
height: 100%;
object-fit: cover;
object-position: center; }
.about_list .about__row {
flex-wrap: wrap; }
.about_list__wrapper {
display: flex;
flex-wrap: wrap;
gap: 6.4rem 0;
margin: 6.4rem -1.2rem 0; }
.about_list__item {
width: 25%;
padding: 0 1.2rem; }
.about_list__item-header {
margin-bottom: 4.8rem;
padding-bottom: 1.2rem;
border-bottom: solid 1px #623E2A; }
.about_list__item-title {
margin-bottom: 1.2rem;
font-size: 2.4rem; }
.about__text {
width: 90rem;
max-width: 100%; }
.about__text.big {
font-size: 2.4rem; }
.about__text.big a {
color: #E9B068;
text-decoration: underline;
transition: 0.3s; }
.about__text.big a:hover {
opacity: 0.7; }
@media (max-width: 1330px) {
.about_list__item {
width: calc(100% / 3); } }
@media (max-width: 1100px) {
.about__content .about__row.center {
justify-content: flex-start; }
.about__content .about__block {
width: 100%; }
.about_list .about__row {
gap: 1.2rem 0; }
.about_list .about__row .about__block {
width: 100%; }
.about_list .img {
margin-left: 0;
margin-right: auto; } }
@media (max-width: 992px) {
.about__item {
width: 100%; }
.about__item-wrapper {
height: 20rem;
padding: 2rem; }
.about__item-wrapper:before {
top: 2rem;
right: 2rem; }
.about__item-title {
font-size: 2rem; }
.about_list__wrapper {
margin-top: 4.8rem; }
.about_list__item {
width: 50%; } }
@media (max-width: 768px) {
.about__row.center {
justify-content: flex-start; }
.about__block {
width: 100%; }
.about__text.big {
font-size: 2rem; }
.about_list__wrapper {
gap: 4.8rem 0; }
.about_list__item-header {
margin-bottom: 2.4rem; } }
@media (max-width: 560px) {
.about_list__item {
width: 100%; } }
.banner {
padding-top: 3.6rem;
background: linear-gradient(253.43deg, #878787 0%, #CBCAC8 87.21%); }
.banner .section__title {
margin-bottom: 3.4rem;
text-indent: 0;
color: #FFFFFF; }
.banner .block__text {
margin-bottom: 4.8rem;
font-size: 2.4rem;
line-height: 1.2;
color: #FFFFFF; }
.banner .img {
max-width: 83.5rem; }
.banner__wrapper {
display: flex;
flex-wrap: wrap;
margin: 0 -1.4rem; }
.banner__block {
width: 50%;
padding: 0 1.4rem; }
@media (max-width: 1330px) {
.banner .section__title {
margin-bottom: 3rem; }
.banner .block__text {
margin-bottom: 4rem; }
.banner .actions {
margin-bottom: 4rem; }
.banner .img {
margin: 0 auto; }
.banner__block {
width: 100%; } }
@media (max-width: 992px) {
.banner .block__text {
font-size: 1.6rem; } }
@media (max-width: 768px) {
.banner .section__title {
margin-bottom: 2rem; }
.banner .block__text {
margin-bottom: 3rem; }
.banner .actions {
gap: 2rem;
margin-bottom: 3rem; } }
.news__list {
display: flex;
flex-wrap: wrap;
gap: 2.4rem 0;
margin: 0 -1.2rem; }
.news__list .news__item {
width: calc(100% / 3);
padding: 0 1.2rem; }
.news__item {
height: 100%; }
.news__item-wrapper {
display: flex;
flex-direction: column;
height: 100%;
gap: 3.8rem;
color: #623E2A; }
.news__item-wrapper:hover .news__label {
background-color: #E7E0DA; }
.news__item-wrapper:hover .news__title {
color: #A4402E; }
.news__item-wrapper:hover .more {
color: #A4402E; }
.news__item-wrapper:hover .more:before {
transform: rotateZ(45deg); }
.news__img {
position: relative;
aspect-ratio: 7/4; }
.news__img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover; }
.news__label {
position: absolute;
bottom: 2.4rem;
right: 0;
width: 25.4rem;
max-width: 100%;
padding: 0.4rem 2rem 0.4rem 1.2rem;
background-color: #FFFFFF;
line-height: 1.2;
text-transform: uppercase;
transition: 0.3s; }
.news__content {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1; }
.news__title {
margin-bottom: 1.5rem;
line-height: 1.2;
text-transform: uppercase;
transition: 0.3s; }
.news__subtitle {
margin-bottom: 2.4rem;
font-size: 2.4rem;
line-height: 1.2; }
.news__content-footer {
padding-top: 0.8rem; }
.more {
position: relative;
padding-right: 4.8rem;
text-transform: uppercase; }
.more:before {
content: '';
position: absolute;
top: calc(50% - 1.2rem);
right: 0;
width: 2.4rem;
height: 2.4rem;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.2353 7.51472C17.2353 7.10051 16.8995 6.76472 16.4853 6.76472L9.73528 6.76472C9.32107 6.76472 8.98528 7.1005 8.98528 7.51472C8.98528 7.92893 9.32107 8.26472 9.73528 8.26472H15.7353V14.2647C15.7353 14.6789 16.0711 15.0147 16.4853 15.0147C16.8995 15.0147 17.2353 14.6789 17.2353 14.2647L17.2353 7.51472ZM8.53033 16.5303L17.0156 8.04505L15.955 6.98439L7.46967 15.4697L8.53033 16.5303Z' fill='%23623E2A'/%3e%3c/svg%3e ");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
will-change: transform;
transition: 0.3s; }
.news__header {
margin-bottom: 2.4rem; }
.news__header .news__subtitle {
margin-bottom: 1.2rem; }
.news__header .date {
color: #A4402E; }
.club--page {
padding: 0; }
.club--page .club__wrapper {
padding-top: 0; }
.club--block .section__actions {
margin-bottom: 4.8rem; }
.club .block__text {
width: 57rem; }
.club .btn--o-main:active {
background-color: #A4402E;
color: #FFFFFF; }
.club__wrapper {
display: flex;
flex-wrap: wrap;
gap: 2.4rem 0;
margin: 0 -1.2rem;
padding-top: 1.6rem; }
.club__item {
width: 25%;
padding: 0 1.2rem; }
.club__item--middle {
width: 50%; }
.club__item--middle .club__item-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 2.4rem;
padding: 2.4rem; }
.club__item-wrapper {
display: block;
height: 100%;
padding: 2.4rem 2.4rem 2.4rem 5.4rem;
background-color: #E7E0DA;
transition: 0.3s; }
.club__item-wrapper:hover {
background-color: #623E2A; }
.club__item-wrapper:hover .club__title {
color: #E7E0DA; }
.club__item-wrapper:hover .club__icon img {
transform: scale(1.1); }
.club__item-wrapper:hover .club__header .block__text {
color: #FFFFFF; }
.club__item-wrapper:hover .btn {
background-color: #FFFFFF;
color: #623E2A; }
.club__title {
margin-bottom: 4.3rem;
color: #623E2A;
transition: 0.3s; }
.club__icon {
display: flex;
justify-content: flex-end; }
.club__icon img {
display: block;
width: 10rem;
will-change: transform;
transform-origin: right bottom;
transition: 0.3s; }
.club__header .club__title {
margin-bottom: 2.4rem;
font-size: 2.4rem; }
.club__header .block__text {
width: 100%;
color: #623E2A;
transition: 0.3s; }
.club__footer {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 2.4rem; }
@media (max-width: 1330px) {
.club__item {
width: 50%; } }
@media (max-width: 1100px) {
.club .about__block {
width: 100%; }
.club__item-wrapper {
padding: 2.4rem; } }
@media (max-width: 992px) {
.club__item--middle {
width: 100%; } }
@media (max-width: 768px) {
.club .block__text {
width: 100%; }
.club__title {
margin-bottom: 3rem; }
.club__icon img {
width: 7rem; } }
@media (max-width: 640px) {
.club__item {
width: 100%; } }
.reviews__wrapper {
position: relative; }
.reviews__wrapper .arrows {
position: absolute;
top: 0;
right: 0; }
.reviews__item-wrapper {
display: flex;
flex-wrap: wrap;
gap: 2.4rem 0;
margin: 0 -1.2rem; }
.reviews__block {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 50%;
padding: 0 1.2rem; }
.reviews__img {
position: relative;
display: block; }
.reviews__img img {
display: block;
width: 42rem;
max-width: 100%;
height: 53rem;
object-fit: cover;
object-position: center; }
.reviews__img:hover .reviews__play {
background-color: #FFFFFF; }
.reviews__img:hover .reviews__play:hover {
background-color: #E7E0DA; }
.reviews__img:hover .reviews__play span {
transform: translate(0, -50%);
opacity: 1;
visibility: visible; }
.reviews__img:hover .reviews__play-icon {
transform: translate(0, -50%);
right: 2.4rem;
background-color: transparent; }
.reviews__play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 24rem;
max-width: calc(100% - 4.8rem);
height: 5.4rem;
padding: 0.5rem 2rem;
background-color: transparent;
will-change: transform;
transition: 0.3s; }
.reviews__play span {
position: absolute;
top: 50%;
left: 2.4rem;
transform: translate(50%, -50%);
opacity: 0;
visibility: hidden;
text-transform: uppercase;
color: #623E2A;
transition: 0.3s; }
.reviews__play svg {
display: block;
width: 3.6rem;
height: 3.6rem;
will-change: transform;
transition: 0.3s; }
.reviews__play-icon {
position: absolute;
top: 50%;
transform: translate(50%, -50%);
right: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 4.8rem;
height: 4.8rem;
border-radius: 50%;
background-color: #FFFFFF;
transition: 0.3s; }
.reviews__content {
width: 100%;
margin-bottom: 11rem;
padding-right: 15rem; }
.reviews__content .block__text {
max-width: 47rem;
margin-bottom: 4.8rem;
opacity: 0.5; }
.reviews__content .btn--o-main:active {
background-color: #A4402E;
color: #FFFFFF; }
.reviews__subtitle {
margin-bottom: 2.4rem;
text-transform: uppercase; }
.reviews__title {
font-size: 6.4rem;
line-height: 1.2;
letter-spacing: -0.03em; }
.reviews__nav {
padding-top: 10rem; }
.reviews__nav .slick-current .reviews__nav-item {
border-color: #623E2A;
color: #A4402E; }
.reviews__nav-item {
padding-top: 2.4rem;
border-top: solid 1px #E7E0DA;
color: #D49C92;
cursor: pointer;
transition: 0.3s; }
.reviews__nav-item:hover {
color: #623E2A; }
@media (max-width: 1330px) {
.reviews__content {
margin-bottom: 6rem; }
.reviews__content .block__text {
margin-bottom: 4rem; }
.reviews__title {
font-size: 4rem; } }
@media (max-width: 1100px) {
.reviews__block:first-child {
width: calc(100% / 3); }
.reviews__block:last-child {
width: calc(100% / 3 * 2); }
.reviews__content {
margin-bottom: 4rem;
padding-right: 10rem; }
.reviews__content .block__text {
margin-bottom: 3rem; }
.reviews__subtitle {
margin-bottom: 1rem; }
.reviews__title {
font-size: 3rem; }
.reviews__nav {
padding-top: 5rem; }
.reviews__nav-item {
padding-top: 1rem; } }
@media (max-width: 992px) {
.reviews__play {
width: 22rem; } }
@media (max-width: 768px) {
.reviews__wrapper .arrows {
position: static;
justify-content: flex-start;
margin-bottom: 2rem; }
.reviews__item-wrapper {
flex-direction: column-reverse; }
.reviews__block:first-child {
width: 100%; }
.reviews__block:last-child {
width: 100%; }
.reviews__content {
margin-bottom: 3rem;
padding-right: 0; }
.reviews__nav {
padding-top: 3rem; } }
.faq {
background-color: #E7E0DA; }
.faq .section__title {
width: 76rem;
max-width: 100%;
text-indent: 0; }
.faq .section__title a {
transition: 0.3s; }
.faq .section__title a:hover {
opacity: 0.7; }
.faq__wrapper {
display: flex;
flex-wrap: wrap;
gap: 2.4rem 0;
margin: 0 -1.2rem; }
.faq__block {
width: 50%;
padding: 0 1.2rem; }
.faq__subtitle {
margin-bottom: 4.8rem;
text-transform: uppercase;
line-height: 1.2; }
@media (max-width: 992px) {
.faq__block {
width: 100%; }
.tabs__nav {
margin-bottom: 2.4rem; } }
@media (max-width: 768px) {
.tabs__nav-item {
height: 5rem;
padding: 0.5rem 2rem;
font-size: 1.4rem; }
.tabs__content {
padding-bottom: 0; }
.faq__subtitle {
margin-bottom: 2.4rem; }
.faq .section__title {
width: 100%;
font-size: 2.4rem; } }
.volunteering {
background-color: #623E2A;
color: #E9B068; }
.volunteering--about .section__title {
max-width: 57rem;
text-indent: 0; }
.volunteering .section__wrapper:not(:last-child) {
padding-bottom: 12rem; }
.volunteering .btn--white:active {
background-color: #A4402E; }
.volunteering .slick-arrow {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='38' height='36' viewBox='0 0 38 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.48619e-06 18L36 18M36 18L18.8571 0.999999M36 18L18.8571 35' stroke='%23FFFFFF' stroke-width='2'/%3e%3c/svg%3e "); }
.volunteering .slick-arrow:hover, .volunteering .slick-arrow:focus {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='38' height='36' viewBox='0 0 38 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.48619e-06 18L36 18M36 18L18.8571 0.999999M36 18L18.8571 35' stroke='%23E7E0DA' stroke-width='2'/%3e%3c/svg%3e "); }
.questionnaire .section__title {
margin-bottom: 2.4rem;
text-indent: 0; }
.questionnaire .img {
background: linear-gradient(253.43deg, #878787 0%, #CBCAC8 87.21%); }
.questionnaire--about .section__title {
display: block;
margin-bottom: 1.2rem; }
.questionnaire--about .section__subtitle {
position: static;
margin-bottom: 2.4rem;
color: #A4402E; }
.questionnaire--about .questionnaire__content .block__text {
max-width: 57rem;
margin-bottom: 0; }
.questionnaire__wrapper {
display: flex;
flex-wrap: wrap;
gap: 2.4rem 0;
margin: 0 -1.2rem; }
.questionnaire__block {
width: 50%;
padding: 0 1.2rem; }
.questionnaire__content {
max-width: 65rem; }
.questionnaire__content .block__text {
max-width: 51rem;
margin-bottom: 4.8rem; }
@media (max-width: 992px) {
.questionnaire__block {
width: 100%; } }
.cards__wrapper {
display: flex;
flex-wrap: wrap;
gap: 2.4rem 0;
margin: 0 -1.2rem; }
.cards__wrapper .cards__item {
width: 25%;
padding: 0 1.2rem; }
.cards__item-wrapper {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
aspect-ratio: 42/53;
padding: 2.4rem;
background-color: #E7E0DA; }
.cards__item-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(98, 62, 42, 0) 0%, #623E2A 138.21%);
z-index: 2;
opacity: 0;
transition: 0.3s; }
.cards__item-wrapper:hover {
color: #E7E0DA; }
.cards__item-wrapper:hover:before {
opacity: 1; }
.cards__item-wrapper:hover .cards__arrow circle {
fill: #623E2A;
stroke: #623E2A; }
.cards__item-wrapper:hover .cards__arrow path {
stroke: #FFFFFF; }
.cards__item-wrapper:hover .cards__img {
transform: translate(-2.4rem, -2.4rem);
width: 100%;
aspect-ratio: 42/53; }
.cards__item-wrapper:hover .cards__title {
color: #E7E0DA; }
.cards__item-wrapper:hover .cards__subtitle {
color: #E7E0DA; }
.cards__arrow {
position: absolute;
top: 2.4rem;
right: 2.4rem;
width: 3.6rem;
height: 3.6rem;
z-index: 3; }
.cards__arrow svg {
display: block; }
.cards__arrow circle {
transition: 0.3s; }
.cards__arrow path {
transition: 0.3s; }
.cards__img {
position: absolute;
top: 2.4rem;
left: 2.4rem;
width: 50%;
aspect-ratio: 1/1;
will-change: transform;
z-index: 1;
transition: 0.3s; }
.cards__img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top; }
.cards__footer {
display: flex;
align-items: flex-end;
justify-content: space-between;
z-index: 3; }
.cards__title {
color: #623E2A;
transition: 0.3s; }
.cards__subtitle {
color: #7B7B7B;
transition: 0.3s; }
@media (max-width: 1100px) {
.cards__wrapper .cards__item {
width: calc(100% / 3); } }
@media (max-width: 768px) {
.cards__wrapper .cards__item {
width: 50%; } }
@media (max-width: 560px) {
.cards__wrapper .cards__item {
width: 100%; } }
.team .section__title {
margin-bottom: 2.4rem;
text-indent: 0; }
.team .cards__title {
font-size: 2.4rem; }
@media (max-width: 768px) {
.team .cards__title {
font-size: 2rem; } }
.courses__list {
display: flex;
flex-wrap: wrap;
gap: 2.4rem 0;
margin: 0 -1.2rem; }
.courses__item {
width: 50%;
min-height: 53rem;
padding: 0 1.2rem; }
.courses__item-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
gap: 2.4rem;
padding: 2.4rem;
background-color: #E7E0DA; }
.courses__item-wrapper .btn--main {
border: solid 1px transparent; }
.courses__item-wrapper .btn--main:hover {
border-color: #623E2A; }
.courses__title {
margin-bottom: 2.4rem;
font-size: 2.4rem; }
.courses__footer {
display: flex;
align-items: flex-end;
justify-content: space-between; }
.courses__img {
width: 10rem;
height: 10rem;
margin-bottom: 1rem;
border-radius: 50%;
background-color: #623E2A;
overflow: hidden; }
.courses__img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center; }
@media (max-width: 992px) {
.courses__item {
width: 100%;
min-height: 30rem; }
.courses__img {
width: 7rem;
height: 7rem;
margin-bottom: 0; } }
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
border-bottom: solid 1px transparent;
background-color: #FFFFFF;
z-index: 10;
transition: 0.3s; }
.header.fixed {
border-color: #E7E0DA; }
.header__wrapper {
display: flex;
justify-content: space-between;
height: 10rem;
gap: 3rem; }
.logo {
display: block;
height: 4.4rem; }
.logo img {
display: block;
width: auto;
height: 100%; }
.header__block {
display: flex;
align-items: center;
height: 100%; }
.header__block.right {
justify-content: flex-end; }
.nav {
display: flex;
height: 100%;
gap: 4rem; }
.menu-item {
position: relative;
height: 100%; }
.menu-item a {
position: relative;
display: flex;
align-items: center;
height: 100%;
font-size: 1.6rem;
white-space: nowrap;
color: #623E2A;
transition: 0.3s; }
.menu-item.menu-item-has-children > a {
padding-right: 2.8rem; }
.menu-item.menu-item-has-children > a:before {
content: '';
position: absolute;
top: calc(50% - 1.2rem);
right: 0;
width: 2.4rem;
height: 2.4rem;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 8.07129L12.0711 15.1424L19.1421 8.07129' stroke='%23623E2A' stroke-linecap='square' stroke-linejoin='round'/%3e%3c/svg%3e ");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
will-change: transform;
transition: 0.3s; }
.menu-item:has(.current-menu-item) > a {
color: #E9B068; }
.menu-item:has(.current-menu-item).menu-item-has-children > a:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 8.07129L12.0711 15.1424L19.1421 8.07129' stroke='%23E9B068' stroke-linecap='square' stroke-linejoin='round'/%3e%3c/svg%3e "); }
.menu-item.current-menu-item > a {
color: #E9B068; }
.menu-item:hover > a {
color: #E9B068; }
.menu-item:hover.menu-item-has-children > a:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 8.07129L12.0711 15.1424L19.1421 8.07129' stroke='%23E9B068' stroke-linecap='square' stroke-linejoin='round'/%3e%3c/svg%3e ");
transform: rotateZ(180deg); }
.header__search {
height: 2.4rem;
margin-left: 4rem;
border-left: solid 1px #E7E0DA; }
.header__search--input {
display: block;
width: 15rem;
height: 100%;
padding: 0 3rem 0 4rem;
border: none;
font-family: inherit;
font-size: 1.6rem;
color: #623E2A; }
.header__search--input::placeholder {
color: #623E2A; }
.header__search--input:hover, .header__search--input:focus, .header__search--input:focus-visible {
outline: none; }
.header__search--input:focus + .header__search--btn, .header__search--input:focus-visible + .header__search--btn {
opacity: 1; }
.header__search--btn {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 2.4rem;
height: 2.4rem;
margin: 0;
padding: 0;
border: none;
background: transparent;
cursor: pointer;
opacity: 0;
transition: 0.3s; }
.header__search--btn img {
display: block;
width: 1.8rem; }
.header__search form {
position: relative;
height: 100%; }
.header__lng {
display: flex;
align-items: center;
margin: 0 -2rem; }
.header__lng .lng__link {
position: relative;
display: block;
padding: 0 2rem;
font-size: 1.6rem;
text-transform: uppercase;
color: #623E2A;
opacity: 0.6;
transition: 0.3s; }
.header__lng .lng__link:not(:last-child):before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
background-color: #E7E0DA; }
.header__lng .lng__link.active {
opacity: 1;
pointer-events: none; }
.header__lng .lng__link:not(.active):hover {
color: #E9B068;
opacity: 1; }
.menu__btn {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 3rem;
height: 1.8rem;
margin-left: 6rem; }
.menu__btn:before, .menu__btn:after,
.menu__btn i {
content: '';
width: 100%;
display: block;
height: 2px;
border-radius: 2px;
background-color: #623E2A;
transition: 0.3s; }
.menu__btn:hover:before {
transform: translateY(0.2rem); }
.menu__btn:hover:after {
transform: translateY(-0.2rem); }
.menu__close {
position: relative;
display: block;
width: 3rem;
height: 3rem;
z-index: 10; }
.menu__close:before, .menu__close:after {
content: '';
background-color: #FFFFFF;
height: 2px;
width: 100%;
position: absolute;
top: 14px;
left: 0;
transform: rotate(45deg);
border-radius: 2px; }
.menu__close:after {
transform: rotate(-45deg); }
.menu {
position: fixed;
top: 0;
right: 0;
width: 40rem;
max-width: 100%;
height: 100vh;
background-color: #623E2A;
opacity: 0;
visibility: hidden;
transform: translateX(100%);
pointer-events: none;
z-index: 101;
transition: 0.3s; }
.menu.opened {
opacity: 1;
visibility: visible;
transform: translateX(0);
pointer-events: initial; }
.menu .header__lng .lng__link {
color: #FFFFFF; }
.menu .nav {
flex-direction: column;
gap: 0; }
.menu .menu-item {
height: auto;
border-bottom: solid 1px rgba(255, 255, 255, 0.1); }
.menu .menu-item a {
height: auto;
padding-top: 1rem;
padding-bottom: 1rem;
color: #E9B068; }
.menu .menu-item:has(.current-menu-item) > a {
color: #FFFFFF; }
.menu .menu-item:has(.current-menu-item).menu-item-has-children > a:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 8.07129L12.0711 15.1424L19.1421 8.07129' stroke='%23FFFFFF' stroke-linecap='square' stroke-linejoin='round'/%3e%3c/svg%3e "); }
.menu .menu-item.current-menu-item > a {
color: #FFFFFF; }
.menu .menu-item.menu-item-has-children > a:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 8.07129L12.0711 15.1424L19.1421 8.07129' stroke='%23E9B068' stroke-linecap='square' stroke-linejoin='round'/%3e%3c/svg%3e "); }
.menu .menu-item:hover > a, .menu .menu-item.active > a {
color: #FFFFFF; }
.menu .menu-item:hover > a:before, .menu .menu-item.active > a:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 8.07129L12.0711 15.1424L19.1421 8.07129' stroke='%23FFFFFF' stroke-linecap='square' stroke-linejoin='round'/%3e%3c/svg%3e "); }
.menu .menu-item.active > a:before {
transform: rotateZ(180deg); }
.menu .sub-menu {
display: none; }
.menu .sub-menu .menu-item {
border-bottom: none; }
.menu .header__search {
height: 6.8rem;
margin-left: 0;
border-left: none; }
.menu .header__search--input {
width: 100%;
padding: 0 6.4rem 0 2rem;
border: solid 1px #E9B068;
background-color: #623E2A;
color: #E9B068; }
.menu .header__search--input::placeholder {
color: #E9B068; }
.menu .header__search--btn {
top: 50%;
right: 1.8rem;
transform: translateY(-50%);
width: 3.6rem;
height: 3.6rem;
opacity: 1; }
.menu__wrapper {
display: flex;
flex-direction: column;
height: 100vh;
margin: 0 -2rem;
padding: 0 2rem 2rem;
overflow-y: auto; }
.menu__header {
display: flex;
justify-content: space-between;
padding: 2rem 0; }
.menu__body {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
gap: 3rem; }
@media (max-width: 1500px) {
.nav {
gap: 3rem; }
.header__search {
margin-left: 3rem; }
.header__search--input {
width: 12rem;
padding: 0 3rem; } }
@media (max-width: 1400px) {
.nav {
gap: 2rem; }
.header__search {
margin-left: 2rem; }
.header__search--input {
width: 12rem;
padding: 0 3rem 0 2rem; } }
@media (min-width: 1331px) {
.menu-item:hover .sub-menu {
transform: translateY(0);
opacity: 1;
visibility: visible;
pointer-events: initial; }
.sub-menu {
position: absolute;
top: 100%;
left: -2rem;
padding: 1rem 0;
border-radius: 1.2rem;
background-color: #F7F7F7;
transform: translateY(1rem);
opacity: 0;
visibility: hidden;
pointer-events: none;
will-change: transform;
transition: 0.3s; }
.sub-menu .menu-item a {
padding: 0.5rem 2rem; } }
@media (max-width: 1330px) {
.header__wrapper {
height: 8rem; } }
@media (max-width: 768px) {
.logo {
height: 4rem; }
.header__lng {
margin: 0 -1rem; }
.header__lng .lng__link {
padding: 0 1rem; }
.menu__btn {
margin-left: 3rem; } }
.footer {
position: relative;
padding: 6rem 0;
background-color: #623E2A;
z-index: 1; }
.footer .container {
position: relative;
z-index: 2; }
.footer .nav {
flex-direction: column;
align-items: flex-start;
flex: 1;
gap: 1.2rem; }
.footer .menu-item a {
color: #E9B068; }
.footer .menu-item.current-menu-item > a {
color: #FFFFFF; }
.footer .menu-item:hover a {
color: #FFFFFF; }
.footer__wrapper {
display: flex;
flex-direction: column;
gap: 16rem; }
.footer__row {
display: flex;
flex-wrap: wrap;
gap: 4rem 0;
margin: 0 -1.2rem; }
.footer__block {
display: flex;
width: 50%;
padding: 0 1.2rem; }
.copyright {
color: #E9B068; }
.social {
display: flex;
gap: 2.4rem; }
.social a {
color: #E9B068;
transition: 0.3s; }
.social a:hover {
color: #FFFFFF; }
.footer__search {
position: relative;
max-width: 100%;
height: 6.8rem;
margin-left: 0;
border-left: none; }
.footer__search--input {
display: block;
height: 100%;
width: 44rem;
max-width: 100%;
padding: 0 6.4rem 0 2rem;
border: solid 1px #E9B068;
background-color: #623E2A;
font-family: inherit;
font-size: 1.6rem;
color: #E9B068; }
.footer__search--input::placeholder {
color: #623E2A; }
.footer__search--input:hover, .footer__search--input:focus, .footer__search--input:focus-visible {
outline: none; }
.footer__search--input::placeholder {
color: #E9B068; }
.footer__search--btn {
position: absolute;
top: 50%;
right: 1.8rem;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
width: 3.6rem;
height: 3.6rem;
margin: 0;
padding: 0;
border: none;
background: transparent;
cursor: pointer;
opacity: 1;
transition: 0.3s; }
.footer__search--btn img {
display: block;
width: 1.8rem; }
.footer__search form {
position: relative;
height: 100%; }
.footer__decor {
position: absolute;
bottom: 0;
right: 0;
z-index: 1; }
.footer__decor img {
display: block;
max-width: 100%; }
@media (max-width: 1200px) {
.footer__wrapper {
gap: 4rem; }
.footer__block {
width: 100%; } }
@media (max-width: 768px) {
.footer .nav {
height: auto;
flex: initial; }
.footer .menu-item {
height: auto; }
.footer__row {
gap: 2rem 0; }
.footer__block {
flex-wrap: wrap;
gap: 3rem; }
.footer__search {
height: 5.4rem;
margin-top: 2rem; }
.footer__decor {
width: 35%; } }
@media (min-width: 1331px) {
.hide-desktop {
display: none !important; } }
@media (max-width: 1330px) {
.hide-tablet {
display: none !important; }
.site {
padding-top: 8rem; }
.section {
padding: 6rem 0 8rem; }
.block__text {
font-size: 1.6rem; }
.block__text h1 {
font-size: 2.4rem; }
.block__text h2 {
font-size: 2.4rem; }
.block__text h3 {
font-size: 2rem; }
.block__text h4 {
font-size: 2rem; }
.block__text h5 {
font-size: 1.8rem; }
.block__text h6 {
font-size: 1.8rem; }
.block__text img {
margin: 4rem 0; } }
@media (max-width: 1200px) {
.section__title {
font-size: 4rem; }
.result__item {
width: calc(100% / 3); } }
@media (max-width: 1100px) {
.section {
padding: 4rem 0 8rem; }
.section__header {
margin-bottom: 2.4rem; }
.section__columns {
padding-top: 0 !important; }
.section__columns:not(:last-child) {
margin-bottom: 4.8rem; }
.section__column {
width: 100%; }
.section__column:last-child .img {
margin-left: 0; }
.page__title {
font-size: 5rem; }
.block__text.small {
width: 100%; }
.anchor__list {
position: static;
height: auto;
padding-top: 4.8rem; }
.news__list .news__item {
width: 50%; }
.news-page .section__columns {
flex-direction: column-reverse; }
.js-club-carousel .club__item-wrapper {
min-height: initial; } }
@media (max-width: 992px) {
body {
font-size: 1.6rem; }
.section__subtitle {
position: static;
margin-bottom: 1rem; }
.section__title {
font-size: 3rem;
text-indent: 0; }
.page__header {
margin-bottom: 2.4rem; }
.page__title {
font-size: 4rem; }
.result__item {
width: 50%; } }
@media (max-width: 768px) {
.hide-mobile {
display: none !important; }
.section__wrapper {
gap: 3rem; }
.section__actions {
flex-wrap: wrap; }
.section__title {
font-size: 2.2rem; }
.page__title {
font-size: 3rem; }
.section__column-wrapper {
flex-direction: column;
gap: 2.4rem;
padding-bottom: 2.4rem;
border-bottom: solid 1px #E7E0DA; }
.section__column-wrapper:not(:last-child) {
margin-bottom: 2.4rem; }
.section__column-block {
width: 100%; }
.section__column-block:last-child .img {
margin-left: 0; }
.block__subtitle {
margin-bottom: 1.2rem;
font-size: 1.6rem; }
table td {
padding: 1.2rem 0;
font-size: 1.6rem; }
.table__section:not(:last-child) {
margin-bottom: 4.8rem; }
.table__wrapper tr {
display: flex;
flex-direction: column;
border-bottom: solid 1px #D49C92; }
.table__wrapper td {
padding: 2.4rem 0 0;
border-bottom: none; }
.table__wrapper td:last-child {
padding-bottom: 2.4rem; }
.table__wrapper td .date {
margin-top: 1.2rem;
font-size: 1.6rem; }
.table__actions {
justify-content: flex-start; } }
@media (max-width: 620px) {
.news__list .news__item {
width: 100%; }
.result__item {
width: 100%; } }