:root {
  --lato-family: 'Lato', sans-serif;
  --play-family: 'Play Rus';
  --color-text: #1E1E20;
  --color-gray: #BBC3C6;
  --color-brick: #962715;
  --color-mustard: #fed08f;
  --container-width: 1200px;
  --header-height: 200px;
  --theatertour-map-width: 1440px;
  --section-header-padding: 90px;
  --search-height: 55px;
  --mobi-padding: 10px; }

@font-face {
  font-family: 'Play Rus';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/play-rus.d7a9a656d31c.woff2") format("woff2"), url("../fonts/play-rus.be5548d76676.woff") format("woff"); }

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

* {
  padding: 0;
  margin: 0; }

html {
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.15; }

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  font-family: var(--lato-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2;
  color: var(--color-text);
  position: relative; }

button, input, select, textarea, th, td {
  font-family: var(--lato-family);
  font-style: normal;
  font-weight: normal; }

a {
  text-decoration: none; }

.container {
  max-width: var(--container-width);
  margin-left: auto;
  margin-right: auto; }

.actor-role-table {
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px 5px; }
  @media (min-width: 768px) {
    .actor-role-table {
      display: none; } }
  .actor-role-table .image {
    display: block;
    width: 100%;
    aspect-ratio: 9 / 16; }
    .actor-role-table .image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  .actor-role-table h3 {
    color: var(--color-brick);
    font-family: var(--play-family);
    font-size: 10px;
    font-weight: 400; }
    .actor-role-table h3 a {
      color: inherit; }

div.actor-roles .container {
  border-bottom: 1px solid var(--color-gray);
  padding-bottom: 1rem; }
  @media (max-width: 767px) {
    div.actor-roles .container {
      border-bottom: none;
      padding-bottom: 0; } }
  div.actor-roles .container article.role {
    display: grid;
    grid-template-columns: 400px 1fr;
    column-gap: 1rem;
    font-size: 20px; }
    @media (max-width: 767px) {
      div.actor-roles .container article.role {
        display: block;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 20px;
        font-size: 12px; }
        div.actor-roles .container article.role .play {
          margin-bottom: 4px;
          padding-left: 32px;
          font-weight: 700; }
        div.actor-roles .container article.role .characters {
          padding-bottom: 14px;
          padding-left: 32px;
          border-bottom: 1px dotted var(--color-gray); } }
    div.actor-roles .container article.role a {
      color: var(--color-brick); }
      @media (max-width: 767px) {
        div.actor-roles .container article.role a {
          text-decoration-line: underline; } }
      div.actor-roles .container article.role a:hover {
        text-decoration-line: underline; }

.role-table {
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px 5px; }
  @media (min-width: 768px) {
    .role-table {
      display: none; } }
  .role-table .image {
    display: block;
    width: 100%;
    aspect-ratio: 9 / 16; }
    .role-table .image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  .role-table h3 {
    color: var(--color-brick);
    font-family: var(--play-family);
    font-size: 10px;
    font-weight: 400; }
    .role-table h3 a {
      color: inherit; }

div.anno-block {
  margin-top: 3rem;
  margin-bottom: 3rem; }
  div.anno-block a {
    display: block; }
  div.anno-block img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center; }
    @media (max-width: 767px) {
      div.anno-block img {
        height: 20vw; } }

nav.article-group .container {
  display: flex;
  justify-content: space-between;
  padding: 1.5rem;
  border-top: 1px solid var(--color-gray);
  border-bottom: 1px solid var(--color-gray);
  font-size: 20px;
  margin-bottom: 2rem; }
  @media (max-width: 767px) {
    nav.article-group .container {
      display: none; } }
  nav.article-group .container a {
    color: inherit; }
    nav.article-group .container a.active {
      color: var(--color-brick); }

span.birthday-cake {
  margin-left: 0.5rem;
  color: var(--color-brick); }
  span.birthday-cake svg {
    vertical-align: middle; }

section.bottom-links {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }
  section.bottom-links .container {
    display: flex;
    justify-content: center;
    align-items: center; }
    section.bottom-links .container .splide {
      width: 100%; }
    section.bottom-links .container a {
      display: block;
      margin: 0.5rem 2.5rem; }
      @media (max-width: 767px) {
        section.bottom-links .container a {
          margin: 0; } }
    section.bottom-links .container img {
      display: block;
      width: 160px;
      height: 87px;
      object-fit: contain;
      object-position: center;
      filter: grayscale(1); }
      @media (max-width: 767px) {
        section.bottom-links .container img {
          width: 100%; } }
      section.bottom-links .container img:hover {
        filter: none; }
    section.bottom-links .container .splide__arrow {
      background: transparent; }
      section.bottom-links .container .splide__arrow svg {
        width: 35px;
        height: 35px; }
    section.bottom-links .container .splide__arrow--prev {
      left: -2em; }
      section.bottom-links .container .splide__arrow--prev svg {
        transform: none; }
    section.bottom-links .container .splide__arrow--next {
      right: -2em; }

nav.breadcrumb {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem; }
  @media (max-width: 767px) {
    nav.breadcrumb:not(.mobi) {
      display: none; } }
  nav.breadcrumb.mobi {
    padding: 8px 20px;
    background: var(--color-gray); }
    @media (min-width: 768px) {
      nav.breadcrumb.mobi {
        display: none; } }
  nav.breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none; }
  nav.breadcrumb li {
    display: flex;
    font-family: var(--play-family);
    font-size: 20px;
    line-height: 1;
    margin-right: 0.5rem; }
    nav.breadcrumb li::after {
      content: '>';
      margin-left: 0.5rem; }
    nav.breadcrumb li:last-of-type {
      margin-right: 0; }
      nav.breadcrumb li:last-of-type::after {
        content: none; }
    nav.breadcrumb li a {
      color: var(--color-brick); }
  nav.breadcrumb.mobi li {
    font-size: 16px; }
    nav.breadcrumb.mobi li:not(:last-of-type)::after {
      content: '/';
      color: var(--color-brick); }
    nav.breadcrumb.mobi li:not(:last-of-type) a {
      text-decoration: underline; }

div.bulletin img {
  max-width: 100%; }

button.buy-button {
  width: 179px;
  height: 48px;
  line-height: 46px;
  text-align: center;
  border: 1px solid var(--color-brick);
  background: var(--color-brick);
  font-size: 20px;
  color: white;
  cursor: pointer;
  transition: color 0.25s, background-color 0.25s; }
  button.buy-button:hover {
    background: white;
    color: var(--color-brick); }
  button.buy-button.soldout {
    border: 1px solid var(--color-gray);
    background: var(--color-gray); }
    button.buy-button.soldout:hover {
      background: white;
      color: var(--color-gray); }

/*
.alt button.buy-button {
    background: white;
    color: var(--color-brick);

    &:hover {
        background: var(--color-brick);
        color: white;
    }
}
*/

section.calendar {
  margin-bottom: 2rem;
  margin-top: -80px; }
  @media (max-width: 767px) {
    section.calendar {
      display: none; } }
  section.calendar .container {
    position: relative;
    display: grid;
    grid-template-columns: 35px 1130px 35px; }
    section.calendar .container .left, section.calendar .container .right {
      color: var(--color-gray);
      align-self: center;
      cursor: pointer; }
      section.calendar .container .left svg, section.calendar .container .right svg {
        width: 35px;
        height: 35px; }
    section.calendar .container .slider {
      height: 75px;
      overflow: hidden; }
      section.calendar .container .slider .runner {
        height: 75px;
        width: 1000000px;
        display: flex;
        transition: transform 2s ease-in-out; }
    section.calendar .container .item {
      height: 75px;
      padding-left: 0.25rem;
      padding-right: 0.25rem;
      display: flex;
      justify-content: center;
      align-items: center; }
      section.calendar .container .item .day {
        font-family: var(--play-family);
        font-size: 36px;
        color: var(--color-gray);
        cursor: default; }
      section.calendar .container .item.dayoff .day {
        color: var(--color-brick); }
      section.calendar .container .item.weekend {
        margin-right: 1rem; }
        section.calendar .container .item.weekend .day {
          color: var(--color-brick); }
      section.calendar .container .item.underline .day {
        text-decoration-line: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 5px;
        cursor: pointer; }
        section.calendar .container .item.underline .day a {
          color: inherit; }
      section.calendar .container .item:hover, section.calendar .container .item.hovered {
        background: var(--color-brick); }
        section.calendar .container .item:hover .day, section.calendar .container .item.hovered .day {
          color: white; }
    section.calendar .container .pulling-cat {
      position: absolute;
      left: -100px;
      top: -100px;
      transition: transform 1s ease-in-out; }

.calendar-item-popup {
  border: 1px solid var(--color-brick);
  background: white;
  display: none;
  grid-template-columns: 40px 1fr;
  gap: 0.25rem 0.5rem;
  padding: 0.5rem;
  opacity: 0;
  transition: opacity 0.2s;
  max-width: 400px; }
  .calendar-item-popup.shown {
    display: grid;
    opacity: 1; }
  .calendar-item-popup .time {
    font-family: var(--play-family);
    font-size: 14px;
    color: var(--color-gray);
    text-align: center; }
  .calendar-item-popup .perf {
    font-size: 14px; }
    .calendar-item-popup .perf a {
      color: var(--color-brick); }

div.characters dl {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 20px;
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    div.characters dl {
      font-size: 12px;
      padding-left: 20px;
      padding-right: 20px; } }
  div.characters dl dt {
    display: flex;
    font-weight: 700;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem; }
    @media (max-width: 767px) {
      div.characters dl dt {
        font-weight: 400;
        margin-right: 0;
        margin-bottom: 4px;
        padding-left: 32px; } }
  div.characters dl dd {
    position: relative;
    display: flex;
    margin-right: 0.5rem;
    border-bottom: 1px dotted var(--color-gray);
    padding-bottom: 20px; }
    @media (max-width: 767px) {
      div.characters dl dd {
        flex-direction: column;
        padding-left: 32px;
        padding-bottom: 14px;
        font-weight: 700; } }
    div.characters dl dd:last-of-type {
      margin-right: 0; }
      div.characters dl dd:last-of-type::after {
        content: ''; }
    div.characters dl dd ul {
      list-style: none; }
    div.characters dl dd li {
      position: relative; }
      @media (max-width: 767px) {
        div.characters dl dd li:not(:last-of-type) {
          margin-bottom: 0.5rem; } }
      div.characters dl dd li .pin {
        display: none;
        position: absolute;
        left: calc(100% + 1rem);
        top: 50%;
        transform: translate(0, -50%);
        z-index: 99; }
        div.characters dl dd li .pin img {
          max-height: 225px;
          margin-right: 0.5rem; }
      div.characters dl dd li:hover .pin {
        display: flex; }
        @media (max-width: 767px) {
          div.characters dl dd li:hover .pin {
            display: none; } }
  div.characters dl a {
    white-space: nowrap;
    color: var(--color-brick); }
    @media (max-width: 767px) {
      div.characters dl a {
        text-decoration: underline; } }

.chelovek-teatra {
  display: block;
  margin-top: 3rem;
  margin-bottom: 3rem;
  height: 350px;
  background: var(--color-gray);
  position: relative; }
  @media (max-width: 767px) {
    .chelovek-teatra {
      height: 75vw; } }
  .chelovek-teatra .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .chelovek-teatra .bg img, .chelovek-teatra .bg video {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
    .chelovek-teatra .bg::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3); }
  .chelovek-teatra .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 350px; }
    @media (max-width: 767px) {
      .chelovek-teatra .inner {
        height: 75vw; } }
    .chelovek-teatra .inner img {
      max-height: 100%; }
      @media (max-width: 767px) {
        .chelovek-teatra .inner img {
          max-width: 80%;
          max-height: 80%; } }
  .chelovek-teatra .icon, .chelovek-teatra .info {
    display: none; }
  .chelovek-teatra h3 {
    font-family: var(--play-family);
    font-weight: 400;
    font-size: 64px;
    line-height: 1;
    color: var(--color-brick);
    margin-bottom: 1rem;
    text-shadow: 2px 2px 1px var(--color-mustard); }
    .chelovek-teatra h3 span {
      font-size: 45px; }
  .chelovek-teatra p {
    font-weight: 500;
    font-size: 36px;
    line-height: 43px;
    color: white; }

section.content-text {
  padding-bottom: 3rem; }
  @media (max-width: 767px) {
    section.content-text {
      padding-bottom: 2rem; } }

div.content-title {
  padding-bottom: 2rem; }
  @media (max-width: 767px) {
    div.content-title {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px; } }
  div.content-title .date {
    font-size: 20px;
    color: var(--color-gray); }
    @media (max-width: 767px) {
      div.content-title .date {
        font-size: 12px;
        padding-top: 0.5rem; } }
  div.content-title h1 {
    padding-top: 1rem;
    font-size: 45px;
    font-weight: 400;
    color: var(--color-brick); }
    @media (max-width: 767px) {
      div.content-title h1 {
        padding-top: 0.5rem;
        font-size: 16px;
        line-height: 1.5; } }
  div.content-title .publisher {
    font-size: 20px;
    font-style: italic;
    color: var(--color-gray);
    padding-top: 1rem; }
    @media (max-width: 767px) {
      div.content-title .publisher {
        font-size: 14px; } }

div.dialog {
  background: #FFFFFF;
  box-shadow: 0px 10px 30px rgba(2, 61, 72, 0.2);
  border-radius: 40px;
  padding: 28px 40px 40px; }
  div.dialog .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px; }
    div.dialog .head h4 {
      font-family: var(--play-family);
      font-weight: 400;
      font-size: 45px;
      line-height: 1;
      color: var(--color-brick); }
    div.dialog .head a {
      transform: rotate(45deg);
      color: var(--color-brick); }
  div.dialog .submit {
    margin-top: 28px; }
    div.dialog .submit button {
      display: block;
      border: none;
      background: var(--color-brick);
      width: 100%;
      height: 48px;
      color: white;
      font-family: var(--play-family);
      font-size: 30px;
      cursor: pointer; }
    div.dialog .submit p {
      margin-top: 0.5rem;
      font-size: 14px;
      font-style: italic;
      color: var(--color-gray); }
  div.dialog .message {
    display: none;
    margin-bottom: 1rem; }
    div.dialog .message.error {
      color: var(--color-brick); }
    div.dialog .message.info {
      color: var(--color-mustard); }
  div.dialog .control {
    position: relative;
    border: 0.5px solid #DDDDDD;
    border-radius: 16px;
    padding: 1rem;
    margin-bottom: 1rem; }
    div.dialog .control label {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      color: var(--color-text);
      padding: 1rem;
      font-size: 16px; }
    div.dialog .control input, div.dialog .control textarea {
      display: block;
      border: none;
      background: transparent;
      outline: none;
      width: 100%;
      font-size: 16px; }
      div.dialog .control input::placeholder, div.dialog .control textarea::placeholder {
        color: transparent; }
      div.dialog .control input:focus ~ label, div.dialog .control input:not(:placeholder-shown) ~ label, div.dialog .control textarea:focus ~ label, div.dialog .control textarea:not(:placeholder-shown) ~ label {
        opacity: 0.7;
        font-size: 14px;
        line-height: 16px;
        padding-top: 0;
        padding-bottom: 0;
        height: 16px; }
    div.dialog .control textarea {
      max-width: 100%;
      min-height: 70px; }
    div.dialog .control .errtext {
      display: none;
      margin-top: 0.5rem;
      font-size: 14px;
      color: var(--color-brick); }
    div.dialog .control.error .errtext {
      display: block; }
  div.dialog .bi-arrow-clockwise {
    display: none;
    vertical-align: middle;
    margin-right: 4px;
    width: 24px;
    height: 24px;
    animation: rotation 2s linear infinite; }
  div.dialog.sending .bi-arrow-clockwise {
    display: inline; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

div.docgroup p {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem; }
  @media (max-width: 767px) {
    div.docgroup p {
      padding-left: 20px;
      padding-right: 20px; } }
  div.docgroup p img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    object-position: center;
    margin-right: 24px;
    flex-shrink: 0; }
    @media (max-width: 767px) {
      div.docgroup p img {
        width: 64px;
        height: 64px; } }
  div.docgroup p a {
    color: inherit;
    font-size: 20px;
    line-height: 1.4; }
    @media (max-width: 767px) {
      div.docgroup p a {
        font-size: 16px; } }

