@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
  line-height: 100%; }

html, body {
  overflow: auto; }

a {
  text-decoration: none; }

.overflow-hidden {
  overflow: hidden; }

@media (max-width: 414px) {
  header {
    max-height: 56px; } }

.container {
  display: grid;
  grid-template-columns: repeat(12, 81px);
  width: 100%;
  grid-column-gap: 24px; }
  @media (max-width: 1280px) {
    .container {
      grid-template-columns: repeat(12, 1fr); } }
  @media (max-width: 414px) {
    .container {
      grid-template-columns: repeat(4, 1fr) !important;
      grid-column-gap: 0px; } }

.desctop_h1 {
  font-weight: 700 !important;
  font-size: 40px !important;
  line-height: 48px !important; }
  @media (max-width: 414px) {
    .desctop_h1 {
      font-size: 32px !important;
      line-height: 40px !important; } }

.desctop_h2 {
  font-weight: 700 !important;
  font-size: 32px !important;
  line-height: 40px !important; }
  @media (max-width: 414px) {
    .desctop_h2 {
      font-size: 24px !important;
      line-height: 32px !important; } }

.desctop_h3 {
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 28px !important; }
  @media (max-width: 414px) {
    .desctop_h3 {
      font-size: 20px !important;
      line-height: 20px !important; } }

.desctop_h4 {
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 28px !important; }
  @media (max-width: 414px) {
    .desctop_h4 {
      font-size: 16px !important;
      line-height: 24px !important; } }

.desctop_p1 {
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 24px !important; }

.desctop_p2 {
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 20px !important; }

.desctop_p3 {
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 18px !important; }
  @media (max-width: 414px) {
    .desctop_p3 {
      font-size: 12px !important;
      line-height: 18px !important; } }

.desctop_input_label {
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 12px !important; }

.top_nav {
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 14px !important; }

.special {
  font-weight: 400 !important;
  font-size: 22px !important;
  line-height: 30px !important; }

.special01 {
  font-weight: 400 !important;
  font-size: 22px !important;
  line-height: 30px !important; }

.lh-48 {
  line-height: 48px !important; }

.menu {
  width: 100vw;
  height: 100vh;
  background: #fff;
  color: #000;
  position: fixed;
  top: -120vh;
  z-index: 10;
  transition: top 300ms linear; }
  .menu_body {
    padding: 0px 16px; }
  .menu > a {
    padding: 0px 16px;
    padding-bottom: 5px;
    width: 100%;
    display: block;
    border-bottom: 0.5px solid rgba(76, 92, 108, 0.5); }
  .menu .button_cabinet {
    border-radius: 8px;
    background-color: #800F6D;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    margin: 24px 0px 33px 0px;
    width: 100%;
    padding: 15px 0px;
    display: flex;
    justify-content: center; }
  .menu .list_lang {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 16px 0px 16px;
    border-top: 0.5px solid rgba(76, 92, 108, 0.5); }
    .menu .list_lang .flag {
      display: flex;
      font-size: 14px;
      line-height: 24px;
      font-weight: normal; }
      .menu .list_lang .flag img {
        margin-right: 8px; }

.menu.animate {
  top: 0; }

@media (max-width: 540px) {
  .header-nav.desc {
    display: none; } }

