@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap");
:root {
  --vasil: #3C519F;
  --white: #ffffff;
  --dark: #272F37;
  --grey:#EFF1F5;
  --grey-txt: #A0A6BE;
  --blue-light: #50A2D8;
  --red: #bb4740;
}

.pswp {
  --pswp-bg: #000000ba;
}

html {
  scroll-behavior: smooth;
}

.layout-container {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .layout-container {
    padding-top: 60px;
  }
  .layout-container.header__wtop {
    padding-top: 110px;
  }
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}
@media screen and (max-width: 768px) {
  ::-webkit-scrollbar {
    width: 3px;
    height: 4px;
  }
}

/* Track */
::-webkit-scrollbar-track {
  background: #F7F8FA;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #1E3246;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--vasil);
}

body {
  font-family: "Onest", sans-serif;
  font-size: 18px;
  background: #fff;
  font-feature-settings: "pnum" on, "lnum" on;
  color: var(--dark);
}
body.modal_opened {
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

a, button {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.container {
  width: 1440px;
  max-width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1550px) {
  .container {
    width: 1180px;
  }
}
@media screen and (max-width: 1200px) {
  .container {
    width: 1100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .container {
    max-width: calc(100% - 30px);
    width: 900px;
  }
}
@media screen and (max-width: 768px) {
  .container {
    max-width: 100%;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.container .container {
  max-width: 100%;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.container__fluid {
  width: 1600px;
  max-width: calc(100% - 80px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .container__fluid {
    max-width: 100%;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.slide {
  width: 1440px;
}
@media screen and (max-width: 1550px) {
  .slide {
    width: 1180px;
  }
}
@media screen and (max-width: 1200px) {
  .slide {
    width: 1100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .slide {
    width: 900px;
  }
}
@media screen and (max-width: 768px) {
  .slide {
    width: calc(100% - 40px);
  }
}

.section__title {
  margin-top: 0;
  font-size: 50px;
  margin-bottom: 60px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .section__title {
    margin-bottom: 40px;
    font-size: 28px;
  }
}
.section__socials .section__title {
  font-size: 30px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .section__socials .section__title {
    margin-bottom: 30px;
    font-size: 28px;
  }
}
.section__uptitle {
  margin-bottom: 40px;
  color: var(--vasil);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .section__uptitle {
    font-size: 12px;
    margin-bottom: 30px;
  }
}
.section__socials {
  padding: 120px 0 60px;
  border-top: 1px solid #E1E4F1;
  background: var(--white);
}
@media screen and (max-width: 768px) {
  .section__socials {
    padding: 60px 0 30px;
  }
}
.section__white {
  padding: 60px 0;
}
@media screen and (max-width: 768px) {
  .section__white {
    padding: 30px 0;
  }
}
.field--name-field-bloki .section__white:last-child {
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .field--name-field-bloki .section__white:last-child {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .section__white.container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.section__blue {
  background: var(--vasil);
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .section__blue {
    padding: 50px 0;
  }
}
.section__blue:before, .section__blue:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 130px;
  top: 0;
  bottom: 0;
  background-repeat: repeat-y;
  pointer-events: none;
  display: block;
  background-size: 100% auto;
}
@media screen and (max-width: 768px) {
  .section__blue:before, .section__blue:after {
    display: none;
  }
}
.section__blue:before {
  left: 0;
  background-image: url("../images/lbg.png");
}
.section__blue:after {
  right: 0;
  background-image: url("../images/rbg.png");
}
.section__blue .section__title {
  color: var(--white);
}
.section__white + .section__blue {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .section__white + .section__blue {
    margin-top: 30px;
  }
}
.section__blue + .section__white {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .section__blue + .section__white {
    margin-top: 30px;
  }
}

.layout-content__wbar {
  display: flex;
  flex-flow: row;
}
@media screen and (max-width: 768px) {
  .layout-content__wbar {
    flex-wrap: wrap;
  }
}
.layout-content__wbar .region-content {
  width: 75%;
  padding-right: 55px;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .layout-content__wbar .region-content {
    width: 100%;
    padding-right: 0;
    padding-bottom: 50px;
    padding-top: 30px;
  }
}
.layout-content__wbar .layout-sidebar {
  width: 25%;
  border-left: 1px solid var(--grey);
  padding-left: 35px;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .layout-content__wbar .layout-sidebar {
    order: -1;
    width: 100%;
    padding-left: 0;
    padding-bottom: 50px;
    border-left: none;
    padding-top: 30px;
    display: none;
  }
}

.txt__content {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .txt__content {
    font-size: 16px;
    line-height: 130%;
  }
}
.txt__content img {
  margin: 30px 0;
  max-width: min(1100px, 100%);
  width: auto;
  height: auto;
  display: block;
}
.txt__content p {
  margin-bottom: 20px;
  max-width: 1100px;
  margin-top: 0;
}
.txt__content h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 150%;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .txt__content h2 {
    font-size: 20px;
    margin-bottom: 16px;
    margin-top: 30px;
  }
}
.txt__content h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .txt__content h3 {
    font-size: 18px;
    margin-bottom: 16px;
    margin-top: 20px;
  }
}
.txt__content ol {
  max-width: min(1100px, 100%);
}
.txt__content ul {
  padding-left: 0;
  margin-bottom: 30px;
  list-style: none;
  max-width: min(1100px, 100%);
}
.txt__content ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
.txt__content ul li:before {
  position: absolute;
  border-radius: 100%;
  width: 6px;
  height: 6px;
  content: "";
  left: 0;
  top: 10px;
  display: block;
  background: var(--blue-light);
}
.txt__content a {
  color: var(--blue-light);
}
.txt__content a:hover {
  text-decoration: none;
  color: var(--vasil);
}
.txt__content .btn {
  margin-top: 40px;
}
.txt__content .bigtext {
  color: var(--vasil);
  margin-bottom: 40px;
  font-size: 30px;
  font-weight: 700;
  line-height: 130%;
}
@media screen and (max-width: 768px) {
  .txt__content .bigtext {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.txt__content .bigtext:first-child {
  margin-top: 0;
}
.txt__content h2:first-child,
.txt__content h3:first-child,
.txt__content ol:first-child,
.txt__content ul:first-child,
.txt__content p:first-child,
.txt__content img:first-child {
  margin-top: 0;
}
.txt__content h2:last-child,
.txt__content h3:last-child,
.txt__content ol:last-child,
.txt__content ul:last-child,
.txt__content p:last-child,
.txt__content img:last-child {
  margin-bottom: 0;
}

.region-sidebar-second ul.menu {
  margin: 0;
}
.region-sidebar-second ul.menu .header__menu__item,
.region-sidebar-second ul.menu .menu-item {
  padding: 0;
  margin: 0;
}
.region-sidebar-second ul.menu .header__menu__item a,
.region-sidebar-second ul.menu .menu-item a {
  display: block;
  margin-bottom: 24px;
  font-size: 18px;
  color: var(--dark);
  font-weight: 500;
  line-height: 150%;
  text-decoration: underline;
  text-decoration-color: var(--grey);
}
.region-sidebar-second ul.menu .header__menu__item a.is-active, .region-sidebar-second ul.menu .header__menu__item a:hover,
.region-sidebar-second ul.menu .menu-item a.is-active,
.region-sidebar-second ul.menu .menu-item a:hover {
  color: var(--blue-light);
  text-decoration-color: var(--blue-light);
}

.button,
.btn {
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 60px;
  background: var(--blue-light);
  color: var(--white);
  border: 1px solid transparent;
  padding: 5px 30px;
  max-width: 100%;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 150%;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .button,
  .btn {
    height: 50px;
    font-size: 12px;
  }
}
.button svg,
.btn svg {
  margin-right: 10px;
}
.button:hover,
.btn:hover {
  background: var(--vasil);
  text-decoration: none !important;
}
.button__blue:hover,
.btn__blue:hover {
  background: var(--dark);
}
.button__vasil,
.btn__vasil {
  background: var(--vasil);
  color: var(--white);
}
.button__vasil:hover,
.btn__vasil:hover {
  background: var(--dark);
  color: var(--white);
}

.content_flex {
  display: flex;
  flex-flow: row wrap;
}
.content_flex .section__title {
  margin-bottom: 45px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .content_flex .section__title {
    width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
}
.content_flex .section__topbtns {
  margin-left: auto;
  flex-shrink: 0;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .content_flex .section__topbtns {
    order: 3;
    width: 100%;
    margin-bottom: 0;
  }
  .content_flex .section__topbtns .btn {
    width: 100%;
  }
}
.content_flex .w100 {
  width: 100%;
}

.cols {
  display: flex;
  flex-flow: row;
}
@media screen and (max-width: 768px) {
  .cols {
    flex-wrap: wrap;
  }
}
.cols__big {
  width: 75%;
  padding-right: 55px;
}
@media screen and (max-width: 768px) {
  .cols__big {
    padding-right: 0;
    width: 100%;
  }
}
.cols__sm {
  width: 25%;
  padding-left: 35px;
}
@media screen and (max-width: 768px) {
  .cols__sm {
    padding-left: 0;
    width: 100%;
    padding-top: 40px;
  }
}
.cols__title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .cols__title {
    margin-bottom: 30px;
    font-size: 18px;
  }
}

.footer__top {
  background: var(--grey);
  padding: 60px 0;
}
@media screen and (max-width: 768px) {
  .footer__top {
    padding: 30px 0;
  }
}
.footer__top ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
}
.footer__top ul.menu li {
  margin-right: 22px;
}
.footer__top ul.menu li:last-child {
  margin-right: 0;
}
.footer__top ul.menu li a {
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  text-transform: uppercase;
  color: var(--dark);
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .footer__top ul.menu li a {
    font-size: 12px;
  }
}
.footer__top ul.menu li a.is-active, .footer__top ul.menu li a:hover {
  color: var(--vasil);
}
.footer__bottom {
  background-color: var(--vasil);
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.5);
  padding: 40px 0;
  background-image: url("../images/footer_bg.png");
  background-repeat: repeat-x;
  background-size: 51px auto;
  background-position: bottom;
}
@media screen and (max-width: 768px) {
  .footer__bottom {
    font-size: 11px;
  }
}
.footer__bottom__text {
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
}
.footer__links {
  padding-top: 40px;
  display: flex;
  flex-flow: row wrap;
}
@media screen and (max-width: 768px) {
  .footer__links {
    padding-top: 30px;
  }
}
.footer__link {
  padding: 38px 30px;
  border: 1px solid #DDE1E9;
  background: transparent;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--dark);
  width: 33.333%;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  .footer__link {
    width: 100%;
    padding: 18px 0;
    border-top: none;
    border-left: none;
    border-right: none;
  }
}
.footer__link__img {
  width: 62px;
  flex-shrink: 0;
}
.footer__link__img img {
  display: block;
  border-radius: 100%;
  background: #fff;
  width: 100%;
}
.footer__link__text {
  max-width: 160px;
  padding-left: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}
.footer__link:hover {
  background: var(--white);
  color: var(--vasil);
}

.bottom_socials {
  display: flex;
  flex-flow: row wrap;
}

.bottom_social {
  width: 25%;
  border: 1px solid var(--grey);
  background: var(--white);
  color: var(--grey-txt);
  display: flex;
  height: 100px;
  padding: 10px 50px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .bottom_social {
    width: 50%;
    padding: 10px;
    font-size: 14px;
  }
}
.bottom_social__icon {
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .bottom_social__icon {
    margin-right: 5px;
  }
}
@media screen and (max-width: 768px) {
  .bottom_social__icon svg {
    width: auto;
    height: 18px;
  }
}
.bottom_social__name {
  text-transform: uppercase;
}
.bottom_social:hover {
  border-color: var(--vasil);
  color: var(--vasil);
}

.instblock {
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  .instblock {
    padding-top: 50px;
  }
}
.instblock__title {
  text-decoration: none;
  display: block;
  font-size: 30px;
  margin-bottom: 40px;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .instblock__title {
    font-size: 22px;
    margin-bottom: 30px;
  }
}
.instblock__title__name {
  margin-right: 20px;
  color: var(--dark);
}
@media screen and (max-width: 768px) {
  .instblock__title__name {
    margin-right: 10px;
  }
}
.instblock__title__link {
  color: #50A2D8;
  text-decoration: underline;
}
.instblock__title:hover .instblock__title__link {
  text-decoration: none;
  color: var(--vasil);
}
.instblock .field--name-field-foto {
  display: flex;
  flex-flow: row wrap;
  margin-left: -1px;
  margin-right: -1px;
}
.instblock .field--name-field-foto > .field__item {
  width: 16.6666666667%;
  padding: 1px;
}
@media screen and (max-width: 768px) {
  .instblock .field--name-field-foto > .field__item {
    width: 50%;
  }
}
.instblock .field--name-field-foto > .field__item img {
  width: 100%;
  height: auto;
  display: block;
}

#eapps-instagram-feed-1 > a {
  display: none !important;
  opacity: 0;
}

.header__mobile {
  display: none;
}

.header {
  border-bottom: 1px solid #E1E4F1;
  position: relative;
}
@media screen and (max-width: 768px) {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    z-index: 6;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .header {
    min-height: 60px;
  }
}
.header .region-header-middle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .header .region-header-middle {
    flex-wrap: wrap;
  }
}
.header .logo {
  display: flex;
  margin-right: 20px;
  align-items: center;
  color: var(--dark);
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .header .logo {
    padding: 12px 0;
  }
}
.header .logo__img {
  width: 50px;
  flex-shrink: 0;
  margin-right: 12px;
  height: auto;
  display: block;
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  .header .logo__img {
    width: 40px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .header .logo__img {
    margin-right: 9px;
    width: 32px;
  }
}
.header .logo__text {
  max-width: 200px;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  .header .logo__text {
    font-size: 16px;
    max-width: 180px;
  }
}
@media screen and (max-width: 768px) {
  .header .logo__text {
    max-width: 145px;
    font-size: 13px;
  }
}
.header .logo:hover {
  color: var(--vasil);
}
.header .logo:hover .logo__img {
  opacity: 0.9;
}
@media screen and (max-width: 768px) {
  .header__main {
    border-bottom: 1px solid #E1E4F1;
  }
}
.header__main .contextual-region {
  position: unset;
}
.header__main .mobcaret {
  display: none;
}
@media screen and (max-width: 768px) {
  .header__main .block-menu {
    width: 100%;
    pointer-events: none;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
  }
  .menu_opened .header__main .block-menu {
    border-top: 1px solid #E1E4F1;
    max-height: calc(100vh - 60px);
    pointer-events: all;
    opacity: 1;
    overflow: auto;
    padding-top: 20px;
    padding-bottom: 60px;
  }
  .menu_opened.header__wtop .header__main .block-menu {
    max-height: calc(100vh - 110px);
  }
}
.header__main .block-menu > ul.menu {
  margin: 0;
  margin-left: auto;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
}
@media screen and (max-width: 768px) {
  .header__main .block-menu > ul.menu {
    flex-direction: column;
  }
}
.header__main .block-menu > ul.menu .menu-item--expanded {
  list-style: none;
}
.header__main .block-menu > ul.menu > li {
  padding: 0;
  margin: 0;
  position: relative;
}
.header__main .block-menu > ul.menu > li:last-child {
  margin-right: 0;
}
.header__main .block-menu > ul.menu > li > span,
.header__main .block-menu > ul.menu > li > a {
  padding: 35px 15px;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  color: var(--dark);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1550px) {
  .header__main .block-menu > ul.menu > li > span,
  .header__main .block-menu > ul.menu > li > a {
    font-size: 18px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (max-width: 768px) {
  .header__main .block-menu > ul.menu > li > span,
  .header__main .block-menu > ul.menu > li > a {
    padding: 16px 0;
    display: block;
  }
}
.header__main .block-menu > ul.menu > li > span.is-active, .header__main .block-menu > ul.menu > li > span:hover,
.header__main .block-menu > ul.menu > li > a.is-active,
.header__main .block-menu > ul.menu > li > a:hover {
  color: var(--vasil);
}
.header__main .block-menu > ul.menu > li.menu-item--expanded {
  position: unset;
}
.header__main .block-menu > ul.menu > li.menu-item--expanded > span:after,
.header__main .block-menu > ul.menu > li.menu-item--expanded > a:after {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  margin-left: 5px;
  border-color: var(--grey-txt);
}
@media screen and (max-width: 768px) {
  .header__main .block-menu > ul.menu > li.menu-item--expanded > span:after,
  .header__main .block-menu > ul.menu > li.menu-item--expanded > a:after {
    display: none;
  }
}
.header__main .block-menu > ul.menu > li.menu-item--expanded > .menu {
  position: absolute;
  opacity: 0;
  max-height: 0;
  transition: all 0.2s ease-in-out;
  top: 100%;
  width: auto;
  left: 0;
  z-index: 4;
  background: #fff;
  white-space: nowrap;
  border: 1px solid #EAF2F6;
}
@media screen and (max-width: 768px) {
  .header__main .block-menu > ul.menu > li.menu-item--expanded > .menu {
    position: unset;
    opacity: 1;
    max-height: unset;
    top: unset;
    width: 100%;
    left: unset;
    border: none;
    white-space: unset;
  }
}
.header__main .block-menu > ul.menu > li.menu-item--expanded.hover > .menu {
  opacity: 1;
  max-height: 500px;
}
@media screen and (max-width: 768px) {
  .header__main .block-menu > ul.menu > li.menu-item--expanded > button,
  .header__main .block-menu > ul.menu > li.menu-item--expanded > a {
    margin-right: 54px;
  }
}
.header__main .block-menu > ul.menu > li.menu-item--expanded .mobcaret {
  display: none;
}
@media screen and (max-width: 768px) {
  .header__main .block-menu > ul.menu > li.menu-item--expanded .mobcaret {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 54px;
    align-items: center;
    justify-content: flex-end;
    background: #fff;
    padding-right: 20px;
    display: inline-flex;
    box-sizing: border-box;
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .header__main .block-menu > ul.menu > li ul.menu {
    margin: 0;
  }
  .header__main .block-menu > ul.menu > li ul.menu a {
    padding: 8px 0;
    font-size: 18px;
    line-height: 140%;
    color: var(--grey-txt);
    text-decoration: none;
    display: block;
  }
  .header__main .block-menu > ul.menu > li ul.menu a.is-active {
    color: var(--blue-light);
  }
}
@media screen and (min-width: 768px) {
  .header__main .block-menu > ul.menu .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--white);
    z-index: 2;
    overflow: hidden;
    border-bottom: 1px solid #E1E4F1;
    border-top: 1px solid #E1E4F1;
    transition: all 0.2s ease-in-out;
    max-height: 0;
    opacity: 0;
    pointer-events: none;
  }
  .header__main .block-menu > ul.menu .dropdown ul.menu {
    padding: 60px 0;
    display: flex;
    flex-flow: column wrap;
    margin: 0;
    max-height: 320px;
    align-content: flex-start;
    box-sizing: border-box;
  }
  .header__main .block-menu > ul.menu .dropdown ul.menu > li {
    margin-bottom: 20px;
    margin-right: 80px;
  }
  .header__main .block-menu > ul.menu .dropdown ul.menu > li a {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none;
    color: var(--dark);
  }
  .header__main .block-menu > ul.menu .dropdown ul.menu > li a:hover, .header__main .block-menu > ul.menu .dropdown ul.menu > li a.is-active {
    color: var(--vasil);
  }
  .header__main .block-menu > ul.menu .menu-item--expanded.hover .dropdown {
    pointer-events: all;
    max-height: 320px;
    opacity: 1;
  }
}
.header__top {
  background: var(--grey);
  color: var(--grey-txt);
}
@media screen and (max-width: 768px) {
  .header__top {
    display: none;
  }
}
.header__top ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
}
.header__top ul.menu li {
  margin-right: 50px;
  padding: 0;
}
.header__top ul.menu li:last-child {
  margin-right: 0;
}
.header__top ul.menu li a {
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  color: var(--grey-txt);
  text-decoration: none;
  padding: 15px 0;
  display: block;
}
.header__top ul.menu li a.is-active, .header__top ul.menu li a:hover {
  color: var(--vasil);
}
.header .header__mobile {
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .header .header__mobile {
    display: flex;
    margin-left: auto;
  }
  .header .header__mobile .header__mobile__btn {
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }
  .header .header__mobile .header__mobile__btn > span {
    width: 20px;
    height: 2px;
    display: block;
    margin: 3px 0;
    background: var(--dark);
    transition: all 0.2s ease-in-out;
  }
  .header .header__mobile .header__mobile__btn.opened > span {
    transform: rotate(45deg);
    position: absolute;
  }
  .header .header__mobile .header__mobile__btn.opened > span:nth-child(2) {
    transform: rotate(-45deg);
  }
}
.header__topbar {
  height: 50px;
  padding: 7px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--vasil);
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.49px;
  text-transform: uppercase;
  background-image: url(../images/TOPBAR_BG.svg);
  background-repeat: repeat-x;
  background-size: auto 100%;
}
@media screen and (max-width: 768px) {
  .header__topbar {
    font-size: 10px;
  }
}
.header__topbar__doptext {
  display: inline-flex;
  height: 100%;
  padding: 3px 10px;
  text-transform: uppercase;
  background: var(--blue-light);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  margin-right: 20px;
  align-items: center;
  justify-content: center;
}

a.header__topbar:hover {
  opacity: 0.8;
}

.page_top {
  padding-bottom: 60px;
  border-bottom: 1px solid var(--grey);
}
@media screen and (max-width: 768px) {
  .page_top {
    padding-bottom: 16px;
  }
}

.region-breadcrumb .breadcrumb {
  padding: 10px 0;
  font-size: 16px;
  color: var(--dark);
}
.region-breadcrumb .breadcrumb a {
  color: var(--grey-txt);
  text-decoration: none;
}
.region-breadcrumb .breadcrumb a:hover {
  color: var(--vasil);
}
.region-breadcrumb .page-title {
  margin-top: 50px;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .region-breadcrumb .page-title {
    margin-top: 20px;
    font-size: 30px;
  }
}
.region-breadcrumb .block-local-tasks-block {
  padding-top: 20px;
}
.region-breadcrumb .tabs a {
  background: var(--grey);
  color: var(--vasil);
}
.region-breadcrumb .tabs a.is-active, .region-breadcrumb .tabs a:hover {
  background: var(--vasil);
  color: var(--white);
}

#block-bfk-sponsorvshapke {
  padding-left: 10px;
  padding-right: 10px;
}
#block-bfk-sponsorvshapke img {
  width: 222px;
  height: auto;
  display: block;
}
@media screen and (max-width: 1550px) {
  #block-bfk-sponsorvshapke img {
    width: 120px;
  }
}

#block-bfk-socialnyesetivshapke {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}
@media screen and (min-width: 1024px) and (max-width: 1260px) {
  #block-bfk-socialnyesetivshapke {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  #block-bfk-socialnyesetivshapke {
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  #block-bfk-socialnyesetivshapke {
    display: none;
  }
}
#block-bfk-socialnyesetivshapke .top_social {
  margin: 5px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid var(--grey-txt);
  color: var(--grey-txt);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
#block-bfk-socialnyesetivshapke .top_social svg {
  height: 16px;
  width: auto;
  display: block;
}
#block-bfk-socialnyesetivshapke .top_social svg.tg {
  margin-right: 4px;
}
#block-bfk-socialnyesetivshapke .top_social:hover {
  border-color: var(--vasil);
  color: var(--vasil);
}