div.dropdown-monthes {
  margin-left: 2rem;
  display: flex;
  align-items: center;
  height: 40px;
  font-family: var(--lato-family);
  position: relative; }
  @media (max-width: 767px) {
    div.dropdown-monthes {
      display: none; } }
  div.dropdown-monthes > span {
    font-size: 28px;
    line-height: 1; }
  div.dropdown-monthes .down {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
    div.dropdown-monthes .down svg {
      width: 32px;
      height: 32px;
      transition: transform 0.5s; }
  div.dropdown-monthes ul {
    display: none;
    list-style: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 140px;
    background: white;
    border: 1px solid var(--color-gray);
    padding: 0.5rem 1rem;
    font-size: 24px;
    z-index: 99; }
    div.dropdown-monthes ul li {
      margin-bottom: 0.5rem; }
      div.dropdown-monthes ul li a {
        color: inherit; }
        div.dropdown-monthes ul li a:hover {
          text-decoration-line: underline; }
  div.dropdown-monthes.dropped .down svg {
    transform: rotate(180deg); }
  div.dropdown-monthes.dropped ul {
    display: block; }

section.event-block {
  margin-bottom: 3rem; }
  section.event-block .container {
    display: grid;
    grid-template-columns: 1fr 421px;
    column-gap: 40px; }
    @media (max-width: 767px) {
      section.event-block .container {
        display: flex;
        flex-direction: column;
        row-gap: 2rem; }
        section.event-block .container .f {
          padding-left: var(--mobi-padding);
          padding-right: var(--mobi-padding); } }

section.event-list {
  margin-bottom: 4.5rem; }
  section.event-list article {
    margin-bottom: 2rem; }
    @media (max-width: 767px) {
      section.event-list article {
        margin-bottom: 0; } }
    section.event-list article .container {
      position: relative;
      display: flex; }
      @media (max-width: 767px) {
        section.event-list article .container {
          flex-direction: column; } }
      section.event-list article .container::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border: solid var(--color-gray);
        border-width: 1px; }
        @media (max-width: 767px) {
          section.event-list article .container::before {
            content: none; } }
      section.event-list article .container .image {
        display: block;
        position: relative; }
        section.event-list article .container .image img {
          display: block;
          width: 563px;
          height: 317px;
          object-fit: cover;
          object-position: center; }
          @media (max-width: 767px) {
            section.event-list article .container .image img {
              width: 100%;
              height: 48.21vw; } }
      section.event-list article .container .info {
        position: relative;
        padding: 0.5rem 1rem 1.5rem 2rem;
        flex-grow: 1; }
        section.event-list article .container .info:hover {
          background: rgba(187, 195, 198, 0.2); }
        @media (max-width: 767px) {
          section.event-list article .container .info {
            padding-left: 20px;
            padding-right: 20px; } }
        section.event-list article .container .info h3 {
          font-size: 30px;
          font-weight: 500;
          margin-bottom: 0.5rem; }
          @media (max-width: 767px) {
            section.event-list article .container .info h3 {
              font-size: 16px;
              line-height: 1.5; } }
          section.event-list article .container .info h3 a {
            color: var(--color-brick); }
            section.event-list article .container .info h3 a:hover {
              text-decoration-line: underline;
              text-decoration-thickness: 2px;
              text-underline-offset: 5px; }
        section.event-list article .container .info .date {
          font-size: 20px;
          color: var(--color-gray);
          margin-top: 0.5rem;
          margin-bottom: 0.5rem; }
          @media (max-width: 767px) {
            section.event-list article .container .info .date {
              font-size: 16px; } }
          section.event-list article .container .info .date .age {
            color: var(--color-brick); }
        section.event-list article .container .info p {
          font-size: 20px; }
          @media (max-width: 767px) {
            section.event-list article .container .info p {
              font-size: 16px;
              line-height: 1.5;
              border-bottom: 1px dotted var(--color-gray);
              padding-bottom: 20px; } }
  section.event-list article .container .info {
    display: flex;
    flex-direction: column; }
    section.event-list article .container .info .link {
      display: block;
      width: 179px;
      height: 48px;
      line-height: 46px;
      background: var(--color-brick);
      border: 1px solid var(--color-brick);
      color: white;
      font-size: 20px;
      text-align: center;
      margin-top: auto; }
  section.event-list .head {
    display: flex;
    align-items: baseline;
    margin-bottom: 1rem; }
    section.event-list .head h2 {
      position: relative;
      padding: 0 4px 10px 2px;
      font-family: var(--play-family);
      font-weight: 400;
      font-size: 45px;
      line-height: 1;
      margin-right: 1rem; }
      section.event-list .head h2::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 2rem;
        background: rgba(187, 195, 198, 0.2); }
    section.event-list .head a {
      font-size: 20px;
      text-decoration-line: underline;
      color: inherit; }

@media (max-width: 767px) {
  section.expanable.nomobi {
    display: none; } }

@media (min-width: 768px) {
  section.expanable.mobi {
    display: none; } }

section.expanable .head {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  @media (max-width: 767px) {
    section.expanable .head {
      padding: 0 20px;
      margin-top: 1rem;
      margin-bottom: 1rem; } }
  section.expanable .head .container {
    display: flex;
    align-items: center;
    cursor: pointer; }
    @media (max-width: 767px) {
      section.expanable .head .container {
        background: var(--color-gray);
        padding-left: 0.5rem;
        padding-top: 4px; } }
    section.expanable .head .container svg {
      margin-right: 2.5rem;
      transition: transform 0.5s, color 0.5s; }
      @media (max-width: 767px) {
        section.expanable .head .container svg {
          margin-right: 0.5rem;
          width: 16px;
          height: 16px; } }
    section.expanable .head .container h3 {
      position: relative;
      font-family: var(--play-family);
      font-weight: 400;
      font-size: 40px; }
      @media (max-width: 767px) {
        section.expanable .head .container h3 {
          font-size: 16px;
          line-height: 30px; } }
      section.expanable .head .container h3 span {
        position: relative; }
        section.expanable .head .container h3 span sup {
          color: var(--color-brick);
          font-size: 24px;
          padding-left: 0.25rem; }
          @media (max-width: 767px) {
            section.expanable .head .container h3 span sup {
              font-size: 12px; } }
      section.expanable .head .container h3::before {
        content: '';
        position: absolute;
        left: -0.5rem;
        right: -0.5rem;
        top: 50%;
        bottom: -0.25rem;
        background: var(--color-gray);
        opacity: 0;
        transition: opacity 0.5s ease-in-out; }
        @media (max-width: 767px) {
          section.expanable .head .container h3::before {
            content: none; } }
    section.expanable .head .container:hover h3::before {
      opacity: 0.4; }
    section.expanable .head .container .head-link {
      display: block;
      margin-left: 2rem;
      font-size: 20px;
      color: var(--color-brick);
      opacity: 0;
      transition: opacity 0.5s ease-in-out; }
      @media (max-width: 767px) {
        section.expanable .head .container .head-link {
          font-size: 16px;
          transform: translateY(-4px); } }
section.expanable .body {
  display: none; }

section.expanable.expanded .head .container {
  color: var(--color-brick); }
  section.expanable.expanded .head .container svg {
    transform: rotate(-45deg); }
  section.expanable.expanded .head .container .head-link {
    opacity: 1; }

section.expanable.expanded .body {
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem; }
  @media (max-width: 767px) {
    section.expanable.expanded .body {
      padding-top: 0;
      padding-bottom: 0;
      margin-bottom: 1rem; } }
  section.expanable.expanded .body .container {
    padding-left: 69px; }
    @media (max-width: 767px) {
      section.expanable.expanded .body .container {
        padding-left: 0; } }
section.expanable ~ footer.footer {
  margin-top: 3rem; }

footer.footer {
  background: var(--color-text);
  padding-top: 1.25rem;
  padding-bottom: 1.5rem;
  color: white; }
  footer.footer a {
    color: inherit; }
  footer.footer .container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 767px) {
      footer.footer .container {
        flex-direction: column;
        row-gap: 1.5rem;
        padding-left: 20px;
        padding-right: 20px; } }
  footer.footer .theatre {
    display: flex;
    margin-bottom: 1.5rem; }
    @media (max-width: 767px) {
      footer.footer .theatre {
        margin-bottom: 0; } }
    footer.footer .theatre img {
      margin-right: 1rem; }
      @media (max-width: 767px) {
        footer.footer .theatre img {
          display: none; } }
    footer.footer .theatre .info {
      display: flex;
      flex-direction: column;
      padding-top: 1rem; }
      @media (max-width: 767px) {
        footer.footer .theatre .info {
          padding-top: 0;
          text-align: center; } }
      footer.footer .theatre .info .name {
        font-family: var(--play-family);
        font-size: 40px;
        line-height: 1; }
        @media (max-width: 767px) {
          footer.footer .theatre .info .name {
            font-size: 14px; } }
      footer.footer .theatre .info .address {
        margin-top: auto;
        font-size: 20px;
        font-weight: 500; }
        @media (max-width: 767px) {
          footer.footer .theatre .info .address {
            font-size: 10px;
            font-weight: 400; } }
  @media (max-width: 767px) {
    footer.footer .devs {
      display: none; }
    footer.footer .right {
      display: flex;
      justify-content: space-between;
      width: 100%; } }
  footer.footer .contacts {
    display: flex;
    flex-direction: column;
    font-weight: 500;
    margin-bottom: 1rem; }
    @media (max-width: 767px) {
      footer.footer .contacts {
        display: none; } }
    footer.footer .contacts .phone {
      font-size: 24px;
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.38028 8.85323C9.07627 10.3028 10.0251 11.6615 11.2266 12.8631C12.4282 14.0646 13.7869 15.0134 15.2365 15.7094C15.3612 15.7693 15.4235 15.7992 15.5024 15.8222C15.7828 15.904 16.127 15.8453 16.3644 15.6752C16.4313 15.6274 16.4884 15.5702 16.6027 15.4559C16.9523 15.1063 17.1271 14.9315 17.3029 14.8172C17.9658 14.3862 18.8204 14.3862 19.4833 14.8172C19.6591 14.9315 19.8339 15.1063 20.1835 15.4559L20.3783 15.6508C20.9098 16.1822 21.1755 16.448 21.3198 16.7333C21.6069 17.3009 21.6069 17.9712 21.3198 18.5387C21.1755 18.8241 20.9098 19.0898 20.3783 19.6213L20.2207 19.7789C19.6911 20.3085 19.4263 20.5733 19.0662 20.7756C18.6667 21 18.0462 21.1614 17.588 21.16C17.1751 21.1588 16.8928 21.0787 16.3284 20.9185C13.295 20.0575 10.4326 18.433 8.04466 16.045C5.65668 13.6571 4.03221 10.7947 3.17124 7.76131C3.01103 7.19687 2.93092 6.91464 2.9297 6.5017C2.92833 6.04347 3.08969 5.42298 3.31411 5.02348C3.51636 4.66345 3.78117 4.39863 4.3108 3.86901L4.46843 3.71138C4.99987 3.17993 5.2656 2.91421 5.55098 2.76987C6.11854 2.4828 6.7888 2.4828 7.35636 2.76987C7.64174 2.91421 7.90747 3.17993 8.43891 3.71138L8.63378 3.90625C8.98338 4.25585 9.15819 4.43065 9.27247 4.60643C9.70347 5.26932 9.70347 6.1239 9.27247 6.78679C9.15819 6.96257 8.98338 7.13738 8.63378 7.48698C8.51947 7.60129 8.46231 7.65845 8.41447 7.72526C8.24446 7.96269 8.18576 8.30695 8.26748 8.5873C8.29048 8.6662 8.32041 8.72854 8.38028 8.85323Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      background-position: left center;
      background-repeat: no-repeat;
      padding-left: 30px;
      margin-bottom: 1.25rem; }
      @media (max-width: 767px) {
        footer.footer .contacts .phone {
          font-size: 16px;
          line-height: 24px;
          margin-bottom: 0;
          margin-right: 1rem; } }
    footer.footer .contacts .mail {
      font-size: 20px;
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 7L10.1649 12.7154C10.8261 13.1783 11.1567 13.4097 11.5163 13.4993C11.8339 13.5785 12.1661 13.5785 12.4837 13.4993C12.8433 13.4097 13.1739 13.1783 13.8351 12.7154L22 7M6.8 20H17.2C18.8802 20 19.7202 20 20.362 19.673C20.9265 19.3854 21.3854 18.9265 21.673 18.362C22 17.7202 22 16.8802 22 15.2V8.8C22 7.11984 22 6.27976 21.673 5.63803C21.3854 5.07354 20.9265 4.6146 20.362 4.32698C19.7202 4 18.8802 4 17.2 4H6.8C5.11984 4 4.27976 4 3.63803 4.32698C3.07354 4.6146 2.6146 5.07354 2.32698 5.63803C2 6.27976 2 7.11984 2 8.8V15.2C2 16.8802 2 17.7202 2.32698 18.362C2.6146 18.9265 3.07354 19.3854 3.63803 19.673C4.27976 20 5.11984 20 6.8 20Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
      background-position: left center;
      background-repeat: no-repeat;
      padding-left: 30px; }
      @media (max-width: 767px) {
        footer.footer .contacts .mail {
          font-size: 16px;
          line-height: 24px; } }
    footer.footer .contacts .social-holder {
      display: flex;
      justify-content: space-between;
      align-items: center; }
  footer.footer .bottom-menu {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    margin-top: 1rem; }
    @media (max-width: 767px) {
      footer.footer .bottom-menu {
        display: none; } }
    footer.footer .bottom-menu a {
      text-decoration-line: underline;
      text-underline-offset: 3px;
      text-decoration-thickness: 1px; }
      @media (max-width: 767px) {
        footer.footer .bottom-menu a {
          margin-left: 0.5rem;
          margin-right: 0.5rem; } }
  footer.footer .social {
    display: flex;
    flex-direction: row;
    column-gap: 0.5rem; }
    @media (max-width: 767px) {
      footer.footer .social {
        justify-content: center; } }
    footer.footer .social a {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      vertical-align: top;
      width: 24px;
      height: 24px; }
      @media (max-width: 767px) {
        footer.footer .social a {
          width: 32px;
          height: 32px;
          margin-bottom: 0;
          margin-left: 0.5rem;
          margin-right: 0.5rem; } }
      footer.footer .social a svg {
        width: 24px;
        height: 24px;
        object-fit: contain;
        object-position: center; }
        @media (max-width: 767px) {
          footer.footer .social a svg {
            width: 32px;
            height: 32px; } }
      footer.footer .social a.tg svg {
        transform: scale(0.75); }
  footer.footer .mobi-contacts {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    width: 100%;
    font-size: 10px; }
    @media (min-width: 768px) {
      footer.footer .mobi-contacts {
        display: none; } }
    footer.footer .mobi-contacts .links {
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap;
      font-size: 16px;
      row-gap: 0.75rem; }
      footer.footer .mobi-contacts .links > a.phone, footer.footer .mobi-contacts .links > a.modal-link {
        text-decoration: underline; }
  footer.footer .mobi-devs {
    font-size: 8px; }
    @media (min-width: 768px) {
      footer.footer .mobi-devs {
        display: none; } }
  footer.footer .qr-code img {
    height: 158px; }

section.friend-list {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }
  @media (max-width: 767px) {
    section.friend-list {
      padding-top: 0;
      padding-left: 20px;
      padding-right: 20px; } }
  section.friend-list .container {
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 767px) {
      section.friend-list .container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem; } }
    section.friend-list .container a {
      display: block;
      margin: 0.5rem 2.5rem; }
      @media (max-width: 767px) {
        section.friend-list .container a {
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 0; } }
    section.friend-list .container img {
      display: block;
      width: 160px;
      height: 87px;
      object-fit: contain;
      object-position: center; }
      @media (max-width: 767px) {
        section.friend-list .container img {
          width: 100%; } }

div.galleries-header {
  padding-top: 0; }
  @media (max-width: 767px) {
    div.galleries-header {
      display: none; } }
  div.galleries-header .container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 1.5rem 1.5rem;
    border-top: 1px solid var(--color-gray);
    border-bottom: 1px solid var(--color-gray); }
    div.galleries-header .container.no-bottom-border {
      border-bottom: none; }
    div.galleries-header .container a {
      color: inherit;
      font-size: 20px;
      display: flex;
      align-items: center; }
      div.galleries-header .container a span {
        margin-left: 0.5rem; }
      div.galleries-header .container a .icon-square-check {
        display: none; }
      div.galleries-header .container a.active {
        color: var(--color-brick);
        transform: translateX(-2px); }
        div.galleries-header .container a.active span {
          margin-left: 6px; }
        div.galleries-header .container a.active .icon-square {
          display: none; }
        div.galleries-header .container a.active .icon-square-check {
          display: block; }
  @media (max-width: 767px) {
    div.galleries-header {
      display: none; } }
  div.galleries-header a.only {
    margin-left: 4rem; }
  div.galleries-header a.all {
    margin-right: auto; }

article.home-event-mobi {
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    article.home-event-mobi {
      display: none; } }
  article.home-event-mobi > a {
    display: block;
    aspect-ratio: 32 / 18; }
    article.home-event-mobi > a img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  article.home-event-mobi h3 {
    font-weight: normal; }
    article.home-event-mobi h3 a {
      display: block;
      height: 40px;
      line-height: 40px;
      color: var(--color-brick);
      font-family: var(--play-family);
      text-align: center;
      background: var(--color-gray); }
  article.home-event-mobi div.lead {
    padding: 8px 20px 20px;
    color: var(--color-text);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400; }
    article.home-event-mobi div.lead a {
      color: inherit; }

