@charset "UTF-8";
/* Reset and base styles  */
* {
  padding: 0px;
  margin: 0px;
  border: none; }

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

/* Links */
a, a:link, a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

/* Common */
aside, nav, footer, header, section, main {
  display: block; }

h1, h2, h3, h4, h5, h6, p {
  font-size: inherit;
  font-weight: inherit; }

ul, ul li {
  list-style: none; }

img {
  vertical-align: top; }

img, svg {
  max-width: 100%;
  height: auto; }

address {
  font-style: normal; }

/* Form */
input, textarea, button, select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent; }

input::-ms-clear {
  display: none; }

button, input[type="submit"] {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer; }

input:focus, input:active,
button:focus, button:active {
  outline: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

label {
  cursor: pointer; }

legend {
  display: block; }

input[type='file'] {
  max-width: 100%; }

:root {
  --black-color: #101219;
  --white-color: #FFFFFF;
  --orange-color: #F07E1E;
  --grey-color: #F7F7F7;
  --light-grey-color: rgba(247, 247, 247, 0.80);
  --light-orange-color: rgba(221, 129, 68, 0.15); }

body {
  font-family: Montserrat, sans-serif;
  color: var(--black-color); }
  body .row > *, body .row {
    padding-left: 0;
    padding-right: 0;
    margin: 0; }
  body .h1, body .h2, body .h3, body .h4, body .h5, body .h6, body h1, body h2, body h3, body h4, body h5, body h6 {
    margin-bottom: 0; }
  body p {
    margin-top: 0;
    margin-bottom: 0; }
  body dl, body ol, body ul {
    padding: 0;
    margin: 0; }
  body svg {
    width: 100%; }
  body img {
    width: 100%; }

html {
  font-size: 10px; }

.container {
  max-width: 1380px;
  padding: 0 20px;
  width: 100%;
  margin: auto; }

h2 {
  font-weight: 600;
  font-size: clamp(2rem, 3.5vw, 3.4rem); }

.indent {
  margin-top: clamp(5rem, 5vw, 10rem); }
  .indent .indent_bottom {
    margin-bottom: clamp(2rem, 3.5vw, 4rem); }

a {
  display: block; }

.back {
  background: var(--light-grey-color);
  padding: clamp(3rem, 5vw, 8rem) 0;
  border-radius: 10px;
  width: 90%;
  margin: auto; }

.orange_button {
  margin-top: 50px;
  width: 100%;
  display: flex;
  justify-content: center; }
  .orange_button a {
    color: var(--white-color);
    font-size: 14px;
    font-weight: 400;
    border-radius: 10px;
    background: var(--orange-color);
    border: 1px solid var(--orange-color);
    padding: 9px 30px;
    text-align: center;
    width: max-content;
    transition: .3s; }
    .orange_button a:hover {
      background: transparent;
      color: var(--orange-color);
      transition: .3s; }

.mobile .click_menu {
  position: fixed;
  width: 450px;
  left: -450px;
  height: 100vh;
  background-color: var(--white-color);
  transition: all .5s ease;
  top: 0;
  z-index: 15;
  overflow: auto; }

#nav-icon6 {
  width: 25px;
  height: 25px;
  position: relative;
  transition-duration: 1s;
  cursor: pointer;
  margin: 0;
  display: flex;
  align-items: center; }

#nav-icon6 span {
  height: 2px;
  width: 25px;
  background-color: var(--white-color);
  border-radius: 20px;
  position: absolute;
  transition-duration: .25s;
  transition-delay: .25s; }

#nav-icon6 span:before {
  left: 0;
  position: absolute;
  top: -7px;
  height: 2px;
  width: 25px;
  background-color: var(--white-color);
  content: "";
  border-radius: 20px;
  transition-duration: .25s;
  transition: transform .25s, top .25s .25s; }

#nav-icon6 span:after {
  left: 0;
  position: absolute;
  top: 7px;
  height: 2px;
  width: 25px;
  background-color: var(--white-color);
  content: "";
  border-radius: 20px;
  transition-duration: .25s;
  transition: transform .25s, top .25s .25s; }

#nav-icon6.open span {
  transition-duration: 0.1s;
  transition-delay: .25s;
  background: transparent; }

#nav-icon6.open span:before {
  transition: top .25s, transform .25s .25s;
  top: 0px;
  transform: rotateZ(-45deg); }

#nav-icon6.open span:after {
  transition: top 0.4s, transform .25s .25s;
  top: 0px;
  transform: rotateZ(45deg); }

.button_menu_mobile {
  display: flex;
  background-color: var(--blue-color);
  border-radius: 5px;
  gap: 5px;
  transition: .3s;
  width: 48px;
  height: 48px;
  border: 1px solid #fff;
  align-items: center;
  justify-content: center; }
  .button_menu_mobile p {
    color: var(--white-color);
    font-size: 16px;
    font-weight: 500; }

.button_menu_mobile.active {
  z-index: 9; }

.click_menu {
  position: fixed;
  width: 450px;
  left: -450px;
  height: 100vh;
  background-color: #fff;
  transition: all .5s ease;
  top: 0;
  z-index: 15;
  overflow: auto; }

.click_menu.active {
  left: 0;
  top: 0; }

.row {
  display: flex;
  justify-content: space-between; }

.overlay_new.active {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1; }

body.active {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0; }

