diff --git a/eslint.config.js b/eslint.config.js new file mode 100644 index 0000000..9984e87 --- /dev/null +++ b/eslint.config.js @@ -0,0 +1,54 @@ +// ESLint flat config (ESLint 10.x) — dekart theme JS assets +// WordPress-контекст: скрипты темы — обычные + "; + } + + function stats() { + $this->js_toggle(); + + echo '

Total memcache query time:' . number_format_i18n( sprintf( '%0.1f', $this->time_total * 1000 ), 1 ) . ' ms

'; + echo "\n"; + echo '

Total memcache size:' . esc_html( size_format( $this->size_total, 2 ) ) . '

'; + echo "\n"; + + foreach ( $this->stats as $stat => $n ) { + if ( empty( $n ) ) { + continue; + } + + echo '

'; + echo $this->colorize_debug_line( "$stat $n" ); + echo '

'; + } + + echo "\n"; + + echo "
\n"; + foreach ( $groups as $group ) { + $group_name = $group; + if ( empty( $group_name ) ) { + $group_name = 'default'; + } + $current = $active_group == $group ? 'style="display: block"' : 'style="display: none"'; + echo "
\n"; + echo '

' . esc_html( $group_titles[ $group ] ) . '

' . "\n"; + echo "
\n";
+			foreach ( $this->group_ops[ $group ] as $index => $arr ) {
+				printf( '%3d ', $index );
+				echo $this->get_group_ops_line( $index, $arr );
+			}
+			echo "
\n"; + echo "
"; + } + + echo "
"; + } + + function get_group_ops_line( $index, $arr ) { + // operation + $line = "{$arr[0]} "; + + // key + $json_encoded_key = json_encode( $arr[1] ); + $line .= $json_encoded_key . " "; + + // comment + if ( ! empty( $arr[4] ) ) { + $line .= "{$arr[4]} "; + } + + // size + if ( isset( $arr[2] ) ) { + $line .= '(' . size_format( $arr[2], 2 ) . ') '; + } + + // time + if ( isset( $arr[3] ) ) { + $line .= '(' . number_format_i18n( sprintf( '%0.1f', $arr[3] * 1000 ), 1 ) . ' ms)'; + } + + // backtrace + $bt_link = ''; + if ( isset( $arr[6] ) ) { + $key_hash = md5( $index . $json_encoded_key ); + $bt_link = " Toggle Backtrace"; + $bt_link .= ""; + } + + return $this->colorize_debug_line( $line, $bt_link ); + } + + function &get_mc( $group ) { + if ( isset( $this->mc[ $group ] ) ) { + return $this->mc[ $group ]; + } + + return $this->mc['default']; + } + + function failure_callback( $host, $port ) { + $this->connection_errors[] = array( + 'host' => $host, + 'port' => $port, + ); + } + + function salt_keys( $key_salt ) { + if ( strlen( $key_salt ) ) { + $this->key_salt = $key_salt . ':'; + } else { + $this->key_salt = ''; + } + } + + function __construct() { + $this->stats = array( + 'get' => 0, + 'get_local' => 0, + 'get_multi' => 0, + 'set' => 0, + 'set_local' => 0, + 'add' => 0, + 'delete' => 0, + 'delete_local' => 0, + 'slow-ops' => 0, + ); + + global $memcached_servers; + + if ( isset( $memcached_servers ) ) { + $buckets = $memcached_servers; + } else { + $buckets = array( '127.0.0.1:11211' ); + } + + reset( $buckets ); + + if ( is_int( key( $buckets ) ) ) { + $buckets = array( 'default' => $buckets ); + } + + foreach ( $buckets as $bucket => $servers ) { + $this->mc[ $bucket ] = new Memcache(); + + foreach ( $servers as $i => $server ) { + if ( 'unix://' == substr( $server, 0, 7 ) ) { + $node = $server; + $port = 0; + } else { + list ( $node, $port ) = explode( ':', $server ); + + if ( ! $port ) { + $port = ini_get( 'memcache.default_port' ); + } + + $port = intval( $port ); + + if ( ! $port ) { + $port = 11211; + } + } + + $this->mc[ $bucket ]->addServer( $node, $port, true, 1, 1, 15, true, array( $this, 'failure_callback' ) ); + $this->mc[ $bucket ]->setCompressThreshold( 20000, 0.2 ); + + // Prepare individual connections to servers in default bucket for flush_number redundancy + if ( 'default' === $bucket ) { + $this->default_mcs[ $i ] = new Memcache(); + $this->default_mcs[ $i ]->addServer( $node, $port, true, 1, 1, 15, true, array( $this, 'failure_callback' ) ); + } + } + } + + global $blog_id, $table_prefix; + + $this->global_prefix = ''; + $this->blog_prefix = ''; + + if ( function_exists( 'is_multisite' ) ) { + $this->global_prefix = ( is_multisite() || defined( 'CUSTOM_USER_TABLE' ) && defined( 'CUSTOM_USER_META_TABLE' ) ) ? '' : $table_prefix; + $this->blog_prefix = ( is_multisite() ? $blog_id : $table_prefix ); + } + + $this->salt_keys( WP_CACHE_KEY_SALT ); + + $this->cache_hits =& $this->stats['get']; + $this->cache_misses =& $this->stats['add']; + } + + function increment_stat( $field, $num = 1 ) { + if ( ! isset( $this->stats[ $field ] ) ) { + $this->stats[ $field ] = $num; + } else { + $this->stats[ $field ] += $num; + } + } + + function group_ops_stats( $op, $keys, $group, $size, $time, $comment = '' ) { + $this->increment_stat( $op ); + + // we have no use of the local ops details for now + if ( strpos( $op, '_local' ) ) { + return; + } + + $this->size_total += $size; + + $keys = $this->strip_memcached_keys( $keys ); + + if ( $time > $this->slow_op_microseconds && 'get_multi' !== $op ) { + $this->increment_stat( 'slow-ops' ); + $backtrace = null; + if ( function_exists( 'wp_debug_backtrace_summary' ) ) { + $backtrace = wp_debug_backtrace_summary(); + } + $this->group_ops['slow-ops'][] = array( $op, $keys, $size, $time, $comment, $group, $backtrace ); + } + + $this->group_ops[ $group ][] = array( $op, $keys, $size, $time, $comment ); + } + + /** + * Key format: key_salt:flush_number:table_prefix:key_name + * + * We want to strip the `key_salt:flush_number` part to not leak the memcached keys. + * If `key_salt` is set we strip `'key_salt:flush_number`, otherwise just strip the `flush_number` part. + */ + function strip_memcached_keys( $keys ) { + if ( ! is_array( $keys ) ) { + $keys = [ $keys ]; + } + + foreach ( $keys as $key => $value ) { + $offset = 0; + if ( ! empty( $this->key_salt ) ) { + $offset = strpos( $value, ':' ) + 1; + } + + $start = strpos( $value, ':', $offset ); + $keys[ $key ] = substr( $value, $start + 1 ); + } + + if ( 1 === count( $keys ) ) { + return $keys[0]; + } + + return $keys; + } + + function timer_start() { + $this->time_start = microtime( true ); + + return true; + } + + function timer_stop() { + $time_total = microtime( true ) - $this->time_start; + $this->time_total += $time_total; + + return $time_total; + } + + function get_data_size( $data ) { + if ( is_string( $data ) ) { + return strlen( $data ); + } + + $serialized = serialize( $data ); + + return strlen( $serialized ); + } +} diff --git a/wp-content/themes/dekart/assets/css/admin-branch-tabs.css b/wp-content/themes/dekart/assets/css/admin-branch-tabs.css new file mode 100644 index 0000000..7cf1234 --- /dev/null +++ b/wp-content/themes/dekart/assets/css/admin-branch-tabs.css @@ -0,0 +1,120 @@ +/* ════════════════════════════════════════════ + * Админ: Настройки филиала — вертикальные вкладки + * (колонка слева, контент справа; тёмная тема CF сохранена) + * ════════════════════════════════════════════ */ + +.dekart-branch-tabs { + display: flex; + align-items: flex-start; + gap: 20px; + max-width: 1100px; + margin-top: 4px; +} + +.dekart-branch-tabs__nav { + flex: 0 0 260px; + position: sticky; + top: 46px; + background: rgba(255, 255, 255, 0.06); + border: 1px solid var(--cf-border, #c3c4c7); + border-radius: 8px; + padding: 8px; + box-sizing: border-box; +} + +.dekart-branch-tabs__nav ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + flex-direction: column; + gap: 2px; +} + +.dekart-branch-tabs__nav button { + display: block; + width: 100%; + text-align: left; + padding: 9px 12px; + font-size: 13px; + line-height: 1.3; + font-weight: 600; + color: var(--cf-text-muted, #646970); + background: transparent; + border: 0; + border-radius: 6px; + cursor: pointer; + transition: background 0.15s ease, color 0.15s ease; + font-family: inherit; +} + +.dekart-branch-tabs__nav button:hover { + background: rgba(0, 0, 0, 0.08); + color: var(--cf-text, #1d2327); +} + +body.branch-settings_page_branch-settings .dekart-branch-tabs__nav button:hover, +body.toplevel_page_branch-settings .dekart-branch-tabs__nav button:hover { + background: rgba(255, 255, 255, 0.1); +} + +.dekart-branch-tabs__nav button.is-active { + background: var(--wp-admin-theme-color, #2271b1); + color: #fff; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); +} + +.dekart-branch-tabs__content { + flex: 1 1 auto; + min-width: 0; +} + +/* Панели-секции: одна видна, остальные скрыты. */ +.dekart-branch-tabs__content .branch-section { + display: none; + max-width: none; +} +.dekart-branch-tabs__content .branch-section.is-active { + display: block; +} + +/* Внутри панели заголовок-аккордеон не нужен — он стал вкладкой слева. */ +.dekart-branch-tabs__content .branch-section h2 { + display: none; +} + +/* ГЕО (первая секция): 14 полей — в 2 столбца, чтобы блок был компактным. */ +.dekart-branch-tabs__content .branch-section:first-child .branch-section-body { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + column-gap: 32px; + align-items: start; +} +.dekart-branch-tabs__content .branch-section:first-child .branch-field:last-child { + grid-column: 1 / -1; +} + +/* Узкие экраны: колонка сверху и сворачивается в список. */ +@media (max-width: 782px) { + .dekart-branch-tabs { + flex-direction: column; + gap: 12px; + } + .dekart-branch-tabs__nav { + flex: none; + position: static; + width: 100%; + } + .dekart-branch-tabs__nav ul { + flex-direction: row; + flex-wrap: wrap; + } + .dekart-branch-tabs__nav button { + width: auto; + white-space: nowrap; + } + /* ГЕО на мобильной админке — снова один столбец. */ + .dekart-branch-tabs__content .branch-section:first-child .branch-section-body { + grid-template-columns: 1fr; + } +} \ No newline at end of file diff --git a/wp-content/themes/dekart/assets/css/admin-teacher-tabs.css b/wp-content/themes/dekart/assets/css/admin-teacher-tabs.css new file mode 100644 index 0000000..8266b62 --- /dev/null +++ b/wp-content/themes/dekart/assets/css/admin-teacher-tabs.css @@ -0,0 +1,36 @@ +/* ════════════════════════════════════════════ + * Админ: вертикальные вкладки CF (преподаватель) + * Только экран редактирования teacher. Нативный layout + * CF 'tabbed-vertical' (колонка 300px слева) + мелкие правки. + * ════════════════════════════════════════════ */ + +body.post-type-teacher .cf-container__tabs--tabbed-vertical .cf-container__tabs-list .cf-container__tabs-item--current { + background: #fff; +} + +body.post-type-teacher .cf-container__tabs--tabbed-vertical .cf-container__tabs-list .cf-container__tabs-item--current button { + font-weight: 700; + color: #1d2327; + box-shadow: inset 3px 0 0 var(--wp-admin-theme-color, #2271b1); +} + +body.post-type-teacher .cf-container__fields { + padding: 16px 18px 20px; +} + +body.post-type-teacher.dekart-cf-tabs-broken .postbox { + outline: 2px dashed #d63638; + outline-offset: -6px; +} + +/* На узких экранах (мобильная админка) колонка не помещается — стек. */ +@media (max-width: 782px) { + body.post-type-teacher .cf-container--tabbed-vertical { + flex-direction: column; + } + body.post-type-teacher .cf-container__tabs--tabbed-vertical { + width: 100%; + border-right: 0; + border-bottom: 1px solid #e2e4e7; + } +} \ No newline at end of file diff --git a/wp-content/themes/dekart/assets/css/front-page.css b/wp-content/themes/dekart/assets/css/front-page.css index 43b0b1b..72ea874 100644 --- a/wp-content/themes/dekart/assets/css/front-page.css +++ b/wp-content/themes/dekart/assets/css/front-page.css @@ -46,9 +46,6 @@ .stories { background-image: radial-gradient(circle 180px at 0% 30%, rgba(37,99,235,0.05) 0%, transparent 70%); } -.reviews-front-section { - background-image: radial-gradient(circle 250px at 80% 0%, rgba(37,99,235,0.07) 0%, transparent 70%); -} .contacts { background-image: radial-gradient(circle 200px at 50% 100%, rgba(37,99,235,0.05) 0%, transparent 70%); } @@ -965,182 +962,6 @@ font-size: 11px; } -/* ---- Секция отзывов на главной (reviews-front) ---- */ -.reviews-front-section { - position: relative; - padding: 48px 0; -} -.reviews-front-section .section-header--centered { - margin-bottom: 40px; -} -.reviews-front__grid { - display: flex; - flex-wrap: wrap; - gap: 20px; - margin-bottom: 32px; -} -.reviews-front__card { - width: 100%; - background: linear-gradient(90deg, #BF568E, #006DB7); - border-radius: 21px; - padding: 2px; -} -.reviews-front__card-inner { - padding: 24px 28px; - display: flex; - flex-direction: column; - gap: 12px; - border-radius: 19px; - background: #FFFFFF; - height: 100%; -} -@media (min-width: 768px) { - .reviews-front__card { - width: calc(50% - 10px); - } - .reviews-front__card:last-child:nth-child(odd) { - margin: 0 auto; - } -} -@media (min-width: 1024px) { - .reviews-front__card { - width: calc(33.33% - 14px); - } -} -.reviews-front__header { - display: flex; - align-items: center; - gap: 12px; -} -.reviews-front__avatar { - width: 57px; - height: 57px; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - flex-shrink: 0; - overflow: hidden; - font-size: 1.375rem; - font-weight: 700; - color: #fff; -} -.reviews-front__avatar-img { - width: 100%; - height: 100%; - object-fit: cover; - border-radius: 50%; -} -.reviews-front__avatar-letter { - line-height: 1; -} -.reviews-front__client-data { - flex: 1; -} -.reviews-front__name { - font-weight: 600; - font-size: 1rem; - color: var(--color-text, #0F172A); -} -.reviews-front__stars { - display: flex; - align-items: center; - gap: 4px; -} -.reviews-front__stars svg { - display: block; -} -.reviews-front__date { - font-size: 0.8125rem; - color: var(--color-text-light, #64748B); - margin-left: auto; -} -.reviews-front__teacher { - font-size: 0.875rem; - color: var(--color-text-muted, #475569); - margin: 0; -} -.reviews-front__teacher span { - font-weight: 600; - color: var(--color-text, #0F172A); -} -.reviews-front__text { - font-size: 0.875rem; - line-height: 1.6; - color: var(--color-text-muted, #475569); - flex: 1; -} -.reviews-front__badge { - display: inline-flex; - align-items: center; - gap: 5px; - font-size: 0.75rem; - font-weight: 600; - color: #059669; - margin-top: 4px; -} -.reviews-front__badge svg { - flex-shrink: 0; -} -.reviews-front__all-link { - text-align: center; -} -.reviews-front__scroll-hint { - display: none; - font-size: 0.8125rem; - color: var(--color-text-muted, #475569); - text-align: right; - margin-bottom: 8px; - animation: comparison-fade 3s ease-out forwards; - animation-delay: 1s; - opacity: 0; -} - .ds-hero__rating-text { - font-size: 12px; - line-height: 1.3; - } - .ds-hero__rating-badge { - flex-wrap: wrap; - gap: 4px; - } -@media (max-width: 768px) { - .reviews-front-section { - padding: 32px 0; - } - .reviews-front__scroll-hint { - display: block; - } - .reviews-front__wrap { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - padding: 2px; - scrollbar-width: thin; - scrollbar-color: var(--color-primary, #2563EB) var(--color-border, #E2E8F0); - } - .reviews-front__wrap::-webkit-scrollbar { - height: 4px; - } - .reviews-front__wrap::-webkit-scrollbar-track { - background: var(--color-border, #E2E8F0); - border-radius: 2px; - } - .reviews-front__wrap::-webkit-scrollbar-thumb { - background: var(--color-primary, #2563EB); - border-radius: 2px; - } - .reviews-front__grid { - flex-wrap: nowrap; - width: max-content; - gap: 16px; - } - .reviews-front__card { - width: 280px; - flex-shrink: 0; - } - .reviews-front__card-inner { - padding: 20px; - } -} /* ---- CTA-секция (cta-consultation) ---- */ .cta-consultation { @@ -2061,72 +1882,17 @@ contain-intrinsic-size: 350px; } -/* reviews-front-section — 3 карточки отзывов */ -.reviews-front-section { - content-visibility: auto; - contain-intrinsic-size: 700px; -} /* ════════════════════════════════════════════ */ /* Reviews Link CTA (moved from main.css) */ /* ════════════════════════════════════════════ */ -.reviews-link { - background: var(--color-bg-alt); - border-radius: var(--radius-lg); - margin: 40px auto; - padding: 48px 24px; -} -.reviews-link .bento__full { - width: 100%; - max-width: 700px; - margin: 0 auto; - display: flex; - flex-direction: column; - align-items: center; - text-align: center; -} -.reviews-link .bento-p { - max-width: 65ch; - margin-left: auto; - margin-right: auto; -} -.reviews-link .reviews-link__btn { - margin-top: 8px; -} -.reviews-link__btn { - display: inline-flex; - align-items: center; - justify-content: center; - padding: 14px 32px; - border: none; - border-radius: var(--radius-sm, 12px); - font-family: inherit; - font-size: 0.95rem; - font-weight: 700; - color: var(--color-text-on-dark); - cursor: pointer; - background: var(--pksh-gradient-btn-bright); - text-decoration: none; - transition: transform var(--transition-fast), box-shadow var(--transition-fast); - box-shadow: var(--pksh-btn-shadow-bright); - white-space: nowrap; -} -.reviews-link__btn:hover { - transform: translateY(-2px); - box-shadow: var(--pksh-btn-shadow-bright-hover); -} -.reviews-link__btn:focus-visible { - outline: 3px solid var(--color-primary); - outline-offset: 3px; -} /* ── Чередование фонов секций (в конце — переопределяет ранние правила) ── */ .services, .faq-front, .video-tour, -.stories, -.reviews-front-section { +.stories { background-color: var(--color-bg-alt, #F8FAFC); } .comparison, diff --git a/wp-content/themes/dekart/assets/css/main.css b/wp-content/themes/dekart/assets/css/main.css index f6f5565..fc2702d 100644 --- a/wp-content/themes/dekart/assets/css/main.css +++ b/wp-content/themes/dekart/assets/css/main.css @@ -1,11776 +1,11982 @@ -/* ════════════════════════════════════════════ - CSS @layers — контроль каскада - ════════════════════════════════════════════ */ -@layer settings, base, layout, components, sections, pages, utilities; - -/* ════════════════════════════════════════════ - Base - ════════════════════════════════════════════ */ -html { - overflow-x: hidden; -} -body { - overflow-x: hidden; -} -:root { - --main-color: #BF568E; - --main-blue: #006DB7; - --main-yellow: #FFD43E; - - /* ════════════════════════════════════════════ */ - /* DS-система: токены (из design.txt) */ - /* ════════════════════════════════════════════ */ - /* PRIMARY — warm blue: trust + professionalism */ - --color-primary: #2563EB; - --color-primary-dark: #1D4ED8; - --color-primary-light: #EFF6FF; - --color-primary-hover: #1E40AF; - /* SECONDARY — amber accent: warmth + urgency for CTA */ - --color-secondary: #F59E0B; +/* ════════════════════════════════════════════ + CSS @layers — контроль каскада + ════════════════════════════════════════════ */ +@layer settings, base, layout, components, sections, pages, utilities; + +/* ════════════════════════════════════════════ + Base + ════════════════════════════════════════════ */ +html { + overflow-x: hidden; +} +body { + overflow-x: hidden; +} +:root { + --main-color: #BF568E; + --main-blue: #006DB7; + --main-yellow: #FFD43E; + + /* ════════════════════════════════════════════ */ + /* DS-система: токены (из design.txt) */ + /* ════════════════════════════════════════════ */ + /* PRIMARY — warm blue: trust + professionalism */ + --color-primary: #2563EB; + --color-primary-dark: #1D4ED8; + --color-primary-light: #EFF6FF; + --color-primary-hover: #1E40AF; + /* SECONDARY — amber accent: warmth + urgency for CTA */ + --color-secondary: #F59E0B; --color-secondary-dark: #D97706; - /* ПОВЕРХНОСТИ */ - --color-bg: #FFFFFF; - --color-bg-alt: #F8F4F0; - --color-bg-dark: #0F172A; - /* ТЕКСТ */ - --color-text: #0F172A; - --color-text-muted: #475569; - --color-text-light: #64748B; /* 4.5:1 on white (WCAG AA) — was #94A3B8 (2.7:1 fail) */ - --color-text-on-dark: #FFFFFF; - /* ГРАНИЦЫ */ - --color-border: #E2E8F0; - --color-border-warm: #E7DECF; - /* СТАТУСЫ */ - --color-success: #059669; - --color-warning: #D97706; - --color-danger: #DC2626; + /* ПОВЕРХНОСТИ */ + --color-bg: #FFFFFF; + --color-bg-alt: #F8F4F0; + --color-bg-dark: #0F172A; + /* ТЕКСТ */ + --color-text: #0F172A; + --color-text-muted: #475569; + --color-text-light: #64748B; /* 4.5:1 on white (WCAG AA) — was #94A3B8 (2.7:1 fail) */ + --color-text-on-dark: #FFFFFF; + /* ГРАНИЦЫ */ + --color-border: #E2E8F0; + --color-border-warm: #E7DECF; + /* СТАТУСЫ */ + --color-success: #059669; + --color-warning: #D97706; + --color-danger: #DC2626; --color-rating: #F59E0B; - --color-accent: #FFD43E; /* акцентный цвет (телефон, бейджи) — как на /otzyvy/ */ - --color-focus-ring: rgba(37,99,235,0.40); - /* ШРИФТЫ */ + --color-accent: #FFD43E; /* акцентный цвет (телефон, бейджи) — как на /otzyvy/ */ + --color-focus-ring: rgba(37,99,235,0.40); + /* ШРИФТЫ */ --font-display: "Plus Jakarta Sans", "Inter", "Oswald", sans-serif; - --font-body: "Inter", "Roboto", -apple-system, sans-serif; - /* ТИПОГРАФИКА (modular scale 1.25) */ - --text-h1: 48px; --text-h2: 31px; --text-h3: 25px; --text-h4: 20px; - --text-body-lg: 20px; --text-body: 16px; --text-body-sm: 14px; - --text-caption: 13px; --text-stat: 61px; - /* ОТСТУПЫ (8px-шкала) */ - --space-1: 4px; --space-2: 8px; --space-3: 16px; --space-4: 24px; - --space-5: 32px; --space-6: 48px; --space-7: 64px; --space-8: 96px; - /* СКРУГЛЕНИЯ */ - --radius-sm: 12px; --radius-md: 20px; --radius-lg: 24px; - --radius-pill: 100px; --radius-photo: 16px; - /* ТЕНИ */ - --shadow-sm: 0 2px 12px rgba(15,23,42,0.06); - --shadow-md: 0 8px 24px rgba(15,23,42,0.10); - --shadow-lg: 0 16px 40px rgba(15,23,42,0.12); - /* АНИМАЦИИ */ - --transition-fast: 200ms ease-out; - --transition-base: 300ms ease-out; - --focus-ring: 0 0 0 4px var(--color-focus-ring); - /* Z-INDEX */ - --z-index-sticky: 100; --z-index-header: 200; --z-index-fixed: 300; - --z-index-overlay: 400; --z-index-modal: 500; - - /* ════════════════════════════════════════════ */ - /* BENTO + CARD — extended design tokens */ - /* Merged from legacy redesign 2026 :root */ - /* Only UNIQUE tokens; no duplicates */ - /* ════════════════════════════════════════════ */ - /* Accent purple scale (extends --color-primary) */ - --accent-light: #F5F3FF; - --accent-100: #EDE9FE; - --accent-200: #DDD6FE; - --accent-500: #8B5CF6; - --accent-700: #5B21B6; - /* Green CTA palette */ - --green-cta: #059669; - --green-hover: #047857; - --green-light: #D1FAE5; - /* Surface aliases */ - --bg-soft: #F8FAFC; - --bg-bento-alt: #F1F5F9; - /* Text alias */ - --text-tertiary: #94A3B8; - /* Extra shadow tier */ - --shadow-xl: 0 20px 50px rgba(0,0,0,0.15); - /* Extra radius tier */ - --radius-xl: 24px; - /* Card component tokens (shared lw-*) */ - --card-radius: 20px; - --card-shadow: 0 2px 16px rgba(0,0,0,0.06); - --card-shadow-hover: 0 8px 32px rgba(0,0,0,0.1); - /* PKSH — shared with teachers-cards component (used on front-page too) */ - --pksh-radius-card: var(--radius-lg, 24px); - --pksh-text-warm: #475569; - --pksh-gradient-btn-bright: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%); - --pksh-gradient-btn-bright-hover: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary-hover) 100%); - --pksh-btn-shadow-bright: 0 4px 20px color-mix(in oklab, var(--color-primary), transparent 60%); - --pksh-btn-shadow-bright-hover: 0 8px 32px color-mix(in oklab, var(--color-primary), transparent 50%); - - /* ════════════════════════════════════════════ */ - /* PAGE-SPECIFIC COLOR TOKENS */ - /* Used by podgotovka-k-shkole.css */ - /* ════════════════════════════════════════════ */ - /* Slate scale */ - --color-slate-800: #1E293B; - --color-slate-700: #334155; - --color-slate-300: #CBD5E1; - /* Pink scale */ - --color-pink: #EC4899; - --color-pink-dark: #DB2777; - --color-pink-light: #F472B6; - /* Purple variants */ - --color-purple-light: #C084FC; - /* Emerald variants */ - --color-emerald-700: #15803D; - --color-emerald-800: #166534; - /* Green success */ - --color-green-600: #16A34A; - --color-success-light: #F0FDF4; - /* Warm accent */ - --color-orange: #F97316; - --color-teal: #14B8A6; - /* Indigo (timer background) */ - --color-indigo-950: #1E1B4B; - --color-indigo-900: #312E81; + --font-body: "Inter", "Roboto", -apple-system, sans-serif; + /* ТИПОГРАФИКА (modular scale 1.25) */ + --text-h1: 48px; --text-h2: 31px; --text-h3: 25px; --text-h4: 20px; + --text-body-lg: 20px; --text-body: 16px; --text-body-sm: 14px; + --text-caption: 13px; --text-stat: 61px; + /* ОТСТУПЫ (8px-шкала) */ + --space-1: 4px; --space-2: 8px; --space-3: 16px; --space-4: 24px; + --space-5: 32px; --space-6: 48px; --space-7: 64px; --space-8: 96px; + /* СКРУГЛЕНИЯ */ + --radius-sm: 12px; --radius-md: 20px; --radius-lg: 24px; + --radius-pill: 100px; --radius-photo: 16px; + /* ТЕНИ */ + --shadow-sm: 0 2px 12px rgba(15,23,42,0.06); + --shadow-md: 0 8px 24px rgba(15,23,42,0.10); + --shadow-lg: 0 16px 40px rgba(15,23,42,0.12); + /* АНИМАЦИИ */ + --transition-fast: 200ms ease-out; + --transition-base: 300ms ease-out; + --focus-ring: 0 0 0 4px var(--color-focus-ring); + /* Z-INDEX */ + --z-index-sticky: 100; --z-index-header: 200; --z-index-fixed: 300; + --z-index-overlay: 400; --z-index-modal: 500; + + /* ════════════════════════════════════════════ */ + /* BENTO + CARD — extended design tokens */ + /* Merged from legacy redesign 2026 :root */ + /* Only UNIQUE tokens; no duplicates */ + /* ════════════════════════════════════════════ */ + /* Accent purple scale (extends --color-primary) */ + --accent-light: #F5F3FF; + --accent-100: #EDE9FE; + --accent-200: #DDD6FE; + --accent-500: #8B5CF6; + --accent-700: #5B21B6; + /* Green CTA palette */ + --green-cta: #059669; + --green-hover: #047857; + --green-light: #D1FAE5; + /* Surface aliases */ + --bg-soft: #F8FAFC; + --bg-bento-alt: #F1F5F9; + /* Text alias */ + --text-tertiary: #94A3B8; + /* Extra shadow tier */ + --shadow-xl: 0 20px 50px rgba(0,0,0,0.15); + /* Extra radius tier */ + --radius-xl: 24px; + /* Card component tokens (shared lw-*) */ + --card-radius: 20px; + --card-shadow: 0 2px 16px rgba(0,0,0,0.06); + --card-shadow-hover: 0 8px 32px rgba(0,0,0,0.1); + /* PKSH — shared with teachers-cards component (used on front-page too) */ + --pksh-radius-card: var(--radius-lg, 24px); + --pksh-text-warm: #475569; + --pksh-gradient-btn-bright: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%); + --pksh-gradient-btn-bright-hover: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary-hover) 100%); + --pksh-btn-shadow-bright: 0 4px 20px color-mix(in oklab, var(--color-primary), transparent 60%); + --pksh-btn-shadow-bright-hover: 0 8px 32px color-mix(in oklab, var(--color-primary), transparent 50%); + + /* ════════════════════════════════════════════ */ + /* PAGE-SPECIFIC COLOR TOKENS */ + /* Used by podgotovka-k-shkole.css */ + /* ════════════════════════════════════════════ */ + /* Slate scale */ + --color-slate-800: #1E293B; + --color-slate-700: #334155; + --color-slate-300: #CBD5E1; + /* Pink scale */ + --color-pink: #EC4899; + --color-pink-dark: #DB2777; + --color-pink-light: #F472B6; + /* Purple variants */ + --color-purple-light: #C084FC; + /* Emerald variants */ + --color-emerald-700: #15803D; + --color-emerald-800: #166534; + /* Green success */ + --color-green-600: #16A34A; + --color-success-light: #F0FDF4; + /* Warm accent */ + --color-orange: #F97316; + --color-teal: #14B8A6; + /* Indigo (timer background) */ + --color-indigo-950: #1E1B4B; + --color-indigo-900: #312E81; } - -html { - height: auto; -} - -/* ════════════════════════════════════════════ */ -/* DS-система: контейнер */ -/* ════════════════════════════════════════════ */ -.ds-container { - max-width: 1280px; margin: 0 auto; padding-inline: 16px; -} -@media (min-width: 768px) { .ds-container { padding-inline: 24px; } } -@media (min-width: 1024px) { .ds-container { padding-inline: 32px; } } -.ds-container--narrow { max-width: 960px; } - -/* ════════════════════════════════════════════ */ -/* DS-система: breadcrumbs */ -/* ════════════════════════════════════════════ */ -.ds-breadcrumbs { - display: flex; flex-wrap: wrap; gap: var(--space-1); - font-size: var(--text-body-sm); color: var(--color-text-muted); - padding-block: var(--space-3); max-width: 1280px; margin: 0 auto; - padding-inline: 16px; -} -.ds-breadcrumbs ol { - display: flex; flex-wrap: wrap; gap: var(--space-1); list-style: none; - padding: 0; margin: 0; -} -.ds-breadcrumbs a { color: var(--color-text-muted); text-decoration: none; } -.ds-breadcrumbs a:hover { color: var(--color-primary); } -.ds-breadcrumbs .last_item { color: var(--color-text); font-weight: 600; } -.ds-breadcrumbs li:not(:last-child)::after { - content: "/"; color: var(--color-text-light); margin-left: var(--space-1); -} -@media (min-width: 768px) { .ds-breadcrumbs { padding-inline: 24px; } } -@media (min-width: 1024px) { .ds-breadcrumbs { padding-inline: 32px; } } - -/* ════════════════════════════════════════════ */ -/* DS-система: Hero (тёмный + радиальные град.)*/ -/* Эталон — /otzyvy/ (reviews-hero) */ -/* ════════════════════════════════════════════ */ -.ds-hero { - position: relative; - padding: 48px 0; - overflow: hidden; - background: var(--color-bg-dark); - background-image: - radial-gradient(ellipse 80% 70% at 20% 40%, rgba(124,58,237,0.08) 0%, transparent 70%), - radial-gradient(ellipse 60% 60% at 80% 60%, rgba(168,85,247,0.06) 0%, transparent 70%); -} -/* Decorative accent line */ -.ds-hero::after { - content: ''; position: absolute; bottom: 0; left: 0; right: 0; - height: 6px; - background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 50%, var(--color-primary) 100%); - opacity: 0.5; -} -/* Accent corner */ -.ds-hero::before { - content: ''; position: absolute; top: -120px; right: -120px; - width: 360px; height: 360px; border-radius: 50%; - background: radial-gradient(circle, rgba(124,58,237,0.06) 0%, transparent 70%); - pointer-events: none; -} -.ds-hero__inner { - display: flex; flex-direction: row; gap: 40px; - align-items: center; - position: relative; z-index: 1; -} -/* ---- Content ---- */ -.ds-hero__content { - flex: 1; max-width: 600px; min-width: 0; -} -.ds-hero__address { - display: inline-flex; align-items: center; gap: var(--space-2); - padding: 6px 16px; background: rgba(255,255,255,0.12); - color: rgba(255,255,255,0.9); border-radius: var(--radius-pill); - font-size: var(--text-body-sm); font-weight: 600; width: fit-content; - margin-bottom: 16px; -} -.ds-hero__address svg { flex-shrink: 0; width: 16px; height: 16px; } -.ds-hero__h1 { - font-family: var(--font-display); - font-size: clamp(36px, 4.2vw, 52px); - font-weight: 700; - line-height: 1.2; - margin: 0 0 20px; - color: #fff; - position: relative; -} -.ds-hero__h1::after { - content: ''; - display: block; - width: 80px; - height: 3px; - margin-top: 12px; - border-radius: 2px; - background: var(--color-primary); + +html { + height: auto; } -.ds-hero__subtitle { - font-size: clamp(1rem, 1.1vw, 1.0625rem); - font-weight: 400; - line-height: 1.7; - color: rgba(255,255,255,0.75); - margin: 0 0 24px; - max-width: 500px; -} -.ds-hero__subtitle strong { - color: #fff; - font-weight: 600; -} -/* Metrics — стиль «glass card» как на /otzyvy/ */ -.ds-hero__metrics { - display: flex; gap: 16px; margin-bottom: 24px; + +/* ════════════════════════════════════════════ */ +/* DS-система: контейнер */ +/* ════════════════════════════════════════════ */ +.ds-container { + max-width: 1280px; margin: 0 auto; padding-inline: 16px; } -.ds-hero__metric { - background: rgba(255,255,255,0.08); - backdrop-filter: blur(4px); - -webkit-backdrop-filter: blur(4px); - border: 1px solid rgba(255,255,255,0.12); - border-radius: 14px; - padding: 14px 22px; - text-align: center; - min-width: 110px; - transition: background var(--transition-fast), transform var(--transition-fast); -} -.ds-hero__metric:hover { - background: rgba(255,255,255,0.13); - transform: translateY(-2px); -} -.ds-hero__metric-number { - font-family: var(--font-display); - font-size: clamp(28px, 3vw, 34px); - font-weight: 500; - color: #60A5FA; - display: block; - line-height: 1.1; - margin-bottom: 2px; -} -.ds-hero__metric-label { - font-size: 14px; - color: rgba(255,255,255,0.7); - text-transform: uppercase; - letter-spacing: 0.06em; -} -.ds-hero__rating-badge { - display: flex; align-items: center; gap: 10px; margin-top: 8px; flex-wrap: wrap; -} -.ds-hero__rating-stars { color: var(--color-rating); font-size: 18px; letter-spacing: 2px; } -.ds-hero__rating-text { - font-size: 14px; line-height: 1.5; color: rgba(255,255,255,0.65); -} -.ds-hero__address { - display: flex; align-items: center; flex-wrap: wrap; gap: 8px; - font-size: 14px; color: rgba(255,255,255,0.7); margin-bottom: 10px; -} -.ds-hero__address svg { flex-shrink: 0; } -.ds-hero__hours-badge { - display: inline-flex; align-items: center; gap: 8px; - font-size: 13px; color: rgba(255,255,255,0.85); - padding: 2px 10px; border-radius: 100px; - white-space: nowrap; -} -.ds-hero__social-proof { - display: inline-flex; align-items: center; gap: 8px; - margin-top: 12px; padding: 8px 16px; - background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.15); - border-radius: 10px; - font-size: 14px; color: rgba(255,255,255,0.85); font-weight: 500; - line-height: 1.5; max-width: 520px; -} -.ds-hero__social-proof svg { - flex-shrink: 0; opacity: 0.8; -} -/* CTA — цвет primary (фиолетовый) как на /otzyvy/ */ -.ds-hero__seats { - display: inline-block; margin-top: 12px; margin-bottom: 4px; - padding: 6px 16px; border-radius: var(--radius-pill); - background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.2); - color: rgba(255,255,255,.9); font-size: 16px; font-weight: 500; - white-space: nowrap; -} -.ds-hero__cta-btn { - display: inline-flex; align-items: center; gap: 8px; - font-family: var(--font-body); font-weight: 600; - background: var(--color-primary); color: #fff; - border: none; border-radius: var(--radius-pill); cursor: pointer; - text-decoration: none; padding: 16px 40px; - font-size: 17px; width: fit-content; - box-shadow: 0 4px 16px rgba(37,99,235,0.35); - transition: background var(--transition-fast), transform var(--transition-fast), - box-shadow var(--transition-fast); - margin-top: 14px; - margin-bottom: 14px; +@media (min-width: 768px) { .ds-container { padding-inline: 24px; } } +@media (min-width: 1024px) { .ds-container { padding-inline: 32px; } } +.ds-container--narrow { max-width: 960px; } + +/* ════════════════════════════════════════════ */ +/* DS-система: breadcrumbs */ +/* ════════════════════════════════════════════ */ +.ds-breadcrumbs { + display: flex; flex-wrap: wrap; gap: var(--space-1); + font-size: var(--text-body-sm); color: var(--color-text-muted); + padding-block: var(--space-3); max-width: 1280px; margin: 0 auto; + padding-inline: 16px; +} +.ds-breadcrumbs ol { + display: flex; flex-wrap: wrap; gap: var(--space-1); list-style: none; + padding: 0; margin: 0; +} +.ds-breadcrumbs a { color: var(--color-text-muted); text-decoration: none; } +.ds-breadcrumbs a:hover { color: var(--color-primary); } +.ds-breadcrumbs .last_item { color: var(--color-text); font-weight: 600; } +.ds-breadcrumbs li:not(:last-child)::after { + content: "/"; color: var(--color-text-light); margin-left: var(--space-1); +} +@media (min-width: 768px) { .ds-breadcrumbs { padding-inline: 24px; } } +@media (min-width: 1024px) { .ds-breadcrumbs { padding-inline: 32px; } } + +/* ════════════════════════════════════════════ */ +/* DS-система: Hero (тёмный + радиальные град.)*/ +/* Эталон — /otzyvy/ (reviews-hero) */ +/* ════════════════════════════════════════════ */ +.ds-hero { + position: relative; + padding: 48px 0; + overflow: hidden; + background: var(--color-bg-dark); + background-image: + radial-gradient(ellipse 80% 70% at 20% 40%, rgba(124,58,237,0.08) 0%, transparent 70%), + radial-gradient(ellipse 60% 60% at 80% 60%, rgba(168,85,247,0.06) 0%, transparent 70%); +} +/* Decorative accent line */ +.ds-hero::after { + content: ''; position: absolute; bottom: 0; left: 0; right: 0; + height: 6px; + background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 50%, var(--color-primary) 100%); + opacity: 0.5; +} +/* Accent corner */ +.ds-hero::before { + content: ''; position: absolute; top: -120px; right: -120px; + width: 360px; height: 360px; border-radius: 50%; + background: radial-gradient(circle, rgba(124,58,237,0.06) 0%, transparent 70%); + pointer-events: none; +} +.ds-hero__inner { + display: flex; flex-direction: row; gap: 40px; + align-items: center; + position: relative; z-index: 1; +} +/* ---- Content ---- */ +.ds-hero__content { + flex: 1; max-width: 600px; min-width: 0; +} +.ds-hero__address { + display: inline-flex; align-items: center; gap: var(--space-2); + padding: 6px 16px; background: rgba(255,255,255,0.12); + color: rgba(255,255,255,0.9); border-radius: var(--radius-pill); + font-size: var(--text-body-sm); font-weight: 600; width: fit-content; + margin-bottom: 16px; +} +.ds-hero__address svg { flex-shrink: 0; width: 16px; height: 16px; } +.ds-hero__h1 { + font-family: var(--font-display); + font-size: clamp(36px, 4.2vw, 52px); + font-weight: 700; + line-height: 1.2; + margin: 0 0 20px; + color: #fff; + position: relative; +} +.ds-hero__h1::after { + content: ''; + display: block; + width: 80px; + height: 3px; + margin-top: 12px; + border-radius: 2px; + background: var(--color-primary); +} +.ds-hero__subtitle { + font-size: clamp(1rem, 1.1vw, 1.0625rem); + font-weight: 400; + line-height: 1.7; + color: rgba(255,255,255,0.75); + margin: 0 0 24px; + max-width: 500px; +} +.ds-hero__subtitle strong { + color: #fff; + font-weight: 600; +} +/* Metrics — стиль «glass card» как на /otzyvy/ */ +.ds-hero__metrics { + display: flex; gap: 16px; margin-bottom: 24px; +} +.ds-hero__metric { + background: rgba(255,255,255,0.08); + backdrop-filter: blur(4px); + -webkit-backdrop-filter: blur(4px); + border: 1px solid rgba(255,255,255,0.12); + border-radius: 14px; + padding: 14px 22px; + text-align: center; + min-width: 110px; + transition: background var(--transition-fast), transform var(--transition-fast); +} +.ds-hero__metric:hover { + background: rgba(255,255,255,0.13); + transform: translateY(-2px); +} +.ds-hero__metric-number { + font-family: var(--font-display); + font-size: clamp(28px, 3vw, 34px); + font-weight: 500; + color: #60A5FA; + display: block; + line-height: 1.1; + margin-bottom: 2px; +} +.ds-hero__metric-label { + font-size: 14px; + color: rgba(255,255,255,0.7); + text-transform: uppercase; + letter-spacing: 0.06em; +} +.ds-hero__rating-badge { + display: flex; align-items: center; gap: 10px; margin-top: 8px; flex-wrap: wrap; +} +.ds-hero__rating-stars { color: var(--color-rating); font-size: 18px; letter-spacing: 2px; } +.ds-hero__rating-text { + font-size: 14px; line-height: 1.5; color: rgba(255,255,255,0.65); +} +.ds-hero__address { + display: flex; align-items: center; flex-wrap: wrap; gap: 8px; + font-size: 14px; color: rgba(255,255,255,0.7); margin-bottom: 10px; +} +.ds-hero__address svg { flex-shrink: 0; } +.ds-hero__hours-badge { + display: inline-flex; align-items: center; gap: 8px; + font-size: 13px; color: rgba(255,255,255,0.85); + padding: 2px 10px; border-radius: 100px; + white-space: nowrap; +} +.ds-hero__social-proof { + display: inline-flex; align-items: center; gap: 8px; + margin-top: 12px; padding: 8px 16px; + background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.15); + border-radius: 10px; + font-size: 14px; color: rgba(255,255,255,0.85); font-weight: 500; + line-height: 1.5; max-width: 520px; +} +.ds-hero__social-proof svg { + flex-shrink: 0; opacity: 0.8; +} +/* CTA — цвет primary (фиолетовый) как на /otzyvy/ */ +.ds-hero__seats { + display: inline-block; margin-top: 12px; margin-bottom: 4px; + padding: 6px 16px; border-radius: var(--radius-pill); + background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.2); + color: rgba(255,255,255,.9); font-size: 16px; font-weight: 500; + white-space: nowrap; +} +.ds-hero__cta-btn { + display: inline-flex; align-items: center; gap: 8px; + font-family: var(--font-body); font-weight: 600; + background: var(--color-primary); color: #fff; + border: none; border-radius: var(--radius-pill); cursor: pointer; + text-decoration: none; padding: 16px 40px; + font-size: 17px; width: fit-content; + box-shadow: 0 4px 16px rgba(37,99,235,0.35); + transition: background var(--transition-fast), transform var(--transition-fast), + box-shadow var(--transition-fast); + margin-top: 14px; + margin-bottom: 14px; } -.ds-hero__cta-btn:hover { - background: var(--color-primary-hover); - transform: translateY(-2px); - box-shadow: 0 8px 24px rgba(37,99,235,0.35); -} -.ds-hero__cta-btn:active { transform: translateY(0); } -.ds-hero__cta-fallback { margin-top: 10px; font-size: 14px; color: rgba(255,255,255,0.75); } -.ds-hero__cta-fallback a { color: var(--color-rating); font-weight: 500; } -.ds-hero__cta-btn:focus-visible { outline: none; box-shadow: var(--focus-ring); } -.ds-hero__phone { - margin-top: 10px; font-size: 14px; color: rgba(255,255,255,0.75); -} -.ds-hero__phone a { - color: var(--color-rating); font-weight: 500; text-decoration: underline; - white-space: nowrap; -} -.ds-hero__messengers { - display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; -} -.ds-hero__msg { - display: inline-flex; align-items: center; gap: 5px; - padding: 6px 14px; border-radius: 8px; - font-size: 14px; font-weight: 600; - text-decoration: none; transition: opacity .2s; -} -.ds-hero__msg:hover { opacity: 0.85; } -.ds-hero__msg--wa { background: #25D366; color: #fff; } -.ds-hero__msg--tg { background: #0088CC; color: #fff; } -.ds-hero__msg--other { background: linear-gradient(135deg, #4cf 0%, #53e 66%, #93d 100%); color: #fff; } -.ds-hero__msg--other img { display: block; align-self: center; } -/* ---- Visual ---- */ -.ds-hero__visual { - flex-shrink: 0; position: relative; - width: 380px; height: 420px; - margin-left: auto; margin-right: 20px; - display: flex; align-items: center; justify-content: center; -} -.ds-hero__visual-glow { - position: absolute; - width: 420px; height: 420px; - border-radius: 50%; - background: radial-gradient(circle, rgba(124,58,237,0.12) 0%, rgba(168,85,247,0.06) 30%, transparent 65%); - top: 50%; left: 50%; - transform: translate(-50%, -50%); - pointer-events: none; -} -.ds-hero__photo-wrap { position: relative; z-index: 2; display:flex; align-items:center; justify-content:center; } -.ds-hero__photo-frame { - position: relative; width: 320px; height: 320px; border-radius: 50%; overflow: hidden; - box-shadow: - 0 20px 60px rgba(124,58,237,0.15), - 0 8px 24px rgba(0,0,0,0.2), - inset 0 0 0 4px rgba(255,255,255,0.6); - border: 6px solid rgba(255,255,255,0.8); - animation: dsPhotoFloat 6s ease-in-out infinite; -} -.ds-hero__photo { width: 100%; height: 100%; object-fit: cover; display: block; } -.ds-hero__photo-ring { - position: absolute; width: 360px; height: 360px; border-radius: 50%; - border: 2px solid rgba(124,58,237,0.15); - top: 50%; left: 50%; transform: translate(-50%, -50%); - pointer-events: none; - animation: dsRingPulse 4s ease-in-out infinite; -} -/* Floating badges — цвета как на /otzyvy/ */ -.ds-hero__float { - position: absolute; z-index: 3; - display: flex; align-items: center; gap: var(--space-1); - padding: 10px 20px; - border-radius: var(--radius-pill); - font-size: var(--text-body-sm); font-weight: 600; color: #fff; - white-space: nowrap; backdrop-filter: blur(8px); - animation: dsFloat 5s ease-in-out infinite; -} -.ds-hero__float-icon { font-size: 18px; line-height: 1; } -.ds-hero__float--1 { - top: 4%; right: -8px; animation-delay: 0s; - background: linear-gradient(135deg, rgba(255,255,255,0.15), rgba(255,255,255,0.05)); - color: rgba(255,255,255,0.92); - border: 1px solid rgba(255,255,255,0.12); -} -.ds-hero__float--2 { - bottom: 22%; left: -24px; animation-delay: 1.2s; - background: linear-gradient(135deg, rgba(124,58,237,0.20), rgba(168,85,247,0.08)); - color: #D8C8FF; - border: 1px solid rgba(124,58,237,0.15); -} -.ds-hero__float--3 { - bottom: 4%; right: 6%; animation-delay: 2.4s; - background: linear-gradient(135deg, rgba(59,178,160,0.20), rgba(59,178,160,0.08)); - color: #B8E6DF; - border: 1px solid rgba(59,178,160,0.15); -} -.ds-hero__float--4 { - top: 48%; left: -28px; animation-delay: 3.5s; - background: linear-gradient(135deg, rgba(255,215,0,0.20), rgba(255,183,77,0.08)); - color: #FFE0A0; - border: 1px solid rgba(255,215,0,0.15); - font-size: 12px; padding: 8px 16px; -} -/* Decorative shapes */ -.ds-hero__deco { - position: absolute; border-radius: 50%; pointer-events: none; z-index: 1; -} -.ds-hero__deco--1 { - width: 40px; height: 40px; background: rgba(124,58,237,0.12); - top: 12%; left: 2%; - animation: dsDecoFloat 6s ease-in-out infinite; -} -.ds-hero__deco--2 { - width: 24px; height: 24px; background: rgba(59,178,160,0.14); - bottom: 40%; right: -6px; - animation: dsDecoFloat 8s ease-in-out infinite 1s; -} -.ds-hero__deco--3 { - width: 16px; height: 16px; background: rgba(124,58,237,0.16); - top: 48%; left: -8px; - animation: dsDecoFloat 7s ease-in-out infinite 2s; -} -.ds-hero__deco--4 { - width: 10px; height: 10px; background: rgba(59,178,160,0.20); - bottom: 15%; right: -4px; - animation: dsDecoFloat 5s ease-in-out infinite 3s; -} -/* Sparkle particles */ -.ds-hero__sparkles { - position: absolute; inset: 0; pointer-events: none; z-index: 1; -} -.ds-hero__sparkle { - position: absolute; border-radius: 50%; - animation: dsSparkleFloat 6s ease-in-out infinite; - background: rgba(255,255,255,0.3); -} -.ds-hero__sparkles .ds-hero__sparkle:nth-child(1) { top: 15%; left: 10%; width: 4px; height: 4px; animation-delay: 0s; background: #A855F7; box-shadow: 0 0 8px rgba(168,85,247,0.4); } -.ds-hero__sparkles .ds-hero__sparkle:nth-child(2) { top: 30%; right: 18%; width: 6px; height: 6px; animation-delay: 1.2s; } -.ds-hero__sparkles .ds-hero__sparkle:nth-child(3) { bottom: 35%; left: 5%; width: 3px; height: 3px; animation-delay: 2s; } -.ds-hero__sparkles .ds-hero__sparkle:nth-child(4) { top: 55%; right: 8%; width: 5px; height: 5px; animation-delay: 0.8s; } -.ds-hero__sparkles .ds-hero__sparkle:nth-child(5) { bottom: 12%; left: 20%; width: 4px; height: 4px; animation-delay: 3s; } -/* ─── Hero Animations ─── */ -@keyframes dsPhotoFloat { - 0%, 100% { transform: translateY(0); } - 50% { transform: translateY(-8px); } -} -@keyframes dsRingPulse { - 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 1; } - 50% { transform: translate(-50%, -50%) scale(1.04); opacity: 0.6; } -} -@keyframes dsFloat { - 0%, 100% { transform: translateY(0); } - 50% { transform: translateY(-10px); } -} -@keyframes dsSparkleFloat { - 0%, 100% { transform: translateY(0) scale(1); opacity: 0.4; } - 50% { transform: translateY(-20px) scale(1.4); opacity: 0.9; } -} -@keyframes dsDecoFloat { - 0%, 100% { transform: translateY(0) scale(1); } - 50% { transform: translateY(-12px) scale(1.1); } -} -/* Hero адаптив — идентично /otzyvy/ */ -@media (max-width: 860px) { - .ds-hero { padding: 40px 0; } - .ds-hero__inner { flex-direction: column; } - .ds-hero__visual { - flex: none; - width: 100%; - max-width: 360px; - height: auto; - min-height: 320px; - margin-left: auto; - margin-right: auto; - } - .ds-hero__photo-frame { width: 260px; height: 260px; border-width: 5px; } - .ds-hero__photo-ring { width: 300px; height: 300px; } - .ds-hero__float--1 { top: 4%; right: 0; font-size: 12px; padding: 6px 14px; } - .ds-hero__float--2 { bottom: 18%; left: -12px; font-size: 12px; padding: 6px 14px; } - .ds-hero__float--3 { bottom: 2%; right: 5%; font-size: 12px; padding: 6px 14px; } - .ds-hero__float--4 { display: none; } - .ds-hero__h1 { font-size: 32px; margin-bottom: 20px; } - .ds-hero__cta-btn { margin-top: 16px; } -} -@media (max-width: 768px) { - .ds-hero__visual { display: none; } - .ds-hero__content { max-width: none; padding-inline: 16px; } - .ds-hero__subtitle { max-width: 100%; } - .ds-hero__hours-badge { padding: 2px 10px; border-radius: var(--radius-pill); } - .ds-hero__metrics { flex-wrap: wrap; gap: 10px; } - .ds-hero__metric { - flex: 0 0 calc(50% - 5px); - max-width: calc(50% - 5px); - min-width: 0; - padding: 12px 10px; - } - .ds-hero__metric-number { font-size: clamp(22px, 6vw, 28px); } - .ds-hero__metric-label { font-size: 12px; overflow-wrap: break-word; word-break: break-word; hyphens: auto; } - .ds-hero__cta-btn { width: 100%; justify-content: center; margin-top: 20px; } -} -@media (max-width: 480px) { - .ds-hero__h1 { font-size: 26px; } - .ds-hero__h1::after { width: 60px; } - .ds-hero__metrics { gap: 6px; } - .ds-hero__metric { padding: 10px 8px; } - .ds-hero__metric-number { font-size: 20px; } - .ds-hero__metric-label { font-size: 11px; overflow-wrap: break-word; word-break: break-word; hyphens: auto; } - .ds-hero__cta-btn { padding: 14px 20px; font-size: 15px; } -} -@media (prefers-reduced-motion: reduce) { - .ds-hero__cta-btn, - .ds-hero__photo-frame, - .ds-hero__photo-ring, - .ds-hero__float, - .ds-hero__sparkles .ds-hero__sparkle, - .ds-hero__deco { - transition: none !important; - transform: none !important; - animation: none !important; - } -} - -body { - color: #000; - font-family: Roboto; - background: #FFF; -} - -p { - font-weight: 400; - padding: 0; -} - -h2 { - font-family: Oswald; -} - -.courses { - background-color: #fff; -} - -.fon-0 { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; -} - -main { - display: flex; - flex-direction: column; - gap: 70px; -} - -.container-max { - max-width: 1920px; - margin: 0 auto; - position: relative; - display: flex; - flex-direction: column; -} - -/* header */ -.header { - width: 100%; - background-color: #303030; -} - -.header-nav { - max-width: 1184px; - margin: 0 auto; - padding: 26px 0 10px; - display: flex; - flex-direction: column; -} - -.header-nav a { - color: #fff; - transition: .3s; -} -.current-menu-item a { - color: var(--main-yellow); -} - -.top-header-row { - display: flex; - align-items: center; - justify-content: space-between; - padding-bottom: 10px; - border-bottom: 1px solid #ffffff82; -} - -.bottom-header-row { - display: flex; - justify-content: space-between; - align-items: center; -} - -.header-logo { - display: flex; -} - -.header-logo img { - width: 136px; - height: 40px; -} - -.header-menu { - display: flex; - gap: 20px; - font-size: 16px; -} - -.header-menu__item_link { - position: relative; - display: flex; - align-items: center; - padding-right: 25px; -} - -.header-menu_link a { - color: #fff; - transition: .3s; -} - -.header-menu_link a:hover { - color: #BBBBBB; -} - - -.list-links_item img { - width: 35px; - height: 35px; - object-fit: contain; -} - -.header-menu .menu-item-has-children { - position: relative; - transition: .3s; - display: flex; - align-items: center; - padding-right: 25px; - z-index: 100; -} - -.header-menu .menu-item-has-children::before { - position: absolute; - width: 20px; - height: 20px; - content: ""; - right: 0; - background-image: url(../images/header-arrow.svg); - background-size: contain; - background-repeat: no-repeat; - transition: .3s; -} - -.inter-lk { - display: flex; - gap: 11px; - font-family: 'Roboto'; - font-weight: 400; - font-size: 16px; - line-height: 33px; - color: #FFFFFF; - align-items: center; - justify-content: center; - border-radius: 15px; -} - -.nav__header-wrapper { - padding: .5rem 0; - display: flex; - align-items: center; - justify-content: space-between; - font-weight: 500; - border-bottom: 1px solid var(--bg-color-light) -} - - -.header-menu .sub-menu { - position: absolute; - top: 100%; - padding: 20px; - visibility: hidden; - opacity: 0; - transition: .3s; - width: max-content; - display: flex; - flex-direction: column; - gap: 20px; - z-index: 1; - background: #303030; - border-radius: 10px; - color: #fff; -} - -.header-menu .menu-item-has-children:hover a::before { - rotate: 180deg; -} - -.sub-menu a { - color: inherit; -} - -.sub-menu a:hover { - color: var(--main-color); -} - -.header-menu .menu-item-has-children:hover .sub-menu { - visibility: visible; - opacity: 1; -} - -.menu-col { - display: flex; - flex-direction: column; - gap: 30px; - min-width: 250px; -} - -.list-links { - display: flex; - flex-direction: column; - gap: 13px; -} - - - -.out-link { - width: fit-content; - padding-right: 40px; - align-self: self-end; - margin: 0; - margin-right: 40px; -} - -.menu-col_title:hover { - color: var(--main-blue); -} - -.list-links_item { - padding: 10px; - border-radius: 15px; - background-color: #fff; - transition: .3s; -} - -.list-links_item:hover { - background-color: #F3F3F3; -} - -.list-links_item a { - display: flex; - gap: 13px; - align-items: center; - font-family: 'Roboto'; - font-weight: 400; - font-size: 18px; - line-height: 20px; - letter-spacing: 0.8px; - color: #000000; -} - -.menu-col_title::after { - position: absolute; - content: ''; - bottom: -6px; - width: 100%; - height: 3px; - background: radial-gradient(97.18% 216.64% at 17.11% 28.58%, #BF568E 0%, #975B97 21%, #006DB7 100%); - border-radius: 2px; - left: 0; -} - -.add-menu { - display: flex; - gap: 30px; - flex: 1; - justify-content: flex-end; - align-items: center; -} - -.add-menu_item { - display: flex; - gap: 8px; - color: #fff; - font-size: 16px; - align-items: center; -} - -.header-location { - font-size: 22px; -} - -.add-menu .btn-free-lesson-header { - width: 200px; - padding: 10px 20px; - font-size: 16px; - font-family: 'Roboto'; - text-transform: none; - font-weight: 400; -} -/* header END */ - -/* banner */ -.banner { - position: relative; - width: 100%; - overflow: hidden; -} - -.banner.container { - max-width: 1920px; - padding: 0; -} -.page-rewiews .banner.container { - height: 450px; -} - -.breadcrumbs { - z-index: 1; - display: flex; - color: #fff; - gap: 30px; - font-weight: 500; - font-size: 14px; - line-height: 100%; - text-transform: uppercase; - align-items: center; - padding: 12px 0 12px 56px !important; -} - -.teacher-page .breadcrumbs { - position: initial !important; -} - -.breadcrumbs li { - position: relative; - display: flex; - align-items: center; - color: var( --main-blue); -} - -.breadcrumbs li::before { - position: absolute; - content: ''; - width: 15px; - height: 1px; - background-color: #AAAAAA; - left: calc(100% + 7px); -} - -.breadcrumbs li:last-child::before { - display: none; -} - -.breadcrumbs .last_item { - - color: #AAAAAA; -} - -.breadcrumbs a { - color: #AAAAAA; -} - -.fa-home { - width: 20px; -} - -.fa-home svg { - fill: #AAAAAA; -} - -.fa-home path { - fill: #AAAAAA; - stroke: #AAAAAA; -} - -.banner-wrapper { - position: relative; - max-width: 1296px; - margin: 0 auto; - height: 454px; - background: #231919; - border-radius: 20px; - overflow: hidden; - display: flex; - justify-content: center; -} - -.banner-fon { - position: absolute; - width: 100%; - height: 100%; - object-fit: cover; - top: 0; - left: 0; -} - -.page .banner-fon { - position: relative; -} - -.banner-fon img { - width: 100%; - height: 100%; - object-fit: cover; -} - -.banner__content { - position: absolute; - width: 100%; - display: flex; - flex-direction: column; - align-items: center; - bottom: 30px; - width: fit-content; - padding: 30px 50px; - border-radius: 10px; - background: #000000c2; -} - -.page_title { - font-family: 'Oswald'; - font-style: normal; - font-weight: 500; - font-size: 36px; - line-height: 46px; - color: #FFD43E; - text-transform: uppercase; - text-align: center; -} - -.banner_text { - font-family: 'Roboto'; - font-weight: 500; - font-size: 24px; - color: #FFD43E; - margin-top: 10px; - margin-bottom: 10px; - padding: 0 20px; - text-align: center; -} - -.info-block { - margin: 0 auto; - max-width: 1185px !important; - margin-top: -35px !important; - padding: 0 !important; - display: flex; - flex-wrap: wrap; - gap: 2px; - justify-content: center; -} - -.info-block__item { - position: relative; - min-width: 180px; - max-width: 195px; - height: 120px; - display: flex; - align-items: center; - border-radius: 15px; - flex: 1; - flex-wrap: wrap; -} - -.info-block__item-wrapper { - width: calc(100% - 10px); - height: calc(100% - 10px); - border-radius: 10px; - display: flex; - align-items: center; - justify-content: center; - padding: 0 10px; - border: 2px solid #006DB7; -} - -.info-block__item-wrapper span { - text-align: center; - font-family: 'Roboto'; - font-weight: 400; - font-size: 14px; - line-height: 1.2; - color: #000; -} - -/* banner END */ -.main-page { - padding-top: 35px; -} -/* banner-main-page */ -.banner-main-page { - max-width: 1185px; - margin: 0 auto; - border-radius: 20px; - overflow: hidden; -} -.banner-main-page_img img{ - width: 100%; -} -/* banner-main-page END */ - -/* info__block */ -.info__block { -} -.info__block-wrapper { - width: 100%; - background: #FFFDF6; - border: 1px solid #000000; - border-radius: 20px; - padding: 50px 80px 50px 90px -} -.page_h2 { - font-family: 'Oswald'; - font-style: normal; - font-weight: 500; - font-size: 40px; - line-height: 55px; - color: #000; - text-align: center; - margin-bottom: 40px; -} -.info__block-content { - display: flex; - gap: 20px; - font-weight: 400; - font-size: 18px; - line-height: 25px; -} -.info__block-content_text { - display: flex; - flex-direction: column; - gap: 2rem; -} -.info__block-content_text-a { - color: var(--main-blue); - font-weight: 600; - font-size: 16px; - text-align: end; -} -.info__block-content_img { - width: 100%; - max-width: 225px; - display: flex; - align-items: flex-end; -} -.info__block-content_img img { - width: 100%; - height: auto; - object-fit: cover; -} -.info__block-right .info__block-wrapper { - background: transparent; - padding: 20px 60px; - border: 2px solid #000000; -} -.info__block-right .info__block-content { - flex-direction: row-reverse; - gap: 40px; -} - - -.info__block-items-wrapper { - display: flex; - flex-direction: column; - gap: 25px; - margin-left: -40px; -} -.info__block-item { - padding: 14px 25px; - background: #C9DA8F; - border-radius: 20px; - display: flex; - gap: 20px; - align-items: center; -} - -.info__block-item_number { - width: 48px; - height: 48px; - background: #FFFFFF; - border: 2px solid #013051; - display: flex; - color: #000; - font-family: 'Oswald'; - font-weight: 600; - font-size: 22px; - border-radius: 50%; - flex-shrink: 0; - align-items: center; - justify-content: center; -} -.info__block-item-content { - display: flex; - flex-direction: column; - gap: 12px; -} -.info__block-item-text_title { - font-family: 'Roboto'; - font-weight: 500; - font-size: 20px; - line-height: 23px; -} -.info__block-right .page_h2 { - text-align: left; - margin-bottom: 0; -} -/* info__block END */ -.btn-page { - margin: 0 auto; - font-weight: 300 !important; - font-size: 18px !important; -} -/* advantages__block (legacy — replaced by services-card in front-page.css) */ -/* advantages__block END*/ -/* page-teachers */ -.page-teachers { - background-color: #fff; -} - -.teachers_title { - font-family: 'Oswald'; - font-style: normal; - font-weight: 600; - font-size: 60px; - line-height: 88px; - text-transform: uppercase; - color: var(--main-blue); - position: relative; - margin-bottom: 60px; - width: fit-content; - z-index: 1; -} - -.teachers_title::after { - content: ''; - position: absolute; - top: -60px; - right: -48px; - border-radius: 50%; - width: 147px; - height: 147px; - background: #FFD43E; - z-index: -1; -} - -.main_content, -.main_content p { - font-family: 'Roboto'; - font-weight: 300 !important; - font-size: 22px; - line-height: 27px; -} - -.main_content h2 { - font-family: 'Oswald'; - font-size: 35px; - line-height: 27px; - margin-bottom: 30px; - margin-top: 40px; -} - -.main_content ul { - padding: inherit; - padding-left: 20px; - margin-left: 16px; - margin-bottom: 30px; -} - -.main_content ul li { - list-style-type: disc; -} - -.list-teachers { - padding: 60px 0; - background-color: #F3F3F3; - position: relative; - z-index: 1; -} - -.page-o-nas { - background-color: #fff; -} - -.foto-slider { - -} -.foto-slider .container { - padding: 20px 100px; - border-radius: 20px; - border: 1px solid #000; -} - -.swiper-foto { - margin-top: 40px; - padding-bottom: 95px; -} -.foto-slider .swiper-pagination { - bottom: 25px; -} - -.foto-slider .swiper-pagination-clickable .swiper-pagination-bullet { - width: 30px; - height: 30px; - background-color: var(--main-blue); - margin: 0 12px; -} - -.swiper-pagination-clickable .swiper-pagination-bullet { - width: 15px; - height: 15px; - background-color: #a4a4a4; -} - -.swiper-pagination-bullet-active { - background-color: #CCCCCC; -} - -.img__item img { - width: 100%; - height: 100%; - object-fit: cover; - aspect-ratio: 16 / 9; -} - -.subject-wrapper { - width: 490px; - margin: 0 auto; - position: relative; - transition: .3s; - padding: 25px 20px; - background: #FFD43E; - border-radius: 15px; - z-index: 1; - cursor: pointer; -} - -.subject-wrapper span { - font-family: 'Oswald'; - font-weight: 500; - font-size: 30px; - line-height: 28px; - align-items: center; - position: relative; - color: #774C8C; - width: 100%; - display: flex; - align-items: center; - text-transform: uppercase; -} - -.subject-wrapper span::after { - position: absolute; - content: ""; - width: 20px; - height: 28px; - background-image: url(../images/slider-arow.svg); - transform: translateY(-50%); - right: 0; - background-repeat: no-repeat; - background-position: center center; - background-attachment: fixed; - -webkit-background-size: 100%; - -moz-background-size: 100%; - -o-background-size: 100%; - background-size: 100%; - transition: all .4s; - rotate: -90deg; - transition: .3s; -} - -.subject__list { - position: absolute; - width: 100%; - max-height: 0; - transition: .3s; - top: 100%; - overflow: hidden; - background: #fff; - border-radius: 15px; - left: 0; - padding: 0 17px; - display: flex; - flex-direction: column; - font-size: 18px; - text-transform: uppercase; - box-shadow: 0 1px 4px rgb(0 0 0), -23px 0 20px -23px rgb(0 0 0 / 80%), 23px 0 20px -23px rgb(0 0 0 / 80%), 0 0 40px rgb(0 0 0 / 10%) inset; -} - -.subject-wrapper.open span::after { - transform: translateY(-50%) rotate(-180deg); -} - -.subject-wrapper.open .subject__list { - max-height: 800px; - padding: 30px 17px; - cursor: pointer; -} - -.subject__list li { - transition: .3s; - padding: 12px 25px; - border-radius: 10px; -} -.subject__list_item a { - color: #000; -} -.subject__list li:hover { - background-color: #F3F3F3; -} - -.teachers-wrapper { - display: flex; - flex-wrap: wrap; - gap: 35px; -} - -.teachers__item { - width: calc(25% - 27px); - border-radius: 15px; - overflow: hidden; - border: 1px solid transparent; - transition: .3s; -} - -.teachers__item:hover { - border: 1px solid #FFD43E; - box-shadow: 0 0 4px #FFD43E; -} -.ourteacher-avatar a{ - display: block; - height: 280px; -} - -.teachers__item img { - width: 100%; - height: 100%; - object-fit: contain; -} - -.page-o-nas .teachers__item img { - object-fit: contain; - max-height: 305px; -} - -@media (max-width: 860px) { - .vacancies__banner-right .b24-form { - margin: 0 auto; - } - - .contetn-main_block { - padding-bottom: 0; - } - - .content-main_block { - padding-bottom: 0; - } - - .teachers_title { - font-size: 26px; - line-height: 40px; - margin-bottom: 35px; - } - - .teachers_title::after { - width: 66px; - height: 66px; - top: -25px; - right: -25px; - } - - .main_content, - .main_content p { - font-size: 16px; - line-height: 20px; - margin-bottom: 0; - } - - .main_content h2 { - font-family: 'Oswald'; - font-size: 26px; - line-height: 24px; - margin-bottom: 20px; - margin-top: 20px; - } - - .main_content ul { - padding: inherit; - padding-left: 10px; - margin-left: 8px; - margin-bottom: 0; - } - - .swiper-foto { - margin-top: 15px; - padding-bottom: 40px; - } - - .swiper-pagination-clickable .swiper-pagination-bullet { - width: 10px; - height: 10px; - } - - .list-teachers { - padding: 70px 0; - background-color: #F3F3F3; - position: relative; - z-index: 1; - } - - .list-teachers { - padding: 40px 0; - } - - .subject__list { - font-size: 14px; - } - - .teachers-wrapper { - gap: 15px; - margin-top: 40px; - } - - .subject-wrapper { - width: 100%; - padding: 17px 20px; - } - - .subject-wrapper.open .subject__list { - padding: 20px 17px; - } - - .subject__list li { - padding: 5px 15px; - } - - .subject-wrapper span { - font-size: 26px; - } - - .subject-wrapper span::after { - width: 14px; - height: 20px; - } - - .teachers__item { - width: calc(50% - 8px); - } -} - -/* page-teachers END */ - -/* preparation */ - -.preparation { - padding-top: 20px; - display: flex; - flex-direction: column; - padding-bottom: 62px; -} - -.section-Mntitle-circle { - position: relative; - font-family: 'Oswald'; - font-weight: 500; - font-size: 45px; - line-height: 55px; - display: flex; - align-items: center; - text-align: center; - color: #212121; - justify-content: center; - width: fit-content; - margin: 0 auto; - z-index: 1; -} - -.section-Mntitle-circle::after { - content: ''; - position: absolute; - top: -22px; - right: -48px; - border-radius: 50%; - width: 147px; - height: 147px; - background: #FFD43E; - z-index: -1; -} - -.tabs-container { - margin-top: 60px; - display: flex; - flex-direction: column; - align-items: center; - gap: 60px; -} - -.tabs-btns { - display: flex; - justify-content: center; - width: 90%; - border-radius: 39px; - background-color: #fff; -} - -.tab { - position: relative; - width: 50%; - cursor: pointer; - color: var(--main-blue); - padding: 27px 0; - font-family: 'Roboto'; - font-weight: 500; - font-size: 22px; - line-height: 25px; - display: flex; - align-items: center; - text-align: center; - justify-content: center; - text-transform: uppercase; - transition: .3s; - border-radius: 39px; -} - -.tab-clicked { - position: absolute; - top: 0; - right: 0; - left: 0; - bottom: 0; - z-index: 1; -} - -.tab:hover { - color: var(--main-color); -} - -.tab.active { - background-color: var(--main-yellow); -} - -.page-tab { - display: flex; - justify-content: center; -} - -.tabs-content { - width: 100%; - position: relative; - left: 0; - transition: var(--main-transition); -} - -.page-tab { - display: none !important; -} - -.page-tab.active { - display: flex !important; -} - -.disciplines { - display: flex; - flex-wrap: wrap; - gap: 40px 66px; - justify-content: flex-start; - padding-bottom: 60px; -} - -.disciplines__item { - flex: 1; - max-width: calc(25% - 50px); - min-width: 280px; - height: 300px; - padding: 30px 50px; - background: #FFFFFF; - border-radius: 20px; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - gap: 30px; - border: 1px solid transparent; - transition: .3s; -} - -.disciplines__item:hover { - border: 1px solid var(--main-yellow); - box-shadow: 0 0 4px var(--main-yellow); -} - -.disciplines__item_icon { - width: 167px; - height: 167px; - object-fit: contain; -} - -.disciplines__item_name { - font-family: 'Roboto'; - font-weight: 500; - font-size: 22px; - line-height: 25px; - text-transform: uppercase; - color: #000; - margin: 0; - text-align: center; - width: 100%; -} - -.preparation_links { - display: flex; - gap: 80px; - justify-content: center; - font-family: 'Oswald'; - font-weight: 400; - font-size: 30px; - line-height: 22px; - text-transform: uppercase; -} - -.preparation_links a { - width: 490px; - display: flex; - justify-content: center; - gap: .5rem; - padding: 30px; - color: var(--main-color); - background: #FFD43E; - border-radius: 18px; -} - -.preparation_links span { - color: var(--main-blue); -} - -/* preparation END */ -.courses .preparation { - padding-bottom: 0 !important; - -} - -/* popular-subjects & news*/ -.product-warpper { - margin-top: 80px; - display: flex; - flex-wrap: wrap; - gap: 25px 20px; -} - -.course_description { - margin-top: 60px; - font-family: 'Roboto'; - display: flex; - gap: 1em; - flex-direction: column; - font-family: 'Roboto'; - font-weight: 300; - font-size: 18px; - line-height: 23px; - color: #000000; -} - -.course_description p { - - margin: 0; -} - -.product-warpper .popular__subject { - width: calc(33.3% - 20px); -} - -.popular-subjects { - position: relative; -} - -.popular-subjects .container{ - padding: 50px 50px 75px; - background: #C9A7C64D; - border-radius: 20px; - border: 1px solid #000; -} - -.main-subtitle-page { - margin: 10px 0 40px; - font-family: 'Roboto'; - font-weight: 400; - font-size: 19px; - line-height: 22px; -} - -.popular__subject { - display: flex; - flex-direction: column; - gap: 30px; - transition: .3s; - background: #F3F3F3; - border-radius: 20px; - border: 1px solid transparent; - overflow: hidden; - padding-bottom: 50px; -} - -.popular__subject:hover { - border: 1px solid #FFD43E; - box-shadow: 0px 0px 4px #FFD43E; -} - -.popular__subject_img { - position: relative; - display: flex; - width: 100%; - height: 235px; -} - -.popular__subject_label { - position: absolute; - top: 16px; - right: 0; - background: #FFD43E; - padding: 9px 40px; - border-radius: 11px 0px 0px 11px; - color: #fff; - font-family: 'Oswald'; - font-weight: 500; - font-size: 16px; - text-transform: uppercase; -} - -.popular__subject_img img { - width: 100%; - height: auto; - object-fit: cover; -} - -.product-info { - display: flex; - flex-direction: column; - gap: 20px; - padding: 0 30px; - flex: 1; - justify-content: space-between; -} - -.popular__subject_title { - font-family: 'Roboto'; - font-weight: 500; - font-size: 16px; - color: #000; - text-transform: uppercase; - width: 100%; - display: flex; -} - -.popular__subject_text { - font-family: 'Roboto'; - margin: 0; - font-weight: 300; - font-size: 14px; - line-height: 17px; - color: #000; - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 3; -} - -.btn-yellow-link { - padding: 30px 90px; - background: #FFD43E; - border-radius: 18px; - font-family: 'Oswald'; - font-weight: 400; - font-size: 30px; - line-height: 22px; - text-transform: uppercase; - color: var(--main-color); -} -.news .btn-yellow-link { - padding: 15px 130px; - color: #000; - border-radius: 10px; - font-weight: 400; - font-size: 20px; - line-height: 30px; -} -.buttons { - margin-top: 60px; - display: flex; - justify-content: center; - gap: 20px; -} -.buttons .btn-yellow-link { - font-size: 18px; - padding: 15px 40px; -} - -.our-teachers .buttons { - margin-top: 40px; -} -/* popular-subjects END */ -/* price */ - -.price { - padding: 70px 0; - background-color: #fff; -} - -.price-wrapper { - flex-direction: row; - padding: 40px; - background: radial-gradient(48.07% 192.01% at 1.89% 94%, #006DB7 0%, #1F1F1F 100%); - border-radius: 25px; - gap: 60px; - align-items: flex-start; -} - -.price .tabs-btns { - position: relative; - flex-direction: column; - background-color: #fff0; - min-width: 390px; - gap: 18px; - z-index: 1; - width: auto; -} - -.price .tab { - width: 100%; - padding: 22px; - text-transform: none; - background-color: #fff; -} - -.price .tab.active { - background-color: var(--main-yellow); -} - -.price .page-tab { - flex: 1; - display: flex; - flex-direction: column; - gap: 8px; -} - -.price__item { - position: relative; - padding: 35px 28px; - background-color: #fff; - border-radius: 20px; - font-family: 'Roboto'; - font-weight: 500; - font-size: 22px; - line-height: 26px; - color: #000000; - display: flex; - justify-content: space-between; - align-items: center; -} - -.price__item::before { - position: absolute; - content: ''; - width: 1px; - right: 205px; - height: 62px; - background-color: #000; -} - -.price__item_number { - color: var(--main-color); - text-align: end; -} - -.price__item_number span { - color: #000; - font-size: 14px; - -} - -.price__item-content { - line-height: 22px; - font-weight: 400; - font-family: 'Roboto'; -} - -.price__content_title { - margin-top: 40px; - font-family: 'Roboto'; - font-weight: 400; - font-size: 30px; - text-transform: uppercase; - color: var(--main-yellow); -} - -.price__item-content p { - margin-top: 20px; - font-size: 22px; - color: #FFFFFF; -} - -.price__item-content ul { - margin-top: 20px; - display: flex; - flex-direction: column; - gap: 20px; - font-size: 22px; - color: #FFFFFF; -} - -.price__item-content ul li { - position: relative; - display: flex; -} - -.price__item-content ul li::after { - position: absolute; - content: ''; - top: 5px; - right: calc(100% + 12px); - width: 14px; - height: 14px; - border-radius: 3px; - background-color: var(--main-color); -} - -.price__item-content span { - display: contents; - color: var(--main-yellow); - font-size: 24px; - font-weight: 500; - text-transform: uppercase; -} - -/* price END */ - -.our-teachers .buttons { - display: flex; - justify-content: center; -} - -/* preparation-block */ - -.preparation-block { - padding: 70px 0 100px; - background-color: #fff; -} - -.preparation-block-wrapper { - display: flex; - gap: 70px; -} - -.preparation-block_text { - width: calc(72% - 35px); -} - -.preparation-block p { - padding-top: 40px; - font-family: 'Roboto'; - font-weight: 300; - font-size: 18px; - line-height: 21px; - width: 85%; -} - -.preparation-block_img { - width: calc(28% - 35px); - padding-top: 100px; - display: flex; -} - -.preparation-block_img img { - width: 100%; - height: 100%; - object-fit: contain; -} - -/* preparation-block END */ - -/* advertising-block */ -.advertising-block { - padding: 35px 0; - background-color: #1F1F1F; - color: #fff; -} - -.advertising-block-wrapper { - display: flex; -} - -.advertising-block__text { - width: 50%; - display: flex; - flex-direction: column; - justify-content: center; - font-family: 'Roboto'; - padding-right: 20px; -} - -.label-blue { - margin-top: 33px; - width: fit-content; - padding: 12px 38px; - background: var(--main-background); - border-radius: 15px; - text-transform: uppercase; - font-weight: 500; - font-size: 18px; - line-height: 21px; - color: #FFFFFF; - align-self: center; -} - -.advertising-block__text_text { - margin: 34px 0 50px; - font-weight: 400; - font-size: 18px; - line-height: 21px; -} - -.advertising-block__img { - width: 100%; - max-width: 678px; -} - -.advertising-block__img img { - width: 100%; - height: auto; - object-fit: cover; -} - -.advertising-block__text_sub-title { - font-weight: 500; - font-size: 26px; - line-height: 160%; - text-transform: uppercase; -} - -.text-yellow { - color: var(--main-yellow) !important; -} - -/* advertising-block END */ -/* why-us */ -.why-us { - background-color: #fff; -} - -.why-us-wrapper { - margin-top: 40px; - display: grid; - grid-template-columns: repeat(3, 1fr); - grid-template-rows: repeat(3, 1fr); - grid-column-gap: 0px; - grid-row-gap: 0px; - grid-column-gap: 37px; - grid-row-gap: 40px; -} - -.div1 { - grid-area: 1 / 1 / 2 / 2; -} - -.div2 { - grid-area: 1 / 2 / 2 / 3; -} - -.div3 { - grid-area: 1 / 3 / 2 / 4; -} - -.div4 { - grid-area: 2 / 1 / 4 / 2; -} - -.div5 { - grid-area: 2 / 2 / 3 / 3; -} - -.div6 { - grid-area: 2 / 3 / 3 / 4; -} - -.div7 { - grid-area: 3 / 2 / 4 / 3; -} - -.div8 { - grid-area: 3 / 3 / 4 / 4; -} - -.why-us_item { - width: 100%; - display: flex; - gap: 20px; - align-items: center; - padding: 15px 30px; - background: #F3F3F3; - border-radius: 20px; -} - -.why-us_item span { - font-family: 'Roboto'; - font-weight: 400; - font-size: 22px; - line-height: 30px; -} - -.why-us_item-img { - width: 100%; - min-width: 30%; - height: 100%; - display: flex; - flex: 1; - border-radius: 10px; - justify-content: center; - overflow: hidden; -} - -.why-us_item-img img { - height: 100%; - width: 100%; - max-width: 100px; - object-fit: contain; -} - -.div4 .why-us_item-img img { - max-width: 152px; -} - -.div4 { - flex-direction: column; -} - -/* why-us END */ - -/* map */ -.map { - background-color: #fff; - padding-bottom: 70px; -} -.map .container { - padding: 20px 55px; - border: 1px solid; - border-radius: 20px; -} -.map_title { - font-family: 'Oswald'; - font-weight: 600; - font-size: 40px; - line-height: 78px; - margin-bottom: 40px; - text-align: center; -} - -.location__map { - position: relative; - border-radius: 25px; - overflow: hidden; - display: flex; - align-items: center; - justify-content: center; -} - -.map_address { - position: absolute; - top: 26px; - left: 0; - background: rgba(11, 92, 146, 0.69); - border-radius: 0px 21px 20px 0px; - display: flex; - flex-direction: column; - align-items: center; - font-family: 'Roboto'; - font-weight: 400; - font-size: 16px; - line-height: 28px; - color: #FFFFFF; - padding: 16px 46px; - z-index: 1; -} - -.map_address span { - font-weight: 500; - text-transform: uppercase; -} - -/* map END */ -/* ============== */ -@media screen and (max-width: 992px) { - .container.header-mobile-container { - position: relative; - padding: 15px 15px; - } - - header.mobile-header .header-mobile-inner { - height: 50px; - display: flex; - gap: 10px; - } - - header.mobile-header .header-mobile-inner .toggle-icon-wrapper { - position: relative; - } - - header.mobile-header .header-mobile-inner .header-customize { - position: inherit; - display: flex; - flex-shrink: 0; - order: 2; - margin: 0; - align-items: center; - } - - header.header-mobile-1 .header-logo-mobile { - padding-left: 0; - padding-right: 0; - display: flex; - flex: 1; - justify-content: center; - } - - .header-logo-mobile a { - display: flex; - opacity: 0; - } - - .header-logo-mobile img { - max-height: none; - padding-top: 0; - padding-bottom: 0; - } - - header .phone-header a { - font-size: 16px; - } - - a.mobile-whatsap { - height: 100%; - margin-right: 10px; - } - - header .phone-header { - padding-top: 0; - } - - .mobile-header-here { - padding: 0; - } - - .mobile-header-here .container { - padding-top: 6px; - padding-bottom: 6px; - text-align: start; - } -} - -@media screen and (max-width: 992px) { - - .read_div { - color: black !important; - margin: 0 0 10px 0; - font-size: 16px; - font-weight: 300; - letter-spacing: 0; - line-height: 1.5; - } -} - -/* .map-data { - position: absolute; - left: 0; - margin: 0; - top: 0; - width: 100%; - background: #0B5C92B0; - border-radius: 0 0 20px 20px; - color: #fff; - padding: 4px 20px 0; - font-size: 16px; - line-height: 21px; -} - -.map-data span { - font-family: Roboto; - font-size: 16px; - line-height: 34px; - display: block; - font-weight: 600; - margin-top: 0; -} - -.gmap { - position: relative; - padding-bottom: 60px; - background: #fff; -} - -.gmap iframe { - border-radius: 0 0 25px 25px; - overflow: hidden; -} */ - -/* @media (min-width: 640px) { - .map-data { - max-width: 1440px; - left: auto; - margin: 0; - top: 25px; - width: 350px; - background: #0B5C92B0; - border-radius: 0 20px 20px 0; - color: #fff; - padding: 16px 20px; - font-size: 16px; - line-height: 21px; - } -} */ - -/* ======================== */ -:root { - /* --min-midth-content: 768px; */ - --main-transition: .3s; - --main-background: #006DB7; -} - -.section p { - margin: 0; -} - -.teacher-description-wrapper { - display: flex; - flex-direction: column; - align-items: center; -} - -.teacher-description_text { - position: relative; - font-weight: 400; - font-size: 14px; - line-height: 22px; - padding-left: 20px; - padding-right: 20px; -} - -.teacher-description_text::after { - content: ''; - position: absolute; - top: 0; - left: 10px; - height: 100%; - width: 3px; - background: var(--main-background); - border-radius: 5px; -} - -.teacher__rating { - position: relative; - width: 100%; - margin-top: 40px; - display: flex; - flex-direction: column; - align-items: center; -} - -.teacher__rating-img { - position: relative; - top: 6px; - width: 260px; - border-radius: 46px; - overflow: hidden; - height: 260px; - margin-bottom: 16px; - display: flex; - align-items: center; - justify-content: center; -} - -.teacher_stars { - padding-top: 18px; - width: 100%; - display: flex; - justify-content: center; - align-items: center; - gap: 6px; - font-weight: 500; - font-size: 18px; - z-index: 1; - line-height: 28px; - background: #fff; -} - -.teacher__stars_reviews { - color: #A0A0A0; -} - -.teacher_name-wrapper { - position: relative; - margin-top: -14px; - width: 100%; - padding: 12px 0 18px; - background: #FFFFFF; - border-radius: 20px; - margin-bottom: 18px; -} - -.teacher_name { - font-size: 22px; - color: var(--main-background) !important; - text-align: center; - width: 100%; - text-transform: uppercase; - line-height: 22px; - margin-bottom: 0; - justify-content: center; - background: #fff; - padding-top: 12px; - border-radius: 20px 20px 0 0; -} - -.teacher_name::after { - display: none; -} - -.teacher-description_location { - width: 100%; - font-weight: 500; - font-size: 18px; - line-height: 28px; - text-align: center; - color: #A0A0A0; - z-index: 1; - background: #fff; -} - -.conteiner-text { - max-width: 300px; - margin: 0 auto; - margin-top: 8px; -} - -.conteiner-text .box__accordion { - background-color: #FFD43E; - transition: var(--main-transition); -} - -.conteiner-text .box__accordion:hover { - background-color: #FFC806; -} - -.conteiner-text .box__accordion.active { - background-color: #fff; - border: 1px solid #D9D9D9; -} - -.taxonomy-block { - display: flex; - width: 100%; - flex-direction: column; - gap: 4px; - padding: 3px 19px 2px; -} - -.taxonomy-block:last-child { - padding-bottom: 20px; -} - -.taxonomy-block__name { - display: flex; - gap: 8px; - align-items: center; - font-weight: 300; - font-size: 13px; - line-height: 28px; -} - -.taxonomy-block__content { - display: flex; - flex-wrap: wrap; - gap: 6px; - font-weight: 300; - font-size: 13px; - text-align: center; -} - -.taxonomy-block__content span { - padding: 5px 8px; - background: #D9D9D9; - border-radius: 5px; -} -.taxonomy-block__content_item { - padding: 5px 8px; - background: #D9D9D9; - border-radius: 5px; -} - -/* accordion */ -.accordion { - margin-top: 13px; - width: 100%; - display: flex; - flex-direction: column; - gap: 10px; -} -.more-programm { - margin: 20px 0 0; -} -.obrazovanie { - /*border-top: 1px solid #303030; - border-bottom: 1px solid #303030;*/ -} - -.accordion.obrazovanie { - margin-top: 18px; - gap: 0; - overflow: hidden; - transition: .5s; -} - -.programm-course .accordion.obrazovanie { - max-height: 0px; -} -.questions .accordion.obrazovanie { - max-height: none; -} -.accordion.obrazovanie.show { - border-top: 1px solid #303030; - border-bottom: 1px solid #303030; - max-height: 800vh; -} - -.accordion .box__accordion, -.vacancie { - position: relative; - cursor: pointer; - border-radius: 15px; - border: 1px solid transparent; -} - -.questions .accordion.obrazovanie { - border-radius: 0; -} - -.obrazovanie .box__accordion { - border: none; - border-radius: inherit; -} - -.obrazovanie .box__accordion:first-child { - border: none; -} - -.accordion .box__accordion .box__accordion_label { - position: relative; - padding: 12px 19px; - cursor: pointer; - font-weight: 500; - font-size: 16px; - line-height: 28px; -} - -.questions .accordion .box__accordion .box__accordion_label { - line-height: normal; -} -.obrazovanie .box__accordion .box__accordion_label { - font-family: Oswald; - font-size: 26px; - padding: 15px 0px 20px; -} - -.conteiner-text .box__accordion_label { - color: #774C8C; -} - -.conteiner-text .active .box__accordion_label { - color: #000; -} - -.accordion .box__accordion .box__accordion_label::after { - width: 13px; - height: 18px; - content: ""; - background-image: url(../images/slider-arow.svg); - position: absolute; - top: 35%; - transform: translateY(-50%); - right: -8px; - background-repeat: no-repeat; - background-position: center center; - background-attachment: fixed; - -webkit-background-size: 100%; - -moz-background-size: 100%; - -o-background-size: 100%; - background-size: 100%; - transition: all .4s; - rotate: -90deg; -} - -.page-vacancies .accordion .box__accordion .box__accordion_label::after { - display: none; -} - -.obrazovanie .box__accordion .box__accordion_label::after { - display: none; -} - -.accordion .box__accordion.active .box__accordion_label::after { - content: ""; - width: 13px; - height: 18px; - transform: translateY(-50%) rotate(-180deg); - background-image: url(../images/slider-arow.svg); - background-repeat: no-repeat; - background-position: center center; - background-attachment: fixed; -} -.teacher-description .accordion .box__accordion .box__accordion_label::after { - right: 10px; -} -.obrazovanie .box__accordion.active .box__accordion_label::after { - transform: translateY(-50%) rotate(-180deg); - background-image: url(../images/slider-arow.svg); -} - -.box__accordion_content { - display: flex; - flex-direction: column; - position: relative; - overflow: hidden; - max-height: 0; - transition: var(--main-transition); -} - -.box__accordion_content p { - padding: 20px; - width: 70%; -} - -.questions .box__accordion_content p { - width: 100%; -} - .obrazovanie .box__accordion_content { - font-family: 'Roboto'; - font-style: normal; - font-weight: 300; - font-size: 18px; - line-height: 30px; - max-height: none; -} - -.questions .obrazovanie .box__accordion_content { - font-size: 18px; -} - - -.obrazovanie ul { - padding: 0 0 0 20px; - position: relative; -} - -.obrazovanie li { - list-style-type: none; - display: flex; - align-items: center; -} - -.obrazovanie li::after { - content: ""; - position: absolute; - left: 0; - width: 8px; - height: 8px; - border-radius: 2px; - background-color: var(--main-background); -} - -/* accordion END */ -.video { - padding-top: 18px; - padding-bottom: 22px; -} - -/* promo-form */ -.promo-form { - padding-top: 32px; - background-color: #fff; -} - -/* Записаться к преподавателю */ - -.color-lilac { - color: #BF568E; -} - -.promo-form_title { - font-family: 'Oswald'; - font-style: normal; - font-weight: 500; - font-size: 26px; - line-height: 39px; - text-align: left; - text-transform: uppercase; -} - -.promo-form__list { - margin-top: 65px; - display: flex; - flex-direction: column; - gap: 14px; - font-size: 24px; - padding-left: 24px; - font-weight: 700; - list-style-type: none; - flex: 1; -} - -.promo-form__list li { - position: relative; - display: flex; - align-items: center; -} - -.promo-form__list li::before { - content: ''; - position: absolute; - left: -24px; - width: 11px; - height: 11px; - border-radius: 50%; - background-color: #fff; -} - -.black-label { - position: relative; - left: 0; - padding: 14px 55px 14px 46px; - background: #222222; - border-radius: 0px 15px 15px 15px; - font-family: 'Oswald'; - font-weight: 600; - font-size: 30px; - line-height: 38px; - text-transform: uppercase; - color: #FFFFFF; -} - -.text-block_label { - font-weight: 700; - font-size: 16px; - text-align: center; - letter-spacing: 0.9px; - text-transform: uppercase; - color: #FFF !important; - justify-content: center; -} - -.black-label span { - color: var(--main-yellow); -} - -.promo-form .form-data { - width: 100%; - margin-top: 14px; - padding: 21px 17px; - background: #FFFFFF; - border-radius: 15px; - font-family: 'Roboto' !important; - font-style: normal; - font-weight: 500; - font-size: 20px !important; - line-height: 22px !important; - color: #000 !important; - letter-spacing: 0 !important; -} - -.promo-form label { - margin: 20px 0; - font-weight: 300; - font-size: 14px; - text-align: justify; -} - -.promo-form label input { - position: relative; - width: 16px; - height: 16px; - top: 3px; - margin-right: 20px; -} - -.btn-lilac { - width: 280px; - padding: 16px 0; - background: #BF568E; - border-radius: 15px; - font-family: 'Oswald'; - font-style: normal; - font-weight: 500; - font-size: 22px; - line-height: 22px; - display: flex; - text-transform: uppercase; - color: #FFF; - justify-content: center; - border: none; - transition: .3s; -} - -.btn-banner { - width: 190px; - margin-top: 30px; - font-size: 18px; - padding: 5px 33px; - font-weight: 300; - border-radius: 10px; -} -.btn-lilac:hover { - background: #AB3E78; -} - -.violation { - display: block; - margin-top: 10px; - font-weight: 300; - font-size: 14px; - line-height: 22px; - text-decoration-line: underline; - color: #FFFFFF -} - -.promo-form .phone { - margin-top: 10px; - justify-content: center; -} - -.promo-form .phone a { - margin-top: 13px; - font-weight: 900; - font-size: 32px; - line-height: 24px; - text-align: center; - color: #FFE600; -} - -/* promo-form END */ - -/* block-call */ -.block-call { - width: 100%; - display: flex; - justify-content: center; - padding: 22px 0; -} - -.btn-call { - width: 250px; - padding: 10px; - background: #FFE600; - font-weight: 400; - color: #262626; - font-size: 26px; - line-height: 28px; - border: none; -} - -/* block-call END */ - -/* teacher-about */ -.teacher-about { - padding-bottom: 22px; -} - -.teacher-about-wrapper { - display: flex; - flex-direction: column; - padding: 0 10px !important; -} - -.teacher-about_content { - position: relative; - display: flex; - flex-direction: column; - padding-bottom: 20px; -} - - -.teacher-about_text { - font-weight: 300; - font-size: 16px; - line-height: 20px; - display: flex; - flex-direction: column; - overflow: hidden; - transition: 3s; - max-height: 150vh; -} - -.more .teacher-about_text { - max-height: 170px; -} - -.btn-more { - display: none; -} - -.more .btn-more { - width: 100%; - position: absolute; - right: 0; - bottom: 0; - display: flex; - background: linear-gradient(0deg, rgba(243, 243, 243, 1) 50%, rgba(243, 243, 243, 0) 100%); - border: none; - justify-content: flex-end; -} - -.teacher-about_content .btn-more { - width: 100%; - position: absolute; - right: 0; - bottom: 0; - display: flex; - border: none; - justify-content: flex-end; - padding: 20px 0px 10px; -} - -.btn-more span { - color: #C1C1C1; - font-weight: 400; - font-size: 16px; - background: #fff; -} - -.teacher-about_content .btn-more span { - color: var(--main-background); - background: #f3f3f3; -} - -/* teacher-about END */ - -.custom-button-next, -.custom-button-prev { - position: absolute; - top: var(--swiper-navigation-top-offset, 50%); - z-index: 10; - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - color: var(--swiper-navigation-color, var(--swiper-theme-color)); - - width: 20px; - height: 30px; - background-image: url(../images/slider-arow.svg); - background-repeat: no-repeat; - background-position: center center; - -webkit-background-size: 100%; - -moz-background-size: 100%; - -o-background-size: 100%; - background-size: 100%; - transition: .3s; - background-color: transparent; -} - -.custom-button-next, -.swiper-rtl .custom-button-prev { - right: var(--swiper-navigation-sides-offset, 20px); - left: auto; - transform: scale(-1, 1); -} - -.custom-button-prev, -.swiper-rtl .swiper-button-next { - left: var(--swiper-navigation-sides-offset, 20px); - right: auto; -} - -.teachers-owl-prev, -.teachers-owl-next { - top: 50% -} -.teachers-owl-next { - right: 0; -} -.subject-next { - right: -50px; -} - -.subject-prev { - left: -50px; -} - -/* certificates */ -.certificates { - display: flex; - flex-wrap: wrap; - gap: 20px; - justify-content: center; -} - -.certificates_title { - margin-top: 18px; - font-size: 20px; - font-weight: 400; - line-height: 28px; - text-transform: uppercase; - color: #000; - text-align: center; -} - -.certificate__img { - display: flex; - width: 100px; - height: 130px; - justify-content: center; -} - -.certificates__item { - display: flex; - width: calc(100vw - 30px); - height: 90vh; - padding: 0 30px; - justify-content: center; -} - -.btn-close-certificates-img { - width: 44px; -} - -.certificates__item .certificates__item_img { - max-height: none !important; - width: 100% !important; - height: 100%; - object-fit: contain; -} - -.screen-certificates { - visibility: hidden; - position: fixed; - background-color: rgb(0 0 0 / 60%); - align-items: center; - justify-content: center; - transition: var(--main-transition); - display: flex; - z-index: 999999; -} - -.certificates-owl .owl-nav { - position: absolute; - width: 100vw; - top: 50%; - left: 50%; - z-index: 1; - transform: translate3d(-50%, -50%, 0); - display: flex; - justify-content: space-between; -} - -.screen-certificates.open { - top: 0; - left: 0; - width: 100%; - height: 100%; - visibility: visible; - transform: translate3d(0%, 0%, 0); -} - -.screen-certificates__img { - transition: var(--main-transition); - width: 100px; - height: 100px; - display: flex; -} - -.open .screen-certificates__img { - width: 80%; - height: 80%; -} - -.open .screen-certificates__img img { - width: 100%; - height: 100%; - object-fit: contain; -} - -.clickRemove { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 1; -} - -.btn-close-certificates { - position: absolute; - top: 25%; - right: 0; - background: transparent; - border: none; - z-index: 10; -} - -/* certificates END */ -.right-part { - padding: 0 10px; -} - -.questions h3 { - margin: 0; - text-transform: none; -} - -.questions .box__accordion_content p { - padding: 0 0 30px; -} - -/* reviews */ -.reviews { - background: #fff; - overflow: hidden; -} -.teacher-page .reviews { - padding: 40px 0; -} -.page-elementary-school .reviews .container{ - background: rgba(254, 223, 111, 0.2); - border-radius: 20px; - padding: 20px 50px; -} - -.container-wrapper { - display: flex; - gap: 30px; -} - -.teacher-about .teacher_title { - margin-bottom: 2px; -} - -.reviews-wrapper { - position: relative; - display: flex; - gap: 30px 1%; - flex-wrap: wrap; - justify-content: space-between; - max-width: 1120px; - margin: 0 auto; -} - -.reviews-owl { - padding: 6px; -} - -.reviews__item { - position: relative; - width: 31%; -} - -.page-rewiews { - background-color: #fff; -} - -.page-rewiews .rewiews-wrapper { - flex: 1; - padding: 30px 0; - display: flex; - gap: 20px; - flex-wrap: wrap; - height: fit-content; -} - -.page-rewiews .reviews__item-wrapper { - min-height: auto; - position: relative; - padding: 20px 40px; - display: flex; - flex-direction: column; - gap: 15px; - border-radius: 19px; - background-color: #fff; - justify-content: flex-start; - align-items: center; -} - -.page-rewiews .reviews__item { - width: calc(50% - 10px); - min-height: auto; -} - -.reviews__item-wrapper { - position: relative; - padding: 30px 40px 60px 70px; - display: flex; - flex-direction: column; - gap: 15px; - border-radius: 19px; - background-color: #fff; - height: 100%; -} - -.reviews__item:before { - content: ""; - position: absolute; - inset: -2px; - z-index: -1; - border-radius: 19px; - background: linear-gradient(90deg, #BF568E, #006DB7); -} - -.page-numbers-wrapper ul { - display: flex; - gap: 10px; - justify-content: center; -} - -.page-numbers-wrapper a.page-numbers { - width: 40px; - height: 40px; - background: #D9D9D9; - border-radius: 5px; - display: flex; - align-items: center; - justify-content: center; - font-family: 'Oswald'; - font-weight: 500; - font-size: 22px; - line-height: 28px; - transition: .3s; - cursor: pointer; - color: #1F1F1F; -} - -.page-numbers-wrapper .current { - background: var(--main-yellow); - color: #1F1F1F; - width: 40px; - height: 40px; - border-radius: 5px; - display: flex; - align-items: center; - justify-content: center; - font-family: 'Oswald'; - font-weight: 500; - font-size: 22px; -} - -.filter { - margin-top: 26px; - width: 330px; - height: fit-content; - padding: 30px; - background: #F5F5F5; - border-radius: 15px; -} - -.filter_title { - font-family: 'Roboto'; - font-weight: 500; - font-size: 22px; - color: #000000; - margin-bottom: 20px; -} - -.filter-wrapper { - display: flex; - flex-direction: column; - gap: 25px; -} - -.filter_item { - position: relative; - display: flex; - align-items: center; - padding-left: 30px; - cursor: pointer; - transition: .3s; -} - -.filter_item::after { - position: absolute; - content: ''; - left: 0; - width: 20px; - height: 20px; - border-radius: 50%; - border: 1px solid #C0C0C0; - transition: .3s; -} - -.filter_item:hover { - color: var(--main-color); -} - -.filter_item:hover::after { - border: 1px solid var(--main-color); -} - -.filter-wrapper .active::after { - border: 7px solid var(--main-color); -} - -.swiper { - width: 100%; -} - -.page-rewiews .reviews__item::before { - content: ''; - position: absolute; - top: -4px; - left: -4px; - width: calc(100% + 8px); - height: calc(100% + 8px); - background: linear-gradient(101.53deg, #BF568E 6.59%, #006DB7 94.96%); - border-radius: 24px; - z-index: 0; -} - -.reviews__item-client { - display: flex; - align-items: center; - gap: 16px; -} - -.reviews__item-client_avatar { - height: 50px; - width: 50px; - border-radius: 50%; - overflow: hidden; - background-color: #D9D9D9; - display: flex; - color: #fff; - align-items: center; - justify-content: center; - font-size: 28px; - font-weight: 500; -} - -.reviews__item-client_avatar-img { - width: 100%; - height: auto; - object-fit: cover; -} - -.reviews__item-client_name{ - font-family: 'Roboto'; - font-style: normal; - font-weight: 400; - font-size: 14px; - line-height: normal; - color: #000000; -} - -.page-rewiews .reviews__item-client_name, -.page-rewiews .reviews__item-client_stars span, -.page-rewiews .reviews__kurs, -.page-rewiews .reviews__item-client_text { - font-size: 18px; -} -.reviews__item-client_lavel { - margin-top: 5px; - opacity: .5; -} - -.reviews__item-client_stars { - margin-top: 6px; - display: flex; - align-items: center; -} - -.reviews__item-client_stars span { - margin-left: 20px; - font-size: 14px; - opacity: .5; -} - -.reviews__kurs { - font-weight: 500; - font-size: 16px; - line-height: 19px; - margin: 0; -} - -.reviews__kurs span { - color: #7C7C7C; -} - -.reviews__kurs a { - color: #000; -} - -.reviews__item-client_text { - position: relative; - overflow: hidden; - font-weight: 300; - font-size: 14px; - color: #000000; - max-height: 100vw; - transition: 1s; -} - -.reviews__item-client_text.more { - max-height: 95px; -} - -.reviews .more .btn-more { - background: transparent; -} - -.reviews_hiden { - max-height: 0px; - transition: 3s; - overflow: hidden; -} - -.btn-show { - width: 100%; - color: var(--main-background); - font-weight: 400; - font-size: 16px; - cursor: pointer; - margin-top: -20px; -} -.frame__popup { - display: none; - position: fixed; - top: 0; - left: 0; - width: 100vw; - height: 100vh; - background: #000000d4; - z-index: 99999; - align-items: center; - justify-content: center; -} -.frame__popup-wrapper { - position: relative; - width: 90%; - height: 90%; -} -.btn-close-frame__popup { - position: absolute; - top: 0; - right: 0; - width: 40px; - height: 40px; - cursor: pointer; -} -.frame_reviews { - width: 100%; - height: 100%; -} -@media screen and (max-width: 991px) { - .reviews-wrapper { - flex-direction: column; - flex-wrap: nowrap; - gap: 30px; - align-items: center; - } - - .page-rewiews .reviews__item { - width: calc(100% - 12px); - } -} - -/* reviews END */ - -.mobile-header-here_a { - display: flex; - flex-direction: column; -} - -.mobile-header-here_a span { - padding-left: 59px; - font-family: 'Roboto'; - font-style: normal; - font-weight: 300; - font-size: 18px; - line-height: 28px; - color: #000000; -} - -.swiper-button-disabled { - display: none; -} - -.page404 .banner-wrapper { - height: 600px; -} -.page404 .container { - max-width: 1296px !important; -} -.page404 .breadcrumbs.container { - max-width: 1190px !important; -} -@media screen and (max-width: 992px) { - .container.header-mobile-container { - padding: 0px 15px !important; - } -} - - -/* promo-block */ -.promo-block .container { - padding: 0 20px; -} - -.promo-block { - padding: 56px 0; - font-family: 'Roboto'; - font-style: normal; - color: #fff; - background-color: #9261AA; -} - -.promo-block .text-block { - display: flex; - flex-direction: column; - gap: 20px; - align-items: center; -} - -.promo-block .title { - font-weight: 800; - font-size: 18px; - line-height: 22px; - text-transform: uppercase; - text-align: center; -} - -.promo-block .bitrix-link-popup { - margin-top: 13px; - background-color: #ffe600; - padding: 14px 28px; - font-weight: 500; - transition: all .3s ease; - text-align: center; -} - -.promo-block .bitrix-link-popup a { - font-family: 'Roboto'; - font-weight: 500; - font-size: 17.7656px; - line-height: 19px; - color: #262626; -} - -.promo-block .bitrix-link-popup:hover { - background-color: #2fa7cb; -} - -.promo-block .bitrix-link-popup:hover a { - color: #fff; -} - -/* promo-block END */ - -/* video */ -.video-wrapper { - margin-top: 15px; - display: flex; - aspect-ratio: 16 / 9; -} - -.video-wrapper iframe { - width: 100%; - height: auto; - min-height: 200px; - border-radius: 6px; -} - -/* video END */ - -.yellow-button { - width: 100%; - padding: 21px 28px; - display: flex; - background: #FFD43E; - border: none; - justify-content: center; - margin: 0 auto; - transition: .3s; - border-radius: 15px; -} - -.yellow-button a { - text-transform: uppercase; - transition: .3s; - font-family: 'Oswald'; - font-style: normal; - font-weight: 400; - font-size: 26px; - line-height: 22px; - color: #BF568E; -} - -.yellow-button:hover { - background: #FFC806 -} - -.our-teachers { - overflow: hidden; -} - -.our-teachers .container { - padding: 20px 90px 40px; - border-radius: 20px; - background-color: #F2F5F7; -} - -.our-teachers_text { - font-family: 'Roboto'; - font-weight: 300; - font-size: 16px; - line-height: 23px; -} - -.teachers-owl { - margin-top: 30px; - overflow: hidden; -} - -.teachers-owl .owl-stage-outer { - width: 100%; -} - -.teachers-owl .owl-stage { - display: flex; -} - -.teachers-owl_item { - overflow: hidden; -} -.ourteacher { - max-width: 236px; - display: flex; - flex-direction: column; - font-family: 'Oswald'; -} -.ourteacher a { - width: 100%; - height: 236px; - border: 2px solid #006DB7; - display: flex; -} -.ourteacher img { - width: 100%; - height: auto; - object-fit: cover; -} -.ourteacher_title { - margin-top: 10px; - font-style: normal; - font-weight: 400; - font-size: 18px; - align-items: center; - text-align: center; - color: #000; -} -.teachers-owl_item img { - display: block; - width: 100%; - -webkit-transform-style: preserve-3d; -} -.ourteacher_name { - margin-top: 10px; - font-weight: 300; - font-size: 18px; - line-height: 20px; - display: flex; - align-items: center; - text-align: center; - justify-content: center; -} -.our-teachers .owl-controls { - position: absolute; - left: 0; - bottom: 50% !important; - width: 100%; -} - -.our-teachers .yellow-button { - margin-top: 22px; -} - -.our-teachers .owl-carousel .owl-item { - display: flex; - justify-content: center; -} - -.teachers-owl_item { - width: 450px; -} - -.teacher-page .owl-next, -.teacher-page .owl-prev { - /*content: "";*/ - width: 15px; - height: 15px; - background-image: url(../images/slider-arow.svg); - /*position: absolute;*/ - top: 50%; - transform: translateY(-50%); - background-repeat: no-repeat; - background-position: center center; - background-attachment: fixed; - -webkit-background-size: 100%; - -moz-background-size: 100%; - -o-background-size: 100%; - background-size: 100%; - transition: .3s; - background-color: transparent; -} - -.our-teachers .owl-next, -.our-teachers .owl-prev { - width: 20px; - height: 30px; -} - -.teacher-page .owl-next { - transform: scale(-1, 1); -} - -.our-teachers .owl-next { - top: calc(50% - 17px); -} - -.certificates-owl .owl-prev { - left: 10px; -} - -.certificates-owl .owl-next { - right: 10px; - top: calc(50% - 10px); -} - -footer .contacts-footer p:first-child+p { - color: #fff !important; -} - -.main-footer-wrapper .bottom-bar-wrapper .textwidget p:last-child { - color: #fff !important; -} - -.accordion-one { - display: flex; - justify-content: space-between; -} - -.teachers-owl { - padding: 0 30px; -} - -@media (max-width:568px) { - .teachers-owl_item { - width: 290px; - } - - .panel-body { - padding: 0px !important; - } - - .panel-body>.row>.row { - margin: 0 !important; - } - - h1 { - line-height: 26px; - font-size: 26px; - } - - #wrapper-content>section:nth-child(4)>div>div>div.col-sm-7>h3 { - text-align: center; - font-size: 18px; - } - - #collapse1>div>div>div:nth-child(1)>div:nth-child(2) { - display: flex; - margin: 10px 0px; - padding: 0px; - align-content: center; - flex-direction: row; - flex-wrap: wrap; - } - - .header-yellow-button { - margin: 0px; - color: black; - font-size: 19px; - } - - .panel-heading { - padding: 5px; - } - - .accordion-one { - display: flex; - flex-direction: row; - align-items: center; - } - - #accordion1 .panel-body { - padding: 15px !important; - padding-left: 30px !important; - } - - .text-start-11 { - width: 91.66666667%; - } - - .text-start-1 { - width: 8.33333333%; - } -} - -.header-map { - padding-top: 32px; - padding-bottom: 18px; - background-color: #fff; -} - -.main-title { - margin: 0; - text-transform: none; -} - -/* contants */ -.contacts { - background-color: #fff; -} -.contacts .page_h2 { - padding-top: 40px; -} -.contacts .container { - max-width: 1296px !important; - padding: 0 !important; -} -.content-main_block .container, -.blocks-address .container { - padding: 0 !important; -} -.contacts .main_content { - display: flex; - gap: 80px; -} - -.contacts-left-part { - width: 50%; - display: flex; - flex-direction: column; - gap: 40px; -} - -.contacts-right-part { - width: 700px; - display: flex; - flex-direction: column; - gap: 40px; -} - -.contacts-block { - position: relative; - padding: 40px 45px; - display: flex; - flex-direction: column; - background-color: #F3F3F3; - border-radius: 30px; - font-family: 'Roboto'; - font-weight: 500; - font-size: 18px; - line-height: 22px; - color: #000; - gap: 40px; - justify-content: space-evenly; -} - -.contacts-block h2 { - margin-top: 0; - font-family: 'Oswald'; - font-weight: 400; - font-size: 26px; - line-height: 27px; - text-transform: uppercase; - color: var(--main-color); - margin-bottom: 15px; -} - -.contacts_block-wrapper { - display: flex; - flex-direction: column; - gap: 15px; - height: 100%; -} - -.contacts-block h3 { - font-family: 'Roboto'; - font-weight: 400; - font-size: 18px; - line-height: 20px; - color: #000; -} - -.contacts-block h4, -.how_h4 { - font-family: 'Oswald'; - font-weight: 400; - font-size: 22px; - line-height: 27px; - text-transform: uppercase; - color: #000; - margin-bottom: 15px; -} - -.contacts-block .social { - margin: 0; -} - -.how_h4 { - margin: 0; -} - -.style-type-non { - margin-left: 0 !important; - padding-left: 0 !important; -} - -.style-type-non li { - list-style-type: none !important; -} - -.contacts-block p { - margin: 0; - font-size: 18px; - line-height: normal; -} - -.contacts-block a { - color: #000; -} - -.contacts-block li { - font-family: 'Roboto'; - font-weight: 300; - font-size: 18px; - line-height: 22px; - color: #000; -} - -.contacts__block_text { - font-family: 'Roboto'; - font-weight: 500; - font-size: 22px; - line-height: 20px; - color: #000; -} - -.btn-WA { - width: fit-content; - display: flex; - padding: 9px 11px 9px 13px; - gap: 12px; - background: #FFF; - border: 1px solid var(--main-color); - border-radius: 10px; - color: var(--main-color) !important; - font-family: 'Roboto'; - font-weight: 500; - font-size: 18px; - line-height: 20px; -} - -.btn-call-me { - position: absolute; - display: flex; - justify-content: center; - align-items: center; - padding: 9px 11px; - gap: 19px; - background: var(--main-color); - border-radius: 10px; - color: #fff; - font-family: 'Roboto'; - font-weight: 600; - font-size: 18px; - line-height: 20px; - top: 32px; - right: 45px; -} - -.contacts-right-part .contacts_block-wrapper { - gap: 0; - margin: 0; -} - -.contacts-right-part h2 { - margin-top: 0; -} - -.blocks-address b { - font-size: 22px; -} - -.litle-text { - margin-bottom: -15px !important; -} - -.blocks-address .contacts-block h2 { - margin: 0; -} - -.img-address { - width: 500px; - height: 100%; - object-fit: cover; - margin: 0 auto; - margin-top: 25px; -} - -.blocks-address .contacts-right-part .contacts_block-wrapper { - gap: 15px; -} - -.contacts_block-wrapper-col { - display: flex; - justify-content: center; - gap: 40px; - align-items: center; -} - -.review-block { - padding: 18px; -} - -.contacts_block-wrapper-col h4 { - margin: 0 !important; -} - -/* contants END */ - -.desktop { - display: flex !important; -} - -.mobile { - display: none !important; -} - -.desktop-span { - display: inline !important; -} - -.mobile-span { - display: none !important; -} - -.header-nav-wrapper { - box-shadow: 0px 0px 5px 2px #0000001A; -} - -.breadcrumbs-teacher-wrapper { - display: flex; - align-items: flex-end; - justify-content: space-between; -} - -.breadcrumbs-teacher .container { - padding: 0; -} - -.about-teacher { - padding: 9px 9px !important; - margin-top: -70px !important; -} - -.about-teacher::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: linear-gradient(134.27deg, #BF568E -3.32%, #1B6AB2 96.15%); - border-radius: 25px; -} - -.about-teacher-wrapper { - position: relative; - padding: 54px 75px 50px 90px; - display: flex; - gap: 90px; - background: #fff; - border-radius: 16px; -} - -.left-part { - padding-top: 80px; - width: 300px; -} - -.right-part { - flex: 1; -} - -.teacher-description_text::after { - left: 0px; -} - -.teacher-description { - background: transparent; -} - -.teacher__rating::before { - display: none; -} - -.teacher_stars { - margin-top: 11px; - padding: 0; -} - -.teacher__rating { - margin-top: 0; - height: auto; - background: #FFFFFF; - box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); - border-radius: 90px 90px 0 0; - padding-bottom: 5px; -} - -.teacher__rating-img { - position: unset; - width: 100%; - height: 300px; - margin-bottom: 0; -} - -.teacher__rating-img_foto { - border-radius: 50px; - width: 100%; - height: 100%; - object-fit: cover; -} - -.teacher__rating-img::before { - display: none; -} - -.teacher_name-wrapper { - margin-top: 0; - padding: 0; -} - -.teacher_name { - text-align: left; - font-family: 'Oswald'; - font-style: normal; - font-size: 40px; - line-height: normal; - text-transform: uppercase; - margin-bottom: 40px; - justify-content: flex-start; -} - -.teacher-about-wrapper, -.right-part { - padding: 0 !important; -} - -.teacher_name-wrapper .accordion { - gap: 10px; -} - -.teacher-about { - margin-top: 60px; -} - -.certificates_title { - margin-top: 0px; - font-size: 26px; - margin-bottom: 26px; -} - -.certificate__img { - width: 145px; - height: auto; -} - -.teacher-description_text { - font-family: 'Roboto'; - font-weight: 400; - font-size: 26px; - line-height: 26px; - padding: 10px 0 10px 20px; -} - -.teacher_title { - margin-top: 20px; - font-size: 26px; - font-family: 'Oswald'; - font-weight: 400; - color: #000; - margin-bottom: 15px; -} - -.more .btn-more { - background: linear-gradient(0deg, rgb(255 255 255) 50%, #fff0 100%); -} - -.teacher-about_content .btn-more span { - background: #fff; -} - -.right-part .obrazovanie { - border: none; -} - -.teacher-page .box__accordion_content { - gap: 16px; -} - -.teacher-page .taxonomy-block__name_logo { - width: 34px; -} - -.accordion-0.obrazovanie { - width: 100%; - display: flex; - flex-direction: column; - margin: 30px 0; - gap: 30px; -} - -.obrazovanie li::after { - content: ""; - position: absolute; - left: 0; - width: 8px; - height: 8px; - border-radius: 2px; - background-color: var(--main-background); -} - -.obrazovanie .box__accordion_content-0 { - font-family: 'Roboto'; - font-style: normal; - font-weight: 300; - font-size: 18px; - line-height: 30px; -} - -.obrazovanie ul { - margin-top: 15px; -} - -.box__accordion_content-0 { - font-size: 18px; -} - -.promo-form-wrapper { - padding: 40px 60px 40px 90px; - border-radius: 25px; - background: linear-gradient(180deg, #006DB7 0%, #003051 54.59%); - color: #fff; - display: flex; - justify-content: space-between; -} - -.promo-form-right-part { - max-width: 630px; - display: flex; - align-items: flex-start; - flex-direction: column; -} - -.promo-form-left-part { - width: 490px; - display: flex; - flex-direction: column; - gap: 15px; -} - -.promo-form label input { - margin-right: 8px; -} - -.promo-form label { - font-size: 22px; -} - -.label-wrapper { - position: relative; - margin-top: 34px; - left: -40px; -} - -.label-wrapper .text-block_label { - margin-top: 6px; -} - -.promo-form-left-part a { - color: #fff; - text-decoration: underline; -} - -.promo-form .phone a { - margin-top: 0; - font-size: 48px; - line-height: 1; -} - -.promo-form .form-data:first-child { - margin-top: 0; -} - -.promo-form .form-data { - margin-top: 0px; - padding: 25px 17px; -} - -.promo-form label { - margin: 0 0 5px; -} - -.promo-form .btn-lilac { - padding: 30px 0; -} - -.reviews .owl-item { - padding: 6px; -} - -.teachers-owl-prev{ - left: 0; -} - -.foto-prev { - left: 40px; -} - -.foto-next { - right: 40px; -} -.reviews-owl-next, -.reviews-owl-prev { - top: calc(50% + 30px); -} -.reviews-owl-next { - right: 30px; -} -.reviews-owl-prev { - left: 30px; -} -.reviews__item-client { - gap: 20px; -} - -.reviews__item-client_avatar { - height: 57px; - width: 57px; -} - -.reviews__kurs { - font-weight: 500; - font-size: 14px; - line-height: 19px; - letter-spacing: 0; -} - -.reviews-wrapper .owl-nav, -.our-teachers .owl-nav { - position: absolute; - left: -60px; - bottom: calc(50% - 30px); - width: calc(100% + 120px); -} - -.reviews-wrapper .owl-nav { - display: flex; - justify-content: space-between; -} - -.teacher-page .owl-next, -.teacher-page .owl-prev { - width: 20px; - height: 27px; - position: absolute; - top: 0; -} - -.teacher-page .owl-next { - top: -13px; - right: 0; -} - -.questions .container { - padding: 20px 100px; - background: #F2F5F7; - border: 1px solid #000; - border-radius: 20px; -} -.questions .box__accordion { - border-top: 1px solid #00000080; - border-radius: 0; -} - -.questions .accordion .box__accordion .box__accordion_label { - padding: 12px 0 20px; -} - -.questions .box__accordion_label { - font-size: 18px; -} - -.questions .accordion { - margin-top: 40px; -} - -.our-teachers_text { - margin-top: 40px !important; - font-size: 18px; -} - -.yellow-button { - margin-top: 80px; - width: 490px; -} - -.header-map { - padding: 72px 0 40px !important; -} - -.gmap { - margin: 0 auto; - background: #fff; -} - -.gmap iframe { - border-radius: 25px !important; - height: 630px; - max-width: 1440px; -} - -.btn-free-lesson { - width: 352px; -} - -.certificates__item img { - width: 60% !important; - height: 100%; - object-fit: contain; -} - -.certificates-owl { - width: 1024px; -} - -.certificates__item { - width: 100%; -} - -.certificates-owl .owl-controls { - width: 64vw; -} - -.btn-close-certificates-img { - width: 57px; -} -.teachers-owl-wrapper { - position: relative; - padding: 0 40px -} -.teachers-owl { - padding: 0; -} - - -.container { - width: 100%; - max-width: 1296px; - margin: 0 auto; - position: relative; -} - -/* footer */ - -footer { - background-color: #1F1F1F; - color: #fff; -} - -.footer-wrapper { - max-width: 1184px; - width: 100%; - padding: 60px 20px 80px; -} - - -.footer_logo { - position: absolute; -} - -.footer_logo img { - width: 238px; - height: 70px; -} - -.footer__main-col { - padding-top: 55px; - flex: 1; -} - -.footer-main { - display: flex; - justify-content: space-between; - padding-bottom: 22px; -} - -.footer_links { - margin-top: 50px; - display: flex; - gap: 90px; - font-size: 16px; -} - -.footer_links-col { - display: flex; - gap: 50px; -} - -.footer_links-col__main-link { - margin-bottom: 8px; - text-transform: uppercase; -} - -footer a { - color: #fff; - transition: .3s; -} - -.footer__col { - display: flex; - flex-direction: column; - gap: 25px; -} -.footer__col .btn-lilac { - align-self: self-end; -} - -.footer_links .menu-item-has-children>a { - position: relative; - margin-bottom: 27px; - display: block; - font-size: 18px; - font-family: 'Oswald'; - text-transform: uppercase; -} - -.footer_links .menu-item-has-children>a::before { - position: absolute; - content: ''; - width: 100%; - bottom: -10px; - height: 1px; - background-color: #ffffff78; -} - -.footer_links .sub-menu { - display: flex; - flex-direction: column; - gap: 17px; - -} - -.footer__link-icon { - display: flex; - align-items: center; - gap: 25px; - font-size: 16px; -} - -.footer__col .btn-write { - margin-bottom: 19px; -} - -.footer_links .sub-menu a { - color: #fff; -} - -.social { - display: flex; - gap: 15px; - margin-left: 45px; -} - -.footer-politica { - margin-top: 46px; - font-size: 13px; - display: flex; - gap: 30px; - padding-bottom: 24px; - border-bottom: 1px solid #B0B0B0; -} - -.footer-last-row { - border-top: 1px solid #B0B0B0; - padding-top: 10px; - display: flex; - gap: 20px; - justify-content: space-between; - font-size: 14px; -} - -.footer-last-row a { - color: var(--main-blue); -} - -footer a:hover, -.footer_links .sub-menu a:hover { - color: var(--main-color); -} - -/* footer END */ - -/* page-courses */ -.page-courses, -.page-foto { - background-color: #fff; -} -.foto-section { - margin-top: 110px; -} -.courses-section { - padding-top: 110px; -} -.courses-wrapper { - margin-top: 60px; - display: flex; - flex-wrap: wrap; - gap: 25px; -} - -.course__item { - width: calc(33% - 13px); - border-radius: 15px; - overflow: hidden; - border: 1px solid #fff0; - transition: .3s; - background-color: #F3F3F3; -} - -.course__item:hover { - border: 1px solid #FFD43E; - box-shadow: 0 0 4px #FFD43E; -} - -.course__item .product-info { - padding: 30px; -} - -.course__item .popular__subject_title { - justify-content: center; -} - -/* page-courses END */ -/* page-foto */ -.foto-wrapper { - display: flex; - flex-wrap: wrap; - gap: 30px; -} - -.foto_item { - display: flex; - border-radius: 30px; - overflow: hidden; - cursor: pointer; -} - -.foto_item-1 { - width: calc(70% - 15px); - height: 550px; -} - -.foto_item-2 { - width: calc(30% - 15px); - height: 550px; -} - -.foto_item-3 { - width: calc(50% - 15px); - height: 380px; -} - -.foto_item-4 { - width: calc(50% - 15px); - height: 380px; -} - -.foto_item img { - width: 100%; - height: 100%; - object-fit: cover; -} - -.slider-modal, -.modal-resume-form, -.modal-request-form { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: rgba(0,0,0,0.6); - backdrop-filter: blur(4px); - -webkit-backdrop-filter: blur(4px); - display: flex; - align-items: center; - justify-content: center; - z-index: 99999; - padding: 20px; - box-sizing: border-box; -} - -.btn-close-slider { - position: absolute; - top: 5%; - right: 0; - background: #fff0; - border: none; - z-index: 10; -} - -.btn-close-slider-img { - width: 50px; -} - -.slider-modal-wrapper { - width: 80%; -} - -.slider-modal-wrapper .img__item img { - object-fit: contain; -} - -.slider-modal-wrapper .swiper { - overflow: visible; -} - -.page-foto .video-wrapper { - position: relative; - margin: 0 auto; - margin-top: 70px; - width: 985px; - height: 550px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 30px; - background-color: #D9D9D9; - overflow: hidden; -} - -.page-foto .video-wrapper iframe { - width: 100%; - height: 100%; -} - -.video_preview { - width: 100%; - object-fit: cover; - height: 100%; -} - -.page-foto .video_play { - position: relative; -} - -.page-foto .btn-play-video { - z-index: 1; -} - -/* page-foto END */ - -/* page-vacancies */ -.page-vacancies { - background-color: #fff; -} - -.page-vacancies .banner-wrapper { - padding: 90px 0 120px; - background: radial-gradient(48.07% 192.01% at 1.89% 94%, #006DB7 0%, #1F1F1F 100%); -} - -.vacancies__banner { - display: flex; -} - -.vacancies__banner-left { - width: 50%; - display: flex; - flex-direction: column; - gap: 80px; -} - - -.btn-resume { - width: 490px; -} - -.vacancies__banner-right { - position: relative; - width: 50%; -} - -.b24-form-placeholder { - display: flex; - flex-direction: column; - align-items: center; - gap: 20px; - padding: 40px 30px; - text-align: center; -} -.b24-form-placeholder__text { - font-family: 'Roboto', sans-serif; - font-size: 18px; - line-height: 1.5; - color: #fff; - max-width: 360px; - margin: 0; -} - -.banner-circle { - position: absolute; - border-radius: 50%; - background-color: #fff; - display: flex; - flex-direction: column; - gap: 10px; - font-family: 'Roboto'; - display: flex; - align-items: center; - justify-content: center; - box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.25); -} - -.main-text-color { - font-weight: 900; - font-size: 40px; - background: radial-gradient(97.18% 216.64% at 17.11% 28.58%, #BF568E 0%, #975B97 21%, #006DB7 100%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - background-clip: text; - text-align: center; - line-height: 30px; -} - -.main-text { - font-size: 18px; - line-height: 22px; - color: #000; - text-align: center; -} - -.vacancies__banner-circle-1 { - top: 0; - left: 160px; - width: 208px; - height: 208px; -} - -.vacancies__banner-circle-2 { - top: 65px; - left: 325px; - width: 285px; - height: 285px; - z-index: 1; -} - -.vacancies__banner-circle-3 { - bottom: 0; - left: 145px; - width: 196px; - height: 196px; -} - -.advantages-wrapper { - margin: 40px 0; - display: flex; - gap: 30px; -} - -.advantages__item { - padding: 20px; - display: flex; - flex-direction: column; - gap: 20px; - color: #fff; - font-family: 'Roboto'; - border-radius: 15px; - background-color: var(--main-color); - width: 100%; - aspect-ratio: 1/1; - justify-content: center; -} - -.advantages__item:nth-child(even) { - background-color: #303030; -} - -.advantages__item_title { - font-weight: 600; - font-size: 35px; - line-height: 40px; - margin: 0; -} - -.advantages__item_text { - font-size: 22px; - line-height: 27px; - margin: 0; -} - -.page-vacancies .accordion { - width: 100%; - margin: 0; - max-width: none; - gap: 15px; -} - -.page-vacancies .box__accordion_content-text { - padding: 30px 20px; - font-size: 22px; -} - -.page-vacancies .box__accordion, -.vacancie { - background-color: #F3F3F3; -} - -.box__accordion .btn-resume { - margin: 0 auto 50px; -} - -.page-vacancies .conteiner-text .box__accordion_label { - color: #000; - padding: 30px 20px; - font-size: 22px; -} - -.page-vacancies .box__accordion:hover { - background-color: #F3F3F3; - box-shadow: 0 0 8px rgb(0 0 0 / .2); - color: #000; -} - -.btn-close-resume-form, -.btn-close-request-form { - position: absolute; - top: 12px; - right: 12px; - background: #fff0; - border: none; - z-index: 99999; - cursor: pointer; -} - -.btn-close-resume-form img, -.btn-close-request-form img { - width: 50px; - height: 50px; -} - -.form-wrapper { - position: relative; - width: 100%; - max-width: 560px; - margin: 0 auto; - background: #fff; - border-radius: 20px; - padding: 40px 32px 32px; - box-shadow: 0 20px 60px rgba(0,0,0,0.3); - max-height: 90vh; - overflow-y: auto; -} -.form-wrapper .b24-form-container { - width: 100%; -} -.form-wrapper .b24-form { - border-radius: 12px; - overflow: hidden; -} - -.b24-form-btn { - background-color: var(--main-color) !important; - border-radius: 10px !important; - font-family: 'Oswald' !important; - font-weight: 500 !important; - font-size: 16px !important; - line-height: 27px !important; - text-transform: uppercase !important; - color: #FFF !important; -} - -.b24-form-wrapper.b24-form-border-bottom { - border-bottom: none !important; -} - -.b24-form-control-file { - border-radius: 10px !important; - border: 1px solid #000 !important; - background-color: #fff !important; -} - -.main_content .b24-form-control-file { - background: #F3F3F3 !important; -} - -.b24-form-control-file .b24-form-control { - background-color: var(--main-background) !important; - color: #fff !important; - border: none !important; - border-radius: 7chpx !important; -} - -.b24-form-control-file .b24-form-control:after, -.b24-form-control-file .b24-form-control:before { - background-color: rgb(255 255 255) !important; -} - -.b24-form-control-icon-after .b24-form-control { - background: #fff !important; - border-radius: 10px !important; - border: 1px solid #000 !important; -} -.main_content .b24-form-control-icon-after .b24-form-control { - background: #F3F3F3 !important; -} -.page-vacancies .buttons { - margin: 40px; -} -.page-vacancies .map { - padding-top: 0 !important; -} -/* page-vacancies END*/ - -/* page-vacancies-news */ -.cat-wrapper { - display: flex; - gap: 15px; - font-family: 'Roboto'; - justify-content: center; -} - -.cat-wrapper_item { - padding: 14px 40px; - font-weight: 400; - font-size: 18px; - line-height: 22px; - color: #000; - background-color: #F3F3F3; - border-radius: 25px; - cursor: pointer; -} - -.cat-wrapper_item.active { - background-color: var(--main-yellow); -} - -.news-wrapper { - margin-top: 60px; - display: flex; - gap: 40px; - flex-wrap: wrap; -} - -.news__item { - position: relative; - width: calc(33% - 23px); - display: none; - flex-direction: column; - gap: 20px; - transition: .3s; - background: #F3F3F3; - border-radius: 20px; - border: 1px solid #fff0; - overflow: hidden; - padding-bottom: 35px; -} - -.news__item a { - display: flex; - flex-direction: column; - gap: 20px; -} - -.news__item.show { - display: flex; -} - -.news__item .popular__subject_img { - height: 250px; -} - -.news_label_cat { - position: absolute; - top: 20px; - left: 20px; - border-radius: 20px; - padding: 10px 25px; - background-color: #F3F3F3; - z-index: 1; - color: #000; - font-size: 18px; - line-height: 22px; -} - -.news__item .product-info { - position: relative; -} - -.news_label { - position: absolute; - top: 0; - right: 30px; - font-weight: 300; - font-size: 18px; - line-height: 25px; - color: #000; -} - -.news__item .popular__subject_title { - width: 75%; - text-align: start; -} - -/* page-vacancies-news END */ - -/* page-single-post */ - -.banner-post { - background-color: #F3F3F3; - position: relative; -} - -.banner-post .banner-wrapper { - height: auto; - padding: 30px 0; - display: flex; - justify-content: space-between; - background: transparent; - font-family: 'Roboto'; -} - -.banner-left-part, -.banner-right-part { - width: 48%; - display: flex; - flex-direction: column; -} - -.banner-left-part time { - font-weight: 300; - font-size: 18px; - line-height: 23px; -} - -.single-post_title { - margin-top: 15px; - font-family: 'Oswald'; - font-weight: 600; - font-size: 32px; -} - -.link_cat { - margin-top: 75px; - padding: 14px 45px; - border: 1px solid #A5A5A5; - border-radius: 25px; - font-size: 18px; - line-height: 22px; - color: #000; - width: fit-content; -} - -.banner-right-part { - display: flex; - border-radius: 44px; - overflow: hidden; -} - -.banner-right-part img { - width: 100%; - height: 100%; - object-fit: cover; -} - -.single-post-content { - background-color: #fff; - padding: 40px 0; -} - -.post-content-wrapper { - display: flex; - justify-content: space-between; -} - -.content-left-part { - width: 60%; - font-size: 18px; -} - -.read-block { - width: 36%; - padding: 45px 20px; - display: flex; - flex-direction: column; - gap: 40px; - align-items: center; - height: fit-content; - background: #F3F3F3; - border-radius: 30px; -} - -.read-block_title { - font-family: 'Oswald'; - font-size: 40px; - line-height: 40px; - text-transform: uppercase; - color: var(--main-blue); -} - -.read-blocks-wrapper { - display: flex; - flex-direction: column; - gap: 15px; -} - -.block-new a { - width: 100%; - display: flex; - border-radius: 10px; - overflow: hidden; - height: 140px; - align-items: center; -} - -.block-new_img { - width: calc(50% - 16px); - height: 100%; -} - -.block-new_img img { - width: 100%; - height: 100%; - object-fit: cover; -} - -.block-new_title { - flex: 1; - height: calc(100% - 16px); - padding: 20px 10px; - font-family: 'Roboto'; - font-size: 16px; - line-height: 18px; - display: flex; - align-items: center; - text-transform: uppercase; - border: 1px solid var(--main-blue); - border-radius: 0 10px 10px 0; - border-left: none; - background-color: #fff; - color: #000; -} - -/* page-single-post END */ -/* organization */ -.organization { - background-color: #fff; -} -.organization .page_h2 { - padding-top: 40px; -} -.organization .wp-block-heading { - margin-top: 20px; -} -.organization p { - margin: 0; -} - -.wp-block-heading { - font-family: 'Oswald'; - font-size: 26px; - line-height: 23px; - color: #000000; - margin-bottom: 20px; -} - -.wp-block-group { - width: 100%; -} - -.wp-block-group__inner-container { - max-width: 1440px; - padding: 20px; - margin: 0 auto; -} - -.wp-block-group:nth-child(odd) { - background-color: #F3F3F3; -} - -.wp-block-list { - font-family: 'Roboto'; - font-size: 18px; - line-height: 24px; - color: #000000; - margin-left: 30px; -} - -.wp-block-list li { - list-style-type: disc; -} - -/* organization END */ - -/* single curse */ -.single-course .single-post-content { - background-color: transparent; -} - -.single-course .read-block { - background-color: #fff; -} - -.courses-block { - width: 36%; - display: flex; - flex-direction: column; - gap: 30px; -} - -.courses-block-wrapper { - padding: 45px 20px; - display: flex; - flex-direction: column; - gap: 40px; - align-items: center; - height: fit-content; - background: #fff; - border-radius: 30px; -} - -.courses-block-social { - display: flex; - flex-direction: column; - align-items: center; - gap: 20px; - padding: 20px; - border-radius: 30px; - background: #fff; - margin: 0; -} - -.courses-block-social .social { - margin: 0; -} - -.social_title { - font-family: 'Oswald'; - font-weight: 400; - font-size: 20px; - line-height: 20px; - text-transform: uppercase; -} - -.programm-course { - padding-bottom: 70px; -} - -.single-course .banner-wrapper { - padding: 170px 0; - background-color: #032D44; -} - -.single-course .b24-form-wrapper { - width: 560px; - border-radius: 25px; - background: radial-gradient(97.18% 216.64% at 17.11% 28.58%, #BF568E 0%, #006DB7 44.1%, #111111 94.23%); - padding: 10px 0px 30px; -} - -.promo-form .b24-form-wrapper { - width: 100%; - background: transparent; -} - -.b24-form-field-agreement .b24-form-field-agreement-link, -.b24-form .b24-form-sign-abuse-link { - font-size: 18px !important; - color: #fff !important; - line-height: 22px !important; -} - -.b24-form-field-agreement .b24-form-field-agreement-link, -.b24-form .b24-form-sign-abuse-link { - font-size: 18px !important; - color: #000 !important; - line-height: 22px !important; -} - - -.main_content .b24-form-field-agreement .b24-form-field-agreement-link, -.main_content .b24-form .b24-form-sign-abuse-link { - color: #000 !important; -} - -.promo-form .b24-form-field-agreement .b24-form-field-agreement-link, -.promo-form .b24-form .b24-form-sign-abuse-link { - color: #fff !important; -} - -.form-wrapper .b24-form-field-agreement .b24-form-field-agreement-link, -.form-wrapper .b24-form .b24-form-sign-abuse-link{ - color: #000 !important; -} - - -.b24-form-control-icon-after .b24-form-control { - border: none !important; -} - -.b24-form-control-icon-after .b24-form-control { - border: 1px solid #000 !important; - background: #e8e8e8 !important; -} - - -.background: #e8e8e8 !important; -.single-course .b24-form-btn { - font-size: 30px !important; -} - -.single-course .b24-form-control-string .b24-form-control { - font-size: 26px; - height: 74px; - border: none !important; -} - -.single-course .banner_text { - text-transform: uppercase; -} - -.course-about-wrapper { - position: relative; - display: flex; - padding: 25px 40px 25px 30px; - background: #FFFFFF; - box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); - border-radius: 30px; - gap: 30px; - overflow: hidden; -} - -.about_img { - position: relative; - width: 350px; - height: 350px; - background: #D9D9D9; - border-radius: 20px; - overflow: hidden; -} -.about_img img { - width: 100%; - height: 100%; - object-fit: cover; -} - -.about_title { - position: relative; - width: 100%; - text-align: center; - margin-bottom: 20px; - font-family: 'Oswald'; - font-weight: 600; - font-size: 38px; - line-height: 42px; - color: var(--main-blue); -} - -.about-circle { - position: absolute; - width: 510px; - height: 510px; - background-color: #FFD43E; - bottom: -255px; - left: 60px; - border-radius: 50%; -} - -.about-col { - display: flex; - flex-direction: column; - gap: 6px; - flex: 1; - z-index: 1; -} - -.about-col_item { - display: flex; - justify-content: space-between; - align-items: center; - padding: 23px 28px; - background: #FFFFFF; - border-radius: 20px; - box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); - font-family: 'Roboto'; - font-weight: 500; - font-size: 22px; - line-height: 26px; - color: #000000; -} - -.about-col_item span { - color: var(--main-color) -} - -.expander { - flex: 1; -} - -.btn-separate { - margin: 0 auto; - width: 370px; -} - -.single-post-content .content-left-part { - display: flex; - flex-direction: column; - gap: 20px; -} - -.single-course .questions { - padding-bottom: 0; -} - -.single-course .questions .accordion { - margin-bottom: 40px; -} - -.section-wrap .text { - font-family: 'Roboto'; - font-weight: 300; - font-size: 18px; - line-height: 23px; -} - -.os-item { - position: relative; - padding-left: 40px; - margin: 12px 0; -} - -.os-item::before { - position: absolute; - content: ''; - width: 24px; - height: 24px; - left: 0; - background-image: url(../images/list-check.svg); - background-size: 100%; - background-repeat: no-repeat; -} - -.single-course .box__accordion { - border-radius: 0 !important; -} - -.section-wrap .box__accordion_content { - padding-left: 20px; - gap: 15px; -} - -.section-wrap .active .box__accordion_content { - padding-bottom: 20px; -} - -.cell { - font-family: 'Roboto'; - font-weight: 400; - font-size: 18px; - line-height: 21px; -} - -.single-course .promo-form { - padding-bottom: 40px; -} - -.single-course .price { - background-color: #F3F3F3; -} - -.single-course .our-teachers { - background-color: #fff; -} - -.b24-form .b24-form-sign-abuse-link { - border-bottom: 1px solid #fff !important; -} - -/* single curse END */ - -/*404*/ -.title_404 { - font-family: 'Oswald'; - font-style: normal; - font-weight: 500; - font-size: 60px; - line-height: 67px; -} -.sub-title_404 { - font-family: 'Roboto'; - font-style: normal; - font-weight: 400; - font-size: 35px; - line-height: 45px; -} -/*404*/ - -@media (max-width: 578px) { - .product-warpper .popular__subject { - width: 100%; - } - - .page-teachers .banner { - height: 250px; - } - - .courses-wrapper { - gap: 15px; - } - - .course__item { - width: 100%; - } -} - -@media (width > 860px) and (width < 1280px) { - main { - gap: 5.47vw; - } - - .container-max { - max-width: 150vw; - } - - .header-nav { - max-width: 92.5vw; - padding: 2.03vw 0 .78vw; - } - - .top-header-row { - padding-bottom: .78vw; - border-bottom: .08vw solid #ffffff82; - } - - .header-logo img { - width: 10.63vw; - height: 3.13vw; - } - - .header-menu { - gap: 1.56vw; - font-size: 1.25vw; - } - - .header-menu__item_link { - padding-right: 1.95vw; - } - - .list-links_item img { - width: 2.73vw; - height: 2.73vw; - } - - .header-menu .menu-item-has-children { - padding-right: 1.95vw; - } - - .header-menu .menu-item-has-children::before { - width: 1.41vw; - height: 1.09vw; - } - - .inter-lk { - gap: .86vw; - font-size: 1.25vw; - line-height: 2.58vw; - border-radius: 1.17vw; - } - - .nav__header-wrapper { - border-bottom: .08vw solid var(--bg-color-light) - } - - .header-menu .sub-menu { - padding: 3.13vw; - gap: 1.56vw; - border-radius: 2.34vw; - } - - .menu-col { - gap: 2.34vw; - min-width: 19.53vw; - } - - .list-links { - gap: 1.02vw; - } - - .out-link { - padding-right: 3.13vw; - margin-right: 3.13vw; - } - - .list-links_item { - padding: .78vw; - border-radius: 1.17vw; - } - - .list-links_item a { - gap: 1.02vw; - font-size: 1.41vw; - line-height: 1.56vw; - letter-spacing: .06vw; - } - - .menu-col_title::after { - bottom: -.47vw; - height: .23vw; - border-radius: .16vw; - } - - .add-menu { - gap: 2.34vw; - } - - .add-menu_item { - gap: .63vw; - font-size: 1.25vw; - } - - .header-location { - font-size: 1.72vw; - } - - .add-menu .btn-free-lesson-header { - width: 15.63vw; - padding: .78vw 1.56vw; - font-size: 1.25vw; - } - - .banner.container { - max-width: 150vw; - } - - .page-rewiews .banner.container { - height: 35.16vw; - } - - .breadcrumbs { - gap: 2.34vw; - font-size: 1.09vw; - padding: .94vw 0 .94vw 4.38vw !important; - } - - .breadcrumbs li::before { - width: 1.17vw; - height: .08vw; - left: calc(100% + .55vw); - } - - .fa-home { - width: 1.56vw; - } - - .banner-wrapper { - max-width: 101.25vw; - height: 35.47vw; - border-radius: 1.56vw; - } - - .banner__content { - bottom: 2.34vw; - padding: 2.34vw 3.91vw; - border-radius: .78vw; - } - - .page_title { - font-size: 2.81vw; - line-height: 3.59vw; - } - - .banner_text { - font-size: 1.88vw; - margin-top: .78vw; - margin-bottom: .78vw; - padding: 0 1.56vw; - } - - .info-block { - max-width: 92.58vw !important; - margin-top: -2.73vw !important; - gap: .16vw; - } - - .info-block__item { - min-width: 14.06vw; - max-width: 15.23vw; - height: 9.38vw; - border-radius: 1.17vw; - } - - .info-block__item-wrapper { - width: calc(100% - .78vw); - height: calc(100% - .78vw); - border-radius: .78vw; - padding: 0 .78vw; - border: .16vw solid #006DB7; - } - - .info-block__item-wrapper span { - font-size: 1.09vw; - } - - .main-page { - padding-top: 2.73vw; - } - - .banner-main-page { - max-width: 92.58vw; - border-radius: 1.56vw; - } - - .info__block-wrapper { - border: .08vw solid #000000; - border-radius: 1.56vw; - padding: 3.91vw 6.25vw 1.56vw 7.03vw - } - - .page_h2 { - font-size: 3.13vw; - line-height: 4.3vw; - margin-bottom: 3.13vw; - } - - .info__block-content { - gap: 1.56vw; - font-size: 1.41vw; - line-height: 1.95vw; - } - - .info__block-content_img { - max-width: 17.58vw; - } - - .info__block-right .info__block-wrapper { - padding: 1.56vw 4.69vw; - border: .16vw solid #000000; - } - - .info__block-right .info__block-content { - gap: 3.13vw; - } - - .info__block-items-wrapper { - gap: 1.95vw; - margin-left: -3.13vw; - } - - .info__block-item { - padding: 1.09vw 1.95vw; - border-radius: 1.56vw; - gap: 1.56vw; - } - - .info__block-item_number { - width: 3.75vw; - height: 3.75vw; - border: .16vw solid #013051; - font-size: 1.72vw; - } - - .info__block-item-content { - gap: .94vw; - } - - .info__block-item-text_title { - font-size: 1.56vw; - line-height: 1.8vw; - } - - .btn-page { - font-size: 1.41vw !important; - } - - /* advantages__block responsive — removed (replaced by services-card) */ - .teachers_title { - font-size: 4.69vw; - line-height: 6.88vw; - margin-bottom: 4.69vw; - } - - .teachers_title::after { - top: -4.69vw; - right: -3.75vw; - width: 11.48vw; - height: 11.48vw; - } - - .main_content, - .main_content p { - font-size: 1.72vw; - line-height: 2.11vw; - } - - .main_content h2 { - font-size: 2.73vw; - line-height: 2.11vw; - margin-bottom: 2.34vw; - margin-top: 3.13vw; - } - - .main_content ul { - padding-left: 1.56vw; - margin-left: 1.25vw; - margin-bottom: 2.34vw; - } - - .list-teachers { - padding: 4.69vw 0; - } - - .foto-slider .container { - padding: 1.56vw 7.81vw; - border-radius: 1.56vw; - border: .08vw solid #000; - } - - .swiper-foto { - margin-top: 3.13vw; - padding-bottom: 7.42vw; - } - - .foto-slider .swiper-pagination { - bottom: 1.95vw; - } - - .foto-slider .swiper-pagination-clickable .swiper-pagination-bullet { - width: 2.34vw; - height: 2.34vw; - margin: 0 .94vw; - } - - .swiper-foto .swiper-wrapper { - height: 46.88vw; - } - - .swiper-pagination-clickable .swiper-pagination-bullet { - width: 1.17vw; - height: 1.17vw; - } - - .subject-wrapper { - width: 38.28vw; - padding: 1.95vw 1.56vw; - border-radius: 1.17vw; - } - - .subject-wrapper span { - font-size: 2.34vw; - line-height: 2.19vw; - } - - .subject-wrapper span::after { - width: 1.56vw; - height: 2.19vw; - } - - .subject__list { - border-radius: 1.17vw; - padding: 0 1.33vw; - font-size: 1.41vw; - box-shadow: 0 .08vw .31vw rgb(0 0 0), -1.8vw 0 1.56vw -1.8vw rgb(0 0 0 / 80%), 1.8vw 0 1.56vw -1.8vw rgb(0 0 0 / 80%), 0 0 3.13vw rgb(0 0 0 / 10%) inset; - } - - .subject-wrapper.open .subject__list { - max-height: 62.5vw; - padding: 2.34vw 1.33vw; - } - - .subject__list li { - padding: .94vw 1.95vw; - border-radius: .78vw; - } - - .teachers-wrapper { - gap: 2.73vw; - } - - .teachers__item { - width: calc(25% - 2.11vw); - border-radius: 1.17vw; - border: .08vw solid transparent; - } - - .teachers__item:hover { - border: .08vw solid #FFD43E; - box-shadow: 0 0 .31vw #FFD43E; - } - - .ourteacher-avatar a { - height: 21.88vw; - } - - .page-o-nas .teachers__item img { - max-height: 23.83vw; - } - - .preparation { - padding-top: 1.56vw; - padding-bottom: 4.84vw; - } - - .section-Mntitle-circle { - font-size: 3.52vw; - line-height: 4.3vw; - } - - .section-Mntitle-circle::after { - top: -1.72vw; - right: -3.75vw; - width: 11.48vw; - height: 11.48vw; - } - - .tabs-container { - margin-top: 4.69vw; - gap: 4.69vw; - } - - .tabs-btns { - border-radius: 3.05vw; - } - - .tab { - padding: 2.11vw 0; - font-size: 1.72vw; - line-height: 1.95vw; - border-radius: 3.05vw; - } - - .disciplines { - gap: 3.13vw 5.16vw; - padding-bottom: 4.69vw; - } - - .disciplines__item { - max-width: calc(25% - 3.91vw); - min-width: 21.88vw; - height: 23.44vw; - padding: 2.34vw 3.91vw; - border-radius: 1.56vw; - gap: 2.34vw; - border: .08vw solid transparent; - } - - .disciplines__item:hover { - border: .08vw solid var(--main-yellow); - box-shadow: 0 0 .31vw var(--main-yellow); - } - - .disciplines__item_icon { - width: 13.05vw; - height: 13.05vw; - } - - .disciplines__item_name { - font-size: 1.72vw; - line-height: 1.95vw; - } - - .preparation_links { - gap: 6.25vw; - font-size: 2.34vw; - line-height: 1.72vw; - } - - .preparation_links a { - width: 38.28vw; - padding: 2.34vw; - border-radius: 1.41vw; - } - - .product-warpper { - margin-top: 6.25vw; - gap: 1.95vw 1.56vw; - } - - .course_description { - margin-top: 4.69vw; - font-size: 1.41vw; - line-height: 1.8vw; - } - - .product-warpper .popular__subject { - width: calc(33.3% - 1.56vw); - } - - .popular-subjects .container { - padding: 3.91vw 3.91vw 5.86vw; - border-radius: 1.56vw; - border: .08vw solid #000; - } - - .main-subtitle-page { - margin: .78vw 0 3.13vw; - font-size: 1.48vw; - line-height: 1.72vw; - } - - .popular__subject { - gap: 2.34vw; - border-radius: 1.56vw; - border: .08vw solid transparent; - padding-bottom: 3.91vw; - } - - .popular__subject:hover { - border: .08vw solid #FFD43E; - box-shadow: 0vw 0vw .31vw #FFD43E; - } - - .popular__subject_img { - height: 18.36vw; - } - - .popular__subject_label { - top: 1.25vw; - padding: .7vw 3.13vw; - border-radius: .86vw 0vw 0vw .86vw; - font-size: 1.25vw; - } - - .product-info { - gap: 1.56vw; - padding: 0 2.34vw; - } - - .popular__subject_title { - font-size: 1.25vw; - } - - .popular__subject_text { - font-size: 1.09vw; - line-height: 1.33vw; - } - - .btn-yellow-link { - padding: 2.34vw 7.03vw; - border-radius: 1.41vw; - font-size: 2.34vw; - line-height: 1.72vw; - } - - .news .btn-yellow-link { - padding: 1.17vw 10.16vw; - border-radius: .78vw; - font-size: 1.56vw; - line-height: 2.34vw; - } - - .buttons { - margin-top: 4.69vw; - gap: 1.56vw; - } - - .buttons .btn-yellow-link { - font-size: 1.41vw; - padding: 1.17vw 3.13vw; - } - - .our-teachers .buttons { - margin-top: 3.13vw; - } - - .price { - padding: 5.47vw 0; - } - - .price-wrapper { - padding: 3.13vw; - border-radius: 1.95vw; - gap: 4.69vw; - } - - .price .tabs-btns { - min-width: 30.47vw; - gap: 1.41vw; - } - - .price .tab { - padding: 1.72vw; - } - - .price .page-tab { - gap: .63vw; - } - - .price__item { - padding: 2.73vw 2.19vw; - border-radius: 1.56vw; - font-size: 1.72vw; - line-height: 2.03vw; - } - - .price__item::before { - width: .08vw; - right: 16.02vw; - height: 4.84vw; - } - - .price__item_number span { - font-size: 1.09vw; - } - - .price__item-content { - line-height: 1.72vw; - } - - .price__content_title { - margin-top: 3.13vw; - font-size: 2.34vw; - } - - .price__item-content p { - margin-top: 1.56vw; - font-size: 1.72vw; - } - - .price__item-content ul { - margin-top: 1.56vw; - gap: 1.56vw; - font-size: 1.72vw; - } - - .price__item-content ul li::after { - top: .39vw; - right: calc(100% + .94vw); - width: 1.09vw; - height: 1.09vw; - border-radius: .23vw; - } - - .price__item-content span { - font-size: 1.88vw; - } - - .preparation-block { - padding: 5.47vw 0 7.81vw; - } - - .preparation-block-wrapper { - gap: 5.47vw; - } - - .preparation-block_text { - width: calc(72% - 2.73vw); - } - - .preparation-block p { - padding-top: 3.13vw; - font-size: 1.41vw; - line-height: 1.64vw; - } - - .preparation-block_img { - width: calc(28% - 2.73vw); - padding-top: 7.81vw; - } - - .advertising-block { - padding: 2.73vw 0; - } - - .advertising-block__text { - padding-right: 1.56vw; - } - - .label-blue { - margin-top: 2.58vw; - padding: .94vw 2.97vw; - border-radius: 1.17vw; - font-size: 1.41vw; - line-height: 1.64vw; - } - - .advertising-block__text_text { - margin: 2.66vw 0 3.91vw; - font-size: 1.41vw; - line-height: 1.64vw; - } - - .advertising-block__img { - max-width: 52.97vw; - } - - .advertising-block__text_sub-title { - font-size: 2.03vw; - } - - .why-us-wrapper { - margin-top: 3.13vw; - grid-column-gap: 0vw; - grid-row-gap: 0vw; - grid-column-gap: 2.89vw; - grid-row-gap: 3.13vw; - } - - .why-us_item { - gap: 1.56vw; - padding: 1.17vw 2.34vw; - border-radius: 1.56vw; - } - - .why-us_item span { - font-size: 1.72vw; - line-height: 2.34vw; - } - - .why-us_item-img { - border-radius: .78vw; - } - - .why-us_item-img img { - max-width: 7.81vw; - } - - .div4 .why-us_item-img img { - max-width: 11.88vw; - } - - .map { - padding-bottom: 5.47vw; - } - - .map .container { - padding: 1.56vw 4.3vw; - border: .08vw solid; - border-radius: 1.56vw; - } - - .map_title { - font-size: 3.13vw; - line-height: 6.09vw; - margin-bottom: 3.13vw; - } - - .location__map { - border-radius: 1.95vw; - } - - .map_address { - top: 2.03vw; - border-radius: 0vw 1.64vw 1.56vw 0vw; - font-size: 1.25vw; - line-height: 2.19vw; - padding: 1.25vw 3.59vw; - } - - .teacher-description .container { - padding: 2.19vw 0; - } - - .teacher-description_text { - font-size: 1.09vw; - line-height: 1.72vw; - padding-left: 1.56vw; - padding-right: 1.56vw; - } - - .teacher-description_text::after { - left: .78vw; - width: .23vw; - border-radius: .39vw; - } - - .teacher__rating { - margin-top: 3.13vw; - } - - .teacher__rating-img { - border-radius: 3.59vw; - height: 20.31vw; - margin-bottom: 1.25vw; - } - - .teacher_stars { - padding-top: 1.41vw; - gap: .47vw; - font-size: 1.41vw; - line-height: 2.19vw; - } - - .teacher_name { - font-size: 1.72vw; - line-height: 1.72vw; - padding-top: .94vw; - border-radius: 1.56vw 1.56vw 0 0; - } - - .teacher-description_location { - font-size: 1.41vw; - line-height: 2.19vw; - } - - .conteiner-text { - max-width: 23.44vw; - margin-top: .63vw; - } - - .conteiner-text .box__accordion.active { - border: .08vw solid #D9D9D9; - } - - .taxonomy-block { - gap: .31vw; - padding: .23vw 1.48vw .16vw; - } - - .taxonomy-block:last-child { - padding-bottom: 1.56vw; - } - - .taxonomy-block__name { - gap: .63vw; - font-size: 1.02vw; - line-height: 2.19vw; - } - - .taxonomy-block__content { - gap: .47vw; - font-size: 1.02vw; - } - - .taxonomy-block__content span { - padding: .39vw .63vw; - border-radius: .39vw; - } - - .taxonomy-block__content_item { - padding: .39vw .63vw; - border-radius: .39vw; - } - - .accordion { - margin-top: 1.02vw; - gap: .78vw; - } - - .more-programm { - margin: 1.56vw 0 0; - } - - .accordion.obrazovanie { - margin-top: 1.41vw; - } - - .programm-course .accordion.obrazovanie { - max-height: 0vw; - } - - .accordion.obrazovanie.show { - border-top: .08vw solid #303030; - border-bottom: .08vw solid #303030; - } - - .accordion .box__accordion .box__accordion_label { - padding: .94vw 1.48vw; - font-size: 1.25vw; - line-height: 2.19vw; - } - - .obrazovanie .box__accordion .box__accordion_label { - font-size: 2.03vw; - padding: 1.17vw 0vw 1.56vw; - } - - .accordion .box__accordion .box__accordion_label::after { - width: 1.02vw; - height: 1.41vw; - right: -.63vw; - } - - .accordion .box__accordion.active .box__accordion_label::after { - width: 1.02vw; - height: 1.41vw; - } - - .teacher-description .accordion .box__accordion .box__accordion_label::after { - right: .78vw; - } - - .box__accordion_content p { - padding: 1.56vw; - } - - .obrazovanie .box__accordion_content { - font-size: 1.41vw; - line-height: 2.34vw; - } - - .questions.obrazovanie .box__accordion_content { - font-size: 1.41vw; - } - - .obrazovanie ul { - padding: 0 0 0 1.56vw; - } - - .obrazovanie li::after { - width: .63vw; - height: .63vw; - border-radius: .16vw; - } - - .video { - padding-top: 1.41vw; - padding-bottom: 1.72vw; - } - - .promo-form { - padding-top: 2.5vw; - } - - .promo-form_title { - font-size: 2.03vw; - line-height: 3.05vw; - } - - .promo-form__list { - margin-top: 5.08vw; - gap: 1.09vw; - font-size: 1.88vw; - padding-left: 1.88vw; - } - - .promo-form__list li::before { - left: -1.88vw; - width: .86vw; - height: .86vw; - } - - .black-label { - padding: 1.09vw 4.3vw 1.09vw 3.59vw; - border-radius: 0vw 1.17vw 1.17vw 1.17vw; - font-size: 2.34vw; - line-height: 2.97vw; - } - - .text-block_label { - font-size: 1.25vw; - letter-spacing: .07vw; - } - - .promo-form .form-data { - margin-top: 1.09vw; - padding: 1.64vw 1.33vw; - border-radius: 1.17vw; - font-size: 1.56vw !important; - line-height: 1.72vw !important; - } - - .promo-form label { - margin: 1.56vw 0; - font-size: 1.09vw; - } - - .promo-form label input { - width: 1.25vw; - height: 1.25vw; - top: .23vw; - margin-right: 1.56vw; - } - - .btn-lilac { - width: 21.88vw; - padding: 1.25vw 0; - border-radius: 1.17vw; - font-size: 1.72vw; - line-height: 1.72vw; - } - - .btn-banner { - width: 14.84vw; - margin-top: 2.34vw; - font-size: 1.41vw; - padding: .39vw 2.58vw; - border-radius: .78vw; - } - - .violation { - margin-top: .78vw; - font-size: 1.09vw; - line-height: 1.72vw; - } - - .promo-form .phone { - margin-top: .78vw; - } - - .promo-form .phone a { - margin-top: 1.02vw; - font-size: 2.5vw; - line-height: 1.88vw; - } - - .block-call { - padding: 1.72vw 0; - } - - .btn-call { - width: 19.53vw; - padding: .78vw; - font-size: 2.03vw; - line-height: 2.19vw; - } - - .teacher-about { - padding-bottom: 1.72vw; - } - - .teacher-about-wrapper { - padding: 0 .78vw !important; - } - - .teacher-about_content { - padding-bottom: 1.56vw; - } - - .teacher-about_text { - font-size: 1.25vw; - line-height: 1.56vw; - } - - .more .teacher-about_text { - max-height: 13.28vw; - } - - .teacher-about_content .btn-more { - padding: 1.56vw 0vw .78vw; - } - - .btn-more span { - font-size: 1.25vw; - } - - .custom-button-next, - .custom-button-prev { - width: 1.56vw; - height: 2.34vw; - } - - .custom-button-next, - .swiper-rtl .custom-button-prev { - right: var(--swiper-navigation-sides-offset, 1.56vw); - } - - .custom-button-prev, - .swiper-rtl .swiper-button-next { - left: var(--swiper-navigation-sides-offset, 1.56vw); - } - - .teachers-owl-next { - right: 3.13vw; - } - - .subject-next { - right: -3.91vw; - } - - .subject-prev { - left: -3.91vw; - } - - .certificates { - gap: 1.56vw; - } - - .certificates_title { - margin-top: 1.41vw; - font-size: 1.56vw; - line-height: 2.19vw; - } - - .certificate__img { - width: 7.81vw; - height: 10.16vw; - } - - .certificates__item { - width: calc(100vw - 2.34vw); - padding: 0 2.34vw; - } - - .btn-close-certificates-img { - width: 3.44vw; - } - - .certificates-owl .owl-nav { - width: 100vw; - } - - .screen-certificates__img { - width: 7.81vw; - height: 7.81vw; - } - - .right-part { - padding: 0 .78vw; - } - - .questions .box__accordion_content p { - padding: 0 0 2.34vw; - } - - .teacher-page .reviews { - padding: 3.13vw 0; - } - - .page-elementary-school .reviews .container { - border-radius: 1.56vw; - padding: 1.56vw 3.91vw; - } - - .container-wrapper { - gap: 2.34vw; - } - - .teacher-about .teacher_title { - margin-bottom: .16vw; - } - - .reviews-wrapper { - gap: 2.34vw 1%; - max-width: 87.5vw; - } - - .reviews-owl { - padding: .47vw; - } - - .page-rewiews .rewiews-wrapper { - padding: 2.34vw 0; - gap: 1.56vw; - } - - .page-rewiews .reviews__item-wrapper { - padding: 1.56vw 3.13vw; - gap: 1.17vw; - } - - .page-rewiews .reviews__item { - width: calc(50% - .78vw); - } - - .reviews__item-wrapper { - padding: 2.34vw 3.13vw 4.69vw 5.47vw; - gap: 1.17vw; - border-radius: 1.48vw; - } - - .reviews__item-wrapper:before { - inset: -.16vw; - border-radius: 1.48vw; - } - - .page-numbers-wrapper ul { - gap: .78vw; - } - - .page-numbers-wrapper a.page-numbers { - width: 3.13vw; - height: 3.13vw; - border-radius: .39vw; - font-size: 1.72vw; - line-height: 2.19vw; - } - - .page-numbers-wrapper .current { - width: 3.13vw; - height: 3.13vw; - border-radius: .39vw; - font-size: 1.72vw; - } - - .filter { - margin-top: 2.03vw; - width: 25.78vw; - padding: 2.34vw; - border-radius: 1.17vw; - } - - .filter_title { - font-size: 1.72vw; - margin-bottom: 1.56vw; - } - - .filter-wrapper { - gap: 1.95vw; - } - - .filter_item { - padding-left: 2.34vw; - } - - .filter_item::after { - width: 1.56vw; - height: 1.56vw; - border: .08vw solid #C0C0C0; - } - - .filter_item:hover::after { - border: .08vw solid var(--main-color); - } - - .filter-wrapper .active::after { - border: .55vw solid var(--main-color); - } - - .reviews__item::before { - top: -.47vw; - left: -.47vw; - width: calc(100% + .94vw); - height: calc(100% + .94vw); - border-radius: 1.95vw; - } - - .reviews__item-client { - gap: 1.25vw; - } - - .reviews__item-client_avatar { - height: 3.91vw; - width: 3.91vw; - font-size: 2.19vw; - } - - .reviews__item-client_name { - font-size: 1.09vw; - } - - .page-rewiews .reviews__item-client_name, - .page-rewiews .reviews__item-client_stars span, - .page-rewiews .reviews__kurs, - .page-rewiews .reviews__item-client_text { - font-size: 1.41vw; - } - - .reviews__item-client_lavel { - margin-top: .39vw; - } - - .reviews__item-client_stars { - margin-top: .47vw; - } - - .reviews__item-client_stars span { - margin-left: 1.56vw; - font-size: 1.09vw; - } - - .reviews__kurs { - font-size: 1.25vw; - line-height: 1.48vw; - } - - .reviews__item-client_text { - font-size: 1.09vw; - max-height: 100vw; - } - - .reviews__item-client_text.more { - max-height: 7.42vw; - } - - .reviews_hiden { - max-height: 0vw; - } - - .btn-show { - font-size: 1.25vw; - margin-top: -1.56vw; - } - - .frame__popup { - width: 100vw; - } - - .btn-close-frame__popup { - width: 3.13vw; - height: 3.13vw; - } - - .mobile-header-here_a span { - padding-left: 4.61vw; - font-size: 1.41vw; - line-height: 2.19vw; - } - - .page404 .banner-wrapper { - height: 46.88vw; - } - - .page404 .container { - max-width: 101.25vw !important; - } - - .page404 .breadcrumbs.container { - max-width: 92.97vw !important; - } - - .promo-block .container { - padding: 0 1.56vw; - } - - .promo-block { - padding: 4.38vw 0; - } - - .promo-block .text-block { - gap: 1.56vw; - } - - .promo-block .title { - font-size: 1.41vw; - line-height: 1.72vw; - } - - .promo-block .bitrix-link-popup { - margin-top: 1.02vw; - padding: 1.09vw 2.19vw; - } - - .promo-block .bitrix-link-popup a { - font-size: 1.39vw; - line-height: 1.48vw; - } - - .video-wrapper { - margin-top: 1.17vw; - } - - .video-wrapper iframe { - min-height: 15.63vw; - border-radius: .47vw; - } - - .yellow-button { - padding: 1.64vw 2.19vw; - border-radius: 1.17vw; - } - - .yellow-button a { - font-size: 2.03vw; - line-height: 1.72vw; - } - - .our-teachers .container { - padding: 1.56vw 7.03vw 3.13vw; - border-radius: 1.56vw; - } - - .our-teachers_text { - font-size: 1.25vw; - line-height: 1.8vw; - } - - .teachers-owl { - margin-top: 2.34vw; - } - - .ourteacher { - max-width: 18.44vw; - } - - .ourteacher a { - height: 18.44vw; - border: .16vw solid #006DB7; - } - - .ourteacher_title { - margin-top: .78vw; - font-size: 1.41vw; - } - - .ourteacher_name { - margin-top: .78vw; - font-size: 1.41vw; - line-height: 1.56vw; - } - - .our-teachers .yellow-button { - margin-top: 1.72vw; - } - - .teachers-owl_item { - width: 35.16vw; - } - - .teacher-page .owl-next, - .teacher-page .owl-prev { - - width: 1.17vw; - height: 1.17vw; - } - - .our-teachers .owl-next, - .our-teachers .owl-prev { - width: 1.56vw; - height: 2.34vw; - } - - .our-teachers .owl-next { - top: calc(50% - 1.33vw); - } - - .certificates-owl .owl-prev { - left: .78vw; - } - - .certificates-owl .owl-next { - right: .78vw; - top: calc(50% - .78vw); - } - - .teachers-owl { - padding: 0 2.34vw; - } - - .header-map { - padding-top: 2.5vw; - padding-bottom: 1.41vw; - } - - .contacts.page_h2 { - padding-top: 3.13vw; - } - - .contacts .container { - max-width: 101.25vw !important; - } - - .contacts .main_content { - gap: 6.25vw; - } - - .contacts-left-part { - gap: 3.13vw; - } - - .contacts-right-part { - width: 54.69vw; - gap: 3.13vw; - } - - .contacts-block { - padding: 3.13vw 3.52vw; - border-radius: 2.34vw; - font-size: 1.41vw; - line-height: 1.72vw; - gap: 3.13vw; - } - - .contacts-block h2 { - font-size: 2.03vw; - line-height: 2.11vw; - margin-bottom: 1.17vw; - } - - .contacts_block-wrapper { - gap: 1.17vw; - } - - .contacts-block h3 { - font-size: 1.41vw; - line-height: 1.56vw; - } - - .contacts-block h4, - .how_h4 { - font-size: 1.72vw; - line-height: 2.11vw; - margin-bottom: 1.17vw; - } - - .contacts-block p { - font-size: 1.41vw; - } - - .contacts-block li { - font-size: 1.41vw; - line-height: 1.72vw; - } - - .contacts__block_text { - font-size: 1.72vw; - line-height: 1.56vw; - } - - .btn-WA { - padding: .7vw .86vw .7vw 1.02vw; - gap: .94vw; - border: .08vw solid var(--main-color); - border-radius: .78vw; - font-size: 1.41vw; - line-height: 1.56vw; - } - - .btn-call-me { - padding: .7vw .86vw; - gap: 1.48vw; - border-radius: .78vw; - font-size: 1.41vw; - line-height: 1.56vw; - top: 2.5vw; - right: 3.52vw; - } - - .blocks-address b { - font-size: 1.72vw; - } - - .litle-text { - margin-bottom: -1.17vw !important; - } - - .img-address { - width: 39.06vw; - margin-top: 1.95vw; - } - - .blocks-address .contacts-right-part .contacts_block-wrapper { - gap: 1.17vw; - } - - .contacts_block-wrapper-col { - gap: 3.13vw; - } - - .review-block { - padding: 1.41vw; - } - - .header-nav-wrapper { - box-shadow: 0vw 0vw .39vw .16vw #0000001A; - } - - .about-teacher { - padding: .7vw .7vw !important; - margin-top: -5.47vw !important; - } - - .about-teacher::before { - border-radius: 1.95vw; - } - - .about-teacher-wrapper { - padding: 4.22vw 5.86vw 3.91vw 7.03vw; - gap: 7.03vw; - border-radius: 1.25vw; - } - - .left-part { - padding-top: 6.25vw; - width: 23.44vw; - } - - .teacher-description_text::after { - left: 0vw; - } - - .teacher_stars { - margin-top: .86vw; - } - - .teacher__rating { - box-shadow: 0vw .31vw .31vw rgba(0, 0, 0, 0.25); - border-radius: 7.03vw 7.03vw 0 0; - padding-bottom: .39vw; - } - - .teacher__rating-img { - height: 23.44vw; - } - - .teacher__rating-img_foto { - border-radius: 3.91vw; - } - - .teacher_name { - font-size: 3.13vw; - margin-bottom: 3.13vw; - } - - .teacher_name-wrapper .accordion { - gap: .78vw; - } - - .teacher-about { - margin-top: 4.69vw; - } - - .certificates_title { - margin-top: 0vw; - font-size: 2.03vw; - margin-bottom: 2.03vw; - } - - .certificate__img { - width: 11.33vw; - } - - .teacher-description_text { - font-size: 2.03vw; - line-height: 2.03vw; - padding: .78vw 0 .78vw 1.56vw; - } - - .teacher_title { - margin-top: 1.56vw; - font-size: 2.03vw; - margin-bottom: 1.17vw; - } - - .teacher-page .box__accordion_content { - gap: 1.25vw; - } - - .teacher-page .taxonomy-block__name_logo { - width: 2.66vw; - } - - .accordion-0.obrazovanie { - margin: 2.34vw 0; - gap: 2.34vw; - } - - .obrazovanie li::after { - width: .63vw; - height: .63vw; - border-radius: .16vw; - } - - .obrazovanie .box__accordion_content-0 { - font-size: 1.41vw; - line-height: 2.34vw; - } - - .obrazovanie ul { - margin-top: 1.17vw; - } - - .box__accordion_content-0 { - font-size: 1.41vw; - } - - .promo-form-wrapper { - padding: 3.13vw 4.69vw 3.13vw 7.03vw; - border-radius: 1.95vw; - } - - .promo-form-right-part { - max-width: 49.22vw; - } - - .promo-form-left-part { - width: 38.28vw; - gap: 1.17vw; - } - - .promo-form label input { - margin-right: .63vw; - } - - .promo-form label { - font-size: 1.72vw; - } - - .label-wrapper { - margin-top: 2.66vw; - left: -3.13vw; - } - - .label-wrapper .text-block_label { - margin-top: .47vw; - } - - .promo-form .phone a { - font-size: 3.75vw; - } - - .promo-form .form-data { - margin-top: 0vw; - padding: 1.95vw 1.33vw; - } - - .promo-form label { - margin: 0 0 .39vw; - } - - .promo-form .btn-lilac { - padding: 2.34vw 0; - } - - .reviews .owl-item { - padding: .47vw; - } - - .teachers-owl-prev { - left: 3.13vw; - } - - .foto-prev { - left: 3.13vw; - } - - .foto-next { - right: 3.13vw; - } - - .reviews-owl-next, - .reviews-owl-prev { - top: calc(50% + 2.34vw); - } - - .reviews-owl-next { - right: 2.34vw; - } - - .reviews-owl-prev { - left: 2.34vw; - } - - .reviews__item-client { - gap: 1.56vw; - } - - .reviews__item-client_avatar { - height: 4.45vw; - width: 4.45vw; - } - - .reviews__kurs { - font-size: 1.09vw; - line-height: 1.48vw; - } - - .reviews-wrapper .owl-nav, - .our-teachers .owl-nav { - left: -4.69vw; - bottom: calc(50% - 2.34vw); - width: calc(100% + 9.38vw); - } - - .teacher-page .owl-next, - .teacher-page .owl-prev { - width: 1.56vw; - height: 2.11vw; - } - - .teacher-page .owl-next { - top: -1.02vw; - } - - .questions .container { - padding: 1.56vw 7.81vw; - border: .08vw solid #000; - border-radius: 1.56vw; - } - - .questions .box__accordion { - border-top: .08vw solid #00000080; - } - - .questions .accordion .box__accordion .box__accordion_label { - padding: .94vw 0 1.56vw; - } - - .questions .box__accordion_label { - font-size: 1.41vw; - } - - .questions .accordion { - margin-top: 3.13vw; - } - - .our-teachers_text { - margin-top: 3.13vw !important; - font-size: 1.41vw; - } - - .yellow-button { - margin-top: 6.25vw; - width: 38.28vw; - } - - .header-map { - padding: 5.63vw 0 3.13vw !important; - } - - .gmap iframe { - border-radius: 1.95vw !important; - height: 49.22vw; - max-width: 112.5vw; - } - - .btn-free-lesson { - width: 27.5vw; - } - - .certificates-owl { - width: 80vw; - } - - .certificates-owl .owl-controls { - width: 64vw; - } - - .btn-close-certificates-img { - width: 4.45vw; - } - - .container { - max-width: 100%; - padding: 0 20px; - } - - .footer-wrapper { - max-width: 92.5vw; - padding: 4.69vw 1.56vw 6.25vw; - } - - .footer_logo img { - width: 18.59vw; - height: 5.47vw; - } - - .footer__main-col { - padding-top: 4.3vw; - } - - .footer-main { - padding-bottom: 1.72vw; - } - - .footer_links { - margin-top: 3.91vw; - gap: 7.03vw; - font-size: 1.25vw; - } - - .footer_links-col { - gap: 3.91vw; - } - - .footer_links-col__main-link { - margin-bottom: .63vw; - } - - .footer__col { - gap: 1.95vw; - } - - .footer_links .menu-item-has-children>a { - margin-bottom: 2.11vw; - font-size: 1.41vw; - } - - .footer_links .menu-item-has-children>a::before { - bottom: -.78vw; - height: .08vw; - } - - .footer_links .sub-menu { - gap: 1.33vw; - } - - .footer__link-icon { - gap: 1.95vw; - font-size: 1.25vw; - } - - .footer__col .btn-write { - margin-bottom: 1.48vw; - } - - .social { - gap: 1.17vw; - margin-left: 3.52vw; - } - - .footer-politica { - margin-top: 3.59vw; - font-size: 1.02vw; - gap: 2.34vw; - padding-bottom: 1.88vw; - border-bottom: .08vw solid #B0B0B0; - } - - .footer-last-row { - border-top: .08vw solid #B0B0B0; - padding-top: .78vw; - gap: 1.56vw; - font-size: 1.09vw; - } - - .foto-section { - margin-top: 8.59vw; - } - - .courses-section { - padding-top: 8.59vw; - } - - .courses-wrapper { - margin-top: 4.69vw; - gap: 1.95vw; - } - - .course__item { - width: calc(33% - 1.02vw); - border-radius: 1.17vw; - border: .08vw solid #fff0; - } - - .course__item:hover { - border: .08vw solid #FFD43E; - box-shadow: 0 0 .31vw #FFD43E; - } - - .course__item .product-info { - padding: 2.34vw; - } - - .foto-wrapper { - gap: 2.34vw; - } - - .foto_item { - border-radius: 2.34vw; - } - - .foto_item-1 { - width: calc(70% - 1.17vw); - height: 42.97vw; - } - - .foto_item-2 { - width: calc(30% - 1.17vw); - height: 42.97vw; - } - - .foto_item-3 { - width: calc(50% - 1.17vw); - height: 29.69vw; - } - - .foto_item-4 { - width: calc(50% - 1.17vw); - height: 29.69vw; - } - - .btn-close-slider-img { - width: 3.91vw; - } - - .page-foto .video-wrapper { - margin-top: 5.47vw; - width: 76.95vw; - height: 42.97vw; - border-radius: 2.34vw; - } - - .page-vacancies .banner-wrapper { - padding: 7.03vw 0 9.38vw; - } - - .vacancies__banner-left { - gap: 6.25vw; - } - - .btn-resume { - width: 38.28vw; - } - - .banner-circle { - gap: .78vw; - box-shadow: -.16vw .16vw .16vw rgba(0, 0, 0, 0.25); - } - - .main-text-color { - font-size: 3.13vw; - line-height: 2.34vw; - } - - .main-text { - font-size: 1.41vw; - line-height: 1.72vw; - } - - .vacancies__banner-circle-1 { - left: 12.5vw; - width: 16.25vw; - height: 16.25vw; - } - - .vacancies__banner-circle-2 { - top: 5.08vw; - left: 25.39vw; - width: 22.27vw; - height: 22.27vw; - } - - .vacancies__banner-circle-3 { - left: 11.33vw; - width: 15.31vw; - height: 15.31vw; - } - - .advantages-wrapper { - margin: 3.13vw 0; - gap: 2.34vw; - } - - .advantages__item { - padding: 1.56vw; - gap: 1.56vw; - border-radius: 1.17vw; - } - - .advantages__item_title { - font-size: 2.73vw; - line-height: 3.13vw; - } - - .advantages__item_text { - font-size: 1.72vw; - line-height: 2.11vw; - } - - .page-vacancies .accordion { - gap: 1.17vw; - } - - .page-vacancies .box__accordion_content-text { - padding: 2.34vw 1.56vw; - font-size: 1.72vw; - } - - .box__accordion .btn-resume { - margin: 0 auto 3.91vw; - } - - .page-vacancies .conteiner-text .box__accordion_label { - padding: 2.34vw 1.56vw; - font-size: 1.72vw; - } - - .page-vacancies .box__accordion:hover { - box-shadow: 0 0 .63vw rgb(0 0 0 / .2); - } - - .btn-close-resume-form, - .btn-close-request-form { - top: -.78vw; - right: -.78vw; - } - - .btn-close-resume-form img, - .btn-close-request-form img { - width: 3.91vw; - height: 3.91vw; - } - - .form-wrapper .b24-form { - border-radius: 2.34vw; - } - - .b24-form-btn { - border-radius: .78vw !important; - font-size: 1.25vw !important; - line-height: 2.11vw !important; - } - - .b24-form-control-file { - border-radius: .78vw !important; - border: .08vw solid #000 !important; - } - - .b24-form-control-file .b24-form-control { - border-radius: 7chNaNvw !important; - } - - .b24-form-control-icon-after .b24-form-control { - border-radius: .78vw !important; - border: .08vw solid #000 !important; - } - - .page-vacancies .buttons { - margin: 3.13vw; - } - - .cat-wrapper { - gap: 1.17vw; - } - - .cat-wrapper_item { - padding: 1.09vw 3.13vw; - font-size: 1.41vw; - line-height: 1.72vw; - border-radius: 1.95vw; - } - - .news-wrapper { - margin-top: 4.69vw; - gap: 3.13vw; - } - - .news__item { - width: calc(33% - 1.76vw); - gap: 1.56vw; - border-radius: 1.56vw; - border: .08vw solid #fff0; - padding-bottom: 2.73vw; - } - - .news__item a { - gap: 1.56vw; - } - - .news__item .popular__subject_img { - height: 19.53vw; - } - - .news_label_cat { - top: 1.56vw; - left: 1.56vw; - border-radius: 1.56vw; - padding: .78vw 1.95vw; - font-size: 1.41vw; - line-height: 1.72vw; - } - - .news_label { - right: 2.34vw; - font-size: 1.41vw; - line-height: 1.95vw; - } - - .banner-post .banner-wrapper { - padding: 2.34vw 0; - } - - .banner-left-part time { - font-size: 1.41vw; - line-height: 1.8vw; - } - - .single-post_title { - margin-top: 1.17vw; - font-size: 2.5vw; - } - - .link_cat { - margin-top: 5.86vw; - padding: 1.09vw 3.52vw; - border: .08vw solid #A5A5A5; - border-radius: 1.95vw; - font-size: 1.41vw; - line-height: 1.72vw; - } - - .banner-right-part { - border-radius: 3.44vw; - } - - .single-post-content { - padding: 3.13vw 0; - } - - .content-left-part { - font-size: 1.41vw; - } - - .read-block { - padding: 3.52vw 1.56vw; - gap: 3.13vw; - border-radius: 2.34vw; - } - - .read-block_title { - font-size: 3.13vw; - line-height: 3.13vw; - } - - .read-blocks-wrapper { - gap: 1.17vw; - } - - .block-new a { - border-radius: .78vw; - height: 10.94vw; - } - - .block-new_img { - width: calc(50% - 1.25vw); - } - - .block-new_title { - height: calc(100% - 1.25vw); - padding: 1.56vw .78vw; - font-size: 1.25vw; - line-height: 1.41vw; - border: .08vw solid var(--main-blue); - border-radius: 0 .78vw .78vw 0; - } - - .organization .page_h2 { - padding-top: 3.13vw; - } - - .organization .wp-block-heading { - margin-top: 1.56vw; - } - - .wp-block-heading { - font-size: 2.03vw; - line-height: 1.8vw; - margin-bottom: 1.56vw; - } - - .wp-block-group__inner-container { - max-width: 112.5vw; - padding: 1.56vw; - } - - .wp-block-list { - font-size: 1.41vw; - line-height: 1.88vw; - margin-left: 2.34vw; - } - - .courses-block { - gap: 2.34vw; - } - - .courses-block-wrapper { - padding: 3.52vw 1.56vw; - gap: 3.13vw; - border-radius: 2.34vw; - } - - .courses-block-social { - gap: 1.56vw; - padding: 1.56vw; - border-radius: 2.34vw; - } - - .social_title { - font-size: 1.56vw; - line-height: 1.56vw; - } - - .programm-course { - padding-bottom: 5.47vw; - } - - .single-course .banner-wrapper { - padding: 13.28vw 0; - } - - .single-course .b24-form-wrapper { - width: 43.75vw; - border-radius: 1.95vw; - padding: .78vw 0vw 2.34vw; - } - - .b24-form-field-agreement .b24-form-field-agreement-link, - .b24-form .b24-form-sign-abuse-link { - font-size: 1.41vw !important; - line-height: 1.72vw !important; - } - - .form-wrapper .b24-form-control-icon-after .b24-form-control { - border: .08vw solid #000 !important; - } - - .single-course .b24-form-btn { - font-size: 2.34vw !important; - } - - .single-course .b24-form-control-string .b24-form-control { - font-size: 2.03vw; - height: 5.78vw; - } - - .course-about-wrapper { - padding: 1.95vw 3.13vw 1.95vw 2.34vw; - box-shadow: .23vw .23vw .78vw rgba(0, 0, 0, 0.1); - border-radius: 2.34vw; - gap: 2.34vw; - } - - .about_img { - width: 27.34vw; - height: 27.34vw; - border-radius: 1.56vw; - } - - .about_title { - margin-bottom: 1.56vw; - font-size: 2.97vw; - line-height: 3.28vw; - } - - .about-circle { - width: 39.84vw; - height: 39.84vw; - bottom: -19.92vw; - left: 4.69vw; - } - - .about-col { - gap: .47vw; - } - - .about-col_item { - padding: 1.8vw 2.19vw; - border-radius: 1.56vw; - box-shadow: .23vw .23vw .78vw rgba(0, 0, 0, 0.1); - font-size: 1.72vw; - line-height: 2.03vw; - } - - .btn-separate { - width: 28.91vw; - } - - .single-post-content .content-left-part { - gap: 1.56vw; - } - - .single-course .questions .accordion { - margin-bottom: 3.13vw; - } - - .section-wrap .text { - font-size: 1.41vw; - line-height: 1.8vw; - } - - .os-item { - padding-left: 3.13vw; - margin: .94vw 0; - } - - .os-item::before { - width: 1.88vw; - height: 1.88vw; - } - - .section-wrap .box__accordion_content { - padding-left: 1.56vw; - gap: 1.17vw; - } - - .section-wrap .active .box__accordion_content { - padding-bottom: 1.56vw; - } - - .cell { - font-size: 1.41vw; - line-height: 1.64vw; - } - - .single-course .promo-form { - padding-bottom: 3.13vw; - } - - .b24-form .b24-form-sign-abuse-link { - border-bottom: .08vw solid #fff !important; - } - - .title_404 { - font-size: 4.69vw; - line-height: 5.23vw; - } - - .sub-title_404 { - font-size: 2.73vw; - line-height: 3.52vw; - } -} - -@media (max-width:568px) { - .teachers-wrapper { - justify-content: center; - } - - .teachers__item { - width: 100%; - max-width: 290px; - } - .ourteacher { - margin: 0 auto; - } -} - -@media (max-width: 860px) { - .desktop { - display: none !important; - } - - .mobile { - display: flex !important; - } - - .desktop-span { - display: none !important; - } - - .mobile-span { - display: inline !important; - } - - body { - padding-top: 30px; - } - .header { - position: fixed; - z-index: 100; - top: 0; - } - - main { - gap: 20px; - } - - .container { - padding: 0 10px; - } - - .banner-wrapper { - height: auto; - display: flex; - align-items: flex-end; - padding: 20px; - min-height: 250px; - border-radius: 0; - aspect-ratio: 4 / 2; - } - - .breadcrumbs { - padding: 12px 0 12px 0px !important; - } - - .b24-form-content form { - padding: 0 10px; - } - - .info__block-right .info__block-content { - gap: 10px; - flex-direction: column; - } - .info__block-right .info__block-wrapper { - padding: 20px 15px; - border: 1px solid #000; - } - .info__block-right .info__block-content_img { - width: 100%; - max-width: none; - max-height: 150px; - justify-content: center; - } - - .info__block-right .info__block-content_img img { - width: 100%; - max-width: none; - max-height: 150px; - object-fit: contain; - } - - .banner-fon img { - width: 100%; - height: 100%; - object-fit: cover; - } - - .banner__content { - position: relative; - bottom: auto; - width: fit-content; - max-width: calc(100% - 30px); - background: #000000d1; - border-radius: 10px; - margin: 0 auto; - padding: 10px 20px; - } - - .banner__content_title { - font-size: 26px; - line-height: normal; - font-weight: 500; - } - - .banner__content_title br { - display: none; - } - - .banner__content_sub-title { - font-size: 16px; - line-height: 22px; - } - - .banner__content_text { - font-size: 16px; - line-height: 19px; - gap: 20px; - } - - .banner__content .btn-write { - display: none; - } - - .foto-slider .container, - .questions .container { - padding: 20px 10px; - border-radius: 0; - border: none; - } - - .foto-slider .swiper-pagination-clickable .swiper-pagination-bullet { - width: 20px; - height: 20px; - margin: 0 12px; - } - - .foto-slider .swiper-pagination { - bottom: 0; - } - .info-block { - margin-top: 0 !important; - padding: 0 10px !important; - } - - .info-block__item { - width: 50%; - min-width: 250px; - max-width: none; - border-radius: 10px; - flex: 1; - height: auto; - } - - .banner-main-page { - border-radius: 10px; - } - .page_h2 { - font-size: 28px; - line-height: normal; - margin-bottom: 15px; - } - - /* advantages__block mobile — removed (replaced by services-card) */ - - .info-block__item-wrapper { - width: calc(100% - 4px); - height: calc(100% - 4px); - border-radius: 4px; - padding: 6px; - } - - .info-block__item-wrapper span { - font-size: 16px; - line-height: 1.5; - } - - /* advantages__block mobile items — removed */ - .section-Mntitle-circle { - font-size: 26px; - line-height: 30px; - } - .section-Mntitle-circle::after { - top: -30px; - right: 0; - width: 95px; - height: 95px; - } - - .section-Mntitle-circle br { - display: none; - } - - .tabs-container { - margin-top: 40px; - gap: 40px; - } - - .tabs-btns { - width: 100%; - } - - .tab { - font-size: 18px; - padding: 12px 0; - } - - .disciplines { - gap: 10px; - padding-bottom: 40px; - } - - .disciplines__item { - flex: 0; - max-width: none; - min-width: auto; - min-width: calc(33% - 6px); - height: auto; - padding: 15px 0px 5px; - gap: 10px; - aspect-ratio: 1/1; - } - - .disciplines__item_icon { - aspect-ratio: 1 / 1; - width: 60%; - height: auto; - } - - .disciplines__item_name { - width: auto; - font-size: 12px; - line-height: normal; - word-break: break-word; - } - - .preparation { - padding-bottom: 30px; - } - - .preparation_links { - gap: 10px; - flex-direction: column; - align-items: center; - font-size: 18px; - line-height: normal; - } - - .preparation_links a { - width: 300px; - padding: 16px; - } - - .promo-form-wrapper { - flex-direction: column; - padding: 20px 15px; - } - - .promo-form .form-data[name=tel] { - margin-bottom: 20px; - } - - .promo-form__list { - margin-top: 20px; - } - - .promo-form_title { - font-size: 20px; - line-height: 1.5; - text-align: center; - width: 100%; - } - .promo-form-left-part { - width: 100%; - } - .b24-form-padding-side { - padding-left: 0 !important; - padding-right: 0 !important; - } - .promo-form__list { - margin-top: 20px; - gap: 8px; - font-size: 18px; - font-weight: 600; - } - - .text-block_label { - margin-bottom: 0; - } - - .promo-form .phone { - margin-top: 0; - } - - .promo-form .phone a { - margin-top: 0; - font-size: 28px; - } - - .swiper-popular-subjects, - .swiper-news { - width: calc(100% - 60px); - } - - .popular__subject { - gap: 5px; - padding-bottom: 10px; - } - - .label-wrapper { - margin-top: 0; - left: -10px; - } - .product-warpper { - margin-top: 60px; - gap: 15px; - } - - .product-warpper .popular__subject { - width: calc(50% - 20px); - } - - .course_description p { - font-weight: 300; - font-size: 16px; - line-height: 20px; - } - - .popular__subject_img { - height: 220px; - } - - .product-info { - gap: 5px; - padding: 0 20px; - } - - .popular__subject_label { - padding: 9px 12px; - font-size: 14px; - line-height: normal; - } - - .subject-next, - .subject-prev { - top: 63%; - } - - .popular__subject_title, - .popular__subject_text { - font-size: 16px; - line-height: normal; - } - - .price { - padding: 60px 0; - } - - .price .container { - padding: 0; - } - - .price-wrapper { - margin-top: 20px; - } - - .price-wrapper { - flex-direction: column; - padding: 35px 10px; - border-radius: 20px; - gap: 30px; - } - - .price .tabs-btns { - flex-direction: row; - background-color: #ffffff; - min-width: auto; - gap: 0; - width: auto; - margin: 0 auto; - } - - .price .tab { - padding: 6px 20px; - font-size: 16px; - line-height: normal; - } - - .price__item { - padding: 10px; - background-color: #fff; - border-radius: 10px; - font-size: 16px; - line-height: normal; - flex-direction: column; - display: flex; - align-items: center; - gap: 10px; - font-weight: 600; - } - - .price__item::before { - display: none; - } - - .price__item-content { - line-height: normal; - padding-left: 20px; - } - - .price__content_title { - margin-top: 25px; - font-size: 18px; - } - - .price__item-content p { - margin: 15px 0 0; - font-size: 16px; - } - - .price__item-content ul { - margin-top: 15px; - gap: 15px; - font-size: 16px; - } - - .price__item-content ul li::after { - top: 4px; - right: calc(100% + 6px); - width: 10px; - height: 10px; - } - - .price__item-content span { - font-size: 16px; - } - - .our-teachers_text { - margin-top: 20px !important; - font-size: 15px; - } - - .our-teachers .container { - padding: 20px 15px 30px; - border-radius: 0; - background-color: #F2F5F7; - } - - .info__block-wrapper { - padding: 20px 15px; - } - - .info__block-content_text { - gap: 1rem; - font-size: 14px; - line-height: 1.4; - } - .info__block-items-wrapper { - margin-left: 0; - gap: 10px; - } - .info__block-item { - padding: 8px 15px; - border-radius: 20px; - gap: 10px; - } - .info__block-item-text_title { - font-size: 18px; - } - .info__block-item-text_text { - font-size: 16px; - line-height: 1.4; - } - .info__block-item-content { - gap: 6px; - } - .info__block-item_number { - width: 35px; - height: 35px; - font-size: 16px; - } - .buttons, - .our-teachers .buttons { - margin-top: 30px; - } - .buttons { - flex-direction: column; - } - - .info__block-content_img { - max-width: 15%; - } - - .buttons .btn-yellow-link { - width: 100%; - padding: 15px; - font-size: 22px; - text-align: center; - } - - .black-label { - margin: 0 auto; - width: 90%; - padding: 13px 16px; - margin-top: 25px; - margin-bottom: 5px; - border-radius: 15px; - font-size: 22px; - line-height: 26px; - } - - .preparation-block { - padding: 60px 0; - } - - .preparation-block_text { - width: 100%; - } - - .preparation-block p { - padding-top: 20px; - font-family: 'Roboto'; - font-size: 16px; - line-height: normal; - width: 100%; - margin: 0; - } - - .advertising-block-wrapper { - flex-direction: column; - align-items: center; - gap: 10px; - } - - .advertising-block__text { - width: 100%; - padding-right: 0; - } - - .label-blue { - width: 100%; - text-align: center; - padding: 12px; - font-size: 16px; - line-height: normal; - color: #FFF; - } - - .advertising-block { - position: relative; - padding: 35px 0 85px; - } - - .advertising-block__text_text { - margin: 18px 0; - font-size: 16px; - line-height: normal; - text-align: center; - } - - .advertising-block__text_sub-title { - font-size: 14px; - line-height: 145%; - text-align: center; - } - - .advertising-block__img { - max-width: 400px; - } - - .advertising-label { - position: absolute; - bottom: 40px; - padding: 10px 40px; - display: flex; - flex-direction: column; - gap: 6px; - background-color: #303030; - border-radius: 15px; - align-items: center; - } - - .advertising-label span { - font-family: 'Roboto'; - font-style: normal; - font-weight: 500; - font-size: 14px; - line-height: 20px; - text-transform: uppercase; - color: #FFFFFF; - } - - .advertising-label .advertising-label_yellow { - font-size: 20px; - color: var(--main-yellow); - } - - .why-us { - padding: 60px 0 0; - } - - .why-us-wrapper { - margin-top: 18px; - display: flex; - flex-direction: column; - gap: 7px; - } - - .why-us_item { - gap: 50px; - align-items: center; - padding: 15px 15px 15px 40px; - } - - .why-us_item-img { - width: 57px; - min-width: auto; - display: flex; - flex: 0; - overflow: revert; - } - - .why-us_item-img img { - width: auto; - } - - .why-us_item span { - font-size: 18px; - line-height: 22px; - } - - .div4 { - flex-direction: row; - } - - .reviews-wrapper-more { - margin-top: 0; - } - - .reviews__item-wrapper { - padding: 20px 30px; - } - - .reviews-owl-next, .reviews-owl-prev { - top: 50%; - } - - .page-elementary-school .reviews .container { - padding: 20px 35px; - } - - .btn-show { - margin-top: -35px; - } - - .news-next { - right: 10px; - } - - .news-prev { - left: 10px; - } - - .reviews-owl-next { - right: 10px; - } - .reviews-owl-prev { - left: 10px; - } - .news .buttons { - margin: 18px auto 0; - width: calc(100% - 64px); - } - - .popular-subjects .container { - padding: 20px 10px 30px; - border: 0; - border-radius: 0; - } - - .promo-form { - padding-top: 0; - } - - .map { - padding-bottom: 20px; - } - - .map .container { - padding: 20px 10px; - border: none; - } - - .map_title { - font-size: 28px; - font-weight: 500; - line-height: normal; - } - - .location__map { - border-radius: 0 0 25px 25px; - height: 420px; - } - - .map_address { - top: 0; - border-radius: 0 0 20px 20px; - padding: 3px; - width: 100%; - } - - .header-nav { - position: relative; - padding: 23px 10px; - } - - .top-header-row { - padding: 0; - border-bottom: none; - } - - .header-logo img { - width: 158px; - height: 30px; - margin-left: -10px; - } - - .icon-links { - display: flex; - gap: 25px; - align-items: center; - } - - .burger-btn { - margin-left: 5px; - display: flex; - flex-direction: column; - gap: 6px; - width: 24px; - height: 18px; - } - - .burger-btn span { - width: 100%; - height: 2px; - background-color: #fff; - border-radius: 1px; - } - - .bottom-header-row { - position: absolute; - padding-top: 0; - right: 10px; - top: 30px; - } - - .menu-wrapper { - display: none; - position: fixed; - left: 0; - top: 120px; - z-index: 1; - background: #fff; - width: 100%; - height: 100vh; - z-index: 999999; - overflow: auto; - height: calc(100vh - 130px); - padding-bottom: 100px; - } - - .bottom-header-row.open .menu-wrapper { - display: flex; - flex-direction: column; - } - .hover-effect{ - position: relative; - } - .hover-effect::after { - position: absolute; - content: ''; - top: 0; - right: 0; - width: 50px; - height: 100%; - z-index: 100; - } - - .header-menu { - width: 100%; - display: block; - font-size: 16px; - padding: 70px 10px 0; - } - - .header-nav a { - color: #000; - transition: .3s; - } - - .header-menu .menu-item { - padding: 10px 0; - padding-right: 25px; - border-bottom: 1px solid #8c8c8c75; - } - - .header-menu .menu-item:last-child { - border-bottom: none; - } - - .header-menu .menu-item-has-children { - flex-direction: column; - align-items: flex-start; - } - - .header-menu .menu-item-has-children::before { - width: 14px; - height: 18px; - right: 17px; - background-image: url(../images/slider-arow.svg); - rotate: -90deg; - } - - .header-menu .sub-menu { - position: relative; - top: 100%; - padding: 0; - visibility: hidden; - opacity: 1; - width: max-content; - gap: 0; - border-radius: 0; - overflow: hidden; - max-height: 0; - background: #ffffff; - } - - .header-menu .menu-item-has-children:hover .sub-menu, - .hover-effect .sub-menu{ - visibility: visible; - max-height: 100vh; - } - - .header-menu .menu-item-has-children:hover::before { - rotate: 90deg; - } - - .menu-item-has-children .menu-item { - padding: 8px 0; - border-bottom: none; - } - - .btn-free-lesson-header { - display: none; - } - - .btn-free-lesson-header { - width: 286px; - margin: 0 auto; - margin-top: 30px; - } - - .btn-close-menu { - width: 286px; - margin: 0 auto; - margin-top: 10px; - background: #ffd43e; - border-radius: 10px; - padding: 10px; - font-family: 'Oswald'; - font-weight: 500; - font-size: 22px; - line-height: 22px; - display: flex; - justify-content: center; - text-transform: uppercase; - color: var(--main-color); - } - - .icon-close-menu { - position: absolute; - top: 6px; - right: 10px; - } - - .footer-wrapper { - padding: 45px 0 30px; - } - - .footer-main { - flex-direction: column; - align-items: center; - padding-bottom: 0; - } - - .footer_logo img { - width: 250px; - } - - .footer__col { - margin-top: 35px; - align-items: center; - gap: 0; - } - - .social { - margin-left: 0; - order: 1; - } - - .footer__link-icon img { - display: none; - } - - .footer__link-icon { - gap: 0; - font-size: 18px; - text-align: center; - line-height: 32px; - } - - .footer_logo { - position: relative; - } - - .footer_mobile { - margin: 10px 0; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - } - - .footer_mobile_title { - width: 180px; - text-align: center; - font-family: 'Oswald'; - font-weight: 400; - font-size: 18px; - line-height: 36px; - letter-spacing: 1.2px; - text-transform: uppercase; - border-bottom: 1px solid #FFFFFF; - } - - .footer_mobile ul { - margin: 20px; - display: flex; - flex-direction: column; - justify-content: center; - gap: 14px; - align-items: center; - } - - - .footer_mobile ul li { - font-family: 'Roboto'; - font-weight: 400; - font-size: 14px; - line-height: 20px; - letter-spacing: 0.7px; - } - - .footer__col .btn-write { - width: 185px; - margin: 20px 0 30px; - padding: 9px 0; - order: 5; - border-radius: 10px; - font-size: 16px; - line-height: normal; - } - - .footer__link-icon:nth-child(3) { - order: 4; - } - - .footer__link-icon:nth-child(4) { - order: 4; - } - - .footer_mobile { - order: 2; - } - - .footer-last-row { - width: calc(100% - 20px); - margin: 0 10px; - padding: 0 0 30px; - gap: 14px; - font-size: 16px; - flex-direction: column; - align-items: center; - } - - .footer-last-row a { - text-align: center; - line-height: 30px; - } - - .subject-next { - right: 10px; - } - - .subject-prev { - left: 10px; - } - - .contacts .main_content { - flex-direction: column; - gap: 15px; - } - - .contacts-left-part { - gap: 15px; - width: 100%; - } - - .contacts-right-part { - width: 100%; - gap: 15px; - } - - .contacts-right-part .contacts-block { - gap: 20px !important; - } - .contacts .teachers_title { - font-size: 40px; - margin-bottom: 20px; - } - - .contacts-block { - padding: 20px 25px; - gap: 20px; - } - - .btn-call-me { - position: sticky; - width: fit-content; - } - - .contacts_block-wrapper { - gap: 10px; - } - - .contacts-block h2 { - font-size: 20px; - margin-bottom: 0; - } - - .contacts-block h3 { - font-size: 16px; - } - - .contacts__block_text { - font-size: 18px; - } - - .contacts-block h4, - .how_h4 { - font-size: 20px; - margin-bottom: 10px; - } - - .contacts-block p, - .contacts-block li { - font-size: 16px; - } - - .contacts-right-part .contacts-block h2 { - margin-bottom: 10px; - } - - .QR-code, - .logos-payment { - margin-top: 10px; - width: 100%; - height: auto; - } - - .contacts .foto-slider { - padding-bottom: 0; - } - - .blocks-address b { - font-size: 18px; - } - - .litle-text { - margin-bottom: -6px !important; - margin-top: 10px !important; - } - - .img-address { - width: 100%; - margin-top: 0; - } - - .contacts_block-wrapper-col { - gap: 0px; - flex-direction: column; - } - - .review-block { - padding: 10px; - } - - .page-rewiews .info-block { - padding-bottom: 10px !important; - } - - .container-wrapper { - flex-direction: column-reverse; - gap: 10px; - } - - .filter { - position: relative; - width: 100%; - background: #F3F3F3; - border: 1px solid #ACACAC; - border-radius: 10px; - padding: 15px 20px; - } - - .filter-wrapper { - max-height: 0; - overflow: hidden; - transition: .3s; - position: absolute; - background: #ffffff; - width: 100%; - left: 0; - padding: 0 20px; - top: 102%; - z-index: 1; - } - - .tiltle-mobile { - font-family: 'Roboto'; - font-weight: 500; - font-size: 16px; - line-height: 17px; - width: calc(100% - 30px); - } - - .tiltle-mobile::after { - width: 13px; - height: 18px; - content: ""; - background-image: url(../images/slider-arow.svg); - position: absolute; - transform: translateY(-50%); - right: 20px; - background-repeat: no-repeat; - background-position: center center; - background-attachment: fixed; - -webkit-background-size: 100%; - -moz-background-size: 100%; - -o-background-size: 100%; - background-size: 100%; - transition: all .4s; - rotate: -90deg; - } - - .open .tiltle-mobile::after { - transform: translateY(-50%) rotate(-180deg); - } - - .open.filter .filter-wrapper { - max-height: 100vh; - padding: 20px; - } - - .filter_title { - font-size: 18px; - margin-bottom: 0; - text-align: center; - } - - .reviews__item-client_avatar { - height: 40px; - width: 40px; - } - - .reviews__item-client_avatar { - font-size: 20px; - } - .page-rewiews .reviews__item-client_name, .page-rewiews .reviews__item-client_stars span, .page-rewiews .reviews__kurs, .page-rewiews .reviews__item-client_text { - font-size: 16px; - } - - .page-rewiews .rewiews-wrapper { - gap: 10px; - flex-direction: column; - } - - .page-rewiews .reviews__item-client_name { - font-weight: 500; - } - - .page-rewiews .reviews__item::before { - top: -3px; - left: -3px; - width: calc(100% + 6px); - height: calc(100% + 6px); - } - - .page-rewiews .reviews__item-wrapper { - padding: 10px; - gap: 5px; - border-radius: 22px; - } - - .page-rewiews .reviews__kurs { - margin: 0; - } - - .page-rewiews .more .btn-more { - background: none; - } - - .page-rewiews .btn-more span { - color: var(--main-blue) - } - - .reviews__item-client_stars span { - font-size: 16px; - } - - .page-numbers-wrapper { - margin: 0; - } - - .page-numbers-wrapper .current, - .page-numbers-wrapper a.page-numbers { - width: 30px; - height: 30px; - font-size: 18px; - font-weight: 600; - } - - .page-rewiews .buttons .btn-yellow-link { - width: calc(100% - 20px); - padding: 16px 20px; - font-size: 16px; - text-align: center; - margin: 0 auto; - } - - .page-rewiews .banner-fon { - position: relative; - } - - .page_title { - font-size: 24px; - line-height: normal; - } - - .page-rewiews .banner__content_title { - font-size: 26px; - line-height: 30px; - font-weight: 600; - } - - .page-rewiews .banner__content_title span { - width: 100%; - display: block; - } - - .page-rewiews .banner__content_sub-title { - font-size: 16px; - line-height: 23px; - margin: 15px 0 30px; - } - - .foto-section { - margin-top: 40px; - } - .courses-section { - padding-top: 40px; - } - .courses-wrapper { - margin-bottom: 20px; - } - - .course__item { - width: calc(50% - 13px); - } - - .slider-modal-wrapper { - width: 100%; - } - - .foto-wrapper { - gap: 10px; - } - - .foto_item { - height: 225px; - width: 100%; - border-radius: 15px; - } - - .page-foto .video-wrapper { - margin-top: 30px; - width: 100%; - height: auto; - border-radius: 15px; - } - - .page-foto .video_play svg { - width: 60px; - } - - .vacancies__banner { - flex-direction: column; - gap: 30px; - } - - .page-vacancies .banner-wrapper { - padding: 40px 0 30px; - } - - .page-vacancies .buttons { - margin: 20px; - } - - .vacancies__banner-left { - width: 100%; - flex-direction: column; - gap: 15px; - } - - .banner_title { - font-size: 26px; - line-height: 30px; - } - - .banner_text { - font-size: 16px; - line-height: 22px; - } - - .vacancies__banner-right { - width: 100%; - display: flex; - justify-content: space-between; - } - - .banner-circle { - position: initial; - width: calc(33% - 10px); - height: auto; - aspect-ratio: 1/1; - } - - .main-text-color { - font-size: 22px; - line-height: 18px; - } - - .main-text { - font-size: 12px; - line-height: 16px; - padding: 0 20px; - } - - .advantages-wrapper { - margin: 30px 0; - gap: 20px; - overflow-x: auto; - padding-bottom: 20px; - } - - .advantages__item { - min-width: 225px; - } - - .advantages__item_title { - font-size: 25px; - line-height: 30px; - } - - .advantages__item_text { - font-size: 18px; - line-height: 22px; - } - - .page-vacancies .main_content p { - margin-bottom: 16px; - } - - .page-vacancies .conteiner-text .box__accordion_label { - padding: 15px 20px; - font-size: 16px; - } - - .page-vacancies .box__accordion_content-text { - padding: 15px 20px; - font-size: 16px; - } - - .box__accordion .btn-resume { - margin: 0 0 20px; - width: 100%; - font-size: 22px; - } - - .page-vacancies .conteiner-text .box__accordion.active { - background-color: #f3f3f3; - border: 1px solid transparent; - } - - .cat-wrapper { - width: 100%; - margin-top: 40px; - gap: 10px; - justify-content: flex-start; - overflow-x: auto; - padding-bottom: 20px; - } - - .cat-wrapper_item { - padding: 9px 24px; - font-size: 16px; - flex-shrink: 0; - } - - .news-wrapper { - margin-top: 30px; - gap: 15px; - flex-direction: column; - align-items: center; - padding: 0 10px; - } - - .news__item { - width: 100%; - padding-bottom: 20px; - max-width: 400px; - } - - .news__item .popular__subject_img { - height: 210px; - } - - .news_label_cat { - padding: 5px 25px; - font-size: 16px; - } - - .news__item a { - gap: 10px; - } - - .news__item .popular__subject_title { - width: 70%; - } - - .news_label { - right: 15px; - font-size: 16px; - line-height: 19px; - } - - .single-post-content { - padding: 40px 0 0; - } - - .banner-post .banner-wrapper { - padding: 40px 0; - flex-direction: column; - gap: 20px; - } - - .banner-left-part, - .banner-right-part { - width: 100%; - } - - .banner-left-part time { - font-weight: 300; - font-size: 16px; - } - - .single-post_title { - margin-top: 0; - font-size: 40px; - line-height: 1; - } - - .link_cat { - margin-top: 10px; - padding: 9px 40px; - font-size: 16px; - line-height: 1; - } - - .banner-right-part { - border-radius: 20px; - } - - .post-content-wrapper { - flex-direction: column; - gap: 40px; - } - - .content-left-part { - width: 100%; - font-size: 16px; - } - - .read-block { - width: 100%; - padding: 15px 20px 25px; - gap: 10px; - } - - .read-block_title { - font-size: 25px; - } - - .block-new a { - height: auto; - align-items: stretch; - } - - .block-new_img { - width: 50%; - display: flex; - flex: 1; - height: auto; - } - - .block-new_img img { - width: 100%; - height: 100%; - object-fit: cover; - } - - .block-new_title { - margin: 8px 0; - padding: 10px; - font-size: 12px; - } - - .organization .teachers_title::after { - right: 50%; - } - - .organization .teachers_title { - margin-bottom: 20px; - } - - .wp-block-heading { - font-size: 20px; - margin-bottom: 10px; - } - - .wp-block-list { - font-size: 16px; - line-height: 21px; - margin-left: 25px; - } - - .single-course .banner-wrapper .container { - padding: 0; - } - - .single-course .vacancies__banner-left { - padding: 0 10px; - } - - .single-course .banner-wrapper { - padding: 30px 0; - } - - .title_form-bt24 { - font-family: 'Oswald'; - font-weight: 600; - font-size: 28px; - line-height: 40px; - text-transform: uppercase; - color: #FFF; - } - - .single-course .b24-form-wrapper { - width: 100%; - padding: 0px 0 10px; - } - - .b24-form-field-agreement .b24-form-field-agreement-link, - .b24-form .b24-form-sign-abuse-link { - font-size: 14px !important; - } - - .single-course .b24-form-btn { - font-size: 26px !important; - } - - .single-course .b24-form-control-string .b24-form-control { - height: 65px; - } - - .course-about-wrapper { - flex-direction: column; - align-items: center; - gap: 15px; - padding: 10px 15px 30px; - } - - .about_title { - order: 1; - width: 100%; - font-size: 30px; - text-align: center; - line-height: 37px; - justify-content: center; - margin-bottom: 0; - } - - .about_img { - order: 2; - width: 260px; - height: 260px; - } - - .about-col { - position: relative; - order: 3; - width: 100%; - } - - .about-circle { - width: 376px; - height: 376px; - bottom: 140px; - left: auto; - right: -188px; - } - - .about-col_item { - position: relative; - padding: 10px 28px; - font-size: 18px; - line-height: normal; - flex-direction: column; - align-items: center; - gap: 5px; - } - - .about-col_item::before { - content: ''; - top: 50%; - position: absolute; - height: 1px; - width: 50%; - background-color: #D9D9D9; - } - - .btn-separate { - width: 100%; - } - - .section-wrap .text { - font-size: 16px; - } - - .os-item { - position: relative; - padding-left: 25px; - margin: 8px 0; - font-weight: 400; - } - - .cell { - font-size: 16px; - } - - .os-item::before { - width: 17px; - height: 16px; - } - - .programm-course { - margin-top: 70px; - padding-bottom: 50px; - } - - .obrazovanie .box__accordion .box__accordion_label { - font-size: 20px; - padding: 10px 0; - padding-right: 10%; - } - - .obrazovanie .box__accordion .box__accordion_label::after { - display: block; - background-image: url(../images/slider-arow.svg); - right: -5px; - } - - .about-teacher.container{ - padding: 0 !important; - } - - .teacher-about { - padding-bottom: 0; - } - - .teacher-about { - padding-bottom: 0; - margin-top: 0; - } - - .teacher-about-wrapper, .right-part { - padding: 0 10px !important; - } - - .obrazovanie .box__accordion { - border: none; - border-top: 1px solid #303030; - border-bottom: 1px solid #303030; - } - - .obrazovanie .box__accordion_content { - font-size: 16px; - max-height: 0px; - } - - .questions .box__accordion_content p { - width: 100%; - padding: 0 0 14px; - font-size: 16px; - line-height: 1.4; - } - - .breadcrumbs-teacher .container { - padding: 0 10px 0; - } - - .breadcrumbs-teacher { - padding: 0px 0 30px; - } - - .teacher-page .breadcrumbs { - gap: 10px 30px; - flex-wrap: wrap; - padding: 10px 0 30px !important; - } - -.teacher-description-wrapper { - display: flex; - flex-direction: column; - align-items: center; -} - -.about-teacher-wrapper { - position: relative; - padding: 0; - display: flex; - gap: 20px; - background: #fff; - border-radius: 0; - flex-direction: column; -} - -.teacher-description { - padding: 10px; - background: #F3F3F3; -} -.about-teacher::before { - display: none; -} -.left-part { - padding-top: 0; - width: 100%; -} -.teacher-description-wrapper { - display: flex; - flex-direction: column; - align-items: center; -} - -.teacher-description_text { - position: relative; - font-weight: 400; - font-size: 14px; - line-height: 22px; - padding-left: 20px; - padding-right: 20px; -} - -.teacher-description_text::after { - content: ''; - position: absolute; - top: 0; - left: 10px; - height: 100%; - width: 3px; - background: var(--main-background); - border-radius: 5px; -} - -.teacher__rating { - position: relative; - width: 100%; - margin-top: 10px; - display: flex; - flex-direction: column; - align-items: center; - background: transparent; - border-radius: 0; - box-shadow: none; -} - -.teacher__rating-img { - position: relative; - top: 6px; - width: 260px; - border-radius: 50px; - overflow: hidden; - height: 260px; - margin-bottom: 16px; - display: flex; - align-items: center; - justify-content: center; -} - -.teacher__rating-img:before { - display: flex; - content: ""; - position: absolute; - inset: -2px; - z-index: 0; - border-radius: 19px; - background: linear-gradient(134.27deg, #BF568E -3.32%, #1B6AB2 96.15%); -} - -.teacher__rating-img_foto { - position: relative; - width: calc(100% - 12px); - height: calc(100% - 12px); - object-fit: cover; - border-radius: 45px; -} - -.teacher_stars { - padding-top: 18px; - width: 100%; - display: flex; - justify-content: center; - align-items: center; - gap: 6px; - font-weight: 500; - font-size: 18px; - z-index: 1; - line-height: 28px; - background: #fff; - margin-top: 0; -} - -.teacher__stars_reviews { - color: #A0A0A0; -} - -.teacher_name-wrapper { - position: relative; - margin-top: -14px; - width: 100%; - padding: 12px 0 18px; - background: #FFFFFF; - border-radius: 20px; - margin-bottom: 18px; -} - -.teacher_name { - font-size: 22px; - color: var(--main-background) !important; - text-align: center; - width: 100%; - text-transform: uppercase; - line-height: 22px; - margin-bottom: 0; - justify-content: center; - background: #fff; - padding-top: 12px; - border-radius: 20px 20px 0 0; -} - -.teacher_name::after { - display: none; -} - -.teacher-description_location { - width: 100%; - font-weight: 500; - font-size: 18px; - line-height: 28px; - text-align: center; - color: #A0A0A0; - z-index: 1; - background: #fff; -} - -.conteiner-text { - max-width: 300px; - margin: 0 auto; - margin-top: 8px; -} - -.conteiner-text .box__accordion { - background-color: #FFD43E; - transition: var(--main-transition); -} - -.conteiner-text .box__accordion:hover { - background-color: #FFC806; -} - -.conteiner-text .box__accordion.active { - background-color: #fff; - border: 1px solid #D9D9D9; -} - -.taxonomy-block { - display: flex; - width: 100%; - flex-direction: column; - gap: 4px; - padding: 3px 19px 2px; -} - -.taxonomy-block:last-child { - padding-bottom: 20px; -} - -.taxonomy-block__name { - display: flex; - gap: 8px; - align-items: center; - font-weight: 300; - font-size: 13px; - line-height: 28px; -} - -.taxonomy-block__content { - display: flex; - flex-wrap: wrap; - gap: 6px; - font-weight: 300; - font-size: 13px; - text-align: center; -} - -.taxonomy-block__content_item { - padding: 5px 8px; - background: #D9D9D9; - border-radius: 5px; -} - -/* accordion */ -.accordion { - margin-top: 13px; - width: 100%; - display: flex; - flex-direction: column; - gap: 10px; -} -.more-programm { - margin: 20px 0 0; -} - - .teacher-about .teacher_title { - margin-bottom: 9px; - } - - .box__accordion_content p { - padding: 0; - width: 100%; - } - - .certificates { - margin: 20px; - } - - .teacher-page .certificates_title { - margin-top: 20px; - justify-content: center; - } - - .teacher-about_text { - max-height: 300vh; - } - .banner_expander { - height: 0; - } - .page-rewiews .banner.container { - height: 250px; - } - .reviews__item { - width: 100%; - } - - .page404 .breadcrumbs { - position: initial !important; - } - .title_404 { - font-size: 16px; - line-height: 18px; - margin-bottom: 10px; - } - .sub-title_404 { - font-size: 12px; - line-height: 16px; - margin-bottom: 0; - } -} - -/* end mobile= */ - -/* ── 2. Bento Grid System ── */ -.bento { - display: grid; - gap: 16px; - padding: 16px; - max-width: 1280px; - margin: 0 auto; -} - -@media (min-width: 640px) { - .bento { - grid-template-columns: repeat(6, 1fr); - gap: 16px; - } -} - -@media (min-width: 1024px) { - .bento { - grid-template-columns: repeat(12, 1fr); - gap: 20px; - padding: 24px; - } -} - -.bento__hero { grid-column: 1 / -1; grid-row: auto; } -.bento__stat { grid-column: 1 / -1; } -.bento__half { grid-column: 1 / -1; } -.bento__third { grid-column: 1 / -1; } -.bento__full { grid-column: 1 / -1; } -.bento__wide { grid-column: 1 / -1; } - -@media (min-width: 640px) { - .bento__hero { grid-column: span 4; grid-row: span 2; } - .bento__stat { grid-column: span 2; } - .bento__half { grid-column: span 3; } - .bento__third { grid-column: span 2; } - .bento__wide { grid-column: span 4; } -} - -@media (min-width: 1024px) { - .bento__hero { grid-column: span 6; grid-row: span 2; } - .bento__stat { grid-column: span 3; } - .bento__half { grid-column: span 6; } - .bento__third { grid-column: span 4; } - .bento__wide { grid-column: span 8; } -} - -.bento-card { - background: var(--bg-card); - border-radius: var(--radius-lg); - padding: 24px; - box-shadow: var(--shadow-sm); - transition: box-shadow .2s, transform .2s; -} - -.bento-card:hover { - box-shadow: var(--shadow-md); - transform: translateY(-2px); -} - -.bento-card--highlight { - background: var(--accent); - color: white; -} - -.bento-card--soft { - background: var(--bg-soft); -} - -.bento-card--green { - background: var(--green-light); -} - -/* ── 3. Social Counters ── */ -.social-counters { - display: flex; - flex-wrap: wrap; - gap: 12px; - margin-top: 16px; - justify-content: center; -} - -@media (min-width: 640px) { - .social-counters { - justify-content: flex-start; - } -} - -.social-counter { - display: flex; - align-items: center; - gap: 8px; - padding: 10px 16px; - background: var(--bg-soft); - border-radius: var(--radius-sm); - font-size: 14px; - color: var(--text-secondary); - flex: 1; - min-width: 140px; -} - -.social-counter__icon { - font-size: 20px; - flex-shrink: 0; -} - -.social-counter__number { - font-weight: 700; - color: var(--accent); - font-size: 18px; - white-space: nowrap; -} - -.social-counter__label { - color: var(--text-tertiary); - font-size: 12px; - line-height: 1.2; -} - -/* ── 4. Sticky CTA Mobile ── */ -.sticky-cta-mobile { - display: none; - position: fixed; - bottom: 0; - left: 0; - right: 0; - z-index: 1000; - padding: 8px 16px max(12px, env(safe-area-inset-bottom)); - background: linear-gradient(to top, rgba(255,255,255,0.98) 60%, transparent); - pointer-events: none; - backdrop-filter: blur(8px); - -webkit-backdrop-filter: blur(8px); -} - -@media (max-width: 639px) { - .sticky-cta-mobile { - display: block; - } - body { - padding-bottom: 80px; - } -} - -.sticky-cta-btn { - pointer-events: auto; - width: 100%; - height: 56px; - border: none; - border-radius: var(--radius-pill); - background: var(--color-primary); - color: white; - font-size: 18px; - font-weight: 700; - font-family: 'Roboto', sans-serif; - cursor: pointer; - box-shadow: 0 4px 20px rgba(0,0,0,.25); - transition: transform .15s, box-shadow .15s; - display: flex; - align-items: center; - justify-content: center; - gap: 8px; -} - -.sticky-cta-btn:active { - transform: scale(0.97); - box-shadow: var(--shadow-md); -} - -/* ── 5. Guarantee Block ── */ -.guarantee-block { - background: linear-gradient(135deg, var(--accent-light), #FEF3C7); - border-radius: var(--radius-xl); - padding: 32px 24px; - text-align: center; - border: 2px solid var(--accent-200); - position: relative; - overflow: hidden; -} - -.guarantee-block::before { - content: '🛡️'; - position: absolute; - top: -10px; - right: -10px; - font-size: 80px; - opacity: 0.15; - transform: rotate(15deg); -} - -.guarantee-block__text { - font-size: 16px; - line-height: 1.6; - color: var(--text-secondary); - max-width: 560px; - margin: 0 auto; -} - -.guarantee-block__badge { - display: inline-block; - margin-top: 16px; - padding: 6px 20px; - background: var(--accent); - color: white; - border-radius: var(--radius-pill); - font-size: 14px; - font-weight: 600; -} - -@media (min-width: 640px) { - .guarantee-block { - padding: 40px 32px; - } -} - -/* ── 6. Hero Risk Reversal Badge ── */ -.hero-risk-reversal { - display: inline-flex; - align-items: center; - gap: 6px; - padding: 4px 14px; - background: var(--green-light); - color: #065F46; - border-radius: var(--radius-pill); - font-size: 13px; - font-weight: 600; - margin-top: 8px; -} - -/* ── 7. Transformation Case ── */ -.transformation-case { - display: grid; - grid-template-columns: 1fr; - gap: 16px; - padding: 24px; - background: var(--bg-soft); - border-radius: var(--radius-xl); - position: relative; -} - -@media (min-width: 640px) { - .transformation-case { - grid-template-columns: 1fr auto 1fr; - align-items: center; - } -} - -.transformation-step { - text-align: center; - padding: 16px; - border-radius: var(--radius-md); -} - -.transformation-step--before { - background: #FEF2F2; - border-left: 4px solid #EF4444; -} - -.transformation-step--process { - background: var(--accent-light); -} - -.transformation-step--after { - background: var(--green-light); - border-right: 4px solid var(--green-cta); -} - -.transformation-step__label { - font-size: 12px; - text-transform: uppercase; - letter-spacing: 0.05em; - color: var(--text-tertiary); - font-weight: 600; - margin-bottom: 8px; -} - -.transformation-step__title { - font-size: 18px; - font-weight: 700; - color: var(--text-primary); - margin-bottom: 4px; -} - -.transformation-step__desc { - font-size: 14px; - color: var(--text-secondary); - line-height: 1.4; -} - -.transformation-arrow { - display: none; - font-size: 28px; - color: var(--accent); - text-align: center; -} - -@media (min-width: 640px) { - .transformation-arrow { - display: block; - } -} - -/* ── 8. Outcome Card ── */ -.outcome-card { - display: flex; - flex-direction: column; - gap: 24px; - padding: 32px 24px; - background: linear-gradient(135deg, #EEF2FF, #F5F3FF); - border-radius: var(--radius-xl); -} - -@media (min-width: 640px) { - .outcome-card { - flex-direction: row; - align-items: center; - padding: 40px 32px; - } -} - -.outcome-card__metrics { - display: flex; - flex-wrap: wrap; - gap: 20px; - flex: 1; -} - -.outcome-metric { - flex: 1; - min-width: 120px; -} - -.outcome-metric__value { - font-family: 'Oswald', sans-serif; - font-size: 36px; - font-weight: 700; - color: var(--accent); - line-height: 1; -} - -.outcome-metric__label { - font-size: 14px; - color: var(--text-secondary); - margin-top: 4px; -} - -.outcome-card__cta { - flex-shrink: 0; -} - -/* ── 9. Final CTA Section ── */ -.cta-final { - background: var(--color-bg-dark); - color: white; - border-radius: var(--radius-xl); - padding: 48px 24px; - text-align: center; -} - -.cta-final__title { - font-family: 'Oswald', sans-serif; - font-size: 28px; - font-weight: 600; - margin-bottom: 12px; - line-height: 1.2; -} - -.cta-final__subtitle { - font-size: 16px; - opacity: 0.9; - margin-bottom: 24px; - line-height: 1.5; -} - -.cta-final .btn { - display: inline-flex; - align-items: center; - gap: 8px; - padding: 16px 40px; - background: white; - color: var(--accent); - border: none; - border-radius: var(--radius-pill); - font-size: 18px; - font-weight: 700; - font-family: 'Roboto', sans-serif; - cursor: pointer; - box-shadow: var(--shadow-lg); - transition: transform .15s; -} - -.cta-final .btn:active { - transform: scale(0.97); -} - -@media (min-width: 640px) { - .cta-final { - padding: 64px 48px; - } - .cta-final__title { - font-size: 36px; - } -} - -/* ── 10. Button System — Unified ── */ -.btn-primary { - display: inline-flex; - align-items: center; - justify-content: center; - gap: 8px; - padding: 14px 32px; - background: var(--color-primary); - color: white; - border: none; - border-radius: var(--radius-pill); - font-size: 16px; - font-weight: 600; - font-family: 'Roboto', sans-serif; - cursor: pointer; - transition: transform .15s, box-shadow .15s; - box-shadow: 0 4px 16px rgba(0,0,0,.25); - text-decoration: none; - min-height: 48px; -} - -.btn-primary:hover, -.btn-primary:focus-visible { - transform: translateY(-1px); - box-shadow: 0 8px 24px rgba(0,0,0,.3); -} - -.btn-primary:active { - transform: translateY(0); -} - -.btn-secondary { - display: inline-flex; - align-items: center; - justify-content: center; - gap: 8px; - padding: 12px 28px; - background: transparent; - color: var(--accent); - border: 2px solid var(--accent-200); - border-radius: var(--radius-pill); - font-size: 15px; - font-weight: 600; - font-family: 'Roboto', sans-serif; - cursor: pointer; - transition: background .15s, border-color .15s; - text-decoration: none; - min-height: 44px; -} - -.btn-secondary:hover, -.btn-secondary:focus-visible { - background: var(--accent-light); - border-color: var(--accent); -} - -/* ── 11. Mobile: hide old "Оставить заявку" text ── */ -.btn-banner .btn-free-lesson-header { - /* Keeping existing class but text updated */ -} - -/* ── 12. Banner enhancement — Risk Reversal Tag ── */ -.banner__content .risk-reversal-tag { - display: inline-block; - margin-top: 8px; - padding: 4px 16px; - background: rgba(255,255,255,0.15); - border-radius: var(--radius-pill); - font-size: 14px; - color: #FFD43E; - font-weight: 500; - backdrop-filter: blur(4px); -} - -/* ── 13. Section spacers for Bento sections ── */ -.pksh-section { - padding: 40px 16px; -} - -@media (min-width: 640px) { - .pksh-section { - padding: 60px 24px; - } -} - -@media (min-width: 1024px) { - .pksh-section { - padding: 80px 32px; - } -} - -.pksh-section--alt { - background: var(--bg-soft); -} - -/* ── 14. Mobile CTA — full width tap target ── */ -@media (max-width: 639px) { - .btn-write.btn-primary.mobile, - .btn-page.btn-write { - width: calc(100% - 32px); - margin: 8px auto; - height: 52px; - font-size: 17px !important; - border-radius: var(--radius-pill); - } -} - -/* ── 15. Price/Bento Cards refinement ── */ -.pksh-price-card { - border-radius: var(--radius-xl); - padding: 28px 20px; - background: var(--bg-card); - box-shadow: var(--shadow-sm); - border: 1px solid #E2E8F0; - transition: box-shadow .2s, border-color .2s; -} - -.pksh-price-card:hover { - box-shadow: var(--shadow-md); - border-color: var(--accent-200); -} - -.pksh-price-card--featured { - border-color: var(--accent); - box-shadow: 0 0 0 2px var(--accent), var(--shadow-md); -} - -.pksh-price-card__title { - font-family: 'Oswald', sans-serif; - font-size: 22px; - font-weight: 600; - color: var(--text-primary); - margin-bottom: 8px; -} - -.pksh-price-card__price { - font-size: 32px; - font-weight: 700; - color: var(--accent); - margin-bottom: 16px; -} - -.pksh-price-card__features { - list-style: none; - padding: 0; - margin: 0 0 20px; - display: flex; - flex-direction: column; - gap: 10px; -} - -.pksh-price-card__features li { - font-size: 14px; - color: var(--text-secondary); - display: flex; - align-items: center; - gap: 8px; -} - -/* ── 16. Animations ── */ -@keyframes fadeInUp { - from { opacity: 0; transform: translateY(20px); } - to { opacity: 1; transform: translateY(0); } -} - -.bento-card { - animation: fadeInUp 0.4s ease-out both; -} - -.bento-card:nth-child(1) { animation-delay: 0.05s; } -.bento-card:nth-child(2) { animation-delay: 0.1s; } -.bento-card:nth-child(3) { animation-delay: 0.15s; } -.bento-card:nth-child(4) { animation-delay: 0.2s; } -.bento-card:nth-child(5) { animation-delay: 0.25s; } - -.bento-card--static { - animation: none; -} - -/* ══════════════════════════════════════════════════════════════ - Shared Review Card Components (lw-*) - Used by /otzyvy/, /lager/, and all service pages. - Page-specific grid/layout overrides in page CSS files. - ══════════════════════════════════════════════════════════════ */ - -/* ── Layout utilities ── */ -.lw-flex { display: flex; } -.lw-flex--row { flex-direction: row; } -.lw-flex--col { flex-direction: column; } -.lw-flex--wrap { flex-wrap: wrap; } -.lw-items-center { align-items: center; } -.lw-items-start { align-items: flex-start; } -.lw-justify-center { justify-content: center; } -.lw-justify-between { justify-content: space-between; } -.lw-gap-8 { gap: 8px; } -.lw-gap-12 { gap: 12px; } -.lw-gap-20 { gap: 20px; } -.lw-mt-8 { margin-top: 8px; } -.lw-mb-8 { margin-bottom: 8px; } -.lw-mb-12 { margin-bottom: 12px; } - -/* ── Scroll wrapper ── */ -.lw-scroll-x { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - padding-bottom: 8px; -} -.lw-scroll-x::-webkit-scrollbar { height: 6px; } -.lw-scroll-x::-webkit-scrollbar-thumb { background: #ccc; border-radius: 8px; } - -/* ── Grid ── */ -.lw-grid { display: grid; } -.lw-grid--2 { grid-template-columns: repeat(2, 1fr); } -.lw-grid--3 { grid-template-columns: repeat(3, 1fr); } - -/* ── Card ── */ -.lw-card { - background: var(--color-bg); - border-radius: var(--card-radius); - padding: 20px; - box-shadow: var(--card-shadow); - display: flex; - flex-direction: column; - transition: box-shadow var(--transition-normal), transform var(--transition-normal); -} -.lw-card:hover { - box-shadow: var(--card-shadow-hover); - transform: translateY(-2px); -} - -/* ── Avatar ── */ -.lw-avatar { - border-radius: 50%; - overflow: hidden; - flex-shrink: 0; - background: rgba(59, 178, 160, 0.1); - display: flex; - align-items: center; - justify-content: center; -} -.lw-avatar--48 { width: 48px; height: 48px; } -.lw-avatar__img { - width: 100%; height: 100%; - object-fit: cover; - display: block; -} -.lw-avatar--letter { background: rgba(232, 117, 58, 0.08); } -.lw-avatar__letter { - display: block; - font-size: 18px; - font-weight: 700; - color: var(--color-primary); - line-height: 1; - user-select: none; -} - -/* ── Typography ── */ -.lw-text-dark { color: #1c2b2d; } -.lw-text-gray { color: var(--color-text-muted); } -.lw-text-sm { font-size: 14px; line-height: 1.4; } -.lw-text-xs { font-size: 12px; line-height: 1.3; } -.lw-font-medium { font-weight: 500; } -.lw-font-semibold { font-weight: 600; } -.lw-font-bold { font-weight: 700; } - -/* ── Badge ── */ -.lw-badge { - display: inline-flex; - align-items: center; - padding: 4px 10px; - border-radius: 50px; - font-size: 11px; - font-weight: 600; - line-height: 1.2; - white-space: nowrap; - margin-left: auto; - flex-shrink: 0; -} -.lw-badge--verified { - background: #059669; - color: #fff; - border-radius: 50px; - padding: 3px 12px 3px 10px; - font-size: 11px; - font-weight: 600; - line-height: 1.4; - white-space: nowrap; - align-self: flex-start; -} -.lw-card .lw-text-gray + .lw-badge--verified { margin-top: 6px; } - -/* ── Stars ── */ -.lw-stars { display: flex; gap: 2px; align-items: center; } -.lw-star { color: var(--color-text-light); flex-shrink: 0; } -.lw-star--filled { color: #FFD43E; } - -/* ── Card text ── */ -.lw-card__text { - font-size: 14px; - line-height: 1.55; - color: var(--color-text-muted); - word-break: break-word; -} - -/* ── Card footer (date + read-more) ── */ -.review-card__footer { - display: flex; - align-items: center; - gap: 12px; - margin-top: 8px; -} -.review-card__date { - margin-left: auto; - font-size: 13px; - color: var(--color-text-muted); - white-space: nowrap; -} - -/* ── Read-more button ── */ -.review-card__btn-more { - display: inline-block; - padding: 0; - border: none; - background: none; - color: var(--accent); - font-weight: 600; - font-size: 14px; - cursor: pointer; - align-self: flex-start; -} -.review-card__btn-more:hover { - text-decoration: underline; -} - -/* ── Clamped text (long reviews) ── */ -.review-card__text--clamped { - position: relative; - max-height: 120px; - overflow: hidden; - transition: max-height .4s ease; -} -.review-card__text--clamped.review-card__text--expanded { - max-height: 2000px; -} -.review-card__text--clamped:not(.review-card__text--expanded)::after { - content: ''; - position: absolute; - bottom: 0; - left: 0; - right: 0; - height: 40px; - background: linear-gradient(transparent, var(--color-bg)); -} - -/* ── Reveal animation (batch-loaded cards) ── */ -.reveal { - opacity: 0; - transform: translateY(24px); - transition: opacity .6s ease, transform .6s ease; -} -.reveal--visible { - opacity: 1; - transform: translateY(0); -} - -/* ── Teacher link ── */ -.review-card__teacher-link { - color: var(--accent); - text-decoration: underline; - text-underline-offset: 3px; - text-decoration-color: currentColor; - transition: color .2s, font-weight .2s; - font-weight: 500; -} -.review-card__teacher-link:hover { - color: var(--accent-hover); - font-weight: 700; -} - -/* ══════════════════════════════════════════════════════════════ - Shared Reviews Grid / Scroll Layout (.reviews-cards) - Same layout for /otzyvy/, /lager/, /podgotovka-k-shkole/. - ══════════════════════════════════════════════════════════════ */ - -/* ─── Desktop: flex-wrap centered grid ─── */ -.reviews-cards .lw-scroll-x { - overflow: visible; - padding: 0; -} -.reviews-cards .lw-grid--3 { - display: flex; - flex-wrap: wrap; - gap: 24px; - justify-content: center; -} -.reviews-cards .lw-grid--3 .lw-card { - width: calc(33.33% - 16px); - min-width: 280px; - padding: 24px; - border-radius: 20px; - box-shadow: 0 2px 16px rgba(0,0,0,0.06); - border: 1.5px solid rgba(0,0,0,0.12); - transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, background 0.3s ease; -} -.reviews-cards .lw-grid--3 .lw-card:hover { - transform: translateY(-4px); - box-shadow: 0 8px 32px rgba(0,0,0,0.1); - border-color: rgba(124, 58, 237, 0.15); - background: var(--accent-light); -} - -/* ─── 3 → 2 columns ─── */ -@media (max-width: 1200px) { - .reviews-cards .lw-grid--3 .lw-card { - width: calc(50% - 12px); - min-width: 280px; - } -} - -/* ─── Mobile horizontal scroll ─── */ -@media (max-width: 768px) { - .reviews-cards .lw-scroll-x { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - padding-bottom: 8px; - } - .reviews-cards .lw-grid--3 { - display: flex; - gap: 16px; - overflow-x: auto; - scroll-snap-type: x mandatory; - flex-wrap: nowrap; - justify-content: flex-start; - padding-bottom: 4px; - } - .reviews-cards .lw-grid--3 .lw-card { - flex: 0 0 88vw; - scroll-snap-align: start; - position: relative; - } - .reviews-cards .lw-card > .lw-flex.lw-flex--row { - flex-wrap: wrap; - gap: 8px 12px; - align-items: flex-start; - } - .reviews-cards .lw-card .lw-avatar { - flex-shrink: 0; - } - .reviews-cards .lw-card > .lw-flex.lw-flex--row > .lw-flex.lw-flex--col { - flex: 1; - min-width: 0; - padding-right: 90px; - } - .reviews-cards .lw-card .lw-badge--verified { - margin-top: 6px; - margin-left: 0; - } - .reviews-cards .lw-card .lw-stars { - position: absolute; - top: 24px; - right: 24px; - margin-top: 0; - } -} - -@media (max-width: 480px) { - .reviews-cards .lw-grid--3 .lw-card { - padding: 16px; - } - .reviews-cards .lw-card .lw-stars { - top: 16px; - right: 16px; - } -} - -/* ─── Batch loading: hide cards after first batch on desktop ─── */ -@media (min-width: 769px) { - .lw-card[data-batch]:not([data-batch="1"]) { - display: none; - } -} -/* ─── Mobile: all cards visible (horizontal scroll shows all) ─── */ -@media (max-width: 768px) { - .lw-card[data-batch]:not([data-batch="1"]) { - display: flex; - } -} - -/* ─── Load more button ─── */ -.reviews-loadmore { - text-align: center; - margin-top: 32px; -} -.reviews-loadmore__btn { - display: inline-flex; - align-items: center; - gap: 8px; - padding: 14px 36px; - font-size: 16px; - font-weight: 600; - color: var(--accent); - background: var(--accent-light); - border: 2px solid var(--accent); - border-radius: 12px; - cursor: pointer; - transition: background var(--transition-fast), transform var(--transition-fast); -} -.reviews-loadmore__btn:hover { - background: rgba(124, 58, 237, 0.15); - transform: translateY(-2px); -} -.reviews-loadmore__btn:active { - transform: translateY(0); -} -.reviews-loadmore__btn:disabled { - opacity: 0.5; - cursor: default; - transform: none; -} -@media (max-width: 768px) { - .reviews-loadmore { - display: none; - } -} - -/* ── Reduced Motion ── */ -@media (prefers-reduced-motion: reduce) { - .bento-card { - animation: none; - } - .sticky-cta-btn { - transition: none; - } - .btn-primary, - .btn-secondary, - .lw-card, - .lw-card:hover { - transition: none; - transform: none; - } - .reveal, - .reveal--visible { - transition: none !important; - transform: none !important; - animation: none !important; - opacity: 1 !important; - } -} - -/* ── 17. Modal Form Enhancement ── */ -.modal-request-form { - z-index: 9999; -} - -/* ── 18. Section Spacing Fix for main ── */ -main { - gap: 0; -} - -main > .pksh-section:first-child { - padding-top: 0; -} - -/* ============================================================ - FAQ SECTION — общий стиль для всех страниц - Использовать: class="section-bg faq-section" на section - ============================================================ */ -.section-bg { - position: relative; -} -.section-bg::before { - content: ''; - position: absolute; - top: 0; - bottom: 0; - left: calc(-50vw + 50%); - width: 100vw; - z-index: -1; -} - -/* .bento внутри section-bg — растягивается на всю ширину */ -.section-bg > .bento { - width: 100%; -} - -/* ════════════════════════════════════════════════ - FAQ (faq-front) — общий компонент для всех страниц - Источник: front-page.css (вынесен для переиспользования) - ════════════════════════════════════════════════ */ -.faq-front { - position: relative; - padding: 48px 0; -} -.faq-front::before { - background: var(--color-bg-alt, #F8F4F0); -} -.faq-front .section-header--centered { - margin-bottom: 40px; -} -.faq-front__list { - max-width: 900px; - margin: 0 auto; - display: grid; - grid-template-columns: 1fr; - gap: 12px; -} -@media (min-width: 768px) { - .faq-front__list { - grid-template-columns: 1fr 1fr; - } -} -.faq-front__item { - border-radius: var(--radius-sm, 12px); - background: var(--color-bg, #FFFFFF); - box-shadow: 0 4px 16px rgba(15,23,42,.08); - overflow: hidden; -} -.faq-front__item[open] { - box-shadow: var(--shadow-md, 0 8px 24px rgba(15,23,42,0.10)); -} -.faq-front__question { - display: flex; - align-items: center; - justify-content: space-between; - gap: 12px; - padding: 18px 24px; - font-size: 1rem; - font-weight: 600; - line-height: 1.4; - color: var(--color-text, #0F172A); - cursor: pointer; - list-style: none; - user-select: none; -} -.faq-front__question::-webkit-details-marker { - display: none; -} -.faq-front__question svg { - flex-shrink: 0; - color: var(--color-text-muted, #475569); - transition: transform .25s; -} -.faq-front__item[open] .faq-front__question svg { - transform: rotate(180deg); -} -.faq-front__question:hover { - color: var(--color-primary, #2563EB); -} -.faq-front__question:active { - transform: scale(0.98); -} -.faq-front__question:focus-visible { - outline: 3px solid var(--color-primary); - outline-offset: 3px; -} -.faq-front__cta { - margin-top: 32px; - text-align: center; -} -.faq-front__cta-text { - font-size: 1rem; - font-weight: 600; - margin: 0 0 12px; - color: var(--color-text, #0F172A); -} -.faq-front__cta-msgs { - display: flex; - flex-wrap: wrap; - gap: 10px; - justify-content: center; -} -.faq-front__cta-btn { - display: inline-flex; - align-items: center; - padding: 12px 28px; - border-radius: var(--radius-sm, 12px); - font-size: 1rem; - font-weight: 600; - background: var(--color-primary, #2563EB); - color: #FFFFFF; - text-decoration: none; - transition: background .2s, transform .2s; - min-height: 44px; -} -.faq-front__cta-btn:hover { - background: var(--color-primary-dark, #1D4ED8); - transform: translateY(-2px); -} -.faq-front__cta-btn:active { - transform: scale(0.97); -} -.faq-front__answer { - padding: 0 24px 18px; - font-size: 1rem; - line-height: 1.7; - color: #334155; -} -.faq-front__answer p { - margin: 0 0 12px; -} -.faq-front__answer p:last-child { - margin-bottom: 0; -} -@media (max-width: 639px) { - .faq-front { - padding: 32px 0; - } - .faq-front__question { - padding: 14px 18px; - font-size: 1rem; - } - .faq-front__answer { - padding: 0 18px 14px; - } -} - -.faq-section { - padding: 48px 0; -} - -.section-bg.faq-section::before { - background: var(--accent-light, #F5F3FF); -} - -/* Все не-белые секции на ПКШ — единый фон accent-light на всю ширину */ -.page-pksh .section-bg:not(.ds-hero):not(.faq-section)::before { - background: var(--accent-light, #F5F3FF); -} - -.faq-section .container, -.faq-section .bento { - width: 100%; -} - -.faq-section__title { - text-align: center; - margin-bottom: 40px; - font-size: clamp(24px, 2.8vw, 32px); - font-weight: 700; - line-height: 1.25; - color: var(--navy, #0F172A); - grid-column: 1 / -1; -} - -.faq-section__wrapper { - display: flex; - gap: 30px; - grid-column: 1 / -1; -} - -.faq-section__col { - width: 50%; - display: flex; - flex-direction: column; - border-top: 1px solid var(--slate-200, #E2E8F0); -} - -.faq-section .box__accordion { - position: relative; - cursor: pointer; - border-bottom: 1px solid var(--slate-200, #E2E8F0); - border-radius: 0; -} - -.faq-section .box__accordion_label { - position: relative; - padding: 20px 0; - cursor: pointer; - display: flex; - align-items: center; - gap: 20px; - justify-content: space-between; -} - -.faq-section .box__accordion_label span { - font-size: clamp(17px, 2vw, 21px); - line-height: 1.3; - font-weight: 600; - color: var(--navy, #0F172A); -} - -.faq-section .box__accordion_label svg { - width: 36px; - height: 36px; - padding: 8px; - border-radius: 50%; - background: var(--accent, #7C3AED); - stroke: #fff; - transition: background 0.2s, rotate 0.25s ease; - flex-shrink: 0; -} - -.faq-section .box__accordion_label svg g { - stroke: #fff !important; -} - -.faq-section .active .box__accordion_label svg { - rotate: 45deg; - background: var(--accent-hover, #6D28D9); -} - -.faq-section .box__accordion_content { - display: flex; - position: relative; - overflow: hidden; - max-height: 0; - transition: max-height 0.3s ease; - gap: 20px; - align-items: center; -} - -.faq-section .box__accordion_content-text { - display: flex; - flex-direction: column; - gap: 10px; - font-size: 16px; - line-height: 1.6; - color: var(--slate-600, #475569); - padding-bottom: 20px; -} - -.faq-section .box__accordion_content-text p { - margin: 0; -} - -@media (max-width: 768px) { - .faq-section__wrapper { - flex-direction: column; - gap: 0; - } - .faq-section__col { - width: 100%; - border-top: none; - } - .faq-section__col:first-child { - border-top: 1px solid var(--slate-200, #E2E8F0); - } -} - -/* ── 19. Contacts ── */ -.contacts { - padding: var(--space-6) 0; - background: transparent; -} -/* Override legacy .contacts .container !important */ -.contacts > .container { - max-width: 1240px !important; - padding: 0 1.5rem !important; -} -.contacts__header { - margin-bottom: var(--space-5); -} -.contacts__title { - font-family: var(--font-display); - font-weight: 700; - font-size: clamp(1.5rem, 4vw, 2.5rem); - line-height: 1.15; - letter-spacing: -0.02em; - color: var(--color-text); - margin: 0 0 var(--space-3); -} -.contacts__description { - font-size: var(--text-body); - line-height: 1.6; - color: var(--color-text-muted); - margin: 0; -} -.contacts__wrapper { - display: flex; - gap: var(--space-5); - align-items: stretch; -} -.contacts__info { - width: 35%; - display: flex; - flex-direction: column; - gap: var(--space-2); - padding: var(--space-3) 0; -} -.contacts__item { - display: flex; - flex-direction: column; - gap: var(--space-1); -} -.contacts__item + .contacts__item { - margin-top: var(--space-2); -} -.contacts__subtitle { - font-size: var(--text-body-sm); - font-weight: 700; - color: var(--color-text-muted); - text-transform: uppercase; - letter-spacing: 0.05em; -} -.contacts__value { - font-size: clamp(1rem, 2vw, var(--text-h4)); - font-weight: 600; - color: var(--color-primary); - text-decoration: none; - transition: color var(--transition-fast); -} -.contacts__value:hover { - color: var(--color-primary-dark); - text-decoration: underline; -} -.contacts__route-link { - display: inline-block; - margin-top: 6px; - font-size: 0.8125rem; - font-weight: 600; - color: var(--color-primary, #2563EB); - text-decoration: none; - transition: color .2s; -} -.contacts__route-link:hover { - color: var(--color-primary-dark, #1D4ED8); - text-decoration: underline; -} -.contacts__messengers { - display: flex; - flex-wrap: wrap; - gap: 8px; -} -.contacts__msg-link { - display: inline-flex; - align-items: center; - padding: 6px 16px; - border-radius: var(--radius-sm, 12px); - font-size: 0.875rem; - font-weight: 600; - background: var(--color-primary-light, #EFF6FF); - color: var(--color-primary, #2563EB); - text-decoration: none; - transition: background .2s, color .2s; -} -.contacts__msg-link:hover { - background: var(--color-primary, #2563EB); - color: #FFFFFF; -} -.contacts__logistics { - display: flex; - flex-wrap: wrap; - gap: var(--space-2); - margin-top: var(--space-3); - padding: var(--space-3); - background: var(--color-bg-alt); - border: 1px solid var(--color-border); - border-radius: var(--radius-sm); -} -.contacts__logistics-item { - display: inline-flex; - align-items: center; - gap: var(--space-2); - font-size: var(--text-body-sm); - color: var(--color-text-muted); - width: 100%; -} -.contacts__logistics-icon { - flex-shrink: 0; - width: 18px; - height: 18px; - color: var(--color-primary); -} -.contacts__logistics-text { - flex: 1; -} -.contacts__social { - display: flex; - flex-wrap: wrap; - gap: var(--space-3); -} -.contacts__social-link { - display: inline-flex; - align-items: center; - font-size: clamp(0.875rem, 1.8vw, 1rem); - font-weight: 600; - color: var(--color-primary); - text-decoration: none; - transition: color var(--transition-fast); -} -.contacts__social-link:hover { - color: var(--color-primary-hover); -} -.contacts__social-link + .contacts__social-link::before { - content: '\00B7'; - margin-right: var(--space-3); - color: var(--color-text-muted); - font-weight: 400; -} -.contacts__map { - flex: 1; - border-radius: var(--radius-sm); - overflow: hidden; - min-height: 400px; - box-shadow: var(--shadow-md); -} - -@media (max-width: 768px) { - .contacts__wrapper { - flex-direction: column-reverse; - } - .contacts__info { - width: 100%; - } - .contacts__map { - min-height: 280px; - margin: 0 calc(-1 * var(--container-padding, 1.5rem)); - border-radius: 0; - box-shadow: none; - } -} - -/* ── 20. Teachers Cards (shared) ── */ -.teachers-cards__wrapper { - display: flex; - flex-wrap: wrap; - gap: clamp(16px, 2vw, 24px); - justify-content: center; -} -.teachers-cards__item { - width: calc(33.33% - 18px); - min-width: 280px; -} -.teachers-cards__card { - background: var(--color-bg); - border-radius: var(--pksh-radius-card, 24px); - overflow: hidden; - box-shadow: 0 4px 16px rgba(15,23,42,.08); - transition: transform 0.25s ease, box-shadow 0.25s ease; - display: flex; - flex-direction: column; - height: 100%; -} -.teachers-cards__card:hover { - transform: translateY(-4px); - box-shadow: var(--shadow-md); -} -.teachers-cards__card-top { - background: linear-gradient(135deg, color-mix(in oklab, var(--color-primary), transparent 95%), color-mix(in oklab, var(--color-secondary), transparent 92%)); - display: flex; - justify-content: center; - padding: clamp(24px, 3vw, 32px) clamp(16px, 2vw, 24px) clamp(16px, 2vw, 20px); -} -.teachers-cards__photo { - width: clamp(120px, 12vw, 140px); - height: clamp(120px, 12vw, 140px); - border-radius: 50%; - object-fit: cover; - border: 4px solid var(--color-bg); - box-shadow: 0 4px 16px color-mix(in oklab, var(--color-text), transparent 90%); -} -.teachers-cards__card-body { - padding: clamp(16px, 2vw, 20px) clamp(18px, 2.5vw, 24px) clamp(20px, 2.5vw, 24px); - display: flex; - flex-direction: column; - gap: 10px; - flex: 1; -} -.teachers-cards__name { - font-size: clamp(1rem, 1.2vw, 1.125rem); - font-weight: 700; - line-height: 1.3; - color: var(--color-text); - text-align: center; - margin: 0; -} -.teachers-cards__subj { - font-size: clamp(0.9375rem, 1vw, 1rem); - line-height: 1.4; - color: var(--color-primary); - text-align: center; - font-weight: 600; - margin: 0 0 2px; -} -.teachers-cards__desc { - font-size: 0.9375rem; - line-height: 1.5; - color: #334155; - text-align: center; - margin: 0 0 4px; -} -.teachers-cards__meta { - display: flex; - flex-wrap: wrap; - justify-content: center; - gap: 6px; - margin: 4px 0 12px; -} -.teachers-cards__meta-badge { - display: inline-flex; - padding: 4px 12px; - font-size: 0.8125rem; - font-weight: 600; - color: var(--color-primary-dark); - background: var(--color-primary-light, #EFF6FF); - border-radius: var(--radius-pill, 100px); - white-space: nowrap; -} -.teachers-cards__meta-icon { - vertical-align: -2px; - margin-right: 4px; -} -.teachers-cards__meta-exp { - display: inline-flex; - padding: 4px 12px; - font-size: 0.8125rem; - font-weight: 600; - color: var(--pksh-text-warm); - background: color-mix(in oklab, var(--color-bg-alt), var(--color-warning) 12%); - border-radius: var(--radius-pill, 100px); - white-space: nowrap; -} -.teachers-cards__btn { - display: block; - width: 100%; - padding: 12px; - border: none; - border-radius: var(--radius-pill, 100px); - font-family: inherit; - font-size: 1rem; - font-weight: 700; - color: var(--color-text-on-dark); - cursor: pointer; - background: var(--pksh-gradient-btn-bright); - text-align: center; - text-decoration: none; - transition: transform var(--transition-fast), box-shadow var(--transition-fast); - box-shadow: var(--pksh-btn-shadow-bright); - margin-top: auto; - min-height: 44px; -} -.teachers-cards__btn:hover { - transform: translateY(-2px); - box-shadow: var(--pksh-btn-shadow-bright-hover); -} -.teachers-cards__btn:active { - transform: scale(0.97); -} -.teachers-cards__btn:focus-visible { - outline: 3px solid var(--color-primary); - outline-offset: 3px; -} - -@media (max-width: 768px) { - .teachers-cards__item { - width: calc(50% - 12px); - min-width: 0; - } - .teachers-cards__wrapper { gap: 16px; } -} - -@media (max-width: 639px) { - .bento .bento__full { - min-width: 0; - } - .bento .teachers-cards__scroll-x { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - scroll-snap-type: x mandatory; - padding: 2px 2px 20px; - min-width: 0; - } - .bento .teachers-cards__wrapper { - flex-wrap: nowrap; - gap: 16px; - justify-content: flex-start; - padding-bottom: 4px; - min-width: 0; - } - .bento .teachers-cards__item { - flex-shrink: 0; - width: calc(100vw - 80px); - max-width: 320px; - scroll-snap-align: start; - min-width: 260px; - } -} - -/* ── 21. Teachers scroll hint ── */ -.teachers-cards__scroll-hint { - display: none; - font-size: 0.875rem; - color: var(--color-text-muted, #475569); - text-align: right; - margin-bottom: 8px; - animation: comparison-fade 3s ease-out forwards; - animation-delay: 1s; - opacity: 0; -} -@media (max-width: 639px) { - .teachers-cards__scroll-hint { - display: block; - } -} - -/* ── 22. Base bento typography (global, from pksh design system) ── */ -.bento-h2 { - font-family: var(--font-display); - font-size: clamp(1.5rem, 2.5vw, 2.25rem); - font-weight: 700; - line-height: 1.2; - color: var(--color-text); - margin: 0 0 12px; - text-wrap: balance; -} -.bento-p { - font-size: clamp(1rem, 1.2vw, 1.0625rem); - line-height: 1.7; - color: var(--color-text-muted); - margin: 0 0 20px; - max-width: 70ch; - text-wrap: pretty; -} -.section-header--left { - text-align: left; -} -.section-header--left .bento-h2, -.section-header--left .bento-p { - max-width: none; - margin-left: 0; - margin-right: auto; -} -.section-header--left .bento-p { - max-width: 65ch; -} -.bento-label { - display: inline-block; - font-size: 0.8125rem; - font-weight: 700; - text-transform: uppercase; - letter-spacing: 0.08em; - color: var(--color-primary); - margin-bottom: var(--space-2, 8px); -} - -/* ── 23. Section Header Centered (global) ── */ -.section-header--centered { - text-align: center; -} -.section-header--centered .bento-h2, -.section-header--centered .bento-p { - max-width: none; - margin-left: auto; - margin-right: auto; -} -.section-header--centered .bento-p { - max-width: 70ch; -} - -/* ── 24. Reviews Link CTA (moved to front-page.css) ── */ - -/* ════════════════════════════════════════════ */ -/* content-visibility (front-page moved to */ -/* front-page.css). Shared sections kept below */ -/* ════════════════════════════════════════════ */ - -/* teachers-cards — горизонтальный скролл преподавателей */ -.teachers-cards { - content-visibility: auto; - contain-intrinsic-size: 550px; -} -.teachers-cards__footer { - display: flex; - justify-content: center; - padding: 28px 0 0; - grid-column: 1 / -1; -} -.teachers-cards__all-link { - display: inline-flex; - align-items: center; - gap: 8px; - font-size: 1rem; - font-weight: 600; - color: var(--color-primary, #2563EB); - text-decoration: none; - transition: gap 0.2s ease, color 0.2s ease; - padding: 8px 16px; - border-radius: var(--radius-sm, 12px); - background: var(--color-primary-light, #EFF6FF); -} -.teachers-cards__all-link:hover { - gap: 12px; - color: var(--color-primary-dark, #1D4ED8); - background: color-mix(in oklab, var(--color-primary-light, #EFF6FF), transparent 10%); -} -.teachers-cards__all-link svg { - flex-shrink: 0; - transition: transform 0.2s ease; -} -.teachers-cards__all-link:hover svg { - transform: translateX(2px); -} - -/* contacts — контакты + Яндекс.Карта (min-height: 400px) */ -.contacts { - content-visibility: auto; - contain-intrinsic-size: 800px; -} +.ds-hero__cta-btn:hover { + background: var(--color-primary-hover); + transform: translateY(-2px); + box-shadow: 0 8px 24px rgba(37,99,235,0.35); +} +.ds-hero__cta-btn:active { transform: translateY(0); } +.ds-hero__cta-fallback { margin-top: 10px; font-size: 14px; color: rgba(255,255,255,0.75); } +.ds-hero__cta-fallback a { color: var(--color-rating); font-weight: 500; } +.ds-hero__cta-btn:focus-visible { outline: none; box-shadow: var(--focus-ring); } +.ds-hero__phone { + margin-top: 10px; font-size: 14px; color: rgba(255,255,255,0.75); +} +.ds-hero__phone a { + color: var(--color-rating); font-weight: 500; text-decoration: underline; + white-space: nowrap; +} +.ds-hero__messengers { + display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; +} +.ds-hero__msg { + display: inline-flex; align-items: center; gap: 5px; + padding: 6px 14px; border-radius: 8px; + font-size: 14px; font-weight: 600; + text-decoration: none; transition: opacity .2s; +} +.ds-hero__msg:hover { opacity: 0.85; } +.ds-hero__msg--wa { background: #25D366; color: #fff; } +.ds-hero__msg--tg { background: #0088CC; color: #fff; } +.ds-hero__msg--other { background: linear-gradient(135deg, #4cf 0%, #53e 66%, #93d 100%); color: #fff; } +.ds-hero__msg--other img { display: block; align-self: center; } +/* ---- Visual ---- */ +.ds-hero__visual { + flex-shrink: 0; position: relative; + width: 380px; height: 420px; + margin-left: auto; margin-right: 20px; + display: flex; align-items: center; justify-content: center; +} +.ds-hero__visual-glow { + position: absolute; + width: 420px; height: 420px; + border-radius: 50%; + background: radial-gradient(circle, rgba(124,58,237,0.12) 0%, rgba(168,85,247,0.06) 30%, transparent 65%); + top: 50%; left: 50%; + transform: translate(-50%, -50%); + pointer-events: none; +} +.ds-hero__photo-wrap { position: relative; z-index: 2; display:flex; align-items:center; justify-content:center; } +.ds-hero__photo-frame { + position: relative; width: 320px; height: 320px; border-radius: 50%; overflow: hidden; + box-shadow: + 0 20px 60px rgba(124,58,237,0.15), + 0 8px 24px rgba(0,0,0,0.2), + inset 0 0 0 4px rgba(255,255,255,0.6); + border: 6px solid rgba(255,255,255,0.8); + animation: dsPhotoFloat 6s ease-in-out infinite; +} +.ds-hero__photo { width: 100%; height: 100%; object-fit: cover; display: block; } +.ds-hero__photo-ring { + position: absolute; width: 360px; height: 360px; border-radius: 50%; + border: 2px solid rgba(124,58,237,0.15); + top: 50%; left: 50%; transform: translate(-50%, -50%); + pointer-events: none; + animation: dsRingPulse 4s ease-in-out infinite; +} +/* Floating badges — цвета как на /otzyvy/ */ +.ds-hero__float { + position: absolute; z-index: 3; + display: flex; align-items: center; gap: var(--space-1); + padding: 10px 20px; + border-radius: var(--radius-pill); + font-size: var(--text-body-sm); font-weight: 600; color: #fff; + white-space: nowrap; backdrop-filter: blur(8px); + animation: dsFloat 5s ease-in-out infinite; +} +.ds-hero__float-icon { font-size: 18px; line-height: 1; } +.ds-hero__float--1 { + top: 4%; right: -8px; animation-delay: 0s; + background: linear-gradient(135deg, rgba(255,255,255,0.15), rgba(255,255,255,0.05)); + color: rgba(255,255,255,0.92); + border: 1px solid rgba(255,255,255,0.12); +} +.ds-hero__float--2 { + bottom: 22%; left: -24px; animation-delay: 1.2s; + background: linear-gradient(135deg, rgba(124,58,237,0.20), rgba(168,85,247,0.08)); + color: #D8C8FF; + border: 1px solid rgba(124,58,237,0.15); +} +.ds-hero__float--3 { + bottom: 4%; right: 6%; animation-delay: 2.4s; + background: linear-gradient(135deg, rgba(59,178,160,0.20), rgba(59,178,160,0.08)); + color: #B8E6DF; + border: 1px solid rgba(59,178,160,0.15); +} +.ds-hero__float--4 { + top: 48%; left: -28px; animation-delay: 3.5s; + background: linear-gradient(135deg, rgba(255,215,0,0.20), rgba(255,183,77,0.08)); + color: #FFE0A0; + border: 1px solid rgba(255,215,0,0.15); + font-size: 12px; padding: 8px 16px; +} +/* Decorative shapes */ +.ds-hero__deco { + position: absolute; border-radius: 50%; pointer-events: none; z-index: 1; +} +.ds-hero__deco--1 { + width: 40px; height: 40px; background: rgba(124,58,237,0.12); + top: 12%; left: 2%; + animation: dsDecoFloat 6s ease-in-out infinite; +} +.ds-hero__deco--2 { + width: 24px; height: 24px; background: rgba(59,178,160,0.14); + bottom: 40%; right: -6px; + animation: dsDecoFloat 8s ease-in-out infinite 1s; +} +.ds-hero__deco--3 { + width: 16px; height: 16px; background: rgba(124,58,237,0.16); + top: 48%; left: -8px; + animation: dsDecoFloat 7s ease-in-out infinite 2s; +} +.ds-hero__deco--4 { + width: 10px; height: 10px; background: rgba(59,178,160,0.20); + bottom: 15%; right: -4px; + animation: dsDecoFloat 5s ease-in-out infinite 3s; +} +/* Sparkle particles */ +.ds-hero__sparkles { + position: absolute; inset: 0; pointer-events: none; z-index: 1; +} +.ds-hero__sparkle { + position: absolute; border-radius: 50%; + animation: dsSparkleFloat 6s ease-in-out infinite; + background: rgba(255,255,255,0.3); +} +.ds-hero__sparkles .ds-hero__sparkle:nth-child(1) { top: 15%; left: 10%; width: 4px; height: 4px; animation-delay: 0s; background: #A855F7; box-shadow: 0 0 8px rgba(168,85,247,0.4); } +.ds-hero__sparkles .ds-hero__sparkle:nth-child(2) { top: 30%; right: 18%; width: 6px; height: 6px; animation-delay: 1.2s; } +.ds-hero__sparkles .ds-hero__sparkle:nth-child(3) { bottom: 35%; left: 5%; width: 3px; height: 3px; animation-delay: 2s; } +.ds-hero__sparkles .ds-hero__sparkle:nth-child(4) { top: 55%; right: 8%; width: 5px; height: 5px; animation-delay: 0.8s; } +.ds-hero__sparkles .ds-hero__sparkle:nth-child(5) { bottom: 12%; left: 20%; width: 4px; height: 4px; animation-delay: 3s; } +/* ─── Hero Animations ─── */ +@keyframes dsPhotoFloat { + 0%, 100% { transform: translateY(0); } + 50% { transform: translateY(-8px); } +} +@keyframes dsRingPulse { + 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 1; } + 50% { transform: translate(-50%, -50%) scale(1.04); opacity: 0.6; } +} +@keyframes dsFloat { + 0%, 100% { transform: translateY(0); } + 50% { transform: translateY(-10px); } +} +@keyframes dsSparkleFloat { + 0%, 100% { transform: translateY(0) scale(1); opacity: 0.4; } + 50% { transform: translateY(-20px) scale(1.4); opacity: 0.9; } +} +@keyframes dsDecoFloat { + 0%, 100% { transform: translateY(0) scale(1); } + 50% { transform: translateY(-12px) scale(1.1); } +} +/* Hero адаптив — идентично /otzyvy/ */ +@media (max-width: 860px) { + .ds-hero { padding: 40px 0; } + .ds-hero__inner { flex-direction: column; } + .ds-hero__visual { + flex: none; + width: 100%; + max-width: 360px; + height: auto; + min-height: 320px; + margin-left: auto; + margin-right: auto; + } + .ds-hero__photo-frame { width: 260px; height: 260px; border-width: 5px; } + .ds-hero__photo-ring { width: 300px; height: 300px; } + .ds-hero__float--1 { top: 4%; right: 0; font-size: 12px; padding: 6px 14px; } + .ds-hero__float--2 { bottom: 18%; left: -12px; font-size: 12px; padding: 6px 14px; } + .ds-hero__float--3 { bottom: 2%; right: 5%; font-size: 12px; padding: 6px 14px; } + .ds-hero__float--4 { display: none; } + .ds-hero__h1 { font-size: 32px; margin-bottom: 20px; } + .ds-hero__cta-btn { margin-top: 16px; } +} +@media (max-width: 768px) { + .ds-hero__visual { display: none; } + .ds-hero__content { max-width: none; padding-inline: 16px; } + .ds-hero__subtitle { max-width: 100%; } + .ds-hero__hours-badge { padding: 2px 10px; border-radius: var(--radius-pill); } + .ds-hero__metrics { flex-wrap: wrap; gap: 10px; } + .ds-hero__metric { + flex: 0 0 calc(50% - 5px); + max-width: calc(50% - 5px); + min-width: 0; + padding: 12px 10px; + } + .ds-hero__metric-number { font-size: clamp(22px, 6vw, 28px); } + .ds-hero__metric-label { font-size: 12px; overflow-wrap: break-word; word-break: break-word; hyphens: auto; } + .ds-hero__cta-btn { width: 100%; justify-content: center; margin-top: 20px; } +} +@media (max-width: 480px) { + .ds-hero__h1 { font-size: 26px; } + .ds-hero__h1::after { width: 60px; } + .ds-hero__metrics { gap: 6px; } + .ds-hero__metric { padding: 10px 8px; } + .ds-hero__metric-number { font-size: 20px; } + .ds-hero__metric-label { font-size: 11px; overflow-wrap: break-word; word-break: break-word; hyphens: auto; } + .ds-hero__cta-btn { padding: 14px 20px; font-size: 15px; } +} +@media (prefers-reduced-motion: reduce) { + .ds-hero__cta-btn, + .ds-hero__photo-frame, + .ds-hero__photo-ring, + .ds-hero__float, + .ds-hero__sparkles .ds-hero__sparkle, + .ds-hero__deco { + transition: none !important; + transform: none !important; + animation: none !important; + } +} + +body { + color: #000; + font-family: Roboto; + background: #FFF; +} + +p { + font-weight: 400; + padding: 0; +} + +h2 { + font-family: Oswald; +} + +.courses { + background-color: #fff; +} + +.fon-0 { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; +} + +main { + display: flex; + flex-direction: column; + gap: 70px; +} + +.container-max { + max-width: 1920px; + margin: 0 auto; + position: relative; + display: flex; + flex-direction: column; +} + +/* header */ +.header { + width: 100%; + background-color: #303030; +} + +.header-nav { + max-width: 1184px; + margin: 0 auto; + padding: 26px 0 10px; + display: flex; + flex-direction: column; +} + +.header-nav a { + color: #fff; + transition: .3s; +} +.current-menu-item a { + color: var(--main-yellow); +} + +.top-header-row { + display: flex; + align-items: center; + justify-content: space-between; + padding-bottom: 10px; + border-bottom: 1px solid #ffffff82; +} + +.bottom-header-row { + display: flex; + justify-content: space-between; + align-items: center; +} + +.header-logo { + display: flex; +} + +.header-logo img { + width: 136px; + height: 40px; +} + +.header-menu { + display: flex; + gap: 20px; + font-size: 16px; +} + +.header-menu__item_link { + position: relative; + display: flex; + align-items: center; + padding-right: 25px; +} + +.header-menu_link a { + color: #fff; + transition: .3s; +} + +.header-menu_link a:hover { + color: #BBBBBB; +} + + +.list-links_item img { + width: 35px; + height: 35px; + object-fit: contain; +} + +.header-menu .menu-item-has-children { + position: relative; + transition: .3s; + display: flex; + align-items: center; + padding-right: 25px; + z-index: 100; +} + +.header-menu .menu-item-has-children::before { + position: absolute; + width: 20px; + height: 20px; + content: ""; + right: 0; + background-image: url(../images/header-arrow.svg); + background-size: contain; + background-repeat: no-repeat; + transition: .3s; +} + +.inter-lk { + display: flex; + gap: 11px; + font-family: 'Roboto'; + font-weight: 400; + font-size: 16px; + line-height: 33px; + color: #FFFFFF; + align-items: center; + justify-content: center; + border-radius: 15px; +} + +.nav__header-wrapper { + padding: .5rem 0; + display: flex; + align-items: center; + justify-content: space-between; + font-weight: 500; + border-bottom: 1px solid var(--bg-color-light) +} + + +.header-menu .sub-menu { + position: absolute; + top: 100%; + padding: 20px; + visibility: hidden; + opacity: 0; + transition: .3s; + width: max-content; + display: flex; + flex-direction: column; + gap: 20px; + z-index: 1; + background: #303030; + border-radius: 10px; + color: #fff; +} + +.header-menu .menu-item-has-children:hover a::before { + rotate: 180deg; +} + +.sub-menu a { + color: inherit; +} + +.sub-menu a:hover { + color: var(--main-color); +} + +.header-menu .menu-item-has-children:hover .sub-menu { + visibility: visible; + opacity: 1; +} + +.menu-col { + display: flex; + flex-direction: column; + gap: 30px; + min-width: 250px; +} + +.list-links { + display: flex; + flex-direction: column; + gap: 13px; +} + + + +.out-link { + width: fit-content; + padding-right: 40px; + align-self: self-end; + margin: 0; + margin-right: 40px; +} + +.menu-col_title:hover { + color: var(--main-blue); +} + +.list-links_item { + padding: 10px; + border-radius: 15px; + background-color: #fff; + transition: .3s; +} + +.list-links_item:hover { + background-color: #F3F3F3; +} + +.list-links_item a { + display: flex; + gap: 13px; + align-items: center; + font-family: 'Roboto'; + font-weight: 400; + font-size: 18px; + line-height: 20px; + letter-spacing: 0.8px; + color: #000000; +} + +.menu-col_title::after { + position: absolute; + content: ''; + bottom: -6px; + width: 100%; + height: 3px; + background: radial-gradient(97.18% 216.64% at 17.11% 28.58%, #BF568E 0%, #975B97 21%, #006DB7 100%); + border-radius: 2px; + left: 0; +} + +.add-menu { + display: flex; + gap: 30px; + flex: 1; + justify-content: flex-end; + align-items: center; +} + +.add-menu_item { + display: flex; + gap: 8px; + color: #fff; + font-size: 16px; + align-items: center; +} + +.header-location { + font-size: 22px; +} + +.add-menu .btn-free-lesson-header { + width: 200px; + padding: 10px 20px; + font-size: 16px; + font-family: 'Roboto'; + text-transform: none; + font-weight: 400; +} +/* header END */ + +/* banner */ +.banner { + position: relative; + width: 100%; + overflow: hidden; +} + +.banner.container { + max-width: 1920px; + padding: 0; +} +.page-rewiews .banner.container { + height: 450px; +} + +.breadcrumbs { + z-index: 1; + display: flex; + color: #fff; + gap: 30px; + font-weight: 500; + font-size: 14px; + line-height: 100%; + text-transform: uppercase; + align-items: center; + padding: 12px 0 12px 56px !important; +} + +.teacher-page .breadcrumbs { + position: initial !important; +} + +.breadcrumbs li { + position: relative; + display: flex; + align-items: center; + color: var( --main-blue); +} + +.breadcrumbs li::before { + position: absolute; + content: ''; + width: 15px; + height: 1px; + background-color: #AAAAAA; + left: calc(100% + 7px); +} + +.breadcrumbs li:last-child::before { + display: none; +} + +.breadcrumbs .last_item { + + color: #AAAAAA; +} + +.breadcrumbs a { + color: #AAAAAA; +} + +.fa-home { + width: 20px; +} + +.fa-home svg { + fill: #AAAAAA; +} + +.fa-home path { + fill: #AAAAAA; + stroke: #AAAAAA; +} + +.banner-wrapper { + position: relative; + max-width: 1296px; + margin: 0 auto; + height: 454px; + background: #231919; + border-radius: 20px; + overflow: hidden; + display: flex; + justify-content: center; +} + +.banner-fon { + position: absolute; + width: 100%; + height: 100%; + object-fit: cover; + top: 0; + left: 0; +} + +.page .banner-fon { + position: relative; +} + +.banner-fon img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.banner__content { + position: absolute; + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + bottom: 30px; + width: fit-content; + padding: 30px 50px; + border-radius: 10px; + background: #000000c2; +} + +.page_title { + font-family: 'Oswald'; + font-style: normal; + font-weight: 500; + font-size: 36px; + line-height: 46px; + color: #FFD43E; + text-transform: uppercase; + text-align: center; +} + +.banner_text { + font-family: 'Roboto'; + font-weight: 500; + font-size: 24px; + color: #FFD43E; + margin-top: 10px; + margin-bottom: 10px; + padding: 0 20px; + text-align: center; +} + +.info-block { + margin: 0 auto; + max-width: 1185px !important; + margin-top: -35px !important; + padding: 0 !important; + display: flex; + flex-wrap: wrap; + gap: 2px; + justify-content: center; +} + +.info-block__item { + position: relative; + min-width: 180px; + max-width: 195px; + height: 120px; + display: flex; + align-items: center; + border-radius: 15px; + flex: 1; + flex-wrap: wrap; +} + +.info-block__item-wrapper { + width: calc(100% - 10px); + height: calc(100% - 10px); + border-radius: 10px; + display: flex; + align-items: center; + justify-content: center; + padding: 0 10px; + border: 2px solid #006DB7; +} + +.info-block__item-wrapper span { + text-align: center; + font-family: 'Roboto'; + font-weight: 400; + font-size: 14px; + line-height: 1.2; + color: #000; +} + +/* banner END */ +.main-page { + padding-top: 35px; +} +/* banner-main-page */ +.banner-main-page { + max-width: 1185px; + margin: 0 auto; + border-radius: 20px; + overflow: hidden; +} +.banner-main-page_img img{ + width: 100%; +} +/* banner-main-page END */ + +/* info__block */ +.info__block { +} +.info__block-wrapper { + width: 100%; + background: #FFFDF6; + border: 1px solid #000000; + border-radius: 20px; + padding: 50px 80px 50px 90px +} +.page_h2 { + font-family: 'Oswald'; + font-style: normal; + font-weight: 500; + font-size: 40px; + line-height: 55px; + color: #000; + text-align: center; + margin-bottom: 40px; +} +.info__block-content { + display: flex; + gap: 20px; + font-weight: 400; + font-size: 18px; + line-height: 25px; +} +.info__block-content_text { + display: flex; + flex-direction: column; + gap: 2rem; +} +.info__block-content_text-a { + color: var(--main-blue); + font-weight: 600; + font-size: 16px; + text-align: end; +} +.info__block-content_img { + width: 100%; + max-width: 225px; + display: flex; + align-items: flex-end; +} +.info__block-content_img img { + width: 100%; + height: auto; + object-fit: cover; +} +.info__block-right .info__block-wrapper { + background: transparent; + padding: 20px 60px; + border: 2px solid #000000; +} +.info__block-right .info__block-content { + flex-direction: row-reverse; + gap: 40px; +} + + +.info__block-items-wrapper { + display: flex; + flex-direction: column; + gap: 25px; + margin-left: -40px; +} +.info__block-item { + padding: 14px 25px; + background: #C9DA8F; + border-radius: 20px; + display: flex; + gap: 20px; + align-items: center; +} + +.info__block-item_number { + width: 48px; + height: 48px; + background: #FFFFFF; + border: 2px solid #013051; + display: flex; + color: #000; + font-family: 'Oswald'; + font-weight: 600; + font-size: 22px; + border-radius: 50%; + flex-shrink: 0; + align-items: center; + justify-content: center; +} +.info__block-item-content { + display: flex; + flex-direction: column; + gap: 12px; +} +.info__block-item-text_title { + font-family: 'Roboto'; + font-weight: 500; + font-size: 20px; + line-height: 23px; +} +.info__block-right .page_h2 { + text-align: left; + margin-bottom: 0; +} +/* info__block END */ +.btn-page { + margin: 0 auto; + font-weight: 300 !important; + font-size: 18px !important; +} +/* advantages__block (legacy — replaced by services-card in front-page.css) */ +/* advantages__block END*/ +/* page-teachers */ +.page-teachers { + background-color: #fff; +} + +.teachers_title { + font-family: 'Oswald'; + font-style: normal; + font-weight: 600; + font-size: 60px; + line-height: 88px; + text-transform: uppercase; + color: var(--main-blue); + position: relative; + margin-bottom: 60px; + width: fit-content; + z-index: 1; +} + +.teachers_title::after { + content: ''; + position: absolute; + top: -60px; + right: -48px; + border-radius: 50%; + width: 147px; + height: 147px; + background: #FFD43E; + z-index: -1; +} + +.main_content, +.main_content p { + font-family: 'Roboto'; + font-weight: 300 !important; + font-size: 22px; + line-height: 27px; +} + +.main_content h2 { + font-family: 'Oswald'; + font-size: 35px; + line-height: 27px; + margin-bottom: 30px; + margin-top: 40px; +} + +.main_content ul { + padding: inherit; + padding-left: 20px; + margin-left: 16px; + margin-bottom: 30px; +} + +.main_content ul li { + list-style-type: disc; +} + +.list-teachers { + padding: 60px 0; + background-color: #F3F3F3; + position: relative; + z-index: 1; +} + +.page-o-nas { + background-color: #fff; +} + +.foto-slider { + +} +.foto-slider .container { + padding: 20px 100px; + border-radius: 20px; + border: 1px solid #000; +} + +.swiper-foto { + margin-top: 40px; + padding-bottom: 95px; +} +.foto-slider .swiper-pagination { + bottom: 25px; +} + +.foto-slider .swiper-pagination-clickable .swiper-pagination-bullet { + width: 30px; + height: 30px; + background-color: var(--main-blue); + margin: 0 12px; +} + +.swiper-pagination-clickable .swiper-pagination-bullet { + width: 15px; + height: 15px; + background-color: #a4a4a4; +} + +.swiper-pagination-bullet-active { + background-color: #CCCCCC; +} + +.img__item img { + width: 100%; + height: 100%; + object-fit: cover; + aspect-ratio: 16 / 9; +} + +.subject-wrapper { + width: 490px; + margin: 0 auto; + position: relative; + transition: .3s; + padding: 25px 20px; + background: #FFD43E; + border-radius: 15px; + z-index: 1; + cursor: pointer; +} + +.subject-wrapper span { + font-family: 'Oswald'; + font-weight: 500; + font-size: 30px; + line-height: 28px; + align-items: center; + position: relative; + color: #774C8C; + width: 100%; + display: flex; + align-items: center; + text-transform: uppercase; +} + +.subject-wrapper span::after { + position: absolute; + content: ""; + width: 20px; + height: 28px; + background-image: url(../images/slider-arow.svg); + transform: translateY(-50%); + right: 0; + background-repeat: no-repeat; + background-position: center center; + background-attachment: fixed; + -webkit-background-size: 100%; + -moz-background-size: 100%; + -o-background-size: 100%; + background-size: 100%; + transition: all .4s; + rotate: -90deg; + transition: .3s; +} + +.subject__list { + position: absolute; + width: 100%; + max-height: 0; + transition: .3s; + top: 100%; + overflow: hidden; + background: #fff; + border-radius: 15px; + left: 0; + padding: 0 17px; + display: flex; + flex-direction: column; + font-size: 18px; + text-transform: uppercase; + box-shadow: 0 1px 4px rgb(0 0 0), -23px 0 20px -23px rgb(0 0 0 / 80%), 23px 0 20px -23px rgb(0 0 0 / 80%), 0 0 40px rgb(0 0 0 / 10%) inset; +} + +.subject-wrapper.open span::after { + transform: translateY(-50%) rotate(-180deg); +} + +.subject-wrapper.open .subject__list { + max-height: 800px; + padding: 30px 17px; + cursor: pointer; +} + +.subject__list li { + transition: .3s; + padding: 12px 25px; + border-radius: 10px; +} +.subject__list_item a { + color: #000; +} +.subject__list li:hover { + background-color: #F3F3F3; +} + +.teachers-wrapper { + display: flex; + flex-wrap: wrap; + gap: 35px; +} + +.teachers__item { + width: calc(25% - 27px); + border-radius: 15px; + overflow: hidden; + border: 1px solid transparent; + transition: .3s; +} + +.teachers__item:hover { + border: 1px solid #FFD43E; + box-shadow: 0 0 4px #FFD43E; +} +.ourteacher-avatar a{ + display: block; + height: 280px; +} + +.teachers__item img { + width: 100%; + height: 100%; + object-fit: contain; +} + +.page-o-nas .teachers__item img { + object-fit: contain; + max-height: 305px; +} + +@media (max-width: 860px) { + .vacancies__banner-right .b24-form { + margin: 0 auto; + } + + .contetn-main_block { + padding-bottom: 0; + } + + .content-main_block { + padding-bottom: 0; + } + + .teachers_title { + font-size: 26px; + line-height: 40px; + margin-bottom: 35px; + } + + .teachers_title::after { + width: 66px; + height: 66px; + top: -25px; + right: -25px; + } + + .main_content, + .main_content p { + font-size: 16px; + line-height: 20px; + margin-bottom: 0; + } + + .main_content h2 { + font-family: 'Oswald'; + font-size: 26px; + line-height: 24px; + margin-bottom: 20px; + margin-top: 20px; + } + + .main_content ul { + padding: inherit; + padding-left: 10px; + margin-left: 8px; + margin-bottom: 0; + } + + .swiper-foto { + margin-top: 15px; + padding-bottom: 40px; + } + + .swiper-pagination-clickable .swiper-pagination-bullet { + width: 10px; + height: 10px; + } + + .list-teachers { + padding: 70px 0; + background-color: #F3F3F3; + position: relative; + z-index: 1; + } + + .list-teachers { + padding: 40px 0; + } + + .subject__list { + font-size: 14px; + } + + .teachers-wrapper { + gap: 15px; + margin-top: 40px; + } + + .subject-wrapper { + width: 100%; + padding: 17px 20px; + } + + .subject-wrapper.open .subject__list { + padding: 20px 17px; + } + + .subject__list li { + padding: 5px 15px; + } + + .subject-wrapper span { + font-size: 26px; + } + + .subject-wrapper span::after { + width: 14px; + height: 20px; + } + + .teachers__item { + width: calc(50% - 8px); + } +} + +/* page-teachers END */ + +/* preparation */ + +.preparation { + padding-top: 20px; + display: flex; + flex-direction: column; + padding-bottom: 62px; +} + +.section-Mntitle-circle { + position: relative; + font-family: 'Oswald'; + font-weight: 500; + font-size: 45px; + line-height: 55px; + display: flex; + align-items: center; + text-align: center; + color: #212121; + justify-content: center; + width: fit-content; + margin: 0 auto; + z-index: 1; +} + +.section-Mntitle-circle::after { + content: ''; + position: absolute; + top: -22px; + right: -48px; + border-radius: 50%; + width: 147px; + height: 147px; + background: #FFD43E; + z-index: -1; +} + +.tabs-container { + margin-top: 60px; + display: flex; + flex-direction: column; + align-items: center; + gap: 60px; +} + +.tabs-btns { + display: flex; + justify-content: center; + width: 90%; + border-radius: 39px; + background-color: #fff; +} + +.tab { + position: relative; + width: 50%; + cursor: pointer; + color: var(--main-blue); + padding: 27px 0; + font-family: 'Roboto'; + font-weight: 500; + font-size: 22px; + line-height: 25px; + display: flex; + align-items: center; + text-align: center; + justify-content: center; + text-transform: uppercase; + transition: .3s; + border-radius: 39px; +} + +.tab-clicked { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + z-index: 1; +} + +.tab:hover { + color: var(--main-color); +} + +.tab.active { + background-color: var(--main-yellow); +} + +.page-tab { + display: flex; + justify-content: center; +} + +.tabs-content { + width: 100%; + position: relative; + left: 0; + transition: var(--main-transition); +} + +.page-tab { + display: none !important; +} + +.page-tab.active { + display: flex !important; +} + +.disciplines { + display: flex; + flex-wrap: wrap; + gap: 40px 66px; + justify-content: flex-start; + padding-bottom: 60px; +} + +.disciplines__item { + flex: 1; + max-width: calc(25% - 50px); + min-width: 280px; + height: 300px; + padding: 30px 50px; + background: #FFFFFF; + border-radius: 20px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 30px; + border: 1px solid transparent; + transition: .3s; +} + +.disciplines__item:hover { + border: 1px solid var(--main-yellow); + box-shadow: 0 0 4px var(--main-yellow); +} + +.disciplines__item_icon { + width: 167px; + height: 167px; + object-fit: contain; +} + +.disciplines__item_name { + font-family: 'Roboto'; + font-weight: 500; + font-size: 22px; + line-height: 25px; + text-transform: uppercase; + color: #000; + margin: 0; + text-align: center; + width: 100%; +} + +.preparation_links { + display: flex; + gap: 80px; + justify-content: center; + font-family: 'Oswald'; + font-weight: 400; + font-size: 30px; + line-height: 22px; + text-transform: uppercase; +} + +.preparation_links a { + width: 490px; + display: flex; + justify-content: center; + gap: .5rem; + padding: 30px; + color: var(--main-color); + background: #FFD43E; + border-radius: 18px; +} + +.preparation_links span { + color: var(--main-blue); +} + +/* preparation END */ +.courses .preparation { + padding-bottom: 0 !important; + +} + +/* popular-subjects & news*/ +.product-warpper { + margin-top: 80px; + display: flex; + flex-wrap: wrap; + gap: 25px 20px; +} + +.course_description { + margin-top: 60px; + font-family: 'Roboto'; + display: flex; + gap: 1em; + flex-direction: column; + font-family: 'Roboto'; + font-weight: 300; + font-size: 18px; + line-height: 23px; + color: #000000; +} + +.course_description p { + + margin: 0; +} + +.product-warpper .popular__subject { + width: calc(33.3% - 20px); +} + +.popular-subjects { + position: relative; +} + +.popular-subjects .container{ + padding: 50px 50px 75px; + background: #C9A7C64D; + border-radius: 20px; + border: 1px solid #000; +} + +.main-subtitle-page { + margin: 10px 0 40px; + font-family: 'Roboto'; + font-weight: 400; + font-size: 19px; + line-height: 22px; +} + +.popular__subject { + display: flex; + flex-direction: column; + gap: 30px; + transition: .3s; + background: #F3F3F3; + border-radius: 20px; + border: 1px solid transparent; + overflow: hidden; + padding-bottom: 50px; +} + +.popular__subject:hover { + border: 1px solid #FFD43E; + box-shadow: 0px 0px 4px #FFD43E; +} + +.popular__subject_img { + position: relative; + display: flex; + width: 100%; + height: 235px; +} + +.popular__subject_label { + position: absolute; + top: 16px; + right: 0; + background: #FFD43E; + padding: 9px 40px; + border-radius: 11px 0px 0px 11px; + color: #fff; + font-family: 'Oswald'; + font-weight: 500; + font-size: 16px; + text-transform: uppercase; +} + +.popular__subject_img img { + width: 100%; + height: auto; + object-fit: cover; +} + +.product-info { + display: flex; + flex-direction: column; + gap: 20px; + padding: 0 30px; + flex: 1; + justify-content: space-between; +} + +.popular__subject_title { + font-family: 'Roboto'; + font-weight: 500; + font-size: 16px; + color: #000; + text-transform: uppercase; + width: 100%; + display: flex; +} + +.popular__subject_text { + font-family: 'Roboto'; + margin: 0; + font-weight: 300; + font-size: 14px; + line-height: 17px; + color: #000; + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; +} + +.btn-yellow-link { + padding: 30px 90px; + background: #FFD43E; + border-radius: 18px; + font-family: 'Oswald'; + font-weight: 400; + font-size: 30px; + line-height: 22px; + text-transform: uppercase; + color: var(--main-color); +} +.news .btn-yellow-link { + padding: 15px 130px; + color: #000; + border-radius: 10px; + font-weight: 400; + font-size: 20px; + line-height: 30px; +} +.buttons { + margin-top: 60px; + display: flex; + justify-content: center; + gap: 20px; +} +.buttons .btn-yellow-link { + font-size: 18px; + padding: 15px 40px; +} + +.our-teachers .buttons { + margin-top: 40px; +} +/* popular-subjects END */ +/* price */ + +.price { + padding: 70px 0; + background-color: #fff; +} + +.price-wrapper { + flex-direction: row; + padding: 40px; + background: radial-gradient(48.07% 192.01% at 1.89% 94%, #006DB7 0%, #1F1F1F 100%); + border-radius: 25px; + gap: 60px; + align-items: flex-start; +} + +.price .tabs-btns { + position: relative; + flex-direction: column; + background-color: #fff0; + min-width: 390px; + gap: 18px; + z-index: 1; + width: auto; +} + +.price .tab { + width: 100%; + padding: 22px; + text-transform: none; + background-color: #fff; +} + +.price .tab.active { + background-color: var(--main-yellow); +} + +.price .page-tab { + flex: 1; + display: flex; + flex-direction: column; + gap: 8px; +} + +.price__item { + position: relative; + padding: 35px 28px; + background-color: #fff; + border-radius: 20px; + font-family: 'Roboto'; + font-weight: 500; + font-size: 22px; + line-height: 26px; + color: #000000; + display: flex; + justify-content: space-between; + align-items: center; +} + +.price__item::before { + position: absolute; + content: ''; + width: 1px; + right: 205px; + height: 62px; + background-color: #000; +} + +.price__item_number { + color: var(--main-color); + text-align: end; +} + +.price__item_number span { + color: #000; + font-size: 14px; + +} + +.price__item-content { + line-height: 22px; + font-weight: 400; + font-family: 'Roboto'; +} + +.price__content_title { + margin-top: 40px; + font-family: 'Roboto'; + font-weight: 400; + font-size: 30px; + text-transform: uppercase; + color: var(--main-yellow); +} + +.price__item-content p { + margin-top: 20px; + font-size: 22px; + color: #FFFFFF; +} + +.price__item-content ul { + margin-top: 20px; + display: flex; + flex-direction: column; + gap: 20px; + font-size: 22px; + color: #FFFFFF; +} + +.price__item-content ul li { + position: relative; + display: flex; +} + +.price__item-content ul li::after { + position: absolute; + content: ''; + top: 5px; + right: calc(100% + 12px); + width: 14px; + height: 14px; + border-radius: 3px; + background-color: var(--main-color); +} + +.price__item-content span { + display: contents; + color: var(--main-yellow); + font-size: 24px; + font-weight: 500; + text-transform: uppercase; +} + +/* price END */ + +.our-teachers .buttons { + display: flex; + justify-content: center; +} + +/* preparation-block */ + +.preparation-block { + padding: 70px 0 100px; + background-color: #fff; +} + +.preparation-block-wrapper { + display: flex; + gap: 70px; +} + +.preparation-block_text { + width: calc(72% - 35px); +} + +.preparation-block p { + padding-top: 40px; + font-family: 'Roboto'; + font-weight: 300; + font-size: 18px; + line-height: 21px; + width: 85%; +} + +.preparation-block_img { + width: calc(28% - 35px); + padding-top: 100px; + display: flex; +} + +.preparation-block_img img { + width: 100%; + height: 100%; + object-fit: contain; +} + +/* preparation-block END */ + +/* advertising-block */ +.advertising-block { + padding: 35px 0; + background-color: #1F1F1F; + color: #fff; +} + +.advertising-block-wrapper { + display: flex; +} + +.advertising-block__text { + width: 50%; + display: flex; + flex-direction: column; + justify-content: center; + font-family: 'Roboto'; + padding-right: 20px; +} + +.label-blue { + margin-top: 33px; + width: fit-content; + padding: 12px 38px; + background: var(--main-background); + border-radius: 15px; + text-transform: uppercase; + font-weight: 500; + font-size: 18px; + line-height: 21px; + color: #FFFFFF; + align-self: center; +} + +.advertising-block__text_text { + margin: 34px 0 50px; + font-weight: 400; + font-size: 18px; + line-height: 21px; +} + +.advertising-block__img { + width: 100%; + max-width: 678px; +} + +.advertising-block__img img { + width: 100%; + height: auto; + object-fit: cover; +} + +.advertising-block__text_sub-title { + font-weight: 500; + font-size: 26px; + line-height: 160%; + text-transform: uppercase; +} + +.text-yellow { + color: var(--main-yellow) !important; +} + +/* advertising-block END */ +/* why-us */ +.why-us { + background-color: #fff; +} + +.why-us-wrapper { + margin-top: 40px; + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-template-rows: repeat(3, 1fr); + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-column-gap: 37px; + grid-row-gap: 40px; +} + +.div1 { + grid-area: 1 / 1 / 2 / 2; +} + +.div2 { + grid-area: 1 / 2 / 2 / 3; +} + +.div3 { + grid-area: 1 / 3 / 2 / 4; +} + +.div4 { + grid-area: 2 / 1 / 4 / 2; +} + +.div5 { + grid-area: 2 / 2 / 3 / 3; +} + +.div6 { + grid-area: 2 / 3 / 3 / 4; +} + +.div7 { + grid-area: 3 / 2 / 4 / 3; +} + +.div8 { + grid-area: 3 / 3 / 4 / 4; +} + +.why-us_item { + width: 100%; + display: flex; + gap: 20px; + align-items: center; + padding: 15px 30px; + background: #F3F3F3; + border-radius: 20px; +} + +.why-us_item span { + font-family: 'Roboto'; + font-weight: 400; + font-size: 22px; + line-height: 30px; +} + +.why-us_item-img { + width: 100%; + min-width: 30%; + height: 100%; + display: flex; + flex: 1; + border-radius: 10px; + justify-content: center; + overflow: hidden; +} + +.why-us_item-img img { + height: 100%; + width: 100%; + max-width: 100px; + object-fit: contain; +} + +.div4 .why-us_item-img img { + max-width: 152px; +} + +.div4 { + flex-direction: column; +} + +/* why-us END */ + +/* map */ +.map { + background-color: #fff; + padding-bottom: 70px; +} +.map .container { + padding: 20px 55px; + border: 1px solid; + border-radius: 20px; +} +.map_title { + font-family: 'Oswald'; + font-weight: 600; + font-size: 40px; + line-height: 78px; + margin-bottom: 40px; + text-align: center; +} + +.location__map { + position: relative; + border-radius: 25px; + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; +} + +.map_address { + position: absolute; + top: 26px; + left: 0; + background: rgba(11, 92, 146, 0.69); + border-radius: 0px 21px 20px 0px; + display: flex; + flex-direction: column; + align-items: center; + font-family: 'Roboto'; + font-weight: 400; + font-size: 16px; + line-height: 28px; + color: #FFFFFF; + padding: 16px 46px; + z-index: 1; +} + +.map_address span { + font-weight: 500; + text-transform: uppercase; +} + +/* map END */ +/* ============== */ +@media screen and (max-width: 992px) { + .container.header-mobile-container { + position: relative; + padding: 15px 15px; + } + + header.mobile-header .header-mobile-inner { + height: 50px; + display: flex; + gap: 10px; + } + + header.mobile-header .header-mobile-inner .toggle-icon-wrapper { + position: relative; + } + + header.mobile-header .header-mobile-inner .header-customize { + position: inherit; + display: flex; + flex-shrink: 0; + order: 2; + margin: 0; + align-items: center; + } + + header.header-mobile-1 .header-logo-mobile { + padding-left: 0; + padding-right: 0; + display: flex; + flex: 1; + justify-content: center; + } + + .header-logo-mobile a { + display: flex; + opacity: 0; + } + + .header-logo-mobile img { + max-height: none; + padding-top: 0; + padding-bottom: 0; + } + + header .phone-header a { + font-size: 16px; + } + + a.mobile-whatsap { + height: 100%; + margin-right: 10px; + } + + header .phone-header { + padding-top: 0; + } + + .mobile-header-here { + padding: 0; + } + + .mobile-header-here .container { + padding-top: 6px; + padding-bottom: 6px; + text-align: start; + } +} + +@media screen and (max-width: 992px) { + + .read_div { + color: black !important; + margin: 0 0 10px 0; + font-size: 16px; + font-weight: 300; + letter-spacing: 0; + line-height: 1.5; + } +} + +/* .map-data { + position: absolute; + left: 0; + margin: 0; + top: 0; + width: 100%; + background: #0B5C92B0; + border-radius: 0 0 20px 20px; + color: #fff; + padding: 4px 20px 0; + font-size: 16px; + line-height: 21px; +} + +.map-data span { + font-family: Roboto; + font-size: 16px; + line-height: 34px; + display: block; + font-weight: 600; + margin-top: 0; +} + +.gmap { + position: relative; + padding-bottom: 60px; + background: #fff; +} + +.gmap iframe { + border-radius: 0 0 25px 25px; + overflow: hidden; +} */ + +/* @media (min-width: 640px) { + .map-data { + max-width: 1440px; + left: auto; + margin: 0; + top: 25px; + width: 350px; + background: #0B5C92B0; + border-radius: 0 20px 20px 0; + color: #fff; + padding: 16px 20px; + font-size: 16px; + line-height: 21px; + } +} */ + +/* ======================== */ +:root { + /* --min-midth-content: 768px; */ + --main-transition: .3s; + --main-background: #006DB7; +} + +.section p { + margin: 0; +} + +.teacher-description-wrapper { + display: flex; + flex-direction: column; + align-items: center; +} + +.teacher-description_text { + position: relative; + font-weight: 400; + font-size: 14px; + line-height: 22px; + padding-left: 20px; + padding-right: 20px; +} + +.teacher-description_text::after { + content: ''; + position: absolute; + top: 0; + left: 10px; + height: 100%; + width: 3px; + background: var(--main-background); + border-radius: 5px; +} + +.teacher__rating { + position: relative; + width: 100%; + margin-top: 40px; + display: flex; + flex-direction: column; + align-items: center; +} + +.teacher__rating-img { + position: relative; + top: 6px; + width: 260px; + border-radius: 46px; + overflow: hidden; + height: 260px; + margin-bottom: 16px; + display: flex; + align-items: center; + justify-content: center; +} + +.teacher_stars { + padding-top: 18px; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + gap: 6px; + font-weight: 500; + font-size: 18px; + z-index: 1; + line-height: 28px; + background: #fff; +} + +.teacher__stars_reviews { + color: #A0A0A0; +} + +.teacher_name-wrapper { + position: relative; + margin-top: -14px; + width: 100%; + padding: 12px 0 18px; + background: #FFFFFF; + border-radius: 20px; + margin-bottom: 18px; +} + +.teacher_name { + font-size: 22px; + color: var(--main-background) !important; + text-align: center; + width: 100%; + text-transform: uppercase; + line-height: 22px; + margin-bottom: 0; + justify-content: center; + background: #fff; + padding-top: 12px; + border-radius: 20px 20px 0 0; +} + +.teacher_name::after { + display: none; +} + +.teacher-description_location { + width: 100%; + font-weight: 500; + font-size: 18px; + line-height: 28px; + text-align: center; + color: #A0A0A0; + z-index: 1; + background: #fff; +} + +.conteiner-text { + max-width: 300px; + margin: 0 auto; + margin-top: 8px; +} + +.conteiner-text .box__accordion { + background-color: #FFD43E; + transition: var(--main-transition); +} + +.conteiner-text .box__accordion:hover { + background-color: #FFC806; +} + +.conteiner-text .box__accordion.active { + background-color: #fff; + border: 1px solid #D9D9D9; +} + +.taxonomy-block { + display: flex; + width: 100%; + flex-direction: column; + gap: 4px; + padding: 3px 19px 2px; +} + +.taxonomy-block:last-child { + padding-bottom: 20px; +} + +.taxonomy-block__name { + display: flex; + gap: 8px; + align-items: center; + font-weight: 300; + font-size: 13px; + line-height: 28px; +} + +.taxonomy-block__content { + display: flex; + flex-wrap: wrap; + gap: 6px; + font-weight: 300; + font-size: 13px; + text-align: center; +} + +.taxonomy-block__content span { + padding: 5px 8px; + background: #D9D9D9; + border-radius: 5px; +} +.taxonomy-block__content_item { + padding: 5px 8px; + background: #D9D9D9; + border-radius: 5px; +} + +/* accordion */ +.accordion { + margin-top: 13px; + width: 100%; + display: flex; + flex-direction: column; + gap: 10px; +} +.more-programm { + margin: 20px 0 0; +} +.obrazovanie { + /*border-top: 1px solid #303030; + border-bottom: 1px solid #303030;*/ +} + +.accordion.obrazovanie { + margin-top: 18px; + gap: 0; + overflow: hidden; + transition: .5s; +} + +.programm-course .accordion.obrazovanie { + max-height: 0px; +} +.questions .accordion.obrazovanie { + max-height: none; +} +.accordion.obrazovanie.show { + border-top: 1px solid #303030; + border-bottom: 1px solid #303030; + max-height: 800vh; +} + +.accordion .box__accordion, +.vacancie { + position: relative; + cursor: pointer; + border-radius: 15px; + border: 1px solid transparent; +} + +.questions .accordion.obrazovanie { + border-radius: 0; +} + +.obrazovanie .box__accordion { + border: none; + border-radius: inherit; +} + +.obrazovanie .box__accordion:first-child { + border: none; +} + +.accordion .box__accordion .box__accordion_label { + position: relative; + padding: 12px 19px; + cursor: pointer; + font-weight: 500; + font-size: 16px; + line-height: 28px; +} + +.questions .accordion .box__accordion .box__accordion_label { + line-height: normal; +} +.obrazovanie .box__accordion .box__accordion_label { + font-family: Oswald; + font-size: 26px; + padding: 15px 0px 20px; +} + +.conteiner-text .box__accordion_label { + color: #774C8C; +} + +.conteiner-text .active .box__accordion_label { + color: #000; +} + +.accordion .box__accordion .box__accordion_label::after { + width: 13px; + height: 18px; + content: ""; + background-image: url(../images/slider-arow.svg); + position: absolute; + top: 35%; + transform: translateY(-50%); + right: -8px; + background-repeat: no-repeat; + background-position: center center; + background-attachment: fixed; + -webkit-background-size: 100%; + -moz-background-size: 100%; + -o-background-size: 100%; + background-size: 100%; + transition: all .4s; + rotate: -90deg; +} + +.page-vacancies .accordion .box__accordion .box__accordion_label::after { + display: none; +} + +.obrazovanie .box__accordion .box__accordion_label::after { + display: none; +} + +.accordion .box__accordion.active .box__accordion_label::after { + content: ""; + width: 13px; + height: 18px; + transform: translateY(-50%) rotate(-180deg); + background-image: url(../images/slider-arow.svg); + background-repeat: no-repeat; + background-position: center center; + background-attachment: fixed; +} +.teacher-description .accordion .box__accordion .box__accordion_label::after { + right: 10px; +} +.obrazovanie .box__accordion.active .box__accordion_label::after { + transform: translateY(-50%) rotate(-180deg); + background-image: url(../images/slider-arow.svg); +} + +.box__accordion_content { + display: flex; + flex-direction: column; + position: relative; + overflow: hidden; + max-height: 0; + transition: var(--main-transition); +} + +.box__accordion_content p { + padding: 20px; + width: 70%; +} + +.questions .box__accordion_content p { + width: 100%; +} + .obrazovanie .box__accordion_content { + font-family: 'Roboto'; + font-style: normal; + font-weight: 300; + font-size: 18px; + line-height: 30px; + max-height: none; +} + +.questions .obrazovanie .box__accordion_content { + font-size: 18px; +} + + +.obrazovanie ul { + padding: 0 0 0 20px; + position: relative; +} + +.obrazovanie li { + list-style-type: none; + display: flex; + align-items: center; +} + +.obrazovanie li::after { + content: ""; + position: absolute; + left: 0; + width: 8px; + height: 8px; + border-radius: 2px; + background-color: var(--main-background); +} + +/* accordion END */ +.video { + padding-top: 18px; + padding-bottom: 22px; +} + +/* promo-form */ +.promo-form { + padding-top: 32px; + background-color: #fff; +} + +/* Записаться к преподавателю */ + +.color-lilac { + color: #BF568E; +} + +.promo-form_title { + font-family: 'Oswald'; + font-style: normal; + font-weight: 500; + font-size: 26px; + line-height: 39px; + text-align: left; + text-transform: uppercase; +} + +.promo-form__list { + margin-top: 65px; + display: flex; + flex-direction: column; + gap: 14px; + font-size: 24px; + padding-left: 24px; + font-weight: 700; + list-style-type: none; + flex: 1; +} + +.promo-form__list li { + position: relative; + display: flex; + align-items: center; +} + +.promo-form__list li::before { + content: ''; + position: absolute; + left: -24px; + width: 11px; + height: 11px; + border-radius: 50%; + background-color: #fff; +} + +.black-label { + position: relative; + left: 0; + padding: 14px 55px 14px 46px; + background: #222222; + border-radius: 0px 15px 15px 15px; + font-family: 'Oswald'; + font-weight: 600; + font-size: 30px; + line-height: 38px; + text-transform: uppercase; + color: #FFFFFF; +} + +.text-block_label { + font-weight: 700; + font-size: 16px; + text-align: center; + letter-spacing: 0.9px; + text-transform: uppercase; + color: #FFF !important; + justify-content: center; +} + +.black-label span { + color: var(--main-yellow); +} + +.promo-form .form-data { + width: 100%; + margin-top: 14px; + padding: 21px 17px; + background: #FFFFFF; + border-radius: 15px; + font-family: 'Roboto' !important; + font-style: normal; + font-weight: 500; + font-size: 20px !important; + line-height: 22px !important; + color: #000 !important; + letter-spacing: 0 !important; +} + +.promo-form label { + margin: 20px 0; + font-weight: 300; + font-size: 14px; + text-align: justify; +} + +.promo-form label input { + position: relative; + width: 16px; + height: 16px; + top: 3px; + margin-right: 20px; +} + +.btn-lilac { + width: 280px; + padding: 16px 0; + background: #BF568E; + border-radius: 15px; + font-family: 'Oswald'; + font-style: normal; + font-weight: 500; + font-size: 22px; + line-height: 22px; + display: flex; + text-transform: uppercase; + color: #FFF; + justify-content: center; + border: none; + transition: .3s; +} + +.btn-banner { + width: 190px; + margin-top: 30px; + font-size: 18px; + padding: 5px 33px; + font-weight: 300; + border-radius: 10px; +} +.btn-lilac:hover { + background: #AB3E78; +} + +.violation { + display: block; + margin-top: 10px; + font-weight: 300; + font-size: 14px; + line-height: 22px; + text-decoration-line: underline; + color: #FFFFFF +} + +.promo-form .phone { + margin-top: 10px; + justify-content: center; +} + +.promo-form .phone a { + margin-top: 13px; + font-weight: 900; + font-size: 32px; + line-height: 24px; + text-align: center; + color: #FFE600; +} + +/* promo-form END */ + +/* block-call */ +.block-call { + width: 100%; + display: flex; + justify-content: center; + padding: 22px 0; +} + +.btn-call { + width: 250px; + padding: 10px; + background: #FFE600; + font-weight: 400; + color: #262626; + font-size: 26px; + line-height: 28px; + border: none; +} + +/* block-call END */ + +/* teacher-about */ +.teacher-about { + padding-bottom: 22px; +} + +.teacher-about-wrapper { + display: flex; + flex-direction: column; + padding: 0 10px !important; +} + +.teacher-about_content { + position: relative; + display: flex; + flex-direction: column; + padding-bottom: 20px; +} + + +.teacher-about_text { + font-weight: 300; + font-size: 16px; + line-height: 20px; + display: flex; + flex-direction: column; + overflow: hidden; + transition: 3s; + max-height: 150vh; +} + +.more .teacher-about_text { + max-height: 170px; +} + +.btn-more { + display: none; +} + +.more .btn-more { + width: 100%; + position: absolute; + right: 0; + bottom: 0; + display: flex; + background: linear-gradient(0deg, rgba(243, 243, 243, 1) 50%, rgba(243, 243, 243, 0) 100%); + border: none; + justify-content: flex-end; +} + +.teacher-about_content .btn-more { + width: 100%; + position: absolute; + right: 0; + bottom: 0; + display: flex; + border: none; + justify-content: flex-end; + padding: 20px 0px 10px; +} + +.btn-more span { + color: #C1C1C1; + font-weight: 400; + font-size: 16px; + background: #fff; +} + +.teacher-about_content .btn-more span { + color: var(--main-background); + background: #f3f3f3; +} + +/* teacher-about END */ + +.custom-button-next, +.custom-button-prev { + position: absolute; + top: var(--swiper-navigation-top-offset, 50%); + z-index: 10; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + color: var(--swiper-navigation-color, var(--swiper-theme-color)); + + width: 20px; + height: 30px; + background-image: url(../images/slider-arow.svg); + background-repeat: no-repeat; + background-position: center center; + -webkit-background-size: 100%; + -moz-background-size: 100%; + -o-background-size: 100%; + background-size: 100%; + transition: .3s; + background-color: transparent; +} + +.custom-button-next, +.swiper-rtl .custom-button-prev { + right: var(--swiper-navigation-sides-offset, 20px); + left: auto; + transform: scale(-1, 1); +} + +.custom-button-prev, +.swiper-rtl .swiper-button-next { + left: var(--swiper-navigation-sides-offset, 20px); + right: auto; +} + +.teachers-owl-prev, +.teachers-owl-next { + top: 50% +} +.teachers-owl-next { + right: 0; +} +.subject-next { + right: -50px; +} + +.subject-prev { + left: -50px; +} + +/* certificates */ +.certificates { + display: flex; + flex-wrap: wrap; + gap: 20px; + justify-content: center; +} + +.certificates_title { + margin-top: 18px; + font-size: 20px; + font-weight: 400; + line-height: 28px; + text-transform: uppercase; + color: #000; + text-align: center; +} + +.certificate__img { + display: flex; + width: 100px; + height: 130px; + justify-content: center; +} + +.certificates__item { + display: flex; + width: calc(100vw - 30px); + height: 90vh; + padding: 0 30px; + justify-content: center; +} + +.btn-close-certificates-img { + width: 44px; +} + +.certificates__item .certificates__item_img { + max-height: none !important; + width: 100% !important; + height: 100%; + object-fit: contain; +} + +.screen-certificates { + visibility: hidden; + position: fixed; + background-color: rgb(0 0 0 / 60%); + align-items: center; + justify-content: center; + transition: var(--main-transition); + display: flex; + z-index: 999999; +} + +.certificates-owl .owl-nav { + position: absolute; + width: 100vw; + top: 50%; + left: 50%; + z-index: 1; + transform: translate3d(-50%, -50%, 0); + display: flex; + justify-content: space-between; +} + +.screen-certificates.open { + top: 0; + left: 0; + width: 100%; + height: 100%; + visibility: visible; + transform: translate3d(0%, 0%, 0); +} + +.screen-certificates__img { + transition: var(--main-transition); + width: 100px; + height: 100px; + display: flex; +} + +.open .screen-certificates__img { + width: 80%; + height: 80%; +} + +.open .screen-certificates__img img { + width: 100%; + height: 100%; + object-fit: contain; +} + +.clickRemove { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; +} + +.btn-close-certificates { + position: absolute; + top: 25%; + right: 0; + background: transparent; + border: none; + z-index: 10; +} + +/* certificates END */ +.right-part { + padding: 0 10px; +} + +.questions h3 { + margin: 0; + text-transform: none; +} + +.questions .box__accordion_content p { + padding: 0 0 30px; +} + +/* reviews */ +.reviews { + background: #fff; + overflow: hidden; +} +.teacher-page .reviews { + padding: 40px 0; +} +.page-elementary-school .reviews .container{ + background: rgba(254, 223, 111, 0.2); + border-radius: 20px; + padding: 20px 50px; +} + +.container-wrapper { + display: flex; + gap: 30px; +} + +.teacher-about .teacher_title { + margin-bottom: 2px; +} + +.reviews-wrapper { + position: relative; + display: flex; + gap: 30px 1%; + flex-wrap: wrap; + justify-content: space-between; + max-width: 1120px; + margin: 0 auto; +} + +.reviews-owl { + padding: 6px; +} + +.reviews__item { + position: relative; + width: 31%; +} + +.page-rewiews { + background-color: #fff; +} + +.page-rewiews .rewiews-wrapper { + flex: 1; + padding: 30px 0; + display: flex; + gap: 20px; + flex-wrap: wrap; + height: fit-content; +} + +.page-rewiews .reviews__item-wrapper { + min-height: auto; + position: relative; + padding: 20px 40px; + display: flex; + flex-direction: column; + gap: 15px; + border-radius: 19px; + background-color: #fff; + justify-content: flex-start; + align-items: center; +} + +.page-rewiews .reviews__item { + width: calc(50% - 10px); + min-height: auto; +} + +.reviews__item-wrapper { + position: relative; + padding: 30px 40px 60px 70px; + display: flex; + flex-direction: column; + gap: 15px; + border-radius: 19px; + background-color: #fff; + height: 100%; +} + +.reviews__item:before { + content: ""; + position: absolute; + inset: -2px; + z-index: -1; + border-radius: 19px; + background: linear-gradient(90deg, #BF568E, #006DB7); +} + +.page-numbers-wrapper ul { + display: flex; + gap: 10px; + justify-content: center; +} + +.page-numbers-wrapper a.page-numbers { + width: 40px; + height: 40px; + background: #D9D9D9; + border-radius: 5px; + display: flex; + align-items: center; + justify-content: center; + font-family: 'Oswald'; + font-weight: 500; + font-size: 22px; + line-height: 28px; + transition: .3s; + cursor: pointer; + color: #1F1F1F; +} + +.page-numbers-wrapper .current { + background: var(--main-yellow); + color: #1F1F1F; + width: 40px; + height: 40px; + border-radius: 5px; + display: flex; + align-items: center; + justify-content: center; + font-family: 'Oswald'; + font-weight: 500; + font-size: 22px; +} + +.filter { + margin-top: 26px; + width: 330px; + height: fit-content; + padding: 30px; + background: #F5F5F5; + border-radius: 15px; +} + +.filter_title { + font-family: 'Roboto'; + font-weight: 500; + font-size: 22px; + color: #000000; + margin-bottom: 20px; +} + +.filter-wrapper { + display: flex; + flex-direction: column; + gap: 25px; +} + +.filter_item { + position: relative; + display: flex; + align-items: center; + padding-left: 30px; + cursor: pointer; + transition: .3s; +} + +.filter_item::after { + position: absolute; + content: ''; + left: 0; + width: 20px; + height: 20px; + border-radius: 50%; + border: 1px solid #C0C0C0; + transition: .3s; +} + +.filter_item:hover { + color: var(--main-color); +} + +.filter_item:hover::after { + border: 1px solid var(--main-color); +} + +.filter-wrapper .active::after { + border: 7px solid var(--main-color); +} + +.swiper { + width: 100%; +} + +.page-rewiews .reviews__item::before { + content: ''; + position: absolute; + top: -4px; + left: -4px; + width: calc(100% + 8px); + height: calc(100% + 8px); + background: linear-gradient(101.53deg, #BF568E 6.59%, #006DB7 94.96%); + border-radius: 24px; + z-index: 0; +} + +.reviews__item-client { + display: flex; + align-items: center; + gap: 16px; +} + +.reviews__item-client_avatar { + height: 50px; + width: 50px; + border-radius: 50%; + overflow: hidden; + background-color: #D9D9D9; + display: flex; + color: #fff; + align-items: center; + justify-content: center; + font-size: 28px; + font-weight: 500; +} + +.reviews__item-client_avatar-img { + width: 100%; + height: auto; + object-fit: cover; +} + +.reviews__item-client_name{ + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: normal; + color: #000000; +} + +.page-rewiews .reviews__item-client_name, +.page-rewiews .reviews__item-client_stars span, +.page-rewiews .reviews__kurs, +.page-rewiews .reviews__item-client_text { + font-size: 18px; +} +.reviews__item-client_lavel { + margin-top: 5px; + opacity: .5; +} + +.reviews__item-client_stars { + margin-top: 6px; + display: flex; + align-items: center; +} + +.reviews__item-client_stars span { + margin-left: 20px; + font-size: 14px; + opacity: .5; +} + +.reviews__kurs { + font-weight: 500; + font-size: 16px; + line-height: 19px; + margin: 0; +} + +.reviews__kurs span { + color: #7C7C7C; +} + +.reviews__kurs a { + color: #000; +} + +.reviews__item-client_text { + position: relative; + overflow: hidden; + font-weight: 300; + font-size: 14px; + color: #000000; + max-height: 100vw; + transition: 1s; +} + +.reviews__item-client_text.more { + max-height: 95px; +} + +.reviews .more .btn-more { + background: transparent; +} + +.reviews_hiden { + max-height: 0px; + transition: 3s; + overflow: hidden; +} + +.btn-show { + width: 100%; + color: var(--main-background); + font-weight: 400; + font-size: 16px; + cursor: pointer; + margin-top: -20px; +} +.frame__popup { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + background: #000000d4; + z-index: 99999; + align-items: center; + justify-content: center; +} +.frame__popup-wrapper { + position: relative; + width: 90%; + height: 90%; +} +.btn-close-frame__popup { + position: absolute; + top: 0; + right: 0; + width: 40px; + height: 40px; + cursor: pointer; +} +.frame_reviews { + width: 100%; + height: 100%; +} +@media screen and (max-width: 991px) { + .reviews-wrapper { + flex-direction: column; + flex-wrap: nowrap; + gap: 30px; + align-items: center; + } + + .page-rewiews .reviews__item { + width: calc(100% - 12px); + } +} + +/* reviews END */ + +.mobile-header-here_a { + display: flex; + flex-direction: column; +} + +.mobile-header-here_a span { + padding-left: 59px; + font-family: 'Roboto'; + font-style: normal; + font-weight: 300; + font-size: 18px; + line-height: 28px; + color: #000000; +} + +.swiper-button-disabled { + display: none; +} + +.page404 .banner-wrapper { + height: 600px; +} +.page404 .container { + max-width: 1296px !important; +} +.page404 .breadcrumbs.container { + max-width: 1190px !important; +} +@media screen and (max-width: 992px) { + .container.header-mobile-container { + padding: 0px 15px !important; + } +} + + +/* promo-block */ +.promo-block .container { + padding: 0 20px; +} + +.promo-block { + padding: 56px 0; + font-family: 'Roboto'; + font-style: normal; + color: #fff; + background-color: #9261AA; +} + +.promo-block .text-block { + display: flex; + flex-direction: column; + gap: 20px; + align-items: center; +} + +.promo-block .title { + font-weight: 800; + font-size: 18px; + line-height: 22px; + text-transform: uppercase; + text-align: center; +} + +.promo-block .bitrix-link-popup { + margin-top: 13px; + background-color: #ffe600; + padding: 14px 28px; + font-weight: 500; + transition: all .3s ease; + text-align: center; +} + +.promo-block .bitrix-link-popup a { + font-family: 'Roboto'; + font-weight: 500; + font-size: 17.7656px; + line-height: 19px; + color: #262626; +} + +.promo-block .bitrix-link-popup:hover { + background-color: #2fa7cb; +} + +.promo-block .bitrix-link-popup:hover a { + color: #fff; +} + +/* promo-block END */ + +/* video */ +.video-wrapper { + margin-top: 15px; + display: flex; + aspect-ratio: 16 / 9; +} + +.video-wrapper iframe { + width: 100%; + height: auto; + min-height: 200px; + border-radius: 6px; +} + +/* video END */ + +.yellow-button { + width: 100%; + padding: 21px 28px; + display: flex; + background: #FFD43E; + border: none; + justify-content: center; + margin: 0 auto; + transition: .3s; + border-radius: 15px; +} + +.yellow-button a { + text-transform: uppercase; + transition: .3s; + font-family: 'Oswald'; + font-style: normal; + font-weight: 400; + font-size: 26px; + line-height: 22px; + color: #BF568E; +} + +.yellow-button:hover { + background: #FFC806 +} + +.our-teachers { + overflow: hidden; +} + +.our-teachers .container { + padding: 20px 90px 40px; + border-radius: 20px; + background-color: #F2F5F7; +} + +.our-teachers_text { + font-family: 'Roboto'; + font-weight: 300; + font-size: 16px; + line-height: 23px; +} + +.teachers-owl { + margin-top: 30px; + overflow: hidden; +} + +.teachers-owl .owl-stage-outer { + width: 100%; +} + +.teachers-owl .owl-stage { + display: flex; +} + +.teachers-owl_item { + overflow: hidden; +} +.ourteacher { + max-width: 236px; + display: flex; + flex-direction: column; + font-family: 'Oswald'; +} +.ourteacher a { + width: 100%; + height: 236px; + border: 2px solid #006DB7; + display: flex; +} +.ourteacher img { + width: 100%; + height: auto; + object-fit: cover; +} +.ourteacher_title { + margin-top: 10px; + font-style: normal; + font-weight: 400; + font-size: 18px; + align-items: center; + text-align: center; + color: #000; +} +.teachers-owl_item img { + display: block; + width: 100%; + -webkit-transform-style: preserve-3d; +} +.ourteacher_name { + margin-top: 10px; + font-weight: 300; + font-size: 18px; + line-height: 20px; + display: flex; + align-items: center; + text-align: center; + justify-content: center; +} +.our-teachers .owl-controls { + position: absolute; + left: 0; + bottom: 50% !important; + width: 100%; +} + +.our-teachers .yellow-button { + margin-top: 22px; +} + +.our-teachers .owl-carousel .owl-item { + display: flex; + justify-content: center; +} + +.teachers-owl_item { + width: 450px; +} + +.teacher-page .owl-next, +.teacher-page .owl-prev { + /*content: "";*/ + width: 15px; + height: 15px; + background-image: url(../images/slider-arow.svg); + /*position: absolute;*/ + top: 50%; + transform: translateY(-50%); + background-repeat: no-repeat; + background-position: center center; + background-attachment: fixed; + -webkit-background-size: 100%; + -moz-background-size: 100%; + -o-background-size: 100%; + background-size: 100%; + transition: .3s; + background-color: transparent; +} + +.our-teachers .owl-next, +.our-teachers .owl-prev { + width: 20px; + height: 30px; +} + +.teacher-page .owl-next { + transform: scale(-1, 1); +} + +.our-teachers .owl-next { + top: calc(50% - 17px); +} + +.certificates-owl .owl-prev { + left: 10px; +} + +.certificates-owl .owl-next { + right: 10px; + top: calc(50% - 10px); +} + +footer .contacts-footer p:first-child+p { + color: #fff !important; +} + +.main-footer-wrapper .bottom-bar-wrapper .textwidget p:last-child { + color: #fff !important; +} + +.accordion-one { + display: flex; + justify-content: space-between; +} + +.teachers-owl { + padding: 0 30px; +} + +@media (max-width:568px) { + .teachers-owl_item { + width: 290px; + } + + .panel-body { + padding: 0px !important; + } + + .panel-body>.row>.row { + margin: 0 !important; + } + + h1 { + line-height: 26px; + font-size: 26px; + } + + #wrapper-content>section:nth-child(4)>div>div>div.col-sm-7>h3 { + text-align: center; + font-size: 18px; + } + + #collapse1>div>div>div:nth-child(1)>div:nth-child(2) { + display: flex; + margin: 10px 0px; + padding: 0px; + align-content: center; + flex-direction: row; + flex-wrap: wrap; + } + + .header-yellow-button { + margin: 0px; + color: black; + font-size: 19px; + } + + .panel-heading { + padding: 5px; + } + + .accordion-one { + display: flex; + flex-direction: row; + align-items: center; + } + + #accordion1 .panel-body { + padding: 15px !important; + padding-left: 30px !important; + } + + .text-start-11 { + width: 91.66666667%; + } + + .text-start-1 { + width: 8.33333333%; + } +} + +.header-map { + padding-top: 32px; + padding-bottom: 18px; + background-color: #fff; +} + +.main-title { + margin: 0; + text-transform: none; +} + +/* contants */ +.contacts { + background-color: #fff; +} +.contacts .page_h2 { + padding-top: 40px; +} +.contacts .container { + max-width: 1296px !important; + padding: 0 !important; +} +.content-main_block .container, +.blocks-address .container { + padding: 0 !important; +} +.contacts .main_content { + display: flex; + gap: 80px; +} + +.contacts-left-part { + width: 50%; + display: flex; + flex-direction: column; + gap: 40px; +} + +.contacts-right-part { + width: 700px; + display: flex; + flex-direction: column; + gap: 40px; +} + +.contacts-block { + position: relative; + padding: 40px 45px; + display: flex; + flex-direction: column; + background-color: #F3F3F3; + border-radius: 30px; + font-family: 'Roboto'; + font-weight: 500; + font-size: 18px; + line-height: 22px; + color: #000; + gap: 40px; + justify-content: space-evenly; +} + +.contacts-block h2 { + margin-top: 0; + font-family: 'Oswald'; + font-weight: 400; + font-size: 26px; + line-height: 27px; + text-transform: uppercase; + color: var(--main-color); + margin-bottom: 15px; +} + +.contacts_block-wrapper { + display: flex; + flex-direction: column; + gap: 15px; + height: 100%; +} + +.contacts-block h3 { + font-family: 'Roboto'; + font-weight: 400; + font-size: 18px; + line-height: 20px; + color: #000; +} + +.contacts-block h4, +.how_h4 { + font-family: 'Oswald'; + font-weight: 400; + font-size: 22px; + line-height: 27px; + text-transform: uppercase; + color: #000; + margin-bottom: 15px; +} + +.contacts-block .social { + margin: 0; +} + +.how_h4 { + margin: 0; +} + +.style-type-non { + margin-left: 0 !important; + padding-left: 0 !important; +} + +.style-type-non li { + list-style-type: none !important; +} + +.contacts-block p { + margin: 0; + font-size: 18px; + line-height: normal; +} + +.contacts-block a { + color: #000; +} + +.contacts-block li { + font-family: 'Roboto'; + font-weight: 300; + font-size: 18px; + line-height: 22px; + color: #000; +} + +.contacts__block_text { + font-family: 'Roboto'; + font-weight: 500; + font-size: 22px; + line-height: 20px; + color: #000; +} + +.btn-WA { + width: fit-content; + display: flex; + padding: 9px 11px 9px 13px; + gap: 12px; + background: #FFF; + border: 1px solid var(--main-color); + border-radius: 10px; + color: var(--main-color) !important; + font-family: 'Roboto'; + font-weight: 500; + font-size: 18px; + line-height: 20px; +} + +.btn-call-me { + position: absolute; + display: flex; + justify-content: center; + align-items: center; + padding: 9px 11px; + gap: 19px; + background: var(--main-color); + border-radius: 10px; + color: #fff; + font-family: 'Roboto'; + font-weight: 600; + font-size: 18px; + line-height: 20px; + top: 32px; + right: 45px; +} + +.contacts-right-part .contacts_block-wrapper { + gap: 0; + margin: 0; +} + +.contacts-right-part h2 { + margin-top: 0; +} + +.blocks-address b { + font-size: 22px; +} + +.litle-text { + margin-bottom: -15px !important; +} + +.blocks-address .contacts-block h2 { + margin: 0; +} + +.img-address { + width: 500px; + height: 100%; + object-fit: cover; + margin: 0 auto; + margin-top: 25px; +} + +.blocks-address .contacts-right-part .contacts_block-wrapper { + gap: 15px; +} + +.contacts_block-wrapper-col { + display: flex; + justify-content: center; + gap: 40px; + align-items: center; +} + +.review-block { + padding: 18px; +} + +.contacts_block-wrapper-col h4 { + margin: 0 !important; +} + +/* contants END */ + +.desktop { + display: flex !important; +} + +.mobile { + display: none !important; +} + +.desktop-span { + display: inline !important; +} + +.mobile-span { + display: none !important; +} + +.header-nav-wrapper { + box-shadow: 0px 0px 5px 2px #0000001A; +} + +.breadcrumbs-teacher-wrapper { + display: flex; + align-items: flex-end; + justify-content: space-between; +} + +.breadcrumbs-teacher .container { + padding: 0; +} + +.about-teacher { + padding: 9px 9px !important; + margin-top: -70px !important; +} + +.about-teacher::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: linear-gradient(134.27deg, #BF568E -3.32%, #1B6AB2 96.15%); + border-radius: 25px; +} + +.about-teacher-wrapper { + position: relative; + padding: 54px 75px 50px 90px; + display: flex; + gap: 90px; + background: #fff; + border-radius: 16px; +} + +.left-part { + padding-top: 80px; + width: 300px; +} + +.right-part { + flex: 1; +} + +.teacher-description_text::after { + left: 0px; +} + +.teacher-description { + background: transparent; +} + +.teacher__rating::before { + display: none; +} + +.teacher_stars { + margin-top: 11px; + padding: 0; +} + +.teacher__rating { + margin-top: 0; + height: auto; + background: #FFFFFF; + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + border-radius: 90px 90px 0 0; + padding-bottom: 5px; +} + +.teacher__rating-img { + position: unset; + width: 100%; + height: 300px; + margin-bottom: 0; +} + +.teacher__rating-img_foto { + border-radius: 50px; + width: 100%; + height: 100%; + object-fit: cover; +} + +.teacher__rating-img::before { + display: none; +} + +.teacher_name-wrapper { + margin-top: 0; + padding: 0; +} + +.teacher_name { + text-align: left; + font-family: 'Oswald'; + font-style: normal; + font-size: 40px; + line-height: normal; + text-transform: uppercase; + margin-bottom: 40px; + justify-content: flex-start; +} + +.teacher-about-wrapper, +.right-part { + padding: 0 !important; +} + +.teacher_name-wrapper .accordion { + gap: 10px; +} + +.teacher-about { + margin-top: 60px; +} + +.certificates_title { + margin-top: 0px; + font-size: 26px; + margin-bottom: 26px; +} + +.certificate__img { + width: 145px; + height: auto; +} + +.teacher-description_text { + font-family: 'Roboto'; + font-weight: 400; + font-size: 26px; + line-height: 26px; + padding: 10px 0 10px 20px; +} + +.teacher_title { + margin-top: 20px; + font-size: 26px; + font-family: 'Oswald'; + font-weight: 400; + color: #000; + margin-bottom: 15px; +} + +.more .btn-more { + background: linear-gradient(0deg, rgb(255 255 255) 50%, #fff0 100%); +} + +.teacher-about_content .btn-more span { + background: #fff; +} + +.right-part .obrazovanie { + border: none; +} + +.teacher-page .box__accordion_content { + gap: 16px; +} + +.teacher-page .taxonomy-block__name_logo { + width: 34px; +} + +.accordion-0.obrazovanie { + width: 100%; + display: flex; + flex-direction: column; + margin: 30px 0; + gap: 30px; +} + +.obrazovanie li::after { + content: ""; + position: absolute; + left: 0; + width: 8px; + height: 8px; + border-radius: 2px; + background-color: var(--main-background); +} + +.obrazovanie .box__accordion_content-0 { + font-family: 'Roboto'; + font-style: normal; + font-weight: 300; + font-size: 18px; + line-height: 30px; +} + +.obrazovanie ul { + margin-top: 15px; +} + +.box__accordion_content-0 { + font-size: 18px; +} + +.promo-form-wrapper { + padding: 40px 60px 40px 90px; + border-radius: 25px; + background: linear-gradient(180deg, #006DB7 0%, #003051 54.59%); + color: #fff; + display: flex; + justify-content: space-between; +} + +.promo-form-right-part { + max-width: 630px; + display: flex; + align-items: flex-start; + flex-direction: column; +} + +.promo-form-left-part { + width: 490px; + display: flex; + flex-direction: column; + gap: 15px; +} + +.promo-form label input { + margin-right: 8px; +} + +.promo-form label { + font-size: 22px; +} + +.label-wrapper { + position: relative; + margin-top: 34px; + left: -40px; +} + +.label-wrapper .text-block_label { + margin-top: 6px; +} + +.promo-form-left-part a { + color: #fff; + text-decoration: underline; +} + +.promo-form .phone a { + margin-top: 0; + font-size: 48px; + line-height: 1; +} + +.promo-form .form-data:first-child { + margin-top: 0; +} + +.promo-form .form-data { + margin-top: 0px; + padding: 25px 17px; +} + +.promo-form label { + margin: 0 0 5px; +} + +.promo-form .btn-lilac { + padding: 30px 0; +} + +.reviews .owl-item { + padding: 6px; +} + +.teachers-owl-prev{ + left: 0; +} + +.foto-prev { + left: 40px; +} + +.foto-next { + right: 40px; +} +.reviews-owl-next, +.reviews-owl-prev { + top: calc(50% + 30px); +} +.reviews-owl-next { + right: 30px; +} +.reviews-owl-prev { + left: 30px; +} +.reviews__item-client { + gap: 20px; +} + +.reviews__item-client_avatar { + height: 57px; + width: 57px; +} + +.reviews__kurs { + font-weight: 500; + font-size: 14px; + line-height: 19px; + letter-spacing: 0; +} + +.reviews-wrapper .owl-nav, +.our-teachers .owl-nav { + position: absolute; + left: -60px; + bottom: calc(50% - 30px); + width: calc(100% + 120px); +} + +.reviews-wrapper .owl-nav { + display: flex; + justify-content: space-between; +} + +.teacher-page .owl-next, +.teacher-page .owl-prev { + width: 20px; + height: 27px; + position: absolute; + top: 0; +} + +.teacher-page .owl-next { + top: -13px; + right: 0; +} + +.questions .container { + padding: 20px 100px; + background: #F2F5F7; + border: 1px solid #000; + border-radius: 20px; +} +.questions .box__accordion { + border-top: 1px solid #00000080; + border-radius: 0; +} + +.questions .accordion .box__accordion .box__accordion_label { + padding: 12px 0 20px; +} + +.questions .box__accordion_label { + font-size: 18px; +} + +.questions .accordion { + margin-top: 40px; +} + +.our-teachers_text { + margin-top: 40px !important; + font-size: 18px; +} + +.yellow-button { + margin-top: 80px; + width: 490px; +} + +.header-map { + padding: 72px 0 40px !important; +} + +.gmap { + margin: 0 auto; + background: #fff; +} + +.gmap iframe { + border-radius: 25px !important; + height: 630px; + max-width: 1440px; +} + +.btn-free-lesson { + width: 352px; +} + +.certificates__item img { + width: 60% !important; + height: 100%; + object-fit: contain; +} + +.certificates-owl { + width: 1024px; +} + +.certificates__item { + width: 100%; +} + +.certificates-owl .owl-controls { + width: 64vw; +} + +.btn-close-certificates-img { + width: 57px; +} +.teachers-owl-wrapper { + position: relative; + padding: 0 40px +} +.teachers-owl { + padding: 0; +} + + +.container { + width: 100%; + max-width: 1296px; + margin: 0 auto; + position: relative; +} + +/* footer */ + +footer { + background-color: #1F1F1F; + color: #fff; +} + +.footer-wrapper { + max-width: 1184px; + width: 100%; + padding: 60px 20px 80px; +} + + +.footer_logo { + position: absolute; +} + +.footer_logo img { + width: 238px; + height: 70px; +} + +.footer__main-col { + padding-top: 55px; + flex: 1; +} + +.footer-main { + display: flex; + justify-content: space-between; + padding-bottom: 22px; +} + +.footer_links { + margin-top: 50px; + display: flex; + gap: 90px; + font-size: 16px; +} + +.footer_links-col { + display: flex; + gap: 50px; +} + +.footer_links-col__main-link { + margin-bottom: 8px; + text-transform: uppercase; +} + +footer a { + color: #fff; + transition: .3s; +} + +.footer__col { + display: flex; + flex-direction: column; + gap: 25px; +} +.footer__col .btn-lilac { + align-self: self-end; +} + +.footer_links .menu-item-has-children>a { + position: relative; + margin-bottom: 27px; + display: block; + font-size: 18px; + font-family: 'Oswald'; + text-transform: uppercase; +} + +.footer_links .menu-item-has-children>a::before { + position: absolute; + content: ''; + width: 100%; + bottom: -10px; + height: 1px; + background-color: #ffffff78; +} + +.footer_links .sub-menu { + display: flex; + flex-direction: column; + gap: 17px; + +} + +.footer__link-icon { + display: flex; + align-items: center; + gap: 25px; + font-size: 16px; +} + +.footer__col .btn-write { + margin-bottom: 19px; +} + +.footer_links .sub-menu a { + color: #fff; +} + +.social { + display: flex; + gap: 15px; + margin-left: 45px; +} + +.footer-politica { + margin-top: 46px; + font-size: 13px; + display: flex; + gap: 30px; + padding-bottom: 24px; + border-bottom: 1px solid #B0B0B0; +} + +.footer-last-row { + border-top: 1px solid #B0B0B0; + padding-top: 10px; + display: flex; + gap: 20px; + justify-content: space-between; + font-size: 14px; +} + +.footer-last-row a { + color: var(--main-blue); +} + +footer a:hover, +.footer_links .sub-menu a:hover { + color: var(--main-color); +} + +/* footer END */ + +/* page-courses */ +.page-courses, +.page-foto { + background-color: #fff; +} +.foto-section { + margin-top: 110px; +} +.courses-section { + padding-top: 110px; +} +.courses-wrapper { + margin-top: 60px; + display: flex; + flex-wrap: wrap; + gap: 25px; +} + +.course__item { + width: calc(33% - 13px); + border-radius: 15px; + overflow: hidden; + border: 1px solid #fff0; + transition: .3s; + background-color: #F3F3F3; +} + +.course__item:hover { + border: 1px solid #FFD43E; + box-shadow: 0 0 4px #FFD43E; +} + +.course__item .product-info { + padding: 30px; +} + +.course__item .popular__subject_title { + justify-content: center; +} + +/* page-courses END */ +/* page-foto */ +.foto-wrapper { + display: flex; + flex-wrap: wrap; + gap: 30px; +} + +.foto_item { + display: flex; + border-radius: 30px; + overflow: hidden; + cursor: pointer; +} + +.foto_item-1 { + width: calc(70% - 15px); + height: 550px; +} + +.foto_item-2 { + width: calc(30% - 15px); + height: 550px; +} + +.foto_item-3 { + width: calc(50% - 15px); + height: 380px; +} + +.foto_item-4 { + width: calc(50% - 15px); + height: 380px; +} + +.foto_item img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.slider-modal, +.modal-resume-form, +.modal-request-form { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0,0,0,0.6); + backdrop-filter: blur(4px); + -webkit-backdrop-filter: blur(4px); + display: flex; + align-items: center; + justify-content: center; + z-index: 99999; + padding: 20px; + box-sizing: border-box; +} + +.btn-close-slider { + position: absolute; + top: 5%; + right: 0; + background: #fff0; + border: none; + z-index: 10; +} + +.btn-close-slider-img { + width: 50px; +} + +.slider-modal-wrapper { + width: 80%; +} + +.slider-modal-wrapper .img__item img { + object-fit: contain; +} + +.slider-modal-wrapper .swiper { + overflow: visible; +} + +.page-foto .video-wrapper { + position: relative; + margin: 0 auto; + margin-top: 70px; + width: 985px; + height: 550px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 30px; + background-color: #D9D9D9; + overflow: hidden; +} + +.page-foto .video-wrapper iframe { + width: 100%; + height: 100%; +} + +.video_preview { + width: 100%; + object-fit: cover; + height: 100%; +} + +.page-foto .video_play { + position: relative; +} + +.page-foto .btn-play-video { + z-index: 1; +} + +/* page-foto END */ + +/* page-vacancies */ +.page-vacancies { + background-color: #fff; +} + +.page-vacancies .banner-wrapper { + padding: 90px 0 120px; + background: radial-gradient(48.07% 192.01% at 1.89% 94%, #006DB7 0%, #1F1F1F 100%); +} + +.vacancies__banner { + display: flex; +} + +.vacancies__banner-left { + width: 50%; + display: flex; + flex-direction: column; + gap: 80px; +} + + +.btn-resume { + width: 490px; +} + +.vacancies__banner-right { + position: relative; + width: 50%; +} + +.b24-form-placeholder { + display: flex; + flex-direction: column; + align-items: center; + gap: 20px; + padding: 40px 30px; + text-align: center; +} +.b24-form-placeholder__text { + font-family: 'Roboto', sans-serif; + font-size: 18px; + line-height: 1.5; + color: #fff; + max-width: 360px; + margin: 0; +} + +.banner-circle { + position: absolute; + border-radius: 50%; + background-color: #fff; + display: flex; + flex-direction: column; + gap: 10px; + font-family: 'Roboto'; + display: flex; + align-items: center; + justify-content: center; + box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.25); +} + +.main-text-color { + font-weight: 900; + font-size: 40px; + background: radial-gradient(97.18% 216.64% at 17.11% 28.58%, #BF568E 0%, #975B97 21%, #006DB7 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; + text-align: center; + line-height: 30px; +} + +.main-text { + font-size: 18px; + line-height: 22px; + color: #000; + text-align: center; +} + +.vacancies__banner-circle-1 { + top: 0; + left: 160px; + width: 208px; + height: 208px; +} + +.vacancies__banner-circle-2 { + top: 65px; + left: 325px; + width: 285px; + height: 285px; + z-index: 1; +} + +.vacancies__banner-circle-3 { + bottom: 0; + left: 145px; + width: 196px; + height: 196px; +} + +.advantages-wrapper { + margin: 40px 0; + display: flex; + gap: 30px; +} + +.advantages__item { + padding: 20px; + display: flex; + flex-direction: column; + gap: 20px; + color: #fff; + font-family: 'Roboto'; + border-radius: 15px; + background-color: var(--main-color); + width: 100%; + aspect-ratio: 1/1; + justify-content: center; +} + +.advantages__item:nth-child(even) { + background-color: #303030; +} + +.advantages__item_title { + font-weight: 600; + font-size: 35px; + line-height: 40px; + margin: 0; +} + +.advantages__item_text { + font-size: 22px; + line-height: 27px; + margin: 0; +} + +.page-vacancies .accordion { + width: 100%; + margin: 0; + max-width: none; + gap: 15px; +} + +.page-vacancies .box__accordion_content-text { + padding: 30px 20px; + font-size: 22px; +} + +.page-vacancies .box__accordion, +.vacancie { + background-color: #F3F3F3; +} + +.box__accordion .btn-resume { + margin: 0 auto 50px; +} + +.page-vacancies .conteiner-text .box__accordion_label { + color: #000; + padding: 30px 20px; + font-size: 22px; +} + +.page-vacancies .box__accordion:hover { + background-color: #F3F3F3; + box-shadow: 0 0 8px rgb(0 0 0 / .2); + color: #000; +} + +.btn-close-resume-form, +.btn-close-request-form { + position: absolute; + top: 12px; + right: 12px; + background: #fff0; + border: none; + z-index: 99999; + cursor: pointer; +} + +.btn-close-resume-form img, +.btn-close-request-form img { + width: 50px; + height: 50px; +} + +.form-wrapper { + position: relative; + width: 100%; + max-width: 560px; + margin: 0 auto; + background: #fff; + border-radius: 20px; + padding: 40px 32px 32px; + box-shadow: 0 20px 60px rgba(0,0,0,0.3); + max-height: 90vh; + overflow-y: auto; +} +.form-wrapper .b24-form-container { + width: 100%; +} +.form-wrapper .b24-form { + border-radius: 12px; + overflow: hidden; +} + +.b24-form-btn { + background-color: var(--main-color) !important; + border-radius: 10px !important; + font-family: 'Oswald' !important; + font-weight: 500 !important; + font-size: 16px !important; + line-height: 27px !important; + text-transform: uppercase !important; + color: #FFF !important; +} + +.b24-form-wrapper.b24-form-border-bottom { + border-bottom: none !important; +} + +.b24-form-control-file { + border-radius: 10px !important; + border: 1px solid #000 !important; + background-color: #fff !important; +} + +.main_content .b24-form-control-file { + background: #F3F3F3 !important; +} + +.b24-form-control-file .b24-form-control { + background-color: var(--main-background) !important; + color: #fff !important; + border: none !important; + border-radius: 7chpx !important; +} + +.b24-form-control-file .b24-form-control:after, +.b24-form-control-file .b24-form-control:before { + background-color: rgb(255 255 255) !important; +} + +.b24-form-control-icon-after .b24-form-control { + background: #fff !important; + border-radius: 10px !important; + border: 1px solid #000 !important; +} +.main_content .b24-form-control-icon-after .b24-form-control { + background: #F3F3F3 !important; +} +.page-vacancies .buttons { + margin: 40px; +} +.page-vacancies .map { + padding-top: 0 !important; +} +/* page-vacancies END*/ + +/* page-vacancies-news */ +.cat-wrapper { + display: flex; + gap: 15px; + font-family: 'Roboto'; + justify-content: center; +} + +.cat-wrapper_item { + padding: 14px 40px; + font-weight: 400; + font-size: 18px; + line-height: 22px; + color: #000; + background-color: #F3F3F3; + border-radius: 25px; + cursor: pointer; +} + +.cat-wrapper_item.active { + background-color: var(--main-yellow); +} + +.news-wrapper { + margin-top: 60px; + display: flex; + gap: 40px; + flex-wrap: wrap; +} + +.news__item { + position: relative; + width: calc(33% - 23px); + display: none; + flex-direction: column; + gap: 20px; + transition: .3s; + background: #F3F3F3; + border-radius: 20px; + border: 1px solid #fff0; + overflow: hidden; + padding-bottom: 35px; +} + +.news__item a { + display: flex; + flex-direction: column; + gap: 20px; +} + +.news__item.show { + display: flex; +} + +.news__item .popular__subject_img { + height: 250px; +} + +.news_label_cat { + position: absolute; + top: 20px; + left: 20px; + border-radius: 20px; + padding: 10px 25px; + background-color: #F3F3F3; + z-index: 1; + color: #000; + font-size: 18px; + line-height: 22px; +} + +.news__item .product-info { + position: relative; +} + +.news_label { + position: absolute; + top: 0; + right: 30px; + font-weight: 300; + font-size: 18px; + line-height: 25px; + color: #000; +} + +.news__item .popular__subject_title { + width: 75%; + text-align: start; +} + +/* page-vacancies-news END */ + +/* page-single-post */ + +.banner-post { + background-color: #F3F3F3; + position: relative; +} + +.banner-post .banner-wrapper { + height: auto; + padding: 30px 0; + display: flex; + justify-content: space-between; + background: transparent; + font-family: 'Roboto'; +} + +.banner-left-part, +.banner-right-part { + width: 48%; + display: flex; + flex-direction: column; +} + +.banner-left-part time { + font-weight: 300; + font-size: 18px; + line-height: 23px; +} + +.single-post_title { + margin-top: 15px; + font-family: 'Oswald'; + font-weight: 600; + font-size: 32px; +} + +.link_cat { + margin-top: 75px; + padding: 14px 45px; + border: 1px solid #A5A5A5; + border-radius: 25px; + font-size: 18px; + line-height: 22px; + color: #000; + width: fit-content; +} + +.banner-right-part { + display: flex; + border-radius: 44px; + overflow: hidden; +} + +.banner-right-part img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.single-post-content { + background-color: #fff; + padding: 40px 0; +} + +.post-content-wrapper { + display: flex; + justify-content: space-between; +} + +.content-left-part { + width: 60%; + font-size: 18px; +} + +.read-block { + width: 36%; + padding: 45px 20px; + display: flex; + flex-direction: column; + gap: 40px; + align-items: center; + height: fit-content; + background: #F3F3F3; + border-radius: 30px; +} + +.read-block_title { + font-family: 'Oswald'; + font-size: 40px; + line-height: 40px; + text-transform: uppercase; + color: var(--main-blue); +} + +.read-blocks-wrapper { + display: flex; + flex-direction: column; + gap: 15px; +} + +.block-new a { + width: 100%; + display: flex; + border-radius: 10px; + overflow: hidden; + height: 140px; + align-items: center; +} + +.block-new_img { + width: calc(50% - 16px); + height: 100%; +} + +.block-new_img img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.block-new_title { + flex: 1; + height: calc(100% - 16px); + padding: 20px 10px; + font-family: 'Roboto'; + font-size: 16px; + line-height: 18px; + display: flex; + align-items: center; + text-transform: uppercase; + border: 1px solid var(--main-blue); + border-radius: 0 10px 10px 0; + border-left: none; + background-color: #fff; + color: #000; +} + +/* page-single-post END */ +/* organization */ +.organization { + background-color: #fff; +} +.organization .page_h2 { + padding-top: 40px; +} +.organization .wp-block-heading { + margin-top: 20px; +} +.organization p { + margin: 0; +} + +.wp-block-heading { + font-family: 'Oswald'; + font-size: 26px; + line-height: 23px; + color: #000000; + margin-bottom: 20px; +} + +.wp-block-group { + width: 100%; +} + +.wp-block-group__inner-container { + max-width: 1440px; + padding: 20px; + margin: 0 auto; +} + +.wp-block-group:nth-child(odd) { + background-color: #F3F3F3; +} + +.wp-block-list { + font-family: 'Roboto'; + font-size: 18px; + line-height: 24px; + color: #000000; + margin-left: 30px; +} + +.wp-block-list li { + list-style-type: disc; +} + +/* organization END */ + +/* single curse */ +.single-course .single-post-content { + background-color: transparent; +} + +.single-course .read-block { + background-color: #fff; +} + +.courses-block { + width: 36%; + display: flex; + flex-direction: column; + gap: 30px; +} + +.courses-block-wrapper { + padding: 45px 20px; + display: flex; + flex-direction: column; + gap: 40px; + align-items: center; + height: fit-content; + background: #fff; + border-radius: 30px; +} + +.courses-block-social { + display: flex; + flex-direction: column; + align-items: center; + gap: 20px; + padding: 20px; + border-radius: 30px; + background: #fff; + margin: 0; +} + +.courses-block-social .social { + margin: 0; +} + +.social_title { + font-family: 'Oswald'; + font-weight: 400; + font-size: 20px; + line-height: 20px; + text-transform: uppercase; +} + +.programm-course { + padding-bottom: 70px; +} + +.single-course .banner-wrapper { + padding: 170px 0; + background-color: #032D44; +} + +.single-course .b24-form-wrapper { + width: 560px; + border-radius: 25px; + background: radial-gradient(97.18% 216.64% at 17.11% 28.58%, #BF568E 0%, #006DB7 44.1%, #111111 94.23%); + padding: 10px 0px 30px; +} + +.promo-form .b24-form-wrapper { + width: 100%; + background: transparent; +} + +.b24-form-field-agreement .b24-form-field-agreement-link, +.b24-form .b24-form-sign-abuse-link { + font-size: 18px !important; + color: #fff !important; + line-height: 22px !important; +} + +.b24-form-field-agreement .b24-form-field-agreement-link, +.b24-form .b24-form-sign-abuse-link { + font-size: 18px !important; + color: #000 !important; + line-height: 22px !important; +} + + +.main_content .b24-form-field-agreement .b24-form-field-agreement-link, +.main_content .b24-form .b24-form-sign-abuse-link { + color: #000 !important; +} + +.promo-form .b24-form-field-agreement .b24-form-field-agreement-link, +.promo-form .b24-form .b24-form-sign-abuse-link { + color: #fff !important; +} + +.form-wrapper .b24-form-field-agreement .b24-form-field-agreement-link, +.form-wrapper .b24-form .b24-form-sign-abuse-link{ + color: #000 !important; +} + + +.b24-form-control-icon-after .b24-form-control { + border: none !important; +} + +.b24-form-control-icon-after .b24-form-control { + border: 1px solid #000 !important; + background: #e8e8e8 !important; +} + + +.background: #e8e8e8 !important; +.single-course .b24-form-btn { + font-size: 30px !important; +} + +.single-course .b24-form-control-string .b24-form-control { + font-size: 26px; + height: 74px; + border: none !important; +} + +.single-course .banner_text { + text-transform: uppercase; +} + +.course-about-wrapper { + position: relative; + display: flex; + padding: 25px 40px 25px 30px; + background: #FFFFFF; + box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); + border-radius: 30px; + gap: 30px; + overflow: hidden; +} + +.about_img { + position: relative; + width: 350px; + height: 350px; + background: #D9D9D9; + border-radius: 20px; + overflow: hidden; +} +.about_img img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.about_title { + position: relative; + width: 100%; + text-align: center; + margin-bottom: 20px; + font-family: 'Oswald'; + font-weight: 600; + font-size: 38px; + line-height: 42px; + color: var(--main-blue); +} + +.about-circle { + position: absolute; + width: 510px; + height: 510px; + background-color: #FFD43E; + bottom: -255px; + left: 60px; + border-radius: 50%; +} + +.about-col { + display: flex; + flex-direction: column; + gap: 6px; + flex: 1; + z-index: 1; +} + +.about-col_item { + display: flex; + justify-content: space-between; + align-items: center; + padding: 23px 28px; + background: #FFFFFF; + border-radius: 20px; + box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); + font-family: 'Roboto'; + font-weight: 500; + font-size: 22px; + line-height: 26px; + color: #000000; +} + +.about-col_item span { + color: var(--main-color) +} + +.expander { + flex: 1; +} + +.btn-separate { + margin: 0 auto; + width: 370px; +} + +.single-post-content .content-left-part { + display: flex; + flex-direction: column; + gap: 20px; +} + +.single-course .questions { + padding-bottom: 0; +} + +.single-course .questions .accordion { + margin-bottom: 40px; +} + +.section-wrap .text { + font-family: 'Roboto'; + font-weight: 300; + font-size: 18px; + line-height: 23px; +} + +.os-item { + position: relative; + padding-left: 40px; + margin: 12px 0; +} + +.os-item::before { + position: absolute; + content: ''; + width: 24px; + height: 24px; + left: 0; + background-image: url(../images/list-check.svg); + background-size: 100%; + background-repeat: no-repeat; +} + +.single-course .box__accordion { + border-radius: 0 !important; +} + +.section-wrap .box__accordion_content { + padding-left: 20px; + gap: 15px; +} + +.section-wrap .active .box__accordion_content { + padding-bottom: 20px; +} + +.cell { + font-family: 'Roboto'; + font-weight: 400; + font-size: 18px; + line-height: 21px; +} + +.single-course .promo-form { + padding-bottom: 40px; +} + +.single-course .price { + background-color: #F3F3F3; +} + +.single-course .our-teachers { + background-color: #fff; +} + +.b24-form .b24-form-sign-abuse-link { + border-bottom: 1px solid #fff !important; +} + +/* single curse END */ + +/*404*/ +.title_404 { + font-family: 'Oswald'; + font-style: normal; + font-weight: 500; + font-size: 60px; + line-height: 67px; +} +.sub-title_404 { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + font-size: 35px; + line-height: 45px; +} +/*404*/ + +@media (max-width: 578px) { + .product-warpper .popular__subject { + width: 100%; + } + + .page-teachers .banner { + height: 250px; + } + + .courses-wrapper { + gap: 15px; + } + + .course__item { + width: 100%; + } +} + +@media (width > 860px) and (width < 1280px) { + main { + gap: 5.47vw; + } + + .container-max { + max-width: 150vw; + } + + .header-nav { + max-width: 92.5vw; + padding: 2.03vw 0 .78vw; + } + + .top-header-row { + padding-bottom: .78vw; + border-bottom: .08vw solid #ffffff82; + } + + .header-logo img { + width: 10.63vw; + height: 3.13vw; + } + + .header-menu { + gap: 1.56vw; + font-size: 1.25vw; + } + + .header-menu__item_link { + padding-right: 1.95vw; + } + + .list-links_item img { + width: 2.73vw; + height: 2.73vw; + } + + .header-menu .menu-item-has-children { + padding-right: 1.95vw; + } + + .header-menu .menu-item-has-children::before { + width: 1.41vw; + height: 1.09vw; + } + + .inter-lk { + gap: .86vw; + font-size: 1.25vw; + line-height: 2.58vw; + border-radius: 1.17vw; + } + + .nav__header-wrapper { + border-bottom: .08vw solid var(--bg-color-light) + } + + .header-menu .sub-menu { + padding: 3.13vw; + gap: 1.56vw; + border-radius: 2.34vw; + } + + .menu-col { + gap: 2.34vw; + min-width: 19.53vw; + } + + .list-links { + gap: 1.02vw; + } + + .out-link { + padding-right: 3.13vw; + margin-right: 3.13vw; + } + + .list-links_item { + padding: .78vw; + border-radius: 1.17vw; + } + + .list-links_item a { + gap: 1.02vw; + font-size: 1.41vw; + line-height: 1.56vw; + letter-spacing: .06vw; + } + + .menu-col_title::after { + bottom: -.47vw; + height: .23vw; + border-radius: .16vw; + } + + .add-menu { + gap: 2.34vw; + } + + .add-menu_item { + gap: .63vw; + font-size: 1.25vw; + } + + .header-location { + font-size: 1.72vw; + } + + .add-menu .btn-free-lesson-header { + width: 15.63vw; + padding: .78vw 1.56vw; + font-size: 1.25vw; + } + + .banner.container { + max-width: 150vw; + } + + .page-rewiews .banner.container { + height: 35.16vw; + } + + .breadcrumbs { + gap: 2.34vw; + font-size: 1.09vw; + padding: .94vw 0 .94vw 4.38vw !important; + } + + .breadcrumbs li::before { + width: 1.17vw; + height: .08vw; + left: calc(100% + .55vw); + } + + .fa-home { + width: 1.56vw; + } + + .banner-wrapper { + max-width: 101.25vw; + height: 35.47vw; + border-radius: 1.56vw; + } + + .banner__content { + bottom: 2.34vw; + padding: 2.34vw 3.91vw; + border-radius: .78vw; + } + + .page_title { + font-size: 2.81vw; + line-height: 3.59vw; + } + + .banner_text { + font-size: 1.88vw; + margin-top: .78vw; + margin-bottom: .78vw; + padding: 0 1.56vw; + } + + .info-block { + max-width: 92.58vw !important; + margin-top: -2.73vw !important; + gap: .16vw; + } + + .info-block__item { + min-width: 14.06vw; + max-width: 15.23vw; + height: 9.38vw; + border-radius: 1.17vw; + } + + .info-block__item-wrapper { + width: calc(100% - .78vw); + height: calc(100% - .78vw); + border-radius: .78vw; + padding: 0 .78vw; + border: .16vw solid #006DB7; + } + + .info-block__item-wrapper span { + font-size: 1.09vw; + } + + .main-page { + padding-top: 2.73vw; + } + + .banner-main-page { + max-width: 92.58vw; + border-radius: 1.56vw; + } + + .info__block-wrapper { + border: .08vw solid #000000; + border-radius: 1.56vw; + padding: 3.91vw 6.25vw 1.56vw 7.03vw + } + + .page_h2 { + font-size: 3.13vw; + line-height: 4.3vw; + margin-bottom: 3.13vw; + } + + .info__block-content { + gap: 1.56vw; + font-size: 1.41vw; + line-height: 1.95vw; + } + + .info__block-content_img { + max-width: 17.58vw; + } + + .info__block-right .info__block-wrapper { + padding: 1.56vw 4.69vw; + border: .16vw solid #000000; + } + + .info__block-right .info__block-content { + gap: 3.13vw; + } + + .info__block-items-wrapper { + gap: 1.95vw; + margin-left: -3.13vw; + } + + .info__block-item { + padding: 1.09vw 1.95vw; + border-radius: 1.56vw; + gap: 1.56vw; + } + + .info__block-item_number { + width: 3.75vw; + height: 3.75vw; + border: .16vw solid #013051; + font-size: 1.72vw; + } + + .info__block-item-content { + gap: .94vw; + } + + .info__block-item-text_title { + font-size: 1.56vw; + line-height: 1.8vw; + } + + .btn-page { + font-size: 1.41vw !important; + } + + /* advantages__block responsive — removed (replaced by services-card) */ + .teachers_title { + font-size: 4.69vw; + line-height: 6.88vw; + margin-bottom: 4.69vw; + } + + .teachers_title::after { + top: -4.69vw; + right: -3.75vw; + width: 11.48vw; + height: 11.48vw; + } + + .main_content, + .main_content p { + font-size: 1.72vw; + line-height: 2.11vw; + } + + .main_content h2 { + font-size: 2.73vw; + line-height: 2.11vw; + margin-bottom: 2.34vw; + margin-top: 3.13vw; + } + + .main_content ul { + padding-left: 1.56vw; + margin-left: 1.25vw; + margin-bottom: 2.34vw; + } + + .list-teachers { + padding: 4.69vw 0; + } + + .foto-slider .container { + padding: 1.56vw 7.81vw; + border-radius: 1.56vw; + border: .08vw solid #000; + } + + .swiper-foto { + margin-top: 3.13vw; + padding-bottom: 7.42vw; + } + + .foto-slider .swiper-pagination { + bottom: 1.95vw; + } + + .foto-slider .swiper-pagination-clickable .swiper-pagination-bullet { + width: 2.34vw; + height: 2.34vw; + margin: 0 .94vw; + } + + .swiper-foto .swiper-wrapper { + height: 46.88vw; + } + + .swiper-pagination-clickable .swiper-pagination-bullet { + width: 1.17vw; + height: 1.17vw; + } + + .subject-wrapper { + width: 38.28vw; + padding: 1.95vw 1.56vw; + border-radius: 1.17vw; + } + + .subject-wrapper span { + font-size: 2.34vw; + line-height: 2.19vw; + } + + .subject-wrapper span::after { + width: 1.56vw; + height: 2.19vw; + } + + .subject__list { + border-radius: 1.17vw; + padding: 0 1.33vw; + font-size: 1.41vw; + box-shadow: 0 .08vw .31vw rgb(0 0 0), -1.8vw 0 1.56vw -1.8vw rgb(0 0 0 / 80%), 1.8vw 0 1.56vw -1.8vw rgb(0 0 0 / 80%), 0 0 3.13vw rgb(0 0 0 / 10%) inset; + } + + .subject-wrapper.open .subject__list { + max-height: 62.5vw; + padding: 2.34vw 1.33vw; + } + + .subject__list li { + padding: .94vw 1.95vw; + border-radius: .78vw; + } + + .teachers-wrapper { + gap: 2.73vw; + } + + .teachers__item { + width: calc(25% - 2.11vw); + border-radius: 1.17vw; + border: .08vw solid transparent; + } + + .teachers__item:hover { + border: .08vw solid #FFD43E; + box-shadow: 0 0 .31vw #FFD43E; + } + + .ourteacher-avatar a { + height: 21.88vw; + } + + .page-o-nas .teachers__item img { + max-height: 23.83vw; + } + + .preparation { + padding-top: 1.56vw; + padding-bottom: 4.84vw; + } + + .section-Mntitle-circle { + font-size: 3.52vw; + line-height: 4.3vw; + } + + .section-Mntitle-circle::after { + top: -1.72vw; + right: -3.75vw; + width: 11.48vw; + height: 11.48vw; + } + + .tabs-container { + margin-top: 4.69vw; + gap: 4.69vw; + } + + .tabs-btns { + border-radius: 3.05vw; + } + + .tab { + padding: 2.11vw 0; + font-size: 1.72vw; + line-height: 1.95vw; + border-radius: 3.05vw; + } + + .disciplines { + gap: 3.13vw 5.16vw; + padding-bottom: 4.69vw; + } + + .disciplines__item { + max-width: calc(25% - 3.91vw); + min-width: 21.88vw; + height: 23.44vw; + padding: 2.34vw 3.91vw; + border-radius: 1.56vw; + gap: 2.34vw; + border: .08vw solid transparent; + } + + .disciplines__item:hover { + border: .08vw solid var(--main-yellow); + box-shadow: 0 0 .31vw var(--main-yellow); + } + + .disciplines__item_icon { + width: 13.05vw; + height: 13.05vw; + } + + .disciplines__item_name { + font-size: 1.72vw; + line-height: 1.95vw; + } + + .preparation_links { + gap: 6.25vw; + font-size: 2.34vw; + line-height: 1.72vw; + } + + .preparation_links a { + width: 38.28vw; + padding: 2.34vw; + border-radius: 1.41vw; + } + + .product-warpper { + margin-top: 6.25vw; + gap: 1.95vw 1.56vw; + } + + .course_description { + margin-top: 4.69vw; + font-size: 1.41vw; + line-height: 1.8vw; + } + + .product-warpper .popular__subject { + width: calc(33.3% - 1.56vw); + } + + .popular-subjects .container { + padding: 3.91vw 3.91vw 5.86vw; + border-radius: 1.56vw; + border: .08vw solid #000; + } + + .main-subtitle-page { + margin: .78vw 0 3.13vw; + font-size: 1.48vw; + line-height: 1.72vw; + } + + .popular__subject { + gap: 2.34vw; + border-radius: 1.56vw; + border: .08vw solid transparent; + padding-bottom: 3.91vw; + } + + .popular__subject:hover { + border: .08vw solid #FFD43E; + box-shadow: 0vw 0vw .31vw #FFD43E; + } + + .popular__subject_img { + height: 18.36vw; + } + + .popular__subject_label { + top: 1.25vw; + padding: .7vw 3.13vw; + border-radius: .86vw 0vw 0vw .86vw; + font-size: 1.25vw; + } + + .product-info { + gap: 1.56vw; + padding: 0 2.34vw; + } + + .popular__subject_title { + font-size: 1.25vw; + } + + .popular__subject_text { + font-size: 1.09vw; + line-height: 1.33vw; + } + + .btn-yellow-link { + padding: 2.34vw 7.03vw; + border-radius: 1.41vw; + font-size: 2.34vw; + line-height: 1.72vw; + } + + .news .btn-yellow-link { + padding: 1.17vw 10.16vw; + border-radius: .78vw; + font-size: 1.56vw; + line-height: 2.34vw; + } + + .buttons { + margin-top: 4.69vw; + gap: 1.56vw; + } + + .buttons .btn-yellow-link { + font-size: 1.41vw; + padding: 1.17vw 3.13vw; + } + + .our-teachers .buttons { + margin-top: 3.13vw; + } + + .price { + padding: 5.47vw 0; + } + + .price-wrapper { + padding: 3.13vw; + border-radius: 1.95vw; + gap: 4.69vw; + } + + .price .tabs-btns { + min-width: 30.47vw; + gap: 1.41vw; + } + + .price .tab { + padding: 1.72vw; + } + + .price .page-tab { + gap: .63vw; + } + + .price__item { + padding: 2.73vw 2.19vw; + border-radius: 1.56vw; + font-size: 1.72vw; + line-height: 2.03vw; + } + + .price__item::before { + width: .08vw; + right: 16.02vw; + height: 4.84vw; + } + + .price__item_number span { + font-size: 1.09vw; + } + + .price__item-content { + line-height: 1.72vw; + } + + .price__content_title { + margin-top: 3.13vw; + font-size: 2.34vw; + } + + .price__item-content p { + margin-top: 1.56vw; + font-size: 1.72vw; + } + + .price__item-content ul { + margin-top: 1.56vw; + gap: 1.56vw; + font-size: 1.72vw; + } + + .price__item-content ul li::after { + top: .39vw; + right: calc(100% + .94vw); + width: 1.09vw; + height: 1.09vw; + border-radius: .23vw; + } + + .price__item-content span { + font-size: 1.88vw; + } + + .preparation-block { + padding: 5.47vw 0 7.81vw; + } + + .preparation-block-wrapper { + gap: 5.47vw; + } + + .preparation-block_text { + width: calc(72% - 2.73vw); + } + + .preparation-block p { + padding-top: 3.13vw; + font-size: 1.41vw; + line-height: 1.64vw; + } + + .preparation-block_img { + width: calc(28% - 2.73vw); + padding-top: 7.81vw; + } + + .advertising-block { + padding: 2.73vw 0; + } + + .advertising-block__text { + padding-right: 1.56vw; + } + + .label-blue { + margin-top: 2.58vw; + padding: .94vw 2.97vw; + border-radius: 1.17vw; + font-size: 1.41vw; + line-height: 1.64vw; + } + + .advertising-block__text_text { + margin: 2.66vw 0 3.91vw; + font-size: 1.41vw; + line-height: 1.64vw; + } + + .advertising-block__img { + max-width: 52.97vw; + } + + .advertising-block__text_sub-title { + font-size: 2.03vw; + } + + .why-us-wrapper { + margin-top: 3.13vw; + grid-column-gap: 0vw; + grid-row-gap: 0vw; + grid-column-gap: 2.89vw; + grid-row-gap: 3.13vw; + } + + .why-us_item { + gap: 1.56vw; + padding: 1.17vw 2.34vw; + border-radius: 1.56vw; + } + + .why-us_item span { + font-size: 1.72vw; + line-height: 2.34vw; + } + + .why-us_item-img { + border-radius: .78vw; + } + + .why-us_item-img img { + max-width: 7.81vw; + } + + .div4 .why-us_item-img img { + max-width: 11.88vw; + } + + .map { + padding-bottom: 5.47vw; + } + + .map .container { + padding: 1.56vw 4.3vw; + border: .08vw solid; + border-radius: 1.56vw; + } + + .map_title { + font-size: 3.13vw; + line-height: 6.09vw; + margin-bottom: 3.13vw; + } + + .location__map { + border-radius: 1.95vw; + } + + .map_address { + top: 2.03vw; + border-radius: 0vw 1.64vw 1.56vw 0vw; + font-size: 1.25vw; + line-height: 2.19vw; + padding: 1.25vw 3.59vw; + } + + .teacher-description .container { + padding: 2.19vw 0; + } + + .teacher-description_text { + font-size: 1.09vw; + line-height: 1.72vw; + padding-left: 1.56vw; + padding-right: 1.56vw; + } + + .teacher-description_text::after { + left: .78vw; + width: .23vw; + border-radius: .39vw; + } + + .teacher__rating { + margin-top: 3.13vw; + } + + .teacher__rating-img { + border-radius: 3.59vw; + height: 20.31vw; + margin-bottom: 1.25vw; + } + + .teacher_stars { + padding-top: 1.41vw; + gap: .47vw; + font-size: 1.41vw; + line-height: 2.19vw; + } + + .teacher_name { + font-size: 1.72vw; + line-height: 1.72vw; + padding-top: .94vw; + border-radius: 1.56vw 1.56vw 0 0; + } + + .teacher-description_location { + font-size: 1.41vw; + line-height: 2.19vw; + } + + .conteiner-text { + max-width: 23.44vw; + margin-top: .63vw; + } + + .conteiner-text .box__accordion.active { + border: .08vw solid #D9D9D9; + } + + .taxonomy-block { + gap: .31vw; + padding: .23vw 1.48vw .16vw; + } + + .taxonomy-block:last-child { + padding-bottom: 1.56vw; + } + + .taxonomy-block__name { + gap: .63vw; + font-size: 1.02vw; + line-height: 2.19vw; + } + + .taxonomy-block__content { + gap: .47vw; + font-size: 1.02vw; + } + + .taxonomy-block__content span { + padding: .39vw .63vw; + border-radius: .39vw; + } + + .taxonomy-block__content_item { + padding: .39vw .63vw; + border-radius: .39vw; + } + + .accordion { + margin-top: 1.02vw; + gap: .78vw; + } + + .more-programm { + margin: 1.56vw 0 0; + } + + .accordion.obrazovanie { + margin-top: 1.41vw; + } + + .programm-course .accordion.obrazovanie { + max-height: 0vw; + } + + .accordion.obrazovanie.show { + border-top: .08vw solid #303030; + border-bottom: .08vw solid #303030; + } + + .accordion .box__accordion .box__accordion_label { + padding: .94vw 1.48vw; + font-size: 1.25vw; + line-height: 2.19vw; + } + + .obrazovanie .box__accordion .box__accordion_label { + font-size: 2.03vw; + padding: 1.17vw 0vw 1.56vw; + } + + .accordion .box__accordion .box__accordion_label::after { + width: 1.02vw; + height: 1.41vw; + right: -.63vw; + } + + .accordion .box__accordion.active .box__accordion_label::after { + width: 1.02vw; + height: 1.41vw; + } + + .teacher-description .accordion .box__accordion .box__accordion_label::after { + right: .78vw; + } + + .box__accordion_content p { + padding: 1.56vw; + } + + .obrazovanie .box__accordion_content { + font-size: 1.41vw; + line-height: 2.34vw; + } + + .questions.obrazovanie .box__accordion_content { + font-size: 1.41vw; + } + + .obrazovanie ul { + padding: 0 0 0 1.56vw; + } + + .obrazovanie li::after { + width: .63vw; + height: .63vw; + border-radius: .16vw; + } + + .video { + padding-top: 1.41vw; + padding-bottom: 1.72vw; + } + + .promo-form { + padding-top: 2.5vw; + } + + .promo-form_title { + font-size: 2.03vw; + line-height: 3.05vw; + } + + .promo-form__list { + margin-top: 5.08vw; + gap: 1.09vw; + font-size: 1.88vw; + padding-left: 1.88vw; + } + + .promo-form__list li::before { + left: -1.88vw; + width: .86vw; + height: .86vw; + } + + .black-label { + padding: 1.09vw 4.3vw 1.09vw 3.59vw; + border-radius: 0vw 1.17vw 1.17vw 1.17vw; + font-size: 2.34vw; + line-height: 2.97vw; + } + + .text-block_label { + font-size: 1.25vw; + letter-spacing: .07vw; + } + + .promo-form .form-data { + margin-top: 1.09vw; + padding: 1.64vw 1.33vw; + border-radius: 1.17vw; + font-size: 1.56vw !important; + line-height: 1.72vw !important; + } + + .promo-form label { + margin: 1.56vw 0; + font-size: 1.09vw; + } + + .promo-form label input { + width: 1.25vw; + height: 1.25vw; + top: .23vw; + margin-right: 1.56vw; + } + + .btn-lilac { + width: 21.88vw; + padding: 1.25vw 0; + border-radius: 1.17vw; + font-size: 1.72vw; + line-height: 1.72vw; + } + + .btn-banner { + width: 14.84vw; + margin-top: 2.34vw; + font-size: 1.41vw; + padding: .39vw 2.58vw; + border-radius: .78vw; + } + + .violation { + margin-top: .78vw; + font-size: 1.09vw; + line-height: 1.72vw; + } + + .promo-form .phone { + margin-top: .78vw; + } + + .promo-form .phone a { + margin-top: 1.02vw; + font-size: 2.5vw; + line-height: 1.88vw; + } + + .block-call { + padding: 1.72vw 0; + } + + .btn-call { + width: 19.53vw; + padding: .78vw; + font-size: 2.03vw; + line-height: 2.19vw; + } + + .teacher-about { + padding-bottom: 1.72vw; + } + + .teacher-about-wrapper { + padding: 0 .78vw !important; + } + + .teacher-about_content { + padding-bottom: 1.56vw; + } + + .teacher-about_text { + font-size: 1.25vw; + line-height: 1.56vw; + } + + .more .teacher-about_text { + max-height: 13.28vw; + } + + .teacher-about_content .btn-more { + padding: 1.56vw 0vw .78vw; + } + + .btn-more span { + font-size: 1.25vw; + } + + .custom-button-next, + .custom-button-prev { + width: 1.56vw; + height: 2.34vw; + } + + .custom-button-next, + .swiper-rtl .custom-button-prev { + right: var(--swiper-navigation-sides-offset, 1.56vw); + } + + .custom-button-prev, + .swiper-rtl .swiper-button-next { + left: var(--swiper-navigation-sides-offset, 1.56vw); + } + + .teachers-owl-next { + right: 3.13vw; + } + + .subject-next { + right: -3.91vw; + } + + .subject-prev { + left: -3.91vw; + } + + .certificates { + gap: 1.56vw; + } + + .certificates_title { + margin-top: 1.41vw; + font-size: 1.56vw; + line-height: 2.19vw; + } + + .certificate__img { + width: 7.81vw; + height: 10.16vw; + } + + .certificates__item { + width: calc(100vw - 2.34vw); + padding: 0 2.34vw; + } + + .btn-close-certificates-img { + width: 3.44vw; + } + + .certificates-owl .owl-nav { + width: 100vw; + } + + .screen-certificates__img { + width: 7.81vw; + height: 7.81vw; + } + + .right-part { + padding: 0 .78vw; + } + + .questions .box__accordion_content p { + padding: 0 0 2.34vw; + } + + .teacher-page .reviews { + padding: 3.13vw 0; + } + + .page-elementary-school .reviews .container { + border-radius: 1.56vw; + padding: 1.56vw 3.91vw; + } + + .container-wrapper { + gap: 2.34vw; + } + + .teacher-about .teacher_title { + margin-bottom: .16vw; + } + + .reviews-wrapper { + gap: 2.34vw 1%; + max-width: 87.5vw; + } + + .reviews-owl { + padding: .47vw; + } + + .page-rewiews .rewiews-wrapper { + padding: 2.34vw 0; + gap: 1.56vw; + } + + .page-rewiews .reviews__item-wrapper { + padding: 1.56vw 3.13vw; + gap: 1.17vw; + } + + .page-rewiews .reviews__item { + width: calc(50% - .78vw); + } + + .reviews__item-wrapper { + padding: 2.34vw 3.13vw 4.69vw 5.47vw; + gap: 1.17vw; + border-radius: 1.48vw; + } + + .reviews__item-wrapper:before { + inset: -.16vw; + border-radius: 1.48vw; + } + + .page-numbers-wrapper ul { + gap: .78vw; + } + + .page-numbers-wrapper a.page-numbers { + width: 3.13vw; + height: 3.13vw; + border-radius: .39vw; + font-size: 1.72vw; + line-height: 2.19vw; + } + + .page-numbers-wrapper .current { + width: 3.13vw; + height: 3.13vw; + border-radius: .39vw; + font-size: 1.72vw; + } + + .filter { + margin-top: 2.03vw; + width: 25.78vw; + padding: 2.34vw; + border-radius: 1.17vw; + } + + .filter_title { + font-size: 1.72vw; + margin-bottom: 1.56vw; + } + + .filter-wrapper { + gap: 1.95vw; + } + + .filter_item { + padding-left: 2.34vw; + } + + .filter_item::after { + width: 1.56vw; + height: 1.56vw; + border: .08vw solid #C0C0C0; + } + + .filter_item:hover::after { + border: .08vw solid var(--main-color); + } + + .filter-wrapper .active::after { + border: .55vw solid var(--main-color); + } + + .reviews__item::before { + top: -.47vw; + left: -.47vw; + width: calc(100% + .94vw); + height: calc(100% + .94vw); + border-radius: 1.95vw; + } + + .reviews__item-client { + gap: 1.25vw; + } + + .reviews__item-client_avatar { + height: 3.91vw; + width: 3.91vw; + font-size: 2.19vw; + } + + .reviews__item-client_name { + font-size: 1.09vw; + } + + .page-rewiews .reviews__item-client_name, + .page-rewiews .reviews__item-client_stars span, + .page-rewiews .reviews__kurs, + .page-rewiews .reviews__item-client_text { + font-size: 1.41vw; + } + + .reviews__item-client_lavel { + margin-top: .39vw; + } + + .reviews__item-client_stars { + margin-top: .47vw; + } + + .reviews__item-client_stars span { + margin-left: 1.56vw; + font-size: 1.09vw; + } + + .reviews__kurs { + font-size: 1.25vw; + line-height: 1.48vw; + } + + .reviews__item-client_text { + font-size: 1.09vw; + max-height: 100vw; + } + + .reviews__item-client_text.more { + max-height: 7.42vw; + } + + .reviews_hiden { + max-height: 0vw; + } + + .btn-show { + font-size: 1.25vw; + margin-top: -1.56vw; + } + + .frame__popup { + width: 100vw; + } + + .btn-close-frame__popup { + width: 3.13vw; + height: 3.13vw; + } + + .mobile-header-here_a span { + padding-left: 4.61vw; + font-size: 1.41vw; + line-height: 2.19vw; + } + + .page404 .banner-wrapper { + height: 46.88vw; + } + + .page404 .container { + max-width: 101.25vw !important; + } + + .page404 .breadcrumbs.container { + max-width: 92.97vw !important; + } + + .promo-block .container { + padding: 0 1.56vw; + } + + .promo-block { + padding: 4.38vw 0; + } + + .promo-block .text-block { + gap: 1.56vw; + } + + .promo-block .title { + font-size: 1.41vw; + line-height: 1.72vw; + } + + .promo-block .bitrix-link-popup { + margin-top: 1.02vw; + padding: 1.09vw 2.19vw; + } + + .promo-block .bitrix-link-popup a { + font-size: 1.39vw; + line-height: 1.48vw; + } + + .video-wrapper { + margin-top: 1.17vw; + } + + .video-wrapper iframe { + min-height: 15.63vw; + border-radius: .47vw; + } + + .yellow-button { + padding: 1.64vw 2.19vw; + border-radius: 1.17vw; + } + + .yellow-button a { + font-size: 2.03vw; + line-height: 1.72vw; + } + + .our-teachers .container { + padding: 1.56vw 7.03vw 3.13vw; + border-radius: 1.56vw; + } + + .our-teachers_text { + font-size: 1.25vw; + line-height: 1.8vw; + } + + .teachers-owl { + margin-top: 2.34vw; + } + + .ourteacher { + max-width: 18.44vw; + } + + .ourteacher a { + height: 18.44vw; + border: .16vw solid #006DB7; + } + + .ourteacher_title { + margin-top: .78vw; + font-size: 1.41vw; + } + + .ourteacher_name { + margin-top: .78vw; + font-size: 1.41vw; + line-height: 1.56vw; + } + + .our-teachers .yellow-button { + margin-top: 1.72vw; + } + + .teachers-owl_item { + width: 35.16vw; + } + + .teacher-page .owl-next, + .teacher-page .owl-prev { + + width: 1.17vw; + height: 1.17vw; + } + + .our-teachers .owl-next, + .our-teachers .owl-prev { + width: 1.56vw; + height: 2.34vw; + } + + .our-teachers .owl-next { + top: calc(50% - 1.33vw); + } + + .certificates-owl .owl-prev { + left: .78vw; + } + + .certificates-owl .owl-next { + right: .78vw; + top: calc(50% - .78vw); + } + + .teachers-owl { + padding: 0 2.34vw; + } + + .header-map { + padding-top: 2.5vw; + padding-bottom: 1.41vw; + } + + .contacts.page_h2 { + padding-top: 3.13vw; + } + + .contacts .container { + max-width: 101.25vw !important; + } + + .contacts .main_content { + gap: 6.25vw; + } + + .contacts-left-part { + gap: 3.13vw; + } + + .contacts-right-part { + width: 54.69vw; + gap: 3.13vw; + } + + .contacts-block { + padding: 3.13vw 3.52vw; + border-radius: 2.34vw; + font-size: 1.41vw; + line-height: 1.72vw; + gap: 3.13vw; + } + + .contacts-block h2 { + font-size: 2.03vw; + line-height: 2.11vw; + margin-bottom: 1.17vw; + } + + .contacts_block-wrapper { + gap: 1.17vw; + } + + .contacts-block h3 { + font-size: 1.41vw; + line-height: 1.56vw; + } + + .contacts-block h4, + .how_h4 { + font-size: 1.72vw; + line-height: 2.11vw; + margin-bottom: 1.17vw; + } + + .contacts-block p { + font-size: 1.41vw; + } + + .contacts-block li { + font-size: 1.41vw; + line-height: 1.72vw; + } + + .contacts__block_text { + font-size: 1.72vw; + line-height: 1.56vw; + } + + .btn-WA { + padding: .7vw .86vw .7vw 1.02vw; + gap: .94vw; + border: .08vw solid var(--main-color); + border-radius: .78vw; + font-size: 1.41vw; + line-height: 1.56vw; + } + + .btn-call-me { + padding: .7vw .86vw; + gap: 1.48vw; + border-radius: .78vw; + font-size: 1.41vw; + line-height: 1.56vw; + top: 2.5vw; + right: 3.52vw; + } + + .blocks-address b { + font-size: 1.72vw; + } + + .litle-text { + margin-bottom: -1.17vw !important; + } + + .img-address { + width: 39.06vw; + margin-top: 1.95vw; + } + + .blocks-address .contacts-right-part .contacts_block-wrapper { + gap: 1.17vw; + } + + .contacts_block-wrapper-col { + gap: 3.13vw; + } + + .review-block { + padding: 1.41vw; + } + + .header-nav-wrapper { + box-shadow: 0vw 0vw .39vw .16vw #0000001A; + } + + .about-teacher { + padding: .7vw .7vw !important; + margin-top: -5.47vw !important; + } + + .about-teacher::before { + border-radius: 1.95vw; + } + + .about-teacher-wrapper { + padding: 4.22vw 5.86vw 3.91vw 7.03vw; + gap: 7.03vw; + border-radius: 1.25vw; + } + + .left-part { + padding-top: 6.25vw; + width: 23.44vw; + } + + .teacher-description_text::after { + left: 0vw; + } + + .teacher_stars { + margin-top: .86vw; + } + + .teacher__rating { + box-shadow: 0vw .31vw .31vw rgba(0, 0, 0, 0.25); + border-radius: 7.03vw 7.03vw 0 0; + padding-bottom: .39vw; + } + + .teacher__rating-img { + height: 23.44vw; + } + + .teacher__rating-img_foto { + border-radius: 3.91vw; + } + + .teacher_name { + font-size: 3.13vw; + margin-bottom: 3.13vw; + } + + .teacher_name-wrapper .accordion { + gap: .78vw; + } + + .teacher-about { + margin-top: 4.69vw; + } + + .certificates_title { + margin-top: 0vw; + font-size: 2.03vw; + margin-bottom: 2.03vw; + } + + .certificate__img { + width: 11.33vw; + } + + .teacher-description_text { + font-size: 2.03vw; + line-height: 2.03vw; + padding: .78vw 0 .78vw 1.56vw; + } + + .teacher_title { + margin-top: 1.56vw; + font-size: 2.03vw; + margin-bottom: 1.17vw; + } + + .teacher-page .box__accordion_content { + gap: 1.25vw; + } + + .teacher-page .taxonomy-block__name_logo { + width: 2.66vw; + } + + .accordion-0.obrazovanie { + margin: 2.34vw 0; + gap: 2.34vw; + } + + .obrazovanie li::after { + width: .63vw; + height: .63vw; + border-radius: .16vw; + } + + .obrazovanie .box__accordion_content-0 { + font-size: 1.41vw; + line-height: 2.34vw; + } + + .obrazovanie ul { + margin-top: 1.17vw; + } + + .box__accordion_content-0 { + font-size: 1.41vw; + } + + .promo-form-wrapper { + padding: 3.13vw 4.69vw 3.13vw 7.03vw; + border-radius: 1.95vw; + } + + .promo-form-right-part { + max-width: 49.22vw; + } + + .promo-form-left-part { + width: 38.28vw; + gap: 1.17vw; + } + + .promo-form label input { + margin-right: .63vw; + } + + .promo-form label { + font-size: 1.72vw; + } + + .label-wrapper { + margin-top: 2.66vw; + left: -3.13vw; + } + + .label-wrapper .text-block_label { + margin-top: .47vw; + } + + .promo-form .phone a { + font-size: 3.75vw; + } + + .promo-form .form-data { + margin-top: 0vw; + padding: 1.95vw 1.33vw; + } + + .promo-form label { + margin: 0 0 .39vw; + } + + .promo-form .btn-lilac { + padding: 2.34vw 0; + } + + .reviews .owl-item { + padding: .47vw; + } + + .teachers-owl-prev { + left: 3.13vw; + } + + .foto-prev { + left: 3.13vw; + } + + .foto-next { + right: 3.13vw; + } + + .reviews-owl-next, + .reviews-owl-prev { + top: calc(50% + 2.34vw); + } + + .reviews-owl-next { + right: 2.34vw; + } + + .reviews-owl-prev { + left: 2.34vw; + } + + .reviews__item-client { + gap: 1.56vw; + } + + .reviews__item-client_avatar { + height: 4.45vw; + width: 4.45vw; + } + + .reviews__kurs { + font-size: 1.09vw; + line-height: 1.48vw; + } + + .reviews-wrapper .owl-nav, + .our-teachers .owl-nav { + left: -4.69vw; + bottom: calc(50% - 2.34vw); + width: calc(100% + 9.38vw); + } + + .teacher-page .owl-next, + .teacher-page .owl-prev { + width: 1.56vw; + height: 2.11vw; + } + + .teacher-page .owl-next { + top: -1.02vw; + } + + .questions .container { + padding: 1.56vw 7.81vw; + border: .08vw solid #000; + border-radius: 1.56vw; + } + + .questions .box__accordion { + border-top: .08vw solid #00000080; + } + + .questions .accordion .box__accordion .box__accordion_label { + padding: .94vw 0 1.56vw; + } + + .questions .box__accordion_label { + font-size: 1.41vw; + } + + .questions .accordion { + margin-top: 3.13vw; + } + + .our-teachers_text { + margin-top: 3.13vw !important; + font-size: 1.41vw; + } + + .yellow-button { + margin-top: 6.25vw; + width: 38.28vw; + } + + .header-map { + padding: 5.63vw 0 3.13vw !important; + } + + .gmap iframe { + border-radius: 1.95vw !important; + height: 49.22vw; + max-width: 112.5vw; + } + + .btn-free-lesson { + width: 27.5vw; + } + + .certificates-owl { + width: 80vw; + } + + .certificates-owl .owl-controls { + width: 64vw; + } + + .btn-close-certificates-img { + width: 4.45vw; + } + + .container { + max-width: 100%; + padding: 0 20px; + } + + .footer-wrapper { + max-width: 92.5vw; + padding: 4.69vw 1.56vw 6.25vw; + } + + .footer_logo img { + width: 18.59vw; + height: 5.47vw; + } + + .footer__main-col { + padding-top: 4.3vw; + } + + .footer-main { + padding-bottom: 1.72vw; + } + + .footer_links { + margin-top: 3.91vw; + gap: 7.03vw; + font-size: 1.25vw; + } + + .footer_links-col { + gap: 3.91vw; + } + + .footer_links-col__main-link { + margin-bottom: .63vw; + } + + .footer__col { + gap: 1.95vw; + } + + .footer_links .menu-item-has-children>a { + margin-bottom: 2.11vw; + font-size: 1.41vw; + } + + .footer_links .menu-item-has-children>a::before { + bottom: -.78vw; + height: .08vw; + } + + .footer_links .sub-menu { + gap: 1.33vw; + } + + .footer__link-icon { + gap: 1.95vw; + font-size: 1.25vw; + } + + .footer__col .btn-write { + margin-bottom: 1.48vw; + } + + .social { + gap: 1.17vw; + margin-left: 3.52vw; + } + + .footer-politica { + margin-top: 3.59vw; + font-size: 1.02vw; + gap: 2.34vw; + padding-bottom: 1.88vw; + border-bottom: .08vw solid #B0B0B0; + } + + .footer-last-row { + border-top: .08vw solid #B0B0B0; + padding-top: .78vw; + gap: 1.56vw; + font-size: 1.09vw; + } + + .foto-section { + margin-top: 8.59vw; + } + + .courses-section { + padding-top: 8.59vw; + } + + .courses-wrapper { + margin-top: 4.69vw; + gap: 1.95vw; + } + + .course__item { + width: calc(33% - 1.02vw); + border-radius: 1.17vw; + border: .08vw solid #fff0; + } + + .course__item:hover { + border: .08vw solid #FFD43E; + box-shadow: 0 0 .31vw #FFD43E; + } + + .course__item .product-info { + padding: 2.34vw; + } + + .foto-wrapper { + gap: 2.34vw; + } + + .foto_item { + border-radius: 2.34vw; + } + + .foto_item-1 { + width: calc(70% - 1.17vw); + height: 42.97vw; + } + + .foto_item-2 { + width: calc(30% - 1.17vw); + height: 42.97vw; + } + + .foto_item-3 { + width: calc(50% - 1.17vw); + height: 29.69vw; + } + + .foto_item-4 { + width: calc(50% - 1.17vw); + height: 29.69vw; + } + + .btn-close-slider-img { + width: 3.91vw; + } + + .page-foto .video-wrapper { + margin-top: 5.47vw; + width: 76.95vw; + height: 42.97vw; + border-radius: 2.34vw; + } + + .page-vacancies .banner-wrapper { + padding: 7.03vw 0 9.38vw; + } + + .vacancies__banner-left { + gap: 6.25vw; + } + + .btn-resume { + width: 38.28vw; + } + + .banner-circle { + gap: .78vw; + box-shadow: -.16vw .16vw .16vw rgba(0, 0, 0, 0.25); + } + + .main-text-color { + font-size: 3.13vw; + line-height: 2.34vw; + } + + .main-text { + font-size: 1.41vw; + line-height: 1.72vw; + } + + .vacancies__banner-circle-1 { + left: 12.5vw; + width: 16.25vw; + height: 16.25vw; + } + + .vacancies__banner-circle-2 { + top: 5.08vw; + left: 25.39vw; + width: 22.27vw; + height: 22.27vw; + } + + .vacancies__banner-circle-3 { + left: 11.33vw; + width: 15.31vw; + height: 15.31vw; + } + + .advantages-wrapper { + margin: 3.13vw 0; + gap: 2.34vw; + } + + .advantages__item { + padding: 1.56vw; + gap: 1.56vw; + border-radius: 1.17vw; + } + + .advantages__item_title { + font-size: 2.73vw; + line-height: 3.13vw; + } + + .advantages__item_text { + font-size: 1.72vw; + line-height: 2.11vw; + } + + .page-vacancies .accordion { + gap: 1.17vw; + } + + .page-vacancies .box__accordion_content-text { + padding: 2.34vw 1.56vw; + font-size: 1.72vw; + } + + .box__accordion .btn-resume { + margin: 0 auto 3.91vw; + } + + .page-vacancies .conteiner-text .box__accordion_label { + padding: 2.34vw 1.56vw; + font-size: 1.72vw; + } + + .page-vacancies .box__accordion:hover { + box-shadow: 0 0 .63vw rgb(0 0 0 / .2); + } + + .btn-close-resume-form, + .btn-close-request-form { + top: -.78vw; + right: -.78vw; + } + + .btn-close-resume-form img, + .btn-close-request-form img { + width: 3.91vw; + height: 3.91vw; + } + + .form-wrapper .b24-form { + border-radius: 2.34vw; + } + + .b24-form-btn { + border-radius: .78vw !important; + font-size: 1.25vw !important; + line-height: 2.11vw !important; + } + + .b24-form-control-file { + border-radius: .78vw !important; + border: .08vw solid #000 !important; + } + + .b24-form-control-file .b24-form-control { + border-radius: 7chNaNvw !important; + } + + .b24-form-control-icon-after .b24-form-control { + border-radius: .78vw !important; + border: .08vw solid #000 !important; + } + + .page-vacancies .buttons { + margin: 3.13vw; + } + + .cat-wrapper { + gap: 1.17vw; + } + + .cat-wrapper_item { + padding: 1.09vw 3.13vw; + font-size: 1.41vw; + line-height: 1.72vw; + border-radius: 1.95vw; + } + + .news-wrapper { + margin-top: 4.69vw; + gap: 3.13vw; + } + + .news__item { + width: calc(33% - 1.76vw); + gap: 1.56vw; + border-radius: 1.56vw; + border: .08vw solid #fff0; + padding-bottom: 2.73vw; + } + + .news__item a { + gap: 1.56vw; + } + + .news__item .popular__subject_img { + height: 19.53vw; + } + + .news_label_cat { + top: 1.56vw; + left: 1.56vw; + border-radius: 1.56vw; + padding: .78vw 1.95vw; + font-size: 1.41vw; + line-height: 1.72vw; + } + + .news_label { + right: 2.34vw; + font-size: 1.41vw; + line-height: 1.95vw; + } + + .banner-post .banner-wrapper { + padding: 2.34vw 0; + } + + .banner-left-part time { + font-size: 1.41vw; + line-height: 1.8vw; + } + + .single-post_title { + margin-top: 1.17vw; + font-size: 2.5vw; + } + + .link_cat { + margin-top: 5.86vw; + padding: 1.09vw 3.52vw; + border: .08vw solid #A5A5A5; + border-radius: 1.95vw; + font-size: 1.41vw; + line-height: 1.72vw; + } + + .banner-right-part { + border-radius: 3.44vw; + } + + .single-post-content { + padding: 3.13vw 0; + } + + .content-left-part { + font-size: 1.41vw; + } + + .read-block { + padding: 3.52vw 1.56vw; + gap: 3.13vw; + border-radius: 2.34vw; + } + + .read-block_title { + font-size: 3.13vw; + line-height: 3.13vw; + } + + .read-blocks-wrapper { + gap: 1.17vw; + } + + .block-new a { + border-radius: .78vw; + height: 10.94vw; + } + + .block-new_img { + width: calc(50% - 1.25vw); + } + + .block-new_title { + height: calc(100% - 1.25vw); + padding: 1.56vw .78vw; + font-size: 1.25vw; + line-height: 1.41vw; + border: .08vw solid var(--main-blue); + border-radius: 0 .78vw .78vw 0; + } + + .organization .page_h2 { + padding-top: 3.13vw; + } + + .organization .wp-block-heading { + margin-top: 1.56vw; + } + + .wp-block-heading { + font-size: 2.03vw; + line-height: 1.8vw; + margin-bottom: 1.56vw; + } + + .wp-block-group__inner-container { + max-width: 112.5vw; + padding: 1.56vw; + } + + .wp-block-list { + font-size: 1.41vw; + line-height: 1.88vw; + margin-left: 2.34vw; + } + + .courses-block { + gap: 2.34vw; + } + + .courses-block-wrapper { + padding: 3.52vw 1.56vw; + gap: 3.13vw; + border-radius: 2.34vw; + } + + .courses-block-social { + gap: 1.56vw; + padding: 1.56vw; + border-radius: 2.34vw; + } + + .social_title { + font-size: 1.56vw; + line-height: 1.56vw; + } + + .programm-course { + padding-bottom: 5.47vw; + } + + .single-course .banner-wrapper { + padding: 13.28vw 0; + } + + .single-course .b24-form-wrapper { + width: 43.75vw; + border-radius: 1.95vw; + padding: .78vw 0vw 2.34vw; + } + + .b24-form-field-agreement .b24-form-field-agreement-link, + .b24-form .b24-form-sign-abuse-link { + font-size: 1.41vw !important; + line-height: 1.72vw !important; + } + + .form-wrapper .b24-form-control-icon-after .b24-form-control { + border: .08vw solid #000 !important; + } + + .single-course .b24-form-btn { + font-size: 2.34vw !important; + } + + .single-course .b24-form-control-string .b24-form-control { + font-size: 2.03vw; + height: 5.78vw; + } + + .course-about-wrapper { + padding: 1.95vw 3.13vw 1.95vw 2.34vw; + box-shadow: .23vw .23vw .78vw rgba(0, 0, 0, 0.1); + border-radius: 2.34vw; + gap: 2.34vw; + } + + .about_img { + width: 27.34vw; + height: 27.34vw; + border-radius: 1.56vw; + } + + .about_title { + margin-bottom: 1.56vw; + font-size: 2.97vw; + line-height: 3.28vw; + } + + .about-circle { + width: 39.84vw; + height: 39.84vw; + bottom: -19.92vw; + left: 4.69vw; + } + + .about-col { + gap: .47vw; + } + + .about-col_item { + padding: 1.8vw 2.19vw; + border-radius: 1.56vw; + box-shadow: .23vw .23vw .78vw rgba(0, 0, 0, 0.1); + font-size: 1.72vw; + line-height: 2.03vw; + } + + .btn-separate { + width: 28.91vw; + } + + .single-post-content .content-left-part { + gap: 1.56vw; + } + + .single-course .questions .accordion { + margin-bottom: 3.13vw; + } + + .section-wrap .text { + font-size: 1.41vw; + line-height: 1.8vw; + } + + .os-item { + padding-left: 3.13vw; + margin: .94vw 0; + } + + .os-item::before { + width: 1.88vw; + height: 1.88vw; + } + + .section-wrap .box__accordion_content { + padding-left: 1.56vw; + gap: 1.17vw; + } + + .section-wrap .active .box__accordion_content { + padding-bottom: 1.56vw; + } + + .cell { + font-size: 1.41vw; + line-height: 1.64vw; + } + + .single-course .promo-form { + padding-bottom: 3.13vw; + } + + .b24-form .b24-form-sign-abuse-link { + border-bottom: .08vw solid #fff !important; + } + + .title_404 { + font-size: 4.69vw; + line-height: 5.23vw; + } + + .sub-title_404 { + font-size: 2.73vw; + line-height: 3.52vw; + } +} + +@media (max-width:568px) { + .teachers-wrapper { + justify-content: center; + } + + .teachers__item { + width: 100%; + max-width: 290px; + } + .ourteacher { + margin: 0 auto; + } +} + +@media (max-width: 860px) { + .desktop { + display: none !important; + } + + .mobile { + display: flex !important; + } + + .desktop-span { + display: none !important; + } + + .mobile-span { + display: inline !important; + } + + body { + padding-top: 30px; + } + .header { + position: fixed; + z-index: 100; + top: 0; + } + + main { + gap: 20px; + } + + .container { + padding: 0 10px; + } + + .banner-wrapper { + height: auto; + display: flex; + align-items: flex-end; + padding: 20px; + min-height: 250px; + border-radius: 0; + aspect-ratio: 4 / 2; + } + + .breadcrumbs { + padding: 12px 0 12px 0px !important; + } + + .b24-form-content form { + padding: 0 10px; + } + + .info__block-right .info__block-content { + gap: 10px; + flex-direction: column; + } + .info__block-right .info__block-wrapper { + padding: 20px 15px; + border: 1px solid #000; + } + .info__block-right .info__block-content_img { + width: 100%; + max-width: none; + max-height: 150px; + justify-content: center; + } + + .info__block-right .info__block-content_img img { + width: 100%; + max-width: none; + max-height: 150px; + object-fit: contain; + } + + .banner-fon img { + width: 100%; + height: 100%; + object-fit: cover; + } + + .banner__content { + position: relative; + bottom: auto; + width: fit-content; + max-width: calc(100% - 30px); + background: #000000d1; + border-radius: 10px; + margin: 0 auto; + padding: 10px 20px; + } + + .banner__content_title { + font-size: 26px; + line-height: normal; + font-weight: 500; + } + + .banner__content_title br { + display: none; + } + + .banner__content_sub-title { + font-size: 16px; + line-height: 22px; + } + + .banner__content_text { + font-size: 16px; + line-height: 19px; + gap: 20px; + } + + .banner__content .btn-write { + display: none; + } + + .foto-slider .container, + .questions .container { + padding: 20px 10px; + border-radius: 0; + border: none; + } + + .foto-slider .swiper-pagination-clickable .swiper-pagination-bullet { + width: 20px; + height: 20px; + margin: 0 12px; + } + + .foto-slider .swiper-pagination { + bottom: 0; + } + .info-block { + margin-top: 0 !important; + padding: 0 10px !important; + } + + .info-block__item { + width: 50%; + min-width: 250px; + max-width: none; + border-radius: 10px; + flex: 1; + height: auto; + } + + .banner-main-page { + border-radius: 10px; + } + .page_h2 { + font-size: 28px; + line-height: normal; + margin-bottom: 15px; + } + + /* advantages__block mobile — removed (replaced by services-card) */ + + .info-block__item-wrapper { + width: calc(100% - 4px); + height: calc(100% - 4px); + border-radius: 4px; + padding: 6px; + } + + .info-block__item-wrapper span { + font-size: 16px; + line-height: 1.5; + } + + /* advantages__block mobile items — removed */ + .section-Mntitle-circle { + font-size: 26px; + line-height: 30px; + } + .section-Mntitle-circle::after { + top: -30px; + right: 0; + width: 95px; + height: 95px; + } + + .section-Mntitle-circle br { + display: none; + } + + .tabs-container { + margin-top: 40px; + gap: 40px; + } + + .tabs-btns { + width: 100%; + } + + .tab { + font-size: 18px; + padding: 12px 0; + } + + .disciplines { + gap: 10px; + padding-bottom: 40px; + } + + .disciplines__item { + flex: 0; + max-width: none; + min-width: auto; + min-width: calc(33% - 6px); + height: auto; + padding: 15px 0px 5px; + gap: 10px; + aspect-ratio: 1/1; + } + + .disciplines__item_icon { + aspect-ratio: 1 / 1; + width: 60%; + height: auto; + } + + .disciplines__item_name { + width: auto; + font-size: 12px; + line-height: normal; + word-break: break-word; + } + + .preparation { + padding-bottom: 30px; + } + + .preparation_links { + gap: 10px; + flex-direction: column; + align-items: center; + font-size: 18px; + line-height: normal; + } + + .preparation_links a { + width: 300px; + padding: 16px; + } + + .promo-form-wrapper { + flex-direction: column; + padding: 20px 15px; + } + + .promo-form .form-data[name=tel] { + margin-bottom: 20px; + } + + .promo-form__list { + margin-top: 20px; + } + + .promo-form_title { + font-size: 20px; + line-height: 1.5; + text-align: center; + width: 100%; + } + .promo-form-left-part { + width: 100%; + } + .b24-form-padding-side { + padding-left: 0 !important; + padding-right: 0 !important; + } + .promo-form__list { + margin-top: 20px; + gap: 8px; + font-size: 18px; + font-weight: 600; + } + + .text-block_label { + margin-bottom: 0; + } + + .promo-form .phone { + margin-top: 0; + } + + .promo-form .phone a { + margin-top: 0; + font-size: 28px; + } + + .swiper-popular-subjects, + .swiper-news { + width: calc(100% - 60px); + } + + .popular__subject { + gap: 5px; + padding-bottom: 10px; + } + + .label-wrapper { + margin-top: 0; + left: -10px; + } + .product-warpper { + margin-top: 60px; + gap: 15px; + } + + .product-warpper .popular__subject { + width: calc(50% - 20px); + } + + .course_description p { + font-weight: 300; + font-size: 16px; + line-height: 20px; + } + + .popular__subject_img { + height: 220px; + } + + .product-info { + gap: 5px; + padding: 0 20px; + } + + .popular__subject_label { + padding: 9px 12px; + font-size: 14px; + line-height: normal; + } + + .subject-next, + .subject-prev { + top: 63%; + } + + .popular__subject_title, + .popular__subject_text { + font-size: 16px; + line-height: normal; + } + + .price { + padding: 60px 0; + } + + .price .container { + padding: 0; + } + + .price-wrapper { + margin-top: 20px; + } + + .price-wrapper { + flex-direction: column; + padding: 35px 10px; + border-radius: 20px; + gap: 30px; + } + + .price .tabs-btns { + flex-direction: row; + background-color: #ffffff; + min-width: auto; + gap: 0; + width: auto; + margin: 0 auto; + } + + .price .tab { + padding: 6px 20px; + font-size: 16px; + line-height: normal; + } + + .price__item { + padding: 10px; + background-color: #fff; + border-radius: 10px; + font-size: 16px; + line-height: normal; + flex-direction: column; + display: flex; + align-items: center; + gap: 10px; + font-weight: 600; + } + + .price__item::before { + display: none; + } + + .price__item-content { + line-height: normal; + padding-left: 20px; + } + + .price__content_title { + margin-top: 25px; + font-size: 18px; + } + + .price__item-content p { + margin: 15px 0 0; + font-size: 16px; + } + + .price__item-content ul { + margin-top: 15px; + gap: 15px; + font-size: 16px; + } + + .price__item-content ul li::after { + top: 4px; + right: calc(100% + 6px); + width: 10px; + height: 10px; + } + + .price__item-content span { + font-size: 16px; + } + + .our-teachers_text { + margin-top: 20px !important; + font-size: 15px; + } + + .our-teachers .container { + padding: 20px 15px 30px; + border-radius: 0; + background-color: #F2F5F7; + } + + .info__block-wrapper { + padding: 20px 15px; + } + + .info__block-content_text { + gap: 1rem; + font-size: 14px; + line-height: 1.4; + } + .info__block-items-wrapper { + margin-left: 0; + gap: 10px; + } + .info__block-item { + padding: 8px 15px; + border-radius: 20px; + gap: 10px; + } + .info__block-item-text_title { + font-size: 18px; + } + .info__block-item-text_text { + font-size: 16px; + line-height: 1.4; + } + .info__block-item-content { + gap: 6px; + } + .info__block-item_number { + width: 35px; + height: 35px; + font-size: 16px; + } + .buttons, + .our-teachers .buttons { + margin-top: 30px; + } + .buttons { + flex-direction: column; + } + + .info__block-content_img { + max-width: 15%; + } + + .buttons .btn-yellow-link { + width: 100%; + padding: 15px; + font-size: 22px; + text-align: center; + } + + .black-label { + margin: 0 auto; + width: 90%; + padding: 13px 16px; + margin-top: 25px; + margin-bottom: 5px; + border-radius: 15px; + font-size: 22px; + line-height: 26px; + } + + .preparation-block { + padding: 60px 0; + } + + .preparation-block_text { + width: 100%; + } + + .preparation-block p { + padding-top: 20px; + font-family: 'Roboto'; + font-size: 16px; + line-height: normal; + width: 100%; + margin: 0; + } + + .advertising-block-wrapper { + flex-direction: column; + align-items: center; + gap: 10px; + } + + .advertising-block__text { + width: 100%; + padding-right: 0; + } + + .label-blue { + width: 100%; + text-align: center; + padding: 12px; + font-size: 16px; + line-height: normal; + color: #FFF; + } + + .advertising-block { + position: relative; + padding: 35px 0 85px; + } + + .advertising-block__text_text { + margin: 18px 0; + font-size: 16px; + line-height: normal; + text-align: center; + } + + .advertising-block__text_sub-title { + font-size: 14px; + line-height: 145%; + text-align: center; + } + + .advertising-block__img { + max-width: 400px; + } + + .advertising-label { + position: absolute; + bottom: 40px; + padding: 10px 40px; + display: flex; + flex-direction: column; + gap: 6px; + background-color: #303030; + border-radius: 15px; + align-items: center; + } + + .advertising-label span { + font-family: 'Roboto'; + font-style: normal; + font-weight: 500; + font-size: 14px; + line-height: 20px; + text-transform: uppercase; + color: #FFFFFF; + } + + .advertising-label .advertising-label_yellow { + font-size: 20px; + color: var(--main-yellow); + } + + .why-us { + padding: 60px 0 0; + } + + .why-us-wrapper { + margin-top: 18px; + display: flex; + flex-direction: column; + gap: 7px; + } + + .why-us_item { + gap: 50px; + align-items: center; + padding: 15px 15px 15px 40px; + } + + .why-us_item-img { + width: 57px; + min-width: auto; + display: flex; + flex: 0; + overflow: revert; + } + + .why-us_item-img img { + width: auto; + } + + .why-us_item span { + font-size: 18px; + line-height: 22px; + } + + .div4 { + flex-direction: row; + } + + .reviews-wrapper-more { + margin-top: 0; + } + + .reviews__item-wrapper { + padding: 20px 30px; + } + + .reviews-owl-next, .reviews-owl-prev { + top: 50%; + } + + .page-elementary-school .reviews .container { + padding: 20px 35px; + } + + .btn-show { + margin-top: -35px; + } + + .news-next { + right: 10px; + } + + .news-prev { + left: 10px; + } + + .reviews-owl-next { + right: 10px; + } + .reviews-owl-prev { + left: 10px; + } + .news .buttons { + margin: 18px auto 0; + width: calc(100% - 64px); + } + + .popular-subjects .container { + padding: 20px 10px 30px; + border: 0; + border-radius: 0; + } + + .promo-form { + padding-top: 0; + } + + .map { + padding-bottom: 20px; + } + + .map .container { + padding: 20px 10px; + border: none; + } + + .map_title { + font-size: 28px; + font-weight: 500; + line-height: normal; + } + + .location__map { + border-radius: 0 0 25px 25px; + height: 420px; + } + + .map_address { + top: 0; + border-radius: 0 0 20px 20px; + padding: 3px; + width: 100%; + } + + .header-nav { + position: relative; + padding: 23px 10px; + } + + .top-header-row { + padding: 0; + border-bottom: none; + } + + .header-logo img { + width: 158px; + height: 30px; + margin-left: -10px; + } + + .icon-links { + display: flex; + gap: 25px; + align-items: center; + } + + .burger-btn { + margin-left: 5px; + display: flex; + flex-direction: column; + gap: 6px; + width: 24px; + height: 18px; + } + + .burger-btn span { + width: 100%; + height: 2px; + background-color: #fff; + border-radius: 1px; + } + + .bottom-header-row { + position: absolute; + padding-top: 0; + right: 10px; + top: 30px; + } + + .menu-wrapper { + display: none; + position: fixed; + left: 0; + top: 120px; + z-index: 1; + background: #fff; + width: 100%; + height: 100vh; + z-index: 999999; + overflow: auto; + height: calc(100vh - 130px); + padding-bottom: 100px; + } + + .bottom-header-row.open .menu-wrapper { + display: flex; + flex-direction: column; + } + .hover-effect{ + position: relative; + } + .hover-effect::after { + position: absolute; + content: ''; + top: 0; + right: 0; + width: 50px; + height: 100%; + z-index: 100; + } + + .header-menu { + width: 100%; + display: block; + font-size: 16px; + padding: 70px 10px 0; + } + + .header-nav a { + color: #000; + transition: .3s; + } + + .header-menu .menu-item { + padding: 10px 0; + padding-right: 25px; + border-bottom: 1px solid #8c8c8c75; + } + + .header-menu .menu-item:last-child { + border-bottom: none; + } + + .header-menu .menu-item-has-children { + flex-direction: column; + align-items: flex-start; + } + + .header-menu .menu-item-has-children::before { + width: 14px; + height: 18px; + right: 17px; + background-image: url(../images/slider-arow.svg); + rotate: -90deg; + } + + .header-menu .sub-menu { + position: relative; + top: 100%; + padding: 0; + visibility: hidden; + opacity: 1; + width: max-content; + gap: 0; + border-radius: 0; + overflow: hidden; + max-height: 0; + background: #ffffff; + } + + .header-menu .menu-item-has-children:hover .sub-menu, + .hover-effect .sub-menu{ + visibility: visible; + max-height: 100vh; + } + + .header-menu .menu-item-has-children:hover::before { + rotate: 90deg; + } + + .menu-item-has-children .menu-item { + padding: 8px 0; + border-bottom: none; + } + + .btn-free-lesson-header { + display: none; + } + + .btn-free-lesson-header { + width: 286px; + margin: 0 auto; + margin-top: 30px; + } + + .btn-close-menu { + width: 286px; + margin: 0 auto; + margin-top: 10px; + background: #ffd43e; + border-radius: 10px; + padding: 10px; + font-family: 'Oswald'; + font-weight: 500; + font-size: 22px; + line-height: 22px; + display: flex; + justify-content: center; + text-transform: uppercase; + color: var(--main-color); + } + + .icon-close-menu { + position: absolute; + top: 6px; + right: 10px; + } + + .footer-wrapper { + padding: 45px 0 30px; + } + + .footer-main { + flex-direction: column; + align-items: center; + padding-bottom: 0; + } + + .footer_logo img { + width: 250px; + } + + .footer__col { + margin-top: 35px; + align-items: center; + gap: 0; + } + + .social { + margin-left: 0; + order: 1; + } + + .footer__link-icon img { + display: none; + } + + .footer__link-icon { + gap: 0; + font-size: 18px; + text-align: center; + line-height: 32px; + } + + .footer_logo { + position: relative; + } + + .footer_mobile { + margin: 10px 0; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + } + + .footer_mobile_title { + width: 180px; + text-align: center; + font-family: 'Oswald'; + font-weight: 400; + font-size: 18px; + line-height: 36px; + letter-spacing: 1.2px; + text-transform: uppercase; + border-bottom: 1px solid #FFFFFF; + } + + .footer_mobile ul { + margin: 20px; + display: flex; + flex-direction: column; + justify-content: center; + gap: 14px; + align-items: center; + } + + + .footer_mobile ul li { + font-family: 'Roboto'; + font-weight: 400; + font-size: 14px; + line-height: 20px; + letter-spacing: 0.7px; + } + + .footer__col .btn-write { + width: 185px; + margin: 20px 0 30px; + padding: 9px 0; + order: 5; + border-radius: 10px; + font-size: 16px; + line-height: normal; + } + + .footer__link-icon:nth-child(3) { + order: 4; + } + + .footer__link-icon:nth-child(4) { + order: 4; + } + + .footer_mobile { + order: 2; + } + + .footer-last-row { + width: calc(100% - 20px); + margin: 0 10px; + padding: 0 0 30px; + gap: 14px; + font-size: 16px; + flex-direction: column; + align-items: center; + } + + .footer-last-row a { + text-align: center; + line-height: 30px; + } + + .subject-next { + right: 10px; + } + + .subject-prev { + left: 10px; + } + + .contacts .main_content { + flex-direction: column; + gap: 15px; + } + + .contacts-left-part { + gap: 15px; + width: 100%; + } + + .contacts-right-part { + width: 100%; + gap: 15px; + } + + .contacts-right-part .contacts-block { + gap: 20px !important; + } + .contacts .teachers_title { + font-size: 40px; + margin-bottom: 20px; + } + + .contacts-block { + padding: 20px 25px; + gap: 20px; + } + + .btn-call-me { + position: sticky; + width: fit-content; + } + + .contacts_block-wrapper { + gap: 10px; + } + + .contacts-block h2 { + font-size: 20px; + margin-bottom: 0; + } + + .contacts-block h3 { + font-size: 16px; + } + + .contacts__block_text { + font-size: 18px; + } + + .contacts-block h4, + .how_h4 { + font-size: 20px; + margin-bottom: 10px; + } + + .contacts-block p, + .contacts-block li { + font-size: 16px; + } + + .contacts-right-part .contacts-block h2 { + margin-bottom: 10px; + } + + .QR-code, + .logos-payment { + margin-top: 10px; + width: 100%; + height: auto; + } + + .contacts .foto-slider { + padding-bottom: 0; + } + + .blocks-address b { + font-size: 18px; + } + + .litle-text { + margin-bottom: -6px !important; + margin-top: 10px !important; + } + + .img-address { + width: 100%; + margin-top: 0; + } + + .contacts_block-wrapper-col { + gap: 0px; + flex-direction: column; + } + + .review-block { + padding: 10px; + } + + .page-rewiews .info-block { + padding-bottom: 10px !important; + } + + .container-wrapper { + flex-direction: column-reverse; + gap: 10px; + } + + .filter { + position: relative; + width: 100%; + background: #F3F3F3; + border: 1px solid #ACACAC; + border-radius: 10px; + padding: 15px 20px; + } + + .filter-wrapper { + max-height: 0; + overflow: hidden; + transition: .3s; + position: absolute; + background: #ffffff; + width: 100%; + left: 0; + padding: 0 20px; + top: 102%; + z-index: 1; + } + + .tiltle-mobile { + font-family: 'Roboto'; + font-weight: 500; + font-size: 16px; + line-height: 17px; + width: calc(100% - 30px); + } + + .tiltle-mobile::after { + width: 13px; + height: 18px; + content: ""; + background-image: url(../images/slider-arow.svg); + position: absolute; + transform: translateY(-50%); + right: 20px; + background-repeat: no-repeat; + background-position: center center; + background-attachment: fixed; + -webkit-background-size: 100%; + -moz-background-size: 100%; + -o-background-size: 100%; + background-size: 100%; + transition: all .4s; + rotate: -90deg; + } + + .open .tiltle-mobile::after { + transform: translateY(-50%) rotate(-180deg); + } + + .open.filter .filter-wrapper { + max-height: 100vh; + padding: 20px; + } + + .filter_title { + font-size: 18px; + margin-bottom: 0; + text-align: center; + } + + .reviews__item-client_avatar { + height: 40px; + width: 40px; + } + + .reviews__item-client_avatar { + font-size: 20px; + } + .page-rewiews .reviews__item-client_name, .page-rewiews .reviews__item-client_stars span, .page-rewiews .reviews__kurs, .page-rewiews .reviews__item-client_text { + font-size: 16px; + } + + .page-rewiews .rewiews-wrapper { + gap: 10px; + flex-direction: column; + } + + .page-rewiews .reviews__item-client_name { + font-weight: 500; + } + + .page-rewiews .reviews__item::before { + top: -3px; + left: -3px; + width: calc(100% + 6px); + height: calc(100% + 6px); + } + + .page-rewiews .reviews__item-wrapper { + padding: 10px; + gap: 5px; + border-radius: 22px; + } + + .page-rewiews .reviews__kurs { + margin: 0; + } + + .page-rewiews .more .btn-more { + background: none; + } + + .page-rewiews .btn-more span { + color: var(--main-blue) + } + + .reviews__item-client_stars span { + font-size: 16px; + } + + .page-numbers-wrapper { + margin: 0; + } + + .page-numbers-wrapper .current, + .page-numbers-wrapper a.page-numbers { + width: 30px; + height: 30px; + font-size: 18px; + font-weight: 600; + } + + .page-rewiews .buttons .btn-yellow-link { + width: calc(100% - 20px); + padding: 16px 20px; + font-size: 16px; + text-align: center; + margin: 0 auto; + } + + .page-rewiews .banner-fon { + position: relative; + } + + .page_title { + font-size: 24px; + line-height: normal; + } + + .page-rewiews .banner__content_title { + font-size: 26px; + line-height: 30px; + font-weight: 600; + } + + .page-rewiews .banner__content_title span { + width: 100%; + display: block; + } + + .page-rewiews .banner__content_sub-title { + font-size: 16px; + line-height: 23px; + margin: 15px 0 30px; + } + + .foto-section { + margin-top: 40px; + } + .courses-section { + padding-top: 40px; + } + .courses-wrapper { + margin-bottom: 20px; + } + + .course__item { + width: calc(50% - 13px); + } + + .slider-modal-wrapper { + width: 100%; + } + + .foto-wrapper { + gap: 10px; + } + + .foto_item { + height: 225px; + width: 100%; + border-radius: 15px; + } + + .page-foto .video-wrapper { + margin-top: 30px; + width: 100%; + height: auto; + border-radius: 15px; + } + + .page-foto .video_play svg { + width: 60px; + } + + .vacancies__banner { + flex-direction: column; + gap: 30px; + } + + .page-vacancies .banner-wrapper { + padding: 40px 0 30px; + } + + .page-vacancies .buttons { + margin: 20px; + } + + .vacancies__banner-left { + width: 100%; + flex-direction: column; + gap: 15px; + } + + .banner_title { + font-size: 26px; + line-height: 30px; + } + + .banner_text { + font-size: 16px; + line-height: 22px; + } + + .vacancies__banner-right { + width: 100%; + display: flex; + justify-content: space-between; + } + + .banner-circle { + position: initial; + width: calc(33% - 10px); + height: auto; + aspect-ratio: 1/1; + } + + .main-text-color { + font-size: 22px; + line-height: 18px; + } + + .main-text { + font-size: 12px; + line-height: 16px; + padding: 0 20px; + } + + .advantages-wrapper { + margin: 30px 0; + gap: 20px; + overflow-x: auto; + padding-bottom: 20px; + } + + .advantages__item { + min-width: 225px; + } + + .advantages__item_title { + font-size: 25px; + line-height: 30px; + } + + .advantages__item_text { + font-size: 18px; + line-height: 22px; + } + + .page-vacancies .main_content p { + margin-bottom: 16px; + } + + .page-vacancies .conteiner-text .box__accordion_label { + padding: 15px 20px; + font-size: 16px; + } + + .page-vacancies .box__accordion_content-text { + padding: 15px 20px; + font-size: 16px; + } + + .box__accordion .btn-resume { + margin: 0 0 20px; + width: 100%; + font-size: 22px; + } + + .page-vacancies .conteiner-text .box__accordion.active { + background-color: #f3f3f3; + border: 1px solid transparent; + } + + .cat-wrapper { + width: 100%; + margin-top: 40px; + gap: 10px; + justify-content: flex-start; + overflow-x: auto; + padding-bottom: 20px; + } + + .cat-wrapper_item { + padding: 9px 24px; + font-size: 16px; + flex-shrink: 0; + } + + .news-wrapper { + margin-top: 30px; + gap: 15px; + flex-direction: column; + align-items: center; + padding: 0 10px; + } + + .news__item { + width: 100%; + padding-bottom: 20px; + max-width: 400px; + } + + .news__item .popular__subject_img { + height: 210px; + } + + .news_label_cat { + padding: 5px 25px; + font-size: 16px; + } + + .news__item a { + gap: 10px; + } + + .news__item .popular__subject_title { + width: 70%; + } + + .news_label { + right: 15px; + font-size: 16px; + line-height: 19px; + } + + .single-post-content { + padding: 40px 0 0; + } + + .banner-post .banner-wrapper { + padding: 40px 0; + flex-direction: column; + gap: 20px; + } + + .banner-left-part, + .banner-right-part { + width: 100%; + } + + .banner-left-part time { + font-weight: 300; + font-size: 16px; + } + + .single-post_title { + margin-top: 0; + font-size: 40px; + line-height: 1; + } + + .link_cat { + margin-top: 10px; + padding: 9px 40px; + font-size: 16px; + line-height: 1; + } + + .banner-right-part { + border-radius: 20px; + } + + .post-content-wrapper { + flex-direction: column; + gap: 40px; + } + + .content-left-part { + width: 100%; + font-size: 16px; + } + + .read-block { + width: 100%; + padding: 15px 20px 25px; + gap: 10px; + } + + .read-block_title { + font-size: 25px; + } + + .block-new a { + height: auto; + align-items: stretch; + } + + .block-new_img { + width: 50%; + display: flex; + flex: 1; + height: auto; + } + + .block-new_img img { + width: 100%; + height: 100%; + object-fit: cover; + } + + .block-new_title { + margin: 8px 0; + padding: 10px; + font-size: 12px; + } + + .organization .teachers_title::after { + right: 50%; + } + + .organization .teachers_title { + margin-bottom: 20px; + } + + .wp-block-heading { + font-size: 20px; + margin-bottom: 10px; + } + + .wp-block-list { + font-size: 16px; + line-height: 21px; + margin-left: 25px; + } + + .single-course .banner-wrapper .container { + padding: 0; + } + + .single-course .vacancies__banner-left { + padding: 0 10px; + } + + .single-course .banner-wrapper { + padding: 30px 0; + } + + .title_form-bt24 { + font-family: 'Oswald'; + font-weight: 600; + font-size: 28px; + line-height: 40px; + text-transform: uppercase; + color: #FFF; + } + + .single-course .b24-form-wrapper { + width: 100%; + padding: 0px 0 10px; + } + + .b24-form-field-agreement .b24-form-field-agreement-link, + .b24-form .b24-form-sign-abuse-link { + font-size: 14px !important; + } + + .single-course .b24-form-btn { + font-size: 26px !important; + } + + .single-course .b24-form-control-string .b24-form-control { + height: 65px; + } + + .course-about-wrapper { + flex-direction: column; + align-items: center; + gap: 15px; + padding: 10px 15px 30px; + } + + .about_title { + order: 1; + width: 100%; + font-size: 30px; + text-align: center; + line-height: 37px; + justify-content: center; + margin-bottom: 0; + } + + .about_img { + order: 2; + width: 260px; + height: 260px; + } + + .about-col { + position: relative; + order: 3; + width: 100%; + } + + .about-circle { + width: 376px; + height: 376px; + bottom: 140px; + left: auto; + right: -188px; + } + + .about-col_item { + position: relative; + padding: 10px 28px; + font-size: 18px; + line-height: normal; + flex-direction: column; + align-items: center; + gap: 5px; + } + + .about-col_item::before { + content: ''; + top: 50%; + position: absolute; + height: 1px; + width: 50%; + background-color: #D9D9D9; + } + + .btn-separate { + width: 100%; + } + + .section-wrap .text { + font-size: 16px; + } + + .os-item { + position: relative; + padding-left: 25px; + margin: 8px 0; + font-weight: 400; + } + + .cell { + font-size: 16px; + } + + .os-item::before { + width: 17px; + height: 16px; + } + + .programm-course { + margin-top: 70px; + padding-bottom: 50px; + } + + .obrazovanie .box__accordion .box__accordion_label { + font-size: 20px; + padding: 10px 0; + padding-right: 10%; + } + + .obrazovanie .box__accordion .box__accordion_label::after { + display: block; + background-image: url(../images/slider-arow.svg); + right: -5px; + } + + .about-teacher.container{ + padding: 0 !important; + } + + .teacher-about { + padding-bottom: 0; + } + + .teacher-about { + padding-bottom: 0; + margin-top: 0; + } + + .teacher-about-wrapper, .right-part { + padding: 0 10px !important; + } + + .obrazovanie .box__accordion { + border: none; + border-top: 1px solid #303030; + border-bottom: 1px solid #303030; + } + + .obrazovanie .box__accordion_content { + font-size: 16px; + max-height: 0px; + } + + .questions .box__accordion_content p { + width: 100%; + padding: 0 0 14px; + font-size: 16px; + line-height: 1.4; + } + + .breadcrumbs-teacher .container { + padding: 0 10px 0; + } + + .breadcrumbs-teacher { + padding: 0px 0 30px; + } + + .teacher-page .breadcrumbs { + gap: 10px 30px; + flex-wrap: wrap; + padding: 10px 0 30px !important; + } + +.teacher-description-wrapper { + display: flex; + flex-direction: column; + align-items: center; +} + +.about-teacher-wrapper { + position: relative; + padding: 0; + display: flex; + gap: 20px; + background: #fff; + border-radius: 0; + flex-direction: column; +} + +.teacher-description { + padding: 10px; + background: #F3F3F3; +} +.about-teacher::before { + display: none; +} +.left-part { + padding-top: 0; + width: 100%; +} +.teacher-description-wrapper { + display: flex; + flex-direction: column; + align-items: center; +} + +.teacher-description_text { + position: relative; + font-weight: 400; + font-size: 14px; + line-height: 22px; + padding-left: 20px; + padding-right: 20px; +} + +.teacher-description_text::after { + content: ''; + position: absolute; + top: 0; + left: 10px; + height: 100%; + width: 3px; + background: var(--main-background); + border-radius: 5px; +} + +.teacher__rating { + position: relative; + width: 100%; + margin-top: 10px; + display: flex; + flex-direction: column; + align-items: center; + background: transparent; + border-radius: 0; + box-shadow: none; +} + +.teacher__rating-img { + position: relative; + top: 6px; + width: 260px; + border-radius: 50px; + overflow: hidden; + height: 260px; + margin-bottom: 16px; + display: flex; + align-items: center; + justify-content: center; +} + +.teacher__rating-img:before { + display: flex; + content: ""; + position: absolute; + inset: -2px; + z-index: 0; + border-radius: 19px; + background: linear-gradient(134.27deg, #BF568E -3.32%, #1B6AB2 96.15%); +} + +.teacher__rating-img_foto { + position: relative; + width: calc(100% - 12px); + height: calc(100% - 12px); + object-fit: cover; + border-radius: 45px; +} + +.teacher_stars { + padding-top: 18px; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + gap: 6px; + font-weight: 500; + font-size: 18px; + z-index: 1; + line-height: 28px; + background: #fff; + margin-top: 0; +} + +.teacher__stars_reviews { + color: #A0A0A0; +} + +.teacher_name-wrapper { + position: relative; + margin-top: -14px; + width: 100%; + padding: 12px 0 18px; + background: #FFFFFF; + border-radius: 20px; + margin-bottom: 18px; +} + +.teacher_name { + font-size: 22px; + color: var(--main-background) !important; + text-align: center; + width: 100%; + text-transform: uppercase; + line-height: 22px; + margin-bottom: 0; + justify-content: center; + background: #fff; + padding-top: 12px; + border-radius: 20px 20px 0 0; +} + +.teacher_name::after { + display: none; +} + +.teacher-description_location { + width: 100%; + font-weight: 500; + font-size: 18px; + line-height: 28px; + text-align: center; + color: #A0A0A0; + z-index: 1; + background: #fff; +} + +.conteiner-text { + max-width: 300px; + margin: 0 auto; + margin-top: 8px; +} + +.conteiner-text .box__accordion { + background-color: #FFD43E; + transition: var(--main-transition); +} + +.conteiner-text .box__accordion:hover { + background-color: #FFC806; +} + +.conteiner-text .box__accordion.active { + background-color: #fff; + border: 1px solid #D9D9D9; +} + +.taxonomy-block { + display: flex; + width: 100%; + flex-direction: column; + gap: 4px; + padding: 3px 19px 2px; +} + +.taxonomy-block:last-child { + padding-bottom: 20px; +} + +.taxonomy-block__name { + display: flex; + gap: 8px; + align-items: center; + font-weight: 300; + font-size: 13px; + line-height: 28px; +} + +.taxonomy-block__content { + display: flex; + flex-wrap: wrap; + gap: 6px; + font-weight: 300; + font-size: 13px; + text-align: center; +} + +.taxonomy-block__content_item { + padding: 5px 8px; + background: #D9D9D9; + border-radius: 5px; +} + +/* accordion */ +.accordion { + margin-top: 13px; + width: 100%; + display: flex; + flex-direction: column; + gap: 10px; +} +.more-programm { + margin: 20px 0 0; +} + + .teacher-about .teacher_title { + margin-bottom: 9px; + } + + .box__accordion_content p { + padding: 0; + width: 100%; + } + + .certificates { + margin: 20px; + } + + .teacher-page .certificates_title { + margin-top: 20px; + justify-content: center; + } + + .teacher-about_text { + max-height: 300vh; + } + .banner_expander { + height: 0; + } + .page-rewiews .banner.container { + height: 250px; + } + .reviews__item { + width: 100%; + } + + .page404 .breadcrumbs { + position: initial !important; + } + .title_404 { + font-size: 16px; + line-height: 18px; + margin-bottom: 10px; + } + .sub-title_404 { + font-size: 12px; + line-height: 16px; + margin-bottom: 0; + } +} + +/* end mobile= */ + +/* ── 2. Bento Grid System ── */ +.bento { + display: grid; + gap: 16px; + padding: 16px; + max-width: 1280px; + margin: 0 auto; +} + +@media (min-width: 640px) { + .bento { + grid-template-columns: repeat(6, 1fr); + gap: 16px; + } +} + +@media (min-width: 1024px) { + .bento { + grid-template-columns: repeat(12, 1fr); + gap: 20px; + padding: 24px; + } +} + +.bento__hero { grid-column: 1 / -1; grid-row: auto; } +.bento__stat { grid-column: 1 / -1; } +.bento__half { grid-column: 1 / -1; } +.bento__third { grid-column: 1 / -1; } +.bento__full { grid-column: 1 / -1; } +.bento__wide { grid-column: 1 / -1; } + +@media (min-width: 640px) { + .bento__hero { grid-column: span 4; grid-row: span 2; } + .bento__stat { grid-column: span 2; } + .bento__half { grid-column: span 3; } + .bento__third { grid-column: span 2; } + .bento__wide { grid-column: span 4; } +} + +@media (min-width: 1024px) { + .bento__hero { grid-column: span 6; grid-row: span 2; } + .bento__stat { grid-column: span 3; } + .bento__half { grid-column: span 6; } + .bento__third { grid-column: span 4; } + .bento__wide { grid-column: span 8; } +} + +.bento-card { + background: var(--bg-card); + border-radius: var(--radius-lg); + padding: 24px; + box-shadow: var(--shadow-sm); + transition: box-shadow .2s, transform .2s; +} + +.bento-card:hover { + box-shadow: var(--shadow-md); + transform: translateY(-2px); +} + +.bento-card--highlight { + background: var(--accent); + color: white; +} + +.bento-card--soft { + background: var(--bg-soft); +} + +.bento-card--green { + background: var(--green-light); +} + +/* ── 3. Social Counters ── */ +.social-counters { + display: flex; + flex-wrap: wrap; + gap: 12px; + margin-top: 16px; + justify-content: center; +} + +@media (min-width: 640px) { + .social-counters { + justify-content: flex-start; + } +} + +.social-counter { + display: flex; + align-items: center; + gap: 8px; + padding: 10px 16px; + background: var(--bg-soft); + border-radius: var(--radius-sm); + font-size: 14px; + color: var(--text-secondary); + flex: 1; + min-width: 140px; +} + +.social-counter__icon { + font-size: 20px; + flex-shrink: 0; +} + +.social-counter__number { + font-weight: 700; + color: var(--accent); + font-size: 18px; + white-space: nowrap; +} + +.social-counter__label { + color: var(--text-tertiary); + font-size: 12px; + line-height: 1.2; +} + +/* ── 4. Sticky CTA Mobile ── */ +.sticky-cta-mobile { + display: none; + position: fixed; + bottom: 0; + left: 0; + right: 0; + z-index: 1000; + padding: 8px 16px max(12px, env(safe-area-inset-bottom)); + background: linear-gradient(to top, rgba(255,255,255,0.98) 60%, transparent); + pointer-events: none; + backdrop-filter: blur(8px); + -webkit-backdrop-filter: blur(8px); +} + +@media (max-width: 639px) { + .sticky-cta-mobile { + display: block; + } + body { + padding-bottom: 80px; + } +} + +.sticky-cta-btn { + pointer-events: auto; + width: 100%; + height: 56px; + border: none; + border-radius: var(--radius-pill); + background: var(--color-primary); + color: white; + font-size: 18px; + font-weight: 700; + font-family: 'Roboto', sans-serif; + cursor: pointer; + box-shadow: 0 4px 20px rgba(0,0,0,.25); + transition: transform .15s, box-shadow .15s; + display: flex; + align-items: center; + justify-content: center; + gap: 8px; +} + +.sticky-cta-btn:active { + transform: scale(0.97); + box-shadow: var(--shadow-md); +} + +/* ── 5. Guarantee Block ── */ +.guarantee-block { + background: linear-gradient(135deg, var(--accent-light), #FEF3C7); + border-radius: var(--radius-xl); + padding: 32px 24px; + text-align: center; + border: 2px solid var(--accent-200); + position: relative; + overflow: hidden; +} + +.guarantee-block::before { + content: '🛡️'; + position: absolute; + top: -10px; + right: -10px; + font-size: 80px; + opacity: 0.15; + transform: rotate(15deg); +} + +.guarantee-block__text { + font-size: 16px; + line-height: 1.6; + color: var(--text-secondary); + max-width: 560px; + margin: 0 auto; +} + +.guarantee-block__badge { + display: inline-block; + margin-top: 16px; + padding: 6px 20px; + background: var(--accent); + color: white; + border-radius: var(--radius-pill); + font-size: 14px; + font-weight: 600; +} + +@media (min-width: 640px) { + .guarantee-block { + padding: 40px 32px; + } +} + +/* ── 6. Hero Risk Reversal Badge ── */ +.hero-risk-reversal { + display: inline-flex; + align-items: center; + gap: 6px; + padding: 4px 14px; + background: var(--green-light); + color: #065F46; + border-radius: var(--radius-pill); + font-size: 13px; + font-weight: 600; + margin-top: 8px; +} + +/* ── 7. Transformation Case ── */ +.transformation-case { + display: grid; + grid-template-columns: 1fr; + gap: 16px; + padding: 24px; + background: var(--bg-soft); + border-radius: var(--radius-xl); + position: relative; +} + +@media (min-width: 640px) { + .transformation-case { + grid-template-columns: 1fr auto 1fr; + align-items: center; + } +} + +.transformation-step { + text-align: center; + padding: 16px; + border-radius: var(--radius-md); +} + +.transformation-step--before { + background: #FEF2F2; + border-left: 4px solid #EF4444; +} + +.transformation-step--process { + background: var(--accent-light); +} + +.transformation-step--after { + background: var(--green-light); + border-right: 4px solid var(--green-cta); +} + +.transformation-step__label { + font-size: 12px; + text-transform: uppercase; + letter-spacing: 0.05em; + color: var(--text-tertiary); + font-weight: 600; + margin-bottom: 8px; +} + +.transformation-step__title { + font-size: 18px; + font-weight: 700; + color: var(--text-primary); + margin-bottom: 4px; +} + +.transformation-step__desc { + font-size: 14px; + color: var(--text-secondary); + line-height: 1.4; +} + +.transformation-arrow { + display: none; + font-size: 28px; + color: var(--accent); + text-align: center; +} + +@media (min-width: 640px) { + .transformation-arrow { + display: block; + } +} + +/* ── 8. Outcome Card ── */ +.outcome-card { + display: flex; + flex-direction: column; + gap: 24px; + padding: 32px 24px; + background: linear-gradient(135deg, #EEF2FF, #F5F3FF); + border-radius: var(--radius-xl); +} + +@media (min-width: 640px) { + .outcome-card { + flex-direction: row; + align-items: center; + padding: 40px 32px; + } +} + +.outcome-card__metrics { + display: flex; + flex-wrap: wrap; + gap: 20px; + flex: 1; +} + +.outcome-metric { + flex: 1; + min-width: 120px; +} + +.outcome-metric__value { + font-family: 'Oswald', sans-serif; + font-size: 36px; + font-weight: 700; + color: var(--accent); + line-height: 1; +} + +.outcome-metric__label { + font-size: 14px; + color: var(--text-secondary); + margin-top: 4px; +} + +.outcome-card__cta { + flex-shrink: 0; +} + +/* ── 9. Final CTA Section ── */ +.cta-final { + background: var(--color-bg-dark); + color: white; + border-radius: var(--radius-xl); + padding: 48px 24px; + text-align: center; +} + +.cta-final__title { + font-family: 'Oswald', sans-serif; + font-size: 28px; + font-weight: 600; + margin-bottom: 12px; + line-height: 1.2; +} + +.cta-final__subtitle { + font-size: 16px; + opacity: 0.9; + margin-bottom: 24px; + line-height: 1.5; +} + +.cta-final .btn { + display: inline-flex; + align-items: center; + gap: 8px; + padding: 16px 40px; + background: white; + color: var(--accent); + border: none; + border-radius: var(--radius-pill); + font-size: 18px; + font-weight: 700; + font-family: 'Roboto', sans-serif; + cursor: pointer; + box-shadow: var(--shadow-lg); + transition: transform .15s; +} + +.cta-final .btn:active { + transform: scale(0.97); +} + +@media (min-width: 640px) { + .cta-final { + padding: 64px 48px; + } + .cta-final__title { + font-size: 36px; + } +} + +/* ── 10. Button System — Unified ── */ +.btn-primary { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 8px; + padding: 14px 32px; + background: var(--color-primary); + color: white; + border: none; + border-radius: var(--radius-pill); + font-size: 16px; + font-weight: 600; + font-family: 'Roboto', sans-serif; + cursor: pointer; + transition: transform .15s, box-shadow .15s; + box-shadow: 0 4px 16px rgba(0,0,0,.25); + text-decoration: none; + min-height: 48px; +} + +.btn-primary:hover, +.btn-primary:focus-visible { + transform: translateY(-1px); + box-shadow: 0 8px 24px rgba(0,0,0,.3); +} + +.btn-primary:active { + transform: translateY(0); +} + +.btn-secondary { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 8px; + padding: 12px 28px; + background: transparent; + color: var(--accent); + border: 2px solid var(--accent-200); + border-radius: var(--radius-pill); + font-size: 15px; + font-weight: 600; + font-family: 'Roboto', sans-serif; + cursor: pointer; + transition: background .15s, border-color .15s; + text-decoration: none; + min-height: 44px; +} + +.btn-secondary:hover, +.btn-secondary:focus-visible { + background: var(--accent-light); + border-color: var(--accent); +} + +/* ── 11. Mobile: hide old "Оставить заявку" text ── */ +.btn-banner .btn-free-lesson-header { + /* Keeping existing class but text updated */ +} + +/* ── 12. Banner enhancement — Risk Reversal Tag ── */ +.banner__content .risk-reversal-tag { + display: inline-block; + margin-top: 8px; + padding: 4px 16px; + background: rgba(255,255,255,0.15); + border-radius: var(--radius-pill); + font-size: 14px; + color: #FFD43E; + font-weight: 500; + backdrop-filter: blur(4px); +} + +/* ── 13. Section spacers for Bento sections ── */ +.pksh-section { + padding: 40px 16px; +} + +@media (min-width: 640px) { + .pksh-section { + padding: 60px 24px; + } +} + +@media (min-width: 1024px) { + .pksh-section { + padding: 80px 32px; + } +} + +.pksh-section--alt { + background: var(--bg-soft); +} + +/* ── 14. Mobile CTA — full width tap target ── */ +@media (max-width: 639px) { + .btn-write.btn-primary.mobile, + .btn-page.btn-write { + width: calc(100% - 32px); + margin: 8px auto; + height: 52px; + font-size: 17px !important; + border-radius: var(--radius-pill); + } +} + +/* ── 15. Price/Bento Cards refinement ── */ +.pksh-price-card { + border-radius: var(--radius-xl); + padding: 28px 20px; + background: var(--bg-card); + box-shadow: var(--shadow-sm); + border: 1px solid #E2E8F0; + transition: box-shadow .2s, border-color .2s; +} + +.pksh-price-card:hover { + box-shadow: var(--shadow-md); + border-color: var(--accent-200); +} + +.pksh-price-card--featured { + border-color: var(--accent); + box-shadow: 0 0 0 2px var(--accent), var(--shadow-md); +} + +.pksh-price-card__title { + font-family: 'Oswald', sans-serif; + font-size: 22px; + font-weight: 600; + color: var(--text-primary); + margin-bottom: 8px; +} + +.pksh-price-card__price { + font-size: 32px; + font-weight: 700; + color: var(--accent); + margin-bottom: 16px; +} + +.pksh-price-card__features { + list-style: none; + padding: 0; + margin: 0 0 20px; + display: flex; + flex-direction: column; + gap: 10px; +} + +.pksh-price-card__features li { + font-size: 14px; + color: var(--text-secondary); + display: flex; + align-items: center; + gap: 8px; +} + +/* ── 16. Animations ── */ +@keyframes fadeInUp { + from { opacity: 0; transform: translateY(20px); } + to { opacity: 1; transform: translateY(0); } +} + +.bento-card { + animation: fadeInUp 0.4s ease-out both; +} + +.bento-card:nth-child(1) { animation-delay: 0.05s; } +.bento-card:nth-child(2) { animation-delay: 0.1s; } +.bento-card:nth-child(3) { animation-delay: 0.15s; } +.bento-card:nth-child(4) { animation-delay: 0.2s; } +.bento-card:nth-child(5) { animation-delay: 0.25s; } + +.bento-card--static { + animation: none; +} + +/* ══════════════════════════════════════════════════════════════ + Shared Review Card Components (lw-*) + Used by /otzyvy/, /lager/, and all service pages. + Page-specific grid/layout overrides in page CSS files. + ══════════════════════════════════════════════════════════════ */ + +/* ── Layout utilities ── */ +.lw-flex { display: flex; } +.lw-flex--row { flex-direction: row; } +.lw-flex--col { flex-direction: column; } +.lw-flex--wrap { flex-wrap: wrap; } +.lw-items-center { align-items: center; } +.lw-items-start { align-items: flex-start; } +.lw-justify-center { justify-content: center; } +.lw-justify-between { justify-content: space-between; } +.lw-gap-8 { gap: 8px; } +.lw-gap-12 { gap: 12px; } +.lw-gap-20 { gap: 20px; } +.lw-mt-8 { margin-top: 8px; } +.lw-mb-8 { margin-bottom: 8px; } +.lw-mb-12 { margin-bottom: 12px; } + +/* ── Scroll wrapper ── */ +.lw-scroll-x { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + padding-bottom: 8px; +} +.lw-scroll-x::-webkit-scrollbar { height: 6px; } +.lw-scroll-x::-webkit-scrollbar-thumb { background: #ccc; border-radius: 8px; } + +/* ── Grid ── */ +.lw-grid { display: grid; } +.lw-grid--2 { grid-template-columns: repeat(2, 1fr); } +.lw-grid--3 { grid-template-columns: repeat(3, 1fr); } + +/* ── Card ── */ +.lw-card { + background: var(--color-bg); + border-radius: var(--card-radius); + padding: 20px; + box-shadow: var(--card-shadow); + display: flex; + flex-direction: column; + transition: box-shadow var(--transition-normal), transform var(--transition-normal); +} +.lw-card:hover { + box-shadow: var(--card-shadow-hover); + transform: translateY(-2px); +} + +/* ── Avatar ── */ +.lw-avatar { + border-radius: 50%; + overflow: hidden; + flex-shrink: 0; + background: rgba(59, 178, 160, 0.1); + display: flex; + align-items: center; + justify-content: center; +} +.lw-avatar--48 { width: 48px; height: 48px; } +.lw-avatar__img { + width: 100%; height: 100%; + object-fit: cover; + display: block; +} +.lw-avatar--letter { background: rgba(232, 117, 58, 0.08); } +.lw-avatar__letter { + display: block; + font-size: 18px; + font-weight: 700; + color: var(--color-primary); + line-height: 1; + user-select: none; +} + +/* ── Typography ── */ +.lw-text-dark { color: #1c2b2d; } +.lw-text-gray { color: var(--color-text-muted); } +.lw-text-sm { font-size: 14px; line-height: 1.4; } +.lw-text-xs { font-size: 12px; line-height: 1.3; } +.lw-font-medium { font-weight: 500; } +.lw-font-semibold { font-weight: 600; } +.lw-font-bold { font-weight: 700; } + +/* ── Badge ── */ +.lw-badge { + display: inline-flex; + align-items: center; + padding: 4px 10px; + border-radius: 50px; + font-size: 11px; + font-weight: 600; + line-height: 1.2; + white-space: nowrap; + margin-left: auto; + flex-shrink: 0; +} +.lw-badge--verified { + background: #059669; + color: #fff; + border-radius: 50px; + padding: 3px 12px 3px 10px; + font-size: 11px; + font-weight: 600; + line-height: 1.4; + white-space: nowrap; + align-self: flex-start; +} +.lw-card .lw-text-gray + .lw-badge--verified { margin-top: 6px; } + +/* ── Stars ── */ +.lw-stars { display: flex; gap: 2px; align-items: center; } +.lw-star { color: var(--color-text-light); flex-shrink: 0; } +.lw-star--filled { color: #FFD43E; } + +/* ── Card text ── */ +.lw-card__text { + font-size: 14px; + line-height: 1.55; + color: var(--color-text-muted); + word-break: break-word; +} + +/* ── Card footer (date + read-more) ── */ +.review-card__footer { + display: flex; + align-items: center; + gap: 12px; + margin-top: 8px; +} +.review-card__date { + margin-left: auto; + font-size: 13px; + color: var(--color-text-muted); + white-space: nowrap; +} + +/* ── Read-more button ── */ +.review-card__btn-more { + display: inline-block; + padding: 0; + border: none; + background: none; + color: var(--accent); + font-weight: 600; + font-size: 14px; + cursor: pointer; + align-self: flex-start; +} +.review-card__btn-more:hover { + text-decoration: underline; +} + +/* ── Clamped text (long reviews) ── */ +.review-card__text--clamped { + position: relative; + max-height: 120px; + overflow: hidden; + transition: max-height .4s ease; +} +.review-card__text--clamped.review-card__text--expanded { + max-height: 2000px; +} +.review-card__text--clamped:not(.review-card__text--expanded)::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: 40px; + background: linear-gradient(transparent, var(--color-bg)); +} + +/* ── Reveal animation (batch-loaded cards) ── */ +.reveal { + opacity: 0; + transform: translateY(24px); + transition: opacity .6s ease, transform .6s ease; +} +.reveal--visible { + opacity: 1; + transform: translateY(0); +} + +/* ── Teacher link ── */ +.review-card__teacher-link { + color: var(--accent); + text-decoration: underline; + text-underline-offset: 3px; + text-decoration-color: currentColor; + transition: color .2s, font-weight .2s; + font-weight: 500; +} +.review-card__teacher-link:hover { + color: var(--accent-hover); + font-weight: 700; +} + +/* ══════════════════════════════════════════════════════════════ + Shared Reviews Grid / Scroll Layout (.reviews-cards) + Same layout for /otzyvy/, /lager/, /podgotovka-k-shkole/. + ══════════════════════════════════════════════════════════════ */ + +/* ─── Desktop: flex-wrap centered grid ─── */ +.reviews-cards .lw-scroll-x { + overflow: visible; + padding: 0; +} +.reviews-cards .lw-grid--3 { + display: flex; + flex-wrap: wrap; + gap: 24px; + justify-content: center; +} +.reviews-cards .lw-grid--3 .lw-card { + width: calc(33.33% - 16px); + min-width: 280px; + padding: 24px; + border-radius: 20px; + box-shadow: 0 2px 16px rgba(0,0,0,0.06); + border: 1.5px solid rgba(0,0,0,0.12); + transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, background 0.3s ease; +} +.reviews-cards .lw-grid--3 .lw-card:hover { + transform: translateY(-4px); + box-shadow: 0 8px 32px rgba(0,0,0,0.1); + border-color: rgba(124, 58, 237, 0.15); + background: var(--accent-light); +} + +/* ─── 3 → 2 columns ─── */ +@media (max-width: 1200px) { + .reviews-cards .lw-grid--3 .lw-card { + width: calc(50% - 12px); + min-width: 280px; + } +} + +/* ─── Mobile horizontal scroll ─── */ +@media (max-width: 768px) { + .reviews-cards .lw-scroll-x { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + padding-bottom: 8px; + } + .reviews-cards .lw-grid--3 { + display: flex; + gap: 16px; + overflow-x: auto; + scroll-snap-type: x mandatory; + flex-wrap: nowrap; + justify-content: flex-start; + padding-bottom: 4px; + } + .reviews-cards .lw-grid--3 .lw-card { + flex: 0 0 88vw; + scroll-snap-align: start; + position: relative; + } + .reviews-cards .lw-card > .lw-flex.lw-flex--row { + flex-wrap: wrap; + gap: 8px 12px; + align-items: flex-start; + } + .reviews-cards .lw-card .lw-avatar { + flex-shrink: 0; + } + .reviews-cards .lw-card > .lw-flex.lw-flex--row > .lw-flex.lw-flex--col { + flex: 1; + min-width: 0; + padding-right: 90px; + } + .reviews-cards .lw-card .lw-badge--verified { + margin-top: 6px; + margin-left: 0; + } + .reviews-cards .lw-card .lw-stars { + position: absolute; + top: 24px; + right: 24px; + margin-top: 0; + } +} + +@media (max-width: 480px) { + .reviews-cards .lw-grid--3 .lw-card { + padding: 16px; + } + .reviews-cards .lw-card .lw-stars { + top: 16px; + right: 16px; + } +} + +/* ─── Batch loading: hide cards after first batch on desktop ─── */ +@media (min-width: 769px) { + .lw-card[data-batch]:not([data-batch="1"]) { + display: none; + } +} +/* ─── Mobile: all cards visible (horizontal scroll shows all) ─── */ +@media (max-width: 768px) { + .lw-card[data-batch]:not([data-batch="1"]) { + display: flex; + } +} + +/* ─── Load more button ─── */ +.reviews-loadmore { + text-align: center; + margin-top: 32px; +} +.reviews-loadmore__btn { + display: inline-flex; + align-items: center; + gap: 8px; + padding: 14px 36px; + font-size: 16px; + font-weight: 600; + color: var(--accent); + background: var(--accent-light); + border: 2px solid var(--accent); + border-radius: 12px; + cursor: pointer; + transition: background var(--transition-fast), transform var(--transition-fast); +} +.reviews-loadmore__btn:hover { + background: rgba(124, 58, 237, 0.15); + transform: translateY(-2px); +} +.reviews-loadmore__btn:active { + transform: translateY(0); +} +.reviews-loadmore__btn:disabled { + opacity: 0.5; + cursor: default; + transform: none; +} +@media (max-width: 768px) { + .reviews-loadmore { + display: none; + } +} + +/* ── Reduced Motion ── */ +@media (prefers-reduced-motion: reduce) { + .bento-card { + animation: none; + } + .sticky-cta-btn { + transition: none; + } + .btn-primary, + .btn-secondary, + .lw-card, + .lw-card:hover { + transition: none; + transform: none; + } + .reveal, + .reveal--visible { + transition: none !important; + transform: none !important; + animation: none !important; + opacity: 1 !important; + } +} + +/* ── 17. Modal Form Enhancement ── */ +.modal-request-form { + z-index: 9999; +} + +/* ── 18. Section Spacing Fix for main ── */ +main { + gap: 0; +} + +main > .pksh-section:first-child { + padding-top: 0; +} + +/* ============================================================ + FAQ SECTION — общий стиль для всех страниц + Использовать: class="section-bg faq-section" на section + ============================================================ */ +.section-bg { + position: relative; +} +.section-bg::before { + content: ''; + position: absolute; + top: 0; + bottom: 0; + left: calc(-50vw + 50%); + width: 100vw; + z-index: -1; +} + +/* .bento внутри section-bg — растягивается на всю ширину */ +.section-bg > .bento { + width: 100%; +} + +/* ════════════════════════════════════════════════ + FAQ (faq-front) — общий компонент для всех страниц + Источник: front-page.css (вынесен для переиспользования) + ════════════════════════════════════════════════ */ +.faq-front { + position: relative; + padding: 48px 0; +} +.faq-front::before { + background: var(--color-bg-alt, #F8F4F0); +} +.faq-front .section-header--centered { + margin-bottom: 40px; +} +.faq-front__list { + max-width: 900px; + margin: 0 auto; + display: grid; + grid-template-columns: 1fr; + gap: 12px; +} +@media (min-width: 768px) { + .faq-front__list { + grid-template-columns: 1fr 1fr; + } +} +.faq-front__item { + border-radius: var(--radius-sm, 12px); + background: var(--color-bg, #FFFFFF); + box-shadow: 0 4px 16px rgba(15,23,42,.08); + overflow: hidden; +} +.faq-front__item[open] { + box-shadow: var(--shadow-md, 0 8px 24px rgba(15,23,42,0.10)); +} +.faq-front__question { + display: flex; + align-items: center; + justify-content: space-between; + gap: 12px; + padding: 18px 24px; + font-size: 1rem; + font-weight: 600; + line-height: 1.4; + color: var(--color-text, #0F172A); + cursor: pointer; + list-style: none; + user-select: none; +} +.faq-front__question::-webkit-details-marker { + display: none; +} +.faq-front__question svg { + flex-shrink: 0; + color: var(--color-text-muted, #475569); + transition: transform .25s; +} +.faq-front__item[open] .faq-front__question svg { + transform: rotate(180deg); +} +.faq-front__question:hover { + color: var(--color-primary, #2563EB); +} +.faq-front__question:active { + transform: scale(0.98); +} +.faq-front__question:focus-visible { + outline: 3px solid var(--color-primary); + outline-offset: 3px; +} +.faq-front__cta { + margin-top: 32px; + text-align: center; +} +.faq-front__cta-text { + font-size: 1rem; + font-weight: 600; + margin: 0 0 12px; + color: var(--color-text, #0F172A); +} +.faq-front__cta-msgs { + display: flex; + flex-wrap: wrap; + gap: 10px; + justify-content: center; +} +.faq-front__cta-btn { + display: inline-flex; + align-items: center; + padding: 12px 28px; + border-radius: var(--radius-sm, 12px); + font-size: 1rem; + font-weight: 600; + background: var(--color-primary, #2563EB); + color: #FFFFFF; + text-decoration: none; + transition: background .2s, transform .2s; + min-height: 44px; +} +.faq-front__cta-btn:hover { + background: var(--color-primary-dark, #1D4ED8); + transform: translateY(-2px); +} +.faq-front__cta-btn:active { + transform: scale(0.97); +} +.faq-front__answer { + padding: 0 24px 18px; + font-size: 1rem; + line-height: 1.7; + color: #334155; +} +.faq-front__answer p { + margin: 0 0 12px; +} +.faq-front__answer p:last-child { + margin-bottom: 0; +} +@media (max-width: 639px) { + .faq-front { + padding: 32px 0; + } + .faq-front__question { + padding: 14px 18px; + font-size: 1rem; + } + .faq-front__answer { + padding: 0 18px 14px; + } +} + +.faq-section { + padding: 48px 0; +} + +.section-bg.faq-section::before { + background: var(--accent-light, #F5F3FF); +} + +/* Все не-белые секции на ПКШ — единый фон accent-light на всю ширину */ +.page-pksh .section-bg:not(.ds-hero):not(.faq-section)::before { + background: var(--accent-light, #F5F3FF); +} + +.faq-section .container, +.faq-section .bento { + width: 100%; +} + +.faq-section__title { + text-align: center; + margin-bottom: 40px; + font-size: clamp(24px, 2.8vw, 32px); + font-weight: 700; + line-height: 1.25; + color: var(--navy, #0F172A); + grid-column: 1 / -1; +} + +.faq-section__wrapper { + display: flex; + gap: 30px; + grid-column: 1 / -1; +} + +.faq-section__col { + width: 50%; + display: flex; + flex-direction: column; + border-top: 1px solid var(--slate-200, #E2E8F0); +} + +.faq-section .box__accordion { + position: relative; + cursor: pointer; + border-bottom: 1px solid var(--slate-200, #E2E8F0); + border-radius: 0; +} + +.faq-section .box__accordion_label { + position: relative; + padding: 20px 0; + cursor: pointer; + display: flex; + align-items: center; + gap: 20px; + justify-content: space-between; +} + +.faq-section .box__accordion_label span { + font-size: clamp(17px, 2vw, 21px); + line-height: 1.3; + font-weight: 600; + color: var(--navy, #0F172A); +} + +.faq-section .box__accordion_label svg { + width: 36px; + height: 36px; + padding: 8px; + border-radius: 50%; + background: var(--accent, #7C3AED); + stroke: #fff; + transition: background 0.2s, rotate 0.25s ease; + flex-shrink: 0; +} + +.faq-section .box__accordion_label svg g { + stroke: #fff !important; +} + +.faq-section .active .box__accordion_label svg { + rotate: 45deg; + background: var(--accent-hover, #6D28D9); +} + +.faq-section .box__accordion_content { + display: flex; + position: relative; + overflow: hidden; + max-height: 0; + transition: max-height 0.3s ease; + gap: 20px; + align-items: center; +} + +.faq-section .box__accordion_content-text { + display: flex; + flex-direction: column; + gap: 10px; + font-size: 16px; + line-height: 1.6; + color: var(--slate-600, #475569); + padding-bottom: 20px; +} + +.faq-section .box__accordion_content-text p { + margin: 0; +} + +@media (max-width: 768px) { + .faq-section__wrapper { + flex-direction: column; + gap: 0; + } + .faq-section__col { + width: 100%; + border-top: none; + } + .faq-section__col:first-child { + border-top: 1px solid var(--slate-200, #E2E8F0); + } +} + +/* ── 19. Contacts ── */ +.contacts { + padding: var(--space-6) 0; + background: transparent; +} +/* Override legacy .contacts .container !important */ +.contacts > .container { + max-width: 1240px !important; + padding: 0 1.5rem !important; +} +.contacts__header { + margin-bottom: var(--space-5); +} +.contacts__title { + font-family: var(--font-display); + font-weight: 700; + font-size: clamp(1.5rem, 4vw, 2.5rem); + line-height: 1.15; + letter-spacing: -0.02em; + color: var(--color-text); + margin: 0 0 var(--space-3); +} +.contacts__description { + font-size: var(--text-body); + line-height: 1.6; + color: var(--color-text-muted); + margin: 0; +} +.contacts__wrapper { + display: flex; + gap: var(--space-5); + align-items: stretch; +} +.contacts__info { + width: 35%; + display: flex; + flex-direction: column; + gap: var(--space-2); + padding: var(--space-3) 0; +} +.contacts__item { + display: flex; + flex-direction: column; + gap: var(--space-1); +} +.contacts__item + .contacts__item { + margin-top: var(--space-2); +} +.contacts__subtitle { + font-size: var(--text-body-sm); + font-weight: 700; + color: var(--color-text-muted); + text-transform: uppercase; + letter-spacing: 0.05em; +} +.contacts__value { + font-size: clamp(1rem, 2vw, var(--text-h4)); + font-weight: 600; + color: var(--color-primary); + text-decoration: none; + transition: color var(--transition-fast); +} +.contacts__value:hover { + color: var(--color-primary-dark); + text-decoration: underline; +} +.contacts__route-link { + display: inline-block; + margin-top: 6px; + font-size: 0.8125rem; + font-weight: 600; + color: var(--color-primary, #2563EB); + text-decoration: none; + transition: color .2s; +} +.contacts__route-link:hover { + color: var(--color-primary-dark, #1D4ED8); + text-decoration: underline; +} +.contacts__messengers { + display: flex; + flex-wrap: wrap; + gap: 8px; +} +.contacts__msg-link { + display: inline-flex; + align-items: center; + padding: 6px 16px; + border-radius: var(--radius-sm, 12px); + font-size: 0.875rem; + font-weight: 600; + background: var(--color-primary-light, #EFF6FF); + color: var(--color-primary, #2563EB); + text-decoration: none; + transition: background .2s, color .2s; +} +.contacts__msg-link:hover { + background: var(--color-primary, #2563EB); + color: #FFFFFF; +} +.contacts__logistics { + display: flex; + flex-wrap: wrap; + gap: var(--space-2); + margin-top: var(--space-3); + padding: var(--space-3); + background: var(--color-bg-alt); + border: 1px solid var(--color-border); + border-radius: var(--radius-sm); +} +.contacts__logistics-item { + display: inline-flex; + align-items: center; + gap: var(--space-2); + font-size: var(--text-body-sm); + color: var(--color-text-muted); + width: 100%; +} +.contacts__logistics-icon { + flex-shrink: 0; + width: 18px; + height: 18px; + color: var(--color-primary); +} +.contacts__logistics-text { + flex: 1; +} +.contacts__social { + display: flex; + flex-wrap: wrap; + gap: var(--space-3); +} +.contacts__social-link { + display: inline-flex; + align-items: center; + font-size: clamp(0.875rem, 1.8vw, 1rem); + font-weight: 600; + color: var(--color-primary); + text-decoration: none; + transition: color var(--transition-fast); +} +.contacts__social-link:hover { + color: var(--color-primary-hover); +} +.contacts__social-link + .contacts__social-link::before { + content: '\00B7'; + margin-right: var(--space-3); + color: var(--color-text-muted); + font-weight: 400; +} +.contacts__map { + flex: 1; + border-radius: var(--radius-sm); + overflow: hidden; + min-height: 400px; + box-shadow: var(--shadow-md); +} + +@media (max-width: 768px) { + .contacts__wrapper { + flex-direction: column-reverse; + } + .contacts__info { + width: 100%; + } + .contacts__map { + min-height: 280px; + margin: 0 calc(-1 * var(--container-padding, 1.5rem)); + border-radius: 0; + box-shadow: none; + } +} + +/* ── 20. Teachers Cards (shared) ── */ +.teachers-cards__wrapper { + display: flex; + flex-wrap: wrap; + gap: clamp(16px, 2vw, 24px); + justify-content: center; +} +.teachers-cards__item { + width: calc(33.33% - 18px); + min-width: 280px; +} +.teachers-cards__card { + background: var(--color-bg); + border-radius: var(--pksh-radius-card, 24px); + overflow: hidden; + box-shadow: 0 4px 16px rgba(15,23,42,.08); + transition: transform 0.25s ease, box-shadow 0.25s ease; + display: flex; + flex-direction: column; + height: 100%; +} +.teachers-cards__card:hover { + transform: translateY(-4px); + box-shadow: var(--shadow-md); +} +.teachers-cards__card-top { + background: linear-gradient(135deg, color-mix(in oklab, var(--color-primary), transparent 95%), color-mix(in oklab, var(--color-secondary), transparent 92%)); + display: flex; + justify-content: center; + padding: clamp(24px, 3vw, 32px) clamp(16px, 2vw, 24px) clamp(16px, 2vw, 20px); +} +.teachers-cards__photo { + width: clamp(120px, 12vw, 140px); + height: clamp(120px, 12vw, 140px); + border-radius: 50%; + object-fit: cover; + border: 4px solid var(--color-bg); + box-shadow: 0 4px 16px color-mix(in oklab, var(--color-text), transparent 90%); +} +.teachers-cards__card-body { + padding: clamp(16px, 2vw, 20px) clamp(18px, 2.5vw, 24px) clamp(20px, 2.5vw, 24px); + display: flex; + flex-direction: column; + gap: 10px; + flex: 1; +} +.teachers-cards__name { + font-size: clamp(1rem, 1.2vw, 1.125rem); + font-weight: 700; + line-height: 1.3; + color: var(--color-text); + text-align: center; + margin: 0; +} +.teachers-cards__subj { + font-size: clamp(0.9375rem, 1vw, 1rem); + line-height: 1.4; + color: var(--color-primary); + text-align: center; + font-weight: 600; + margin: 0 0 2px; +} +.teachers-cards__desc { + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; + font-size: 0.9375rem; + line-height: 1.5; + color: #334155; + text-align: center; + margin: 0 0 4px; +} +.teachers-cards__meta { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 6px; + margin: 4px 0 12px; +} +.teachers-cards__meta-badge { + display: inline-flex; + padding: 4px 12px; + font-size: 0.8125rem; + font-weight: 600; + color: var(--color-primary-dark); + background: var(--color-primary-light, #EFF6FF); + border-radius: var(--radius-pill, 100px); + white-space: nowrap; +} +.teachers-cards__meta-icon { + vertical-align: -2px; + margin-right: 4px; +} +.teachers-cards__meta-exp { + display: inline-flex; + padding: 4px 12px; + font-size: 0.8125rem; + font-weight: 600; + color: var(--pksh-text-warm); + background: color-mix(in oklab, var(--color-bg-alt), var(--color-warning) 12%); + border-radius: var(--radius-pill, 100px); + white-space: nowrap; +} +.teachers-cards__btn { + display: block; + width: 100%; + padding: 12px; + border: none; + border-radius: var(--radius-pill, 100px); + font-family: inherit; + font-size: 1rem; + font-weight: 700; + color: var(--color-text-on-dark); + cursor: pointer; + background: var(--pksh-gradient-btn-bright); + text-align: center; + text-decoration: none; + transition: transform var(--transition-fast), box-shadow var(--transition-fast); + box-shadow: var(--pksh-btn-shadow-bright); + margin-top: auto; + min-height: 44px; +} +.teachers-cards__btn:hover { + transform: translateY(-2px); + box-shadow: var(--pksh-btn-shadow-bright-hover); +} +.teachers-cards__btn:active { + transform: scale(0.97); +} +.teachers-cards__btn:focus-visible { + outline: 3px solid var(--color-primary); + outline-offset: 3px; +} + +@media (max-width: 768px) { + .teachers-cards__item { + width: calc(50% - 12px); + min-width: 0; + } + .teachers-cards__wrapper { gap: 16px; } +} + +@media (max-width: 639px) { + .bento .bento__full { + min-width: 0; + } + .bento .teachers-cards__scroll-x { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + scroll-snap-type: x mandatory; + padding: 2px 2px 20px; + min-width: 0; + } + .bento .teachers-cards__wrapper { + flex-wrap: nowrap; + gap: 16px; + justify-content: flex-start; + padding-bottom: 4px; + min-width: 0; + } + .bento .teachers-cards__item { + flex-shrink: 0; + width: calc(100vw - 80px); + max-width: 320px; + scroll-snap-align: start; + min-width: 260px; + } +} + +/* ── 21. Teachers scroll hint ── */ +.teachers-cards__scroll-hint { + display: none; + font-size: 0.875rem; + color: var(--color-text-muted, #475569); + text-align: right; + margin-bottom: 8px; + animation: comparison-fade 3s ease-out forwards; + animation-delay: 1s; + opacity: 0; +} +@media (max-width: 639px) { + .teachers-cards__scroll-hint { + display: block; + } +} + +/* ── 22. Base bento typography (global, from pksh design system) ── */ +.bento-h2 { + font-family: var(--font-display); + font-size: clamp(1.5rem, 2.5vw, 2.25rem); + font-weight: 700; + line-height: 1.2; + color: var(--color-text); + margin: 0 0 12px; + text-wrap: balance; +} +.bento-p { + font-size: clamp(1rem, 1.2vw, 1.0625rem); + line-height: 1.7; + color: var(--color-text-muted); + margin: 0 0 20px; + max-width: 70ch; + text-wrap: pretty; +} +.section-header--left { + text-align: left; +} +.section-header--left .bento-h2, +.section-header--left .bento-p { + max-width: none; + margin-left: 0; + margin-right: auto; +} +.section-header--left .bento-p { + max-width: 65ch; +} +.bento-label { + display: inline-block; + font-size: 0.8125rem; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.08em; + color: var(--color-primary); + margin-bottom: var(--space-2, 8px); +} + +/* ── 23. Section Header Centered (global) ── */ +.section-header--centered { + text-align: center; +} +.section-header--centered .bento-h2, +.section-header--centered .bento-p { + max-width: none; + margin-left: auto; + margin-right: auto; +} +.section-header--centered .bento-p { + max-width: 70ch; +} + +/* ── 24. Reviews Link CTA (moved to front-page.css) ── */ + +/* ════════════════════════════════════════════ */ +/* content-visibility (front-page moved to */ +/* front-page.css). Shared sections kept below */ +/* ════════════════════════════════════════════ */ + +/* teachers-cards — горизонтальный скролл преподавателей */ +.teachers-cards { + content-visibility: auto; + contain-intrinsic-size: 550px; +} +.teachers-cards__footer { + display: flex; + justify-content: center; + padding: 28px 0 0; + grid-column: 1 / -1; +} +.teachers-cards__all-link { + display: inline-flex; + align-items: center; + gap: 8px; + font-size: 1rem; + font-weight: 600; + color: var(--color-primary, #2563EB); + text-decoration: none; + transition: gap 0.2s ease, color 0.2s ease; + padding: 8px 16px; + border-radius: var(--radius-sm, 12px); + background: var(--color-primary-light, #EFF6FF); +} +.teachers-cards__all-link:hover { + gap: 12px; + color: var(--color-primary-dark, #1D4ED8); + background: color-mix(in oklab, var(--color-primary-light, #EFF6FF), transparent 10%); +} +.teachers-cards__all-link svg { + flex-shrink: 0; + transition: transform 0.2s ease; +} +.teachers-cards__all-link:hover svg { + transform: translateX(2px); +} + +/* contacts — контакты + Яндекс.Карта (min-height: 400px) */ +.contacts { + content-visibility: auto; + contain-intrinsic-size: 800px; +} + +/* ════════════════════════════════════════════ */ +/* Отзывы «как на главной» (reviews-front) */ +/* Единый блок: главная + single-teacher (переиспользуется template-parts/reviews-link.php) */ +/* ════════════════════════════════════════════ */ +.reviews-front-section { + position: relative; + padding: 48px 0; + content-visibility: auto; + contain-intrinsic-size: 700px; + background-color: var(--color-bg-alt, #F8FAFC); + background-image: radial-gradient(circle 250px at 80% 0%, rgba(37,99,235,0.07) 0%, transparent 70%); +} +.reviews-front-section .section-header--centered { + margin-bottom: 40px; +} +.reviews-front__grid { + display: flex; + flex-wrap: wrap; + gap: 20px; + margin-bottom: 32px; +} +.reviews-front__card { + width: 100%; + background: linear-gradient(90deg, #BF568E, #006DB7); + border-radius: 21px; + padding: 2px; +} +.reviews-front__card-inner { + padding: 24px 28px; + display: flex; + flex-direction: column; + gap: 12px; + border-radius: 19px; + background: #FFFFFF; + height: 100%; +} +@media (min-width: 768px) { + .reviews-front__card { + width: calc(50% - 10px); + } + .reviews-front__card:last-child:nth-child(odd) { + margin: 0 auto; + } +} +@media (min-width: 1024px) { + .reviews-front__card { + width: calc(33.33% - 14px); + } +} +.reviews-front__header { + display: flex; + align-items: center; + gap: 12px; +} +.reviews-front__avatar { + width: 57px; + height: 57px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; + overflow: hidden; + font-size: 1.375rem; + font-weight: 700; + color: #fff; +} +.reviews-front__avatar-img { + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 50%; +} +.reviews-front__avatar-letter { + line-height: 1; +} +.reviews-front__client-data { + flex: 1; +} +.reviews-front__name { + font-weight: 600; + font-size: 1rem; + color: var(--color-text, #0F172A); +} +.reviews-front__stars { + display: flex; + align-items: center; + gap: 4px; +} +.reviews-front__stars svg { + display: block; +} +.reviews-front__date { + font-size: 0.8125rem; + color: var(--color-text-light, #64748B); + margin-left: auto; +} +.reviews-front__teacher { + font-size: 0.875rem; + color: var(--color-text-muted, #475569); + margin: 0; +} +.reviews-front__teacher span { + font-weight: 600; + color: var(--color-text, #0F172A); +} +.reviews-front__text { + font-size: 0.875rem; + line-height: 1.6; + color: var(--color-text-muted, #475569); + flex: 1; +} +.reviews-front__badge { + display: inline-flex; + align-items: center; + gap: 5px; + font-size: 0.75rem; + font-weight: 600; + color: #059669; + margin-top: 4px; +} +.reviews-front__badge svg { + flex-shrink: 0; +} +.reviews-front__all-link { + text-align: center; +} +.reviews-front__scroll-hint { + display: none; + font-size: 0.8125rem; + color: var(--color-text-muted, #475569); + text-align: right; + margin-bottom: 8px; + animation: comparison-fade 3s ease-out forwards; + animation-delay: 1s; + opacity: 0; +} +.reviews-link__btn { + display: inline-flex; + align-items: center; + justify-content: center; + padding: 14px 32px; + border: none; + border-radius: var(--radius-sm, 12px); + font-family: inherit; + font-size: 0.95rem; + font-weight: 700; + color: var(--color-text-on-dark); + cursor: pointer; + background: var(--pksh-gradient-btn-bright); + text-decoration: none; + transition: transform var(--transition-fast), box-shadow var(--transition-fast); + box-shadow: var(--pksh-btn-shadow-bright); + white-space: nowrap; +} +.reviews-link__btn:hover { + transform: translateY(-2px); + box-shadow: var(--pksh-btn-shadow-bright-hover); +} +.reviews-link__btn:focus-visible { + outline: 3px solid var(--color-primary); + outline-offset: 3px; +} +@media (max-width: 768px) { + .reviews-front-section { + padding: 32px 0; + } + .reviews-front__scroll-hint { + display: block; + } + .reviews-front__wrap { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + padding: 2px; + scrollbar-width: thin; + scrollbar-color: var(--color-primary, #2563EB) var(--color-border, #E2E8F0); + } + .reviews-front__wrap::-webkit-scrollbar { + height: 4px; + } + .reviews-front__wrap::-webkit-scrollbar-track { + background: var(--color-border, #E2E8F0); + border-radius: 2px; + } + .reviews-front__wrap::-webkit-scrollbar-thumb { + background: var(--color-primary, #2563EB); + border-radius: 2px; + } + .reviews-front__grid { + flex-wrap: nowrap; + width: max-content; + gap: 16px; + } + .reviews-front__card { + width: 280px; + flex-shrink: 0; + } + .reviews-front__card-inner { + padding: 20px; + } +} diff --git a/wp-content/themes/dekart/assets/css/page-teachers.css b/wp-content/themes/dekart/assets/css/page-teachers.css index 54ea201..8a80894 100644 --- a/wp-content/themes/dekart/assets/css/page-teachers.css +++ b/wp-content/themes/dekart/assets/css/page-teachers.css @@ -194,6 +194,17 @@ font-size: 0.875rem; color: var(--color-text, #1E293B); } +.teachers-card__about { + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; + font-size: 0.9375rem; + line-height: 1.5; + color: var(--color-text-muted, #475569); + margin: 0; + text-wrap: pretty; +} .teachers-card__rating { display: flex; align-items: center; diff --git a/wp-content/themes/dekart/assets/css/single-teacher.css b/wp-content/themes/dekart/assets/css/single-teacher.css new file mode 100644 index 0000000..ae9564d --- /dev/null +++ b/wp-content/themes/dekart/assets/css/single-teacher.css @@ -0,0 +1,1174 @@ +/* ====================================================== + * Личная страница преподавателя (single-teacher.php) — Bento 2026 + * Воронка: hero / цифры / дефицит / сегменты / история / + * кейсы-табы / FAQ / доверие / финальный CTA / sticky (mobile) + * ====================================================== */ + +/* ── Hero ── */ +.teacher-single__hero .ds-hero__inner { + gap: var(--space-5, 40px); + padding: 0; +} +.teacher-single__visual { + width: 380px; +} +.teacher-single__visual .ds-hero__photo-frame { + width: 300px; + height: 300px; +} +.teacher-single__visual .ds-hero__photo-ring { + width: 344px; + height: 344px; +} +.teacher-single__hero .ds-hero__subtitle { + max-width: 62ch; +} +.teacher-single__badge { + display: inline-flex; + align-items: center; + gap: 6px; + margin-bottom: 14px; + padding: 6px 14px; + border-radius: var(--radius-pill, 100px); + background: rgba(255, 255, 255, 0.12); + border: 1px solid rgba(255, 255, 255, 0.2); + color: rgba(255, 255, 255, 0.92); + font-size: 0.8125rem; + font-weight: 700; +} +.teacher-single__h1 { + margin-bottom: var(--space-3, 16px); +} +.teacher-single__hero-facts { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 8px 16px; + margin: var(--space-3, 16px) 0; +} +.teacher-single__hero-fact { + display: inline-flex; + align-items: center; + gap: 6px; + font-size: 0.875rem; + color: rgba(255, 255, 255, 0.85); +} +.teacher-single__stars { + display: inline-flex; + gap: 2px; + color: rgba(255, 255, 255, 0.35); +} +.teacher-single__stars svg.is-filled { + color: #F59E0B; +} +.teacher-single__hero-rating-count { + color: rgba(255, 255, 255, 0.6); +} + +/* ── Кнопки (pill) ── */ +.teacher-single__hero-cta { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 12px; + margin-top: var(--space-4, 24px); +} +.teacher-single__btn { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 8px; + padding: 14px 28px; + border: none; + border-radius: var(--radius-pill, 100px); + font-size: 1rem; + font-weight: 700; + line-height: 1.2; + text-decoration: none; + cursor: pointer; + transition: background .2s, color .2s, border-color .2s; +} +.teacher-single__btn--primary { + background: var(--color-primary, #2563EB); + color: #FFFFFF; +} +.teacher-single__btn--primary:hover { + background: var(--color-primary-dark, #1D4ED8); + color: #FFFFFF; +} +.teacher-single__btn--ghost { + border: 1px solid rgba(255, 255, 255, 0.4); + background: rgba(255, 255, 255, 0.06); + color: #FFFFFF; +} +.teacher-single__btn--ghost:hover { + background: rgba(255, 255, 255, 0.14); + color: #FFFFFF; +} +.teacher-single__risk-note { + margin: 12px 0 0; + font-size: 0.875rem; + color: rgba(255, 255, 255, 0.7); +} +.teacher-single__breadcrumbs { + margin-bottom: 8px; + padding-inline: 0; +} + +/* ── Цифры ── */ +.teacher-single__metrics { + padding: var(--space-6, 48px) 0; + background: var(--color-bg, #FFFFFF); +} +.teacher-single__metrics-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: clamp(14px, 2vw, 20px); + justify-content: center; +} +/* 1–2 заполненные метрики — центрируем, чтобы карточки не растягивались на всю ширину */ +.teacher-single__metrics-grid.is-few { + max-width: 720px; + margin-inline: auto; +} +.teacher-single__metric { + padding: 22px 20px; + border: 1px solid var(--color-border, #E2E8F0); + border-radius: var(--radius-lg, 20px); + background: var(--color-surface-soft, #F8FAFC); +} +.teacher-single__metric-num { + font-family: var(--font-display, inherit); + font-size: clamp(1.5rem, 2.6vw, 2rem); + font-weight: 800; + line-height: 1.15; + color: var(--color-primary, #2563EB); + margin-bottom: 6px; +} +.teacher-single__metric-label { + font-size: 0.875rem; + line-height: 1.5; + color: var(--color-text-muted, #475569); +} + +/* Контент блоков «Цифры» — по центру */ +.teacher-single__metric { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; +} + +/* ── Полоса дефицита ── */ +.teacher-single__scarcity { + padding: 0 0 var(--space-6, 48px); + background: var(--color-bg, #FFFFFF); +} +.teacher-single__scarcity-inner { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: clamp(16px, 3vw, 40px); + padding: 18px 24px; + border-radius: var(--radius-lg, 20px); + background: linear-gradient(90deg, #FEF3C7 0%, #FEF9E7 60%, #FFFFFF 100%); + border: 1px solid #FDE68A; +} +.teacher-single__scarcity-item { + display: flex; + align-items: baseline; + gap: 8px; +} +.teacher-single__scarcity-num { + font-family: var(--font-display, inherit); + font-size: clamp(1.4rem, 2.2vw, 1.8rem); + font-weight: 800; + color: var(--color-text, #1E293B); +} +.teacher-single__scarcity-num.is-hot { + color: #B45309; +} +.teacher-single__scarcity-label { + font-size: 0.9375rem; + font-weight: 600; + color: #92400E; +} +.teacher-single__scarcity-note { + flex: 1 1 240px; + margin: 0; + font-size: 0.875rem; + color: #78350F; +} + +/* ── Сегменты ── */ +.teacher-single__segments { + padding: 0 0 var(--space-6, 48px); + background: var(--color-bg, #FFFFFF); +} +.teacher-single__segments-grid { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: clamp(16px, 2vw, 24px); + margin-top: var(--space-4, 24px); +} +.teacher-single__segment-card { + display: flex; + flex-direction: column; + padding: var(--space-4, 24px); + border: 1px solid var(--color-border, #E2E8F0); + border-radius: var(--radius-lg, 24px); + background: var(--color-bg-card, #FFFFFF); + box-shadow: var(--shadow-sm, 0 2px 12px rgba(15, 23, 42, .05)); +} +.teacher-single__segment-icon { + display: inline-flex; + align-items: center; + justify-content: center; + width: 44px; + height: 44px; + margin-bottom: 14px; + border-radius: 14px; + background: var(--color-primary-light, #EFF6FF); + color: var(--color-primary, #2563EB); + font-family: var(--font-display, inherit); + font-weight: 800; + font-size: 1rem; +} +.teacher-single__segment-title { + font-family: var(--font-display, inherit); + font-size: 1.125rem; + font-weight: 700; + margin: 0 0 8px; +} +.teacher-single__segment-text { + margin: 0; + font-size: 0.9375rem; + line-height: 1.65; + color: var(--color-text-muted, #475569); +} +.teacher-single__spoiler { + margin-top: var(--space-4, 24px); + border: 1px dashed var(--color-border, #CBD5E1); + border-radius: var(--radius-lg, 20px); + background: var(--color-surface-soft, #F8FAFC); +} +.teacher-single__spoiler-summary { + padding: 18px 22px; + font-size: 1rem; + font-weight: 700; + color: var(--color-primary, #2563EB); + cursor: pointer; + list-style: none; +} +.teacher-single__spoiler-summary::-webkit-details-marker { + display: none; +} +.teacher-single__spoiler-summary::after { + content: '+'; + float: right; + font-weight: 800; + font-size: 1.3rem; + color: var(--color-primary, #2563EB); + transition: transform .2s; +} +.teacher-single__spoiler[open] .teacher-single__spoiler-summary::after { + content: '−'; +} +.teacher-single__spoiler-body { + padding: 0 22px 22px; +} +.teacher-single__spoiler-body p { + margin: 0 0 16px; + color: var(--color-text-muted, #475569); +} + +/* ── История + таймлайн ── */ +.teacher-single__story { + padding: var(--space-6, 48px) 0; + background: var(--color-surface-soft, #F8FAFC); +} +.teacher-single__story-grid { + display: grid; + grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); + gap: clamp(24px, 4vw, 48px); + align-items: start; +} +.teacher-single__story-text { + font-size: 0.9375rem; + line-height: 1.7; + color: var(--color-text-muted, #475569); +} +.teacher-single__story-text p { + margin: 0 0 12px; +} +.teacher-single__story-steps .bento-h2 { + margin-bottom: 20px; +} +.teacher-single__timeline { + list-style: none; + margin: 0; + padding: 0; + counter-reset: none; +} +.teacher-single__timeline-item { + position: relative; + display: flex; + gap: 16px; + padding: 0 0 20px 0; +} +.teacher-single__timeline-item:not(:last-child)::before { + content: ''; + position: absolute; + left: 21px; + top: 40px; + bottom: 0; + width: 2px; + background: var(--color-border, #E2E8F0); +} +.teacher-single__timeline-num { + flex: none; + display: inline-flex; + align-items: center; + justify-content: center; + width: 42px; + height: 42px; + border-radius: 50%; + background: var(--color-primary, #2563EB); + color: #FFFFFF; + font-weight: 800; +} +.teacher-single__timeline-content h3 { + margin: 2px 0 4px; + font-size: 1rem; + font-weight: 700; +} +.teacher-single__timeline-content p { + margin: 0; + font-size: 0.9375rem; + line-height: 1.6; + color: var(--color-text-muted, #475569); +} + +/* ── Видео ── */ +.teacher-single__video { + padding: var(--space-6, 48px) 0; + background: var(--color-bg, #FFFFFF); +} +.teacher-single__video-frame { + position: relative; + max-width: 860px; + aspect-ratio: 16 / 9; + border-radius: var(--radius-lg, 20px); + overflow: hidden; + background: #0F172A; + box-shadow: var(--shadow-md, 0 8px 24px rgba(15, 23, 42, .1)); +} +.teacher-single__video-frame iframe, +.teacher-single__video-frame video { + position: absolute; + inset: 0; + width: 100%; + height: 100%; + border: 0; +} + +/* ── Кейсы ── */ +.teacher-single__cases { + padding: var(--space-6, 48px) 0; + background: var(--color-bg, #FFFFFF); +} +.teacher-single__cases-tabs { + display: flex; + flex-wrap: wrap; + gap: 10px; + margin: var(--space-4, 24px) 0 0; +} +.teacher-single__case-tab { + padding: 10px 22px; + border: 1px solid var(--color-border, #E2E8F0); + border-radius: var(--radius-pill, 100px); + background: var(--color-bg, #FFFFFF); + color: var(--color-text, #1E293B); + font-size: 0.9375rem; + font-weight: 700; + cursor: pointer; + transition: background .2s, color .2s, border-color .2s; +} +.teacher-single__case-tab:hover { + border-color: var(--color-primary, #2563EB); + color: var(--color-primary, #2563EB); +} +.teacher-single__case-tab.is-active { + background: var(--color-primary, #2563EB); + border-color: var(--color-primary, #2563EB); + color: #FFFFFF; +} +.teacher-single__case-panel { + display: none; + margin-top: var(--space-4, 24px); +} +.teacher-single__case-panel.is-active { + display: block; +} +.teacher-single__cases-grid { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: clamp(14px, 2vw, 20px); +} +.teacher-single__case-card { + position: relative; + padding: 22px; + border-radius: var(--radius-lg, 20px); + background: var(--color-primary-light, #EFF6FF); +} +.teacher-single__case-card p { + margin: 0; + font-size: 0.9375rem; + line-height: 1.7; + color: var(--color-text, #1E293B); +} +.teacher-single__case-mark { + position: absolute; + top: 2px; + right: 14px; + font-family: Georgia, serif; + font-size: 3rem; + line-height: 1; + color: rgba(37, 99, 235, 0.25); +} + +/* ── Образование ── */ +.teacher-single__edu { + padding: var(--space-6, 48px) 0; + background: var(--color-surface-soft, #F8FAFC); +} +.teacher-single__edu-grid { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: clamp(24px, 3vw, 40px); + margin-top: var(--space-3, 16px); +} +.teacher-single__edu-h { + margin: 0 0 12px; + font-size: 1.05rem; + font-weight: 700; +} +.teacher-single__edu-text { + font-size: 0.9375rem; + line-height: 1.7; + color: var(--color-text-muted, #475569); + margin-bottom: 20px; +} +.teacher-single__subject-list { + list-style: none; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + gap: 14px; +} +.teacher-single__subject-list li { + padding: 14px 16px; + border-radius: 14px; + background: var(--color-bg, #FFFFFF); + border: 1px solid var(--color-border, #E2E8F0); +} +.teacher-single__subject-list strong { + display: block; + margin-bottom: 4px; +} +.teacher-single__subject-list span { + display: inline-block; + margin: 2px 6px 0 0; + padding: 4px 10px; + border-radius: var(--radius-pill, 100px); + background: var(--color-primary-light, #EFF6FF); + color: var(--color-primary, #2563EB); + font-size: 0.8125rem; +} +.teacher-single__cert-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); + gap: 14px; + margin-top: var(--space-4, 24px); +} +.teacher-single__cert { + margin: 0; + border-radius: 14px; + overflow: hidden; + border: 1px solid var(--color-border, #E2E8F0); + background: #FFFFFF; +} +.teacher-single__cert img { + display: block; + width: 100%; + height: 160px; + object-fit: cover; +} + +/* ── FAQ ── */ +.teacher-single__faq { + padding: var(--space-6, 48px) 0; + background: var(--color-bg, #FFFFFF); +} +.teacher-single__faq-list { + max-width: 860px; + display: flex; + flex-direction: column; + gap: 12px; + margin-top: var(--space-4, 24px); +} +.teacher-single__faq-item { + border: 1px solid var(--color-border, #E2E8F0); + border-radius: 16px; + background: var(--color-bg, #FFFFFF); + overflow: hidden; +} +.teacher-single__faq-item summary { + padding: 16px 20px; + font-size: 1rem; + font-weight: 700; + cursor: pointer; + list-style: none; + display: flex; + justify-content: space-between; + align-items: center; + gap: 12px; +} +.teacher-single__faq-item summary::-webkit-details-marker { + display: none; +} +.teacher-single__faq-item summary::after { + content: '+'; + flex: none; + font-size: 1.3rem; + font-weight: 800; + color: var(--color-primary, #2563EB); +} +.teacher-single__faq-item[open] summary::after { + content: '−'; +} +.teacher-single__faq-item p { + margin: 0; + padding: 0 20px 18px; + font-size: 0.9375rem; + line-height: 1.7; + color: var(--color-text-muted, #475569); +} + +/* ── Доверие ── */ +.teacher-single__trust { + padding: var(--space-6, 48px) 0; + background: var(--color-bg, #FFFFFF); +} +.teacher-single__trust-inner { + display: flex; + gap: 20px; + align-items: flex-start; + max-width: 860px; +} +.teacher-single__trust-shield { + flex: none; + display: inline-flex; + align-items: center; + justify-content: center; + width: 56px; + height: 56px; + border-radius: 18px; + background: var(--color-primary, #2563EB); + color: #FFFFFF; + font-size: 1.6rem; + font-weight: 800; +} +.teacher-single__trust-text { + margin: 0; + font-size: 0.9375rem; + line-height: 1.7; + color: var(--color-text-muted, #475569); +} + +/* ── Финальный CTA ── */ +.teacher-single__final { + padding: var(--space-6, 48px) 0; + background: var(--color-primary-light, #EFF6FF); +} +.teacher-single__final-inner { + text-align: center; + max-width: 720px; + margin: 0 auto; +} +.teacher-single__final-text { + margin: 0 auto; + font-size: 1rem; + line-height: 1.7; + color: var(--color-text-muted, #475569); + max-width: 58ch; +} +.teacher-single__final-inner .teacher-single__hero-cta { + justify-content: center; +} +.teacher-single__final-inner .teacher-single__risk-note { + color: var(--color-text-muted, #475569); +} +.teacher-single__final .teacher-single__btn--ghost { + border-color: rgba(37, 99, 235, 0.4); + background: #FFFFFF; + color: var(--color-primary, #2563EB); +} +.teacher-single__final .teacher-single__btn--ghost:hover { + background: var(--color-primary, #2563EB); + color: #FFFFFF; +} + +/* ── Sticky CTA (mobile) ── */ +.teacher-single__sticky { + position: fixed; + left: 0; + right: 0; + bottom: 0; + z-index: 60; + padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); + background: rgba(255, 255, 255, 0.96); + border-top: 1px solid var(--color-border, #E2E8F0); + box-shadow: 0 -6px 24px rgba(15, 23, 42, 0.1); + backdrop-filter: blur(8px); +} +.teacher-single__sticky[hidden] { + display: none; +} +.teacher-single__sticky-inner { + display: flex; + gap: 10px; + align-items: center; + max-width: 640px; + margin: 0 auto; +} +.teacher-single__sticky .teacher-single__btn { + flex: 1; + padding: 12px 16px; + font-size: 0.9375rem; +} +.teacher-single__sticky-icon { + flex: none; + display: inline-flex; + align-items: center; + justify-content: center; + width: 48px; + height: 48px; + border-radius: 50%; + border: 1px solid var(--color-border, #E2E8F0); + color: var(--color-primary, #2563EB); + background: #FFFFFF; + text-decoration: none; +} + +/* ═══════════════ АДАПТИВ ═══════════════ */ +@media (max-width: 1024px) { + .teacher-single__story-grid { + grid-template-columns: 1fr; + } +} + +@media (max-width: 768px) { + .teacher-single__hero .ds-hero__inner { + flex-direction: column; + } + .teacher-single__hero .ds-hero__visual.teacher-single__visual { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + margin: 0; + order: 2; + } + .teacher-single__visual .ds-hero__photo-frame { + width: 220px; + height: 220px; + } + .teacher-single__visual .ds-hero__photo-ring { + width: 252px; + height: 252px; + } + .teacher-single__hero-cta, + .teacher-single__final-inner .teacher-single__hero-cta { + flex-direction: column; + align-items: stretch; + } + .teacher-single__btn { + width: 100%; + } + .teacher-single__metrics, + .teacher-single__segments, + .teacher-single__video, + .teacher-single__cases, + .teacher-single__edu, + .teacher-single__faq, + .teacher-single__trust, + .teacher-single__final, + .teacher-single__scarcity, + .teacher-single__courses, + .teacher-single__results, + .teacher-single__geo { + padding: var(--space-4, 24px) 0; + } + .teacher-single__scarcity { + padding-bottom: var(--space-4, 24px); + } + .teacher-single__segments-grid, + .teacher-single__cases-grid, + .teacher-single__edu-grid { + grid-template-columns: 1fr; + } + .teacher-single__scarcity-inner { + align-items: flex-start; + flex-direction: column; + gap: 12px; + } + .teacher-single__timeline-item { + padding-bottom: 16px; + } +} + +@media (prefers-reduced-motion: reduce) { + .teacher-single__spoiler-summary::after, + .teacher-single__faq-item summary::after { + transition: none; + } +} + +/* ════════════════════════════════════════════ + Taste audit 2026-09-09 — правки дизайн-системы (scoped, только single-teacher) + ════════════════════════════════════════════ */ + +/* Hero: фиолет-глоу из общего ds-hero (main.css) → бренд-синий #2563EB */ +.teacher-single__hero { + background-image: + radial-gradient(ellipse 80% 70% at 20% 40%, rgba(37, 99, 235, 0.10) 0%, transparent 70%), + radial-gradient(ellipse 60% 60% at 80% 60%, rgba(29, 78, 216, 0.06) 0%, transparent 70%); +} +.teacher-single__hero .ds-hero__photo-frame { + border-width: 4px; + box-shadow: + 0 20px 60px rgba(37, 99, 235, 0.18), + 0 8px 24px rgba(0, 0, 0, 0.2), + inset 0 0 0 3px rgba(255, 255, 255, 0.5); +} +.teacher-single__hero .ds-hero__photo-ring { + border-color: rgba(37, 99, 235, 0.18); +} + +/* Кнопки: единый вес DS (600), фокус-кольца, tactile-отклик */ +.teacher-single__btn { + font-weight: 600; +} +.teacher-single__btn:focus-visible, +.teacher-single__case-tab:focus-visible, +.teacher-single__spoiler-summary:focus-visible, +.teacher-single__faq-item summary:focus-visible { + outline: 3px solid var(--color-primary, #2563EB); + outline-offset: 2px; +} +.teacher-single__btn:active { + transform: scale(0.98); +} + +/* Карточки: единый радиус 20 (--radius-md = --card-radius), hover-элевация по DS */ +.teacher-single__metric, +.teacher-single__scarcity-inner, +.teacher-single__segment-card, +.teacher-single__spoiler, +.teacher-single__video-frame, +.teacher-single__case-card { + border-radius: var(--radius-md, 20px); +} +.teacher-single__segment-card, +.teacher-single__case-card { + transition: transform .2s, box-shadow .2s; +} +.teacher-single__segment-card:hover, +.teacher-single__case-card:hover { + transform: translateY(-4px); + box-shadow: var(--shadow-md, 0 8px 24px rgba(15, 23, 42, 0.1)); +} + +/* Микро-плитки: радиус 16 (иконки, серты, subject-list, FAQ, trust-shield) */ +.teacher-single__segment-icon, +.teacher-single__cert, +.teacher-single__subject-list li, +.teacher-single__trust-shield, +.teacher-single__faq-item { + border-radius: 16px; +} + +/* Кейс-кавычка: компактнее (svg-quote в спрайте нет) */ +.teacher-single__case-mark { + font-size: 2.2rem; +} + +/* Полоса дефицита: ровный amber вместо выцветания в белый */ +.teacher-single__scarcity-inner { + background: linear-gradient(90deg, #FEF3C7 0%, #FEFCE8 100%); + border-color: #FDE68A; +} + +/* ── Полоса дефицита: выравнивание (fix 2026-09-09) ── + Desktop: числа + лейблы + note — одна baseline-строка, без растягивания. + Mobile: строка вместо колонки, компактные отступы — убирает «пустой столбец». */ +.teacher-single__scarcity-inner { + justify-content: center; + align-items: center; + gap: 10px 24px; + padding: 16px 24px; +} +.teacher-single__scarcity-item { + align-items: center; + gap: 8px; +} +.teacher-single__scarcity-label { + white-space: nowrap; +} +.teacher-single__scarcity-num { + line-height: 1; +} +.teacher-single__scarcity-note { + flex: 0 1 auto; + margin: 0; +} +@media (max-width: 768px) { + .teacher-single__scarcity-inner { + flex-direction: row; + flex-wrap: wrap; + align-items: center; + gap: 8px 12px; + padding: 12px 16px; + } + .teacher-single__scarcity-num { + font-size: 1.25rem; + } + .teacher-single__scarcity-label { + font-size: 0.875rem; + white-space: normal; + } + .teacher-single__scarcity-note { + flex-basis: 100%; + margin: 2px 0 0; + font-size: 0.8125rem; + line-height: 1.45; + } +} + +/* ── FAQ: две колонки на десктопе ── */ +@media (min-width: 768px) { + .teacher-single__faq-list { + max-width: none; + display: grid; + grid-template-columns: 1fr 1fr; + gap: 14px; + align-items: start; + } +} + +/* ── Доверие «Работаем официально»: центрированная карточка (fix 2026-09-09) ── + Белый на белом сливался с соседями (отзывы/преподаватели) — теперь + выделенная плашка по центру страницы. */ +.teacher-single__trust { + padding: 8px 0 var(--space-5, 32px); + background: transparent; +} +.teacher-single__trust-inner { + display: flex; + align-items: center; + justify-content: center; + gap: 20px; + max-width: 760px; + margin: 0 auto; + padding: 26px 32px; + border: 1px solid var(--color-border, #E2E8F0); + border-radius: var(--radius-md, 20px); + background: var(--color-surface-soft, #F8FAFC); + box-shadow: var(--shadow-sm, 0 2px 12px rgba(15, 23, 42, 0.05)); +} +.teacher-single__trust-shield { + flex: none; +} +.teacher-single__trust-text { + font-size: 0.925rem; + line-height: 1.65; +} + +/* ── Блок экспертности E-E-A-T (автор — преподаватель), как на ПКШ ── */ +.teacher-single .author-info-section { + padding: 12px 0 var(--space-5, 32px); + border-top: 1px solid var(--color-border, #E2E8F0); +} +.teacher-single .author-info__inner { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 12px 32px; + max-width: 800px; + margin: 0 auto; + text-align: center; +} +.teacher-single .author-info__copyright, +.teacher-single .author-info__author, +.teacher-single .author-info__label { + font-size: 0.875rem; + color: var(--color-text-muted, #475569); +} +.teacher-single .author-info__author { + font-size: 0.875rem; + color: var(--color-text-muted, #475569); +} +.teacher-single .author-info__label { + font-weight: 600; +} +.teacher-single .author-info__name { + font-weight: 600; + color: var(--color-text, #0F172A); +} +.teacher-single .author-info__creds { + color: var(--color-text-muted, #475569); + font-style: italic; +} +.teacher-single .author-info__dates { + font-size: 0.8125rem; + color: var(--color-text-muted, #475569); + display: flex; + gap: 16px; +} +@media (max-width: 639px) { + .teacher-single .author-info__inner { + flex-direction: column; + gap: 8px; + } + .teacher-single .author-info__dates { + flex-direction: column; + gap: 4px; + } +} + +@media (max-width: 768px) { + .teacher-single__trust { + padding: var(--space-3, 16px) 0 var(--space-4, 24px); + } + .teacher-single__trust-inner { + align-items: center; + gap: 14px; + padding: 18px 16px; + border-radius: var(--radius-md, 20px); + } + .teacher-single__trust-shield { + width: 48px; + height: 48px; + border-radius: 14px; + font-size: 1.3rem; + } + .teacher-single__trust-shield svg { + width: 24px; + height: 24px; + } + .teacher-single__trust-text { + font-size: 0.875rem; + line-height: 1.55; + } +} + +/* ════════════════════════════════════════════ + Программы и направления (H2-секции курсов) + Результаты + Гео — 2026-09-13 + ════════════════════════════════════════════ */ + +/* ── Программы и направления ── */ +.teacher-single__courses { + padding: var(--space-6, 48px) 0; + background: var(--color-bg, #FFFFFF); +} +.teacher-single__courses-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); + gap: clamp(14px, 2vw, 20px); + align-items: start; +} +.teacher-single__course { + padding: clamp(18px, 2.5vw, 26px); + border: 1px solid var(--color-border, #E2E8F0); + border-radius: var(--radius-lg, 20px); + background: var(--color-surface-soft, #F8FAFC); + scroll-margin-top: 96px; + display: flex; + flex-direction: column; +} +.teacher-single__course-head { + display: flex; + flex-wrap: wrap; + gap: 10px; + align-items: baseline; + justify-content: space-between; + margin-bottom: 10px; +} +.teacher-single__course-title { + font-family: var(--font-display, inherit); + font-size: clamp(1.15rem, 1.6vw, 1.4rem); + font-weight: 700; + line-height: 1.3; + color: var(--color-text, #1E293B); + margin: 0; + text-wrap: balance; +} +.teacher-single__course-link { + font-size: 0.875rem; + font-weight: 600; + color: var(--color-primary, #2563EB); + text-decoration: none; +} +.teacher-single__course-link:hover, +.teacher-single__course-link:focus-visible { + text-decoration: underline; +} +.teacher-single__course-desc { + font-size: 0.9375rem; + line-height: 1.6; + color: var(--color-text-muted, #475569); + margin: 0 0 14px; + max-width: 70ch; +} +.teacher-single__course-topics { + display: flex; + flex-wrap: wrap; + gap: 6px 8px; + list-style: none; + margin: 0 0 16px; + padding: 0; +} +.teacher-single__course-topic { + display: inline-block; + padding: 4px 12px; + border: 1px solid var(--color-border, #E2E8F0); + border-radius: 999px; + background: var(--color-bg, #FFFFFF); + font-size: 0.8125rem; + font-weight: 500; + line-height: 1.4; + color: var(--color-text-muted, #475569); +} +.teacher-single__course-foot { + display: flex; + flex-wrap: wrap; + gap: 16px; + align-items: center; + justify-content: space-between; + padding-top: 14px; + margin-top: auto; + border-top: 1px solid var(--color-border, #E2E8F0); +} + +/* ── Измеримые результаты ── */ +.teacher-single__results { + padding: var(--space-6, 48px) 0; + background: var(--color-bg, #FFFFFF); +} +.teacher-single__results-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: clamp(14px, 2vw, 20px); +} +.teacher-single__result { + padding: 22px 20px; + border: 1px solid var(--color-border, #E2E8F0); + border-radius: var(--radius-lg, 20px); + background: var(--color-surface-soft, #F8FAFC); + display: flex; + flex-direction: column; + align-items: center; + text-align: center; +} +.teacher-single__result-num { + font-family: var(--font-display, inherit); + font-size: clamp(1.5rem, 2.6vw, 2rem); + font-weight: 800; + line-height: 1.15; + color: var(--color-primary, #2563EB); + margin-bottom: 6px; +} +.teacher-single__result-text { + font-size: 0.875rem; + line-height: 1.5; + color: var(--color-text-muted, #475569); +} + +/* ── Гео-покрытие ── */ +.teacher-single__geo { + padding: var(--space-6, 48px) 0; + background: var(--color-bg, #FFFFFF); +} +.teacher-single__geo-inner { + display: grid; + gap: 20px; +} +.teacher-single__geo-cities { + list-style: none; + margin: 0; + padding: 0; + display: flex; + flex-wrap: wrap; + gap: 8px; + align-content: flex-start; + align-self: start; +} +.teacher-single__geo-cities li { + display: inline-flex; + align-items: center; + flex: 0 0 auto; + white-space: nowrap; + padding: 8px 16px; + border-radius: 999px; + background: var(--color-surface-soft, #F8FAFC); + border: 1px solid var(--color-border, #E2E8F0); + font-size: 0.9rem; + font-weight: 600; + color: var(--color-text, #1E293B); +} +.teacher-single__geo-logistics { + list-style: none; + margin: 0; + padding: 0; + display: grid; + gap: 10px; +} +.teacher-single__geo-logistics li { + display: flex; + align-items: center; + gap: 8px; + font-size: 0.9375rem; + color: var(--color-text, #1E293B); +} +.teacher-single__geo-pin { + color: var(--color-primary, #2563EB); + display: inline-flex; + flex-shrink: 0; +} +@media (min-width: 760px) { + .teacher-single__geo-inner { + grid-template-columns: minmax(0, 1fr) auto; + gap: 20px 28px; + justify-content: start; + } + .teacher-single__geo-cities { + max-width: 340px; /* чипы городов компактные, не размазываются */ + } + .teacher-single__geo-logistics { + grid-column: 1 / -1; + } +} +@media (max-width: 639px) { + .teacher-single__course-head { + flex-direction: column; + align-items: flex-start; + gap: 6px; + } + .teacher-single__course-foot { + flex-direction: column; + align-items: flex-start; + } +} + diff --git a/wp-content/themes/dekart/assets/js/add.js b/wp-content/themes/dekart/assets/js/add.js index 2bfb826..70a6250 100644 --- a/wp-content/themes/dekart/assets/js/add.js +++ b/wp-content/themes/dekart/assets/js/add.js @@ -87,7 +87,7 @@ document.addEventListener("click", function (event) { }); try { - var swiperPopularSubjects = new Swiper(".swiper-popular-subjects", { + new Swiper(".swiper-popular-subjects", { spaceBetween: 10, slidesPerView: 1, speed: 400, @@ -99,10 +99,10 @@ try { }, navigation: { nextEl: ".subject-next", prevEl: ".subject-prev" } }); -} catch(e) { /* skip — swiper not on this page */ } +} catch { /* skip — swiper not on this page */ } try { - var swiperFoto = new Swiper(".swiper-foto", { + new Swiper(".swiper-foto", { spaceBetween: 10, slidesPerView: 1, speed: 400, @@ -111,15 +111,15 @@ try { navigation: { nextEl: ".foto-next", prevEl: ".foto-prev" }, pagination: { el: ".swiper-pagination", clickable: true } }); -} catch(e) { /* skip — swiper not on this page */ } +} catch { /* skip — swiper not on this page */ } -try { var swiperNews = new Swiper(".swiper-news", { spaceBetween: 10, slidesPerView: 1, speed: 400, preventInteractionOnTransition: true, keyboard: true, breakpoints: { 680: { slidesPerView: 2, speed: 400 }, 860: { slidesPerView: 3, speed: 400 } }, navigation: { nextEl: ".news-next", prevEl: ".news-prev" } }); } catch(e) { /* skip */ } +try { new Swiper(".swiper-news", { spaceBetween: 10, slidesPerView: 1, speed: 400, preventInteractionOnTransition: true, keyboard: true, breakpoints: { 680: { slidesPerView: 2, speed: 400 }, 860: { slidesPerView: 3, speed: 400 } }, navigation: { nextEl: ".news-next", prevEl: ".news-prev" } }); } catch { /* skip */ } -try { var swiperCertificates = new Swiper(".certificates-owl", { spaceBetween: 10, slidesPerView: 1, speed: 400, loop: true, preventInteractionOnTransition: true, keyboard: true, navigation: { nextEl: ".certificates-owl-next", prevEl: ".certificates-owl-prev" } }); } catch(e) { /* skip */ } +try { new Swiper(".certificates-owl", { spaceBetween: 10, slidesPerView: 1, speed: 400, loop: true, preventInteractionOnTransition: true, keyboard: true, navigation: { nextEl: ".certificates-owl-next", prevEl: ".certificates-owl-prev" } }); } catch { /* skip */ } -try { var swiperReviews = new Swiper(".reviews-owl", { spaceBetween: 40, speed: 400, slidesPerView: 1, keyboard: true, breakpoints: { 860: { slidesPerView: 2, speed: 400 } }, navigation: { nextEl: ".reviews-owl-next", prevEl: ".reviews-owl-prev" } }); } catch(e) { /* skip */ } +try { new Swiper(".reviews-owl", { spaceBetween: 40, speed: 400, slidesPerView: 1, keyboard: true, breakpoints: { 860: { slidesPerView: 2, speed: 400 } }, navigation: { nextEl: ".reviews-owl-next", prevEl: ".reviews-owl-prev" } }); } catch { /* skip */ } -try { var swiperTeachers = new Swiper(".teachers-owl", { spaceBetween: 30, speed: 400, slidesPerView: 1, keyboard: true, breakpoints: { 540: { slidesPerView: 2 }, 860: { slidesPerView: 4 }, 992: { slidesPerView: 4, spaceBetween: 36 } }, navigation: { nextEl: ".teachers-owl-next", prevEl: ".teachers-owl-prev" } }); } catch(e) { /* skip */ } +try { new Swiper(".teachers-owl", { spaceBetween: 30, speed: 400, slidesPerView: 1, keyboard: true, breakpoints: { 540: { slidesPerView: 2 }, 860: { slidesPerView: 4 }, 992: { slidesPerView: 4, spaceBetween: 36 } }, navigation: { nextEl: ".teachers-owl-next", prevEl: ".teachers-owl-prev" } }); } catch { /* skip */ } setTimeout(() => { document.querySelectorAll('.b24-form-content .b24-form-btn').forEach(btn => { @@ -247,7 +247,7 @@ document.querySelectorAll('.header-menu').forEach(item => { /* ── FAQ Accordion (mystyle-accordion) ── */ document.querySelectorAll('.mystyle-accordion-trigger').forEach(trigger => { - trigger.addEventListener('click', function(e) { + trigger.addEventListener('click', function() { const item = this.closest('.mystyle-accordion-item'); if (!item) return; const isOpen = item.classList.contains('active'); diff --git a/wp-content/themes/dekart/assets/js/admin-branch-tabs.js b/wp-content/themes/dekart/assets/js/admin-branch-tabs.js new file mode 100644 index 0000000..7124d72 --- /dev/null +++ b/wp-content/themes/dekart/assets/js/admin-branch-tabs.js @@ -0,0 +1,103 @@ +/** + * Админ: Настройки филиала — вертикальные вкладки. + * + * Секции .branch-section превращаются в панели: слева список-навигация, + * справа содержимое активной вкладки. Активная вкладка запоминается + * (localStorage) и отражается в #hash — удобно для ссылок/перезагрузок. + * Старый аккордеон (h2) остаётся в DOM, но скрыт. + */ +(function () { + 'use strict'; + + var sections = document.querySelectorAll('.branch-section'); + var form = document.querySelector('form[action="options.php"]'); + + if (! form || sections.length < 2) { + return; + } + + var list = Array.prototype.slice.call(sections); + + // ── Каркас: навигация + контент ── + var wrap = document.createElement('div'); + wrap.className = 'dekart-branch-tabs'; + + var nav = document.createElement('nav'); + nav.className = 'dekart-branch-tabs__nav'; + nav.setAttribute('aria-label', 'Разделы настроек филиала'); + + var ul = document.createElement('ul'); + nav.appendChild(ul); + + var content = document.createElement('div'); + content.className = 'dekart-branch-tabs__content'; + + // Названия вкладок — из скрытых h2 секций. + var buttons = []; + list.forEach(function (section, i) { + var h2 = section.querySelector(':scope > h2'); + var label = h2 ? h2.textContent.trim() : ('Раздел ' + (i + 1)); + + var li = document.createElement('li'); + var btn = document.createElement('button'); + btn.type = 'button'; + btn.textContent = label; + btn.dataset.tab = String(i); + li.appendChild(btn); + ul.appendChild(li); + buttons.push(btn); + }); + + // Встраиваем каркас ПЕРЕД перемещением секций (form.insertBefore + // с отвязанным узлом падал бы — секции оставались вне формы). + form.insertBefore(wrap, list[0]); + wrap.appendChild(nav); + wrap.appendChild(content); + + // Переносим секции в область контента уже после подключения каркаса. + list.forEach(function (section) { + section.classList.remove('collapsed'); + section.setAttribute('role', 'tabpanel'); + content.appendChild(section); + }); + + var activate = function (i) { + i = Math.max(0, Math.min(i, list.length - 1)); + list.forEach(function (section, j) { + section.classList.toggle('is-active', j === i); + }); + buttons.forEach(function (btn, j) { + btn.classList.toggle('is-active', j === i); + }); + try { + localStorage.setItem('dekart_branch_tab', String(i)); + } catch { /* приватный режим — не критично */ } + }; + + buttons.forEach(function (btn) { + btn.addEventListener('click', function () { + var i = parseInt(btn.dataset.tab, 10); + activate(i); + if (history.replaceState) { + history.replaceState(null, '', '#tab=' + (i + 1)); + } + }); + }); + + // Стартовая вкладка: #hash > localStorage > первая. + var start = 0; + var hashMatch = (location.hash || '').match(/tab=(\d+)/); + if (hashMatch) { + start = parseInt(hashMatch[1], 10) - 1; + } else { + try { + var saved = parseInt(localStorage.getItem('dekart_branch_tab'), 10); + if (! isNaN(saved) && saved >= 0 && saved < list.length) { + start = saved; + } + } catch { /* ignore */ } + } + + // submit остаётся под контентом. + activate(start); +})(); \ No newline at end of file diff --git a/wp-content/themes/dekart/assets/js/admin-teacher-tabs.js b/wp-content/themes/dekart/assets/js/admin-teacher-tabs.js new file mode 100644 index 0000000..73ef7dc --- /dev/null +++ b/wp-content/themes/dekart/assets/js/admin-teacher-tabs.js @@ -0,0 +1,43 @@ +/** + * Админ: страховка вкладок Carbon Fields (преподаватель). + * + * Carbon строит вкладки через React не мгновенно — на короткое время поля + * могут быть видны списком. Если после полной загрузки вкладки так и не + * собрались (класс cf-container--tabbed есть, списка вкладок нет) — это + * сбой инициализации CF: помечаем метабокс красной рамкой и логируем, + * чтобы починить корень, а не камуфлировать. + * + * Никаких авто-перезагрузок: можно потерять несохранённые правки. + */ +(function () { + 'use strict'; + + if (! document.body.classList.contains('post-type-teacher')) { + return; + } + + var markBroken = function () { + document.body.classList.add('dekart-cf-tabs-broken'); + if (window.console && console.warn) { + console.warn('[dekart] Carbon Fields: вкладки преподавателя не собрались. Обновите страницу (если нет несохранённых правок) или проверьте консоль на ошибки.'); + } + }; + + window.addEventListener('load', function () { + var checks = 0; + var timer = window.setInterval(function () { + var tabbed = document.querySelector('.cf-container--tabbed'); + var nav = document.querySelector('.cf-container__tabs-list'); + + if (nav || ! tabbed) { + window.clearInterval(timer); + return; + } + checks += 1; + if (checks >= 10) { // ~4 сек: CF так долго не собирает вкладки + window.clearInterval(timer); + markBroken(); + } + }, 400); + }); +})(); \ No newline at end of file diff --git a/wp-content/themes/dekart/assets/js/camp.js b/wp-content/themes/dekart/assets/js/camp.js index be3d15c..9d03f62 100644 --- a/wp-content/themes/dekart/assets/js/camp.js +++ b/wp-content/themes/dekart/assets/js/camp.js @@ -1,8 +1,8 @@ // Gallery modal document.addEventListener('click', function(e) { + var modal = document.getElementById('lw-modal-gallery'); var thumb = e.target.closest('.lw-gallery__thumb'); if (thumb) { - var modal = document.getElementById('lw-modal-gallery'); var img = modal.querySelector('.lw-modal__img'); img.src = thumb.dataset.full; modal.classList.add('lw-modal--open'); @@ -11,7 +11,6 @@ document.addEventListener('click', function(e) { } var close = e.target.closest('.lw-modal__close, .lw-modal__overlay'); if (close) { - var modal = document.getElementById('lw-modal-gallery'); modal.classList.remove('lw-modal--open'); document.body.style.overflow = ''; return; @@ -33,10 +32,10 @@ const btnCloseModalMentors = document.querySelector('.btn-close-mentors'); const modalPrograms = document.querySelector('.modal-programs'); const modalMentors = document.querySelector('.modal-mentors'); -btnCloseModalPrograms.addEventListener("click", function (event) { +btnCloseModalPrograms.addEventListener("click", function () { modalPrograms.classList.remove('open'); }); -btnCloseModalMentors.addEventListener("click", function (event) { +btnCloseModalMentors.addEventListener("click", function () { modalMentors.classList.remove('open'); }); diff --git a/wp-content/themes/dekart/assets/js/single-teacher.js b/wp-content/themes/dekart/assets/js/single-teacher.js new file mode 100644 index 0000000..10c5e9e --- /dev/null +++ b/wp-content/themes/dekart/assets/js/single-teacher.js @@ -0,0 +1,51 @@ +/** + * Личная страница преподавателя — кейсы (табы), sticky CTA (mobile). + * Reveal-анимации глобальные (add.js), здесь только интерактив страницы. + */ +(function () { + 'use strict'; + + // ── Кейсы: табы 9/11 ── + var tabs = document.querySelectorAll('.teacher-single__case-tab'); + var panels = document.querySelectorAll('.teacher-single__case-panel'); + + if (tabs.length && panels.length) { + Array.prototype.forEach.call(tabs, function (tab) { + tab.addEventListener('click', function () { + var value = tab.getAttribute('data-case-tab'); + Array.prototype.forEach.call(tabs, function (t) { + var active = t === tab; + t.classList.toggle('is-active', active); + t.setAttribute('aria-selected', active ? 'true' : 'false'); + }); + Array.prototype.forEach.call(panels, function (panel) { + panel.classList.toggle('is-active', panel.getAttribute('data-case-panel') === value); + }); + }); + }); + } + + // ── Sticky CTA (mobile): показать после hero ── + var sticky = document.querySelector('.teacher-single__sticky'); + if (sticky) { + var hero = document.querySelector('.teacher-single__hero'); + if (hero) { + var showSticky = function () { + sticky.hidden = window.scrollY < hero.offsetHeight - 80; + }; + showSticky(); + var ticking = false; + window.addEventListener('scroll', function () { + if (!ticking) { + window.requestAnimationFrame(function () { + showSticky(); + ticking = false; + }); + ticking = true; + } + }, { passive: true }); + } else { + sticky.hidden = false; + } + } +})(); diff --git a/wp-content/themes/dekart/functions.php b/wp-content/themes/dekart/functions.php index 0312314..022dd7a 100644 --- a/wp-content/themes/dekart/functions.php +++ b/wp-content/themes/dekart/functions.php @@ -766,6 +766,19 @@ function add_carbon() } } + // Программы из каталога филиала (Настройки → Филиал → «Программы и направления»). + // Преподаватель только выбирает программу; цены/ссылки — из каталога. + $teacher_program_options = array( + '' => '— Выберите программу —', + ); + $branch_programs_catalog = (array) get_option('branch_programs', array()); + foreach ($branch_programs_catalog as $bp_item) { + $bp_name = trim((string) ( $bp_item['name'] ?? '' )); + if ('' !== $bp_name && ! isset($teacher_program_options[ $bp_name ])) { + $teacher_program_options[ $bp_name ] = $bp_name; + } + } + // Иконки для плашек hero — только из SVG-спрайта (use href="#icon-*") $school_hero_float_icons = array( 'teacher' => '👨‍🏫 Учитель', @@ -1460,43 +1473,60 @@ function add_carbon() // ==================================================== Container::make('post_meta', 'Поля для преподавателя') ->where('post_type', '=', 'teacher') - ->add_fields(array( + ->add_tab('🎬 Hero', array( + Field::make('html', 'teacher_hero_tab_desc', '') + ->set_html('

Фото и текст под заголовком на личной странице преподавателя. Если текст пуст — подставляется автоматически (направление + мини-группа + экзамен + школа и город).

'), + Field::make('image', 'teacher_avatar', 'Фото преподавателя (hero/карточка):') + ->set_width(30), + Field::make('textarea', 'teacher_hero_subtitle', 'Текст под H1 (subtitle)') + ->set_width(100) + ->set_help_text('Пример: «Учитель начальных классов — мини-группы 2-6 чел. · ОГЭ/ЕГЭ · школа «Декарт» в Щёлково». Пусто — соберётся автоматически.'), + Field::make('text', 'teacher_rating', 'Оценка преподавателя (для hero и микроразметки)') + ->set_width(25) + ->set_default_value('5') + ->set_help_text('Пример: 5 или 4,5. Звёзды в hero и aggregateRating в Schema.org.'), + Field::make('text', 'teacher_group_size', 'Размер мини-группы (для hero, курсов, шагов и CTA)') + ->set_width(25) + ->set_default_value('2-6') + ->set_help_text('Пример: 2-6. Участвует в hero, курсах, шагах, финальном CTA и микроразметке — заполняйте всегда.'), + )) + ->add_tab('👤 Профиль и данные', array( Field::make('text', 'teacher_direction', 'Направление преподавателя (текст в под фото):'), + Field::make('textarea', 'teacher_description', 'Дескрипшн преподавателя (коротко — для карточек)') + ->set_width(100) + ->set_help_text('Выводится в карточке преподавателя на главной и на странице «Наши преподаватели». Максимум вывода в карточке — 3 строки. Рекомендуемый размер: до 140 знаков. Более длинный текст в карточке обрезается многоточием.'), Field::make('text', 'teacher_badge', 'Бейдж на карточке (например: 👶 Работает с дошкольниками)') ->set_width(30) ->set_help_text('Текст бейджа на карточке преподавателя. Если пусто — бейдж скрыт.'), - Field::make('image', 'teacher_avatar', 'Аватар:') - ->set_width(15), Field::make('text', 'teacher_start_year', 'Год начала работы (только год, например: 1987)') ->set_width(30) ->set_attribute('placeholder', '1987') ->set_help_text('Стаж рассчитается автоматически на странице подготовки к школе.'), - Field::make('textarea', 'teacher_description', 'Дескрипшн преподавателя') - ->set_width(55), - Field::make('textarea', 'teacher_about', 'О себе:'), + )) + ->add_tab('📄 О преподавателе', array( + Field::make('textarea', 'teacher_about', 'О себе:') + ->set_width(100) + ->help_text('Обычный текст, вёрстка не нужна — абзацы разделяйте пустой строкой (Enter + пустая строка). Рекомендуемый объём: 600–1200 знаков (2–4 коротких абзаца).'), Field::make('textarea', 'teacher_education', 'Образование:'), Field::make('textarea', 'teacher_add_education', 'Дополнительное образование:'), - Field::make('text', 'teacher_rating', 'Оценка преподавателя') - ->set_width(10) - ->set_default_value('5'), + Field::make('text', 'teacher_diploma', 'Учебное заведение (для микроразметки alumniOf)') + ->set_width(50) + ->help_text('Одно главное учебное заведение (напр. «Московский педагогический государственный университет (МПГУ)»). Используется в Schema.org для свойства alumniOf. Если пусто — свойство не выводится.'), + Field::make('text', 'teacher_video', 'Ссылка на видеопрезентацию') + ->set_width(100) + ->help_text('Укажите ссылку на видео в youtube. Пример: <iframe src="https://vk.com/video_ext.php?oid=-43228812&id=456240170hd=2" width="853" height="480" allow="autoplay; encrypted-media; fullscreen; picture-in-picture;" frameborder="0" allowfullscreen></iframe>'), + )) + ->add_tab('📚 Предметы и документы', array( Field::make('complex', 'teacher_subjects', 'Предметы обучения') ->set_layout('tabbed-horizontal') ->add_fields(array( - Field::make('text', 'teacher_subjects_title', 'Укажите заголовок предмета') + Field::make('select', 'teacher_subjects_title', 'Программа (направление)') + ->set_options($teacher_program_options) ->set_width(50) ->set_required(true) - ->help_text('Например: Репетитор по математике'), - Field::make('textarea', 'select_direction', 'Укажите все направления преподавателя:') - ->help_text('Пример: <span>Математика</span><span>Русский язык</span>'), - Field::make('association', 'select_category', 'Укажите категрии') - ->set_width(100) - ->set_types(array( - array( - 'type' => 'term', - 'taxonomy' => 'trainingCategory', - ) - )) - ->help_text('В списке указаны все возможные категрии в обучении, выберите необходимые'), + ->help_text('Выберите из каталога программ филиала (Настройки → Филиал → «Программы и направления»). Цена и ссылка на страницу подтянутся из каталога.'), + Field::make('textarea', 'teacher_subjects_topics', 'Темы направления (каждая с новой строки)') + ->set_help_text('Кликабельный список: «Математика», «Русский язык»… Каждая тема — с новой строки. Пусто — блок тем скрыт.'), )), Field::make('select', 'teacher_category', 'Категория для фильтра на странице преподавателей') ->set_width(50) @@ -1508,10 +1538,106 @@ function add_carbon() Field::make('image', 'certificates_foto', 'Изображение') )) ->help_text('Добавьте изображение дипломов и сертификатов преподавателя'), - Field::make('text', 'teacher_video', 'Ссылка на видеопрезентацию') + )) + ->add_tab('📊 Цифры и дефицит', array( + Field::make('html', 'teacher_metrics_help') + ->set_html('
Блок «Цифры» — карточки под hero (рейтинг, средний балл, цифра про систему, размер группы и любые другие факты). Кнопкой «+ Добавить» создаёте карточку, крестиком рядом с полями — удаляете. В каждой карточке два поля: цифра и подпись. Порядок карточек = порядок вывода на странице. Пустые карточки не выводятся. Если карточек нет — блок «Цифры» скрыт.
'), + Field::make('complex', 'teacher_metrics', 'Карточки цифр') + ->set_layout('tabbed-horizontal') + ->add_fields(array( + Field::make('text', 'metric_num', 'Цифра / факт') + ->set_width(25) + ->set_required(true) + ->set_help_text('Короткое значение-результат. Примеры: 5/5, 100%, 2-6, 4,7, 45 минут, 500+.'), + Field::make('text', 'metric_text', 'Подпись под цифрой') + ->set_width(75) + ->set_help_text('Что означает цифра. Примеры: «Рейтинг преподавателя · 5 отзывов», «учеников продолжают обучение на следующий учебный год», «человек в мини-группе — внимание как на репетиторе», «средний балл учеников».'), + )) + ->set_help_text('«+ Добавить» — новая карточка (цифра + подпись). Нет карточек — блок «Цифры» на странице скрыт, используйте Hero-таб для рейтинга и размера группы.'), + Field::make('html', 'teacher_scarcity_sep', '') + ->set_html('

⏳ Полоса дефицита

Жёлтая полоса под цифрами: счётчик дней до экзамена + места в группе + пояснение. Пустое поле — пункт скрыт.

'), + Field::make('text', 'teacher_seats_left', 'Осталось мест в группе') + ->set_width(25) + ->set_default_value('4') + ->set_help_text('Пример: 4. Полоса дефицита: «4 места в группе». Пусто/0 — пункт скрыт.'), + Field::make('text', 'teacher_exam_label', 'Экзамен/формат') + ->set_width(25) + ->set_default_value('ОГЭ/ЕГЭ') + ->set_help_text('Пример: «ОГЭ/ЕГЭ». Полоса дефицита: «дней до ОГЭ/ЕГЭ».'), + Field::make('text', 'teacher_exam_date', 'Дата экзамена для счётчика (YYYY-MM-DD)') + ->set_width(25) + ->set_default_value('') + ->set_help_text('Пример: 2027-05-24. Пусто — счётчик дней скрыт.'), + Field::make('text', 'teacher_scarcity_note', 'Текст полосы дефицита') ->set_width(100) - ->help_text('Укажите ссылку на видео в youtube. Пример: <iframe src="https://vk.com/video_ext.php?oid=-43228812&id=456240170hd=2" width="853" height="480" allow="autoplay; encrypted-media; fullscreen; picture-in-picture;" frameborder="0" allowfullscreen></iframe>'), - Field::make('complex', 'questions', 'Блок вопросы и ответы') + ->set_default_value('Набор в группу идёт каждый месяц, но места ограничены.') + ->set_help_text('Пример: «Набор в группу идёт каждый месяц, но места ограничены». Пусто — скрыто.'), + )) + ->add_tab('🎨 Сегменты, кейсы, шаги', array( + Field::make('complex', 'teacher_segments', 'Сегменты учеников (карточки)') + ->set_layout('tabbed-horizontal') + ->add_fields(array( + Field::make('text', 'segment_title', 'Заголовок карточки') + ->set_width(30), + Field::make('textarea', 'segment_text', 'Текст карточки') + ->set_width(70), + )) + ->set_help_text('3 карточки «Для кого занятия». Пусто — покажутся 3 стандартные.'), + Field::make('complex', 'teacher_cases', 'Кейсы учеников (табы 9/11 класс)') + ->set_layout('tabbed-horizontal') + ->add_fields(array( + Field::make('text', 'case_tab', 'Таб (9 или 11)') + ->set_width(20), + Field::make('textarea', 'case_text', 'История кейса') + ->set_width(80), + )) + ->set_help_text('Кейсы с результатом. tab: 9 или 11 класс.'), + Field::make('complex', 'teacher_steps', 'Шаги «Как проходит первое занятие»') + ->set_layout('tabbed-horizontal') + ->add_fields(array( + Field::make('text', 'step_title', 'Название шага') + ->set_width(30), + Field::make('textarea', 'step_text', 'Описание шага') + ->set_width(70), + )) + ->set_help_text('Таймлайн: от заявки до обратной связи. Пусто — 5 стандартных шагов.'), + )) + ->add_tab('📈 Результаты учеников', array( + Field::make('html', 'teacher_results_help') + ->set_html('
Блок «Измеримые результаты» — отдельная секция на странице (не путать с «Кому подойдут»). 3–6 пунктов: короткий измеримый результат + пояснение. Пусто — блок соберётся из заполненных метрик преподавателя (рейтинг, стаж, средний балл, отзывы).
'), + Field::make('complex', 'teacher_results', 'Измеримые результаты') + ->set_layout('tabbed-horizontal') + ->add_fields(array( + Field::make('text', 'result_title', 'Короткий результат (цифра/факт)') + ->set_width(30) + ->set_required(true) + ->help_text('Например: «+2 балла», «100%», «45 минут».'), + Field::make('textarea', 'result_text', 'Пояснение') + ->set_width(70) + ->help_text('Например: «средний рост успеваемости за полугодие».'), + )) + ->set_help_text('3–6 пунктов. Пусто — собирается из метрик преподавателя.'), + Field::make('html', 'teacher_results_fallback_sep', '') + ->set_html('

⚙ Авто-пункты (если «Измеримые результаты» пустые)

Подставляются в секцию результатов, пока complex выше не заполнен. Заполните — complex перекроет авто-пункты.

'), + Field::make('text', 'teacher_avg_score', 'Средний балл учеников') + ->set_width(25) + ->set_default_value('') + ->set_help_text('Авто-пункт. Пример: 4,7. Пусто — пункт скрыт.'), + Field::make('text', 'teacher_avg_label', 'Подпись среднего балла') + ->set_width(25) + ->set_default_value('Средний балл учеников') + ->set_help_text('Пример: «Средний балл учеников».'), + Field::make('text', 'teacher_school_num', 'Цифра про систему/школу') + ->set_width(25) + ->set_default_value('100%') + ->set_help_text('Авто-пункт. Пример: 100%. Пусто — пункт скрыт.'), + Field::make('text', 'teacher_school_label', 'Подпись к цифре про систему') + ->set_width(25) + ->set_default_value('учеников продолжают обучение на следующий учебный год') + ->set_help_text('Пример: «учеников продолжают обучение на следующий учебный год».'), + )) + ->add_tab('❓ Вопросы и отзывы', array( + Field::make('complex', 'questions', 'Блок вопросы и ответы (страница)') ->set_layout('tabbed-horizontal') ->add_fields(array( Field::make('textarea', 'questions_question', 'Текст вопроса') @@ -1519,113 +1645,25 @@ function add_carbon() Field::make('textarea', 'questions_answer', 'Текст ответа') ->set_width(70), )), - // ═══════════════ SEO и конверсия личной страницы (Bento 2026) ═══════════════ - Field::make('html', 'teacher_conv_seo_desc', '') - ->set_html('

SEO-мета (title/description страницы преподавателя)

Если title/description пустые — собираются автоматически: предмет, мини-группы 2-6 чел., год экзамена, средний балл, остаток мест.

'), - Field::make('text', 'teacher_meta_subject', 'Предмет для мета и заголовков') - ->set_width(50) - ->set_default_value('') - ->set_help_text('Например: «Математика». Пусто — берётся «Направление преподавателя».'), - Field::make('text', 'teacher_exam_label', 'Экзамен/формат (для title)') - ->set_width(25) - ->set_default_value('ОГЭ/ЕГЭ'), - Field::make('text', 'teacher_exam_year', 'Год экзамена (для title)') - ->set_width(25) - ->set_default_value('') - ->set_help_text('Пусто — следующий год. Пример: 2027.'), - Field::make('text', 'teacher_group_size', 'Размер мини-группы') - ->set_width(25) - ->set_default_value('2-6'), - Field::make('text', 'teacher_seats_left', 'Осталось мест в группе') - ->set_width(25) - ->set_default_value('4'), - Field::make('text', 'teacher_avg_score', 'Средний балл выпускников') - ->set_width(25) - ->set_default_value('') - ->set_help_text('Пример: 4,7. Пусто — блок скрыт.'), - Field::make('textarea', 'teacher_meta_title_override', 'Свой title (перекроет авто)') - ->set_width(50), - Field::make('textarea', 'teacher_meta_desc_override', 'Свой description (перекроет авто)') - ->set_width(50), - // ── Hero: второй CTA и риск ── - Field::make('html', 'teacher_conv_hero_desc', '') - ->set_html('

Hero: CTA и снятие риска

'), - Field::make('text', 'teacher_cta_primary', 'Текст главной кнопки') - ->set_width(50) - ->set_default_value('Записаться на диагностику'), - Field::make('text', 'teacher_schedule_label', 'Текст кнопки «Расписание»') - ->set_width(50) - ->set_default_value('Посмотреть расписание групп'), - Field::make('text', 'teacher_schedule_url', 'Ссылка «Расписание» (URL)') - ->set_width(50) - ->set_help_text('Например: https://dekart-school.ru/raspisanie/'), - Field::make('text', 'teacher_risk_note', 'Микро-текст под кнопками') - ->set_width(100) - ->set_default_value('Перезвоним за 15 минут · Без обязательств'), - // ── Цифры и школа ── - Field::make('html', 'teacher_conv_numbers_desc', '') - ->set_html('

Цифры (преподаватель + система)

'), - Field::make('text', 'teacher_school_num', 'Цифра про систему/школу') - ->set_width(25) - ->set_default_value('100%'), - Field::make('text', 'teacher_school_label', 'Подпись к цифре про систему') - ->set_width(75) - ->set_default_value('выпускников мини-групп поступили на бюджет'), - Field::make('text', 'teacher_exam_date', 'Дата экзамена для счётчика (YYYY-MM-DD)') - ->set_width(50) - ->set_help_text('Пример: 2027-05-24. Пусто — блок дефицита без счётчика дней.'), - Field::make('text', 'teacher_scarcity_note', 'Текст полосы дефицита') - ->set_width(100) - ->set_default_value('Набор в группу идёт каждый месяц, но места ограничены.'), - // ── Сегменты / кейсы / шаги ── - Field::make('html', 'teacher_conv_content_desc', '') - ->set_html('

Сегменты, кейсы, «Как проходит занятие»

'), - Field::make('complex', 'teacher_segments', 'Сегменты учеников (карточки)') - ->set_layout('tabbed-horizontal') - ->set_help_text('3 карточки «Для кого занятия». Пусто — покажутся 3 стандартные.') - ->add_fields(array( - Field::make('text', 'segment_title', 'Заголовок карточки') - ->set_width(30), - Field::make('textarea', 'segment_text', 'Текст карточки') - ->set_width(70), - )), - Field::make('complex', 'teacher_cases', 'Кейсы учеников (табы 9/11 класс)') - ->set_layout('tabbed-horizontal') - ->set_help_text('Кейсы с результатом. tab: 9 или 11 класс.') - ->add_fields(array( - Field::make('text', 'case_tab', 'Таб (9 или 11)') - ->set_width(20), - Field::make('textarea', 'case_text', 'История кейса') - ->set_width(80), - )), - Field::make('complex', 'teacher_steps', 'Шаги «Как проходит первое занятие»') - ->set_layout('tabbed-horizontal') - ->set_help_text('Таймлайн: от заявки до обратной связи. Пусто — 5 стандартных шагов.') - ->add_fields(array( - Field::make('text', 'step_title', 'Название шага') - ->set_width(30), - Field::make('textarea', 'step_text', 'Описание шага') - ->set_width(70), - )), - // ── FAQ / доверие ── - Field::make('html', 'teacher_conv_faq_desc', '') - ->set_html('

FAQ и доверие

'), Field::make('complex', 'teacher_faq_extra', 'Доп. вопросы (про мини-группы)') ->set_layout('tabbed-horizontal') - ->set_help_text('Вопросы про формат: «Чем мини-группа лучше репетитора?» и т.п. Пусто — 2 стандартных.') ->add_fields(array( Field::make('textarea', 'faq_q', 'Вопрос') ->set_width(30), Field::make('textarea', 'faq_a', 'Ответ') ->set_width(70), - )), - Field::make('textarea', 'teacher_license', 'Текст блока «Лицензия и доверие»') - ->set_default_value('Частная школа «Декарт» работает по лицензии на образовательную деятельность (бессрочная). Копия лицензии и реквизиты — по запросу у администратора. Рейтинг на Яндекс Картах и 2ГИС формируется из реальных отзывов родителей.') - ->set_help_text('Показывается в блоке доверия перед картой.'), + )) + ->set_help_text('Вопросы про формат: «Чем мини-группа лучше репетитора?» и т.п. Пусто — 2 стандартных.'), Field::make('checkbox', 'teacher_show_social_reviews', 'Показывать «Отзывы о преподавателе» на странице') ->set_option_value('yes') ->set_default_value('yes'), - )); + )) + ->add_tab('📜 Лицензия и доверие', array( + Field::make('textarea', 'teacher_license', 'Текст блока «Лицензия и доверие»') + ->set_default_value('Частная школа «Декарт» работает по лицензии на образовательную деятельность (бессрочная). Копия лицензии и реквизиты — по запросу у администратора. Рейтинг на Яндекс Картах и 2ГИС формируется из реальных отзывов родителей.') + ->set_help_text('Показывается в блоке доверия перед картой.'), + ))->set_layout('tabbed-vertical'); + // ==================================================== // Доп поля для страницы "Преподаватели" (Bento 2026) @@ -2824,6 +2862,21 @@ function enqueue_template_specific_styles() true ); } + if (is_singular('teacher')) { + wp_enqueue_style( + 'single-teacher-style', + get_template_directory_uri() . '/assets/css/single-teacher.css', + array(), + filemtime(get_template_directory() . '/assets/css/single-teacher.css') + ); + wp_enqueue_script( + 'single-teacher-script', + get_template_directory_uri() . '/assets/js/single-teacher.js', + array(), + filemtime(get_template_directory() . '/assets/js/single-teacher.js'), + true + ); + } if (is_page_template('page-after-school.php')) { wp_enqueue_style( 'template-after-style', @@ -3131,29 +3184,55 @@ function dekart_teacher_review_counts(): array foreach ($review_ids as $review_id) { $teacher_id = 0; - foreach ($link_keys as $key) { - $raw = get_post_meta((int) $review_id, $key, true); - if (empty($raw)) { - continue; - } - $value = maybe_unserialize($raw); - $ids = array(); - if (is_array($value)) { - foreach ($value as $entry) { - if (is_object($entry) && isset($entry->id)) { - $ids[] = (int) $entry->id; - } elseif (is_numeric($entry)) { - $ids[] = (int) $entry; + + // Основной путь: Carbon Fields Association (ключи вида _review_teacher|||0|id) + if (function_exists('carbon_get_post_meta')) { + $cached = carbon_get_post_meta((int) $review_id, 'review_teacher'); + if (is_array($cached)) { + foreach ($cached as $entry) { + if (is_array($entry) && ! empty($entry['id'])) { + $teacher_id = (int) $entry['id']; + break; + } + if (is_string($entry) && preg_match('/post:teacher:(\d+)/', $entry, $m)) { + $teacher_id = (int) $m[1]; + break; } } - } elseif (is_numeric($value)) { - $ids[] = (int) $value; - } - if (! empty($ids)) { - $teacher_id = $ids[0]; - break; } } + + // Legacy fallback: сырые ключи меты + if (! $teacher_id) { + foreach ($link_keys as $key) { + $raw = get_post_meta((int) $review_id, $key, true); + if (empty($raw)) { + continue; + } + $value = maybe_unserialize($raw); + $ids = array(); + if (is_array($value)) { + foreach ($value as $entry) { + if (is_object($entry) && isset($entry->id)) { + $ids[] = (int) $entry->id; + } elseif (is_array($entry) && isset($entry['id'])) { + $ids[] = (int) $entry['id']; + } elseif (is_string($entry) && preg_match('/post:teacher:(\d+)/', $entry, $m)) { + $ids[] = (int) $m[1]; + } elseif (is_numeric($entry)) { + $ids[] = (int) $entry; + } + } + } elseif (is_numeric($value)) { + $ids[] = (int) $value; + } + if (! empty($ids)) { + $teacher_id = $ids[0]; + break; + } + } + } + if ($teacher_id > 0) { $map[ $teacher_id ] = isset($map[ $teacher_id ]) ? $map[ $teacher_id ] + 1 : 1; } @@ -3315,6 +3394,32 @@ function dekart_add_preload_hints() } add_action('wp_head', 'dekart_add_preload_hints', 1); +// ==================================================== +// ✅ Hardening: XML-RPC + REST user enumeration (пред-продакшен) +// ==================================================== + +// XML-RPC полностью выключен (защита от pingback DDoS и брутфорса через system.multicall) +add_filter('xmlrpc_enabled', '__return_false'); + +// Убрать ВСЕ XML-RPC методы (включая анонимные pingback.* / system.* — вектор амплификации). +// WP 7.1: xmlrpc_enabled=false не блокирует анонимные методы, поэтому дублируем. +add_filter('xmlrpc_methods', '__return_empty_array'); + +// Закрыть REST-эндпоинты пользователей для анонимов (wp/v2/users раскрывает логины) +add_filter('rest_endpoints', static function (array $endpoints): array { + if (is_user_logged_in()) { + return $endpoints; + } + + foreach (array_keys($endpoints) as $route) { + if (preg_match('#^/wp/v2/users(/|$)#', $route)) { + unset($endpoints[$route]); + } + } + + return $endpoints; +}); + /* ── Honest timer: end-of-month deadline ── */ /** * Return end-of-current-month as ISO 8601 string. @@ -3373,13 +3478,10 @@ function dekart_acf_delete_json($post_id) } // ───────────────────────────────────────────────────────────── -// Счетчики — централизованное управление (ТОП-меню) -add_action('admin_menu', 'dekart_counters_menu'); -function dekart_counters_menu() -{ - add_menu_page('Счетчики', 'Счетчики', 'manage_options', 'site-analytics-settings', 'dekart_counters_page', 'dashicons-chart-bar', 3); -} - +// Счетчики — перенесены во вкладку «Настройки филиала» +// (ТОП-меню удалено; опции зарегистрированы в dekart_branch_group; +// вывод на фронте — те же хуки wp_head/wp_body_open/wp_footer) +// ───────────────────────────────────────────────────────────── add_action('admin_init', 'dekart_counters_settings'); function dekart_counters_settings() { @@ -3490,8 +3592,7 @@ function dekart_output_counters_footer() $screen = get_current_screen(); if (! $screen) { return; } $is_carbon = strpos($screen->id, 'carbon_fields') !== false; - $is_branch = strpos($screen->id, 'branch-settings') !== false; - if (! $is_carbon && ! $is_branch) { return; } + if (! $is_carbon) { return; } ?> + + + + + + diff --git a/wp-content/themes/dekart/single-teacher.php b/wp-content/themes/dekart/single-teacher.php index 513a54d..f89871c 100644 --- a/wp-content/themes/dekart/single-teacher.php +++ b/wp-content/themes/dekart/single-teacher.php @@ -1,375 +1,1043 @@ 1900) { + $tenure = max(0, (int) current_time('Y') - (int) $start_year); +} +$avatar_id = carbon_get_post_meta($tid, 'teacher_avatar'); +$avatar_url = $avatar_id ? wp_get_attachment_url($avatar_id) : ''; +$avatar_alt = $avatar_id ? get_post_meta($avatar_id, '_wp_attachment_image_alt', true) : ''; +if (empty($avatar_alt)) { + $avatar_alt = 'Преподаватель ' . $full_name . ' — школа «' . $branch_name . '» ' . $branch_city; +} + +$avg_score = carbon_get_post_meta($tid, 'teacher_avg_score'); +$seats_left = carbon_get_post_meta($tid, 'teacher_seats_left'); +$group_size = carbon_get_post_meta($tid, 'teacher_group_size') ?: '2-6'; +$avg_label = carbon_get_post_meta($tid, 'teacher_avg_label'); +if (empty($avg_label)) { + $avg_label = 'Средний балл учеников'; +} +$rating_label = 'Рейтинг преподавателя'; +$group_label = 'человек в мини-группе — внимание как на репетиторе'; +$exam_label = carbon_get_post_meta($tid, 'teacher_exam_label') ?: 'нового набора'; +$cta_primary = carbon_get_post_meta($tid, 'teacher_cta_primary') ?: 'Записаться на диагностику'; +$sched_label = carbon_get_post_meta($tid, 'teacher_schedule_label') ?: 'Посмотреть расписание групп'; +$sched_url = carbon_get_post_meta($tid, 'teacher_schedule_url'); +$risk_note = carbon_get_post_meta($tid, 'teacher_risk_note'); +if (empty($risk_note)) { + $risk_note = 'Перезвоним за 15 минут · Без обязательств'; +} +$school_num = carbon_get_post_meta($tid, 'teacher_school_num') ?: '100%'; +$school_label = carbon_get_post_meta($tid, 'teacher_school_label'); +if (empty($school_label)) { + $school_label = 'учеников продолжают обучение на следующий учебный год'; +} +$exam_date = carbon_get_post_meta($tid, 'teacher_exam_date'); +$scarcity_note = carbon_get_post_meta($tid, 'teacher_scarcity_note'); +if (empty($scarcity_note)) { + $scarcity_note = 'Набор в группу идёт каждый месяц, но места ограничены.'; +} + +$about_text = carbon_get_post_meta($tid, 'teacher_about'); +$education = carbon_get_post_meta($tid, 'teacher_education'); +$add_education = carbon_get_post_meta($tid, 'teacher_add_education'); +$video_html = carbon_get_post_meta($tid, 'teacher_video'); +// Если в поле ссылка (не iframe) — собираем iframe VK/YouTube автоматически. Пусто → блок не выводится. +if ($video_html && 0 !== strpos(ltrim($video_html), '<')) { + $video_url = trim($video_html); + if (preg_match('~vk\.com/video(-?\d+)_(\d+)~', $video_url, $vm)) { + $video_html = ''; + } elseif (preg_match('~(?:youtube\.com/(?:watch\?v=|embed/)|youtu\.be/)([\w-]{6,})~', $video_url, $ym)) { + $video_html = ''; + } +} +$license = carbon_get_post_meta($tid, 'teacher_license'); +if (empty($license)) { + $license = 'Частная школа «' . $branch_name . '» работает по лицензии на образовательную деятельность (бессрочная). Копия лицензии и реквизиты — по запросу у администратора.'; +} + +// Отзывы (счётчик реальных, как везде на сайте) +$review_count = function_exists('dekart_teacher_review_count') ? dekart_teacher_review_count($tid) : 0; + +// Подзаголовок hero: редактируется в админке (вкладка Hero). Пусто — авто-сборка. +$hero_subtitle = trim((string) carbon_get_post_meta($tid, 'teacher_hero_subtitle')); +if ('' === $hero_subtitle) { + $hero_subtitle = ( $subj ? $subj : 'Обучение' ) . ' — мини-группы ' . $group_size . ' чел. · ' . $exam_label . ' · школа «' . $branch_name . '» ' . $branch_city_prep; +} + +// ─── Шаги «Как проходит первое занятие» ─── +$steps = (array) carbon_get_post_meta($tid, 'teacher_steps'); +if (empty($steps) || ! is_array($steps)) { + $steps = array( + array( 'step_title' => 'Заявка', 'step_text' => 'Оставляете заявку — администратор перезванивает за 15 минут и отвечает на вопросы.' ), + array( 'step_title' => 'Бесплатная диагностика (30 мин)', 'step_text' => 'Определяем уровень знаний и разбираем «слабые места».' ), + array( 'step_title' => 'Подбор группы по уровню', 'step_text' => 'Подбираем мини-группу 2–6 человек под уровень ребёнка.' ), + array( 'step_title' => 'Первое занятие', 'step_text' => 'Знакомство с преподавателем и форматом. Ребёнок пробует — вы решаете.' ), + array( 'step_title' => 'Обратная связь родителю', 'step_text' => 'После каждого занятия — короткий отчёт: что прошли, что получается.' ), + ); +} + +// ─── Сегменты «Для кого» ─── +$segments = (array) carbon_get_post_meta($tid, 'teacher_segments'); +if (empty($segments) || ! is_array($segments)) { + $segments = array( + array( 'segment_title' => 'Начинаете заниматься', 'segment_text' => 'Системные занятия: объясняем материал, закрепляем на практике, проверяем понимание. Без стресса и зубрёжки.' ), + array( 'segment_title' => 'Отстали по программе', 'segment_text' => 'Закрываем пробелы и возвращаем уверенность. Маленькая группа — каждому хватает внимания.' ), + array( 'segment_title' => 'Хотите больше школьной программы', 'segment_text' => 'Углубляем знания, учим думать, а не запоминать. Мини-группа держит темп и азарт.' ), + ); +} +$segment_4_title = 'Уже занимались с репетитором, но нет результата?'; +$segment_4_text = 'Частая ситуация: деньги потрачены, а результата нет. В мини-группе другой механизм — соревнование, методика и куратор. Приходите на бесплатную диагностику и сравните сами.'; + +// ─── Кейсы (табы) ─── +$cases = (array) carbon_get_post_meta($tid, 'teacher_cases'); + +// ─── FAQ: формат + общие вопросы ─── +$faq_extra = (array) carbon_get_post_meta($tid, 'teacher_faq_extra'); +$faq_items = array(); +if (empty($faq_extra)) { + $faq_items[] = array( + 'q' => 'Чем мини-группа лучше репетитора?', + 'a' => 'В мини-группе 2–6 человек преподаватель видит каждого, но у детей появляется азарт, здоровая конкуренция и живое обсуждение. Стоимость ниже репетитора, а дисциплина выше — пропускать занятия не хочется.', + ); + $faq_items[] = array( + 'q' => 'Что если ребёнок стесняется заниматься с другими?', + 'a' => 'Начинаем с диагностики и подбираем группу по уровню и темпераменту. Первые занятия преподаватель мягко вовлекает ребёнка — обычно через 2–3 занятия стеснение уходит.', + ); +} else { + foreach ($faq_extra as $fx) { + if (! empty($fx['faq_q']) && ! empty($fx['faq_a'])) { + $faq_items[] = array( 'q' => $fx['faq_q'], 'a' => $fx['faq_a'] ); + } + } +} +$legacy_questions = (array) carbon_get_post_meta($tid, 'questions'); +foreach ($legacy_questions as $lq) { + if (! empty($lq['questions_question']) && ! empty($lq['questions_answer'])) { + $faq_items[] = array( 'q' => $lq['questions_question'], 'a' => $lq['questions_answer'] ); + } +} + +// ─── Дни до экзамена (полоса дефицита) ─── +$days_left = ''; +if ($exam_date && preg_match('/^\d{4}-\d{2}-\d{2}$/', $exam_date)) { + $diff = (int) (( strtotime($exam_date) - current_time('timestamp') ) / DAY_IN_SECONDS); + if ($diff >= 0) { + $days_left = (string) $diff; + } +} + +// ─── Микроразметка (Schema.org JSON-LD, единый @graph) ─── +// Данные — только из CF преподавателя и настроек филиала (branch_*/site_*). +// Пустые свойства в схему не выводятся (Google ругается на пустые обязательные поля). +$teachers_page = get_page_by_path('our-teachers'); + +$page_url = get_permalink($tid); +$org_id = home_url('/') . '#org'; +$person_id = $page_url . '#person'; + +$org_logo = ''; +$branch_logo_id = absint(get_option('branch_logo')); +if ($branch_logo_id) { + $org_logo = wp_get_attachment_url($branch_logo_id); +} +if (! $org_logo && carbon_get_theme_option('site_logo')) { + $org_logo = wp_get_attachment_url(carbon_get_theme_option('site_logo')); +} + +$branch_email = get_option('branch_email') ?: carbon_get_theme_option('site_email'); + +// ── EducationalOrganization ── +$org = array( + '@type' => 'EducationalOrganization', + '@id' => $org_id, + 'name' => $branch_name, + 'url' => home_url('/'), +); +if ($org_logo) { + $org['logo'] = $org_logo; +} +if ($branch_phone) { + $org['telephone'] = $branch_phone; +} +if ($branch_email) { + $org['email'] = $branch_email; +} + +// Адрес филиала — из опций (branch_*), фолбэк — CF theme options (site_*) +$org_addr = array(); +$org_street = get_option('branch_address') ?: carbon_get_theme_option('site_address'); +$org_city = get_option('branch_city') ?: carbon_get_theme_option('site_city'); +$org_region = get_option('branch_region') ?: ''; +$org_zip = get_option('branch_postal_code') ?: get_option('branch_zip') ?: ''; +if (! empty($org_street)) { $org_addr['streetAddress'] = $org_street; } +if (! empty($org_city)) { $org_addr['addressLocality'] = $org_city; } +if (! empty($org_region)) { $org_addr['addressRegion'] = $org_region; } +if (! empty($org_zip)) { $org_addr['postalCode'] = $org_zip; } +if (! empty($org_addr)) { + $org_addr = array_merge(array('@type' => 'PostalAddress', 'addressCountry' => 'RU'), $org_addr); + $org['address'] = $org_addr; +} + +// Лицензия (hasCredential) — из настроек филиала +$org_license = get_option('branch_license') ?: carbon_get_theme_option('site_license'); +if (! empty($org_license)) { + $org['hasCredential'] = array( + '@type' => 'EducationalOccupationalCredential', + 'name' => $org_license, + ); +} + +// ── Person (преподаватель) ── +// Каталог программ филиала (единый для всего сайта): название → ссылка. +// Цена берётся из этого каталога только для микроразметки Course.offers (не выводится на странице). +$branch_programs_by_name = array(); +foreach ((array) get_option('branch_programs', array()) as $bp) { + $pn = trim((string) ( $bp['name'] ?? '' )); + if ('' !== $pn) { + $branch_programs_by_name[ $pn ] = array( + 'price' => trim((string) ( $bp['price'] ?? '' )), + 'url' => trim((string) ( $bp['url'] ?? '' )), + ); + } +} + +// Предметы: title → name курса (выбор из каталога филиала), +// teacher_subjects_topics → чипы. URL — из каталога филиала (fallback: legacy url преподавателя); +// цена — из того же каталога, но используется только микроразметкой Course.offers. +$teacher_subjects = (array) carbon_get_post_meta($tid, 'teacher_subjects'); +$subject_items = array(); // [title => ['name', 'url', 'price', 'topics[]']] без дубликатов +foreach ($teacher_subjects as $ts) { + $sn = trim((string) ( $ts['teacher_subjects_title'] ?? '' )); + if ('' === $sn) { + continue; + } + if (isset($subject_items[$sn])) { + continue; // дубликат заголовка — пропускаем + } + $topics = array(); + $topics_raw = trim((string) ( $ts['teacher_subjects_topics'] ?? '' )); + if ('' !== $topics_raw) { + foreach (preg_split('/\r\n|\r|\n/', $topics_raw) as $tp) { + $tp = trim($tp); + if ('' !== $tp) { + $topics[] = $tp; + } + } + } + $prog = $branch_programs_by_name[ $sn ] ?? null; + $subject_items[$sn] = array( + 'name' => $sn, + 'url' => ( $prog && '' !== $prog['url'] ) ? $prog['url'] : trim((string) ( $ts['teacher_subjects_url'] ?? '' )), + 'price' => ( $prog && '' !== $prog['price'] ) ? $prog['price'] : '', + 'topics' => $topics, + ); +} +$subject_names = array_keys($subject_items); + +// ─── Общие данные из настроек филиала (не дублируются в CF преподавателя) ─── +$branch_price = get_option('branch_price'); +$branch_geo_areas = get_option('branch_area_served'); +$geo_walk = get_option('branch_logistics_walk'); +$geo_parking = get_option('branch_logistics_parking'); +$geo_schools = get_option('branch_logistics_schools'); + +// ─── Результаты учеников (CF; пусто — сборка из метрик преподавателя) ─── +$results = (array) carbon_get_post_meta($tid, 'teacher_results'); +if (empty($results) || ! is_array($results)) { + $results = array(); + if ('' !== $school_num) { $results[] = array( 'result_title' => $school_num, 'result_text' => $school_label ); } + if ($avg_score) { $results[] = array( 'result_title' => $avg_score, 'result_text' => $avg_label ); } + if ($tenure) { $results[] = array( 'result_title' => $tenure . ' лет', 'result_text' => 'педагогический стаж преподавателя' ); } + if ($review_count > 0) { $results[] = array( 'result_title' => (string) $review_count, 'result_text' => 'реальных отзывов родителей о преподавателе' ); } +} + +$person = array( + '@type' => 'Person', + '@id' => $person_id, + 'name' => $full_name, + 'url' => $page_url, + 'worksFor' => array('@id' => $org_id), +); +if ($direction) { + $person['jobTitle'] = $direction; +} +if ($avatar_url) { + $person['image'] = $avatar_url; +} +if ($about_text) { + $person['description'] = wp_strip_all_tags($about_text); +} +if (! empty($subject_names)) { + $person['knowsAbout'] = $subject_names; +} +$diploma = trim((string) carbon_get_post_meta($tid, 'teacher_diploma')); +if ('' !== $diploma) { + $person['alumniOf'] = array('@type' => 'CollegeOrUniversity', 'name' => $diploma); +} + +// AggregateRating — только реальные данные. Размещается на Course, а не на Person +// (свойство aggregateRating невалидно для типа Person в schema.org). +$course_rating = array(); +if ($rating_num > 0 && $review_count > 0) { + $course_rating = array( + '@type' => 'AggregateRating', + 'ratingValue' => number_format($rating_num, 1), + 'bestRating' => '5', + 'ratingCount' => $review_count, + ); +} + +// Review — реальные отзывы из CPT «reviews», связанные с преподавателем. Не выдумываем. +// Размещаются на Course (свойство review невалидно для Person). +$review_pool = get_posts(array( + 'post_type' => 'reviews', + 'post_status' => 'publish', + 'posts_per_page' => -1, + 'fields' => 'ids', + 'no_found_rows' => true, +)); +$reviews = array(); +foreach ($review_pool as $rid) { + $link = carbon_get_post_meta((int) $rid, 'review_teacher'); + if (! is_array($link) || empty($link[0]['id']) || (int) $link[0]['id'] !== $tid) { + continue; + } + $r_author = trim((string) get_the_title((int) $rid)); + $r_body = trim((string) carbon_get_post_meta((int) $rid, 'review_text')); + $r_star = (int) ( carbon_get_post_meta((int) $rid, 'review_star') ?: 5 ); + + $review = array('@type' => 'Review'); + if ('' !== $r_author) { + $review['author'] = array('@type' => 'Person', 'name' => $r_author); + } + $pub = get_the_date('c', (int) $rid); + if ($pub) { + $review['datePublished'] = $pub; + } + if ($r_star > 0) { + $review['reviewRating'] = array( + '@type' => 'Rating', + 'ratingValue' => (string) $r_star, + 'bestRating' => '5', + ); + } + if ('' !== $r_body) { + $review['reviewBody'] = $r_body; + } + $reviews[] = $review; + if (count($reviews) >= 3) { + break; + } +} +if (! empty($reviews)) { + // $reviews переносятся на каждый Course ниже (в блоке сборки Course). +} + +// ── Course — по каждому предмету из CF (комбинация предмет + формат мини-группы) ── +// Валидная структура: Course → hasCourseInstance (CourseInstance) с courseMode/instructor; +// aggregateRating и review живут на Course (не на Person). +// Person и Org объявляются один раз (@id), в курсах — только ссылки {"@id": ...}. +$build_course = function ( $name, $cid, $availability = null, $description = '', $price = '' ) use ( $page_url, $org_id, $person_id, $group_size, $full_name, $course_rating, $reviews, $branch_price ) { + $course = array( + '@type' => 'Course', + '@id' => $page_url . '#course-' . $cid, + 'name' => $name, + 'description' => ( '' !== $description ) + ? $description + : 'Курс «' . $name . '» в мини-группе ' . $group_size . ' человек. Преподаватель — ' . $full_name . '.', + 'provider' => array('@id' => $org_id), + 'hasCourseInstance' => array( + '@type' => 'CourseInstance', + 'courseMode' => 'Onsite', + 'instructor' => array('@id' => $person_id), + ), + 'offers' => array( + '@type' => 'Offer', + 'category' => 'Мини-группа 2–' . $group_size . ' человек', + ), + ); + // Цена (только микроразметка Course.offers): из каталога программы (per-program) → fallback branch_price. + $offer_price = ( '' !== (string) $price ) ? $price : $branch_price; + if ('' !== (string) $offer_price) { + $course['offers']['price'] = $offer_price; + $course['offers']['priceCurrency'] = 'RUB'; + } + if (null !== $availability) { + $course['offers']['availability'] = $availability; + } + if (! empty($course_rating)) { + $course['aggregateRating'] = $course_rating; + } + if (! empty($reviews)) { + $course['review'] = $reviews; + } + return $course; +}; + +$courses = array(); +if (! empty($subject_names)) { + foreach ($subject_names as $i => $cn) { + $availability = ( $seats_left && (int) $seats_left > 0 ) ? 'https://schema.org/LimitedAvailability' : 'https://schema.org/InStock'; + $courses[] = $build_course($cn, $i + 1, $availability, '', $subject_items[$cn]['price']); + } +} else { + $courses[] = $build_course( ( $subj ? $subj : 'Обучение' ) . ' — мини-группы ' . $group_size . ' чел.', 1 ); +} + +// ── FAQPage ── +$schema_faq = array(); +foreach ($faq_items as $fq) { + $schema_faq[] = array( + '@type' => 'Question', + 'name' => $fq['q'], + 'acceptedAnswer' => array('@type' => 'Answer', 'text' => $fq['a']), + ); +} + +// ── BreadcrumbList ── +$crumb_parents = array(array('name' => 'Главная', 'url' => home_url('/'))); +if ($teachers_page) { + $crumb_parents[] = array('name' => 'Преподаватели', 'url' => get_permalink($teachers_page)); +} +$crumb_parents[] = array('name' => $full_name); +$breadcrumbs = array(); +foreach ($crumb_parents as $i => $p) { + $item = array('@type' => 'ListItem', 'position' => $i + 1, 'name' => $p['name']); + if (! empty($p['url'])) { + $item['item'] = $p['url']; + } + $breadcrumbs[] = $item; +} + +// ── @graph ── +$org['employee'] = array(array('@id' => $person_id)); +$schema_graph = array($org, $person); +foreach ($courses as $c) { + $schema_graph[] = $c; +} +if (! empty($schema_faq)) { + $schema_graph[] = array('@type' => 'FAQPage', 'mainEntity' => $schema_faq); +} +$schema_graph[] = array('@type' => 'BreadcrumbList', 'itemListElement' => $breadcrumbs); ?> +
+ - -
-
- -
+ +
+
+
-
-
-
-
-
-
-

- -

- -
- -
- - <?php echo get_post_meta($foto, '_wp_attachment_image_alt', true); ?> - - - -
- - -

- "; - } else { - $change_name .= $word . " "; - } - $count++; - } - echo $change_name; - ?> -

- -
- - - - - -1, - 'post_type' => 'reviews', - 'meta_query' => array( - array( - 'key' => 'prepodavatel', // name of custom field - 'value' => '"' . get_the_id() . '"', - 'compare' => 'LIKE' - ) - ) - ); +
- $the_query = new WP_Query($args); - ?> - - (оценок: found_posts; ?>) -
- -
Щелково
- -
-
- -
-
- -
-
-
-
-
-
- - Направления: -
-
- -
-
- -
-
- - Категория: -
-
- -
name; ?>
- -
-
- -
-
- - -
-
- + + + + + + +

+ + +

+ +

+ + + 0 || $tenure) : ?> +
+ 0) : ?> + + + + 0) : ?>() + + + + Стаж — лет + + Мини-группа чел.
-
+ -
-
- 0) { - ?> -

Дипломы и сертификаты

-
- -
- сертификаты -
- -
- -
-
- - -
-
- -
- <?php echo get_post_meta($certificat['certificates_foto'], '_wp_attachment_image_alt', true); ?> -
- - -
-
-
-
- -
- - +
+ + + + + +
-
-
-
-
- +

+
-

- -

- -
-

О себе

-
- -
- -
-
-
Образование
-
- -
-
-
-
Повышение квалификации
-
- + +
+ +
+
+ <?php echo esc_attr($avatar_alt); ?>
+
+
- 0) { ?> -
Дипломы и сертификаты
-
-
- сертификаты -
-
- - - -
-
-

Видеопрезентация

-
- -
-
-
- +
-
- - +
get_the_id()]; - get_template_part('template-parts/reviews', null, $params); + // ─────────────────── ЦИФРЫ (человек + система) ─────────────────── + // Карточки цифр — ТОЛЬКО из CF complex teacher_metrics (цифра + подпись), можно добавлять/удалять. + // Пустые карточки пропускаются. Нет карточек — блок скрыт (резервных полей нет). + $metrics = array(); + $metric_cards = (array) carbon_get_post_meta($tid, 'teacher_metrics'); + if (! empty($metric_cards) && is_array($metric_cards)) { + foreach ($metric_cards as $mc) { + $mn = trim((string) ( $mc['metric_num'] ?? '' )); + if ('' === $mn) { + continue; + } + $metrics[] = array( + 'num' => $mn, + 'label' => trim((string) ( $mc['metric_text'] ?? '' )), + ); + } + } + if (! empty($metrics)) : ?> - - 0) : ?> -
+
-

Вопрос-ответ

-
- -
-

-
-

-
-
- +
+ +
+
+
+
+
- 4]); ?> - - + 0 )) : + ?> +
+
+
+ +
+ + дней до +
+ + 0) : ?> +
+ + места в группе +
+ +

+
+
+
+ + + +
+
+
+

Программы и направления

+

ведёт занятия по направлениям в мини-группах человек — выберите программу.

+
+
+ + + + + +
+
+
+ + + +
+
+
+

Кому подойдут занятия

+

Формат мини-группы закрывает три разные задачи — выберите свою.

+
+
+ $seg) : + if ($i >= 3) { + break; + } + $s_title = $seg['segment_title'] ?? ''; + $s_text = $seg['segment_text'] ?? ''; + if (! $s_title) { + continue; + } + ?> +
+ +

+

+
+ +
+ +
+ +
+

+ +
+
+
+
+ + +
+
+
+

Измеримые результаты учеников

+

Не обещания, а факты — что меняется в знаниях и успеваемости после занятий.

+
+
+ +
+
+
+
+ +
+
+
+ + + +
+
+
+
+

О себе

+
+
+
+

Как проходит первое занятие

+
    + $step) : + $st_title = $step['step_title'] ?? ''; + $st_text = $step['step_text'] ?? ''; + if (! $st_title) { + continue; + } + ?> +
  1. + +
    +

    +

    +
    +
    2. + +
+
+
+
+
+ + + +
+
+

Видео-приветствие

+

Посмотрите, как преподаватель общается — представьте его в роли наставника вашего ребёнка.

+
+ +
+
+
+ + + +
+
+

Результаты учеников

+
+ $tab) : ?> + + +
+ $tab) : ?> +
+
+ +
+ +

+
+ +
+
+ +
+
+ + + +
+
+

Образование и опыт

+
+ +
+

Направления

+
    + +
  • + +
    • + +
+
+ + +
+ +

Образование

+
+ + +

Повышение квалификации

+
+ +
+ +
+ +
+ +
+ <?php echo esc_attr($c_alt ?: 'Диплом или сертификат — ' . $full_name); ?> +
+ +
+ +
+
+ + + +
+
+

Вопросы и ответы

+
+ +
+ +

+
+ +
+
+
+ + + $tid )); + } + ?> + + +
+
+
+ +
+

Работаем официально

+

+
+
+
+
+ + + + +
+
+
+
+

Принимаем детей из городов рядом

+

Занятия проходят очно в школе «» — . Добираться удобно из соседних городов.

+
+ +
    + +
    • + +
+ + +
    + +
    • + + +
    • + + +
    • + +
+ +
+
+
+ + + +
+
+
+

Запишитесь на бесплатную диагностику

+

Познакомимся, проверим уровень ребёнка и подберём мини-группу человек. Перезвоним за 15 минут.

+
+ + + + + + +
+

+
+
+
+ + $full_name, + 'author_creds' => $teacher_creds, + )); + ?> + + +
-request)); -$site_name = carbon_get_theme_option('site_name'); - -$site_person = get_the_title(); -; - -$site_index = carbon_get_theme_option('site_index'); -$site_region = carbon_get_theme_option('site_region'); -$site_address = carbon_get_theme_option('site_address'); -$site_city = carbon_get_theme_option('site_city'); -$site_phone = carbon_get_theme_option('site_phone'); -$site_mail = carbon_get_theme_option('site_mail'); - -$listSubjects_title = substr($listSubjects_title, 0, -2); // Удаляем последний символ - -$teacher_description = replaceQuotes(carbon_get_post_meta(get_the_id(), 'teacher_description')); - -$foto = carbon_get_post_meta(get_the_id(), 'teacher_foto'); -$foto = wp_get_attachment_url($foto); -?> - - - - \ No newline at end of file + diff --git a/wp-content/themes/dekart/template-parts/author-eaat.php b/wp-content/themes/dekart/template-parts/author-eaat.php index 56491f0..99020ad 100644 --- a/wp-content/themes/dekart/template-parts/author-eaat.php +++ b/wp-content/themes/dekart/template-parts/author-eaat.php @@ -16,12 +16,18 @@ if (! defined('ABSPATH')) { $post_id = get_the_ID(); -// ── Автор: Settings API → fallback ── -$author_name = get_option('branch_director_name', 'Елена Сергеевна Дегтярёва') +// ── Поддержка $args (переопределение автора, напр. для single-teacher) ── +$args = isset($args) && is_array($args) ? $args : array(); +$args = wp_parse_args($args, array('author_name' => '', 'author_creds' => '')); + +// ── Автор: $args → Settings API → fallback ── +$author_name = $args['author_name'] + ?: get_option('branch_director_name', 'Елена Сергеевна Дегтярёва') ?: carbon_get_post_meta($post_id, 'pksh_author_name') ?: get_option('branch_og_site_name', 'Частная школа Декарт'); -$author_creds = get_option('branch_director_creds', 'директор частной школы «Декарт», педагогический стаж 18 лет'); +$author_creds = $args['author_creds'] + ?: get_option('branch_director_creds', 'директор частной школы «Декарт», педагогический стаж 18 лет'); // ── Даты (автоматически из WP) ── $publish_date = $post_id ? get_the_date('c', $post_id) : ''; diff --git a/wp-content/themes/dekart/template-parts/class/hero.php b/wp-content/themes/dekart/template-parts/class/hero.php index acef54f..c5d4228 100644 --- a/wp-content/themes/dekart/template-parts/class/hero.php +++ b/wp-content/themes/dekart/template-parts/class/hero.php @@ -79,7 +79,7 @@ if (! $hero_src) { - + 0) : ?>