section.home-main {
  padding-top: 4rem;
  padding-bottom: 2rem;
  background: white url("../images/cat-main.9a5dcfac3742.png") no-repeat center/cover; }
  @media (max-width: 767px) {
    section.home-main {
      display: none; } }
  section.home-main .container {
    display: grid;
    grid-template-columns: 563px 563px;
    column-gap: 74px; }
  section.home-main .news-block .head {
    display: flex;
    align-items: baseline;
    margin-bottom: 1rem; }
    section.home-main .news-block .head h2 {
      font-family: var(--play-family);
      font-weight: 400;
      font-size: 45px;
      line-height: 1;
      margin-right: 1rem; }
    section.home-main .news-block .head a {
      font-size: 20px;
      text-decoration-line: underline;
      color: var(--color-text); }
  section.home-main .news-block .main-newsitem {
    margin-bottom: 20px; }
    section.home-main .news-block .main-newsitem > a {
      display: block; }
      section.home-main .news-block .main-newsitem > a img {
        display: block;
        width: 563px;
        height: 317px;
        object-fit: cover;
        object-position: center; }
    section.home-main .news-block .main-newsitem .date {
      font-size: 16px;
      line-height: 19px;
      color: var(--color-gray);
      padding: 8px 15px 6px;
      background: white;
      border-left: 1px solid var(--color-gray);
      border-right: 1px solid var(--color-gray); }
    section.home-main .news-block .main-newsitem h3 {
      padding: 0 8px 8px 15px;
      background: white;
      border-left: 1px solid var(--color-gray);
      border-right: 1px solid var(--color-gray);
      border-bottom: 1px solid var(--color-gray); }
      section.home-main .news-block .main-newsitem h3 a {
        display: block;
        font-size: 24px;
        line-height: 29px;
        height: 58px;
        overflow: hidden;
        color: var(--color-text); }
  section.home-main .news-block .slider {
    position: relative;
    width: 563px;
    height: 237px; }
  section.home-main .news-block .viewport {
    position: absolute;
    left: 0;
    top: 0;
    width: 563px;
    height: 212px;
    overflow: hidden; }
  section.home-main .news-block .runner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100000px;
    height: 210px;
    display: flex;
    transition: transform 1s ease-in-out; }
  section.home-main .news-block .slide-newsitem {
    width: 250px;
    height: 210px;
    margin-right: 63px; }
    section.home-main .news-block .slide-newsitem > a {
      display: block; }
      section.home-main .news-block .slide-newsitem > a img {
        display: block;
        width: 250px;
        height: 140px;
        object-fit: cover;
        object-position: center; }
    section.home-main .news-block .slide-newsitem .date {
      font-size: 14px;
      line-height: 17px;
      color: var(--color-gray);
      padding: 6px 10px 4px;
      background: white;
      border-left: 1px solid var(--color-gray);
      border-right: 1px solid var(--color-gray); }
    section.home-main .news-block .slide-newsitem h3 {
      padding: 0 8px 6px 10px;
      background: white;
      border-left: 1px solid var(--color-gray);
      border-right: 1px solid var(--color-gray);
      border-bottom: 1px solid var(--color-gray); }
      section.home-main .news-block .slide-newsitem h3 a {
        display: block;
        font-size: 16px;
        line-height: 19px;
        height: 38px;
        overflow: hidden;
        color: var(--color-text); }
  section.home-main .news-block .arrow {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 51.5px;
    color: var(--color-gray);
    cursor: pointer; }
    section.home-main .news-block .arrow.left {
      left: -35px; }
    section.home-main .news-block .arrow.right {
      right: -35px; }
    section.home-main .news-block .arrow svg {
      width: 35px;
      height: 35px; }
  section.home-main .news-block .markers {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center; }
  section.home-main .news-block .marker {
    width: 10px;
    height: 10px;
    background: var(--color-gray);
    border-radius: 50%;
    margin-left: 3.5px;
    margin-right: 3.5px; }
    section.home-main .news-block .marker.active {
      opacity: 0.2; }
  section.home-main .event-block {
    height: 478px; }
    section.home-main .event-block .event h3 {
      font-family: var(--play-family);
      font-weight: 400;
      font-size: 45px;
      line-height: 1;
      margin-bottom: 1rem; }
    section.home-main .event-block .event > a {
      display: block; }
      section.home-main .event-block .event > a img {
        display: block;
        width: 563px;
        height: 317px;
        object-fit: cover;
        object-position: center; }
    section.home-main .event-block .event .info {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      height: 100px;
      padding: 0 1.5rem 1rem;
      background: white;
      border-left: 1px solid var(--color-gray);
      border-right: 1px solid var(--color-gray);
      border-bottom: 1px solid var(--color-gray); }
      section.home-main .event-block .event .info .datetime .line1 {
        display: flex;
        align-items: baseline;
        font-family: var(--play-family); }
        section.home-main .event-block .event .info .datetime .line1 .day {
          font-size: 54px;
          line-height: 1;
          color: var(--color-brick);
          margin-right: 1rem; }
        section.home-main .event-block .event .info .datetime .line1 .month {
          font-size: 28px;
          line-height: 1;
          color: var(--color-gray); }
      section.home-main .event-block .event .info .datetime .line2 {
        font-size: 18px;
        font-family: var(--play-family);
        line-height: 1;
        color: var(--color-gray); }
        section.home-main .event-block .event .info .datetime .line2 .time {
          color: var(--color-brick); }
      section.home-main .event-block .event .info .link {
        display: block;
        width: 179px;
        height: 48px;
        line-height: 46px;
        background: var(--color-brick);
        border: 1px solid var(--color-brick);
        color: white;
        font-size: 20px;
        text-align: center; }
    section.home-main .event-block .event .lead {
      height: 100px;
      padding: 1rem 1.5rem;
      background: white;
      border-left: 1px solid var(--color-gray);
      border-right: 1px solid var(--color-gray);
      border-bottom: 1px solid var(--color-gray);
      font-weight: bold;
      font-size: 24px;
      line-height: 29px; }
      section.home-main .event-block .event .lead a {
        color: inherit; }
    section.home-main .event-block .splide__arrow {
      background: transparent; }
      section.home-main .event-block .splide__arrow svg {
        width: 35px;
        height: 35px; }
    section.home-main .event-block .splide__arrow--prev {
      left: -2em; }
      section.home-main .event-block .splide__arrow--prev svg {
        transform: none; }
    section.home-main .event-block .splide__arrow--next {
      right: -2em; }
  section.home-main .subscibe-block {
    position: relative;
    margin-top: 90px;
    height: 140px;
    background: var(--color-brick);
    padding: 20px 185px 26px 29px; }
    section.home-main .subscibe-block::after {
      display: block;
      content: '';
      position: absolute;
      width: 107px;
      height: 159px;
      right: 58px;
      bottom: 19px;
      background: url("../images/cat-paper.b5c4f8aefa48.svg") no-repeat center; }
    section.home-main .subscibe-block h4 {
      font-weight: 400;
      font-size: 30px;
      line-height: 1;
      font-family: var(--play-family);
      color: white;
      margin-bottom: 1.5rem; }
    section.home-main .subscibe-block form {
      display: flex;
      justify-content: space-between; }
      section.home-main .subscibe-block form input {
        display: block;
        width: 146px;
        height: 41px;
        border: 1px solid #FFFFFF;
        background: transparent;
        line-height: 39px;
        font-size: 18px;
        color: white;
        padding-left: 8px;
        padding-right: 8px; }
      section.home-main .subscibe-block form button {
        width: 179px;
        height: 41px;
        border: 1px solid var(--color-brick);
        background: white;
        color: var(--color-brick);
        font-size: 20px; }
  section.home-main .partners-block {
    margin-top: 4rem;
    grid-column: 1 / span 2; }
    section.home-main .partners-block h2 {
      font-family: var(--play-family);
      font-weight: 400;
      font-size: 45px;
      line-height: 1;
      margin-bottom: 1rem; }
    section.home-main .partners-block .partners {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
    section.home-main .partners-block .partner {
      width: 20%; }
    section.home-main .partners-block a {
      display: block;
      margin: 0.5rem 2.5rem; }
    section.home-main .partners-block img {
      display: block;
      width: 160px;
      height: 87px;
      object-fit: contain;
      object-position: center; }

@media (min-width: 768px) {
  div.home-news-mobi {
    display: none; } }

div.home-news-mobi article > a {
  display: block;
  aspect-ratio: 32 / 18; }
  div.home-news-mobi article > a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }

div.home-news-mobi .date {
  padding: 4px 20px;
  color: var(--color-gray);
  font-size: 12px; }

div.home-news-mobi h3 {
  padding: 0 20px 20px;
  color: var(--color-text);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400; }
  div.home-news-mobi h3 a {
    color: inherit; }

div.home-news-mobi .all {
  padding: 0 20px 30px; }
  div.home-news-mobi .all a {
    display: block;
    height: 40px;
    line-height: 40px;
    color: var(--color-brick);
    font-family: var(--play-family);
    text-align: center;
    background: var(--color-gray); }

section.index-playbill {
  margin-top: 3rem;
  margin-bottom: 3rem; }
  @media (max-width: 767px) {
    section.index-playbill {
      display: none; } }
  section.index-playbill .head {
    display: flex;
    align-items: baseline; }
    section.index-playbill .head h2 {
      position: relative;
      padding: 0 4px 10px 2px;
      font-family: var(--play-family);
      font-weight: 400;
      font-size: 45px;
      line-height: 1;
      margin-right: 1rem; }
      section.index-playbill .head h2::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 2rem;
        background: rgba(187, 195, 198, 0.2); }
    section.index-playbill .head a {
      font-size: 20px;
      text-decoration-line: underline;
      color: inherit; }
  section.index-playbill .slider {
    position: relative;
    height: 466px; }
  section.index-playbill .viewport {
    position: relative;
    height: 466px;
    overflow: hidden; }
  section.index-playbill .runner {
    position: absolute;
    left: 0;
    top: 16px;
    width: 100000px;
    height: 450px;
    display: flex;
    transition: transform 1s ease-in-out; }
  section.index-playbill article {
    position: relative;
    width: 215px;
    height: 450px;
    margin-right: 31px;
    background: white; }
    section.index-playbill article .card {
      position: relative;
      height: 348px; }
      section.index-playbill article .card .face {
        position: absolute;
        left: 0;
        top: 0;
        width: 215px;
        height: 348px;
        border: solid var(--color-gray);
        border-width: 1px 1px 0;
        padding: 1rem 1rem 0; }
      section.index-playbill article .card .line1 {
        display: flex;
        align-items: baseline;
        font-family: var(--play-family); }
        section.index-playbill article .card .line1 .day {
          font-size: 54px;
          line-height: 1;
          color: var(--color-brick);
          margin-right: 1rem; }
        section.index-playbill article .card .line1 .month {
          font-size: 28px;
          line-height: 1;
          color: var(--color-gray); }
      section.index-playbill article .card .line2 {
        font-size: 18px;
        font-family: var(--play-family);
        line-height: 1;
        color: var(--color-gray);
        margin-bottom: 1.25rem; }
      section.index-playbill article .card h3 {
        font-size: 30px;
        margin-bottom: 0.5rem; }
        section.index-playbill article .card h3.mini {
          font-size: 22px; }
        section.index-playbill article .card h3 a {
          color: var(--color-brick); }
      section.index-playbill article .card p {
        font-size: 20px;
        color: var(--color-gray);
        margin-bottom: 1rem; }
      section.index-playbill article .card .age {
        font-size: 20px;
        color: var(--color-gray); }
      section.index-playbill article .card .cover {
        position: absolute;
        left: 0;
        top: 0;
        width: 215px;
        height: 348px;
        visibility: hidden;
        opacity: 0;
        filter: grayscale(1);
        transition: opacity 1s ease-in-out; }
        section.index-playbill article .card .cover img, section.index-playbill article .card .cover video {
          position: absolute;
          left: 0;
          top: 0;
          width: 215px;
          height: 348px;
          object-fit: cover;
          object-position: center; }
    section.index-playbill article .bottom {
      height: 102px;
      border: 1px solid var(--color-gray);
      border-top: none;
      padding-top: 20px;
      text-align: center; }
    section.index-playbill article .premiere {
      position: absolute;
      right: 0.5rem;
      top: -0.75rem;
      padding-left: 5px;
      padding-right: 5px;
      background: white;
      font-family: var(--play-family);
      font-size: 24px;
      line-height: 1;
      color: var(--color-brick); }
    section.index-playbill article:hover {
      /*box-shadow: 0px 198px 79px rgba(0, 0, 0, 0.01),
                        0px 111px 67px rgba(0, 0, 0, 0.05),
                        0px 50px 50px rgba(0, 0, 0, 0.09),
                        0px 12px 27px rgba(0, 0, 0, 0.1),
                        0px 0px 0px rgba(0, 0, 0, 0.1);*/ }
      section.index-playbill article:hover .card .cover {
        visibility: visible;
        opacity: 1;
        filter: none; }
  section.index-playbill .arrow {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 223.5px;
    color: var(--color-gray);
    cursor: pointer; }
    section.index-playbill .arrow.left {
      left: -43px; }
    section.index-playbill .arrow.right {
      right: -43px; }
    section.index-playbill .arrow svg {
      width: 35px;
      height: 35px; }

section.index-playbill-mobi {
  margin-top: 16px;
  margin-bottom: 2rem;
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 768px) {
    section.index-playbill-mobi {
      display: none; } }
  section.index-playbill-mobi h2 {
    color: var(--color-brick);
    font-family: var(--play-family);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; }
  section.index-playbill-mobi article {
    padding-top: 1px; }
    section.index-playbill-mobi article .premiere {
      color: var(--color-brick);
      font-family: var(--play-family);
      font-size: 12px;
      line-height: 1;
      height: 12px;
      margin-bottom: 6px; }
    section.index-playbill-mobi article .cover {
      display: block;
      margin-bottom: 6px; }
      section.index-playbill-mobi article .cover img {
        display: block;
        width: 100%;
        aspect-ratio: 13 / 21;
        object-fit: cover;
        object-position: center; }
    section.index-playbill-mobi article h3 {
      font-size: 16px;
      line-height: 1.5;
      height: 48px;
      overflow: hidden; }
      section.index-playbill-mobi article h3 a {
        color: var(--color-brick); }
    section.index-playbill-mobi article div.age {
      font-size: 14px;
      color: var(--color-brick);
      margin-bottom: 4px; }
    section.index-playbill-mobi article div.datetime {
      font-family: var(--play-family);
      font-size: 12px;
      margin-bottom: 4px; }
    section.index-playbill-mobi article button.buy-button {
      width: 100%; }
  section.index-playbill-mobi .splide__arrow {
    width: 41px;
    height: 24px;
    background: transparent;
    border-radius: 0;
    top: calc(100% + 32px);
    color: var(--color-brick); }
    section.index-playbill-mobi .splide__arrow svg {
      width: 41px;
      height: 24px; }
    section.index-playbill-mobi .splide__arrow:disabled {
      opacity: 1;
      color: var(--color-gray); }
  section.index-playbill-mobi .splide__arrow--next {
    right: calc(50% - 56px); }
  section.index-playbill-mobi .splide__arrow--prev {
    left: calc(50% - 56px); }
    section.index-playbill-mobi .splide__arrow--prev svg {
      transform: none; }
  section.index-playbill-mobi a.all {
    display: block;
    height: 40px;
    line-height: 40px;
    color: var(--color-brick);
    font-family: var(--play-family);
    text-align: center;
    background: var(--color-gray);
    margin-top: 64px; }

section.index-plays {
  position: relative;
  height: 600px;
  margin-bottom: 60px;
  margin-top: calc(0 - var(--search-height)); }
  @media (max-width: 767px) {
    section.index-plays {
      display: none; } }
  section.index-plays .viewport {
    position: relative;
    height: 600px;
    overflow: hidden; }
  section.index-plays .slider {
    display: flex;
    height: 600px;
    width: 100000px;
    transition: transform 1s ease-in-out; }
  section.index-plays .group {
    width: var(--container-width);
    height: 600px;
    display: flex;
    justify-content: center;
    align-items: center; }
    section.index-plays .group.single {
      justify-content: flex-start; }
    section.index-plays .group article {
      opacity: 1;
      position: relative;
      width: 190px;
      margin-left: 12px;
      margin-right: 12px;
      transition: width 1s ease-in-out, margin-left 1s ease-in-out, margin-right 1s ease-in-out; }
      section.index-plays .group article > a {
        display: block;
        position: relative;
        height: 450px;
        transition: height 0.2s;
        background: white; }
        section.index-plays .group article > a img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center;
          filter: grayscale(1);
          opacity: 0.7;
          transition: opacity 1s ease-in-out, filter 1s ease-in-out; }
        section.index-plays .group article > a video {
          display: none;
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
      section.index-plays .group article h4 {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        right: 0;
        padding-top: 0.25rem;
        text-align: center;
        transition: opacity 0.2s;
        font-family: var(--play-family);
        font-weight: 400;
        font-size: 30px; }
        section.index-plays .group article h4 a {
          color: var(--color-brick); }
      section.index-plays .group article.hovered {
        width: 253.125px; }
        section.index-plays .group article.hovered > a {
          height: 450px; }
          section.index-plays .group article.hovered > a img {
            filter: none;
            opacity: 1; }
        section.index-plays .group article.hovered h4 {
          display: block;
          opacity: 1; }
      section.index-plays .group article.collapsed {
        width: 0;
        margin-left: 0;
        margin-right: 0; }
      section.index-plays .group article.highlight {
        width: 600px; }
        section.index-plays .group article.highlight > a {
          height: 450px; }
          section.index-plays .group article.highlight > a img {
            filter: none;
            opacity: 1; }
        section.index-plays .group article.highlight h4 {
          display: block;
          opacity: 1; }
      section.index-plays .group article.slot-2 {
        transform: translateY(20px); }
      section.index-plays .group article.slot-4 {
        transform: translateY(-20px); }
    section.index-plays .group.active article {
      opacity: 0; }
      section.index-plays .group.active article.slot-1 {
        animation: 0.5s playFadeIn;
        animation-fill-mode: forwards;
        animation-delay: 0.5s; }
      section.index-plays .group.active article.slot-2 {
        animation: 0.5s playFadeInDown;
        animation-fill-mode: forwards;
        animation-delay: 1s; }
      section.index-plays .group.active article.slot-3 {
        animation: 0.5s playFadeIn;
        animation-fill-mode: forwards;
        animation-delay: 0s; }
      section.index-plays .group.active article.slot-4 {
        animation: 0.5s playFadeInUp;
        animation-fill-mode: forwards;
        animation-delay: 1.25s; }
      section.index-plays .group.active article.slot-5 {
        animation: 0.5s playFadeIn;
        animation-fill-mode: forwards;
        animation-delay: 0.75s; }
    section.index-plays .group.current article {
      opacity: 1;
      /*
                opacity: 0;
    
                &.slot-1 {
                    animation: 0.5s fadeIn;
                    animation-fill-mode: forwards;
                    animation-delay: 0s;
                }
    
                &.slot-2 {
                    animation: 0.5s fadeIn;
                    animation-fill-mode: forwards;
                    animation-delay: 0.25s;
                }
    
                &.slot-3 {
                    animation: 0.5s fadeIn;
                    animation-fill-mode: forwards;
                    animation-delay: 0.5s;
                }
    
                &.slot-4 {
                    animation: 0.5s fadeIn;
                    animation-fill-mode: forwards;
                    animation-delay: 0.75s;
                }
    
                &.slot-5 {
                    animation: 0.5s fadeIn;
                    animation-fill-mode: forwards;
                    animation-delay: 1s;
                }
                */ }
  section.index-plays .move {
    position: absolute;
    top: 0;
    width: 3rem;
    height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-brick);
    cursor: pointer; }
    section.index-plays .move svg {
      width: 2.5rem;
      height: 2.5rem; }
    section.index-plays .move.left {
      left: 0; }
    section.index-plays .move.right {
      right: 0; }

