@charset "UTF-8";
* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  min-height: 100vh;
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  background-color: #ffffff;
  color: #161B28;
  font-family: "Open Sans", sans-serif;
}
html.overflow_hidden,
body.overflow_hidden {
  overflow: hidden;
}

h1 {
  font-size: 4.5rem;
  line-height: 5rem;
  margin: 0;
  margin-bottom: 3.5rem;
  text-align: center;
}
@media all and (max-width: 768px) {
  h1 {
    font-size: 2.5rem;
    line-height: 3.5rem;
    margin-bottom: 2rem;
  }
}

h2 {
  font-size: 3.5rem;
  line-height: 5rem;
  margin: 0;
  margin-bottom: 2rem;
}
@media all and (max-width: 768px) {
  h2 {
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 1.5rem;
  }
}

h3 {
  font-size: 3rem;
  line-height: 4rem;
  margin: 0;
  margin-bottom: 2.5rem;
}
@media all and (max-width: 768px) {
  h3 {
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 2rem;
  }
}

h4 {
  font-size: 2rem;
  line-height: 2.5rem;
  margin: 0;
  margin-bottom: 1.5rem;
}
@media all and (max-width: 768px) {
  h4 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }
}

h5 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0;
  margin-bottom: 1.5rem;
}

p {
  margin: 0;
  font-size: 1.5rem;
  line-height: 2rem;
}

.row {
  display: flex;
}

.col {
  display: flex;
  flex-direction: column;
}

.btn, .btn_round, .btn_play, .btn_outline, .btn_secondary, .btn_main {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline-width: 0;
  background-color: transparent;
  flex-shrink: 0;
  text-decoration: none;
  cursor: pointer;
  margin: 0;
  padding: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  min-height: 5rem;
}
.btn_main, .btn_play {
  color: #ffffff;
  padding: 1.4rem 3.5rem 1.6rem;
  border-radius: 2.5rem;
  transition: all 0.2s ease-out;
  fill: #ffffff;
  background-color: #FF623F;
}
.btn_main:hover, .btn_play:hover {
  background-color: #F74A23;
  transition: all 0.2s ease-in;
}
.btn_main:active, .btn_play:active {
  background-color: #FF8368;
  transition: all 0.2s ease-in;
}
.btn_main_red {
  background-color: #D03030;
}
.btn_main_red:hover {
  background-color: rgba(208, 48, 48, 0.8);
  transition: all 0.2s ease-in;
}
.btn_main_red:active {
  background-color: #d03030;
  transition: all 0.2s ease-in;
}
.btn_main_green {
  background-color: #36A27B;
}
.btn_main_green:hover {
  background-color: rgba(54, 162, 123, 0.8);
  transition: all 0.2s ease-in;
}
.btn_main_green:active {
  background-color: #36a27b;
  transition: all 0.2s ease-in;
}
.btn_main_yellow {
  background-color: #FCBD08;
}
.btn_main_yellow:hover {
  background-color: rgba(252, 189, 8, 0.8);
  transition: all 0.2s ease-in;
}
.btn_main_yellow:active {
  background-color: #fcbd08;
  transition: all 0.2s ease-in;
}
.btn_secondary {
  background-color: #FFE8E2;
  color: #161B28;
  padding: 1.4rem 3.5rem 1.6rem;
  border-radius: 2.5rem;
  transition: all 0.2s ease-out;
}
.btn_secondary:hover {
  background-color: #FFCFC3;
  transition: all 0.2s ease-in;
}
.btn_secondary:active {
  background-color: #FFF2EF;
  transition: all 0.2s ease-in;
}
.btn_outline {
  background-color: transparent;
  color: #161B28;
  padding: 1.4rem 3.5rem 1.6rem;
  border-radius: 2.5rem;
  border: 1px solid #FF623F;
  transition: all 0.2s ease-out;
}
.btn_outline:hover {
  border-color: #F74A23;
  background-color: #F74A23;
  color: #ffffff;
  transition: all 0.2s ease-in;
}
.btn_outline:active {
  border-color: #FF8368;
  background-color: #FF8368;
  color: #ffffff;
  transition: all 0.2s ease-in;
}
.btn_round, .btn_play {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  padding: 1.5rem;
}
.btn_play {
  padding: 1.4rem;
  width: 5rem;
  height: 5rem;
  border: 3px solid #ffffff;
  box-shadow: 0 0 0 1.5px #FF623F;
}
.btn_play img {
  position: relative;
  left: 0.1rem;
}
.btn_play:hover {
  border-color: #F74A23;
  box-shadow: 0 0 0 1.5px #F74A23;
  transition: all 0.2s ease-in;
}
.btn_play:active {
  border-color: #ffffff;
  box-shadow: 0 0 0 1.5px #FF8368;
  background-color: #FF8368;
  transition: all 0.2s ease-in;
}
.btn_arrow:hover {
  color: #F74A23;
  fill: #F74A23;
  transition: all 0.2s ease-in;
}
.btn_arrow:active {
  color: #FF8368;
  fill: #FF8368;
  transition: all 0.2s ease-in;
}
.btn_arrow .btn__icon {
  width: 1.6rem;
  height: 0.8rem;
}
.btn_arrow_left .btn__icon {
  margin-right: 1.6rem;
}
.btn_time {
  padding: 0;
  min-height: auto;
}
.btn_forgot-password {
  color: rgba(22, 27, 40, 0.5);
}

.checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 1.5rem;
}
.checkbox__label {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.5rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.4rem;
  border: 1px solid rgba(22, 27, 40, 0.3);
  background-color: #ffffff;
  position: relative;
  cursor: pointer;
  transition: all 0.1s ease-out;
}
.checkbox__icon {
  width: 1.2rem;
  height: 1rem;
  fill: none;
  transition: all 0.1s ease-out;
}
.checkbox__input {
  display: none;
}
.checkbox__input:checked + .checkbox__label {
  background-color: #FF623F;
  border-color: #FF623F;
  transition: all 0.1s ease-in;
}
.checkbox__input:checked + .checkbox__label .checkbox__icon {
  fill: #ffffff;
  transition: all 0.1s ease-in;
}

.radio-btn {
  display: inline-block;
}
.radio-btn__label {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid rgba(22, 27, 40, 0.3);
  border-radius: 50%;
  position: relative;
  background-color: #ffffff;
  transition: all 0.1s ease-out;
}
.radio-btn__label::before {
  content: "";
  display: block;
  width: 1.3rem;
  height: 1.3rem;
  background-color: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.1s ease-out;
}
.radio-btn__input {
  display: none;
}
.radio-btn__input:checked + .radio-btn__label {
  border-color: #FF623F;
  transition: all 0.1s ease-in;
}
.radio-btn__input:checked + .radio-btn__label::before {
  transition: all 0.1s ease-in;
  background-color: #FF623F;
}

.link, .article a, .project_storie .project__info-factoids a, .project_violetion .project__info-factoids a, .nav a {
  text-decoration: none;
  color: #FF623F;
  transition: all 0.2s ease-out;
}
.link:hover, .article a:hover, .project_storie .project__info-factoids a:hover, .project_violetion .project__info-factoids a:hover, .nav a:hover, .link:active, .article a:active, .project_storie .project__info-factoids a:active, .project_violetion .project__info-factoids a:active, .nav a:active, .link:visited, .article a:visited, .project_storie .project__info-factoids a:visited, .project_violetion .project__info-factoids a:visited, .nav a:visited {
  transition: all 0.2s ease-in;
}
.link:hover, .article a:hover, .project_storie .project__info-factoids a:hover, .project_violetion .project__info-factoids a:hover, .nav a:hover {
  color: #F74A23;
}
.link:active, .article a:active, .project_storie .project__info-factoids a:active, .project_violetion .project__info-factoids a:active, .nav a:active {
  color: #FF8368;
}
.link:focus, .article a:focus, .project_storie .project__info-factoids a:focus, .project_violetion .project__info-factoids a:focus, .nav a:focus {
  color: #FF623F;
}
.link_decorated, .article a {
  text-decoration: underline;
}