.desktop {
  margin-top: 20px; }
  .desktop .header_info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    .desktop .header_info .header_info_contacts {
      display: flex;
      gap: 30px;
      width: max-content; }
    .desktop .header_info .header_info_networks {
      display: flex;
      gap: 20px;
      width: max-content; }
      .desktop .header_info .header_info_networks a {
        transition: .3s; }
        .desktop .header_info .header_info_networks a:hover path {
          fill: var(--black-color);
          transition: .3s; }
      .desktop .header_info .header_info_networks .header_info_item.eye a {
        transition: .3s; }
        .desktop .header_info .header_info_networks .header_info_item.eye a:hover path {
          stroke: var(--black-color);
          fill: transparent;
          transition: .3s; }
    .desktop .header_info .header_info_contact_item .icon {
      display: flex; }
    .desktop .header_info .header_info_contact_item span {
      font-size: 1.6rem; }
    .desktop .header_info .header_info_contact_item a {
      display: flex;
      align-items: center;
      gap: 10px;
      color: var(--black-color);
      transition: .3s; }
      .desktop .header_info .header_info_contact_item a:hover {
        color: var(--orange-color);
        transition: .3s; }
  .desktop .header_main {
    margin-top: 20px;
    background: var(--orange-color);
    padding: 12px 25px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
  .desktop .logo {
    width: 100%;
    max-width: 12%;
    flex: 1 0 auto; }
  .desktop .header_main_menu {
    width: 100%;
    max-width: max-content;
    flex: 1 0 auto; }
    .desktop .header_main_menu ul {
      display: flex;
      gap: 25px; }
    .desktop .header_main_menu li a {
      color: var(--white-color);
      font-size: 16px;
      font-weight: 600;
      position: relative; }
      .desktop .header_main_menu li a:hover:before {
        width: 100%;
        transition: .3s; }
      .desktop .header_main_menu li a:before {
        display: block;
        content: '';
        position: absolute;
        width: 0;
        height: 1px;
        background: var(--white-color);
        bottom: 0;
        left: 0;
        transition: .3s; }
  .desktop .header_main_buttons {
    width: 100%;
    max-width: max-content;
    flex: 1 0 auto;
    display: flex;
    gap: 15px;
    align-items: center; }
  .desktop .header_main_buttons_part a {
    background: var(--white-color);
    border: 1px solid var(--white-color);
    border-radius: 10px;
    color: var(--black-color);
    font-size: 14px;
    font-weight: 600;
    padding: 11px 30px;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    /*&:hover {
        background: transparent;
        color: var(--white-color);
        transition: .3s;
    }*/ }
    .desktop .header_main_buttons_part a svg {
      width: 25px;
      height: 25px; }
  .desktop .header_main_buttons_logout a {
    width: 47px;
    height: 47px;
    background: var(--white-color);
    border: 1px solid var(--white-color);
    border-radius: 10px;
    padding: 8px;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center; }
    .desktop .header_main_buttons_logout a svg {
      width: 25px;
      height: 25px; }
    .desktop .header_main_buttons_logout a:hover {
      background: transparent;
      transition: .3s; }
    .desktop .header_main_buttons_logout a path {
      transition: .3s; }
    .desktop .header_main_buttons_logout a:hover path {
      fill: var(--white-color);
      transition: .3s; }
  .desktop .header_main_buttons_account a {
    width: 47px;
    height: 47px;
    background: var(--white-color);
    border: 1px solid var(--white-color);
    border-radius: 10px;
    padding: 8px;
    transition: .3s; }
    .desktop .header_main_buttons_account a:hover {
      background: transparent;
      transition: .3s; }
    .desktop .header_main_buttons_account a path {
      transition: .3s; }
    .desktop .header_main_buttons_account a:hover path {
      stroke: var(--white-color);
      transition: .3s; }

.banner .banner_back {
  background: url("/local/templates/markup/images/banner.jpg") no-repeat;
  background-size: cover;
  height: 500px;
  border-radius: 10px;
  position: relative; }
.banner .banner_back_info {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 70px; }
.banner .every {
  position: absolute;
  right: 50px;
  bottom: 50px;
  color: #fff;
  font-size: 50px;
  font-weight: 400;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: end;
  line-height: 1;
  gap: 7px; }
.banner .title {
  margin-bottom: 10px; }
.banner .info {
  margin-bottom: 50px; }
  .banner .info p {
    color: var(--white-color);
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 10px; }
.banner .white_button a {
  font-size: 18px; }
.banner h1 {
  color: var(--white-color);
  font-size: clamp(2rem, 5vw, 5rem);
  font-weight: 700; }
.banner .banner_image {
  position: absolute;
  width: 44%;
  right: 0;
  bottom: 0;
  border-radius: 10px; }

.white_button {
  display: flex;
  width: max-content; }
  .white_button a {
    color: var(--black-color);
    font-size: 14px;
    font-weight: 600;
    padding: 15px 30px;
    background: var(--white-color);
    border-radius: 10px;
    width: 100%;
    text-align: center;
    transition: .3s; }
    .white_button a:hover {
      background: var(--orange-color);
      color: var(--white-color);
      transition: .3s; }

footer {
  background: #555555;
  padding: clamp(5rem, 5vw, 7rem) 0 50px; }
  footer .footer_top {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--white-color); }
  footer .footer_bottom {
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    footer .footer_bottom .footer_year {
      width: 100%;
      flex: 1 0 auto;
      margin-top: 25px;
      text-align: center; }
      footer .footer_bottom .footer_year p {
        color: var(--white-color);
        font-size: 14px;
        font-weight: 400; }
    footer .footer_bottom .footer_consent {
      width: 100%;
      flex: 1 0 auto; }
      footer .footer_bottom .footer_consent a {
        color: var(--white-color);
        font-size: 14px;
        font-weight: 400;
        position: relative;
        display: inline-block; }
        footer .footer_bottom .footer_consent a:before {
          display: block;
          content: '';
          position: absolute;
          width: 0;
          height: 1px;
          background: var(--white-color);
          bottom: 0;
          left: 0;
          transition: .3s; }
        footer .footer_bottom .footer_consent a:hover:before {
          width: 100%;
          transition: .3s; }
  footer .footer_col_contacts {
    width: 100%; }
  footer .footer_col_menu {
    width: 100%; }
  footer .footer_col_buttons {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: end; }
  footer .footer_contacts {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 20px; }
    footer .footer_contacts a {
      display: flex;
      align-items: center;
      gap: 10px; }
      footer .footer_contacts a:hover span {
        color: var(--orange-color);
        transition: .3s; }
      footer .footer_contacts a span {
        color: var(--white-color);
        font-size: 14px;
        font-weight: 600;
        transition: .3s; }
  footer .footer_col_menu {
    display: flex;
    gap: 50px; }
    footer .footer_col_menu h4 {
      color: var(--white-color);
      font-size: 14px;
      font-weight: 400;
      text-transform: uppercase;
      margin-bottom: 20px; }
    footer .footer_col_menu li {
      line-height: normal; }
      footer .footer_col_menu li:not(:last-child) {
        margin-bottom: 10px; }
      footer .footer_col_menu li a {
        color: var(--white-color);
        font-size: 14px;
        font-weight: 600;
        position: relative;
        display: inline-block;
        line-height: normal; }
        footer .footer_col_menu li a:before {
          display: block;
          content: '';
          position: absolute;
          width: 0;
          height: 1px;
          background: var(--white-color);
          bottom: 0;
          left: 0;
          transition: .3s; }
        footer .footer_col_menu li a:hover:before {
          width: 100%;
          transition: .3s; }
  footer .footer_col_buttons .footer_button.eye {
    margin-bottom: 25px; }
    footer .footer_col_buttons .footer_button.eye a {
      color: var(--white-color);
      font-size: 14px;
      font-weight: 400;
      background: transparent;
      padding: 0;
      border-radius: 0;
      transition: .3s;
      /*&:hover path {
          stroke: var(--orange-color);
          transition: .3s;
      }*/ }
      footer .footer_col_buttons .footer_button.eye a:hover {
        color: var(--orange-color);
        transition: .3s;
        background: transparent; }
  footer .footer_col_buttons .footer_button a {
    background: var(--white-color);
    padding: 12px 20px;
    border-radius: 10px;
    color: var(--black-color);
    display: flex;
    align-items: center;
    gap: 10px;
    width: max-content;
    transition: .3s; }
    footer .footer_col_buttons .footer_button a span {
      font-size: 1.6rem; }
    footer .footer_col_buttons .footer_button a path {
      transition: .3s; }
    footer .footer_col_buttons .footer_button a:hover {
      background: var(--orange-color);
      color: #ffffff;
      transition: .3s; }
    footer .footer_col_buttons .footer_button a:hover path {
      stroke: var(--white-color);
      transition: .3s; }
  footer .logo {
    width: 60%; }

.about_pro .president__block {
  display: grid;
  grid-template-columns: 30rem 1fr;
  gap: 50px;
  width: 74%;
  margin: auto;
  align-items: center; }
  @media (max-width: 1200px) {
    .about_pro .president__block {
      width: 100%; } }
  @media (max-width: 800px) {
    .about_pro .president__block {
      gap: 3rem; } }
  @media (max-width: 600px) {
    .about_pro .president__block {
      display: flex;
      flex-direction: column;
      gap: 2rem; } }
  .about_pro .president__block--reserve {
    grid-template-columns: 1fr 30rem;
    margin-top: 2rem; }
    @media (max-width: 1200px) {
      .about_pro .president__block--reserve {
        margin-top: 4rem; } }
    @media (max-width: 600px) {
      .about_pro .president__block--reserve {
        display: flex;
        flex-direction: column-reverse;
        gap: 2rem; } }
  .about_pro .president__block .president_image {
    width: 100%;
    height: 300px;
    overflow: hidden; }
    @media (max-width: 600px) {
      .about_pro .president__block .president_image {
        height: 40rem; } }
    @media (max-width: 500px) {
      .about_pro .president__block .president_image {
        height: 30rem; } }
    .about_pro .president__block .president_image img {
      height: 100%;
      width: 100%;
      border-radius: 10px;
      object-fit: cover;
      object-position: center; }
  .about_pro .president__block .president_info {
    width: 100%; }
  .about_pro .president__block h3 {
    color: var(--black-color);
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: 2rem; }
  .about_pro .president__block .info_block {
    background: var(--grey-color);
    border-radius: 10px;
    padding: clamp(2rem, 3.5vw, 3rem);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .about_pro .president__block .icon {
    width: 100%;
    max-width: 4%;
    flex: 1 0 auto; }
  .about_pro .president__block .info {
    width: 100%;
    max-width: 93%;
    flex: 1 0 auto; }
    .about_pro .president__block .info p {
      color: var(--black-color);
      font-size: 16px;
      font-weight: 400; }
.about_pro .conditions_list h4 {
  color: var(--black-color);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px; }
.about_pro .conditions_list li {
  color: var(--black-color);
  font-size: clamp(1.4rem, 3.5vw, 1.6rem);
  font-weight: 400;
  position: relative;
  padding-left: 15px; }
  .about_pro .conditions_list li:before {
    display: block;
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    background: var(--black-color);
    border-radius: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
  .about_pro .conditions_list li:not(:last-child) {
    margin-bottom: 10px; }
.about_pro .governor {
  margin-top: clamp(3rem, 4vw, 7rem); }
.about_pro .governor__block {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
  gap: 50px; }
  .about_pro .governor__block .governor_info {
    width: 100%; }
    .about_pro .governor__block .governor_info .info {
      width: 74%;
      margin: clamp(2rem, 4vw, 5rem) auto 0; }
      @media (max-width: 1024px) {
        .about_pro .governor__block .governor_info .info {
          width: 100%;
          margin-top: 0; } }
      .about_pro .governor__block .governor_info .info p {
        color: var(--black-color);
        font-size: 20px;
        font-weight: 400;
        text-align: center; }
        .about_pro .governor__block .governor_info .info p span {
          font-weight: 700; }
  .about_pro .governor__block .governor_image {
    width: 100%; }
    .about_pro .governor__block .governor_image img {
      border-radius: 10px;
      height: 645px;
      object-fit: cover;
      object-position: center; }
      @media (max-width: 440px) {
        .about_pro .governor__block .governor_image img {
          height: 450px; } }
    .about_pro .governor__block .governor_image .name {
      margin-top: clamp(1rem, 4vw, 2rem); }
      .about_pro .governor__block .governor_image .name h4 {
        color: var(--black-color);
        font-size: 20px;
        font-weight: 700;
        text-align: center; }
    .about_pro .governor__block .governor_image .quote_block {
      background: var(--grey-color);
      border-radius: 10px;
      padding: 20px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: 20px; }
    .about_pro .governor__block .governor_image .icon {
      width: 100%;
      max-width: 5%;
      flex: 1 0 auto; }
    .about_pro .governor__block .governor_image .quote {
      width: 100%;
      max-width: 91%;
      flex: 1 0 auto; }
      .about_pro .governor__block .governor_image .quote p {
        color: var(--black-color);
        font-size: 16px;
        font-weight: 700; }
.about_pro .governor_advantages {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  margin-top: clamp(2rem, 3.5vw, 5rem); }
  @media (max-width: 800px) {
    .about_pro .governor_advantages {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 500px) {
    .about_pro .governor_advantages {
      grid-template-columns: 1fr; } }
  .about_pro .governor_advantages .title {
    grid-column: 1 / -1; }
  .about_pro .governor_advantages h4 {
    color: var(--black-color);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px; }
    @media (max-width: 800px) {
      .about_pro .governor_advantages h4 {
        text-align: center;
        margin-top: 3rem; } }
  .about_pro .governor_advantages .advantage .icon {
    width: 16%;
    margin: auto; }
  .about_pro .governor_advantages .advantage .title {
    margin-top: 20px; }
    .about_pro .governor_advantages .advantage .title h5 {
      color: var(--black-color);
      font-size: clamp(1.4rem, 4vw, 1.6rem);
      font-weight: 600;
      text-align: center; }
  .about_pro .governor_advantages .advantage .info {
    margin-top: 10px;
    width: 100%; }
    .about_pro .governor_advantages .advantage .info p {
      color: var(--black-color);
      font-size: 1.4rem;
      font-weight: 400; }

.stages .title_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: clamp(3rem, 3.5vw, 7rem); }
  .stages .title_block .logo {
    width: 100%;
    max-width: 18%;
    flex: 1 0 auto; }
  .stages .title_block .title {
    width: 100%;
    max-width: max-content;
    flex: 1 0 auto; }
.stages .stages_items {
  justify-content: space-between;
  position: relative;
  z-index: 1; }
  .stages .stages_items:before {
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    height: 5px;
    background: var(--orange-color);
    top: 40%;
    transform: translateY(40%);
    left: 0;
    z-index: -1; }
.stages .stage_item {
  width: 100%;
  max-width: 16%;
  flex: 1 0 auto;
  position: relative; }
  .stages .stage_item h3 {
    color: #AF7D57;
    font-size: clamp(1.3rem, 3vw, 1.5rem);
    font-weight: 600;
    margin-bottom: 40px;
    text-align: center; }
.stages .number {
  margin-bottom: 35px;
  display: flex;
  justify-content: center;
  cursor: pointer; }
  .stages .number p {
    color: var(--white-color);
    font-size: 34px;
    font-weight: 500;
    border-radius: 100%;
    background: var(--orange-color);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px; }
.stages .info p {
  color: var(--black-color);
  text-align: center;
  font-size: 14px;
  font-weight: 400; }
.stages .important {
  width: 53%;
  margin: clamp(3rem, 4vw, 8rem) auto 0;
  border-radius: 10px;
  background: var(--white-color);
  padding: 20px; }
  .stages .important .important_word {
    color: var(--orange-color);
    text-align: center;
    font-size: clamp(1.4rem, 5vw, 1.8rem);
    font-weight: 600;
    text-transform: uppercase; }
  .stages .important .info {
    color: var(--black-color);
    font-size: clamp(1.4rem, 3.5vw, 1.6rem);
    font-weight: 400;
    text-align: center;
    margin-top: 10px; }
.stages .dop_info {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background: #fff;
  padding: 10px 15px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 10;
  border-radius: 10px; }
  .stages .dop_info p {
    text-align: center;
    font-size: 14px; }
.stages .js-dop-info-visible {
  display: block;
  opacity: 1; }

.join .join_item_place .title, .join .join_item_date .title {
  display: none; }
.join .header_content .title {
  margin-bottom: 40px; }
.join .row {
  justify-content: space-between; }
.join .join_item_icon {
  width: 100%;
  max-width: 4%;
  flex: 1 0 auto; }
.join .join_item_stages {
  width: 100%;
  max-width: 48%;
  flex: 1 0 auto; }
.join .join_item_place {
  width: 100%;
  max-width: 20%;
  flex: 1 0 auto; }
.join .join_item_date {
  width: 100%;
  max-width: 20%;
  flex: 1 0 auto; }
.join .join_head {
  padding-bottom: 30px;
  border-bottom: 4px solid rgba(225, 223, 223, 0.5); }
  .join .join_head h4 {
    color: #AF7D57;
    font-size: 20px;
    font-weight: 600; }
.join .join_body {
  padding-top: 30px; }
  .join .join_body:not(:last-child) {
    padding-bottom: 30px;
    border-bottom: 4px solid rgba(225, 223, 223, 0.5); }
  .join .join_body:not(:first-child) {
    padding-top: 30px; }
  .join .join_body h5 {
    color: var(--black-color);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px; }
  .join .join_body p {
    color: var(--black-color);
    font-size: 16px;
    font-weight: 400; }
  .join .join_body .join_item_date p {
    font-weight: 600; }
.join .join_subitems .join_item_stages {
  padding-left: 20px;
  border-left: 1px solid var(--orange-color); }

.training .header_content .title {
  margin-bottom: 40px; }
.training .header_content .info {
  width: 60%; }
  .training .header_content .info p {
    color: var(--black-color);
    font-size: clamp(1.4rem, 3.5vw, 1.6rem);
    font-weight: 400; }
.training .training_items {
  margin-top: clamp(2rem, 5vw, 5rem);
  /*display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 30px;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 30px;
  column-gap: 30px; }
.training .training_item {
  width: 31%; }
.training .training_title_block {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: clamp(1.5rem, 4vw, 2.5rem); }
  .training .training_title_block .icon {
    width: 100%;
    max-width: 16%;
    flex: 1 0 auto; }
  .training .training_title_block .title {
    width: 100%;
    max-width: 80%;
    flex: 1 0 auto; }
  .training .training_title_block h4 {
    color: var(--black-color);
    font-size: clamp(1.4rem, 3.5vw, 1.8rem);
    font-weight: 600; }
.training .training_list li {
  color: var(--black-color);
  font-size: clamp(1.4rem, 3.5vw, 1.6rem);
  font-weight: 400;
  position: relative;
  padding-left: 15px; }
  .training .training_list li:not(:last-child) {
    margin-bottom: 10px; }
  .training .training_list li:before {
    display: block;
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    background: var(--black-color);
    border-radius: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
.training .orange_button {
  margin-top: 50px; }

.statistics .statistics_items:nth-child(1) {
  justify-content: space-evenly; }
.statistics .statistics_items:nth-child(2) {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 4px solid rgba(225, 223, 223, 0.5); }
.statistics .number p {
  color: var(--orange-color);
  font-size: clamp(4rem, 4vw, 8rem);
  font-weight: 600;
  text-align: center;
  line-height: normal;
  position: relative; }
.statistics .info p {
  color: var(--black-color);
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: normal;
  margin-top: 20px;
  display: flex;
  flex-direction: column; }
  .statistics .info p span {
    font-weight: 600; }
.statistics .statistics_items {
  justify-content: space-between; }
.statistics .info_item {
  width: 100%;
  max-width: 32%;
  flex: 1 0 auto; }
  .statistics .info_item .number p {
                /*&:before {
                    display: block;
                    position: absolute;
                    content: '';
                    width: 100px;
                    height: 100px;
                    border-radius: 100%;
                    background: rgba(221, 129, 68, 0.15);
                    top: 0;
                    right: 34%;
                }

                &:after {
                    z-index: -1;
                    display: block;
                    position: absolute;
                    content: '';
                    width: 100px;
                    height: 100px;
                    border-radius: 100%;
                    background: #F7F7F7;
                    top: 0;
                    left: 34%;
                }*/ }
    .statistics .info_item .number p:before, .statistics .info_item .number p:after {
      content: '';
      position: absolute;
      border-radius: 50%;
      top: 50%;
      transform: translateY(-50%) translateX(50%); }
    .statistics .info_item .number p:before {
      width: 1.4em;
      height: 1.4em;
      background: rgba(221, 129, 68, 0.15);
      right: 50%;
      transform: translateY(-50%) translateX(50%) translateX(-15%); }
    .statistics .info_item .number p:after {
      width: 1.4em;
      height: 1.4em;
      background: #F7F7F7;
      left: 50%;
      z-index: -1;
      transform: translateY(-50%) translateX(-50%) translateX(15%); }
.statistics .region {
  width: 100%;
  max-width: 24%;
  flex: 1 0 auto; }
  .statistics .region .number p {
                /*&:before {
                    display: block;
                    position: absolute;
                    content: '';
                    width: 100px;
                    height: 100px;
                    border-radius: 100%;
                    background: rgba(221, 129, 68, 0.15);
                    top: 0;
                    right: 29%;
                }

                &:after {
                    display: block;
                    position: absolute;
                    content: '';
                    width: 100px;
                    height: 100px;
                    border-radius: 100%;
                    background: #F7F7F7;
                    top: 0;
                    left: 29%;
                    z-index: -1;
                }*/ }
    .statistics .region .number p:before, .statistics .region .number p:after {
      content: '';
      position: absolute;
      border-radius: 50%;
      top: 50%;
      transform: translateY(-50%) translateX(50%); }
    .statistics .region .number p:before {
      width: 1.4em;
      height: 1.4em;
      background: rgba(221, 129, 68, 0.15);
      right: 50%;
      transform: translateY(-50%) translateX(50%) translateX(-15%); }
    .statistics .region .number p:after {
      width: 1.4em;
      height: 1.4em;
      background: #F7F7F7;
      left: 50%;
      transform: translateY(-50%) translateX(-50%) translateX(15%);
      z-index: -1; }

.news .news_item:hover .title h3 {
  color: var(--orange-color);
  transition: .3s; }
.news .news_item:hover img {
  filter: brightness(0.7);
  transition: .3s; }
.news .news_item img {
  border-radius: 20px;
  height: clamp(24rem, 50vw, 30rem);
  object-fit: cover;
  transition: .3s; }
.news .news_item .title {
  margin-top: 20px; }
  .news .news_item .title h3 {
    color: var(--black-color);
    font-size: clamp(1.4rem, 3.5vw, 1.6rem);
    font-weight: 600;
    line-height: normal;
    transition: .3s; }
.news .news_item .date_block {
  margin-top: clamp(1rem, 3.5vw, 2rem);
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .news .news_item .date_block p {
    color: #999999;
    font-size: clamp(1.4rem, 3.5vw, 1.6rem);
    font-weight: 400;
    line-height: normal; }
.news .news_item .views {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: max-content;
  gap: 10px; }
  .news .news_item .views .icon {
    display: flex; }
.news .slider_buttons {
  margin-top: clamp(2rem, 5vw, 4rem); }

.slider_buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 3.5vw, 2rem); }
  .slider_buttons .swiper-button-disabled path {
    fill: #999999; }
  .slider_buttons .swiper-button-disabled circle {
    stroke: #999999; }
  .slider_buttons .js-swiper-navigation-button-prev svg {
    width: clamp(3.5rem, 5vw, 5rem); }
    .slider_buttons .js-swiper-navigation-button-prev svg:focus {
      outline: none; }
  .slider_buttons .js-swiper-navigation-button-next svg {
    width: clamp(3.5rem, 5vw, 5rem); }
    .slider_buttons .js-swiper-navigation-button-next svg:focus {
      outline: none; }

.questions .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: unset;
  color: var(--orange-color); }
.questions .accordion-button {
  padding: 15px 0;
  font-size: clamp(1.4rem, 3.5vw, 1.6rem);
  font-weight: 600; }
.questions .accordion-item {
  border: none; }
.questions .accordion-button:focus {
  box-shadow: unset; }
.questions .accordion-body {
  padding: 0;
  color: var(--black-color);
  font-size: clamp(1.4rem, 3.5vw, 1.6rem);
  font-weight: 400; }

.news_page .news_detail .news_items {
  display: flex; }

header.desktop {
  display: block; }

header.mobile {
  display: none; }

.brand-form {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  .brand-form .icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%); }
  .brand-form .with_icon .brand-input__field {
    border-radius: 10px;
    border: 1px solid #C2C2C2;
    height: 50px;
    padding: 10px 10px 10px 50px;
    width: 100%;
    font-size: 16px;
    color: var(--black-color); }
  .brand-form .brand-input__field {
    border-radius: 10px;
    border: 1px solid #C2C2C2;
    height: 50px;
    padding: 10px 15px;
    width: 100%;
    font-size: 16px;
    color: var(--black-color);
    caret-color: var(--orange-color); }
    .brand-form .brand-input__field:focus {
      box-shadow: none; }
    .brand-form .brand-input__field::placeholder {
      color: #999;
      font-size: 16px;
      font-weight: 400; }
  .brand-form .telegram-checker .btn_check {
    padding: 4px 8px;
    background: var(--white-color);
    border: 1px solid #AF7D57;
    color: #AF7D57;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s; }
    .brand-form .telegram-checker .btn_check:hover {
      background: #AF7D57;
      color: var(--white-color);
      transition: .3s; }
  .brand-form label {
    color: var(--black-color);
    font-size: 16px;
    font-weight: 400;
    padding-left: 15px;
    margin-bottom: 10px; }
  .brand-form .submit-btn {
    color: var(--white-color);
    font-size: 16px;
    line-height: normal;
    border-radius: 10px;
    background: #F07E1E;
    padding: 15px 50px;
    text-align: center;
    width: 100%;
    transition: .3s; }
    .brand-form .submit-btn:hover {
      background: #AF7D57;
      transition: .3s; }

.modal .button__close {
  position: absolute;
  right: 15px;
  top: 15px; }
  .modal .button__close button {
    width: 2rem;
    height: 2rem;
    padding: 0;
    border-radius: 0;
    font-size: 1.5rem; }
  .modal .button__close .btn-close:focus {
    box-shadow: unset; }
.modal .modal-content {
  padding: 30px 40px;
  border-radius: 10px; }
.modal .modal-header {
  border: none;
  padding: 0;
  justify-content: center;
  margin-bottom: 25px; }
.modal h3 {
  color: #AF7D57;
  font-size: 20px;
  font-weight: 600;
  text-align: center; }
.modal .with_icon {
  position: relative; }
.modal .icon_eye {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%); }
  .modal .icon_eye svg {
    width: 24px;
    height: 24px; }
.modal .modal-body {
  padding: 0; }
.modal .min_buttons {
  display: flex;
  justify-content: space-between; }
  .modal .min_buttons button, .modal .min_buttons a {
    color: var(--black-color);
    font-size: 1.2rem;
    line-height: normal;
    transition: .3s; }
    .modal .min_buttons button:hover, .modal .min_buttons a:hover {
      color: var(--orange-color);
      transition: .3s; }
.modal .checkbox-item {
  display: flex;
  align-items: center; }
  .modal .checkbox-item label {
    display: flex;
    gap: 5px;
    margin: 0;
    color: var(--black-color);
    font-size: 12px;
    line-height: normal; }
    .modal .checkbox-item label a {
      transition: .3s;
      color: var(--orange-color); }
      .modal .checkbox-item label a:hover {
        color: var(--black-color);
        transition: .3s;
        text-decoration: underline; }
.modal .input_item_checkbox .checkbox-input {
  appearance: none;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid #C2C2C2;
  border-radius: 5px;
  background-color: #fff;
  cursor: pointer;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin: 0;
  padding: 0;
  transition: .3s; }
  .modal .input_item_checkbox .checkbox-input:hover {
    border-color: var(--orange-color);
    transition: .3s; }
.modal .checkbox-input {
  appearance: none;
  -webkit-appearance: none;
  /* для поддержки в Safari */ }
.modal .checkbox-input:checked {
  background-color: var(--orange-color);
  border-color: var(--orange-color);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
.modal .input_item_checkbox {
  grid-column: 1 / -1; }

#regis .with_icon input {
  padding: 10px 15px; }
#regis .button {
  grid-column: 1 / -1;
  text-align: center; }
  #regis .button button {
    width: max-content; }