.user-login-form {
  padding: 60px 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  body.body_menu_opened {
    overflow: hidden;
  }
}
.topbtns {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .topbtns {
    margin-bottom: 20px;
  }
}

.view-partnery > .view-content {
  display: flex;
  flex-flow: row wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.view-partnery > .view-content .views-row {
  width: 33.3333%;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .view-partnery > .view-content .views-row {
    width: 100%;
  }
}

.partnyor {
  height: 140px;
  border: 1px solid var(--grey);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.partnyor img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  width: auto;
  height: auto;
}

a.partnyor:hover {
  border-color: var(--vasil);
}

.slider {
  padding: 60px 0 30px 0;
}
@media screen and (max-width: 768px) {
  .slider {
    padding: 20px 0 10px 0;
  }
}
.slider .swiper-pagination {
  position: relative;
  left: unset;
  bottom: unset;
  padding: 10px 0 0 0;
}
@media screen and (max-width: 768px) {
  .slider .swiper-pagination {
    display: none;
  }
}
.slider .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 2px;
  border: 2px solid var(--vasil);
  background: var(--white);
  opacity: 1;
}
.slider .swiper-pagination-bullet-active {
  background: var(--vasil);
}
.slider .sw-button-prev {
  left: calc(50% - 650px);
}
@media screen and (max-width: 768px) {
  .slider .sw-button-prev {
    left: 20px;
  }
}
.slider .sw-button-next {
  right: calc(50% - 650px);
}
@media screen and (max-width: 768px) {
  .slider .sw-button-next {
    right: 20px;
  }
}
.slider .sw-button-prev,
.slider .sw-button-next {
  display: none;
}

