@charset "UTF-8";

@font-face {
  font-family: icons;
  font-display: swap;
  src: url("../fonts/icons.woff2") format("woff2"), url("../fonts/icons.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

[class*=_icon-]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class*=_icon-]:before {
  display: block;
}

._icon-chevron-up:before {
  content: "\e903";
  font-size: 2.5rem;
  color: #EEB82E;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

._icon-bottom:before {
  content: "\e902";
}

._icon-facebook1:before {
  content: "\e900";
  color: #315aa6;
  background: #C6DAFF;
  font-size: 1.5rem;
  padding: 5px 11.5px 0;
}

._icon-twitter-1:before {
  content: "\e901";
  color: #315AA6;
  background: #C6DAFF;
  font-size: 1.5rem;
  padding: 2px 0;
}

._icon-right:before {
  content: "\e90c";
  color: #fff;
}

._icon-left:before {
  content: "\e90d";
  color: #fff;
}

._icon-search:before {
  content: "\e904";
  color: #315AA6;
  padding: 2px;
}

._icon-mail:before {
  content: "\e905";
}

._icon-home:before {
  content: "\e906";
}

._icon-mappointer:before {
  content: "\e907";
}

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

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

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  color: #fff;
  line-height: 1;
  font-family: "Kumbh Sans", "Fira Sans", sans-serif;
  font-size: 1rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
  font-family: "Kumbh Sans", "Fira Sans", sans-serif;
  font-size: inherit;
  line-height: inherit;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: transparent;
}

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

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

body {
  background: #212121;
}

.lock body {
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.wrapper {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

@supports (overflow: clip) {
  .wrapper {
    overflow: clip;
  }
}

.wrapper > main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.wrapper > * {
  min-width: 0;
}

/*
(i) Стилі будуть застосовуватись до
всіх класів, що містять *__container
Наприклад header__container, main__container і т.п.
Сніппет (HTML): cnt
*/

[class*=__container] {
  max-width: 77.5rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}

[class*=-ibg] {
  position: relative;
}

[class*=-ibg] img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

[class*=-ibg_contain] img {
  -o-object-fit: contain;
     object-fit: contain;
}

.icon-menu {
  display: none;
}

.icon-menu {
  display: block;
  position: relative;
  width: 1.875rem;
  height: 1.125rem;
  z-index: 5;
}

.icon-menu span,
.icon-menu::before,
.icon-menu::after {
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  right: 0;
  position: absolute;
  width: 100%;
  height: 0.125rem;
  background-color: #FF8F28;
}

.icon-menu::before {
  top: 0;
}

.icon-menu::after {
  bottom: 0;
}

.icon-menu span {
  top: calc(50% - 0.0625rem);
}

.menu-open .icon-menu::before,
.menu-open .icon-menu::after,
.menu-open .icon-menu span {
  background: #EFEFEF;
}

.icon-menu span,
.icon-menu::before,
.icon-menu::after {
  height: 0.0625rem;
}

.menu-open .menu__body {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.menu__body {
  top: 44px;
  z-index: 2;
  display: none;
  padding: 9px 19px;
  position: absolute;
  background: #315AA6;
  width: 100%;
  text-align: center;
  left: 0;
  -webkit-transform: translate(0px, -200%);
  -ms-transform: translate(0px, -200%);
  transform: translate(0px, -200%);
  -webkit-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.menu__body.active {
  display: block;
}

.menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.header {
  background: #315AA6;
  margin: 30px 0 19px 0;
  padding: 8px 0;
}

.header ._icon-twitter-1::before {
  padding: 2px 4px;
}

.header__menu {
  display: none;
}

.header__container {
  position: relative;
  padding: 0;
}

.header__container::after {
  content: "";
  width: 30px;
  min-height: 1000rem;
  background: rgba(49, 90, 166, 0.3);
  display: block;
  position: absolute;
  left: 0;
  z-index: -1;
}

.header__container::before {
  content: "";
  width: 30px;
  min-height: 1000rem;
  background: rgba(49, 90, 166, 0.3);
  display: block;
  position: absolute;
  right: 0;
  z-index: -1;
}

.header__line:nth-of-type(2) {
  width: 20px;
  min-height: 1000rem;
  background: rgba(49, 90, 166, 0.3);
  display: block;
  position: absolute;
  left: 24.6%;
  z-index: -1;
}

.header__line:nth-of-type(3) {
  width: 20px;
  min-height: 1000rem;
  background: rgba(49, 90, 166, 0.3);
  display: block;
  position: absolute;
  left: 49.2%;
  z-index: -1;
}

.header__line:nth-of-type(4) {
  width: 20px;
  min-height: 1000rem;
  background: rgba(49, 90, 166, 0.3);
  display: block;
  position: absolute;
  left: 73.8%;
  z-index: -1;
}

.header__logo {
  position: relative;
}

.header__logo a {
  position: absolute;
  bottom: -45px;
}

.header__content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 0.35fr 1.7fr 0.2fr;
  grid-template-columns: 0.35fr 1.7fr 0.2fr;
}

.header__content a {
  display: inline-block;
}

.header__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header__navigation-item {
  color: #C6DAFF;
  font-weight: 700;
  line-height: 150%;
  padding: 6px 20px;
  border: 1px solid #315AA6;
  -webkit-transition: 0.5s ease all;
  transition: 0.5s ease all;
}

.header__navigation-item:hover {
  border: 1px solid #fff;
  color: #fff;
}

.header__navigation-item.active {
  color: #EEB82E;
  background: #fff;
  border: 1px solid #fff;
}

.header__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

/*
.icon-menu {
	display: none;
	@media (max-width: $mobile) {
		display: block;
		position: relative;
		width: rem(30);
		height: rem(18);
		z-index: 5;
		@media (any-hover: none) {
			cursor: default;
		}
		span,
		&::before,
		&::after {
			content: "";
			transition: all 0.3s ease 0s;
			right: 0;
			position: absolute;
			width: 100%;
			height: rem(2);
			background-color: #000;
		}
		&::before {
			top: 0;
		}
		&::after {
			bottom: 0;
		}
		span {
			top: calc(50% - rem(1));
		}
		.menu-open & {
			span {
				width: 0;
			}
			&::before,
			&::after {
			}
			&::before {
				top: calc(50% - rem(1));
				transform: rotate(-45deg);
			}
			&::after {
				bottom: calc(50% - rem(1));
				transform: rotate(45deg);
			}
		}
	}
}
*/

.footer {
  background: rgba(49, 90, 166, 0.3);
  padding: 32px 0 40px 0;
  z-index: 1;
}

.footer ._icon-twitter-1::before,
.footer ._icon-facebook1::before {
  background: unset;
  color: #C6DAFF;
}

.footer ._icon-facebook1::before {
  padding: 0px 7px;
}

.footer__logo {
  margin-right: 37px;
}

.footer__content {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
}

.footer__nav {
  background: #315AA6;
  padding: 8px 0;
}

.footer__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
}

.footer__center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer__center-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 80px;
}

.footer__center-block li a,
.footer__center p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}

.footer__center-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer__center-link p {
  margin-right: 16px;
}

.footer__center-link a {
  margin-right: 8px;
}

.footer__center-link a:last-of-type {
  margin-right: 0;
}

.main__page .header__line:nth-of-type(2) {
  min-height: 49rem;
}

.main__page .header__line:nth-of-type(4) {
  min-height: 49rem;
}

.search {
  padding-top: 14px;
}

.search__container form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.search__block {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  width: 680px;
}

.search__block-icon {
  margin-right: 2px;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.search__block-item {
  width: 100%;
  border: none;
  outline: none;
  background: #fff;
  font-weight: 300;
  color: #315AA6;
}

.search__block-btn {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  color: #fff;
  background: #EEB82E;
  padding: 2px 55px;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

.search__block-btn:hover {
  background: #C6DAFF;
}

.search__block-btn:focus {
  background: #315AA6;
}

.search__block-btn:disabled {
  background: #616767;
}

.wax {
  padding: 36px 0;
}

.wax__title {
  background: #315AA6;
  font-size: 36px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 36px;
}

.wax__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 75px;
  border-bottom: 3px solid #EEB82E;
}

.wax__counter {
  padding-bottom: 34px;
}

.wax__counter h3 {
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 8px;
}

.wax__counter:nth-child(n+2) .wax__block-number {
  color: #fff;
}

.wax__block {
  position: relative;
  width: 231px;
}

.wax__block-number {
  font-size: 128px;
  color: #EEB82E;
  line-height: 150%;
  width: 69px;
  height: 150px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(49, 90, 166)), to(rgba(140, 200, 255, 0)));
  background: linear-gradient(180deg, rgb(49, 90, 166) 0%, rgba(140, 200, 255, 0) 100%);
}