#regis .min_buttons {
  justify-content: center;
  grid-column: 1 / -1; }
#regis form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
  gap: 20px; }

.modal#regis .modal-dialog {
  max-width: 960px; }

.news_page .news_items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 410px), 1fr));
  gap: 25px; }

.pagination_page {
  margin-top: clamp(3rem, 3.5vw, 5rem);
  grid-column: 1 / -1; }
  .pagination_page .pagination {
    justify-content: center;
    gap: 4px; }
  .pagination_page .page-link:focus {
    z-index: 3;
    background-color: snow;
    outline: 0;
    box-shadow: none; }
  .pagination_page .page-link.active {
    color: var(--white-color);
    background-color: var(--orange-color); }
  .pagination_page .page-link > * {
    font-size: 16px; }
  .pagination_page .page-link {
    width: clamp(3.5rem, 3.5vw, 4rem);
    height: clamp(3.5rem, 3.5vw, 4rem);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F7F7F7;
    border-radius: 10px !important;
    border: none;
    font-size: clamp(1.4rem, 3.5vw, 1.6rem);
    color: var(--black-color);
    transition: .3s; }
    .pagination_page .page-link:hover {
      color: var(--white-color);
      background-color: var(--orange-color);
      transition: .3s; }

.news_detail .date_block {
  display: flex;
  align-items: center;
  gap: clamp(2rem, 3.5vw, 5rem); }
  .news_detail .date_block p {
    color: #999999;
    font-size: clamp(1.4rem, 3.5vw, 1.6rem);
    font-weight: 400;
    line-height: normal; }
