@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/**
 * Set up a decent box model on the root element
 */
html {
  box-sizing: border-box; }

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*,
*::before,
*::after {
  box-sizing: inherit; }

/**
 * Basic styles for links
 */
a {
  color: inherit;
  text-decoration: none; }
  a:hover, a:active, a:focus {
    color: #222222;
    text-decoration: underline; }

input {
  outline: none; }

body {
  overflow-y: scroll; }
  body.fixed {
    overflow: hidden; }

.isMan.hidden {
  display: none !important; }

.headerPath {
  height: auto !important; }

.path {
  height: auto; }
  .path h3 {
    text-align: left;
    margin-bottom: 20px;
    font-size: 45px; }
    @media (max-width: 1160px) {
      .path h3 {
        font-size: 35px; } }
  .path p {
    font-size: 20px;
    margin-bottom: 15px; }
    .path p b {
      font-weight: bold; }
  .path ul {
    font-family: Lato-Light;
    font-style: normal;
    font-weight: 300; }
    .path ul li {
      margin-bottom: 5px; }
  .path__osozn {
    max-width: 750px;
    margin-top: 100px; }
  .path__criteria {
    margin-top: 100px;
    margin-bottom: 100px;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 1160px) {
      .path__criteria {
        flex-direction: column; } }
  .path__frequency {
    max-width: 900px;
    margin: auto;
    margin-bottom: 100px; }
    .path__frequency .bold {
      margin-top: 50px;
      text-align: center; }

body {
  overflow: auto !important; }

.slick {
  max-width: calc(100% - 150px);
  margin: auto; }

.slick__elem {
  width: 420px;
  height: 400px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }

.slick__elem div {
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1.2px solid rgba(129, 153, 223, 0.25);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 30px;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.slick__elem div img {
  max-width: calc(100% - 20px);
  max-height: calc(100% - 20px); }

.slick-prev {
  width: 10px;
  height: 26px;
  position: absolute;
  left: -30px;
  top: 167px;
  border: 0;
  color: transparent;
  background-color: transparent;
  background-image: url(../images/arrow_left.svg);
  background-size: cover;
  cursor: pointer; }

.slick-next {
  width: 10px;
  height: 26px;
  position: absolute;
  right: -30px;
  top: 167px;
  border: 0;
  color: transparent;
  background-color: transparent;
  background-image: url(../images/arrow_right.svg);
  background-size: cover;
  cursor: pointer; }

@media (max-width: 768px) {
  .slick {
    max-width: calc(100% - 10px); }
  .slick-next, .slick-prev {
    display: none; } }

.slick-dots {
  padding-top: 30px;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto; }

.slick-dots li {
  display: block;
  color: transparent;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  margin: 0 5px;
  width: 10px;
  height: 10px;
  border-radius: 100px; }

.slick-dots li > * {
  display: block;
  color: transparent;
  background-color: transparent;
  border: 1px solid #000;
  width: 10px;
  height: 10px;
  border-radius: 100px;
  padding: 0; }

.slick-dots li.slick-active {
  background-color: #000; }

.reviews__title {
  margin-top: 100px;
  margin-bottom: 25px; }
  @media (max-width: 1480px) {
    .reviews__title {
      font-size: 45px; } }
  @media (max-width: 1160px) {
    .reviews__title {
      font-size: 35px; } }

.reviews__slick {
  width: 1200px;
  margin: auto;
  margin-bottom: 100px; }

#btnScriptContainer {
  max-height: 607px; }

#btnScriptContainer > * {
  max-height: 607px;
  display: none !important; }

#btnScriptContainer > *.active {
  display: initial !important; }

#selectPath {
  margin: auto;
  display: block;
  width: 500px;
  max-width: calc(100% - 25px);
  height: 50px;
  padding: 0 20px;
  background: transparent;
  color: #EA9DC3;
  border: 1px solid #EA9DC3;
  border-radius: 25px;
  font-family: Lato-Light;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  cursor: pointer; }

#selectPath:active,
#selectPath::selection {
  color: #EA9DC3;
  border: 1px solid #EA9DC3; }

/* FIX OF UGLY SELECT */
#selectPath {
  background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23EA9DC3' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
  background-position: calc(100% - 0.75rem) center !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: 2rem !important; }

#selectPath:hover {
  filter: drop-shadow(0px 3px 12px rgba(234, 157, 195, 0.59)); }

#btnContainer > button {
  margin: auto;
  display: block;
  width: 500px;
  max-width: calc(100% - 25px);
  height: 50px;
  margin-bottom: 10px;
  padding: 0 20px;
  background: transparent;
  color: #EA9DC3;
  border: 1px solid #EA9DC3;
  border-radius: 25px;
  font-family: Lato-Light;
  font-style: normal;
  font-weight: 300;
  cursor: pointer;
  margin-top: 20px; }

#btnContainer > button:hover {
  background: #EA9DC3;
  color: #fff; }

#btnScriptContainer,
#btnContainer {
  margin: auto;
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: center; }

@media (max-width: 1160px) {
  .headerPath .header__imgWrapper {
    display: none; }
  .headerPath .header__mobile {
    display: none; } }

@font-face {
  font-family: Lato-Light;
  src: url("../fonts/Lato-Light.ttf"); }

@font-face {
  font-family: Lato-Regular;
  src: url("../fonts/Lato-Regular.ttf"); }

@font-face {
  font-family: Lato-Medium;
  src: url("../fonts/Lato-Medium.ttf"); }

@font-face {
  font-family: Lato-Bold;
  src: url("../fonts/Lato-Bold.ttf"); }

@font-face {
  font-family: Philosopher;
  src: url("../fonts/Philosopher-Regular.ttf"); }

/**
 * Basic typography style for copy text
 */
body {
  color: #222222;
  font: normal 125%/1.4 "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

h1 {
  font-family: Philosopher;
  font-size: 85px;
  font-style: normal;
  font-weight: 400;
  line-height: 100px;
  letter-spacing: 0em;
  font-display: swap;
  text-align: left;
  margin: 0;
color: #394475;	
}
  @media (max-width: 1480px) {
    h1 {
      font-size: 65px;
      line-height: 60px; } }
  @media (max-width: 1160px) {
    h1 {
      font-size: 40px; } }

h2 {
  font-family: Philosopher;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  line-height: 90px;
  letter-spacing: 0em;
  text-align: left;
  color: #394475;	
  margin: 0; }
  @media (max-width: 1480px) {
    h2 {
      font-size: 60px;
      line-height: 50px;
      margin-bottom: 10px; } }
  @media (max-width: 1160px) {
    h2 {
      font-size: 35px;
      line-height: 40px; } }

h3 {
  font-family: Philosopher;
  font-size: 45px;
  font-style: normal;
  font-display: swap;
  color: #394475;	
  font-weight: 400;
  line-height: 55px;
  letter-spacing: 0em;
  text-align: center;
  margin: 0; }
  @media (max-width: 1480px) {
    h3 {
      font-size: 30px; } }

h2 + p {
  font-family: Lato-Light;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center; }
  @media (max-width: 1480px) {
    h2 + p {
      font-size: 16px; } }
  @media (max-width: 1160px) {
    h2 + p {
      text-align: left; } }

p {
  font-family: Lato-Light;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
  margin: 0;
  font-display: swap; }
  @media (max-width: 1480px) {
    p {
      font-size: 16px; } }

/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: '';
  display: table; }

/**
 * Main content containers
 * 1. Make the container full-width with a maximum width
 * 2. Center it in the viewport
 * 3. Leave some space on the edges, especially valuable on small screens
 */