.header-nav.mob {
  display: none; }
  @media (max-width: 540px) {
    .header-nav.mob {
      display: flex;
      align-items: center; }
      .header-nav.mob .burger {
        width: 16px;
        height: 12px;
        position: relative;
        z-index: 50; }
        .header-nav.mob .burger.active {
          position: fixed;
          right: 16px; }
        .header-nav.mob .burger div, .header-nav.mob .burger div:before, .header-nav.mob .burger div:after {
          width: 100%;
          position: absolute;
          height: 2px;
          background: #fff;
          display: block;
          transition: .3s;
          border-radius: 5px; }
        .header-nav.mob .burger div {
          top: 0; }
          .header-nav.mob .burger div::before {
            content: "";
            top: 5px;
            transition: top 300ms 300ms, transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }
          .header-nav.mob .burger div::after {
            content: "";
            top: 10px;
            transition: bottom 300ms 300ms, transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }
          .header-nav.mob .burger div.active {
            background: rgba(0, 0, 0, 0); }
            .header-nav.mob .burger div.active:before {
              content: "";
              top: 5px;
              transform: rotate(45deg);
              background: #000;
              transition: top 300ms, transform 300ms 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
            .header-nav.mob .burger div.active:after {
              content: "";
              top: 5px;
              transform: rotate(-45deg);
              background: #000;
              transition: bottom 300ms, transform 300ms 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } }

.wrapper {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  position: relative; }
  .wrapper header {
    color: #fff;
    padding: 0px 36px;
    position: relative; }
    .wrapper header.bg {
      background-color: #000044; }
    @media (max-width: 540px) {
      .wrapper header {
        padding: 0px 16px; } }
    .wrapper header .container {
      display: flex;
      width: 100%;
      justify-content: space-between; }
    @media (max-width: 414px) {
      .wrapper header .header-logo {
        padding: 5px 0px; } }
    .wrapper header .header-logo a {
      display: flex;
      align-items: center; }
      @media (max-width: 414px) {
        .wrapper header .header-logo a img {
          width: 121px;
          height: 46px; } }
    .wrapper header .header-nav {
      display: flex;
      align-items: center; }
      .wrapper header .header-nav.mob {
        display: none; }
        @media (max-width: 540px) {
          .wrapper header .header-nav.mob {
            display: flex;
            align-items: center; } }
      .wrapper header .header-nav-cabinet {
        cursor: pointer;
        border-radius: 8px;
        border: 2px solid #D8D8D8;
        padding: 8px 20px;
        font-size: 0.875rem;
        margin-right: 48px;
        transition: border .1s linear, color .1s linear; }
        .wrapper header .header-nav-cabinet:hover {
          color: #800F6D;
          border: 2px solid #800F6D;
          transition: all .1s linear; }
        @media (max-width: 540px) {
          .wrapper header .header-nav-cabinet {
            display: none; } }
      .wrapper header .header-nav-lang {
        display: flex;
        align-items: center;
        cursor: pointer; }
        @media (max-width: 540px) {
          .wrapper header .header-nav-lang {
            display: none; } }
        .wrapper header .header-nav-lang .flag {
          margin-right: 6px; }
        .wrapper header .header-nav-lang .more {
          display: flex;
          align-items: center; }
  .wrapper section, .wrapper main {
    flex: 1; }
    .wrapper section .container, .wrapper main .container {
      display: grid;
      grid-template-columns: repeat(12, 81px);
      width: max-content;
      margin: 0 auto;
      grid-column-gap: 24px; }
      @media (max-width: 414px) {
        .wrapper section .container, .wrapper main .container {
          width: 100%;
          grid-template-columns: repeat(4, 1fr) !important;
          grid-column-gap: 0px;
          padding: 0 16px; } }
    .wrapper section .step-count, .wrapper main .step-count {
      grid-column: 5 / span 4;
      margin-top: 64px;
      font-size: 1.0rem;
      color: #000044;
      margin-bottom: 24px; }
      @media (max-width: 414px) {
        .wrapper section .step-count, .wrapper main .step-count {
          margin-top: 32px; } }
      @media (max-width: 768px) {
        .wrapper section .step-count, .wrapper main .step-count {
          grid-column: 4 / span 6; } }
      @media (max-width: 540px) {
        .wrapper section .step-count, .wrapper main .step-count {
          grid-column: 2 / span 10; } }
      @media (max-width: 414px) {
        .wrapper section .step-count, .wrapper main .step-count {
          grid-column: auto / span 4; } }
      .wrapper section .step-count span, .wrapper main .step-count span {
        font-weight: bold;
        color: #000044; }
    .wrapper section .step-back, .wrapper main .step-back {
      display: flex;
      align-items: center;
      width: max-content;
      color: #4C5C6C;
      font-size: 0.75rem;
      cursor: pointer;
      margin-top: 24px;
      margin-bottom: 16px;
      grid-column: auto / span 12; }
      @media (max-width: 414px) {
        .wrapper section .step-back, .wrapper main .step-back {
          grid-column: auto / span 4; } }
      .wrapper section .step-back .icon, .wrapper main .step-back .icon {
        margin-right: 8px; }
      .wrapper section .step-back:hover, .wrapper main .step-back:hover {
        opacity: .5; }
    .wrapper section .step-title, .wrapper main .step-title {
      margin-top: 40px;
      grid-column: 5 / span 4;
      width: 100%;
      font-size: 1.5rem;
      font-weight: bold;
      color: #000044;
      margin-bottom: 16px; }
      @media (max-width: 768px) {
        .wrapper section .step-title, .wrapper main .step-title {
          grid-column: 4 / span 6; } }
      @media (max-width: 540px) {
        .wrapper section .step-title, .wrapper main .step-title {
          grid-column: 2 / span 10; } }
      @media (max-width: 414px) {
        .wrapper section .step-title, .wrapper main .step-title {
          grid-column: auto / span 4; } }
    .wrapper section .step-descr, .wrapper main .step-descr {
      grid-column: 5 / span 4;
      font-size: 0.75rem;
      color: #1D1D1F;
      margin-bottom: 24px; }
      @media (max-width: 768px) {
        .wrapper section .step-descr, .wrapper main .step-descr {
          grid-column: 4 / span 6; } }
      @media (max-width: 540px) {
        .wrapper section .step-descr, .wrapper main .step-descr {
          grid-column: 2 / span 10; } }
      @media (max-width: 414px) {
        .wrapper section .step-descr, .wrapper main .step-descr {
          grid-column: auto / span 4; } }
    .wrapper section .step-button, .wrapper main .step-button {
      color: #fff;
      background-color: #800F6D;
      border-radius: 8px;
      text-align: center;
      grid-column: 5 / span 4;
      justify-content: center;
      padding: 13px 0px;
      cursor: pointer; }
      @media (max-width: 768px) {
        .wrapper section .step-button, .wrapper main .step-button {
          grid-column: 4 / span 6; } }
      @media (max-width: 540px) {
        .wrapper section .step-button, .wrapper main .step-button {
          grid-column: 2 / span 10; } }
      @media (max-width: 414px) {
        .wrapper section .step-button, .wrapper main .step-button {
          grid-column: auto / span 4; } }
      .wrapper section .step-button:hover, .wrapper main .step-button:hover {
        opacity: .7; }
    .wrapper section .social-create, .wrapper main .social-create {
      grid-column: 5 / span 4;
      margin-top: 32px; }
      .wrapper section .social-create .title, .wrapper main .social-create .title {
        font-size: 0.75rem;
        color: #1D1D1F;
        text-align: center; }
      .wrapper section .social-create .social, .wrapper main .social-create .social {
        display: flex;
        justify-content: center;
        margin-top: 20px; }
        .wrapper section .social-create .social div, .wrapper main .social-create .social div {
          cursor: pointer; }
          .wrapper section .social-create .social div:first-child, .wrapper main .social-create .social div:first-child {
            margin-right: 16px; }
          .wrapper section .social-create .social div:hover, .wrapper main .social-create .social div:hover {
            opacity: .5; }
      .wrapper section .social-create .assept, .wrapper main .social-create .assept {
        margin-top: 40px;
        font-size: 0.75rem;
        color: #979797; }
        .wrapper section .social-create .assept span, .wrapper main .social-create .assept span {
          color: #0088CE; }
      @media (max-width: 768px) {
        .wrapper section .social-create, .wrapper main .social-create {
          grid-column: 4 / span 6; } }
      @media (max-width: 540px) {
        .wrapper section .social-create, .wrapper main .social-create {
          grid-column: 2 / span 10; } }
      @media (max-width: 414px) {
        .wrapper section .social-create, .wrapper main .social-create {
          grid-column: auto / span 4;
          margin-top: 16px; } }
    .wrapper section .step-form, .wrapper main .step-form {
      grid-column: 5 / span 4; }
      @media (max-width: 768px) {
        .wrapper section .step-form, .wrapper main .step-form {
          grid-column: 4 / span 6; } }
      @media (max-width: 540px) {
        .wrapper section .step-form, .wrapper main .step-form {
          grid-column: 2 / span 10; } }
      @media (max-width: 414px) {
        .wrapper section .step-form, .wrapper main .step-form {
          grid-column: auto / span 4; } }
  .wrapper form {
    width: 100%; }
    .wrapper form .password_eye {
      position: relative;
      cursor: pointer; }
      .wrapper form .password_eye img {
        position: absolute;
        right: 18px;
        top: 15px;
        display: block;
        width: 16px;
        height: 16px;
        z-index: 1; }
    .wrapper form .form-block {
      display: flex;
      flex-direction: column; }
      .wrapper form .form-block:not(:last-child) {
        margin-bottom: 16px; }
      .wrapper form .form-block:last-child {
        margin-bottom: 32px; }
      .wrapper form .form-block label {
        font-weight: bold;
        font-size: 0.75rem;
        margin-bottom: 4px; }
        .wrapper form .form-block label span {
          color: #800F6D;
          font-size: 0.75rem; }
      .wrapper form .form-block .information {
        color: #979797;
        font-size: 0.75rem; }
      .wrapper form .form-block .validate.validate-error {
        color: #F44336;
        font-size: 0.75rem; }
      .wrapper form .form-block input, .wrapper form .form-block textarea, .wrapper form .form-block select {
        font-size: 0.875rem;
        color: #747474;
        border-radius: 4px;
        border: 1px solid #D8D8D8;
        outline: none;
        width: 100%; }
      .wrapper form .form-block .phone {
        display: flex; }
        .wrapper form .form-block .phone select {
          width: 30%; }
      .wrapper form .form-block input {
        padding: 12px 17px; }
      .wrapper form .form-block textarea {
        padding: 25px 17px; }
      .wrapper form .form-block .validate-error-input {
        border: 1px solid #F44336; }
  .wrapper .form-uploads {
    grid-column: 5 / span 4; }
    @media (max-width: 414px) {
      .wrapper .form-uploads.desc {
        display: none; } }
    .wrapper .form-uploads.desc .alert {
      display: flex; }
      @media (max-width: 414px) {
        .wrapper .form-uploads.desc .alert {
          display: none; } }
    .wrapper .form-uploads .link-restore {
      color: #0088CE; }
      .wrapper .form-uploads .link-restore:hover {
        opacity: .5; }
    .wrapper .form-uploads .btn-upload {
      display: flex;
      justify-content: center;
      align-items: center;
      border: 2px solid #800F6D;
      width: 100%;
      padding: 10px 0px;
      border-radius: 8px;
      color: #800F6D; }
      .wrapper .form-uploads .btn-upload span {
        margin-left: 8px; }
    .wrapper .form-uploads.mob {
      display: none; }
      @media (max-width: 414px) {
        .wrapper .form-uploads.mob {
          display: flex;
          flex-direction: column; } }
      .wrapper .form-uploads.mob .alert {
        display: none; }
        @media (max-width: 414px) {
          .wrapper .form-uploads.mob .alert {
            display: flex; } }
    @media (max-width: 768px) {
      .wrapper .form-uploads {
        grid-column: 4 / span 6; } }
    @media (max-width: 540px) {
      .wrapper .form-uploads {
        grid-column: 2 / span 10; } }
    @media (max-width: 414px) {
      .wrapper .form-uploads {
        grid-column: auto / span 4; } }
    .wrapper .form-uploads-body {
      border: 1px solid #D8D8D8;
      border-radius: 4px;
      padding: 21px 0px;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .wrapper .form-uploads-body .preview {
        position: relative;
        display: none;
        cursor: pointer; }
        .wrapper .form-uploads-body .preview .hover {
          position: absolute;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.5);
          display: flex;
          align-items: center;
          justify-content: center;
          opacity: 0;
          transition: opacity .3s linear;
          top: 0; }
          .wrapper .form-uploads-body .preview .hover .btn-remove {
            padding: 10px 40px;
            width: max-content;
            border: 1px solid #fff;
            border-radius: 8px;
            color: #fff; }
            .wrapper .form-uploads-body .preview .hover .btn-remove:hover {
              opacity: .5; }
        .wrapper .form-uploads-body .preview:hover .hover {
          opacity: 1;
          transition: opacity .3s linear; }
      @media (max-width: 414px) {
        .wrapper .form-uploads-body {
          border: 0px;
          border-radius: 0px;
          padding: 0;
          margin-bottom: 24px; } }
      .wrapper .form-uploads-body .text {
        font-size: 0.75rem;
        color: #747474;
        line-height: 120%;
        margin-bottom: 12px;
        text-align: center; }
      .wrapper .form-uploads-body .btn {
        font-size: 0.75rem;
        border-radius: 4px;
        border: 2px solid #800F6D;
        padding: 6px 55px;
        color: #800F6D;
        font-weight: bold;
        cursor: pointer; }
        .wrapper .form-uploads-body .btn:hover {
          opacity: .5; }
    .wrapper .form-uploads-descr {
      display: flex;
      justify-content: space-between;
      margin-bottom: 24px;
      color: #747474;
      font-size: 10px;
      line-height: 14px; }
      @media (max-width: 414px) {
        .wrapper .form-uploads-descr {
          color: #1D1D1F;
          flex-direction: column; }
          .wrapper .form-uploads-descr div {
            font-size: 0.75rem;
            line-height: 18px; } }
  .wrapper footer {
    background-color: #000044;
    color: #ffffff;
    margin-top: 112px;
    padding: 48px 118px;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 414px) {
      .wrapper footer {
        margin-top: 112px;
        flex-direction: column;
        padding: 48px 16px 100px 16px; } }
    .wrapper footer a {
      color: #ffffff; }
    .wrapper footer .footer-title {
      font-size: 1.25rem;
      line-height: 28px;
      font-weight: bold;
      margin-bottom: 8px; }
    .wrapper footer .footer-address {
      font-size: 0.875rem;
      line-height: 20px;
      margin-bottom: 24px; }
    .wrapper footer .footer-menu ul {
      display: flex;
      flex-direction: column;
      list-style: none; }
      .wrapper footer .footer-menu ul li a {
        font-size: 0.75rem;
        line-height: 12px;
        border-bottom: 1px solid transparent; }
        .wrapper footer .footer-menu ul li a:hover {
          border-bottom: 1px solid #fff; }
        .wrapper footer .footer-menu ul li a:active {
          color: #F6C3EF;
          border-bottom: 1px solid #F6C3EF; }
      .wrapper footer .footer-menu ul li:not(:last-child) {
        margin-bottom: 8px; }
    .wrapper footer .footer-menu.social ul {
      flex-direction: row;
      justify-content: flex-end; }
      @media (max-width: 414px) {
        .wrapper footer .footer-menu.social ul {
          justify-content: flex-start; } }
      .wrapper footer .footer-menu.social ul li:not(:last-child) {
        margin-right: 8px; }
      .wrapper footer .footer-menu.social ul li a:hover {
        border: 0;
        opacity: .5; }
    .wrapper footer .email {
      margin-bottom: 8px;
      font-size: 12px;
      line-height: 12px;
      display: flex;
      justify-content: flex-end; }
      @media (max-width: 414px) {
        .wrapper footer .email {
          justify-content: flex-start; } }
      .wrapper footer .email a {
        border-bottom: 1px solid transparent; }
        .wrapper footer .email a:hover {
          border-bottom: 1px solid #fff; }
    .wrapper footer .phone {
      margin-bottom: 24px;
      display: flex;
      justify-content: flex-end; }
      @media (max-width: 414px) {
        .wrapper footer .phone {
          justify-content: flex-start; } }
      .wrapper footer .phone a {
        border-bottom: 1px solid transparent; }
        .wrapper footer .phone a:hover {
          border-bottom: 1px solid #fff; }
    @media (max-width: 414px) {
      .wrapper footer .footer-left {
        margin-bottom: 24px; } }
    .wrapper footer .footer-right .footer-title {
      text-align: right; }
      @media (max-width: 414px) {
        .wrapper footer .footer-right .footer-title {
          text-align: left; } }

body[data-step="step2"] .step-count {
  margin-top: 0px !important; }
  @media (max-width: 414px) {
    body[data-step="step2"] .step-count {
      margin-top: 0px !important; } }

body[data-step="contacts"] .step-count {
  margin-top: 0px !important; }
  @media (max-width: 414px) {
    body[data-step="contacts"] .step-count {
      margin-top: 0px !important; } }
body[data-step="contacts"] .step-title {
  font-size: 2.5rem;
  text-align: center; }
  @media (max-width: 414px) {
    body[data-step="contacts"] .step-title {
      font-size: 1.25rem;
      text-align: left; } }
body[data-step="contacts"] .step-descr {
  font-size: 1.25rem; }
  @media (max-width: 414px) {
    body[data-step="contacts"] .step-descr {
      font-size: 0.75rem; } }

body[data-step="login"] .step-count {
  margin-top: 0px !important; }
  @media (max-width: 414px) {
    body[data-step="login"] .step-count {
      margin-top: 0px !important; } }
body[data-step="login"] .step-title {
  font-size: 1.5rem;
  text-align: left; }
  @media (max-width: 414px) {
    body[data-step="login"] .step-title {
      font-size: 1.25rem;
      text-align: left; } }
body[data-step="login"] .step-descr {
  font-size: 0.75rem; }
  @media (max-width: 414px) {
    body[data-step="login"] .step-descr {
      font-size: 0.75rem; } }

body[data-page="home"] .home_block {
  margin-top: 88px;
  position: relative;
  /*padding-bottom: 16%;*/
  display: flex; }
  @media (max-width: 414px) {
    body[data-page="home"] .home_block {
      margin-top: 56px;
      padding: 0 16px; } }
  body[data-page="home"] .home_block .video {
    width: 56.45%;
    min-height: 600px;
    margin-right: 24px; }
    body[data-page="home"] .home_block .video video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: right; }
    @media (max-width: 1040px) {
      body[data-page="home"] .home_block .video {
        position: relative;
        width: 100%; } }
    @media (max-width: 414px) {
      body[data-page="home"] .home_block .video {
        display: none;
        width: 100%;
        margin-right: 0px; } }
  body[data-page="home"] .home_block .page-info {
    width: 34.79%; }
    @media (max-width: 1040px) {
      body[data-page="home"] .home_block .page-info {
        width: 100%;
        grid-column: auto / span 12; } }
    @media (max-width: 414px) {
      body[data-page="home"] .home_block .page-info {
        grid-column: auto / span 4;
        width: 100%; } }
    body[data-page="home"] .home_block .page-info .page-video-mobile {
      display: none; }
      @media (max-width: 414px) {
        body[data-page="home"] .home_block .page-info .page-video-mobile {
          display: flex;
          margin-top: 16px; } }
      body[data-page="home"] .home_block .page-info .page-video-mobile video {
        height: 100vw;
        object-fit: cover; }
    body[data-page="home"] .home_block .page-info .page-descr {
      margin-top: 24px; }
      @media (max-width: 414px) {
        body[data-page="home"] .home_block .page-info .page-descr {
          margin-top: 16px; } }
body[data-page="home"] header {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2; }
body[data-page="home"] .slider_section {
  z-index: 1;
  position: relative; }
body[data-page="home"] .slick-initialized .slick-slide {
  position: relative; }
body[data-page="home"] .slider {
  grid-column: auto / span 12;
  display: flex;
  flex-direction: column; }
  body[data-page="home"] .slider-info {
    padding: 0 102px;
    position: absolute;
    top: 214px;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column; }
    @media (max-width: 414px) {
      body[data-page="home"] .slider-info {
        padding: 0 16px; } }
  body[data-page="home"] .slider-title {
    font-size: 60px;
    line-height: 62px;
    font-weight: 600;
    color: #FFFFFF;
    text-shadow: 0.5px 0.5px 1px rgba(29, 29, 31, 0.85);
    word-break: break-word; }
    @media (max-width: 414px) {
      body[data-page="home"] .slider-title {
        font-size: 32px !important;
        line-height: 40px !important; } }
  body[data-page="home"] .slider-descr {
    font-size: 32px;
    line-height: 62px;
    font-weight: 600;
    color: #FFFFFF;
    text-shadow: 0.5px 0.5px 1px rgba(29, 29, 31, 0.85);
    margin-top: 12px;
    word-break: break-word; }
    @media (max-width: 414px) {
      body[data-page="home"] .slider-descr {
        font-size: 16px !important;
        line-height: 24px !important;
        margin-top: 24px; } }
  body[data-page="home"] .slider-button {
    grid-column: auto / span 3;
    background-color: #800F6D;
    color: #ffffff;
    cursor: pointer;
    padding: 13px 111px;
    margin-top: 96px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    border-radius: 8px;
    width: max-content;
    transition: background-color .3s linear; }
    @media (max-width: 414px) {
      body[data-page="home"] .slider-button {
        display: none; } }
    body[data-page="home"] .slider-button:hover {
      background-color: #A91792;
      transition: background-color .3s linear; }
    body[data-page="home"] .slider-button:focus {
      transition: background-color .3s linear;
      background-color: #A44895; }
body[data-page="home"] .slide img {
  width: 100%; }
  @media (max-width: 414px) {
    body[data-page="home"] .slide img {
      height: 496px;
      object-fit: cover; } }
body[data-page="home"] footer {
  z-index: 2; }
body[data-page="home"] .button-create_mob {
  display: none; }
  @media (max-width: 414px) {
    body[data-page="home"] .button-create_mob {
      display: flex;
      font-size: 14px;
      line-height: 14px;
      font-weight: 600;
      border-radius: 22px;
      background-color: #800F6D;
      color: #ffffff;
      margin: 0 16px;
      position: fixed;
      z-index: 3;
      bottom: 10px;
      justify-content: center;
      padding: 15px 37.500vw; } }
body[data-page="home"] .steps {
  margin-top: 88px; }
  @media (max-width: 414px) {
    body[data-page="home"] .steps {
      margin-top: 48px; } }
  body[data-page="home"] .steps .container {
    padding: 0 10.156vw;
    display: flex;
    justify-content: space-around; }
    @media (max-width: 414px) {
      body[data-page="home"] .steps .container {
        padding: 0 16px; } }
    body[data-page="home"] .steps .container > div {
      width: 233px; }
      @media (max-width: 414px) {
        body[data-page="home"] .steps .container > div {
          width: 100%;
          display: flex;
          align-items: flex-start; } }
      @media (max-width: 414px) {
        body[data-page="home"] .steps .container > div:not(:last-child) {
          margin-bottom: 24px; } }
    @media (max-width: 414px) {
      body[data-page="home"] .steps .container {
        flex-direction: column; } }
  body[data-page="home"] .steps .step_title_home {
    padding-bottom: 13px;
    position: relative; }
    @media (max-width: 414px) {
      body[data-page="home"] .steps .step_title_home {
        padding-bottom: 0px;
        padding-top: 10px; } }
    body[data-page="home"] .steps .step_title_home p {
      font-size: 16px;
      line-height: 24px;
      font-weight: 600;
      position: relative; }
      body[data-page="home"] .steps .step_title_home p::before {
        position: absolute;
        bottom: 0;
        width: 39px;
        background-color: #4C5C6C;
        height: 1px; }
  body[data-page="home"] .steps .first_step_number {
    font-size: 180px;
    line-height: 200px;
    font-weight: 600;
    color: #800F6D; }
    @media (max-width: 414px) {
      body[data-page="home"] .steps .first_step_number {
        font-size: 140px;
        line-height: 120px;
        margin-right: 12px; } }
  body[data-page="home"] .steps .two_step_number {
    color: #A93697;
    font-size: 180px;
    line-height: 200px;
    font-weight: 600; }
    @media (max-width: 414px) {
      body[data-page="home"] .steps .two_step_number {
        font-size: 140px;
        line-height: 120px;
        margin-right: 12px; } }
  body[data-page="home"] .steps .three_step_number {
    color: #DE81CF;
    font-size: 180px;
    line-height: 200px;
    font-weight: 600; }
    @media (max-width: 414px) {
      body[data-page="home"] .steps .three_step_number {
        font-size: 140px;
        line-height: 120px;
        margin-right: 12px; } }

.my-dots {
  position: absolute;
  bottom: 24px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center; }
  @media (max-width: 414px) {
    .my-dots {
      bottom: 12px; } }

.my-dots li {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  padding: 0;
  cursor: pointer; }
  .my-dots li:not(:last-child) {
    margin-right: 12px; }

.my-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 14px;
  height: 14px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.my-dots li button:hover,
.my-dots li button:focus {
  outline: none; }

.my-dots li button:hover:before,
.my-dots li button:focus:before {
  opacity: 1; }

.my-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  content: url("../img/dots.svg");
  text-align: center;
  opacity: 1;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.my-dots li.slick-active button:before {
  content: url("../img/dots_active.svg"); }

#step2 .step-count, #step3 .step-count {
  margin-top: 0px !important; }

.diary-section {
  margin-top: 16px; }
  .diary-section .container {
    width: max-content !important;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 414px) {
      .diary-section .container {
        margin-right: 16px;
        margin-left: 16px;
        width: 100% !important; } }
        .diary-info_buttons .btn_img {
            padding: 7px 68px !important;
        }
  .diary-section .btn {
    border-radius: 8px;
    border: 1px solid #800F6D;
    color: #800F6D;
    cursor: pointer;
    padding: 12px 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: max-content; }
    .diary-section .btn:not(:last-child) {
      margin-right: 32px; }
      @media (max-width: 414px) {
        .diary-section .btn:not(:last-child) {
          margin-right: 0;
          margin-bottom: 12px; } }
  .diary-section .diary {
    grid-column: auto / span 12;
    display: grid;
    grid-template-columns: repeat(12, 81px);
    grid-column-gap: 24px; }
    @media (max-width: 414px) {
      .diary-section .diary {
        grid-column: auto / span 4; } }
    @media (max-width: 414px) {
      .diary-section .diary {
        grid-template-columns: repeat(4, 1fr); } }
    .diary-section .diary-photo {
      grid-column: auto / span 6;
      position: relative; padding-bottom: 650px;}
      @media (max-width: 414px) {
        .diary-section .diary-photo {
          grid-column: auto / span 4; padding-bottom: 496px; } }
      .diary-section .diary-photo img {
        width: 100%;
        height: 100%;
        position:absolute;
        object-fit: cover;
        object-position: top;}
        @media (max-width: 414px) {
            .diary-section .diary-photo {
            }
        }
      .diary-section .diary-photo .phrase_mob {
        display: none; }
        @media (max-width: 414px) {
          .diary-section .diary-photo .phrase_mob {
            display: block;
            position: absolute;
            font-weight: 300 !important;
            font-size: 14px !important;
            line-height: 20px !important;
            bottom: 0;
            right: 0;
            background: rgba(29, 29, 31, 0.9);
            padding: 24px;
            color: #FFFFFF; font-style: italic; } }
    .diary-section .diary-info {
      grid-column: auto / span 6; padding-left: 43px; padding-top: 48px;}
      @media (max-width: 414px) {
        .diary-section .diary-info {
          grid-column: auto / span 4;padding-left: 0px; padding-top: 22px;} }
      .diary-section .diary-info .date {
        display: flex;
        align-items: center; margin-top: 20px; }
        @media (max-width: 414px) {
            .diary-section .diary-info .date { margin-top: 16px; }
        }
        .diary-section .diary-info .date .block_del {
          width: 8px;
          height: 8px;
          transform: rotate(45deg);
          background-color: #000044;
          margin-right: 8px;
          margin-left: 8px; }
      .diary-section .diary-info_candle-reminder {
        display: flex;
        justify-content: center;
        margin-top: 33px; 
        padding-top: 20px;
        border-top: 1px solid #e6e6e6;
          
      }
        .diary-section .diary-info_candle-reminder span:first-child {
          font-weight: 600;
          color: #4C5C6C;font-size: 14px;
          line-height: 20px; text-transform: capitalize;}
          .diary-section .diary-info_candle-reminder span:last-child {
          font-weight: 300;
          font-size: 14px;
          line-height: 20px;text-transform: capitalize;
          color: #4C5C6C;}
        .diary-section .diary-info_candle-reminder .candle_text {
          padding-right: 16px;
          border-right: 1px solid #e6e6e6;
          margin-right: 16px; }
      .diary-section .diary-info_phrase {
        font-style: italic;
        margin-top: 72px;
        padding-bottom: 33px;
        font-weight: 300 !important; }
        @media (max-width: 414px) {
          .diary-section .diary-info_phrase {
            display: none; } }
      .diary-section .diary-info_buttons {
        margin-top: 32px;
        display: flex; }
        @media (max-width: 414px) {
          .diary-section .diary-info_buttons {
            flex-wrap: wrap; }
            .diary-section .diary-info_buttons div {
              margin-right: 0;
              width: 100%; } }
    .diary-section .diary-memories {
      margin-top: 27px;
      width: 100%;
      grid-column: auto / span 12;
      background-color: #F9F9FF;
      padding: 53px 0px 58px 0px;
      overflow: hidden; }
      @media (max-width: 414px) {
        .diary-section .diary-memories {
          grid-column: auto / span 4; } }
      .diary-section .diary-memories ul li:not(:last-child) {
        margin-right: 24px; }
      .diary-section .diary-memories .arrows {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 24px; }
        .diary-section .diary-memories .arrows .next {
          cursor: pointer; }
        .diary-section .diary-memories .arrows .prev {
          cursor: pointer;
          margin-right: 32px; }
    .diary-section .diary .memories-head {
      color: #000044;
      text-align: center; }
    .diary-section .diary .memories-block {
      background-color: #fff;
      padding: 40px;
      opacity: .5; }
      .diary-section .diary .memories-block .author {
        margin-top: 32px;
        text-align: right; }
    .diary-section .diary-form {
      margin-top: 53px;
      grid-column: auto / span 12;
      padding-bottom: 57px;
      border-bottom: 1px solid #4C5C6C;
      display: grid;
      grid-template-columns: repeat(12, 81px);
      grid-column-gap: 24px; }
      @media (max-width: 414px) {
        .diary-section .diary-form {
          grid-column: auto / span 4; } }
      @media (max-width: 414px) {
        .diary-section .diary-form {
          grid-template-columns: repeat(4, 1fr); } }
      .diary-section .diary-form .form-head {
        color: #000044;
        text-align: center;
        grid-column: auto / span 12; }
        @media (max-width: 414px) {
          .diary-section .diary-form .form-head {
            grid-column: auto / span 4; } }
      .diary-section .diary-form .form-subtitle {
        text-align: center;
        grid-column: auto / span 12; }
        @media (max-width: 414px) {
          .diary-section .diary-form .form-subtitle {
            grid-column: auto / span 4; } }
    .diary-section .diary form {
      grid-column: 5 / span 4;
      margin-top: 16px; }
      @media (max-width: 414px) {
        .diary-section .diary form {
          grid-column: auto / span 4; } }
    .diary-section .diary .form-block {
      display: flex;
      flex-direction: column; }
      .diary-section .diary .form-block:not(:last-child) {
        margin-bottom: 16px; }
      .diary-section .diary .form-block:last-child {
        margin-bottom: 32px; }
      .diary-section .diary .form-block label {
        font-weight: bold;
        font-size: 0.75rem;
        margin-bottom: 4px; }
        .diary-section .diary .form-block label span {
          color: #800F6D;
          font-size: 0.75rem; }
      .diary-section .diary .form-block .information {
        color: #979797;
        font-size: 0.75rem; }
      .diary-section .diary .form-block .validate.validate-error {
        color: #F44336;
        font-size: 0.75rem; }
      .diary-section .diary .form-block input, .diary-section .diary .form-block textarea, .diary-section .diary .form-block select {
        font-size: 0.875rem;
        color: #747474;
        border-radius: 4px;
        border: 1px solid #D8D8D8;
        outline: none;
        width: 100%; }
      .diary-section .diary .form-block .phone {
        display: flex; }
        .diary-section .diary .form-block .phone select {
          width: 30%; }
      .diary-section .diary .form-block input {
        padding: 12px 17px; }
      .diary-section .diary .form-block textarea {
        padding: 25px 17px; }
      .diary-section .diary .form-block .validate-error-input {
        border: 1px solid #F44336; }
    .diary-section .diary-forward {
      margin-top: 57px;
      grid-column: 3 / span 8;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media (max-width: 414px) {
        .diary-section .diary-forward {
          grid-column: auto / span 4; } }
      @media (max-width: 414px) {
        .diary-section .diary-forward {
          flex-wrap: wrap;
          margin-top: 0;
          padding-top: 56px;
          border-top: 0.5px solid rgba(76, 92, 108, 0.5); } }
      .diary-section .diary-forward .text {
        font-weight: normal !important;
        padding: 0px 64px; }
        @media (max-width: 414px) {
          .diary-section .diary-forward .text {
            padding: 0px;
            margin-bottom: 24px; } }
      @media (max-width: 414px) {
        .diary-section .diary-forward .btn {
          width: 100%; } }

.md-modal {
  color: #000; }
  .md-modal .social {
    display: flex;
    flex-wrap: wrap;
    color: #000;
    padding: 0px 112px;
    justify-content: space-between; }
    @media (max-width: 414px) {
      .md-modal .social {
        padding: 0px 16px; } }
    .md-modal .social > div {
      width: max-content;
      display: flex;
      cursor: pointer;
      flex-direction: column;
      align-items: center;
      text-align: center;
            /*&:not(:nth-child(n+3)) {
                margin-right: 72px;
            }

            &:nth-child(n+4) {
                margin-top: 32px;
            }*/ }
  .md-modal .form-block {
    display: flex;
    flex-direction: column; }
    .md-modal .form-block:not(:last-child) {
      margin-bottom: 16px; }
    .md-modal .form-block:last-child {
      margin-bottom: 32px; }
    .md-modal .form-block label {
      font-weight: bold;
      font-size: 0.75rem;
      margin-bottom: 4px;
      color: #000; }
      .md-modal .form-block label span {
        color: #800F6D;
        font-size: 0.75rem; }
    .md-modal .form-block .information {
      color: #979797;
      font-size: 0.75rem; }
    .md-modal .form-block .validate.validate-error {
      color: #F44336;
      font-size: 0.75rem; }
    .md-modal .form-block input, .md-modal .form-block textarea, .md-modal .form-block select {
      font-size: 0.875rem;
      color: #747474;
      border-radius: 4px;
      border: 1px solid #D8D8D8;
      outline: none;
      width: 100%; }
    .md-modal .form-block .phone {
      display: flex; }
      .md-modal .form-block .phone select {
        width: 30%; }
    .md-modal .form-block input {
      padding: 12px 17px; }
    .md-modal .form-block textarea {
      padding: 25px 17px; }
    .md-modal .form-block .validate-error-input {
      border: 1px solid #F44336; }
  .md-modal .modal-head {
    color: #1D1D1F;
    text-align: center;
    margin-bottom: 48px;
    margin-top: 42px; }
  .md-modal .modal-subtitle {
    color: #000;
    text-align: center;
    margin-bottom: 32px; }
  .md-modal .md-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 19px 56px 56px 56px;
    position: relative; }
    @media (max-width: 414px) {
      .md-modal .md-content {
        padding: 19px 16px 16px 16px; } }
    .md-modal .md-content > div {
      padding: 0; }
    .md-modal .md-content .close {
      position: absolute;
      top: 19px;
      right: 19px;
      align-self: flex-end;
      cursor: pointer; }
  .md-modal .modal-footer {
    display: flex;
    justify-content: flex-end; }
    @media (max-width: 414px) {
      .md-modal .modal-footer .btn {
        width: 100%; } }
    @media (max-width: 414px) {
      .md-modal .modal-footer {
        flex-direction: column-reverse; } }

#candle .md-content_body {
  width: 100%; }
  #candle .md-content_body .candle {
    margin: 42px auto 32px auto;
    display: block; }

.btn-bg {
  background-color: #800F6D;
  color: #fff !important; }

.btn-bg-none {
  background-color: transparent !important; }

.btb-br-none {
  border: 0 !important; }

.block-link_copy_label {
  color: #1D1D1F;
  margin-top: 72px;
  margin-bottom: 12px; }

.block-link_copy {
  background-color: #F2F2F2;
  display: flex;
  justify-content: space-between;
  padding: 12px 17px 14px 17px; }
  .block-link_copy .link {
    color: #747474; }
  .block-link_copy .btn-copy {
    color: #800F6D;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer; }

.cabinet {
  margin-top: 64px; }
  @media (max-width: 414px) {
    .cabinet {
      margin-top: 56px; } }
  .cabinet-title {
    grid-column: auto / span 12;
    color: #000044; }
    @media (max-width: 414px) {
      .cabinet-title {
        grid-column: auto / span 4; } }
  .cabinet-subtitle {
    grid-column: auto / span 12; }
    @media (max-width: 414px) {
      .cabinet-subtitle {
        grid-column: auto / span 4; } }
  .cabinet-elements {
    margin-top: 72px;
    grid-column: auto / span 12;
    display: flex; }
    @media (max-width: 414px) {
      .cabinet-elements {
        margin-top: 40px;
        flex-wrap: wrap; } }
    @media (max-width: 414px) {
      .cabinet-elements {
        grid-column: auto / span 4; } }
    .cabinet-elements .element {
      padding: 32px;
      display: flex;
      flex-direction: column;
      cursor: pointer;
      width: 100%;
      border: 0.5px solid rgba(76, 92, 108, 0.5);
      border-radius: 10px; }
      .cabinet-elements .element:not(:last-child) {
        margin-right: 54px; }
        @media (max-width: 414px) {
          .cabinet-elements .element:not(:last-child) {
            margin-right: 0px;
            margin-bottom: 16px; } }
      .cabinet-elements .element-title {
        margin-bottom: 16px;
        font-weight: normal !important; }
      .cabinet-elements .element-descr {
        margin-bottom: 40px;
        color: #747474; }
      .cabinet-elements .element-link {
        text-align: center; }
        .cabinet-elements .element-link a {
          color: #0088CE; }
      .cabinet-elements .element:hover {
        box-shadow: 0px 0px 3px 0.5px rgba(76, 92, 108, 0.5); }

.breadcrumbs {
  grid-column: auto / span 12;
  display: flex;
  margin-top: 24px; }
  .breadcrumbs.mobile {
    display: none; }
    @media (max-width: 414px) {
      .breadcrumbs.mobile {
        display: flex;
        align-items: center; } }
    .breadcrumbs.mobile img {
      transform: rotate(180deg); }
  @media (max-width: 414px) {
    .breadcrumbs.desc {
      display: none; } }
  @media (max-width: 414px) {
    .breadcrumbs {
      grid-column: auto / span 4; } }
  .breadcrumbs div:not(:last-child) {
    margin-right: 8px; }
  .breadcrumbs .active {
    color: #0088CE;
    cursor: pointer; }
    .breadcrumbs .active a {
      color: #0088CE;
      cursor: pointer; }

.mydiary-title {
  grid-column: auto / span 12;
  margin-top: 40px;
  color: #000044; }
  @media (max-width: 414px) {
    .mydiary-title {
      grid-column: auto / span 4; } }
.mydiary-descr {
  grid-column: auto / span 8;
  margin-top: 24px; }
  @media (max-width: 414px) {
    .mydiary-descr {
      grid-column: auto / span 4; } }
.mydiary-element {
  margin-top: 56px;
  grid-column: 1 / span 3;
  border-radius: 4px;
  border: 1px solid #4C5C6C;
  padding-bottom: 16px;
  cursor: pointer; }
  @media (max-width: 414px) {
    .mydiary-element {
      grid-column: auto / span 4; } }
  .mydiary-element > a {
    color: #000; }
  .mydiary-element .element-img {
    height: 200px;
    position: relative; }
    .mydiary-element .element-img img {
      position: absolute;
      object-fit: cover;
      height: 100%; }
    .mydiary-element .element-img:hover .block_hover {
      opacity: 1;
      transition: all .3s linear; }
  .mydiary-element .block_hover {
    opacity: 0;
    position: absolute;
    background-color: #22252B;
    width: 100%;
    height: 100%;
    transition: all .3s linear; }
    .mydiary-element .block_hover .button_more {
      color: #fff;
      text-align: right;
      margin: 0 16px; }
    .mydiary-element .block_hover .button {
      margin: 0 32px;
      padding: 11px 0px;
      border-radius: 4px;
      text-align: center;
      border: 1px solid white; }
      .mydiary-element .block_hover .button a {
        color: #fff; }
  .mydiary-element .element-title {
    font-weight: normal !important;
    margin-top: 16px;
    padding: 0 16px; }
  .mydiary-element .element-descr {
    margin-top: 4px;
    padding: 0 16px; }
  .mydiary-element .element-footer.mob {
    display: none;
    padding: 0 16px; }
    @media (max-width: 414px) {
      .mydiary-element .element-footer.mob {
        display: flex;
        justify-content: space-between;
        align-items: center; } }
    .mydiary-element .element-footer.mob .edit a {
      display: flex;
      justify-content: center;
      padding: 15px 0px;
      color: #800F6D;
      font-size: 14px;
      line-height: 14px;
      font-weight: 600; }
    .mydiary-element .element-footer.mob .buttons {
      display: flex; }
      .mydiary-element .element-footer.mob .buttons > div:hover {
        opacity: .3; }
      .mydiary-element .element-footer.mob .buttons > div:not(:last-child) {
        margin-right: 19px; }
.mydiary-new.desc {
  margin-top: 56px;
  grid-column: auto / span 3;
  height: 280px;
  border: 1px dashed #747474;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  cursor: pointer; }
  @media (max-width: 414px) {
    .mydiary-new.desc {
      display: none; } }
  .mydiary-new.desc .descr {
    text-align: center;
    margin-top: 10px; }
.mydiary-new.mob {
  display: none; }
  @media (max-width: 414px) {
    .mydiary-new.mob {
      display: none;
      grid-template-columns: repeat(4, 1fr);
      margin: 0;
      width: 91.47%;
      position: fixed;
      bottom: 10px; } }
  .mydiary-new.mob .btn {
    padding: 14px 0px;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    border-radius: 22px; }
    @media (max-width: 414px) {
      .mydiary-new.mob .btn {
        display: flex;
        grid-column: auto / span 4;
        justify-content: center; } }

.btn-hover-mb {
  margin-top: 34px !important;
  margin-bottom: 24px !important; }

.btn {
  position: relative; }
  .btn a {
    text-decoration: none;
    color: inherit;
    height: 100%;
    width: 100%; }

#step4 {
  margin-top: 96px; }
  @media (max-width: 414px) {
    #step4 {
      margin-top: 56px; } }
  #step4 .body {
    text-align: center;
    grid-column: 5 / span 4;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media (max-width: 414px) {
      #step4 .body {
        grid-column: auto / span 4; } }
    #step4 .body .head {
      color: #000044;
      margin-top: 48px;
      margin-bottom: 16px; }
      @media (max-width: 414px) {
        #step4 .body .head {
          margin-top: 40px; } }
    #step4 .body .descr {
      margin-bottom: 32px; }
    #step4 .body p {
      margin: 12px 0px; }
    #step4 .body .btn {
      padding: 13px 0px;
      border-radius: 8px;
      width: 100%;
      display: flex;
      justify-content: center;
      cursor: pointer; }
      #step4 .body .btn:hover {
        opacity: .5; }

.btn.btn-br-nt-bg {
  border: 1px solid #800F6D;
  color: #800F6D; }

.md-modal .btn {
  border-radius: 8px;
  border: 1px solid #800F6D;
  color: #800F6D;
  cursor: pointer;
  padding: 12px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: max-content; }
  .md-modal .btn:not(:last-child) {
    margin-right: 32px; }

.edit_diary .breadcrumbs {
  background-color: #fff; }
.edit_diary .block_save_fixed {
  position: fixed;
  bottom: 0px;
  background-color: #fff;
  width: 100%;
  padding: 25px 0px 23px 0px;
  border-top: 1px solid #D8D8D8;
  z-index: 2; }
  @media (max-width: 414px) {
    .edit_diary .block_save_fixed {
      display: none; } }
  .edit_diary .block_save_fixed .btn {
    grid-column: -2 / span 2;
    padding: 13px 56px;
    border-radius: 8px;
    cursor: pointer; }
.edit_diary .step-title {
  margin-top: 16px;
  padding-bottom: 5px;
  border-bottom: 0.5px solid rgba(76, 92, 108, 0.5); }
.edit_diary .navbar-container {
  display: grid;
  width: max-content;
  grid-template-columns: repeat(12, 81px); }
  @media (max-width: 414px) {
    .edit_diary .navbar-container {
      grid-template-columns: repeat(4, 1fr);
      padding: 0 16px;
      width: 100%; } }
.edit_diary .navbar.desc {
  border-right: 1px solid #D8D8D8;
  grid-column: auto / span 3; }
  .edit_diary .navbar.desc .name {
    padding-bottom: 13px;
    border-bottom: 1px solid #000;
    padding: 24px 32px; }
  .edit_diary .navbar.desc ul {
    margin-top: 32px;
    list-style: none; }
    .edit_diary .navbar.desc ul li {
      display: flex;
      justify-content: space-between;
      padding: 13px 12px 13px 16px;
      cursor: pointer;
      position: relative; }
      .edit_diary .navbar.desc ul li.active {
        background-color: #F9F9F9;
        border-bottom-top-radius: 7px;
        border-bottom-right-radius: 7px;
        border-left: 3px solid #800F6D; }
      .edit_diary .navbar.desc ul li a {
        font-size: 12px;
        line-height: 12px;
        color: #000;
        width: 100%;
        height: 100%; display: flex; align-items: center;}
      .edit_diary .navbar.desc ul li .badge {
        border-radius: 7px;
        background-color: #A91792;
        color: #fff;
        padding: 1px 8px 2px 9px;
        font-size: 12px;
        line-height: 12px; }
  @media (max-width: 414px) {
    .edit_diary .navbar.desc {
      display: none; } }
.edit_diary .navbar.mob, .diary-section .navbar.mob {
  display: none;
  padding-top: 16px;
  box-shadow: 2px 0px 5px 1px rgba(76, 92, 108, 0.2); }
  @media (max-width: 414px) {
    .edit_diary .navbar.mob, .diary-section .navbar.mob  {
      display: flex;
      justify-content: space-around;
      background-color: #FFFFFF;
      position: fixed;
      bottom: 0;
      width: 100%;
      z-index: 1; } }
  .edit_diary .navbar.mob .element, .diary-section .navbar.mob .element {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 14px;
    color: #000; }
    .edit_diary .navbar.mob .element.current, .diary-section .navbar.mob .element.current {
      border-bottom: 2px solid #800F6D; }
    .edit_diary .navbar.mob .element .text, .diary-section .navbar.mob .element .text {
      font-weight: bold;
      font-size: 12px;
      line-height: 12px;
      margin-top: 8px; }
      .diary-info_name {
          color: #000044;
      }
.edit_diary .section-body {
  grid-column: auto / span 7;
  padding: 25px 56px; }
  @media (max-width: 414px) {
    .edit_diary .section-body {
      padding: 0px; } }
    .current_img {
        width: 386px;
        padding-bottom: 240px;
        position: relative;
    }
    @media (max-width: 414px) {
        .current_img {
            width: 100%;
            padding-bottom: 280px;
        }
    }
  .current_img img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
    object-position: center;
  }
    @media (max-width: 414px) {
      .edit_diary .section-body img {
        width: 100%; } }
  .edit_diary .section-body .more-information_descr {
    margin-top: 21px; }
  .edit_diary .section-body .btn {
    width: max-content;
    padding: 10px 56px;
    border-radius: 8px;
    cursor: pointer; }
    @media (max-width: 414px) {
      .edit_diary .section-body .btn {
        padding: 13px 0px;
        width: 100%; } }
  .edit_diary .section-body a {
    margin-top: 24px; }
    .edit_diary .section-body a.btn {
      padding: 13px 56px;
      width: 100%;
      height: 100%;
      display: block;
      border-radius: 8px; }
      @media (max-width: 414px) {
        .edit_diary .section-body a.btn {
          padding: 13px 0px;
          display: flex;
          justify-content: center; } }
      .edit_diary .section-body a.btn.btn-bg-none {
        color: #800F6D;
        font-weight: 600;
        font-size: 14px;
        line-height: 14px; }

.memories_diary .breadcrumbs {
  background-color: #fff; }
.memories_diary .section-body_head {
  color: #000044;
  margin-bottom: 40px; }
.memories_diary .section-body_subhead {
  margin-bottom: 16px; }
.memories_diary .requests {
  margin-top: 32px; }
  .memories_diary .requests .request-head {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px; }
  .memories_diary .requests .request-date {
    width: max-content;
    border-bottom: 2px solid #800F6D;
    padding-bottom: 8px;
    margin-bottom: 8px; }
  .memories_diary .requests .request-from {
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px; }
  .memories_diary .requests .request-text_title {
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px; }
  .memories_diary .requests .request-btn {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end; }
.memories_diary .navbar-container {
  display: grid;
  width: max-content;
  grid-template-columns: repeat(12, 81px); }
  @media (max-width: 414px) {
      .memories_diary .requests .request-btn {
          margin-top: 16px;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
          
      }
      .assept_memories {
        background: #fff;
        border: 1px solid #800F6D;
        color: #800F6D !important;
      }
      
      .section-body_subhead {
       font-size: 16px !important;
       line-height: 24px !important;
       font-weight: bold !important;
      }
      
      .memories_diary .requests .request-btn .btn {
          width: 100%;
          text-align: center;
      }
    .memories_diary .navbar-container {
      grid-template-columns: repeat(4, 1fr);
      width: 100%; } }
.memories_diary .navbar.desc {
  border-right: 1px solid #D8D8D8;
  grid-column: auto / span 3; }
  .memories_diary .navbar.desc .name {
    padding-bottom: 13px;
    border-bottom: 1px solid #000;
    padding: 24px 32px; }
  .memories_diary .navbar.desc ul {
    margin-top: 32px;
    list-style: none; }
    .memories_diary .navbar.desc ul li {
      display: flex;
      justify-content: space-between;
      padding: 13px 12px 13px 16px;
      cursor: pointer;
      position: relative; }
      .memories_diary .navbar.desc ul li.active {
        background-color: #F9F9F9;
        border-bottom-top-radius: 7px;
        border-bottom-right-radius: 7px;
        border-left: 3px solid #800F6D; }
      .memories_diary .navbar.desc ul li a {
        font-size: 12px;
        line-height: 12px;
        color: #000;
        width: 100%;
        height: 100%; }
      .memories_diary .navbar.desc ul li .badge {
        border-radius: 7px;
        background-color: #A91792;
        color: #fff;
        padding: 1px 8px 2px 9px;
        font-size: 12px;
        line-height: 12px; }
  @media (max-width: 414px) {
    .memories_diary .navbar.desc {
      display: none; } }
.memories_diary .navbar.mob {
  display: none;
  padding-top: 16px;
  box-shadow: 2px 0px 5px 1px rgba(76, 92, 108, 0.2); }
  @media (max-width: 414px) {
    .memories_diary .navbar.mob {
      display: flex;
      justify-content: space-around;
      background-color: #FFFFFF;
      position: fixed;
      bottom: 0;
      width: 100%; } }
  .memories_diary .navbar.mob .element {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 14px;
    color: #000; }
    .memories_diary .navbar.mob .element.current {
      border-bottom: 2px solid #800F6D; }
    .memories_diary .navbar.mob .element .text {
      font-weight: bold;
      font-size: 12px;
      line-height: 12px;
      margin-top: 8px; }
.memories_diary .section-body {
  grid-column: auto / span 9;
  padding: 25px 56px; }
  @media (max-width: 414px) {
    .memories_diary .section-body {
      padding: 0px 16px;
      grid-column: auto / span 4; } }
  .memories_diary .section-body .info {
    display: none; }
  .memories_diary .section-body .more-information_descr {
    margin-top: 21px; }
  .memories_diary .section-body .btn {
    padding: 13px 56px;
    width: max-content;
    height: max-content;
    border-radius: 8px; }
  .memories_diary .section-body a {
    margin-top: 24px;
    width: max-content;
    height: max-content;
    display: block;
    border-radius: 8px; }
    .memories_diary .section-body a.btn {
      padding: 13px 56px; }
      .memories_diary .section-body a.btn.btn-bg-none {
        color: #800F6D;
        font-weight: 600;
        font-size: 14px;
        line-height: 14px; }

.settings .section-body {
  grid-column: auto / span 4; }

#forward .md-content_body {
  width: 100%; }

#login_form .btn {
  padding: 13px 56px;
  border-radius: 8px;
  text-align: center; }
  @media (max-width: 414px) {
    #login_form .btn {
      padding: 13px 0px; } }
#forgot .btn {
  padding: 13px 56px;
  border-radius: 8px;
  text-align: center; grid-column: 5 / span 4;}
  @media (max-width: 414px) {
    #forgot .btn {
      padding: 13px 0px; grid-column: auto / span 4;} }
#forgot .alert {

    margin-bottom: 32px;
    margin-top: 0px;
}

.alert {
  display: flex;
  align-items: center;
  margin-top: 32px;
  padding: 16px;
  width: 100%; }
  .alert-icon {
    margin-right: 12px; }
  .alert.alert-danger {
    border-radius: 10px;
    border: 1px solid #F44336;
    color: #840C03; }
  .alert.alert-success {
    border-radius: 10px;
    border: 1px solid #009E36;
    color: #009E36; }

/* main styles */
.switch {
  width: 36px;
  position: relative; }

.switch input {
  position: absolute;
  top: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer; }

.switch input:checked {
  z-index: 1; }

.switch input:checked + label {
  opacity: 1;
  cursor: default; }

.switch input:not(:checked) + label:hover {
  opacity: 0.5; }

.switch .toggle-outside {
  height: 100%;
  border-radius: 2rem;
  padding: 0.25rem;
  overflow: hidden;
  transition: 0.25s ease all; }

.switch .toggle-inside {
  border-radius: 5rem;
  background: #800F6D;
  position: absolute;
  transition: 0.25s ease all; }

.switch--horizontal {
  width: 36px;
  height: 20px;
  font-size: 0; }

.switch--horizontal input {
  height: 20px;
  width: 32px;
  margin: 0; }

.switch--horizontal .toggle-outside {
  -webkit-box-shadow: 0px 0px 4px 0px #223c50;
  -moz-box-shadow: 0px 0px 4px 0px #223c50;
  box-shadow: 0px 0px 4px 0px #223c50;
  position: absolute;
  width: 32px; }

.switch--horizontal .toggle-inside {
  height: 20px;
  width: 20px; }

.switch--horizontal input:checked ~ .toggle-outside .toggle-inside {
  left: 0;
  top: 0; }

.switch--horizontal input ~ input:checked ~ .toggle-outside .toggle-inside {
  left: 12px; }

.switch--horizontal input ~ input:checked ~ .toggle-outside {
  background: rgba(128, 15, 109, 0.4); }

form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%; }
  form .form-block {
    width: 100%; }
  form .btn {
    padding: 13px 56px;
    width: max-content;
    border-radius: 8px;
    cursor: pointer; }
    @media (max-width: 414px) {
      form .btn {
        padding: 13px 0px;
        width: 100%;
        display: flex;
        justify-content: center;
        font-weight: 600; } }

.btn {
  cursor: pointer; }
  @media (max-width: 414px) {
    .btn {
      padding: 13px 0px;
      width: 100%;
      display: flex;
      justify-content: center;
      font-weight: 600; } }

.ya-share2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.ya-share2__list {
  padding: 0; }
  
  main.login .alert {
      grid-column: 5 / span 4 !important;
      flex-direction: column !important;
  }
  
  #save_name .alert {
      margin-top: 0;
      margin-bottom: 10px;
  }
  
  .delete_img_hover {
      position: absolute;
      top: 0;
      background: rgba(0,0,0,.5);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      opacity: 0;
  }
  .delete-btn {
      color: #fff;
      border: 1px solid #fff;
      padding: 11px 84px;
      text-align: center;
      cursor: pointer;
      border-radius: 8px;
      font-size: 14px;
      line-height: 14px;
      font-weight: 600;
      
  }
  .delete_img_hover:hover {
      opacity: 1;
      transition: opacity .3s linear;
  }
  
  .current_img_block.mob {
      display: none;
  }
  
  @media (max-width: 420px){
      .current_img_block.desc {
          display: none;
      }
      .btn-save {
          display: block !important;
      }
      .more-info {
          padding: 16px;
      }
      .memories_diary .section-body_head {
          margin-bottom: 32px;
      }
      .current_img_block.mob {
          display: flex;
          flex-direction: column;
      }
      .memories_diary .alert {
      
          margin-top: 0px;
          margin-bottom: 16px;
      }
      
      .delete-btn {
        color: #800F6D;
        border: 1px solid #800F6D;
        padding: 15px auto;
        text-align: center;
        cursor: pointer;
        border-radius: 8px;
        margin-top: 12px;
    }
    .cl {
        font-size: 14px;
      line-height: 14px;
      font-weight: 600;
    }
    .modal-head {
        font-size: 20px !important;
      line-height: 28px !important;
      font-weight: bold;
        
    }
    .section-body_head {
        padding-bottom: 5px;
        border-bottom: 0.5px solid rgba(76, 90, 108, 0.5);
    }
    
    .more_information {
        margin-top: 58px;
    }
  }
  
  .breadcrumbs.mobile {
      margin-bottom: 16px;
  }
  
  .mt-0 {
  
      margin-top: 0px !important;
  }
  
  .btn-save {
      display: none;
       font-weight: 600;
        font-size: 14px;
        line-height: 14px;
        color: #fff;
        background:#800F6D;
        text-align: center;
        width: 100%;
        padding: 15px 0px;
        border-radius: 8px;
  }
  
  
  .more_information {
      padding-top: 24px;
     border-top: 0.5px solid rgba(76, 92, 108, 0.5);
  }
  .more-info {
      display: none;
      background: rgba(34,37,43, .85);
      color: #fff;
      padding: 15px 16px;
      font-size: 12px !important;
      line-height: 18px !important;
      font-weight: normal !important;
      border-radius: 10px;
  }