@keyframes playFadeIn {
  0% {
    opacity: 0.5;
    transform: scale(0.5); }
  80% {
    opacity: 1;
    transform: scale(1.1); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes playFadeInUp {
  0% {
    opacity: 0.5;
    transform: scale(0.5) translateY(-20px); }
  80% {
    opacity: 1;
    transform: scale(1.1) translateY(-20px); }
  100% {
    opacity: 1;
    transform: scale(1) translateY(-20px); } }

@keyframes playFadeInDown {
  0% {
    opacity: 0.5;
    transform: scale(0.5) translateY(20px); }
  80% {
    opacity: 1;
    transform: scale(1.1) translateY(20px); }
  100% {
    opacity: 1;
    transform: scale(1) translateY(20px); } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@media (min-width: 768px) {
  section.index-plays-mobi {
    display: none; } }

section.index-plays-mobi article > a {
  display: block;
  position: relative;
  aspect-ratio: 4 / 3; }
  section.index-plays-mobi article > a img, section.index-plays-mobi article > a video {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }

section.index-plays-mobi article h4 {
  height: 30px;
  line-height: 30px;
  background-color: var(--color-gray);
  padding-left: 50px;
  padding-right: 50px;
  text-align: center; }
  section.index-plays-mobi article h4 a {
    font-family: var(--play-family);
    color: var(--color-brick);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

section.index-plays-mobi .splide__arrow {
  top: 100% !important;
  transform: translateY(-100%) !important;
  height: 30px !important;
  width: 50px !important;
  border-radius: 0 !important;
  background: transparent !important; }

section.index-plays-mobi .splide__arrow--prev {
  left: 0 !important;
  transform: translateY(-100%) rotate(180deg) !important; }

section.index-plays-mobi .splide__arrow--next {
  right: 0 !important; }

section.leader-block {
  margin-bottom: 3rem; }
  @media (max-width: 767px) {
    section.leader-block {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 1rem; } }
  section.leader-block .container {
    display: grid;
    grid-template-columns: 50% 50%;
    border-bottom: 1px solid var(--color-gray);
    padding-bottom: 3.5rem; }
    @media (max-width: 767px) {
      section.leader-block .container {
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
        padding-bottom: 0;
        border-bottom: none; } }
    section.leader-block .container .image {
      display: block;
      width: 400px;
      height: 525px;
      margin-bottom: 1.5rem; }
      @media (max-width: 767px) {
        section.leader-block .container .image {
          width: 100%;
          height: auto;
          aspect-ratio: 130 / 165;
          margin-bottom: 4px; } }
      section.leader-block .container .image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    section.leader-block .container h3 {
      font-size: 30px;
      font-weight: 400;
      margin-bottom: 1.25rem; }
      @media (max-width: 767px) {
        section.leader-block .container h3 {
          color: var(--color-brick);
          font-family: var(--play-family);
          font-size: 12px;
          font-weight: 400;
          margin-bottom: 0; } }
      section.leader-block .container h3 a {
        color: inherit; }
        section.leader-block .container h3 a:hover {
          text-decoration-line: underline; }
    section.leader-block .container .position {
      font-size: 24px; }
      @media (max-width: 767px) {
        section.leader-block .container .position {
          font-size: 9px; } }

nav.main-menu {
  display: none; }

.main-menu-on nav.main-menu {
  display: block;
  position: absolute;
  left: 0;
  top: var(--header-height);
  right: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background: var(--color-text);
  color: white; }
  .main-menu-on nav.main-menu a {
    color: inherit; }
    .main-menu-on nav.main-menu a:hover {
      text-decoration: underline; }
  .main-menu-on nav.main-menu .container {
    position: relative;
    background: url("../images/cat-silhouette.a9c7a604c280.svg") no-repeat 1000px 70px; }
    .main-menu-on nav.main-menu .container .buffet {
      display: block;
      position: absolute;
      right: 15px;
      bottom: 207px;
      width: 192px;
      height: 62px;
      font-size: 50px;
      line-height: 52px;
      color: white;
      border: 1px solid white;
      transform: rotate(-45deg);
      text-align: center;
      transition: color 0.25s, border-color 0.25s; }
      .main-menu-on nav.main-menu .container .buffet:hover {
        text-decoration: none;
        color: var(--color-brick);
        border-color: var(--color-brick); }
  .main-menu-on nav.main-menu .menu-section {
    margin-bottom: 1rem; }
    .main-menu-on nav.main-menu .menu-section:last-of-type {
      margin-bottom: 0; }
  .main-menu-on nav.main-menu .grid {
    display: grid;
    grid-template-columns: 300px 884px;
    column-gap: 1rem; }
    .main-menu-on nav.main-menu .grid .main-menu-item {
      align-self: center;
      font-size: 50px;
      line-height: 1; }
      .main-menu-on nav.main-menu .grid .main-menu-item a {
        text-decoration-thickness: 2px;
        text-underline-offset: 12px; }
    .main-menu-on nav.main-menu .grid .lines {
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .main-menu-on nav.main-menu .grid ul {
      margin-bottom: 0.5rem;
      display: flex;
      font-size: 20px;
      list-style: none; }
      .main-menu-on nav.main-menu .grid ul:last-of-type {
        margin-bottom: 0; }
      .main-menu-on nav.main-menu .grid ul li {
        margin-right: 0.5rem; }
        .main-menu-on nav.main-menu .grid ul li::after {
          content: '|';
          margin-left: 0.5rem; }
        .main-menu-on nav.main-menu .grid ul li:last-of-type {
          margin-right: 0; }
          .main-menu-on nav.main-menu .grid ul li:last-of-type::after {
            content: none; }
      .main-menu-on nav.main-menu .grid ul a {
        text-decoration-thickness: 1px;
        text-underline-offset: 6px; }
  .main-menu-on nav.main-menu .single {
    font-size: 50px;
    line-height: 1; }
    .main-menu-on nav.main-menu .single a {
      text-decoration-thickness: 2px;
      text-underline-offset: 12px; }
      .main-menu-on nav.main-menu .single a.play {
        font-family: var(--play-family); }
        .main-menu-on nav.main-menu .single a.play span {
          font-size: 33px; }

.mobi-menu {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 60px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999; }
  .mobi-menu .interior {
    background: #1E1E20; }
  .mobi-menu .search {
    display: grid;
    grid-template-columns: 1fr 45px;
    height: 45px;
    background: #BBC3C6; }
    .mobi-menu .search input {
      border: none;
      background: transparent;
      line-height: 45px;
      padding: 0 20px;
      font-size: 20px;
      outline: none; }
    .mobi-menu .search button {
      border: none;
      background: transparent; }
  .mobi-menu dl a {
    color: white; }
  .mobi-menu dl dt a {
    display: grid;
    grid-template-columns: 1fr 45px;
    height: 46px;
    border-bottom: 1px solid white;
    padding-left: 11px;
    font-family: var(--play-family); }
    .mobi-menu dl dt a span {
      line-height: 45px; }
      .mobi-menu dl dt a span.dropdown {
        display: flex;
        justify-content: center;
        align-items: center; }
  .mobi-menu dl.expanded dt a span.dropdown {
    rotate: 180deg; }
  .mobi-menu dl dd {
    display: none;
    height: 46px;
    padding-left: 26px;
    padding-right: 24px; }
    .mobi-menu dl dd:last-of-type {
      border-bottom: 1px solid white; }
    .mobi-menu dl dd a {
      display: block;
      height: 46px;
      line-height: 45px;
      color: #BBC3C6; }
    .mobi-menu dl dd:not(:last-of-type) a {
      border-bottom: 1px dashed white; }
  .mobi-menu dl.expanded dd {
    display: block; }
  .mobi-menu .mobi-menu-item {
    display: block;
    height: 46px;
    line-height: 45px;
    border-bottom: 1px solid white;
    padding-left: 11px;
    font-family: var(--play-family);
    color: white; }
  .mobi-menu .chelovek {
    display: flex;
    align-items: center;
    height: 60px;
    padding-left: 11px; }
    .mobi-menu .chelovek img {
      height: 30px; }
  .mobi-menu .foot {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 72px;
    color: white;
    background: var(--color-brick);
    padding-left: 11px;
    padding-right: 11px; }
    .mobi-menu .foot .address {
      font-size: 12px;
      line-height: 1; }
    .mobi-menu .foot .contacts {
      display: grid;
      grid-template-columns: 88px 1fr;
      column-gap: 8px;
      margin-top: 8px; }
      .mobi-menu .foot .contacts .email {
        font-size: 12px;
        line-height: 1;
        align-self: center; }
        .mobi-menu .foot .contacts .email a {
          color: inherit; }
      .mobi-menu .foot .contacts .social {
        display: flex; }
        .mobi-menu .foot .contacts .social a {
          color: inherit;
          display: block;
          width: 24px;
          height: 24px;
          margin-left: 8px; }
          .mobi-menu .foot .contacts .social a svg {
            width: 100%;
            height: 100%;
            object-fit: contain;
            object-position: center; }

.mobi-menu-on .mobi-menu {
  display: block; }
  @media (min-width: 768px) {
    .mobi-menu-on .mobi-menu {
      display: none; } }

div.modal {
  display: none; }
  div.modal.shown {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding-top: 90px;
    padding-bottom: 90px;
    flex-direction: column;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999; }
  div.modal .dialog {
    width: 421px; }
  div.modal .popup-message {
    width: 450px; }
    @media (max-width: 767px) {
      div.modal .popup-message {
        width: calc(100vw - 2 * var(--mobi-padding)); } }

section.nearest-birth-days {
  margin-top: 2rem;
  margin-bottom: 2rem; }
  section.nearest-birth-days .container {
    display: flex;
    flex-wrap: wrap; }
  section.nearest-birth-days .birth-day {
    display: flex;
    align-items: center;
    color: var(--color-brick); }
    section.nearest-birth-days .birth-day .date {
      font-family: var(--play-family);
      font-size: 36px;
      line-height: 1;
      margin-left: 0.75rem; }
    section.nearest-birth-days .birth-day .name {
      margin-left: 1rem;
      font-size: 28px;
      line-height: 1;
      color: var(--color-brick); }
    section.nearest-birth-days .birth-day .congratulations {
      display: inline-block;
      margin-left: 1rem;
      height: 36px;
      line-height: 36px;
      padding: 0 20px;
      background: var(--color-brick);
      font-family: var(--play-family);
      color: white;
      font-size: 20px; }

section.newsitem-list article {
  margin-bottom: 2rem; }
  @media (max-width: 767px) {
    section.newsitem-list article {
      margin-bottom: 0; } }
  section.newsitem-list article .container {
    position: relative;
    display: flex; }
    @media (max-width: 767px) {
      section.newsitem-list article .container {
        flex-direction: column; } }
    section.newsitem-list article .container::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border: solid var(--color-gray);
      border-width: 1px; }
      @media (max-width: 767px) {
        section.newsitem-list article .container::before {
          content: none; } }
    section.newsitem-list article .container .image {
      display: block;
      position: relative; }
      section.newsitem-list article .container .image img {
        display: block;
        width: 563px;
        height: 317px;
        object-fit: cover;
        object-position: center; }
        @media (max-width: 767px) {
          section.newsitem-list article .container .image img {
            width: 100%;
            height: 48.21vw; } }
    section.newsitem-list article .container .info {
      position: relative;
      padding: 0.5rem 1rem 1.5rem 2rem;
      flex-grow: 1; }
      section.newsitem-list article .container .info:hover {
        background: rgba(187, 195, 198, 0.2); }
      @media (max-width: 767px) {
        section.newsitem-list article .container .info {
          padding-left: 20px;
          padding-right: 20px; } }
      section.newsitem-list article .container .info h3 {
        font-size: 30px;
        font-weight: 500;
        margin-bottom: 0.5rem; }
        @media (max-width: 767px) {
          section.newsitem-list article .container .info h3 {
            font-size: 16px;
            line-height: 1.5; } }
        section.newsitem-list article .container .info h3 a {
          color: var(--color-brick); }
          section.newsitem-list article .container .info h3 a:hover {
            text-decoration-line: underline;
            text-decoration-thickness: 2px;
            text-underline-offset: 5px; }
      section.newsitem-list article .container .info .date {
        font-size: 20px;
        color: var(--color-gray);
        margin-top: 0.5rem;
        margin-bottom: 0.5rem; }
        @media (max-width: 767px) {
          section.newsitem-list article .container .info .date {
            font-size: 16px; } }
        section.newsitem-list article .container .info .date .age {
          color: var(--color-brick); }
      section.newsitem-list article .container .info p {
        font-size: 20px; }
        @media (max-width: 767px) {
          section.newsitem-list article .container .info p {
            font-size: 16px;
            line-height: 1.5;
            border-bottom: 1px dotted var(--color-gray);
            padding-bottom: 20px; } }
section.newsitem-list *:first-child {
  margin-top: 0; }

section.newsitem-list .month {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }
  @media (max-width: 767px) {
    section.newsitem-list .month {
      margin-top: 0;
      margin-bottom: 0; } }
  section.newsitem-list .month .container {
    text-align: right;
    font-family: var(--play-family);
    font-size: 40px;
    line-height: 1;
    color: var(--color-brick); }
    @media (max-width: 767px) {
      section.newsitem-list .month .container {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px; } }

section.newsitem-main img {
  display: block;
  height: 315px;
  width: 100%;
  object-fit: cover;
  object-position: center; }

.pager {
  margin-top: 5rem;
  margin-bottom: 5rem; }
  @media (max-width: 767px) {
    .pager {
      margin-top: 2rem;
      margin-bottom: 2rem; } }
  .pager .container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .pager .container .pages {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
    .pager .container a {
      display: block;
      height: 45px;
      font-size: 28px;
      line-height: 45px;
      font-family: var(--play-family);
      color: var(--color-gray); }
      .pager .container a.active {
        background: var(--color-brick);
        color: white !important; }
      .pager .container a.month {
        padding: 0 1rem;
        color: var(--color-brick); }
      .pager .container a.prev {
        right: calc(100% + 1.5rem); }
      .pager .container a.next {
        left: calc(100% + 1.5rem); }
      .pager .container a.page {
        width: 45px;
        text-align: center; }
      .pager .container a.page.seat {
        position: relative; }
      .pager .container a.seat {
        position: relative; }
        .pager .container a.seat::after {
          content: url('data:image/svg+xml;utf8,<svg width="100" height="143" viewBox="0 0 100 143" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M58.527 71.6553V96.4791C58.527 96.4791 58.6507 98.0663 59.7357 98.1426C60.8208 98.219 61.0096 96.6489 61.4951 96.6126C61.9807 96.5763 63.3706 95.5307 63.5454 94.5069C63.7203 93.483 62.9471 88.6507 63.237 85.4611C63.527 82.2719 65.6194 77.2669 65.6194 77.2669C65.6194 77.2669 69.9941 80.1763 71.7863 81.224C73.5786 82.2719 77.0044 83.8119 76.7896 84.6849C76.5747 85.5577 77.3478 88.0709 77.9278 88.6506C78.5077 89.2304 78.9144 90.455 79.7258 90.8577C80.5373 91.2604 81.697 91.0667 82.1804 91.3567C82.6636 91.6467 82.9536 91.84 83.4367 91.7434C83.9201 91.6466 85.4384 88.929 86.129 88.8863C86.8195 88.8436 89.0794 85.9864 89.8341 86.0621C90.5888 86.1376 92.4251 86.7176 94.0683 86.5244C95.7113 86.3311 96.6178 85.5033 96.5997 85.0473C96.5811 84.5913 94.1833 82.8223 94.1833 82.8223C94.1833 82.8223 95.8078 81.8851 95.5178 81.3051C95.228 80.7254 91.7336 78.1206 90.2913 77.3933C88.8491 76.6661 86.548 75.9623 86.548 75.9623L85.5917 74.9618C85.5917 74.9618 80.8273 71.157 80.344 70.094C79.8607 69.0307 79.3318 63.328 78.9683 62.4101C78.6043 61.492 74.4483 57.433 74.0618 56.563C73.6751 55.6931 70.8897 45.7241 61.2076 42.2587C52.0258 38.9729 42.3611 41.4859 38.301 41.2924C34.2417 41.0991 29.1124 38.6681 27.2796 37.709C25.4467 36.7499 15.2018 27.085 11.9157 22.639C8.44741 17.9467 7.56656 12.3943 11.4303 9.95428C15.9803 7.08071 15.0324 6.58571 14.5856 5.81714C14.1387 5.049 12.5031 4.73328 10.8081 5.32614C9.11298 5.919 5.34355 7.46528 4.08713 11.5244C2.99198 15.063 4.08713 24.0891 13.5588 33.5606C23.7694 43.7714 30.0856 46.5116 30.1826 47.3814C30.2794 48.2514 29.796 49.2177 29.796 49.2177L29.7177 49.9637L29.4287 51.0343L29.7961 52.0204C29.7961 52.0204 29.6996 53.6634 30.1827 54.8233C30.6661 55.9829 32.056 58.248 31.941 58.9519C31.8258 59.6556 30.5694 62.4586 30.956 63.135C31.3426 63.8116 35.4018 66.6144 35.8851 67.4841C36.3684 68.3541 37.2383 69.9004 37.818 70.287C38.398 70.6737 39.1544 71.0389 39.2594 71.1583C39.3646 71.2779 39.4313 71.6546 39.4313 71.6546H48.458V70.7214C48.458 70.7214 48.208 70.3111 48.1837 70.1421C48.1596 69.973 48.2321 69.1757 47.3866 68.7649C46.5408 68.3541 43.509 67.8887 43.3456 67.747C43.1821 67.6053 43.013 67.5084 42.7713 67.3876C42.5296 67.2667 41.7083 66.0586 41.2493 65.6961C40.7901 65.3337 39.7696 64.3669 39.7696 64.3669L40.0251 64.1204C40.0251 64.1204 43.1338 64.5847 46.9031 64.6573C50.6726 64.7297 52.014 63.9987 52.5756 64.0259C53.137 64.0533 53.9103 64.5363 54.1518 64.899C54.3934 65.2613 54.611 66.1313 54.8043 66.3003C54.9976 66.4694 56.5197 69.6347 56.713 70.0697C56.9081 70.5014 57.3431 71.178 57.6814 71.3713C58.0198 71.5646 58.5286 71.6514 58.5286 71.6514" fill="black"/></svg>');
          display: block;
          position: absolute;
          right: -25px;
          top: -61px;
          width: 100px;
          height: 143px;
          z-index: -1; }
      .pager .container a.seat.active {
        margin-right: 40px; }
        .pager .container a.seat.active::after {
          right: -42px;
          top: -72px; }

.pager-mobi {
  padding-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 12px; }
  .pager-mobi a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: var(--color-gray);
    color: var(--color-brick);
    font-family: var(--play-family);
    font-size: 16px;
    text-align: center; }

.partners-block-mobi {
  padding: 30px 20px; }
  @media (min-width: 768px) {
    .partners-block-mobi {
      display: none; } }
  .partners-block-mobi h2 {
    font-family: var(--play-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 1rem; }
  .partners-block-mobi .partners {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem; }
    .partners-block-mobi .partners a {
      display: block; }
    .partners-block-mobi .partners img {
      display: block;
      width: 100%;
      height: 87px;
      object-fit: contain;
      object-position: center; }

.people-group article.person {
  margin-bottom: 2rem; }
  @media (max-width: 767px) {
    .people-group article.person {
      display: none; } }
  .people-group article.person .container:hover {
    color: var(--color-brick); }
  .people-group article.person .container h3 {
    font-size: 30px;
    font-weight: 400; }
  .people-group article.person .container p {
    font-size: 24px;
    margin-top: 0.5rem; }
  .people-group article.person .container h3 a, .people-group article.person .container p a {
    color: inherit; }
    .people-group article.person .container h3 a:hover, .people-group article.person .container p a:hover {
      text-decoration-line: underline; }
  .people-group article.person .container .pin {
    display: none; }
  .people-group article.person .container:hover .pin {
    display: block;
    position: fixed;
    left: 50%;
    top: 0;
    width: 400px;
    height: 525px;
    z-index: 99; }
    .people-group article.person .container:hover .pin img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }

section.people-group {
  padding-bottom: 3rem; }
  section.people-group.padded .container {
    padding-left: var(--section-header-padding); }

.person-table {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 768px) {
    .person-table {
      display: none; } }
  .person-table .image {
    display: block;
    aspect-ratio: 130 / 165;
    margin-bottom: 4px; }
    .person-table .image img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  .person-table h3 {
    color: var(--color-brick);
    font-family: var(--play-family);
    font-size: 12px;
    font-weight: 400; }
    .person-table h3 a {
      color: inherit; }
  .person-table .position {
    font-size: 9px; }

.padded .person-table {
  padding-top: 20px; }

section.permalink {
  padding-bottom: 3rem;
  font-style: italic; }
  section.permalink a {
    color: var(--color-brick); }
    section.permalink a:hover {
      text-decoration-line: underline; }

section.person-info .container {
  border-top: 1px solid var(--color-gray);
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: grid;
  grid-template-columns: 776px 400px;
  column-gap: 1.5rem; }
  @media (max-width: 767px) {
    section.person-info .container {
      display: flex;
      flex-direction: column-reverse;
      padding-top: 0;
      padding-bottom: 0; } }
  section.person-info .container .info h1 {
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 1.5rem; }
    @media (max-width: 767px) {
      section.person-info .container .info h1 {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        font-family: var(--play-family);
        text-align: center;
        margin-bottom: 6px;
        color: var(--color-brick); } }
  section.person-info .container .info .birth-date {
    display: flex;
    align-items: center;
    color: var(--color-brick);
    margin-bottom: 1.5rem; }
    @media (max-width: 767px) {
      section.person-info .container .info .birth-date {
        display: none; } }
    section.person-info .container .info .birth-date span {
      font-family: var(--play-family);
      font-size: 36px;
      line-height: 1;
      margin-left: 0.75rem; }
    section.person-info .container .info .birth-date .congratulations {
      display: inline-block;
      margin-left: 1rem;
      height: 36px;
      line-height: 36px;
      padding: 0 20px;
      background: var(--color-brick);
      font-family: var(--play-family);
      color: white;
      font-size: 20px; }
  section.person-info .container .info .year-from {
    font-size: 30px;
    margin-bottom: 1.5rem; }
    @media (max-width: 767px) {
      section.person-info .container .info .year-from {
        display: none; } }
  section.person-info .container .info .text {
    font-size: 30px; }
    @media (max-width: 767px) {
      section.person-info .container .info .text {
        font-size: 16px; }
        section.person-info .container .info .text p {
          line-height: 1.5 !important; }
        section.person-info .container .info .text span {
          font-size: 16px !important;
          color: var(--color-text) !important; }
        section.person-info .container .info .text img {
          display: none; } }
  section.person-info .container .info .social {
    display: flex;
    margin-top: 3rem; }
    @media (max-width: 767px) {
      section.person-info .container .info .social {
        display: none; } }
    section.person-info .container .info .social span {
      font-size: 24px;
      line-height: 1;
      margin-right: 1rem; }
    section.person-info .container .info .social a {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 33px;
      height: 33px;
      color: white;
      background: var(--color-brick);
      border-radius: 50%;
      margin-right: 0.5rem; }
      section.person-info .container .info .social a svg {
        width: 16px;
        height: 16px; }
  @media (max-width: 767px) {
    section.person-info .container .photo {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 6px;
      text-align: center; } }
  section.person-info .container .photo img {
    width: 400px;
    height: 525px;
    object-fit: cover;
    object-position: center; }
    @media (max-width: 767px) {
      section.person-info .container .photo img {
        width: auto;
        max-width: 100%;
        height: auto; } }
  section.person-info .container .mobi {
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin-bottom: 4px; }
    @media (min-width: 768px) {
      section.person-info .container .mobi {
        display: none; } }
    section.person-info .container .mobi .bd {
      display: flex;
      align-items: baseline;
      color: var(--color-brick); }
      section.person-info .container .mobi .bd svg {
        width: 10px;
        height: 10px; }
      section.person-info .container .mobi .bd span {
        font-family: var(--play-family);
        font-size: 10px;
        line-height: 1;
        margin-left: 2px; }
      section.person-info .container .mobi .bd .congratulations {
        display: inline-block;
        margin-left: 1rem;
        height: 36px;
        line-height: 36px;
        padding: 0 20px;
        background: var(--color-brick);
        font-family: var(--play-family);
        color: white;
        font-size: 20px; }
    section.person-info .container .mobi .year {
      color: var(--color-brick);
      font-family: var(--play-family);
      font-size: 10px;
      margin-left: 16px;
      margin-right: 16px; }
    section.person-info .container .mobi .s {
      display: flex; }
      section.person-info .container .mobi .s a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 15px;
        height: 15px;
        color: white;
        background: var(--color-brick);
        border-radius: 50%; }
        section.person-info .container .mobi .s a:not(:last-of-type) {
          margin-right: 0.5rem; }
        section.person-info .container .mobi .s a svg {
          width: 10px;
          height: 10px; }

div.photo-gallery .slider {
  position: relative;
  height: 400px;
  overflow: hidden; }
  @media (max-width: 767px) {
    div.photo-gallery .slider {
      height: 155px; } }
div.photo-gallery .runner {
  position: absolute;
  left: 0;
  top: 0;
  width: 1000000px;
  height: 400px;
  display: flex; }
  @media (max-width: 767px) {
    div.photo-gallery .runner {
      height: 155px; } }
div.photo-gallery .block {
  display: flex;
  height: 400px; }
  @media (max-width: 767px) {
    div.photo-gallery .block {
      height: 155px; } }
div.photo-gallery .photo, div.photo-gallery .trailer {
  display: block;
  height: 400px;
  padding-right: 0.75rem; }
  @media (max-width: 767px) {
    div.photo-gallery .photo, div.photo-gallery .trailer {
      height: 155px;
      padding-right: 0.125rem; } }
  div.photo-gallery .photo img, div.photo-gallery .trailer img {
    display: block;
    max-height: 400px; }
    @media (max-width: 767px) {
      div.photo-gallery .photo img, div.photo-gallery .trailer img {
        max-height: 155px; } }
div.photo-gallery .trailer {
  position: relative; }
  div.photo-gallery .trailer::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0.75rem;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="60px" height="60px" fill="white" class="bi bi-play-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M6.271 5.055a.5.5 0 0 1 .52.038l3.5 2.5a.5.5 0 0 1 0 .814l-3.5 2.5A.5.5 0 0 1 6 10.5v-5a.5.5 0 0 1 .271-.445z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5; }
    @media (max-width: 767px) {
      div.photo-gallery .trailer::after {
        right: 0.125rem; } }
div.photo-gallery .player {
  display: none; }

div.photo-gallery .head .container {
  padding-top: 1rem;
  padding-left: 69px;
  padding-bottom: 1.5rem;
  font-family: var(--play-family);
  font-size: 40px; }
  div.photo-gallery .head .container.no-left-padding {
    padding-left: 0; }
  div.photo-gallery .head .container sup {
    color: var(--color-brick);
    font-size: 24px; }

div.photo-gallery .arrows .container {
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  @media (max-width: 767px) {
    div.photo-gallery .arrows .container {
      justify-content: center; }
      div.photo-gallery .arrows .container .arrow.left {
        order: 1; }
      div.photo-gallery .arrows .container .arrow.right {
        order: 3; }
      div.photo-gallery .arrows .container .no-mobi {
        display: none; } }
  div.photo-gallery .arrows .container svg {
    height: 32px;
    width: 64px;
    margin-left: 1.5rem;
    cursor: pointer;
    color: var(--color-gray);
    transition: color 0.25s;
    vertical-align: top; }
    @media (max-width: 767px) {
      div.photo-gallery .arrows .container svg {
        margin-left: 0; } }
    div.photo-gallery .arrows .container svg:hover {
      color: var(--color-brick);
      margin-left: 0; }
  div.photo-gallery .arrows .container .show-all {
    cursor: pointer;
    font-size: 20px;
    color: var(--color-gray);
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-underline-offset: 7px;
    transition: color 0.25s; }
    @media (max-width: 767px) {
      div.photo-gallery .arrows .container .show-all {
        order: 2;
        margin-left: 1.5rem;
        margin-right: 1.5rem; } }
    div.photo-gallery .arrows .container .show-all:hover {
      color: var(--color-brick); }

.fancybox__content.player {
  padding: 0; }

@media (max-width: 767px) {
  div.play-card-list {
    display: none; } }

div.play-card-list-mobi {
  padding: 0 20px 20px; }
  @media (min-width: 768px) {
    div.play-card-list-mobi {
      display: none; } }
  div.play-card-list-mobi article.play-card-mobi {
    padding-top: 20px;
    padding-bottom: 24px; }
    div.play-card-list-mobi article.play-card-mobi:not(:last-of-type) {
      border-bottom: 1px dotted var(--color-gray); }
    div.play-card-list-mobi article.play-card-mobi div.container {
      display: grid;
      grid-template-columns: 120px 1fr;
      column-gap: 16px; }
      div.play-card-list-mobi article.play-card-mobi div.container div.media img {
        width: 120px;
        height: 155px;
        object-fit: cover;
        object-position: center; }
      div.play-card-list-mobi article.play-card-mobi div.container .premiere {
        color: var(--color-brick);
        font-family: var(--play-family);
        font-size: 14px; }
      div.play-card-list-mobi article.play-card-mobi div.container h2 {
        color: var(--color-brick);
        font-size: 16px;
        font-weight: 700; }
        div.play-card-list-mobi article.play-card-mobi div.container h2 a {
          color: inherit; }
      div.play-card-list-mobi article.play-card-mobi div.container .age {
        color: var(--color-brick);
        font-size: 12px;
        margin-bottom: 10px; }
      div.play-card-list-mobi article.play-card-mobi div.container h3 {
        color: var(--color-text);
        font-family: var(--play-family);
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 8px; }
      div.play-card-list-mobi article.play-card-mobi div.container .ticket-link {
        background: var(--color-brick);
        height: 30px;
        line-height: 30px;
        color: white;
        font-family: var(--play-family);
        font-size: 12px;
        text-align: center;
        margin-bottom: 15px; }
  div.play-card-list-mobi .more {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: var(--color-gray);
    color: var(--color-brick);
    font-family: var(--play-family);
    font-size: 16px;
    text-align: center; }
  div.play-card-list-mobi .plays-mobi-links {
    padding-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 8px; }
    div.play-card-list-mobi .plays-mobi-links a {
      display: block;
      width: 100%;
      height: 40px;
      line-height: 40px;
      background: var(--color-gray);
      color: var(--color-brick);
      font-family: var(--play-family);
      font-size: 16px;
      text-align: center; }

article.play-card .container {
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid var(--color-gray);
  display: grid;
  grid-template-columns: 444px 700px;
  column-gap: 56px; }

article.play-card:last-of-type .container {
  border-bottom: none; }

article.play-card a.media {
  display: block;
  position: relative;
  min-height: 250px;
  background: white; }
  article.play-card a.media img, article.play-card a.media video {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: grayscale(1);
    opacity: 0.7;
    transition: filter 0.5s, opacity 0.5s; }

article.play-card:hover a.media img, article.play-card:hover a.media video {
  filter: none;
  opacity: 1; }

article.play-card div.premiere {
  font-family: var(--play-family);
  font-size: 30px;
  line-height: 1;
  color: var(--color-brick);
  margin-bottom: 0.75rem; }

article.play-card h2 {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 1.25rem; }
  article.play-card h2 a {
    color: var(--color-brick); }
    article.play-card h2 a:hover {
      text-decoration-line: underline; }

article.play-card div.nearest-performances {
  font-family: var(--play-family);
  color: var(--color-gray); }
  article.play-card div.nearest-performances h3 {
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0.5rem; }
  article.play-card div.nearest-performances .performances {
    display: flex;
    flex-wrap: wrap; }
    article.play-card div.nearest-performances .performances div {
      font-size: 28px;
      margin-right: 0.5rem; }
      article.play-card div.nearest-performances .performances div::after {
        content: ','; }
      article.play-card div.nearest-performances .performances div:last-of-type::after {
        content: ''; }
      article.play-card div.nearest-performances .performances div.ticket-link:hover {
        cursor: pointer;
        color: var(--color-brick); }

.premiere-plays {
  background: rgba(187, 195, 198, 0.4); }
  .premiere-plays article.play-card:last-of-type {
    margin-bottom: 0; }
  .premiere-plays article.play-card .container {
    grid-template-columns: 600px 562px;
    column-gap: 38px; }
  .premiere-plays article.play-card a.media {
    min-height: 338px; }
    .premiere-plays article.play-card a.media img, .premiere-plays article.play-card a.media video {
      filter: none;
      opacity: 1; }

section.play-info {
  padding-bottom: 2.5rem; }
  section.play-info .container > .grid {
    display: grid;
    grid-template-columns: 600px 600px;
    padding-bottom: 0.75rem; }
    @media (max-width: 767px) {
      section.play-info .container > .grid {
        display: flex;
        flex-direction: column-reverse;
        padding-left: 20px;
        padding-right: 20px; } }
    @media (max-width: 767px) {
      section.play-info .container > .grid .head {
        display: flex;
        align-items: baseline;
        padding-top: 0.5rem; } }
    section.play-info .container > .grid h1 {
      font-size: 45px;
      font-weight: 400;
      color: var(--color-brick); }
      @media (max-width: 767px) {
        section.play-info .container > .grid h1 {
          font-size: 16px;
          font-weight: 700; } }
    section.play-info .container > .grid .mobi-age {
      color: var(--color-brick);
      font-size: 12px;
      margin-left: 0.5rem; }
      @media (min-width: 768px) {
        section.play-info .container > .grid .mobi-age {
          display: none; } }
    section.play-info .container > .grid .author {
      font-size: 24px; }
      @media (max-width: 767px) {
        section.play-info .container > .grid .author {
          font-size: 12px; } }
    section.play-info .container > .grid .genre {
      font-size: 20px;
      font-style: italic;
      margin-top: 0.5rem; }
      @media (max-width: 767px) {
        section.play-info .container > .grid .genre {
          margin-top: 0.25rem;
          font-size: 12px; } }
    section.play-info .container > .grid .age {
      margin-top: 1rem; }
      @media (max-width: 767px) {
        section.play-info .container > .grid .age {
          display: none; } }
    @media (max-width: 767px) {
      section.play-info .container > .grid .nearest-wrap {
        padding: 12px 0;
        border-bottom: 1px dotted var(--color-gray); } }
    section.play-info .container > .grid .nearest-wrap .nearest {
      padding-top: 0.4rem; }
      @media (max-width: 767px) {
        section.play-info .container > .grid .nearest-wrap .nearest {
          padding-top: 0; } }
      section.play-info .container > .grid .nearest-wrap .nearest.grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 15px; }
        @media (max-width: 767px) {
          section.play-info .container > .grid .nearest-wrap .nearest.grid {
            grid-template-columns: repeat(2, 1fr);
            column-gap: 12px;
            row-gap: 8px; } }
      section.play-info .container > .grid .nearest-wrap .nearest.single {
        display: flex;
        justify-content: flex-end; }
        @media (max-width: 767px) {
          section.play-info .container > .grid .nearest-wrap .nearest.single {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            column-gap: 12px;
            row-gap: 8px; } }
        section.play-info .container > .grid .nearest-wrap .nearest.single .performance {
          margin-left: 15px; }
          @media (max-width: 767px) {
            section.play-info .container > .grid .nearest-wrap .nearest.single .performance {
              margin-left: 0; } }
    section.play-info .container > .grid .nearest-wrap .performance {
      text-align: center;
      margin-top: 1rem; }
      @media (max-width: 767px) {
        section.play-info .container > .grid .nearest-wrap .performance {
          margin-top: 0; } }
      section.play-info .container > .grid .nearest-wrap .performance.extra {
        display: none; }
      section.play-info .container > .grid .nearest-wrap .performance .datetime {
        font-family: var(--play-family);
        font-size: 24px;
        line-height: 1;
        color: var(--color-gray);
        margin-bottom: 0.5rem;
        white-space: nowrap; }
        @media (max-width: 767px) {
          section.play-info .container > .grid .nearest-wrap .performance .datetime {
            font-size: 12px;
            color: var(--color-brick);
            margin-bottom: 4px; } }
      @media (max-width: 767px) {
        section.play-info .container > .grid .nearest-wrap .performance button.buy-button {
          width: 100%;
          height: 30px;
          line-height: 28px;
          font-size: 14px; } }
    section.play-info .container > .grid .nearest-wrap .more {
      padding-top: 1rem;
      padding-bottom: 1rem;
      text-align: center; }
      section.play-info .container > .grid .nearest-wrap .more span {
        color: var(--color-gray);
        text-decoration-line: underline;
        text-decoration-style: dashed;
        text-underline-offset: 7px;
        cursor: pointer; }
      section.play-info .container > .grid .nearest-wrap .more .hide-extra {
        display: none; }
    section.play-info .container > .grid .nearest-wrap.show-all .performance.extra {
      display: block; }
    section.play-info .container > .grid .nearest-wrap.show-all .more .show-extra {
      display: none; }
    section.play-info .container > .grid .nearest-wrap.show-all .more .hide-extra {
      display: inline; }
  section.play-info .issue {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-top: 1px solid var(--color-gray);
    padding-top: 1rem;
    padding-bottom: 3.25rem;
    font-size: 20px; }
    @media (max-width: 767px) {
      section.play-info .issue {
        border-top: none;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        padding: 0 20px 12px;
        font-size: 12px; } }
    section.play-info .issue .premier {
      margin-bottom: 0.75rem; }
    section.play-info .issue .duration {
      color: var(--color-gray); }
      @media (max-width: 767px) {
        section.play-info .issue .duration {
          color: var(--color-text);
          padding-bottom: 12px;
          border-bottom: 1px dotted var(--color-gray); } }
      section.play-info .issue .duration svg {
        vertical-align: middle; }
        @media (max-width: 767px) {
          section.play-info .issue .duration svg {
            display: none; } }

div.play-list-header {
  padding-top: 0; }
  @media (max-width: 767px) {
    div.play-list-header {
      display: none; } }
  div.play-list-header .container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 1.5rem 1.5rem;
    border-top: 1px solid var(--color-gray);
    border-bottom: 1px solid var(--color-gray); }
    div.play-list-header .container.no-bottom-border {
      border-bottom: none; }
    div.play-list-header .container a {
      color: inherit;
      font-size: 20px;
      display: flex;
      align-items: center; }
      div.play-list-header .container a span {
        margin-left: 0.5rem; }
      div.play-list-header .container a .icon-square-check {
        display: none; }
      div.play-list-header .container a.active {
        color: var(--color-brick);
        transform: translateX(-2px); }
        div.play-list-header .container a.active span {
          margin-left: 6px; }
        div.play-list-header .container a.active .icon-square {
          display: none; }
        div.play-list-header .container a.active .icon-square-check {
          display: block; }
  div.play-list-header a.only {
    margin-left: 4rem; }
  div.play-list-header a.archive {
    margin-left: auto; }

div.play-main {
  height: 545px;
  position: relative;
  margin-bottom: 1rem; }
  @media (max-width: 767px) {
    div.play-main {
      height: 75vw; } }
  div.play-main img, div.play-main video {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }

@media (max-width: 767px) {
  div.playbill-card-list {
    display: none; } }

div.playbill-card-list-mobi {
  padding: 0 20px 20px; }
  @media (min-width: 768px) {
    div.playbill-card-list-mobi {
      display: none; } }
  div.playbill-card-list-mobi .more {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: var(--color-gray);
    color: var(--color-brick);
    font-family: var(--play-family);
    font-size: 16px;
    text-align: center; }

article.playbill-card {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem; }
  article.playbill-card.canceled {
    color: var(--color-gray);
    --color-brick: var(--color-gray); }
  article.playbill-card > .container {
    padding-bottom: 2.75rem;
    border-bottom: 1px solid var(--color-gray); }
  article.playbill-card.expanded > .container {
    padding-bottom: 1.25rem;
    border-bottom: none; }
  article.playbill-card .wrap {
    position: relative; }
  article.playbill-card.premiere .wrap::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--color-brick); }
  article.playbill-card .grid {
    position: relative;
    display: grid;
    grid-template-columns: 260px 444px 1fr; }
  article.playbill-card .col1 {
    padding-left: 0.5rem;
    padding-top: 1.5rem;
    padding-bottom: 0.5rem; }
    article.playbill-card .col1 button.buy-button {
      margin-bottom: 0.75rem; }
    article.playbill-card .col1 .pushkin-card {
      width: 180px;
      text-align: center;
      font-family: var(--play-family);
      font-size: 20px;
      line-height: 1;
      color: var(--color-gray);
      margin-bottom: 0.25rem; }
    article.playbill-card .col1 .prices {
      width: 180px;
      text-align: center;
      font-size: 20px;
      line-height: 1;
      color: var(--color-brick); }
    article.playbill-card .col1 .canceled {
      width: 180px;
      height: 48px;
      line-height: 46px;
      text-align: center;
      border: 1px solid var(--color-gray);
      font-size: 20px;
      text-align: center;
      color: var(--color-gray);
      margin-bottom: 0.25rem; }
    article.playbill-card .col1 .transfered {
      color: var(--color-brick);
      margin-bottom: 1rem; }
    article.playbill-card .col1 .line1 {
      display: flex;
      align-items: baseline;
      font-family: var(--play-family); }
      article.playbill-card .col1 .line1 .day {
        font-size: 80px;
        line-height: 1;
        color: var(--color-brick);
        margin-right: 1rem; }
      article.playbill-card .col1 .line1 .month {
        font-size: 24px;
        line-height: 1;
        color: var(--color-gray); }
    article.playbill-card .col1 .line2 {
      font-size: 24px;
      font-family: var(--play-family);
      line-height: 1;
      color: var(--color-gray);
      margin-bottom: 1.25rem; }
  article.playbill-card .media {
    display: block;
    min-height: 250px;
    position: relative;
    background: white;
    align-self: center; }
    article.playbill-card .media img, article.playbill-card .media video {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
    article.playbill-card .media img {
      filter: grayscale(1);
      opacity: 0.7;
      transition: filter 0.5s, opacity 0.5s; }
    article.playbill-card .media video {
      display: none; }
  article.playbill-card:hover:not(.canceled) .media img, article.playbill-card:hover:not(.canceled) .media video {
    filter: none;
    opacity: 1; }
  article.playbill-card .col2 {
    display: flex;
    flex-direction: column;
    padding-top: 0.25rem;
    padding-left: 5rem; }
    article.playbill-card .col2 .age, article.playbill-card .col2 .genre {
      font-size: 20px;
      margin-bottom: 0.5rem; }
    article.playbill-card .col2 .theatre {
      font-size: 20px;
      font-style: italic;
      margin-bottom: 0.5rem; }
    article.playbill-card .col2 .duration {
      color: var(--color-gray);
      margin-bottom: 0.75rem; }
      article.playbill-card .col2 .duration svg {
        vertical-align: middle;
        margin-right: 0.25rem; }
    article.playbill-card .col2 .more {
      margin-top: auto;
      padding-bottom: 1rem; }
      article.playbill-card .col2 .more a {
        color: var(--color-gray);
        text-decoration-line: underline;
        text-decoration-style: dashed;
        text-underline-offset: 7px; }
        article.playbill-card .col2 .more a .hide-details {
          display: none; }
    article.playbill-card .col2 h3 {
      font-size: 40px;
      margin-bottom: 0.5rem; }
      article.playbill-card .col2 h3 a {
        color: var(--color-brick); }
  article.playbill-card .col3, article.playbill-card .col4 {
    display: none; }
  article.playbill-card .premiere-mark {
    position: absolute;
    left: 1rem;
    top: -0.75rem;
    padding-left: 5px;
    padding-right: 5px;
    background: white;
    font-family: var(--play-family);
    font-size: 24px;
    line-height: 1;
    color: var(--color-brick); }
  article.playbill-card .placeholder {
    display: none; }
  article.playbill-card.expanded .col2 .more a .show-details {
    display: none; }
  article.playbill-card.expanded .col2 .more a .hide-details {
    display: inline; }
  article.playbill-card.expanded .placeholder {
    display: block;
    background: rgba(187, 195, 198, 0.2);
    padding-top: 2rem;
    padding-bottom: 2rem; }
    article.playbill-card.expanded .placeholder .info {
      display: flex;
      padding-bottom: 1.5rem; }
      article.playbill-card.expanded .placeholder .info .pmedia {
        display: none; }
    article.playbill-card.expanded .placeholder .people {
      display: grid;
      grid-template-columns: 588px 588px;
      column-gap: 1.5rem; }

body.playbill-noimage article.playbill-card {
  margin-top: 1.5rem;
  margin-bottom: 1rem; }
  body.playbill-noimage article.playbill-card.premiere .wrap::before {
    border: none; }
  body.playbill-noimage article.playbill-card .premiere-mark {
    left: 0;
    top: -1.25rem; }
  body.playbill-noimage article.playbill-card > .container {
    padding-bottom: 1.25rem; }
  body.playbill-noimage article.playbill-card .grid {
    grid-template-columns: 200px 1fr 1fr 200px;
    column-gap: 2rem; }
  body.playbill-noimage article.playbill-card .col1 {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0; }
    body.playbill-noimage article.playbill-card .col1 button.buy-button, body.playbill-noimage article.playbill-card .col1 .pushkin-card, body.playbill-noimage article.playbill-card .col1 .prices {
      display: none; }
  body.playbill-noimage article.playbill-card .media {
    display: none; }
  body.playbill-noimage article.playbill-card .col2 {
    padding-left: 0;
    padding-top: 0; }
    body.playbill-noimage article.playbill-card .col2 .genre, body.playbill-noimage article.playbill-card .col2 .duration, body.playbill-noimage article.playbill-card .col2 .more {
      display: none; }
  body.playbill-noimage article.playbill-card .col3 {
    display: block; }
    body.playbill-noimage article.playbill-card .col3 .age, body.playbill-noimage article.playbill-card .col3 .genre {
      font-size: 20px;
      margin-bottom: 0.5rem; }
    body.playbill-noimage article.playbill-card .col3 .theatre {
      font-size: 20px;
      font-style: italic;
      margin-bottom: 0.5rem; }
    body.playbill-noimage article.playbill-card .col3 .duration {
      color: var(--color-gray);
      margin-bottom: 0.75rem; }
      body.playbill-noimage article.playbill-card .col3 .duration svg {
        vertical-align: middle;
        margin-right: 0.25rem; }
    body.playbill-noimage article.playbill-card .col3 .more {
      margin-top: auto;
      padding-bottom: 1rem; }
      body.playbill-noimage article.playbill-card .col3 .more a {
        color: var(--color-gray);
        text-decoration-line: underline;
        text-decoration-style: dashed;
        text-underline-offset: 7px; }
        body.playbill-noimage article.playbill-card .col3 .more a .hide-details {
          display: none; }
  body.playbill-noimage article.playbill-card .col4 {
    display: block; }
    body.playbill-noimage article.playbill-card .col4 button.buy-button {
      margin-bottom: 0.75rem; }
    body.playbill-noimage article.playbill-card .col4 .pushkin-card {
      width: 180px;
      text-align: center;
      font-family: var(--play-family);
      font-size: 20px;
      line-height: 1;
      color: var(--color-gray);
      margin-bottom: 0.25rem; }
    body.playbill-noimage article.playbill-card .col4 .prices {
      width: 180px;
      text-align: center;
      font-size: 20px;
      line-height: 1;
      color: var(--color-brick); }
    body.playbill-noimage article.playbill-card .col4 .canceled {
      width: 180px;
      height: 48px;
      line-height: 46px;
      text-align: center;
      border: 1px solid var(--color-gray);
      font-size: 20px;
      text-align: center;
      color: var(--color-gray);
      margin-bottom: 0.25rem; }
    body.playbill-noimage article.playbill-card .col4 .transfered {
      color: var(--color-brick);
      margin-bottom: 1rem; }
  body.playbill-noimage article.playbill-card.expanded .col3 .more a .show-details {
    display: none; }
  body.playbill-noimage article.playbill-card.expanded .col3 .more a .hide-details {
    display: inline; }
  body.playbill-noimage article.playbill-card.expanded .placeholder .info .pmedia {
    display: block;
    flex-basis: 444px;
    flex-shrink: 0;
    margin-right: 1.5rem; }
    body.playbill-noimage article.playbill-card.expanded .placeholder .info .pmedia img {
      max-width: 100%; }

article.playbill-card-mobi {
  padding-top: 16px;
  padding-bottom: 20px; }
  article.playbill-card-mobi.canceled {
    color: var(--color-gray);
    --color-brick: var(--color-gray);
    --color-text: var(--color-gray); }
  article.playbill-card-mobi:not(:last-of-type) {
    border-bottom: 1px dotted var(--color-gray); }
  article.playbill-card-mobi .premiere-mark {
    color: var(--color-brick);
    font-family: var(--play-family);
    font-size: 14px; }
  article.playbill-card-mobi .head {
    display: flex;
    align-items: baseline;
    margin-bottom: 10px; }
    article.playbill-card-mobi .head h3 {
      font-size: 16px; }
      article.playbill-card-mobi .head h3 a {
        color: var(--color-brick); }
    article.playbill-card-mobi .head .age {
      font-size: 12px;
      color: var(--color-brick);
      margin-left: 0.5rem; }
  article.playbill-card-mobi .theatre {
    font-size: 14px;
    margin-bottom: 10px; }
  article.playbill-card-mobi .datetime {
    color: var(--color-text);
    font-family: var(--play-family);
    font-size: 14px;
    margin-bottom: 20px; }
  article.playbill-card-mobi button {
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    width: 100%;
    background: white;
    color: var(--color-brick); }
  article.playbill-card-mobi .canceled {
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    text-align: center;
    border: 1px solid var(--color-gray);
    color: var(--color-gray); }
  article.playbill-card-mobi .transfered {
    margin-bottom: 20px;
    color: var(--color-brick); }

div.playbill-header {
  padding-top: 0; }
  @media (max-width: 767px) {
    div.playbill-header {
      display: none; } }
  div.playbill-header .container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 1.5rem 1.5rem;
    border-top: 1px solid var(--color-gray);
    border-bottom: 1px solid var(--color-gray); }
    div.playbill-header .container.no-bottom-border {
      border-bottom: none; }
    div.playbill-header .container a {
      color: inherit;
      font-size: 20px;
      display: flex;
      align-items: center; }
      div.playbill-header .container a span {
        margin-left: 0.5rem; }
      div.playbill-header .container a .icon-square-check {
        display: none; }
      div.playbill-header .container a.active {
        color: var(--color-brick);
        transform: translateX(-2px); }
        div.playbill-header .container a.active span {
          margin-left: 6px; }
        div.playbill-header .container a.active .icon-square {
          display: none; }
        div.playbill-header .container a.active .icon-square-check {
          display: block; }
  div.playbill-header a.only {
    margin-left: 4rem; }
  div.playbill-header a.switcher {
    margin-left: 3rem;
    margin-right: auto; }

body.playbill-noimage div.playbill-header a.switcher {
  color: var(--color-brick);
  transform: translateX(-2px); }
  body.playbill-noimage div.playbill-header a.switcher span {
    margin-left: 6px; }
  body.playbill-noimage div.playbill-header a.switcher .icon-square {
    display: none; }
  body.playbill-noimage div.playbill-header a.switcher .icon-square-check {
    display: block; }

div.popup-message {
  background: white url("../images/cat-main.9a5dcfac3742.png") no-repeat center/cover;
  box-shadow: 0px 10px 30px rgba(2, 61, 72, 0.2);
  border-radius: 40px;
  padding: 28px 40px 40px; }
  @media (max-width: 767px) {
    div.popup-message {
      border-radius: 20px;
      padding: 12px 20px 20px; } }
  div.popup-message .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px; }
    @media (max-width: 767px) {
      div.popup-message .head {
        margin-bottom: 1rem; } }
    div.popup-message .head h4 {
      font-family: var(--play-family);
      font-weight: 400;
      font-size: 45px;
      line-height: 1;
      color: var(--color-brick); }
      @media (max-width: 767px) {
        div.popup-message .head h4 {
          font-size: 22px; } }
    div.popup-message .head a {
      transform: rotate(45deg);
      color: var(--color-brick); }
      @media (max-width: 767px) {
        div.popup-message .head a svg {
          width: 18px;
          height: 18px; } }
  div.popup-message .placeholder {
    font-size: 20px;
    line-height: 1.4; }
  div.popup-message .submit {
    margin-top: 28px; }
    @media (max-width: 767px) {
      div.popup-message .submit {
        margin-top: 1rem; } }
    div.popup-message .submit a.ok {
      display: block;
      border: none;
      background: var(--color-brick);
      width: 100%;
      height: 48px;
      line-height: 48px;
      text-align: center;
      color: white;
      font-family: var(--play-family);
      font-size: 30px;
      cursor: pointer; }
      @media (max-width: 767px) {
        div.popup-message .submit a.ok {
          font-size: 22px; } }

section.publication-list article {
  margin-bottom: 2rem; }
  @media (max-width: 767px) {
    section.publication-list article {
      margin-bottom: 0; } }
  section.publication-list article .container {
    position: relative;
    display: flex; }
    @media (max-width: 767px) {
      section.publication-list article .container {
        flex-direction: column; } }
    section.publication-list article .container::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border: solid var(--color-gray);
      border-width: 0 0 1px; }
      @media (max-width: 767px) {
        section.publication-list article .container::before {
          content: none; } }
    section.publication-list article .container .image {
      display: block;
      position: relative; }
      section.publication-list article .container .image img {
        display: block;
        width: 563px;
        height: 317px;
        object-fit: cover;
        object-position: center; }
        @media (max-width: 767px) {
          section.publication-list article .container .image img {
            width: 100%;
            height: 48.21vw; } }
    section.publication-list article .container .info {
      position: relative;
      padding: 0.5rem 0 1.5rem;
      flex-grow: 1; }
      section.publication-list article .container .info:hover {
        background: transparent; }
      @media (max-width: 767px) {
        section.publication-list article .container .info {
          padding-left: 20px;
          padding-right: 20px; } }
      section.publication-list article .container .info h3 {
        font-size: 30px;
        font-weight: 500;
        margin-bottom: 0.5rem; }
        @media (max-width: 767px) {
          section.publication-list article .container .info h3 {
            font-size: 16px;
            line-height: 1.5; } }
        section.publication-list article .container .info h3 a {
          color: var(--color-brick); }
          section.publication-list article .container .info h3 a:hover {
            text-decoration-line: underline;
            text-decoration-thickness: 2px;
            text-underline-offset: 5px; }
      section.publication-list article .container .info .date {
        font-size: 20px;
        color: var(--color-gray);
        margin-top: 0.5rem;
        margin-bottom: 0.5rem; }
        @media (max-width: 767px) {
          section.publication-list article .container .info .date {
            font-size: 16px; } }
        section.publication-list article .container .info .date .age {
          color: var(--color-brick); }
      section.publication-list article .container .info p {
        font-size: 20px; }
        @media (max-width: 767px) {
          section.publication-list article .container .info p {
            font-size: 16px;
            line-height: 1.5;
            border-bottom: 1px dotted var(--color-gray);
            padding-bottom: 20px; } }

@media (max-width: 767px) {
  div.publications article {
    padding: 0 20px 20px; }
    div.publications article:not(:first-of-type) {
      padding-top: 20px; } }

div.publications .container {
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid var(--color-gray); }
  @media (max-width: 767px) {
    div.publications .container {
      border-bottom-style: dotted; } }
  div.publications .container:last-of-type {
    border-bottom: none;
    margin-bottom: 0; }
  div.publications .container h3 {
    font-size: 20px;
    margin-bottom: 0.5rem; }
    @media (max-width: 767px) {
      div.publications .container h3 {
        font-size: 16px; } }
    div.publications .container h3 a {
      color: var(--color-text); }
      @media (max-width: 767px) {
        div.publications .container h3 a {
          color: var(--color-brick); } }
      div.publications .container h3 a:hover {
        color: var(--color-brick);
        text-decoration-line: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 7px; }
  div.publications .container p {
    font-style: italic;
    font-size: 20px; }
    @media (max-width: 767px) {
      div.publications .container p {
        font-size: 14px; } }

@media (max-width: 767px) {
  div.responses dl {
    padding-left: 20px;
    padding-right: 20px; } }

div.responses dl dt {
  font-size: 20px;
  margin-bottom: 1rem;
  color: var(--color-brick); }
  @media (max-width: 767px) {
    div.responses dl dt {
      font-size: 16px;
      margin-bottom: 0.5rem; } }
div.responses dl dd {
  border-bottom: 1px dotted var(--color-gray);
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem; }
  @media (max-width: 767px) {
    div.responses dl dd {
      margin-bottom: 1rem;
      font-size: 14px; } }
  div.responses dl dd:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }
  div.responses dl dd p {
    margin-bottom: 1rem; }