/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
  overflow: hidden;
  padding: 0;
  /* 1 */
  text-indent: 101%;
  white-space: nowrap; }

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.nav {
  margin-top: 30px;
  padding-bottom: 30px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 100;
  border-bottom: 1px rgba(255, 255, 255, 0.95) solid; }
  .nav__wrapper {
    z-index: 101;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 116px;
    background: rgba(185, 185, 214, 0.3);
    background:#364277;
    transition: background-color .2s ease-in-out; }
    .nav__wrapper.scrolled {
      background: #364277;
     
      height: 85px; }
      @media (max-width: 1160px) {
        .nav__wrapper.scrolled {
          background: rgba(185, 185, 214, 0.95);
          
          height: 80px; }
          .nav__wrapper.scrolled .mobileNav__wrapper {
            top: 80px; } }
      .nav__wrapper.scrolled .nav {
        margin-top: 15px;
        padding-bottom: 15px; }
    @media (max-width: 1160px) {
      .nav__wrapper {
        height: 80px; } }
  .nav:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px; }
  .nav__logo {
    width: 170px;
    height: 52px;
    background: url("../images/logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }
  .nav__menu {
    width: 100%;
    max-width: 1120px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
   .nav__menu a{
		color: #fff;
   } 
    @media (max-width: 1160px) {
      .nav__menu {
        display: none; } }
    .nav__menu > li {
      font-family: Lato-Medium;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 16px;
      text-align: center;
      list-style: none; }
      @media (max-width: 1480px) {
       
        .nav__menu > li {
          font-size: 12px; } }
      .nav__menu > li a:hover {
        color: #BD9FD3;
        text-decoration: none; }
  .nav__social {
    width: 100%;
    max-width: 75px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 1480px) {
      .nav__social {
        margin-left: 20px;
        max-width: 60px; } }
    @media (max-width: 1160px) {
      .nav__social {
        max-width: fit-content; } }
    .nav__social .inst {
      width: 24px;
      height: 24px;
      background: url("../images/icons/instagram.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center; }
      @media (max-width: 1480px) {
        .nav__social .inst {
          width: 20px;
          height: 20px; } }
      .nav__social .inst:hover {
        filter: brightness(0) invert(86%) sepia(95%) saturate(7128%) hue-rotate(282deg) brightness(94%) contrast(92%); }
    .nav__social .login {
      width: 21px;
      height: 24px;
      background: url("../images/nav__login.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center; }
      @media (max-width: 1480px) {
        .nav__social .login {
          width: 18px;
          height: 20px; } }
      .nav__social .login:hover {
        filter: brightness(0) invert(86%) sepia(95%) saturate(7128%) hue-rotate(282deg) brightness(94%) contrast(92%); }
      @media (max-width: 1160px) {
        .nav__social .login {
          margin-left: 20px; } }
  .nav .burger {
    display: none;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 30px;
    cursor: pointer;
    transition: .4s;
    z-index: 20;
    margin-left: 20px; }
    @media (max-width: 1160px) {
      .nav .burger {
        display: flex; } }
    .nav .burger__icon {
      display: block;
      position: relative;
      bottom: 8px;
      background: #000;
      width: 90%;
      height: 2px;
      transition: .4s; }
      .nav .burger__icon::after, .nav .burger__icon::before {
        content: "";
        display: block;
        position: absolute;
        background: #000;
        width: 100%;
        height: 2px;
        transition: .4s;
        right: 0; }
      .nav .burger__icon::after {
        top: 8px;
        width: 80%; }
      .nav .burger__icon::before {
        top: 16px;
        width: 50%; }
    .nav .burger.active > .burger__icon {
      background: transparent; }
      .nav .burger.active > .burger__icon::before, .nav .burger.active > .burger__icon::after {
        top: 8px;
        width: 100%;
        background: #494F7E; }
      .nav .burger.active > .burger__icon::after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); }
      .nav .burger.active > .burger__icon::before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg); }

.mobileNav__wrapper {
  position: fixed;
  width: 100%;
  top: 112px;
  left: 0;
  right: 0;
  display: block;
  z-index: 10;
  background: white; }
  .mobileNav__wrapper.hidden {
    display: none; }
  @media (max-width: 1160px) {
    .mobileNav__wrapper {
      background: white;
      top: 112px; } }
  .mobileNav__wrapper ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0; }
    .mobileNav__wrapper ul li {
      list-style: none;
      font-size: 16px;
      margin-bottom: 15px; }
      .mobileNav__wrapper ul li a:hover {
        text-decoration: none;
        color: #EA9DC3; }

.header {
  position: relative;
  z-index: 4; }
  .header__wrapper {
    position: relative;
    padding-top: 116px;
    height: 1080px;
    z-index: 5; }
    @media (max-width: 1480px) {
      .header__wrapper {
        height: 700px; } }
    @media (max-width: 1160px) {
      .header__wrapper {
        height: 500px; } }
    .header__wrapper:before {
      content: '';
      position: absolute;
      top: 0;
      display: block;
      width: 100%;
      height: 1200px;
      z-index: 1; }
      @media (min-width: 1480px) {
        .header__wrapper:before {
          top: -100px;
          height: 1300px; } }
      @media (max-width: 1480px) {
        .header__wrapper:before {
          height: 900px; } }
      @media (max-width: 1160px) {
        .header__wrapper:before {
          height: 600px; } }
  .header h1 {
    width: 100%;
    max-width: 585px;
    padding-top: 260px; }
    @media (max-width: 1480px) {
      .header h1 {
        padding-top: 200px;
        max-width: 500px; } }
    @media (max-width: 1160px) {
      .header h1 {
        padding-top: 250px; } }
  .header__imgWrapper {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 1100px;
    background: linear-gradient(0deg, rgba(2, 0, 36, 0) 0%, white 15%);
    overflow: hidden; }
    @media (min-width: 1480px) {
      .header__imgWrapper {
        top: 200px;
        left: -100px; } }
    @media (max-width: 1440px) {
      .header__imgWrapper {
        height: 900px; } }
    @media (max-width: 1160px) {
      .header__imgWrapper {
        height: 700px; } }
  .header__earth {
    position: absolute;
    right: 200px;
    top: 150px;
    width: 500px;
    height: 500px;
    background: url("../images/header__earth-black.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }
    @media (max-width: 1160px) {
      .header__earth {
        transform: scale(0.5);
        right: 100px; } }
    @media (max-width: 500px) {
      .header__earth {
        right: -90px;
        top: 200px; } }
  .header__mars {
    width: 481px;
    height: 440px;
    position: absolute;
    top: 524px;
    right: 0px;
    top: 350px;
    width: 350px;
    height: 350px;
    background: url("../images/header__mars-black.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }
    @media (max-width: 1160px) {
      .header__mars {
        transform: scale(0.5);
        right: 50px;
        top: 300px; } }
    @media (max-width: 500px) {
      .header__mars {
        right: -150px;
        top: 350px; } }
  .header__marsDynamic {
    position: absolute;
    right: 178px;
    top: 125px;
    width: 550px;
    height: 550px; }
    @media (max-width: 1160px) {
      .header__marsDynamic {
        transform: scale(0.5);
        right: 78px; } }
    @media (max-width: 500px) {
      .header__marsDynamic {
        right: -112px;
        top: 175px; } }
  .header__mobile {
    display: none; }

.earn {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 1160px) {
    .earn {
      flex-direction: column; } }
  .earn__wrap {
    position: fixed;
    top: 116px;
    width: 100%;
    background: rgba(185, 185, 214, 0.95);
    background:#364277;
    z-index: 9;
    padding: 30px;
    box-sizing: border-box; }
    @media (max-width: 1160px) {
      .earn__wrap {
        top: 112px;
        padding: 10px 0; } }
	.earn__wrap{
	transition: all 0.3s ease;
	}
    .earn__wrap.scrolled {
      position: relative;
      
      
      transition: all 0.2s ease;
      top: 75px;
      background: #364277;
      z-index: 1;
     	opacity: 0;
	}
      @media (max-width: 1160px) {
        .earn__wrap.scrolled {
          top: 80px; } }
  .earn__text {
    font-size: 32px;
    line-height: 36px;
    color: #fff;
    font-family: Lato-Regular;
    margin-right: 30px; }
    @media (max-width: 1480px) {
      .earn__text {
        font-size: 24px;
        line-height: 28px; } }
    @media (max-width: 1160px) {
      .earn__text {
        margin-right: 0;
        margin-bottom: 15px;
        font-size: 18px;
        text-align: center; } }
  .earn__button {
    font-family: Lato-Regular;
    width: 276px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: #fff;
    border-radius: 90px;
    box-sizing: border-box;
    padding: 15px 20px;
    border: 1px solid #fff;
    background: transparent;
    cursor: pointer;
    font-size: 16px;
    transition: color .5s;
    transition: background .5s; }
    .earn__button:hover {
      color:#364277;
      background: #fff;);
      border-color: #C8CAFF;
      text-decoration: none; }
    @media (max-width: 1160px) {
      .earn__button {
        font-size: 18px;
        max-width: 100%;
        height: 33px; } }

.calc {
  
  position: relative;
  z-index: 3; }
  @media (max-width: 1160px) {
    .calc {
      overflow: hidden;
      height: fit-content; } }
  .calc.transformed {
    overflow:hidden;
    z-index: 10; }
  .calc__wrapper {
    position: relative;
    height: 770px; }
    @media (max-width: 1160px) {
      .calc__wrapper {
        height: 700px; } }
    .calc__wrapper.transformed {
      height: fit-content;
      margin-bottom: 300px; }
      @media (max-width: 1160px) {
        .calc__wrapper.transformed {
          height: fit-content;
          margin-bottom: 300px; } }
      .calc__wrapper.transformed:before {
        height: 1700px; }
    .calc__wrapper:before {
      content: '';
      position: absolute;
      top: -100px;
      display: block;
      width: 100%;
      height: 900px;
      will-change: transform;
      z-index: 1; }
  .calc #calc__canvas {
    position: absolute;
    bottom: 835px;
    left: -250px;
    z-index: 1;
    transition: 1s; }
    @media (max-width: 1480px) {
      .calc #calc__canvas {
        max-width: 800px;
        bottom: 880px;
        left: -150px; } }
    @media (max-width: 1160px) {
      .calc #calc__canvas {
        display: none; } }
  .calc #calc__canvas.transformed {
    left: calc(50% - 450px);
    bottom: 370px;
    bottom: -100px;}
    @media (max-width: 1480px) {
      .calc #calc__canvas.transformed {
        left: calc(50% - 310px);
        bottom: 487px; } }
    @media (max-width: 1160px) {
      .calc #calc__canvas.transformed {
        max-width: 100%;
        top: -100px;
        bottom: 0px; } }
  .calc__gradient {
    width: 100%;
    height: 1000px;
    position: absolute;
    background: linear-gradient(275deg, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 60%);
    z-index: 10;
    transition: background-color .1s ease-in-out;
    transform: rotate(334deg); }
    .calc__gradient.hidden {
      z-index: 0;
      background: transparent; }
  .calc__block {
    position: relative;
    z-index: 10;
    width: 100%;
    top: 150px;
    max-width: 750px;
    float: right;
    opacity: 1;
    transition: 1s; }
    .calc__block.hidden {
      position: absolute;
      opacity: 0;
      z-index: 1; }
      @media (max-width: 1160px) {
        .calc__block.hidden {
          position: absolute; } }
    @media (max-width: 1480px) {
      .calc__block {
        max-width: 500px;
        width: fit-content;
        float: none;
        margin: auto;
        top: 180px;
        left: 300px; } }
    @media (max-width: 1160px) {
      .calc__block {
        width: 100%;
        float: none;
        left: 0;
        top: 150px;
        margin: auto; } }
  .calc__inputs {
    display: flex;
    flex-wrap: wrap; }
    .calc__inputs .birthplace__wrapper {
      position: relative;
      width: 100%;
      max-width: 342px;
      height: 55px; }
      @media (max-width: 1480px) {
        .calc__inputs .birthplace__wrapper {
          max-width: 230px;
          margin-bottom: 12px;
          height: 45px; } }
      @media (max-width: 1160px) {
        .calc__inputs .birthplace__wrapper {
          max-width: 100%; } }
      .calc__inputs .birthplace__wrapper #birthplace__autocomplete {
        display: none;
        position: absolute;
        top: 70px;
        width: calc(200% + 24px);
        left: calc(-100% - 24px);
        height: fit-content;
        padding: 5px;
        border: 1px solid #fff;
        border-radius: 15px;
        color: white;
        background: rgba(58, 64, 110, 0.8);
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 50; }
        .calc__inputs .birthplace__wrapper #birthplace__autocomplete.active {
          display: flex; }
        @media (max-width: 1480px) {
          .calc__inputs .birthplace__wrapper #birthplace__autocomplete {
            top: 50px;
            width: calc(200% + 10px);
            left: calc(-100% - 10px); } }
        @media (max-width: 1160px) {
          .calc__inputs .birthplace__wrapper #birthplace__autocomplete {
            top: 50px;
            width: 100%;
            left: 0; } }
        .calc__inputs .birthplace__wrapper #birthplace__autocomplete > div {
          font-family: Lato-Regular;
          font-size: 17px;
          margin-bottom: 5px;
          cursor: pointer;
          text-align: center; }
          .calc__inputs .birthplace__wrapper #birthplace__autocomplete > div:hover {
            text-decoration: underline; }
    .calc__inputs input,
    .calc__inputs select,
    .calc__inputs .select__wrapper {
      outline: none;
      font-family: Lato-Regular;
      width: 100%;
      max-width: 342px;
      height: 55px;
      display: flex;
      background: transparent;
      color: #000;
      border: 1px solid #000;
      border-radius: 90px;
      box-sizing: border-box;
      padding: 10px 20px;
      margin-bottom: 24px;
      font-size: 16px; }
      @media (max-width: 1480px) {
        .calc__inputs input,
        .calc__inputs select,
        .calc__inputs .select__wrapper {
          max-width: 230px;
          margin-bottom: 12px;
          height: 45px; } }
      @media (max-width: 1160px) {
        .calc__inputs input,
        .calc__inputs select,
        .calc__inputs .select__wrapper {
          max-width: 100%; } }
      .calc__inputs input:nth-child(2n + 1),
      .calc__inputs select:nth-child(2n + 1),
      .calc__inputs .select__wrapper:nth-child(2n + 1) {
        margin-right: 24px; }
        @media (max-width: 1480px) {
          .calc__inputs input:nth-child(2n + 1),
          .calc__inputs select:nth-child(2n + 1),
          .calc__inputs .select__wrapper:nth-child(2n + 1) {
            margin-right: 10px; } }
        @media (max-width: 1160px) {
          .calc__inputs input:nth-child(2n + 1),
          .calc__inputs select:nth-child(2n + 1),
          .calc__inputs .select__wrapper:nth-child(2n + 1) {
            margin-right: 0; } }
    .calc__inputs select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      position: relative;
      width: 100%; }
      .calc__inputs select > option {
        color: #000;
        background: transparent; }
      .calc__inputs select#sex {
        margin-right: 0; }
        @media (max-width: 1480px) {
          .calc__inputs select#sex {
            margin-right: 0; } }
    .calc__inputs .select__wrapper {
      position: relative;
      border: 0;
      padding: 0; }
      .calc__inputs .select__wrapper:after {
        content: '˅';
        position: absolute;
        right: 20px;
        top: 10px;
        font-size: 26px;
        font-weight: 300;
        pointer-events: none;
        z-index: 10; }
        @media (max-width: 1480px) {
          .calc__inputs .select__wrapper:after {
            top: 5px; } }
        @media (max-width: 1160px) {
          .calc__inputs .select__wrapper:after {
            top: 7px; } }
    .calc__inputs select::-ms-expand {
      display: none; }
  .calc button {
    font-family: Lato-Regular;
    width: 342px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: #fff;
    border-radius: 90px;
    box-sizing: border-box;
    padding: 10px 20px;
    background: linear-gradient(269.48deg, #1864D1 2.9%, #758CCE 109.39%);
    background: linear-gradient(269.48deg, #4146A4 2.9%, #758CCE 109.39%);
    box-shadow: 0px 4px 12px rgba(120, 98, 163, 0.31);
    border: 0;
    cursor: pointer;
    font-size: 16px; }
    .calc button:hover {
      background: linear-gradient(269.48deg, #1864D1 10.9%, #758CCE 129.39%); }
    @media (max-width: 1480px) {
      .calc button {
        max-width: 230px;
        height: 45px;
        width: 100%; } }
    @media (max-width: 1160px) {
      .calc button {
        width: 100%;
        max-width: 100%; } }
  .calc h2 {
    margin-bottom: 20px; }
    @media (max-width: 1160px) {
      .calc h2 {
        text-align: center; } }
  .calc__transformed {
    width: 100%;
    max-width: inherit;
    position: relative;
    top: 0;
    opacity: 1;
    transition: 1s;
    z-index: 8; }
    .calc__transformed.hidden {
      z-index: -1;
      opacity: 0; }
    @media (max-width: 1160px) {
      .calc__transformed {
        position: relative;
        margin-top: 150px;
        height: fit-content; } }
    .calc__transformed h2 {
      font-family: 'Lato-Regular';
      font-size: 34px;
      text-align: center;
      margin-bottom: 20px; }
      @media (max-width: 1160px) {
        .calc__transformed h2 {
          margin-bottom: 20px;
          font-family: 'Lato-Regular';
          font-size: 24px; } }
    @media (max-width: 1160px) {
      .calc__transformed {
        max-width: 100%; } }
    .calc__transformed .calc__data {
      width: 100%;
      display: flex;
      justify-content: center; }
      @media (max-width: 1160px) {
        .calc__transformed .calc__data {
          flex-wrap: wrap;
          justify-content: center; } }
      .calc__transformed .calc__data > div {
        font-family: Lato-Regular;
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
        color: #3D0ACD;
        border: 1px solid #3D0ACD;
        border-radius: 90px;
        box-sizing: border-box;
        padding: 10px 20px;
        margin: 0 5px 10px 5px;
        min-width: 200px;
        width: fit-content;
        max-width: 300px;
        min-height: 35px; }
        @media (max-width: 1160px) {
          .calc__transformed .calc__data > div {
            min-width: 150px;
            width: auto;
            text-transform: none;
            max-width: 100%;
            margin: 0 5px 10px 5px;
            height: 40px;
            font-size: 16px;
            border-radius: 15px; } }
    .calc__transformed .calc__description {
      position: relative;
      width: 100%;
      height: 600px;
      margin-top: 70px; }
      @media (max-width: 1160px) {
        .calc__transformed .calc__description {
          height: fit-content;
          margin-bottom: 20px; } }
      .calc__transformed .calc__description > div {
        width: 100%;
        max-width: 430px;
        display: flex;
        flex-direction: column; }
        @media (max-width: 1480px) {
          .calc__transformed .calc__description > div {
            max-width: 325px; } 
		   .calc__transformed .calc__description {
            
            height: 750px;
             }
		}
        @media (max-width: 1160px) {
          .calc__transformed .calc__description > div {
            max-width: 100%;
            margin-bottom: 30px; } }
        .calc__transformed .calc__description > div > p:nth-child(1) {
          position: relative;
          width: 100%;
          max-width: 299px;
          display: inline-block;
          font-family: Lato-Regular;
          font-style: normal;
          font-weight: normal;
          font-size: 18px;
          line-height: 18px;
          text-transform: uppercase;
          color: #3D0ACD;
          padding: 0 0px 22px 0px;
          margin-bottom: 10px;
          border-bottom: 1px solid #3D0ACD; }
          @media (max-width: 1160px) {
            .calc__transformed .calc__description > div > p:nth-child(1) {
              max-width: 100%;
              text-align: center; } }
        .calc__transformed .calc__description > div:nth-child(1) {
          position: absolute;
          left: 0;
          top: 0; }
          @media (max-width: 1160px) {
            .calc__transformed .calc__description > div:nth-child(1) {
              position: relative; } }
          .calc__transformed .calc__description > div:nth-child(1) > p:nth-child(1) {
            left: 30px;
            text-align: right;
            align-self: flex-end; }
            @media (max-width: 1160px) {
              .calc__transformed .calc__description > div:nth-child(1) > p:nth-child(1) {
                left: 0;
                text-align: center;
                align-self: flex-start; } }
          .calc__transformed .calc__description > div:nth-child(1) > p:nth-child(2) {
            max-width: 424px;
            text-align: right;
            align-self: flex-end; }
            @media (max-width: 1480px) {
              .calc__transformed .calc__description > div:nth-child(1) > p:nth-child(2) {
                max-width: 325px;
              	 
              } 
              .calc__transformed .calc__description > div:nth-child(2) {
          
          top: 350px; }
				}
            @media (max-width: 1160px) {
              .calc__transformed .calc__description > div:nth-child(1) > p:nth-child(2) {
                max-width: 100%;
                text-align: left;
                align-self: flex-start; } }
        .calc__transformed .calc__description > div:nth-child(2) {
          position: absolute;
          left: 0px;
          top: 320px; }
@media (max-width: 1480px) {
              
              .calc__transformed .calc__description > div:nth-child(2) {
          
          top: 350px; }
				}
          @media (max-width: 1160px) {
            .calc__transformed .calc__description > div:nth-child(2) {
              position: relative;
              top: 0; } }
          .calc__transformed .calc__description > div:nth-child(2) > p:nth-child(1) {
            left: 30px;
            text-align: right;
            align-self: flex-end; }
            @media (max-width: 1160px) {
              .calc__transformed .calc__description > div:nth-child(2) > p:nth-child(1) {
                left: 0;
                text-align: center;
                align-self: flex-start; } }
          .calc__transformed .calc__description > div:nth-child(2) > p:nth-child(2) {
            max-width: 415px;
            text-align: right;
            align-self: flex-end; }
            @media (max-width: 1480px) {
              .calc__transformed .calc__description > div:nth-child(2) > p:nth-child(2) {
                max-width: 250px; } }
            @media (max-width: 1160px) {
              .calc__transformed .calc__description > div:nth-child(2) > p:nth-child(2) {
                max-width: 100%;
                text-align: left;
                align-self: flex-start; } }
        .calc__transformed .calc__description > div:nth-child(3) {
          position: absolute;
          right: 0;
          top: 50px; }
          @media (max-width: 1160px) {
            .calc__transformed .calc__description > div:nth-child(3) {
              position: relative;
              top: 0; } }
          .calc__transformed .calc__description > div:nth-child(3) > p:nth-child(1) {
            right: 30px;
            align-self: flex-start;
            text-align: left; }
            @media (max-width: 1160px) {
              .calc__transformed .calc__description > div:nth-child(3) > p:nth-child(1) {
                right: 0;
                text-align: center;
                align-self: flex-start; } }
          .calc__transformed .calc__description > div:nth-child(3) > p:nth-child(2) {
            max-width: 434px;
            align-self: flex-start;
            text-align: left; }
            @media (max-width: 1480px) {
              .calc__transformed .calc__description > div:nth-child(3) > p:nth-child(2) {
                max-width: 250px; } }
            @media (max-width: 1160px) {
              .calc__transformed .calc__description > div:nth-child(3) > p:nth-child(2) {
                max-width: 100%;
                text-align: left;
                align-self: flex-start; } }
    .calc__transformed .calc__more {
      width: 100%;
      max-width: inherit;
      margin-bottom: 30px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 1160px) {
        .calc__transformed .calc__more {
          flex-direction: column; } }
      .calc__transformed .calc__more > a {
        cursor: pointer;
        display: none;
        color: inherit;
        width: 342px;
        height: 55px;
        margin: 0 13px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
        font-size: 18px;
        background: linear-gradient(269.48deg, #EDA6C9 2.9%, #D76DA0 97.08%);
        box-shadow: 0px 4px 12px rgba(92, 81, 154, 0.29);
        border-radius: 90px; }
        @media (max-width: 1480px) {
          .calc__transformed .calc__more > a {
            width: 300px;
            height: 50px;
            font-size: 16px; } }
        @media (max-width: 1160px) {
          .calc__transformed .calc__more > a {
            max-width: 100%;
            font-size: 16px; } }
        .calc__transformed .calc__more > a:hover {
          background: linear-gradient(269.48deg, #F09FE0 2.9%, #EA5DA0 109.39%); }
        .calc__transformed .calc__more > a:nth-child(2) {
          background: linear-gradient(244.24deg, #A9D1FA 8.88%, #8C80CF 84.02%);
          box-shadow: 0px 4px 12px #5572A8; }
          @media (max-width: 1160px) {
            .calc__transformed .calc__more > a:nth-child(2) {
              margin-top: 20px; } }
          .calc__transformed .calc__more > a:nth-child(2):hover {
            background: linear-gradient(244.24deg, #59BBE9 8.88%, #4E55BF 84.02%); }
    .calc__transformed .stamp {
      display: flex;
      justify-content: space-between;
      margin-top: 20px; }
      @media (max-width: 1160px) {
        .calc__transformed .stamp {
          flex-direction: column;
          margin-top: 20px; } }
      .calc__transformed .stamp__links {
        width: 100%;
        max-width: 464px;
        height: 226px;
        background: rgba(255, 255, 255, 0.14);
        border-radius: 30px;
        padding: 20px 30px; }
        @media (max-width: 1480px) {
          .calc__transformed .stamp__links {
            max-width: 350px;
            margin-right: 20px; } }
        @media (max-width: 1160px) {
          .calc__transformed .stamp__links {
            margin: auto;
            margin-bottom: 20px; } }
        .calc__transformed .stamp__links .stampLink.active + .stampLink {
          color: whitesmoke;
          text-shadow: 0 -1px rgba(0, 0, 0, 0.1);
          text-decoration: none;
          -webkit-animation: pulsate 1.5s linear infinite;
          animation: pulsate 1.5s linear infinite; }

@keyframes pulsate {
  50% {
    color: #3D0ACD;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3), 0 0 5px #3D0ACD, 0 0 8px #3D0ACD; } }
        .calc__transformed .stamp__links > p {
          position: relative;
          display: inline-block; }
          .calc__transformed .stamp__links > p:not(:nth-child(1)) {
            cursor: pointer; }
            .calc__transformed .stamp__links > p:not(:nth-child(1)) span {
              margin-left: 3px; }
          .calc__transformed .stamp__links > p.active {
            color: #3D0ACD;
            text-decoration: underline; }
            .calc__transformed .stamp__links > p.active:before {
              content: '';
              position: relative;
              bottom: 3px;
              display: inline-block;
              width: 5px;
              height: 5px;
              margin-right: 7px;
              background: #3D0ACD;
              border-radius: 50px; }
          .calc__transformed .stamp__links > p:nth-child(1) {
            display: block;
            text-align: center; }
            @media (max-width: 1160px) {
              .calc__transformed .stamp__links > p:nth-child(1) {
                display: block;
                font-family: 'Lato-Regular';
                text-align: center;
                margin: auto; } }
        .calc__transformed .stamp__links a {
          width: 100%;
          display: block;
          margin-top: 5px;
          font-family: Lato-Medium;
          font-weight: 500;
          font-size: 16px;
          color: #3A406E;
          text-decoration: underline; }
      .calc__transformed .stamp__text {
        width: 100%;
        max-width: 950px; }
        .calc__transformed .stamp__text > *:nth-child(1) {
          font-family: Lato-Medium;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: 30px;
          letter-spacing: 0em;
          text-align: left; }
          @media (max-width: 1480px) {
            .calc__transformed .stamp__text > *:nth-child(1) {
              font-size: 16px; } }
        .calc__transformed .stamp__text > *:nth-child(2) {
          font-family: Lato-Light;
          font-size: 18px;
          font-style: normal;
          font-weight: 300;
          line-height: 30px;
          letter-spacing: 0em;
          text-align: left; }
          @media (max-width: 1480px) {
            .calc__transformed .stamp__text > *:nth-child(2) {
              font-size: 16px; } }
        .calc__transformed .stamp__text.hidden {
          display: none; }
      .calc__transformed .stamp #stamp1__text,
      .calc__transformed .stamp #stamp2__text,
      .calc__transformed .stamp #stamp3__text {
        max-height: 290px;
        overflow-y: hidden; }
        @media (max-width: 1480px) {
          .calc__transformed .stamp #stamp1__text,
          .calc__transformed .stamp #stamp2__text,
          .calc__transformed .stamp #stamp3__text {
            max-height: 300px; } }
        @media (max-width: 1160px) {
          .calc__transformed .stamp #stamp1__text,
          .calc__transformed .stamp #stamp2__text,
          .calc__transformed .stamp #stamp3__text {
            max-height: 1500px; } }
        .calc__transformed .stamp #stamp1__text.shown,
        .calc__transformed .stamp #stamp2__text.shown,
        .calc__transformed .stamp #stamp3__text.shown {
          max-height: 1000px; }
          .calc__transformed .stamp #stamp1__text.shown > span + br,
          .calc__transformed .stamp #stamp2__text.shown > span + br,
          .calc__transformed .stamp #stamp3__text.shown > span + br {
            display: none; }
          .calc__transformed .stamp #stamp1__text.shown > span + br + br,
          .calc__transformed .stamp #stamp2__text.shown > span + br + br,
          .calc__transformed .stamp #stamp3__text.shown > span + br + br {
            display: none; }
          .calc__transformed .stamp #stamp1__text.shown > span,
          .calc__transformed .stamp #stamp2__text.shown > span,
          .calc__transformed .stamp #stamp3__text.shown > span {
            display: none; }
        .calc__transformed .stamp #stamp1__text > span,
        .calc__transformed .stamp #stamp2__text > span,
        .calc__transformed .stamp #stamp3__text > span {
          cursor: pointer;
          color: #3D0ACD;
          text-decoration: underline; }
          @media (max-width: 1160px) {
            .calc__transformed .stamp #stamp1__text > span,
            .calc__transformed .stamp #stamp2__text > span,
            .calc__transformed .stamp #stamp3__text > span {
              display: none; } }
    .calc__transformed .calc__recalc {
      
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 16px;
      color: #4146A4;
      text-decoration: underline;
      text-align: center;
      cursor: pointer;
      margin-bottom: 30px;
      text-transform: uppercase; }
      .calc__transformed .calc__recalc:hover {
        color: #3D0ACD; }
    .calc__transformed .calc__buy p {
      
      font-style: normal;
      font-weight: 300;
      text-align: center;
      max-width: 825px;
      margin-right: auto;
      margin-left: auto; }
    .calc__transformed .calc__button {
      max-width: 700px;
      height: 55px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-transform: uppercase;
      color: #4146A4;
      border-radius: 90px;
      box-sizing: border-box;
      padding: 15px 20px;
      
      border: 1px solid #4146A4;
      background: transparent;
      cursor: pointer;
      font-size: 16px;
      transition: color 0.5s;
      transition: background 0.5s;
      margin-bottom: 30px;
     
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 16px;
      margin-right: auto;
      margin-left: auto; }
      .calc__transformed .calc__button-first:hover {
        color: #3D0ACD;
        border-color: #3D0ACD; }
      .calc__transformed .calc__button-second {
        background: linear-gradient(90deg, #768DCF 0%, #1965D2 100%);
        background: linear-gradient(90deg, #768DCF 0%, #4146A4 100%);
        border: none;
        color: #fff;
        margin-top: 45px; }
        .calc__transformed .calc__button-second:hover {
          background: linear-gradient(90deg, #768DCF 20%, #1965D2 120%); }
  .calc ::-webkit-input-placeholder {
    /* Chrome */
    color: #000; }
  .calc :-ms-input-placeholder {
    /* IE 10+ */
    color: #000; }
  .calc ::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
    opacity: 1; }
  .calc :-moz-placeholder {
    /* Firefox 4 - 18 */
    color: #000;
    opacity: 1; }

.details {
  position: relative;
  z-index: 6;
  overflow: hidden;
  padding-bottom: 50px; }
  .details__wrapper {
    position: relative;
    bottom: 150px;
    padding-top: 0px;
    height: 800px;
    z-index: 5; }
    @media (max-width: 1480px) {
      .details__wrapper {
        height: 700px; } }
    @media (max-width: 1160px) {
      .details__wrapper {
        bottom: 50px; } }
    .details__wrapper:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0px;
      width: 100%;
      height: 1200px;
      background: url("../images/details__bg.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; }
      @media (min-width: 1480px) {
        .details__wrapper:before {
          height: 1600px; } }
      @media (max-width: 1480px) {
        .details__wrapper:before {
          top: 0px; } }
      @media (max-width: 1160px) {
        .details__wrapper:before {
          top: 0; } }
  .details h2, .details p {
    z-index: 10;
    text-align: center; }
  @media (max-width: 1160px) {
    .details > p {
      text-align: left; } }
  .details #details__canvas {
    position: absolute;
    left: 0;
    top: 144px; }
    @media (max-width: 1480px) {
      .details #details__canvas {
        top: 110px; } }
    @media (max-width: 1160px) {
      .details #details__canvas {
        display: none; } }
  .details .video__container {
    position: relative;
    max-width: inherit;
    display: block;
    width: 590px;
    height: 590px;
    margin: auto;
    margin-top: 87px;
    background: #000;
    border-radius: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: 2s; }
    @media (max-width: 1480px) {
      .details .video__container {
        margin-top: 80px;
        width: 500px;
        height: 500px; } }
    @media (max-width: 1160px) {
      .details .video__container {
        width: 100%;
        border-radius: 200px;
        max-width: 100%;
        height: 400px; } }
    .details .video__container:before {
      content: '';
      position: absolute;
      width: 100%;
      border-radius: 500px;
      -webkit-border-radius: 500px;
      height: inherit;
      background: url("../images/video.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; }
      @media (max-width: 1160px) {
        .details .video__container:before {
          border-radius: 200px; } }
    .details .video__container #details__video {
      display: inline-block;
      cursor: pointer;
      max-width: calc(100% - 155px);
      height: 590px; }
      @media (max-width: 1480px) {
        .details .video__container #details__video {
          height: 500px; } }
      @media (max-width: 1160px) {
        .details .video__container #details__video {
          width: 100%;
          max-width: 100%;
          height: 400px; } }
    .details .video__container:hover .video__start > .icon {
      filter: brightness(0) invert(86%) sepia(95%) saturate(7128%) hue-rotate(282deg) brightness(94%) contrast(92%); }
    .details .video__container:hover .video__start p {
      color: #EA9DC3; }
    .details .video__container .video__start {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      cursor: pointer; }
      .details .video__container .video__start > .icon {
        position: relative;
        width: 48px;
        height: 55px;
        background: url("../images/details__start.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center; }
      .details .video__container .video__start p {
        font-family: Lato-Light;
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: center;
        text-decoration: underline; }
      .details .video__container .video__start.hidden {
        display: none; }
    .details .video__container.active {
      width: calc(100% - 170px);
      border-radius: 5px; }
      @media (max-width: 1480px) {
        .details .video__container.active {
          width: calc(100% - 140px); } }
      @media (max-width: 1160px) {
        .details .video__container.active {
          width: 100%;
          max-width: 100%;
          height: 400px; } }
      .details .video__container.active:before {
        display: none; }
      .details .video__container.active #details__video {
        max-width: 100%;
        height: 580px;
        border-radius: 0px; }
        @media (max-width: 1480px) {
          .details .video__container.active #details__video {
            height: 500px; } }
        @media (max-width: 1160px) {
          .details .video__container.active #details__video {
            width: 100%;
            max-width: 100%;
            height: 400px; } }

.trust {
  position: relative;
  z-index: 6;
  overflow: hidden; }
  .trust__wrapper {
    position: relative; }
    .trust__wrapper:before {
      content: '';
      position: absolute;
      left: 0;
      top: -400px;
      width: 100%;
      height: 1600px; }
      @media (max-width: 1160px) {
        .trust__wrapper:before {
          top: -100px; } }
      @media (max-width: 700px) {
        .trust__wrapper:before {
          top: -100px; } }
  .trust h2 {
    text-align: center;
    margin-bottom: 20px; }
    @media (max-width: 1480px) {
      .trust h2 {
        max-width: 1000px;
        margin: auto;
        margin-bottom: 20px; } }
  .trust h2 + div {
    margin-bottom: 50px;
}
    .trust h2 + div > p {
      text-align: center; }
      @media (max-width: 1160px) {
        .trust h2 + div > p {
           } }
  .trust__block {
    display: flex;
    width: 100%;
    justify-content: space-between; }
    @media (max-width: 1160px) {
      .trust__block {
        flex-direction: column; } }
  .trust__left {
    position: relative;
    width: 100%;
    max-width: 342px; }
    @media (max-width: 1480px) {
      .trust__left {
        max-width: 300px;
        margin-right: 20px; } }
    @media (max-width: 1160px) {
      .trust__left {
        max-width: 100%;
        margin-right: 0; } }
  .trust__links {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 150px;
    background: rgba(255, 255, 255, 0.14);
    border-radius: 30px;
    padding: 20px 30px;
    margin-bottom: 60px; }
    @media (min-width: 1480px) {
      .trust__links {
        margin-bottom: 135px; } }
    @media (max-width: 1480px) {
      .trust__links {
        margin-bottom: 150px; } }
    @media (max-width: 1160px) {
      .trust__links {
        font-family: 'Lato-Regular';
        margin-bottom: 20px;
        padding: 10px 15px;
        height: fit-content;
        padding-left: 30px; } }
    .trust__links > p {
      display: flex;
      align-items: center;
      cursor: pointer; }
      @media (max-width: 1160px) {
        .trust__links > p {
          font-family: 'Lato-Regular'; } }
      .trust__links > p.active {
        color: #3d0acd; }
        .trust__links > p.active:before {
          content: '';
          display: inline-block;
          width: 5px;
          height: 5px;
          margin-right: 7px;
          background: #3d0acd;
          border-radius: 50%; }
  .trust__nav {
    position: relative; }
    @media (max-width: 1160px) {
      .trust__nav {
        margin-bottom: 20px; } }
    .trust__nav #trust__nums {
      font-family: Lato-Regular;
      font-style: normal;
      font-size: 36px;
      line-height: 30px;
      margin-bottom: 30px; }
      .trust__nav #trust__nums span:nth-child(1) {
        font-family: Lato-Bold;
        font-style: normal;
        font-weight: bold;
        font-size: 70px;
        line-height: 30px; }
        @media (max-width: 1160px) {
          .trust__nav #trust__nums span:nth-child(1) {
            font-size: 24px; } }
      .trust__nav #trust__nums span:nth-child(2) {
        opacity: .5; }
      @media (max-width: 1160px) {
        .trust__nav #trust__nums {
          width: 100%;
          text-align: center;
          position: absolute;
          top: -10px;
          font-size: 18px;
          margin-bottom: 0;
          z-index: 1; } }
    .trust__nav #trust__arrows {
      width: 250px;
      margin: auto;
      display: flex;
      justify-content: space-between; }
      @media (max-width: 1480px) {
        .trust__nav #trust__arrows {
          margin: 0; } }
      @media (max-width: 1160px) {
        .trust__nav #trust__arrows {
          margin: auto; } }
      .trust__nav #trust__arrows > * {
        cursor: pointer;
        width: 98px;
        height: 15px;
        background: url("../images/trust__arrow.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center; }
        .trust__nav #trust__arrows > *:first-child {
          transform: rotate(180deg); }
        .trust__nav #trust__arrows > *:hover {
          filter: brightness(0) saturate(100%) invert(15%) sepia(88%) saturate(4465%) hue-rotate(256deg) brightness(74%) contrast(125%); }
      @media (max-width: 1160px) {
        .trust__nav #trust__arrows {
          position: relative;
          max-width: 100%;
          width: 100%;
          z-index: 5; } }
  .trust__text {
    width: 100%;
    max-width: 950px;
    background: #FFF;
    border: 1px solid #000000;
    border-radius: 30px;
    box-sizing: border-box; }
    @media (max-width: 1480px) {
      .trust__text {
        max-width: 800px; } }
    @media (max-width: 1160px) {
      .trust__text {
        max-width: 100%; } }
    .trust__text > p:nth-child(1) {
      font-family: Lato-Medium;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: 30px;
      letter-spacing: 0em;
      text-align: left;
      padding: 0 30px;
      padding-top: 27px; }
      @media (max-width: 1480px) {
        .trust__text > p:nth-child(1) {
          font-size: 16px; } }
    .trust__text > p:not(:nth-child(1)) {
      font-family: Lato-Light;
      font-size: 18px;
      font-style: normal;
      font-weight: 300;
      line-height: 30px;
      letter-spacing: 0em;
      text-align: left;
      padding: 0 30px;
      padding-bottom: 10px; }
      @media (max-width: 1480px) {
        .trust__text > p:not(:nth-child(1)) {
          font-size: 16px; } }
    .trust__text > div {
      background: #444D87;
      border: #444D87 solid 1px;
      border-radius: 0 0 27px 27px;
      display: flex;
      justify-content: space-between;
      padding: 27px 30px; }
      @media (max-width: 1160px) {
        .trust__text > div {
          display: none; } }
      .trust__text > div > div > span {
        text-transform: uppercase;
        color: #FFF; }
        .trust__text > div > div > span:first-child {
          font-family: Lato-Regular;
          font-size: 18px;
          font-style: normal;
          font-weight: 400;
          line-height: 18px;
          letter-spacing: 0em;
          text-align: left; }
          @media (max-width: 1480px) {
            .trust__text > div > div > span:first-child {
              font-size: 16px; } }
        .trust__text > div > div > span:last-child {
          font-family: Lato-Light;
          font-size: 18px;
          font-style: normal;
          font-weight: 300;
          line-height: 18px;
          letter-spacing: 0em;
          text-align: left;
          color: #ab95eb; }
          @media (max-width: 1480px) {
            .trust__text > div > div > span:last-child {
              font-size: 16px; } }
    .trust__text.hidden {
      display: none; }

.unique {
  position: relative;
  z-index: 6; }
  .unique__wrapper {
    position: relative;
    padding-top: 200px;
    padding-bottom: 100px;
    overflow-x: hidden; }
    @media (min-width: 1480px) {
      .unique__wrapper {
        overflow-x: visible; } }
    @media (max-width: 1160px) {
      .unique__wrapper {
        overflow-x: visible;
        padding-top: 100px; } }
    .unique__wrapper:before {
      content: '';
      position: absolute;
      left: 0;
      top: -300px;
      width: 100%;
      height: 1400px; }
      @media (min-width: 1480px) {
        .unique__wrapper:before {
          height: 1650px; } }
  .unique h2 {
    display: flex;
    flex-direction: column;
    text-align: center;
    line-height: 50px;
    margin-bottom: 20px; }
    @media (min-width: 1480px) {
      .unique h2 {
        line-height: 90px; } }
    @media (max-width: 1160px) {
      .unique h2 {
        line-height: 40px; } }
    .unique h2 span {
      display: block; }
  .unique h2 + p {
    text-align: center;
    margin-bottom: 50px; }
    @media (max-width: 1160px) {
      .unique h2 + p {
        text-align: left; } }
  .unique__nav {
    display: flex;
    justify-content: space-between; }
    .unique__nav > div {
      width: calc(33%);
      font-family: Lato-Light;
      font-style: normal;
      font-weight: 300;
      font-size: 20px;
      line-height: 22px;
      text-align: center;
      padding-bottom: 13px;
      border-bottom: 1px solid #FFFFFF3D;
      cursor: pointer; }
      .unique__nav > div.active {
        color: #3D0ACD;
        border-bottom: 1px solid #3D0ACD; }
  .unique__block {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
    height: 460px; }
    @media (max-width: 1160px) {
      .unique__block {
        height: 250px; } }
    .unique__block > div {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      border-radius: 500px;
      padding: 50px 35px;
      box-sizing: border-box;
      transition: 1s; }
      .unique__block > div div {
        content: '';
        position: absolute;
        display: block;
        width: 350px;
        height: 350px;
        transition: 1s;
        background: url("../images/unique__smallCircle.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center; }
      .unique__block > div h3 {
        line-height: 30px;
        font-size: 26px;
        z-index: 10; }
      .unique__block > div p {
        border-bottom: 1px solid #3A406E;
        text-transform: uppercase;
        font-size: 16px;
        cursor: pointer;
        z-index: 10; }
      .unique__block > div:nth-child(1) {
        width: 350px;
        height: 350px;
        left: 25px;
        z-index: 6; }
        @media (max-width: 1160px) {
          .unique__block > div:nth-child(1) {
            width: 250px;
            height: 250px;
            left: 0; } }
        .unique__block > div:nth-child(1) div {
          content: '';
          position: absolute;
          display: block;
          width: 300px;
          height: 300px;
          top: 25px;
          left: -100px; }
          @media (max-width: 1160px) {
            .unique__block > div:nth-child(1) div {
              width: 250px;
              height: 250px;
              left: 0;
              top: 0; } }
      .unique__block > div:nth-child(2) {
        z-index: 8;
        width: 430px;
        height: 430px;
        box-shadow: 0px 3px 12px rgba(58, 64, 110, 0.64); }
        @media (max-width: 1160px) {
          .unique__block > div:nth-child(2) {
            width: 250px;
            height: 250px; } }
        .unique__block > div:nth-child(2) h3 {
          font-size: 30px; }
        .unique__block > div:nth-child(2) div {
          width: 425px;
          height: 425px;
          left: 0;
          right: 0;
          margin: auto;
          top: 0;
          opacity: .2; }
          @media (max-width: 1160px) {
            .unique__block > div:nth-child(2) div {
              width: 247px;
              height: 247px; } }
      .unique__block > div:nth-child(3) {
        width: 350px;
        height: 350px;
        right: 25px;
        z-index: 6; }
        @media (max-width: 1160px) {
          .unique__block > div:nth-child(3) {
            width: 250px;
            height: 250px;
            right: 0; } }
        .unique__block > div:nth-child(3) div {
          content: '';
          position: absolute;
          display: block;
          width: 300px;
          height: 300px;
          top: 25px;
          right: -100px; }
          @media (max-width: 1160px) {
            .unique__block > div:nth-child(3) div {
              width: 250px;
              height: 250px;
              right: 0;
              top: 0; } }
      .unique__block > div.active {
        background: #3A406E; }
        .unique__block > div.active h3 {
          color: #fff;
          font-size: 30px; }
        .unique__block > div.active p {
          color: #AB95EB;
          border-bottom: 1px solid #AB95EB; }
        .unique__block > div.active div {
          opacity: 1; }
      .unique__block > div:not(.active) {
        cursor: pointer;
        color: #3A406E;
        background: #B1B7E8; }
        .unique__block > div:not(.active) div {
          opacity: .8; }
        @media (max-width: 1160px) {
          .unique__block > div:not(.active) {
            display: none; } }
  .unique__arrows {
    width: 250px;
    margin: auto;
    display: flex;
    justify-content: space-between; }
    .unique__arrows > * {
      cursor: pointer;
      width: 98px;
      height: 15px;
      background: url("../images/unique__arrow.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center; }
      .unique__arrows > *:last-child {
        transform: rotate(180deg); }
      .unique__arrows > *:hover {
        filter: brightness(0) saturate(100%) invert(15%) sepia(88%) saturate(4465%) hue-rotate(256deg) brightness(74%) contrast(125%); }

.author {
  position: relative;
  z-index: 6;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 1160px) {
    .author {
      flex-direction: column; } }
  .author__wrapper {
    position: relative;
    padding-top: 100px;
    z-index: 4; }
    @media (max-width: 1160px) {
      .author__wrapper {
        padding-top: 0; } }
    .author__wrapper:before {
      content: '';
      position: absolute;
      left: 0;
      top: -350px;
      width: 100%;
      height: 1200px;
      background-image: linear-gradient(180deg, #FFF 86%, transparent); }
      @media (min-width: 1480px) {
        .author__wrapper:before {
          top: -600px;
          height: 1500px; } }
      @media (max-width: 1160px) {
        .author__wrapper:before {
          top: 100px; } }
  .author h2.mobile {
    display: none; }
    @media (max-width: 1160px) {
      .author h2.mobile {
        display: block;
        margin: auto;
        text-align: center;
        margin-bottom: 30px; } }
  .author h2:not(.mobile) {
    display: block; }
    @media (max-width: 1160px) {
      .author h2:not(.mobile) {
        display: none; } }
  .author__left {
    margin-right: 20px; }
    .author__left canvas {
      position: absolute; }
      @media (max-width: 1160px) {
        .author__left canvas {
          display: none; } }
    .author__left .author__img {
      border-radius: 500px;
      width: 438px;
      height: 438px;
      max-width: 100%;
      max-height: 100%;
      margin: 36px;
      background: url("../images/author__img.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; }
      @media (max-width: 1160px) {
        .author__left .author__img {
          padding: 0;
          box-sizing: border-box;
          display: block;
          margin: auto;
          width: 270px;
          height: 270px;
          margin-bottom: 20px; } }
  .author .right__name span:nth-child(1) {
    font-family: Lato-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    color: #3D0ACD;
    margin-right: 10px; }
  .author .right__name span i {
    font-family: Lato-Light; }
  @media (max-width: 1160px) {
    .author .right__name i {
      width: 100%;
      display: inline-block;
      margin-bottom: 5px; } }
  .author .right ul {
    padding: 0;
    margin: 0;
    margin-bottom: 21px; }
    .author .right ul li {
      list-style: none;
      padding: 0;
      margin: 0;
      font-family: Lato-Light;
      font-size: 16px;
      font-style: normal;
      font-weight: 300;
      line-height: 26px;
      letter-spacing: 0em;
      text-align: left; }
      .author .right ul li span {
        font-family: Lato-Medium;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: left; }
  .author .right a {
    margin-top: 15px;
    width: 268px;
    height: 61px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background: rgba(45, 45, 82, 0.19);
    border-radius: 90px;
    border: 0;
    font-family: Lato-Light;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0em;
    color: #000;
    cursor: pointer;
    transition: .5s;
    border: 2px solid transparent; }
    @media (max-width: 1480px) {
      .author .right a {
        height: 55px; } }
    @media (max-width: 1160px) {
      .author .right a {
        max-width: 100%;
        width: 100%;
        margin: auto;
        margin-top: 15px;
        display: flex; } }
    .author .right a:hover {
      background: transparent;
      text-decoration: none;
      border: 2px solid rgba(45, 45, 82, 0.19); }
    .author .right a.inst > div {
      margin-left: 15px;
      width: 27px;
      height: 27px;
      background: url("../images/author__inst.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center; }
    .author .right a.tg > div {
      margin-left: 15px;
      width: 27px;
      height: 27px;
      background: url("../images/author__tg-new.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center; }

.mission {
  position: relative;
  z-index: 6; }
  .mission__wrapper {
    position: relative;
    padding-top: 250px;
    padding-bottom: 200px; }
    @media (min-width: 1480px) {
      .mission__wrapper {
        z-index: auto; } }
    @media (max-width: 1160px) {
      .mission__wrapper {
        padding-top: 100px;
        padding-bottom: 50px; } }
    .mission__wrapper:before {
      content: '';
      position: absolute;
      left: 0;
      top: -100px;
      width: 100%;
      height: 1100px; }
    .mission__wrapper #mission__canvas, .mission__wrapper #mission__canvasStatic {
      position: absolute;
      right: 0;
      top: -90px; }
      @media (max-width: 1480px) {
        .mission__wrapper #mission__canvas, .mission__wrapper #mission__canvasStatic {
          width: 939px; } }
  .mission h2 {
    max-width: 500px;
    margin-bottom: 10px; }
  .mission > div {
    width: 100%;
    max-width: 700px; }
    .mission > div > h2 {
      text-align: left; }
      @media (max-width: 1160px) {
        .mission > div > h2 {
          text-align: center; } }
    .mission > div > p {
      text-align: left;
      font-size: 18px; }
      @media (max-width: 1160px) {
        .mission > div > p {
          text-align: left; } }
    .mission > div div {
      margin-top: 46px; }
      .mission > div div p:last-child {
        font-family: Lato-Light;
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: left; }
      .mission > div div ul {
        margin-top: 0;
        margin-left: 5px;
        padding-left: 0;
        list-style: none;
        font-size: 16px;
        font-family: Lato-Light;
        font-style: normal;
        font-weight: 300;
        line-height: 30px;
        letter-spacing: 0em; }
        .mission > div div ul li {
          margin-bottom: 0; }

.courses {
  position: relative;
  z-index: 6; }
  .courses__wrapper {
    position: relative;
    padding-bottom: 100px;
    z-index: 5; }
    @media (max-width: 1160px) {
      .courses__wrapper {
        padding-bottom: 0; } }
    .courses__wrapper:before {
      content: '';
      position: absolute;
      left: 0;
      top: -300px;
      width: 100%;
      height: 1440px; }
      @media (min-width: 1480px) {
        .courses__wrapper:before {
          top: -600px;
          height: 1740px; } }
      @media (max-width: 1160px) {
        .courses__wrapper:before {
          top: 0px;
          height: 1700px; } }
  .courses > h2 {
    text-align: center; }
  .courses > p {
    margin-bottom: 50px; }
    @media (max-width: 1160px) {
      .courses > p {
        text-align: left; } }
  .courses__blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }
    @media (max-width: 1160px) {
      .courses__blocks {
        flex-direction: column;
        align-items: center; } }
  .courses__block {
    display: flex;
    max-width: 630px;
    height: fit-content;
    min-height: 343px;
    border: solid #B1B7E8 1px;
    border-radius: 30px;
    margin-bottom: 24px;
    padding: 26px;
    box-sizing: border-box; }
    @media (max-width: 1160px) {
      .courses__block {
        max-width: 100%;
        flex-direction: column;
        min-height: auto; } }
    .courses__block .additional {
      max-height: 500px;
      overflow: hidden;
      transition: max-height 1s linear; }
      @media (max-width: 1160px) {
        .courses__block .additional {
          transition: none; } }
    .courses__block .hidden {
      transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
      max-height: 0px; }
    .courses__block .icon {
      width: 100px;
      min-width: 100px;
      height: 100px;
      margin-right: 30px;
      background: url("../images/courses__icon.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center; }
      @media (max-width: 1160px) {
        .courses__block .icon {
          display: block;
          margin: auto;
          margin-bottom: 20px; } }
    .courses__block > div {
      display: flex;
      flex-direction: column; }
      .courses__block > div .title {
        font-family: Lato-Medium;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 30px;
        text-transform: uppercase;
        color: #3D0ACD; }
      .courses__block > div .cursive {
        font-style: italic;
        margin-bottom: 5px; }
      .courses__block > div > div {
        margin-top: 20px;
        display: flex;
        align-items: flex-end;
        flex-grow: 1; }
        @media (max-width: 1160px) {
          .courses__block > div > div {
            width: 100%;
            justify-content: center; } }
        .courses__block > div > div button, .courses__block > div > div a {
          position: relative;
          width: 150px;
          height: 46px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: Lato-Regular;
          font-style: normal;
          font-weight: normal;
          font-size: 16px;
          line-height: 16px;
          text-align: center;
          text-transform: uppercase;
          color: #3A406E;
          text-decoration: none;
          background: transparent;
          border: 1px solid #3A406E;
          box-sizing: border-box;
          border-radius: 90px;
          cursor: pointer; }
          @media (max-width: 1480px) {
            .courses__block > div > div button, .courses__block > div > div a {
              height: 40px; } }
          @media (max-width: 1160px) {
            .courses__block > div > div button, .courses__block > div > div a {
              filter: none; } }
          .courses__block > div > div button:hover, .courses__block > div > div a:hover {
            background: #3A406E;
            color: #fff; }
        .courses__block > div > div span {
          font-family: Lato-Light;
          font-style: normal;
          font-weight: 300;
          font-size: 16px;
          line-height: 18px;
          color: #FFFFFF;
          border-bottom: 1px solid #fff;
          cursor: pointer; }
          .courses__block > div > div span:hover {
            color: #3A406E;
            border-bottom: 1px solid #3A406E; }

.questions {
  position: relative;
  z-index: 6; }
  .questions__wrapper {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    z-index: 4; }
    @media (max-width: 1160px) {
      .questions__wrapper {
        padding-bottom: 0; } }
    .questions__wrapper:before {
      position: absolute;
      left: 0;
      top: -450px;
      width: 100%;
      height: 1432px; }
      @media (max-width: 1480px) {
        .questions__wrapper:before {
          top: -550px; } }
      @media (max-width: 1160px) {
        .questions__wrapper:before {
          top: -450px; } }
  .questions > h2 {
    text-align: center; }
  .questions > p {
    margin-bottom: 50px;
text-align:center;}
    @media (max-width: 1160px) {
       }
  .questions form {
    width: 100%;
    max-width: 950px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (max-width: 1480px) {
      .questions form {
        max-width: 550px; } }
    @media (max-width: 1160px) {
      .questions form {
        flex-direction: column; } }
    .questions form input {
      font-family: Lato-Regular;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 18px;
      letter-spacing: 0em; }
    .questions form input[type=text],
    .questions form input[type=email],
    .questions form input[type=tel] {
      border: 1px solid #000000;
      box-sizing: border-box;
      background: transparent;
      filter: drop-shadow(0px 5px 12px rgba(95, 89, 105, 0.14));
      border-radius: 90px;
      color: #000;
      padding: 20px 27px; }
      @media (max-width: 1480px) {
        .questions form input[type=text],
        .questions form input[type=email],
        .questions form input[type=tel] {
          font-family: Lato-Light;
          font-weight: 300; } }
    .questions form input[name=name],
    .questions form input[name=email],
    .questions form input[type=tel] {
      max-width: 470px;
      width: 100%;
      margin-bottom: 24px; }
      @media (max-width: 1480px) {
        .questions form input[name=name],
        .questions form input[name=email],
        .questions form input[type=tel] {
          max-width: 265px;
          height: 50px; } }
      @media (max-width: 1160px) {
        .questions form input[name=name],
        .questions form input[name=email],
        .questions form input[type=tel] {
          max-width: 100%; } }
    .questions form input[name=text] {
      width: 100%;
      margin-bottom: 24px; }
      @media (max-width: 1480px) {
        .questions form input[name=text] {
          max-width: 550px;
          height: 50px; } }
    .questions form div {
      width: 100%;
      margin-bottom: 24px;
      text-align: center; }
      .questions form div label, .questions form div input {
        cursor: pointer; }
        @media (max-width: 1160px) {
          .questions form div label, .questions form div input {
            font-size: 16px; } }
      .questions form div input {
        opacity: 0;
        width: 0;
        height: 0;
        margin-top: 0;
        margin-bottom: 0;
        background: transparent; }
        .questions form div input:checked + label::before {
          border-color: #000;
          background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
      .questions form div label {
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: Lato-Light;
        font-weight: 300;
        font-size: 16px; }
        @media (max-width: 1160px) {
          .questions form div label {
            display: block; } }
        .questions form div label:before {
          content: '';
          display: inline-block;
          width: 1em;
          height: 1em;
          flex-shrink: 0;
          flex-grow: 0;
          border: 1px solid #adb5bd;
          border-radius: 0.25em;
          margin-right: 0.5em;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 50% 50%; }
      .questions form div a {
        margin-left: 5px;
        border-bottom: 1px solid #000; }
        .questions form div a:hover {
          text-decoration: none;
          border-bottom: 1px solid #2B6CD1;
          color: #2B6CD1; }
    .questions form input[type=submit] {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 464px;
      height: 55px;
      border: 0;
      color: #FFF;
      background: linear-gradient(269.48deg, #1864D1 2.9%, #758CCE 97.08%);
      background: linear-gradient(269.48deg, #4146A4 2.9%, #758CCE 97.08%);
      box-shadow: 0px 4px 12px rgba(120, 98, 163, 0.31);
      border-radius: 90px;
      text-transform: uppercase;
      cursor: pointer;
      margin: auto; }
      .questions form input[type=submit]:hover {
        background: linear-gradient(269.48deg, #4146A4 22.9%, #758CCE 91.08%); }
      @media (max-width: 1480px) {
        .questions form input[type=submit] {
          max-width: 400px;
          height: 50px; } }
  .questions ::-webkit-input-placeholder {
    /* Chrome */
    color: #000; }
  .questions :-ms-input-placeholder {
    /* IE 10+ */
    color: #000; }
  .questions ::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
    opacity: 1; }
  .questions :-moz-placeholder {
    /* Firefox 4 - 18 */
    color: #000;
    opacity: 1; }

.footer {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 6;
  color: #FFF; }
  @media (max-width: 1160px) {
    .footer {
      flex-direction: column;
      align-items: center; } }
  .footer__wrapper {
    position: relative;
    margin-top: 100px;
    padding-top: 100px;
    padding-bottom: 100px;
    z-index: 6;
    background-color: #25262A;
background: #1B1D5C;}
    @media (max-width: 1160px) {
      .footer__wrapper {
        overflow: hidden;
        padding-bottom: 10px; } }
    .footer__wrapper > a {
      margin-top: 30px;
      position: relative;
      z-index: 10;
      display: block;
      font-style: normal;
      font-weight: 300;
      font-size: 14.4px;
      line-height: 22px;
      text-align: center;
      color: #fff; }
      .footer__wrapper > a span {
        display: block;
        text-align: center;
        color: #a990ff; }
    .footer__wrapper:before {
      position: absolute;
      left: 0;
      top: -86px;
      width: 100%;
      height: 436px; }
      @media (max-width: 1160px) {
        .footer__wrapper:before {
          top: auto;
          bottom: 0;
          height: 400px; } }
  .footer__politics {
    display: flex;
    flex-direction: column; }
    @media (max-width: 1160px) {
      .footer__politics {
        margin-bottom: 20px; } }
    .footer__politics a {
      text-decoration: underline; }
      .footer__politics a:hover {
        color: #2B6CD1; }
    @media (max-width: 1160px) {
      .footer__politics:not(.footer__politics_mobile) p {
        display: none; } }
    .footer__politics_mobile {
      display: none; }
      @media (max-width: 1160px) {
        .footer__politics_mobile {
          display: flex;
          margin-top: 25px; } }
  .footer__logo {
    width: 219px;
    height: 67px;
    background: url("../images/footer__logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 20px; }
    @media (max-width: 1160px) {
      .footer__logo {
        margin-bottom: 0px; } }
  .footer__links {
    display: flex;
    justify-content: space-between; }
  .footer ul {
    margin: 0;
    padding: 0; }
    @media (max-width: 1160px) {
      .footer ul {
        display: none; } }
    .footer ul li {
      list-style: none;
      font-family: Lato-Regular;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 39px;
      letter-spacing: 0em;
      text-align: left; }
      @media (max-width: 1160px) {
        .footer ul li {
          text-align: center; } }
      .footer ul li a:hover {
        text-decoration: none;
        color: #2B6CD1; }
  @media (max-width: 1160px) {
    .footer__media {
      margin-top: 30px; } }
  .footer__media button {
    width: 220px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Lato-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #FFFFFF;
    background: transparent;
    color: #fff;
    box-sizing: border-box;
    filter: drop-shadow(0px 3px 12px rgba(234, 157, 195, 0.59));
    border-radius: 90px;
    cursor: pointer;
    margin-bottom: 20px; }
    .footer__media button:hover {
      color: #5A6AA7;
      background: #fff; }
  .footer__social {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .footer__social > * {
      margin: 0 15px; }
    .footer__social .inst {
      width: 24px;
      height: 24px;
      background: url("../images/nav__inst.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
      cursor: pointer; }
      .footer__social .inst:hover {
        filter: brightness(0) invert(86%) sepia(95%) saturate(7128%) hue-rotate(282deg) brightness(94%) contrast(92%); }
    .footer__social .login {
      width: 21px;
      height: 24px;
      background: url("../images/nav__login.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
      cursor: pointer; }
      .footer__social .login:hover {
        filter: brightness(0) invert(86%) sepia(95%) saturate(7128%) hue-rotate(282deg) brightness(94%) contrast(92%); }
  .footer__inst {
    margin-left: 15px;
    width: 27px;
    height: 27px;
    background: url("../images/nav__inst.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }

.container {
  max-width: 1440px;
  /* 1 */
  margin-left: auto;
  /* 2 */
  margin-right: auto;
  /* 2 */
  box-sizing: border-box;
  width: 100%;
  /* 1 */ }
  @media (max-width: 1480px) {
    .container {
      max-width: 1120px; } }
  @media (max-width: 1160px) {
    .container {
      max-width: calc(100% - 40px); } }

.popup {
  display: none; }
  .popup.active {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 500px;
    background: #fff;
    color: #000;
    z-index: 999; }
    @media (max-width: 1160px) {
      .popup.active {
        border-radius: 25px;
        max-height: calc(100vh - 50px); } }
    .popup.active .close {
      position: absolute;
      font-size: 50px;
      font-weight: 300;
      color: #fff;
      right: 0;
      top: 0;
      cursor: pointer; }
      .popup.active .close:hover {
        color: #3D0ACD; }
      @media (max-width: 1160px) {
        .popup.active .close {
          color: #3D0ACD;
          right: 25px;
          top: 10px; } }
    .popup.active .close2 {
      color: #3D0ACD;
      font-family: Lato-Regular;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 16px;
      letter-spacing: 0em;
      text-align: center;
      text-transform: uppercase;
      margin-top: 40px;
      cursor: pointer; }
      .popup.active .close2:hover {
        text-decoration: underline; }
  .popup__wrapper {
    display: none; }
    .popup__wrapper.active {
      z-index: 999;
      display: flex;
      align-items: center;
      justify-content: center;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100vh;
      background: rgba(0, 0, 0, 0.2); }

.lid__popup.active,
.buy__popup.active,
.login__popup.active,
.registration__popup.active,
.additional__popup.active,
.step1__popup,
.step2__popup,
.step3__popup {
  width: 700px;
  height: 700px;
  max-width: 100%;
  padding: 25px; }
  @media (max-width: 1480px) {
    .lid__popup.active,
    .buy__popup.active,
    .login__popup.active,
    .registration__popup.active,
    .additional__popup.active,
    .step1__popup,
    .step2__popup,
    .step3__popup {
      width: 600px;
      height: 600px; } }
  @media (max-width: 1160px) {
    .lid__popup.active,
    .buy__popup.active,
    .login__popup.active,
    .registration__popup.active,
    .additional__popup.active,
    .step1__popup,
    .step2__popup,
    .step3__popup {
      max-width: calc(100% - 20px);
      height: fit-content; } }
  .lid__popup.active h3,
  .buy__popup.active h3,
  .login__popup.active h3,
  .registration__popup.active h3,
  .additional__popup.active h3,
  .step1__popup h3,
  .step2__popup h3,
  .step3__popup h3 {
    color: #364277;
    margin-bottom: 20px; }
  .lid__popup.active form,
  .buy__popup.active form,
  .login__popup.active form,
  .registration__popup.active form,
  .additional__popup.active form,
  .step1__popup form,
  .step2__popup form,
  .step3__popup form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .lid__popup.active form input,
    .buy__popup.active form input,
    .login__popup.active form input,
    .registration__popup.active form input,
    .additional__popup.active form input,
    .step1__popup form input,
    .step2__popup form input,
    .step3__popup form input {
      font-family: Lato-Regular;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 18px;
      letter-spacing: 0em; }
    .lid__popup.active form input[type=text],
    .lid__popup.active form input[type=email],
    .lid__popup.active form input[type=tel],
    .lid__popup.active form input[type=password],
    .buy__popup.active form input[type=text],
    .buy__popup.active form input[type=email],
    .buy__popup.active form input[type=tel],
    .buy__popup.active form input[type=password],
    .login__popup.active form input[type=text],
    .login__popup.active form input[type=email],
    .login__popup.active form input[type=tel],
    .login__popup.active form input[type=password],
    .registration__popup.active form input[type=text],
    .registration__popup.active form input[type=email],
    .registration__popup.active form input[type=tel],
    .registration__popup.active form input[type=password],
    .additional__popup.active form input[type=text],
    .additional__popup.active form input[type=email],
    .additional__popup.active form input[type=tel],
    .additional__popup.active form input[type=password],
    .step1__popup form input[type=text],
    .step1__popup form input[type=email],
    .step1__popup form input[type=tel],
    .step1__popup form input[type=password],
    .step2__popup form input[type=text],
    .step2__popup form input[type=email],
    .step2__popup form input[type=tel],
    .step2__popup form input[type=password],
    .step3__popup form input[type=text],
    .step3__popup form input[type=email],
    .step3__popup form input[type=tel],
    .step3__popup form input[type=password] {
      border: 1px solid #364277;
      box-sizing: border-box;
      background: transparent;
      filter: drop-shadow(0px 5px 12px rgba(95, 89, 105, 0.14));
      border-radius: 90px;
      padding: 20px 27px;
      color: #000; }
      @media (max-width: 1480px) {
        .lid__popup.active form input[type=text],
        .lid__popup.active form input[type=email],
        .lid__popup.active form input[type=tel],
        .lid__popup.active form input[type=password],
        .buy__popup.active form input[type=text],
        .buy__popup.active form input[type=email],
        .buy__popup.active form input[type=tel],
        .buy__popup.active form input[type=password],
        .login__popup.active form input[type=text],
        .login__popup.active form input[type=email],
        .login__popup.active form input[type=tel],
        .login__popup.active form input[type=password],
        .registration__popup.active form input[type=text],
        .registration__popup.active form input[type=email],
        .registration__popup.active form input[type=tel],
        .registration__popup.active form input[type=password],
        .additional__popup.active form input[type=text],
        .additional__popup.active form input[type=email],
        .additional__popup.active form input[type=tel],
        .additional__popup.active form input[type=password],
        .step1__popup form input[type=text],
        .step1__popup form input[type=email],
        .step1__popup form input[type=tel],
        .step1__popup form input[type=password],
        .step2__popup form input[type=text],
        .step2__popup form input[type=email],
        .step2__popup form input[type=tel],
        .step2__popup form input[type=password],
        .step3__popup form input[type=text],
        .step3__popup form input[type=email],
        .step3__popup form input[type=tel],
        .step3__popup form input[type=password] {
          max-width: 350px; } }
      @media (max-width: 1160px) {
        .lid__popup.active form input[type=text],
        .lid__popup.active form input[type=email],
        .lid__popup.active form input[type=tel],
        .lid__popup.active form input[type=password],
        .buy__popup.active form input[type=text],
        .buy__popup.active form input[type=email],
        .buy__popup.active form input[type=tel],
        .buy__popup.active form input[type=password],
        .login__popup.active form input[type=text],
        .login__popup.active form input[type=email],
        .login__popup.active form input[type=tel],
        .login__popup.active form input[type=password],
        .registration__popup.active form input[type=text],
        .registration__popup.active form input[type=email],
        .registration__popup.active form input[type=tel],
        .registration__popup.active form input[type=password],
        .additional__popup.active form input[type=text],
        .additional__popup.active form input[type=email],
        .additional__popup.active form input[type=tel],
        .additional__popup.active form input[type=password],
        .step1__popup form input[type=text],
        .step1__popup form input[type=email],
        .step1__popup form input[type=tel],
        .step1__popup form input[type=password],
        .step2__popup form input[type=text],
        .step2__popup form input[type=email],
        .step2__popup form input[type=tel],
        .step2__popup form input[type=password],
        .step3__popup form input[type=text],
        .step3__popup form input[type=email],
        .step3__popup form input[type=tel],
        .step3__popup form input[type=password] {
          max-width: 100%; } }
    .lid__popup.active form input[name=name],
    .lid__popup.active form input[name=email],
    .lid__popup.active form input[type=tel],
    .lid__popup.active form input[name=password],
    .buy__popup.active form input[name=name],
    .buy__popup.active form input[name=email],
    .buy__popup.active form input[type=tel],
    .buy__popup.active form input[name=password],
    .login__popup.active form input[name=name],
    .login__popup.active form input[name=email],
    .login__popup.active form input[type=tel],
    .login__popup.active form input[name=password],
    .registration__popup.active form input[name=name],
    .registration__popup.active form input[name=email],
    .registration__popup.active form input[type=tel],
    .registration__popup.active form input[name=password],
    .additional__popup.active form input[name=name],
    .additional__popup.active form input[name=email],
    .additional__popup.active form input[type=tel],
    .additional__popup.active form input[name=password],
    .step1__popup form input[name=name],
    .step1__popup form input[name=email],
    .step1__popup form input[type=tel],
    .step1__popup form input[name=password],
    .step2__popup form input[name=name],
    .step2__popup form input[name=email],
    .step2__popup form input[type=tel],
    .step2__popup form input[name=password],
    .step3__popup form input[name=name],
    .step3__popup form input[name=email],
    .step3__popup form input[type=tel],
    .step3__popup form input[name=password] {
      max-width: 470px;
      width: 100%;
      margin-bottom: 24px; }
      @media (max-width: 1480px) {
        .lid__popup.active form input[name=name],
        .lid__popup.active form input[name=email],
        .lid__popup.active form input[type=tel],
        .lid__popup.active form input[name=password],
        .buy__popup.active form input[name=name],
        .buy__popup.active form input[name=email],
        .buy__popup.active form input[type=tel],
        .buy__popup.active form input[name=password],
        .login__popup.active form input[name=name],
        .login__popup.active form input[name=email],
        .login__popup.active form input[type=tel],
        .login__popup.active form input[name=password],
        .registration__popup.active form input[name=name],
        .registration__popup.active form input[name=email],
        .registration__popup.active form input[type=tel],
        .registration__popup.active form input[name=password],
        .additional__popup.active form input[name=name],
        .additional__popup.active form input[name=email],
        .additional__popup.active form input[type=tel],
        .additional__popup.active form input[name=password],
        .step1__popup form input[name=name],
        .step1__popup form input[name=email],
        .step1__popup form input[type=tel],
        .step1__popup form input[name=password],
        .step2__popup form input[name=name],
        .step2__popup form input[name=email],
        .step2__popup form input[type=tel],
        .step2__popup form input[name=password],
        .step3__popup form input[name=name],
        .step3__popup form input[name=email],
        .step3__popup form input[type=tel],
        .step3__popup form input[name=password] {
          max-width: 350px; } }
      @media (max-width: 1160px) {
        .lid__popup.active form input[name=name],
        .lid__popup.active form input[name=email],
        .lid__popup.active form input[type=tel],
        .lid__popup.active form input[name=password],
        .buy__popup.active form input[name=name],
        .buy__popup.active form input[name=email],
        .buy__popup.active form input[type=tel],
        .buy__popup.active form input[name=password],
        .login__popup.active form input[name=name],
        .login__popup.active form input[name=email],
        .login__popup.active form input[type=tel],
        .login__popup.active form input[name=password],
        .registration__popup.active form input[name=name],
        .registration__popup.active form input[name=email],
        .registration__popup.active form input[type=tel],
        .registration__popup.active form input[name=password],
        .additional__popup.active form input[name=name],
        .additional__popup.active form input[name=email],
        .additional__popup.active form input[type=tel],
        .additional__popup.active form input[name=password],
        .step1__popup form input[name=name],
        .step1__popup form input[name=email],
        .step1__popup form input[type=tel],
        .step1__popup form input[name=password],
        .step2__popup form input[name=name],
        .step2__popup form input[name=email],
        .step2__popup form input[type=tel],
        .step2__popup form input[name=password],
        .step3__popup form input[name=name],
        .step3__popup form input[name=email],
        .step3__popup form input[type=tel],
        .step3__popup form input[name=password] {
          max-width: 100%; } }
    .lid__popup.active form input[name=text],
    .buy__popup.active form input[name=text],
    .login__popup.active form input[name=text],
    .registration__popup.active form input[name=text],
    .additional__popup.active form input[name=text],
    .step1__popup form input[name=text],
    .step2__popup form input[name=text],
    .step3__popup form input[name=text] {
      width: 100%;
      margin-bottom: 24px; }
    .lid__popup.active form div,
    .buy__popup.active form div,
    .login__popup.active form div,
    .registration__popup.active form div,
    .additional__popup.active form div,
    .step1__popup form div,
    .step2__popup form div,
    .step3__popup form div {
      width: 100%;
      margin-bottom: 24px;
      text-align: center; }
      .lid__popup.active form div label, .lid__popup.active form div input,
      .buy__popup.active form div label,
      .buy__popup.active form div input,
      .login__popup.active form div label,
      .login__popup.active form div input,
      .registration__popup.active form div label,
      .registration__popup.active form div input,
      .additional__popup.active form div label,
      .additional__popup.active form div input,
      .step1__popup form div label,
      .step1__popup form div input,
      .step2__popup form div label,
      .step2__popup form div input,
      .step3__popup form div label,
      .step3__popup form div input {
        cursor: pointer; }
        @media (max-width: 1160px) {
          .lid__popup.active form div label, .lid__popup.active form div input,
          .buy__popup.active form div label,
          .buy__popup.active form div input,
          .login__popup.active form div label,
          .login__popup.active form div input,
          .registration__popup.active form div label,
          .registration__popup.active form div input,
          .additional__popup.active form div label,
          .additional__popup.active form div input,
          .step1__popup form div label,
          .step1__popup form div input,
          .step2__popup form div label,
          .step2__popup form div input,
          .step3__popup form div label,
          .step3__popup form div input {
            font-size: 16px; } }
      .lid__popup.active form div input,
      .buy__popup.active form div input,
      .login__popup.active form div input,
      .registration__popup.active form div input,
      .additional__popup.active form div input,
      .step1__popup form div input,
      .step2__popup form div input,
      .step3__popup form div input {
        display: none;
        background: transparent; }
        .lid__popup.active form div input:checked + label::before,
        .buy__popup.active form div input:checked + label::before,
        .login__popup.active form div input:checked + label::before,
        .registration__popup.active form div input:checked + label::before,
        .additional__popup.active form div input:checked + label::before,
        .step1__popup form div input:checked + label::before,
        .step2__popup form div input:checked + label::before,
        .step3__popup form div input:checked + label::before {
          border-color: #3D0ACD;
          background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23EA9DC3' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
      .lid__popup.active form div label,
      .buy__popup.active form div label,
      .login__popup.active form div label,
      .registration__popup.active form div label,
      .additional__popup.active form div label,
      .step1__popup form div label,
      .step2__popup form div label,
      .step3__popup form div label {
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: Lato-Light;
        font-weight: 300;
        font-size: 16px; }
        @media (max-width: 1160px) {
          .lid__popup.active form div label,
          .buy__popup.active form div label,
          .login__popup.active form div label,
          .registration__popup.active form div label,
          .additional__popup.active form div label,
          .step1__popup form div label,
          .step2__popup form div label,
          .step3__popup form div label {
            display: block; } }
        .lid__popup.active form div label:before,
        .buy__popup.active form div label:before,
        .login__popup.active form div label:before,
        .registration__popup.active form div label:before,
        .additional__popup.active form div label:before,
        .step1__popup form div label:before,
        .step2__popup form div label:before,
        .step3__popup form div label:before {
          content: '';
          display: inline-block;
          width: 1em;
          height: 1em;
          flex-shrink: 0;
          flex-grow: 0;
          border: 1px solid #adb5bd;
          border-radius: 0.25em;
          margin-right: 0.5em;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 50% 50%; }
      .lid__popup.active form div a,
      .buy__popup.active form div a,
      .login__popup.active form div a,
      .registration__popup.active form div a,
      .additional__popup.active form div a,
      .step1__popup form div a,
      .step2__popup form div a,
      .step3__popup form div a {
        margin-left: 5px;
        border-bottom: 1px solid #fff; }
        .lid__popup.active form div a:hover,
        .buy__popup.active form div a:hover,
        .login__popup.active form div a:hover,
        .registration__popup.active form div a:hover,
        .additional__popup.active form div a:hover,
        .step1__popup form div a:hover,
        .step2__popup form div a:hover,
        .step3__popup form div a:hover {
          text-decoration: none;
          border-bottom: 1px solid #3D0ACD;
          color: #3D0ACD; }
    .lid__popup.active form input[type=submit],
    .buy__popup.active form input[type=submit],
    .login__popup.active form input[type=submit],
    .registration__popup.active form input[type=submit],
    .additional__popup.active form input[type=submit],
    .step1__popup form input[type=submit],
    .step2__popup form input[type=submit],
    .step3__popup form input[type=submit] {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 464px;
      height: 55px;
      border: 0;
      color: #fff;
      background: linear-gradient(90deg, #768DCF 0%, #1965D2 100%);
      box-shadow: 0px 4px 12px rgba(120, 98, 163, 0.31);
      border-radius: 90px;
      text-transform: uppercase;
      cursor: pointer;
      margin: auto; }
      @media (max-width: 1480px) {
        .lid__popup.active form input[type=submit],
        .buy__popup.active form input[type=submit],
        .login__popup.active form input[type=submit],
        .registration__popup.active form input[type=submit],
        .additional__popup.active form input[type=submit],
        .step1__popup form input[type=submit],
        .step2__popup form input[type=submit],
        .step3__popup form input[type=submit] {
          max-width: 350px; } }
      @media (max-width: 1160px) {
        .lid__popup.active form input[type=submit],
        .buy__popup.active form input[type=submit],
        .login__popup.active form input[type=submit],
        .registration__popup.active form input[type=submit],
        .additional__popup.active form input[type=submit],
        .step1__popup form input[type=submit],
        .step2__popup form input[type=submit],
        .step3__popup form input[type=submit] {
          max-width: 100%;
          height: 50px; } }
      .lid__popup.active form input[type=submit]:hover,
      .buy__popup.active form input[type=submit]:hover,
      .login__popup.active form input[type=submit]:hover,
      .registration__popup.active form input[type=submit]:hover,
      .additional__popup.active form input[type=submit]:hover,
      .step1__popup form input[type=submit]:hover,
      .step2__popup form input[type=submit]:hover,
      .step3__popup form input[type=submit]:hover {
        background: linear-gradient(269.48deg, #F09FE0 2.9%, #EA5DA0 109.39%); }

.step1__popup,
.step2__popup,
.step3__popup {
  width: 775px;
  height: 775px;
  padding: 35px; }

.send__popup.active {
  width: 300px;
  height: 300px; }

.buy__popup.active {
  width: 950px;
  height: 950px; }
  @media (max-width: 1480px) {
    .buy__popup.active {
      height: 600px;
      border-radius: 150px; } }
  @media (max-width: 1160px) {
    .buy__popup.active {
      border-radius: 25px;
      height: auto;
      overflow-y: scroll;
      display: block; } }
  .buy__popup.active h3 span {
    color: #3D0ACD; }
    @media (max-width: 1160px) {
      .buy__popup.active h3 span {
        margin-right: 5px; } }
  @media (max-width: 1160px) {
    .buy__popup.active h3 {
      margin-top: 20px;
      margin-bottom: 10px; }
      .buy__popup.active h3 br {
        display: none; } }
  .buy__popup.active > p {
    width: 700px;
    max-width: 100%;
    font-family: Lato-Light;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 20px; }
    @media (max-width: 1160px) {
      .buy__popup.active > p {
        text-align: left; } }
  .buy__popup.active form {
    width: 700px;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap; }
    .buy__popup.active form input[type=text],
    .buy__popup.active form input[type=email],
    .buy__popup.active form input[type=tel],
    .buy__popup.active form input[type=password] {
      width: 342px;
      max-width: 100%;
      margin-bottom: 10px; }
      @media (max-width: 1160px) {
        .buy__popup.active form input[type=text],
        .buy__popup.active form input[type=email],
        .buy__popup.active form input[type=tel],
        .buy__popup.active form input[type=password] {
          width: 100%;
          height: 40px; } }
    .buy__popup.active form label {
      margin-left: 10px; }
    .buy__popup.active form .buy__checkbox {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 20px; }
    .buy__popup.active form .buy__price {
      margin: auto;
      font-family: Lato-Medium;
      font-size: 30px;
      font-style: normal;
      font-weight: 600;
      line-height: 16px;
      letter-spacing: 0em;
      text-align: right;
      color: #495EB7;
      margin-bottom: 37px; }
      .buy__popup.active form .buy__price span {
        margin-left: 10px;
        text-decoration: line-through;
        font-family: Lato-Regular;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0em;
        text-align: left;
        color: #B5B9CC; }
    .buy__popup.active form .buy__card {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media (max-width: 1160px) {
        .buy__popup.active form .buy__card {
          flex-wrap: wrap;
          justify-content: center; } }
      .buy__popup.active form .buy__card input[name=card] {
        display: block;
        max-width: 100%;
        width: 250px;
        margin-top: 10px;
        height: 55px;
        border-right: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
        @media (max-width: 1160px) {
          .buy__popup.active form .buy__card input[name=card] {
            width: 100%;
            border-radius: 25px;
            border: 1px solid #364277;
            margin-top: 0;
            height: 40px; } }
      .buy__popup.active form .buy__card input[name=cardDate] {
        display: block;
        max-width: 100%;
        width: 100px;
        margin-top: 10px;
        height: 55px;
        padding-left: 5px;
        border-left: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
        @media (max-width: 1160px) {
          .buy__popup.active form .buy__card input[name=cardDate] {
            width: 100%;
            padding-left: 0;
            border: 1px solid #364277;
            border-radius: 25px;
            padding: 20px 27px;
            margin-top: 0;
            box-sizing: border-box;
            height: 40px; } }
      .buy__popup.active form .buy__card input[type=submit] {
        margin-left: 10px;
        max-width: 100%;
        width: 340px; }
        @media (max-width: 1160px) {
          .buy__popup.active form .buy__card input[type=submit] {
            margin-left: 0;
            margin-top: 10px;
            width: 100%;
            height: 40px; } }

.lid__popup_done.active {
  width: 680px;
  height: 680px;
  padding: 35px; }
  @media (max-width: 1480px) {
    .lid__popup_done.active {
      width: 600px;
      height: 600px; } }
  @media (max-width: 1160px) {
    .lid__popup_done.active {
      max-width: 100%;
      height: fit-content; } }
  .lid__popup_done.active h3 {
    color: #364277; }

.login__popup.active h3,
.registration__popup.active h3,
.additional__popup.active h3 {
  border-bottom: 2px solid #BDC1D2; }
  .login__popup.active h3 a,
  .registration__popup.active h3 a,
  .additional__popup.active h3 a {
    color: #BDC1D2; }
    .login__popup.active h3 a.active,
    .registration__popup.active h3 a.active,
    .additional__popup.active h3 a.active {
      color: #364277;
      padding-bottom: 2px;
      border-bottom: 2px solid #364277; }
      @media (max-width: 1480px) {
        .login__popup.active h3 a.active,
        .registration__popup.active h3 a.active,
        .additional__popup.active h3 a.active {
          padding-bottom: 11px; } }
    .login__popup.active h3 a:hover,
    .registration__popup.active h3 a:hover,
    .additional__popup.active h3 a:hover {
      color: #364277;
      text-decoration: none;
      padding-bottom: 2px;
      border-bottom: 2px solid #364277; }
      @media (max-width: 1480px) {
        .login__popup.active h3 a:hover,
        .registration__popup.active h3 a:hover,
        .additional__popup.active h3 a:hover {
          padding-bottom: 11px; } }

.login__popup.active form,
.registration__popup.active form,
.additional__popup.active form {
  margin-top: 15px; }

.login__popup.active .login__forget,
.registration__popup.active .login__forget,
.additional__popup.active .login__forget {
  font-size: 16px;
  color: #364277;
  text-decoration: underline;
  margin-top: 10px;
  margin-left: auto; }

.step1__popup p,
.step2__popup p,
.step3__popup p {
  text-align: center; }
  @media (max-width: 1160px) {
    .step1__popup p,
    .step2__popup p,
    .step3__popup p {
      text-align: left; } }

@media (max-width: 1160px) {
  .step1__popup,
  .step2__popup,
  .step3__popup {
    border-radius: 25px;
    height: auto;
    overflow-y: scroll;
    box-sizing: border-box; }
    .step1__popup.active,
    .step2__popup.active,
    .step3__popup.active {
      display: block; } }

body {
  color: #000;
  background: #fff; }

.shown .line-left span{
	display:none;
}
.right__name{
	font-size: 20px;
  margin-bottom: 20px;
}
.padding{
	padding-bottom: 20px;
}
.stamp__status{
	font-size: 16px;
    text-align: center;
    display: block;
    color: #3D0ACD;
}
@media(max-width:1160px){
  #stamp1__text{
  	overflow: hidden;
  }
	.stamp__hiddens{
  	display: none;
  }
  .nav__wrapper {
      z-index: 100;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 116px;
      
      transition: background-color .2s ease-in-out;
  }
}
.stamp__hiddens{
  color: #3D0ACD;
    text-decoration: underline;
    cursor: pointer;
  display: block;
    margin-bottom: 45px;
}
.stamp__hidden{
  color: #3D0ACD;
    text-decoration: underline;
    cursor: pointer;
  display: block;
    margin-bottom: 45px;
}
@media(max-width:1160px){
  .stamp__hiddens{
  	display: none;
  }
}
@media (max-width: 1160px){
.calc__transformed .calc__description {
    height: auto;
}

}
@media (max-width: 1460px){
  .calc.container{
  	overflow: hidden;
  }
  .author__right.right a{
	width: 100%;
}
}
._bold{
    font-weight: 600;
}
.calc__buy{
    
    margin-top: 40px;
}
@media(max-width: 1480px){
    
    .calc #calc__canvas.transformed {
        left: calc(50% - 310px);
        bottom: 100px;
    }
    .calc #calc__canvas {
         bottom: 1080px;
    }
    .calc__wrapper.transformed {
        height: fit-content;
        margin-bottom: 50px;
    }
}