@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.


fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
table thead,
table tbody,
table tr,
table th,
table td {
  border: 0;
}

td,
th {
  padding: 0;
}

*, *::after, *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
}

html,
body {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #fff;
  caret-color: #878787;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

h1 {
  font-size: 50px;
  line-height: 120%;
}
@media (max-width: 1365px) {
  h1 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 36px;
  }
}
@media (max-width: 479px) {
  h1 {
    font-size: 28px;
  }
}

h2 {
  font-size: 40px;
  line-height: 120%;
  width: 100%;
  margin-bottom: 40px;
}
@media (max-width: 1365px) {
  h2 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 28px;
  }
}
@media (max-width: 479px) {
  h2 {
    font-size: 24px;
  }
}

h3 {
  font-size: 28px;
  line-height: 120%;
}
@media (max-width: 767px) {
  h3 {
    font-size: 24px;
  }
}
@media (max-width: 479px) {
  h3 {
    font-size: 18px;
  }
}

h4 {
  font-size: 1.35em;
}

h6 {
  font-size: 1.25em;
}

p {
  width: 100%;
}

a {
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}
a.blue {
  color: #0ebfe9;
  text-decoration: underline;
}

.txt-border {
  color: #121116;
  text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}

html {
  height: 100%;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  min-height: 100%;
  min-width: 320px;
  width: 100%;
  background-color: #222;
}
body.fixed-body {
  overflow: hidden;
}
body.fixed-body:before {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}

body.popup-shown .page {
  overflow: hidden;
}

section,
footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: relative;
}

section.page {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  overflow: hidden;
}

main,
section.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  width: 100%;
}

.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1280px;
}
@media (max-width: 1365px) {
  .container {
    width: 970px;
  }
}
@media (max-width: 1023px) {
  .container {
    width: 720px;
  }
}
@media (max-width: 767px) {
  .container {
    width: 450px;
  }
}
@media (max-width: 479px) {
  .container {
    width: 100%;
    padding: 0 15px;
  }
}
@media (max-width: 374px) {
  .container {
    padding: 0 8px;
  }
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.f-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.f-column-rev {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.f-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.f-row-rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.f-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.f-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.align-items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.align-items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.align-items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.justify-content-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.justify-content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.justify-content-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.justify-content-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.justify-content-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.w-full {
  width: 100%;
}

.w-half {
  width: 50%;
}

.bg-black {
  background-color: #121116;
}

.txt-black {
  color: #121116;
}

.bg-white {
  background-color: #fff;
}

.txt-white {
  color: #fff;
}

.bg-pink {
  background-color: #f83b6a;
}

.txt-pink {
  color: #f83b6a;
}

.bg-dark_red {
  background-color: #AD1A1D;
}

.txt-dark_red {
  color: #AD1A1D;
}

.bg-red {
  background-color: #DE3034;
}

.txt-red {
  color: #DE3034;
}

.bg-green {
  background-color: #629C44;
}

.txt-green {
  color: #629C44;
}

.bg-bright_green {
  background-color: #C0FF72;
}

.txt-bright_green {
  color: #C0FF72;
}

.bg-yellow {
  background-color: #FFC957;
}

.txt-yellow {
  color: #FFC957;
}

.bg-blue {
  background-color: #0ebfe9;
}

.txt-blue {
  color: #0ebfe9;
}

.bg-violet {
  background-color: #8455f6;
}

.txt-violet {
  color: #8455f6;
}

.bg-img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

img {
  display: block;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}

.txt-center {
  text-align: center;
}

.txt-upper {
  text-transform: uppercase;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.hide {
  display: none;
}

.transition, a {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.transition:hover, a:hover {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

li,
ul {
  list-style: none;
}

p {
  margin: 0 0 16px 0;
}
p:last-of-type {
  margin: 0;
}

.clearfix:after {
  content: "";
  clear: right;
  display: table;
}

button {
  outline: 0;
  border: 0;
}
button svg {
  fill: #fff;
}

form {
  position: relative;
}

::-webkit-input-placeholder {
  color: #96A2AC;
  opacity: 0.5;
}

::-moz-placeholder {
  color: #96A2AC;
  opacity: 0.5;
}

:-ms-input-placeholder {
  color: #96A2AC;
  opacity: 0.5;
}

::-ms-input-placeholder {
  color: #96A2AC;
  opacity: 0.5;
}

::placeholder {
  color: #96A2AC;
  opacity: 0.5;
}

.single-field {
  position: relative;
}
.single-field label {
  color: #0D121C;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 10px;
}
.single-field input {
  width: 100%;
}

input,
select,
textarea {
  background: #f3f1f7;
  border-radius: 8px;
  border: 1px solid #f3f1f7;
  outline: none;
}
input[readonly],
select[readonly],
textarea[readonly] {
  background: none;
  border-color: #e6e6e6;
  cursor: default;
}
input.ok,
select.ok,
textarea.ok {
  border-color: #8455f6;
}
input.error, input.wpcf7-not-valid,
select.error,
select.wpcf7-not-valid,
textarea.error,
textarea.wpcf7-not-valid {
  border-color: #DE3034;
}

input,
select {
  padding: 0 20px;
  height: 50px;
}

select {
  position: relative;
}
select:after {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46.02 27.91'%3E%3Ctitle%3E1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Capa_1' data-name='Capa 1'%3E%3Cpath d='M0,5.7A5.7,5.7,0,0,1,9.63,1.57L23.05,14.33,36.38,1.58a5.7,5.7,0,0,1,7.88,8.24L27,26.33a5.72,5.72,0,0,1-7.88,0L1.77,9.84A5.74,5.74,0,0,1,0,5.7Z' style='fill:%23232323'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 10px;
  height: 8px;
}

textarea {
  height: 130px;
  padding: 13px 20px;
  resize: none;
}

.blocker {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.7);
}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  outline: none;
  background: none;
  margin: 0;
  border-radius: 100px;
  max-width: 330px;
  width: 100%;
  height: 62px;
  font-size: 15px;
  font-weight: 600;
  line-height: 160%;
  color: #121116;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn.btn-link {
  border-radius: 0;
  height: auto;
  padding: 0;
  width: auto;
}
.btn.btn-bg {
  background-color: #C0FF72;
}
.btn.btn-bg:hover {
  background-color: #8EFF03;
}
.btn.btn-border {
  border: 1px solid #C0FF72;
  max-width: unset;
  min-width: 190px;
  padding: 0 10px;
}
.btn.btn-border:not(.btn-static):hover {
  background-color: #C0FF72;
}
@media (max-width: 1365px) {
  .btn {
    height: 50px;
  }
}
[data-name=agreement] label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
[data-name=agreement] input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 4px;
}
[data-name=agreement] .wpcf7-list-item-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.custom-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  max-width: 100%;
}
.custom-radio input {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}
.custom-radio .checkmark {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  position: relative;
  border: 1px solid #AD1A1D;
  width: 18px;
  height: 18px;
}
.custom-radio .checkmark:after {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  content: "";
  display: none;
}
.custom-radio .checkmark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}
.custom-radio .checkmark:after {
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 9px;
  background-color: #AD1A1D;
}
.custom-radio input:checked ~ .checkmark:after {
  display: block;
}
.custom-radio .checkmark {
  margin-right: 12px;
}

/*** Custom select ***/
.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  outline: none;
  width: 100%;
  height: 50px;
  z-index: 10;
}
.select.error .select-styled {
  border-color: #DE3034;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media (max-width: 1023px) {
  .select {
    max-width: 100%;
  }
}

.select-styled {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 35px 0 20px;
  width: 100%;
  height: 50px;
  color: #878787;
  font-size: 14px;
  border-radius: 5px;
  border: 1px solid #ACACAC;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: auto;
  text-align: left;
}
.select-styled:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%230D121C' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 9px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.select-styled:active, .select-styled.active {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.select-styled:active:after, .select-styled.active:after {
  -webkit-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.select-styled.selected {
  border-color: #629C44;
  color: #121116;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.select-styled.error {
  border-color: #DE3034;
}
.select-styled.show:after {
  display: block;
}