.wax__block::after {
  content: "";
  display: block;
  width: 6px;
  height: 150px;
  background: #F5F5F5;
  position: absolute;
  top: 0;
  right: -10px;
}

.wax__block::before {
  content: "";
  display: block;
  width: 6px;
  height: 150px;
  background: #F5F5F5;
  position: absolute;
  top: 0;
  left: -10px;
}

.wax__date {
  background: #EEB82E;
  display: table;
  color: #212121;
  font-size: 20px;
  font-weight: 400;
  margin: 0 auto;
}

.subject {
  padding-bottom: 36px;
}

.subject__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.subject__block:nth-child(1) {
  background: url("../img/home/judges.png") no-repeat;
}

.subject__block:nth-child(2) {
  background: url("../img/home/investigators.png") no-repeat;
}

.subject__block:nth-child(3) {
  background: url("../img/home/deputies.png") no-repeat;
}

.subject__block:nth-child(4) {
  background: url("../img/home/others.png") no-repeat;
}

.subject__block {
  width: 285px;
  height: 192px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 35px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.subject__block p {
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.6));
          filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.6));
}

.efficiency {
  padding-bottom: 40px;
}

.efficiency__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.efficiency__history {
  margin-left: 11px;
  width: 50%;
  font-weight: 500;
}

.efficiency__history-list li {
  list-style-type: disc;
  margin-left: 25px;
}

.efficiency__history-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.efficiency__history p {
  margin-bottom: 16px;
}

.efficiency__schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  position: relative;
}

.efficiency__before {
  font-size: 15px;
  font-weight: 900;
  color: #315AA6;
  text-transform: uppercase;
  position: absolute;
  bottom: -70px;
  left: 25px;
  z-index: 1;
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}

.efficiency__after {
  font-size: 15px;
  font-weight: 900;
  color: #EEB82E;
  text-transform: uppercase;
  position: absolute;
  bottom: -60px;
  left: 35px;
  z-index: 1;
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}

.efficiency__wax {
  font-size: 15px;
  font-weight: 900;
  color: #EEB82E;
  text-transform: uppercase;
  position: absolute;
  bottom: -45px;
  right: -150px;
  z-index: 1;
}

.efficiency .wax__title {
  margin-bottom: 20px;
}

.container {
  width: 100%;
  overflow: hidden;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding-bottom: 100px;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.vertical .progress-bar {
  float: left;
  height: 560px;
  width: 35px;
  font-size: 9px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
  text-align: center;
  position: relative;
}

.vertical .progress-bar:last-of-type {
  position: relative;
}

.vertical .progress-bar:last-of-type .progress-fill span:last-of-type {
  display: none;
}

.vertical .progress-bar:last-of-type::after {
  content: "далі буде...";
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #EEB82E;
  text-transform: uppercase;
  position: absolute;
  bottom: 20px;
  right: -72px;
  z-index: 2;
}

.vertical .progress-bar:last-of-type .progress-fill {
  border: 2px solid;
  -o-border-image: linear-gradient(180deg, rgb(238, 184, 46) 0%, rgba(255, 188, 160, 0) 100%);
     border-image: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 184, 46)), to(rgba(255, 188, 160, 0)));
     border-image: linear-gradient(180deg, rgb(238, 184, 46) 0%, rgba(255, 188, 160, 0) 100%);
  border-image-slice: 1;
  /* Регулює розмір градієнту */
}

.vertical .progress-track {
  position: relative;
  width: 35px;
  height: 100%;
}

.vertical .progress-fill {
  position: absolute;
  height: 100%;
  width: 42px;
  padding-top: 16px;
  color: #212121;
  bottom: 10px;
}

.vertical .progress-fill span {
  font-size: 27px;
}

.progress-date {
  margin-top: 3px;
}

.progress-date span {
  font-weight: 400;
  font-size: 7px;
}