.news_detail .news_detail_date_block {
  display: flex;
  justify-content: space-between;
  margin-bottom: clamp(1rem, 3.5vw, 2rem);
  align-items: center; }
.news_detail .section a {
  color: #999999;
  font-size: clamp(1.4rem, 3.5vw, 1.6rem);
  font-weight: 400;
  line-height: normal;
  transition: .3s; }
  .news_detail .section a:hover {
    color: var(--orange-color);
    transition: .3s; }
.news_detail .views {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: max-content;
  gap: 10px; }
  .news_detail .views .icon {
    display: flex; }
  .news_detail .views p {
    color: #999999;
    font-size: clamp(1.4rem, 3.5vw, 1.6rem);
    font-weight: 400;
    line-height: normal; }

.news_detail .swiper-slide-thumb-active .swiper-pagination-progress-body-helper {
  transition-property: width;
  transition-timing-function: linear;
  width: 100%; }
.news_detail .swiper-pagination-progress-body-helper {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 0px;
  height: 3px;
  background-color: var(--orange-color);
  transition: none;
  border-radius: 3px; }
.news_detail .swiper-pagination-progress-body {
  position: relative;
  display: block;
  width: 100%;
  height: 3px;
  background-color: rgba(240, 126, 30, 0.1);
  border-radius: 3px;
  margin-bottom: 10px; }
.news_detail .js-swiper-pagination-progress-with-thumbs-main img {
  border-radius: 20px; }
.news_detail .js-swiper-pagination-progress-with-thumbs {
  margin-top: clamp(2rem, 3.5vw, 3rem); }
  .news_detail .js-swiper-pagination-progress-with-thumbs img {
    border-radius: 10px; }

.news_detail .image_main img {
  border-radius: 20px;
  height: clamp(240px, 50vw, 650px);
  object-fit: cover; }
.news_detail h3 {
  color: var(--black-color);
  font-weight: 600;
  font-size: clamp(1.4rem, 3.5vw, 2rem); }
.news_detail .news_text_block:not(:first-child) {
  margin-top: clamp(3rem, 3.5vw, 5rem); }
.news_detail .news_text {
  margin-top: clamp(1rem, 3.5vw, 2rem); }
  .news_detail .news_text p {
    font-size: clamp(1.4rem, 3vw, 1.6rem);
    color: var(--black-color); }
.news_detail .indent {
  margin-top: clamp(5rem, 5vw, 10rem); }
.news_detail .news_text_slider {
  margin-top: clamp(3rem, 3.5vw, 5rem); }

.contest .contest_items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 620px), 1fr));
  gap: 40px; }
.contest .contest_text {
  margin-bottom: clamp(2rem, 3vw, 3rem); }
  .contest .contest_text p {
    color: var(--black-color);
    font-size: clamp(1.4rem, 3vw, 1.6rem);
    line-height: normal; }
.contest .contest_contacts_info {
  margin-bottom: clamp(2rem, 3vw, 4rem); }
  .contest .contest_contacts_info .title {
    margin-bottom: clamp(1.5rem, 3vw, 2rem); }
    .contest .contest_contacts_info .title h3 {
      color: var(--black-color);
      font-size: clamp(1.6rem, 3vw, 2rem);
      font-weight: 600; }
.contest .contest_contacts_items {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 15px;
  align-items: center;
  width: 100%;
  min-width: 350px; }
  .contest .contest_contacts_items:not(:first-child) {
    margin-bottom: 15px; }
  .contest .contest_contacts_items .title {
    margin-bottom: 0; }
  .contest .contest_contacts_items h4 {
    color: var(--black-color);
    font-size: 14px;
    font-weight: 400; }
  .contest .contest_contacts_items a {
    color: #AF7D57;
    font-size: 14px;
    font-weight: 600;
    transition: .3s; }
    .contest .contest_contacts_items a:hover {
      color: var(--orange-color);
      transition: .3s; }