.select-options {
  display: none;
  overflow-y: auto;
  height: 154px;
  position: absolute;
  top: 48px;
  right: 0;
  left: 0;
  z-index: 10;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
  border-bottom: 1px solid #ACACAC;
  border-left: 1px solid #ACACAC;
  border-right: 1px solid #ACACAC;
  border-radius: 0 0 5px 5px;
}
.select-options li {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 3px 20px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.select-options li:first-child {
  padding: 0 20px 3px;
}
.select-options li:hover {
  background-color: #ACACAC;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.select-options li[rel=hide] {
  display: none;
}
.select-options li.active {
  display: none;
}
.select-options.selected {
  border-color: #629C44;
}

/*** Style CF7 ***/
.wpcf7 {
  width: 100%;
}
.wpcf7 form.failed .wpcf7-response-output {
  display: none !important;
}

.wpcf7-form p {
  position: relative;
  margin-bottom: 14px;
}
.wpcf7-form p:last-child {
  margin-bottom: 0;
}
.wpcf7-form p input, .wpcf7-form p textarea {
  width: 100%;
}
.wpcf7-form p .wpcf7-form-control-wrap {
  display: block;
}
.wpcf7-form .wpcf7-list-item {
  margin: 0;
}
.wpcf7-form .wpcf7-not-valid-tip {
  display: none;
  color: #DE3034;
  font-size: 10px;
  line-height: 100%;
  position: absolute;
  bottom: -11px;
  left: 0;
}
.wpcf7-form .wpcf7-response-output {
  position: absolute;
  bottom: -10px;
  margin: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  font-size: 12px;
  line-height: 100%;
  padding: 4px 5px;
  border: 1px solid #8455f6;
}
.wpcf7-form .wpcf7-spinner, .wpcf7-form .wpcf7-response-output {
  display: none;
}
.wpcf7-form [type=checkbox] {
  width: 22px;
  height: 22px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 5px;
}
.wpcf7-form [type=checkbox]:checked {
  background-color: #fff;
}
.wpcf7-form [type=checkbox]:checked + span:after {
  content: "";
  display: block;
  position: absolute;
  left: 8px;
  top: 4px;
  width: 6px;
  height: 10px;
  border: solid rgba(0, 0, 0, 0.4);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.wpcf7-form .wpcf7-list-item-label {
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.05em;
  height: 22px;
}
@media (max-width: 479px) {
  .wpcf7-form .wpcf7-list-item-label {
    line-height: 100%;
  }
}

.popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  width: 100%;
  opacity: 0;
}
.popup.hidden {
  display: none;
}
.popup .popup-inner {
  z-index: 1002;
  opacity: 0.999;
  position: relative;
  max-width: 100%;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
  padding: 50px 30px;
  overflow-y: auto;
}
.popup .popup-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #121116;
}
.popup .popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 1003;
  opacity: 0.999;
}
.popup .popup-close svg {
  width: 20px;
  height: 20px;
  max-height: 20px;
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.popup .popup-close:hover svg {
  fill: #DE3034;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 480px) {
  .popup {
    padding: 30px;
  }
}
@media (min-width: 768px) {
  .popup {
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 1000;
  }
  .popup .popup-bg {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: rgba(48, 49, 51, 0.7);
  }
  .popup .popup-inner {
    max-width: 800px;
  }
}
@media (max-width: 767px) {
  .popup {
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 1000;
    padding: 10px;
  }
  .popup .popup-bg {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: rgba(48, 49, 51, 0.5);
  }
  .popup .popup-inner {
    padding: 40px 27px;
  }
}

[data-popup=privacy-policy] h3 {
  margin-bottom: 10px;
}
[data-popup=privacy-policy] .text {
  width: 100%;
  overflow-wrap: break-word;
  white-space: pre-line;
}

[data-popup=quiz-form] .popup-inner {
  width: 100%;
  max-width: 845px;
  min-height: 560px;
  padding: 50px 30px;
}
[data-popup=quiz-form] .single-step {
  display: none;
  min-height: 355px;
  padding-bottom: 75px;
  position: relative;
}
[data-popup=quiz-form] .single-step.single-step-1 {
  display: block;
}
[data-popup=quiz-form] .single-step.single-step-1 .status-bar:after {
  width: 35px;
}
[data-popup=quiz-form] .single-step.single-step-1 .list-answers {
  max-width: 575px;
  margin: 0 auto;
}
[data-popup=quiz-form] .single-step.single-step-1 .list-answers .single-answer {
  width: 72px;
  height: 46px;
  background-color: #fff;
  border: 2px solid #c9d2f9;
  border-radius: 60px;
  font-weight: 500;
  font-size: 18px;
  margin: 0 11px 18px;
}
[data-popup=quiz-form] .single-step.single-step-1 .list-answers .single-answer:hover:not(.active) {
  border-color: #e4e9ff;
  cursor: pointer;
}
[data-popup=quiz-form] .single-step.single-step-1 .list-answers .single-answer.active {
  background-color: #e4e9ff;
  border-color: #e4e9ff;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
[data-popup=quiz-form] .single-step.single-step-2 .status-bar:after {
  width: 187px;
}
[data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer {
  margin: 0 40px;
}
[data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer:first-child {
  margin: 0 40px 0 0;
}
[data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer:last-child {
  margin: 0 0 0 40px;
}
[data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer.active .text-answer .choose-checkbox {
  background-color: #8455f6;
  border-color: #8455f6;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
[data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer.active .text-answer .choose-checkbox:before {
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
[data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer:hover:not(.active) {
  cursor: pointer;
}
[data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer:hover:not(.active) .text-answer {
  color: #8455f6;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
[data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer:hover:not(.active) .text-answer .choose-checkbox {
  border-color: #8455f6;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
[data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer .icon-flag {
  width: 70px;
  height: 70px;
  border: 2px solid #d9d9d9;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 16px;
}
[data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer .icon-flag img {
  width: 100%;
  height: auto;
}
[data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer .text-answer {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: #414750;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
[data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer .text-answer .choose-checkbox {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 100%;
  border: 1px solid #aeb3bc;
  margin-right: 10px;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
[data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer .text-answer .choose-checkbox:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
[data-popup=quiz-form] .single-step.single-step-last .status-bar:after {
  width: 100%;
}
[data-popup=quiz-form] .single-step.single-step-last form {
  max-width: 620px;
  width: 100%;
  height: 275px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  position: relative;
}
[data-popup=quiz-form] .single-step.single-step-last form .left-col, [data-popup=quiz-form] .single-step.single-step-last form .right-col {
  width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
[data-popup=quiz-form] .single-step.single-step-last form textarea {
  min-height: 224px;
  resize: none;
}
[data-popup=quiz-form] .single-step.single-step-last form .right-col br {
  display: none;
}
[data-popup=quiz-form] .single-step.single-step-last form .right-col .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  margin-bottom: 8px;
}
[data-popup=quiz-form] .single-step.single-step-last form .right-col .wpcf7-form-control-wrap:last-child {
  margin-bottom: 0;
}
[data-popup=quiz-form] .single-step.single-step-last form .checkbox-agreement {
  width: 100%;
}
[data-popup=quiz-form] .single-step.single-step-last form [type=submit] {
  width: 235px;
  position: absolute;
  right: -72px;
  bottom: -90px;
  z-index: 5;
}
[data-popup=quiz-form] .single-step.single-step-last .buttons-block .btn-next-step {
  opacity: 0;
}
[data-popup=quiz-form] .title-form {
  margin-bottom: 25px;
}
[data-popup=quiz-form] .status-bar {
  width: 325px;
  margin: 25px auto 55px;
  position: relative;
}
[data-popup=quiz-form] .status-bar:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #f3f1f7;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 3;
}
[data-popup=quiz-form] .status-bar:after {
  content: "";
  display: block;
  height: 2px;
  background-color: #8455f6;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 4;
}
[data-popup=quiz-form] .status-bar .checkpoint {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #f3f1f7;
  z-index: 5;
}
[data-popup=quiz-form] .status-bar .checkpoint.active {
  background-color: #8455f6;
}
[data-popup=quiz-form] .title-step {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  margin-bottom: 40px;
}
[data-popup=quiz-form] .numb-step {
  font-weight: 500;
}
[data-popup=quiz-form] .numb-step span {
  margin: 0 4px;
}
[data-popup=quiz-form] .buttons-block {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
[data-popup=quiz-form] .buttons-block .btn {
  width: 135px;
}
[data-popup=quiz-form] .buttons-block .btn-prev-step, [data-popup=quiz-form] .buttons-block .btn-prev-start {
  background: #f3f1f7;
}
[data-popup=quiz-form] .buttons-block .btn-prev-step:hover, [data-popup=quiz-form] .buttons-block .btn-prev-start:hover {
  background: #e4e9ff;
}
@media (max-width: 1023px) {
  [data-popup=quiz-form] .single-step.single-step-last form [type=submit] {
    right: -14px;
  }
}
@media (max-width: 767px) {
  [data-popup=quiz-form] .popup-inner {
    min-height: 510px;
    padding: 40px 20px 25px;
  }
  [data-popup=quiz-form] .status-bar {
    margin: 25px auto;
  }
  [data-popup=quiz-form] .title-step {
    font-size: 16px;
    margin-bottom: 30px;
  }
  [data-popup=quiz-form] .single-step {
    padding-bottom: 115px;
  }
  [data-popup=quiz-form] .single-step.single-step-1 .list-answers .single-answer {
    margin: 0 7px 16px;
  }
  [data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer {
    margin: 0 40px 25px;
  }
  [data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer:first-child {
    margin: 0 40px 25px;
  }
  [data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer:last-child {
    margin: 0 40px 0;
  }
  [data-popup=quiz-form] .single-step.single-step-last form {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  [data-popup=quiz-form] .single-step.single-step-last form .left-col, [data-popup=quiz-form] .single-step.single-step-last form .right-col {
    width: 100%;
  }
  [data-popup=quiz-form] .single-step.single-step-last form .left-col {
    margin-bottom: 30px;
  }
  [data-popup=quiz-form] .single-step.single-step-last form .right-col .checkbox-agreement {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  [data-popup=quiz-form] .single-step.single-step-last form [type=submit] {
    width: 200px;
    right: 0;
    bottom: -370px;
  }
  [data-popup=quiz-form] .numb-step {
    font-weight: 500;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -40px;
  }
  [data-popup=quiz-form] .buttons-block .btn {
    width: 130px;
  }
}
@media (max-width: 479px) {
  [data-popup=quiz-form] .status-bar {
    max-width: 325px;
    width: 100%;
  }
  [data-popup=quiz-form] .title-step {
    max-width: 215px;
    margin: 0 auto 30px;
  }
  [data-popup=quiz-form] .single-step.single-step-1 .list-answers .single-answer {
    font-size: 16px;
    width: 55px;
    height: 43px;
  }
  [data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer {
    max-width: 230px;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0 0 20px 0;
  }
  [data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer:first-child {
    margin: 0 0 20px 0;
  }
  [data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer:last-child {
    margin: 0;
  }
  [data-popup=quiz-form] .single-step.single-step-2 .list-answers .single-answer .icon-flag {
    margin-right: 15px;
    margin-bottom: 0;
  }
  [data-popup=quiz-form] .single-step.single-step-last form [type=submit] {
    width: 160px;
  }
}

section.topbar-bg {
  width: 100%;
}

.topbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 90px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}
.topbar.topbar-short .contacts {
  color: #121116;
}
.topbar.topbar-short .langs .lang-btn {
  background-color: #f3f1f7;
  border-color: #8455f6;
  color: #8455f6;
}
.topbar.topbar-short .langs .lang-dropdown-menu a {
  background-color: #f3f1f7;
  border-color: #8455f6;
  color: #8455f6;
}
.topbar.topbar-short .langs .lang-dropdown-menu a.disabled {
  display: none;
}
.topbar.topbar-short .langs .lang-dropdown-menu a:hover {
  background-color: #8455f6;
  color: #fff;
}
.topbar .brand,
.topbar .contacts,
.topbar .contacts > *,
.topbar .topbar-items,
.topbar .langs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.topbar .container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  position: relative;
}
.topbar .logo-header {
  width: 143px;
  position: relative;
}
.topbar .logo-header svg {
  width: 100%;
  height: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.topbar .topbar-items {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.topbar .contacts {
  margin-right: 40px;
}
.topbar .contacts .email {
  font-size: 18px;
  margin-right: 40px;
}
.topbar .contacts .phone {
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
}
.topbar .langs {
  width: 75px;
  height: 40px;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  z-index: 6;
}
.topbar .langs .lang-btn {
  width: 100%;
  height: 40px;
  background-color: #8455f6;
  border: 2px solid #fff;
  border-radius: 60px;
  padding: 10px 34px 10px 16px;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
}
.topbar .langs .lang-btn.active svg {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.topbar .langs .lang-btn svg {
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 1;
}
.topbar .langs .lang-dropdown-menu {
  width: 100%;
  display: none;
  position: absolute;
  overflow: auto;
  top: 45px;
  z-index: 1;
}
.topbar .langs .lang-dropdown-menu a {
  width: 100%;
  height: 40px;
  background-color: #8455f6;
  border: 2px solid #fff;
  border-radius: 60px;
  margin-bottom: 5px;
  padding: 10px 16px;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.topbar .langs .lang-dropdown-menu a:last-child {
  margin-bottom: 0;
}
.topbar .langs .lang-dropdown-menu a.disabled {
  display: none;
}
.topbar .langs .lang-dropdown-menu a:hover {
  background-color: #fff;
  border-color: #8455f6;
  color: #8455f6;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.topbar .header-menu {
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 10px;
  padding: 10px 55px;
  position: absolute;
  top: 90px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 5;
}
.topbar .header-menu li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.topbar .header-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  border-radius: 10px;
  color: #121116;
  font-weight: 500;
  padding: 10px;
}
.topbar .header-menu a:hover {
  background-color: #C0FF72;
}
.topbar #burger {
  display: none;
  position: relative;
  right: 0;
  z-index: 100;
  width: 46px;
  height: 46px;
  background-color: #fff;
  border-radius: 10px;
  margin-left: 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  outline: none;
}
.topbar #burger.active {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}
.topbar #burger.active span {
  background: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.topbar #burger.active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.topbar #burger.active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.topbar #burger.active span::before, .topbar #burger.active span::after {
  width: 100%;
  background-color: #000;
}
.topbar #burger span {
  display: block;
  position: absolute;
  width: 22px;
  top: 50%;
  left: 50%;
  height: 2px;
  background: #000;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.topbar #burger span:before {
  top: -8px;
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, -webkit-transform;
  transition-property: top, transform;
  transition-property: top, transform, -webkit-transform;
}
.topbar #burger span:after {
  bottom: -8px;
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}
.topbar #burger span:before, .topbar #burger span:after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 10px;
  background: #000;
  -webkit-transition-duration: 0.2s, 0.2s;
          transition-duration: 0.2s, 0.2s;
}
.topbar .mobile-menu {
  width: 300px;
  height: 100vh;
  background-color: #fff;
  color: #121116;
  padding: 30px 30px 40px;
  position: absolute;
  right: -300px;
  top: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 10;
}
.topbar .mobile-menu.active {
  right: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.topbar .mobile-menu .logo-mobile-menu {
  margin-bottom: 15px;
}
.topbar .mobile-menu .header-mobile-menu .menu-item:last-of-type {
  margin-bottom: 0;
}
.topbar .mobile-menu .header-mobile-menu .menu-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  padding: 15px 0;
}
.topbar .mobile-menu .mobile-menu-contacts {
  display: none;
}
.topbar .mobile-menu .mobile-menu-contacts .phone {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 18px;
}
@media (max-width: 1365px) {
  .topbar .header-menu {
    padding: 10px 15px;
  }
}
@media (max-width: 1023px) {
  .topbar .contacts {
    margin-right: 20px;
  }
  .topbar .contacts .email {
    font-size: 16px;
    margin-right: 20px;
  }
  .topbar .contacts .phone {
    font-size: 20px;
  }
  .topbar #burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .topbar .header-menu {
    display: none;
  }
  .topbar .mobile-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 767px) {
  .topbar .contacts {
    display: none;
  }
  .topbar .mobile-menu .mobile-menu-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

footer,
#footer {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-image: url(../images/bg-footer-1920.jpg);
  color: rgba(255, 255, 255, 0.8);
  padding: 29px 0;
  bottom: 0;
  font-size: 18px;
}
footer .container,
footer .container > *,
#footer .container,
#footer .container > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
footer .container,
#footer .container {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
footer .copyright,
#footer .copyright {
  padding-right: 30px;
  margin-right: 30px;
  position: relative;
}
footer .copyright:after,
#footer .copyright:after {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
footer a, footer .btn,
#footer a,
#footer .btn {
  color: rgba(255, 255, 255, 0.8);
}
footer .gim,
#footer .gim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
footer .gim svg,
#footer .gim svg {
  width: 17px;
  height: 17px;
  max-height: 17px;
  vertical-align: middle;
  margin-right: 10px;
}
footer .gim a:hover,
#footer .gim a:hover {
  color: #DE3034;
}
@media (max-width: 1365px) {
  footer,
  #footer {
    background-image: url(../images/bg-footer-1024.jpg);
  }
  footer .copyright,
  #footer .copyright {
    padding-right: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 1023px) {
  footer,
  #footer {
    background-image: url(../images/bg-footer-768.jpg);
    font-size: 16px;
  }
  footer .container,
  #footer .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  footer .left-col,
  #footer .left-col {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  footer,
  #footer {
    background-image: url(../images/bg-footer-480.jpg);
    font-size: 14px;
  }
  footer .copyright,
  #footer .copyright {
    padding-right: 18px;
    margin-right: 18px;
  }
}
@media (max-width: 479px) {
  footer,
  #footer {
    background-image: url(../images/bg-footer-375.jpg);
  }
  footer .left-col,
  #footer .left-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 30px;
  }
  footer .copyright,
  #footer .copyright {
    padding-right: 0;
    margin-right: 0;
    padding-bottom: 18px;
    margin-bottom: 18px;
  }
  footer .copyright:after,
  #footer .copyright:after {
    width: 45px;
    height: 2px;
    top: auto;
    bottom: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}

.block-text-and-picture .container {
  width: 1620px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #fff;
}
.block-text-and-picture .img-block {
  width: 810px;
}
.block-text-and-picture .content-block {
  width: 810px;
  color: #121116;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.block-text-and-picture .content-block h2 {
  margin-bottom: 15px;
}
.block-text-and-picture .content-block .subtitle {
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 25px;
  padding-left: 15px;
  position: relative;
}
.block-text-and-picture .content-block .subtitle:before {
  content: "";
  display: block;
  width: 5px;
  height: 30px;
  background-color: #AD1A1D;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.block-text-and-picture .content-block .text {
  max-width: 415px;
  margin-bottom: 40px;
}
.block-text-and-picture .content-block .text ul {
  margin-bottom: 25px;
}
.block-text-and-picture .content-block .text ul li {
  font-weight: 500;
  padding-left: 16px;
  margin-bottom: 5px;
  position: relative;
}
.block-text-and-picture .content-block .text ul li:before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  background-color: #AD1A1D;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.block-text-and-picture .content-block .text ul li:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 1365px) {
  .block-text-and-picture .container {
    width: 1024px;
  }
  .block-text-and-picture .img-block {
    width: 349px;
  }
  .block-text-and-picture .content-block {
    width: 675px;
    padding: 40px 30px 40px 49px;
  }
}
@media (max-width: 1023px) {
  .block-text-and-picture .container {
    width: 768px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .block-text-and-picture .img-block {
    width: 100%;
  }
  .block-text-and-picture .content-block {
    width: 100%;
    padding: 45px 80px 45px 90px;
  }
}
@media (max-width: 767px) {
  .block-text-and-picture .container {
    width: 480px;
  }
  .block-text-and-picture .content-block {
    padding: 30px 30px 30px 35px;
  }
}
@media (max-width: 479px) {
  .block-text-and-picture .container {
    width: 100%;
    padding: 0;
  }
  .block-text-and-picture .content-block {
    padding: 30px 20px;
  }
  .block-text-and-picture .content-block .subtitle {
    font-size: 17px;
    margin-bottom: 15px;
  }
}
@media (max-width: 374px) {
  .block-text-and-picture .content-block {
    padding: 20px 10px;
  }
}

/*** First screen ***/
.first-screen {
  position: relative;
}
.first-screen .content {
  min-height: 674px;
  padding-top: 238px;
  padding-bottom: 65px;
  position: relative;
}
.first-screen .content:before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='1446' height='186' viewBox='0 0 1446 186' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='115.678' cy='60.9182' r='30.5' transform='rotate(-11.1117 115.678 60.9182)' stroke='white' stroke-width='8' /%3E%3Ccircle cx='14.0877' cy='14.0874' r='9' transform='rotate(-11.1117 14.0877 14.0874)' stroke='white' stroke-width='6' /%3E%3Ccircle cx='452' cy='174' r='10' stroke='white' stroke-width='4' /%3E%3Ccircle cx='1419.5' cy='51.5' r='23.5' stroke='white' stroke-width='6' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 1446px;
  height: 186px;
  position: absolute;
  top: 310px;
  left: -153px;
  z-index: 1;
}
.first-screen .content:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='2560' height='1134' viewBox='0 0 2560 1134' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M1292 3.00081C1053.95 1.18847 935.335 129.059 763.305 151.971C598.034 173.984 434.256 2.81689 333.783 63.6752C227.325 128.159 -26.5827 295.156 5.59377 393.784C39.8214 498.7 378.661 691.27 550.545 781.823C720.578 871.4 965.031 882.233 1179.1 936.592C1435.2 1001.62 1682.07 1135.26 1926.38 1131.19C2174.88 1127.05 2315.49 1022.79 2384.14 916.517C2447.57 818.314 2623.35 257.973 2530.5 139.549C2449.51 36.2478 2141.64 271.31 1976.56 182.777C1815.14 96.2042 1545.8 4.93302 1292 3.00081Z' stroke='white' stroke-width='5' stroke-dasharray='22 22' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 2560px;
  height: 1134px;
  position: absolute;
  bottom: -950px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
.first-screen .img-content-left {
  width: 372px;
  height: 417px;
  background-image: url(../images/teenager-boy-logo.png);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.first-screen .img-content-right {
  width: 409px;
  height: 446px;
  background-image: url(../images/teenager-girl-logo.png);
  position: absolute;
  bottom: 0;
  right: -30px;
  z-index: 2;
}
.first-screen h1 {
  max-width: 790px;
  margin-bottom: 26px;
  position: relative;
  z-index: 5;
}
.first-screen h1 br {
  display: none;
}
.first-screen .text-under-h1 {
  font-size: 30px;
  font-weight: 500;
  line-height: 160%;
  margin-bottom: 40px;
  position: relative;
  z-index: 5;
}
.first-screen .btn {
  margin-bottom: 48px;
  position: relative;
  z-index: 5;
}
.first-screen .text-free-lesson {
  font-size: 16px;
  line-height: 160%;
  position: relative;
  z-index: 5;
}
@media (max-width: 1365px) {
  .first-screen .img-content-left {
    width: 331px;
    height: 371px;
  }
  .first-screen .img-content-right {
    width: 378px;
    height: 412px;
    right: -70px;
  }
  .first-screen .content {
    min-height: 660px;
    padding-top: 210px;
  }
  .first-screen .content:before {
    background-image: url("data:image/svg+xml,%3Csvg width='157' height='102' viewBox='0 0 157 102' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='115.678' cy='60.9192' r='30.5' transform='rotate(-11.1117 115.678 60.9192)' stroke='white' stroke-width='8' /%3E%3Ccircle cx='14.0877' cy='14.0874' r='9' transform='rotate(-11.1117 14.0877 14.0874)' stroke='white' stroke-width='6' /%3E%3C/svg%3E");
    width: 157px;
    height: 102px;
    left: 50%;
    top: auto;
    bottom: -30px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .first-screen .content:after {
    bottom: -890px;
  }
  .first-screen h1 {
    max-width: 630px;
    margin-bottom: 20px;
  }
  .first-screen .text-under-h1 {
    font-size: 24px;
  }
  .first-screen .btn {
    margin-bottom: 20px;
  }
  .first-screen .text-free-lesson {
    max-width: 335px;
  }
}
@media (max-width: 1023px) {
  .first-screen .content {
    min-height: 677px;
    padding-top: 140px;
  }
  .first-screen .content:before {
    bottom: 70px;
  }
  .first-screen .content:after {
    bottom: -100px;
  }
  .first-screen .img-content-left {
    left: -7px;
  }
  .first-screen .img-content-right {
    right: -80px;
    bottom: -7px;
  }
}
@media (max-width: 767px) {
  .first-screen .content {
    min-height: 835px;
    padding-bottom: 375px;
  }
  .first-screen .content:before {
    background-image: url("data:image/svg+xml,%3Csvg width='117' height='112' viewBox='0 0 117 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='75.6779' cy='70.9211' r='30.5' transform='rotate(-11.1117 75.6779 70.9211)' stroke='white' stroke-width='8' /%3E%3Ccircle cx='14.0877' cy='14.0874' r='9' transform='rotate(-11.1117 14.0877 14.0874)' stroke='white' stroke-width='6' /%3E%3C/svg%3E");
    width: 117px;
    height: 112px;
    bottom: 155px;
  }
  .first-screen .content:after {
    display: none;
  }
  .first-screen .img-content-left {
    left: -40px;
    bottom: -10px;
    z-index: 4;
  }
  .first-screen .img-content-right {
    right: -95px;
  }
  .first-screen h1 {
    max-width: 435px;
  }
  .first-screen h1 br {
    display: block;
  }
  .first-screen .text-under-h1 {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
@media (max-width: 479px) {
  .first-screen .content {
    padding-top: 125px;
    padding-bottom: 410px;
  }
  .first-screen .content:before {
    left: -3%;
    -webkit-transform: none;
            transform: none;
  }
  .first-screen .img-content-left {
    width: 367px;
    height: 410px;
    left: 62%;
    bottom: -18px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .first-screen .img-content-right {
    display: none;
  }
  .first-screen h1 {
    max-width: 335px;
    margin-bottom: 16px;
  }
  .first-screen .text-under-h1 {
    font-size: 18px;
  }
}

/*** Second screen ***/
.second-block {
  padding: 36px 0;
  position: relative;
  z-index: 5;
}
.second-block .list-points .point img {
  margin-bottom: 8px;
}
.second-block .list-points .point .text-point {
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}
.second-block .list-points .point .text-point br {
  display: none;
}
@media (max-width: 1365px) {
  .second-block {
    padding: 45px 0;
  }
  .second-block .list-points {
    max-width: 790px;
  }
  .second-block .list-points .point .text-point br {
    display: block;
  }
}
@media (max-width: 1023px) {
  .second-block {
    padding: 40px 0;
  }
  .second-block .list-points .point {
    width: 180px;
  }
}
@media (max-width: 767px) {
  .second-block {
    padding: 40px 0 10px;
  }
  .second-block .list-points {
    max-width: 400px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .second-block .list-points .point {
    margin-bottom: 40px;
  }
}
@media (max-width: 479px) {
  .second-block {
    padding: 50px 0;
  }
  .second-block .list-points {
    max-width: 200px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .second-block .list-points .point {
    width: 100%;
  }
  .second-block .list-points .point:last-child {
    margin-bottom: 0;
  }
}

/*** Shedule type lessons ***/
.our-courses {
  background: #f3f1f7;
  color: #121116;
  padding: 90px 0 120px;
  position: relative;
  z-index: 5;
}
.our-courses h2 {
  margin-bottom: 20px;
}
.our-courses .subtitle {
  max-width: 750px;
  margin-bottom: 40px;
}
.our-courses .list-titles-types-courses {
  margin-bottom: 60px;
}
.our-courses .list-titles-types-courses .single-title-type {
  width: 277px;
  height: 66px;
  background-color: #fff;
  border-radius: 10px;
  color: rgba(18, 17, 22, 0.7);
  font-weight: 500;
  font-size: 20px;
  margin: 0 6px;
}
.our-courses .list-titles-types-courses .single-title-type.active {
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: rgb(132, 85, 246);
  color: #fff;
}
.our-courses .list-titles-types-courses .single-title-type.active svg g {
  opacity: 1;
}
.our-courses .list-titles-types-courses .single-title-type.active svg path {
  stroke: #fff;
}
.our-courses .list-titles-types-courses .single-title-type:hover:not(.active) {
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.our-courses .list-titles-types-courses .single-title-type svg {
  margin-right: 8px;
}
.our-courses .list-courses {
  display: none;
}
.our-courses .list-courses.list-online-courses {
  display: block;
}
.our-courses .list-courses .single-course {
  margin-bottom: 30px;
}
.our-courses .list-courses .single-course .left-col {
  width: 738px;
  min-height: 290px;
  border-radius: 20px;
  overflow: hidden;
}
.our-courses .list-courses .single-course .left-col .img-course {
  width: 280px;
}
.our-courses .list-courses .single-course .left-col .meta-course {
  width: 458px;
  padding: 20px 30px;
}
.our-courses .list-courses .single-course .left-col .meta-course .age-child {
  width: 89px;
  height: 42px;
  background: #e4e9ff;
  border-radius: 60px;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 20px;
}
.our-courses .list-courses .single-course .left-col .meta-course .title-course {
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  margin-bottom: 12px;
}
.our-courses .list-courses .single-course .left-col .meta-course .description-course {
  font-size: 18px;
  line-height: 140%;
}
.our-courses .list-courses .single-course .right-col {
  width: 536px;
  min-height: 290px;
  height: auto;
  border-radius: 20px;
  padding: 20px 30px;
}
.our-courses .list-courses .single-course .right-col .title-shedule-for-single-course {
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  margin-bottom: 20px;
}
.our-courses .list-courses .single-course .right-col .title-shedule-for-single-course .icon-shedule {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
  width: 46px;
  height: 42px;
  border-radius: 50%;
}
.our-courses .list-courses .single-course .right-col .titles-lang-date-time {
  width: 354px;
  margin-bottom: 10px;
}
.our-courses .list-courses .single-course .right-col .titles-lang-date-time .title-column-course {
  width: 116px;
  height: 34px;
  background: #f3f1f7;
  border-radius: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
}
.our-courses .list-courses .single-course .right-col .list-free-lessons .single-free-lesson:last-child .content-free-lesson {
  border-bottom: 0;
}
.our-courses .list-courses .single-course .right-col .list-free-lessons .single-free-lesson .content-free-lesson {
  width: 354px;
  height: 45px;
  border-bottom: 1px solid #dbd8e0;
}
.our-courses .list-courses .single-course .right-col .list-free-lessons .single-free-lesson .content-free-lesson .value-free-lesson {
  width: 116px;
  font-weight: 500;
}
.our-courses .list-courses .single-course .right-col .list-free-lessons .single-free-lesson .btn {
  width: 117px;
  height: 38px;
  font-size: 12px;
}
.our-courses .free-lesson-block {
  margin-bottom: 120px;
}
.our-courses .free-lesson-block .content-for-block {
  max-width: 680px;
}
.our-courses .warning-text {
  max-width: 1050px;
  font-size: 18px;
  line-height: 160%;
}
.our-courses .warning-text .icon-warning {
  margin-bottom: 30px;
}
@media (max-width: 1365px) {
  .our-courses {
    padding: 90px 0 100px;
  }
  .our-courses .subtitle {
    max-width: 570px;
  }
  .our-courses .list-titles-types-courses {
    margin-bottom: 50px;
  }
  .our-courses .list-courses .single-course {
    margin-bottom: 24px;
  }
  .our-courses .list-courses .single-course .left-col {
    width: 500px;
  }
  .our-courses .list-courses .single-course .left-col .img-course {
    width: 135px;
  }
  .our-courses .list-courses .single-course .left-col .img-course img {
    width: 90px;
  }
  .our-courses .list-courses .single-course .left-col .meta-course {
    width: 365px;
    padding: 20px;
  }
  .our-courses .list-courses .single-course .left-col .meta-course .title-course {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .our-courses .list-courses .single-course .right-col {
    width: 460px;
    padding: 20px;
  }
  .our-courses .list-courses .single-course .right-col .title-shedule-for-single-course {
    font-size: 18px;
  }
  .our-courses .list-courses .single-course .right-col .titles-lang-date-time {
    width: 300px;
  }
  .our-courses .list-courses .single-course .right-col .titles-lang-date-time .title-column-course {
    width: 97px;
  }
  .our-courses .list-courses .single-course .right-col .list-free-lessons .single-free-lesson .content-free-lesson {
    width: 300px;
  }
  .our-courses .list-courses .single-course .right-col .list-free-lessons .single-free-lesson .content-free-lesson .value-free-lesson {
    width: 97px;
  }
  .our-courses .list-courses .single-course .right-col .list-free-lessons .single-free-lesson .btn {
    width: 110px;
  }
  .our-courses .free-lesson-block {
    margin-bottom: 80px;
  }
  .our-courses .free-lesson-block .content-for-block {
    max-width: 470px;
  }
  .our-courses .free-lesson-block .content-for-block br {
    display: none;
  }
  .our-courses .warning-text .text br {
    display: none;
  }
}
@media (max-width: 1023px) {
  .our-courses {
    padding: 50px 0 80px;
  }
  .our-courses .list-titles-types-courses {
    margin-bottom: 40px;
  }
  .our-courses .list-courses .single-course {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .our-courses .list-courses .single-course .left-col {
    width: 100%;
    min-height: 250px;
    margin-bottom: 6px;
  }
  .our-courses .list-courses .single-course .left-col .img-course {
    width: 180px;
  }
  .our-courses .list-courses .single-course .left-col .img-course img {
    width: 110px;
  }
  .our-courses .list-courses .single-course .left-col .meta-course {
    width: 540px;
    padding: 30px 24px;
  }
  .our-courses .list-courses .single-course .right-col {
    width: 540px;
    border-radius: 0 20px 20px 20px;
    padding: 20px 28px;
  }
  .our-courses .list-courses .single-course .right-col .titles-lang-date-time {
    width: 354px;
  }
  .our-courses .list-courses .single-course .right-col .titles-lang-date-time .title-column-course {
    width: 116px;
  }
  .our-courses .list-courses .single-course .right-col .list-free-lessons .single-free-lesson .content-free-lesson {
    width: 354px;
  }
  .our-courses .list-courses .single-course .right-col .list-free-lessons .single-free-lesson .content-free-lesson .value-free-lesson {
    width: 116px;
  }
  .our-courses .list-courses .single-course .right-col .list-free-lessons .single-free-lesson .btn {
    width: 117px;
  }
}
@media (max-width: 767px) {
  .our-courses h2 {
    max-width: 365px;
  }
  .our-courses .subtitle {
    max-width: 430px;
    margin-bottom: 30px;
  }
  .our-courses .list-titles-types-courses {
    margin-bottom: 30px;
  }
  .our-courses .list-titles-types-courses .single-title-type {
    font-size: 18px;
  }
  .our-courses .list-courses .single-course .left-col .img-course {
    width: 100px;
  }
  .our-courses .list-courses .single-course .left-col .img-course img {
    width: 70px;
  }
  .our-courses .list-courses .single-course .left-col .meta-course {
    width: 350px;
    padding: 20px;
  }
  .our-courses .list-courses .single-course .left-col .meta-course .age-child {
    margin-bottom: 12px;
  }
  .our-courses .list-courses .single-course .left-col .meta-course .title-course {
    font-size: 20px;
  }
  .our-courses .list-courses .single-course .left-col .meta-course .description-course {
    font-size: 16px;
  }
  .our-courses .list-courses .single-course .right-col {
    width: 100%;
    border-radius: 20px;
    padding: 20px;
  }
  .our-courses .list-courses .single-course .right-col .titles-lang-date-time {
    width: 290px;
  }
  .our-courses .list-courses .single-course .right-col .titles-lang-date-time .title-column-course {
    width: 93px;
  }
  .our-courses .list-courses .single-course .right-col .list-free-lessons .single-free-lesson .content-free-lesson {
    width: 290px;
  }
  .our-courses .list-courses .single-course .right-col .list-free-lessons .single-free-lesson .content-free-lesson .value-free-lesson {
    width: 93px;
  }
  .our-courses .list-courses .single-course .right-col .list-free-lessons .single-free-lesson .btn {
    width: 110px;
    font-size: 12px;
  }
  .our-courses .free-lesson-block {
    margin-bottom: 70px;
  }
  .our-courses .warning-text {
    font-size: 16px;
  }
  .our-courses .warning-text .icon-warning {
    margin-bottom: 20px;
  }
}
@media (max-width: 479px) {
  .our-courses {
    padding: 40px 0;
  }
  .our-courses h2 {
    max-width: 305px;
    margin-bottom: 12px;
  }
  .our-courses .subtitle {
    max-width: 350px;
    margin-bottom: 25px;
  }
  .our-courses .list-titles-types-courses {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .our-courses .list-titles-types-courses .single-title-type {
    width: calc(50% - 5px);
    font-size: 16px;
    margin: 0;
  }
  .our-courses .list-courses .single-course .left-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .our-courses .list-courses .single-course .left-col .img-course {
    width: 100%;
    height: 100px;
  }
  .our-courses .list-courses .single-course .left-col .img-course img {
    width: 75px;
  }
  .our-courses .list-courses .single-course .left-col .meta-course {
    width: 100%;
  }
  .our-courses .list-courses .single-course .left-col .meta-course .age-child {
    width: 82px;
    height: 39px;
    font-size: 14px;
  }
  .our-courses .list-courses .single-course .left-col .meta-course .title-course {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .our-courses .list-courses .single-course .right-col .title-shedule-for-single-course {
    font-size: 15px;
  }
  .our-courses .list-courses .single-course .right-col .titles-lang-date-time {
    width: 66%;
  }
  .our-courses .list-courses .single-course .right-col .titles-lang-date-time .title-column-course {
    width: 32%;
    font-size: 12px;
  }
  .our-courses .list-courses .single-course .right-col .list-free-lessons .single-free-lesson .content-free-lesson {
    width: 66%;
  }
  .our-courses .list-courses .single-course .right-col .list-free-lessons .single-free-lesson .content-free-lesson .value-free-lesson {
    width: 32%;
    font-size: 14px;
  }
  .our-courses .list-courses .single-course .right-col .list-free-lessons .single-free-lesson .btn {
    width: 31%;
  }
  .our-courses .free-lesson-block {
    margin-bottom: 50px;
  }
}

/*** Why IT ***/
.why-it {
  background-image: url(../images/bg-why-it-1920.jpg);
  padding: 100px 0 60px;
}
.why-it h2 {
  max-width: 700px;
  margin-bottom: 60px;
}
.why-it .list-points .point {
  width: 285px;
  margin-bottom: 60px;
}
.why-it .list-points .point img {
  margin-bottom: 12px;
}
.why-it .list-points .point .text-point {
  font-weight: 500;
}
@media (max-width: 1365px) {
  .why-it {
    background-image: url(../images/bg-why-it-1024.jpg);
    padding: 80px 0 50px;
  }
  .why-it .list-points {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .why-it .list-points .point {
    width: 285px;
    margin-bottom: 40px;
    margin-right: 40px;
  }
  .why-it .list-points .point:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 1023px) {
  .why-it {
    background-image: url(../images/bg-why-it-768.jpg);
  }
  .why-it h2 {
    margin-bottom: 30px;
  }
  .why-it .list-points {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .why-it .list-points .point {
    width: 315px;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .why-it {
    background-image: url(../images/bg-why-it-480.jpg);
    padding: 60px 0 30px;
  }
  .why-it .list-points {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .why-it .list-points .point {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .why-it .list-points .point .text-point {
    text-align: center;
  }
}
@media (max-width: 479px) {
  .why-it {
    background-image: url(../images/bg-why-it-375.jpg);
    padding: 40px 0 10px;
  }
  .why-it h2 {
    max-width: 320px;
    margin-bottom: 30px;
  }
}

/*** Why choose us ***/
.why-choose-us {
  background: #f3f1f7;
  padding: 110px 0 30px;
}
.why-choose-us h2 {
  max-width: 600px;
  margin-bottom: 60px;
}
.why-choose-us .list-points {
  max-width: 1140px;
}
.why-choose-us .list-points .point {
  width: 235px;
  margin-bottom: 80px;
}
.why-choose-us .list-points .point svg {
  margin-bottom: 10px;
}
.why-choose-us .list-points .point .text-point {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
}
@media (max-width: 1365px) {
  .why-choose-us {
    padding: 80px 0 60px;
  }
  .why-choose-us h2 {
    margin-bottom: 50px;
  }
  .why-choose-us .list-points .point {
    width: 230px;
    margin-bottom: 40px;
  }
}
@media (max-width: 1023px) {
  .why-choose-us {
    padding: 80px 0 20px;
  }
  .why-choose-us .list-points {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .why-choose-us .list-points .point {
    width: 220px;
    margin-right: 30px;
  }
  .why-choose-us .list-points .point:nth-child(3n) {
    margin-right: 0;
  }
  .why-choose-us .list-points .point .text-point {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .why-choose-us {
    padding: 65px 0 15px;
  }
  .why-choose-us .list-points {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .why-choose-us .list-points .point {
    width: 190px;
    margin-right: 0;
  }
  .why-choose-us .list-points .point .text-point {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .why-choose-us {
    padding: 50px 0 20px;
  }
  .why-choose-us h2 {
    margin-bottom: 40px;
  }
  .why-choose-us .list-points {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .why-choose-us .list-points .point {
    width: 190px;
    margin-bottom: 30px;
  }
}

/*** Why choose us ***/
.section-free-lesson {
  background: #f3f1f7;
  color: #121116;
  padding-bottom: 120px;
}
.section-free-lesson h2 {
  margin-bottom: 20px;
}
.section-free-lesson .subtitle {
  max-width: 750px;
  margin-bottom: 50px;
}
.section-free-lesson .full-block {
  margin-bottom: 50px;
}
.section-free-lesson .img-block {
  max-width: 630px;
  border-radius: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
.section-free-lesson .img-block img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}
.section-free-lesson .content-block {
  border-radius: 20px;
  max-width: 630px;
  min-height: 460px;
  padding: 30px 40px;
}
.section-free-lesson .content-block .title-list {
  font-weight: 700;
  font-size: 28px;
  line-height: 142%;
  margin-bottom: 20px;
}
.section-free-lesson .content-block .list-points .point {
  font-weight: 500;
  font-size: 18px;
  line-height: 160%;
  padding-left: 30px;
  margin-bottom: 20px;
  position: relative;
}
.section-free-lesson .content-block .list-points .point:before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.43133' cy='9.43133' r='7.93133' transform='matrix(0.981253 0.192722 0.192722 -0.981253 -1 16.9375)' stroke='%238455F6' stroke-width='3' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 20px;
  height: 19px;
  position: absolute;
  left: 0;
  top: 4px;
}
.section-free-lesson .content-block .list-points .point:last-child {
  margin-bottom: 0;
}
@media (max-width: 1365px) {
  .section-free-lesson {
    padding-bottom: 80px;
  }
  .section-free-lesson h2 {
    margin-bottom: 16px;
  }
  .section-free-lesson .subtitle {
    max-width: 475px;
  }
  .section-free-lesson .img-block {
    max-width: 392px;
    height: 460px;
    overflow: hidden;
  }
  .section-free-lesson .img-block img {
    width: 630px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .section-free-lesson .content-block {
    max-width: 555px;
  }
}
@media (max-width: 1023px) {
  .section-free-lesson {
    padding-bottom: 70px;
  }
  .section-free-lesson .subtitle {
    margin-bottom: 40px;
  }
  .section-free-lesson .full-block {
    max-width: 475px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 40px;
  }
  .section-free-lesson .img-block {
    max-width: 475px;
    height: auto;
    margin-bottom: 20px;
  }
  .section-free-lesson .img-block img {
    width: 100%;
    position: relative;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
  .section-free-lesson .content-block {
    max-width: 100%;
    padding: 33px 26px;
  }
  .section-free-lesson .content-block .title-list {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .section-free-lesson .subtitle {
    margin-bottom: 30px;
  }
  .section-free-lesson .full-block {
    margin-bottom: 30px;
  }
}
@media (max-width: 479px) {
  .section-free-lesson h2 {
    max-width: 265px;
    margin-bottom: 12px;
  }
  .section-free-lesson .full-block {
    margin-bottom: 20px;
  }
  .section-free-lesson .img-block {
    margin-bottom: 12px;
  }
  .section-free-lesson .content-block {
    padding: 24px 20px;
  }
  .section-free-lesson .content-block .title-list {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .section-free-lesson .content-block .list-points .point {
    font-size: 16px;
  }
  .section-free-lesson .btn {
    max-width: 475px;
    width: 100%;
  }
}

/*** Section free lesson ***/
.career-start {
  background-image: url(../images/bg-free-lesson-section-1920.jpg);
  padding: 110px 0 120px;
}
.career-start h2 {
  margin-bottom: 43px;
}
.career-start .content-career-start {
  max-width: 630px;
  position: relative;
  margin-bottom: 100px;
}
.career-start .content-career-start:before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='685' height='311' viewBox='0 0 685 311' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M685 310L21 310C9.95427 310 0.999963 301.046 0.999963 290L0.999976 -2.98986e-05' stroke='%23E2DAF5' stroke-width='2' stroke-dasharray='8 8' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 685px;
  height: 311px;
  position: absolute;
  bottom: 92px;
  left: -259px;
}
.career-start .content-career-start:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='386' height='395' viewBox='0 0 386 395' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M1.72223e-05 394L365 394C376.046 394 385 385.046 385 374L385 -1.68289e-05' stroke='%23E2DAF5' stroke-width='2' stroke-dasharray='8 8' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 386px;
  height: 395px;
  position: absolute;
  bottom: 92px;
  right: -275px;
}
.career-start .content-career-start .wrap-block {
  background: #222;
  border: 1px solid #b499f8;
  border-radius: 20px;
  padding: 40px;
  position: relative;
  z-index: 5;
}
.career-start .content-career-start .wrap-block:before {
  content: "";
  display: block;
  background-image: url(../images/img_left_main_career_start.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  width: 305px;
  height: 238px;
  position: absolute;
  top: 0;
  left: -325px;
}
.career-start .content-career-start .wrap-block:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100' height='100' rx='20' fill='%23C0FF72'/%3E%3Cpath d='M39.6565 70.64H36.5605C35.4085 70.64 34.4365 70.532 33.6445 70.316C32.8765 70.1 32.2645 69.752 31.8085 69.272C31.3525 68.816 31.0285 68.216 30.8365 67.472C30.6445 66.752 30.5485 65.888 30.5485 64.88V57.212C30.5485 55.916 30.2725 54.824 29.7205 53.936C29.1685 53.024 28.2085 52.34 26.8405 51.884V51.236C28.2085 50.78 29.1685 50.108 29.7205 49.22C30.2725 48.308 30.5485 47.204 30.5485 45.908V38.24C30.5485 37.232 30.6445 36.368 30.8365 35.648C31.0285 34.904 31.3525 34.304 31.8085 33.848C32.2645 33.368 32.8765 33.02 33.6445 32.804C34.4365 32.588 35.4085 32.48 36.5605 32.48H39.6565V36.836H38.0005C37.4725 36.836 37.0165 36.884 36.6325 36.98C36.2725 37.052 35.9845 37.208 35.7685 37.448C35.5525 37.688 35.3965 38 35.3005 38.384C35.2045 38.768 35.1565 39.272 35.1565 39.896V46.628C35.1565 47.3 35.0725 47.912 34.9045 48.464C34.7605 49.016 34.5325 49.496 34.2205 49.904C33.9325 50.312 33.5725 50.66 33.1405 50.948C32.7325 51.212 32.2765 51.416 31.7725 51.56C32.2765 51.704 32.7325 51.908 33.1405 52.172C33.5725 52.436 33.9325 52.772 34.2205 53.18C34.5325 53.564 34.7605 54.02 34.9045 54.548C35.0725 55.052 35.1565 55.604 35.1565 56.204V63.404C35.1565 63.98 35.2045 64.448 35.3005 64.808C35.3965 65.192 35.5525 65.492 35.7685 65.708C35.9845 65.924 36.2725 66.068 36.6325 66.14C37.0165 66.236 37.4725 66.284 38.0005 66.284H39.6565V70.64ZM60.3596 70.64V66.284H62.0156C62.5436 66.284 62.9876 66.236 63.3476 66.14C63.7316 66.068 64.0316 65.924 64.2476 65.708C64.4636 65.492 64.6196 65.192 64.7156 64.808C64.8116 64.448 64.8596 63.98 64.8596 63.404V56.204C64.8596 55.604 64.9316 55.052 65.0756 54.548C65.2436 54.02 65.4716 53.564 65.7596 53.18C66.0716 52.772 66.4316 52.436 66.8396 52.172C67.2716 51.908 67.7396 51.704 68.2436 51.56C67.7396 51.416 67.2716 51.212 66.8396 50.948C66.4316 50.66 66.0716 50.312 65.7596 49.904C65.4716 49.496 65.2436 49.016 65.0756 48.464C64.9316 47.912 64.8596 47.3 64.8596 46.628V39.896C64.8596 39.272 64.8116 38.768 64.7156 38.384C64.6196 38 64.4636 37.688 64.2476 37.448C64.0316 37.208 63.7316 37.052 63.3476 36.98C62.9876 36.884 62.5436 36.836 62.0156 36.836H60.3596V32.48H63.4556C64.6076 32.48 65.5676 32.588 66.3356 32.804C67.1276 33.02 67.7516 33.368 68.2076 33.848C68.6636 34.304 68.9876 34.904 69.1796 35.648C69.3716 36.368 69.4676 37.232 69.4676 38.24V45.908C69.4676 47.204 69.7436 48.308 70.2956 49.22C70.8476 50.108 71.8076 50.78 73.1756 51.236V51.884C71.8076 52.34 70.8476 53.024 70.2956 53.936C69.7436 54.824 69.4676 55.916 69.4676 57.212V64.88C69.4676 65.888 69.3716 66.752 69.1796 67.472C68.9876 68.216 68.6636 68.816 68.2076 69.272C67.7516 69.752 67.1276 70.1 66.3356 70.316C65.5676 70.532 64.6076 70.64 63.4556 70.64H60.3596Z' fill='%230B0E11'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  right: -325px;
}
.career-start .content-career-start .top-text-career-start {
  border-bottom: 1px solid #b499f8;
  font-weight: 500;
  font-size: 18px;
  line-height: 144%;
  padding-bottom: 29px;
  margin-bottom: 19px;
}
.career-start .content-career-start .bottom-text-career-start {
  font-weight: 600;
  font-size: 20px;
  line-height: 130%;
  position: relative;
}
.career-start .content-career-start .bottom-text-career-start:before {
  content: "";
  display: block;
  width: 234px;
  height: 211px;
  background-image: url(../images/img_right_main_career_start.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  right: -300px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.career-start .content-career-start .bottom-text-career-start img {
  max-width: 99px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.career-start .content-career-start .bottom-text-career-start .text {
  width: 424px;
  padding-top: 20px;
}
.career-start .free-lesson-block:before {
  content: "";
  display: block;
  width: 100px;
  height: 2px;
  border-top: 2px dashed #e2daf5;
  position: absolute;
  top: -51px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
          transform: translateX(-50%) rotate(-90deg);
  opacity: 0.4;
}
@media (max-width: 1365px) {
  .career-start {
    background-image: url(../images/bg-free-lesson-section-1024.jpg);
    padding: 80px 0;
  }
  .career-start .free-lesson-block:before {
    width: 275px;
    top: -138px;
  }
  .career-start .content-career-start {
    margin-bottom: 275px;
  }
  .career-start .content-career-start:before {
    display: none;
  }
  .career-start .content-career-start:after {
    bottom: -145px;
    right: -76px;
  }
  .career-start .content-career-start .wrap-block:before {
    display: none;
  }
  .career-start .content-career-start .wrap-block:after {
    top: auto;
    right: -125px;
    bottom: 240px;
  }
  .career-start .content-career-start .bottom-text-career-start:before {
    right: 142px;
    top: auto;
    bottom: -275px;
    -webkit-transform: none;
            transform: none;
  }
}
@media (max-width: 1023px) {
  .career-start {
    background-image: url(../images/bg-free-lesson-section-768.jpg);
    padding: 70px 0;
  }
  .career-start .content-career-start:after {
    display: none;
  }
  .career-start .content-career-start .wrap-block:after {
    display: none;
  }
}
@media (max-width: 767px) {
  .career-start {
    background-image: url(../images/bg-free-lesson-section-480.jpg);
    padding: 60px 0;
  }
  .career-start h2 {
    margin-bottom: 40px;
  }
  .career-start .content-career-start {
    margin-bottom: 200px;
  }
  .career-start .content-career-start .top-text-career-start {
    font-size: 16px;
    padding-bottom: 29px;
    margin-bottom: 15px;
  }
  .career-start .content-career-start .bottom-text-career-start:before {
    width: 152px;
    height: 130px;
    background-image: url(../images/img_right_main_career_start_768.png);
    right: 100px;
    bottom: -205px;
  }
  .career-start .content-career-start .bottom-text-career-start .text {
    width: 250px;
    font-size: 16px;
    line-height: 130%;
  }
}
@media (max-width: 479px) {
  .career-start {
    background-image: url(../images/bg-free-lesson-section-375.jpg);
    padding: 50px 0;
  }
  .career-start h2 {
    margin-bottom: 30px;
  }
  .career-start .content-career-start .wrap-block {
    padding: 30px 20px 25px;
  }
  .career-start .content-career-start .bottom-text-career-start:before {
    right: 50%;
    bottom: -188px;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  .career-start .content-career-start .bottom-text-career-start img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 15px;
  }
  .career-start .content-career-start .bottom-text-career-start .text {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}

/*** Program numbers ***/
.program-numbers {
  background: #e3deec;
  color: #121116;
  padding: 110px 0 140px;
}
.program-numbers.lv .list-points .point:nth-child(4) {
  padding: 35px 25px;
}
.program-numbers.lv .list-points .point .text-point {
  max-width: 155px;
}
.program-numbers h2 {
  margin-bottom: 50px;
}
.program-numbers .list-points {
  position: relative;
}
.program-numbers .list-points:before, .program-numbers .list-points:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='880' height='160' viewBox='0 0 880 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 50.623C317.5 -94.877 674.5 137.623 879.5 157.123' stroke='%238454F6' stroke-width='5' stroke-dasharray='22 22' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 880px;
  height: 160px;
  position: absolute;
}
.program-numbers .list-points:before {
  top: -42px;
  left: -850px;
}
.program-numbers .list-points:after {
  bottom: -42px;
  right: -850px;
}
.program-numbers .list-points .point {
  border-radius: 20px;
  min-height: 174px;
  position: relative;
  z-index: 5;
}
.program-numbers .list-points .point:nth-child(1) {
  width: 271px;
}
.program-numbers .list-points .point:nth-child(2) {
  width: 305px;
}
.program-numbers .list-points .point:nth-child(3) {
  width: 260px;
  border-radius: 20px 0 0 20px;
  padding: 35px;
  margin-right: -12px;
}
.program-numbers .list-points .point:nth-child(4) {
  width: 410px;
  border-radius: 0 20px 20px 0;
  padding: 35px 50px;
}
.program-numbers .list-points .point:nth-child(4) .text-number-point {
  letter-spacing: -0.03em;
}
.program-numbers .list-points .point .text-number-point {
  font-weight: 800;
  font-size: 140px;
  line-height: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
}
.program-numbers .list-points .point .text-point {
  max-width: 110px;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
}
@media (max-width: 1365px) {
  .program-numbers {
    padding: 70px 0 80px;
  }
  .program-numbers .list-points {
    max-width: 720px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .program-numbers .list-points .point {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 20px;
  }
  .program-numbers .list-points .point:nth-child(1) {
    width: 310px;
  }
  .program-numbers .list-points .point:nth-child(2) {
    width: 392px;
  }
  .program-numbers .list-points .point:nth-child(3) {
    width: 316px;
    border-radius: 20px 0 0 20px;
    padding: 35px;
    margin-right: -12px;
  }
  .program-numbers .list-points .point:nth-child(4) {
    width: 400px;
    border-radius: 0 20px 20px 0;
    padding: 35px 50px;
  }
  .program-numbers .list-points .point:nth-child(4) .text-number-point {
    letter-spacing: -0.03em;
  }
  .program-numbers .list-points .point .text-number-point {
    margin-right: 20px;
  }
  .program-numbers .list-points .point .text-point {
    max-width: 105px;
    font-size: 20px;
  }
}
@media (max-width: 1023px) {
  .program-numbers {
    padding: 70px 0 60px;
  }
  .program-numbers h2 {
    margin-bottom: 40px;
  }
  .program-numbers .list-points:before, .program-numbers .list-points:after {
    display: none;
  }
}
@media (max-width: 767px) {
  .program-numbers {
    padding: 70px 0;
  }
  .program-numbers.lv .list-points .point:nth-child(4) {
    padding: 35px 25px !important;
  }
  .program-numbers .list-points {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .program-numbers .list-points .point {
    width: 100% !important;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 35px !important;
  }
  .program-numbers .list-points .point:last-child {
    margin-bottom: 0;
  }
  .program-numbers .list-points .point:nth-child(3) {
    width: 100%;
    border-radius: 20px 20px 0 0;
    margin-right: 0;
    margin-bottom: 4px;
  }
  .program-numbers .list-points .point:nth-child(4) {
    width: 100%;
    border-radius: 0 0 20px 20px;
  }
  .program-numbers .list-points .point .text-point {
    max-width: 175px;
  }
}
@media (max-width: 479px) {
  .program-numbers {
    padding: 50px 0;
  }
  .program-numbers.lv .list-points .point:nth-child(4) {
    padding: 35px 15px !important;
  }
  .program-numbers h2 {
    margin-bottom: 30px;
  }
  .program-numbers .list-points .point {
    padding: 35px 30px !important;
  }
}

/*** Price block ***/
.price-block {
  background-image: url(../images/bg-price-block-section-1920.jpg);
  padding: 100px 0 120px;
}
.price-block h2 {
  margin-bottom: 53px;
}
.price-block .list-prices {
  max-width: 1064px;
  margin-bottom: 130px;
  position: relative;
}
.price-block .list-prices:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='544' height='256' viewBox='0 0 544 256' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M1 -8.35649e-06L0.999994 139C0.999993 150.046 9.9543 159 21 159L272 159M543 0L543 139C543 150.046 534.046 159 523 159L272 159M272 159L272 255.5' stroke='%23E2DAF5' stroke-width='2' stroke-dasharray='8 8' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 544px;
  height: 256px;
  position: absolute;
  left: 50%;
  bottom: -156px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.price-block .list-prices .single-price {
  width: calc(50% - 10px);
  min-height: 520px;
  background: #2c2c2e;
  border: 1px solid #b499f8;
  border-radius: 20px;
  padding: 45px 40px;
  position: relative;
  z-index: 5;
}
.price-block .list-prices .single-price:nth-child(2) {
  background: url(../images/bg-price-point.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.price-block .list-prices .single-price img {
  margin-bottom: 19px;
}
.price-block .list-prices .single-price .title-lesson {
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  margin-bottom: 24px;
}
.price-block .list-prices .single-price .title-lesson br {
  display: none;
}
.price-block .list-prices .single-price .price-lesson {
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
}
.price-block .list-prices .single-price .description-lesson {
  border-top: 1px solid #b499f8;
  font-weight: 500;
  font-size: 18px;
  line-height: 144%;
  margin-top: 40px;
  padding-top: 33px;
}
@media (max-width: 1365px) {
  .price-block {
    padding: 80px 0;
  }
  .price-block .free-lesson-block .content-for-block {
    max-width: 390px;
  }
}
@media (max-width: 1023px) {
  .price-block h2 {
    margin-bottom: 40px;
  }
  .price-block .list-prices {
    margin-bottom: 150px;
  }
  .price-block .list-prices:after {
    background-image: url("data:image/svg+xml,%3Csvg width='386' height='255' viewBox='0 0 386 255' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M0.999995 -1.4801e-06L0.999989 138.689C0.999989 149.735 9.9543 158.689 21 158.689L193 158.689M385 0L385 138.689C385 149.735 376.046 158.689 365 158.689L193 158.689M193 158.689L193 255' stroke='%23E2DAF5' stroke-width='2' stroke-dasharray='8 8' /%3E%3C/svg%3E");
    width: 386px;
    height: 255px;
    bottom: -174px;
  }
  .price-block .list-prices .single-price {
    padding: 40px 30px;
  }
  .price-block .list-prices .single-price img {
    width: 60px;
  }
  .price-block .list-prices .single-price .title-lesson {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .price-block .list-prices .single-price .title-lesson br {
    display: block;
  }
  .price-block .list-prices .single-price .price-lesson {
    font-size: 20px;
  }
  .price-block .list-prices .single-price .description-lesson {
    font-size: 16px;
    margin-top: 30px;
    padding-top: 30px;
  }
  .price-block .free-lesson-block .content-for-block {
    max-width: 540px;
  }
}
@media (max-width: 767px) {
  .price-block {
    background-image: url(../images/bg-price-block-section-480.jpg);
    padding: 70px 0;
  }
  .price-block .list-prices {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 105px;
  }
  .price-block .list-prices:after {
    background-image: url("data:image/svg+xml,%3Csvg width='180' height='255' viewBox='0 0 180 255' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M1.00002 7.52445e-06L1.00001 138.689C1.00001 149.735 9.95432 158.689 21 158.689L90 158.689M179 0L179 138.689C179 149.735 170.046 158.689 159 158.689L90 158.689M90 158.689L90 255' stroke='%23E2DAF5' stroke-width='2' stroke-dasharray='8 8' /%3E%3C/svg%3E");
    width: 180px;
    height: 255px;
    bottom: -160px;
  }
  .price-block .list-prices .single-price {
    width: 100%;
    min-height: 400px;
    margin-bottom: 20px;
  }
  .price-block .list-prices .single-price:nth-child(2) {
    background: #2c2c2e;
  }
  .price-block .list-prices .single-price:last-child {
    margin-bottom: 0;
  }
  .price-block .list-prices .single-price .title-lesson br {
    display: none;
  }
}
@media (max-width: 479px) {
  .price-block {
    background-image: url(../images/bg-price-block-section-480.jpg);
    padding: 50px 0;
  }
  .price-block h2 {
    margin-bottom: 30px;
  }
  .price-block .list-prices {
    margin-bottom: 90px;
  }
  .price-block .list-prices:after {
    bottom: -148px;
  }
  .price-block .list-prices .single-price {
    padding: 30px 20px;
    margin-bottom: 12px;
  }
  .price-block .list-prices .single-price img {
    width: 50px;
    margin-bottom: 12px;
  }
  .price-block .list-prices .single-price .title-lesson {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .price-block .list-prices .single-price .price-lesson {
    font-size: 18px;
  }
}

/*** Need for online ***/
.need-for-lessons {
  background: #f3f1f7;
  color: #121116;
  padding: 120px 0;
  position: relative;
}
.need-for-lessons:before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='2313' height='501' viewBox='0 0 2313 501' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2311.5 71.1055C1996.18 -96.9357 1636.88 96.0845 1432 118.605' stroke='%238454F6' stroke-width='5' stroke-dasharray='22 22' /%3E%3Ccircle cx='82.6123' cy='82.6123' r='70.1123' transform='matrix(0.981253 0.192722 0.192722 -0.981253 865 430.127)' stroke='%238455F6' stroke-width='25' /%3E%3Cpath d='M880.5 429.5C565.18 597.541 205.883 404.521 1 382' stroke='%238454F6' stroke-width='5' stroke-dasharray='22 22' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 2313px;
  height: 501px;
  position: absolute;
  top: 55%;
  left: calc((100% - 1950px) / 2);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.need-for-lessons h2 {
  margin-bottom: 20px;
  position: relative;
  z-index: 5;
}
.need-for-lessons .subtitle {
  max-width: 715px;
  margin-bottom: 50px;
  position: relative;
  z-index: 5;
}
.need-for-lessons .full-block {
  position: relative;
  z-index: 5;
}
.need-for-lessons .full-block img {
  max-width: 630px;
  width: 100%;
  height: auto;
  border-radius: 20px;
}
.need-for-lessons .full-block .content-block {
  border-radius: 20px;
  max-width: 630px;
  min-height: 460px;
  padding: 32px 40px;
}
.need-for-lessons .full-block .content-block .title-content-block {
  max-width: 400px;
  font-weight: 700;
  font-size: 28px;
  line-height: 142%;
  margin-bottom: 20px;
}
.need-for-lessons .full-block .content-block .text-content-block {
  font-weight: 500;
  font-size: 18px;
  line-height: 160%;
  opacity: 0.8;
}
@media (max-width: 1365px) {
  .need-for-lessons {
    padding: 80px 0 100px;
  }
  .need-for-lessons:before {
    top: auto;
    left: 36%;
    bottom: 135px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .need-for-lessons h2 {
    margin-bottom: 16px;
  }
  .need-for-lessons .subtitle {
    max-width: 500px;
    margin-bottom: 40px;
  }
  .need-for-lessons .full-block {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .need-for-lessons .full-block img {
    margin-bottom: 30px;
  }
}
@media (max-width: 1023px) {
  .need-for-lessons {
    padding: 80px 0;
  }
  .need-for-lessons:before {
    left: 45%;
    bottom: 235px;
  }
  .need-for-lessons .full-block img {
    max-width: 475px;
    margin-bottom: 20px;
  }
  .need-for-lessons .full-block .content-block {
    max-width: 475px;
    padding: 25px 30px 30px;
  }
  .need-for-lessons .full-block .content-block .title-content-block {
    font-size: 24px;
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .need-for-lessons {
    padding: 65px 0;
  }
  .need-for-lessons:before {
    display: none;
  }
  .need-for-lessons .subtitle {
    max-width: 280px;
    margin-bottom: 30px;
  }
}
@media (max-width: 479px) {
  .need-for-lessons {
    padding: 50px 0;
  }
  .need-for-lessons h2 {
    margin-bottom: 12px;
  }
  .need-for-lessons .full-block img {
    margin-bottom: 12px;
  }
  .need-for-lessons .full-block .content-block {
    padding: 25px 20px;
  }
  .need-for-lessons .full-block .content-block .title-content-block {
    font-size: 20px;
  }
  .need-for-lessons .full-block .content-block .text-content-block {
    font-size: 16px;
  }
}

/*** Reviews ***/
.reviews {
  background: #f3f1f7;
  color: #121116;
  padding-bottom: 120px;
}
.reviews h2 {
  margin-bottom: 50px;
}
.reviews .list-reviews {
  width: 600px;
  margin-bottom: 0;
  padding-bottom: 66px;
  position: relative;
}
.reviews .list-reviews .single-review {
  padding: 0 10px;
}
.reviews .list-reviews .wrap-review {
  background-color: #fff;
  border-radius: 20px;
  height: 100%;
  padding: 60px 40px;
}
.reviews .list-reviews .wrap-review .top-row {
  position: relative;
  margin-bottom: 20px;
}
.reviews .list-reviews .wrap-review .top-row .img-author {
  width: 114px;
  height: 114px;
  background-color: #bbe4e5;
  border-radius: 100%;
  position: relative;
}
.reviews .list-reviews .wrap-review .top-row .img-author img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.reviews .list-reviews .wrap-review .name-author {
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  margin-bottom: 20px;
}
.reviews .list-reviews .wrap-review .text-review {
  font-weight: 500;
  line-height: 160%;
  opacity: 0.8;
}
.reviews .slick-list {
  width: 100%;
  overflow: visible;
}
.reviews .slick-slide {
  padding: 0 10px;
}
.reviews .slick-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 1919px) {
  .reviews .list-reviews {
    width: 480px;
  }
}
@media (max-width: 1365px) {
  .reviews {
    padding-bottom: 80px;
  }
  .reviews .list-reviews {
    width: 650px;
  }
}
@media (max-width: 767px) {
  .reviews {
    padding-bottom: 70px;
  }
  .reviews h2 {
    margin-bottom: 40px;
  }
  .reviews .list-reviews {
    width: 100%;
  }
  .reviews .list-reviews .wrap-review .top-row .img-author {
    width: 100px;
    height: 100px;
  }
  .reviews .list-reviews .wrap-review .top-row .img-author img {
    max-width: 120px;
    top: 45%;
  }
}
@media (max-width: 479px) {
  .reviews {
    padding-bottom: 50px;
  }
  .reviews h2 {
    margin-bottom: 30px;
  }
  .reviews .list-reviews .wrap-review {
    padding: 35px 20px;
  }
  .reviews .list-reviews .wrap-review .name-author {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .reviews .list-reviews .wrap-review .text-review {
    font-size: 15px;
    line-height: 150%;
  }
}

/*** Contacts section ***/
.contacts-section {
  background: #f3f1f7;
  color: #121116;
  padding-bottom: 120px;
}
.contacts-section h2 {
  margin-bottom: 50px;
}
.contacts-section .top-row {
  border-radius: 20px;
  padding: 40px 150px;
  margin-bottom: 20px;
}
.contacts-section .top-row a {
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0.04em;
}
.contacts-section .top-row a svg {
  margin-right: 20px;
}
.contacts-section .form-contacts {
  background-image: url(../images/bg-form-contacts-1920.jpg);
  border-radius: 20px;
  min-height: 700px;
  padding: 50px;
  margin-bottom: 20px;
  position: relative;
}
.contacts-section .form-contacts:before {
  content: "";
  display: block;
  background-image: url(../images/img-woman-contacts-1920.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 618px;
  height: 790px;
  position: absolute;
  left: 31px;
  bottom: 0;
}
.contacts-section .form-contacts .form-block {
  border-radius: 16px;
  width: 572px;
  padding: 40px 50px;
  position: relative;
  z-index: 5;
}
.contacts-section .form-contacts .form-block .form-header {
  margin-bottom: 34px;
}
.contacts-section .form-contacts .form-block .form-header .title-form {
  margin-bottom: 12px;
}
.contacts-section .form-contacts .form-block .form-header .subtitle {
  font-size: 18px;
  line-height: 120%;
}
.contacts-section .form-contacts .form-block [type=submit] {
  max-width: 100%;
}
.contacts-section .bottom-row {
  border-radius: 20px;
  padding: 18px 18px 18px 40px;
}
.contacts-section .bottom-row .text-license {
  max-width: 730px;
  line-height: 140%;
}
.contacts-section .bottom-row img {
  max-width: 472px;
  width: 100%;
  border-radius: 10px;
}
@media (max-width: 1365px) {
  .contacts-section {
    padding-bottom: 80px;
  }
  .contacts-section .top-row {
    padding: 35px 40px;
  }
  .contacts-section .form-contacts {
    background-image: url(../images/bg-form-contacts-1024.jpg);
  }
  .contacts-section .form-contacts:before {
    background-image: url(../images/img-woman-contacts-1024.png);
    width: 471px;
    height: 666px;
    left: 0;
  }
  .contacts-section .form-contacts .form-block {
    width: 505px;
    padding: 40px 30px;
  }
  .contacts-section .bottom-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 20px 30px 30px;
  }
  .contacts-section .bottom-row .text-license {
    max-width: 100%;
  }
  .contacts-section .bottom-row img {
    margin-bottom: 18px;
  }
}
@media (max-width: 1023px) {
  .contacts-section h2 {
    margin-bottom: 40px;
  }
  .contacts-section .top-row {
    padding: 30px;
  }
  .contacts-section .top-row .logo-contacts {
    width: 170px;
  }
  .contacts-section .top-row a {
    font-size: 18px;
  }
  .contacts-section .top-row a svg {
    margin-right: 10px;
  }
  .contacts-section .form-contacts {
    background-image: url(../images/bg-form-contacts-768.jpg);
  }
  .contacts-section .form-contacts:before {
    display: none;
  }
  .contacts-section .form-contacts .form-block {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .contacts-section {
    padding-bottom: 65px;
  }
  .contacts-section .top-row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .contacts-section .top-row > * {
    margin-bottom: 35px;
  }
  .contacts-section .top-row > *:last-child {
    margin-bottom: 0;
  }
  .contacts-section .form-contacts {
    background-image: url(../images/bg-form-contacts-480.jpg);
    min-height: 600px;
    padding: 20px;
  }
  .contacts-section .form-contacts .form-block {
    padding: 40px 30px 30px;
  }
  .contacts-section .bottom-row {
    padding: 20px;
  }
}
@media (max-width: 479px) {
  .contacts-section {
    padding-bottom: 50px;
  }
  .contacts-section h2 {
    margin-bottom: 30px;
  }
  .contacts-section .top-row {
    margin-bottom: 12px;
  }
  .contacts-section .top-row > * {
    margin-bottom: 30px;
  }
  .contacts-section .form-contacts {
    background-image: none;
    padding: 0;
    margin-bottom: 12px;
  }
  .contacts-section .form-contacts .form-block {
    padding: 30px 20px;
  }
  .contacts-section .form-contacts .form-block .form-header .title-form {
    margin-bottom: 10px;
  }
  .contacts-section .form-contacts .form-block .form-header .subtitle {
    font-size: 16px;
  }
}

/*** Success page ***/
.first-screen-success {
  background: #f3f1f7;
  color: #121116;
}
.first-screen-success .content {
  padding-top: 120px;
  padding-bottom: 80px;
  min-height: calc(100vh - 100px);
  position: relative;
}
.first-screen-success .content:before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='780' height='601' viewBox='0 0 780 601' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='698' cy='519' r='82' fill='white' /%3E%3Ccircle cx='14.7162' cy='14.7162' r='11.2378' transform='matrix(0.981253 0.192722 0.192722 -0.981253 463 371.514)' stroke='%23B499F8' stroke-width='6.9568' /%3E%3Cpath d='M620.891 63.9119C635.423 66.766 644.89 80.8602 642.036 95.3921C639.181 109.924 625.087 119.391 610.555 116.537C596.023 113.682 586.557 99.5883 589.411 85.0564C592.265 70.5244 606.359 61.0577 620.891 63.9119Z' stroke='%23B499F8' stroke-width='16.6' /%3E%3Cpath d='M565.5 105C439.5 138 391 106.5 351.5 62.4996C312 18.4996 393 -24.0004 402.5 25.4996C412 74.9996 417.5 154 301 210.5C207.8 255.7 62.8333 196.333 2 161' stroke='%23B499F8' stroke-width='5' stroke-dasharray='22 22' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 780px;
  height: 601px;
  position: absolute;
  left: -970px;
  bottom: -200px;
}
.first-screen-success .content:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='983' height='702' viewBox='0 0 983 702' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M214.156 399.043C274.68 410.93 314.107 469.631 302.22 530.155C290.333 590.679 231.632 630.107 171.108 618.219C110.585 606.332 71.1566 547.632 83.0437 487.108C94.9309 426.584 153.632 387.156 214.156 399.043ZM224.255 347.622C313.178 365.087 371.106 451.331 353.641 540.254C336.176 629.177 249.932 687.105 161.009 669.64C72.0863 652.176 14.158 565.931 31.6228 477.008C49.0876 388.085 135.332 330.157 224.255 347.622Z' fill='%23B499F8' /%3E%3Cpath d='M932.91 131.649C780.506 157.954 743.583 215.851 722.533 282.83C701.484 349.81 809.927 355.904 795.849 297.735C781.771 239.566 748.861 151.482 595.166 147.717C472.21 144.705 344.736 280.162 296.368 348.268' stroke='%23B499F8' stroke-width='5' stroke-dasharray='22 22' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 983px;
  height: 702px;
  position: absolute;
  right: -670px;
  bottom: -200px;
}
.first-screen-success .icon-above-h1 {
  margin-bottom: 25px;
}
.first-screen-success h1 {
  max-width: 630px;
  margin-bottom: 26px;
  position: relative;
  z-index: 5;
}
.first-screen-success .text-under-h1 {
  font-weight: 500;
  font-size: 24px;
  line-height: 142%;
  margin-bottom: 49px;
  opacity: 0.9;
  position: relative;
  z-index: 5;
}
.first-screen-success .phone {
  margin-bottom: 35px;
  position: relative;
  z-index: 5;
}
.first-screen-success .text-call {
  font-weight: 500;
  font-size: 18px;
  line-height: 142%;
  margin-bottom: 94px;
  position: relative;
  z-index: 5;
}
.first-screen-success .link-to-main {
  font-weight: 500;
  font-size: 18px;
  line-height: 142%;
  margin: 0 auto;
  opacity: 0.6;
  position: relative;
  z-index: 5;
}
.first-screen-success .link-to-main:hover {
  opacity: 1;
}
.first-screen-success .link-to-main svg {
  margin-right: 5px;
}
@media (max-width: 1365px) {
  .first-screen-success .content:before {
    background-image: url("data:image/svg+xml,%3Csvg width='436' height='753' viewBox='0 0 436 753' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='354' cy='82' r='82' fill='white' /%3E%3Ccircle cx='14.7162' cy='14.7162' r='11.2378' transform='matrix(0.981253 0.192722 0.192722 -0.981253 300 746.881)' stroke='%23B499F8' stroke-width='6.9568' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M415.896 572.29C417.186 565.717 412.905 559.343 406.333 558.052C399.76 556.761 393.386 561.043 392.095 567.615C390.804 574.187 395.086 580.562 401.658 581.853C408.23 583.143 414.605 578.862 415.896 572.29ZM408.428 547.383C420.893 549.831 429.013 561.92 426.565 574.385C424.117 586.85 412.027 594.97 399.563 592.522C387.098 590.074 378.978 577.984 381.426 565.52C383.874 553.055 395.963 544.935 408.428 547.383Z' fill='%23B499F8' /%3E%3Cpath d='M371.098 579.63C288.567 601.245 256.799 580.612 230.926 551.792C205.053 522.971 258.109 495.133 264.332 527.556C270.554 559.979 274.157 611.725 197.848 648.733C136.801 678.34 41.8465 639.454 2 616.31' stroke='%23B499F8' stroke-width='5' stroke-dasharray='22 22' /%3E%3C/svg%3E");
    width: 436px;
    height: 753px;
    bottom: auto;
    top: -70px;
    left: -270px;
  }
}
@media (max-width: 1023px) {
  .first-screen-success .content:before {
    left: -320px;
  }
  .first-screen-success .content:after {
    right: -770px;
  }
  .first-screen-success h1 {
    max-width: 540px;
  }
  .first-screen-success .text-under-h1 {
    font-size: 20px;
    margin-bottom: 40px;
  }
  .first-screen-success .phone {
    margin-bottom: 30px;
  }
  .first-screen-success .text-call {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .first-screen-success .content {
    padding-bottom: 70px;
  }
  .first-screen-success .content:before {
    left: -390px;
  }
  .first-screen-success .content:after {
    background-image: url("data:image/svg+xml,%3Csvg width='693' height='495' viewBox='0 0 693 495' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M150.986 281.762C193.657 290.143 221.455 331.529 213.074 374.2C204.693 416.871 163.307 444.669 120.636 436.288C77.9652 427.907 50.1674 386.521 58.5481 343.85C66.9289 301.179 108.315 273.382 150.986 281.762ZM158.106 245.509C220.799 257.822 261.64 318.627 249.327 381.32C237.014 444.013 176.209 484.854 113.516 472.541C50.8228 460.228 9.9818 399.423 22.295 336.73C34.6082 274.037 95.4128 233.196 158.106 245.509Z' fill='%23B499F8' /%3E%3Cpath d='M657.729 93.2423C550.28 111.788 524.247 152.607 509.407 199.829C494.567 247.052 571.022 251.348 561.096 210.337C551.171 169.327 527.969 107.225 419.61 104.57C332.922 102.447 243.049 197.948 208.949 245.964' stroke='%23B499F8' stroke-width='5' stroke-dasharray='22 22' /%3E%3C/svg%3E");
    width: 693px;
    height: 495px;
    right: -570px;
    bottom: -150px;
  }
  .first-screen-success .icon-above-h1 {
    width: 80px;
    height: 80px;
  }
  .first-screen-success h1 {
    max-width: 410px;
    margin-bottom: 20px;
  }
  .first-screen-success .text-under-h1 {
    max-width: 265px;
  }
  .first-screen-success .phone {
    margin-bottom: 20px;
  }
  .first-screen-success .text-call {
    max-width: 340px;
  }
}
@media (max-width: 479px) {
  .first-screen-success .content {
    padding-top: 100px;
    padding-bottom: 70px;
  }
  .first-screen-success .content:before {
    background-image: url("data:image/svg+xml,%3Csvg width='143' height='143' viewBox='0 0 143 143' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='71.5' cy='71.5' r='71.5' fill='white' /%3E%3C/svg%3E");
    width: 143px;
    height: 143px;
    left: -40px;
  }
  .first-screen-success .content:after {
    background-image: url("data:image/svg+xml,%3Csvg width='548' height='391' viewBox='0 0 548 391' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M119.539 222.26C153.25 228.881 175.211 261.576 168.59 295.287C161.969 328.998 129.274 350.959 95.5627 344.338C61.8517 337.717 39.891 305.022 46.5119 271.311C53.1329 237.6 85.8283 215.639 119.539 222.26ZM125.164 193.619C174.693 203.347 206.958 251.384 197.231 300.912C187.503 350.441 139.466 382.706 89.9375 372.979C40.4088 363.251 8.14362 315.214 17.8713 265.686C27.5989 216.157 75.6357 183.892 125.164 193.619Z' fill='%23B499F8' /%3E%3Cpath d='M519.878 73.3256C434.991 87.9769 414.425 120.225 402.701 157.531C390.976 194.838 451.377 198.232 443.536 165.833C435.695 133.434 417.365 84.3722 331.759 82.2751C263.274 80.5974 192.273 156.045 165.333 193.979' stroke='%23B499F8' stroke-width='5' stroke-dasharray='22 22' /%3E%3C/svg%3E");
    width: 548px;
    height: 391px;
    right: -445px;
    bottom: -105px;
  }
  .first-screen-success .icon-above-h1 {
    width: 70px;
    height: 70px;
  }
  .first-screen-success h1 {
    margin-bottom: 12px;
  }
  .first-screen-success .phone {
    margin-bottom: 15px;
  }
  .first-screen-success .text-call {
    font-size: 16px;
    max-width: 260px;
  }
  .first-screen-success .link-to-main {
    font-size: 16px;
  }
}

/*** Custom styles ***/
.free-lesson-block {
  color: #fff;
  position: relative;
}
.free-lesson-block .wrap-free-lesson-block {
  border-radius: 20px;
  padding: 44px 140px 55px 50px;
  overflow: hidden;
  position: relative;
}
.free-lesson-block .content-for-block {
  max-width: 640px;
}
.free-lesson-block .content-for-block .title {
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  margin-bottom: 16px;
}
.free-lesson-block .content-for-block .text {
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
}
.free-lesson-block button {
  position: relative;
}
.free-lesson-block button:before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='546' height='254' viewBox='0 0 546 254' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='100.5' y='73.5' width='345' height='107' rx='53.5' stroke='%23B499F8'/%3E%3Crect opacity='0.6' x='68.5' y='46.5' width='409' height='161' rx='80.5' stroke='%23B499F8'/%3E%3Crect opacity='0.4' x='33.5' y='19.5' width='479' height='215' rx='107.5' stroke='%23B499F8'/%3E%3Crect opacity='0.2' x='0.5' y='0.5' width='545' height='253' rx='126.5' stroke='%23B499F8'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 546px;
  height: 254px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 1365px) {
  .free-lesson-block .wrap-free-lesson-block {
    padding: 40px 93px 50px 40px;
  }
  .free-lesson-block .content-for-block .title {
    font-size: 24px;
    margin-bottom: 12px;
  }
  .free-lesson-block .content-for-block .text {
    font-size: 18px;
  }
}
@media (max-width: 1023px) {
  .free-lesson-block .wrap-free-lesson-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 40px 40px 50px;
    position: relative;
  }
  .free-lesson-block .wrap-free-lesson-block:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='357' height='124' viewBox='0 0 357 124' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='92.5' y='73.5' width='317' height='107' rx='53.5' stroke='%23B499F8' /%3E%3Crect opacity='0.6' x='63.5' y='46.5' width='375' height='161' rx='80.5' stroke='%23B499F8' /%3E%3Crect opacity='0.4' x='30.5' y='19.5' width='441' height='215' rx='107.5' stroke='%23B499F8' /%3E%3Crect opacity='0.2' x='0.5' y='0.5' width='501' height='253' rx='126.5' stroke='%23B499F8' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 357px;
    height: 124px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .free-lesson-block .content-for-block {
    margin-bottom: 24px;
    position: relative;
    z-index: 5;
  }
  .free-lesson-block button {
    position: relative;
    z-index: 5;
  }
  .free-lesson-block button:before {
    display: none;
  }
}
@media (max-width: 767px) {
  .free-lesson-block .wrap-free-lesson-block:before {
    background-image: url("data:image/svg+xml,%3Csvg width='142' height='132' viewBox='0 0 142 132' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='92.5' y='73.5' width='317' height='107' rx='53.5' stroke='%23B499F8' /%3E%3Crect opacity='0.6' x='63.5' y='46.5' width='375' height='161' rx='80.5' stroke='%23B499F8' /%3E%3Crect opacity='0.4' x='30.5' y='19.5' width='441' height='215' rx='107.5' stroke='%23B499F8' /%3E%3Crect opacity='0.2' x='0.5' y='0.5' width='501' height='253' rx='126.5' stroke='%23B499F8' /%3E%3C/svg%3E");
    width: 142px;
    height: 132px;
  }
}
@media (max-width: 767px) {
  .free-lesson-block .wrap-free-lesson-block {
    padding: 35px 20px 40px;
  }
  .free-lesson-block .wrap-free-lesson-block:before {
    background-image: url("data:image/svg+xml,%3Csvg width='146' height='109' viewBox='0 0 146 109' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='92.5' y='73.5' width='317' height='107' rx='53.5' stroke='%23B499F8' /%3E%3Crect opacity='0.6' x='63.5' y='46.5' width='375' height='161' rx='80.5' stroke='%23B499F8' /%3E%3Crect opacity='0.4' x='30.5' y='19.5' width='441' height='215' rx='107.5' stroke='%23B499F8' /%3E%3Crect opacity='0.2' x='0.5' y='0.5' width='501' height='253' rx='126.5' stroke='%23B499F8' /%3E%3C/svg%3E");
    width: 146px;
    height: 109px;
  }
  .free-lesson-block .content-for-block .title {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .free-lesson-block .content-for-block .text {
    font-size: 16px;
    line-height: 150%;
  }
}

.subtitle {
  font-size: 24px;
  font-weight: 500;
  line-height: 142%;
}
@media (max-width: 1365px) {
  .subtitle {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .subtitle {
    font-size: 18px;
  }
}

.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slick-dots li {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  margin: 0 5px;
}
.slick-dots li.slick-active button {
  background-color: #8455f6;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.slick-dots li button {
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  padding: 0;
  background-color: #fff;
  border-radius: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.slick-dots li button:before {
  display: none;
}
/*# sourceMappingURL=app.css.map */
/* ==========================================================================
   landing-conversion, 09.2026 — задача 1: форма записи в один экран.
   Шаги квиза (возраст, язык) удалены, поэтому обнуляем зарезервированную
   под них высоту и показываем сразу шаг с формой.
   Блок продублирован в sass/global/_global.scss — при следующей пересборке
   sass он воспроизводится из исходников.
   ========================================================================== */
[data-popup="quiz-form"] .popup-inner {
  min-height: 0;
}

[data-popup="quiz-form"] .single-step {
  min-height: 0;
  padding-bottom: 0;
}

[data-popup="quiz-form"] .single-step.single-step-last {
  display: block;
}

[data-popup="quiz-form"] .lead-summary {
  width: 100%;
  margin: 0 0 20px;
  padding: 12px 16px;
  border-radius: 12px;
  border-left: 3px solid #0055FF;
  background: #F2F5FF;
  color: #0A0B10;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
}

[data-popup="quiz-form"] .lead-summary:empty {
  display: none;
}

/* ==========================================================================
   landing-conversion, 09.2026 — задачи 3-5, 7.
   Первый экран: цена, дедлайн и три ближайших слота выше сгиба на 375px.
   Подсветка карточки при переходе по якорю из объявления.
   Градиентная заглушка вместо цветного фона у карточек без картинки.
   Блок продублирован в sass/global/_global.scss.
   ========================================================================== */
.first-screen .first-screen-price {
  margin: 0 0 18px;
  line-height: 1.25;
}

.first-screen .first-screen-price .price-line {
  font-size: 20px;
  font-weight: 700;
}

.first-screen .first-screen-price .price-deadline {
  margin-top: 4px;
  font-size: 15px;
  opacity: 0.85;
}

.first-screen .first-screen-lessons {
  max-width: 460px;
  margin: 0 auto 14px;
}

.first-screen .first-screen-lessons .title-nearest {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
}

.first-screen .nearest-lesson {
  gap: 12px;
  margin-bottom: 8px;
  padding: 8px 10px 8px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.12);
}

.first-screen .nearest-lesson .when {
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
}

.first-screen .nearest-lesson .weekday {
  opacity: 0.8;
}

.first-screen .nearest-lesson .btn {
  width: auto;
  min-width: 132px;
  min-height: 40px;
  padding: 0 18px;
  font-size: 15px;
}

.first-screen .first-screen-lessons .btn.no-slots {
  max-width: 320px;
  margin: 0 auto;
}

.first-screen .first-screen-note {
  font-size: 14px;
  opacity: 0.85;
}

.list-free-lessons.no-lessons {
  padding-top: 4px;
}

.list-free-lessons.no-lessons .btn {
  max-width: 320px;
}

.single-course .img-course.img-course--gradient {
  background: linear-gradient(135deg, #0055FF 0%, #8A2BE2 100%);
}

.single-course.anchor-highlight {
  outline: 3px solid #0055FF;
  outline-offset: 3px;
  border-radius: 16px;
  transition: outline-color 0.3s ease;
}

@media (max-width: 767px) {
  .first-screen .first-screen-price .price-line {
    font-size: 17px;
  }

  .first-screen .first-screen-price .price-deadline {
    font-size: 14px;
  }

  .first-screen .nearest-lesson {
    padding: 7px 8px 7px 12px;
  }

  .first-screen .nearest-lesson .when {
    gap: 8px;
    font-size: 15px;
  }

  .first-screen .nearest-lesson .btn {
    min-width: 112px;
    min-height: 38px;
    padding: 0 12px;
    font-size: 14px;
  }
}

/* --- landing-conversion: правки после первого выката 09.09 --- */
/* .first-screen .btn темы даёт margin-bottom 48px — из-за него плитка слота
   разъезжалась по высоте, а кнопка уезжала вверх. */
.first-screen .nearest-lesson .btn,
.first-screen .first-screen-lessons .btn.no-slots {
  margin-bottom: 0;
  flex: 0 0 auto;
}

/* Два курса могут идти в одно время — без названия ряды неразличимы. */
.first-screen .nearest-lesson .lesson-info {
  min-width: 0;
  text-align: left;
}

.first-screen .nearest-lesson .course-name {
  margin-top: 2px;
  font-size: 13px;
  font-weight: 500;
  opacity: 0.8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 767px) {
  .first-screen .nearest-lesson .course-name {
    font-size: 12px;
  }
}

/* Кнопка отправки в теме позиционирована абсолютно (bottom: -90px) — она
   занимала место кнопок шагов квиза. Шаги удалены, поэтому возвращаем
   кнопку в обычный поток, иначе она висит за краем окна. */
[data-popup="quiz-form"] .single-step.single-step-last form [type=submit] {
  position: static;
  display: block;
  width: 100%;
  max-width: 260px;
  margin: 20px auto 0;
}

[data-popup="quiz-form"] .single-step.single-step-last form {
  padding-bottom: 0;
}

/* Цена убрана с первого экрана: она разная у разных курсов, а список
   слотов смешанный. Остался дедлайн скидки — он верен для семестра
   и не обещает конкретной суммы за Roblox или AI. */
.first-screen .first-screen-price .price-deadline {
  font-size: 17px;
  font-weight: 600;
  opacity: 1;
}

/* Три ближайших слота читались как «других дат нет». */
.first-screen .all-lessons-link {
  display: block;
  margin: 12px auto 0;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
  opacity: 0.9;
  position: relative;
  z-index: 5;
}

.first-screen .all-lessons-link:hover {
  opacity: 1;
}

@media (max-width: 767px) {
  .first-screen .first-screen-price .price-deadline {
    font-size: 15px;
  }

  .first-screen .all-lessons-link {
    font-size: 13px;
  }
}

/* Ссылка на полное расписание читалась как подпись, а не как «есть ещё».
   Делаем её заметной кнопкой-контуром: три слота не должны выглядеть
   как весь наш ассортимент. Переопределяет более ранний вариант ниже
   по каскаду. */
.first-screen .all-lessons-link {
  display: block;
  max-width: 320px;
  margin: 14px auto 0;
  padding: 11px 18px;
  border: 1.5px solid rgba(255, 255, 255, 0.65);
  border-radius: 14px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  color: #fff;
  opacity: 1;
  -webkit-transition: background 0.2s ease, border-color 0.2s ease;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.first-screen .all-lessons-link .arrow {
  display: inline-block;
  margin-left: 4px;
}

.first-screen .all-lessons-link:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: #fff;
}

@media (max-width: 767px) {
  .first-screen .all-lessons-link {
    max-width: 100%;
    margin-top: 12px;
    padding: 10px 14px;
    font-size: 15px;
  }
}

/* Строка про дедлайн скидки переехала с первого экрана в блок цен:
   на первом экране лишние надписи отодвигали кнопку записи. */
.price-block .price-block-deadline {
  margin: -10px 0 30px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
}

@media (max-width: 767px) {
  .price-block .price-block-deadline {
    margin: -4px 0 24px;
    font-size: 16px;
  }
}

/* Шаг Б: форма записи в одну колонку — три поля вместо пяти.
   Отступы между полями раньше жили на .right-col, которого больше нет. */
[data-popup="quiz-form"] .single-step.single-step-last form {
  max-width: 420px;
  margin: 0 auto;
}

[data-popup="quiz-form"] .single-step.single-step-last form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

[data-popup="quiz-form"] .single-step.single-step-last form .checkbox-agreement {
  position: static;
  width: 100%;
  margin-top: 4px;
}

@media (max-width: 767px) {
  [data-popup="quiz-form"] .single-step.single-step-last form {
    max-width: 100%;
  }
}

/* СРОЧНО: у формы в теме стоит display:flex; flex-direction:row; height:275px —
   она была рассчитана на две колонки. Новый шаблон колонок не содержит,
   поэтому поля сжимались в узкие столбики. Ставим обычный блок. */
[data-popup="quiz-form"] .single-step.single-step-last form {
  display: block;
  height: auto;
  max-width: 420px;
  margin: 0 auto;
  padding-bottom: 0;
}

@media (max-width: 767px) {
  [data-popup="quiz-form"] .single-step.single-step-last form {
    max-width: 100%;
  }
}

/* «Pieteikties bezmaksas nodarbībai» не помещалось в 260px и обрезалось. */
[data-popup="quiz-form"] .single-step.single-step-last form [type=submit] {
  max-width: 100%;
  padding: 0 24px;
}