@charset "UTF-8";
/* Миксины */
* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: inherit;
}

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

button {
  cursor: pointer;
}

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

a,
a:visited {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

textarea {
  resize: vertical;
}

/* Шрифты */
@font-face {
  font-family: "Gilroy";
  src: url("/local/templates/dosug/fonts/Gilroy-ExtraBold.eot");
  src: url("/local/templates/dosug/fonts/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosug/fonts/Gilroy-ExtraBold.woff2") format("woff2"), url("/local/templates/dosug/fonts/Gilroy-ExtraBold.woff") format("woff"), url("/local/templates/dosug/fonts/Gilroy-ExtraBold.ttf") format("truetype"), url("/local/templates/dosug/fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("/local/templates/dosug/fonts/Gilroy-SemiBold.eot");
  src: url("/local/templates/dosug/fonts/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosug/fonts/Gilroy-SemiBold.woff2") format("woff2"), url("/local/templates/dosug/fonts/Gilroy-SemiBold.woff") format("woff"), url("/local/templates/dosug/fonts/Gilroy-SemiBold.ttf") format("truetype"), url("/local/templates/dosug/fonts/Gilroy-SemiBold.svg#Gilroy-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("/local/templates/dosug/fonts/Gilroy-Medium.eot");
  src: url("/local/templates/dosug/fonts/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosug/fonts/Gilroy-Medium.woff2") format("woff2"), url("/local/templates/dosug/fonts/Gilroy-Medium.woff") format("woff"), url("/local/templates/dosug/fonts/Gilroy-Medium.ttf") format("truetype"), url("/local/templates/dosug/fonts/Gilroy-Medium.svg#Gilroy-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("/local/templates/dosug/fonts/Gilroy-Bold.eot");
  src: url("/local/templates/dosug/fonts/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosug/fonts/Gilroy-Bold.woff2") format("woff2"), url("/local/templates/dosug/fonts/Gilroy-Bold.woff") format("woff"), url("/local/templates/dosug/fonts/Gilroy-Bold.ttf") format("truetype"), url("/local/templates/dosug/fonts/Gilroy-Bold.svg#Gilroy-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("/local/templates/dosug/fonts/Gilroy-Light.eot");
  src: url("/local/templates/dosug/fonts/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosug/fonts/Gilroy-Light.woff2") format("woff2"), url("/local/templates/dosug/fonts/Gilroy-Light.woff") format("woff"), url("/local/templates/dosug/fonts/Gilroy-Light.ttf") format("truetype"), url("/local/templates/dosug/fonts/Gilroy-Light.svg#Gilroy-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("/local/templates/dosug/fonts/Gilroy-Regular.eot");
  src: url("/local/templates/dosug/fonts/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosug/fonts/Gilroy-Regular.woff2") format("woff2"), url("/local/templates/dosug/fonts/Gilroy-Regular.woff") format("woff"), url("/local/templates/dosug/fonts/Gilroy-Regular.ttf") format("truetype"), url("/local/templates/dosug/fonts/Gilroy-Regular.svg#Gilroy-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html,
body {
  font-family: "Gilroy", sans-serif;
  font-weight: normal;
  font-style: normal;
  background-color: white;
  color: #000000;
}
@media (max-width: 575.98px) {
  html,
  body {
    font-size: 0.2564102564vw !important;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  html,
  body {
    font-size: 0.1302083333vw !important;
  }
}
@media (min-width: 992px) {
  html,
  body {
    font-size: 0.0578703704vw !important;
  }
}

body {
  padding-top: 124rem;
}
@media (max-width: 575.98px) {
  body {
    padding-top: 119rem;
  }
}

.wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  font-size: 16rem;
}
.wrapper .main {
  flex: 1 1 auto;
}

.container {
  width: 100%;
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 575.98px) {
  .container {
    padding: 0 15rem;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .container {
    padding: 0 30rem;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 1200rem;
    padding: 0 15rem;
  }
}

.text p {
  line-height: 1.4;
}
.text p:not(:last-child) {
  margin-bottom: 0.7em;
}
.text li {
  position: relative;
  padding-left: 1.5em;
  line-height: 1.8;
}
.text ul,
.text ol {
  margin: 0 0 1.2em 0;
  position: relative;
  list-style: none;
  padding: 0;
}
.text ul li:before,
.text ol li:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
}
.text ol {
  counter-reset: num;
}
.text ol li:before {
  content: counter(num) ")";
  counter-increment: num;
}
.text ul li:before {
  content: "—";
}
.text a {
  color: inherit;
  transition: 0.2s;
  font-weight: 700;
  text-decoration: underline;
}
.text a:hover {
  color: #f5e400;
}

.svg {
  display: flex;
}

._lock {
  height: 100%;
  overflow: hidden;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12rem 25rem;
  border-radius: 100px;
  background: white;
  font-size: 18rem;
  transition: 0.3s;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500 !important;
  text-decoration: none !important;
  white-space: nowrap;
}
.btn._yellow {
  background: #f5e400;
  border: 1rem solid #f5e400;
}
.btn:hover {
  background: #f5e400;
  border: 1rem solid #f5e400;
}
.btn:hover._yellow {
  background: white;
  border: 1rem solid #f5e400;
}
.btn:disabled {
  background-color: #6C778D;
  cursor: not-allowed;
}
@media (max-width: 991.98px) {
  .btn {
    font-size: 16rem;
  }
}

.lazy {
  background-image: none !important;
}

.link {
  transition: 0.3s;
}
.link:hover, .link._active {
  color: #f5e400;
}

mark {
  padding: 0 0.3em 0.1em;
  background-color: #f5e400;
  border-radius: 100px;
  color: inherit;
}

.header {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.0509803922);
  z-index: 1000;
  background-color: white;
  position: fixed;
  top: 0;
  width: 100%;
}

.bvi-panel {
  position: relative !important;
}

.header-top__body {
  background-color: #E9ECF3;
  padding: 10rem 0;
}
.header-top__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 575.98px) {
  .header-top__row {
    gap: 25rem;
  }
}
.header-top__bvi-btn {
  display: flex;
  align-items: center;
  gap: 16rem;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .header-top__bvi-btn {
    gap: 12rem;
  }
}
.header-top__bvi-btn svg {
  width: 32rem;
  height: 32rem;
  flex: none;
}
.header-top__bvi-btn span {
  font-weight: 500;
  font-size: 14rem;
  line-height: 100%;
}
@media (max-width: 575.98px) {
  .header-top__bvi-btn span {
    font-size: 12rem;
  }
}
.header-top__help-project {
  font-weight: 600;
  font-size: 16rem;
  line-height: 120%;
  text-align: center;
  color: #363838 !important;
  padding: 9rem 18rem;
  border-radius: 50px;
  background-color: #f5e400;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  transition: 0.2s;
}
.header-top__help-project:hover {
  background-color: #F1F500;
}
@media (max-width: 575.98px) {
  .header-top__help-project {
    padding: 10rem 15rem;
    font-size: 14rem;
  }
}

.header-panel__body {
  padding: 12rem 0;
  background-color: white;
}
.header-panel__items {
  display: flex;
  align-items: center;
}
.header-panel__logo {
  margin-right: 40rem;
}
.header-panel__logo img {
  width: 289rem;
}
@media (max-width: 575.98px) {
  .header-panel__logo img {
    width: 256rem;
  }
}
.header-panel__add-organization {
  font-weight: 500;
  font-size: 18rem;
  line-height: 1;
  color: #212121;
  border-radius: 50px;
  padding: 10rem 16rem;
  background-color: #E9ECF3;
  cursor: pointer;
  transition: 0.2s;
}
.header-panel__add-organization:hover {
  background-color: #F1F500;
}
@media (max-width: 575.98px) {
  .header-panel__add-organization {
    display: none;
  }
}
.header-panel__nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 auto;
  gap: 20rem;
}
@media (max-width: 991.98px) {
  .header-panel__menu {
    display: none;
  }
}
.header-panel__menu ul {
  display: flex;
  align-items: center;
  gap: 4rem;
}
.header-panel__menu ul li a {
  padding: 12rem 16rem;
  color: #212121;
  font-weight: 500;
  font-size: 18rem;
  line-height: 1;
  display: block;
  border-radius: 50px;
  padding: 10rem 16rem;
  transition: 0.2s;
  background-color: transparent;
}
.header-panel__menu ul li a.selected {
  background-color: #f5e400;
}
.header-panel__menu ul li a:hover {
  background-color: #F1F500;
}
@media (max-width: 991.98px) {
  .header-panel__like {
    display: none;
  }
}
.header-panel__like {
  cursor: pointer;
  pointer-events: none;
}
.header-panel__like svg {
  width: 38rem;
  height: 38rem;
  display: flex;
}
.header-panel__like svg rect {
  transition: 0.2s;
}
.header-panel__like:hover svg rect {
  fill: #F1F500;
}
.header-panel__like._active svg rect {
  fill: #f5e400;
}
.header-panel__like._active {
  pointer-events: auto;
}

.mob-menu-burger {
  display: none;
  cursor: pointer;
}
@media (max-width: 991.98px) {
  .mob-menu-burger {
    display: block;
  }
}
.mob-menu-burger svg {
  width: 38rem;
  height: 38rem;
  display: flex;
  transition: 0.2s;
}
.mob-menu-burger svg:first-child {
  display: block;
}
.mob-menu-burger svg:last-child {
  display: none;
}
.mob-menu-burger._active svg:first-child {
  display: none;
}
.mob-menu-burger._active svg:last-child {
  display: block;
}

.popup {
  position: fixed;
  top: 0;
  right: 0;
  width: 630rem;
  height: 100%;
  z-index: 900;
  box-shadow: 0px -10px 20px 0px rgba(0, 0, 0, 0.4);
  display: none;
  background-color: white;
  transition: 0.3s;
  transform: translateX(100%);
}
@media (max-width: 575.98px) {
  .popup {
    width: 100%;
  }
}
.popup__body {
  position: relative;
  height: 100%;
}
.popup__close {
  position: absolute;
  top: 15rem;
  right: 15rem;
  cursor: pointer;
  z-index: 100;
}
.popup__close svg {
  width: 40rem;
  height: 40rem;
}
.popup__content {
  padding: 40rem;
  height: 100%;
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .popup__content {
    padding: 40rem 15rem 0;
  }
}
.popup.menu .popup__close {
  display: none;
}

.shadow {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 800;
}

.popup-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.popup-menu ul li a {
  display: inline-block;
  padding: 10rem 16rem;
  border-radius: 50px;
  transition: 0.2s;
  font-size: 18rem;
  font-weight: 600;
  line-height: 1;
}
.popup-menu ul li a.selected {
  background-color: #f5e400;
}

.all-filters-popup__title {
  font-size: 24rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 15rem;
}
.all-filters-popup__clean {
  font-weight: 600;
  font-size: 14rem;
  line-height: 22rem;
  margin-bottom: 25rem;
  color: #6D43DB;
  cursor: pointer;
  display: flex;
}
.all-filters-popup__clean::after {
  content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_567_5920)'%3e%3cpath d='M20.25 5.25H3.75' stroke='%236D43DB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.75 9.75V15.75' stroke='%236D43DB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M14.25 9.75V15.75' stroke='%236D43DB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M18.75 5.25V19.5C18.75 19.6989 18.671 19.8897 18.5303 20.0303C18.3897 20.171 18.1989 20.25 18 20.25H6C5.80109 20.25 5.61032 20.171 5.46967 20.0303C5.32902 19.8897 5.25 19.6989 5.25 19.5V5.25' stroke='%236D43DB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.75 5.25V3.75C15.75 3.35218 15.592 2.97064 15.3107 2.68934C15.0294 2.40804 14.6478 2.25 14.25 2.25H9.75C9.35218 2.25 8.97064 2.40804 8.68934 2.68934C8.40804 2.97064 8.25 3.35218 8.25 3.75V5.25' stroke='%236D43DB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_567_5920'%3e%3crect width='24' height='24' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  margin-left: 10rem;
}
.all-filters-popup__items {
  border: 1px solid #E0E3E8;
  border-width: 1px 0;
  padding: 25rem 0;
  display: flex;
  flex-direction: column;
  row-gap: 25rem;
}
.all-filters-popup__actions {
  display: flex;
  gap: 10rem;
  margin-top: 20rem;
}
.all-filters-popup__actions > * {
  flex: 1;
  padding: 12rem 20rem;
  border-radius: 8rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 1;
  cursor: pointer;
  transition: 0.2s;
}
.all-filters-popup__submit {
  background-color: #6D43DB;
  border: 1px solid #6D43DB;
  color: white;
}
.all-filters-popup__submit:hover {
  border: 1px solid #5228C0;
  background-color: #5228C0;
}
.all-filters-popup__cancel {
  background-color: white;
  color: #6D43DB;
  border: 1px solid #6D43DB;
}
.all-filters-popup__cancel:hover {
  background-color: #5228C0;
  border: 1px solid #5228C0;
  color: white;
}
.all-filters-popup .filter-values-search__input {
  width: 50%;
}

.afp-item {
  position: relative;
}
.afp-item__name {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  color: #212121;
  display: flex;
  align-items: center;
  gap: 10rem;
  margin-bottom: 15rem;
}
.afp-item__name svg {
  display: none;
}
@media (max-width: 575.98px) {
  .afp-item__name {
    font-size: 16rem;
    gap: 8rem;
  }
}
.afp-item__params ul li:not(:last-child) {
  margin-bottom: 4rem;
}
.afp-item__params ul li label {
  font-weight: 500;
  font-size: 16rem;
  line-height: 1.2;
  position: relative;
  cursor: pointer;
}
.afp-item__params ul li label span {
  padding-left: 30rem;
}
.afp-item__params ul li label::before {
  content: "";
  display: block;
  width: 18rem;
  height: 18rem;
  background-color: transparent;
  position: absolute;
  transition: 0.2s;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 6px;
  border: 2px solid #C5C5C5;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.8547 0.278397C9.04602 -0.00857685 9.43476 -0.0863208 9.72189 0.104569C10.009 0.295988 10.087 0.684574 9.89572 0.971756L4.89572 8.47176C4.79186 8.62755 4.62307 8.7287 4.43674 8.74715C4.25057 8.76543 4.06512 8.69975 3.93283 8.56746L0.18283 4.81746C-0.0608399 4.57337 -0.0610468 4.17665 0.18283 3.93269C0.42678 3.68874 0.823486 3.689 1.0676 3.93269L4.27756 7.14265L8.8547 0.278397Z' fill='white'/%3e%3c/svg%3e");
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
}
.afp-item__params ul li label:hover:not(.disabled)::before {
  border: 2px solid #5228C0;
}
.afp-item__params ul li label:has(input:checked)::before {
  background-color: #5228C0;
  border: 2px solid #5228C0;
}
.afp-item__params ul li label.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.afp-item__params ul li input {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}
.afp-item:nth-child(1) ul, .afp-item:nth-child(2) ul {
  display: flex;
  gap: 8rem;
}
.afp-item:nth-child(1) ul li label, .afp-item:nth-child(2) ul li label {
  padding: 8rem 14rem;
  border-radius: 8rem;
  background-color: #E0E3E8;
  color: #363838;
  display: block;
  transition: 0.2s;
}
.afp-item:nth-child(1) ul li label span, .afp-item:nth-child(2) ul li label span {
  padding: 0;
}
.afp-item:nth-child(1) ul li label::before, .afp-item:nth-child(2) ul li label::before {
  display: none !important;
}
.afp-item:nth-child(1) ul li label:has(input:checked), .afp-item:nth-child(2) ul li label:has(input:checked) {
  background-color: #6D43DB;
  color: white;
}
.afp-item:nth-child(1) ul li label:hover:not(.disabled), .afp-item:nth-child(2) ul li label:hover:not(.disabled) {
  background-color: #5228C0;
  color: white;
}
.afp-item:nth-child(1) ul li label.disabled, .afp-item:nth-child(2) ul li label.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.breadcrumb {
  padding: 20rem 0 30rem;
  background: #F8F9FF;
}
@media (max-width: 575.98px) {
  .breadcrumb {
    padding: 15rem 0;
  }
}
.breadcrumb__back {
  font-weight: 500;
  font-size: 14rem;
  line-height: 1;
  color: #6C778D !important;
  padding: 9rem 14rem;
  border-radius: 50px;
  border: 1px solid #E0E3E8;
  display: inline-flex;
  align-items: center;
  gap: 6rem;
  background-color: white;
  margin-right: 30rem;
}
.breadcrumb__back svg {
  width: 20rem;
  height: 20rem;
}
@media (max-width: 575.98px) {
  .breadcrumb__back {
    padding: 8rem 14rem;
    font-size: 12rem;
  }
  .breadcrumb__back svg {
    width: 18rem;
    height: 18rem;
  }
}
.breadcrumb__items {
  display: flex;
  align-items: center;
  gap: 10rem;
}
@media (max-width: 575.98px) {
  .breadcrumb__items {
    justify-content: space-between;
  }
}
.breadcrumb__item {
  display: flex;
  align-items: center;
  gap: 10rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 1;
  color: #212121;
}
.breadcrumb__item i {
  color: #C5C5C5;
}
.breadcrumb__item a {
  color: #6C778D;
}
@media (max-width: 575.98px) {
  .breadcrumb__item {
    display: none;
  }
}

.find-todo__body {
  padding-bottom: 80rem;
  background: #F8F9FF;
}
@media (max-width: 991.98px) {
  .find-todo__body {
    padding-bottom: 60rem;
  }
}
@media (max-width: 575.98px) {
  .find-todo__body {
    padding-bottom: 40rem;
  }
}
.find-todo__body._home {
  padding-top: 80rem;
}
@media (max-width: 991.98px) {
  .find-todo__body._home {
    padding-top: 60rem;
  }
}
@media (max-width: 575.98px) {
  .find-todo__body._home {
    padding-top: 40rem;
  }
}
.find-todo__title {
  margin-bottom: 10rem;
}
.find-todo__title h2, .find-todo__title h1 {
  font-weight: 700;
  font-size: 48rem;
  line-height: 1.1;
}
@media (max-width: 575.98px) {
  .find-todo__title h2, .find-todo__title h1 {
    font-size: 40rem;
  }
}
.find-todo__subtitle {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  color: #6C778D;
}
.find-todo__filter {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.static-filter__body {
  padding-top: 40rem;
}
@media (max-width: 575.98px) {
  .static-filter__body {
    padding-top: 30rem;
  }
}
.static-filter__buttons {
  display: flex;
  margin-bottom: 20rem;
}
@media (min-width: 576px) {
  .static-filter__buttons {
    gap: 10rem;
  }
}
.static-filter__buttons span {
  padding: 10rem 5rem;
  font-weight: 500;
  background-color: transparent;
  font-size: 16rem;
  line-height: 120%;
  transition: 0.2s;
  cursor: pointer;
}
@media (min-width: 576px) {
  .static-filter__buttons span {
    border-radius: 12rem;
    border: 1px solid #6C778D;
    color: #6C778D;
    padding: 10rem 20rem;
  }
}
@media (max-width: 575.98px) {
  .static-filter__buttons span {
    text-align: center;
    flex: 1;
    border-bottom: 1px solid #C5C5C5;
    color: #C5C5C5;
  }
}
.static-filter__buttons span._active {
  color: #6D43DB;
  border-bottom: 1px solid #6D43DB;
}
@media (min-width: 576px) {
  .static-filter__buttons span._active {
    color: white;
    border: 1px solid #6D43DB;
    background-color: #6D43DB;
  }
}
@media (min-width: 576px) {
  .static-filter__buttons span:hover {
    background-color: #5228C0;
    color: white;
    border: 1px solid #5228C0;
  }
}
.static-filter__search {
  display: flex;
  align-items: center;
  padding: 8rem;
  background-color: white;
  gap: 10rem;
  border-radius: 16rem;
  box-shadow: 0px 0px 10px 0px rgba(194, 198, 217, 0.4);
  margin-bottom: 20rem;
}
@media (max-width: 575.98px) {
  .static-filter__search {
    padding: 6rem;
  }
}
.static-filter__search-input {
  position: relative;
  width: 100%;
}
.static-filter__search-input svg {
  position: absolute;
  left: 16rem;
  top: 50%;
  transform: translateY(-50%);
  width: 24rem;
  height: 24rem;
}
@media (max-width: 575.98px) {
  .static-filter__search-input svg {
    left: 9rem;
  }
}
.static-filter__search-input input {
  font-size: 16rem;
  line-height: 24rem;
  width: 100%;
  padding: 5rem 10rem 5rem 50rem;
}
.static-filter__search-input input::-moz-placeholder {
  color: #6C778D;
}
.static-filter__search-input input::placeholder {
  color: #6C778D;
}
@media (max-width: 575.98px) {
  .static-filter__search-input input {
    padding: 5rem 10rem 5rem 42rem;
  }
}
.static-filter__search-btn {
  padding: 10rem 40rem;
  border-radius: 8rem;
  font-weight: 600;
  background-color: #6D43DB;
  color: white;
  border: 1px solid #6D43DB;
  font-size: 16rem;
  line-height: 120%;
  transition: 0.2s;
}
.static-filter__search-btn:hover {
  background-color: #5228C0;
  border: 1px solid #5228C0;
}
@media (max-width: 575.98px) {
  .static-filter__search-btn {
    padding: 10rem 24rem;
  }
}
.static-filter__items {
  display: flex;
  gap: 8rem;
}
@media (max-width: 991.98px) {
  .static-filter__items {
    flex-wrap: wrap;
  }
}
.sf-item {
  position: relative;
}
@media (max-width: 991.98px) {
  .sf-item {
    flex: 1 1 calc(50% - 5rem);
  }
}
.sf-item__name {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  color: #212121;
  display: flex;
  align-items: center;
  gap: 10rem;
  padding: 8rem 4rem;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1607843137);
  border-radius: 12rem;
  background-color: white;
  border: 4rem solid white;
  cursor: pointer;
}
.sf-item__name svg {
  width: 24rem;
  height: 24rem;
  flex: 0 0 24rem;
  transition: 0.2s;
}
@media (max-width: 575.98px) {
  .sf-item__name svg {
    width: 18rem;
    height: 18rem;
    flex: 0 0 18rem;
  }
}
@media (max-width: 575.98px) {
  .sf-item__name {
    font-size: 16rem;
    gap: 8rem;
    height: 100%;
  }
}
.sf-item__params {
  display: none;
  position: absolute;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1215686275);
  padding: 10rem 15rem;
  left: -4rem;
  top: 52rem;
  background-color: white;
  border-radius: 12rem;
  min-width: 200rem;
  z-index: 5;
}
.sf-item__params ul li:not(:last-child) {
  margin-bottom: 4rem;
}
.sf-item__params ul li label {
  font-weight: 500;
  font-size: 16rem;
  line-height: 1.2;
  position: relative;
  cursor: pointer;
}
.sf-item__params ul li label span {
  padding-left: 30rem;
  display: block;
}
.sf-item__params ul li label::before {
  content: "";
  display: block;
  width: 18rem;
  height: 18rem;
  background-color: transparent;
  position: absolute;
  transition: 0.2s;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 6px;
  border: 2px solid #C5C5C5;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.8547 0.278397C9.04602 -0.00857685 9.43476 -0.0863208 9.72189 0.104569C10.009 0.295988 10.087 0.684574 9.89572 0.971756L4.89572 8.47176C4.79186 8.62755 4.62307 8.7287 4.43674 8.74715C4.25057 8.76543 4.06512 8.69975 3.93283 8.56746L0.18283 4.81746C-0.0608399 4.57337 -0.0610468 4.17665 0.18283 3.93269C0.42678 3.68874 0.823486 3.689 1.0676 3.93269L4.27756 7.14265L8.8547 0.278397Z' fill='white'/%3e%3c/svg%3e");
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
}
.sf-item__params ul li label:hover:not(.disabled)::before {
  border: 2px solid #5228C0;
}
.sf-item__params ul li label:has(input:checked)::before {
  background-color: #5228C0;
  border: 2px solid #5228C0;
}
.sf-item__params ul li label.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.sf-item__params ul li input {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}
.sf-item._active .sf-item__arrow {
  transform: rotate(180deg);
}
.sf-item._active .sf-item__params {
  display: block;
}

.filter-values-search {
  margin-bottom: 10rem;
}
.filter-values-search__input {
  width: 100%;
  padding: 5rem 10rem;
  border-radius: 6px;
  border: 2px solid #C5C5C5;
}

[data-filter-values-list] {
  max-height: 200rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.search-result__body {
  padding: 80rem 0;
}
@media (max-width: 991.98px) {
  .search-result__body {
    padding: 60rem 0;
  }
}
@media (max-width: 575.98px) {
  .search-result__body {
    padding: 40rem 0;
  }
}
.search-result__title h2 {
  font-weight: 700;
  font-size: 36rem;
  line-height: 1.1;
}
@media (max-width: 575.98px) {
  .search-result__title h2 {
    font-size: 32rem;
  }
}
.search-result__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30rem;
}
.search-result__title a {
  color: #6D43DB;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  display: flex;
  gap: 6rem;
  transition: 0.2s;
}
.search-result__title a svg {
  width: 24rem;
  height: 24rem;
}
.search-result__title a svg path {
  transition: 0.2s;
}
.search-result__title a:hover {
  color: #5228C0;
}
.search-result__title a:hover svg path {
  stroke: #5228C0;
}
.search-result__cheaps {
  padding-bottom: 30rem;
  display: flex;
  flex-wrap: wrap;
  gap: 8rem;
}
@media (max-width: 575.98px) {
  .search-result__cheaps {
    display: none;
  }
}
.search-result__cheaps a {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  padding: 8rem 18rem;
  background-color: #E9ECF3;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 8rem;
  transition: 0.2s;
}
.search-result__cheaps a svg {
  width: 14rem;
  height: 14rem;
}
.search-result__cheaps a:hover {
  background-color: #E0E3E8;
}
@media (max-width: 991.98px) {
  .search-result__cheaps a {
    font-size: 16rem;
    padding: 8rem 14rem;
  }
}
.search-result__content {
  padding: 24rem;
  border: 1px solid #E0E3E8;
  background-color: #F8F9FF;
  border-radius: 20rem;
}
@media (max-width: 575.98px) {
  .search-result__content {
    padding: 20rem;
  }
}
.search-result__count {
  font-weight: 600;
  font-size: 24rem;
  line-height: 32rem;
  padding: 10rem 0 20rem;
  color: #6C778D;
}
.search-result__count span {
  color: #212121;
}
@media (max-width: 575.98px) {
  .search-result__count {
    font-size: 20rem;
    line-height: 22rem;
  }
}
.search-result__items {
  display: flex;
  flex-wrap: wrap;
  margin: -12rem;
}
@media (max-width: 991.98px) {
  .search-result__items {
    margin: -10rem;
  }
}
.search-result__item {
  flex: 0 1 33.33%;
  padding: 12rem;
}
@media (max-width: 991.98px) {
  .search-result__item {
    flex: 0 1 50%;
    padding: 10rem;
  }
}
@media (max-width: 575.98px) {
  .search-result__item {
    flex: 0 1 100%;
  }
}

.sr-item {
  position: relative;
}
.sr-item._checked::before {
  content: "";
  display: block;
  width: 70rem;
  height: 70rem;
  background-image: url("/local/templates/dosug/img/check.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  position: absolute;
  top: -15rem;
  left: -15rem;
  z-index: 7;
  box-shadow: 0px 0px 7px 0px rgba(44, 41, 8, 0.2509803922);
}
@media (max-width: 991.98px) {
  .sr-item._checked::before {
    top: -10rem;
    left: -10rem;
  }
}
.sr-item__body {
  background-color: white;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1019607843);
  overflow: hidden;
  border-radius: 20rem;
}
.sr-item__picture {
  position: relative;
  height: 180rem;
  width: 100%;
}
.sr-item__picture img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.sr-item__picture::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  transition: 0.2s;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.sr-item__picture-labels {
  transition: 0.2s;
  position: absolute;
  left: 16rem;
  bottom: 16rem;
  z-index: 2;
}
.sr-item__picture-labels span {
  font-weight: 500;
  font-size: 16rem;
  line-height: 24rem;
  color: #62A846;
  background-color: #E0F1D9;
  padding: 3rem 10rem;
  border-radius: 50px;
  display: inline-block;
}
@media (max-width: 575.98px) {
  .sr-item__picture-labels span {
    font-size: 12rem;
    line-height: 22rem;
  }
}
.sr-item__info {
  transition: 0.2s;
  opacity: 0;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  gap: 20rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.sr-item__info span {
  cursor: pointer;
}
.sr-item__info span svg {
  width: 48rem;
  height: 48rem;
}
.sr-item__info span svg rect {
  transition: 0.2s;
}
.sr-item__info span:hover svg rect {
  fill: #F1F500;
  fill-opacity: 0.7;
}
.sr-item__info span._active svg rect {
  fill: #f5e400;
  fill-opacity: 1;
}
.sr-item__info span._active svg path {
  stroke: #212121;
}
.sr-item__info a {
  padding: 10rem 40rem;
  border-radius: 8rem;
  font-weight: 600;
  background-color: #6D43DB;
  color: white;
  border: 1px solid #6D43DB;
  font-size: 16rem;
  line-height: 120%;
  transition: 0.2s;
}
.sr-item__info a:hover {
  background-color: #5228C0;
  border: 1px solid #5228C0;
}
@media (max-width: 575.98px) {
  .sr-item__info a {
    padding: 10rem 24rem;
  }
}
.sr-item__content {
  padding: 16rem;
}
.sr-item__name {
  font-weight: 600;
  font-size: 24rem;
  line-height: 32rem;
  margin-bottom: 8rem;
}
@media (max-width: 575.98px) {
  .sr-item__name {
    font-size: 20rem;
    line-height: 22rem;
  }
}
.sr-item__metro {
  display: flex;
  align-items: center;
  gap: 8rem;
  margin-bottom: 8rem;
}
.sr-item__metro svg {
  width: 24rem;
  height: 24rem;
}
.sr-item__metro span {
  font-size: 16rem;
  line-height: 24rem;
  color: #6C778D;
}
@media (max-width: 575.98px) {
  .sr-item__metro span {
    font-size: 14rem;
    line-height: 22rem;
  }
}
.sr-item__desc {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  color: #6C778D;
}
@media (max-width: 575.98px) {
  .sr-item__desc {
    line-height: 20rem;
  }
}
.sr-item__labels {
  margin-top: 16rem;
}
.sr-item:hover .sr-item__picture::before {
  opacity: 0.5;
}
.sr-item:hover .sr-item__picture-labels {
  opacity: 0;
  z-index: 0;
}
.sr-item:hover .sr-item__info {
  opacity: 1;
  z-index: 5;
}

.sf-item_popup-only {
  display: none;
}

.sf-item_all-filter .sf-item__name {
  border: 4rem solid white;
  background-color: #E9ECF3;
  padding: 8rem 16rem;
  transition: 0.2s;
}
.sf-item_all-filter .sf-item__name:hover {
  background-color: #F1F500;
}
@media (max-width: 991.98px) {
  .sf-item_all-filter .sf-item__name {
    justify-content: center;
  }
}

.advantages__body {
  padding: 40rem 0;
  background-color: #F8F9FF;
  border-top: 1px solid #E0E3E8;
}
@media (max-width: 575.98px) {
  .advantages__body {
    padding: 60rem 0;
  }
}
.advantages__items {
  display: flex;
  gap: 30rem;
}
@media (max-width: 991.98px) {
  .advantages__items {
    flex-direction: column;
  }
}
.advantages__item {
  flex: 1;
}

.advantage__body {
  display: flex;
  gap: 16rem;
}
.advantage__icon svg {
  display: flex;
  width: 50rem;
  height: 50rem;
}
@media (max-width: 575.98px) {
  .advantage__icon svg {
    width: 40rem;
    height: 40rem;
  }
}
.advantage__title {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  margin-bottom: 8rem;
}
@media (max-width: 575.98px) {
  .advantage__title {
    font-size: 16rem;
    line-height: 22rem;
  }
}
.advantage__text {
  font-size: 16rem;
  line-height: 24rem;
}
@media (max-width: 575.98px) {
  .advantage__text {
    font-size: 14rem;
    line-height: 20rem;
  }
}

.footer__body {
  background: #5D626B;
  padding: 80rem 0;
  color: white;
}
@media (max-width: 991.98px) {
  .footer__body {
    padding: 60rem 0;
  }
}
.footer__logo {
  display: flex;
  justify-content: center;
}
.footer__logo svg {
  display: flex;
  width: 289rem;
  height: 43rem;
}
@media (max-width: 575.98px) {
  .footer__logo svg {
    width: 255rem;
    height: 38rem;
  }
}
.footer__logo {
  margin-bottom: 30rem;
}
@media (max-width: 575.98px) {
  .footer__logo {
    margin-bottom: 20rem;
  }
}
.footer__items {
  display: flex;
  gap: 30rem;
  flex-wrap: wrap;
}
@media (max-width: 991.98px) {
  .footer__items {
    gap: 20rem;
  }
}
.footer__item {
  flex: 1;
  background: #656A73;
  padding: 30rem;
  border-radius: 20rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .footer__item {
    flex: 1 1 calc(50% - 10rem);
  }
  .footer__item:last-child {
    flex-direction: row;
    gap: 20rem;
  }
  .footer__item:last-child > * {
    flex: 1;
  }
}
@media (max-width: 575.98px) {
  .footer__item {
    flex: 1 1 100%;
    padding: 20rem;
  }
}
.footer__text-bold {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
}
.footer__text-bold ul li:not(:last-child) {
  margin-bottom: 8rem;
}
@media (max-width: 575.98px) {
  .footer__text-bold {
    font-size: 16rem;
  }
}
.footer__text {
  font-weight: 500;
  font-size: 13rem;
  line-height: 22rem;
}
.footer__text ul li:not(:last-child) {
  margin-bottom: 4rem;
}
.footer__soc {
  flex: 1 1 auto;
  margin-bottom: 15rem;
  display: flex;
  gap: 10rem;
}
.footer__soc a svg {
  display: flex;
  width: 32rem;
  height: 32rem;
  overflow: visible;
}
.footer__menu {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  margin-bottom: 15rem;
  flex: 1 1 auto;
}
.footer__menu ul li:not(:last-child) {
  margin-bottom: 6rem;
}
@media (max-width: 575.98px) {
  .footer__menu {
    font-size: 16rem;
  }
}

.group-for-you__body {
  padding: 80rem 0;
}
@media (max-width: 991.98px) {
  .group-for-you__body {
    padding: 60rem 0;
  }
}
.group-for-you__title {
  font-weight: 700;
  font-size: 36rem;
  line-height: 44rem;
  color: #232329;
  margin-bottom: 30rem;
}
@media (max-width: 575.98px) {
  .group-for-you__title {
    font-size: 32rem;
  }
}
.group-for-you__items {
  display: flex;
  flex-wrap: wrap;
  gap: 30rem;
}
@media (max-width: 991.98px) {
  .group-for-you__items {
    gap: 20rem;
  }
}
@media (max-width: 575.98px) {
  .group-for-you__items {
    gap: 10rem;
  }
}
.group-for-you__item {
  flex: 0 1 calc(33.33% - 20rem);
}
@media (max-width: 991.98px) {
  .group-for-you__item {
    flex: 0 1 calc(50% - 10rem);
  }
}
@media (max-width: 575.98px) {
  .group-for-you__item {
    flex: 0 1 calc(50% - 5rem);
  }
}

.gfy-item__body {
  border-radius: 20rem;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 330rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 575.98px) {
  .gfy-item__body {
    height: 200rem;
  }
}
.gfy-item__body::before {
  content: "";
  display: block;
  width: 100%;
  height: 30%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  z-index: 2;
}
@media (max-width: 575.98px) {
  .gfy-item__body::before {
    height: 70%;
  }
}
.gfy-item__img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  transition: 0.2s;
  transform: scale(1);
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.gfy-item__content {
  color: white;
  z-index: 3;
  position: relative;
  padding: 16rem;
}
@media (max-width: 575.98px) {
  .gfy-item__content {
    padding: 10rem;
  }
}
.gfy-item__labels {
  position: relative;
  z-index: 3;
  padding: 16rem;
  flex: 1 1 auto;
}
@media (max-width: 575.98px) {
  .gfy-item__labels {
    padding: 10rem;
  }
}
.gfy-item__labels li {
  display: flex;
  align-items: center;
  gap: 4rem;
  border-radius: 50px;
  background-color: #f5e400;
  padding: 3rem 12rem;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
  font-size: 16rem;
  line-height: 24rem;
}
.gfy-item__labels li svg {
  width: 24rem;
  height: 24rem;
  display: flex;
}
@media (max-width: 575.98px) {
  .gfy-item__labels li {
    padding: 3rem 8rem;
    font-size: 12rem;
    line-height: 18rem;
  }
  .gfy-item__labels li svg {
    width: 18rem;
    height: 18rem;
  }
}
.gfy-item__name {
  font-weight: 600;
  font-size: 24rem;
  line-height: 32rem;
  margin-bottom: 8rem;
}
@media (max-width: 575.98px) {
  .gfy-item__name {
    font-size: 20rem;
    line-height: 22rem;
  }
}
.gfy-item__count {
  font-weight: 600;
  font-size: 16rem;
  line-height: 24rem;
}
@media (max-width: 575.98px) {
  .gfy-item__count {
    font-size: 14rem;
    line-height: 24rem;
  }
}
.gfy-item:hover .gfy-item__img {
  transform: scale(1.05);
}

.org-detail {
  background-color: #F8F9FF;
}

.org-head__body {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  padding-bottom: 40rem;
}
@media (max-width: 991.98px) {
  .org-head__body {
    padding-bottom: 30rem;
  }
}
.org-head__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  .org-head__row._club {
    flex-direction: column-reverse;
    align-items: normal;
    gap: 15rem;
  }
  .org-head__row._club .org-head__buttons {
    justify-content: flex-end;
  }
}
.org-head__name {
  font-weight: 600;
  font-size: 24rem;
  line-height: 32rem;
  color: #232329;
}
@media (max-width: 575.98px) {
  .org-head__name {
    font-size: 20rem;
    line-height: 22rem;
  }
}
.org-head__title {
  font-weight: 700;
  font-size: 48rem;
  line-height: 50rem;
  color: #232329;
}
@media (max-width: 575.98px) {
  .org-head__title {
    font-size: 32rem;
    line-height: 38rem;
  }
}
.org-head__buttons {
  display: flex;
  gap: 12rem;
}
.org-head__labels {
  margin-top: 10rem;
}
@media (max-width: 575.98px) {
  .org-head__labels {
    margin-top: 5rem;
  }
}

.detail-head-btn {
  display: flex;
  align-items: center;
  gap: 6rem;
  padding: 8rem 16rem;
  border-radius: 50px;
  border: 1px solid #E0E3E8;
  background-color: white;
  color: #212121;
  cursor: pointer;
  transition: 0.2s;
}
.detail-head-btn svg {
  width: 20rem;
  height: 20rem;
}
.detail-head-btn span {
  font-weight: 500;
  font-size: 14rem;
  line-height: 22rem;
}
.detail-head-btn:hover {
  background-color: #F1F500;
  border: 1px solid #F1F500;
}
.detail-head-btn._active {
  background-color: #f5e400;
  border: 1px solid #f5e400;
}
@media (max-width: 575.98px) {
  .detail-head-btn {
    padding: 8rem 13rem;
  }
  .detail-head-btn svg {
    width: 18rem;
    height: 18rem;
  }
  .detail-head-btn span {
    display: none;
  }
}

.card-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 8rem;
}
.card-labels span {
  font-weight: 500;
  font-size: 16rem;
  line-height: 24rem;
  color: #777DD9;
  background-color: #E7E9FB;
  padding: 3rem 10rem;
  border-radius: 50px;
  display: inline-block;
}
@media (max-width: 575.98px) {
  .card-labels span {
    font-size: 12rem;
    line-height: 22rem;
  }
}
.card-labels span._red {
  color: #B7768B;
  background-color: #EDDFF1;
}
.card-labels span._green {
  color: #62A846;
  background-color: #E0F1D9;
}

.org-picture__body {
  padding-bottom: 40rem;
}
@media (max-width: 991.98px) {
  .org-picture__body {
    padding-bottom: 30rem;
  }
}
.org-picture__row {
  display: flex;
  gap: 30rem;
}
@media (max-width: 991.98px) {
  .org-picture__row {
    gap: 20rem;
    flex-direction: column;
  }
}
@media (max-width: 575.98px) {
  .org-picture__row {
    gap: 10rem;
  }
}
.org-picture__logo {
  flex: 0 0 270rem;
  border-radius: 20rem;
  border: 1px solid #E0E3E8;
  padding: 50rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
}
.org-picture__logo img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 991.98px) {
  .org-picture__logo {
    padding: 15rem;
    flex: 1 1 auto;
    height: 160rem;
  }
}
@media (max-width: 991.98px) {
  .org-picture__logo {
    padding: 10rem;
    height: 100rem;
  }
}
.org-picture__big {
  flex: 0 1 auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20rem;
}
.org-picture__big img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.org-contacts {
  padding-bottom: 40rem;
}
@media (max-width: 991.98px) {
  .org-contacts {
    padding-bottom: 30rem;
  }
}
.org-contacts__body {
  border-radius: 20rem;
  border: 1px solid #E0E3E8;
  padding: 30rem;
  background-color: white;
}
@media (max-width: 991.98px) {
  .org-contacts__body {
    padding: 20rem;
  }
}
.org-contacts__row {
  display: flex;
  flex-wrap: wrap;
  margin: -15rem -20rem;
}
@media (max-width: 991.98px) {
  .org-contacts__row {
    margin: -10rem -15rem;
  }
}
.org-contacts__col {
  flex: 0 1 33.33%;
  padding: 15rem 20rem;
}
@media (max-width: 991.98px) {
  .org-contacts__col {
    flex: 0 1 50%;
    padding: 10rem 15rem;
    order: 0;
  }
  .org-contacts__col._soc {
    order: 10;
  }
}
@media (max-width: 575.98px) {
  .org-contacts__col {
    flex: 0 1 100%;
  }
}

.org-contact__row {
  display: flex;
  gap: 16rem;
}
.org-contact__svg svg {
  width: 50rem;
  height: 50rem;
}
@media (max-width: 575.98px) {
  .org-contact__svg svg {
    width: 40rem;
    height: 40rem;
  }
}
.org-contact__info {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
@media (max-width: 575.98px) {
  .org-contact__info {
    gap: 4rem;
  }
}
.org-contact__name {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
}
.org-contact__text {
  font-size: 16rem;
  line-height: 24rem;
}
.org-contact__text a {
  display: block;
}
.org-contact__soc {
  display: flex;
  gap: 10rem;
  margin-top: 5rem;
}
.org-contact__soc svg {
  width: 32rem;
  height: 32rem;
  overflow: visible;
}

.org-about {
  padding-bottom: 40rem;
}
@media (max-width: 991.98px) {
  .org-about {
    padding-bottom: 30rem;
  }
}
.org-about__body {
  padding: 30rem;
  border-radius: 20rem;
  border: 1px solid #E0E3E8;
  background-color: white;
}
@media (max-width: 991.98px) {
  .org-about__body {
    padding: 20rem;
  }
}
.org-about__row {
  display: flex;
  gap: 20rem;
  align-items: flex-start;
}
@media (max-width: 991.98px) {
  .org-about__row {
    flex-direction: column;
  }
}
.org-about__info {
  flex: 0 1 auto;
}
.org-about__title {
  font-weight: 600;
  font-size: 24rem;
  line-height: 32rem;
  color: #212121;
  margin-bottom: 8rem;
}
@media (max-width: 575.98px) {
  .org-about__title {
    font-size: 20rem;
    line-height: 22rem;
  }
}
.org-about__text {
  color: #232329;
  font-size: 16rem;
  line-height: 24rem;
}
.org-about__text p:not(:last-child) {
  margin-bottom: 12rem;
}
@media (max-width: 575.98px) {
  .org-about__text {
    font-size: 14rem;
    line-height: 22rem;
  }
}
.org-about__icon svg {
  width: 50rem;
  height: 50rem;
}
.org-about__mission {
  flex: 0 0 330rem;
  background-color: #F8F9FF;
  border-radius: 12rem;
  padding: 20rem;
  display: flex;
  gap: 16rem;
}
@media (max-width: 991.98px) {
  .org-about__mission {
    flex: 1 1 auto;
  }
}
@media (max-width: 575.98px) {
  .org-about__mission {
    padding: 15rem;
  }
}
.org-about__mission-name {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  margin-bottom: 8rem;
}
@media (max-width: 575.98px) {
  .org-about__mission-name {
    line-height: 20rem;
  }
}
.org-about__mission-text {
  font-weight: 400;
  font-size: 16rem;
  line-height: 24rem;
}
@media (max-width: 575.98px) {
  .org-about__mission-text {
    font-size: 14rem;
    line-height: 22rem;
  }
}

.org-clubs__body {
  padding-bottom: 80rem;
}
@media (max-width: 991.98px) {
  .org-clubs__body {
    padding-bottom: 30rem;
  }
}
.org-clubs__title {
  color: #212121;
  font-weight: 700;
  font-size: 36rem;
  line-height: 44rem;
  margin-bottom: 20rem;
}
@media (max-width: 575.98px) {
  .org-clubs__title {
    font-size: 32rem;
    line-height: 38rem;
    margin-bottom: 30rem;
  }
}

.club-gallery__body {
  padding-bottom: 80rem;
}
@media (max-width: 991.98px) {
  .club-gallery__body {
    padding-bottom: 60rem;
  }
}
.club-gallery__row {
  display: flex;
  gap: 20rem;
  height: 440rem;
}
@media (max-width: 991.98px) {
  .club-gallery__row {
    flex-direction: column;
    height: auto;
    gap: 10rem;
  }
}
.club-gallery__left {
  flex: 1 1 auto;
}
.club-gallery__item {
  display: block;
  border-radius: 20rem;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}
.club-gallery__item img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 991.98px) {
  .club-gallery__item {
    border-radius: 10rem;
  }
}
.club-gallery__right {
  display: flex;
  flex-direction: column;
  gap: 20rem;
  flex: 0 0 370rem;
}
@media (max-width: 991.98px) {
  .club-gallery__right {
    flex-direction: row;
    flex: 1;
    gap: 10rem;
  }
}
.club-gallery__item-count {
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  font-size: 24rem;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 575.98px) {
  .club-gallery__item-count {
    font-size: 12rem;
  }
}

.club-address {
  padding-bottom: 40rem;
}
@media (max-width: 991.98px) {
  .club-address {
    padding-bottom: 30rem;
  }
}
.club-address__body {
  border-radius: 20rem;
  border: 1px solid #E9ECF3;
  padding: 30rem;
  background-color: white;
  display: flex;
  flex-direction: column;
  gap: 10rem;
}
@media (max-width: 575.98px) {
  .club-address__body {
    padding: 20rem;
  }
}
.club-address__row {
  display: flex;
  align-items: center;
  gap: 20rem;
}
.club-address__left {
  flex: 1 1 auto;
}
.club-address__metro {
  display: flex;
  align-items: center;
  gap: 8rem;
  color: #6C778D;
  font-size: 16rem;
  line-height: 140%;
}
@media (max-width: 575.98px) {
  .club-address__metro {
    font-size: 14rem;
  }
}
.club-address__metro svg {
  width: 24rem;
  height: 24rem;
}
@media (max-width: 575.98px) {
  .club-address__metro svg {
    width: 22rem;
    height: 22rem;
  }
}
.club-address__text {
  font-size: 18rem;
  line-height: 140%;
  color: #232329;
}
@media (max-width: 575.98px) {
  .club-address__text {
    font-size: 16rem;
  }
}
.club-address__right a {
  font-weight: 600;
  font-size: 16rem;
  text-align: right;
  color: #6D43DB;
}
@media (max-width: 575.98px) {
  .club-address__right a {
    font-size: 14rem;
  }
}

.club-info__body {
  padding-bottom: 40rem;
}
@media (max-width: 991.98px) {
  .club-info__body {
    padding-bottom: 30rem;
  }
}
.club-info__title {
  font-weight: 600;
  font-size: 24rem;
  line-height: 32rem;
  color: #212121;
  margin-bottom: 16rem;
}
@media (max-width: 575.98px) {
  .club-info__title {
    margin-bottom: 10rem;
    font-size: 20rem;
    line-height: 24rem;
  }
}
.club-info__text {
  font-size: 18rem;
  line-height: 140%;
  color: #232329;
}
@media (max-width: 575.98px) {
  .club-info__text {
    font-size: 16rem;
  }
}
.club-info__content {
  margin-top: 40rem;
  border-radius: 20rem;
  border: 1px solid #E9ECF3;
  padding: 30rem;
  background-color: white;
}
@media (max-width: 575.98px) {
  .club-info__content {
    padding: 20rem;
    margin-top: 30rem;
  }
}
.club-info__content table {
  width: 100%;
  border-collapse: collapse;
}
.club-info__content table tr {
  border-bottom: 1px solid #E0E3E8;
}
.club-info__content table tr td {
  padding: 10rem 0;
  width: 50%;
  font-size: 18rem;
  line-height: 140%;
  color: #212121;
}
@media (max-width: 575.98px) {
  .club-info__content table tr td {
    font-size: 16rem;
  }
}
.club-info__content table tr td:first-child {
  color: #6C778D;
  display: flex;
  gap: 12rem;
}
.club-info__content table tr td svg {
  width: 24rem;
  height: 24rem;
  flex: 0 0 auto;
}
@media (max-width: 575.98px) {
  .club-info__content table tr td svg {
    width: 20rem;
    height: 20rem;
  }
}
.club-info__content table tr td div {
  font-size: 16rem;
  color: #6C778D;
  padding-top: 6rem;
}
@media (max-width: 575.98px) {
  .club-info__content table tr td div {
    font-size: 14rem;
  }
}
.club-info__content table tr:last-child {
  border-bottom: none;
}
.club-info__content table tr:last-child td {
  padding-bottom: 0;
}
.club-info__content table tr:first-child td {
  padding-top: 0;
}

.club-org__body {
  padding-bottom: 80rem;
}
@media (max-width: 991.98px) {
  .club-org__body {
    padding-bottom: 30rem;
  }
}
.club-org__title {
  font-weight: 600;
  font-size: 24rem;
  line-height: 32rem;
  color: #212121;
  margin-bottom: 16rem;
}
@media (max-width: 575.98px) {
  .club-org__title {
    margin-bottom: 10rem;
    font-size: 20rem;
    line-height: 24rem;
  }
}
.club-org__content {
  border-radius: 20rem;
  border: 1px solid #E9ECF3;
  padding: 30rem;
  background-color: white;
}
@media (max-width: 575.98px) {
  .club-org__content {
    padding: 20rem;
  }
}
.club-org__logo {
  width: 270rem;
  margin-bottom: 20rem;
}
@media (max-width: 575.98px) {
  .club-org__logo {
    width: 225rem;
  }
}
.club-org__logo img {
  width: 100%;
}
.club-org__name {
  font-weight: 600;
  font-size: 24rem;
  line-height: 32rem;
  color: #212121;
  margin-bottom: 8rem;
}
@media (max-width: 575.98px) {
  .club-org__name {
    font-size: 20rem;
    line-height: 22rem;
  }
}
.club-org__text {
  font-size: 18rem;
  line-height: 140%;
  color: #232329;
  margin-bottom: 20rem;
}
@media (max-width: 575.98px) {
  .club-org__text {
    font-size: 14rem;
    line-height: 22rem;
  }
}
.club-org__text p:not(:last-child) {
  margin-bottom: 12rem;
}
.club-org__btn {
  font-weight: 600;
  font-size: 16rem;
  text-align: center;
  color: white !important;
  background-color: #6D43DB;
  padding: 10rem 20rem;
  border-radius: 8rem;
  transition: 0.2s;
  display: inline-block;
}
.club-org__btn:hover {
  background-color: #5228C0;
}

.like-page__body {
  padding-bottom: 80rem;
  background-color: #F8F9FF;
}
@media (max-width: 991.98px) {
  .like-page__body {
    padding-bottom: 50rem;
  }
}
.like-page__title {
  font-weight: 700;
  font-size: 48rem;
  line-height: 50rem;
  color: #232329;
  margin-bottom: 40rem;
}
@media (max-width: 575.98px) {
  .like-page__title {
    font-size: 32rem;
    line-height: 38rem;
    margin-bottom: 30rem;
  }
}/*# sourceMappingURL=template_styles.css.map */