.page {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  position: relative;
}
.page_auth {
  justify-content: flex-start;
}
.page_auth .page__bg {
  max-width: 50%;
  height: 100%;
  object-fit: cover;
}
@media all and (max-width: 1000px) {
  .page_auth .page__bg {
    display: none;
    max-width: 100%;
    height: auto;
  }
}
@media all and (max-width: 768px) {
  .page_auth .page__bg_mobile {
    display: block;
  }
}
.page_auth .page__wrapper {
  max-width: 50%;
}
@media all and (max-width: 1000px) {
  .page_auth .page__wrapper {
    max-width: 100%;
  }
}
.page_auth .page__content {
  max-width: 35rem;
  margin: 0 auto;
  justify-content: center;
}
@media all and (max-width: 1210px) {
  .page_auth .page__content {
    padding: 4rem 0 4rem;
  }
}
@media all and (max-width: 450px) {
  .page_auth .page__content {
    padding: 4rem 2rem;
  }
}
.page_auth .header {
  max-width: 35rem;
  margin: 0 auto;
}
@media all and (max-width: 650px) {
  .page_main .page__content, .page_projects .page__content, .page_hall-of-fame .page__content {
    padding: 5rem 0;
  }
}
.page_404 .btn, .page_404 .btn_main, .page_404 .btn_secondary, .page_404 .btn_outline, .page_404 .btn_round, .page_404 .btn_play {
  font-weight: 600;
}
.page_404 .page__wrapper {
  padding-bottom: 2.5rem;
}
@media all and (max-width: 1200px) {
  .page_404 .page__wrapper {
    padding-bottom: 1.5rem;
    min-height: 100vh;
  }
}
@media all and (max-width: 450px) {
  .page_projects-category .card_news, .page_projects-category .card_detective, .page_projects .card_news, .page_projects .card_detective {
    max-width: 100%;
    width: 100%;
  }
}
@media all and (max-width: 450px) {
  .page_projects-category .card_news p, .page_projects-category .card_detective p, .page_projects .card_news p, .page_projects .card_detective p {
    max-height: 10rem;
  }
}
@media all and (max-width: 650px) {
  .page_projects-category .section:last-child, .page_projects .section:last-child {
    margin-top: 4rem;
  }
}
@media all and (max-width: 450px) {
  .page_stories .section_stories .card_news, .page_stories .section_stories .card_detective {
    max-width: 100%;
    width: 100%;
  }
}
@media all and (max-width: 450px) {
  .page_stories .section_stories .card_news p, .page_stories .section_stories .card_detective p {
    max-height: 10rem;
  }
}
@media all and (max-width: 650px) {
  .page_hall-of-fame .page__desc {
    padding: 0 2rem;
  }
}
@media all and (max-width: 650px) {
  .page_hall-of-fame .page__desc {
    margin-bottom: 4rem;
  }
}
.page_register .page__content {
  width: 100%;
  max-width: 57rem;
  margin: 0 auto;
  padding-bottom: 0;
}
@media all and (max-width: 570px) {
  .page_register .page__content {
    max-width: 100%;
  }
}
.page_register .page__wrapper {
  padding-bottom: 5rem;
  min-height: auto;
}
@media all and (max-width: 450px) {
  .page_register .page__wrapper {
    padding-bottom: 4rem;
  }
}
.page_auth .page__wrapper {
  padding-bottom: 2rem;
  min-height: auto;
}
@media all and (max-width: 450px) {
  .page_auth .page__wrapper {
    padding-bottom: 0;
  }
}
@media all and (display-mode: fullscreen) {
  .page_video-fragment .header, .page_video-fragment .footer, .page_video-fragment .video-fragment__sidebar, .page_video-fragment h1 {
    display: none;
  }
  .page_video-fragment .video-fragment__player {
    margin-right: 0;
  }
}
@media all and (display-mode: fullscreen) and (max-width: 450px) {
  .page_video-fragment .video-fragment__player-video {
    width: 100vw;
    left: -2rem;
    border-radius: 0;
  }
}
@media all and (display-mode: fullscreen) {
  .page_video-fragment .page__wrapper {
    padding-bottom: 0;
    min-height: auto;
  }
}
.page__desc {
  margin: 0 auto;
  text-align: center;
  max-width: 69rem;
  margin-bottom: 3.5rem;
}
@media all and (max-width: 650px) {
  .page__desc {
    margin-bottom: 2rem;
  }
}
.page__bg {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
@media all and (max-width: 768px) {
  .page__bg {
    display: none;
  }
}
.page__bg_mobile {
  display: none;
}
@media all and (max-width: 768px) {
  .page__bg_mobile {
    display: block;
  }
}
.page__wrapper {
  width: 100%;
  max-width: 117rem;
  min-height: 100vh;
  padding: 0 0 39rem;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 1350px) {
  .page__wrapper {
    padding: 1.5rem 0 39rem;
  }
}
@media all and (max-width: 1200px) {
  .page__wrapper {
    padding-bottom: 91rem;
    min-height: calc(100vh + 70rem);
  }
}
@media all and (max-width: 1050px) {
  .page__wrapper {
    padding: 1.5rem 0 91rem;
  }
}
@media all and (max-width: 768px) {
  .page__wrapper {
    padding: 1.5rem 0 91rem;
  }
}
.page__content {
  padding: 5rem 0 8rem;
  flex-grow: 2;
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 1210px) {
  .page__content {
    padding: 5rem 2rem 4rem;
  }
}

.logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  z-index: 101;
  text-decoration: none;
  color: #161B28;
}
.logo__label {
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media all and (max-width: 768px) {
  .logo__label {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.logo__icon {
  width: 0.7rem;
  height: 6.3rem;
  margin: 0 0.5rem 0 1rem;
}
@media all and (max-width: 768px) {
  .logo__icon {
    width: 0.6rem;
    height: 4.6rem;
  }
}
.logo__desc {
  font-size: 1.2rem;
  line-height: 1.5rem;
  width: 100%;
  max-width: 13rem;
  font-weight: 600;
}
@media all and (max-width: 768px) {
  .logo__desc {
    font-size: 0.9rem;
    max-width: 10rem;
    line-height: 1.4;
  }
}

.header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: stretch;
  user-select: none;
  min-height: 11rem;
  flex-shrink: 0;
}
@media all and (max-width: 1350px) {
  .header {
    min-height: auto;
    align-items: center;
  }
}
@media all and (max-width: 1200px) {
  .header {
    padding: 0 2rem;
  }
}
.header__column {
  display: flex;
  flex-direction: column;
  position: relative;
}

.nav {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.nav_header {
  font-size: 2rem;
  font-weight: 600;
  height: 100%;
  align-items: stretch;
  display: flex;
  margin-right: 7rem;
}
@media all and (max-width: 1350px) {
  .nav_header {
    height: auto;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-right: 0;
    margin-bottom: 6vh;
  }
}
.nav_footer {
  font-size: 1.5rem;
  color: rgba(22, 27, 40, 0.5);
}
.nav_footer:not(:last-child) {
  margin-right: 10rem;
}
@media all and (max-width: 1200px) {
  .nav_footer:not(:last-child) {
    margin-right: 4.5rem;
  }
}
.nav__link {
  flex-shrink: 0;
  position: relative;
}
.nav__link_header {
  display: flex;
  align-items: center;
}
.nav__link_header:not(:last-child) {
  margin-right: 4rem;
}
@media all and (max-width: 1350px) {
  .nav__link_header:not(:last-child) {
    margin-right: 0;
    margin-bottom: 3vh;
  }
}
.nav__link_header.active a {
  color: #FF623F;
}
.nav__link_header.active::before {
  content: "";
  display: block;
  width: 6rem;
  height: 3px;
  background-color: #FF623F;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 1px;
}
@media all and (max-width: 1350px) {
  .nav__link_header.active::before {
    display: none;
  }
}
.nav__link_footer {
  color: #161B28;
  font-weight: 600;
  line-height: 2.5rem;
  margin-top: 2.5rem;
}
.nav a {
  text-decoration: none;
  color: #161B28;
}

.lang-selector {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  position: absolute;
  top: -1.5rem;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media all and (max-width: 1350px) {
  .lang-selector {
    top: auto;
    bottom: -1.4rem;
    left: 50%;
    transform: translate(-50%, 100%);
  }
}
.lang-selector__item {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: 600;
  color: rgba(22, 27, 40, 0.2);
  cursor: pointer;
}
.lang-selector__item:not(:last-child) {
  margin-right: 1rem;
}
.lang-selector__item.active {
  color: rgba(22, 27, 40, 0.6);
}

.main-menu {
  display: flex;
}
.main-menu__btn {
  width: 2.2rem;
  height: 2rem;
  display: none;
  fill: #161B28;
  cursor: pointer;
  position: relative;
  z-index: 101;
  background-image: url("./src/assets/icons/icon_menu.svg");
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 0.2s ease;
}
@media all and (max-width: 1350px) {
  .main-menu__btn {
    display: flex;
  }
}
.main-menu__btn.active {
  background-image: url("./src/assets/icons/icon_close.svg");
  transition: all 0.3s ease;
}
.main-menu__content {
  display: flex;
  align-items: center;
}
@media all and (max-width: 1350px) {
  .main-menu__content {
    flex-direction: column;
    position: fixed;
    z-index: 1;
    top: 0;
    right: -100%;
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    justify-content: center;
    transition: all 0.45s ease-out;
  }
  .main-menu__content.active {
    display: flex;
    right: 0;
    transition: all 0.45s ease-in;
    z-index: 100;
  }
}

.footer {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  background-color: #FFF5F3;
  background: #FFF5F3 url("./src/assets/icons/footer_bg.svg") 100% 100% no-repeat;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}
.footer__content {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  max-width: 117rem;
  padding-top: 4.7rem;
}
@media all and (max-width: 1200px) {
  .footer__content {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 27rem;
    overflow: hidden;
    padding-top: 5.5rem;
  }
}
@media all and (max-width: 768px) {
  .footer__content {
    background: #FFF5F3;
  }
}
.footer__nav {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 6.5rem;
  margin-right: 17rem;
}
@media all and (max-width: 1200px) {
  .footer__nav {
    margin: 0;
    order: 2;
  }
}
.footer__img_calc {
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 36.5rem;
  left: -8.2rem;
}
@media all and (max-width: 1200px) {
  .footer__img_calc {
    left: calc(50% - 3.1rem);
    bottom: -10rem;
    transform: translateX(-50%);
  }
}

.card {
  background-color: #ffffff;
  border-radius: 1.5rem;
  flex-direction: column;
  outline-width: 0;
  text-decoration: none;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 40rem;
  height: auto;
  color: #161B28;
  display: flex !important;
  transition: all 0.3s ease-out;
}
.card_news, .card_detective {
  max-width: 28rem;
  margin: 0.75rem 0;
}
.card_news:not(:last-child), .card_detective:not(:last-child) {
  margin-right: 1.5rem;
}
.card_news:nth-child(4n), .card_detective:nth-child(4n) {
  margin-right: 0;
}
@media all and (max-width: 1210px) {
  .card_news:nth-child(4n), .card_detective:nth-child(4n) {
    margin-right: 1.5rem;
  }
}
@media all and (max-width: 650px) {
  .card_news, .card_detective {
    box-shadow: 0px 0.1rem 1rem rgba(17, 31, 52, 0.1);
  }
}
@media all and (min-width: 650px) {
  .card_news:hover, .card_detective:hover {
    box-shadow: 0px 0.1rem 1rem rgba(17, 31, 52, 0.1);
    transition: all 0.3s ease-in;
  }
  .card_news:hover .btn_arrow, .card_detective:hover .btn_arrow {
    background-color: #FF623F;
  }
  .card_news:hover .btn_arrow .btn__icon, .card_detective:hover .btn_arrow .btn__icon {
    fill: #ffffff;
    transition: all 0.1s ease-in;
  }
}
.card_news h4, .card_detective h4 {
  max-height: 7.5rem;
  overflow: hidden;
}
@media all and (max-width: 768px) {
  .card_news h4, .card_detective h4 {
    max-height: 6rem;
  }
}
.card_news p, .card_detective p {
  max-height: 10rem;
  overflow: hidden;
}
.card_news .card__header, .card_detective .card__header {
  position: relative;
  z-index: 1;
}
.card_news .card__header_bg_green, .card_detective .card__header_bg_green {
  background: #ffffff url("./src/assets/icons/card-cover.svg") center center no-repeat;
  background-size: cover;
}
.card_news .card__header_bg_purple, .card_detective .card__header_bg_purple {
  background: #ffffff url("./src/assets/icons/card-cover-purple.svg") center center no-repeat;
  background-size: cover;
}
.card_news .card__header_bg_blue, .card_detective .card__header_bg_blue {
  background: #ffffff url("./src/assets/icons/card-cover-blue.svg") center center no-repeat;
  background-size: cover;
}
.card_news .card__header::after, .card_detective .card__header::after {
  content: "";
  display: block;
  width: 100%;
  max-width: 30px;
  background: transparent url("./src/assets/icons/card-decor.svg") center center no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 3;
  top: 0;
  right: 4rem;
  height: 100%;
}
.card_news .card__img, .card_detective .card__img {
  display: block;
  object-fit: cover;
  min-width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}
.card_news .card__date, .card_detective .card__date {
  font-size: 2.5rem;
  line-height: 4.5rem;
  font-weight: 700;
  color: rgba(22, 27, 40, 0.1);
}
.card_news .card__hashtag, .card_detective .card__hashtag {
  display: inline-block;
  padding: 0.7rem 1rem;
  min-height: 3rem;
  border-radius: 1rem;
  background-color: #FFE8E2;
  margin: 0.4rem 0;
  text-decoration: none;
  color: #161B28;
}
.card_news .card__hashtag:not(:last-child), .card_detective .card__hashtag:not(:last-child) {
  margin-right: 0.5rem;
}
.card_last-news {
  width: 100% !important;
  min-height: auto;
  height: 23rem;
  background-color: #FFF2EF;
  padding: 4rem;
  position: relative;
  overflow: hidden;
  color: #ffffff;
  justify-content: flex-end;
  align-items: flex-start;
}
.card_last-news_bg_green {
  background: #ffffff url("./src/assets/icons/card-cover.svg") center center no-repeat;
  background-size: cover;
}
.card_last-news_bg_purple {
  background: #ffffff url("./src/assets/icons/card-cover-purple.svg") center center no-repeat;
  background-size: cover;
}
.card_last-news_bg_blue {
  background: #ffffff url("./src/assets/icons/card-cover-blue.svg") center center no-repeat;
  background-size: cover;
}
.card_last-news::after {
  content: "";
  display: block;
  width: 100%;
  max-width: 30px;
  background: transparent url("./src/assets/icons/card-decor.svg") center center no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 3;
  top: 0;
  right: 6.8rem;
  height: 100%;
}
@media all and (max-width: 650px) {
  .card_last-news {
    margin: 0.75rem 1.5rem 0.75rem 0;
  }
}
.card_last-news_big {
  height: 49rem;
  grid-row-start: 1;
  grid-row-end: 4;
}
.card_last-news_big::after {
  background: transparent url("./src/assets/icons/card-decor_big.svg") center center no-repeat;
}
@media all and (max-width: 650px) {
  .card_last-news_big {
    max-width: 28rem;
    height: 29rem;
    padding: 2rem;
  }
  .card_last-news_big p {
    white-space: nowrap;
    overflow: hidden;
    max-width: 24rem;
    text-overflow: ellipsis;
  }
}
.card_last-news_big .card__img_bg {
  height: 100%;
}
@media all and (max-width: 650px) {
  .card_last-news_small {
    max-width: 28rem;
    height: 29rem;
    padding: 2rem;
  }
  .card_last-news_small .card__img_bg {
    height: 100%;
  }
}
.card_last-news_small h4,
.card_last-news_small p {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.card_last-news h4,
.card_last-news p,
.card_last-news button {
  position: relative;
  z-index: 2;
}
.card_last-news .btn, .card_last-news .btn_main, .card_last-news .btn_secondary, .card_last-news .btn_outline, .card_last-news .btn_round, .card_last-news .btn_play {
  margin-top: 2rem;
}
.card_last-news .card__img {
  z-index: 1;
  object-fit: cover;
}
.card_last-news .card__img_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.card_join {
  border: none;
  position: relative;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
  overflow: visible;
  width: 100%;
  min-height: auto;
  height: auto;
  max-width: 27rem;
  margin-bottom: 4.7rem;
  padding: 3.5rem 3.8rem;
}
@media all and (max-width: 1200px) {
  .card_join {
    padding-top: 5rem;
    margin-bottom: 6rem;
    max-width: 28rem;
  }
}
@media all and (max-width: 450px) {
  .card_join {
    max-width: calc(100vw - 4rem);
    width: 100%;
  }
}
.card_database {
  flex-direction: row;
  width: 100% !important;
  max-width: 100%;
  min-height: auto;
}
@media all and (max-width: 600px) {
  .card_database {
    flex-direction: column;
  }
}
.card_database:not(:last-child) {
  margin-bottom: 2rem;
}
@media all and (min-width: 650px) {
  .card_database:hover {
    box-shadow: 0px 0.1rem 1rem rgba(17, 31, 52, 0.1);
    transition: all 0.3s ease-in;
  }
}
.card_database:hover .btn_arrow {
  background-color: #FF623F;
}
.card_database:hover .btn_arrow .btn__icon {
  fill: #ffffff;
  transition: all 0.1s ease-in;
}
@media all and (max-width: 600px) {
  .card_database:hover .btn_arrow .btn__icon {
    fill: #FF623F;
  }
}
.card_database .card__header {
  width: 20rem;
  flex-shrink: 0;
  border-radius: 1.5rem 0 0 1.5rem;
  height: 15rem;
}
.card_database .card__header_bg_green {
  background: #ffffff url("./src/assets/icons/card-cover.svg") center center no-repeat;
  background-size: cover;
}
.card_database .card__header_bg_purple {
  background: #ffffff url("./src/assets/icons/card-cover-purple.svg") center center no-repeat;
  background-size: cover;
}
.card_database .card__header_bg_blue {
  background: #ffffff url("./src/assets/icons/card-cover-blue.svg") center center no-repeat;
  background-size: cover;
}
@media all and (max-width: 1070px) {
  .card_database .card__header {
    height: 19rem;
  }
}
@media all and (max-width: 850px) {
  .card_database .card__header {
    display: none;
  }
}
.card_database .card__header img {
  height: 100%;
}
.card_database .card__body {
  border: none;
  border-top: 1px solid #EBF1F9;
  border-bottom: 1px solid #EBF1F9;
  padding: 2.5rem;
}
@media all and (max-width: 600px) {
  .card_database .card__body {
    border-right: 1px solid #EBF1F9;
    border-left: 1px solid #EBF1F9;
    border-bottom: none;
    border-radius: 1.5rem 1.5rem 0 0;
    padding: 2rem 2rem 0.5rem;
  }
}
.card_database .card__body h4 {
  margin-bottom: 1rem;
}
.card_database .card__footer {
  padding: 4.2rem 3.5rem;
  border: none;
  border-top: 1px solid #EBF1F9;
  border-bottom: 1px solid #EBF1F9;
  border-right: 1px solid #EBF1F9;
  border-radius: 0 1.5rem 1.5rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media all and (max-width: 600px) {
  .card_database .card__footer {
    border-top: none;
    border-left: 1px solid #EBF1F9;
    border-radius: 0 0 1.5rem 1.5rem;
    padding: 0.5rem 2rem 2rem;
    justify-content: flex-end;
  }
  .card_database .card__footer .btn_arrow {
    background-color: transparent;
    height: auto;
    min-height: auto;
    padding: 0;
  }
  .card_database .card__footer .btn_arrow svg {
    fill: #FF623F;
    width: 3rem;
    height: 1.2rem;
  }
}
.card_detective {
  min-height: auto;
}
.card_detective .card__body {
  border-bottom: 1px solid #EBF1F9;
  border-radius: 0 0 1.5rem 1.5rem;
}
.card_random-project {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 3.2rem 4.6rem;
  color: #ffffff;
  width: 100%;
  background: #FF623F url("./src/assets/img/random-project__bg.png") center center no-repeat;
  background-size: cover;
  min-height: 23rem;
}
@media all and (max-width: 650px) {
  .card_random-project {
    padding: 2rem;
  }
}
@media all and (max-width: 400px) {
  .card_random-project {
    background: #FF623F url("./src/assets/icons/random-project__bg_mobile.svg") center center no-repeat;
    background-size: cover;
  }
}
@media all and (max-width: 350px) {
  .card_random-project {
    align-items: stretch;
  }
}
.card_random-project p {
  line-height: 2.5rem;
}
@media all and (max-width: 650px) {
  .card_random-project p {
    line-height: 2rem;
  }
}
.card_random-project .btn, .card_random-project .btn_main, .card_random-project .btn_secondary, .card_random-project .btn_outline, .card_random-project .btn_round, .card_random-project .btn_play {
  margin-top: 1.5rem;
}
@media all and (max-width: 350px) {
  .card_random-project .btn, .card_random-project .btn_main, .card_random-project .btn_secondary, .card_random-project .btn_outline, .card_random-project .btn_round, .card_random-project .btn_play {
    padding: 1.5rem;
  }
}
.card_darkened::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background: linear-gradient(to top, #161b28 0%, rgba(22, 27, 40, 0.01) 100%);
}
.card_search {
  background-color: transparent;
  display: flex;
  flex-direction: row;
  min-height: 8rem;
  height: 8rem;
}
@media all and (max-width: 1200px) {
  .card_search {
    border-radius: 0;
    height: auto;
  }
}
.card_search .card__header {
  width: 18rem;
  height: 8rem;
  border-radius: 1.5rem;
  overflow: hidden;
  position: relative;
}
.card_search .card__header_bg_green {
  background: #ffffff url("./src/assets/icons/card-cover.svg") center center no-repeat;
  background-size: cover;
}
.card_search .card__header_bg_purple {
  background: #ffffff url("./src/assets/icons/card-cover-purple.svg") center center no-repeat;
  background-size: cover;
}
.card_search .card__header_bg_blue {
  background: #ffffff url("./src/assets/icons/card-cover-blue.svg") center center no-repeat;
  background-size: cover;
}
.card_search .card__header::after {
  content: "";
  display: block;
  width: 100%;
  max-width: 17px;
  background: transparent url("./src/assets/icons/card-decor.svg") center center no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 3;
  top: 0;
  right: 2.3rem;
  height: 100%;
}
@media all and (max-width: 1200px) {
  .card_search .card__header {
    display: none;
  }
}
.card_search .card__body {
  border: none;
  padding: 0 2rem !important;
}
@media all and (max-width: 1200px) {
  .card_search .card__body {
    padding: 0 !important;
  }
}
.card_search .card__row_search {
  justify-content: flex-start;
}
@media all and (max-width: 768px) {
  .card_search .card__row_search {
    align-items: flex-start;
    flex-direction: column;
  }
}
.card_search .card__title {
  font-size: 1.5rem;
  color: #FF623F;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 85rem;
}
@media all and (max-width: 1000px) {
  .card_search .card__title {
    max-width: 100%;
    white-space: initial;
    max-height: 4rem;
  }
}
.card_search .card__label {
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #ffffff;
  padding: 0.3rem 1rem;
  border-radius: 0.5rem;
  margin-right: 1rem;
  min-height: 2.1rem;
}
@media all and (max-width: 768px) {
  .card_search .card__label {
    margin-bottom: 1rem;
  }
}
.card_search .card__label_bg_orange {
  background-color: #FF623F;
}
.card_search .card__label_bg_green {
  background-color: #36A27B;
}
.card_search .card__label_bg_grey {
  background-color: #9EA8B4;
}
.card_search .card__date {
  font-size: 1.5rem;
  color: rgba(22, 27, 40, 0.5);
}
.card_search p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 95rem;
}
@media all and (max-width: 1000px) {
  .card_search p {
    max-width: 100%;
    white-space: initial;
    max-height: 4rem;
  }
}
.card_socials-register {
  margin-top: 2rem;
  border-radius: 1.5rem;
  background-color: #EBF1F9;
  padding: 2rem 3rem;
  text-align: center;
  min-height: auto;
  width: 100%;
  min-width: auto;
  align-items: center;
}
.card_socials-register .card__comment {
  font-size: 1.2rem;
  line-height: 1.5rem;
}
.card_register-form-preview {
  height: 23rem;
  border-radius: 1.5rem;
  background-color: transparent;
  position: relative;
  min-height: auto;
  justify-content: flex-end;
  color: #ffffff;
  padding: 4rem;
  margin-top: 1.5rem;
}
@media all and (max-width: 450px) {
  .card_register-form-preview {
    padding: 2rem;
  }
}
.card_register-form-preview::before {
  content: "";
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 1.5rem;
  z-index: 2;
  background: linear-gradient(to top, #161b28 0%, rgba(22, 27, 40, 0.01) 100%);
}
.card_register-form-preview::after {
  content: "";
  display: block;
  width: 100%;
  max-width: 17px;
  background: transparent url("./src/assets/icons/card-decor_big.svg") center center no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 3;
  top: 0;
  right: 2.3rem;
  height: 100%;
}
.card_register-form-preview img {
  border-radius: 1.5rem;
  min-width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
}
.card_register-form-preview h4, .card_register-form-preview p {
  position: relative;
  z-index: 2;
}
.card__header {
  height: 14rem;
  width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}
.card__body {
  flex-grow: 2;
  padding: 2.5rem 3rem 1rem;
  border-left: 1px solid #EBF1F9;
  border-right: 1px solid #EBF1F9;
}
.card__body:last-child {
  padding: 2.5rem 3rem;
}
@media all and (max-width: 450px) {
  .card__body:last-child {
    padding: 2rem;
  }
}
@media all and (max-width: 450px) {
  .card__body {
    padding: 2rem 2rem 1rem;
  }
}
.card__footer {
  flex-shrink: 0;
  padding: 0 3rem 3rem;
  border-left: 1px solid #EBF1F9;
  border-right: 1px solid #EBF1F9;
  border-bottom: 1px solid #EBF1F9;
  border-radius: 0 0 1.5rem 1.5rem;
}
@media all and (max-width: 450px) {
  .card__footer {
    padding: 1rem 2rem 2rem;
  }
}
.card__row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.card__img_bg {
  height: 100%;
}
.card__img_search {
  object-fit: cover;
  width: 100%;
}
.card__title_join {
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.card__desc_join {
  color: rgba(22, 27, 40, 0.5);
  margin-bottom: 1.5rem;
}
.card__widget_join {
  position: absolute;
  padding: 1.8rem;
  box-shadow: 0px 2.5rem 5rem rgba(17, 31, 52, 0.1);
  border-radius: 1.5rem;
  top: 3.2rem;
  left: 0;
  transform: translateX(-50%);
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-self: center;
}
@media all and (max-width: 1200px) {
  .card__widget_join {
    order: 1;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.card__widget_join .card__widget-icon {
  width: 3.4rem;
  height: 3.4rem;
}
.card__button {
  margin-top: 2rem;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-weight: 600;
  font-size: 1.5rem;
}
.card__button-icon {
  margin-right: 1rem;
}
.card__factoids {
  display: flex;
}
.card__factoids_database {
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.card__factoid {
  display: flex;
  align-items: center;
  font-weight: 600;
}
.card__factoid_database {
  margin: 0.5rem 0;
}
.card__factoid_database img {
  margin-right: 1rem;
}
.card__factoid_database:not(:last-child) {
  margin-right: 1.5rem;
}

.section {
  margin-top: 8rem;
}
@media all and (max-width: 650px) {
  .section {
    margin-top: 4rem;
  }
}
.section:first-of-type {
  margin-top: 0;
}
.section:last-child {
  margin-bottom: 0;
}
@media all and (max-width: 650px) {
  .section_with-wrapper {
    padding: 0 2rem;
  }
}
.section_fame {
  margin-top: 5rem;
}
@media all and (max-width: 650px) {
  .section_fame {
    margin-top: 4rem;
  }
}
.section_stories .btn_more {
  margin: 3rem auto;
}
@media all and (max-width: 450px) {
  .section_stories .btn_more {
    margin: 1.5rem auto;
  }
}
@media all and (max-width: 450px) {
  .section_stories .card_news, .section_stories .card_detective {
    min-height: auto;
  }
}
.section__container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.section__desc {
  margin-bottom: 3rem;
}
@media all and (max-width: 650px) {
  .section__desc {
    margin-bottom: 2rem;
    padding: 0 2rem;
  }
}
.section__desc-paragraph {
  max-width: 69rem;
}
@media all and (max-width: 950px) {
  .section__desc-paragraph {
    max-width: 55rem;
  }
}
@media all and (max-width: 800px) {
  .section__desc-paragraph {
    max-width: 40rem;
  }
}
@media all and (max-width: 650px) {
  .section__desc-paragraph {
    max-width: 100%;
  }
}
.section__row_projects {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media all and (max-width: 650px) {
  .section__row_projects {
    flex-direction: column;
  }
}
.section__title {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section__title_projects {
  text-align: left;
  justify-content: flex-start;
}
.section__title-icon {
  margin-left: 1.6rem;
}
.section__content {
  position: relative;
}
.section__link_view-all {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  font-size: 2rem;
  font-weight: 600;
  color: #161B28;
  text-decoration: none;
}
@media all and (max-width: 650px) {
  .section__link_view-all {
    font-size: 1.5rem;
    margin-top: 2rem;
    align-self: flex-end;
  }
  .section__link_view-all .btn_round, .section__link_view-all .btn_play {
    background-color: transparent;
    fill: #FF623F;
    padding: 0;
    width: auto;
    height: auto;
    min-height: auto;
  }
}
.section__link_view-all span {
  margin-right: 2rem;
}
@media all and (max-width: 650px) {
  .section__link_view-all span {
    margin-right: 1rem;
  }
}

.slider_article {
  position: relative;
  display: flex;
  margin-bottom: 5rem;
}
@media all and (max-width: 450px) {
  .slider_article {
    margin-bottom: 4rem;
  }
}
.slider_article .slick-track {
  display: flex;
}
.slider_article .slider__item {
  min-width: 24.2rem;
  max-width: 25rem;
  height: 25rem;
  overflow: hidden;
  border-radius: 1.5rem;
  position: relative;
}
.slider_article .slider__item:not(:last-child) {
  margin-right: 1.6rem;
}
@media all and (max-width: 450px) {
  .slider_article .slider__item {
    max-width: calc(100vw - 4rem);
  }
}
.slider_article .slider__item-text {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: flex-end;
  padding: 2.5rem;
  color: #ffffff;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 600;
}
@media all and (max-width: 450px) {
  .slider_article .slider__item-text {
    padding: 1.5rem;
  }
}
.slider_article .slider__item-img {
  min-width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider_article .slick-prev,
.slider_article .slick-next {
  width: 5rem;
  height: 5rem;
  overflow: hidden;
  border: none;
  background-color: #FFE8E2;
  border-radius: 50%;
  outline-width: 0;
  cursor: pointer;
}
.slider_article .slick-prev.slick-disabled::before,
.slider_article .slick-next.slick-disabled::before {
  background-color: #EBF1F9;
}
.slider_article .slick-prev::before,
.slider_article .slick-next::before {
  content: "";
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #FFE8E2;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
}
.slider_article .slick-prev {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-8.5rem, -50%);
}
.slider_article .slick-prev::before {
  background: url("./src/assets/icons/arrow_left.svg") center center no-repeat;
  background-size: 1.6rem 0.8rem;
  background-color: #FFE8E2;
}
.slider_article .slick-next {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(8.5rem, -50%);
  background-color: #FFE8E2;
}
.slider_article .slick-next::before {
  background: url("./src/assets/icons/arrow_right.svg") center center no-repeat;
  background-size: 1.6rem 0.8rem;
  background-color: #FFE8E2;
}
.slider_article .slick-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 2rem);
}
.slider_news .slick-list, .slider_last-news .slick-list {
  overflow: visible;
}
@media all and (max-width: 650px) {
  .slider_news .slick-list, .slider_last-news .slick-list {
    overflow: hidden;
  }
}
.slider_news .slick-track, .slider_last-news .slick-track {
  display: flex;
  flex-wrap: wrap;
  width: 100% !important;
  justify-content: flex-start;
}
@media all and (max-width: 1210) {
  .slider_news .slick-track, .slider_last-news .slick-track {
    justify-content: center;
  }
}
@media all and (max-width: 650px) {
  .slider_news .slick-track, .slider_last-news .slick-track {
    flex-wrap: nowrap;
  }
}
.slider_last-news .slick-track {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-gap: 3rem;
}
.slider_last-news .slick-track::before {
  display: none;
}
@media all and (max-width: 650px) {
  .slider_last-news .slick-track {
    display: flex;
    grid-gap: 0;
  }
}
.slider .slick-dots, .slider_article .slick-dots {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex !important;
  justify-content: center;
  margin-top: 1.25rem;
}
.slider .slick-dots button, .slider_article .slick-dots button {
  display: none;
}
.slider .slick-dots li, .slider_article .slick-dots li {
  width: 6px;
  height: 6px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #FFE8E2;
  transition: all 0.2s ease-out;
}
.slider .slick-dots li.slick-active, .slider_article .slick-dots li.slick-active {
  width: 1.5rem;
  border-radius: 3px;
  background-color: #FF623F;
  transition: all 0.2s ease-in;
}
.slider .slick-dots li:not(:last-child), .slider_article .slick-dots li:not(:last-child) {
  margin-right: 1rem;
}

.error-404 {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.error-404__title {
  font-size: 20rem;
  color: #FF623F;
}
@media all and (max-width: 500px) {
  .error-404__title {
    font-size: 10rem;
  }
}
.error-404__text {
  margin-top: 2.5rem;
  max-width: 43rem;
}
.error-404 .btn, .error-404 .btn_main, .error-404 .btn_secondary, .error-404 .btn_outline, .error-404 .btn_round, .error-404 .btn_play {
  margin-top: 5rem;
  min-width: 20rem;
}

.ribbon_project, .ribbon_violation, .ribbon_storie {
  position: fixed;
  z-index: 5;
  left: 0;
}
.ribbon_project {
  top: 25.3rem;
}
@media all and (max-width: 1350px) {
  .ribbon_project {
    top: 18.3rem;
  }
}
.ribbon_violation {
  top: 25.3rem;
}
@media all and (max-width: 1350px) {
  .ribbon_violation {
    top: 15.7rem;
  }
}
.ribbon_storie {
  top: 25.3rem;
}
@media all and (max-width: 1350px) {
  .ribbon_storie {
    top: 17.5rem;
  }
}
.ribbon__icon {
  display: block;
}
@media all and (max-width: 1350px) {
  .ribbon__icon {
    display: none;
  }
}
.ribbon__icon_mobile {
  display: none;
}
@media all and (max-width: 1350px) {
  .ribbon__icon_mobile {
    max-width: 1.9rem;
    display: block;
  }
}

.title_project {
  text-align: center;
}

.project {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 8rem;
}
@media all and (max-width: 1170px) {
  .project {
    margin-bottom: 4rem;
  }
}
.project_violetion {
  margin-bottom: 0;
}
.project_violetion .project__info {
  border: none;
  background-color: #EBF1F9;
}
.project_violetion .project__info-factoids {
  max-width: 100%;
}
.project_violetion .project__container .btn_arrow_left {
  padding-left: 0;
  margin-top: 5rem;
}
@media all and (max-width: 450px) {
  .project_violetion .project__container .btn_arrow_left {
    margin-top: 4rem;
  }
}
.project_storie .project__info {
  border: 1px solid #36A27B;
}
.project_storie .project__info-factoids {
  max-width: 100%;
}
.project_storie .project__container .btn_arrow_left {
  padding-left: 0;
  margin-top: 5rem;
}
@media all and (max-width: 450px) {
  .project_storie .project__container .btn_arrow_left {
    margin-top: 4rem;
  }
}
.project_volunteer {
  margin-bottom: 0;
}
.project_volunteer .project__info-factoids {
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}
.project_volunteer .project__info {
  border: none;
  background-color: #EBF1F9;
  padding: 1.2rem 3.6rem 2.2rem;
  margin-bottom: 5rem;
  border-radius: 1.5rem;
  min-height: 9.2rem;
}
@media all and (max-width: 450px) {
  .project_volunteer .project__info {
    margin-bottom: 4rem;
    padding: 1rem 2rem 2rem;
  }
}
.project_volunteer .project__info-factoids-item:first-child {
  margin-right: 3.6rem;
}
.project_volunteer .project__info-factoids-item:nth-child(2) {
  margin-right: 15rem;
}
@media all and (max-width: 450px) {
  .project_volunteer .project__info-factoids-item:nth-child(2) {
    margin-right: 5rem;
  }
}
.project_volunteer .project__info-factoids-item:last-child {
  margin-left: auto;
  margin-right: 0;
}
.project_volunteer .project__info-reward:not(:last-child) {
  margin-right: 1.5rem;
}
.project__container {
  margin: 0 3rem;
  max-width: 77rem;
  width: 100%;
  flex-grow: 2;
  flex-shrink: 0;
}
@media all and (max-width: 950px) {
  .project__container {
    margin-top: 4rem;
    margin: 4rem 0 0;
  }
}
.project__section {
  display: flex;
  margin-top: 3.5rem;
}
@media all and (max-width: 950px) {
  .project__section {
    flex-direction: column;
    margin-bottom: 4rem;
  }
  .project__section:last-child {
    margin-bottom: 0;
  }
}
.project__aside-col {
  flex: 1;
}
.project__info {
  display: flex;
  justify-content: space-between;
  padding: 1.5rem 3.5rem 2.5rem;
  border: 1px dashed #FF623F;
  border-radius: 1.5rem;
}
@media all and (max-width: 950px) {
  .project__info {
    flex-direction: column;
    padding: 1.5rem 3.5rem 1.5rem;
  }
}
.project__info-col {
  display: flex;
  flex-direction: column;
}
.project__info-factoids, .project__info-tags {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 76rem;
}
.project__info-factoids {
  justify-content: space-between;
}
.project__info-factoids-item {
  margin-right: 2.5rem;
  margin-top: 1rem;
}
.project__info-tags {
  margin-top: 2.5rem;
}
@media all and (max-width: 950) {
  .project__info-tags {
    margin-top: 1.5rem;
  }
}
.project__info-tag {
  display: inline-block;
  padding: 0.7rem 1rem;
  min-height: 3rem;
  border-radius: 1rem;
  background-color: #FFE8E2;
  margin: 0.4rem 0;
  text-decoration: none;
  color: #161B28;
  font-size: 1.2rem;
  line-height: 1.5rem;
}
.project__info-tag:not(:last-child) {
  margin-right: 1.6rem;
}
.project__info-btns {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
.project__info-btns_position_right {
  margin-left: 8rem;
}
@media all and (max-width: 950px) {
  .project__info-btns_position_right {
    margin-left: 0;
  }
}
.project__info-btns_position_left {
  margin-right: 8rem;
}
@media all and (max-width: 950px) {
  .project__info-btns_position_left {
    margin-right: 0;
  }
}
.project__info-btns > button {
  min-width: 19.2rem;
}
.project__info-btns > button:not(:last-child) {
  margin-bottom: 1rem;
}
@media all and (max-width: 950px) {
  .project__info-btns > button {
    min-width: 24rem;
  }
}
@media all and (max-width: 950px) {
  .project__info-btns {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    justify-content: flex-start;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(22, 27, 40, 0.1);
  }
  .project__info-btns > button:not(:last-child) {
    margin-right: 1.5rem;
  }
}
.project__info-factoids-item-value {
  font-weight: 700;
  margin-top: 0.4rem;
}

.socials {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
@media all and (max-width: 950px) {
  .socials {
    flex-direction: row;
    align-items: center;
  }
}
@media all and (max-width: 770px) {
  .socials {
    justify-content: center;
  }
}
.socials_register {
  width: auto;
  margin: 1.5rem auto;
  flex-direction: row;
}
.socials_register .socials__item:not(:first-child) {
  margin: 0 0 0 1.6rem;
}
@media all and (max-width: 950px) {
  .socials_register .socials__item {
    margin-right: 0;
  }
}
.socials_register .socials__icon {
  fill: #FF623F;
}
.socials__item {
  text-decoration: none;
  display: flex;
}
.socials__item:not(:first-child) {
  margin-top: 1rem;
}
@media all and (max-width: 950px) {
  .socials__item:not(:first-child) {
    margin-top: 0;
  }
}
@media all and (max-width: 950px) {
  .socials__item {
    margin-right: 1rem;
  }
}
.socials__icon {
  fill: transparent;
  width: 4rem;
  height: 4rem;
}

.article {
  font-size: 1.5rem;
  line-height: 3.5rem;
}
@media all and (max-width: 950px) {
  .article {
    line-height: 2rem;
  }
}
.article p {
  line-height: 3.5rem;
}
@media all and (max-width: 950px) {
  .article p {
    line-height: 2rem;
  }
}
.article h3 {
  padding-left: 0.9rem;
  border-left: 0.5rem solid #FF623F;
}
.article h4 {
  border-left: 0.3rem solid #FF623F;
  padding-left: 0.9rem;
}
.article section {
  margin-top: 3.5rem;
}
.article__img {
  display: block;
  position: relative;
  display: flex;
  align-items: flex-end;
  border-radius: 1.5rem;
  overflow: hidden;
}
.article__img_with-overlay::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to top, rgba(22, 27, 40, 0.67) 0, rgba(22, 27, 40, 0.0001) 50%);
  z-index: 1;
}
.article__img_with-overlay img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.article__img_with-overlay p {
  font-weight: 700;
  color: #ffffff;
  width: 100%;
  font-size: 2rem;
  padding: 2.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
@media all and (max-width: 950px) {
  .article__img_with-overlay p {
    font-size: 1.5rem;
    padding: 1.5rem;
  }
}
.article__img_big {
  width: 100%;
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}
@media all and (max-width: 950px) {
  .article__img_big {
    margin: 2rem 0;
  }
}
.article__img_small {
  max-width: 50%;
  float: left;
  margin-right: 3rem;
}
@media all and (max-width: 950px) {
  .article__img_small {
    float: inherit;
    max-width: 100%;
    margin: 2rem 0;
  }
}
.article__graph {
  margin: 3.5rem 0;
  width: 100%;
}
@media all and (max-width: 950px) {
  .article__graph {
    margin: 2rem 0;
  }
}
.article__graph img {
  width: 100%;
  display: block;
  object-fit: cover;
  border-radius: 1.5rem;
}
.article__video {
  width: 100%;
  margin-bottom: 5rem;
  position: relative;
  display: flex;
}
@media all and (max-width: 450px) {
  .article__video {
    margin-bottom: 2rem;
  }
}
.article__video video {
  width: 100%;
  height: 100%;
}
.article__video-btn {
  width: 5rem;
  height: 5rem;
}
.article__video-btn_play {
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.article__video-btn_play.active {
  display: none;
}
.article__graph-capture {
  font-size: 1.5rem;
  color: rgba(22, 27, 40, 0.5);
  line-height: 3.5rem;
  margin-top: 1rem;
  text-align: center;
}
.article q {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3.5rem 0;
  background-color: #EBF1F9;
  padding: 3.5rem 4.5rem;
  border-radius: 1.5rem;
}
@media all and (max-width: 480px) {
  .article q {
    flex-direction: column;
    padding: 2rem;
  }
}
.article q::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 4.4rem;
  margin-right: 3.5rem;
  height: 3.7rem;
  background: #EBF1F9 url("./src/assets/icons/quote.svg") center center no-repeat;
}
@media all and (max-width: 480px) {
  .article q::before {
    margin-right: 0;
    margin-bottom: 2rem;
  }
}

.roll-up-list {
  width: 100%;
  border-top: 1px solid rgba(22, 27, 40, 0.1);
  border-bottom: 1px solid rgba(22, 27, 40, 0.1);
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 4rem 0;
}
.roll-up-list__label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  padding: 1.5rem;
  border-radius: 1.5rem;
  background-color: #FFF2EF;
  margin: 1rem 0;
  cursor: pointer;
}
.roll-up-list__label::after {
  content: "";
  display: inline-block;
  background: #FFF2EF url("./src/assets/icons/arrow_down.svg") center center no-repeat;
  margin-left: 1rem;
  width: 0.8rem;
  height: 1.6rem;
}
.roll-up-list__content {
  line-height: 3.5rem;
  margin: 1.5rem 0;
  display: none;
}
@media all and (max-width: 950px) {
  .roll-up-list__content {
    line-height: 2rem;
    margin: 2rem 0;
  }
}
.roll-up-list__input {
  display: none;
}
.roll-up-list__input:checked ~ .roll-up-list__label::after {
  background: #FFF2EF url("./src/assets/icons/arrow_up.svg") center center no-repeat;
}
.roll-up-list__input:checked ~ .roll-up-list__content {
  display: block;
}

.table {
  color: #161B28;
  font-size: 1.5rem;
}
.table_checks .table__content, .table_volunteer .table__content, .table_researches .table__content {
  border-collapse: collapse;
  width: 100%;
  max-width: 117rem;
}
@media all and (max-width: 1170px) {
  .table_checks .table__content, .table_volunteer .table__content, .table_researches .table__content {
    max-width: 60rem;
    margin: 0 auto;
  }
  .table_checks .table__content .table__content,
.table_checks .table__content thead,
.table_checks .table__content th,
.table_checks .table__content td,
.table_checks .table__content tr, .table_volunteer .table__content .table__content,
.table_volunteer .table__content thead,
.table_volunteer .table__content th,
.table_volunteer .table__content td,
.table_volunteer .table__content tr, .table_researches .table__content .table__content,
.table_researches .table__content thead,
.table_researches .table__content th,
.table_researches .table__content td,
.table_researches .table__content tr {
    display: block;
  }
  .table_checks .table__content tbody, .table_volunteer .table__content tbody, .table_researches .table__content tbody {
    display: flex;
    justify-content: space-between;
  }
}
@media all and (max-width: 640px) {
  .table_checks .table__content tbody, .table_volunteer .table__content tbody, .table_researches .table__content tbody {
    flex-direction: column;
    align-items: center;
  }
}
.table_checks .table__content thead, .table_volunteer .table__content thead, .table_researches .table__content thead {
  font-weight: 600;
}
@media all and (max-width: 1170px) {
  .table_checks .table__content thead tr, .table_volunteer .table__content thead tr, .table_researches .table__content thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
}
.table_checks .table__content thead th, .table_volunteer .table__content thead th, .table_researches .table__content thead th {
  background-color: #FFF2EF;
  padding: 2rem 1.5rem;
  text-align: left;
}
.table_checks .table__content thead th:first-child, .table_volunteer .table__content thead th:first-child, .table_researches .table__content thead th:first-child {
  border-radius: 1.5rem 0 0 0;
  padding-left: 3.5rem;
}
.table_checks .table__content thead th:last-child, .table_volunteer .table__content thead th:last-child, .table_researches .table__content thead th:last-child {
  border-radius: 0 1.5rem 0 0;
  padding-right: 3.5rem;
}
@media all and (max-width: 1170px) {
  .table_checks .table__content tbody, .table_volunteer .table__content tbody, .table_researches .table__content tbody {
    flex-wrap: wrap;
  }
}
@media all and (max-width: 1170px) {
  .table_checks .table__content tbody tr, .table_volunteer .table__content tbody tr, .table_researches .table__content tbody tr {
    width: 100%;
    max-width: 28rem;
    border-radius: 1.5rem;
    flex-shrink: 0;
    margin: 1rem;
  }
}
@media all and (max-width: 640px) {
  .table_checks .table__content tbody tr:not(:last-child), .table_volunteer .table__content tbody tr:not(:last-child), .table_researches .table__content tbody tr:not(:last-child) {
    margin-bottom: 1rem;
  }
}
@media all and (max-width: 450px) {
  .table_checks .table__content tbody tr, .table_volunteer .table__content tbody tr, .table_researches .table__content tbody tr {
    max-width: 100%;
    margin: 1rem 0;
  }
}
.table_checks .table__content tbody td, .table_volunteer .table__content tbody td, .table_researches .table__content tbody td {
  word-break: break-word;
  line-break: auto;
  padding: 2.5rem 1.5rem;
}
.table_checks .table__content tbody td:first-child, .table_volunteer .table__content tbody td:first-child, .table_researches .table__content tbody td:first-child {
  padding-left: 3.5rem;
}
@media all and (max-width: 1170px) {
  .table_checks .table__content tbody td:first-child, .table_volunteer .table__content tbody td:first-child, .table_researches .table__content tbody td:first-child {
    background-color: #FFF2EF;
    border: 1px solid #FFF2EF;
    border-radius: 1.5rem 1.5rem 0 0;
    padding-left: 50%;
  }
}
.table_checks .table__content tbody td:last-child, .table_volunteer .table__content tbody td:last-child, .table_researches .table__content tbody td:last-child {
  padding-right: 3.5rem;
}
@media all and (max-width: 1170px) {
  .table_checks .table__content tbody td:last-child, .table_volunteer .table__content tbody td:last-child, .table_researches .table__content tbody td:last-child {
    padding-right: 1.5rem;
  }
}
.table_checks .table__content tbody td:nth-child(3), .table_volunteer .table__content tbody td:nth-child(3), .table_researches .table__content tbody td:nth-child(3) {
  min-width: 16rem;
}
.table_checks .table__content tbody td:nth-child(6), .table_volunteer .table__content tbody td:nth-child(6), .table_researches .table__content tbody td:nth-child(6) {
  min-width: 27rem;
}
.table_checks .table__content tbody td:nth-child(6), .table_volunteer .table__content tbody td:nth-child(6), .table_researches .table__content tbody td:nth-child(6) {
  color: rgba(22, 27, 40, 0.5);
}
@media all and (max-width: 1170px) {
  .table_checks .table__content tbody td:nth-child(6), .table_volunteer .table__content tbody td:nth-child(6), .table_researches .table__content tbody td:nth-child(6) {
    padding-left: 1.5rem;
    padding-top: 3rem;
  }
}
@media all and (max-width: 1170px) {
  .table_checks .table__content tbody td, .table_volunteer .table__content tbody td, .table_researches .table__content tbody td {
    padding: 1rem 1.5rem;
    border: none;
    position: relative;
    padding-left: 50%;
  }
  .table_checks .table__content tbody td:not(:first-child), .table_volunteer .table__content tbody td:not(:first-child), .table_researches .table__content tbody td:not(:first-child) {
    border-top: 1px solid #EBF1F9;
    border-left: 1px solid #EBF1F9;
    border-right: 1px solid #EBF1F9;
  }
  .table_checks .table__content tbody td:nth-child(2), .table_volunteer .table__content tbody td:nth-child(2), .table_researches .table__content tbody td:nth-child(2) {
    border-top: none;
  }
  .table_checks .table__content tbody td:last-child, .table_volunteer .table__content tbody td:last-child, .table_researches .table__content tbody td:last-child {
    border-bottom: 1px solid #EBF1F9;
    border-radius: 0 0 1.5rem 1.5rem;
  }
  .table_checks .table__content tbody td:nth-child(1)::before, .table_volunteer .table__content tbody td:nth-child(1)::before, .table_researches .table__content tbody td:nth-child(1)::before {
    content: "Регион:";
  }
  .table_checks .table__content tbody td:nth-child(2)::before, .table_volunteer .table__content tbody td:nth-child(2)::before, .table_researches .table__content tbody td:nth-child(2)::before {
    content: "Номер:";
  }
  .table_checks .table__content tbody td:nth-child(3)::before, .table_volunteer .table__content tbody td:nth-child(3)::before, .table_researches .table__content tbody td:nth-child(3)::before {
    content: "Качество:";
  }
  .table_checks .table__content tbody td:nth-child(4)::before, .table_volunteer .table__content tbody td:nth-child(4)::before, .table_researches .table__content tbody td:nth-child(4)::before {
    content: "Отказов:";
  }
  .table_checks .table__content tbody td:nth-child(5)::before, .table_volunteer .table__content tbody td:nth-child(5)::before, .table_researches .table__content tbody td:nth-child(5)::before {
    content: "Официальных:";
  }
  .table_checks .table__content tbody td:nth-child(6)::before, .table_volunteer .table__content tbody td:nth-child(6)::before, .table_researches .table__content tbody td:nth-child(6)::before {
    content: "Нарушений:";
    top: 1.5rem;
  }
  .table_checks .table__content tbody td:nth-child(7)::before, .table_volunteer .table__content tbody td:nth-child(7)::before, .table_researches .table__content tbody td:nth-child(7)::before {
    content: "Комментарии:";
  }
}
@media all and (max-width: 1170px) {
  .table_checks .table__content tbody td::before, .table_volunteer .table__content tbody td::before, .table_researches .table__content tbody td::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 1.5rem;
    transform: translateY(-50%);
    padding-right: 1rem;
    white-space: nowrap;
    font-weight: 600;
    color: #161B28;
  }
}
.table_checks .pagination, .table_volunteer .pagination, .table_researches .pagination {
  justify-content: flex-end;
  margin-top: 3rem;
}
@media all and (max-width: 1170px) {
  .table_checks .pagination, .table_volunteer .pagination, .table_researches .pagination {
    max-width: 60rem;
    margin: 3rem auto 0;
  }
}
@media all and (max-width: 640px) {
  .table_checks .pagination, .table_volunteer .pagination, .table_researches .pagination {
    max-width: 28rem;
  }
}
.table_volunteer:not(:last-child) {
  margin-bottom: 5rem;
}
@media all and (max-width: 450px) {
  .table_volunteer:not(:last-child) {
    margin-bottom: 4rem;
  }
}
.table_volunteer h1 {
  text-align: left;
}
@media all and (max-width: 1170px) {
  .table_volunteer h1 {
    text-align: center;
  }
}
@media all and (max-width: 450px) {
  .table_volunteer h1 {
    text-align: left;
  }
}
@media all and (max-width: 1170px) {
  .table_volunteer .table__content {
    max-width: 100%;
  }
}
@media all and (max-width: 1170px) {
  .table_volunteer .table__content tbody {
    justify-content: center;
  }
}
@media all and (max-width: 1170px) {
  .table_volunteer .table__content tbody td::before {
    content: "";
    position: absolute;
    top: 2rem;
    left: 1.5rem;
  }
}
.table_volunteer .table__content tbody td:first-child {
  width: 30rem;
}
@media all and (max-width: 1170px) {
  .table_volunteer .table__content tbody td:first-child {
    width: auto;
  }
}
.table_volunteer .table__content tbody td:nth-child(2) {
  width: 30rem;
}
@media all and (max-width: 1170px) {
  .table_volunteer .table__content tbody td:nth-child(2) {
    width: auto;
  }
}
.table_researches h1 {
  text-align: left;
}
@media all and (max-width: 1170px) {
  .table_researches h1 {
    text-align: center;
  }
}
@media all and (max-width: 450px) {
  .table_researches h1 {
    text-align: left;
  }
}
.table_researches .table__content tbody td:first-child {
  width: 30rem;
}
@media all and (max-width: 1170px) {
  .table_researches .table__content tbody td:first-child {
    width: auto;
  }
}
.table_researches .table__content tbody td:nth-child(2) {
  width: auto;
}

.pagination {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.pagination_database {
  justify-content: center;
  margin-top: 3rem;
}
.pagination_search {
  justify-content: center;
}
.pagination__item {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: 600;
  min-width: 3rem;
  min-height: 3rem;
  background-color: #FFF2EF;
  border-radius: 0.5rem;
  color: #161B28;
  transition: all 0.2s ease-out;
  position: relative;
}
.pagination__item:nth-child(5) {
  background-color: transparent;
  pointer-events: none;
}
.pagination__item:not(:last-child) {
  margin-right: 1rem;
}
.pagination__item:first-child, .pagination__item:last-child {
  background-color: #EBF1F9;
  transition: all 0.2s ease;
}
.pagination__item:first-child:hover, .pagination__item:last-child:hover {
  background-color: rgba(146, 148, 154, 0.2);
  transition: all 0.2s ease;
}
.pagination__item:first-child::before {
  content: "";
  display: block;
  width: 1rem;
  height: 0.1rem;
  background-color: #92949A;
}
.pagination__item:last-child::before, .pagination__item:last-child::after {
  content: "";
  display: block;
  width: 1rem;
  height: 0.1rem;
  background-color: #92949A;
}
.pagination__item:last-child::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}
.pagination__item:hover {
  background-color: #FFCFC3;
  transition: all 0.2s ease;
}
.pagination__item.active {
  background-color: #FF623F;
  color: #ffffff;
  transition: all 0.2s ease-in;
}

.filters {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 3.5rem;
  background-color: #ffffff;
  border-radius: 1.5rem;
  margin-bottom: 3.5rem;
}
@media all and (max-width: 1190px) {
  .filters {
    padding-top: 1.5rem;
    box-shadow: 0px 25px 50px rgba(17, 31, 52, 0.05);
    margin-bottom: 4rem;
  }
}
@media all and (max-width: 450px) {
  .filters {
    padding: 2rem;
  }
}
.filters_stories {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media all and (max-width: 450px) {
  .filters_stories {
    margin-bottom: 1.5rem;
  }
}
.filters__level_first, .filters__level_second {
  display: flex;
  justify-content: center;
}
@media all and (max-width: 750px) {
  .filters__level_first, .filters__level_second {
    flex-wrap: wrap;
  }
}
.filters__level_first .filters__item, .filters__level_second .filters__item {
  padding: 0.4rem 2rem 0.5rem;
  min-height: 3rem;
  border-radius: 2rem;
  color: #161B28;
  font-size: 1.5rem;
  font-weight: 600;
  cursor: pointer;
}
.filters__level_first .filters__item:not(:last-child), .filters__level_second .filters__item:not(:last-child) {
  margin-right: 1rem;
}
@media all and (max-width: 750px) {
  .filters__level_first .filters__item, .filters__level_second .filters__item {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border: 1px solid #FFE8E2;
  }
}
.filters__level_first .filters__item {
  transition: all 0.2s ease-out;
  border: 1px solid transparent;
}
.filters__level_first .filters__item:hover {
  transition: all 0.2s ease-out;
  border: 1px solid #FF623F;
}
.filters__level_first .filters__item:active {
  transition: all 0.2s ease-out;
  border-color: #FF8368;
}
.filters__level_first .filters__item.active {
  background-color: #FF623F;
  color: #ffffff;
  transition: all 0.2s ease-in;
}
@media all and (max-width: 750px) {
  .filters__level_first .filters__item.active {
    border: 1px solid #FF623F;
  }
}
.filters__level_second {
  margin-top: 1rem;
}
.filters__level_second .filters__item {
  transition: all 0.2s ease-out;
  border: 1px solid transparent;
}
.filters__level_second .filters__item:hover {
  transition: all 0.2s ease-out;
  border: 1px solid #FF623F;
}
.filters__level_second .filters__item:active {
  transition: all 0.2s ease-out;
  border-color: #FF8368;
}
.filters__level_second .filters__item.active {
  border: 1px solid #FF623F;
  color: #FF623F;
  transition: all 0.2s ease-in;
}
.filters__row {
  display: flex;
  width: 100%;
}
@media all and (max-width: 1190px) {
  .filters__row {
    flex-wrap: wrap;
    margin-bottom: 2rem;
  }
}
.filters__row .field:nth-child(1) {
  z-index: 3;
}
.filters__row .field:nth-child(2) {
  z-index: 2;
}
.filters__row .field:nth-child(3) {
  z-index: 1;
}
.filters__form {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
@media all and (max-width: 1190px) {
  .filters__form {
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
  }
}
.filters__form .btn, .filters__form .btn_main, .filters__form .btn_secondary, .filters__form .btn_outline, .filters__form .btn_round, .filters__form .btn_play {
  min-width: 20rem;
}
@media all and (max-width: 450px) {
  .filters__form .btn, .filters__form .btn_main, .filters__form .btn_secondary, .filters__form .btn_outline, .filters__form .btn_round, .filters__form .btn_play {
    width: 100%;
  }
}
.filters__form .field {
  margin-right: 1.5rem;
}
@media all and (max-width: 1190px) {
  .filters__form .field {
    margin-top: 2rem;
  }
}
@media all and (max-width: 640px) {
  .filters__form .field {
    margin-right: 0;
  }
}
.filters__list {
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.filters__list-item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1.5rem;
  border: 1px solid #FF623F;
  border-radius: 2rem;
  margin: 0.5rem 0;
  flex-shrink: 0;
  padding: 0.5rem 2rem;
}
.filters__list-item:not(:last-child) {
  margin-right: 1.5rem;
}
.filters__list-icon_close {
  margin-left: 1.5rem;
  cursor: pointer;
}

.field {
  font-size: 1.5rem;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: flex-start;
  width: 100%;
}
.field.invalid .field__input {
  border-color: #E02020;
  transition: all 0.2s ease;
}
.field.invalid .field__input:hover, .field.invalid .field__input:focus {
  border-color: #E02020;
  transition: all 0.2s ease;
}
.field_register {
  width: 100%;
  max-width: 27.7rem;
  display: flex;
  flex-direction: column;
}
.field_register:not(:last-child) {
  margin-right: 1.6rem;
}
@media all and (max-width: 650px) {
  .field_register {
    margin-bottom: 2rem;
    margin-right: 0;
    max-width: 100%;
  }
  .field_register:last-child {
    margin-bottom: 0;
  }
}
.field_register .field__label {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.field_register .field__input {
  min-height: 5rem;
  border: 1px solid #EBF1F9;
  padding: 1.5rem 1.6rem;
  border-radius: 1.5rem;
}
.field_location {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 35.5rem;
}
@media all and (max-width: 640px) {
  .field_location {
    max-width: 100%;
  }
}
.field_location .field__label_clear {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
  margin-bottom: 0;
  color: #FF623F;
}
.field_location .field__input {
  padding: 1.5rem 9rem 1.5rem 4.5rem;
  border: 1px solid #EBF1F9;
  border-radius: 1.5rem;
  outline-width: 0;
  font-size: 1.5rem;
  min-height: 5.2rem;
  width: 100%;
  min-width: 28.5rem;
  display: flex;
  align-items: center;
}
.field_location .field__input:focus {
  padding-right: 1.5rem;
}
.field_location .field__input:focus ~ .field__label_clear {
  display: none;
}
@media all and (max-width: 450px) {
  .field_location .field__input {
    min-width: 100%;
    font-size: 1.6rem;
  }
}
.field_location .field__icon {
  position: absolute;
  top: 50%;
  left: 1.5rem;
  transform: translateY(-50%);
  cursor: pointer;
}
.field_select {
  min-width: 25rem;
  position: relative;
}
@media all and (max-width: 640px) {
  .field_select {
    max-width: 100%;
    width: 100%;
    min-width: 100%;
  }
}
.field_select .field__input_select {
  display: none;
}
.field_select .field__input:checked + .field__select {
  border-color: #FF623F;
  transition: all 0.2s ease;
}
.field_select .field__input:checked ~ .field__select-content {
  display: flex;
}
.field_select .field__select {
  position: relative;
  border: 1px solid #EBF1F9;
  border-radius: 1.5rem;
  cursor: pointer;
  width: 25rem;
  transition: all 0.2s ease-out;
  padding: 1.5rem;
  padding-right: 3.5rem;
  min-height: 5rem;
  font-size: 1.5rem;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.field_select .field__select::before {
  content: "";
  display: block;
  width: 10px;
  height: 6px;
  background: url("./src/assets/icons/select-arrow.svg") center center no-repeat;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
}
@media all and (max-width: 640px) {
  .field_select .field__select {
    width: 100%;
  }
}
.field_select .field__select-content {
  display: none;
  flex-direction: column;
  width: 100%;
  position: absolute;
  bottom: -1px;
  transform: translateY(100%);
  left: 0;
  background-color: #ffffff;
  box-shadow: 0px 25px 50px rgba(17, 31, 52, 0.1);
  border-radius: 1.5rem;
  padding: 1.6rem;
}
.field_select .field__select-content-item:not(:first-child) {
  margin-top: 1rem;
}
.field_search {
  position: relative;
  margin-right: 1.6rem;
}
@media all and (max-width: 800px) {
  .field_search {
    margin-right: 0;
  }
}
.field_search .field__input {
  width: 100%;
  min-width: 56.2rem;
  max-width: 56.2rem;
  min-height: 5rem;
  border: 1px solid #EBF1F9;
  position: relative;
  background-color: #ffffff;
  border-radius: 1.5rem;
  padding: 1.5rem;
  padding-left: 5.6rem;
  outline-width: 0;
  transition: 0.2s ease-out;
}
@media all and (max-width: 800px) {
  .field_search .field__input {
    max-width: 100%;
    min-width: auto;
  }
}
.field_search .field__input:focus {
  border-color: #161B28;
  transition: 0.2s ease-in;
}
.field_search .field__label {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 1.6rem;
  transform: translateY(-50%);
  z-index: 2;
}
.field__input {
  outline-width: 0;
  cursor: pointer;
  min-height: 5rem;
  border: 1px solid #EBF1F9;
  width: 100%;
  transition: all 0.2s ease-out;
  background-color: #ffffff;
  border-radius: 1.5rem;
  padding: 1.5rem 1.6rem;
}
.field__input:focus {
  border-color: rgba(22, 27, 40, 0.5);
  transition: all 0.2s ease-in;
}
@media all and (max-width: 450px) {
  .field__input {
    font-size: 1.6rem;
  }
}
.field__wrapper {
  position: relative;
}
.field .field__label {
  font-weight: 600;
  margin-bottom: 1rem;
  cursor: pointer;
}
.field .field__label_invalid {
  color: #E02020;
  font-size: 1.2rem;
  line-height: 1.5rem;
  margin-top: 0.5rem;
  font-weight: 400;
}

.tabs {
  font-size: 1.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tabs__row {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 3.5rem;
}
@media all and (max-width: 650px) {
  .tabs__row {
    margin-bottom: 2rem;
  }
}
.tabs__item {
  display: flex;
  flex-direction: column;
}
.tabs__item:not(:last-child) {
  margin-right: 1.6rem;
}
.tabs__item.active .tabs__item-title {
  background-color: #FF623F;
  color: #ffffff;
  fill: #ffffff;
  transition: all 0.2s ease;
}
@media all and (max-width: 600px) {
  .tabs__item.active .tabs__item-title svg {
    margin-right: 1rem;
  }
  .tabs__item.active .tabs__item-title .tabs__item-title-text {
    display: block;
  }
}
.tabs__item.active .tabs__item-content {
  display: flex;
  flex-direction: column;
}
.tabs__item > input[type=radio] {
  display: none;
}
.tabs__item-title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1.5rem;
  height: 100%;
  min-height: 3rem;
  padding: 0.5rem 4rem;
  border-radius: 1.5rem;
  background-color: #FFE8E2;
  cursor: pointer;
  transition: all 0.2s ease;
}
@media all and (max-width: 600px) {
  .tabs__item-title {
    padding: 0.7rem 2rem;
  }
}
@media all and (max-width: 350px) {
  .tabs__item-title {
    padding: 0.5rem 1.5rem;
  }
}
.tabs__item-title svg {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 1rem;
}
@media all and (max-width: 600px) {
  .tabs__item-title svg {
    margin-right: 0;
  }
}
@media all and (max-width: 600px) {
  .tabs__item-title-text {
    display: none;
  }
}
.tabs__item-scrollbar {
  overflow: auto;
  height: auto;
}
.tabs__content-item {
  position: relative;
  width: 100%;
  display: none;
  flex-direction: column;
}
.tabs__content-item.active {
  display: flex;
}

.map {
  width: 100%;
  height: 50rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: url("./src/assets/img/map.png") center center no-repeat;
  background-size: cover;
}

.widget_map {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
}
.widget_map .widget__icon {
  width: 4rem;
  height: 4.8rem;
  position: relative;
}
.widget_map .widget__tooltip {
  max-height: 8rem;
  width: 40rem;
  display: flex;
  background-color: #ffffff;
  border-radius: 1.5rem;
  box-shadow: 0px 25px 50px rgba(17, 31, 52, 0.1);
  position: absolute;
  top: -0.8rem;
  left: 50%;
  transform: translate(-50%, -100%);
}
@media all and (max-width: 650px) {
  .widget_map .widget__tooltip {
    width: 28rem;
  }
}
.widget_map .widget__tooltip::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 0.9rem solid transparent;
  border-right: 0.9rem solid transparent;
  border-top: 1.5rem solid #ffffff;
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translate(-50%, 100%);
}
.widget_map .widget__tooltip-col {
  padding: 1rem 2rem;
  width: 100%;
}
@media all and (max-width: 650px) {
  .widget_map .widget__tooltip-col {
    padding: 1rem 2rem 1rem 0;
  }
}
.widget_map .widget__tooltip-col h4 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  line-height: 2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 21rem;
}
.widget_map .widget__tooltip-col p {
  margin-bottom: 0.5rem;
}
.widget_map .widget__tooltip-col .widget__tooltip-tags {
  font-weight: 600;
}
.widget_map .widget__tooltip-col .widget__tooltip-tags, .widget_map .widget__tooltip-col p {
  max-width: 29.5rem;
  font-size: 1.2rem;
  line-height: 1.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media all and (max-width: 650px) {
  .widget_map .widget__tooltip-col .widget__tooltip-tags, .widget_map .widget__tooltip-col p {
    max-width: 21rem;
  }
}
.widget_map .widget__tooltip-img {
  height: 100%;
}
@media all and (max-width: 650px) {
  .widget_map .widget__tooltip-img {
    border-radius: 0.5rem;
    height: auto;
    width: 100%;
    min-height: 3.3rem;
  }
}
.widget_map .widget__tooltip-header {
  width: 8rem;
  max-height: 8.5rem;
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem 0 0 1.5rem;
  flex-shrink: 0;
}
@media all and (max-width: 650px) {
  .widget_map .widget__tooltip-header {
    width: 5.3rem;
    padding: 1rem;
  }
}

.popup {
  align-items: center;
  justify-content: center;
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(22, 27, 40, 0.5);
  display: none;
}
.popup.active {
  display: flex;
}
.popup__content {
  background-color: #ffffff;
  width: 100%;
  max-width: 60rem;
  padding: 5rem;
  border-radius: 1.5rem;
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 450px) {
  .popup__content {
    max-width: 100%;
    height: 100%;
    border-radius: 0;
  }
  .popup__content h2 {
    font-size: 2.5rem;
    margin-bottom: 2rem;
  }
}
.popup p {
  color: rgba(22, 27, 40, 0.5);
}
.popup .btn, .popup .btn_main, .popup .btn_secondary, .popup .btn_outline, .popup .btn_round, .popup .btn_play {
  margin-top: 3.5rem;
}
@media all and (max-width: 450px) {
  .popup .btn, .popup .btn_main, .popup .btn_secondary, .popup .btn_outline, .popup .btn_round, .popup .btn_play {
    margin-top: 2rem;
  }
}
.popup .btn_close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin-top: 0;
}
@media all and (max-width: 450px) {
  .popup .btn_close {
    top: 0;
    right: 0;
  }
}

.search__block-not-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.search__block-not-found img {
  margin-top: 5rem;
}
@media all and (max-width: 450px) {
  .search__block-not-found img {
    margin-top: 4rem;
  }
}
.search__form {
  width: 100%;
  max-width: 74.2rem;
  display: flex;
  margin: 0 auto;
}
@media all and (max-width: 800px) {
  .search__form {
    flex-direction: column;
    max-width: 100%;
  }
}
.search__form .btn_search {
  min-width: 16.4rem;
}
@media all and (max-width: 800px) {
  .search__form .btn_search {
    margin-top: 2rem;
  }
}
.search__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 3rem;
  margin-top: 3.5rem;
}
@media all and (max-width: 450px) {
  .search__list {
    margin-top: 3rem;
  }
}
.search__item:not(:last-child) {
  margin-bottom: 3.5rem;
}
@media all and (max-width: 450px) {
  .search__item:not(:last-child) {
    margin-bottom: 2rem;
  }
}

.form__group {
  width: 100%;
  display: flex;
}
.form_register {
  width: 100%;
  max-width: 57rem;
  margin: 0 auto;
  text-align: left;
  margin-bottom: 2rem;
  font-size: 1.5rem;
  display: flex;
  flex-direction: column;
}
.form_register .form__group {
  display: flex;
  margin-bottom: 1.5rem;
}
.form_register .form__group:first-child {
  margin-bottom: 2.5rem;
}
@media all and (max-width: 650px) {
  .form_register .form__group {
    flex-direction: column;
    margin-bottom: 2rem;
  }
  .form_register .form__group:first-child {
    margin-bottom: 2rem;
  }
}
.form_register .btn_register {
  margin: 0 auto;
  width: 100%;
  max-width: 35rem;
}
.form_auth {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.form_auth .form__group {
  justify-content: center;
  margin-bottom: 1.6rem;
}
@media all and (max-width: 650px) {
  .form_auth .form__group {
    flex-direction: column;
  }
}
.form_auth .checkbox {
  margin-right: auto;
}
.form_auth .btn_auth {
  min-width: 19rem;
  margin-right: 1rem;
}

.user {
  width: 100%;
}
.user__avatar {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  margin-right: 1rem;
}

.notify {
  width: 100%;
  display: flex;
  font-size: 1.5rem;
  color: #161B28;
  border-radius: 1.5rem;
}
.notify_warning {
  align-items: center;
  padding: 1.5rem 3rem;
  justify-content: space-between;
  background-color: #FFF2EF;
  margin-top: 2.5rem;
}
@media all and (max-width: 450px) {
  .notify_warning {
    margin-top: 2rem;
    align-items: flex-start;
    padding: 2rem;
  }
}
.notify_warning .notify__text {
  display: flex;
  flex-wrap: wrap;
}
.notify_warning .notify__text-title {
  font-weight: 700;
  color: #FF623F;
  margin-right: 1rem;
}
.notify_warning .notify__close-btn {
  display: block;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  cursor: pointer;
}

.video-fragment {
  font-size: 1.5rem;
}
.video-fragment__timeline {
  width: 100%;
}
.video-fragment__timeline-bar {
  position: relative;
  display: flex;
  width: 100%;
  border-radius: 1.5rem;
}
.video-fragment__timeline-bar-list {
  display: flex;
  height: 100%;
  width: 100%;
  border-radius: 1.5rem;
  overflow: hidden;
}
.video-fragment__timeline-bar-list-item {
  flex: 1;
  flex-shrink: 0;
  min-width: 2.5rem;
  background-color: #EBF1F9;
  min-height: 1.7rem;
  margin-right: 1px;
  transition: all 0.2s ease;
}
.video-fragment__timeline-bar-list-item.active {
  background-color: #36A27B;
  transition: all 0.2s ease;
}
.video-fragment__timeline-btn {
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translateY(-50%);
  padding: 0.5rem 1rem;
  border-radius: 1.5rem;
  background-color: #ffffff;
  border: 2px solid #36A27B;
  cursor: pointer;
}
.video-fragment__timeline-time {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 1rem;
  font-size: 1.5rem;
}
.video-fragment__content {
  margin-top: 1.5rem;
  display: flex;
}
@media all and (max-width: 1200px) {
  .video-fragment__content {
    flex-direction: column;
    align-items: center;
    margin: 2rem auto 0px;
    max-width: 77rem;
  }
}
.video-fragment__player {
  margin-right: 3rem;
  width: 100%;
}
@media all and (max-width: 1200px) {
  .video-fragment__player {
    margin-right: 0;
  }
}
.video-fragment__player-video {
  background-color: #9EA8B4;
  width: 100%;
  display: flex;
  min-height: 43rem;
  border-radius: 1.5rem;
  overflow: hidden;
  position: relative;
}
@media all and (max-width: 700px) {
  .video-fragment__player-video {
    min-height: 35rem;
  }
}
@media all and (max-width: 550px) {
  .video-fragment__player-video {
    min-height: 30rem;
  }
}
@media all and (max-width: 450px) {
  .video-fragment__player-video {
    min-height: 20rem;
  }
}
.video-fragment__player-video video {
  width: 100%;
  height: 100%;
  min-height: 43rem;
  border-radius: 1.5rem;
  overflow: hidden;
}
@media all and (max-width: 700px) {
  .video-fragment__player-video video {
    min-height: 35rem;
  }
}
@media all and (max-width: 550px) {
  .video-fragment__player-video video {
    min-height: 30rem;
  }
}
@media all and (max-width: 450px) {
  .video-fragment__player-video video {
    min-height: 20rem;
  }
}
.video-fragment__player-video-btn-fullscreen {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #EBF1F9;
  padding: 0.5rem;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.video-fragment__player-timeline {
  width: 100%;
  height: 2rem;
  border-radius: 1.5rem;
  background: url("./src/assets/icons/player-bg.svg") center center repeat-x;
  background-size: contain;
  margin-top: 3.1rem;
  position: relative;
}
.video-fragment__player-timeline-time {
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: absolute;
  top: -5px;
  transform: translateY(-100%);
  left: 0;
}
.video-fragment__player-timeline-time div.hidden {
  display: none;
}
.video-fragment__player-timeline-progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 20%;
  background-color: rgba(54, 162, 123, 0.1);
  border-radius: 1.5rem 0 0 1.5rem;
}
.video-fragment__player-timeline-tags {
  width: 100%;
  height: 0;
  position: absolute;
  bottom: -3px;
  left: 0;
  display: flex;
  align-items: flex-start;
}
.video-fragment__player-timeline-tags-item {
  width: 3rem;
  height: 3rem;
  padding: 0.5rem;
  position: relative;
  border-radius: 50%;
  position: absolute;
  top: 0;
  background-color: #ffffff;
  cursor: pointer;
}
.video-fragment__player-timeline-tags-item::before {
  content: "";
  display: block;
  width: 4px;
  height: 25px;
  border-radius: 2px 2px 0 0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
}
.video-fragment__player-timeline-tags-item svg {
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
  z-index: 2;
}
.video-fragment__player-timeline-tags-item_green, .video-fragment__player-timeline-tags-item_grey {
  border: 2px solid #36A27B;
  color: #36A27B;
}
.video-fragment__player-timeline-tags-item_green::before, .video-fragment__player-timeline-tags-item_grey::before {
  background-color: #36A27B;
}
.video-fragment__player-timeline-tags-item_green svg, .video-fragment__player-timeline-tags-item_grey svg {
  fill: #36A27B;
}
.video-fragment__player-timeline-tags-item_green.active, .video-fragment__player-timeline-tags-item_grey.active {
  animation: blink-green 1s ease infinite;
}
.video-fragment__player-timeline-tags-item_green.active svg, .video-fragment__player-timeline-tags-item_grey.active svg {
  animation: svg-blink-green 1s ease infinite;
}
.video-fragment__player-timeline-tags-item_grey {
    opacity:0.4;
}
.video-fragment__player-timeline-tags-item_red {
  border: 2px solid #D03030;
}
.video-fragment__player-timeline-tags-item_red::before {
  background-color: #D03030;
}
.video-fragment__player-timeline-tags-item_red svg {
  fill: #D03030;
}
.video-fragment__player-timeline-tags-item_red.active {
  animation: blink-red 1s ease infinite;
}
.video-fragment__player-timeline-tags-item_red.active svg {
  animation: svg-blink-red 1s ease infinite;
}
.video-fragment__player-timeline-tags-item_yellow {
  border: 2px solid #FCBD08;
}
.video-fragment__player-timeline-tags-item_yellow::before {
  background-color: #FCBD08;
}
.video-fragment__player-timeline-tags-item_yellow svg {
  fill: #FCBD08;
}
.video-fragment__player-timeline-tags-item_yellow.active {
  animation: blink-yellow 1s ease infinite;
}
.video-fragment__player-timeline-tags-item_yellow.active svg {
  animation: svg-blink-yellow 1s ease infinite;
}
.video-fragment__player-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5rem;
  margin-left: auto;
  position: relative;
}
@media all and (max-width: 450px) {
  .video-fragment__player-controls {
    flex-wrap: wrap;
  }
}
.video-fragment__player-controls_time {
  margin: 0;
}
.video-fragment__player-controls_time .btn_time {
  display: flex;
  align-items: center;
}
.video-fragment__player-controls_time .btn_time:first-child {
  margin-right: 2.5rem;
}
.video-fragment__player-controls_time .btn_time:first-child img {
  margin-left: 0.8rem;
}
.video-fragment__player-controls_time .btn_time:last-child {
  margin-left: 2.5rem;
}
.video-fragment__player-controls_time .btn_time:last-child img {
  margin-right: 0.8rem;
}
.video-fragment__player-controls_speed {
  margin: 0;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media all and (max-width: 800px) {
  .video-fragment__player-controls-label_speed {
    display: none;
  }
}
.video-fragment__player-speed-selector {
  display: flex;
  align-items: center;
  margin-left: 1rem;
  position: relative;
}
.video-fragment__player-speed-selector .btn, .video-fragment__player-speed-selector .btn_main, .video-fragment__player-speed-selector .btn_secondary, .video-fragment__player-speed-selector .btn_outline, .video-fragment__player-speed-selector .btn_round, .video-fragment__player-speed-selector .btn_play {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #EBF1F9;
  border-radius: 5px;
  padding: 0;
  min-height: auto;
  position: relative;
}
@media all and (max-width: 800px) {
  .video-fragment__player-speed-selector .btn, .video-fragment__player-speed-selector .btn_main, .video-fragment__player-speed-selector .btn_secondary, .video-fragment__player-speed-selector .btn_outline, .video-fragment__player-speed-selector .btn_round, .video-fragment__player-speed-selector .btn_play {
    display: none;
  }
}
.video-fragment__player-speed-selector .btn_plus {
  margin-left: 0.5rem;
}
.video-fragment__player-speed-selector .btn_plus::before, .video-fragment__player-speed-selector .btn_plus::after {
  content: "";
  display: block;
  background-color: #161B28;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video-fragment__player-speed-selector .btn_plus::before {
  width: 2px;
  height: 11px;
}
.video-fragment__player-speed-selector .btn_plus::after {
  width: 11px;
  height: 2px;
}
.video-fragment__player-speed-selector .btn_minus {
  margin-right: 0.5rem;
}
.video-fragment__player-speed-selector .btn_minus::before {
  content: "";
  display: block;
  background-color: #161B28;
  width: 11px;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video-fragment__player-speed-selector-value {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.video-fragment__player-speed-selector-value img {
  display: none;
}
@media all and (max-width: 800px) {
  .video-fragment__player-speed-selector-value img {
    display: flex;
    margin-left: 0.5rem;
  }
}
.video-fragment__player-speed-selector-dropdown {
  display: none;
}
@media all and (max-width: 800px) {
  .video-fragment__player-speed-selector-dropdown {
    background-color: #ffffff;
    width: 100%;
    width: 6rem;
    padding: 0.5rem 0;
    border-radius: 1.5rem;
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
  }
  .video-fragment__player-speed-selector-dropdown.active {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.video-fragment__player-speed-selector-dropdown-item {
  display: flex;
  justify-content: center;
  cursor: pointer;
  width: 100%;
  padding: 0 1.5rem;
}
.video-fragment__player-speed-selector-dropdown-item:not(:last-child) {
  margin-bottom: 0.5rem;
}
.video-fragment__player-btns {
  display: flex;
  margin-top: 1.5rem;
  width: 100%;
  justify-content: space-between;
}
@media all and (max-width: 820px) {
  .video-fragment__player-btns {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.video-fragment__player-btns .btn, .video-fragment__player-btns .btn_main, .video-fragment__player-btns .btn_secondary, .video-fragment__player-btns .btn_outline, .video-fragment__player-btns .btn_round, .video-fragment__player-btns .btn_play {
  flex: 1;
  flex-shrink: 0;
  display: flex;
  padding: 1.4rem 2rem 1.6rem;
}
@media all and (max-width: 820px) {
  .video-fragment__player-btns .btn, .video-fragment__player-btns .btn_main, .video-fragment__player-btns .btn_secondary, .video-fragment__player-btns .btn_outline, .video-fragment__player-btns .btn_round, .video-fragment__player-btns .btn_play {
    margin: 0.5rem;
    flex: auto;
    width: 100%;
    min-width: 18.5rem;
    max-width: 18.5rem;
  }
}
@media all and (max-width: 450px) {
  .video-fragment__player-btns .btn, .video-fragment__player-btns .btn_main, .video-fragment__player-btns .btn_secondary, .video-fragment__player-btns .btn_outline, .video-fragment__player-btns .btn_round, .video-fragment__player-btns .btn_play {
    min-width: 13rem;
    max-width: 46%;
    padding: 1.4rem 1rem 1.6rem;
  }
}
.video-fragment__player-btns .btn:not(:last-child), .video-fragment__player-btns .btn_main:not(:last-child), .video-fragment__player-btns .btn_secondary:not(:last-child), .video-fragment__player-btns .btn_outline:not(:last-child), .video-fragment__player-btns .btn_round:not(:last-child), .video-fragment__player-btns .btn_play:not(:last-child) {
  margin-right: 1rem;
}
@media all and (max-width: 820px) {
  .video-fragment__player-btns .btn:not(:last-child), .video-fragment__player-btns .btn_main:not(:last-child), .video-fragment__player-btns .btn_secondary:not(:last-child), .video-fragment__player-btns .btn_outline:not(:last-child), .video-fragment__player-btns .btn_round:not(:last-child), .video-fragment__player-btns .btn_play:not(:last-child) {
    margin-right: 0.5rem;
  }
}
.video-fragment__player-btns .btn img, .video-fragment__player-btns .btn_main img, .video-fragment__player-btns .btn_secondary img, .video-fragment__player-btns .btn_outline img, .video-fragment__player-btns .btn_round img, .video-fragment__player-btns .btn_play img {
  margin-right: 0.5rem;
}
@media all and (max-width: 450px) {
  .video-fragment__player-btns .btn img, .video-fragment__player-btns .btn_main img, .video-fragment__player-btns .btn_secondary img, .video-fragment__player-btns .btn_outline img, .video-fragment__player-btns .btn_round img, .video-fragment__player-btns .btn_play img {
    display: none;
  }
}
.video-fragment__sidebar {
  width: 100%;
  max-width: 37rem;
  margin-left: auto;
  flex-shrink: 0;
}
@media all and (max-width: 1200px) {
  .video-fragment__sidebar {
    margin: 4rem auto 0;
    max-width: 100%;
  }
}
.video-fragment__card_notes, .video-fragment__card_official-turnout, .video-fragment__card_fact-turnout, .video-fragment__card_join {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2rem;
}
.video-fragment__card_notes .video-fragment__card-title, .video-fragment__card_official-turnout .video-fragment__card-title, .video-fragment__card_fact-turnout .video-fragment__card-title, .video-fragment__card_join .video-fragment__card-title {
  font-size: 2rem;
  margin-bottom: 1rem;
}
.video-fragment__card_notes .video-fragment__card-value, .video-fragment__card_official-turnout .video-fragment__card-value, .video-fragment__card_fact-turnout .video-fragment__card-value, .video-fragment__card_join .video-fragment__card-value {
  font-size: 4.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.video-fragment__card_official-turnout, .video-fragment__card_fact-turnout {
  background-color: #EBF1F9;
  border: none;
}
.video-fragment__card_notes, .video-fragment__card_fact-turnout {
  margin-bottom: 1rem;
}
.video-fragment__card_notes .video-fragment__card-value, .video-fragment__card_fact-turnout .video-fragment__card-value {
  font-size: 4.5rem;
  color: #FF623F;
  font-weight: 700;
  margin-bottom: 1rem;
}
.video-fragment__card_notes, .video-fragment__card_join {
  border-radius: 1.5rem;
}
.video-fragment__card_notes {
  border-radius: 1.5rem;
  border: 1px dashed #FF623F;
}
.video-fragment__card_official-turnout {
  border-radius: 1.5rem 1.5rem 0 0;
  margin-bottom: 0.1rem;
}
.video-fragment__card_official-turnout .video-fragment__card-value {
  margin-bottom: 0;
}
.video-fragment__card_fact-turnout {
  border-radius: 0 0 1.5rem 1.5rem;
}
.video-fragment__card_join {
  padding: 2rem;
  background-color: #FFF2EF;
}
.video-fragment__card_join bgc .btn, .video-fragment__card_join bgc .btn_main, .video-fragment__card_join bgc .btn_secondary, .video-fragment__card_join bgc .btn_outline, .video-fragment__card_join bgc .btn_round, .video-fragment__card_join bgc .btn_play {
  min-width: 19rem;
}

@keyframes blink-red {
  0% {
    fill: #D03030;
    background-color: transparent;
  }
  50% {
    fill: #ffffff;
    background-color: #D03030;
  }
  100% {
    fill: #D03030;
    background-color: transparent;
  }
}
@keyframes svg-blink-red {
  0% {
    fill: #D03030;
  }
  50% {
    fill: #ffffff;
  }
  100% {
    fill: #D03030;
  }
}
@keyframes blink-yellow {
  0% {
    fill: #FCBD08;
    background-color: transparent;
  }
  50% {
    fill: #ffffff;
    background-color: #FCBD08;
  }
  100% {
    fill: #FCBD08;
    background-color: transparent;
  }
}
@keyframes svg-blink-yellow {
  0% {
    fill: #FCBD08;
  }
  50% {
    fill: #ffffff;
  }
  100% {
    fill: #FCBD08;
  }
}
@keyframes blink-green {
  0% {
    background-color: transparent;
    color: #36A27B;
  }
  50% {
    background-color: #36A27B;
    color: #ffffff;
  }
  100% {
    background-color: transparent;
    color: #36A27B;
  }
}
@keyframes svg-blink-green {
  0% {
    fill: #36A27B;
  }
  50% {
    fill: #ffffff;
  }
  100% {
    fill: #36A27B;
  }
}
.mb_10 {
  margin-bottom: 1rem;
}
.mb_20 {
  margin-bottom: 2rem;
}

.mr_10 {
  margin-right: 1rem;
}

.mt_2 {
  margin-top: 0.2rem;
}

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

.font-weight_600 {
  font-weight: 600;
}

.font-size_20 {
  font-size: 2rem;
}

.margin_auto {
  margin: auto;
}

.position_relative {
  position: relative;
}

.top_2 {
  top: 0.2rem;
}

.nightmoves-bar {
    position:relative;overflow:hidden;height:23px;border:1px solid rgba(200,200,200,0.5);
}

.nightmoves-bar > div {
    cursor:pointer;position:absolute;border:1px solid lightblue;height:20px;
}

.nightmoves-bar > div:hover {
    background: lightblue;
    border:1px solid blue;
}

#night-container:fullscreen {
    background-color:white;
}

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