.contest .contest_button button {
  color: var(--white-color);
  font-size: 14px;
  font-weight: 400;
  border-radius: 10px;
  background: var(--orange-color);
  border: 1px solid var(--orange-color);
  padding: 9px 30px;
  text-align: center;
  width: max-content;
  transition: .3s; }
  .contest .contest_button button:hover {
    background: #AF7D57;
    transition: .3s;
    border-color: #AF7D57; }

.personal_account .personal_account_block {
  display: grid;
  grid-template-columns: 0.6fr 2fr;
  gap: 40px; }
.personal_account .statusvistka p {
  font-size: clamp(1.4rem, 3.5vw, 1.6rem); }
.personal_account .allowed p {
  color: #3AA325; }
.personal_account .notallowed {
  display: flex;
  align-items: center;
  gap: 30px; }
  .personal_account .notallowed p {
    color: #EF1414; }
  .personal_account .notallowed .info_test {
    margin: 0;
    padding: 0;
    background: no-repeat;
    border: none;
    width: max-content; }
    .personal_account .notallowed .info_test a {
      font-size: 14px;
      font-weight: 400;
      padding: 9px 20px;
      text-align: center;
      width: max-content;
      cursor: pointer;
      background: transparent;
      border: 1px solid #AF7D57;
      color: #AF7D57;
      transition: .3s;
      border-radius: 10px;
      display: inline-block;
      text-decoration: unset; }
      .personal_account .notallowed .info_test a:hover {
        background: #AF7D57;
        color: var(--white-color);
        transition: .3s; }
.personal_account .info_test {
  padding: clamp(1rem, 3vh, 2rem) clamp(2rem, 3vh, 3rem);
  display: flex;
  gap: 50px;
  align-items: center;
  border-radius: 10px;
  border: 1px solid #C2C2C2;
  background: rgba(247, 247, 247, 0.8);
  width: 100%;
  margin-bottom: clamp(2rem, 3.5vw, 4rem);
  justify-content: space-between; }
  .personal_account .info_test p {
    color: var(--black-color);
    font-size: clamp(1.4rem, 3vw, 1.6rem);
    font-weight: 400;
    line-height: normal; }
  .personal_account .info_test a {
    color: var(--orange-color);
    font-size: clamp(1.4rem, 3vw, 1.6rem);
    font-weight: 400;
    line-height: normal;
    text-decoration: underline;
    transition: .3s; }
    .personal_account .info_test a:hover {
      color: var(--black-color);
      transition: .3s; }
.personal_account .nav {
  display: flex;
  flex-direction: column;
  gap: 10px; }
  .personal_account .nav .nav-link {
    position: relative;
    padding: 15px 30px;
    border-radius: 10px;
    background: #F1F0F0;
    color: var(--black-color);
    font-size: 16px;
    font-weight: 400;
    line-height: normal; }
    .personal_account .nav .nav-link:before {
      position: absolute;
      content: '';
      width: 5px;
      height: 100%;
      background: var(--white-color);
      left: 15px;
      top: 0; }
  .personal_account .nav .nav-link.active {
    background: var(--orange-color);
    color: var(--white-color); }
.personal_account .personal_account_columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px; }
.personal_account .personal_account_col:nth-child(2) {
  border-radius: 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center; }
.personal_account .first .input_item {
  margin-bottom: clamp(1.5rem, 3vh, 2rem); }
.personal_account .second {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 50px;
  row-gap: clamp(1.5rem, 3vh, 2rem);
  margin-top: clamp(1.5rem, 3vh, 2rem); }
.personal_account .select_awards .gender_block .form-select {
  height: 100px; }
.personal_account .gender_block label {
  color: var(--black-color);
  font-size: clamp(1.4rem, 3vw, 1.6rem);
  font-weight: 400;
  padding-left: 15px;
  margin-bottom: 10px; }
.personal_account .gender_block .form-select {
  border-radius: 10px;
  border: 1px solid #C2C2C2;
  height: 50px;
  padding: 10px 15px;
  width: 100%;
  font-size: clamp(1.4rem, 3vw, 1.6rem);
  color: var(--black-color); }
.personal_account .gender_block .form-select:focus {
  box-shadow: none; }
.personal_account .input_item label {
  color: var(--black-color);
  font-size: clamp(1.4rem, 3vw, 1.6rem);
  font-weight: 400;
  padding-left: 15px;
  margin-bottom: 10px; }
.personal_account .input_item input {
  border-radius: 10px;
  border: 1px solid #C2C2C2;
  height: 50px;
  padding: 10px 15px;
  width: 100%;
  font-size: clamp(1.4rem, 3vw, 1.6rem);
  color: var(--black-color);
  caret-color: var(--orange-color); }
.personal_account .buttons {
  margin-top: clamp(3rem, 3.5vw, 4rem);
  display: flex;
  gap: 2rem; }
  .personal_account .buttons button {
    font-size: 14px;
    font-weight: 400;
    border-radius: 10px;
    padding: 9px 30px;
    text-align: center;
    width: max-content;
    transition: .3s; }
  .personal_account .buttons .fill {
    background: var(--orange-color);
    border: 1px solid var(--orange-color);
    color: var(--white-color);
    transition: .3s;
    border-radius: 10px; }
    .personal_account .buttons .fill:hover {
      background: #AF7D57;
      border-color: #AF7D57;
      transition: .3s; }
  .personal_account .buttons .border_btn {
    background: transparent;
    border: 1px solid #AF7D57;
    color: #AF7D57;
    transition: .3s;
    border-radius: 10px; }
    .personal_account .buttons .border_btn:hover {
      border-color: var(--orange-color);
      color: var(--orange-color);
      transition: .3s; }
.personal_account .personal-form__input-box {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px; }
  .personal_account .personal-form__input-box span {
    display: block;
    width: 40px;
    height: 40px;
    background: var(--orange-color);
    padding: 9px;
    border-radius: 10px;
    opacity: .8;
    transition: .3s; }
    .personal_account .personal-form__input-box span:hover {
      opacity: 1;
      transition: .3s; }
    .personal_account .personal-form__input-box span path {
      fill: var(--white-color); }
  .personal_account .personal-form__input-box .inputfile {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    visibility: hidden;
    width: 100%;
    height: 100%; }
.personal_account .image {
  height: 100%;
  max-height: 390px;
  min-height: 390px;
  position: relative; }
  .personal_account .image img {
    object-fit: contain;
    height: 100%;
    border-radius: 10px; }
.personal_account .personal_account_id {
  padding-top: 20px;
  width: 100%; }
  .personal_account .personal_account_id p {
    color: #999999;
    font-size: clamp(1.4rem, 3vw, 1.6rem);
    font-weight: 400;
    line-height: normal;
    display: flex;
    gap: 5px;
    justify-content: end; }

.personal_status .status-steps {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 20px; }
.personal_status .status-line {
  position: absolute;
  height: 4px;
  background: #e0e0e0;
  top: clamp(2.4rem, 3vw, 2.8rem);
  left: 0;
  right: 0;
  z-index: 1;
  border-radius: 2px; }
.personal_status .status-progress {
  position: absolute;
  height: 4px;
  background: var(--orange-color);
  top: clamp(2.4rem, 3vw, 2.8rem);
  left: 0;
  z-index: 2;
  border-radius: 2px;
  transition: width 0.5s ease; }
.personal_status .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 3;
  width: 20%; }
.personal_status .step-circle {
  width: clamp(1.4rem, 3vw, 2rem);
  height: clamp(1.4rem, 3vw, 2rem);
  border-radius: 50%;
  background: #999999;
  margin-bottom: 20px;
  position: relative;
  transition: all 0.3s ease; }
.personal_status .step.active .step-circle {
  background: var(--orange-color); }
.personal_status .step.completed .step-circle {
  background: #02a529; }
.personal_status .step.completed .step-circle::after {
  content: '+';
  position: absolute;
  color: white;
  font-size: 14px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
.personal_status .step-text {
  font-size: clamp(0.8rem, 2vw, 1.2rem);
  color: #999999;
  text-align: center;
  font-weight: 500;
  transition: all 0.3s ease;
  max-width: 100px; }
.personal_status .step.active .step-text {
  color: var(--orange-color);
  font-weight: 600; }
.personal_status .step.completed .step-text {
  color: #02a529; }
.personal_status .info-panel {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 20px;
  margin-top: clamp(2rem, 3vw, 3rem);
  border-left: 4px solid var(--orange-color); }
.personal_status .info-panel h3 {
  color: var(--black-color);
  font-size: clamp(1.4rem, 3vw, 1.6rem);
  font-weight: 500;
  margin-bottom: 10px; }
.personal_status .info-panel p {
  color: #7f8c8d;
  line-height: normal;
  font-size: clamp(1.4rem, 3vw, 1.6rem); }
.personal_status .current-status {
  font-weight: 600;
  color: var(--orange-color); }
.personal_status .status-container {
  width: 100%;
  position: relative;
  margin: 25px 0; }
.personal_status .personal_account_content .title h4 {
  color: var(--black-color);
  font-size: 20px;
  font-weight: 500;
  line-height: normal; }

.personal_result .personal_result_items {
  margin-bottom: clamp(3rem, 3.5vw, 5rem); }
.personal_result .circle {
  width: 14px;
  height: 14px;
  border-radius: 100%;
  flex-shrink: 0; }
.personal_result .info {
  width: 95%; }
.personal_result .excellent .circle {
  background: #3AA325; }
.personal_result .good .circle {
  background: #F3F316; }
.personal_result .bad .circle {
  background: #EF1414; }
.personal_result .personal_result_item {
  display: flex;
  align-items: center;
  gap: 15px; }
  .personal_result .personal_result_item p {
    color: var(--black-color);
    font-size: clamp(1.4rem, 3.5vw, 1.6rem);
    font-weight: 500;
    line-height: normal; }
  .personal_result .personal_result_item:not(:last-child) {
    margin-bottom: 1.5rem; }
.personal_result .personal_result_stages h3 {
  color: var(--black-color);
  font-size: clamp(1.6rem, 3vw, 2rem);
  font-weight: 500;
  line-height: normal;
  margin-bottom: clamp(2rem, 3vw, 3rem); }
.personal_result .personal_result_content {
  display: flex;
  justify-content: space-between; }
.personal_result .result_foot {
  display: flex;
  justify-content: space-between;
  padding: 12px 15px; }
  .personal_result .result_foot p {
    color: var(--black-color);
    font-size: 16px;
    font-weight: 600;
    line-height: normal; }
.personal_result .result_head {
  margin-bottom: 12px;
  padding: 0 15px; }
  .personal_result .result_head h4 {
    color: #AF7D57;
    font-size: clamp(1.2rem, 3vw, 1.4rem);
    font-weight: 600;
    line-height: normal; }
.personal_result .result_body p {
  color: var(--black-color);
  font-size: clamp(1.2rem, 1vw, 1.4rem);
  font-weight: 400;
  line-height: normal; }
.personal_result .result_body .user p {
  word-spacing: 9999rem; }
.personal_result .grey {
  padding: 12px 15px;
  background: #F1F0F0;
  border-radius: 10px; }
.personal_result .white {
  padding: 12px 15px;
  background: #ffffff;
  border-radius: 10px; }
.personal_result .orange {
  padding: 12px 15px;
  background: rgba(240, 126, 30, 0.15);
  border-radius: 10px; }
.personal_result .name {
  width: 35%; }
.personal_result .max_bal {
  width: 12%; }
.personal_result .your_bal {
  width: 12%; }
.personal_result .comment {
  width: 35%; }
.personal_result .personal_result_content h5 {
  display: none; }
.personal_result .personal_result_stage:not(:last-child) {
  margin-bottom: clamp(3rem, 3.5vw, 4rem); }
.personal_result .personal_result_stage.test .name {
  width: 50%; }
.personal_result .personal_result_stage.test .comment {
  width: 30%; }

.essay .essay_info p {
  color: black;
  font-size: clamp(1.4rem, 3vw, 1.6rem);
  font-weight: 400;
  line-height: normal; }
.essay .orange_button {
  margin-top: clamp(3rem, 3.5vw, 5rem);
  justify-content: start; }
  .essay .orange_button button {
    font-size: 14px;
    font-weight: 400;
    border-radius: 10px;
    padding: 9px 30px;
    text-align: center;
    width: max-content;
    transition: .3s;
    background: var(--orange-color);
    color: var(--white-color); }
    .essay .orange_button button:hover {
      background: #AF7D57;
      transition: .3s; }
.essay .essay_editor .brand-textarea__wrapper.essaearea {
  padding: 0; }
.essay .essay_editor .total-count {
  margin-bottom: clamp(2rem, 3.5vw, 3rem);
  font-size: 1.4rem;
  color: var(--black-color);
  text-align: right; }
.essay .essay_editor .toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 8px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 2rem; }
  .essay .essay_editor .toolbar a {
    border: 1px solid #888;
    padding: 5px 8px;
    margin: 0 0 10px 0;
    color: #000;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: 1px 1px 2px #ddd;
    background: #fff;
    vertical-align: top;
    text-decoration: none;
    display: flex;
    align-items: center; }
.essay .essay_editor .editor.brand-textarea__field {
  padding: 20px;
  border: 1px solid rgba(16, 18, 25, 0.5);
  border-radius: 5px;
  caret-color: var(--orange-color);
  width: 100%;
  font-size: 1.6rem;
  color: var(--black-color); }
  .essay .essay_editor .editor.brand-textarea__field:focus-within {
    outline: none; }
.essay .essay_editor .buttons {
  margin-top: clamp(3rem, 3.5vw, 4rem);
  display: flex;
  gap: 2rem;
  justify-content: unset; }
.essay .essay_editor .white_button button {
  font-size: 14px;
  font-weight: 400;
  border-radius: 10px;
  padding: 9px 30px;
  text-align: center;
  width: max-content;
  transition: .3s;
  background: transparent;
  border: 1px solid #AF7D57;
  color: #AF7D57; }
  .essay .essay_editor .white_button button:hover {
    background: #AF7D57;
    color: var(--white-color);
    transition: .3s; }
.essay .essay_editor .orange_button {
  width: max-content;
  margin-top: 0; }
.essay .essay_rules {
  border-radius: 10px;
  background: rgba(221, 129, 68, 0.15);
  padding: 25px 40px;
  margin-top: clamp(2rem, 4vw, 5rem); }
  .essay .essay_rules .essay_rules_item:nth-child(2) {
    margin-top: 2rem; }
  .essay .essay_rules h4 {
    color: var(--black-color);
    font-size: clamp(1.4rem, 3.5vw, 1.8rem);
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px; }
  .essay .essay_rules li {
    color: var(--black-color);
    font-size: clamp(1.4rem, 3vw, 1.6rem);
    font-weight: 400;
    line-height: normal;
    position: relative;
    padding-left: 19px; }
    .essay .essay_rules li:before {
      position: absolute;
      content: '';
      width: 4px;
      height: 4px;
      background: var(--black-color);
      border-radius: 100%;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
    .essay .essay_rules li:not(:last-child) {
      margin-bottom: 10px; }
.essay .essay_editor {
  margin-top: clamp(5rem, 3.5vw, 10rem); }

.test .test_format_items {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  width: 100%; }
.test .test_format_item {
  flex: 1 1 20%;
  min-width: 160px;
  max-width: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: all 0.3s ease;
  box-sizing: border-box; }
  .test .test_format_item .icon {
    width: clamp(3rem, 3.5vw, 5rem);
    height: clamp(3rem, 3.5vw, 5rem);
    margin: 0 auto; }
  .test .test_format_item .info {
    margin-top: 1.5rem; }
    .test .test_format_item .info p {
      color: var(--black-color);
      text-align: center;
      font-size: clamp(1.4rem, 2vw, 1.8rem);
      font-weight: 500;
      line-height: normal; }
.test .essay_rules_info p {
  color: var(--black-color);
  font-size: clamp(1.4rem, 3vw, 1.6rem);
  font-weight: 400;
  line-height: normal; }
  .test .essay_rules_info p:nth-child(1) {
    margin-bottom: 10px; }
  .test .essay_rules_info p:last-child {
    margin-top: clamp(2rem, 3vw, 3rem); }

.test_section {
  margin-top: clamp(3rem, 3.5vw, 6rem);
  /* Правильный способ - создаем псевдоэлементы у текста */ }
  .test_section .title_block {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .test_section .timer_block, .test_section .title {
    width: 48%; }
  .test_section .timer_block {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px; }
    .test_section .timer_block p {
      color: #222;
      font-size: clamp(1.4rem, 3.5vw, 1.6rem);
      font-weight: 400;
      line-height: normal; }
    .test_section .timer_block .timer {
      border-radius: 5px;
      background: #AF7D57;
      padding: 5px 15px;
      color: var(--white-color);
      font-size: clamp(1.4rem, 3.5vw, 1.6rem);
      font-weight: 400;
      line-height: normal; }
  .test_section .section__wrapper {
    margin-top: clamp(2rem, 3.5vw, 4rem); }
  .test_section .brand-radio__title {
    font-size: clamp(1.4rem, 3.5vw, 1.6rem); }
  .test_section .brand-test {
    margin-top: 20px; }
  .test_section .brand-test__progress {
    width: 100%;
    margin-bottom: clamp(2rem, 3.5vw, 4rem); }
  .test_section .brand-test__progress-line {
    width: 100%;
    height: 19px;
    border-radius: 10px;
    background: rgba(240, 126, 30, 0.5);
    position: relative;
    overflow: hidden; }
  .test_section .brand-test__progress-slider {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 7px;
    border-radius: 10px;
    margin: 0 8px;
    background: #FFF;
    width: 1.8%;
    transition: width 0.3s ease; }
  .test_section .brand-test__count-question {
    display: flex;
    align-items: center;
    justify-content: end;
    font-size: 14px;
    color: #666;
    gap: 5px;
    margin-bottom: 5px; }
  .test_section .brand-test__current-question {
    font-weight: bold;
    color: #333; }
  .test_section .brand-test__all-question {
    color: #999; }
  .test_section .brand-test__slash {
    color: #ccc; }
  .test_section .brand-radio__title {
    color: var(--black-color);
    font-weight: 600;
    line-height: normal;
    margin-bottom: clamp(1.8rem, 3.5vw, 2.4rem); }
  .test_section .brand-radio__control-wrapper {
    display: flex;
    flex-direction: column;
    padding-left: 10px; }
  .test_section .brand-radio__control {
    display: flex;
    align-items: center; }
    .test_section .brand-radio__control:not(:last-child) {
      margin-bottom: 10px; }
  .test_section .brand-radio__control {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    padding-left: 30px;
    min-height: 20px; }
  .test_section .brand-radio__control input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    z-index: 1; }
  .test_section .brand-radio__text::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 1px solid #999;
    border-radius: 50%;
    background: white;
    transition: all 0.3s ease;
    box-sizing: border-box; }
  .test_section .brand-radio__control:hover .brand-radio__text::before {
    border-color: var(--orange-color);
    background-color: transparent; }
  .test_section .brand-radio__control input[type="radio"]:checked ~ .brand-radio__text::before {
    border-color: var(--orange-color); }
  .test_section .brand-radio__control input[type="radio"]:checked ~ .brand-radio__text::after {
    content: '';
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--orange-color); }
  .test_section .brand-radio__text {
    color: var(--black-color);
    font-size: clamp(1.4rem, 3.5vw, 1.6rem);
    font-weight: 400;
    line-height: normal; }
  .test_section .buttons_test {
    margin-top: clamp(3rem, 3.5vw, 5rem);
    display: flex;
    justify-content: space-between; }
  .test_section .test-submit_finish {
    font-weight: 400;
    border-radius: 10px;
    padding: 10px 30px;
    text-align: center;
    background: transparent;
    color: #AF7D57;
    width: max-content;
    font-size: 14px;
    transition: .3s;
    border: 1px solid #AF7D57; }
    .test_section .test-submit_finish:hover {
      color: var(--orange-color);
      border-color: var(--orange-color);
      transition: .3s; }
  .test_section .orange_button {
    justify-content: unset;
    margin-top: 0; }
    .test_section .orange_button button {
      font-weight: 400;
      border-radius: 10px;
      padding: 10px 30px;
      text-align: center;
      background: var(--orange-color);
      color: var(--white-color);
      width: max-content;
      font-size: 14px;
      transition: .3s;
      border: 1px solid var(--orange-color); }
      .test_section .orange_button button:hover {
        border: 1px solid #AF7D57;
        background: #AF7D57;
        transition: .3s; }

.essay_detail .essay_rating_items {
  display: flex;
  flex-direction: column;
  gap: 20px; }
.essay_detail .title p {
  font-weight: 600;
  font-size: clamp(1.4rem, 3.5vw, 1.6rem);
  margin-bottom: 1.2rem; }
.essay_detail .rating {
  display: flex;
  gap: 10px; }
.essay_detail .star {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  border: 1px solid #999999;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease;
  user-select: none;
  font-size: 16px;
  color: #999999; }
.essay_detail .star:hover {
  border-color: var(--orange-color);
  color: var(--orange-color);
  transition: all 0.3s ease; }
.essay_detail .star.active {
  background-color: var(--orange-color);
  color: var(--white-color);
  border-color: var(--orange-color); }
.essay_detail .essay_rating {
  margin-top: clamp(3rem, 3.5vw, 5rem);
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
.essay_detail .essay_theme p {
  color: var(--black-color);
  font-size: clamp(1.6rem, 3.5vw, 2rem);
  font-weight: 600;
  line-height: normal; }
.essay_detail .orange_button {
  margin-top: 0;
  justify-content: unset; }
  .essay_detail .orange_button button {
    font-size: 14px;
    font-weight: 400;
    border-radius: 10px;
    padding: 9px 30px;
    text-align: center;
    width: max-content;
    background: transparent;
    color: #AF7D57;
    border: 1px solid #AF7D57;
    transition: .3s; }
    .essay_detail .orange_button button:hover {
      border-color: var(--orange-color);
      color: var(--orange-color);
      transition: .3s; }

.essay.essay_detail .orange_button {
  margin-top: 0;
  width: max-content; }

.video_card_detail {
  /* Hover/active */
  /* Disabled */ }
  .video_card_detail .essay_rating {
    margin-top: clamp(3rem, 3.5vw, 5rem);
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
  .video_card_detail .essay_rules {
    margin-top: 0; }
  .video_card_detail .orange_button {
    width: max-content; }
  .video_card_detail .video_card_file {
    margin-top: clamp(5rem, 3.5vw, 10rem); }
  .video_card_detail .upload__title {
    color: var(--black-color);
    font-size: clamp(1.6rem, 4vw, 2.4rem);
    font-weight: 700; }
  .video_card_detail .input-box {
    margin-top: clamp(2rem, 4vw, 3rem); }
  .video_card_detail .input-file {
    position: relative;
    display: inline-block; }
  .video_card_detail .input-file span {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    border-radius: 4px;
    background-color: #419152;
    line-height: 22px;
    height: 40px;
    padding: 10px 20px;
    box-sizing: border-box;
    border: none;
    margin: 0;
    transition: background-color 0.2s; }
  .video_card_detail input[type=file] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0; }
  .video_card_detail input[type=file]:focus + span {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .video_card_detail .input-file:hover span {
    background-color: #59be6e; }
  .video_card_detail .input-file:active span {
    background-color: #2E703A; }
  .video_card_detail input[type=file]:disabled + span {
    background-color: #eee; }
  .video_card_detail label span {
    font-size: 14px;
    font-weight: 400;
    padding: 9px 30px;
    text-align: center;
    width: max-content;
    cursor: pointer;
    background: transparent;
    border: 1px solid #AF7D57;
    color: #AF7D57;
    transition: .3s;
    border-radius: 10px;
    display: inline-block; }
    .video_card_detail label span:hover {
      background: #AF7D57;
      color: var(--white-color);
      transition: .3s; }

.expert .admin-filters .buttons .submit-btn {
  color: var(--white-color);
  font-size: 14px;
  line-height: normal;
  border-radius: 10px;
  background: #F07E1E;
  padding: 12px 30px;
  text-align: center;
  width: 100%;
  transition: .3s; }
.expert .chosen_n_download {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: clamp(2rem, 3.5vw, 3rem); }
  .expert .chosen_n_download .expert_count {
    font-size: 1.4rem; }
  .expert .chosen_n_download .expert_download a {
    margin-top: 0; }
.expert .brand-form {
  /*display: flex;
  gap: 20px;
  align-items: center;
  flex-direction: row;*/
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 12px;
  align-items: start; }
.expert .checkboxes_expert {
  display: flex;
  gap: 20px; }
.expert .brand-input__field {
  width: 100%;
  height: 42px;
  font-size: 1.4rem; }
  .expert .brand-input__field::placeholder {
    font-size: 1.4rem; }
.expert .submit-btn {
  width: max-content; }
.expert .expert_table {
  margin-top: clamp(2rem, 3.5vw, 3.5rem); }
.expert .admin_table .total {
  width: 12%; }
.expert .id {
  width: 6%; }
.expert .status {
  width: 12%; }
.expert .test {
  width: 13%; }
.expert .essay {
  width: 9%; }
.expert .video {
  width: 14%; }
.expert .total {
  width: 14%; }
.expert .photo {
  width: 4%; }
  .expert .photo img {
    border-radius: 10px; }
.expert .buttons {
  width: 100%;
  gap: 20px;
  display: flex; }
.expert .personal_result_content {
  align-items: center; }
.expert .user {
  width: 24%; }
.expert .result_body a {
  color: var(--black-color);
  font-size: clamp(1.2rem, 1vw, 1.4rem);
  font-weight: 400;
  line-height: normal;
  transition: .3s;
  text-decoration: underline; }
  .expert .result_body a:hover {
    color: var(--orange-color);
    transition: .3s; }
    .expert .result_body a:hover p {
      color: var(--orange-color);
      transition: .3s; }

.expert_search .dropdown .dropdown-menu {
  width: 100%;
  padding: 10px;
  border-radius: 10px; }
  .expert_search .dropdown .dropdown-menu a {
    font-size: 14px;
    padding: 4px 0;
    color: var(--black-color); }
.expert_search .dropdown button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  border: 1px solid #C2C2C2;
  height: 50px;
  font-size: 16px;
  color: var(--black-color);
  caret-color: var(--orange-color);
  background: transparent; }
  .expert_search .dropdown button:hover {
    color: var(--orange-color);
    background-color: transparent;
    border-color: var(--orange-color); }
.expert_search .status {
  width: 15%; }
.expert_search .year {
  width: 12%; }
.expert_search .ball {
  width: 15%;
  min-width: 15%; }
.expert_search .search {
  width: 37%; }
.expert_search .id {
  width: 12%; }
.expert_search .brand-form {
  justify-content: space-between; }
.expert_search .brand-input__field {
  width: 100%; }

.personal_account .input_item input[disabled] {
  background: rgba(153, 153, 153, 0.15);
  border-color: #999;
  color: #909090;
  cursor: not-allowed; }

.hidden {
  display: none !important; }

.preloader.fade {
  display: none; }

.preloader.fade.show {
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background: #00000080; }

.preloader__img {
  max-width: 50px;
  max-height: 50px; }

.preloader__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px; }

.preloader__wrapper {
  padding: 30px 40px;
  border-radius: 10px;
  background: #fff;
  display: block;
  position: fixed;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%; }

.errors-results {
  margin-top: clamp(2rem, 3.5vw, 3rem); }
  .errors-results .message {
    padding: 12px 20px !important;
    margin: 0 !important;
    border-radius: 5px !important;
    display: inline-block !important;
    font-size: 1.6rem !important; }

.returnback {
  margin-top: clamp(2rem, 3.5vw, 4rem); }
  .returnback .submit-btn {
    color: var(--black-color);
    font-size: 1.4rem;
    line-height: normal;
    transition: .3s; }
    .returnback .submit-btn:hover {
      color: var(--orange-color);
      transition: .3s; }

.personal-form_buttons {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 30px; }
  .personal-form_buttons .download svg {
    margin-right: 0;
    width: 24px;
    height: 24px;
    margin-bottom: 0; }
  .personal-form_buttons .pdf a {
    border-color: #C80A0A; }
    .personal-form_buttons .pdf a span {
      color: #C80A0A; }
  .personal-form_buttons .word a {
    border-color: #283C82; }
    .personal-form_buttons .word a span {
      color: #283C82; }
  .personal-form_buttons a {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 8px 12px;
    border: 1px solid;
    border-radius: 8px;
    flex-direction: row-reverse; }
    .personal-form_buttons a:hover {
      opacity: .8; }
    .personal-form_buttons a span {
      font-size: clamp(1.4rem, 3.5vw, 1.6rem); }

.personal-form_styles .personal-form__wrapper__input_confirm {
  margin-top: clamp(3rem, 3.5vw, 4rem); }
.personal-form_styles .errors-results {
  margin-top: 0; }
.personal-form_styles .choose_activity {
  margin-bottom: clamp(2rem, 3.5vw, 3rem);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
  gap: 30px; }
.personal-form_styles .brand-radio__title {
  margin-bottom: clamp(1rem, 3.5vw, 1.5rem);
  font-size: clamp(1.4rem, 3.5vw, 1.6rem);
  line-height: normal;
  font-weight: 700; }
.personal-form_styles .brand-radio__control {
  align-items: center;
  display: flex;
  gap: 5px; }
  .personal-form_styles .brand-radio__control .brand-radio__text {
    font-size: clamp(1.4rem, 3.5vw, 1.6rem);
    line-height: normal; }
  .personal-form_styles .brand-radio__control label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer; }
  .personal-form_styles .brand-radio__control input[type="radio"] {
    appearance: none;
    width: 2rem;
    height: 2rem;
    border: 2px solid #dee2e6;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; }
    .personal-form_styles .brand-radio__control input[type="radio"]:hover {
      border-color: var(--orange-color);
      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; }
  .personal-form_styles .brand-radio__control input[type="checkbox"] {
    appearance: none;
    width: 2rem;
    height: 2rem;
    border: 2px solid #dee2e6;
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    flex-shrink: 0; }
    .personal-form_styles .brand-radio__control input[type="checkbox"]:hover {
      border-color: var(--orange-color);
      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; }
  .personal-form_styles .brand-radio__control input[type="checkbox"]:checked {
    background-color: var(--orange-color);
    border-color: var(--orange-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
  .personal-form_styles .brand-radio__control input[type="radio"]:checked {
    background-color: var(--orange-color);
    border-color: var(--orange-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat; }
  .personal-form_styles .brand-radio__control input:disabled {
    opacity: 0.5;
    cursor: not-allowed; }
  .personal-form_styles .brand-radio__control input:disabled + span {
    opacity: 0.5;
    cursor: not-allowed; }
.personal-form_styles .brand-radio__control-wrapper {
  display: flex;
  gap: 20px; }
.personal-form_styles .groups {
  margin-bottom: clamp(2rem, 3.5vw, 3rem);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
  column-gap: 30px;
  row-gap: 10px; }
  .personal-form_styles .groups .title {
    grid-column: 1 / -1; }

.number_error_page .number_error_page_item p {
  color: var(--orange-color);
  font-size: clamp(7rem, 12vw, 18rem);
  font-weight: 700;
  text-align: center;
  line-height: normal; }
.number_error_page .info {
  margin-top: clamp(2rem, 3.5vw, 4rem); }
  .number_error_page .info p {
    font-size: clamp(1.4rem, 2.5vw, 2rem);
    text-align: center;
    color: var(--black-color);
    line-height: normal; }

body::-webkit-scrollbar {
  width: 4px; }
body::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 0; }
body::-webkit-scrollbar-thumb {
  background: var(--orange-color);
  border-radius: 5px; }
body::-webkit-scrollbar-thumb:hover {
  background: #777; }

header {
  transition: all 0.6s ease-in-out; }

header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: transparent;
  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
  padding: 20px 0;
  margin: 0;
  transform: translateY(0);
  animation: slideDown 0.5s ease-in-out;
  padding-top: 10px; }

.desktop.fixed .header_info {
  display: none; }
.desktop.fixed .header_main {
  margin-top: 0; }
.desktop.fixed .logo {
  max-width: 7%; }

@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }
.personal_status .step.completed .step-circle:before {
  content: '';
  display: block;
  width: 178px;
  background: #02a529;
  height: 4px;
  left: -78px;
  position: absolute;
  bottom: -12px;
  border-radius: 50px; }

.personal_status .step.active .step-circle:before {
  content: '';
  display: block;
  width: 178px;
  background: var(--orange-color);
  height: 4px;
  left: -78px;
  position: absolute;
  bottom: -12px;
  border-radius: 50px; }

.close_reg.modal#regis .modal-dialog {
  max-width: 500px; }

.close_reg.modal#regis .modal-header {
  margin-bottom: 0; }

svg.b24-crm-button-icon {
  width: unset; }

.brand-timer__time.timer {
  display: flex; }

.banner__section {
  display: flex;
  align-items: center;
  gap: 2%; }
  @media (max-width: 799px) {
    .banner__section {
      flex-direction: column;
      gap: 2rem; } }
.banner__block {
  width: 49%;
  position: relative; }
  @media (max-width: 799px) {
    .banner__block {
      width: 100%; } }
.banner__back {
  height: 50rem;
  overflow: hidden; }
  @media (min-width: 800px) and (max-width: 1280px) {
    .banner__back {
      height: 36.5rem; } }
  @media (max-width: 799px) {
    .banner__back {
      height: 36rem; } }
  @media (max-width: 600px) {
    .banner__back {
      height: 26rem; } }
  .banner__back-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 1rem; }
.banner__info {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5rem; }
  @media (max-width: 600px) {
    .banner__info {
      left: 3rem; } }
@media (max-width: 600px) {
  .banner .white_button a {
    padding: 7px 20px;
    font-size: 12px; } }
.banner__title {
  font-size: clamp(2rem, 3vw, 5rem);
  color: #ffffff;
  margin-bottom: 4rem;
  width: 80%; }
  @media (max-width: 600px) {
    .banner__title {
      width: 75%;
      margin-bottom: 2rem; } }
.banner__slider {
  width: 49%;
  position: relative; }
  @media (max-width: 799px) {
    .banner__slider {
      width: 100%; } }
  .banner__slider .swiper-slide {
    height: 50rem; }
    .banner__slider .swiper-slide img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
      border-radius: 1rem; }
    @media (min-width: 800px) and (max-width: 1280px) {
      .banner__slider .swiper-slide {
        height: 36.5rem; } }
    @media (max-width: 799px) {
      .banner__slider .swiper-slide {
        height: 36rem; } }
    @media (max-width: 600px) {
      .banner__slider .swiper-slide {
        height: 26rem; } }
.banner__buttons {
  display: flex;
  gap: 1rem;
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  z-index: 10; }
  @media (max-width: 600px) {
    .banner__buttons {
      position: relative;
      left: unset;
      transform: unset;
      bottom: unset;
      margin-top: 2rem;
      justify-content: center; }
      .banner__buttons svg {
        width: 50px; } }
  .banner__buttons .disabled {
    opacity: 0.5;
    cursor: default; }

.marquee-container {
  width: 100%;
  overflow: hidden;
  background: var(--orange-color);
  padding: 8px 0;
  position: relative;
  margin-top: 5rem; }

.marquee-content {
  display: flex;
  align-items: center;
  white-space: nowrap; }

.marquee-item {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 2rem; }

.marquee-text {
  color: white;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap; }

.marquee-icon {
  flex-shrink: 0;
  margin: 0 10px; }

.select_awards label {
  height: 62px; }
.select_awards .form-select {
  height: 100px; }

.input_item__textarea {
  resize: none; }

@media (max-width: 1416px) {
  .stages .stages_items {
    overflow-x: scroll;
    overflow-y: hidden;
    flex-wrap: nowrap;
    gap: 20px;
    background: linear-gradient(to right, transparent 40px, var(--orange-color) 40px, var(--orange-color) calc(100% - 40px), transparent calc(100% - 40px));
    background-position: 0 86px;
    background-size: 100% 4px;
    background-repeat: no-repeat;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    padding-bottom: 20px;
    scrollbar-width: none;
    -ms-overflow-style: none; }

  .stages .stages_items:before {
    display: none; }

  .stages .stage_item {
    max-width: 21%; } }
@media (max-width: 1440px) {
  .stages .stages_items:before {
    top: 37%;
    transform: translateY(37%); } }
@media (max-width: 1280px) {
  .desktop .header_info .header_info_contact_item span {
    font-size: 14px; }

  .join .join_body p {
    font-size: 14px; }

  .join .join_head h4 {
    font-size: 16px; }

  .training .training_title_block .icon {
    max-width: 12%; }

  .training .training_title_block .title {
    max-width: 83%; }

  .banner .banner_back {
    height: 463px; }

  .banner .banner_image {
    width: 35%; } }
@media (max-width: 1148px) {
  .stages .stage_item {
    max-width: 26%; } }
@media (max-width: 1024px) {
  header.desktop {
    display: none; }

  header.mobile .header_info_item.eye {
    display: none; }

  .mobile.fixed {
        /*.header_info {
            display: none;
        }

        .header_main {
            margin-top: 0;
        }*/ }
    .mobile.fixed .row {
      padding: 1rem 2rem; }
    .mobile.fixed .logo {
      max-width: 10%; }

  header.mobile {
    display: block; }
    header.mobile .row {
      background: var(--orange-color);
      padding: 20px;
      border-radius: 10px; }
    header.mobile .logo {
      width: 100%;
      max-width: 15%;
      flex: 1 0 auto;
      display: flex; }
      header.mobile .logo a {
        display: flex; }
    header.mobile .buttons_mobile {
      width: 100%;
      max-width: max-content;
      flex: 1 0 auto; }
    header.mobile .buttons_mobile {
      display: flex;
      gap: 15px;
      align-items: center; }
    header.mobile .header_main_buttons_account button {
      padding: 10px;
      background: var(--white-color);
      border-radius: 5px;
      width: 48px;
      height: 48px; }
      header.mobile .header_main_buttons_account button path {
        stroke: var(--orange-color); }
    header.mobile .click_menu {
      padding: 30px; }
    header.mobile .logo.orange {
      width: 100%;
      max-width: 45%;
      flex: 1 0 auto;
      margin: auto;
      padding-bottom: 30px; }
    header.mobile .header_info_contacts {
      border-top: 1px solid rgba(225, 223, 223, 0.8);
      padding-top: 30px;
      margin-top: 30px; }
    header.mobile .header_main_menu {
      border-top: 1px solid rgba(225, 223, 223, 0.8);
      padding-top: 30px; }
      header.mobile .header_main_menu li:not(:last-child) {
        margin-bottom: 20px; }
      header.mobile .header_main_menu a {
        text-align: center;
        color: var(--black-color);
        font-size: 14px;
        line-height: normal;
        text-transform: uppercase; }
    header.mobile .header_info_contacts {
      padding-bottom: 30px; }
    header.mobile .header_info_contact_item:not(:last-child) {
      margin-bottom: 15px; }
    header.mobile .header_info_contact_item a {
      display: flex;
      align-items: center;
      gap: 10px;
      justify-content: center; }
    header.mobile .header_info_contact_item span {
      color: var(--black-color);
      font-size: 14px; }
    header.mobile .header_info_contact_item .icon {
      width: 24px;
      height: 24px; }
    header.mobile .header_info_networks {
      border-top: 1px solid rgba(225, 223, 223, 0.8);
      padding-top: 30px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 30px; }
    header.mobile .header_info_item a {
      display: flex;
      flex-direction: column;
      gap: 5px;
      align-items: center; }
    header.mobile .header_info_item svg {
      width: 40px;
      height: 40px; }
    header.mobile .header_info_item span {
      font-size: 16px;
      color: var(--black-color); }
    header.mobile .header_info_item.eye {
      width: 100%; }
      header.mobile .header_info_item.eye a {
        flex-direction: row;
        align-items: center;
        background: var(--orange-color);
        padding: 7px 15px;
        border-radius: 5px;
        width: max-content;
        margin: auto; }
      header.mobile .header_info_item.eye span {
        color: var(--white-color); }
      header.mobile .header_info_item.eye svg {
        width: 24px;
        height: 24px; }
        header.mobile .header_info_item.eye svg path {
          stroke: var(--white-color); }

  .banner .banner_back_info {
    padding: 0 30px; }

  .banner .info p {
    font-size: 16px; }

  .banner .info {
    margin-bottom: 30px; }

  .white_button a {
    padding: 10px 25px; }

  .about_pro .president__block .info p {
    font-size: 14px; }

  .about_pro .governor__block .governor_info .info p {
    font-size: 14px; }

  .about_pro .governor_advantages h4, .about_pro .conditions_list h4 {
    font-size: 18px; }

  .about_pro .governor_advantages .advantage .title h5 {
    font-size: 14px; }

  .about_pro .governor_advantages .advantage .info p {
    font-size: 14px; }

  .about_pro .governor_advantages .advantage .icon {
    width: 13%; }

  .about_pro .governor__block .governor_image .name h4 {
    font-size: 18px; }

  .about_pro .governor__block .governor_image .quote p {
    font-size: 14px;
    font-weight: 400; }

  .stages .important {
    width: 100%; }

  .stages .stages_items {
    overflow-x: scroll;
    overflow-y: hidden;
    flex-wrap: nowrap;
    gap: 20px;
    background: linear-gradient(to right, transparent 40px, var(--orange-color) 40px, var(--orange-color) calc(100% - 40px), transparent calc(100% - 40px));
    background-position: 0 76px;
    background-size: 100% 4px;
    background-repeat: no-repeat;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    padding-bottom: 20px;
    /* Скрываем стандартный скроллбар для мобильных */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE/Edge */ }
    .stages .stages_items:before {
      display: none; }
    .stages .stages_items::-webkit-scrollbar {
      display: none; }

  .stages .stage_item {
    max-width: 28%; }

  .stages .stage_item h3 {
    margin-bottom: 30px; }

  .join .join_item_place .title, .join .join_item_date .title {
    display: block; }
  .join .join_item_place h5, .join .join_item_date h5 {
    font-size: 14px;
    margin-bottom: 10px; }

  .join .join_body .join_item_date p {
    font-weight: 400; }

  .join .join_head {
    display: none; }

  .join .join_item_icon {
    max-width: 5%; }

  .join .join_item_stages {
    max-width: 93%; }

  .join .join_item_place {
    max-width: 15%;
    margin-top: 20px;
    margin-left: 60px; }

  .join .join_item_date {
    max-width: 20%;
    margin-right: auto;
    margin-top: 20px; }

  .join .join_body:nth-child(2) {
    padding-top: 0; }

  .join .join_body:not(:last-child) {
    border-bottom: 2px solid rgba(225, 223, 223, 0.5); }

  .join .orange_button {
    margin-top: 30px; }

  .training .header_content .info {
    width: 100%; }

  .training .training_title_block .icon {
    max-width: 10%; }

  .training .training_title_block .title {
    max-width: 87%; }

  .training .orange_button {
    margin-top: 30px; }

  .statistics .info p {
    font-size: 14px;
    margin-top: 10px; }

  .questions .accordion-body {
    font-size: 14px; }

  footer .footer_col_buttons .footer_button .icon {
    width: 22px;
    height: 22px;
    display: flex; }

  footer .footer_col_buttons .footer_button span {
    font-size: 14px; }

  .statistics .statistics_items:nth-child(2) {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 2px solid rgba(225, 223, 223, 0.5); }

  footer .footer_col_buttons .footer_button a {
    padding: 9px 15px; }

  .personal_account .personal_account_block {
    position: relative; }

  .personal_account .personal_account_block {
    grid-template-columns: 1fr;
    gap: 50px; }

  .personal_account .sidebar.personal_account_menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    z-index: 1000;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    padding: 10px; }

  .personal_account .nav {
    flex-direction: row;
    justify-content: space-between;
    gap: 0; }

  .personal_account .nav .nav-link {
    width: 24%; }

  .personal_account .nav .nav-link:before {
    display: none; }

  .personal_account .nav .nav-link {
    padding: 10px;
    border-radius: 10px;
    font-size: 14px;
    text-align: center; }

  .personal_account .info_test {
    gap: 30px;
    justify-content: space-between;
    width: 100%; }

  .personal_account .first {
    gap: 30px; }

  .personal_account .second {
    column-gap: 30px; }

  .personal_result.expert_table .result_head {
    display: none; }

  .personal_result.expert_table .personal_result_content h5 {
    display: block;
    margin-bottom: 7px; }

  .training .training_item {
    width: 47%; } }
@media (max-width: 900px) {
  footer .footer_top {
    grid-template-columns: 1fr 2fr; }

  footer .footer_col_buttons {
    grid-column: span 2;
    align-items: center; }

  footer .logo {
    width: 40%; }

  footer .footer_bottom .footer_consent {
    text-align: center; }

  .personal_result .personal_result_content h5 {
    display: block;
    margin-bottom: 7px; }

  .personal_result.expert_table .result_head {
    display: none; }

  .personal_result.expert_table .personal_result_content {
    width: 32%;
    flex-direction: column;
    align-items: unset; }

  .personal_result.expert_table .personal_result_content > * {
    width: 100%; }

  .personal_result.expert_table .result_head_item:not(:last-child) {
    margin-bottom: 15px; }

  .personal_result.expert_table .personal_result_table {
    display: flex;
    flex-wrap: wrap;
    gap: 2%; } }
@media (max-width: 872px) {
  .stages .stage_item {
    max-width: 30%; } }
@media (max-width: 834px) {
  .stages .stage_item {
    max-width: 37%; }

  .join .join_item_place {
    margin-left: 50px;
    max-width: 20%; }

  .join .join_item_date {
    max-width: 40%; }

  .join .join_item_icon {
    max-width: 6%; }

  .join .join_item_stages {
    max-width: 92%; } }
@media (max-width: 768px) {
  .stages .stage_item {
    max-width: 59%; }

  .statistics .region {
    width: 100%;
    max-width: 49%;
    flex: 1 0 auto; }

  .statistics .statistics_items:nth-child(2) {
    row-gap: 30px; }

  footer .footer_top {
    grid-template-columns: 1fr; }

  footer .footer_col_buttons {
    grid-column: 1;
    border-top: 1px solid rgba(225, 223, 223, 0.5);
    padding-top: 30px; }

  footer .logo {
    width: 30%;
    margin: auto; }

  footer .footer_contacts a {
    justify-content: center; }

  footer .footer_col_menu {
    display: flex;
    gap: 50px;
    justify-content: center;
    border-top: 1px solid rgba(225, 223, 223, 0.5);
    padding-top: 30px; }

  footer .footer_top {
    border-bottom: 1px solid rgba(225, 223, 223, 0.5); }

  .personal_account .image {
    height: 330px; }

  .personal_result .personal_result_content {
    flex-direction: column; }

  .personal_result_table {
    display: flex;
    flex-wrap: wrap;
    gap: 2%; }

  .personal_result .personal_result_content {
    width: 32%; }

  .personal_result .personal_result_stage.test .personal_result_content {
    width: 49%; }

  .personal_result .result_foot {
    width: 100%; }

  .personal_result .result_head_item:not(:last-child) {
    margin-bottom: 15px; }

  .personal_result .personal_result_content h5 {
    display: block;
    margin-bottom: 5px; }

  .personal_result .personal_result_content > * {
    width: 100%; }

  .personal_result .result_foot .comment, .personal_result .result_foot .max_bal {
    display: none; }

  .personal_result .result_foot p {
    font-size: 15px; }

  .personal_result .result_foot {
    justify-content: unset; }

  .mobile.fixed .logo {
    max-width: 13%; } }
@media (max-width: 600px) {
  .personal_account .first {
    display: flex;
    flex-direction: column-reverse; }

  .personal_account .first {
    gap: 20px; }

  .personal_account .image {
    height: 560px; }

  .personal_account .personal_account_id p {
    justify-content: center; }

  .personal_account .second {
    column-gap: 20px;
    row-gap: 20px; }
    .personal_account .second .input_item {
      grid-column: 1 / -1; }

  .personal_account .buttons {
    justify-content: center; }
    .personal_account .buttons > * {
      width: 48%; }

  .personal_account .buttons button {
    width: 100%; }

  .personal_result .personal_result_content {
    width: 100%; }

  .personal_result .result_foot {
    justify-content: space-between; }

  .personal_result .personal_result_stage.test .personal_result_content {
    width: 100%; }

  .personal_account .buttons > * {
    width: 100%; }

  .personal_account .buttons {
    justify-content: unset;
    flex-direction: column;
    width: 100%;
    gap: 1rem; }

  .essay .orange_button button {
    width: 100%; }

  .test_section .buttons_test {
    flex-direction: column;
    gap: 1rem; }

  .test_section .orange_button button {
    width: 100%; }

  .test_section .test-submit_finish {
    width: 100%; }

  .essay_detail .essay_rating {
    flex-direction: column;
    gap: 20px; }

  .essay.essay_detail .orange_button {
    margin-top: 0;
    width: 100%; }

  .video_card_detail .orange_button {
    width: 100%; }
    .video_card_detail .orange_button button {
      width: 100%; }

  .expert .brand-form {
    flex-direction: column; }

  .expert .brand-input__field {
    width: 100%; }

  .expert .submit-btn {
    width: 100%; }

  .personal_result.expert_table .personal_result_content {
    width: 100%;
    flex-direction: column;
    align-items: unset; }

  .training .training_item {
    width: 100%; }

  .video_card_detail .orange_button button {
    width: 100%; }

  .video_card_detail .input-box label {
    width: 100%; }
    .video_card_detail .input-box label span {
      width: 100%; }

  .expert .buttons {
    grid-column: 1 / -1; }

  .expert .buttons .button {
    width: 100%; }

  .expert .buttons a.btn.btn-outline-secondary.white-btn {
    width: 100%;
    justify-content: center; }

  .expert .buttons {
    gap: 10px;
    flex-direction: column; }

  .mobile.fixed .logo {
    max-width: 18%; } }
@media (max-width: 460px) {
  .about_pro .governor_advantages .advantage {
    max-width: 100%; }

  .mobile.fixed .logo {
    max-width: 25%; }

  .join .join_items {
    flex-direction: column;
    gap: 15px; }

  .join .join_item_icon {
    max-width: 14%; }

  .join .join_item_stages, .join .join_item_place, .join .join_item_date {
    max-width: 100%; }

  .contest .contest_button button {
    width: 100%; }

  .stages .title_block .logo {
    max-width: 30%; }

  .personal_account .buttons {
    justify-content: unset;
    flex-direction: column;
    width: 100%;
    gap: 1rem; }

  .personal_account .buttons > * {
    width: 100%; }

  .personal_account .nav .nav-link {
    padding: 8px;
    font-size: 10px; }

  .personal_account .image {
    height: 420px; }

  .personal_status .status-line, .personal_status .status-progress {
    height: 2px; }

  .essay .essay_rules {
    padding: 20px 15px; } }
@media (max-width: 440px) {
  .stages .stage_item {
    max-width: 61%; }

  .stages .important {
    padding: 10px; }

  .join .join_items {
    flex-direction: column;
    gap: 15px; }

  .join .join_item_icon {
    max-width: 14%; }

  .join .join_item_stages {
    max-width: 100%; }

  .join .join_item_place {
    margin: 0;
    max-width: 100%; }

  .join .join_item_date {
    max-width: 100%;
    margin: 0; }

  .statistics .statistics_items {
    row-gap: 20px; }

  .statistics .info_item {
    max-width: 100%; }

  .statistics .statistics_items:nth-child(2) {
    row-gap: 20px; }

  .statistics .region {
    max-width: 100%; }

  .about_pro .president__block .icon, .about_pro .governor__block .governor_image .icon {
    max-width: 7%; }

  .about_pro .president__block .info, .about_pro .governor__block .governor_image .quote {
    max-width: 90%; }

  footer .footer_col_menu {
    gap: 30px;
    flex-direction: column; }

  .footer_menu_item {
    text-align: center; }

  header.mobile .logo {
    max-width: 28%; }

  header .row {
    align-items: center; }

  header.mobile .buttons_mobile {
    max-width: max-content; }

  .mobile .click_menu {
    width: 440px;
    left: -440px; }

  #nav-icon6.open span:before {
    background-color: var(--orange-color); }

  #nav-icon6.open span:after {
    background-color: var(--orange-color); }

  .button_menu_mobile.active {
    border: 1px solid var(--orange-color);
    z-index: 16; }

  .mobile .click_menu.active {
    left: 0; }

  .banner .banner_back {
    height: 470px; }

  .banner .banner_back_info {
    justify-content: flex-start;
    margin-top: 50px;
    align-items: center; }

  .banner .banner_image {
    width: 90%;
    margin: auto;
    left: 0;
    right: 0; }

  .modal .modal-content {
    border-radius: 0;
    min-height: 100vh;
    border: none; }

  .modal .modal-dialog {
    margin: 0;
    max-width: none; }

  .modal .modal-content {
    padding: 20px;
    border-radius: 0;
    height: 100%; }

  .modal .checkbox-item label {
    gap: 0;
    flex-direction: column; }

  #regis .button button {
    width: 100%; }

  .container {
    padding: 0 10px; }

  .personal_status .info-panel p {
    display: flex;
    flex-direction: column; } }
@media (max-width: 428px) {
  .mobile .click_menu {
    width: 428px;
    left: -428px; }

  .personal_account .image {
    height: 408px; } }
@media (max-width: 414px) {
  .mobile .click_menu {
    width: 414px;
    left: -414px; }

  .personal_status .step.active .step-circle:before {
    content: '';
    display: block;
    width: 80px;
    background: var(--orange-color);
    height: 2px;
    left: -33px;
    position: absolute;
    bottom: -12px;
    border-radius: 50px; }

  .personal_status .step.completed .step-circle:before {
    content: '';
    display: block;
    width: 80px;
    background: #02a529;
    height: 2px;
    left: -33px;
    position: absolute;
    bottom: -12px;
    border-radius: 50px; } }
@media (max-width: 412px) {
  .mobile .click_menu {
    width: 412px;
    left: -412px; } }
@media (max-width: 390px) {
  header.mobile .header_main_buttons_account button, .button_menu_mobile {
    width: 40px;
    height: 40px; }

  .mobile .click_menu {
    width: 390px;
    left: -390px; }

  .personal_account .image {
    height: 370px; } }
@media (max-width: 375px) {
  .mobile .click_menu {
    width: 375px;
    left: -375px; }

  .personal_account .image {
    height: 355px; } }
@media (max-width: 360px) {
  .mobile .click_menu {
    width: 360px;
    left: -360px; }

  .personal_account .image {
    height: 340px; } }

/*# sourceMappingURL=main.css.map */