div.search-block {
  display: none; }

.main-menu-on div.search-block {
  display: block;
  position: absolute;
  left: 0;
  top: calc(var(--header-height) -  var(--search-height));
  right: 0;
  height: var(--search-height); }
  .main-menu-on div.search-block form {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    max-width: var(--container-width);
    height: var(--search-height);
    margin-left: auto;
    margin-right: auto;
    padding-right: 7px; }
  .main-menu-on div.search-block button {
    border: none;
    background: transparent;
    cursor: pointer; }
  .main-menu-on div.search-block input {
    border-width: 0 0 1px;
    background: transparent;
    line-height: 25px;
    width: 45%;
    outline: none;
    font-size: 20px; }

section.search-results article {
  display: flex;
  column-gap: 56px;
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid var(--color-gray); }
  section.search-results article a.image {
    display: block;
    flex: 0 0 444px; }
    section.search-results article a.image img {
      width: 444px;
      height: 250px;
      object-fit: cover;
      object-position: center; }
  section.search-results article h3 {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 1.25rem; }
    section.search-results article h3 a {
      color: var(--color-brick); }
      section.search-results article h3 a:hover {
        text-decoration-line: underline; }
  section.search-results article p {
    font-size: 20px;
    line-height: 1.4; }

.section-header {
  margin-bottom: 2rem;
  font-family: var(--play-family);
  line-height: 1;
  color: var(--color-brick); }
  .section-header .container {
    display: flex;
    align-items: baseline; }
    @media (max-width: 767px) {
      .section-header .container {
        justify-content: flex-end;
        padding: 8px 20px;
        background: var(--color-gray); } }
    .section-header .container h1 {
      font-weight: 400;
      font-size: 57px;
      margin-top: 20px;
      padding-left: var(--section-header-padding); }
      @media (max-width: 767px) {
        .section-header .container h1 {
          font-size: 16px;
          line-height: 1;
          padding-left: 0;
          margin-top: 0;
          margin-right: auto; } }
      .section-header .container h1 a {
        color: inherit; }
    .section-header .container > a {
      font-size: 40px;
      color: inherit;
      margin-left: 3rem; }
      .section-header .container > a:hover {
        text-decoration-line: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 5px; }
      .section-header .container > a.mobi-link {
        font-size: 16px;
        padding: 3px 6px;
        border: 1px solid var(--color-brick);
        margin-left: 1rem; }
        @media (min-width: 768px) {
          .section-header .container > a.mobi-link {
            display: none; } }
        .section-header .container > a.mobi-link.active {
          background: var(--color-brick);
          color: white; }