.vertical .progress-fill.progress-before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(49, 90, 166)), to(rgba(140, 200, 255, 0)));
  background: linear-gradient(180deg, rgb(49, 90, 166) 0%, rgba(140, 200, 255, 0) 100%);
}

.vertical .progress-fill.progress-before:last-of-type {
  margin-right: 5px;
}

.progress-bar .progress-before--last::after {
  content: "";
  display: block;
  width: 2px;
  height: 400px;
  background: #fff;
  position: absolute;
  bottom: -100px;
  right: -5px;
}

.vertical .progress-fill.progress-after {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgb(238, 184, 46)), to(rgba(238, 184, 46, 0)));
  background: linear-gradient(180deg, rgb(238, 184, 46) 25%, rgba(238, 184, 46, 0) 100%);
}

.vertical .progress-fill.progress-last {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(37%, rgb(238, 184, 46)), to(rgba(255, 188, 159, 0)));
  background: linear-gradient(180deg, rgb(238, 184, 46) 37%, rgba(255, 188, 159, 0) 100%);
}

ol li {
  list-style: none;
}

.wrap {
  overflow: hidden;
  width: 231px;
  height: 150px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
}

.wrap ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@-webkit-keyframes bg {
}

@keyframes bg {
}

ol.units {
  -webkit-animation: units 2s linear forwards;
          animation: units 2s linear forwards;
  /* змінено на linear */
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

ol.tens {
  -webkit-animation: tens 1.5s linear forwards;
          animation: tens 1.5s linear forwards;
  /* змінено на linear */
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

ol.hundreds {
  -webkit-animation: hundreds 1s linear forwards;
          animation: hundreds 1s linear forwards;
  /* змінено на linear */
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

@-webkit-keyframes units {
  0% {
    -webkit-transform: translateY(-1000%);
            transform: translateY(-1000%);
  }

  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes units {
  0% {
    -webkit-transform: translateY(-1000%);
            transform: translateY(-1000%);
  }

  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@-webkit-keyframes tens {
  0% {
    -webkit-transform: translateY(-1000%);
            transform: translateY(-1000%);
  }

  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes tens {
  0% {
    -webkit-transform: translateY(-1000%);
            transform: translateY(-1000%);
  }

  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@-webkit-keyframes hundreds {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes hundreds {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

.about-page .header {
  margin-bottom: 0;
}

.about__page {
  overflow: hidden;
}

.about {
  padding: 55px 0 0 0;
}

.about-page .header__line {
  display: none !important;
}

.about__container {
  /* font-size: 14px; */
  font-weight: 400;
  position: relative;
}

.about__container::before {
  content: "";
  display: block;
  position: absolute;
  width: 75rem;
  height: 150%;
  background: url("../img/about/jail-bg.png") no-repeat right center;
  top: -165px;
  right: 30px;
  z-index: -1;
}

.about__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* text-align: center; */
  margin: 0 auto;
  gap: 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 36rem;
  margin-bottom: 36px;
}
.about__heading p:first-of-type {
  color: #EEB82E;
  text-align: center;
  text-transform: uppercase;
}

.about__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 0 30px 45px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.about__info-item {
  width: 36rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
}

.about__info-item a {
  text-decoration: underline;
}

.about__info-item h3 {
  text-transform: uppercase;
  color: #EEB82E;
  text-align: center;
}

.about__info-item ul {
  margin-left: 25px;
}

.about__info-item ul li {
  list-style-type: disc;
}

.judgments-page .header__line:nth-of-type(2) {
  display: none !important;
}

.judgments-page .header__line:nth-of-type(3) {
  display: none !important;
}

.judgments-page .header__line:nth-of-type(4) {
  display: none !important;
}

.filter {
  padding: 38px 0 28px 0;
}

.filter__empty {
  width: 6.6875rem;
}

.filter__wrapper {
  margin-top: 20px;
  padding: 0 12px;
}

.filter__wrapper-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.filter__pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  line-height: 150%;
  font-family: "Kumbh Sans", sans-serif;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.filter__pages-item p {
  font-weight: 900;
}

.filter__pages-item:last-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.filter__pages-btn {
  font-weight: 500;
  width: 1.875rem;
  height: 1.875rem;
  border: 1px solid #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  line-height: 150%;
}

.filter__pages-btn.dots {
  text-align: center;
}

.filter__pages-btn a {
  display: block;
  text-align: center;
}

.filter__pages-btn.active {
  text-align: center;
}

.filter__pages-btn.number a {
  display: block;
  text-align: center;
}

.filter__pages-btn.prev,
.filter__pages-btn.next {
  border: unset;
  width: auto;
  height: auto;
}

.filter__pages-btn.prev:hover,
.filter__pages-btn.next:hover {
  background: unset;
}

.filter__pages-btn.prev a,
.filter__pages-btn.next a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.625rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.filter__pages-btn.prev a:hover,
.filter__pages-btn.next a:hover {
  background: #616767;
}

.filter__pages-btn:hover {
  background: #616767;
}

.filter__pages-btn.active {
  background: #EEB82E;
  color: #616767;
  border: 1px solid #EEB82E;
}

.filter__sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.filter__sort-item {
  position: relative;
}

.filter__sort-item.custom-select {
  width: 8.75rem;
  position: relative;
}

.filter__sort-item .custom-select select {
  display: none;
}

.filter__sort-item .selected-item {
  background: #2A3E65;
  color: #fff;
  cursor: pointer;
  padding: 2px 2px 4px;
  line-height: 150%;
  z-index: 99;
  font-weight: 500;
  font-size: 0.875rem;
  border: 1px solid #C6DAFF;
}

.filter__sort-item .selected-item:after {
  content: "\e902";
  font-family: "icons";
  font-size: 5px;
  color: #C6DAFF;
  position: absolute;
  right: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.filter__sort-item .arrowanim.selected-item:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.filter__sort-item .arrowanim.selected-item {
  border-bottom: 0;
}

.filter__sort-item .item {
  background: #2A3E65;
  padding: 0 0 2px 2px;
  text-align: left;
  font-size: 0.875rem;
  line-height: 150%;
  font-weight: 300;
  color: #C6DAFF;
  cursor: pointer;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

.filter__sort-item .item:hover {
  background: #C6DAFF;
  color: #2A3E65;
}

.filter__sort-item .all-items {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 100;
  height: unset;
  border: 1px solid #C6DAFF;
  border-top: 0;
}

.filter__sort-item .all-items-hide {
  display: none;
}

.filter__sort-item .sdf {
  border: 1px solid red;
}

.filter__sort-item:first-of-type p {
  font-weight: 900;
  line-height: 150%;
  font-family: "Kumbh Sans", sans-serif;
}

.filter__sort-item:last-of-type select {
  background: #2A3E65;
  font-family: "Kumbh Sans", sans-serif;
  color: #fff;
  line-height: 150%;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1px solid #C6DAFF;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 2px 65px 2px 2px;
}

.filter__sort-item:last-of-type select option {
  color: #C6DAFF;
  line-height: 150%;
  font-size: 0.875rem;
  font-weight: 300;
  border: 1px solid #C6DAFF;
}

.filter__sort-item:last-of-type select:disabled {
  background: #616767;
}

.spollers {
  padding: 0 13px;
  font-family: "Kumbh Sans", sans-serif;
}

.spollers__title {
  font-weight: 900;
  background: #2A3E65;
  max-width: 107px;
  line-height: 150%;
  list-style: none;
  position: relative;
  padding: 0 29px 0 9px;
  cursor: pointer;
}

.spollers__title div {
  display: none;
}

.spollers__title::-webkit-details-marker {
  display: none;
}

.spollers__title::after {
  content: "▼";
  font-size: 0.625rem;
  position: absolute;
  top: 5%;
  right: 5px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #C6DAFF;
}

details[open] .spollers__title::after {
  content: "▼";
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  color: #EEB82E;
}

.spollers__body {
  padding: 12px;
  background: #2A3E65;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 1;
}

.spollers__category {
  width: 13.875rem;
  padding-bottom: 0.4375rem;
}

.spollers__category-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.spollers__category-subitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  position: relative;
  display: inline-block;
}

.spollers__category-subitem select {
  background: unset;
  border: 1px solid #C6DAFF;
  font-size: 0.875rem;
  color: #fff;
  border-radius: 0;
  width: 3.625rem;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 2px;
}

.spollers__category-block:first-of-type .spollers__category-subitem:last-of-type:after {
  content: "▼";
  position: absolute;
  right: 11px;
  top: 20%;
  width: 0.3125rem;
  height: 0.3125rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #C6DAFF;
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
  pointer-events: none;
}

.spollers__category-subitem select option {
  background: #315AA6;
}

.spollers__category-subitem select option:hover {
  background: #315AA6;
}

.spollers__category-subitem label {
  line-height: 150%;
  font-weight: 500;
  font-size: 0.875rem;
}

.spollers__category-block:first-of-type .spollers__category-item:first-of-type {
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
  gap: 21px;
}

.spollers__category-block:last-of-type {
  margin-top: 8px;
}

.spollers__category-block h3 {
  margin-bottom: 8px;
  line-height: 150%;
  font-weight: 600;
}

.spollers__type {
  width: 9.8125rem;
}

.spollers__type-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.spollers__type-item:first-of-type {
  margin-bottom: 16px;
  position: relative;
}

.spollers__type-item:last-of-type {
  position: relative;
  color: #EEB82E;
}

.spollers__type-item:last-of-type::after {
  content: "";
  display: block;
  width: 8.75rem;
  background: #fff;
  position: absolute;
  height: 1px;
  top: -8px;
}

.spollers__type-subitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.spollers__type-subitem label {
  line-height: 150%;
  font-weight: 500;
  font-size: 0.875rem;
}

.spollers__type-block h3 {
  margin-bottom: 8px;
  line-height: 150%;
  font-weight: 600;
}

.spollers__status {
  width: 10.8125rem;
}

.spollers__status .spollers__type-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.spollers__status .spollers__type-item:first-of-type {
  margin-bottom: 12px;
}

.spollers__status .spollers__type-item:last-of-type {
  color: #EEB82E;
}

.spollers__status .spollers__type-item:last-of-type h3 {
  margin-bottom: 0;
}

.spollers__status .spollers__type-item:last-of-type::after {
  content: none;
}

.spollers__status .spollers__type-subitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.spollers__status .spollers__type-subitem label {
  line-height: 150%;
  font-weight: 500;
  font-size: 0.875rem;
}

.spollers__status .spollers__type-block h3 {
  margin-bottom: 8px;
  line-height: 150%;
  font-weight: 600;
}

.spollers__punishment {
  width: 13.5625rem;
}

.spollers__punishment-block h3 {
  margin-bottom: 8px;
  line-height: 150%;
  font-weight: 600;
}

.spollers__punishment-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.spollers__punishment-subitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.spollers__punishment-subitem label {
  font-weight: 500;
  font-size: 0.875rem;
}

.spollers__article-block button {
  float: right;
  margin-top: 72px;
}

.spollers__article-block table {
  height: 6.25rem;
  display: block;
  overflow: auto;
  overflow-x: hidden;
}

.spollers__article-block h3 {
  margin-bottom: 8px;
  line-height: 150%;
  font-weight: 600;
  margin-left: 6px;
}

.spollers__article-block tr label {
  border: 1px solid #EEB82E;
  line-height: 150%;
  font-family: "Kumbh Sans", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  text-align: center;
  cursor: pointer;
  width: 2.875rem;
  display: block;
}

.spollers__article-block input[type=checkbox] {
  display: none;
}

.spollers__article-block input[type=checkbox]:checked + label {
  background: #EEB82E;
}

.judges {
  padding-bottom: 79px;
}

.judges__btn {
  color: #fff;
  width: 12.875rem;
  padding: 2px 0;
  background: #EEB82E;
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 150%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-family: "Kumbh Sans", sans-serif;
}

.judges__btn:hover {
  background: #C6DAFF;
}

.judges__btn:disabled {
  background: #616767;
}

.judges__btn:focus {
  background: #315AA6;
}

.judges__container {
  padding: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 27px;
  position: relative;
}

.judges__container-btn {
  position: absolute;
  padding: 15px 5px;
  border: 3px solid #EEB82E;
  bottom: -50px;
  right: 50px;
  display: block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.judges__container-btn:hover {
  background: #EEB82E;
}

.judges__container-btn:hover ._icon-chevron-up::before {
  color: #212121;
}

.judges__list {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 30px 335px 134px 246px 183px 188px 123px;
  grid-template-columns: 30px 335px 134px 246px 183px 188px 123px;
  line-height: 150%;
  font-family: "Kumbh Sans", sans-serif;
  text-align: center;
  overflow-y: hidden;
}

.judges__list::before {
  content: "";
  background: #EEB82E;
  width: 77.5rem;
  height: 3rem;
  position: absolute;
  z-index: -1;
  border-top: 2px solid #C9C9C9;
  border-bottom: 2px solid #C9C9C9;
}

.judges__list::-webkit-scrollbar {
  display: none;
}

.judges__list h3 {
  font-weight: 600;
  color: #212121;
  padding: 12px 0;
}

.judges__list p {
  font-weight: 400;
  height: 5.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.judges__number {
  -ms-grid-column: 1;
  grid-column: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.judges__fname {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.judges__fname-block:nth-of-type(2n+2)::before {
  content: "";
  display: block;
  background: rgba(49, 90, 166, 0.3);
  height: 5.75rem;
  width: 77.5rem;
  position: absolute;
  z-index: -1;
  left: 0;
  border-top: 1px solid #C9C9C9;
  border-bottom: 1px solid #C9C9C9;
}

.judges__fname .spollers {
  padding: 0;
  display: none;
  position: relative;
}

.judges__fname .spollers::after {
  content: "▼";
  font-size: 0.625rem;
  position: absolute;
  top: 40px;
  right: 30px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #C6DAFF;
}

.judges__fname .spollers__item {
  width: 100%;
}

.judges__fname .spollers__body {
  row-gap: unset;
  padding: 10px 20px;
  background: #fff;
  color: #212121;
  width: calc(100% + 27px);
  -webkit-transform: translate(-27px, 0);
      -ms-transform: translate(-27px, 0);
          transform: translate(-27px, 0);
}

.judges__fname .spollers__body-link {
  display: inline-block;
  background: url("../img/judgment/moblink.png") no-repeat center center;
  width: 1.875rem !important;
  height: 1.875rem;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
  border: 0 !important;
}

.judges__fname .spollers__body-link:hover {
  background: url("../img/judgment/moblinkh.png");
}

.judges__fname .spollers__body-block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  font-size: 0.875rem;
  font-weight: 400;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 2px solid #212121;
  padding: 10px 0;
}

.judges__fname .spollers__body-block:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}

.judges__fname .spollers__body-block:first-of-type {
  padding-top: 0;
}

.judges__fname .spollers__body-block h4 {
  text-align: left;
}

.judges__fname .spollers__body-block p {
  width: unset;
  text-align: center;
  text-decoration: none;
  height: unset;
  color: #315AA6;
}

.judges__fname .spollers__body-block ul li {
  color: #315AA6;
}

.judges__fname .spollers__body-block ul li:first-of-type {
  background: #C6DAFF;
}

.judges__fname .spollers__body-block a {
  border: 2px solid #315AA6;
  color: #315AA6;
  width: 6.25rem;
  margin: 0 auto;
}

.judges__fname .spollers__body p {
  display: unset;
}

.judges__fname .spollers__title {
  max-width: unset;
  width: 95%;
  height: 5.75rem;
  font-size: 1rem;
  text-decoration: underline;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
  font-weight: 400;
  background: unset;
  padding: unset;
}

.judges__fname .spollers__title::after {
  display: none;
}

.judges__fname p {
  width: 15.9375rem;
  text-decoration: underline;
  text-align: left;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}

.judges__fname p:hover {
  color: #EEB82E;
}

.judges__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.judges__date h3 {
  padding: 0;
  width: 6.9375rem;
  margin: 0 auto;
}

.judges__board {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.judges__board-item {
  position: relative;
}

.judges__board select {
  width: 100%;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  padding: 12px 0;
  color: #212121;
  background: unset;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 150%;
}

.judges__board select option {
  text-align: unset;
  background: #EEB82E;
  color: #212121;
}

.judges__board-block {
  text-align: left;
  width: 12.875rem;
  margin: 0 auto;
}

.judges__board-block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 5.75rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.judges__board-block ul li:first-of-type {
  background: #616767;
}

.judges__board-block ul li {
  position: relative;
  padding-left: 25px;
  font-size: 0.6875rem;
}

.judges__board-block ul li a {
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}

.judges__board-block ul li a:hover {
  color: #EEB82E;
}

.judges__board-block ul li::before {
  content: "";
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 100px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 5%;
}

.judges__board::after,
.judges__board::before {
  content: "";
  width: 1.25rem;
  min-height: 62.5rem;
  top: 48px;
  background: rgba(49, 90, 166, 0.3);
  display: block;
  z-index: -1;
  position: absolute;
}

.judges__board::after {
  left: -10px;
}

.judges__board::before {
  right: -10px;
}

.judges__sentence {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.judges__status h3 {
  width: 5.3125rem;
  padding: 0;
  margin: 0 auto;
}

.judges__status-block {
  height: 5.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.judges__status a {
  border: 2px solid #EEB82E;
  color: #EEB82E;
  font-weight: 400;
  padding: 1px 25px;
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.judges__status a:hover {
  background: rgba(238, 184, 46, 0.2);
}

.judges__status a:active {
  background: #fff;
}

.judges__status-closed {
  color: red;
  border: 2px solid red;
}

.judges__status p {
  width: 8.375rem;
  margin: 0 auto;
}

.judges__status-approved {
  color: green;
  border: 2px solid green;
}

.judges__status-default {
  color: #EEB82E;
  border: 2px solid #EEB82E;
}

.judges__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.judges__links h3 {
  width: 5.8125rem;
  padding: 0;
  margin: 0 auto;
}

.judges__links-block {
  height: 5.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.judges__links a {
  display: inline-block;
  background: url("../img/judgment/link.png");
  width: 3rem;
  height: 3rem;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

.judges__links a:hover {
  background: url("../img/judgment/linkh.png");
}

.judges__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.judges__pagination button:disabled {
  pointer-events: none;
}

.judges__pagination-btn {
  font-size: 0.875rem;
  line-height: 150%;
  font-weight: 900;
  font-family: "Kumbh Sans", sans-serif;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}

.judges__pagination-btn:disabled {
  color: #616767;
}

.judges__pagination-btn:disabled:hover {
  color: #616767;
}

.judges__pagination-btn:hover {
  color: #EEB82E;
}

.judges__pagination-pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 26px;
}

.judges__pagination-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.judges__pagination-nav button:first-of-type:hover ._icon-left::before,
.judges__pagination-nav button:last-of-type:hover ._icon-right::before {
  color: #EEB82E;
}

.judges__pagination-nav button:first-of-type:disabled ._icon-left::before,
.judges__pagination-nav button:last-of-type:disabled ._icon-right::before {
  color: #616767;
}

.judges__pagination-nav input {
  width: 1.875rem;
  height: 1.875rem;
  text-align: center;
  background: unset;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
  color: #fff;
  outline: none;
}

.custom-select {
  width: 100%;
  position: relative;
}

.custom-select select {
  display: none;
}

.selected-item {
  background: unset;
  color: #212121;
  cursor: pointer;
  z-index: 99;
  font-weight: 600;
  padding: 12px 0;
}

.selected-item:after {
  content: "\e902";
  font-family: "icons";
  font-size: 5px;
  color: #212121;
  position: absolute;
  right: 40px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.arrowanim.selected-item:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.item {
  background: #EEB82E;
  padding: 0 0 4px 5px;
  text-align: left;
  font-size: 0.875rem;
  line-height: 150%;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #212121;
  cursor: pointer;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

.item:hover {
  background: #C6DAFF;
}

.all-items {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 100;
  border-top: 2px solid #C6DAFF;
  height: 9.6875rem;
  overflow-x: hidden;
}

.all-items::-webkit-scrollbar-thumb {
  background: #C6DAFF;
}

.all-items ::-webkit-scrollbar {
  width: 0.5625rem;
  /* Ширина вертикального скролу */
}

.all-items-hide {
  display: none;
}

.sdf {
  border: 1px solid red;
}

::-webkit-scrollbar {
  width: 9px;
  /* Ширина вертикального скролу */
}

/* Стилі для кнопки скролу */

::-webkit-scrollbar-thumb {
  background: #EEB82E;
  /* Колір кнопки скролу */
}

/* Стилі для фону скролу */

::-webkit-scrollbar-track {
  background: rgba(217, 217, 217, 0.4);
  /* Колір фону скролу */
}

/* Прибрати дефолтні стрілки */

::-webkit-scrollbar-button {
  display: none;
}

.checkbox.style-c {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox.style-c input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkbox.style-c input:checked ~ .checkbox__checkmark:after {
  opacity: 1;
}

.checkbox.style-c .checkbox__checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid #EEB82E;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}

.checkbox.style-c .checkbox__checkmark:after {
  content: "";
  position: absolute;
  left: 14%;
  top: 15%;
  background: #EEB82E;
  width: 10px;
  height: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.checkbox.style-c .checkbox__body {
  line-height: 150%;
  font-size: 0.875rem;
}

.judgments-single-page .header__line:nth-of-type(2),
.judgments-single-page .header__line:nth-of-type(3),
.judgments-single-page .header__line:nth-of-type(4) {
  display: none;
}

.single {
  padding: 38px 0 72px 0;
}

.single__container {
  margin-top: 32px;
  position: relative;
}

.single__container-img {
  position: absolute;
  bottom: -80px;
  right: 0;
  z-index: -2;
}

.single h3 {
  color: #C6DAFF;
  font-size: 1.125rem;
  font-weight: 500;
  text-transform: uppercase;
  text-align: right;
  padding: 4px 10px 4px 0;
}

.single__wrapper {
  width: 68rem;
}

.single__details-block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 180px 1fr;
  grid-template-columns: 180px 1fr;
  grid-gap: 10px;
  margin-bottom: 8px;
  -ms-grid-column: 1;
  grid-column: 1;
  position: relative;
}

.single__details-block::before {
  content: "";
  display: block;
  width: 0.1875rem;
  height: 100%;
  background: #315AA6;
  position: absolute;
  left: 180px;
}

.single__details-block span,
.single__details-block ul {
  -ms-grid-column: 2;
  grid-column: 2;
}

.single__details-block a {
  color: #EEB82E;
  border: 1px solid #EEB82E;
  display: block;
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 150%;
  width: 7.5rem;
  text-align: center;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
  -ms-grid-column: 2;
  grid-column: 2;
}

.single__details-block a:hover {
  background: rgba(238, 184, 46, 0.2);
}

.single__details-block p {
  -ms-grid-row-align: center;
      align-self: center;
  -ms-grid-column: 2;
  grid-column: 2;
}

.single__details-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 41px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.single__details-img {
  background: rgba(49, 90, 166, 0.3);
  -ms-grid-column: 2;
  grid-column: 2;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24.5rem;
}

.single__details-img img {
  /* width: 10.3125rem; */
  height: 12.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.single__details-img #stub {
  width: auto;
  height: auto;
}

.single__edition-subitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.single__edition span {
  background: #EEB82E;
  color: #212121;
  padding: 2px;
}

.single__edition-text a {
  color: #EEB82E;
  border: 1px solid #EEB82E;
  display: block;
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 150%;
  width: 7.5rem;
  text-align: center;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

.single__edition-text a:hover {
  background: rgba(238, 184, 46, 0.2);
}

.single__edition-add div {
  margin-top: 24px;
}

.single__edition-add img {
  margin-top: 8px;
}

.single__edition-block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 180px 1fr;
  grid-template-columns: 180px 1fr;
  grid-gap: 10px;
  margin-bottom: 8px;
  position: relative;
}

.single__edition-block:first-of-type div a {
  color: #EEB82E;
}

.single__edition-block::before {
  content: "";
  display: block;
  width: 0.1875rem;
  height: 100%;
  background: #315AA6;
  position: absolute;
  left: 180px;
}

.single__edition-block p a {
  color: #EEB82E;
}

/* .single__edition-block span,
.single__edition-block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-column: 2;
  grid-column: 2;
} */

.single__edition-block p {
  -ms-grid-row-align: center;
      align-self: center;
  -ms-grid-column: 2;
  grid-column: 2;
}

.single__edition-block div p {
  display: block;
  margin-bottom: 10px;
}

.single__edition-block ul {
  gap: 10px;
}

.single__edition-block ul li {
  text-decoration: underline;
}

.single__edition-block ul li:first-of-type {
  background: #C6DAFF;
  color: #212121;
  padding: 4px;
}

.single__edition-info {
  margin-top: 4px;
}

.single .wax__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  margin: 0 -40vw;
}

.single .wax__title p {
  font-size: 1rem;
  font-weight: 400;
  color: #EEB82E;
  text-transform: none;
}

.not-found__page .header {
  margin-bottom: 0;
}

.not-found__page .header__line {
  display: none;
}

.not-found-page {
  overflow: hidden;
}

.not-found-page .search {
  padding-top: 33px;
}

.wrapper__container {
  position: relative;
}

.wrapper__container::before {
  content: "";
  background: url("../img/about/jail.svg") center center;
  width: 75rem;
  height: 150%;
  z-index: -1;
  display: block;
  position: absolute;
  top: -130px;
}

.not-found {
  padding: 221px 0 292px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.not-found__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40%;
  text-align: center;
}

.not-found__wrapper h1 {
  margin-bottom: 14px;
  text-transform: uppercase;
  font-size: 2.25rem;
  font-weight: 600;
}

.not-found__wrapper p {
  margin-bottom: 32px;
  font-weight: 400;
  line-height: 150%;
}

.not-found__wrapper a {
  background: #EEB82E;
  width: 18.0625rem;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 150%;
  font-family: "Kumbh Sans", sans-serif;
  padding: 2px 0;
}

@media (max-width: 77.5em) {
  .header__container {
    margin: 0 40px;
  }

  .header__line:nth-of-type(2) {
    display: none;
  }

  .header__line:nth-of-type(4) {
    display: none;
  }

  .header__logo {
    width: 4.6875rem;
    height: 2.25rem;
  }

  .header__logo a {
    bottom: -25px;
    left: -40px;
  }

  .header__logo a img {
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
  }

  .header__navigation {
    gap: 0;
  }

  .header__navigation-item {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 100%;
  }

  .header__links {
    gap: 11px;
  }

  .footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    margin: 0 40px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .footer__logo {
    margin-right: 0;
  }

  .footer__content {
    margin-left: 0;
    margin-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: right;
    padding-right: 20px;
  }

  .footer__nav {
    background: unset;
    padding: unset;
    padding-left: 12px;
  }

  .footer__nav ul {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }

  .footer__center {
    margin-top: 24px;
  }

  .footer__center-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 24px;
  }

  .search__block {
    padding: 5px;
    width: 600px;
  }

  .search__block-btn {
    line-height: 100%;
  }

  .wax__container {
    margin: 0 50px;
  }

  .wax__wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    gap: 15px;
  }

  .subject__container {
    margin: 0 40px;
  }

  .subject__wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    gap: 0;
    row-gap: 39px;
  }

  .efficiency__container {
    margin: 0 40px;
  }

  .efficiency__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 40px;
  }

  .efficiency__history {
    width: unset;
  }

  .efficiency__schedule {
    width: 100%;
  }

  .about__container {
    margin: 0 40px;
  }

  .about__container::before {
    top: -399px;
    width: calc(100% - 60px);
    /* height: calc(100% + 65px); */
  }

  .about__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* text-align: center; */
    gap: 40px;
    padding: 0 0 52px 0;
  }

  .about__info-item ul {
    margin-left: 0;
  }

  .filter__container {
    margin: 0 40px;
  }

  .filter__empty {
    display: none;
  }

  .filter__wrapper {
    padding: 0 4px;
  }

  .spollers__title {
    margin: 0 auto;
  }

  .spollers__body {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 18px;
    padding-bottom: 61px;
  }

  .judges__container {
    margin: 0 40px;
  }

  .judges__board::after,
  .judges__board::before {
    display: none;
  }

  .single__container-img {
    width: 56.875rem;
  }

  .single__container {
    margin: 32px 40px 0;
  }

  .single__wrapper {
    width: 100%;
    margin-left: 0;
	padding: 0 20px;
  }

  .wrapper__container {
    margin: 0 40px;
  }

  .wrapper__container::before {
    top: -65px;
    width: calc(100% - 40px);
    height: calc(100% + 65px);
  }

  .not-found__wrapper {
    width: 60%;
  }
}

@media (max-width: 61.99875em) {
  .wax__title {
    font-size: 23px;
    padding: 4px 0;
  }
  
  .spollers__article-block button {
    margin-top: 0;
    position: absolute;
    bottom: 18px;
    left: 35%;
  }

  .single__container-img {
    display: none;
  }

  .single__details {
    margin-top: 24px;
  }

  .single__details-wrapper {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/span 2;
  }

  .single__details-img {
    width: auto;
    margin-left: -20vw;
    margin-right: -20vw;
  }

  .wrapper__container::before {
    background: url("../img/about/jail.svg");
  }
}

@media (max-width: 47.99875em) {
  .icon-menu {
    display: block;
  }

  .header ._icon-facebook1::before {
    padding: 4px 7px 0;
  }

  .header__menu {
    display: block;
  }

  .header__container {
    margin: 0 16px;
    padding: 0;
  }

  .header__line:nth-of-type(3) {
    display: none;
  }

  .header__logo {
    margin: 0 auto;
  }

  .header__logo a {
    left: -25px;
  }

  .header__center {
    display: none;
  }

  .header__navigation {
    display: none;
  }

  ._icon-twitter-1::before,
  ._icon-facebook1::before {
    font-size: 1rem;
  }

  .footer__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
  }

  .footer__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    padding-right: 0;
  }

  .footer__nav {
    background: unset;
    padding: unset;
    text-align: center;
  }
  
  .footer__nav a {
    color: #EEB82E;
  }

  .footer__center-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 14px;
  }

  .wax__container {
    margin: 0 26px;
  }

  .subject__container {
    margin: 0 16px;
  }

  .efficiency__container {
    margin: 0 16px;
  }

  .efficiency__wrapper {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .efficiency__before {
    font-size: 11px;
    left: 8px;
    bottom: -60px;
  }

  .efficiency__after {
    font-size: 11px;
    left: 20px;
    bottom: -50px;
  }

  .efficiency__wax {
    font-size: 11px;
    left: 0;
    bottom: -40px;
  }

  .container {
    gap: 5px;
  }

  .vertical .progress-bar:last-of-type::after {
    font-size: 11px;
    right: -50px;
  }

  .vertical .progress-bar {
    width: 23px;
    font-size: 6px;
  }

  .vertical .progress-track {
    width: 23px;
  }

  .vertical .progress-fill {
    width: 23px;
  }

  .vertical .progress-fill span {
    font-size: 19px;
  }

  .progress-date span {
    font-size: 5px;
  }

  .progress-bar .progress-before--last::after {
    width: 1px;
    right: -3px;
    bottom: -80px;
  }

  .about__container {
    margin: 0 16px;
	padding: 0 30px;
  }
  .about__container::before {
    top: -36px;
    background: url(../img/about/jail-bg.png) no-repeat right top;
}

  .about__heading {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 30px;
  }

  .about__info {
    gap: 30px;
    padding: 0 15px 40px 15px;
  }

  .about__info-item {
    width: 100%;
  }

  .about__info-item:last-of-type p:last-of-type {
    margin-top: 14px;
  }

  .about__info-item ul {
    margin: 0 0 0 15px;
  }
  /* .about__info-item ul li {
    list-style-type: none;
  } */

  .filter__container {
    margin: 0 16px;
  }

  .filter__wrapper-item {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
  }

  .filter__pages-item p {
    font-size: 0.875rem;
  }

  .filter__pages-btn.prev a span,
  .filter__pages-btn.next a span {
    display: none;
  }

  .filter__sort {
    margin-top: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .filter__sort-item:first-of-type p {
    font-size: 0.875rem;
    font-weight: 200;
  }

  .spollers__title {
    margin: 0;
    font-size: 0.875rem;
  }

  .spollers__title div {
    display: unset;
    position: absolute;
    left: -24px;
  }

  .spollers__article-block button {
    font-size: 0.875rem;
    font-weight: 600;
  }

  .judges__container {
    margin: 0 16px;
  }

  .judges__container-btn {
    display: none;
  }

  .judges__fname .spollers__title {
    margin: unset;
  }

  .single__container {
    margin: 32px 16px 0;
  }

  .single h3 {
    text-align: left;
    font-size: 1rem;
    padding: 4px 0;
    border-right: 0;
    border-bottom: 3px solid #315AA6;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .single__details {
    margin-top: 13px;
    padding-left: 6px;
  }

  .single__details-block::before {
    display: none;
  }

  .single__details-block span,
  .single__details-block ul {
    -ms-grid-column: 1;
    grid-column: 1;
  }

  .single__details-block a {
    -ms-grid-column: 1;
    grid-column: 1;
  }

  .single__details-block p {
    -ms-grid-column: 1;
    grid-column: 1;
  }

  .single__details-block {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 6px;
    margin-bottom: 16px;
  }

  .single__details-img {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    margin-left: -25vw;
    margin-right: -25vw;
  }

  .single__edition {
    padding-left: 6px;
  }

  .single__edition-block::before {
    display: none;
  }

  .single__edition-block {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 6px;
    margin-bottom: 16px;
  }

  .single__edition-block span,
  .single__edition-block ul {
    font-size: 0.875rem;
    -ms-grid-column: 1;
    grid-column: 1;
  }

  .single__edition-block p {
    -ms-grid-column: 1;
    grid-column: 1;
    font-size: 0.875rem;
  }

  .single__edition-block ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 6px;
  }

  .single .wax__title p {
    display: none;
  }

  .not-found-page .search {
    padding-top: 19px;
  }

  .wrapper__container {
    margin: 0 16px;
  }

  .not-found__wrapper {
    width: 100%;
  }
}

@media (max-width: 29.99875em) {
  .wax {
    padding: 40px 0 48px 0;
  }

  .wax__title {
    font-size: 19px;
    padding: 4px 0;
  }

  .wax__wrapper {
    border-bottom: unset;
  }

  .wax__wrapper::before {
    content: "";
    width: 100%;
    height: 3px;
    display: block;
    background: #EEB82E;
    position: absolute;
  }

  .wax__counter:last-of-type {
    padding-bottom: 0;
  }

  .wax__counter:first-of-type {
    padding-top: 60px;
  }

  .wax__counter h3 {
    font-size: 20px;
  }

  .wax__date {
    position: absolute;
    top: 250px;
    left: 50%;
    font-size: 15px;
	margin-left: -75px;
  }

  .subject__wrapper {
    row-gap: 24px;
  }

  .efficiency__schedule {
    margin: 0;
  }

  .vertical .progress-bar:last-of-type::after {
    right: -20px;
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
    margin-right: -20px;
    bottom: 45px;
  }

  .filter__pages {
    gap: 6px;
  }

  .filter__pages-item:last-of-type {
    gap: 6px;
  }

  .filter__pages-btn {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.875rem;
  }

  .spollers {
    padding: 0 5px;
  }

  .spollers__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .spollers__article-block button {
    left: 20px;
  }

  .spollers__article-block table {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .spollers__article-block tr label {
    padding: unset;
    width: 2.6875rem;
  }

  .judges__list {
    -ms-grid-columns: 20px 1fr;
    grid-template-columns: 20px 1fr;
    overflow: hidden;
  }

  .judges__number p {
    display: none;
  }

  .judges__fname {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    padding-left: 8px;
  }

  .judges__fname .spollers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .judges__fname p {
    display: none;
  }

  .judges__date,
  .judges__board,
  .judges__sentence,
  .judges__status,
  .judges__links {
    display: none !important;
  }

  .judges__pagination-btn {
    display: none;
  }

  .judges__pagination-pages {
    gap: 0.5rem;
  }

  .single__details-img #stub {
    width: 17.875rem;
    height: 9.375rem;
  }

  .single__edition-add img {
    width: 100%;
  }

  .not-found {
    padding: 200px 0 275px 0;
  }

  .not-found__wrapper h1 {
    font-size: 1.875rem;
  }

  .not-found__wrapper p {
    font-size: 0.875rem;
  }

  .not-found__wrapper a {
    width: 13.75rem;
  }
}

.iframe-container {
	position: relative;
	width: 100%;
	max-width: 640px;
	padding-bottom: 56.25%; /* Соотношение сторон 16:9 (высота/ширина * 100) */
	height: 0;
	overflow: hidden;
}

.iframe-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
@media (min-width: 640px) {
	.iframe-container {
		height: calc(640px * 9 / 16); /* Пропорциональная высота для 640px ширины */
		padding-bottom: 0; /* Отключаем padding-bottom, т.к. высота фиксирована */
	}
}

/* @media (max-width: 413px) {
    .wax__title h2 {
		font-size: 14px;
		padding: 3px 0;
	}
} */