.slide {
  background: var(--vasil);
  color: #fff;
  display: flex;
}
.slide__img {
  width: 35%;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .slide__img {
    display: none;
  }
}
.slide__content {
  width: 65%;
  padding: 60px 80px;
  height: 560px;
  display: flex;
  flex-flow: column;
  background-image: url("../images/slide_bg.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .slide__content {
    width: 100%;
    padding: 40px 16px;
    height: 305px;
    background-position: center left;
  }
}
.slide__title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 30px;
  max-width: 88%;
}
@media screen and (max-width: 768px) {
  .slide__title {
    font-size: 24px;
    max-width: 100%;
  }
}
.slide__text {
  max-width: 88%;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .slide__text {
    display: none;
  }
}
.slide__btns {
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .slide__btns {
    width: 100%;
    margin-left: 0;
  }
  .slide__btns .btn {
    width: 100%;
  }
}
.slide__link {
  display: inline-flex;
  border-bottom: 1px solid #DFE0E7;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--dark);
  padding-bottom: 5px;
}
.slide__link svg {
  fill: var(--vasil);
  margin-left: 20px;
  transition: all 0.2s ease-in-out;
}
.slide__link:hover {
  text-decoration: none;
  color: var(--vasil);
}
.slide__link:hover svg {
  margin-left: 30px;
}
.slide__znak {
  position: absolute;
  top: 60px;
  right: 60px;
  aspect-ratio: 1/1;
  min-width: 140px;
  border-radius: 100%;
  padding: 20px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  background: #fff;
  font-weight: 500;
  font-size: 15px;
  color: var(--dark);
}
@media screen and (max-width: 768px) {
  .slide__znak {
    top: unset;
    bottom: 10px;
    right: 35px;
    padding: 10px;
    min-width: 100px;
  }
}
.slide__znak__top {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 36px;
  line-height: 120%;
  color: var(--vasil);
}
@media screen and (max-width: 768px) {
  .slide__znak__top {
    font-size: 20px;
  }
}
.slide__znak__icon {
  position: absolute;
  top: -10px;
  left: 0;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  color: #fff;
  background: var(--vasil);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .slide__znak__icon {
    width: 36px;
    height: 36px;
  }
  .slide__znak__icon svg {
    width: 11px;
    height: auto;
    display: block;
  }
}

.obraschenie {
  display: flex;
  flex-flow: row wrap;
}
.obraschenie__man {
  width: 24%;
  margin-right: 10%;
}
@media screen and (max-width: 768px) {
  .obraschenie__man {
    width: 100%;
    margin-bottom: 40px;
    margin-right: 0;
  }
}
.obraschenie__man img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .obraschenie__man img {
    width: 125px;
    margin-left: auto;
    margin-right: auto;
  }
}
.obraschenie__man__txt {
  text-align: center;
}
.obraschenie__man__txt p {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .obraschenie__man__txt p {
    font-size: 16px;
  }
}
.obraschenie__man__txt .subtext {
  color: var(--grey-txt);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}