nav.snake-breadcrumb {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem; }
  @media (max-width: 767px) {
    nav.snake-breadcrumb {
      display: none; } }
  nav.snake-breadcrumb .container {
    display: flex;
    align-items: baseline; }
    nav.snake-breadcrumb .container :first-child {
      font-size: 57px;
      margin-left: 0; }
  nav.snake-breadcrumb.bordered .container {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--color-gray); }
  nav.snake-breadcrumb h1, nav.snake-breadcrumb a {
    font-family: var(--play-family);
    font-size: 28px;
    line-height: 1;
    color: var(--color-brick);
    margin-left: 3rem;
    font-weight: 400; }
  nav.snake-breadcrumb h1 {
    padding-left: var(--section-header-padding); }
  nav.snake-breadcrumb a:hover {
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px; }

div.subscibe-block-mobi {
  padding: 11px 20px 20px;
  background: var(--color-brick);
  color: white; }
  @media (min-width: 768px) {
    div.subscibe-block-mobi {
      display: none; } }
  div.subscibe-block-mobi h4 {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    font-family: var(--play-family);
    margin-bottom: 5px; }
  div.subscibe-block-mobi form {
    display: grid;
    grid-template-columns: 1fr 140px;
    column-gap: 20px; }
    div.subscibe-block-mobi form input {
      height: 38px;
      line-height: 38px;
      border: 1px solid white;
      font-size: 14px;
      padding: 0 7px; }
    div.subscibe-block-mobi form button {
      height: 38px;
      border: 1px solid var(--color-brick);
      background: white;
      color: var(--color-brick);
      font-size: 14px; }

