.main { width: 100%; height: 100vh; background-image: url("../img/bg.png"); background-size: 50%; background-color: #F6F6F6; position: relative; } @media (max-width: 1550px) { .main { height: auto; } } .main a.hamb-menu { display: none; z-index: 10; } @media (max-width: 800px) { .main a.hamb-menu { display: block; } } .main::before { position: absolute; content: ''; width: 50%; height: 100%; background-image: url("../img/woman.png"); background-repeat: no-repeat; background-size: contain; background-position: left bottom; z-index: 1; } @media (max-width: 1100px) { .main::before { right: 0; bottom: 0; background-size: 107%; z-index: 0; } } @media (max-width: 950px) { .main::before { background-size: 130%; } } @media (max-width: 800px) { .main::before { background-size: 123%; } } @media (max-width: 700px) { .main::before { background-size: 145%; } } @media (max-width: 600px) { .main::before { background-size: 140%; width: 60%; } } @media (max-width: 550px) { .main::before { background-size: 120%; width: 70%; } } @media (max-width: 500px) { .main::before { background-size: 120%; width: 70%; } } @media (max-width: 450px) { .main::before { background-size: 140%; width: 70%; } } .main-container { width: 100%; padding: 0 10%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: calc(100vh - 130px); } @media (max-width: 1550px) { .main-container { height: auto; } } @media (max-width: 1100px) { .main-container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 5%; } } .main-description { width: 50%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 10; } @media (max-width: 1550px) { .main-description { padding: 30px 0; } } @media (max-width: 1100px) { .main-description { width: 65%; } } @media (max-width: 550px) { .main-description { padding: 0 0 60px; width: 50%; } } @media (max-width: 452px) { .main-description { width: 60%; padding-bottom: 60px; } } .main-description h1.h1 { font-size: 64px; color: #C10223; font-weight: 900; margin-bottom: 20px; } @media (max-width: 1550px) { .main-description h1.h1 { font-size: 48px; } } @media (max-width: 800px) { .main-description h1.h1 { font-size: 30px; } } @media (max-width: 550px) { .main-description h1.h1 { font-size: 22px; } } .main-description p { font-size: 24px; font-weight: 300; margin-bottom: 20px; } @media (max-width: 800px) { .main-description p { font-size: 20px; } } @media (max-width: 550px) { .main-description p { font-size: 12px; } } @media (max-width: 452px) { .main-description p { width: 80%; } } .main-description p span { color: #C10223; } .main-description a { height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; text-decoration: none; border-radius: 20px; border: 2px solid #C10223; color: #C10223; font-size: 14px; font-weight: 700; width: 150px; margin-bottom: 50px; } @media (max-width: 452px) { .main-description a { background-color: #F6F6F6; } } .main-items { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 800px) { .main-items { display: none; } } .main-item { width: 24%; padding: 35px 20px; background-color: #EDEDED; -webkit-transition: 0.35s; transition: 0.35s; } @media (max-width: 1550px) { .main-item { padding: 20px 10px; } } .main-item p { font-weight: bold; font-size: 16px; margin-bottom: 0; -webkit-transition: 0.35s; transition: 0.35s; } @media (max-width: 1550px) { .main-item p { font-size: 14px; } } .main-item.active { background-color: #C10223; -webkit-transform: scale(1.1); transform: scale(1.1); } .main-item.active p { color: #fff; } .mobile-main { display: none; background: none; position: relative; padding: 40px; } @media (max-width: 800px) { .mobile-main { display: block; } } .mobile-main::before { display: none !important; } .mobile-main-items { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 600px) { .mobile-main-item { width: 48%; margin-bottom: 15px; text-align: center; padding: 30px 0; } }

«Территория Дзин»

Мощная внутренняя энергия способна заставить человека реализовать амбициозные цели и задачи.

Ольга Никитина-Кузякова поможет укрепить ресурсы личности, преобразовать духовную и социальную реальность.

связаться

Персональный
PR-менеджер

Директор
PR-агентсва

Автор проекта
практики Цигун

Бизнес тренер,
лайф коучер

Персональный
PR-менеджер

Директор
PR-агентсва

Автор проекта
практики Цигун

Бизнес тренер,
лайф коучер

МАСТЕР-КЛАСС


вторник, среда, четверг
в 19:00 МСК


ЭМОЦИОНАЛЬНЫЙ
ИНТЕЛЛЕКТ