@media screen and (max-width: 768px) {
  .obraschenie__man__txt .subtext {
    font-size: 14px;
  }
}
.obraschenie__texts {
  width: 66%;
}
@media screen and (max-width: 768px) {
  .obraschenie__texts {
    width: 100%;
  }
}
.obraschenie .field--name-field-soderzhimoe {
  max-width: 660px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .obraschenie .field--name-field-soderzhimoe {
    font-size: 14px;
  }
}
.obraschenie .field--name-field-soderzhimoe h2 {
  font-size: 36px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .obraschenie .field--name-field-soderzhimoe h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.obraschenie .field--name-field-soderzhimoe p {
  margin-top: 20px;
  margin-bottom: 40px;
}
.obraschenie .field--name-field-soderzhimoe em {
  font-weight: 500;
  line-height: 160%;
  font-style: italic;
}
.obraschenie .field--name-field-soderzhimoe a {
  color: var(--blue-light);
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}
.obraschenie .field--name-field-soderzhimoe a:hover {
  color: var(--vasil);
  text-decoration: underline;
}

.view-videogalereya-blok > .view-content,
.view-videogalereya > .view-content,
.view-fotogalereya-blok > .view-content,
.view-fotogalereya > .view-content {
  display: flex;
  flex-flow: row wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.view-videogalereya-blok > .view-content .views-row,
.view-videogalereya > .view-content .views-row,
.view-fotogalereya-blok > .view-content .views-row,
.view-fotogalereya > .view-content .views-row {
  width: 50%;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .view-videogalereya-blok > .view-content .views-row,
  .view-videogalereya > .view-content .views-row,
  .view-fotogalereya-blok > .view-content .views-row,
  .view-fotogalereya > .view-content .views-row {
    width: 100%;
  }
}

.fotogalereya.full .field--name-field-gfoto {
  display: flex;
  flex-flow: row wrap;
  margin-left: -10px;
  margin-right: -10px;
}
@media screen and (max-width: 768px) {
  .fotogalereya.full .field--name-field-gfoto {
    margin-left: -5px;
    margin-right: -5px;
  }
}
.fotogalereya.full .field--name-field-gfoto > .field__item {
  padding: 10px;
  width: 25%;
}
@media screen and (max-width: 768px) {
  .fotogalereya.full .field--name-field-gfoto > .field__item {
    padding: 5px;
    width: 50%;
  }
}
.fotogalereya.full .field--name-field-gfoto > .field__item .photoswipe {
  display: block;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.fotogalereya.full .field--name-field-gfoto > .field__item .photoswipe img {
  width: 100%;
  height: auto;
  display: block;
}
.fotogalereya.full .field--name-field-gfoto > .field__item .photoswipe:hover {
  opacity: 0.8;
}
.fotogalereya__label {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
}
@media screen and (max-width: 768px) {
  .fotogalereya__label {
    padding-top: 10px;
    font-size: 16px;
  }
}
.fotogalereya__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 10px;
  background: #35488F;
  color: #fff;
  margin-right: 13px;
}
.fotogalereya__count svg {
  margin-right: 4px;
}
.fotogalereya.teaser {
  text-decoration: none;
  color: var(--dark);
}
.section__blue .fotogalereya.teaser {
  color: var(--white);
}
.fotogalereya.teaser .fotogalereya__photo {
  position: relative;
  margin-bottom: 20px;
  display: block;
}
.fotogalereya.teaser .fotogalereya__photo img {
  width: 100%;
  height: auto;
  display: block;
}
.fotogalereya.teaser .fotogalereya__photo__hover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(21, 33, 78, 0.86);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  padding: 20px;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.fotogalereya.teaser .fotogalereya__footer {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .fotogalereya.teaser .fotogalereya__footer {
    flex-direction: column;
  }
}
.fotogalereya.teaser:hover {
  color: var(--vasil);
  text-decoration: none;
}
.section__blue .fotogalereya.teaser:hover {
  color: var(--white);
}
.section__blue .fotogalereya.teaser:hover .fotogalereya__label {
  opacity: 0.8;
}
.fotogalereya.teaser:hover .fotogalereya__photo__hover {
  opacity: 1;
}
.fotogalereya .sorevnovanie__btns {
  padding-top: 35px;
}

.field--name-field-video,
.video_yt {
  position: relative;
  overflow: hidden;
  padding-top: 65%;
  width: 100%;
}
.field--name-field-video lite-youtube,
.field--name-field-video iframe,
.video_yt lite-youtube,
.video_yt iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.field--name-field-video lite-youtube.lyt-activated,
.video_yt lite-youtube.lyt-activated {
  z-index: 3;
}

.video_yt {
  padding: 0;
}
.video_yt__title {
  position: absolute;
  padding: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  width: 100%;
  line-height: 140%;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .video_yt__title {
    position: unset;
    bottom: unset;
    color: #000;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
    padding: 0;
  }
}

lite-youtube:before {
  content: "";
  background: linear-gradient(360deg, #272F37 0%, rgba(39, 47, 55, 0.72) 43%, rgba(39, 47, 55, 0.41) 71.01%, rgba(39, 47, 55, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
}
lite-youtube > .lty-playbtn {
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  left: 50%;
  top: 50%;
  transform: none;
  border-radius: 100%;
  background: #fff;
  color: var(--vasil);
}
lite-youtube > .lty-playbtn:before {
  width: 10px;
  height: 14px;
  background-image: url(../images/svg/play.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  margin: -7px 0 0 -3px;
}

.view-novosti-federacii-blok > .view-content,
.view-novosti-federacii > .view-content,
.view-kalendar-sorevnovaniy-blok > .view-content,
.view-kalendar-sorevnovaniy > .view-content {
  display: flex;
  flex-flow: row wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.view-novosti-federacii-blok > .view-content .views-row,
.view-novosti-federacii > .view-content .views-row,
.view-kalendar-sorevnovaniy-blok > .view-content .views-row,
.view-kalendar-sorevnovaniy > .view-content .views-row {
  width: 33.33333%;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .view-novosti-federacii-blok > .view-content .views-row,
  .view-novosti-federacii > .view-content .views-row,
  .view-kalendar-sorevnovaniy-blok > .view-content .views-row,
  .view-kalendar-sorevnovaniy > .view-content .views-row {
    width: 100%;
  }
}
.view-novosti-federacii-blok > .view-content .views-row .novost,
.view-novosti-federacii-blok > .view-content .views-row .sorevnovanie,
.view-novosti-federacii > .view-content .views-row .novost,
.view-novosti-federacii > .view-content .views-row .sorevnovanie,
.view-kalendar-sorevnovaniy-blok > .view-content .views-row .novost,
.view-kalendar-sorevnovaniy-blok > .view-content .views-row .sorevnovanie,
.view-kalendar-sorevnovaniy > .view-content .views-row .novost,
.view-kalendar-sorevnovaniy > .view-content .views-row .sorevnovanie {
  height: 100%;
}

.sorevnovanie__result {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
}
.sorevnovanie__result svg {
  margin-right: 5px;
}
.sorevnovanie__worldwide {
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--white);
  font-size: 14px;
  line-height: 150%;
  z-index: 3;
}
.sorevnovanie__worldwide svg {
  color: var(--blue-light);
  margin-right: 5px;
}
.sorevnovanie__photo {
  padding-top: 70%;
  position: relative;
  background-image: url("../images/sorev_bg.jpg");
  background-size: cover;
  background-position: center;
  transition: all 0.2s ease-in-out;
}
.sorevnovanie__photo img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  z-index: 1;
  display: block;
}
.sorevnovanie__photo__holder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--white);
  font-size: 30px;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .sorevnovanie__photo__holder {
    font-size: 22px;
  }
}
.sorevnovanie__option {
  margin-bottom: 2px;
  display: inline-flex;
  align-items: center;
  padding: 10px;
  color: var(--vasil);
  font-size: 14px;
  line-height: 120%;
  background: #E1E5F6;
}
.sorevnovanie__option svg {
  margin-right: 4px;
}
.sorevnovanie__bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px;
}
@media screen and (max-width: 768px) {
  .sorevnovanie__bottom {
    padding: 16px;
  }
}
.sorevnovanie__label {
  padding-top: 8px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  min-height: 110px;
}
@media screen and (max-width: 768px) {
  .sorevnovanie__label {
    font-size: 16px;
    min-height: unset;
  }
}
.sorevnovanie.small, .sorevnovanie.teaser {
  display: flex;
  flex-direction: column;
  background: #EEF1FD;
  text-decoration: none;
  color: var(--dark);
}
.sorevnovanie.small:hover, .sorevnovanie.teaser:hover {
  color: var(--vasil);
}
.sorevnovanie.small:hover .sorevnovanie__photo, .sorevnovanie.teaser:hover .sorevnovanie__photo {
  opacity: 0.9;
}
.sorevnovanie.small {
  margin-bottom: 4px;
}
.sorevnovanie .field--name-field-rezultaty, .sorevnovanie__content {
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 150%;
}
.sorevnovanie .field--name-field-rezultaty p:first-child, .sorevnovanie .field--name-field-rezultaty h2:first-child, .sorevnovanie .field--name-field-rezultaty h3:first-child, .sorevnovanie .field--name-field-rezultaty h4:first-child, .sorevnovanie .field--name-field-rezultaty ul:first-child, .sorevnovanie .field--name-field-rezultaty ol:first-child, .sorevnovanie__content p:first-child, .sorevnovanie__content h2:first-child, .sorevnovanie__content h3:first-child, .sorevnovanie__content h4:first-child, .sorevnovanie__content ul:first-child, .sorevnovanie__content ol:first-child {
  margin-top: 0;
}
.sorevnovanie .field--name-field-rezultaty p:last-child, .sorevnovanie .field--name-field-rezultaty h2:last-child, .sorevnovanie .field--name-field-rezultaty h3:last-child, .sorevnovanie .field--name-field-rezultaty h4:last-child, .sorevnovanie .field--name-field-rezultaty ul:last-child, .sorevnovanie .field--name-field-rezultaty ol:last-child, .sorevnovanie__content p:last-child, .sorevnovanie__content h2:last-child, .sorevnovanie__content h3:last-child, .sorevnovanie__content h4:last-child, .sorevnovanie__content ul:last-child, .sorevnovanie__content ol:last-child {
  margin-bottom: 0;
}
.sorevnovanie__btns {
  display: flex;
  flex-flow: row wrap;
}
.sorevnovanie__btns .btn {
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  .sorevnovanie__btns .btn {
    margin-bottom: 5px;
  }
}
.sorevnovanie__btns .btn:last-child {
  margin-right: 0;
}
.sorevnovanie .field--name-field-fotografii-thumb-images > .field__label,
.sorevnovanie .field--name-field-rezultaty > .field__label,
.sorevnovanie .field--name-field-dokumenty > .field__label {
  margin-top: 60px;
  padding-bottom: 20px;
  border-bottom: 2px solid var(--blue-light);
  margin-bottom: 35px;
  color: var(--blue-light);
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
}
.sorevnovanie__photogallery .swiper-slide {
  background-size: cover;
  background-position: center;
}
.sorevnovanie__photogallery .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.sorevnovanie__photogallery .swiper__photogallery {
  width: 100%;
  margin-bottom: 10px;
}
.sorevnovanie__photogallery .swiper__photogallery__thumb {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 72px);
}
.sorevnovanie__photogallery .swiper__photogallery__thumb .swiper-slide {
  opacity: 0.4;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.sorevnovanie__photogallery .swiper__photogallery__thumb .swiper-slide:hover, .sorevnovanie__photogallery .swiper__photogallery__thumb .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.sorevnovanie__photogallery__thumbs {
  display: flex;
  align-items: center;
  position: relative;
}
.sorevnovanie__photogallery__thumbs .swiper-button-next,
.sorevnovanie__photogallery__thumbs .swiper-button-prev {
  color: var(--grey-txt);
  width: 24px;
  height: 24px;
}
.sorevnovanie__photogallery__thumbs .swiper-button-next:after,
.sorevnovanie__photogallery__thumbs .swiper-button-prev:after {
  font-size: 26px;
}
.sorevnovanie__photogallery__thumbs .swiper-button-next {
  right: 0;
}
.sorevnovanie__photogallery__thumbs .swiper-button-prev {
  left: 0;
}
.sorevnovanie.ended .sorevnovanie__photo {
  filter: grayscale(50%);
}

.novost.small, .novost.teaser {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: var(--dark);
  align-items: flex-start;
}
.novost.small:hover, .novost.teaser:hover {
  color: var(--vasil);
}
.novost.small:hover .novost__photo, .novost.teaser:hover .novost__photo {
  opacity: 0.9;
}
.novost__photo {
  margin-bottom: 20px;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
.novost__photo img {
  width: 100%;
  height: auto;
  display: block;
}
.novost__label {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  display: block;
}
.novost .field--name-field-kategoriya {
  display: inline-flex;
  align-items: center;
  padding: 10px;
  color: var(--vasil);
  font-size: 12px;
  line-height: 120%;
  background: #EEF1FD;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.novost__date {
  display: inline-flex;
  color: var(--grey-txt);
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .novost__date {
    margin-bottom: 10px;
  }
}
.novost__date svg {
  margin-right: 10px;
}
.novost.small .novost__date {
  margin-bottom: 30px;
}
.novost.small .novost__label {
  font-size: 16px;
  margin-bottom: 10px;
}
.novost.small .novost__photo {
  margin-bottom: 15px;
}
.novost__copy {
  margin-top: 60px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  color: var(--grey-txt);
}
.novost__copy__icon {
  width: 33px;
  flex-shrink: 0;
}
.novost__copy__txt {
  max-width: 620px;
}

@media screen and (min-width: 768px) {
  .view-novosti-federacii-blok > .view-content .views-row:first-child,
  .view-novosti-federacii > .view-content .views-row:first-child {
    width: 66.666666%;
    padding: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .view-novosti-federacii-blok > .view-content .views-row:first-child,
  .view-novosti-federacii > .view-content .views-row:first-child {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .view-novosti-federacii-blok > .view-content .views-row:first-child .novost,
  .view-novosti-federacii > .view-content .views-row:first-child .novost {
    height: 100%;
    overflow: hidden;
    position: relative;
    min-height: 500px;
  }
  .view-novosti-federacii-blok > .view-content .views-row:first-child .novost .novost__photo,
  .view-novosti-federacii > .view-content .views-row:first-child .novost .novost__photo {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
  }
  .view-novosti-federacii-blok > .view-content .views-row:first-child .novost .novost__content,
  .view-novosti-federacii > .view-content .views-row:first-child .novost .novost__content {
    position: absolute;
    z-index: 2;
    background: linear-gradient(360deg, #272F37 0%, rgba(39, 47, 55, 0.82) 37.42%, rgba(39, 47, 55, 0.57) 73.77%, rgba(39, 47, 55, 0) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 40px;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    align-items: flex-start;
  }
  .view-novosti-federacii-blok > .view-content .views-row:first-child .novost .novost__label,
  .view-novosti-federacii > .view-content .views-row:first-child .novost .novost__label {
    font-size: 32px;
    color: #fff;
  }
  .view-novosti-federacii-blok > .view-content .views-row:first-child .novost .novost__date,
  .view-novosti-federacii > .view-content .views-row:first-child .novost .novost__date {
    margin-bottom: 0;
  }
  .view-novosti-federacii-blok > .view-content .views-row:first-child .novost:hover .novost__label,
  .view-novosti-federacii > .view-content .views-row:first-child .novost:hover .novost__label {
    opacity: 0.8;
  }
}
.text_paragraph__title {
  padding-bottom: 20px;
  border-bottom: 2px solid var(--blue-light);
  margin-bottom: 35px;
  color: var(--blue-light);
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
}
@media screen and (max-width: 768px) {
  .text_paragraph__title {
    margin-bottom: 20px;
    padding-bottom: 15px;
    font-size: 22px;
  }
}
.text_paragraph__title__sub {
  margin-top: 10px;
  display: inline-flex;
  padding: 10px;
  text-transform: uppercase;
  color: var(--blue-light);
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  background: #EEF1FD;
}
.text_paragraph + .text_paragraph .text_paragraph__title {
  margin-top: 60px;
}

.field--name-field-dokumenty .field__item {
  padding: 25px 0;
  border-bottom: 1px solid var(--grey);
}
.field--name-field-dokumenty .field__item:hover {
  border-color: var(--blue-light);
}

.file {
  font-size: 18px;
  line-height: 140%;
}
.file__info {
  font-size: 14px;
  color: var(--grey-txt);
}
.file a {
  color: var(--dark);
  text-decoration: none;
}
.file a:hover {
  color: var(--blue-light);
  opacity: 0.8;
}

.view-kalendar-sorevnovaniy .view-filters,
.view-novosti-federacii .view-filters,
.view-shkoly-i-kluby .view-filters {
  margin-bottom: 40px;
}
.view-kalendar-sorevnovaniy .view-filters .form--inline .form-actions,
.view-novosti-federacii .view-filters .form--inline .form-actions,
.view-shkoly-i-kluby .view-filters .form--inline .form-actions {
  display: none;
}
.view-kalendar-sorevnovaniy .view-filters .form--inline,
.view-novosti-federacii .view-filters .form--inline,
.view-shkoly-i-kluby .view-filters .form--inline {
  overflow-y: hidden;
  overflow-x: auto;
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .view-kalendar-sorevnovaniy .view-filters .form--inline,
  .view-novosti-federacii .view-filters .form--inline,
  .view-shkoly-i-kluby .view-filters .form--inline {
    padding-bottom: 5px;
  }
}
.view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item,
.view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item,
.view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item {
  float: none;
  display: flex;
  margin: 0;
}
.view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item legend,
.view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item legend,
.view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item legend {
  display: none;
}
.view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item .form-radios,
.view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item .form-radios,
.view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item .form-radios {
  display: flex;
  width: 100%;
  flex-flow: row wrap;
}
@media screen and (max-width: 768px) {
  .view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item .form-radios,
  .view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item .form-radios,
  .view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item .form-radios {
    flex-wrap: nowrap;
  }
}
.view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio,
.view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio,
.view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio {
  margin: 0;
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  .view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio,
  .view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio,
  .view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio {
    margin-right: 16px;
  }
}
.view-shkoly-i-kluby .view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio,
.view-shkoly-i-kluby .view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio,
.view-shkoly-i-kluby .view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio {
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  .view-shkoly-i-kluby .view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio,
  .view-shkoly-i-kluby .view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio,
  .view-shkoly-i-kluby .view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio {
    margin-right: 5px;
  }
}
.view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio:last-child,
.view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio:last-child,
.view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio:last-child {
  margin-right: 0;
}
.view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio input,
.view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio input,
.view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio input {
  display: none;
}
.view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio label,
.view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio label,
.view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio label {
  padding: 5px 0px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  color: var(--dark);
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  display: inline-flex;
  margin-bottom: -1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}
@media screen and (max-width: 768px) {
  .view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio label,
  .view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio label,
  .view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio label {
    white-space: nowrap;
    padding: 8px 10px;
  }
}
.view-shkoly-i-kluby .view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio label,
.view-shkoly-i-kluby .view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio label,
.view-shkoly-i-kluby .view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio label {
  height: 42px;
  text-transform: none;
  padding: 10px 20px;
  display: inline-flex;
  white-space: nowrap;
  color: var(--grey-txt);
  background: var(--grey);
  border-radius: 100px;
  border: none;
}
.view-shkoly-i-kluby .view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio label:hover,
.view-shkoly-i-kluby .view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio label:hover,
.view-shkoly-i-kluby .view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio label:hover {
  color: var(--blue-light);
  border: none;
  background: var(--grey);
}
.view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio label:hover,
.view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio input:checked + label,
.view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio label:hover,
.view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio input:checked + label,
.view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio label:hover,
.view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio input:checked + label {
  border-color: var(--blue-light);
  color: var(--blue-light);
  background: transparent;
}
.view-shkoly-i-kluby .view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio label:hover,
.view-shkoly-i-kluby .view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio input:checked + label,
.view-shkoly-i-kluby .view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio label:hover,
.view-shkoly-i-kluby .view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio input:checked + label,
.view-shkoly-i-kluby .view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio label:hover,
.view-shkoly-i-kluby .view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item .form-type-radio input:checked + label {
  color: var(--blue-light);
  border: none;
  background: var(--grey);
}
.view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item.form-type-date, .view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item.form-type-textfield,
.view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item.form-type-date,
.view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item.form-type-textfield,
.view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item.form-type-date,
.view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item.form-type-textfield {
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item.form-type-date, .view-kalendar-sorevnovaniy .view-filters .bef-exposed-form .form--inline > .form-item.form-type-textfield,
  .view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item.form-type-date,
  .view-novosti-federacii .view-filters .bef-exposed-form .form--inline > .form-item.form-type-textfield,
  .view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item.form-type-date,
  .view-shkoly-i-kluby .view-filters .bef-exposed-form .form--inline > .form-item.form-type-textfield {
    display: none;
  }
}
.view-kalendar-sorevnovaniy .view-filters .form-type-date,
.view-kalendar-sorevnovaniy .view-filters .form-type-textfield,
.view-novosti-federacii .view-filters .form-type-date,
.view-novosti-federacii .view-filters .form-type-textfield,
.view-shkoly-i-kluby .view-filters .form-type-date,
.view-shkoly-i-kluby .view-filters .form-type-textfield {
  margin-left: auto;
}
.view-kalendar-sorevnovaniy .view-filters .form-type-date input,
.view-kalendar-sorevnovaniy .view-filters .form-type-textfield input,
.view-novosti-federacii .view-filters .form-type-date input,
.view-novosti-federacii .view-filters .form-type-textfield input,
.view-shkoly-i-kluby .view-filters .form-type-date input,
.view-shkoly-i-kluby .view-filters .form-type-textfield input {
  display: inline-flex;
  font-size: 16px;
  font-weight: 500;
  height: 60px;
  padding: 20px 10px;
  background: var(--grey);
  color: var(--dark);
  border: 1px solid var(--grey);
  box-shadow: none;
  background-image: url("../images/svg/calendar_grey.svg");
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position: 95% center;
}
.view-kalendar-sorevnovaniy .view-filters .form-type-date input:focus,
.view-kalendar-sorevnovaniy .view-filters .form-type-textfield input:focus,
.view-novosti-federacii .view-filters .form-type-date input:focus,
.view-novosti-federacii .view-filters .form-type-textfield input:focus,
.view-shkoly-i-kluby .view-filters .form-type-date input:focus,
.view-shkoly-i-kluby .view-filters .form-type-textfield input:focus {
  border-color: var(--dark);
}

.contacts {
  display: flex;
  flex-flow: row wrap;
  margin-left: -10px;
  margin-right: -10px;
}
@media screen and (max-width: 768px) {
  .contacts {
    margin-left: 0;
    margin-right: 0;
  }
}
.contacts .field--name-body {
  line-height: 120%;
}
.contacts__title {
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .contacts__title {
    font-size: 22px;
    margin-bottom: 30px;
  }
}
.contacts__item {
  display: flex;
  flex-direction: column;
  padding: 30px;
  justify-content: center;
  width: calc(33.333333% - 20px);
  margin: 10px;
  border: 1px solid var(--grey);
  min-height: 290px;
}
@media screen and (max-width: 768px) {
  .contacts__item {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    min-height: 0;
    border: none;
    padding: 0;
    padding-bottom: 30px;
  }
}
.contacts__item__full {
  width: calc(100% - 20px);
  min-height: unset;
  padding-top: 70px;
  padding-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .contacts__item__full {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding-top: 0;
    padding-bottom: 30px;
    font-size: 14px;
  }
}
.contacts__item__title {
  color: var(--blue-light);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.84px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .contacts__item__title {
    font-size: 12px;
  }
}
.contacts__item__text {
  color: var(--dark);
  font-size: 22px;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .contacts__item__text {
    font-size: 18px;
  }
}
.contacts__item__text a {
  display: block;
  color: inherit;
  text-decoration: none;
}
.contacts__item__text a:hover {
  color: var(--blue-light);
}

.text_paragraph__citat {
  padding: 60px 30px;
  background: var(--grey);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}
.text_paragraph__citat__icon {
  margin-bottom: 20px;
}
.text_paragraph.paragraph--type--tekst-foto img {
  margin-bottom: 0;
  width: 100%;
  height: auto;
  display: block;
}
.text_paragraph.paragraph--type--tekst-foto .field--name-field-opisanie {
  padding-top: 10px;
  color: var(--grey-txt);
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}
.text_paragraph table {
  width: 100%;
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 140%;
  font-size: 18px;
  border-spacing: 0;
}
.text_paragraph table th, .text_paragraph table td {
  padding: 20px;
}
.text_paragraph table th {
  font-weight: normal;
  color: var(--grey-txt);
  text-align: left;
  border-bottom: 2px solid var(--grey-txt);
}
.text_paragraph table td {
  border-bottom: 1px solid var(--grey);
  font-weight: 400;
}
.text_paragraph .field--name-field-ssylki .field__item {
  margin-bottom: 3px;
}
.text_paragraph .field--name-field-ssylki .field__item a {
  border: 1px solid var(--grey);
  min-height: 90px;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  font-size: 18px;
  color: var(--dark);
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}
.text_paragraph .field--name-field-ssylki .field__item a:after {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  margin-left: auto;
  flex-shrink: 0;
  background-image: url("../images/svg/link.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.text_paragraph .field--name-field-ssylki .field__item a:hover {
  border-color: var(--blue-light);
  color: var(--blue-light);
  text-decoration: none;
}
.text_paragraph + .text_paragraph {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .text_paragraph + .text_paragraph {
    margin-top: 20px;
  }
}
.text_paragraph + .text_paragraph.text_paragraph__citat {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .text_paragraph + .text_paragraph.text_paragraph__citat {
    margin-top: 10px;
  }
}

.greenslide {
  background-image: url(../images/greenslide.jpg);
  background-size: cover;
  background-position: center;
  display: block;
  padding: 20px 0;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .greenslide {
    padding-top: 50px;
    background-image: url(../images/greenslide_mob.jpg);
  }
}
.greenslide__content {
  display: flex;
  min-height: 160px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .greenslide__content {
    min-height: 300px;
    justify-content: flex-start;
  }
}
.greenslide__text {
  color: var(--white);
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
}
@media screen and (max-width: 768px) {
  .greenslide__text {
    font-size: 24px;
  }
}
.greenslide__options {
  display: flex;
  padding-top: 25px;
}
@media screen and (max-width: 768px) {
  .greenslide__options {
    flex-direction: column;
  }
}
.greenslide__option {
  margin-right: 2px;
  display: inline-flex;
  align-items: center;
  padding: 10px;
  color: var(--dark);
  font-size: 16px;
  line-height: 120%;
  background: var(--white);
}
@media screen and (max-width: 768px) {
  .greenslide__option {
    margin-bottom: 4px;
  }
}
.greenslide__option svg {
  color: #BB4740;
  margin-right: 4px;
}
.greenslide:hover {
  opacity: 0.9;
}

.layout-content__nobar .node--type-blokpage .txt__content {
  padding-top: 120px;
  padding-bottom: 120px;
  max-width: 1100px;
}
@media screen and (max-width: 768px) {
  .layout-content__nobar .node--type-blokpage .txt__content {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.rukovodstvo {
  display: flex;
  margin-bottom: 20px;
  transition: all 0.2s ease-in-out;
}
.rukovodstvo:last-child {
  margin-bottom: 0;
}
.rukovodstvo .field--name-field-image {
  width: 30%;
}
.rukovodstvo .field--name-field-image img {
  display: block;
  width: 100%;
  height: auto;
}
.rukovodstvo__info {
  width: 70%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
@media screen and (max-width: 768px) {
  .rukovodstvo__info {
    padding: 0;
    padding-left: 10px;
    font-size: 18px;
  }
}
.rukovodstvo__label {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .rukovodstvo__label {
    margin-bottom: 10px;
  }
}
.rukovodstvo .field--name-field-dolzhnost {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 768px) {
  .rukovodstvo .field--name-field-dolzhnost {
    font-size: 15px;
  }
}
.rukovodstvo .field--name-field-email {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .rukovodstvo .field--name-field-email {
    margin-top: 10px;
    font-size: 15px;
  }
}
.rukovodstvo .field--name-field-email a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: var(--blue-light);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.rukovodstvo .field--name-field-email a:before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  flex-shrink: 0;
  background-image: url("../images/svg/email.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
}
.rukovodstvo .field--name-field-email a:hover {
  text-decoration: none;
  color: var(--vasil);
}
.rukovodstvo:hover {
  background: var(--grey);
}

.page-node-type-rukovodstvo .rukovodstvo {
  margin: 60px auto;
  max-width: 880px;
}

.komand {
  padding: 20px;
  display: flex;
  transition: all 0.2s ease-in-out;
  border-bottom: 1px solid var(--grey);
}
@media screen and (max-width: 768px) {
  .komand {
    padding: 16px;
    flex-wrap: wrap;
  }
}
.komand:last-child {
  margin-bottom: 0;
}
.komand .field--name-field-image img {
  display: block;
  width: 120px;
  height: auto;
}
.komand__info {
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 768px) {
  .komand__info {
    width: 100%;
    padding-top: 16px;
    padding-left: 0;
  }
}
.komand__label {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
.komand .field--name-field-dolzhnost {
  color: var(--grey-txt);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.komand .field--name-field-osobennosti {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.komand .field--name-field-osobennosti .field__item {
  display: flex;
  flex-flow: row;
  align-items: center;
}
.komand .field--name-field-osobennosti .field__item:after {
  content: "";
  width: 4px;
  height: 4px;
  flex-shrink: 0;
  border-radius: 100%;
  margin: 0 10px;
  background: var(--grey-txt);
  display: block;
}
.komand .field--name-field-osobennosti .field__item:last-child:after {
  display: none;
}
.page-node-type-rukovodstvo .rukovodstvo {
  margin: 60px auto;
  max-width: 880px;
}

.view-shkoly-i-kluby .view-content h3 {
  padding-bottom: 20px;
  border-bottom: 2px solid var(--blue-light);
  margin-bottom: 35px;
  color: var(--blue-light);
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .view-shkoly-i-kluby .view-content h3 {
    margin-bottom: 20px;
    padding-bottom: 15px;
    font-size: 22px;
    margin-top: 40px;
  }
}
.view-shkoly-i-kluby.view-display-id-attachment_1 > .view-content {
  max-width: 700px;
}

.klub.default, .klub.full {
  display: flex;
  flex-flow: row wrap;
  padding: 30px 0;
  border-bottom: 1px solid var(--grey);
  align-items: center;
}
@media screen and (max-width: 768px) {
  .klub.default, .klub.full {
    align-items: flex-start;
    padding: 20px 0;
  }
}
.page-node-type-klub .klub.default, .page-node-type-klub .klub.full {
  max-width: 700px;
  margin: 60px auto;
}
.klub.default .klub__info, .klub.full .klub__info {
  padding-left: 25px;
  width: 75%;
}
@media screen and (max-width: 768px) {
  .klub.default .klub__info, .klub.full .klub__info {
    padding-left: 20px;
  }
}
.klub.default .klub__img, .klub.full .klub__img {
  width: 25%;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .klub.default .klub__img, .klub.full .klub__img {
    padding: 0;
  }
}
.klub.default .klub__img__logo img, .klub.full .klub__img__logo img {
  width: 100%;
  display: block;
  height: auto;
}
.klub.default .klub__img__def, .klub.full .klub__img__def {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--grey);
}
.klub.default .klub__label, .klub.full .klub__label {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .klub.default .klub__label, .klub.full .klub__label {
    font-size: 18px;
  }
}
.klub.default .field--name-body, .klub.full .field--name-body {
  color: var(--grey-txt);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .klub.default .field--name-body, .klub.full .field--name-body {
    font-size: 13px;
  }
}
.klub.default .field--name-body p:first-child, .klub.full .field--name-body p:first-child {
  margin-top: 0;
}
.klub.default .field--name-body p:last-child, .klub.full .field--name-body p:last-child {
  margin-bottom: 0;
}
.klub.default .field--name-field-adres,
.klub.default .klub__phone, .klub.full .field--name-field-adres,
.klub.full .klub__phone {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}
.klub.default .klub__phone, .klub.full .klub__phone {
  color: var(--dark);
}
.klub.default .klub__phone:hover, .klub.full .klub__phone:hover {
  color: var(--vasil);
}
.klub.default .field--name-field-sayt, .klub.full .field--name-field-sayt {
  margin-top: 20px;
}
.klub.default .field--name-field-sayt a, .klub.full .field--name-field-sayt a {
  color: var(--blue-light);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.klub.default .field--name-field-sayt a:before, .klub.full .field--name-field-sayt a:before {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  display: block;
  content: "";
  background-image: url("../images/svg/link_klub.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.klub.default .field--name-field-sayt a:hover, .klub.full .field--name-field-sayt a:hover {
  text-decoration: underline;
}
.klub.teaser img {
  width: 100px;
  height: auto;
  display: block;
  margin-bottom: 10px;
}
.klub.teaser .klub__label {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 5px;
}
.klub.teaser .field--name-body {
  color: var(--grey-txt);
  font-size: 12px;
  line-height: 120%;
  margin-bottom: 10px;
}
.klub.teaser .field--name-body p:first-child {
  margin-top: 0;
}
.klub.teaser .field--name-body p:last-child {
  margin-bottom: 0;
}
.klub.teaser .field--name-field-adres,
.klub.teaser .klub__phone {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}
.klub.teaser .klub__phone {
  color: var(--dark);
}
.klub.teaser .klub__phone:hover {
  color: var(--vasil);
}
.klub.teaser .field--name-field-sayt {
  margin-top: 10px;
}
.klub.teaser .field--name-field-sayt a {
  color: var(--blue-light);
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.klub.teaser .field--name-field-sayt a:before {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  display: block;
  content: "";
  background-image: url("../images/svg/link_klub.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.klub.teaser .field--name-field-sayt a:hover {
  text-decoration: underline;
}

.pager__items {
  padding-left: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.pager__item, .js-pager__items .pager__item {
  padding: 3px;
}
.pager__item a:not(.button), .js-pager__items .pager__item a:not(.button) {
  width: 40px;
  height: 40px;
  background: var(--grey);
  border: 1px solid var(--grey);
  border-radius: 11px;
  display: inline-flex;
  font-weight: 600;
  font-size: 18px;
  align-items: center;
  justify-content: center;
  color: var(--dark);
  text-decoration: none;
  text-align: center;
}
.pager__item a:not(.button):hover, .js-pager__items .pager__item a:not(.button):hover {
  border-color: var(--vasil);
  background: var(--vasil);
  color: #fff;
}
.pager__item.is-active a, .js-pager__items .pager__item.is-active a {
  border-color: var(--vasil);
  background: var(--vasil);
  color: #fff;
}

.crm_form .form-type-vertical-tabs {
  display: none !important;
}

.view-polzovateli-kluba .view-header,
.view-chleny-payment .view-header,
.view-platezhi-chlena-kluba .view-header,
.view-platezhi .view-header,
.view-persons .view-header {
  margin-bottom: 15px;
}
.view-polzovateli-kluba .view-header .btn__add,
.view-chleny-payment .view-header .btn__add,
.view-platezhi-chlena-kluba .view-header .btn__add,
.view-platezhi .view-header .btn__add,
.view-persons .view-header .btn__add {
  background: var(--vasil);
  color: var(--white);
  height: 50px;
}
.view-polzovateli-kluba .view-header .btn__add:hover,
.view-chleny-payment .view-header .btn__add:hover,
.view-platezhi-chlena-kluba .view-header .btn__add:hover,
.view-platezhi .view-header .btn__add:hover,
.view-persons .view-header .btn__add:hover {
  background: var(--dark);
  color: var(--white);
}
.view-polzovateli-kluba .view-filters,
.view-chleny-payment .view-filters,
.view-platezhi-chlena-kluba .view-filters,
.view-platezhi .view-filters,
.view-persons .view-filters {
  background: var(--grey);
  padding: 16px;
  margin-bottom: 16px;
}
.view-polzovateli-kluba .view-filters .views-exposed-form,
.view-chleny-payment .view-filters .views-exposed-form,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form,
.view-platezhi .view-filters .views-exposed-form,
.view-persons .view-filters .views-exposed-form {
  font-size: 16px;
}
.view-polzovateli-kluba .view-filters .views-exposed-form .select2-container--default .select2-selection--multiple,
.view-chleny-payment .view-filters .views-exposed-form .select2-container--default .select2-selection--multiple,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .select2-container--default .select2-selection--multiple,
.view-platezhi .view-filters .views-exposed-form .select2-container--default .select2-selection--multiple,
.view-persons .view-filters .views-exposed-form .select2-container--default .select2-selection--multiple {
  border: 1px solid var(--grey-txt);
  border-radius: 0;
}
.view-polzovateli-kluba .view-filters .views-exposed-form .form--inline,
.view-chleny-payment .view-filters .views-exposed-form .form--inline,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline,
.view-platezhi .view-filters .views-exposed-form .form--inline,
.view-persons .view-filters .views-exposed-form .form--inline {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .view-polzovateli-kluba .view-filters .views-exposed-form .form--inline,
  .view-chleny-payment .view-filters .views-exposed-form .form--inline,
  .view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline,
  .view-platezhi .view-filters .views-exposed-form .form--inline,
  .view-persons .view-filters .views-exposed-form .form--inline {
    gap: 10px;
  }
}
.view-polzovateli-kluba .view-filters .views-exposed-form .form--inline::after,
.view-chleny-payment .view-filters .views-exposed-form .form--inline::after,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline::after,
.view-platezhi .view-filters .views-exposed-form .form--inline::after,
.view-persons .view-filters .views-exposed-form .form--inline::after {
  display: none;
}
.view-polzovateli-kluba .view-filters .views-exposed-form .form--inline > .form-wrapper,
.view-chleny-payment .view-filters .views-exposed-form .form--inline > .form-wrapper,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline > .form-wrapper,
.view-platezhi .view-filters .views-exposed-form .form--inline > .form-wrapper,
.view-persons .view-filters .views-exposed-form .form--inline > .form-wrapper {
  width: calc(40% - 16px);
}
@media screen and (max-width: 768px) {
  .view-polzovateli-kluba .view-filters .views-exposed-form .form--inline > .form-wrapper,
  .view-chleny-payment .view-filters .views-exposed-form .form--inline > .form-wrapper,
  .view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline > .form-wrapper,
  .view-platezhi .view-filters .views-exposed-form .form--inline > .form-wrapper,
  .view-persons .view-filters .views-exposed-form .form--inline > .form-wrapper {
    width: 100%;
  }
}
.view-polzovateli-kluba .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset,
.view-chleny-payment .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset,
.view-platezhi .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset,
.view-persons .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset {
  padding: 0;
  margin: 0;
  border: none;
  width: 100%;
}
.view-polzovateli-kluba .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset legend,
.view-chleny-payment .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset legend,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset legend,
.view-platezhi .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset legend,
.view-persons .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset legend {
  position: relative;
  width: 100%;
  margin-bottom: 4px;
}
.view-polzovateli-kluba .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper,
.view-chleny-payment .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper,
.view-platezhi .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper,
.view-persons .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper {
  display: flex;
  gap: 8px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .view-polzovateli-kluba .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper,
  .view-chleny-payment .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper,
  .view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper,
  .view-platezhi .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper,
  .view-persons .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.view-polzovateli-kluba .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper > .form-item,
.view-chleny-payment .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper > .form-item,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper > .form-item,
.view-platezhi .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper > .form-item,
.view-persons .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper > .form-item {
  max-width: calc(50% - 4px);
  margin: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
}
.view-polzovateli-kluba .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper > .form-item .form-date,
.view-chleny-payment .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper > .form-item .form-date,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper > .form-item .form-date,
.view-platezhi .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper > .form-item .form-date,
.view-persons .view-filters .views-exposed-form .form--inline > .form-wrapper fieldset .fieldset-wrapper > .form-item .form-date {
  padding: 5px 10px;
  border: 1px solid var(--grey-txt);
  outline: none;
}
.view-polzovateli-kluba .view-filters .views-exposed-form .form--inline > .form-actions,
.view-polzovateli-kluba .view-filters .views-exposed-form .form--inline > .form-item,
.view-chleny-payment .view-filters .views-exposed-form .form--inline > .form-actions,
.view-chleny-payment .view-filters .views-exposed-form .form--inline > .form-item,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline > .form-actions,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline > .form-item,
.view-platezhi .view-filters .views-exposed-form .form--inline > .form-actions,
.view-platezhi .view-filters .views-exposed-form .form--inline > .form-item,
.view-persons .view-filters .views-exposed-form .form--inline > .form-actions,
.view-persons .view-filters .views-exposed-form .form--inline > .form-item {
  margin: 0;
  width: calc(20% - 16px);
}
@media screen and (max-width: 768px) {
  .view-polzovateli-kluba .view-filters .views-exposed-form .form--inline > .form-actions,
  .view-polzovateli-kluba .view-filters .views-exposed-form .form--inline > .form-item,
  .view-chleny-payment .view-filters .views-exposed-form .form--inline > .form-actions,
  .view-chleny-payment .view-filters .views-exposed-form .form--inline > .form-item,
  .view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline > .form-actions,
  .view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline > .form-item,
  .view-platezhi .view-filters .views-exposed-form .form--inline > .form-actions,
  .view-platezhi .view-filters .views-exposed-form .form--inline > .form-item,
  .view-persons .view-filters .views-exposed-form .form--inline > .form-actions,
  .view-persons .view-filters .views-exposed-form .form--inline > .form-item {
    width: 100%;
  }
}
.view-polzovateli-kluba .view-filters .views-exposed-form .form--inline > .form-actions > label,
.view-polzovateli-kluba .view-filters .views-exposed-form .form--inline > .form-item > label,
.view-chleny-payment .view-filters .views-exposed-form .form--inline > .form-actions > label,
.view-chleny-payment .view-filters .views-exposed-form .form--inline > .form-item > label,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline > .form-actions > label,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline > .form-item > label,
.view-platezhi .view-filters .views-exposed-form .form--inline > .form-actions > label,
.view-platezhi .view-filters .views-exposed-form .form--inline > .form-item > label,
.view-persons .view-filters .views-exposed-form .form--inline > .form-actions > label,
.view-persons .view-filters .views-exposed-form .form--inline > .form-item > label {
  display: block;
  margin-bottom: 4px;
}
.view-polzovateli-kluba .view-filters .views-exposed-form .form--inline > .form-actions .form-select,
.view-polzovateli-kluba .view-filters .views-exposed-form .form--inline > .form-actions .form-text,
.view-polzovateli-kluba .view-filters .views-exposed-form .form--inline > .form-item .form-select,
.view-polzovateli-kluba .view-filters .views-exposed-form .form--inline > .form-item .form-text,
.view-chleny-payment .view-filters .views-exposed-form .form--inline > .form-actions .form-select,
.view-chleny-payment .view-filters .views-exposed-form .form--inline > .form-actions .form-text,
.view-chleny-payment .view-filters .views-exposed-form .form--inline > .form-item .form-select,
.view-chleny-payment .view-filters .views-exposed-form .form--inline > .form-item .form-text,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline > .form-actions .form-select,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline > .form-actions .form-text,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline > .form-item .form-select,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline > .form-item .form-text,
.view-platezhi .view-filters .views-exposed-form .form--inline > .form-actions .form-select,
.view-platezhi .view-filters .views-exposed-form .form--inline > .form-actions .form-text,
.view-platezhi .view-filters .views-exposed-form .form--inline > .form-item .form-select,
.view-platezhi .view-filters .views-exposed-form .form--inline > .form-item .form-text,
.view-persons .view-filters .views-exposed-form .form--inline > .form-actions .form-select,
.view-persons .view-filters .views-exposed-form .form--inline > .form-actions .form-text,
.view-persons .view-filters .views-exposed-form .form--inline > .form-item .form-select,
.view-persons .view-filters .views-exposed-form .form--inline > .form-item .form-text {
  width: 100%;
  height: 35px;
  padding: 5px 10px;
  border: 1px solid var(--grey-txt);
  outline: none;
}
.view-polzovateli-kluba .view-filters .views-exposed-form .form--inline .form-actions,
.view-chleny-payment .view-filters .views-exposed-form .form--inline .form-actions,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline .form-actions,
.view-platezhi .view-filters .views-exposed-form .form--inline .form-actions,
.view-persons .view-filters .views-exposed-form .form--inline .form-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: flex-end;
}
.view-polzovateli-kluba .view-filters .views-exposed-form .form--inline .form-actions .button, .view-polzovateli-kluba .view-filters .views-exposed-form .form--inline .form-actions .btn,
.view-chleny-payment .view-filters .views-exposed-form .form--inline .form-actions .button,
.view-chleny-payment .view-filters .views-exposed-form .form--inline .form-actions .btn,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline .form-actions .button,
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline .form-actions .btn,
.view-platezhi .view-filters .views-exposed-form .form--inline .form-actions .button,
.view-platezhi .view-filters .views-exposed-form .form--inline .form-actions .btn,
.view-persons .view-filters .views-exposed-form .form--inline .form-actions .button,
.view-persons .view-filters .views-exposed-form .form--inline .form-actions .btn {
  padding: 5px 10px;
  width: calc(50% - 5px);
  margin: 0;
  height: 35px;
}
.view-polzovateli-kluba .view-filters .views-exposed-form .form--inline .form-actions .button[name=reset], .view-polzovateli-kluba .view-filters .views-exposed-form .form--inline .form-actions .btn[name=reset],
.view-chleny-payment .view-filters .views-exposed-form .form--inline .form-actions .button[name=reset],
.view-chleny-payment .view-filters .views-exposed-form .form--inline .form-actions .btn[name=reset],
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline .form-actions .button[name=reset],
.view-platezhi-chlena-kluba .view-filters .views-exposed-form .form--inline .form-actions .btn[name=reset],
.view-platezhi .view-filters .views-exposed-form .form--inline .form-actions .button[name=reset],
.view-platezhi .view-filters .views-exposed-form .form--inline .form-actions .btn[name=reset],
.view-persons .view-filters .views-exposed-form .form--inline .form-actions .button[name=reset],
.view-persons .view-filters .views-exposed-form .form--inline .form-actions .btn[name=reset] {
  background: var(--grey-txt);
}
.view-polzovateli-kluba .view-content,
.view-chleny-payment .view-content,
.view-platezhi-chlena-kluba .view-content,
.view-platezhi .view-content,
.view-persons .view-content {
  overflow-x: auto;
}
.view-polzovateli-kluba .view-content .views-table,
.view-chleny-payment .view-content .views-table,
.view-platezhi-chlena-kluba .view-content .views-table,
.view-platezhi .view-content .views-table,
.view-persons .view-content .views-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  font-size: 16px;
}
.view-polzovateli-kluba .view-content .views-table th, .view-polzovateli-kluba .view-content .views-table td,
.view-chleny-payment .view-content .views-table th,
.view-chleny-payment .view-content .views-table td,
.view-platezhi-chlena-kluba .view-content .views-table th,
.view-platezhi-chlena-kluba .view-content .views-table td,
.view-platezhi .view-content .views-table th,
.view-platezhi .view-content .views-table td,
.view-persons .view-content .views-table th,
.view-persons .view-content .views-table td {
  border: 1px solid var(--grey);
  padding: 10px 15px;
  text-align: left;
}
.view-polzovateli-kluba .view-content .views-table th,
.view-chleny-payment .view-content .views-table th,
.view-platezhi-chlena-kluba .view-content .views-table th,
.view-platezhi .view-content .views-table th,
.view-persons .view-content .views-table th {
  background: var(--grey);
  font-weight: 600;
  position: sticky;
  top: 0;
  z-index: 2;
}
.view-polzovateli-kluba .view-content .views-table th a,
.view-chleny-payment .view-content .views-table th a,
.view-platezhi-chlena-kluba .view-content .views-table th a,
.view-platezhi .view-content .views-table th a,
.view-persons .view-content .views-table th a {
  display: inline-flex;
  gap: 8px;
}
.view-polzovateli-kluba .view-content .views-table tbody tr,
.view-chleny-payment .view-content .views-table tbody tr,
.view-platezhi-chlena-kluba .view-content .views-table tbody tr,
.view-platezhi .view-content .views-table tbody tr,
.view-persons .view-content .views-table tbody tr {
  transition: background 0.2s;
}
.view-polzovateli-kluba .view-content .views-table tbody tr:hover,
.view-chleny-payment .view-content .views-table tbody tr:hover,
.view-platezhi-chlena-kluba .view-content .views-table tbody tr:hover,
.view-platezhi .view-content .views-table tbody tr:hover,
.view-persons .view-content .views-table tbody tr:hover {
  background: #eef4fb;
}
.view-polzovateli-kluba .view-content .views-table a,
.view-chleny-payment .view-content .views-table a,
.view-platezhi-chlena-kluba .view-content .views-table a,
.view-platezhi .view-content .views-table a,
.view-persons .view-content .views-table a {
  color: var(--vasil);
  text-decoration: none;
}
.view-polzovateli-kluba .view-content .views-table a:hover,
.view-chleny-payment .view-content .views-table a:hover,
.view-platezhi-chlena-kluba .view-content .views-table a:hover,
.view-platezhi .view-content .views-table a:hover,
.view-persons .view-content .views-table a:hover {
  text-decoration: underline;
}
.view-polzovateli-kluba .view-content .views-table td.is-active,
.view-chleny-payment .view-content .views-table td.is-active,
.view-platezhi-chlena-kluba .view-content .views-table td.is-active,
.view-platezhi .view-content .views-table td.is-active,
.view-persons .view-content .views-table td.is-active {
  background: transparent;
}
.view-polzovateli-kluba .view-content .views-table .views-field-view-node a,
.view-chleny-payment .view-content .views-table .views-field-view-node a,
.view-platezhi-chlena-kluba .view-content .views-table .views-field-view-node a,
.view-platezhi .view-content .views-table .views-field-view-node a,
.view-persons .view-content .views-table .views-field-view-node a {
  padding: 5px 10px;
  background: var(--blue-light);
  color: var(--white);
  border-radius: 0;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  display: inline-flex;
  align-items: center;
}
.view-polzovateli-kluba .view-content .views-table .views-field-view-node a:hover,
.view-chleny-payment .view-content .views-table .views-field-view-node a:hover,
.view-platezhi-chlena-kluba .view-content .views-table .views-field-view-node a:hover,
.view-platezhi .view-content .views-table .views-field-view-node a:hover,
.view-persons .view-content .views-table .views-field-view-node a:hover {
  color: var(--white);
  background: var(--vasil);
  text-decoration: none;
}
.view-polzovateli-kluba .view-content .views-table .views-field-edit-node a,
.view-chleny-payment .view-content .views-table .views-field-edit-node a,
.view-platezhi-chlena-kluba .view-content .views-table .views-field-edit-node a,
.view-platezhi .view-content .views-table .views-field-edit-node a,
.view-persons .view-content .views-table .views-field-edit-node a {
  padding: 5px 10px;
  background: var(--vasil);
  color: var(--white);
  border-radius: 0;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  display: inline-flex;
  align-items: center;
}
.view-polzovateli-kluba .view-content .views-table .views-field-edit-node a:hover,
.view-chleny-payment .view-content .views-table .views-field-edit-node a:hover,
.view-platezhi-chlena-kluba .view-content .views-table .views-field-edit-node a:hover,
.view-platezhi .view-content .views-table .views-field-edit-node a:hover,
.view-persons .view-content .views-table .views-field-edit-node a:hover {
  color: var(--dark);
  background: var(--grey-txt);
  text-decoration: none;
}
.view-polzovateli-kluba .view-content .views-table .views-field-field-payment-foto img,
.view-polzovateli-kluba .view-content .views-table .views-field-field-person-foto img,
.view-chleny-payment .view-content .views-table .views-field-field-payment-foto img,
.view-chleny-payment .view-content .views-table .views-field-field-person-foto img,
.view-platezhi-chlena-kluba .view-content .views-table .views-field-field-payment-foto img,
.view-platezhi-chlena-kluba .view-content .views-table .views-field-field-person-foto img,
.view-platezhi .view-content .views-table .views-field-field-payment-foto img,
.view-platezhi .view-content .views-table .views-field-field-person-foto img,
.view-persons .view-content .views-table .views-field-field-payment-foto img,
.view-persons .view-content .views-table .views-field-field-person-foto img {
  width: 100px;
  height: auto;
  display: block;
}
@media (max-width: 900px) {
  .view-polzovateli-kluba .view-content .views-table th, .view-polzovateli-kluba .view-content .views-table td,
  .view-chleny-payment .view-content .views-table th,
  .view-chleny-payment .view-content .views-table td,
  .view-platezhi-chlena-kluba .view-content .views-table th,
  .view-platezhi-chlena-kluba .view-content .views-table td,
  .view-platezhi .view-content .views-table th,
  .view-platezhi .view-content .views-table td,
  .view-persons .view-content .views-table th,
  .view-persons .view-content .views-table td {
    padding: 8px;
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .view-polzovateli-kluba .view-content .views-table,
  .view-polzovateli-kluba .view-content .views-table thead,
  .view-polzovateli-kluba .view-content .views-table tbody,
  .view-polzovateli-kluba .view-content .views-table tr,
  .view-polzovateli-kluba .view-content .views-table th,
  .view-polzovateli-kluba .view-content .views-table td,
  .view-chleny-payment .view-content .views-table,
  .view-chleny-payment .view-content .views-table thead,
  .view-chleny-payment .view-content .views-table tbody,
  .view-chleny-payment .view-content .views-table tr,
  .view-chleny-payment .view-content .views-table th,
  .view-chleny-payment .view-content .views-table td,
  .view-platezhi-chlena-kluba .view-content .views-table,
  .view-platezhi-chlena-kluba .view-content .views-table thead,
  .view-platezhi-chlena-kluba .view-content .views-table tbody,
  .view-platezhi-chlena-kluba .view-content .views-table tr,
  .view-platezhi-chlena-kluba .view-content .views-table th,
  .view-platezhi-chlena-kluba .view-content .views-table td,
  .view-platezhi .view-content .views-table,
  .view-platezhi .view-content .views-table thead,
  .view-platezhi .view-content .views-table tbody,
  .view-platezhi .view-content .views-table tr,
  .view-platezhi .view-content .views-table th,
  .view-platezhi .view-content .views-table td,
  .view-persons .view-content .views-table,
  .view-persons .view-content .views-table thead,
  .view-persons .view-content .views-table tbody,
  .view-persons .view-content .views-table tr,
  .view-persons .view-content .views-table th,
  .view-persons .view-content .views-table td {
    display: block;
    width: 100%;
  }
  .view-polzovateli-kluba .view-content .views-table thead,
  .view-chleny-payment .view-content .views-table thead,
  .view-platezhi-chlena-kluba .view-content .views-table thead,
  .view-platezhi .view-content .views-table thead,
  .view-persons .view-content .views-table thead {
    display: none;
  }
  .view-polzovateli-kluba .view-content .views-table tr,
  .view-chleny-payment .view-content .views-table tr,
  .view-platezhi-chlena-kluba .view-content .views-table tr,
  .view-platezhi .view-content .views-table tr,
  .view-persons .view-content .views-table tr {
    margin-bottom: 16px;
    border-bottom: 2px solid #ececec;
  }
  .view-polzovateli-kluba .view-content .views-table td,
  .view-chleny-payment .view-content .views-table td,
  .view-platezhi-chlena-kluba .view-content .views-table td,
  .view-platezhi .view-content .views-table td,
  .view-persons .view-content .views-table td {
    border: none;
    position: relative;
    min-height: 32px;
    font-size: 15px;
  }
}

.state {
  background-color: var(--grey-txt);
  color: var(--white);
  border: 1px solid var(--grey-txt);
  padding: 4px 10px;
  border-radius: 2px;
  display: inline-block;
}
.state__utverzhdena, .state__aktualnoe {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}
.state__priostanovleno {
  background-color: #fff3cd;
  color: #856404;
  border: 1px solid #fff3cd;
}
.state__otklonena, .state__otkaz {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f8d7da;
}

.klub-lk.teaser, .klub-lk.default, .klub-lk.full {
  display: flex;
  flex-flow: row wrap;
  padding: 20px 0;
  border-bottom: 1px solid var(--grey);
  border-top: 1px solid var(--grey);
  align-items: center;
}
@media screen and (max-width: 768px) {
  .klub-lk.teaser, .klub-lk.default, .klub-lk.full {
    align-items: flex-start;
    padding: 20px 0;
    flex-direction: column;
    gap: 20px;
  }
}
.page-node-type-klub .klub-lk.teaser, .page-node-type-klub .klub-lk.default, .page-node-type-klub .klub-lk.full {
  max-width: 700px;
  margin: 60px auto;
}
.klub-lk.teaser .klub__info, .klub-lk.default .klub__info, .klub-lk.full .klub__info {
  padding-left: 25px;
  width: 80%;
}
@media screen and (max-width: 768px) {
  .klub-lk.teaser .klub__info, .klub-lk.default .klub__info, .klub-lk.full .klub__info {
    padding-left: 0;
  }
  .klub-lk.teaser .klub__info .field, .klub-lk.default .klub__info .field, .klub-lk.full .klub__info .field {
    margin-top: 10px;
  }
}
.klub-lk.teaser .klub__img, .klub-lk.default .klub__img, .klub-lk.full .klub__img {
  width: 20%;
  padding: 0px;
}
@media screen and (max-width: 768px) {
  .klub-lk.teaser .klub__img, .klub-lk.default .klub__img, .klub-lk.full .klub__img {
    padding: 0;
  }
}
.klub-lk.teaser .klub__img__logo img, .klub-lk.default .klub__img__logo img, .klub-lk.full .klub__img__logo img {
  width: 100%;
  display: block;
  height: auto;
}
.klub-lk.teaser .klub__img__def, .klub-lk.default .klub__img__def, .klub-lk.full .klub__img__def {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--grey);
}
.klub-lk.teaser .klub__label, .klub-lk.default .klub__label, .klub-lk.full .klub__label {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .klub-lk.teaser .klub__label, .klub-lk.default .klub__label, .klub-lk.full .klub__label {
    font-size: 18px;
  }
}
.klub-lk.teaser .field--name-body, .klub-lk.default .field--name-body, .klub-lk.full .field--name-body {
  color: var(--grey-txt);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .klub-lk.teaser .field--name-body, .klub-lk.default .field--name-body, .klub-lk.full .field--name-body {
    font-size: 13px;
  }
}
.klub-lk.teaser .field--name-body p:first-child, .klub-lk.default .field--name-body p:first-child, .klub-lk.full .field--name-body p:first-child {
  margin-top: 0;
}
.klub-lk.teaser .field--name-body p:last-child, .klub-lk.default .field--name-body p:last-child, .klub-lk.full .field--name-body p:last-child {
  margin-bottom: 0;
}
.klub-lk.teaser .field--name-field-adres,
.klub-lk.teaser .klub__phone, .klub-lk.default .field--name-field-adres,
.klub-lk.default .klub__phone, .klub-lk.full .field--name-field-adres,
.klub-lk.full .klub__phone {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}
.klub-lk.teaser .klub__phone, .klub-lk.default .klub__phone, .klub-lk.full .klub__phone {
  color: var(--dark);
}
.klub-lk.teaser .klub__phone:hover, .klub-lk.default .klub__phone:hover, .klub-lk.full .klub__phone:hover {
  color: var(--vasil);
}
.klub-lk.teaser .field--name-field-sayt, .klub-lk.default .field--name-field-sayt, .klub-lk.full .field--name-field-sayt {
  margin-top: 20px;
}
.klub-lk.teaser .field--name-field-sayt a, .klub-lk.default .field--name-field-sayt a, .klub-lk.full .field--name-field-sayt a {
  color: var(--blue-light);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.klub-lk.teaser .field--name-field-sayt a:before, .klub-lk.default .field--name-field-sayt a:before, .klub-lk.full .field--name-field-sayt a:before {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  display: block;
  content: "";
  background-image: url("../images/svg/link_klub.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.klub-lk.teaser .field--name-field-sayt a:hover, .klub-lk.default .field--name-field-sayt a:hover, .klub-lk.full .field--name-field-sayt a:hover {
  text-decoration: underline;
}

.profile .klub-lk {
  margin-top: 20px;
}

.path-user .layout-content__wbar .region-content {
  padding-top: 40px;
  padding-bottom: 40px;
}

.chlen-kluba {
  padding: 20px;
  display: flex;
  transition: all 0.2s ease-in-out;
  border-bottom: 1px solid var(--grey);
}
@media screen and (max-width: 768px) {
  .chlen-kluba {
    padding: 16px;
    flex-wrap: wrap;
  }
}
.chlen-kluba .photoswipe:hover img {
  opacity: 0.8;
}
.chlen-kluba .field--name-field-person-foto {
  width: 20%;
}
.chlen-kluba .field--name-field-person-foto img {
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.2s ease-in-out;
}
.chlen-kluba__info {
  width: 80%;
  padding-left: 40px;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  gap: 10px;
}
.chlen-kluba__info__col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: calc(50% - 5px);
}
@media screen and (max-width: 768px) {
  .chlen-kluba__info__col {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .chlen-kluba__info {
    width: 100%;
    padding-top: 16px;
    padding-left: 0;
  }
}
.chlen-kluba__info .field {
  width: 100%;
}
.chlen-kluba__label {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
.chlen-kluba__label div {
  display: inline;
}
.chlen-kluba .field--name-field-pol {
  color: var(--grey-txt);
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.chlen-kluba .field--name-field-rol {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.chlen-kluba .field--name-field-rol .field__item {
  display: flex;
  flex-flow: row;
  align-items: center;
}
.chlen-kluba .field--name-field-rol .field__item:after {
  content: "";
  width: 4px;
  height: 4px;
  flex-shrink: 0;
  border-radius: 100%;
  margin: 0 10px;
  background: var(--grey-txt);
  display: block;
}
.chlen-kluba .field--name-field-rol .field__item:last-child:after {
  display: none;
}
.chlen-kluba .field--name-field-klub .field__items {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.chlen-kluba .field--name-field-klub .field__item {
  display: flex;
  flex-flow: row;
  align-items: center;
}
.chlen-kluba .field--name-field-klub .field__item:after {
  content: "";
  width: 4px;
  height: 4px;
  flex-shrink: 0;
  border-radius: 100%;
  margin: 0 10px;
  background: var(--grey-txt);
  display: block;
}
.chlen-kluba .field--name-field-klub .field__item:last-child:after {
  display: none;
}
.chlen-kluba .field--name-field-klub a {
  color: var(--vasil);
  text-decoration: none;
}
.chlen-kluba .field--name-field-klub a:hover {
  text-decoration: underline;
}
.chlen-kluba .field--name-field-status-chlenstva {
  background-color: var(--grey-txt);
  color: var(--white);
  border: 1px solid var(--grey-txt);
  padding: 4px 10px;
  border-radius: 2px;
  display: inline-flex;
  width: auto;
}
.chlen-kluba .field--name-field-materialy .field__items {
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
}
.chlen-kluba.cstate_aktualnoe .field--name-field-status-chlenstva {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}
.chlen-kluba.cstate_priostanovleno .field--name-field-status-chlenstva {
  background-color: #fff3cd;
  color: #856404;
  border: 1px solid #fff3cd;
}
.chlen-kluba.cstate_otkaz .field--name-field-status-chlenstva {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f8d7da;
}

.payment.full {
  padding: 20px 0;
  display: flex;
  transition: all 0.2s ease-in-out;
  border-bottom: 1px solid var(--grey);
}
@media screen and (max-width: 768px) {
  .payment.full {
    padding: 16px;
    flex-wrap: wrap;
  }
}
.payment.full .photoswipe img {
  max-width: 100%;
}
.payment.full .photoswipe:hover img {
  opacity: 0.8;
}
.payment.full .field--name-field-person-foto {
  width: 20%;
}
.payment.full .field--name-field-person-foto img {
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.2s ease-in-out;
}
.payment.full .payment__info {
  width: 80%;
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .payment.full .payment__info {
    width: 100%;
    padding-top: 16px;
    padding-left: 0;
  }
}
.payment.full .payment__info .field {
  width: 100%;
}
.payment.full .payment__info .field--name-field-payment-status {
  width: auto;
}
.payment.full .photoswipe-gallery {
  max-width: 100%;
}
.payment .field--name-field-payment-status {
  background-color: var(--grey-txt);
  color: var(--white);
  border: 1px solid var(--grey-txt);
  padding: 4px 10px;
  border-radius: 2px;
  display: inline-flex;
  width: auto;
}
.payment.cstate_utverzhdena .field--name-field-payment-status {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}
.payment.cstate_otklonena .field--name-field-payment-status {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f8d7da;
}

@media screen and (max-width: 768px) {
  .path-user .layout-content__wbar .layout-sidebar {
    display: block;
    padding: 0;
    padding-top: 20px;
  }
  .path-user .layout-content__wbar .region-content {
    padding-top: 0;
  }
}
.region-breadcrumb ul.menu {
  margin: 0;
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  padding: 15px 0;
}
.region-breadcrumb ul.menu .header__menu__item,
.region-breadcrumb ul.menu .menu-item {
  padding: 0;
  margin: 0;
}
.region-breadcrumb ul.menu .header__menu__item a,
.region-breadcrumb ul.menu .menu-item a {
  display: block;
  font-size: 18px;
  color: var(--dark);
  font-weight: 500;
  line-height: 150%;
  text-decoration: underline;
  text-decoration-color: var(--grey);
}
.region-breadcrumb ul.menu .header__menu__item a.is-active, .region-breadcrumb ul.menu .header__menu__item a:hover,
.region-breadcrumb ul.menu .menu-item a.is-active,
.region-breadcrumb ul.menu .menu-item a:hover {
  color: var(--blue-light);
  text-decoration-color: var(--blue-light);
}

.user-form {
  max-width: 480px;
  margin: 0;
}
.user-form .form-item {
  margin-bottom: 18px;
}
.user-form .form-item label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  color: #1a1a1a;
}
.user-form .form-item input[type=text],
.user-form .form-item input[type=email],
.user-form .form-item input[type=password] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #b0b0b0;
  background: #fff;
  font-size: 15px;
  line-height: 1.3;
  outline: none;
  box-sizing: border-box;
  border-radius: 0;
}
.user-form .form-item input[type=text]:focus,
.user-form .form-item input[type=email]:focus,
.user-form .form-item input[type=password]:focus {
  border-color: #555;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.user-form .form-item .description {
  font-size: 13px;
  color: #666;
  margin-top: 3px;
  line-height: 1.4;
}
.user-form .password-strength, .user-form .password-confirm-message {
  font-size: 13px;
  color: #444;
  margin-top: 6px;
}
.user-form .password-strength__meter {
  margin-top: 6px;
  height: 6px;
  background: #e0e0e0;
  border-radius: 0;
}
.user-form .password-strength__meter .password-strength__indicator {
  height: 6px;
  background: #4caf50;
  width: 0;
  border-radius: 0;
  transition: width 0.3s ease;
}
@media (max-width: 540px) {
  .user-form .form-actions {
    text-align: center;
  }
  .user-form .form-actions .button {
    width: 100%;
    padding: 12px 0;
  }
}

.crm_form .form-wrapper {
  margin-bottom: 16px;
  max-width: 600px;
}
.crm_form .form-wrapper.field--name-field-chleny-kluba {
  max-width: 100%;
}
.crm_form .form-wrapper > .form-item > label, .crm_form .form-wrapper > .form-item > legend {
  margin-bottom: 6px;
  display: block;
}
.crm_form .label {
  font-weight: 500;
}
.crm_form input[type=text],
.crm_form input[type=date],
.crm_form select,
.crm_form .form-text,
.crm_form .form-select {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--grey-txt);
  border-radius: 0;
  background-color: #fff;
  font-size: 16px;
  color: #222;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}
.crm_form input[type=radio] {
  margin-right: 8px;
  accent-color: #222;
}
.crm_form input[type=text]:focus,
.crm_form input[type=date]:focus,
.crm_form select:focus {
  outline: none;
  border-color: var(--vasil);
}
.crm_form fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.crm_form .fieldset-legend {
  margin-bottom: 8px;
}
.crm_form .description {
  color: var(--grey-txt);
  padding: 5px 0;
}
.crm_form {
  /* Адаптивность */
}
@media (max-width: 768px) {
  .crm_form {
    font-size: 14px;
  }
}
.crm_form .field--name-field-materialy .tabledrag-toggle-weight-wrapper {
  display: none;
}
.crm_form .field--name-field-materialy .file {
  background-size: 20px auto;
  padding-left: 30px;
  background-position: top left;
}
.crm_form .field--name-field-materialy a.tabledrag-handle .handle {
  width: 24px;
  height: 24px;
}
.crm_form .field--name-field-materialy table {
  border-spacing: 0;
}
.crm_form .field--name-field-materialy table th, .crm_form .field--name-field-materialy table td {
  border-bottom: 1px solid var(--grey-txt);
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
  vertical-align: top;
}
.crm_form .field--name-field-materialy table th .button[value=Удалить], .crm_form .field--name-field-materialy table td .button[value=Удалить] {
  background: var(--red);
  height: 30px;
  padding: 5px 20px;
  text-transform: none;
}
.crm_form .field--name-field-materialy table th .button[value=Удалить]:hover, .crm_form .field--name-field-materialy table td .button[value=Удалить]:hover {
  opacity: 0.9;
}
.crm_form .button--danger {
  background: var(--red);
}

.node-payment-edit-form .form-type-managed-file .image-widget,
.node-payment-form .form-type-managed-file .image-widget {
  display: flex;
  gap: 10px;
}
.node-payment-edit-form .form-type-managed-file .image-widget .file,
.node-payment-form .form-type-managed-file .image-widget .file {
  padding-left: 0;
  background-image: none;
}
.node-payment-edit-form .form-type-managed-file .button[value=Удалить],
.node-payment-form .form-type-managed-file .button[value=Удалить] {
  background: var(--red);
  margin: 10px 0;
  height: 30px;
  padding: 5px 20px;
  text-transform: none;
}
.node-payment-edit-form .form-type-managed-file .button[value=Удалить]:hover,
.node-payment-form .form-type-managed-file .button[value=Удалить]:hover {
  opacity: 0.9;
}

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