@charset "UTF-8";
div.team dl {
  display: flex;
  font-size: 20px; }
  @media (max-width: 767px) {
    div.team dl {
      flex-direction: column;
      font-size: 12px;
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 20px; } }
  div.team dl dt {
    font-weight: 700;
    margin-right: 0.5rem; }
    @media (max-width: 767px) {
      div.team dl dt {
        font-weight: 400;
        margin-right: 0;
        margin-bottom: 4px;
        padding-left: 32px; } }
    div.team dl dt::after {
      content: '–';
      margin-left: 0.5rem;
      font-weight: 400; }
      @media (max-width: 767px) {
        div.team dl dt::after {
          content: none; } }
  @media (max-width: 767px) {
    div.team dl dd {
      border-bottom: 1px dotted var(--color-gray);
      padding-left: 32px;
      padding-bottom: 14px;
      font-weight: 700; } }
  div.team dl a {
    color: var(--color-brick); }
    @media (max-width: 767px) {
      div.team dl a {
        text-decoration: underline; } }

div.text, article.text {
  font-size: 20px; }
  @media (max-width: 767px) {
    div.text, article.text {
      padding-left: 20px;
      padding-right: 20px;
      font-size: 16px;
      line-height: 1.5; } }
  div.text::after, article.text::after {
    content: '';
    display: block;
    height: 1px;
    clear: both; }
  div.text a, article.text a {
    color: var(--color-brick); }
  div.text p, article.text p {
    margin-bottom: 1em; }
  div.text ol, div.text ul, article.text ol, article.text ul {
    padding-left: 1.2em;
    margin-bottom: 1em; }
  div.text img, article.text img {
    max-width: 100%; }
  div.text *:last-child, article.text *:last-child {
    margin-bottom: 0; }

section.theatertour-map hr {
  max-width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  border: none;
  height: 1px;
  background: var(--color-gray); }

section.theatertour-map .wrap {
  max-width: var(--theatertour-map-width);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  min-height: calc(1005 * var(--theatertour-map-width) / 1439); }

section.theatertour-map .map {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  aspect-ratio: 1439 / 1005;
  background: url("../images/theatertour-map.f5ae9bb1d3ad.png") no-repeat right top/100% auto;
  /*&.active .tour-holder {
            visibility: visible;
            opacity: 1;
        }*/ }
  section.theatertour-map .map .marker, section.theatertour-map .map .hover {
    position: absolute;
    width: 50px;
    height: 50px;
    right: var(--x);
    top: var(--y);
    transform: translate(-50%, -100%); }
  section.theatertour-map .map .marker {
    color: var(--color-brick); }
    section.theatertour-map .map .marker svg {
      position: absolute;
      left: 0;
      top: 0;
      opacity: 1;
      transition: opacity 0.25s; }
    section.theatertour-map .map .marker .active-pin {
      left: 6px;
      opacity: 0; }
    section.theatertour-map .map .marker.active .pin {
      opacity: 0; }
    section.theatertour-map .map .marker.active .active-pin {
      opacity: 1; }
  section.theatertour-map .map .hover {
    cursor: pointer; }
  section.theatertour-map .map .cat {
    display: block;
    position: absolute;
    right: 411px;
    top: 300px;
    transform: translate(60px, -100%);
    transition: right 0.5s ease-in-out, top 0.5s ease-in-out; }

section.theatertour-map .tour-holder {
  width: 270px;
  padding-bottom: 0.75rem;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s,  visibility 0.5s; }
  section.theatertour-map .tour-holder.shown {
    visibility: visible;
    opacity: 1; }
  section.theatertour-map .tour-holder .tours {
    min-height: 107px;
    padding: 0.75em;
    background: #FFFFFF;
    border: 1px solid var(--color-gray);
    box-shadow: 2px 5px 50px 20px rgba(0, 0, 0, 0.25);
    border-radius: 10px; }
  section.theatertour-map .tour-holder .tour {
    color: var(--color-brick);
    margin-bottom: 0.25rem; }

section.theatertour-map .groups {
  position: relative;
  width: 250px;
  margin-top: 2rem;
  margin-left: calc(0.5 * (var(--theatertour-map-width) - var(--container-width)) + var(--section-header-padding)); }
  section.theatertour-map .groups ul {
    list-style: none;
    margin-bottom: 3rem;
    font-size: 30px; }
    section.theatertour-map .groups ul.highlight {
      font-weight: 700;
      font-size: 35px; }
  section.theatertour-map .groups li {
    cursor: pointer;
    transition: color 0.25s; }
    section.theatertour-map .groups li.active {
      color: var(--color-brick);
      text-decoration: underline; }

