@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Montserrat:wght@300;400;500&display=swap);:root {--btn-bg: #04468D;--btn-bg-hover: #0659B1;--btn-bs: inset 10px 10px 24px rgba(255, 255, 255, 0.35);--gray-color: #54595C} /*! * Bootstrap Grid v5.2.3 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root {--bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-black: #000;--bs-white: #fff;--bs-gray: #6c757d;--bs-gray-dark: #343a40;--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #6c757d;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: #0d6efd;--bs-secondary: #6c757d;--bs-success: #198754;--bs-info: #0dcaf0;--bs-warning: #ffc107;--bs-danger: #dc3545;--bs-light: #f8f9fa;--bs-dark: #212529;--bs-primary-rgb: 13, 110, 253;--bs-secondary-rgb: 108, 117, 125;--bs-success-rgb: 25, 135, 84;--bs-info-rgb: 13, 202, 240;--bs-warning-rgb: 255, 193, 7;--bs-danger-rgb: 220, 53, 69;--bs-light-rgb: 248, 249, 250;--bs-dark-rgb: 33, 37, 41;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-body-color-rgb: 33, 37, 41;--bs-body-bg-rgb: 255, 255, 255;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size: 1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #212529;--bs-body-bg: #fff;--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: #dee2e6;--bs-border-color-translucent: rgba(0, 0, 0, 0.175);--bs-border-radius: 0.375rem;--bs-border-radius-sm: 0.25rem;--bs-border-radius-lg: 0.5rem;--bs-border-radius-xl: 1rem;--bs-border-radius-2xl: 2rem;--bs-border-radius-pill: 50rem;--bs-link-color: #0d6efd;--bs-link-hover-color: #0a58ca;--bs-code-color: #d63384;--bs-highlight-bg: #fff3cd} .container, .container-fluid, .container-xxl, .container-xl {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width: 100%;padding-right: calc(var(--bs-gutter-x) * 0.5);padding-left: calc(var(--bs-gutter-x) * 0.5);margin-right: auto;margin-left: auto} @media (min-width: 1200px) {.container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1135px} } @media (min-width: 1400px) {.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1160px} } .row {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-top: calc(-1 * var(--bs-gutter-y));margin-right: calc(-0.5 * var(--bs-gutter-x));margin-left: calc(-0.5 * var(--bs-gutter-x))} .row>* {box-sizing: border-box;flex-shrink: 0;width: 100%;max-width: 100%;padding-right: calc(var(--bs-gutter-x) * 0.5);padding-left: calc(var(--bs-gutter-x) * 0.5);margin-top: var(--bs-gutter-y)} .col {flex: 1 0 0%} .row-cols-auto>* {flex: 0 0 auto;width: auto} .row-cols-1>* {flex: 0 0 auto;width: 100%} .row-cols-2>* {flex: 0 0 auto;width: 50%} .row-cols-3>* {flex: 0 0 auto;width: 33.3333333333%} .row-cols-4>* {flex: 0 0 auto;width: 25%} .row-cols-5>* {flex: 0 0 auto;width: 20%} .row-cols-6>* {flex: 0 0 auto;width: 16.6666666667%} .col-auto {flex: 0 0 auto;width: auto} .col-1 {flex: 0 0 auto;width: 8.33333333%} .col-2 {flex: 0 0 auto;width: 16.66666667%} .col-3 {flex: 0 0 auto;width: 25%} .col-4 {flex: 0 0 auto;width: 33.33333333%} .col-5 {flex: 0 0 auto;width: 41.66666667%} .col-6 {flex: 0 0 auto;width: 50%} .col-7 {flex: 0 0 auto;width: 58.33333333%} .col-8 {flex: 0 0 auto;width: 66.66666667%} .col-9 {flex: 0 0 auto;width: 75%} .col-10 {flex: 0 0 auto;width: 83.33333333%} .col-11 {flex: 0 0 auto;width: 91.66666667%} .col-12 {flex: 0 0 auto;width: 100%} .offset-1 {margin-left: 8.33333333%} .offset-2 {margin-left: 16.66666667%} .offset-3 {margin-left: 25%} .offset-4 {margin-left: 33.33333333%} .offset-5 {margin-left: 41.66666667%} .offset-6 {margin-left: 50%} .offset-7 {margin-left: 58.33333333%} .offset-8 {margin-left: 66.66666667%} .offset-9 {margin-left: 75%} .offset-10 {margin-left: 83.33333333%} .offset-11 {margin-left: 91.66666667%} .g-0, .gx-0 {--bs-gutter-x: 0} .g-0, .gy-0 {--bs-gutter-y: 0} .g-1, .gx-1 {--bs-gutter-x: 0.25rem} .g-1, .gy-1 {--bs-gutter-y: 0.25rem} .g-2, .gx-2 {--bs-gutter-x: 0.5rem} .g-2, .gy-2 {--bs-gutter-y: 0.5rem} .g-3, .gx-3 {--bs-gutter-x: 1rem} .g-3, .gy-3 {--bs-gutter-y: 1rem} .g-4, .gx-4 {--bs-gutter-x: 1.5rem} .g-4, .gy-4 {--bs-gutter-y: 1.5rem} .g-5, .gx-5 {--bs-gutter-x: 3rem} .g-5, .gy-5 {--bs-gutter-y: 3rem} @media (min-width: 576px) {.col-sm {flex: 1 0 0%} .row-cols-sm-auto>* {flex: 0 0 auto;width: auto} .row-cols-sm-1>* {flex: 0 0 auto;width: 100%} .row-cols-sm-2>* {flex: 0 0 auto;width: 50%} .row-cols-sm-3>* {flex: 0 0 auto;width: 33.3333333333%} .row-cols-sm-4>* {flex: 0 0 auto;width: 25%} .row-cols-sm-5>* {flex: 0 0 auto;width: 20%} .row-cols-sm-6>* {flex: 0 0 auto;width: 16.6666666667%} .col-sm-auto {flex: 0 0 auto;width: auto} .col-sm-1 {flex: 0 0 auto;width: 8.33333333%} .col-sm-2 {flex: 0 0 auto;width: 16.66666667%} .col-sm-3 {flex: 0 0 auto;width: 25%} .col-sm-4 {flex: 0 0 auto;width: 33.33333333%} .col-sm-5 {flex: 0 0 auto;width: 41.66666667%} .col-sm-6 {flex: 0 0 auto;width: 50%} .col-sm-7 {flex: 0 0 auto;width: 58.33333333%} .col-sm-8 {flex: 0 0 auto;width: 66.66666667%} .col-sm-9 {flex: 0 0 auto;width: 75%} .col-sm-10 {flex: 0 0 auto;width: 83.33333333%} .col-sm-11 {flex: 0 0 auto;width: 91.66666667%} .col-sm-12 {flex: 0 0 auto;width: 100%} .offset-sm-0 {margin-left: 0} .offset-sm-1 {margin-left: 8.33333333%} .offset-sm-2 {margin-left: 16.66666667%} .offset-sm-3 {margin-left: 25%} .offset-sm-4 {margin-left: 33.33333333%} .offset-sm-5 {margin-left: 41.66666667%} .offset-sm-6 {margin-left: 50%} .offset-sm-7 {margin-left: 58.33333333%} .offset-sm-8 {margin-left: 66.66666667%} .offset-sm-9 {margin-left: 75%} .offset-sm-10 {margin-left: 83.33333333%} .offset-sm-11 {margin-left: 91.66666667%} .g-sm-0, .gx-sm-0 {--bs-gutter-x: 0} .g-sm-0, .gy-sm-0 {--bs-gutter-y: 0} .g-sm-1, .gx-sm-1 {--bs-gutter-x: 0.25rem} .g-sm-1, .gy-sm-1 {--bs-gutter-y: 0.25rem} .g-sm-2, .gx-sm-2 {--bs-gutter-x: 0.5rem} .g-sm-2, .gy-sm-2 {--bs-gutter-y: 0.5rem} .g-sm-3, .gx-sm-3 {--bs-gutter-x: 1rem} .g-sm-3, .gy-sm-3 {--bs-gutter-y: 1rem} .g-sm-4, .gx-sm-4 {--bs-gutter-x: 1.5rem} .g-sm-4, .gy-sm-4 {--bs-gutter-y: 1.5rem} .g-sm-5, .gx-sm-5 {--bs-gutter-x: 3rem} .g-sm-5, .gy-sm-5 {--bs-gutter-y: 3rem} } @media (min-width: 768px) {.col-md {flex: 1 0 0%} .row-cols-md-auto>* {flex: 0 0 auto;width: auto} .row-cols-md-1>* {flex: 0 0 auto;width: 100%} .row-cols-md-2>* {flex: 0 0 auto;width: 50%} .row-cols-md-3>* {flex: 0 0 auto;width: 33.3333333333%} .row-cols-md-4>* {flex: 0 0 auto;width: 25%} .row-cols-md-5>* {flex: 0 0 auto;width: 20%} .row-cols-md-6>* {flex: 0 0 auto;width: 16.6666666667%} .col-md-auto {flex: 0 0 auto;width: auto} .col-md-1 {flex: 0 0 auto;width: 8.33333333%} .col-md-2 {flex: 0 0 auto;width: 16.66666667%} .col-md-3 {flex: 0 0 auto;width: 25%} .col-md-4 {flex: 0 0 auto;width: 33.33333333%} .col-md-5 {flex: 0 0 auto;width: 41.66666667%} .col-md-6 {flex: 0 0 auto;width: 50%} .col-md-7 {flex: 0 0 auto;width: 58.33333333%} .col-md-8 {flex: 0 0 auto;width: 66.66666667%} .col-md-9 {flex: 0 0 auto;width: 75%} .col-md-10 {flex: 0 0 auto;width: 83.33333333%} .col-md-11 {flex: 0 0 auto;width: 91.66666667%} .col-md-12 {flex: 0 0 auto;width: 100%} .offset-md-0 {margin-left: 0} .offset-md-1 {margin-left: 8.33333333%} .offset-md-2 {margin-left: 16.66666667%} .offset-md-3 {margin-left: 25%} .offset-md-4 {margin-left: 33.33333333%} .offset-md-5 {margin-left: 41.66666667%} .offset-md-6 {margin-left: 50%} .offset-md-7 {margin-left: 58.33333333%} .offset-md-8 {margin-left: 66.66666667%} .offset-md-9 {margin-left: 75%} .offset-md-10 {margin-left: 83.33333333%} .offset-md-11 {margin-left: 91.66666667%} .g-md-0, .gx-md-0 {--bs-gutter-x: 0} .g-md-0, .gy-md-0 {--bs-gutter-y: 0} .g-md-1, .gx-md-1 {--bs-gutter-x: 0.25rem} .g-md-1, .gy-md-1 {--bs-gutter-y: 0.25rem} .g-md-2, .gx-md-2 {--bs-gutter-x: 0.5rem} .g-md-2, .gy-md-2 {--bs-gutter-y: 0.5rem} .g-md-3, .gx-md-3 {--bs-gutter-x: 1rem} .g-md-3, .gy-md-3 {--bs-gutter-y: 1rem} .g-md-4, .gx-md-4 {--bs-gutter-x: 1.5rem} .g-md-4, .gy-md-4 {--bs-gutter-y: 1.5rem} .g-md-5, .gx-md-5 {--bs-gutter-x: 3rem} .g-md-5, .gy-md-5 {--bs-gutter-y: 3rem} } @media (min-width: 992px) {.col-lg {flex: 1 0 0%} .row-cols-lg-auto>* {flex: 0 0 auto;width: auto} .row-cols-lg-1>* {flex: 0 0 auto;width: 100%} .row-cols-lg-2>* {flex: 0 0 auto;width: 50%} .row-cols-lg-3>* {flex: 0 0 auto;width: 33.3333333333%} .row-cols-lg-4>* {flex: 0 0 auto;width: 25%} .row-cols-lg-5>* {flex: 0 0 auto;width: 20%} .row-cols-lg-6>* {flex: 0 0 auto;width: 16.6666666667%} .col-lg-auto {flex: 0 0 auto;width: auto} .col-lg-1 {flex: 0 0 auto;width: 8.33333333%} .col-lg-2 {flex: 0 0 auto;width: 16.66666667%} .col-lg-3 {flex: 0 0 auto;width: 25%} .col-lg-4 {flex: 0 0 auto;width: 33.33333333%} .col-lg-5 {flex: 0 0 auto;width: 41.66666667%} .col-lg-6 {flex: 0 0 auto;width: 50%} .col-lg-7 {flex: 0 0 auto;width: 58.33333333%} .col-lg-8 {flex: 0 0 auto;width: 66.66666667%} .col-lg-9 {flex: 0 0 auto;width: 75%} .col-lg-10 {flex: 0 0 auto;width: 83.33333333%} .col-lg-11 {flex: 0 0 auto;width: 91.66666667%} .col-lg-12 {flex: 0 0 auto;width: 100%} .offset-lg-0 {margin-left: 0} .offset-lg-1 {margin-left: 8.33333333%} .offset-lg-2 {margin-left: 16.66666667%} .offset-lg-3 {margin-left: 25%} .offset-lg-4 {margin-left: 33.33333333%} .offset-lg-5 {margin-left: 41.66666667%} .offset-lg-6 {margin-left: 50%} .offset-lg-7 {margin-left: 58.33333333%} .offset-lg-8 {margin-left: 66.66666667%} .offset-lg-9 {margin-left: 75%} .offset-lg-10 {margin-left: 83.33333333%} .offset-lg-11 {margin-left: 91.66666667%} .g-lg-0, .gx-lg-0 {--bs-gutter-x: 0} .g-lg-0, .gy-lg-0 {--bs-gutter-y: 0} .g-lg-1, .gx-lg-1 {--bs-gutter-x: 0.25rem} .g-lg-1, .gy-lg-1 {--bs-gutter-y: 0.25rem} .g-lg-2, .gx-lg-2 {--bs-gutter-x: 0.5rem} .g-lg-2, .gy-lg-2 {--bs-gutter-y: 0.5rem} .g-lg-3, .gx-lg-3 {--bs-gutter-x: 1rem} .g-lg-3, .gy-lg-3 {--bs-gutter-y: 1rem} .g-lg-4, .gx-lg-4 {--bs-gutter-x: 1.5rem} .g-lg-4, .gy-lg-4 {--bs-gutter-y: 1.5rem} .g-lg-5, .gx-lg-5 {--bs-gutter-x: 3rem} .g-lg-5, .gy-lg-5 {--bs-gutter-y: 3rem} } @media (min-width: 1200px) {.col-xl {flex: 1 0 0%} .row-cols-xl-auto>* {flex: 0 0 auto;width: auto} .row-cols-xl-1>* {flex: 0 0 auto;width: 100%} .row-cols-xl-2>* {flex: 0 0 auto;width: 50%} .row-cols-xl-3>* {flex: 0 0 auto;width: 33.3333333333%} .row-cols-xl-4>* {flex: 0 0 auto;width: 25%} .row-cols-xl-5>* {flex: 0 0 auto;width: 20%} .row-cols-xl-6>* {flex: 0 0 auto;width: 16.6666666667%} .col-xl-auto {flex: 0 0 auto;width: auto} .col-xl-1 {flex: 0 0 auto;width: 8.33333333%} .col-xl-2 {flex: 0 0 auto;width: 16.66666667%} .col-xl-3 {flex: 0 0 auto;width: 25%} .col-xl-4 {flex: 0 0 auto;width: 33.33333333%} .col-xl-5 {flex: 0 0 auto;width: 41.66666667%} .col-xl-6 {flex: 0 0 auto;width: 50%} .col-xl-7 {flex: 0 0 auto;width: 58.33333333%} .col-xl-8 {flex: 0 0 auto;width: 66.66666667%} .col-xl-9 {flex: 0 0 auto;width: 75%} .col-xl-10 {flex: 0 0 auto;width: 83.33333333%} .col-xl-11 {flex: 0 0 auto;width: 91.66666667%} .col-xl-12 {flex: 0 0 auto;width: 100%} .offset-xl-0 {margin-left: 0} .offset-xl-1 {margin-left: 8.33333333%} .offset-xl-2 {margin-left: 16.66666667%} .offset-xl-3 {margin-left: 25%} .offset-xl-4 {margin-left: 33.33333333%} .offset-xl-5 {margin-left: 41.66666667%} .offset-xl-6 {margin-left: 50%} .offset-xl-7 {margin-left: 58.33333333%} .offset-xl-8 {margin-left: 66.66666667%} .offset-xl-9 {margin-left: 75%} .offset-xl-10 {margin-left: 83.33333333%} .offset-xl-11 {margin-left: 91.66666667%} .g-xl-0, .gx-xl-0 {--bs-gutter-x: 0} .g-xl-0, .gy-xl-0 {--bs-gutter-y: 0} .g-xl-1, .gx-xl-1 {--bs-gutter-x: 0.25rem} .g-xl-1, .gy-xl-1 {--bs-gutter-y: 0.25rem} .g-xl-2, .gx-xl-2 {--bs-gutter-x: 0.5rem} .g-xl-2, .gy-xl-2 {--bs-gutter-y: 0.5rem} .g-xl-3, .gx-xl-3 {--bs-gutter-x: 1rem} .g-xl-3, .gy-xl-3 {--bs-gutter-y: 1rem} .g-xl-4, .gx-xl-4 {--bs-gutter-x: 1.5rem} .g-xl-4, .gy-xl-4 {--bs-gutter-y: 1.5rem} .g-xl-5, .gx-xl-5 {--bs-gutter-x: 3rem} .g-xl-5, .gy-xl-5 {--bs-gutter-y: 3rem} } @media (min-width: 1400px) {.col-xxl {flex: 1 0 0%} .row-cols-xxl-auto>* {flex: 0 0 auto;width: auto} .row-cols-xxl-1>* {flex: 0 0 auto;width: 100%} .row-cols-xxl-2>* {flex: 0 0 auto;width: 50%} .row-cols-xxl-3>* {flex: 0 0 auto;width: 33.3333333333%} .row-cols-xxl-4>* {flex: 0 0 auto;width: 25%} .row-cols-xxl-5>* {flex: 0 0 auto;width: 20%} .row-cols-xxl-6>* {flex: 0 0 auto;width: 16.6666666667%} .col-xxl-auto {flex: 0 0 auto;width: auto} .col-xxl-1 {flex: 0 0 auto;width: 8.33333333%} .col-xxl-2 {flex: 0 0 auto;width: 16.66666667%} .col-xxl-3 {flex: 0 0 auto;width: 25%} .col-xxl-4 {flex: 0 0 auto;width: 33.33333333%} .col-xxl-5 {flex: 0 0 auto;width: 41.66666667%} .col-xxl-6 {flex: 0 0 auto;width: 50%} .col-xxl-7 {flex: 0 0 auto;width: 58.33333333%} .col-xxl-8 {flex: 0 0 auto;width: 66.66666667%} .col-xxl-9 {flex: 0 0 auto;width: 75%} .col-xxl-10 {flex: 0 0 auto;width: 83.33333333%} .col-xxl-11 {flex: 0 0 auto;width: 91.66666667%} .col-xxl-12 {flex: 0 0 auto;width: 100%} .offset-xxl-0 {margin-left: 0} .offset-xxl-1 {margin-left: 8.33333333%} .offset-xxl-2 {margin-left: 16.66666667%} .offset-xxl-3 {margin-left: 25%} .offset-xxl-4 {margin-left: 33.33333333%} .offset-xxl-5 {margin-left: 41.66666667%} .offset-xxl-6 {margin-left: 50%} .offset-xxl-7 {margin-left: 58.33333333%} .offset-xxl-8 {margin-left: 66.66666667%} .offset-xxl-9 {margin-left: 75%} .offset-xxl-10 {margin-left: 83.33333333%} .offset-xxl-11 {margin-left: 91.66666667%} .g-xxl-0, .gx-xxl-0 {--bs-gutter-x: 0} .g-xxl-0, .gy-xxl-0 {--bs-gutter-y: 0} .g-xxl-1, .gx-xxl-1 {--bs-gutter-x: 0.25rem} .g-xxl-1, .gy-xxl-1 {--bs-gutter-y: 0.25rem} .g-xxl-2, .gx-xxl-2 {--bs-gutter-x: 0.5rem} .g-xxl-2, .gy-xxl-2 {--bs-gutter-y: 0.5rem} .g-xxl-3, .gx-xxl-3 {--bs-gutter-x: 1rem} .g-xxl-3, .gy-xxl-3 {--bs-gutter-y: 1rem} .g-xxl-4, .gx-xxl-4 {--bs-gutter-x: 1.5rem} .g-xxl-4, .gy-xxl-4 {--bs-gutter-y: 1.5rem} .g-xxl-5, .gx-xxl-5 {--bs-gutter-x: 3rem} .g-xxl-5, .gy-xxl-5 {--bs-gutter-y: 3rem} } .d-inline {display: inline !important} .d-inline-block {display: inline-block !important} .d-block {display: block !important} .d-grid {display: grid !important} .d-table {display: table !important} .d-table-row {display: table-row !important} .d-table-cell {display: table-cell !important} .d-flex {display: flex !important} .d-inline-flex {display: inline-flex !important} .d-none {display: none !important} .flex-fill {flex: 1 1 auto !important} .flex-row {flex-direction: row !important} .flex-column {flex-direction: column !important} .flex-row-reverse {flex-direction: row-reverse !important} .flex-column-reverse {flex-direction: column-reverse !important} .flex-grow-0 {flex-grow: 0 !important} .flex-grow-1 {flex-grow: 1 !important} .flex-shrink-0 {flex-shrink: 0 !important} .flex-shrink-1 {flex-shrink: 1 !important} .flex-wrap {flex-wrap: wrap !important} .flex-nowrap {flex-wrap: nowrap !important} .flex-wrap-reverse {flex-wrap: wrap-reverse !important} .justify-content-start {justify-content: flex-start !important} .justify-content-end {justify-content: flex-end !important} .justify-content-center {justify-content: center !important} .justify-content-between {justify-content: space-between !important} .justify-content-around {justify-content: space-around !important} .justify-content-evenly {justify-content: space-evenly !important} .align-items-start {align-items: flex-start !important} .align-items-end {align-items: flex-end !important} .align-items-center {align-items: center !important} .align-items-baseline {align-items: baseline !important} .align-items-stretch {align-items: stretch !important} .align-content-start {align-content: flex-start !important} .align-content-end {align-content: flex-end !important} .align-content-center {align-content: center !important} .align-content-between {align-content: space-between !important} .align-content-around {align-content: space-around !important} .align-content-stretch {align-content: stretch !important} .align-self-auto {align-self: auto !important} .align-self-start {align-self: flex-start !important} .align-self-end {align-self: flex-end !important} .align-self-center {align-self: center !important} .align-self-baseline {align-self: baseline !important} .align-self-stretch {align-self: stretch !important} .order-first {order: -1 !important} .order-0 {order: 0 !important} .order-1 {order: 1 !important} .order-2 {order: 2 !important} .order-3 {order: 3 !important} .order-4 {order: 4 !important} .order-5 {order: 5 !important} .order-last {order: 6 !important} .m-0 {margin: 0 !important} .m-1 {margin: 0.25rem !important} .m-2 {margin: 0.5rem !important} .m-3 {margin: 1rem !important} .m-4 {margin: 1.5rem !important} .m-5 {margin: 3rem !important} .m-auto {margin: auto !important} .mx-0 {margin-right: 0 !important;margin-left: 0 !important} .mx-1 {margin-right: 0.25rem !important;margin-left: 0.25rem !important} .mx-2 {margin-right: 0.5rem !important;margin-left: 0.5rem !important} .mx-3 {margin-right: 1rem !important;margin-left: 1rem !important} .mx-4 {margin-right: 1.5rem !important;margin-left: 1.5rem !important} .mx-5 {margin-right: 3rem !important;margin-left: 3rem !important} .mx-auto {margin-right: auto !important;margin-left: auto !important} .my-0 {margin-top: 0 !important;margin-bottom: 0 !important} .my-1 {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important} .my-2 {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important} .my-3 {margin-top: 1rem !important;margin-bottom: 1rem !important} .my-4 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important} .my-5 {margin-top: 3rem !important;margin-bottom: 3rem !important} .my-auto {margin-top: auto !important;margin-bottom: auto !important} .mt-0 {margin-top: 0 !important} .mt-1 {margin-top: 0.25rem !important} .mt-2 {margin-top: 0.5rem !important} .mt-3 {margin-top: 1rem !important} .mt-4 {margin-top: 1.5rem !important} .mt-5 {margin-top: 3rem !important} .mt-auto {margin-top: auto !important} .me-0 {margin-right: 0 !important} .me-1 {margin-right: 0.25rem !important} .me-2 {margin-right: 0.5rem !important} .me-3 {margin-right: 1rem !important} .me-4 {margin-right: 1.5rem !important} .me-5 {margin-right: 3rem !important} .me-auto {margin-right: auto !important} .mb-0 {margin-bottom: 0 !important} .mb-1 {margin-bottom: 0.25rem !important} .mb-2 {margin-bottom: 0.5rem !important} .mb-3 {margin-bottom: 1rem !important} .mb-4 {margin-bottom: 1.5rem !important} .mb-5 {margin-bottom: 3rem !important} .mb-auto {margin-bottom: auto !important} .ms-0 {margin-left: 0 !important} .ms-1 {margin-left: 0.25rem !important} .ms-2 {margin-left: 0.5rem !important} .ms-3 {margin-left: 1rem !important} .ms-4 {margin-left: 1.5rem !important} .ms-5 {margin-left: 3rem !important} .ms-auto {margin-left: auto !important} .p-0 {padding: 0 !important} .p-1 {padding: 0.25rem !important} .p-2 {padding: 0.5rem !important} .p-3 {padding: 1rem !important} .p-4 {padding: 1.5rem !important} .p-5 {padding: 3rem !important} .px-0 {padding-right: 0 !important;padding-left: 0 !important} .px-1 {padding-right: 0.25rem !important;padding-left: 0.25rem !important} .px-2 {padding-right: 0.5rem !important;padding-left: 0.5rem !important} .px-3 {padding-right: 1rem !important;padding-left: 1rem !important} .px-4 {padding-right: 1.5rem !important;padding-left: 1.5rem !important} .px-5 {padding-right: 3rem !important;padding-left: 3rem !important} .py-0 {padding-top: 0 !important;padding-bottom: 0 !important} .py-1 {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important} .py-2 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important} .py-3 {padding-top: 1rem !important;padding-bottom: 1rem !important} .py-4 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important} .py-5 {padding-top: 3rem !important;padding-bottom: 3rem !important} .pt-0 {padding-top: 0 !important} .pt-1 {padding-top: 0.25rem !important} .pt-2 {padding-top: 0.5rem !important} .pt-3 {padding-top: 1rem !important} .pt-4 {padding-top: 1.5rem !important} .pt-5 {padding-top: 3rem !important} .pe-0 {padding-right: 0 !important} .pe-1 {padding-right: 0.25rem !important} .pe-2 {padding-right: 0.5rem !important} .pe-3 {padding-right: 1rem !important} .pe-4 {padding-right: 1.5rem !important} .pe-5 {padding-right: 3rem !important} .pb-0 {padding-bottom: 0 !important} .pb-1 {padding-bottom: 0.25rem !important} .pb-2 {padding-bottom: 0.5rem !important} .pb-3 {padding-bottom: 1rem !important} .pb-4 {padding-bottom: 1.5rem !important} .pb-5 {padding-bottom: 3rem !important} .ps-0 {padding-left: 0 !important} .ps-1 {padding-left: 0.25rem !important} .ps-2 {padding-left: 0.5rem !important} .ps-3 {padding-left: 1rem !important} .ps-4 {padding-left: 1.5rem !important} .ps-5 {padding-left: 3rem !important} @media (min-width: 576px) {.d-sm-inline {display: inline !important} .d-sm-inline-block {display: inline-block !important} .d-sm-block {display: block !important} .d-sm-grid {display: grid !important} .d-sm-table {display: table !important} .d-sm-table-row {display: table-row !important} .d-sm-table-cell {display: table-cell !important} .d-sm-flex {display: flex !important} .d-sm-inline-flex {display: inline-flex !important} .d-sm-none {display: none !important} .flex-sm-fill {flex: 1 1 auto !important} .flex-sm-row {flex-direction: row !important} .flex-sm-column {flex-direction: column !important} .flex-sm-row-reverse {flex-direction: row-reverse !important} .flex-sm-column-reverse {flex-direction: column-reverse !important} .flex-sm-grow-0 {flex-grow: 0 !important} .flex-sm-grow-1 {flex-grow: 1 !important} .flex-sm-shrink-0 {flex-shrink: 0 !important} .flex-sm-shrink-1 {flex-shrink: 1 !important} .flex-sm-wrap {flex-wrap: wrap !important} .flex-sm-nowrap {flex-wrap: nowrap !important} .flex-sm-wrap-reverse {flex-wrap: wrap-reverse !important} .justify-content-sm-start {justify-content: flex-start !important} .justify-content-sm-end {justify-content: flex-end !important} .justify-content-sm-center {justify-content: center !important} .justify-content-sm-between {justify-content: space-between !important} .justify-content-sm-around {justify-content: space-around !important} .justify-content-sm-evenly {justify-content: space-evenly !important} .align-items-sm-start {align-items: flex-start !important} .align-items-sm-end {align-items: flex-end !important} .align-items-sm-center {align-items: center !important} .align-items-sm-baseline {align-items: baseline !important} .align-items-sm-stretch {align-items: stretch !important} .align-content-sm-start {align-content: flex-start !important} .align-content-sm-end {align-content: flex-end !important} .align-content-sm-center {align-content: center !important} .align-content-sm-between {align-content: space-between !important} .align-content-sm-around {align-content: space-around !important} .align-content-sm-stretch {align-content: stretch !important} .align-self-sm-auto {align-self: auto !important} .align-self-sm-start {align-self: flex-start !important} .align-self-sm-end {align-self: flex-end !important} .align-self-sm-center {align-self: center !important} .align-self-sm-baseline {align-self: baseline !important} .align-self-sm-stretch {align-self: stretch !important} .order-sm-first {order: -1 !important} .order-sm-0 {order: 0 !important} .order-sm-1 {order: 1 !important} .order-sm-2 {order: 2 !important} .order-sm-3 {order: 3 !important} .order-sm-4 {order: 4 !important} .order-sm-5 {order: 5 !important} .order-sm-last {order: 6 !important} .m-sm-0 {margin: 0 !important} .m-sm-1 {margin: 0.25rem !important} .m-sm-2 {margin: 0.5rem !important} .m-sm-3 {margin: 1rem !important} .m-sm-4 {margin: 1.5rem !important} .m-sm-5 {margin: 3rem !important} .m-sm-auto {margin: auto !important} .mx-sm-0 {margin-right: 0 !important;margin-left: 0 !important} .mx-sm-1 {margin-right: 0.25rem !important;margin-left: 0.25rem !important} .mx-sm-2 {margin-right: 0.5rem !important;margin-left: 0.5rem !important} .mx-sm-3 {margin-right: 1rem !important;margin-left: 1rem !important} .mx-sm-4 {margin-right: 1.5rem !important;margin-left: 1.5rem !important} .mx-sm-5 {margin-right: 3rem !important;margin-left: 3rem !important} .mx-sm-auto {margin-right: auto !important;margin-left: auto !important} .my-sm-0 {margin-top: 0 !important;margin-bottom: 0 !important} .my-sm-1 {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important} .my-sm-2 {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important} .my-sm-3 {margin-top: 1rem !important;margin-bottom: 1rem !important} .my-sm-4 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important} .my-sm-5 {margin-top: 3rem !important;margin-bottom: 3rem !important} .my-sm-auto {margin-top: auto !important;margin-bottom: auto !important} .mt-sm-0 {margin-top: 0 !important} .mt-sm-1 {margin-top: 0.25rem !important} .mt-sm-2 {margin-top: 0.5rem !important} .mt-sm-3 {margin-top: 1rem !important} .mt-sm-4 {margin-top: 1.5rem !important} .mt-sm-5 {margin-top: 3rem !important} .mt-sm-auto {margin-top: auto !important} .me-sm-0 {margin-right: 0 !important} .me-sm-1 {margin-right: 0.25rem !important} .me-sm-2 {margin-right: 0.5rem !important} .me-sm-3 {margin-right: 1rem !important} .me-sm-4 {margin-right: 1.5rem !important} .me-sm-5 {margin-right: 3rem !important} .me-sm-auto {margin-right: auto !important} .mb-sm-0 {margin-bottom: 0 !important} .mb-sm-1 {margin-bottom: 0.25rem !important} .mb-sm-2 {margin-bottom: 0.5rem !important} .mb-sm-3 {margin-bottom: 1rem !important} .mb-sm-4 {margin-bottom: 1.5rem !important} .mb-sm-5 {margin-bottom: 3rem !important} .mb-sm-auto {margin-bottom: auto !important} .ms-sm-0 {margin-left: 0 !important} .ms-sm-1 {margin-left: 0.25rem !important} .ms-sm-2 {margin-left: 0.5rem !important} .ms-sm-3 {margin-left: 1rem !important} .ms-sm-4 {margin-left: 1.5rem !important} .ms-sm-5 {margin-left: 3rem !important} .ms-sm-auto {margin-left: auto !important} .p-sm-0 {padding: 0 !important} .p-sm-1 {padding: 0.25rem !important} .p-sm-2 {padding: 0.5rem !important} .p-sm-3 {padding: 1rem !important} .p-sm-4 {padding: 1.5rem !important} .p-sm-5 {padding: 3rem !important} .px-sm-0 {padding-right: 0 !important;padding-left: 0 !important} .px-sm-1 {padding-right: 0.25rem !important;padding-left: 0.25rem !important} .px-sm-2 {padding-right: 0.5rem !important;padding-left: 0.5rem !important} .px-sm-3 {padding-right: 1rem !important;padding-left: 1rem !important} .px-sm-4 {padding-right: 1.5rem !important;padding-left: 1.5rem !important} .px-sm-5 {padding-right: 3rem !important;padding-left: 3rem !important} .py-sm-0 {padding-top: 0 !important;padding-bottom: 0 !important} .py-sm-1 {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important} .py-sm-2 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important} .py-sm-3 {padding-top: 1rem !important;padding-bottom: 1rem !important} .py-sm-4 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important} .py-sm-5 {padding-top: 3rem !important;padding-bottom: 3rem !important} .pt-sm-0 {padding-top: 0 !important} .pt-sm-1 {padding-top: 0.25rem !important} .pt-sm-2 {padding-top: 0.5rem !important} .pt-sm-3 {padding-top: 1rem !important} .pt-sm-4 {padding-top: 1.5rem !important} .pt-sm-5 {padding-top: 3rem !important} .pe-sm-0 {padding-right: 0 !important} .pe-sm-1 {padding-right: 0.25rem !important} .pe-sm-2 {padding-right: 0.5rem !important} .pe-sm-3 {padding-right: 1rem !important} .pe-sm-4 {padding-right: 1.5rem !important} .pe-sm-5 {padding-right: 3rem !important} .pb-sm-0 {padding-bottom: 0 !important} .pb-sm-1 {padding-bottom: 0.25rem !important} .pb-sm-2 {padding-bottom: 0.5rem !important} .pb-sm-3 {padding-bottom: 1rem !important} .pb-sm-4 {padding-bottom: 1.5rem !important} .pb-sm-5 {padding-bottom: 3rem !important} .ps-sm-0 {padding-left: 0 !important} .ps-sm-1 {padding-left: 0.25rem !important} .ps-sm-2 {padding-left: 0.5rem !important} .ps-sm-3 {padding-left: 1rem !important} .ps-sm-4 {padding-left: 1.5rem !important} .ps-sm-5 {padding-left: 3rem !important} } @media (min-width: 768px) {.d-md-inline {display: inline !important} .d-md-inline-block {display: inline-block !important} .d-md-block {display: block !important} .d-md-grid {display: grid !important} .d-md-table {display: table !important} .d-md-table-row {display: table-row !important} .d-md-table-cell {display: table-cell !important} .d-md-flex {display: flex !important} .d-md-inline-flex {display: inline-flex !important} .d-md-none {display: none !important} .flex-md-fill {flex: 1 1 auto !important} .flex-md-row {flex-direction: row !important} .flex-md-column {flex-direction: column !important} .flex-md-row-reverse {flex-direction: row-reverse !important} .flex-md-column-reverse {flex-direction: column-reverse !important} .flex-md-grow-0 {flex-grow: 0 !important} .flex-md-grow-1 {flex-grow: 1 !important} .flex-md-shrink-0 {flex-shrink: 0 !important} .flex-md-shrink-1 {flex-shrink: 1 !important} .flex-md-wrap {flex-wrap: wrap !important} .flex-md-nowrap {flex-wrap: nowrap !important} .flex-md-wrap-reverse {flex-wrap: wrap-reverse !important} .justify-content-md-start {justify-content: flex-start !important} .justify-content-md-end {justify-content: flex-end !important} .justify-content-md-center {justify-content: center !important} .justify-content-md-between {justify-content: space-between !important} .justify-content-md-around {justify-content: space-around !important} .justify-content-md-evenly {justify-content: space-evenly !important} .align-items-md-start {align-items: flex-start !important} .align-items-md-end {align-items: flex-end !important} .align-items-md-center {align-items: center !important} .align-items-md-baseline {align-items: baseline !important} .align-items-md-stretch {align-items: stretch !important} .align-content-md-start {align-content: flex-start !important} .align-content-md-end {align-content: flex-end !important} .align-content-md-center {align-content: center !important} .align-content-md-between {align-content: space-between !important} .align-content-md-around {align-content: space-around !important} .align-content-md-stretch {align-content: stretch !important} .align-self-md-auto {align-self: auto !important} .align-self-md-start {align-self: flex-start !important} .align-self-md-end {align-self: flex-end !important} .align-self-md-center {align-self: center !important} .align-self-md-baseline {align-self: baseline !important} .align-self-md-stretch {align-self: stretch !important} .order-md-first {order: -1 !important} .order-md-0 {order: 0 !important} .order-md-1 {order: 1 !important} .order-md-2 {order: 2 !important} .order-md-3 {order: 3 !important} .order-md-4 {order: 4 !important} .order-md-5 {order: 5 !important} .order-md-last {order: 6 !important} .m-md-0 {margin: 0 !important} .m-md-1 {margin: 0.25rem !important} .m-md-2 {margin: 0.5rem !important} .m-md-3 {margin: 1rem !important} .m-md-4 {margin: 1.5rem !important} .m-md-5 {margin: 3rem !important} .m-md-auto {margin: auto !important} .mx-md-0 {margin-right: 0 !important;margin-left: 0 !important} .mx-md-1 {margin-right: 0.25rem !important;margin-left: 0.25rem !important} .mx-md-2 {margin-right: 0.5rem !important;margin-left: 0.5rem !important} .mx-md-3 {margin-right: 1rem !important;margin-left: 1rem !important} .mx-md-4 {margin-right: 1.5rem !important;margin-left: 1.5rem !important} .mx-md-5 {margin-right: 3rem !important;margin-left: 3rem !important} .mx-md-auto {margin-right: auto !important;margin-left: auto !important} .my-md-0 {margin-top: 0 !important;margin-bottom: 0 !important} .my-md-1 {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important} .my-md-2 {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important} .my-md-3 {margin-top: 1rem !important;margin-bottom: 1rem !important} .my-md-4 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important} .my-md-5 {margin-top: 3rem !important;margin-bottom: 3rem !important} .my-md-auto {margin-top: auto !important;margin-bottom: auto !important} .mt-md-0 {margin-top: 0 !important} .mt-md-1 {margin-top: 0.25rem !important} .mt-md-2 {margin-top: 0.5rem !important} .mt-md-3 {margin-top: 1rem !important} .mt-md-4 {margin-top: 1.5rem !important} .mt-md-5 {margin-top: 3rem !important} .mt-md-auto {margin-top: auto !important} .me-md-0 {margin-right: 0 !important} .me-md-1 {margin-right: 0.25rem !important} .me-md-2 {margin-right: 0.5rem !important} .me-md-3 {margin-right: 1rem !important} .me-md-4 {margin-right: 1.5rem !important} .me-md-5 {margin-right: 3rem !important} .me-md-auto {margin-right: auto !important} .mb-md-0 {margin-bottom: 0 !important} .mb-md-1 {margin-bottom: 0.25rem !important} .mb-md-2 {margin-bottom: 0.5rem !important} .mb-md-3 {margin-bottom: 1rem !important} .mb-md-4 {margin-bottom: 1.5rem !important} .mb-md-5 {margin-bottom: 3rem !important} .mb-md-auto {margin-bottom: auto !important} .ms-md-0 {margin-left: 0 !important} .ms-md-1 {margin-left: 0.25rem !important} .ms-md-2 {margin-left: 0.5rem !important} .ms-md-3 {margin-left: 1rem !important} .ms-md-4 {margin-left: 1.5rem !important} .ms-md-5 {margin-left: 3rem !important} .ms-md-auto {margin-left: auto !important} .p-md-0 {padding: 0 !important} .p-md-1 {padding: 0.25rem !important} .p-md-2 {padding: 0.5rem !important} .p-md-3 {padding: 1rem !important} .p-md-4 {padding: 1.5rem !important} .p-md-5 {padding: 3rem !important} .px-md-0 {padding-right: 0 !important;padding-left: 0 !important} .px-md-1 {padding-right: 0.25rem !important;padding-left: 0.25rem !important} .px-md-2 {padding-right: 0.5rem !important;padding-left: 0.5rem !important} .px-md-3 {padding-right: 1rem !important;padding-left: 1rem !important} .px-md-4 {padding-right: 1.5rem !important;padding-left: 1.5rem !important} .px-md-5 {padding-right: 3rem !important;padding-left: 3rem !important} .py-md-0 {padding-top: 0 !important;padding-bottom: 0 !important} .py-md-1 {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important} .py-md-2 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important} .py-md-3 {padding-top: 1rem !important;padding-bottom: 1rem !important} .py-md-4 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important} .py-md-5 {padding-top: 3rem !important;padding-bottom: 3rem !important} .pt-md-0 {padding-top: 0 !important} .pt-md-1 {padding-top: 0.25rem !important} .pt-md-2 {padding-top: 0.5rem !important} .pt-md-3 {padding-top: 1rem !important} .pt-md-4 {padding-top: 1.5rem !important} .pt-md-5 {padding-top: 3rem !important} .pe-md-0 {padding-right: 0 !important} .pe-md-1 {padding-right: 0.25rem !important} .pe-md-2 {padding-right: 0.5rem !important} .pe-md-3 {padding-right: 1rem !important} .pe-md-4 {padding-right: 1.5rem !important} .pe-md-5 {padding-right: 3rem !important} .pb-md-0 {padding-bottom: 0 !important} .pb-md-1 {padding-bottom: 0.25rem !important} .pb-md-2 {padding-bottom: 0.5rem !important} .pb-md-3 {padding-bottom: 1rem !important} .pb-md-4 {padding-bottom: 1.5rem !important} .pb-md-5 {padding-bottom: 3rem !important} .ps-md-0 {padding-left: 0 !important} .ps-md-1 {padding-left: 0.25rem !important} .ps-md-2 {padding-left: 0.5rem !important} .ps-md-3 {padding-left: 1rem !important} .ps-md-4 {padding-left: 1.5rem !important} .ps-md-5 {padding-left: 3rem !important} } @media (min-width: 992px) {.d-lg-inline {display: inline !important} .d-lg-inline-block {display: inline-block !important} .d-lg-block {display: block !important} .d-lg-grid {display: grid !important} .d-lg-table {display: table !important} .d-lg-table-row {display: table-row !important} .d-lg-table-cell {display: table-cell !important} .d-lg-flex {display: flex !important} .d-lg-inline-flex {display: inline-flex !important} .d-lg-none {display: none !important} .flex-lg-fill {flex: 1 1 auto !important} .flex-lg-row {flex-direction: row !important} .flex-lg-column {flex-direction: column !important} .flex-lg-row-reverse {flex-direction: row-reverse !important} .flex-lg-column-reverse {flex-direction: column-reverse !important} .flex-lg-grow-0 {flex-grow: 0 !important} .flex-lg-grow-1 {flex-grow: 1 !important} .flex-lg-shrink-0 {flex-shrink: 0 !important} .flex-lg-shrink-1 {flex-shrink: 1 !important} .flex-lg-wrap {flex-wrap: wrap !important} .flex-lg-nowrap {flex-wrap: nowrap !important} .flex-lg-wrap-reverse {flex-wrap: wrap-reverse !important} .justify-content-lg-start {justify-content: flex-start !important} .justify-content-lg-end {justify-content: flex-end !important} .justify-content-lg-center {justify-content: center !important} .justify-content-lg-between {justify-content: space-between !important} .justify-content-lg-around {justify-content: space-around !important} .justify-content-lg-evenly {justify-content: space-evenly !important} .align-items-lg-start {align-items: flex-start !important} .align-items-lg-end {align-items: flex-end !important} .align-items-lg-center {align-items: center !important} .align-items-lg-baseline {align-items: baseline !important} .align-items-lg-stretch {align-items: stretch !important} .align-content-lg-start {align-content: flex-start !important} .align-content-lg-end {align-content: flex-end !important} .align-content-lg-center {align-content: center !important} .align-content-lg-between {align-content: space-between !important} .align-content-lg-around {align-content: space-around !important} .align-content-lg-stretch {align-content: stretch !important} .align-self-lg-auto {align-self: auto !important} .align-self-lg-start {align-self: flex-start !important} .align-self-lg-end {align-self: flex-end !important} .align-self-lg-center {align-self: center !important} .align-self-lg-baseline {align-self: baseline !important} .align-self-lg-stretch {align-self: stretch !important} .order-lg-first {order: -1 !important} .order-lg-0 {order: 0 !important} .order-lg-1 {order: 1 !important} .order-lg-2 {order: 2 !important} .order-lg-3 {order: 3 !important} .order-lg-4 {order: 4 !important} .order-lg-5 {order: 5 !important} .order-lg-last {order: 6 !important} .m-lg-0 {margin: 0 !important} .m-lg-1 {margin: 0.25rem !important} .m-lg-2 {margin: 0.5rem !important} .m-lg-3 {margin: 1rem !important} .m-lg-4 {margin: 1.5rem !important} .m-lg-5 {margin: 3rem !important} .m-lg-auto {margin: auto !important} .mx-lg-0 {margin-right: 0 !important;margin-left: 0 !important} .mx-lg-1 {margin-right: 0.25rem !important;margin-left: 0.25rem !important} .mx-lg-2 {margin-right: 0.5rem !important;margin-left: 0.5rem !important} .mx-lg-3 {margin-right: 1rem !important;margin-left: 1rem !important} .mx-lg-4 {margin-right: 1.5rem !important;margin-left: 1.5rem !important} .mx-lg-5 {margin-right: 3rem !important;margin-left: 3rem !important} .mx-lg-auto {margin-right: auto !important;margin-left: auto !important} .my-lg-0 {margin-top: 0 !important;margin-bottom: 0 !important} .my-lg-1 {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important} .my-lg-2 {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important} .my-lg-3 {margin-top: 1rem !important;margin-bottom: 1rem !important} .my-lg-4 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important} .my-lg-5 {margin-top: 3rem !important;margin-bottom: 3rem !important} .my-lg-auto {margin-top: auto !important;margin-bottom: auto !important} .mt-lg-0 {margin-top: 0 !important} .mt-lg-1 {margin-top: 0.25rem !important} .mt-lg-2 {margin-top: 0.5rem !important} .mt-lg-3 {margin-top: 1rem !important} .mt-lg-4 {margin-top: 1.5rem !important} .mt-lg-5 {margin-top: 3rem !important} .mt-lg-auto {margin-top: auto !important} .me-lg-0 {margin-right: 0 !important} .me-lg-1 {margin-right: 0.25rem !important} .me-lg-2 {margin-right: 0.5rem !important} .me-lg-3 {margin-right: 1rem !important} .me-lg-4 {margin-right: 1.5rem !important} .me-lg-5 {margin-right: 3rem !important} .me-lg-auto {margin-right: auto !important} .mb-lg-0 {margin-bottom: 0 !important} .mb-lg-1 {margin-bottom: 0.25rem !important} .mb-lg-2 {margin-bottom: 0.5rem !important} .mb-lg-3 {margin-bottom: 1rem !important} .mb-lg-4 {margin-bottom: 1.5rem !important} .mb-lg-5 {margin-bottom: 3rem !important} .mb-lg-auto {margin-bottom: auto !important} .ms-lg-0 {margin-left: 0 !important} .ms-lg-1 {margin-left: 0.25rem !important} .ms-lg-2 {margin-left: 0.5rem !important} .ms-lg-3 {margin-left: 1rem !important} .ms-lg-4 {margin-left: 1.5rem !important} .ms-lg-5 {margin-left: 3rem !important} .ms-lg-auto {margin-left: auto !important} .p-lg-0 {padding: 0 !important} .p-lg-1 {padding: 0.25rem !important} .p-lg-2 {padding: 0.5rem !important} .p-lg-3 {padding: 1rem !important} .p-lg-4 {padding: 1.5rem !important} .p-lg-5 {padding: 3rem !important} .px-lg-0 {padding-right: 0 !important;padding-left: 0 !important} .px-lg-1 {padding-right: 0.25rem !important;padding-left: 0.25rem !important} .px-lg-2 {padding-right: 0.5rem !important;padding-left: 0.5rem !important} .px-lg-3 {padding-right: 1rem !important;padding-left: 1rem !important} .px-lg-4 {padding-right: 1.5rem !important;padding-left: 1.5rem !important} .px-lg-5 {padding-right: 3rem !important;padding-left: 3rem !important} .py-lg-0 {padding-top: 0 !important;padding-bottom: 0 !important} .py-lg-1 {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important} .py-lg-2 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important} .py-lg-3 {padding-top: 1rem !important;padding-bottom: 1rem !important} .py-lg-4 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important} .py-lg-5 {padding-top: 3rem !important;padding-bottom: 3rem !important} .pt-lg-0 {padding-top: 0 !important} .pt-lg-1 {padding-top: 0.25rem !important} .pt-lg-2 {padding-top: 0.5rem !important} .pt-lg-3 {padding-top: 1rem !important} .pt-lg-4 {padding-top: 1.5rem !important} .pt-lg-5 {padding-top: 3rem !important} .pe-lg-0 {padding-right: 0 !important} .pe-lg-1 {padding-right: 0.25rem !important} .pe-lg-2 {padding-right: 0.5rem !important} .pe-lg-3 {padding-right: 1rem !important} .pe-lg-4 {padding-right: 1.5rem !important} .pe-lg-5 {padding-right: 3rem !important} .pb-lg-0 {padding-bottom: 0 !important} .pb-lg-1 {padding-bottom: 0.25rem !important} .pb-lg-2 {padding-bottom: 0.5rem !important} .pb-lg-3 {padding-bottom: 1rem !important} .pb-lg-4 {padding-bottom: 1.5rem !important} .pb-lg-5 {padding-bottom: 3rem !important} .ps-lg-0 {padding-left: 0 !important} .ps-lg-1 {padding-left: 0.25rem !important} .ps-lg-2 {padding-left: 0.5rem !important} .ps-lg-3 {padding-left: 1rem !important} .ps-lg-4 {padding-left: 1.5rem !important} .ps-lg-5 {padding-left: 3rem !important} } @media (min-width: 1200px) {.d-xl-inline {display: inline !important} .d-xl-inline-block {display: inline-block !important} .d-xl-block {display: block !important} .d-xl-grid {display: grid !important} .d-xl-table {display: table !important} .d-xl-table-row {display: table-row !important} .d-xl-table-cell {display: table-cell !important} .d-xl-flex {display: flex !important} .d-xl-inline-flex {display: inline-flex !important} .d-xl-none {display: none !important} .flex-xl-fill {flex: 1 1 auto !important} .flex-xl-row {flex-direction: row !important} .flex-xl-column {flex-direction: column !important} .flex-xl-row-reverse {flex-direction: row-reverse !important} .flex-xl-column-reverse {flex-direction: column-reverse !important} .flex-xl-grow-0 {flex-grow: 0 !important} .flex-xl-grow-1 {flex-grow: 1 !important} .flex-xl-shrink-0 {flex-shrink: 0 !important} .flex-xl-shrink-1 {flex-shrink: 1 !important} .flex-xl-wrap {flex-wrap: wrap !important} .flex-xl-nowrap {flex-wrap: nowrap !important} .flex-xl-wrap-reverse {flex-wrap: wrap-reverse !important} .justify-content-xl-start {justify-content: flex-start !important} .justify-content-xl-end {justify-content: flex-end !important} .justify-content-xl-center {justify-content: center !important} .justify-content-xl-between {justify-content: space-between !important} .justify-content-xl-around {justify-content: space-around !important} .justify-content-xl-evenly {justify-content: space-evenly !important} .align-items-xl-start {align-items: flex-start !important} .align-items-xl-end {align-items: flex-end !important} .align-items-xl-center {align-items: center !important} .align-items-xl-baseline {align-items: baseline !important} .align-items-xl-stretch {align-items: stretch !important} .align-content-xl-start {align-content: flex-start !important} .align-content-xl-end {align-content: flex-end !important} .align-content-xl-center {align-content: center !important} .align-content-xl-between {align-content: space-between !important} .align-content-xl-around {align-content: space-around !important} .align-content-xl-stretch {align-content: stretch !important} .align-self-xl-auto {align-self: auto !important} .align-self-xl-start {align-self: flex-start !important} .align-self-xl-end {align-self: flex-end !important} .align-self-xl-center {align-self: center !important} .align-self-xl-baseline {align-self: baseline !important} .align-self-xl-stretch {align-self: stretch !important} .order-xl-first {order: -1 !important} .order-xl-0 {order: 0 !important} .order-xl-1 {order: 1 !important} .order-xl-2 {order: 2 !important} .order-xl-3 {order: 3 !important} .order-xl-4 {order: 4 !important} .order-xl-5 {order: 5 !important} .order-xl-last {order: 6 !important} .m-xl-0 {margin: 0 !important} .m-xl-1 {margin: 0.25rem !important} .m-xl-2 {margin: 0.5rem !important} .m-xl-3 {margin: 1rem !important} .m-xl-4 {margin: 1.5rem !important} .m-xl-5 {margin: 3rem !important} .m-xl-auto {margin: auto !important} .mx-xl-0 {margin-right: 0 !important;margin-left: 0 !important} .mx-xl-1 {margin-right: 0.25rem !important;margin-left: 0.25rem !important} .mx-xl-2 {margin-right: 0.5rem !important;margin-left: 0.5rem !important} .mx-xl-3 {margin-right: 1rem !important;margin-left: 1rem !important} .mx-xl-4 {margin-right: 1.5rem !important;margin-left: 1.5rem !important} .mx-xl-5 {margin-right: 3rem !important;margin-left: 3rem !important} .mx-xl-auto {margin-right: auto !important;margin-left: auto !important} .my-xl-0 {margin-top: 0 !important;margin-bottom: 0 !important} .my-xl-1 {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important} .my-xl-2 {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important} .my-xl-3 {margin-top: 1rem !important;margin-bottom: 1rem !important} .my-xl-4 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important} .my-xl-5 {margin-top: 3rem !important;margin-bottom: 3rem !important} .my-xl-auto {margin-top: auto !important;margin-bottom: auto !important} .mt-xl-0 {margin-top: 0 !important} .mt-xl-1 {margin-top: 0.25rem !important} .mt-xl-2 {margin-top: 0.5rem !important} .mt-xl-3 {margin-top: 1rem !important} .mt-xl-4 {margin-top: 1.5rem !important} .mt-xl-5 {margin-top: 3rem !important} .mt-xl-auto {margin-top: auto !important} .me-xl-0 {margin-right: 0 !important} .me-xl-1 {margin-right: 0.25rem !important} .me-xl-2 {margin-right: 0.5rem !important} .me-xl-3 {margin-right: 1rem !important} .me-xl-4 {margin-right: 1.5rem !important} .me-xl-5 {margin-right: 3rem !important} .me-xl-auto {margin-right: auto !important} .mb-xl-0 {margin-bottom: 0 !important} .mb-xl-1 {margin-bottom: 0.25rem !important} .mb-xl-2 {margin-bottom: 0.5rem !important} .mb-xl-3 {margin-bottom: 1rem !important} .mb-xl-4 {margin-bottom: 1.5rem !important} .mb-xl-5 {margin-bottom: 3rem !important} .mb-xl-auto {margin-bottom: auto !important} .ms-xl-0 {margin-left: 0 !important} .ms-xl-1 {margin-left: 0.25rem !important} .ms-xl-2 {margin-left: 0.5rem !important} .ms-xl-3 {margin-left: 1rem !important} .ms-xl-4 {margin-left: 1.5rem !important} .ms-xl-5 {margin-left: 3rem !important} .ms-xl-auto {margin-left: auto !important} .p-xl-0 {padding: 0 !important} .p-xl-1 {padding: 0.25rem !important} .p-xl-2 {padding: 0.5rem !important} .p-xl-3 {padding: 1rem !important} .p-xl-4 {padding: 1.5rem !important} .p-xl-5 {padding: 3rem !important} .px-xl-0 {padding-right: 0 !important;padding-left: 0 !important} .px-xl-1 {padding-right: 0.25rem !important;padding-left: 0.25rem !important} .px-xl-2 {padding-right: 0.5rem !important;padding-left: 0.5rem !important} .px-xl-3 {padding-right: 1rem !important;padding-left: 1rem !important} .px-xl-4 {padding-right: 1.5rem !important;padding-left: 1.5rem !important} .px-xl-5 {padding-right: 3rem !important;padding-left: 3rem !important} .py-xl-0 {padding-top: 0 !important;padding-bottom: 0 !important} .py-xl-1 {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important} .py-xl-2 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important} .py-xl-3 {padding-top: 1rem !important;padding-bottom: 1rem !important} .py-xl-4 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important} .py-xl-5 {padding-top: 3rem !important;padding-bottom: 3rem !important} .pt-xl-0 {padding-top: 0 !important} .pt-xl-1 {padding-top: 0.25rem !important} .pt-xl-2 {padding-top: 0.5rem !important} .pt-xl-3 {padding-top: 1rem !important} .pt-xl-4 {padding-top: 1.5rem !important} .pt-xl-5 {padding-top: 3rem !important} .pe-xl-0 {padding-right: 0 !important} .pe-xl-1 {padding-right: 0.25rem !important} .pe-xl-2 {padding-right: 0.5rem !important} .pe-xl-3 {padding-right: 1rem !important} .pe-xl-4 {padding-right: 1.5rem !important} .pe-xl-5 {padding-right: 3rem !important} .pb-xl-0 {padding-bottom: 0 !important} .pb-xl-1 {padding-bottom: 0.25rem !important} .pb-xl-2 {padding-bottom: 0.5rem !important} .pb-xl-3 {padding-bottom: 1rem !important} .pb-xl-4 {padding-bottom: 1.5rem !important} .pb-xl-5 {padding-bottom: 3rem !important} .ps-xl-0 {padding-left: 0 !important} .ps-xl-1 {padding-left: 0.25rem !important} .ps-xl-2 {padding-left: 0.5rem !important} .ps-xl-3 {padding-left: 1rem !important} .ps-xl-4 {padding-left: 1.5rem !important} .ps-xl-5 {padding-left: 3rem !important} } @media (min-width: 1400px) {.d-xxl-inline {display: inline !important} .d-xxl-inline-block {display: inline-block !important} .d-xxl-block {display: block !important} .d-xxl-grid {display: grid !important} .d-xxl-table {display: table !important} .d-xxl-table-row {display: table-row !important} .d-xxl-table-cell {display: table-cell !important} .d-xxl-flex {display: flex !important} .d-xxl-inline-flex {display: inline-flex !important} .d-xxl-none {display: none !important} .flex-xxl-fill {flex: 1 1 auto !important} .flex-xxl-row {flex-direction: row !important} .flex-xxl-column {flex-direction: column !important} .flex-xxl-row-reverse {flex-direction: row-reverse !important} .flex-xxl-column-reverse {flex-direction: column-reverse !important} .flex-xxl-grow-0 {flex-grow: 0 !important} .flex-xxl-grow-1 {flex-grow: 1 !important} .flex-xxl-shrink-0 {flex-shrink: 0 !important} .flex-xxl-shrink-1 {flex-shrink: 1 !important} .flex-xxl-wrap {flex-wrap: wrap !important} .flex-xxl-nowrap {flex-wrap: nowrap !important} .flex-xxl-wrap-reverse {flex-wrap: wrap-reverse !important} .justify-content-xxl-start {justify-content: flex-start !important} .justify-content-xxl-end {justify-content: flex-end !important} .justify-content-xxl-center {justify-content: center !important} .justify-content-xxl-between {justify-content: space-between !important} .justify-content-xxl-around {justify-content: space-around !important} .justify-content-xxl-evenly {justify-content: space-evenly !important} .align-items-xxl-start {align-items: flex-start !important} .align-items-xxl-end {align-items: flex-end !important} .align-items-xxl-center {align-items: center !important} .align-items-xxl-baseline {align-items: baseline !important} .align-items-xxl-stretch {align-items: stretch !important} .align-content-xxl-start {align-content: flex-start !important} .align-content-xxl-end {align-content: flex-end !important} .align-content-xxl-center {align-content: center !important} .align-content-xxl-between {align-content: space-between !important} .align-content-xxl-around {align-content: space-around !important} .align-content-xxl-stretch {align-content: stretch !important} .align-self-xxl-auto {align-self: auto !important} .align-self-xxl-start {align-self: flex-start !important} .align-self-xxl-end {align-self: flex-end !important} .align-self-xxl-center {align-self: center !important} .align-self-xxl-baseline {align-self: baseline !important} .align-self-xxl-stretch {align-self: stretch !important} .order-xxl-first {order: -1 !important} .order-xxl-0 {order: 0 !important} .order-xxl-1 {order: 1 !important} .order-xxl-2 {order: 2 !important} .order-xxl-3 {order: 3 !important} .order-xxl-4 {order: 4 !important} .order-xxl-5 {order: 5 !important} .order-xxl-last {order: 6 !important} .m-xxl-0 {margin: 0 !important} .m-xxl-1 {margin: 0.25rem !important} .m-xxl-2 {margin: 0.5rem !important} .m-xxl-3 {margin: 1rem !important} .m-xxl-4 {margin: 1.5rem !important} .m-xxl-5 {margin: 3rem !important} .m-xxl-auto {margin: auto !important} .mx-xxl-0 {margin-right: 0 !important;margin-left: 0 !important} .mx-xxl-1 {margin-right: 0.25rem !important;margin-left: 0.25rem !important} .mx-xxl-2 {margin-right: 0.5rem !important;margin-left: 0.5rem !important} .mx-xxl-3 {margin-right: 1rem !important;margin-left: 1rem !important} .mx-xxl-4 {margin-right: 1.5rem !important;margin-left: 1.5rem !important} .mx-xxl-5 {margin-right: 3rem !important;margin-left: 3rem !important} .mx-xxl-auto {margin-right: auto !important;margin-left: auto !important} .my-xxl-0 {margin-top: 0 !important;margin-bottom: 0 !important} .my-xxl-1 {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important} .my-xxl-2 {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important} .my-xxl-3 {margin-top: 1rem !important;margin-bottom: 1rem !important} .my-xxl-4 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important} .my-xxl-5 {margin-top: 3rem !important;margin-bottom: 3rem !important} .my-xxl-auto {margin-top: auto !important;margin-bottom: auto !important} .mt-xxl-0 {margin-top: 0 !important} .mt-xxl-1 {margin-top: 0.25rem !important} .mt-xxl-2 {margin-top: 0.5rem !important} .mt-xxl-3 {margin-top: 1rem !important} .mt-xxl-4 {margin-top: 1.5rem !important} .mt-xxl-5 {margin-top: 3rem !important} .mt-xxl-auto {margin-top: auto !important} .me-xxl-0 {margin-right: 0 !important} .me-xxl-1 {margin-right: 0.25rem !important} .me-xxl-2 {margin-right: 0.5rem !important} .me-xxl-3 {margin-right: 1rem !important} .me-xxl-4 {margin-right: 1.5rem !important} .me-xxl-5 {margin-right: 3rem !important} .me-xxl-auto {margin-right: auto !important} .mb-xxl-0 {margin-bottom: 0 !important} .mb-xxl-1 {margin-bottom: 0.25rem !important} .mb-xxl-2 {margin-bottom: 0.5rem !important} .mb-xxl-3 {margin-bottom: 1rem !important} .mb-xxl-4 {margin-bottom: 1.5rem !important} .mb-xxl-5 {margin-bottom: 3rem !important} .mb-xxl-auto {margin-bottom: auto !important} .ms-xxl-0 {margin-left: 0 !important} .ms-xxl-1 {margin-left: 0.25rem !important} .ms-xxl-2 {margin-left: 0.5rem !important} .ms-xxl-3 {margin-left: 1rem !important} .ms-xxl-4 {margin-left: 1.5rem !important} .ms-xxl-5 {margin-left: 3rem !important} .ms-xxl-auto {margin-left: auto !important} .p-xxl-0 {padding: 0 !important} .p-xxl-1 {padding: 0.25rem !important} .p-xxl-2 {padding: 0.5rem !important} .p-xxl-3 {padding: 1rem !important} .p-xxl-4 {padding: 1.5rem !important} .p-xxl-5 {padding: 3rem !important} .px-xxl-0 {padding-right: 0 !important;padding-left: 0 !important} .px-xxl-1 {padding-right: 0.25rem !important;padding-left: 0.25rem !important} .px-xxl-2 {padding-right: 0.5rem !important;padding-left: 0.5rem !important} .px-xxl-3 {padding-right: 1rem !important;padding-left: 1rem !important} .px-xxl-4 {padding-right: 1.5rem !important;padding-left: 1.5rem !important} .px-xxl-5 {padding-right: 3rem !important;padding-left: 3rem !important} .py-xxl-0 {padding-top: 0 !important;padding-bottom: 0 !important} .py-xxl-1 {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important} .py-xxl-2 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important} .py-xxl-3 {padding-top: 1rem !important;padding-bottom: 1rem !important} .py-xxl-4 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important} .py-xxl-5 {padding-top: 3rem !important;padding-bottom: 3rem !important} .pt-xxl-0 {padding-top: 0 !important} .pt-xxl-1 {padding-top: 0.25rem !important} .pt-xxl-2 {padding-top: 0.5rem !important} .pt-xxl-3 {padding-top: 1rem !important} .pt-xxl-4 {padding-top: 1.5rem !important} .pt-xxl-5 {padding-top: 3rem !important} .pe-xxl-0 {padding-right: 0 !important} .pe-xxl-1 {padding-right: 0.25rem !important} .pe-xxl-2 {padding-right: 0.5rem !important} .pe-xxl-3 {padding-right: 1rem !important} .pe-xxl-4 {padding-right: 1.5rem !important} .pe-xxl-5 {padding-right: 3rem !important} .pb-xxl-0 {padding-bottom: 0 !important} .pb-xxl-1 {padding-bottom: 0.25rem !important} .pb-xxl-2 {padding-bottom: 0.5rem !important} .pb-xxl-3 {padding-bottom: 1rem !important} .pb-xxl-4 {padding-bottom: 1.5rem !important} .pb-xxl-5 {padding-bottom: 3rem !important} .ps-xxl-0 {padding-left: 0 !important} .ps-xxl-1 {padding-left: 0.25rem !important} .ps-xxl-2 {padding-left: 0.5rem !important} .ps-xxl-3 {padding-left: 1rem !important} .ps-xxl-4 {padding-left: 1.5rem !important} .ps-xxl-5 {padding-left: 3rem !important} } @media print {.d-print-inline {display: inline !important} .d-print-inline-block {display: inline-block !important} .d-print-block {display: block !important} .d-print-grid {display: grid !important} .d-print-table {display: table !important} .d-print-table-row {display: table-row !important} .d-print-table-cell {display: table-cell !important} .d-print-flex {display: flex !important} .d-print-inline-flex {display: inline-flex !important} .d-print-none {display: none !important} } html {overflow-x: hidden} body {width: 100%;background: #fff;font-family: "Inter";color: #151516;font-style: normal;margin: 0;-webkit-font-smoothing: antialiased;overflow-x: hidden} body h1, body h2, body h3 {font-family: "Montserrat";letter-spacing: 0.03em;text-transform: uppercase;font-weight: 300} body h1 b, body h2 b, body h3 b {font-weight: 500} body h2 {font-size: 30px;line-height: 37px;margin-block-start: 0;margin-block-end: 0} body h3 {font-size: 36px;line-height: 48px} body .btn {display: block;height: 70px;background: var(--btn-bg);box-shadow: var(--btn-bs);font-family: "Montserrat";min-width: 256px;max-width: 100%;padding-left: 40px;padding-right: 40px;display: flex;justify-content: center;align-items: center;border-radius: 100px;font-weight: 700;font-size: 13px;text-align: center;letter-spacing: 0.02em;text-transform: uppercase;text-decoration: none;color: #fff;transition: all 0.2s;box-sizing: border-box;cursor: pointer;border: none} body .btn:hover {background: var(--btn-bg-hover)} body .container {box-sizing: border-box} body .flex {display: flex} body .mob {display: none} @media (max-width: 768px) {body .btn {min-width: 150px;height: 52px;padding-left: 26px;padding-right: 26px;font-size: 11px;line-height: 16px} body h2 {font-size: 18px;line-height: 24px} body .desk {display: none} body .mob {display: block} } header .fixed-wrap {left: 0px;z-index: 99;position: fixed;width: 100%} header .menu-header-container {position: relative} header .menu-header-container #menu-heder, header .menu-header-container #menu-footer {background: #FDFEFE;box-shadow: 0px 4px 70px rgba(0, 0, 0, 0.25);margin-top: 0;display: flex;width: calc(100% + 20px);justify-content: space-between;margin-bottom: 0;padding-left: 0;margin-left: -10px;list-style: none} header .menu-header-container #menu-heder li:before, header .menu-header-container #menu-footer li:before {content: none} header .menu-header-container #menu-heder li a, header .menu-header-container #menu-footer li a {width: 100%;padding: 22px 26px;display: block;border-left: solid 1px #ccc;white-space: nowrap;font-weight: 500;font-size: 11px;letter-spacing: 0.06em;text-transform: uppercase;color: #151516;text-decoration: none} header .menu-header-container #menu-heder li:first-child a, header .menu-header-container #menu-footer li:first-child a {border: none} header .menu-header-container #menu-heder {border-radius: 0px 0px 12px 12px} header .menu-header-container #menu-footer {margin-top: 30px;width: 100%;margin-left: 0} @media (max-width: 768px) {header .menu-header-container #menu-footer {flex-direction: column;margin: 20px;width: calc(100% - 40px);padding-right: 0} header .menu-header-container #menu-footer li {border: 1px solid rgba(0, 0, 0, 0.05);text-align: center} header .menu-header-container #menu-footer li a {padding-left: 0;border-left: none} header .menu-header-container #menu-footer li:last-child {border-bottom: none} } header .subheader {display: flex;padding-top: 80px;padding-bottom: 80px;justify-content: space-between;align-items: center;z-index: 90;position: relative} header .subheader .logo img, header .subheader .logo svg {max-width: 220px;/* height: 100%;*/ height: auto} header .subheader .text p {font-weight: 300;font-size: 13px;line-height: 22px;color: #54595C;margin-bottom: 0;max-width: 280px} header .subheader .mail {display: flex;align-items: center} header .subheader .mail a {font-weight: 400;font-size: 12px;line-height: 28px;color: #1F84FF} header .subheader .mail a:hover {color: #2572cf} header .subheader .mail svg {margin-right: 6px} header .subheader .phone a {font-weight: 600;font-size: 18px;line-height: 28px;color: #000;text-decoration: none;white-space: nowrap} header .subheader .lk {display: flex;flex-wrap: nowrap} header .subheader .lk a {display: block;transition: all 0.2s} header .subheader .lk a.profile-icon svg+svg {display: none} header .subheader .lk .profile-button {color: #000;text-decoration: none;margin-left: 5px;font-size: 12px;line-height: 18px;cursor: pointer } header .subheader .burger {display: none} .text-left {text-align: left } .wrap-btn .get-training-more-link {margin-top: 20px;display: block } @media (max-width: 768px) {header .fixed-wrap {display: none} header .subheader {position: fixed;background: #fff;z-index: 50;padding-top: 22px;padding-bottom: 16px;max-width: 100vw} header .subheader .logo img, header .subheader .logo svg {max-width: 50vw;height: auto} header .subheader .text, header .subheader .phone, header .subheader .mail {display: none} header .subheader .lk {margin-right: 0;margin-left: auto} header .subheader .lk a.profile-icon svg {display: none} header .subheader .lk a.profile-icon svg+svg {display: block;margin-top: -10px} header .subheader .lk a.profile-button {display: none} header .subheader .burger {display: block;margin-left: 20px} header .subheader .burger div {cursor: pointer;display: block;background: var(--btn-bg);box-shadow: var(--btn-bs);border-radius: 12px;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center} section.main {padding-top: 120px} } .burger-modal {display: none;z-index: 999;background: #fff;width: 100vw;height: 100vh} body.burger-active {overflow: hidden !important} body.burger-active .burger-modal {display: block;position: fixed;overflow: scroll;text-align: center;padding-top: 60px;top: 0} body.burger-active .burger-modal .burger-cross {position: absolute;right: 24px;top: 24px} body.burger-active .burger-modal .menu li {list-style: none;margin-bottom: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.05);padding: 20px 0} body.burger-active .burger-modal .menu li:first-child {border-top: 1px solid rgba(0, 0, 0, 0.05)} body.burger-active .burger-modal .menu li a {font-weight: 500;line-height: 28px;letter-spacing: 0.06em;text-transform: uppercase;color: #151516;text-decoration: none} body.burger-active .burger-modal .contacts {display: flex;flex-direction: column} body.burger-active .burger-modal .contacts .phone {text-decoration: none;font-size: 20px;line-height: 28px;color: #000;font-weight: 500;display: flex;align-self: center;justify-content: center;margin-top: 18px;margin-bottom: 28px} body.burger-active .burger-modal .contacts .mail {display: flex;align-items: flex-end;justify-content: center;text-decoration: none} body.burger-active .burger-modal .contacts .mail span {font-size: 18px;line-height: 28px;color: #2E8CFF;align-items: center;margin-left: 10px;border-bottom: 1px solid #2E8CFF} body.burger-active .burger-modal .logo {display: flex;width: 100%;justify-content: center;margin-bottom: 20px} body.burger-active .burger-modal .logo svg {margin-right: -50px} body.burger-active .burger-modal .text {width: 100%;display: flex;justify-content: center} body.burger-active .burger-modal .text p {margin-bottom: 30px;max-width: 200px;font-weight: 300;font-size: 13px;line-height: 22px;color: #54595C} .burger-modal .menu {padding-left: 0} #hero {background-image: url("/img/hero-bg.webp");background-repeat: no-repeat;background-size: cover;padding-bottom: 140px;padding-top: 240px;margin-top: -240px;position: relative;overflow: hidden} /* Fallback для браузеров без поддержки WebP */ @supports not (background-image: url("/img/hero-bg.webp")) {#hero {background-image: url("/img/hero-bg.png")} } #hero .container {position: relative} #hero .hero-col {width: 48%;z-index: 3} #hero .img-col {z-index: 1;position: absolute;left: 30%;bottom: -143px} #hero .img-col img {max-width: 100%} #hero h1 {font-size: 21px;line-height: 29px;font-weight: 500;margin-bottom: 30px} #hero .subtitle {font-size: 18px;line-height: 25px;font-family: "Montserrat";letter-spacing: 0.03em;text-transform: uppercase;font-weight: 300;margin-bottom: 20px} #hero .subtitle b {font-size: 21px;font-weight: 500} #hero .text {color: var(--gray-color);margin-bottom: 60px;font-weight: 300;font-size: 16px;line-height: 28px;max-width: 390px} #hero .cta {display: flex;align-items: center} #hero .cta .price-wrap {margin-left: 22px;display: flex;flex-direction: column} #hero .cta .price-wrap b {font-size: 16px;line-height: 28px;font-weight: 600;color: #040501} #hero .cta .price-wrap del {color: #8DA8B8;font-size: 24px;line-height: 28px;font-weight: 300} #hero.course-list h1 {font-weight: 300;font-size: 48px;line-height: 59px;letter-spacing: 0.03em;text-transform: uppercase} #hero.course-list h1 b {font-weight: 600} #hero.course {background-image: url("/img/course-bg.jpg");padding-bottom: 0px} #hero.course:before, #hero.course:after {content: none} #hero.course .hero-col {width: 55%} #hero.course .img-col {width: 45%;position: relative;bottom: 0;left: 0;top: 20px} #hero.course h1 {font-weight: 600;font-size: 36px;line-height: 44px} #hero.course .subtitle {font-weight: 400;font-size: 21px;align-items: center;display: flex} #hero.course .subtitle img {margin-right: 4px} #hero.course .cta .price-wrap span {font-weight: 300;font-size: 16px;line-height: 28px;color: #040501} #hero.course .cta .price-wrap b {font-weight: 300} @media (max-width: 768px) {#hero {/* padding-top: 100px;*/ padding-top: 0;margin-top: 0;padding-bottom: 0} #hero .hero-col, #hero .img-col {width: 100%} #hero .img-col {position: relative;left: 0;bottom: 0;overflow: hidden} #hero .img-col img {max-width: 200%;margin-left: -100px;margin-bottom: -5px} #hero h1 {font-size: 16px;line-height: 20px;margin-bottom: 20px} #hero .subtitle {margin-bottom: 12px} #hero .subtitle, #hero .subtitle b, #hero .text {font-size: 12px;line-height: 20px} #hero .text {max-width: none;margin-bottom: 18px} #hero .cta .price-wrap b span {display: none} #hero.course-list h1 {font-size: 24px;line-height: 36px} #hero.course {padding-bottom: 80px} #hero.course .container {flex-direction: column} #hero.course .hero-col {width: 100%} #hero.course .img-col {width: 100%} #hero.course .img-col img {max-width: 100%;margin-left: 0;margin-bottom: 0} #hero.course h1 {font-size: 26px;line-height: 36px} #hero.course .subtitle {display: none} #hero.course .cta {flex-direction: column} #hero.course .cta .btn {width: 100%} #hero.course .cta .price-wrap {margin-left: 0;flex-direction: row} #hero.course .cta .price-wrap span, #hero.course .cta .price-wrap b {font-size: 24px;line-height: 28px} #hero.course .cta .price-wrap b {font-weight: 600} #hero.course .cta .price-wrap del {font-size: 18px;line-height: 28px;margin-left: 8px} } @media (max-width: 350px) {#hero.course-list h1 {font-size: 22px} } #advantages {margin-top: 100px;margin-bottom: 150px} #advantages h2 {margin-bottom: 78px;text-align: center;font-size: 37px;line-height: 140%} #advantages figure.advant-item {margin: 0;display: flex;flex-direction: column;justify-content: center;align-items: center} #advantages figure.advant-item img {margin-top: auto;margin-bottom: 30px} #advantages figure.advant-item figcaption {margin-top: auto;text-align: center;font-weight: 500;font-size: 16px;line-height: 22px;text-align: center;text-transform: uppercase} @media (max-width: 768px) {#advantages {margin-top: 33px;margin-bottom: 70px} #advantages h2 {margin-bottom: 38px;font-size: 26px;line-height: 140%} #advantages figure.advant-item {margin-bottom: 28px} #advantages figure.advant-item img {max-width: 80%;margin-bottom: 16px} #advantages figure.advant-item figcaption {font-size: 9px;line-height: 12px} #advantages figure.advant-item:nth-child(3) img {max-width: 60px} #advantages .row {display: flex;flex-direction: column;padding: 0 25px 0 25px} #advantages .advant-item {width: 100%} #advantages .advant-item figcaption {font-size: 14px !important;line-height: 20px !important;font-weight: 300 !important;text-align: left !important;margin-top: 0 !important;margin-left: 25px;font-family: 'Inter';text-transform: none !important} #advantages .advant-item figcaption br {display: none} #advantages .advant-item img {width: 120px;/* Увеличено в 2 раза с 60px */ height: 120px;/* Увеличено в 2 раза с 60px */ } #advantages figure.advant-item {display: flex;flex-direction: row !important;justify-content: flex-start !important;align-items: center !important} #advantages figure.advant-item img {margin-bottom: 0} } #checklist {margin-bottom: 150px} #checklist img {max-width: 100%} #checklist h2 {margin-top: 30px;margin-bottom: 86px;font-size: 25px;line-height: 30px;letter-spacing: 0.03em;max-width: 500px} #checklist p {font-size: 18px;line-height: 30px;margin-bottom: 50px} #checklist p b {font-weight: 600} #checklist .btn {max-width: -moz-fit-content;max-width: fit-content} @media (max-width: 768px) {#checklist {text-align: center;margin-bottom: 50px} #checklist img {max-width: 80%;margin-bottom: 30px} #checklist h2 {margin-bottom: 16px} #checklist p {font-size: 12px;line-height: 18px;margin-bottom: 20px} #checklist .btn {margin-left: auto;margin-right: auto;max-width: 190px} } #search-courses {margin-bottom: 118px} #search-courses .headline {display: flex;align-items: center} #search-courses .headline h2 {font-size: 48px;line-height: 59px;white-space: nowrap;margin-right: 48px} #search-courses .headline h2 b {font-weight: 600} #search-courses .headline h2 span {display: none} #search-courses .headline .subtitle {color: #54595C;text-align: left;text-transform: uppercase;font-size: 18px;line-height: 27px} #search-courses .headline .subtitle b {font-weight: 600;color: #323232} #search-courses .headline .caption {display: none} #search-courses .search {margin-bottom: 16px;height: 86px;background: #F2F2F2;box-shadow: inset 0px 4px 40px rgba(50, 50, 50, 0.05);border-radius: 120px;padding-left: 34px;display: flex;align-items: center;padding-right: 8px} #search-courses .search input {border: none;background: transparent;width: 100%;font-weight: 400;font-size: 16px;line-height: 19px} #search-courses .search input:focus {outline: none} #search-courses .search input::-moz-placeholder {color: #8DA8B8} #search-courses .search input::placeholder {color: #8DA8B8} #search-courses .text {font-weight: 400;font-size: 14px;line-height: 27px;color: #54595C;text-align: center} #search-courses .tr-form-result {z-index: 999} @media (max-width: 768px) {#search-courses {background-color: #F4F4F4;margin-bottom: 0} #search-courses .headline {flex-direction: column} #search-courses .headline h2 {font-weight: 600;margin-right: 0;font-size: 26px;line-height: 36px;white-space: normal;text-align: center;margin-bottom: 10px} #search-courses .headline h2 b {font-weight: 300} #search-courses .headline h2 span {display: inline} #search-courses .headline .subtitle {display: none} #search-courses .headline .caption {margin-top: 0;display: block;text-align: center;margin-bottom: 26px;font-weight: 300;font-size: 13px;line-height: 22px;text-align: center;color: #54595C} #search-courses .search-wrapper {background-color: #fff;padding: 30px 20px 1px} #search-courses .search-wrapper .search {height: 70px;margin-bottom: 120px;flex-direction: column;padding-left: 0;padding-right: 0} #search-courses .search-wrapper .search input {line-height: 70px;text-align: center} #search-courses .search-wrapper .search .btn {width: calc(100% - 70px);position: absolute;margin-top: 90px;height: 70px} #search-courses .search-wrapper .text {display: none} } @keyframes WHEEL {from {transform: rotate(0deg)} to {transform: rotate(360deg)} } #courses h3, #courses hr {/* display: none;*/ } #courses .course-list .list-arrows {display: none} #courses .course-list .swiper-wrapper {display: flex;width: 100%;justify-content: space-between;margin-bottom: 64px} #courses .course-list .noswiper .course-item {width: calc(33% - 50px);text-decoration: none;display: flex;flex-direction: column;margin-bottom: 30px} #courses .course-list .noswiper {flex-wrap: wrap} @media(min-width:769px) {#courses .course-list .noswiper {display: flex;width: 100%;justify-content: space-between;margin-bottom: 64px} } @media(max-width:768px) {#courses .course-list .noswiper {flex-wrap: nowrap} #courses .course-list .noswiper .course-item {width: auto } .cslider-head {border-radius: 12px} .cslider-item {border-radius: 8px;padding: 5px 8px 5px 8px !important;margin-top: 10px;margin-left: 0 !important;margin-right: 10px} .cslider-title {font-family: 'Montserrat';font-size: 18px;line-height: 30px;font-weight: 600;text-transform: uppercase} .cslider-head .col-md-8 {text-align: left !important} } #courses .course-list .noswiper .course-item img {display: none} #courses .course-list .noswiper .course-item .prefix {font-weight: 500;font-size: 10px;line-height: 160%;text-transform: uppercase;color: #b3b3b3;margin-bottom: 0} #courses .course-list .noswiper .course-item .course-name {text-transform: uppercase;font-weight: 600;font-size: 18px;line-height: 26px;color: #29323C;margin-bottom: 15px;margin-top: 8px} #courses .course-list .noswiper .course-item .prefix.cval-label+.course-name {margin-top: 0} #courses .course-list .noswiper .course-item .prefix.cval-label {font-size: 12px;color: #29323C} #courses .course-list .noswiper .course-item .credentials {display: flex;flex-wrap: nowrap;justify-content: space-between;width: 100%;margin-top: auto} #courses .course-list .noswiper .course-item .credentials .separator {display: none} #courses .course-list .noswiper .course-item .credentials p {margin-bottom: 0} #courses .course-list .noswiper .course-item .credentials .course-long {align-items: center;display: flex;font-weight: 300;font-size: 16px;line-height: 28px} #courses .course-list .noswiper .course-item .credentials .course-long svg {margin-right: 7px} #courses .course-list .noswiper .course-item .credentials .course-long p {margin-top: 0;color: #29323C} #courses .course-list .noswiper .course-item .credentials .course-price {font-weight: 500;font-size: 12px;line-height: 28px;color: #29323C} #courses .course-list .noswiper .course-item .credentials .course-price span {font-size: 24px;margin-right: 10px} #courses .course-list .noswiper .course-item .credentials .course-price del {color: #B9B9BA;font-size: 18px;font-weight: 400} #courses .course-list .noswiper .course-item .course-cta {display: flex;align-items: center;justify-content: space-between;margin-top: 15px} #courses .course-list .noswiper .course-item .course-cta .btn {font-size: 7px;line-height: 8px;height: 38px;max-width: 154px;min-width: 0;width: 100%;padding-left: 20px;padding-right: 20px} #courses .course-list .noswiper .course-item .course-cta .link {font-family: "Montserrat";font-size: 11px;line-height: 13px;letter-spacing: 0.1em;text-transform: uppercase;color: #2486FF;text-decoration-color: #2486FF;font-weight: 700;display: block;margin-left: 10px} #courses .show-more {margin: 100px auto 150px} #courses .show-more div {display: flex;flex-direction: column;align-items: center;justify-content: center;text-decoration: none;cursor: pointer } #courses .show-more div p {font-family: "Montserrat";margin-top: 10px;font-weight: 700;font-size: 11px;line-height: 13px;text-align: center;letter-spacing: 0.1em;text-transform: uppercase;color: #000} .hidden {display: none !important} #courses .show-more div p svg {transition: all 0.5s} #courses .show-more div:hover svg {-webkit-animation-name: WHEEL;-webkit-animation-duration: 0.6s;-webkit-animation-timing-function: ease-in;-webkit-animation-iteration-count: infinite;animation-name: WHEEL;animation-duration: 0.6s;animation-timing-function: ease-in;animation-iteration-count: infinite} @media (max-width: 768px) {#courses {overflow: hidden;background-color: #F4F4F4} #courses hr {display: block;margin: 0 24px 12px;height: 1px;border: none;background: rgba(0, 0, 0, 0.1019607843)} #courses h3 {display: block;width: 100%;font-family: "Inter";font-weight: 600;font-size: 16px;line-height: 26px;text-align: center;color: #29323C;margin-bottom: 30px} #courses .courses-wrapper {background-color: #fff;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px} #courses .courses-wrapper .course-list {overflow: hidden} #courses .courses-wrapper .course-list .list-arrows {display: flex;margin: 0 auto 30px;justify-content: center} #courses .courses-wrapper .course-list .list-arrows .arrow-prev, #courses .courses-wrapper .course-list .list-arrows .arrow-next {margin: 0 10px;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border: solid 1px rgba(0, 0, 0, 0.1019607843);border-radius: 90px;cursor: pointer} #courses .courses-wrapper .course-list .list-arrows .arrow-prev:hover, #courses .courses-wrapper .course-list .list-arrows .arrow-next:hover {border-color: #ccc} #courses .courses-wrapper .course-list .list-arrows .arrow-next svg {margin-left: 4px} #courses .courses-wrapper .course-list .list-arrows .arrow-prev {rotate: 180deg} #courses .courses-wrapper .course-list .noswiper {margin-bottom: 8px} #courses .courses-wrapper .course-list .noswiper .course-item {/* min-height: 210px;*/ border-radius: 8px;overflow: hidden;position: relative;border: solid 1px #DAE2ED;min-height: 380px;margin: 25px} #courses .courses-wrapper .course-list .noswiper .course-item>p {padding-left: 20px;padding-right: 20px} /* #courses .courses-wrapper .course-list .noswiper .course-item .prefix, #courses .courses-wrapper .course-list .noswiper .course-item .course-name, */ #courses .courses-wrapper .course-list .noswiper .course-item .credentials {z-index: 20;padding-left: 25px;padding-right: 25px;/* color: #fff;*/ } #courses .course-list .noswiper .course-item .credentials .separator {display: none;width: 1px;height: auto;position: relative;background-color: #29323C} #courses .courses-wrapper .course-list .noswiper .course-item .prefix {margin-top: 20px;font-size: 10px;line-height: 16px;display: none;color: #E65156} #courses .courses-wrapper .course-list .noswiper .course-item .prefix.kvalf-new {display: block;color: #54595C;font-family: 'Inter';line-height: 20px;font-weight: 300;font-size: 14px;text-transform: none} #courses .courses-wrapper .course-list .noswiper .course-item .kvalf-new-mob {max-width: 260px;display: block;border-radius: 10px;margin-left: 18px;padding: 10px;background-color: #F4F4F4;color: #3897F1} #courses .courses-wrapper .course-list .noswiper .course-item .course-name {font-size: 12px;line-height: 22px;margin-bottom: 23px;margin-top: 15px} #courses .courses-wrapper .course-list .noswiper .course-item img {/* display: block;position: absolute;width: 100%;min-height: 210px;height: 100%;-o-object-fit: cover;object-fit: cover;*/ display: none} #courses .courses-wrapper .course-list .noswiper .course-item .credentials {width: auto;margin-bottom: 0px;/* padding-right: 10px;*/ padding-right: 25px} #courses .courses-wrapper .course-list .noswiper .course-item .credentials .course-price, #courses .courses-wrapper .course-list .noswiper .course-item .credentials .course-long p {/* color: #fff;*/ color: #54595C;font-family: 'Inter';font-weight: 300;line-height: 20px} #courses .course-list .noswiper .course-item .credentials .course-long svg {width: 20px;height: 20px} #courses .courses-wrapper .course-list .noswiper .course-item .credentials .course-price span {font-size: 20px;line-height: 28px;color: #3897F1;font-size: 24px;font-weight: 700;font-family: 'Inter'} #courses .courses-wrapper .course-list .noswiper .course-item .credentials .course-price {font-size: 14px;font-family: 'Inter';font-weight: 300;position: relative} #courses .courses-wrapper .course-list .noswiper .course-item .credentials .course-price del {font-size: 14px;font-family: 'Inter';line-height: 20px;font-weight: 300;display: block;position: absolute;top: -22px;right: 10px;color: #54595C} #courses .courses-wrapper .course-list .noswiper .course-item .kvalf {display: block} #courses .courses-wrapper .course-list .noswiper .course-item .credentials .course-long svg path {stroke: #54595C} #courses .courses-wrapper .course-list .noswiper .course-item .course-cta {/* display: none;*/ display: flex;justify-content: center;gap: 0;margin-bottom: 30px;flex-direction: column;flex-wrap: nowrap} #courses .courses-wrapper .course-list .noswiper .course-item .course-cta a.btn {max-width: 315px;font-size: 13px !important;line-height: 20px !important;font-family: 'Montserrat';font-weight: 700;height: 50px} #courses .courses-wrapper .course-list .noswiper .course-item .course-cta {margin-right: 20px;margin-left: 20px} #courses .courses-wrapper .course-list .noswiper .course-item .course-cta a.link {white-space: nowrap;margin-left: 0;font-family: 'Montserrat';font-size: 13px;line-height: 20px;height: 50px;min-width: 0;width: 100%;text-decoration: none;border: solid 1px #04468D;display: flex;justify-content: center;align-items: center;border-radius: 100px;max-width: 315px;margin-top: 10px;color: #04468D !important} #courses .courses-wrapper .show-more {/* display: none;*/ margin: 20px auto 40px} } #courses .courses-wrapper .course-list .noswiper .course-item .kvalf {display: none} @media(max-width:368px) {#courses .courses-wrapper .course-list .noswiper .course-item .credentials {padding-left: 20px;padding-right: 10px} } #hero.course+#consult-1 {background: #fff} #consult-1, #consult-2, #dol-info {background: #F4F4F4;margin-bottom: 195px} #consult-1 figure, #consult-3 figure, #dol-info figure {position: relative;margin-top: auto;margin-bottom: 0;margin-right: 0;margin-left: 0} #consult-1 figure img, #consult-2 figure img {max-width: 100%;margin-bottom: -4px} #dol-info figure img {max-width: 100%;margin-bottom: 120px} #consult-1 figure figcaption, #consult-2 figure figcaption {top: 25%;left: 40px;position: absolute} #consult-1 figure figcaption p b, #consult-2 figure figcaption p b {font-weight: 600;font-size: 18px;line-height: 27px;text-transform: uppercase;color: #151516} #consult-1 figure figcaption p small, #consult-2 figure figcaption p small {font-weight: 300;font-size: 16px;line-height: 28px;color: #54595C} #consult-1 .cta, #consult-2 .cta {padding-left: 50px;padding-top: 190px} #dol-info .cta {padding-left: 50px;padding-top: 120px} #consult-1 .cta h2, #consult-2 .cta h2, #dol-info .cta h2 {margin-top: 20px} #consult-1 .cta h3, #consult-2 .cta h3, #dol-info .cta h3 {margin-bottom: 23px;font-size: 25px;line-height: 30px} #consult-1 .cta h3 b, #consult-2 .cta h3 b, #dol-info .cta h3 b {font-weight: 700;display: block} #consult-1 .cta .text, #consult-2 .cta .text, #dol-info .cta .text {color: #54595C;font-weight: 400;font-size: 18px;line-height: 30px;margin-bottom: 47px} #consult-1 .cta .text b, #consult-2 .cta .text b, #dol-info .cta .text b {color: #151516;font-weight: 600} #consult-1 .cta .text span, #consult-2 .cta .text span, #dol-info .cta .text span {color: #04468D} #consult-1 .cta .btn, #consult-2 .cta .btn, #dol-info .cta .btn {max-width: 300px;margin-bottom: 140px} @media (max-width: 768px) {#consult-1, #consult-2, #dol-info {margin-bottom: 20px} #consult-1 .col-12+.col-12, #consult-2 .col-12+.col-12, #dol-info .col-12+.col-12 {order: -1} #consult-1 .cta, #consult-2 .cta, #dol-info .cta {padding-top: 26px;padding-left: 0} #consult-1 .cta h3, #consult-2 .cta h3, #dol-info .cta h3 {font-size: 20px;line-height: 36px;margin-bottom: 7px} #consult-1 .cta .btn, #consult-2 .cta .btn, #dol-info .cta .btn {margin-bottom: 16px;max-width: none} #consult-1 figure figcaption, #consult-2 figure figcaption {top: 30px;left: 0} } #howitworks {margin-bottom: 150px} #howitworks h2 {text-align: center;padding: 50px 0} #howitworks h2 b {font-weight: 500} #howitworks .bubbles {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(4, min-content);grid-column-gap: 26px;grid-row-gap: 0px} #howitworks .bubbles .bubble_1 {grid-area: 1/2/2/4} #howitworks .bubbles .bubble_2 {grid-area: 2/2/3/4} #howitworks .bubbles .bubble_3 {grid-area: 3/1/4/3} #howitworks .bubbles .bubble_4 {grid-area: 3/3/4/5} #howitworks .bubbles .bubble_5 {grid-area: 4/2/5/4} #howitworks .bubbles .bubble {display: flex;align-items: center;justify-content: space-between;background: #fff;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 20px;height: 147px;width: 100%;padding: 35px 20px;box-sizing: border-box;position: relative} #howitworks .bubbles .bubble img {width: 100%} #howitworks .bubbles .bubble p {font-weight: 300;font-size: 20px;line-height: 25px;letter-spacing: 0.03em;color: #151516;min-width: 330px} #howitworks .bubbles .bubble.bubble_1 {margin-bottom: 70px} #howitworks .bubbles .bubble.bubble_1 img {width: 183px;height: 183px;margin-bottom: 40px;margin-left: -20px} #howitworks .bubbles .bubble.bubble_1:after {background-repeat: no-repeat;position: absolute;content: "";background-image: url("data:image/svg+xml,%3Csvg width='120' height='74' viewBox='0 0 120 74' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M59.9999 0.5C15.6666 15.5 -46.4001 45.5 59.9999 45.5C166.4 45.5 104.333 64.1667 59.9999 73.5' stroke='%23151516'/%3E%3C/svg%3E%0A");width: 120px;height: 74px;top: 99%;left: calc(50% - 60px)} #howitworks .bubbles .bubble.bubble_2 {background: #1F84FF;margin-bottom: 145px} #howitworks .bubbles .bubble.bubble_2 p {color: #fff} #howitworks .bubbles .bubble.bubble_2 svg {margin-right: -20px;width: 100%} #howitworks .bubbles .bubble.bubble_2::before {background-repeat: no-repeat;position: absolute;content: "";background-image: url("data:image/svg+xml,%3Csvg width='248' height='183' viewBox='0 0 248 183' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M248 1C104.315 1 1.00066 26.9326 1 183' stroke='%23151516'/%3E%3C/svg%3E%0A");width: 248px;height: 183px;top: 70%;left: -248px} #howitworks .bubbles .bubble.bubble_3 img {margin-right: 20px} #howitworks .bubbles .bubble.bubble_3::after {background-repeat: no-repeat;position: absolute;content: "";background-image: url("data:image/svg+xml,%3Csvg width='102' height='28' viewBox='0 0 102 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 27.2824C14.6667 7.44909 53.9 -20.3176 101.5 27.2824' stroke='black'/%3E%3C/svg%3E%0A");width: 102px;height: 28px;top: -19%;right: -65px} #howitworks .bubbles .bubble.bubble_4 img {width: 180px;margin-top: -70px;margin-left: -30px;margin-right: 20px} #howitworks .bubbles .bubble.bubble_4::after {background-repeat: no-repeat;position: absolute;content: "";background-image: url("data:image/svg+xml,%3Csvg width='150' height='226' viewBox='0 0 150 226' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M143 1.00017C159.799 116.993 147.408 203.939 0.140906 225.268' stroke='%23151516'/%3E%3C/svg%3E%0A");width: 150px;height: 226px;top: 99%;right: 140px} #howitworks .bubbles .bubble.bubble_3, #howitworks .bubbles .bubble.bubble_4 {margin-bottom: 141px} #howitworks .bubbles .bubble.bubble_5 img {width: 160px;margin-left: -20px;margin-right: 20px;margin-top: -70px} @media (max-width: 768px) {#howitworks {background: #F4F4F4;margin-top: -20px} #howitworks h2 {padding: 40px 0 0} #howitworks .bubbles {margin-top: 50px;display: flex;flex-direction: column;padding: 0 10px;align-items: center} #howitworks .bubbles .bubble {max-width: 450px;height: 78px;padding: 10px;border-radius: 10px;box-shadow: 0px 2.12608px 2.12608px rgba(0, 0, 0, 0.25)} #howitworks .bubbles .bubble p {font-size: 11px;line-height: 13px;min-width: 0} #howitworks .bubbles .bubble.bubble_4:after, #howitworks .bubbles .bubble.bubble_4:before {content: none} #howitworks .bubbles .bubble.bubble_1 {margin-bottom: 30px} #howitworks .bubbles .bubble.bubble_1:after {content: none} #howitworks .bubbles .bubble.bubble_1 img {height: auto;width: 100px;margin-left: -10px;margin-right: 21px;margin-bottom: 30px} #howitworks .bubbles .bubble.bubble_2 {margin-bottom: 46px} #howitworks .bubbles .bubble.bubble_2:before {content: none} #howitworks .bubbles .bubble.bubble_2 img {height: auto;width: 120px;margin-right: -10px} #howitworks .bubbles .bubble.bubble_3 {margin-bottom: 65px} #howitworks .bubbles .bubble.bubble_3:after {content: none} #howitworks .bubbles .bubble.bubble_3 img {height: auto;width: 99px;margin-left: 0;margin-right: 12px} #howitworks .bubbles .bubble.bubble_4 {margin-bottom: 45px} #howitworks .bubbles .bubble.bubble_4:after {content: none} #howitworks .bubbles .bubble.bubble_4 img {height: auto;width: 92px;margin-left: 0;margin-right: 20px;margin-top: -30px} #howitworks .bubbles .bubble.bubble_5 {margin-bottom: 45px} #howitworks .bubbles .bubble.bubble_5:after {content: none} #howitworks .bubbles .bubble.bubble_5 img {height: auto;width: 92px;margin-left: 0;margin-right: 20px;margin-top: -40px} } section#dip {margin-bottom: 100px;overflow: hidden} section#dip h2 {font-weight: 600;text-align: center} section#dip .dip-wrap {display: flex;gap: 30px;margin-bottom: 50px;position: relative;justify-content: center} section#dip .dip-wrap .dip-item {text-align: center;border-bottom: 1px solid rgba(0, 0, 0, 0.05)} section#dip .dip-wrap .dip-item figure {margin: 0} section#dip .dip-wrap .dip-item figure img {margin-bottom: 21px} section#dip .dip-wrap .dip-item figure figcaption {font-weight: 300;font-size: 16px;line-height: 28px;color: #54595C;padding-bottom: 25px} section#dip .dip-wrap:before, section#dip .dip-wrap:after {transform: scale(0.8);position: absolute;opacity: 0.2;filter: blur(5px);z-index: -1} section#dip .dip-wrap:before {content: none;margin-left: -80%} section#dip .dip-wrap:after {content: none;margin-left: 80%} section#dip .btn {width: 256px;margin-left: auto;margin-right: auto} section#dip.dip-list .dip-wrap:before {content: none;margin-left: -40%} section#dip.dip-list .dip-wrap:after {content: none;margin-left: 40%} @media (max-width: 768px) {section#dip {margin-bottom: 20px} section#dip h2 {margin-bottom: 60px} section#dip .dip-wrap {flex-direction: column;margin-bottom: 30px;gap: 50px} section#dip .dip-wrap .dip-item {position: relative} section#dip .dip-wrap .dip-item figure img {max-width: 100%;margin-bottom: 10px} section#dip .dip-wrap .dip-item figure figcaption {padding-bottom: 20px} section#dip .dip-wrap .dip-item:before {display: none} section#dip .dip-wrap .dip-item.kpk:before {display: none} section#dip .dip-wrap .dip-item.kpp:before {display: none} section#dip .dip-wrap:before, section#dip .dip-wrap:after {content: "none"} section#dip.dip-list .dip-wrap:before, section#dip.dip-list .dip-wrap:after {content: none} } #calc-1, #calc-2 {background-image: url("/img/calc-bg.webp");padding-bottom: 56px;position: relative;background-repeat: no-repeat;background-size: cover;overflow: hidden;margin-bottom: 150px} #calc-1:before, #calc-1:after, #calc-2:before, #calc-2:after {content: "";position: absolute;width: 50%;height: 100%;bottom: 0;z-index: 1;background-repeat: no-repeat} #calc-1:before, #calc-2:before {background-image: url("/img/calc-l.webp");background-position: bottom right;right: calc(50% + 150px)} #calc-1:after, #calc-2:after {background-image: url("/img/calc-r.webp");left: calc(50% + 250px);background-position: bottom left} #calc-1 .calc-wrapper, #calc-2 .calc-wrapper {max-width: 600px;width: 100%} #calc-1 h2, #calc-2 h2 {text-align: center;margin-bottom: 17px} #calc-1 .text, #calc-2 .text {font-weight: 300;font-size: 13px;line-height: 22px;text-align: center;color: #54595C;margin-bottom: 28px} #calc-1 .calc-section, #calc-2 .calc-section {z-index: 2;display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, min-content);grid-column-gap: 26px;grid-row-gap: 20px;margin-bottom: 20px;color: #393939} #calc-1 .calc-section .calc-card, #calc-2 .calc-section .calc-card {background: #fff;border-radius: 17px;padding: 26px 37px;justify-content: space-between} #calc-1 .calc-section .calc-card:first-child, #calc-2 .calc-section .calc-card:first-child {grid-area: 1/1/2/3} #calc-1 .calc-section .calc-card:nth-child(2), #calc-2 .calc-section .calc-card:nth-child(2) {grid-area: 2/1/3/2} #calc-1 .calc-section .calc-card:nth-child(3), #calc-2 .calc-section .calc-card:nth-child(3) {grid-area: 2/2/3/3} #calc-1 .calc-section .calc-card p, #calc-2 .calc-section .calc-card p {font-weight: 500;font-size: 16px;line-height: 105%;align-self: center;margin: 0} #calc-1 .calc-section .calc-card p.calc-card-subtitle, #calc-2 .calc-section .calc-card p.calc-card-subtitle {font-size: 22px;line-height: 125%} #calc-1 .calc-section .calc-card p.num, #calc-2 .calc-section .calc-card p.num {font-size: 48px;line-height: 58px;letter-spacing: -0.05em;color: #1E5999} #calc-1 .calc-section .calc-card .nouislider, #calc-2 .calc-section .calc-card .nouislider {border: none;background: #E3E3E3;height: 8px;position: relative;text-align: left;border-radius: 3px;margin-top: 24px;margin-bottom: 6px} #calc-1 .calc-section .calc-card .nouislider .noUi-connect, #calc-2 .calc-section .calc-card .nouislider .noUi-connect {background: rgb(152, 163, 225)} #calc-1 .calc-section .calc-card .nouislider .noUi-handle, #calc-2 .calc-section .calc-card .nouislider .noUi-handle {cursor: pointer;border: none;background: #3246B6;border-radius: 50%;margin-top: -2px;top: -0.3em;margin-left: -0.6em;position: absolute;z-index: 2;width: 1.2em;height: 1.2em;cursor: default;touch-action: none} #calc-1 .calc-section .calc-card .nouislider .noUi-handle:before, #calc-1 .calc-section .calc-card .nouislider .noUi-handle:after, #calc-2 .calc-section .calc-card .nouislider .noUi-handle:before, #calc-2 .calc-section .calc-card .nouislider .noUi-handle:after {content: none} #calc-1 .btn, #calc-2 .btn {max-width: 275px;margin-left: auto;margin-right: auto} @media (max-width: 1100px) {#calc-1:before, #calc-2:before {right: calc(50% + 300px)} #calc-1:after, #calc-2:after {left: calc(50% + 300px)} } @media (max-width: 768px) {#calc-1, #calc-2 {padding-bottom: 260px;margin-bottom: 60px} #calc-1:before, #calc-1:after, #calc-2:before, #calc-2:after {height: 250px;width: 100%;background-size: contain} #calc-1:before, #calc-2:before {left: -40%} #calc-1:after, #calc-2:after {left: 40%} #calc-1 .calc-section, #calc-2 .calc-section {max-width: 290px;grid-column-gap: 12px;grid-row-gap: 12px;margin-left: auto;margin-right: auto} #calc-1 .calc-section .calc-card, #calc-2 .calc-section .calc-card {padding: 13px 20px} #calc-1 .calc-section .calc-card p, #calc-2 .calc-section .calc-card p {font-size: 9px} #calc-1 .calc-section .calc-card p.calc-card-subtitle, #calc-2 .calc-section .calc-card p.calc-card-subtitle {font-size: 12px;line-height: 125%} #calc-1 .calc-section .calc-card p.num, #calc-2 .calc-section .calc-card p.num {font-size: 26px;line-height: 32px} #calc-1 .calc-section .calc-card .ui-slider, #calc-2 .calc-section .calc-card .ui-slider {height: 4px;margin-top: 12px} #calc-1 .calc-section .calc-card .ui-slider .ui-slider-handle, #calc-2 .calc-section .calc-card .ui-slider .ui-slider-handle {width: 12px;height: 12px;top: -2px} } #steps {margin-bottom: 190px} #steps h2 {text-align: center;margin-bottom: 40px} #steps .steps-section {position: relative} #steps .steps-section:before {content: "";background-image: url(/img/steps.png);/* Fallback для старых браузеров */ height: 110%;width: 270px;left: -20px;position: absolute;background-repeat: no-repeat;top: -70px;z-index: 40} /* WebP для современных браузеров */ @supports (background-image: url(/img/steps.webp)) {#steps .steps-section:before {background-image: url(/img/steps.webp)} } #steps .steps-section .col-md-7 {background-color: #DAE2ED;border-radius: 12px 0px 0px 12px;margin-bottom: 16px;padding-left: 246px;height: 200px;display: flex;position: relative} #steps .steps-section .col-md-7 .index {position: absolute;margin-left: -40px;margin-top: -60px;align-self: center;font-weight: 300;font-size: 16px;line-height: 28px;color: #8DA8B8} #steps .steps-section .col-md-7 h3 {margin: 0;align-self: center} #steps .steps-section .btn {position: absolute;top: 66px;right: 33%;width: 187px} #steps .steps-section .btn+.col-md-5 {padding-left: 120px} #steps .steps-section .col-md-5 {background-color: #F4F4F4;border-radius: 0px 12px 12px 0px;margin-bottom: 16px;height: 200px;padding-left: 63px} #steps .steps-section .col-md-5 p {font-size: 16px;line-height: 28px;color: #54595C;margin: 0;align-self: center} @media (max-width: 768px) {#steps {overflow: hidden;margin-bottom: 77px} #steps h2 {font-weight: 500;margin-bottom: 46px} #steps .steps-section:before {top: -33px;background-size: cover;width: 160px} #steps .steps-section .col-md-7 {padding-left: 111px;margin: 0 15px 8px;height: 105px} #steps .steps-section .col-md-7 h3 {font-size: 15px;line-height: 25px} #steps .steps-section .col-md-7 .index {font-size: 8px;margin-left: -30px;margin-top: -26px} #steps .steps-section .btn {top: 34px;font-size: 10px;line-height: 12px;width: 107px;height: 40px;min-width: 0;right: 10px;top: 30px} } #study {margin-bottom: 180px} #study .badge {display: none} #study .col-md-6 {margin-bottom: 90px} #study .col-md-6:nth-child(2n) .study-card {background: #DAE2ED} #study .headline-section {display: flex;max-width: 800px;margin-left: auto;margin-right: auto;align-items: center;margin-bottom: 62px} #study .headline-section .subtitle {margin-left: 50px;font-weight: 600;font-size: 18px;line-height: 27px;text-transform: uppercase;color: #151516} #study .study-section {margin-bottom: 180px} #study .study-section .study-card {display: flex;flex-direction: column;background: #F4F4F4;border-radius: 20px;margin: 0 60px;padding: 16px 32px;height: 100%} #study .study-section .study-card .index {font-family: "Montserrat";font-size: 30px;line-height: 48px;font-weight: 700} #study .study-section .study-card .study-img-wrap {margin-top: -40px;height: 210px;display: flex;justify-content: center;align-self: center} #study .study-section .study-card .study-img-wrap img {-o-object-fit: contain;object-fit: contain} #study .study-section .study-card p {font-size: 16px;line-height: 28px;color: #54595C;margin-bottom: 20px} #study .study-section .study-card p b {color: #151516} #study .study-section .study-card p.headline {color: #151516;font-weight: 700;font-size: 20px;line-height: 28px;letter-spacing: 0.03em;text-transform: uppercase} #study .top-section, #study .doc-section {margin-bottom: 40px;padding: 0 60px} #study .top-section h3, #study .doc-section h3 {margin-top: 0;font-family: "Inter"} #study .top-section p, #study .doc-section p {margin-top: 0;font-weight: 300;font-size: 16px;line-height: 28px} #study .top-section .flex img, #study .doc-section .flex img {-o-object-fit: contain;object-fit: contain} #study .top-section h3 {font-family: "Montserrat"} #study .top-section h3 b {font-weight: 700} #study .top-section p {font-size: 16px;line-height: 28px;font-weight: 300} #study .top-section p.subtitle {font-weight: 600;font-size: 18px;line-height: 27px;text-transform: uppercase;color: #151516} #study .top-section p.text {color: #54595C;font-weight: 400;font-size: 18px;line-height: 27px;text-transform: uppercase;max-width: 320px} #study .top-section p.smaller {margin-top: 12px;font-size: 13px;line-height: 22px} #study .group-section, #study .programm-section {padding: 40px 60px;background: #F4F4F4;border-radius: 12px} #study .group-section h3, #study .programm-section h3 {margin-top: 0;font-family: "Inter"} #study .group-section p, #study .programm-section p {font-weight: 300;font-size: 16px;line-height: 28px;color: #54595C;margin-bottom: 24px;margin-top: 0} #study .group-section p b, #study .programm-section p b {color: #151516;font-weight: 600} #study .group-section p.headline, #study .programm-section p.headline {color: #000;margin-bottom: 15px} #study .group-section .hours-list, #study .programm-section .hours-list {margin-bottom: 28px;display: flex;flex-wrap: wrap;margin-right: -60px} #study .group-section .hours-list .hours-item, #study .programm-section .hours-list .hours-item {background: #fff;margin-right: 10px;margin-bottom: 10px;padding: 10px 15px 10px 10px;display: flex;align-items: center;border-radius: 50px} #study .group-section .hours-list .hours-item svg, #study .programm-section .hours-list .hours-item svg {background: rgba(11, 75, 144, 0.1254901961);padding: 10px;border-radius: 50%;margin-right: 12px} #study .group-section {margin-bottom: 40px} #study .group-section p, #study .group-section h3 {margin-bottom: 0} @media (max-width: 768px) {#study {margin-bottom: 40px} #study .badge {display: flex;align-items: center;justify-content: center;background: #F4F4F4;border-radius: 10px;width: 70px;height: 40px;font-weight: 600;font-size: 12px;line-height: 28px;text-transform: uppercase;color: #151516;margin-top: 16px;margin-bottom: 8px} #study .headline-section {flex-direction: column;margin-bottom: 30px} #study .headline-section h3 {font-size: 28px;line-height: 37px;text-align: center} #study .headline-section.subtitle {font-size: 14px;line-height: 21px;text-align: center;margin-left: 0} #study .study-section {margin-bottom: 55px} #study .study-section .col-md-6 {margin-bottom: 20px} #study .study-section .study-card {margin: 0;padding: 15px 22px;height: auto} #study .study-section .study-card .index {font-size: 22px;line-height: 36px} #study .study-section .study-card .study-img-wrap {margin-bottom: 12px;margin-top: -30px} #study .study-section .study-card p {font-size: 12px;line-height: 21px;margin-top: 0} #study .study-section .study-card p.headline {font-size: 15px;line-height: 21px;margin-bottom: 14px} #study .top-section, #study .group-section, #study .doc-section, #study .programm-section {padding: 0} #study .top-section h3, #study .group-section h3, #study .doc-section h3, #study .programm-section h3 {font-size: 26px;line-height: 38px;text-align: center} #study .top-section p, #study .group-section p, #study .doc-section p, #study .programm-section p {font-size: 12px;line-height: 18px;text-align: center;text-transform: uppercase} #study .group-section, #study .programm-section {border-radius: 0;padding-top: 40px;padding-bottom: 60px} #study .group-section .headline, #study .programm-section .headline {text-transform: none} #study .group-section .hours-list, #study .programm-section .hours-list {margin-right: -20px} #study.study-course .top-section h3 {font-size: 24px;line-height: 36px} #study.study-course .top-section p.subtitle, #study.study-course .top-section p.text {text-transform: uppercase;font-size: 18px;line-height: 28px;margin-bottom: 16px} #study.study-course .top-section p.smaller {font-size: 14px;line-height: 24px} #study.study-course .top-section, #study.study-course .group-section, #study.study-course .doc-section, #study.study-course .programm-section {background: #fff;padding-top: 0;padding-bottom: 0} #study.study-course .top-section h3, #study.study-course .top-section p, #study.study-course .group-section h3, #study.study-course .group-section p, #study.study-course .doc-section h3, #study.study-course .doc-section p, #study.study-course .programm-section h3, #study.study-course .programm-section p {text-align: left} #study.study-course .top-section p, #study.study-course .group-section p, #study.study-course .doc-section p, #study.study-course .programm-section p {text-transform: none;font-size: 16px;line-height: 26px;margin-bottom: 12px} #study.study-course .programm-section {background: #f4f4f4;margin: 0;padding: 20px 12px;border-radius: 12px} #study.study-course .programm-section .hours-list {margin-bottom: 12px} } #about {background: #F4F4F4;padding-right: 200px;overflow: hidden} #about .container {padding-top: 70px;padding-bottom: 95px;position: relative} #about .container:after {position: absolute;content: "";width: 900px;height: 100%;bottom: 0;right: -500px;background-size: contain;background-repeat: no-repeat;background-position: bottom;background-image: url(/img/fam.webp)} #about .container h2 {font-weight: 400;padding-bottom: 63px} #about .container .about-points {display: flex;flex-wrap: wrap;gap: 30px} #about .container .about-points .about-point {width: calc(30% - 20px);margin-bottom: 50px} #about .container .about-points .about-point img {margin-bottom: 30px;border-radius: 12px;max-width: 100%} #about .container .about-points .about-point p {font-weight: 400;font-size: 16px;line-height: 28px;margin: 0;margin: 0 -20px 0 0} #about .container .about-points .about-point p.headline {text-transform: uppercase;font-weight: 600;font-size: 18px;line-height: 26px;margin-bottom: 8px} @media (max-width: 1366px) {#about .container {padding-left: 60px} #about .container:after {width: 700px;right: -300px} } @media (max-width: 1100px) {#about {padding-right: 0} #about .container {padding-left: 12px} #about .container:after {content: none} } @media (max-width: 768px) {#about {background-color: white} #about .container {padding-bottom: 42px} #about .container h2 {text-align: center;font-size: 24px;line-height: 29px;margin-bottom: 50px;padding-bottom: 0} #about .container .about-points {flex-direction: column;gap: 0} #about .container .about-points .about-point {width: 100%;margin-bottom: 35px} #about .container .about-points .about-point p {margin: 0} } #reviews {margin-bottom: 150px} #reviews h2 {text-align: center;margin-bottom: 40px} #reviews p {text-align: center;font-weight: 600;font-size: 17px;line-height: 22px;margin-bottom: 33px} #reviews .reviews-list .list-arrows {display: none} #reviews .reviews-list .swiper-wrapper {display: flex;justify-content: space-between} #reviews .reviews-list .swiper-wrapper .review-item {position: relative;width: calc(33% - 20px)} #reviews .reviews-list .swiper-wrapper .review-item .review-video {position: relative;cursor: pointer } #reviews .reviews-list .swiper-wrapper .review-item .review-video:after {content: "";width: 70px;height: 70px;position: absolute;background-image: url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='35' cy='35' r='35' fill='%2304468D'/%3E%3Cpath d='M42.1623 33.1954C43.3392 33.9881 43.3392 35.7202 42.1623 36.513L33.3048 42.4792C31.9764 43.374 30.1875 42.4221 30.1875 40.8204L30.1875 28.888C30.1875 27.2863 31.9764 26.3344 33.3048 27.2292L42.1623 33.1954Z' fill='white'/%3E%3C/svg%3E%0A");top: 150px;left: calc(50% - 35px)} #reviews .reviews-list .swiper-wrapper .review-item .badge {background: #ECECEC;border-radius: 6px;padding: 20px 25px;margin-bottom: 20px;text-align: center;letter-spacing: 0.03em;color: #151516;font-weight: 600;font-size: 14px;line-height: 17px;white-space: nowrap;text-overflow: clip;text-overflow: ellipsis ellipsis;text-overflow: ellipsis " [..]"} #reviews .reviews-list .swiper-wrapper .review-item img {border-radius: 5px;max-width: 100%} #reviews .reviews-list .swiper-wrapper .review-item p {font-weight: 300;font-size: 16px;line-height: 28px;text-align: center;color: #54595C} @media (max-width: 1024px) {#reviews .reviews-list .swiper-wrapper .review-item .badge {font-size: 12px} } @media (max-width: 768px) {#reviews {overflow: hidden;margin-bottom: 43px} #reviews h2 {margin-bottom: 24px} #reviews h2+p {display: none} #reviews .reviews-list {padding: 0 10px 24px;position: relative;border-bottom: solid 1px #ccc} #reviews .reviews-list .list-arrows {position: absolute;display: flex;margin: 0 auto 30px;justify-content: space-between;z-index: 90;top: 110px;width: calc(100% + 40px);margin-left: -30px} #reviews .reviews-list .list-arrows .arrow-prev, #reviews .reviews-list .list-arrows .arrow-next {margin: 0 10px;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border: solid 1px rgba(0, 0, 0, 0.1019607843);border-radius: 90px;cursor: pointer;background-color: #fff} #reviews .reviews-list .list-arrows .arrow-prev:hover, #reviews .reviews-list .list-arrows .arrow-next:hover {border-color: #ccc} #reviews .reviews-list .list-arrows .arrow-next {margin-left: -30px} #reviews .reviews-list .list-arrows .arrow-next svg {margin-left: 4px} #reviews .reviews-list .list-arrows .arrow-prev {margin-right: -30px;rotate: 180deg} #reviews .reviews-list .swiper-wrapper .review-item {width: 100%} #reviews .reviews-list .swiper-wrapper .review-item:after {top: 110px} #reviews .reviews-list .swiper-wrapper .review-item .badge {display: none} #reviews .reviews-list .swiper-wrapper .review-item img {margin-bottom: 12px} #reviews .reviews-list .swiper-wrapper .review-item p {margin: 0} } section#lz h2 {text-align: center;margin-bottom: 20px;margin-left: -15px;width: calc(100% + 30px)} section#lz .container {display: flex;flex-direction: column} section#lz .text {font-size: 18px;line-height: 27px;text-align: center;text-transform: uppercase;color: #151516;max-width: 800px;align-self: center;margin-bottom: 50px} section#lz .lic-wrap {background: #F4F4F4;border-radius: 12px;padding: 48px 100px;display: flex;position: relative;margin-bottom: 150px} section#lz .lic-wrap img {position: absolute;left: 80px;bottom: 0} section#lz .lic-wrap .text-wrap {margin-left: auto;max-width: 550px;width: 100%} section#lz .lic-wrap .text-wrap p {margin: 0;font-size: 16px;line-height: 28px;color: #54595C} section#lz .lic-wrap .text-wrap p b {color: #151516} section#lz h3 {font-weight: 600;font-size: 24px;line-height: 17px;text-align: center;color: #151516;text-transform: none;margin-bottom: 36px} section#lz .lz-wrap {display: flex;justify-content: space-between;margin-bottom: 150px} section#lz .lz-wrap .lz-item {width: calc(33% - 20px)} section#lz .lz-wrap .lz-item img {margin-bottom: 27px;border-radius: 12px;max-width: 100%} section#lz .lz-wrap .lz-item h4 {font-weight: 600;font-size: 18px;line-height: 26px;text-align: left;text-transform: uppercase;color: #000;margin-bottom: 4px} section#lz .lz-wrap .lz-item p {font-weight: 300;font-size: 16px;line-height: 28px;color: #54595C;margin: 0} @media (max-width: 768px) {section#lz h2, section#lz .text {text-align: left} section#lz h2 {margin-left: inherit;width: auto;font-size: 24px} section#lz .lic-wrap {flex-direction: column;padding: 20px 20px 0;margin-bottom: 36px} section#lz .lic-wrap img {position: relative;order: 2;padding: 30px 30px 0 0;left: 0} section#lz h3 {font-size: 20px;line-height: 17px;margin-bottom: 28px} section#lz .lz-wrap {flex-direction: column;margin-bottom: 44px} section#lz .lz-wrap .lz-item {width: 100%;margin-bottom: 22px} section#lz .lz-wrap .lz-item img {margin-bottom: 14px} section#lz .lz-wrap .lz-item h4 {margin-top: 0} } section#numbers {overflow: hidden;margin-bottom: 145px} section#numbers h2 {margin-bottom: 36px;text-align: center} section#numbers .numbers-wrap {display: flex;justify-content: space-between;margin-bottom: 40px} section#numbers .numbers-wrap .number {width: calc(33% - 20px)} section#numbers .numbers-wrap .number img {border-radius: 12px;margin-bottom: 22px} section#numbers .numbers-wrap .number p {font-weight: 300;font-size: 16px;line-height: 28px;text-align: center;color: #54595C;margin: 0} section#numbers .btn {max-width: 275px;margin-left: auto;margin-right: auto} @media (max-width: 768px) {section#numbers {background: #F4F4F4;margin-bottom: 45px;padding-top: 50px;padding-bottom: 60px} section#numbers .numbers-wrap {flex-direction: column} section#numbers .numbers-wrap .number {width: 100%;margin-bottom: 24px} section#numbers .numbers-wrap .number img {margin-bottom: 10px;max-width: 100%} section#numbers .btn {max-width: 320px;width: 100%} } section#license {margin-bottom: 150px} section#license .grid {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, min-content)} section#license .headline {grid-area: 1/1/2/3} section#license .headline h2 {margin-bottom: 18px;margin-top: 0} section#license .headline p {font-weight: 300;font-size: 20px;line-height: 28px;color: #54595C;margin-bottom: 34px} section#license .dip-wrap {display: block;margin-top: 20px;grid-area: 1/3/3/4;position: relative;height: -moz-fit-content;height: fit-content;width: -moz-fit-content;width: fit-content} section#license .dip-wrap::after {opacity: 0;transition: all 0.2s;content: url(/img/zoom.png);background: var(--btn-bg);box-shadow: var(--btn-bs);border-radius: 50%;width: 70px;height: 70px;display: flex;position: absolute;align-items: center;justify-content: center;top: calc(50% - 35px);left: calc(50% - 35px)} section#license .dip-wrap:hover::after {opacity: 1} section#license .content {grid-area: 2/1/3/3} section#license .content .badge {margin-left: 18px;margin-bottom: 18px;background: #DDE3ED;border-radius: 12px;display: flex;align-items: center;padding: 20px 30px;max-width: 475px} section#license .content .badge img {margin-right: 30px;-o-object-fit: contain;object-fit: contain} section#license .content .badge p {color: #000;font-size: 20px;line-height: 26px;margin: 0;font-weight: 300} @media (max-width: 768px) {section#license {margin-bottom: 60px} section#license .grid {display: flex;flex-direction: column} section#license .content .badge {margin-left: 0;padding: 16px 20px} section#license .content .badge p {font-size: 14px;line-height: 18px} section#license .content .badge img {margin-right: 20px} section#license .dip-wrap {padding: 0 50px} section#license .dip-wrap img {max-width: 100%;margin-bottom: 24px} section#license .headline p {font-size: 12px;line-height: 18px;text-transform: uppercase;margin-bottom: 0} } section#fiz-yur {margin-bottom: 140px} section#fiz-yur h2 {margin-bottom: 47px} section#fiz-yur .fy-wrap {margin-bottom: 35px;display: flex;align-items: center;justify-content: space-between;gap: 20px} section#fiz-yur .fy-wrap .fy-item {display: flex;align-items: center;justify-content: center} section#fiz-yur .fy-wrap .fy-item .fy-image {position: relative;margin-right: 27px} section#fiz-yur .fy-wrap .fy-item .fy-image img {border-radius: 6px;max-width: 220px} section#fiz-yur .fy-wrap .fy-item .fy-image .badge {position: absolute;background: #1F84FF;border-radius: 9px;font-size: 10px;line-height: 1;transform: matrix(1, 0, 0, 1, 0, 0);bottom: 10px;right: 10px;color: #fff;width: 65px;height: 24px;display: flex;align-items: center;justify-content: center} section#fiz-yur .fy-wrap .fy-item .fy-image .badge svg {margin-right: 4px} section#fiz-yur .fy-wrap .fy-item .fy-text p {font-weight: 300;font-size: 16px;line-height: 28px;color: #54595C;margin: 0} section#fiz-yur .fy-wrap .fy-item .fy-text p.headline {font-weight: 600;font-size: 18px;text-transform: uppercase;color: #000;white-space: nowrap;margin-bottom: 3px} section#fiz-yur .nalog-wrap {display: flex;justify-content: space-between;align-items: center} section#fiz-yur .nalog-wrap .nalog-text {max-width: 500px} section#fiz-yur .nalog-wrap .nalog-text h3 {font-weight: 700;font-size: 36px;line-height: 44px;letter-spacing: 0.03em;text-transform: uppercase;color: #151516;margin: 0 0 30px} section#fiz-yur .nalog-wrap .nalog-text p {font-size: 18px;line-height: 30px;color: #151516;margin: 0 0 60px} section#fiz-yur .nalog-wrap .nalog-text p span {font-weight: 600;color: #04468D} section#fiz-yur .nalog-wrap .nalog-text .btn {max-width: 290px} section#fiz-yur .nalog-wrap img {opacity: 0.3} @media (max-width: 768px) {section#fiz-yur {margin-bottom: 80px} section#fiz-yur .fy-wrap {flex-direction: column;gap: 55px} section#fiz-yur .fy-wrap .fy-item {flex-direction: column;width: 100%;align-items: normal} section#fiz-yur .fy-wrap .fy-item .fy-image {margin-right: 0;margin-bottom: 12px;justify-content: center;display: flex} section#fiz-yur .fy-wrap .fy-item .fy-image img {max-width: 100%} section#fiz-yur .fy-wrap .fy-item .fy-image .badge {right: calc(50% - 40px)} section#fiz-yur .fy-wrap .fy-item .fy-text p {font-size: 12px;line-height: 18px} section#fiz-yur .fy-wrap .fy-item .fy-text p.headline {white-space: normal;margin-bottom: 7px;max-width: 200px;line-height: 26px} section#fiz-yur .nalog-wrap {flex-direction: column;position: relative} section#fiz-yur .nalog-wrap .nalog-text {z-index: 2} section#fiz-yur .nalog-wrap .nalog-text h3 {font-weight: 400;font-size: 26px;line-height: 32px;text-align: center;margin-bottom: 18px} section#fiz-yur .nalog-wrap .nalog-text p {font-size: 12px;line-height: 20px;text-align: center;margin-bottom: 24px} section#fiz-yur .nalog-wrap img {z-index: 1;position: absolute;opacity: 0.1;max-width: 100%} } section#blags {margin-bottom: 140px;overflow: hidden} section#blags h2 {text-align: center;margin-bottom: 118px} section#blags .blags-wrap {display: flex;justify-content: space-between;gap: 10px} section#blags .blags-wrap .blag-item {width: calc(33% - 20px);position: relative;text-decoration: none} section#blags .blags-wrap .blag-item figure {margin: 0} section#blags .blags-wrap .blag-item figure figcaption {font-size: 16px;line-height: 20px;text-align: center;letter-spacing: 0.03em;text-transform: uppercase;color: #151516;margin-bottom: 33px} section#blags .blags-wrap .blag-item figure img {max-width: 100%} section#blags .blags-wrap .blag-item:after {transition: all 0.2s;content: url("/img/zoom.png");background: var(--btn-bg);box-shadow: var(--btn-bs);border-radius: 50%;width: 70px;height: 70px;display: flex;position: absolute;align-items: center;justify-content: center;top: calc(50% - 35px);left: calc(50% - 35px);opacity: 0} section#blags .blags-wrap .blag-item:hover:after {opacity: 1} @media (max-width: 768px) {section#blags {margin-bottom: 20px} section#blags .blags-wrap {flex-direction: column} section#blags .blags-wrap .blag-item {width: 100%;margin-bottom: 40px} section#blags .blags-wrap .blag-item figure figcaption {font-size: 13px;line-height: 16px;margin-bottom: 28px} } section#faq {margin-bottom: 150px} section#faq h2 {text-align: center} section#faq .faq-wrapper {border-bottom: solid 1px #ccc;margin-bottom: 40px} section#faq .faq-wrapper .faq-item {padding-left: 60px;padding-right: 60px;border-top: solid 1px #ccc;cursor: pointer} section#faq .faq-wrapper .faq-item .faq-item:hover::after {transform: rotate(90deg)} section#faq .faq-wrapper .faq-item .faq-title {position: relative;font-family: "Montserrat";font-weight: 600;font-size: 18px;line-height: 28px;text-transform: uppercase;color: #151516;height: 107px;display: flex;align-items: center;background: transparent} section#faq .faq-wrapper .faq-item .faq-title::before {content: attr(data-index);font-weight: 400;font-size: 14px;line-height: 60px;color: #04468D;position: absolute;margin-left: -30px;height: 20px;display: flex;top: 24px} section#faq .faq-wrapper .faq-item .faq-title::after {position: absolute;width: 18px;height: 18px;right: 0;content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.68701 0.0297428C8.04283 0.156212 7.50968 0.723844 7.41717 1.38163C7.39686 1.52608 7.38222 2.77944 7.38183 4.41189L7.38113 7.19579L7.28837 7.28858L7.19557 7.38134L4.41147 7.38205C2.77891 7.38243 1.52547 7.39707 1.38101 7.41738C0.509072 7.54001 -0.121628 8.38338 0.0198768 9.23749C0.13629 9.93982 0.684852 10.4817 1.38101 10.5819C1.52962 10.6033 2.73183 10.6176 4.41147 10.618L7.19557 10.6187L7.28837 10.7115L7.38113 10.8043L7.38183 13.5882C7.38222 15.2206 7.39686 16.474 7.41717 16.6184C7.51486 17.3129 8.06081 17.8632 8.76844 17.9805C9.61641 18.1209 10.4605 17.4873 10.5827 16.6184C10.603 16.474 10.6176 15.2206 10.618 13.5882L10.6187 10.8043L10.7115 10.7115L10.8043 10.6187L13.5884 10.618C15.268 10.6176 16.4702 10.6033 16.6189 10.5819C17.315 10.4817 17.8636 9.93982 17.98 9.23749C18.1217 8.38233 17.4947 7.54427 16.6189 7.41819C16.4702 7.39679 15.268 7.38247 13.5884 7.38205L10.8043 7.38134L10.7115 7.28858L10.6187 7.19579L10.618 4.41189C10.6176 2.73236 10.6033 1.53023 10.5819 1.38163C10.4514 0.475164 9.58101 -0.145815 8.68701 0.0297428Z' fill='%23E2E2E2'/%3E%3C/svg%3E%0A");top: 44px;margin-right: -24px;box-shadow: none } section#faq .faq-wrapper .faq-item .faq-cont, section#faq .faq-wrapper .faq-item .faq-content {height: 0;opacity: 0;font-weight: 300;font-size: 16px;line-height: 28px;color: #54595C} section#faq .faq-wrapper .faq-item.active .faq-cont, section#faq .faq-wrapper .faq-item.active .faq-content {height: 100%;opacity: 1;padding-bottom: 20px;margin-top: -20px} section#faq .faq-wrapper .faq-item.active .faq-title::after {transform: rotate(45deg);right: -5px} section#faq .btn {max-width: 275px;margin-left: auto;margin-right: auto} @media (max-width: 768px) {section#faq {margin-bottom: 50px} section#faq .faq-wrapper .faq-item {padding-top: 22px;padding-bottom: 22px;padding-left: 30px;padding-right: 30px} section#faq .faq-wrapper .faq-item .faq-title {font-size: 14px;line-height: 24px;height: 100%} section#faq .faq-wrapper .faq-item .faq-title::before {font-size: 14px;line-height: 60px;top: auto;height: auto} section#faq .faq-wrapper .faq-item .faq-title::after {top: auto} section#faq .faq-wrapper .faq-item .faq-cont, section#faq .faq-wrapper .faq-item .faq-content {font-size: 14px;line-height: 22px} section#faq .faq-wrapper .faq-item.active .faq-content {padding-top: 30px} section#faq .btn {max-width: 320px;width: 100%} } footer {background: #F4F4F4;padding-top: 46px;padding-bottom: 60px} footer #menu-heder, footer #menu-footer {background: #FDFEFE;box-shadow: 0px 4px 70px rgba(0, 0, 0, 0.25);margin-top: 0;display: flex;width: calc(100% + 20px);justify-content: space-between;margin-bottom: 0;padding-left: 0;margin-left: -10px;list-style: none} footer #menu-heder li:before, footer #menu-footer li:before {content: none} footer #menu-heder li a, footer #menu-footer li a {width: 100%;padding: 22px 42px;display: block;border-left: solid 1px #ccc;white-space: nowrap;font-weight: 500;font-size: 11px;letter-spacing: 0.06em;text-transform: uppercase;color: #151516;text-decoration: none} footer #menu-heder li:first-child a, footer #menu-footer li:first-child a {border: none} footer #menu-heder {border-radius: 0px 0px 12px 12px} footer #menu-footer {margin-top: 30px;width: 100%;margin-left: 0} @media (max-width: 768px) {footer #menu-footer {flex-direction: column;margin: 20px;width: calc(100% - 40px);padding-right: 0} footer #menu-footer li {border: 1px solid rgba(0, 0, 0, 0.05);text-align: center} footer #menu-footer li a {padding-left: 0;border-left: none} footer #menu-footer li:last-child {border-bottom: none} footer #menu-heder li a, footer #menu-footer li a {white-space: normal} } footer .logo-wrap {display: flex;align-items: center;height: 100%} footer .logo-wrap .logo img, footer .logo-wrap .logo svg {max-width: 160px;height: auto} footer .logo-wrap .sk-logo-mob {display: none} footer .logo-wrap p {font-weight: 300;font-size: 13px;line-height: 22px;color: #54595C;margin-top: 0;margin-bottom: 0;margin-left: 20px} footer .sk-logo-wrap {text-align: center} footer .contacts {display: flex;align-items: center;height: 100%;justify-content: flex-end} footer .contacts .mail, footer .contacts .phone {margin-left: auto} footer .contacts .mail {display: flex;align-items: center} footer .contacts .mail a {font-weight: 400;font-size: 12px;line-height: 28px;color: #1F84FF} footer .contacts .mail a:hover {color: #2572cf} footer .contacts .mail svg {margin-right: 6px} footer .contacts .phone a {font-weight: 600;font-size: 18px;line-height: 28px;color: #000;text-decoration: none} footer .submenu {display: flex} footer .submenu.news_clas_0212 {gap: 20px;margin-top: 20px;justify-content: space-between} footer .submenu.news_clas_0212 li {margin: 0} footer .submenu li {list-style: none;margin: 50px 30px 63px} footer .submenu li a {font-weight: 400;font-size: 14px;line-height: 22px;color: #2E8CFF;text-decoration: none;border-bottom: solid 1px #2E8CFF} footer .submenu li a:hover {opacity: 0.8} footer .submenu li:first-child {margin-left: 0} footer .submenu li:last-child {margin-right: 0} @media (max-width: 768px) {footer .logo-wrap {flex-direction: column} footer .logo-wrap .sk-logo-mob {display: block;margin-left: 18px} footer .logo-wrap .logos {display: flex;align-items: center} footer .logo-wrap p {text-align: center} footer .submenu {display: flex;flex-direction: column} footer .submenu li {text-align: center;margin: 26px 0 0} footer .contacts {flex-direction: column} footer .contacts .mail, footer .contacts .phone {margin-right: auto;margin-top: 12px} footer .sk-logo-wrap {display: none} } section#table {background: #F4F4F4;padding-top: 50px;padding-bottom: 27px} section#table .headline-wrap {display: flex;align-items: center} section#table .headline-wrap h2 {margin-right: 44px} section#table .headline-wrap .toggler-wrap {background: #FFFFFF;border-radius: 12px;padding: 16px} section#table .headline-wrap .toggler-wrap p {font-size: 16px;line-height: 1;color: #54595C;margin: 0} section#table .headline-wrap .toggler-wrap .course-selector {display: none} section#table .headline-wrap .toggler-wrap .course-toggler {display: flex;border: solid;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 12px;height: 70px;overflow: hidden;margin-bottom: 10px} section#table .headline-wrap .toggler-wrap .course-toggler .item {font-size: 11px;line-height: 26px;text-align: center;text-transform: uppercase;color: #8DA8B8;width: 100%;display: flex;justify-content: center;align-items: center;height: 100%;cursor: pointer} section#table .headline-wrap .toggler-wrap .course-toggler .item.active {background: #2486FF;box-shadow: var(--btn-bs);color: #fff;font-weight: bolder} section#table .course-table {border-spacing: 0;margin-bottom: 92px} section#table .course-table tr td, section#table .course-table tr th {max-width: 450px;font-weight: 300;font-size: 16px;line-height: 28px;color: #54595C;text-align: center;padding-bottom: 12px;padding-top: 12px} section#table .course-table tr td:first-child, section#table .course-table tr th:first-child {text-align: left;padding-left: 16px} section#table .course-table tr td span, section#table .course-table tr th span {display: none} section#table .course-table tr.headline, section#table .course-table tr.headline-desk {height: 46px;border-radius: 12px} section#table .course-table tr.headline td, section#table .course-table tr.headline-desk td {background: #fff;padding-top: 0;padding-bottom: 0} section#table .course-table tr.headline td:first-child, section#table .course-table tr.headline-desk td:first-child {border-top-left-radius: 12px;border-bottom-left-radius: 12px} section#table .course-table tr.headline td:last-child, section#table .course-table tr.headline-desk td:last-child {border-top-right-radius: 12px;border-bottom-right-radius: 12px} section#table .course-table tr th {vertical-align: baseline;text-align: left;font-weight: 600;font-size: 14px;line-height: 20px;letter-spacing: 0.03em;text-transform: uppercase;color: #151516;padding-left: 20px;padding-right: 20px;width: 100%} section#table .btn {width: 275px;margin-left: auto;margin-right: auto} @media (max-width: 768px) {section#table .headline-wrap {flex-direction: column} section#table .headline-wrap h2 {margin-right: 0;white-space: nowrap} section#table .headline-wrap h2 br {display: none} section#table .headline-wrap .toggler-wrap p {font-size: 14px;line-height: 24px;text-align: center} section#table .headline-wrap .toggler-wrap .course-toggler {display: none} section#table .headline-wrap .toggler-wrap .course-selector {display: block;position: relative} section#table .headline-wrap .toggler-wrap .course-selector p {font-size: 16px;margin-bottom: 14px} section#table .headline-wrap .toggler-wrap .course-selector select {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;background: #2486FF;box-shadow: var(--btn-bs);margin-bottom: 10px;height: 60px;color: #fff;width: 100%;border-radius: 12px;text-align: center;justify-content: center} section#table .headline-wrap .toggler-wrap .course-selector:after {content: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.29289 8.70711C7.68342 9.09763 8.31658 9.09763 8.70711 8.70711L15.0711 2.34315C15.4616 1.95262 15.4616 1.31946 15.0711 0.928932C14.6805 0.538408 14.0474 0.538408 13.6569 0.928932L8 6.58579L2.34315 0.928932C1.95262 0.538408 1.31946 0.538408 0.928932 0.928932C0.538408 1.31946 0.538408 1.95262 0.928932 2.34315L7.29289 8.70711ZM7 7V8H9V7H7Z' fill='white'/%3E%3C/svg%3E%0A");position: absolute;right: 20px;bottom: 30px} section#table .course-table {display: flex;flex-direction: column;margin-bottom: 26px} section#table .course-table thead {display: none} section#table .course-table tr {display: flex;flex-direction: column} section#table .course-table tr td {font-family: "Montserrat";display: flex;justify-content: space-between;margin-left: 20px;margin-right: 20px;font-weight: 600;font-size: 12px;line-height: 20px;text-align: right;letter-spacing: 0.03em;text-transform: uppercase;color: #04468D;padding-bottom: 6px;padding-top: 6px} section#table .course-table tr td span {display: initial;margin-left: 4px} section#table .course-table tr td:before {content: attr(data-label);text-align: left;font-weight: 600;font-size: 12px;line-height: 20px;letter-spacing: 0.03em;text-transform: uppercase;color: #151516;margin-right: auto} section#table .course-table tr td.label {font-family: "Inter";font-weight: 300;font-size: 14px;line-height: 24px;color: #54595C;margin-right: auto;padding-left: 0} section#table .course-table tr.headline, section#table .course-table tr.headline-desk {height: auto;display: flex;background: #fff;align-items: flex-start;justify-content: center;margin-bottom: 16px;margin-top: 16px;padding-bottom: 12px;padding-top: 12px} section#table .course-table tr.headline td, section#table .course-table tr.headline-desk td {font-weight: 700;font-size: 16px;line-height: 20px;letter-spacing: 0.03em;text-transform: uppercase;color: #151516;margin-left: 0} section#table .course-table tr.headline-desk {background: transparent;margin-right: 20px} section#table .course-table tr.headline-desk td {background: transparent;padding-left: 20px;padding-right: 20px;width: 100%;max-width: calc(100vw - 60px);padding-bottom: 6px;padding-top: 6px} section#table .course-table tr.headline-desk td:not(.label) {font-size: 12px;line-height: 20px;text-align: right;letter-spacing: 0.03em;text-transform: uppercase;color: #04468D;padding-bottom: 6px;padding-top: 6px} section#table .course-table tr.headline-desk td.label {border-radius: 12px;background: #fff;width: 100%;padding-top: 12px;padding-bottom: 12px;text-align: left;margin-bottom: 12px} section#table .course-table tr.headline-desk td.label:before {content: none} } section#course-info {background-color: #F4F4F4;padding-bottom: 130px} section#course-info.white {background-color: #fff;padding-bottom: 80px} section#course-info h2 {padding-top: 116px;padding-bottom: 44px} section#course-info.white h2 {padding-top: 48px} section#course-info .info-wrap {display: flex;justify-content: space-between;flex-wrap: wrap} section#course-info .info-wrap .info-item {width: calc((100% - 60px) / 3)} section#course-info .info-wrap .info-item:nth-child(7) {display: none} section#course-info .info-wrap .info-item .illustration {transform: scale(-1, 1);max-width: 100%;margin-bottom: -2px;margin-top: -40px} section#course-info .info-wrap .info-item .card {background: #fff;height: 180px;border-radius: 12px;display: flex;justify-content: center;align-items: center;margin-bottom: 26px;position: relative} section#course-info.white .info-wrap .info-item .card {background: #f4f4f4} section#course-info .info-wrap .info-item .card .badge {position: absolute;top: 16px;right: 16px;font-weight: 600;font-size: 20px;line-height: 24px;letter-spacing: 0.03em;text-transform: uppercase;color: #151516;opacity: 0.5} section#course-info .info-wrap .info-item p {font-weight: 300;font-size: 16px;line-height: 28px;color: #54595C;margin: 0} section#course-info .info-wrap .info-item p.subtitle {font-weight: 600;font-size: 18px;line-height: 26px;text-transform: uppercase;color: #000;margin-bottom: 7px} @media (max-width: 768px) {section#course-info {background-color: #fff;padding-bottom: 0} section#course-info h2 {padding-top: 36px} section#course-info .info-wrap {flex-direction: column} section#course-info .info-wrap .info-item {width: 100%;padding: 0 20px 60px;max-width: calc(100vw - 40px)} section#course-info .info-wrap .info-item .card {justify-content: flex-start;height: 80px} section#course-info .info-wrap .info-item .card img {height: 80px} section#course-info .info-wrap .info-item:nth-child(1) {order: 1} section#course-info .info-wrap .info-item:nth-child(2) {order: 3} section#course-info .info-wrap .info-item:nth-child(3) {order: 4} section#course-info .info-wrap .info-item:nth-child(4) {order: 3} section#course-info .info-wrap .info-item:nth-child(5) {order: 5} section#course-info .info-wrap .info-item:nth-child(6) {order: 6} section#course-info .info-wrap .info-item:nth-child(7) {order: 7;display: block} } #loader {width: 300px;height: auto;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 100001;text-align: center;font-size: 20px;transition: all 500ms ease;padding: 30px;border-radius: 5px;background: #FFF;box-shadow: 0px 0px 2px 1px #3897f0;display: none} #loader, #preload {display: none;transition: all 500ms ease } #loader .loader-text {margin: 15px 0 0;padding: 0;font-size: 16px;color: #333} #loader.active {display: block} #loader:before {width: 95px;height: 95px;border-radius: 50%;border: 0px solid;margin: 40px auto;content: '';display: none;background: #fd8;color: #fc8;animation: fill linear 3s infinite, load linear 3s infinite} /* Кубическая анимация для окна загрузки */ .cssload-thecube {width: 100px;height: 100px;position: relative;margin: 0 auto 20px;transform: rotateZ(45deg);-o-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg)} /* Текст загрузки */ #loader p {margin: 0;padding-top: 15px;position: relative;clear: both} .cssload-thecube .cssload-cube {position: relative;transform: rotateZ(45deg);-o-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg)} .cssload-thecube .cssload-cube {float: left;width: 50%;height: 50%;position: relative;transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1)} .cssload-thecube .cssload-cube:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(43,160,199);animation: cssload-fold-thecube 2.76s infinite linear both;-o-animation: cssload-fold-thecube 2.76s infinite linear both;-ms-animation: cssload-fold-thecube 2.76s infinite linear both;-webkit-animation: cssload-fold-thecube 2.76s infinite linear both;-moz-animation: cssload-fold-thecube 2.76s infinite linear both;transform-origin: 100% 100%;-o-transform-origin: 100% 100%;-ms-transform-origin: 100% 100%;-webkit-transform-origin: 100% 100%;-moz-transform-origin: 100% 100%} .cssload-thecube .cssload-c2 {transform: scale(1.1) rotateZ(90deg);-o-transform: scale(1.1) rotateZ(90deg);-ms-transform: scale(1.1) rotateZ(90deg);-webkit-transform: scale(1.1) rotateZ(90deg);-moz-transform: scale(1.1) rotateZ(90deg)} .cssload-thecube .cssload-c3 {transform: scale(1.1) rotateZ(180deg);-o-transform: scale(1.1) rotateZ(180deg);-ms-transform: scale(1.1) rotateZ(180deg);-webkit-transform: scale(1.1) rotateZ(180deg);-moz-transform: scale(1.1) rotateZ(180deg)} .cssload-thecube .cssload-c4 {transform: scale(1.1) rotateZ(270deg);-o-transform: scale(1.1) rotateZ(270deg);-ms-transform: scale(1.1) rotateZ(270deg);-webkit-transform: scale(1.1) rotateZ(270deg);-moz-transform: scale(1.1) rotateZ(270deg)} .cssload-thecube .cssload-c2:before {animation-delay: 0.35s;-o-animation-delay: 0.35s;-ms-animation-delay: 0.35s;-webkit-animation-delay: 0.35s;-moz-animation-delay: 0.35s} .cssload-thecube .cssload-c3:before {animation-delay: 0.69s;-o-animation-delay: 0.69s;-ms-animation-delay: 0.69s;-webkit-animation-delay: 0.69s;-moz-animation-delay: 0.69s} .cssload-thecube .cssload-c4:before {animation-delay: 1.04s;-o-animation-delay: 1.04s;-ms-animation-delay: 1.04s;-webkit-animation-delay: 1.04s;-moz-animation-delay: 1.04s} @keyframes cssload-fold-thecube {0%, 10% {transform: perspective(228px) rotateX(-180deg);opacity: 0} 25%, 75% {transform: perspective(228px) rotateX(0deg);opacity: 1} 90%, 100% {transform: perspective(228px) rotateY(180deg);opacity: 0} } @-o-keyframes cssload-fold-thecube {0%, 10% {-o-transform: perspective(228px) rotateX(-180deg);opacity: 0} 25%, 75% {-o-transform: perspective(228px) rotateX(0deg);opacity: 1} 90%, 100% {-o-transform: perspective(228px) rotateY(180deg);opacity: 0} } @-ms-keyframes cssload-fold-thecube {0%, 10% {-ms-transform: perspective(228px) rotateX(-180deg);opacity: 0} 25%, 75% {-ms-transform: perspective(228px) rotateX(0deg);opacity: 1} 90%, 100% {-ms-transform: perspective(228px) rotateY(180deg);opacity: 0} } @-webkit-keyframes cssload-fold-thecube {0%, 10% {-webkit-transform: perspective(228px) rotateX(-180deg);opacity: 0} 25%, 75% {-webkit-transform: perspective(228px) rotateX(0deg);opacity: 1} 90%, 100% {-webkit-transform: perspective(228px) rotateY(180deg);opacity: 0} } @-moz-keyframes cssload-fold-thecube {0%, 10% {-moz-transform: perspective(228px) rotateX(-180deg);opacity: 0} 25%, 75% {-moz-transform: perspective(228px) rotateX(0deg);opacity: 1} 90%, 100% {-moz-transform: perspective(228px) rotateY(180deg);opacity: 0} } @keyframes load {0% {box-shadow: 0 -70px 1px -41px, 35px -60px 1px -41px, 60px -35px 1px -41px, 70px 0 1px -41px, 60px 35px 1px -41px, 35px 60px 1px -41px, 0 70px 1px -41px, -35px 60px 1px -41px, -60px 35px 1px -41px, -70px 0 1px -41px, -60px -35px 1px -41px, 0 0 22px -3px;/*-35px -60px 1px -41px;*/ } 9% {box-shadow: /*0 -70px 10px -41px,*/ 0 0 22px -3px, 35px -60px 1px -41px, 60px -35px 1px -41px, 70px 0 1px -41px, 60px 35px 1px -41px, 35px 60px 1px -41px, 0 70px 1px -41px, -35px 60px 1px -41px, -60px 35px 1px -41px, -70px 0 1px -41px, -60px -35px 1px -41px, -35px -60px 1px -41px} 18% {box-shadow: 0 -70px 1px -41px, /*35px -60px 1px -41px,*/ 0 0 22px -3px, 60px -35px 1px -41px, 70px 0 1px -41px, 60px 35px 1px -41px, 35px 60px 1px -41px, 0 70px 1px -41px, -35px 60px 1px -41px, -60px 35px 1px -41px, -70px 0 1px -41px, -60px -35px 1px -41px, -35px -60px 1px -41px} 27% {box-shadow: 0 -70px 1px -41px, 35px -60px 1px -41px, /*60px -35px 1px -41px,*/ 0 0 22px -3px, 70px 0 1px -41px, 60px 35px 1px -41px, 35px 60px 1px -41px, 0 70px 1px -41px, -35px 60px 1px -41px, -60px 35px 1px -41px, -70px 0 1px -41px, -60px -35px 1px -41px, -35px -60px 1px -41px} 36% {box-shadow: 0 -70px 1px -41px, 35px -60px 1px -41px, 60px -35px 1px -41px, /*70px 0 1px -41px,*/ 0 0 22px -3px, 60px 35px 1px -41px, 35px 60px 1px -41px, 0 70px 1px -41px, -35px 60px 1px -41px, -60px 35px 1px -41px, -70px 0 1px -41px, -60px -35px 1px -41px, -35px -60px 1px -41px} 45% {box-shadow: 0 -70px 1px -41px, 35px -60px 1px -41px, 60px -35px 1px -41px, 70px 0 1px -41px, /*60px 35px 1px -41px,*/ 0 0 22px -3px, 35px 60px 1px -41px, 0 70px 1px -41px, -35px 60px 1px -41px, -60px 35px 1px -41px, -70px 0 1px -41px, -60px -35px 1px -41px, -35px -60px 1px -41px} 55% {box-shadow: 0 -70px 1px -41px, 35px -60px 1px -41px, 60px -35px 1px -41px, 70px 0 1px -41px, 60px 35px 1px -41px, /*35px 60px 1px -41px,*/ 0 0 22px -3px, 0 70px 1px -41px, -35px 60px 1px -41px, -60px 35px 1px -41px, -70px 0 1px -41px, -60px -35px 1px -41px, -35px -60px 1px -41px} 64% {box-shadow: 0 -70px 1px -41px, 35px -60px 1px -41px, 60px -35px 1px -41px, 70px 0 1px -41px, 60px 35px 1px -41px, 35px 60px 1px -41px, /*0 70px 1px -41px,*/ 0 0 22px -3px, -35px 60px 1px -41px, -60px 35px 1px -41px, -70px 0 1px -41px, -60px -35px 1px -41px, -35px -60px 1px -41px} 73% {box-shadow: 0 -70px 1px -41px, 35px -60px 1px -41px, 60px -35px 1px -41px, 70px 0 1px -41px, 60px 35px 1px -41px, 35px 60px 1px -41px, 0 70px 1px -41px, /*-35px 60px 1px -41px,*/ 0 0 22px -3px, -60px 35px 1px -41px, -70px 0 1px -41px, -60px -35px 1px -41px, -35px -60px 1px -41px} 82% {box-shadow: 0 -70px 1px -41px, 35px -60px 1px -41px, 60px -35px 1px -41px, 70px 0 1px -41px, 60px 35px 1px -41px, 35px 60px 1px -41px, 0 70px 1px -41px, -35px 60px 1px -41px, /*-60px 35px 1px -41px,*/ 0 0 22px -3px, -70px 0 1px -41px, -60px -35px 1px -41px, -35px -60px 1px -41px} 91% {box-shadow: 0 -70px 1px -41px, 35px -60px 1px -41px, 60px -35px 1px -41px, 70px 0 1px -41px, 60px 35px 1px -41px, 35px 60px 1px -41px, 0 70px 1px -41px, -35px 60px 1px -41px, -60px 35px 1px -41px, /*-70px 0 1px -41px,*/ 0 0 22px -3px, -60px -35px 1px -41px, -35px -60px 1px -41px} 100% {box-shadow: 0 -70px 1px -41px, 35px -60px 1px -41px, 60px -35px 1px -41px, 70px 0 1px -41px, 60px 35px 1px -41px, 35px 60px 1px -41px, 0 70px 1px -41px, -35px 60px 1px -41px, -60px 35px 1px -41px, -70px 0 1px -41px, /*-60px -35px 1px -41px,*/ 0 0 22px -3px, -35px -60px 1px -41px} } @keyframes fill {0% {transform: rotateZ(0deg)} 100% {transform: rotateZ(30deg)} } #modal {padding: 10px;background: #FFF;position: fixed;width: 80%;left: 10%;z-index: 10001;display: none;height: 90%;top: 5%;overflow: auto } .request-data, .tr-tab-item i {font-size: 20px } .pmlogo {display: none !important } .addr-normal {border: 1px solid #ff9d0c } .addr-normal-position {padding: 5px 15px;cursor: pointer;text-align: left;margin-bottom: 0px;transition: all 300ms ease} .addr-normal-position:hover {background: #ff9d0c;color: #FFF } .pmwidget * {padding: 0;margin: 0;font-size: 16px;font-weight: normal;font: normal normal 16px Verdana} .pmwidget h1 {font-size: 16px;color: #555;margin: 0 0 10px 0;font-weight: bold;font-family: Verdana } .pmwidget a.pmlogo {display: block;width: 110px;opacity: 0.3;margin: 0 0 10px 10px;height: 24px;float: right;background: transparent url(https://solncesvet.ru/content/img/widget/logo.png) no-repeat scroll center center;-webkit-transition: all 0.2s ease-in-out} .pmwidget a.pmlogo:hover {opacity: 1} .pmwidget p {color: #333;margin: 0 0 7px 0} .pmwidget p strong {font-weight: normal } .pmwidget .payList p {color: #555;margin: 5px 5px 10px 5px} .pmwidget .pm-item, .pmwidget button {outline: none;color: #666;float: left;width: 145px;height: 72px;text-align: center;padding: 0 0;text-decoration: none;border: 1px solid #d2d2d2;border-radius: 5px;background-color: #fff;margin: 0 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);margin-bottom: 11px} .pmwidget .pm-item:hover, .pmwidget button:hover {background-color: #fff;border: 1px solid #1b7398;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)} .pmwidget .pm-item:active {box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4) inset;margin-bottom: 10px;margin-top: 1px} .pmwidget .pm-item img, .pmwidget button img {border: 0} .pmwidget .clearfix {clear: both} .pmAmount input {width: 80px} .pay-spoiler-title span {display: inline-block;padding-left: 3px } label.pmpaymenttype {display: none } .pay-top-info {font-size: 16px;color: #555;margin: 0 0 10px 0;font-family: Verdana;color: #555;margin-bottom: -20px } .pay-top-info strong {color: #555 } .pmamount {margin: 0 } .payList {margin-left: -7px} .pmwidget-cb .payList {position: relative;padding-bottom: 28px} .pmwidget-cb .payList ul {position: absolute;margin: 0;width: 100%} .pmwidget-cb .payList ul {border: 1px solid #d2d2d2;border-radius: 5px;background: #fff;margin: 0 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)} .pmwidget-cb .payList ul li {display: none;padding: 4px 8px;list-style: none;cursor: pointer;clear: both;overflow: hidden;zoom: 1} .pmwidget-cb .payList ul li:hover {background-color: #eee} .pmwidget-cb .payList ul li:hover a {color: #000} .pmwidget-cb .payList ul li:first-child {display: block;margin-right: 10px;background: transparent url(https://solncesvet.ru/content/img/widget/arrow.gif) right 12px no-repeat;font-weight: bold} .pmwidget-cb .payList ul li:first-child:hover {background-image: url(https://solncesvet.ru/content/img/widget/arrow-hover.gif)} .pmwidget-cb .payList ul li a {text-decoration: none;color: #666} .pmwidget-cb .payList ul li a img {margin-right: 10px;border: none;width: 32px} .pmwidget-cb .payList ul li a.pos-middle {vertical-align: -50%} .pmwidget button img {width: 100px;display: block;margin: 0 auto } .pmwidget form {float: left } .pmwidget button {cursor: pointer} .load-pay-widget {cursor: pointer } #notiblock {width: 700px } .pay-spoiler-title span {font-size: 13px;font-family: Montserrat } .pmwidget {width: auto !important } .pay-spoiler {padding: 0px 10px} .pay-spoiler-title {font-weight: bold;clear: both;padding: 15px 3px;font-size: 16px;cursor: pointer} .pay-spoiler-title img {width: 40px;display: inline-block;vertical-align: middle;margin-right: 5px} .kv-spoiler {display: none;font-size: 13px;color: #555;padding: 15px;background: #FFF;border-radius: 10px;border: 1px solid #DDD;margin-top: 15px} .kv-spoiler li {list-style: initial;margin-left: 20px } .select-tr-pay-tab {font-family: FlexySans-Bold;color: #ff9d0c;text-decoration: underline;cursor: pointer;font-size: 28px;margin-bottom: 20px } .yookassa-pay.pm-item {position: relative;cursor: pointer } .yookassa-pay.pm-item img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%) } .payform-item {display: inline-block;width: 32%;vertical-align: top;margin-right: 5px } .pmwidget .pm-item, .pmwidget button {margin: 5px 0px;margin-right: 5px;background: #FFFFFF;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);border-radius: 10px} .pmwidget .yookassa-pay.pm-item, .pmwidget button {background: #FFFFFF;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);border-radius: 10px} #notiblock {position: fixed;width: 500px;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);margin-left: 0;background: #FFF;box-shadow: inset 0 0 7px rgba(255, 202, 44, .34) !important;padding: 25px;border-radius: 10px;display: none;z-index: 999999 } #notiblock .noticontent {background: #FFF;padding: 20px;border-radius: 10px;font-size: 20px } #notiblock .noticlose {position: absolute;top: 5px;right: 10px;cursor: pointer;font-size: 30px} /* Улучшенные стили для модального окна повышения часов на мобильных устройствах */ @media (max-width: 768px) {#notiblock {width: 95% !important;max-width: 500px !important;margin-left: 0 !important;transform: translate(-50%, -50%) !important;-webkit-transform: translate(-50%, -50%) !important;-moz-transform: translate(-50%, -50%) !important;padding: 20px !important} #notiblock .noticontent {padding: 20px !important;font-size: 16px !important} /* Улучшенные стили для boost-confirmation модального окна */ .boost-confirmation-modal h3 {font-size: 22px !important;margin-bottom: 20px !important;line-height: 1.3 !important} .boost-confirmation-modal p {font-size: 16px !important;line-height: 1.5 !important;margin-bottom: 15px !important} .boost-confirmation-modal ul {margin-left: 20px !important;margin-bottom: 15px !important} .boost-confirmation-modal li {font-size: 15px !important;line-height: 1.4 !important;margin-bottom: 8px !important} .boost-confirmation-modal strong {font-size: 17px !important} .boost-confirmation-modal em {font-size: 14px !important;line-height: 1.4 !important} /* Улучшенные стили для кнопок в модальном окне */ .boost-confirmation-modal .btn {padding: 12px 20px !important;font-size: 16px !important;margin: 0 8px !important;min-width: 120px !important} .boost-confirmation-modal .btn-secondary {padding: 12px 18px !important} .boost-confirmation-modal .btn-primary {padding: 12px 18px !important} /* Увеличиваем размер иконки */ .boost-confirmation-modal .fa-graduation-cap {font-size: 56px !important;margin-bottom: 25px !important} /* Улучшаем отступы контента */ .boost-confirmation-content {padding: 25px !important} } /* Дополнительные стили для очень маленьких экранов */ @media (max-width: 480px) {#notiblock {width: 98% !important;max-width: 450px !important;padding: 15px !important} #notiblock .noticontent {padding: 15px !important;font-size: 15px !important} .boost-confirmation-modal h3 {font-size: 20px !important;margin-bottom: 18px !important} .boost-confirmation-modal p {font-size: 15px !important;margin-bottom: 12px !important} .boost-confirmation-modal li {font-size: 14px !important;margin-bottom: 6px !important} .boost-confirmation-modal strong {font-size: 16px !important} .boost-confirmation-modal em {font-size: 13px !important} .boost-confirmation-modal .btn {padding: 10px 16px !important;font-size: 15px !important;margin: 0 6px !important;min-width: 100px !important} .boost-confirmation-modal .fa-graduation-cap {font-size: 48px !important;margin-bottom: 20px !important} .boost-confirmation-content {padding: 20px !important} } #social_close {font-size: 40px;position: absolute;top: 10px;right: 10px;cursor: pointer;color: #ff9d0c;font-weight: bold;width: 60px;height: 60px;border: 1px solid;text-align: center;line-height: 55px;background: #FFF;transition: all 300ms linear} #social_close:hover {background: #ff9d0c;color: #FFF} body .button {display: inline-block;height: 70px;background: var(--btn-bg);box-shadow: var(--btn-bs);min-width: 256px;max-width: 100%;padding-left: 40px;padding-right: 40px;justify-content: center;align-items: center;border-radius: 100px;font-weight: 700;font-size: 13px;text-align: center;letter-spacing: 0.02em;text-transform: uppercase;text-decoration: none;color: #fff;transition: all 0.2s;box-sizing: border-box;cursor: pointer;border: none} .button {color: #FFF !important;border: 1px solid #3897f0;background: #3897f0;text-align: center !important;display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: 0.375rem 0.75rem;font-size: 1rem;line-height: 1.5;border-radius: 0.25rem;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out} .test-container .button {display: flex;max-width: 256px;margin: 0 auto} .test-container .button:hover {background: #0c76d9} @media(max-width:991px) {.tr-tab-item-block {padding: 15px 20px;margin-left: 0px } #notiblock {width: 90%;max-width: 500px;max-height: 75vh;transform: translate(-50%, -50%);margin: 0} #notiblock .noticontent {overflow: auto;max-height: 68vh } .wrapper .central-body .navbar {margin: 0px -10px } } .hidden {display: none !important} #notiblock .btn {background-color: #04468D !important;color: #fff !important} .form-control {display: block;width: 98%;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out } .btn {color: #FFF !important;border: 1px solid #3897f0;background: #3897f0;text-align: center !important;display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;border-radius: .25rem;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } .text-center {text-align: center } .table {width: 100%;max-width: 100%;margin-bottom: 1rem;background-color: transparent } .table td, .table th {padding: .75rem;vertical-align: top;border-top: 1px solid #dee2e6 } .table thead th {vertical-align: bottom;border-bottom: 2px solid #dee2e6 } .table tbody+tbody {border-top: 2px solid #dee2e6 } .table .table {background-color: #fff } .table-sm td, .table-sm th {padding: .3rem } .table-bordered {border: 1px solid #dee2e6 } .table-bordered td, .table-bordered th {border: 1px solid #dee2e6 } .table-bordered thead td, .table-bordered thead th {border-bottom-width: 2px } .table-striped tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, .05) } .table-hover tbody tr:hover {background-color: rgba(0, 0, 0, .075) } .table-primary, .table-primary>td, .table-primary>th {background-color: #b8daff } .table-hover .table-primary:hover {background-color: #9fcdff } .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th {background-color: #9fcdff } .table-secondary, .table-secondary>td, .table-secondary>th {background-color: #d6d8db } .table-hover .table-secondary:hover {background-color: #c8cbcf } .table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th {background-color: #c8cbcf } .table-success, .table-success>td, .table-success>th {background-color: #c3e6cb } .table-hover .table-success:hover {background-color: #b1dfbb } .table-hover .table-success:hover>td, .table-hover .table-success:hover>th {background-color: #b1dfbb } .table-info, .table-info>td, .table-info>th {background-color: #bee5eb } .table-hover .table-info:hover {background-color: #abdde5 } .table-hover .table-info:hover>td, .table-hover .table-info:hover>th {background-color: #abdde5 } .table-warning, .table-warning>td, .table-warning>th {background-color: #ffeeba } .table-hover .table-warning:hover {background-color: #ffe8a1 } .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th {background-color: #ffe8a1 } .table-danger, .table-danger>td, .table-danger>th {background-color: #f5c6cb } .table-hover .table-danger:hover {background-color: #f1b0b7 } .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th {background-color: #f1b0b7 } .table-light, .table-light>td, .table-light>th {background-color: #fdfdfe } .table-hover .table-light:hover {background-color: #ececf6 } .table-hover .table-light:hover>td, .table-hover .table-light:hover>th {background-color: #ececf6 } .table-dark, .table-dark>td, .table-dark>th {background-color: #c6c8ca } .table-hover .table-dark:hover {background-color: #b9bbbe } .table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th {background-color: #b9bbbe } .table-active, .table-active>td, .table-active>th {background-color: rgba(0, 0, 0, .075) } .table-hover .table-active:hover {background-color: rgba(0, 0, 0, .075) } .table-hover .table-active:hover>td, .table-hover .table-active:hover>th {background-color: rgba(0, 0, 0, .075) } .table .thead-dark th {color: #fff;background-color: #212529;border-color: #32383e } .table .thead-light th {color: #495057;background-color: #e9ecef;border-color: #dee2e6 } .table-dark {color: #fff;background-color: #212529 } .table-dark td, .table-dark th, .table-dark thead th {border-color: #32383e } .table-dark.table-bordered {border: 0 } .table-dark.table-striped tbody tr:nth-of-type(odd) {background-color: rgba(255, 255, 255, .05) } .table-dark.table-hover tbody tr:hover {background-color: rgba(255, 255, 255, .075) } @media (max-width: 575.98px) {.table-responsive-sm {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar } .table-responsive-sm>.table-bordered {border: 0 } } @media (max-width: 767.98px) {.table-responsive-md {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar } .table-responsive-md>.table-bordered {border: 0 } } @media (max-width: 991.98px) {.table-responsive-lg {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar } .table-responsive-lg>.table-bordered {border: 0 } } @media (max-width: 1199.98px) {.table-responsive-xl {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar } .table-responsive-xl>.table-bordered {border: 0 } } .table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar } .table-responsive>.table-bordered {border: 0 } .form-control::-ms-expand {background-color: transparent;border: 0 } .text-center .btn {margin: 0 auto } .form-control:focus {color: #495057;background-color: #fff;border-color: #80bdff;outline: 0;box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) } .form-control::-webkit-input-placeholder {color: #6c757d;opacity: 1 } .form-control::-moz-placeholder {color: #6c757d;opacity: 1 } .form-control:-ms-input-placeholder {color: #6c757d;opacity: 1 } .form-control::-ms-input-placeholder {color: #6c757d;opacity: 1 } .form-control::placeholder {color: #6c757d;opacity: 1 } .form-control:disabled, .form-control[readonly] {background-color: #e9ecef;opacity: 1 } select.form-control:not([size]):not([multiple]) {height: calc(2.25rem + 2px) } select.form-control:focus::-ms-value {color: #495057;background-color: #fff } .form-control-file, .form-control-range {display: block;width: 100% } .col-form-label {padding-top: calc(.375rem + 1px);padding-bottom: calc(.375rem + 1px);margin-bottom: 0;font-size: inherit;line-height: 1.5 } .col-form-label-lg {padding-top: calc(.5rem + 1px);padding-bottom: calc(.5rem + 1px);font-size: 1.25rem;line-height: 1.5 } .col-form-label-sm {padding-top: calc(.25rem + 1px);padding-bottom: calc(.25rem + 1px);font-size: .875rem;line-height: 1.5 } .form-control-plaintext {display: block;width: 100%;padding-top: .375rem;padding-bottom: .375rem;margin-bottom: 0;line-height: 1.5;background-color: transparent;border: solid transparent;border-width: 1px 0 } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .input-group-lg>.form-control-plaintext.form-control, .input-group-lg>.input-group-append>.form-control-plaintext.btn, .input-group-lg>.input-group-append>.form-control-plaintext.input-group-text, .input-group-lg>.input-group-prepend>.form-control-plaintext.btn, .input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text, .input-group-sm>.form-control-plaintext.form-control, .input-group-sm>.input-group-append>.form-control-plaintext.btn, .input-group-sm>.input-group-append>.form-control-plaintext.input-group-text, .input-group-sm>.input-group-prepend>.form-control-plaintext.btn, .input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text {padding-right: 0;padding-left: 0 } .form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text {padding: .25rem .5rem;font-size: .875rem;line-height: 1.5;border-radius: .2rem } .input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]), .input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]), .input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]), .input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]), .input-group-sm>select.form-control:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {height: calc(1.8125rem + 2px) } .form-control-lg, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text {padding: .5rem 1rem;font-size: 1.25rem;line-height: 1.5;border-radius: .3rem } .input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]), .input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]), .input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]), .input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]), .input-group-lg>select.form-control:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {height: calc(2.875rem + 2px) } .form-group {margin-bottom: 1rem } .form-text {display: block;margin-top: .25rem } .form-row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -5px;margin-left: -5px } .form-row>.col, .form-row>[class*=col-] {padding-right: 5px;padding-left: 5px } .form-check {position: relative;display: block;padding-left: 1.25rem } .form-check-input {position: absolute;margin-top: .3rem;margin-left: -1.25rem } .form-check-input:disabled~.form-check-label {color: #6c757d } .form-check-label {margin-bottom: 0 } .form-check-inline {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-left: 0;margin-right: .75rem } .form-check-inline .form-check-input {position: static;margin-top: 0;margin-right: .3125rem;margin-left: 0 } .valid-feedback {display: none;width: 100%;margin-top: .25rem;font-size: 80%;color: #28a745 } .valid-tooltip {position: absolute;top: 100%;z-index: 5;display: none;max-width: 100%;padding: .5rem;margin-top: .1rem;font-size: .875rem;line-height: 1;color: #fff;background-color: rgba(40, 167, 69, .8);border-radius: .2rem } .custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {border-color: #28a745 } .custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {border-color: #28a745;box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25) } .custom-select.is-valid~.valid-feedback, .custom-select.is-valid~.valid-tooltip, .form-control.is-valid~.valid-feedback, .form-control.is-valid~.valid-tooltip, .was-validated .custom-select:valid~.valid-feedback, .was-validated .custom-select:valid~.valid-tooltip, .was-validated .form-control:valid~.valid-feedback, .was-validated .form-control:valid~.valid-tooltip {display: block } .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {color: #28a745 } .form-check-input.is-valid~.valid-feedback, .form-check-input.is-valid~.valid-tooltip, .was-validated .form-check-input:valid~.valid-feedback, .was-validated .form-check-input:valid~.valid-tooltip {display: block } .custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label {color: #28a745 } .custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before {background-color: #71dd8a } .custom-control-input.is-valid~.valid-feedback, .custom-control-input.is-valid~.valid-tooltip, .was-validated .custom-control-input:valid~.valid-feedback, .was-validated .custom-control-input:valid~.valid-tooltip {display: block } .custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before {background-color: #34ce57 } .custom-control-input.is-valid:focus~.custom-control-label::before, .was-validated .custom-control-input:valid:focus~.custom-control-label::before {box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25) } .custom-file-input.is-valid~.custom-file-label, .was-validated .custom-file-input:valid~.custom-file-label {border-color: #28a745 } .custom-file-input.is-valid~.custom-file-label::before, .was-validated .custom-file-input:valid~.custom-file-label::before {border-color: inherit } .custom-file-input.is-valid~.valid-feedback, .custom-file-input.is-valid~.valid-tooltip, .was-validated .custom-file-input:valid~.valid-feedback, .was-validated .custom-file-input:valid~.valid-tooltip {display: block } .custom-file-input.is-valid:focus~.custom-file-label, .was-validated .custom-file-input:valid:focus~.custom-file-label {box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25) } .invalid-feedback {display: none;width: 100%;margin-top: .25rem;font-size: 80%;color: #dc3545 } .invalid-tooltip {position: absolute;top: 100%;z-index: 5;display: none;max-width: 100%;padding: .5rem;margin-top: .1rem;font-size: .875rem;line-height: 1;color: #fff;background-color: rgba(220, 53, 69, .8);border-radius: .2rem } #notiblock {position: fixed;width: 500px;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);margin-left: 0;border: 3px solid #3897f0;padding: 5px;border-radius: 10px;display: none;z-index: 999999;background: #FFF} .custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {border-color: #dc3545 } .custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {border-color: #dc3545;box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) } .custom-select.is-invalid~.invalid-feedback, .custom-select.is-invalid~.invalid-tooltip, .form-control.is-invalid~.invalid-feedback, .form-control.is-invalid~.invalid-tooltip, .was-validated .custom-select:invalid~.invalid-feedback, .was-validated .custom-select:invalid~.invalid-tooltip, .was-validated .form-control:invalid~.invalid-feedback, .was-validated .form-control:invalid~.invalid-tooltip {display: block } .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {color: #dc3545 } .form-check-input.is-invalid~.invalid-feedback, .form-check-input.is-invalid~.invalid-tooltip, .was-validated .form-check-input:invalid~.invalid-feedback, .was-validated .form-check-input:invalid~.invalid-tooltip {display: block } .training-sub-form__title {margin-bottom: 20px} #review-spoiler {font-size: 24px;text-align: center;letter-spacing: -0.02em;color: #04468D;border-radius: 8px;padding: 40px 60px;margin-bottom: 50px;margin-top: 50px;background: #A9A5F6} #review-spoiler ul li {padding: 5px 0px} #review-spoiler ul li img {width: 30px;margin-left: 10px} #review-add {position: fixed;width: 700px;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);margin-left: 0;border: 3px solid #3897f0;padding: 5px;border-radius: 10px;display: none;z-index: 1000000;background: #FFF } #review-add .modal-head {font-weight: 600;font-size: 1.4em;margin-bottom: 15px} #review-add .modal-body {max-height: 600px;overflow-y: auto} #review-add #modal_close {z-index: 1000} @media (max-width: 991px) {#review-add {width: 300px;margin-left: -150px} #review-add .modal-body {max-height: 400px} } #course.course-old {padding: 90px 0px !important;background: url(/data/img/s2.jpg) !important;margin-top: -100px;margin-bottom: 100px} .main-reviews {margin-bottom: 100px} .main-reviews .site-review-title {text-align: left;font-family: 'Source Serif Pro';font-weight: 400;font-size: 36px} @media (max-width: 500px) {.main-reviews {margin-bottom: 80px} .main-reviews .site-review-title {font-size: 28px} } .a-btn, .i-btn {background: #04468D;border-radius: 8px;font-family: 'Roboto';font-weight: 500;font-size: 18px;color: #FFFFFF;padding: 16px;width: 300px;margin-bottom: 24px;display: block;text-align: center;margin: 20px auto;height: 70px;background: var(--btn-bg);box-shadow: var(--btn-bs);font-family: "Montserrat";min-width: 256px;max-width: 100%;padding-left: 40px;padding-right: 40px;display: flex;justify-content: center;align-items: center;border-radius: 100px;font-weight: 700;font-size: 13px;text-align: center;letter-spacing: 0.02em;text-transform: uppercase;text-decoration: none;color: #fff;transition: all 0.2s;box-sizing: border-box;cursor: pointer;border: none} .koquiz-modal-show {display: none !important} .site-review-title {color: #000;margin: 0px;margin-bottom: 15px;font-size: 36px;font-family: "Montserrat"} #review-spoiler {background: transparent;font-family: Montserrat;margin-top: 0px;display: none } #reviews {margin-bottom: 50px } .seo-text {display: none;padding: 20px 0px } .seo-more-btn {cursor: pointer;font-weight: bold;margin-top: 10px;text-decoration: underline;font-size: 24px } .tr-form-result {left: 0px;position: absolute;top: calc(100% + 15px);padding: 15px;background: #FFF;width: 98%;border: 1px solid #3897f0;display: none;z-index: 1;max-height: 400px;overflow: auto} .search-tr-form {position: relative } #app #logout {cursor: pointer;font-weight: bold;text-decoration: underline;margin-top: 0px;position: relative;top: 36px;left: -105px } .contacts-new>img, .contacts-new>div {position: relative;color: #000;display: inline-block;width: 32px;height: 32px;margin: 0px 5px } .contacts-new>div a {display: block;width: 32px;height: 32px } .contacts-new>div:before {content: "";width: 32px;height: 32px;top: 0px;left: 0px;position: absolute;background-size: contain;background-repeat: no-repeat} .contacts-new .vk:before {background-image: url(/content/new/img/vk.svg)} .contacts-new .tg:before {background-image: url(/content/new/img/tg.svg)} #app .inner-auth .col-md-3 {width: 24% } #app #uLogin2 {display: none } #courses .course-list .noswiper .course-item .course-name a {color: #000} .contacts .mail, .contacts .telephone, .contacts .vk, .contacts .tg {font-family: 'Roboto';font-weight: 400;font-size: 18px;color: #222222} .contacts .mail {margin-top: 20px;margin-bottom: 12px;position: relative;color: #000} .contacts .mail:before {content: "";width: 20px;height: 16px;top: 4px;left: -30px;position: absolute;/* background: url(../img/mail.png);*/ } .contacts .telephone {position: relative;color: #000} .contacts .telephone a, .contacts .mail a {color: #000 } .contacts .telephone:before {content: "";width: 20px;height: 20px;top: 0px;left: -30px;position: absolute;background: url(../img/tel.png)} .contacts>div {position: relative;color: #000;margin-bottom: 12px} .contacts>div:before {content: "";width: 22px;height: 22px;top: 0px;left: -30px;position: absolute;background-size: contain;background-repeat: no-repeat} .contacts .vk:before {background-image: url(../img/vk.svg)} .contacts .tg:before {background-image: url(../img/tg.svg)} .contacts a {position: relative;color: #000} .mobile, .mobile.flex {display: none } @media(max-width:768px) {#app #logout {left: -43px;top: 30px } #courses .course-list .noswiper .course-item .course-name {} #courses .course-list .noswiper .course-item .course-name a {/* color:#FFF */ text-decoration: none;font-family: 'Montserrat';font-size: 14px;line-height: 20px;font-weight: 600;display: block;margin-bottom: 20px} /* header .subheader .lk{display:none} */ header .subheader .lk {display: flex;flex-direction: column} .mobile {display: block } .mobile.flex {display: flex } .desktop, .desktop.flex {display: none } .inner-user-info {padding-top: 110px;text-align: center;padding-bottom: 10px } .inner-user-info a {color: #000;text-decoration: none;line-height: 20px;font-size: 14px } #app #logout {position: static;margin: 5px 0 0} header .subheader {height: 100px } .mobile-contacts {margin-bottom: 10px } header .subheader .burger {margin-top: -20px } .comagic-c-sitephone-label {margin-top: 60px} } .yandex-reviews-section {margin: 20px auto 40px;max-width: 750px} .yandex-reviews-section-inner {width: 100%;height: 800px;overflow: visible;position: relative} .yandex-reviews-section-inner iframe {width: 100%;height: 100%;border: 1px solid #e6e6e6;border-radius: 8px;box-sizing: border-box} .yandex-reviews-section-inner a {box-sizing: border-box;text-decoration: none;color: #ffffff;font-size: 10px;font-family: YS Text, sans-serif;padding: 0 16px;position: absolute;bottom: 8px;width: 100%;text-align: center;left: 0;overflow: hidden;text-overflow: ellipsis;display: block;max-height: 14px;white-space: nowrap} .pop-wrap {display: flex;justify-content: center;gap: 16px;margin-top: 24px} .pop-wrap a {height: 36px;width: 246px;border-radius: 40px;border: #04468D 2px solid;color: #04468D;font-size: 13px;text-transform: uppercase;display: flex;justify-content: center;align-items: center;text-decoration: none;font-weight: 700;transition: all .2s} .pop-wrap a:hover {opacity: 0.6} @media(max-width:768px) {.pop-wrap {flex-wrap: wrap;margin-bottom: 24px} .pop-wrap a {max-width: 80%;font-size: 11px;height: 28px} } @media(min-width:768px) {.bg-gray {background: #F4F4F4;padding-top: 80px;padding-bottom: 80px} .bg-gray .container {background: #fff;padding-top: 40px;padding-left: 40px;padding-right: 40px} .bg-gray #search-courses {margin-bottom: 0} } .modal-init {cursor: pointer} .modal-box {display: none;position: fixed;z-index: 1;padding-top: 50px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;z-index: 9999999;background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0, 0.7)} .modal-box .bg {width: 100vw;height: 100vh;display: flex;justify-content: center;align-items: center} .modal-box-content {max-width: 80vw;max-height: 80vh} .close {position: absolute;top: 15px;right: 35px;color: #f1f1f1;font-size: 40px;font-weight: bold;transition: 0.3s} .close:hover, .close:focus {color: #bbb;text-decoration: none;cursor: pointer} #methodism {margin-bottom: 120px} @media screen and (max-width: 768px) {#methodism {margin-bottom: 60px} .notification-content video {width: 100% !important} } /* SAG */ #benefits_dred .item__dredbenefits {padding: 10px 15px;border-radius: 15px;background: #f4f4f4;min-height: 60px;display: flex;align-items: center;justify-content: center;text-align: center;margin-bottom: 1rem}