section.top-performances {
  margin-top: 3rem;
  margin-bottom: 3rem; }
  @media (max-width: 767px) {
    section.top-performances {
      display: none; } }
  section.top-performances article {
    position: relative;
    margin-bottom: 3rem; }
    section.top-performances article:last-of-type {
      margin-bottom: 0; }
    section.top-performances article .bordered {
      position: relative; }
      section.top-performances article .bordered::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border: 1px solid var(--color-brick); }
    section.top-performances article .grid {
      position: relative;
      display: grid;
      grid-template-columns: 268px 300px 600px;
      column-gap: 1rem;
      min-height: 300px; }
    section.top-performances article .col1 {
      padding: 24px 0 32px 24px;
      display: flex;
      flex-direction: column; }
      section.top-performances article .col1 .line1 {
        display: flex;
        align-items: baseline;
        font-family: var(--play-family); }
        section.top-performances article .col1 .line1 .day {
          font-size: 80px;
          line-height: 1;
          color: var(--color-brick);
          margin-right: 1rem; }
        section.top-performances article .col1 .line1 .month {
          font-size: 24px;
          line-height: 1;
          color: var(--color-gray); }
      section.top-performances article .col1 .line2 {
        font-size: 24px;
        font-family: var(--play-family);
        line-height: 1;
        color: var(--color-gray); }
      section.top-performances article .col1 button.buy-button {
        margin-top: auto; }
    section.top-performances article .col2 {
      padding-top: 2rem;
      padding-bottom: 2rem;
      display: flex;
      flex-direction: column;
      overflow: hidden; }
      section.top-performances article .col2 h3 {
        font-size: 40px;
        margin-bottom: 0.5rem; }
        section.top-performances article .col2 h3.mini {
          font-size: 36px; }
        section.top-performances article .col2 h3 a {
          color: var(--color-brick); }
      section.top-performances article .col2 .age {
        font-size: 20px;
        font-weight: 700;
        color: var(--color-gray);
        margin-bottom: 0.75rem; }
      section.top-performances article .col2 .more {
        margin-top: auto; }
        section.top-performances article .col2 .more a {
          color: var(--color-gray);
          text-decoration-line: underline;
          text-decoration-style: dashed;
          text-underline-offset: 7px; }
          section.top-performances article .col2 .more a .hide-details {
            display: none; }
    section.top-performances article .media {
      display: block;
      position: relative; }
      section.top-performances article .media img, section.top-performances article .media video {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    section.top-performances article .premiere {
      position: absolute;
      left: calc(0.5 * (100vw - var(--container-width)) + 1rem);
      top: -0.75rem;
      padding-left: 5px;
      padding-right: 5px;
      background: white;
      font-family: var(--play-family);
      font-size: 24px;
      line-height: 1;
      color: var(--color-brick); }
    section.top-performances article .placeholder {
      display: none; }
    section.top-performances article.expanded .col2 .more a .show-details {
      display: none; }
    section.top-performances article.expanded .col2 .more a .hide-details {
      display: inline; }
    section.top-performances article.expanded .placeholder {
      display: block;
      background: rgba(187, 195, 198, 0.2);
      padding-top: 2rem;
      padding-bottom: 2rem;
      margin-top: 1.25rem; }
      section.top-performances article.expanded .placeholder .info {
        display: flex;
        padding-bottom: 1.5rem; }
        section.top-performances article.expanded .placeholder .info .pmedia {
          display: none; }
      section.top-performances article.expanded .placeholder .people {
        display: grid;
        grid-template-columns: 588px 588px;
        column-gap: 1.5rem; }

header.top {
  position: relative; }
  @media (max-width: 767px) {
    header.top {
      display: none; } }
  header.top .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    header.top .bg img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
    header.top .bg::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
    header.top .bg.dimmed::after {
      background-color: rgba(255, 255, 255, 0.4); }
  header.top .container {
    position: relative;
    height: var(--header-height);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: url("../images/logo.97d2af226366.svg") no-repeat left 37px/auto 105px; }
    header.top .container .home-link {
      display: block; }
      header.top .container .home-link svg {
        filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.4)); }
        header.top .container .home-link svg text {
          font-family: var(--play-family);
          font-size: 92px;
          line-height: 1;
          fill: var(--color-text);
          stroke: white;
          stroke-width: 2px;
          stroke-linecap: butt;
          stroke-linejoin: miter;
          paint-order: stroke; }
    header.top .container .buttons {
      margin-left: 24px;
      display: flex;
      flex-direction: column;
      padding-top: 10px; }
      header.top .container .buttons a {
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--color-text);
        width: 45px;
        height: 45px; }
        header.top .container .buttons a:last-of-type {
          margin-bottom: 0; }
        header.top .container .buttons a.hamburger .icon-x-close {
          display: none; }
    header.top .container .ministry {
      display: block;
      position: absolute;
      left: 90px;
      top: 35px;
      color: var(--color-gray); }

.main-menu-on header.top .container .buttons a.hamburger .icon-hamburger {
  display: none; }

.main-menu-on header.top .container .buttons a.hamburger .icon-x-close {
  display: inline-block; }

header.top-mobi {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding-left: 20px;
  padding-right: 16px;
  background: var(--color-brick);
  color: white; }
  @media (min-width: 768px) {
    header.top-mobi {
      display: none; } }
  header.top-mobi a {
    color: white; }
  header.top-mobi .home span {
    font-size: 36px;
    font-family: var(--play-family); }
  header.top-mobi .phone {
    font-size: 20px;
    font-family: var(--play-family); }
  header.top-mobi .clk {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px; }
  header.top-mobi .close {
    display: none; }

.mobi-menu-on header.top-mobi .close {
  display: inline; }

.mobi-menu-on header.top-mobi .hamburger {
  display: none; }

section.video-gallery {
  padding-bottom: 1rem; }
  section.video-gallery .head {
    padding-top: 1rem;
    padding-bottom: 1.5rem;
    font-family: var(--play-family);
    font-size: 40px; }
    @media (max-width: 767px) {
      section.video-gallery .head {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 20px; } }
    section.video-gallery .head sup {
      color: var(--color-brick);
      font-size: 24px; }
      @media (max-width: 767px) {
        section.video-gallery .head sup {
          font-size: 12px; } }
  section.video-gallery iframe {
    display: block; }
  section.video-gallery .grid {
    display: grid;
    grid-template-columns: 588px 588px;
    gap: 24px 24px; }
    @media (max-width: 767px) {
      section.video-gallery .grid {
        display: block; } }
    section.video-gallery .grid .video {
      aspect-ratio: 16 / 9;
      width: 100vw;
      margin-bottom: 1.5rem; }
    section.video-gallery .grid iframe {
      width: 100%;
      height: 100%; }

img.image-left {
  float: left;
  margin: 0 12px 6px 0; }

img.image-right {
  float: right;
  margin: 0 0 6px 12px; }

table.bordered-table {
  border-collapse: collapse; }
  table.bordered-table th, table.bordered-table td {
    border: 1px solid #999; }

.trophy-01,
.trophy-02,
.graduation-hat-01,
.certificate-01,
.certificate-02,
.award-01,
.award-02,
.award-03 {
  position: relative;
  padding-left: 32px; }
  .trophy-01::before,
  .trophy-02::before,
  .graduation-hat-01::before,
  .certificate-01::before,
  .certificate-02::before,
  .award-01::before,
  .award-02::before,
  .award-03::before {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 6px;
    width: 24px;
    height: 24px;
    line-height: 24px; }

.trophy-01::before {
  content: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 15C8.68629 15 6 12.3137 6 9V3.44444C6 3.0306 6 2.82367 6.06031 2.65798C6.16141 2.38021 6.38021 2.16141 6.65798 2.06031C6.82367 2 7.0306 2 7.44444 2H16.5556C16.9694 2 17.1763 2 17.342 2.06031C17.6198 2.16141 17.8386 2.38021 17.9397 2.65798C18 2.82367 18 3.0306 18 3.44444V9C18 12.3137 15.3137 15 12 15ZM12 15V18M18 4H20.5C20.9659 4 21.1989 4 21.3827 4.07612C21.6277 4.17761 21.8224 4.37229 21.9239 4.61732C22 4.80109 22 5.03406 22 5.5V6C22 6.92997 22 7.39496 21.8978 7.77646C21.6204 8.81173 20.8117 9.62038 19.7765 9.89778C19.395 10 18.93 10 18 10M6 4H3.5C3.03406 4 2.80109 4 2.61732 4.07612C2.37229 4.17761 2.17761 4.37229 2.07612 4.61732C2 4.80109 2 5.03406 2 5.5V6C2 6.92997 2 7.39496 2.10222 7.77646C2.37962 8.81173 3.18827 9.62038 4.22354 9.89778C4.60504 10 5.07003 10 6 10M7.44444 22H16.5556C16.801 22 17 21.801 17 21.5556C17 19.5919 15.4081 18 13.4444 18H10.5556C8.59188 18 7 19.5919 7 21.5556C7 21.801 7.19898 22 7.44444 22Z" stroke="%23962715" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }

.trophy-02::before {
  content: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 17C8.41015 17 5.5 14.0899 5.5 10.5V4.55556C5.5 4.03739 5.5 3.77831 5.59369 3.57738C5.69305 3.36431 5.86431 3.19305 6.07738 3.09369C6.27831 3 6.53739 3 7.05556 3H16.9444C17.4626 3 17.7217 3 17.9226 3.09369C18.1357 3.19305 18.3069 3.36431 18.4063 3.57738C18.5 3.77831 18.5 4.03739 18.5 4.55556V10.5C18.5 14.0899 15.5899 17 12 17ZM12 17V21M17 21H7M22 5V10M2 5V10" stroke="%23962715" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }

.graduation-hat-01::before {
  content: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 10.0001V16.0112C5 16.3702 5 16.5496 5.05465 16.7081C5.10299 16.8482 5.18187 16.9759 5.28558 17.0817C5.40287 17.2015 5.5634 17.2818 5.88446 17.4423L11.2845 20.1423C11.5468 20.2735 11.678 20.3391 11.8156 20.3649C11.9375 20.3877 12.0625 20.3877 12.1844 20.3649C12.322 20.3391 12.4532 20.2735 12.7155 20.1423L18.1155 17.4423C18.4366 17.2818 18.5971 17.2015 18.7144 17.0817C18.8181 16.9759 18.897 16.8482 18.9453 16.7081C19 16.5496 19 16.3702 19 16.0112V10.0001M2 8.50006L11.6422 3.67895C11.7734 3.61336 11.839 3.58056 11.9078 3.56766C11.9687 3.55622 12.0313 3.55622 12.0922 3.56766C12.161 3.58056 12.2266 3.61336 12.3578 3.67895L22 8.50006L12.3578 13.3212C12.2266 13.3868 12.161 13.4196 12.0922 13.4325C12.0313 13.4439 11.9687 13.4439 11.9078 13.4325C11.839 13.4196 11.7734 13.3868 11.6422 13.3212L2 8.50006Z" stroke="%23962715" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }

.certificate-01::before {
  content: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 20H5C3.89543 20 3 19.1046 3 18V4C3 2.89543 3.89543 2 5 2H19C20.1046 2 21 2.89543 21 4V18C21 19.1046 20.1046 20 19 20H17.5M12 19C13.6569 19 15 17.6569 15 16C15 14.3431 13.6569 13 12 13C10.3431 13 9 14.3431 9 16C9 17.6569 10.3431 19 12 19ZM12 19L12.0214 18.9998L8.82867 22.1926L6.00024 19.3641L9.01965 16.3447M12 19L15.1928 22.1926L18.0212 19.3641L15.0018 16.3447M9 6H15M7 9.5H17" stroke="%23962715" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }

.certificate-02::before {
  content: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 18.5H15M7 15H17M5 2H19C20.1046 2 21 2.99492 21 4.22222V19.7778C21 21.0051 20.1046 22 19 22H5C3.89543 22 3 21.0051 3 19.7778V4.22222C3 2.99492 3.89543 2 5 2ZM11.9976 6.21194C11.2978 5.4328 10.1309 5.22321 9.25414 5.93667C8.37738 6.65013 8.25394 7.84299 8.94247 8.6868C9.631 9.53061 11.9976 11.5 11.9976 11.5C11.9976 11.5 14.3642 9.53061 15.0527 8.6868C15.7413 7.84299 15.6329 6.64262 14.7411 5.93667C13.8492 5.23072 12.6974 5.4328 11.9976 6.21194Z" stroke="%23962715" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }

.award-01::before {
  content: url('data:image/svg+xml;utf8,<svg width="17" height="22" viewBox="0 0 17 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.36866 14.4599L3.5 21L8.0884 18.247C8.23805 18.1572 8.31288 18.1123 8.39276 18.0947C8.46341 18.0792 8.53659 18.0792 8.60724 18.0947C8.68712 18.1123 8.76195 18.1572 8.9116 18.247L13.5 21L12.6319 14.4571M12.9259 3.24888C13.0803 3.6224 13.3768 3.9193 13.75 4.0743L15.0589 4.61648C15.4325 4.77121 15.7292 5.06799 15.884 5.44154C16.0387 5.81509 16.0387 6.23481 15.884 6.60836L15.3422 7.91635C15.1874 8.29007 15.1872 8.71021 15.3427 9.08374L15.8835 10.3913C15.9602 10.5764 15.9997 10.7747 15.9997 10.975C15.9998 11.1752 15.9603 11.3736 15.8837 11.5586C15.8071 11.7436 15.6947 11.9118 15.5531 12.0534C15.4114 12.195 15.2433 12.3073 15.0582 12.3839L13.7503 12.9256C13.3768 13.0801 13.0799 13.3765 12.9249 13.7498L12.3827 15.0588C12.228 15.4323 11.9312 15.7291 11.5577 15.8838C11.1841 16.0386 10.7644 16.0386 10.3909 15.8838L9.08296 15.342C8.70942 15.1877 8.28987 15.188 7.91656 15.3429L6.60767 15.8843C6.23434 16.0387 5.81501 16.0386 5.44178 15.884C5.06854 15.7293 4.77194 15.4329 4.61711 15.0598L4.07479 13.7504C3.92035 13.3769 3.62391 13.08 3.25064 12.925L1.94175 12.3828C1.56838 12.2282 1.27169 11.9316 1.11691 11.5582C0.962131 11.1849 0.961921 10.7654 1.11633 10.3919L1.6581 9.08391C1.81244 8.71035 1.81213 8.29079 1.65722 7.91746L1.11623 6.60759C1.03953 6.42257 1.00003 6.22426 1 6.02397C0.999968 5.82369 1.0394 5.62536 1.11604 5.44032C1.19268 5.25529 1.30504 5.08716 1.44668 4.94556C1.58832 4.80396 1.75647 4.69166 1.94152 4.61508L3.24947 4.07329C3.62265 3.91898 3.91936 3.6229 4.07448 3.25004L4.61664 1.94111C4.77136 1.56756 5.06813 1.27078 5.44167 1.11605C5.8152 0.961318 6.2349 0.961318 6.60844 1.11605L7.91638 1.65784C8.28993 1.81218 8.70948 1.81187 9.08279 1.65696L10.3922 1.11689C10.7657 0.962245 11.1853 0.962277 11.5588 1.11697C11.9322 1.27167 12.229 1.56837 12.3837 1.94182L12.926 3.25115L12.9259 3.24888Z" stroke="%23962715" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }

.award-02::before {
  content: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.87625 13.0953L4.70122 7.87653C4.44132 7.55166 4.31138 7.38922 4.21897 7.20834C4.13698 7.04787 4.07706 6.87705 4.04084 6.70052C4 6.50155 4 6.29354 4 5.8775V5.2C4 4.0799 4 3.51984 4.21799 3.09202C4.40973 2.71569 4.71569 2.40973 5.09202 2.21799C5.51984 2 6.0799 2 7.2 2H16.8C17.9201 2 18.4802 2 18.908 2.21799C19.2843 2.40973 19.5903 2.71569 19.782 3.09202C20 3.51984 20 4.0799 20 5.2V5.8775C20 6.29354 20 6.50155 19.9592 6.70052C19.9229 6.87705 19.863 7.04787 19.781 7.20834C19.6886 7.38922 19.5587 7.55166 19.2988 7.87652L15.1238 13.0953M5.00005 3L12.0001 12L19 3M15.5355 13.4645C17.4882 15.4171 17.4882 18.5829 15.5355 20.5355C13.5829 22.4882 10.4171 22.4882 8.46446 20.5355C6.51185 18.5829 6.51185 15.4171 8.46446 13.4645C10.4171 11.5118 13.5829 11.5118 15.5355 13.4645Z" stroke="%23962715" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }

.award-03::before {
  content: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.13515 11.189L3.3304 4.38052C2.89291 3.59765 2.67417 3.20621 2.71103 2.88573C2.7432 2.60611 2.8917 2.353 3.1201 2.18852C3.38188 2 3.83029 2 4.72711 2H6.96193C7.29523 2 7.46187 2 7.61135 2.04813C7.74362 2.09073 7.86556 2.16042 7.96939 2.25276C8.08674 2.35712 8.17132 2.5007 8.3405 2.78788L12.0001 9L15.6597 2.78788C15.8289 2.5007 15.9135 2.35712 16.0308 2.25276C16.1347 2.16042 16.2566 2.09073 16.3889 2.04813C16.5383 2 16.705 2 17.0383 2H19.2731C20.1699 2 20.6183 2 20.8801 2.18852C21.1085 2.353 21.257 2.60611 21.2892 2.88573C21.326 3.20621 21.1073 3.59765 20.6698 4.38052L16.8651 11.189M10.5001 14L12.0001 13V18M10.7501 18H13.2501M16.5963 10.9038C19.1347 13.4422 19.1347 17.5578 16.5963 20.0962C14.0579 22.6346 9.94232 22.6346 7.40391 20.0962C4.8655 17.5578 4.8655 13.4422 7.40391 10.9038C9.94231 8.3654 14.0579 8.3654 16.5963 10.9038Z" stroke="%23962715" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }