/* Глобальные переменные */
:root {
  /* размеры */

  --max-data-width: 1800px;
  --wrap-data-padding: 0 2rem;
  --base-font-size: 20px;

  /* цвета */
  --white-color: #fff;
  --black-color: #000;
  --gray-color: #999;
  --red-color: #ff0000;

  --thin-gray-color: #f6f6f6;
  
  --thin-brown-color: #f8f4ec;
  --lite-brown-color: #e9dfcb;
  --middle-brown-color: #847969;
  --brown-color: #5b4520;
  --dark-green-color: #4e5033;

  --wr-gray-color: #ececec;
  --wr-gray-hover-color: #c4c4c4;



  /* логотип */
  --logo: url(../images/logo-lunacharskiy-official.svg) left top no-repeat;
  --logo-w: url(../images/logo-w-lunacharskiy.svg) left top no-repeat;

  /* фоны */
  --logo-l-w-bg: url(../images/logo-l-w.png) bottom right no-repeat;

  --slider-data-bg: rgba(78, 80, 51, 0.99);
  --slider-middle-data-bg: rgba(132, 121, 105, 0.99);

  --white-bg-10: rgba(255, 255, 255, 0.1);

  --black-bg-50: rgba(0, 0, 0, 0.5);
  --black-bg-35: rgba(0, 0, 0, 0.35);
  --black-bg-25: rgba(0, 0, 0, 0.25);
  --black-bg-10: rgba(0, 0, 0, 0.1);
  --black-bg-7_5: rgba(0, 0, 0, 0.075);
  --black-bg-5: rgba(0, 0, 0, 0.05);

  --black-bottom-bg-gradient: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.7) 15%,
    transparent
  );

  --dark-green-bg-50: rgba(78, 80, 51, 0.5);
  --dark-green-bg-85: rgba(78, 80, 51, 0.85);

  --white-bg-95: rgba(255, 255, 255, 0.95);


  /* размеры фонов */
  --bg-full-height: auto 100%;
  --bg-height-90: auto 90%;
  --bg-height-80: auto 80%;
  --bg-height-75: auto 75%;
  --bg-height-70: auto 70%;
  --bg-height-60: auto 60%;
  --bg-height-50: auto 50%;
  --bg-height-40: auto 40%;
  --bg-height-35: auto 35%;
  --bg-height-30: auto 30%;
  --bg-height-25: auto 25%;
      
  --bg-full-width: 100% auto;
  --bg-width-90: 90% auto;
  --bg-width-80: 80% auto;
  --bg-width-75: 75% auto;
  --bg-width-70: 70% auto;
  --bg-width-60: 60% auto;
  --bg-width-50: 50% auto;

  /* иконки */
  --menu-icon: url(../images/icon-menu.svg) left center no-repeat;
  --phone-icon: url(../images/icon-phone.svg) left center no-repeat;
  --phone-w-icon: url(../images/icon-w-phone.svg) left center no-repeat;
  --clock-icon: url(../images/icon-clock.svg) left center no-repeat;
  --close-icon: url(../images/icon-close.svg) center top no-repeat;

  --scroll-arrow-icon: url(../images/icon-scroll-arrow.svg) center center
    no-repeat;
  --brown-arrow-icon: url(../images/arrow-brown.svg) center center no-repeat;
  /* --white-arrow-icon :  url(../images/arrow-white.svg) center center no-repeat;  */

  --ok-icon: url(../images/icon-ok.svg) center center no-repeat;
  --ok-gray-icon: url(../images/icon-ok-gray.svg) center center no-repeat;
  --vk-icon: url(../images/icon-vk.svg) center center no-repeat;
  --vk-gray-icon: url(../images/icon-vk-gray.svg) center center no-repeat;
  --tg-icon: url(../images/icon-tg.svg) center center no-repeat;
  --tg-gray-icon: url(../images/icon-tg-gray.svg) center center no-repeat;

  --home-icon: url(../images/icon-home.svg) center center no-repeat;
  --eye-icon: url(../images/icon-eye.svg) center center no-repeat;
  --eye-w-icon: url(../images/icon-eye-white.svg) center center no-repeat;

  --pushkin-icon: url(../images/pushkin.png) center top no-repeat;


}

/* Сетка */
.flex-columns {
  position: relative;
  width: 100%;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}
.flex-columns.top-align {
  align-items: stretch;
}
.flex-columns.end-align {
  align-items: end;
}

.flex-columns.content-left {
  justify-content: flex-start;
}
.flex-columns.content-right {
  justify-content: flex-end;
}
.flex-columns.content-center {
  justify-content: center;
}
.flex-columns.content-between {
  justify-content: space-between;
}
.flex-columns.content-around {
  justify-content: space-around;
}

.col-1,
.col-1x1 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.col-1x2 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-1x3 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.3%;
  max-width: 33.3%;
}
.col-2x3 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66666%;
  flex: 0 0 66.6%;
  max-width: 66.6%;
}

.col-1x4 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-3x4 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-1x5 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.col-2x5 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
}
.col-3x5 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
}
.col-4x5 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
}

.col-1x6 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66666%;
  flex: 0 0 16.6%;
  max-width: 16.6%;
}
.col-5x6 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.3%;
  max-width: 83.3%;
}

.col-1x7 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 14.25%;
  flex: 0 0 14.25%;
  max-width: 14.25%;
}
.col-2x7 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 28.5%;
  flex: 0 0 28.5%;
  max-width: 28.5%;
}
.col-3x7 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 42.85%;
  flex: 0 0 42.85%;
  max-width: 42.85%;
}
.col-4x7 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 57.15%;
  flex: 0 0 57.15%;
  max-width: 57.15%;
}
.col-5x7 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 71.5%;
  flex: 0 0 71.5%;
  max-width: 71.5%;
}
.col-6x7 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 85.75%;
  flex: 0 0 85.75%;
  max-width: 85.75%;
}

.col-1x8 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.col-3x8 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 37.5%;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.col-5x8 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 62.5%;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.col-7x8 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 62.5%;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}

.col-1x12 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}
.col-11x12 {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66666%;
  flex: 0 0 91.66666%;
  max-width: 91.66666%;
}

/* Тэги */
html {
  min-height: 100%;
  margin: 0;
  padding: 0;
  font-size: var(--base-font-size);
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
body {
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: "Averta-Regular", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  color: var(--black-color);
  -webkit-text-size-adjust: 100%;
  transition: 0.5s ease-out;
  -webkit-animation: fade-animation 1s both;
  animation: fade-animation 1s both;
}
body.fix {
  overflow: hidden;
  height: 100vh;
}

form {
  padding: 0;
  margin: 0;
}
p {
  margin: 0;
  padding: 0 0 0.5rem;
}
a {
  text-decoration: none;
  cursor: pointer;
  color: var(--dark-green-color);
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a:hover {
  opacity: 1 !important;
  color: var(--black-color);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
b {
  font-weight: 500;
}
img,
a img {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  font-weight: 300;
  color: var(--black-color);
}
h1 {
  font-size: 3.25rem;
}
h2 {
  font-size: 2.75rem;
}
h3 {
  font-size: 2rem;
  line-height: 1.1;
}
h4 {
  font-size: 1.5rem;
  line-height: 1.1;
}

iframe {
  border-width: 0px;
}

input[type="text"],
input[type="number"],
input[type="password"],
textarea,
select {
  border: solid 1px var(--white-color);
  outline: 0 !important;
  font-family: "Raleway", sans-serif;
}

input[type="text"]::-webkit-input-placeholder {
  color: var (--light-gray-color);
  font-weight: 300 !important;
}
input[type="text"]::-moz-placeholder {
  color: var (--light-gray-color);
  font-weight: 300 !important;
}
input[type="number"]::-webkit-input-placeholder {
  color: var (--light-gray-color);
  font-weight: 300 !important;
}
input[type="number"]::-moz-placeholder {
  color: var (--light-gray-color);
  font-weight: 300 !important;
}
textarea::-webkit-input-placeholder {
  color: var (--light-gray-color);
}
textarea::-moz-placeholder {
  color: var (--light-gray-color);
}

/* input[type="text"].errorinput { border:solid 1px var(--red-color) !important; } */
div.erroritem {
  border: solid 1px var(--red-color) !important;
}
input[type="text"].errorinput::-webkit-input-placeholder {
  font-weight: 300;
  font-size: 0.75rem;
  color: var(--red-color);
}
input[type="text"].errorinput::-moz-placeholder {
  font-weight: 300;
  font-size: 0.75rem;
  color: var(--red-color);
}
textarea.errorinput::-webkit-input-placeholder {
  font-weight: 300;
  font-size: 0.75rem;
  color: var(--red-color);
}
textarea.errorinput::-moz-placeholder {
  font-weight: 300;
  font-size: 0.75rem;
  color: var(--red-color);
}

/* Секции */
.wrapper {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
}
.wrapper .wrap {
  position: relative;
  display: block;
  max-width: var(--max-data-width);
  margin: auto;
  padding: var(--wrap-data-padding);
}

/* Шапка */
.wrtop {
  /* border-bottom:solid 1px; */
  position: relative;
  background-color: var(--white-color);
  z-index: 6;
}

.wrtop.fixed-menu {
  position: fixed;
  top: 0;
  box-shadow: 0 0 0.5rem rgb(17 56 86 / 20%);
  z-index: 10000;
}

.wrtop .wrap {
  margin: 0.75rem 0;
}

.wrtop .logo {
  position: relative;
  width: 19rem;
  max-width: 100%;
  padding-left: 1rem;
}
.wrtop .logo a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 0;
  padding-top: 18%;
  background: var(--logo);
  background-size: var(--bg-full-height);
  overflow: hidden;
}

.wrtop .top-data {
  width: 100%;
  text-align: right;
}
.wrtop .top-data .top-info {
  display: inline-block;
  width: 38rem;
  max-width: 100%;
}
.wrtop .top-contacts {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
}
.wrtop .top-contacts ul {
  position: relative;
  padding: 0;
  margin: 0;
  display: inline-block;
  list-style: none;
  text-align: right;
}
.wrtop .top-contacts ul li {
  display: block;
}
.wrtop .top-contacts .kassa {
  position: relative;
  font-size: 0.75em;
  text-transform: uppercase;
}
.wrtop .top-contacts .phone {
  position: relative;
  padding-top: 0.2rem;
  font-size: 1.25rem;
}
.wrtop .top-contacts .worktime {
  position: relative;
  display: inline-block;
  font-size: 0.7rem;
  opacity: 0.6;
  white-space: nowrap;
}
.wrtop .top-contacts .worktime::before {
  content: "";
  position: absolute;
  top: 0;
  left: -0.9rem;
  width: 0.85rem;
  height: 0.85rem;
  background: var(--clock-icon);
  background-size: var(--bg-height-75);
}

.wrtop .top-order,
.wrend .top-order {
  position: relative;
  display: flex;
  width: 10rem;
  margin-left: 2.5rem;
  margin-right: 1.25rem;
  text-align: left;
  flex-grow: 0;
}
.wrtop .top-order a,
.wrend .top-order a {
  position: absolute;
  display: inline-block;
  top: -1rem;
  left: 0;
  width: calc(100% - 2rem);
  height: 150%;
  padding: 1rem;
  font-size: 1.4rem;
  color: var(--white-color);
  background-color: var(--dark-green-color);
}
.wrtop .top-order a label,
.wrend .top-order a label {
  font-size: 1rem;
}
.wrtop .top-order a::after,
.wrend .top-order a::after {
  content: "";
  position: absolute;
  bottom: 10%;
  right: 7.5%;
  width: 25%;
  height: 0;
  padding-bottom: 25%;
  background: var(--logo-l-w-bg);
  background-size: var(--bg-full-height);
}
.wrtop .top-order a:hover,
.wrend .top-order a:hover {
  background-color: var(--dark-green-color);
}
.wrtop .top-menu-link {
  display: flex;
  width: 4rem;
  flex-grow: 0;
  justify-content: center;
  align-self: center;
}
.wrtop .top-menu-link a {
  display: inline-block;
  cursor: pointer;
  width: 2.8rem;
  height: 2.8rem;
  background: var(--menu-icon);
  background-size: var(--bg-full-height);
  opacity: 0.75;
}
.wrtop .top-menu-link a:hover {
  opacity: 1;
}

/* Слайдер на главной */
.wrslider {
  margin-top: 0.5rem;
  z-index: 4;
}
.slider-item {
  position: relative;
  padding: var(--wrap-data-padding);
}
.slider-item .slider-img {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 40%;
  overflow: hidden;
}
.slider-item .slider-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--black-bottom-bg-gradient);
}

/* .slider-data { position:absolute;  left:0; bottom:7.5%; padding:1.5rem; color:var(--white-color); background: var(--slider-middle-data-bg); } */
.slider-data {
  position: absolute;
  display: inline-block;
  width: calc(100% - 4rem);
  left: 2rem;
  right: 2rem;
  bottom: 10%;
  color: var(--white-color);
  text-align: left;
}
.slider-data-wrap {
  position: relative;
  display: inline-block;
  padding-right: 4rem;
  margin-left: 3%;
}
.slider-title {
  position: relative;
}
.slider-data .slider-title h3 {
  position: relative;
  padding-bottom: 0.25rem;
  color: var(--white-color);
  font-size: 3rem;
  text-transform: uppercase;
}
.slider-data .slider-title span {
  font-size: 1rem;
  text-transform: uppercase;
  opacity: 0.8;
}
.slider-data .slider-title p {
  font-size: 0.9rem;
  opacity: 0.8;
}

.slider-date {
  position: relative;
  margin-bottom: 1rem;
  vertical-align: middle;
  text-transform: uppercase;
  opacity: 0.7;
}
.slider-date span {
  display: inline-block;
  vertical-align: middle;
  font-size: 2.5rem;
  font-weight: 400;
  margin-right: 0.5rem;
}
.slider-date p {
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  font-size: 1.3rem;
  text-align: left;
  opacity: 0.7;
}
.slider-date p span {
  display: block;
  font-size: 0.65rem;
  font-weight: 400;
  text-transform: lowercase;
}

.slider-date {
  display: block;
  font-size: 0.75rem;
}
.slider-scene {
  font-size: 0.6rem;
  display: none;
  text-transform: uppercase;
  opacity: 0.7;
}

.slider-data a {
  color: var(--white-color);
}

/* Карусель изображений */
.page-gallery {
  position: relative;
  width: 100%;
  padding-bottom: 2rem;
}
.page-gallery .gallery-item {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 55%;
  overflow: hidden;
}

/* Блок изображений */
.page-gallery-block {
  position: relative;
  width: 100%;
  padding-bottom: 2rem;
}
.page-gallery-block .page-gallery-first-v {
  position: sticky;
  top: calc(100vh / 250);
  width: 95%;
  margin-right: 5%;
}
.page-gallery-block .page-gallery-first-v span {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 0;
  padding-top: 138%;
  overflow: hidden;
}

.page-gallery-block .page-gallery-first-v span .perf-stickers{
  position: absolute;
  display: inline-block;
  top:2.5%;
  left:3.5%;
  width: 15%;
  overflow: hidden;
  z-index:24;
}
.page-gallery-block .page-gallery-first-v span .perf-stickers label{
  position:relative;
  display:block; 
  width:100%; 
  height:0; 
  padding-top:100%;
  margin-bottom:0.25rem;
  border-radius:50%;
  background-color: var(--middle-brown-color);
  overflow: hidden;
}


.page-gallery-block .gallery-item {
  position: relative;
  width: 98%;
  height: 0;
  padding-top: 65%;
  margin: 0 1%;
  margin-bottom: 0.25rem;
  overflow: hidden;
}

/* Афиша на главной */
.wrevents {
  padding-top: 1rem;
  margin-top: 2rem;
}
.wrevents:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  height: 12rem;
  background-color: var(--lite-brown-color);
  opacity: 0.6;
}

.afisha-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.afisha-wrap {
  position: relative;
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
}

.event-item {
  position: relative;
  width: calc(100% - 2rem);
  margin: 1rem 1rem;
  overflow: hidden;
}

.event-img {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 155%;
  background-color: var(--thin-gray-color);
  overflow: hidden;
}

.event-item .perf-stickers {
  position: relative;
}

.event-item .perf-stickers p span {
  text-transform:uppercase; 
}


.event-data {
  position: relative;
  margin-top: 0.15rem;
  padding-left: 5%;
  padding-bottom: 0.5rem;
  color:var(--dark-green-color);
  text-align: left;  
  z-index: 4;
}
.event-data::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 2.25rem);
  height: 3.2rem;
  background-color: var(--lite-brown-color);
  opacity: 0.25;
  z-index: 4;
}
.event-data .event-date {
  position: absolute;
  bottom: calc(100% - 1rem);
  display: inline-block;
  width: 100%;
  background-color: var(--middle-brown-color);
  z-index: 5;
}
.event-data .event-date span {
  display: inline-block;
  margin-left: 1rem;
  padding: 0.5rem 0;
  color: var(--white-color);
  font-size: 1.3rem;
}
.event-data .event-scene {
  position: relative;
  padding-top: 1.6rem;
  margin-bottom: 0.5rem;
  font-size: 0.8rem;
  /* color: var(--middle-brown-color); */
}
.event-data .event-scene span {
  font-size: 0.75rem;
}
.event-data h3 {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  z-index: 5;
}
.event-data p {
  position: relative;
  display: block;
  padding-right: 4rem;
  font-size: 0.8rem;
  font-size: 0.7rem;
  color:var(--dark-green-color);
}
.event-data p span {
  display: block;
  color: var(--middle-brown-color);
}
.event-data p label {
  position: absolute;
  bottom: 0.31rem;
  right: 0.35rem;
  display: inline-block;
  color: var(--brown-color);
  font-size: 1.15rem;
}

.event-data p label a {
  position: relative;
  display:inline-block;
  margin-left:0.2rem;
  display: -moz-inline-stack;
  vertical-align: text-top;
  zoom: 1;
}

.event-data p label a.pushkin-in-list {
  display:inline-block; 
  width:1.25rem; 
  height:1.15rem; 
  margin-top:0.1rem;
  background: var(--pushkin-icon); 
  background-size:var(--bg-height-90); 
  overflow: hidden; 
}

.event-item .button {
  position: absolute;
  bottom: calc(100% - 0.35rem);
  right: 3.5%;
  width: 55%;
  margin-left: 35%;
  z-index: 8;
}

/*
  .person-list-item .event-data .event-scene { padding-top:0; margin-bottom:0; }  
  .person-list-item .event-data h3 { padding-top:1.75rem; padding-bottom:1.15rem;}
  .person-list-item .event-data::before { content:''; position:absolute; top:0; left:0; width:calc(100% - 1.25rem); height:3.5rem; background-color: var(--lite-brown-color); opacity:0.4; z-index:4;  }
  */
.person-list-item .event-data p {
  font-size: 0.7rem;
  padding-right: 0.25rem;
}
.person-list-item .event-data .button a {
  padding: 0.75rem 0;
}

.wrevents .title .months {
  position: absolute;
  display: inline-block;
  right: 0;
}

.wrevents .title .months .addm {
  display:none;
} 
.wrevents .title .months .adds {
  display:inline-block;
  margin-top:0.5rem;
}


.wrevents .title .months a {
  position: relative;
  display: inline-block;
  padding: 0.25rem 1rem;
  font-size: 2rem;
  margin-top:-0.75rem;
}
.wrevents .title .months a span {
  position: relative;
  display: inline-block;
  padding: 0.5rem 0;
  color: var(--middle-brown-color);
  opacity: 0.6;
}
.wrevents .title .months a.active span {
  color: var(--black-color);
  font-size: 1.2rem;
  opacity: 1;
}
.wrevents .title .months a:hover span {
  opacity: 1;
}
.wrevents .title .months a::before {
  content: "";
  position: absolute;
  display: inline-block;
  bottom: 5%;
  right: -1px;
  top: 20%;
  height: 75%;
  width: 1px;
  background-color: var(--black-bg-10);
}
.wrevents .title .months a:last-child {
  padding-right: 0;
}
.wrevents .title .months a:last-child::before {
  display: none;
}

/* Список спектаклей */
/* .wrperforms .event-data::before { display:none !important; }  */

/* Новости */
.wrnews {
  padding-top: 1.5rem;
  margin-top: 2rem;
  overflow-x: hidden !important;
}
.wrnews:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 38%;
  height: 12rem;
  background-color: var(--lite-brown-color);
  opacity: 0.4;
}

.news-wrapper {
  position: relative;
  width: 100%;
  z-index: 5;
}
.news-wrap {
  position: relative;
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
}

.news-item {
  position: relative;
  width: calc(100% - 2.5rem);
  margin: 1rem 1.25rem;
  overflow: hidden;
}
.news-img {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 60%;
  overflow: hidden;
}

.news-data {
  position: relative;
  width: 94%;
  padding: 1.5rem 3%;
  font-size: 0.8rem;
  text-align: left;
}
.news-data:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  bottom: 0;
  right: 7%;
  width: 35%;
  background-color: var(--lite-brown-color);
  opacity: 0.25;
}
.news-data .news-date {
  position: absolute;
  bottom: calc(100% - 1.5rem);
  left: 3%;
  padding: 1rem 1.25rem;
  padding-top: 2rem;
  font-size: 0.9rem;
  color: var(--white-color);
  background-color: var(--middle-brown-color);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.news-item:hover .news-data .news-date {
  background-color: var(--dark-green-color);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.news-data h4 {
  position: relative;
  padding: 1rem 0;
  font-size: 1.25rem;
  padding-right: 10%;
}
.news-data p {
  padding-right: 15%;
}

.wrnews .owl-nav {
  position: absolute;
  top: -2.75rem;
  right: 1.25rem;
  text-align: left;
  z-index: 7;
}
.wrnews .owl-nav .owl-prev {
  position: relative;
  width: 1.5rem;
  height: 1.25rem;
  margin-right: 8rem;
  background: var(--brown-arrow-icon);
  background-size: var(--bg-full-height);
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0.5;
}
.wrnews .owl-nav .owl-prev:hover {
  opacity: 1;
}
.wrnews .owl-nav .owl-next {
  position: relative;
  width: 1.5rem;
  height: 1.25rem;
  background: var(--brown-arrow-icon);
  background-size: var(--bg-full-height);
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  opacity: 0.5;
}
.wrnews .owl-nav .owl-next:hover {
  opacity: 1;
}

.wrnews .allnews {
  position: absolute;
  display: inline-block;
  top: 0.15rem;
  right: 3.65rem;
  z-index: 10;
}
.wrnews .allnews a {
  position: relative;
  display: inline-block;
  padding: 0.25rem 1rem;
  font-size: 1rem;
  color: var(--middle-brown-color);
  text-transform: lowercase;
  opacity: 0.6;
}
.wrnews .allnews a:hover {
  opacity: 1;
}

.wr-news-list .news-season {
  position: absolute;
  right: 2rem;
  top: -0.25rem;
  font-size: 1.75rem;
  color: var(--dark-green-color);
  opacity: 0.4;
}

.wr-news-seasons {
  position: relative;
  margin: 1rem 0;
  padding-top: 1.5rem;
  text-align: left;
}
.wr-news-seasons:before {
  content: "";
  position: absolute;
  right: 25%;
  top: 0;
  left: 0;
  height: 1px;
  background-color: var(--black-bg-10);
}
.wr-news-seasons .seasons-list {
  width: 70%;
  padding: var(--wrap-data-padding);
  font-size: 0.9rem;
}
.wr-news-seasons .seasons-list span {
  display: inline-block;
  color: var(--middle-brown-color);
}
.wr-news-seasons .seasons-list a {
  display: inline-block;
  width: 2rem;
  height: 1.6rem;
  margin: 0.5rem 0;
  line-height: 1.6rem;
  font-size: 0.9rem;
  text-align: center;
}
.wr-news-seasons .seasons-list a.active {
  color: var(--white-color);
  background-color: var(--middle-brown-color);
}

/* Афиша */

.wrafisha .wrevents .title {
  height: 2.5rem;
}
.wrafisha .wrevents .title .months {
  right: unset;
  left: -1rem;
}

/* Страница новости, спектакля */

.wr-page-news .wr-data-news {
  position: sticky;
  display: inline-block;
  bottom: 1rem;
  width: 95%;
}
.wr-page-news .page-sidebar {
  position: absolute;
  top: -2rem;
}
.wr-page-news .page-sidebar h3 {
  padding-bottom: 1.5rem;
  font-size: 1.75rem;
  color: var(--dark-green-color);
  opacity: 0.4;
}
.wr-page-news .page-sidebar .prev-news-item {
  position: relative;
  padding-bottom: 1rem;
  font-size: 0.7rem;
}
.wr-page-news .page-sidebar .prev-news-item .prev-news-title {
  position: relative;
  padding: 0.7rem 5%; /* padding-left:7.5%; */
  margin-bottom: 0.5rem;
}
.wr-page-news .page-sidebar .prev-news-item .prev-news-title:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0; /* width:30%; */
  width: 100%;
  background-color: var(--lite-brown-color);
  opacity: 0.4;
}
.wr-page-news .page-sidebar .prev-news-item h4 {
  position: relative;
  padding-bottom: 0.25rem;
  font-size: 1.2rem;
}
.wr-page-news .page-sidebar .prev-news-item .news-date {
  position: relative;
  padding-bottom: 0;
  font-size: 0.6rem;
}
.wr-page-news .page-sidebar .prev-news-item p {
  opacity: 0.75;
}

.wr-page-news .page-sidebar .all-news a {
  position: relative;
  display: inline-block;
  padding-left: 5%;
  border-left: solid 1px var(--middle-brown-color);
  text-transform: lowercase;
}

/* Страница  спектакля */

.perf-sidebar-items {
  position: relative;
  padding-bottom: 1.5rem;
}
.perf-sidebar-items .item-title {
  position: relative;
  width: 100%;
}
.perf-sidebar-items .item-title:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0; /* width: 22%; */
  width: 100%;
  background-color: var(--lite-brown-color);
  opacity: 0.4;
}
.perf-sidebar-items .item-title h4 {
  position: relative;
  padding: 0.7rem 0;
  padding-left: 7.5%;
  margin-bottom: 1rem;
  color: var(--dark-green-color);
}
.perf-sidebar-items .perf-sidebar-item {
  position: relative;
  padding-bottom: 0.5rem;
  padding-left: 7.5%;
  font-size: 0.85rem;
  color:var(--dark-green-color);
}
.perf-sidebar-items .perf-sidebar-item span {
  position: relative;
  display: block;
  padding-bottom: 0.15rem;
  padding-right: 0.5rem;
  font-size: 0.7rem;
  /* opacity: 0.6; */
}
/* .perf-sidebar-items .perf-sidebar-item a { white-space: nowrap } */
.perf-sidebar-items .perf-sidebar-item p {
  text-align: left !important;
}
.perf-sidebar-items .perf-sidebar-item {
  position: relative;
  padding-bottom: 0.5rem;
  padding-left: 7.5%;
  font-size: 0.85rem;
}
.perf-sidebar-items .perf-sidebar-item ul {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
}
.perf-sidebar-items .perf-sidebar-item ul li {
  position: relative;
  padding: 0;
  margin: 0;
  margin-bottom: 0.4rem;
}
.perf-sidebar-items .perf-sidebar-item ul li:last-child {
  margin-bottom: 0;
}

.perf-sidebar-items .perf-sidebar-item.role-item {
  font-size: 0.8rem;
}

.perform-page .pagetitle span {
  position: absolute;
  display: inline-block;
  right: 0.75rem;
  bottom: 0.75rem;
  font-size: 1.1rem !important;
  font-weight: bold;
   opacity: 0.5; 
}

.pagetitle span a.pushkin-in-list {
  display:inline-block; 
  width:1.25rem; 
  height:1.15rem; 
  margin-bottom: -0.2rem;
  background: var(--pushkin-icon); 
  background-size:var(--bg-height-90); 
  overflow: hidden; 
}



.perf-add-data {
  position: relative;
  margin-bottom: 1rem;
  font-size: 0.9rem;
  color: var(--brown-color);
}
.perf-add-data .perf-premiere {
  position: relative;
  width: 100%;
  text-align: right;
}

.perf-tickets {
  background-color: var(--white-color);
}
.perf-tickets .button a {
  padding: 1.5rem 0;
  font-size: 1.4rem;
}

.perf-tickets .perf-event {
  text-align: center;
}
.perf-tickets .perf-event:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; /* background-color: var(--lite-brown-color); */
  background-color: var(--dark-green-color);
  opacity: 0.75;
}
.perf-tickets .perf-event a {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  align-self: center;
  font-size: 1.15rem;
  color: var(--white-color);
}
.perf-tickets .perf-event a sup {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  opacity: 0.75;
}

.perf-sidebar-items .perf-sidebar-item .smi-link-item {
  padding-bottom: 1rem;
}
.perf-sidebar-items .perf-sidebar-item .smi-link-item a {
  white-space: unset;
}

/* Инфоблоки */
.wriblock {
  padding-top: 1.5rem; /* margin-top:2rem; */
  overflow: hidden;
}
.wriblock:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  height: 12rem;
  background-color: var(--lite-brown-color);
  opacity: 0.4;
}

.news-wrapper {
  position: relative;
  width: 100%;
  z-index: 5;
}
.news-wrap {
  position: relative;
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
}

.iblock-item {
  position: relative;
  width: calc(100% - 2.5rem);
  margin: 1rem 1.25rem;
  overflow: hidden;
}
/* .iblock-item:before { content:''; position:absolute; top:0; left:1rem; bottom:0; right:0; width:calc(100% - 1rem);  background-color: var(--white-color); }    */
.iblock-img {
  position: relative; /* margin-top:1rem; width:calc(100% - 1rem); */
  width: 100%;
  height: 0;
  padding-top: 53%;
  overflow: hidden;
}

.iblock-data {
  position: relative;
  width: 85%; /* margin-left:8%; */
  padding: 0.5rem 0;
  padding-top: 1.5rem;
  padding-left: 7%;
  font-size: 0.8rem;
  text-align: left;
}
.iblock-data:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  bottom: 0;
  left: 0;
  width: calc(100% - 1rem);
  background-color: var(--lite-brown-color);
  opacity: 0.4;
}
.iblock-data h4 {
  position: absolute;
  left: 5%;
  bottom: calc(100% - 1rem);
  width: 75%;
  padding: 0.75rem 0;
  padding-left: 5%;
  font-size: 1.35rem;
  color: var(--white-color);
  background-color: var(--middle-brown-color);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.iblock-item:hover .iblock-data h4 {
  background-color: var(--dark-green-color);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.iblock-data h4 a {
  color: var(--white-color);
}
.iblock-data p {
  font-size: 1.05rem;
}

.wriblock .alllink {
  position: absolute;
  display: inline-block;
  top: 0.65rem;
  right: 1.25rem;
  z-index: 10;
}
.wriblock .alllink a {
  position: relative;
  display: inline-block;
  padding: 0.25rem 1rem;
  font-size: 1rem;
  color: var(--middle-brown-color);
  opacity: 0.9;
}
.wriblock .alllink a:hover {
  opacity: 1;
}

/* оффициальные ссылки */

.wrofflinks {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.offlink-wrapper {  
  position: relative;
  width: 95%;
  margin: 0 2.5%;
}

.offlink-item {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.offlink-item {
  position: relative;
  margin-top: 1rem;
  width: calc(100% - 1rem);
  height: 0;
  padding-top: 42%;
  overflow: hidden;
}

.wrofflinks .owl-stage-outer {
  z-index: 8;
}
.wrofflinks .owl-nav {
  position: absolute;
  top: 50%;
  right: -2.5%;
  left: -2.5%;
  text-align: left;
  z-index: 7;
}
.wrofflinks .owl-nav .owl-prev {
  position: relative;
  left: 0;
  width: 1.5rem;
  height: 1.25rem;
  background: var(--brown-arrow-icon);
  background-size: var(--bg-full-height);
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0.5;
}
.wrofflinks .owl-nav .owl-prev:hover {
  opacity: 1;
}
.wrofflinks .owl-nav .owl-next {
  position: absolute;
  right: 0;
  width: 1.5rem;
  height: 1.25rem;
  background: var(--brown-arrow-icon);
  background-size: var(--bg-full-height);
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  opacity: 0.5;
}
.wrofflinks .owl-nav .owl-next:hover {
  opacity: 1;
}

/* Партнеры */
.partner-list {
  position: relative;
  margin-top: 3rem;
}
.partner-list .partner-item {
  position: relative;
  width: 98%;
  margin: 0 1%;
  margin-bottom: 2rem;
  text-align: center;
}
.partner-list .partner-item a {
  position: relative;
  display: block;
}
.partner-list .partner-item a span {
  position: relative;
  display: block;
  width: 75%;
  height: 0;
  padding-top: 75%;
  margin: 0 12.5%;
  overflow: hidden;
}
.partner-list .partner-item a span img {
  position: absolute;
  max-width: 100% !important;
  width: unset !important;
  height: unset !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}




/* Сцены */

.wrscenes {
    overflow-x: hidden !important;
}

.scenes-list {
  position: relative;
  margin-top: 3rem;
}
.scenes-list .scene-item {
  position: relative;
  width: 96%;
  margin: 0 2%;
  margin-bottom: 2rem;
  text-align: center;
}
.scenes-list .scene-item a {
  position: relative;
  display: block;
}
.scenes-list .scene-item a span {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 65%;
  overflow: hidden;
}

.scene-data {
    position: relative;
    width: 94%;
    padding: 0.75rem 3%;
    font-size: 0.8rem;
    text-align: left;
}

.scene-data:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 0;
    bottom: 0;
    right: 7%;
    width: 35%;
    background-color: var(--lite-brown-color);
    opacity: 0.25;
}

.scene-data h4 {
    position: relative;
    padding: 1rem 0;
    font-size: 1.25rem;
    padding-right: 10%;
}

.wr-page-scene {
    padding-top: 0.5rem !important;  
}





/* FAQ */

.faq-item {
  position: relative;
  width: 100%;
  margin-bottom: 1rem;
}
.faq-item .question {
  position: relative;
  cursor: pointer;
  width: calc(100% - 1.5rem);
  padding: 0.75rem;
}
.faq-item .question:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--lite-brown-color);
  opacity: 0.35;
  z-index: 4;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.faq-item .question:hover:before {
  opacity: 0.75;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.faq-item .question:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0.75rem;
  right: 0.75rem;
  width: 1.6rem;
  height: 1.6rem;
  background: var(--brown-arrow-icon);
  background-size: var(--bg-height-50);
  opacity: 0.75;
  transform: rotate(90deg);
  z-index: 5;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.faq-item .question.active:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0.75rem;
  right: 0.75rem;
  width: 1.6rem;
  height: 1.6rem;
  background: var(--brown-arrow-icon);
  background-size: var(--bg-height-50);
  opacity: 0.75;
  transform: rotate(270deg);
  z-index: 5;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.faq-item .question h3 {
  position: relative;
  padding: 0;
  margin: 0;
  font-size: 1.25rem;
  z-index: 5;
}
.faq-item .answer {
  position: relative;
  display: none;
  padding: 0.5rem 1rem;
  margin-bottom: 1em;
  margin-left: 0.75rem;
  margin-top: 1.5rem;
  font-size: 0.8rem;
  border-left: solid 1px var(--lite-brown-color);
}
.faq-item .answer ul {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0.5;
  margin-bottom: 0.5rem;
}

/* офиициальная информация */
.wr-page-info {
  position: relative;
}
.wr-page-info .wrap {
  padding: 0;
}

.wr-page-info .off-info-list {
  width: 90%;
}
.wr-page-info .off-info-list .info-list-item {
  border-top: solid 1px var(--lite-brown-color);
}
.wr-page-info .off-info-list .info-list-item a {
  position: relative;
  display: block;
  padding: 0.75rem 0;
  padding-left: 2.75rem;
  color: var(--dark-green-color);
  opacity: 0.85;
}
.wr-page-info .off-info-list .info-list-item a:hover {
  opacity: 1;
  background-color: var(--thin-brown-color);
}
.wr-page-info .off-info-list .col-1x1:first-child .info-list-item {
  border-top: unset;
}

.wr-page-info .off-info-section-text {
  position: relative;
  padding: 1rem 0;
  width: 90%;
  text-align: left;
}

.off-info-sidebat-list {
  position: relative;
}
.off-info-sidebat-list h4 {
  position: relative;
  font-size: 1.25rem;
  padding-bottom: 1rem;
}

.os-list {
  position: relative;
}
.os-list .os-item {
  position: relative;
  width: 98%;
  margin-bottom: 1rem;
}
.os-list .os-item a {
  position: relative;
  display: block;
  padding: 1rem;
  font-size: 1.25rem;
  background-color: var(--thin-brown-color);
}
.os-list .os-item a:hover {
  background-color: var(--lite-brown-color);
}

/* Главное меню */
.main-menu-overlay {
  position: fixed;
  transform: translateX(100%);
  top: 0;
  right: 0;
  left: 0;
  height: 100vh;
  background-color: var(--black-bg-25);
  overflow: hidden;
  z-index: 10000;
}
.main-menu-overlay.active {
  transform: translateX(0);
}

.main-menu {
  position: absolute;
  top: 0;
  left: calc(100% - 20rem);
  padding: 1.75rem 0;
  height: calc(100vh - 3.5rem);
  width: 20rem;
  background-color: var(--thin-gray-color);
  z-index: 10001;
  transition: 0.5s;
  transform: translateX(100%);
}
.main-menu.active {
  transform: translateX(0);
  transition: 0.5s;
}

.main-menu .logo {
  position: relative;
  width: 12em;
  max-width: 80%;
  padding-left: 2rem;
  z-index: 10003;
}
.main-menu .logo a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 0;
  padding-top: 18%;
  background: var(--logo);
  background-size: var(--bg-full-height);
  overflow: hidden;
}

.main-menu .main-menu-close {
  position: absolute;
  cursor: pointer;
  top: 2.25rem;
  right: 2rem;
  width: 1.2rem;
  height: 1.2rem;
  background: var(--close-icon);
  background-size: var(--bg-full-height);
}

.main-menu .menu-glavnoe-menyu-container {
  position: relative;
  padding: 1rem 0;
  text-align: left;
}
.main-menu .menu-glavnoe-menyu-container ul {
  padding: 0;
  margin: 0;
  margin-top: 1rem;
  list-style: none;
}
.main-menu .menu-glavnoe-menyu-container ul li {
  padding: 0;
  margin: 0;
}
.main-menu .menu-glavnoe-menyu-container ul li a {
  position: relative;
  display: inline-block;
  width: calc(100% - 5rem);
  padding: 0.5rem 2.5rem;
  font-size: 1.15rem;
}
.main-menu .menu-glavnoe-menyu-container ul li:hover a {
  background-color: var(--lite-brown-color);
}
.main-menu .menu-glavnoe-menyu-container ul li ul {
  display: none;
  padding: 0.25rem 1rem;
  margin: 0;
}
.main-menu .menu-glavnoe-menyu-container ul li ul li a {
  font-size: 0.9rem;
  background-color: unset;
}
.main-menu .menu-glavnoe-menyu-container ul li:hover ul li a {
  background-color: unset;
}
.main-menu .menu-glavnoe-menyu-container ul li ul li:hover a {
  background-color: unset;
}

/* Страницы */

.wrpagetitle {
  margin-top: 1rem;
  padding-top: 0.5rem;
  text-align: left;
}
.wrpagetitle:before {
  content: "";
  position: absolute;
  left: 25%;
  top: 0;
  right: 0;
  height: 1px;
  background-color: var(--black-bg-10);
}
.wrpagetitle .krohi {
  position: relative;
  display: inline-block;
  width: calc(100% - 2.5rem);
  padding-left: 2.5rem;
  margin-top: 0.25rem;
  font-size: 0.75rem;
}
.wrpagetitle .krohi a {
  position: relative;
  display: inline-block;
  padding-left: 0.6rem;
  margin-right: 0.3rem;
  /* opacity: 0.75; */
  color: var(--middle-brown-color);
}
.wrpagetitle .krohi a:first-child {
  padding-left: 0;
}
.wrpagetitle .krohi a:before {
  content: "\203A";
  position: absolute;
  display: inline-block;
  left: 0;
  top: -0.1rem;
  margin: 0;
  font-size: 0.85rem;
  font-stretch: ultra-condensed;
}
.wrpagetitle .krohi a:first-child:before {
  display: none;
}

.wrpagetitle .pagetitle {
  position: relative;
  display: inline-block;
  padding: 1rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  width: calc(65.2% - 4rem); /* max-width:63.5%; */
}
.wrpagetitle .pagetitle:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--lite-brown-color);
  opacity: 0.6;
}
.wrpagetitle .pagetitle h1 {
  position: relative;
  margin: auto;
  display: inline-block;
  font-weight: 600;
  font-size: 2.3rem;
}

.wrpagetitle .pagesubtitle {
  position: absolute;
  left: calc(75.2% - 3rem);
  bottom: 0;
  font-size: 1.25rem;
  color: var(--dark-green-color);
}
.wrpagetitle .pagesubtitle h3 {
  position: relative;
  color: var(--dark-green-color);
  font-size: 1.9rem;
  opacity: 0.75;
}
.wrpagetitle.perfpagetitle .pagesubtitle h3 {
  position: relative;
  color: var(--dark-green-color);
  font-size: 1.9rem;
  opacity: 0.75;
}
.wrpagetitle.perfpagetitle .pagesubtitle h4 {
  position: relative;
  padding-bottom: 0.5rem;
  color: var(--dark-green-color);
  font-size: 1.45rem;
  opacity: 0.75;
}
.wrpagetitle.perfpagetitle .pagesubtitle h5 {
  position: relative;
  color: var(--dark-green-color);
  font-size: 0.9rem;
  opacity: 1 !important;
}
.wrpagetitle .pagesubtitle span {
  position: relative;
  display: inline-block;
  opacity: 0.5;
}
.wrpagetitle.perfpagetitle span {
  font-size: 0.8rem;
}

.pagedata {
  position: relative;
}

.wrpage {
  min-height: 50vh;
  text-align: left;
}
.krohi {
  position: relative;
  width: 100%;
  margin-bottom: 1rem;
  height: 0.5rem;
}

.wr-data-page {
  padding-top: 2rem;
  margin-top: 2rem;
  padding-bottom: 2rem;
}
.wr-data-page:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 38%;
  height: 12rem;
  background-color: var(--lite-brown-color);
  opacity: 0.4;
}
.wr-data-page .wrap {
  text-align: left;
}
.wr-data-page .wrap .page-text p[style="text-align: left;"] {
  text-align: justify !important;
}
.wr-data-page .page-text {
  margin-bottom: 2rem;
}
.wr-data-page .page-abs-top {
  position: absolute;
  top: -1.75rem;
  right: 0;
  font-size: 0.9rem;
  color: var(--brown-color);
  opacity: 0.75;
  font-weight: bold;
}
.wr-data-page .page-abs-top h5 {
  font-size: 0.9rem;
  color: var(--brown-color);
  opacity: 0.9;
  font-weight: bold;
}

.wr-data-page .page-sidebar {
  position: relative;
  margin-left: 10%;
}
.wr-data-page .page-sidebar.no-ident {
  position: relative;
  margin-left: 0;
}
.wr-data-page .page-sidebar.small-ident {
  position: relative;
  margin-left: 6%;
}

.wr-data-page.free-page {
  padding-top: 0;
}
.wr-data-page.free-page .page-sidebar {
  top: 0;
}
.wr-data-page.free-page:before {
  display: none;
}

/* Свободные страницы */
.wr-single-page {
  padding-top: 2rem;
  padding-bottom: 0;
}
.wr-single-page:before {
  display: none;
}
.single-page {
  position: relative;
  width: 93%;
  text-align: justify;
}
.single-page p.has-text-align-left {
  padding-bottom: 1rem;
  text-align: justify;
}
.single-page h2 {
  position: relative;
  padding-bottom: 1.5rem;
  font-size: 1.75em;
  text-align: left;
}
.single-page h3 {
  position: relative;
  padding-bottom: 1.25rem;
  font-size: 1.25em;
  text-align: left;
}
.wr-single-page .wrap .page-text p[style="text-align: left;"] {
  text-align: justify !important;
}
.wr-single-page .page-sidebar {
  position: relative !important;
  margin-left: 7.5%;
}

/* Заголовок блока */
.title {
  position: relative;
  text-align: left;
}
.title h2 {
  position: relative;
  display: inline-block;
  padding-right: 4rem;
  padding-left: 2.5rem;
  padding-bottom: 0.5rem;
  font-size: 2.25rem;
}
.title h4 {
  position: relative;
  display: inline-block;
  margin-top: -0.5rem;
  padding: 0.5rem 0;
  padding-left: 2rem;
  font-size: 0.9rem;
  color: var(--dark-green-color);
  text-transform: uppercase;
  /* opacity: 0.75; */
}
.title h4:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: -0.25rem;
  left: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--middle-brown-color);
  opacity: 0.3;
}

/* Оценка качества */
.quality-block {
  position: relative;
  margin-bottom: 1rem;
  width: 98%;
  overflow: hidden;
}
.quality-block .quality-text {
  padding-right: 10%;
}
.quality-block .quality-qr {
  position: relative;
  width: 100%;
  max-width: 15rem;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
}
.quality-block .quality-qr img {
  position: absolute;
  max-width: 100% !important;
  width: unset !important;
  height: unset !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.quality-qr-main {
  position: relative;
  display: inline-block;
  width: 8rem;
  height: 0;
  padding-top: 8rem;
  margin-top: 0.75rem;
  overflow: hidden;
}
.quality-qr-main img {
  position: absolute;
  max-width: 100% !important;
  width: unset !important;
  height: unset !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Карта в футере */
.wrmap {
  position: relative;
  margin-top: 2rem;
}
.wrmap .map {
  position: relative;
  height: 15rem;
}
[class*="ymaps-2"][class*="-ground-pane"] {
  filter: grayscale(1);
  -ms-filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
}
ymaps h3 {
  font-size: 1rem !important;
}

/* Карта в футере */
.wrend {
  position: relative;
  padding: 0;
  color: var(--white-color);
  background-color: var(--middle-brown-color);
}

.wrend .end-left,
.wrend .end-center,
.wrend .end-right {
  padding: 3rem 0;
}

.wrend .end-left {
  position: relative;
  padding-right: 2rem;
  padding: bottom 4rem;
  text-align: left;
}

.wrend .end-left .menu {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.wrend .end-left .menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.wrend .end-left .menu ul li {
  padding: 0;
  margin: 0;
}
.wrend .end-left .menu ul li a {
  display: block;
  padding: 0.2rem 0;
  line-height: 1.1;
  color: var(--white-color);
  font-size: 0.65rem;
  opacity: 0.75;
}

.wrend h5 {
  position: relative;
  margin-bottom:0.75rem; 
  font-size: 0.875rem;
  color:var(--white-color);
  text-transform: uppercase;
  opacity: 0.75;

}


.wrend .logo {
  width: 100%;
  max-width: 15rem;
}
.wrend .logo a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 0;
  padding-top: 18%;
  background: var(--logo-w);
  background-size: var(--bg-full-height);
  overflow: hidden;
}

.wrend .founder {
  position: relative;
  padding-top: 2rem;
  font-size: 0.65rem;
  opacity: 0.75;
}
.wrend .cpr {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 0.6rem;
  opacity: 0.5;
}
.wrend .cpr a {
  color: var(--white-color);
}
.wrend .cpr .geokon {
  margin-top: 0.25rem;
}

.wrend .end-center {
  background-color: var(--white-bg-10);
}

.wrend .top-order a {
  padding-bottom: 2rem;
  height: unset;
  margin-top: -3.5rem;
}
.wrend .end-center-data {
  position: relative;
  margin-left: 15rem;
  margin-right: 2.5rem;
}
.wrend .season {
  position: relative;
  margin-left: 15rem;
  margin-right: 2.5rem;
  padding-bottom: 2rem;
  font-size: 2.5rem;
  opacity: 0.4;
}

.wrend .end-menu {
  position: relative;
  margin-top: 1rem;
  text-align: left;
}
.wrend .menu-item {
  position: relative;
  width: 95%;
  margin-left: 5%;
}
.wrend .menu-item h4 {
  position: relative;
  font-size: 1.05rem;
  color: var(--white-color);
  padding-bottom: 0.75rem;
  text-transform: uppercase;
  opacity: 0.75;
}
.wrend .menu-item h4:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 10%;
  height: 1px;
  background-color: var(--white-color);
  opacity: 0.3;
}
.wrend .menu-item ul {
  margin: 0;
  margin-top: 0.75rem;
  padding: 0;
  list-style: none;
}
.wrend .menu-item ul li {
  margin: 0;
  padding: 0;
}
.wrend .menu-item ul li a {
  position: relative;
  display: block;
  padding: 0.2rem 0;
  font-size: 0.8rem;
  color: var(--white-color);
  opacity: 0.75;
}

.wrend .yb {
  position: absolute;
  left: 2.6rem;
  top: 16rem;
}

.end-right {
  position: relative;
  padding-left: 1.5rem;
  text-align: right;
}

.wrend .phones {
  position: relative;
  margin-top: 1rem;
}
.wrend .phones .phone-item {
  position: relative;
  margin-bottom: 0.3rem;
}
.wrend .phone-item span {
  position: relative;
  display: block;
  font-size: 0.7rem;
  opacity: 0.6;
}
.wrend .phone-item .phone {
  padding: 0.2rem 0;
  font-size: 1.25rem;
}
.wrend .phone-item .phone a {
  font-size: 1.2rem;
  color: var(--white-color);
  opacity: 0.75;
}
.wrend .phone-item .phone a:hover {
  opacity: 1;
}
.wrend .phone-item .phone a.phone-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1rem;
  width: 1.4rem;
  height: 1.4rem;
  display: inline-block;
  background: var(--phone-w-icon);
  background-size: var(--bg-height-70);
}

.wrend .address {
  position: relative;
  margin-top: 1rem;
}
.wrend .address span {
  position: relative;
  display: block;
  font-size: 0.7rem;
  opacity: 0.6;
}
.wrend .address div {
  font-size: 0.9rem;
  opacity: 0.75;
}

.wrend .kassa {
  position: relative;
  margin-top: 1rem;
}
.wrend .kassa span {
  position: relative;
  display: block;
  font-size: 0.7rem;
  opacity: 0.6;
}
.wrend .kassa div {
  font-size: 0.7rem;
  text-transform: uppercase;
  opacity: 0.75;
}

/* Прокрутка в началу страницы */
/*
.scrollup { position: fixed; cursor:pointer; display: none; bottom:5%; left:2.1%; width:3.5rem; height:3.5rem; background: var(--scroll-arrow-icon); background-size: var(--bg-height-50);  background-color: var(--blue-bg-50); border-radius: 50%; overflow:hidden; z-index:50; }
  .scrollup:hover { background-color: var(--blue-bg-75); }
*/

/* Телефон */
a.phone-link {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
a.phone-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1rem;
  width: 1.4rem;
  height: 1.4rem;
  display: inline-block;
  background: var(--phone-icon);
  background-size: var(--bg-height-70);
}

/* Кнопки */
.button a {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 1rem 0;
  color: var(--white-color);
  font-size: 1rem;
  text-align: center;
  background-color: var(--dark-green-color);
}

/* Соцсети */
.social a {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  margin-left: 0.5rem;
  opacity: 0.75;
}
.social a:hover {
  opacity: 1;
}
.social a.vk {
  background: var(--vk-icon);
  background-size: var(--bg-height-75);
}
.social a.ok {
  background: var(--ok-icon);
  background-size: var(--bg-height-60);
}
.social a.tg {
  background: var(--tg-icon);
  background-size: var(--bg-height-75);
}

/* Навигайия каруселей */

.wrslider .owl-carousel .owl-nav,
.page-gallery .owl-carousel .owl-nav {
  position: absolute;
  top: calc(50% - 1rem);
  right: 4.5%;
  left: 4.5%;
  text-align: left;
  z-index: 7;
}
.wrslider .owl-carousel .owl-nav .owl-prev,
.page-gallery .owl-carousel .owl-nav .owl-prev {
  position: relative;
  left: 0;
  width: 2rem;
  height: 2rem;
  background: var(--white-arrow-icon);
  background-size: var(--bg-full-height);
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0.4;
}
.wrslider .owl-carousel .owl-nav .owl-prev:hover,
.page-gallery .owl-carousel .owl-nav .owl-prev:hover {
  opacity: 1;
}
.wrslider .owl-carousel .owl-nav .owl-next,
.page-gallery .owl-carousel .owl-nav .owl-next {
  position: absolute;
  right: 0;
  width: 2rem;
  height: 2rem;
  background: var(--white-arrow-icon);
  background-size: var(--bg-full-height);
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  opacity: 0.4;
}
.wrslider .owl-carousel .owl-nav .owl-next:hover,
.page-gallery .owl-carousel .owl-nav .owl-next:hover {
  opacity: 1;
}

.wrslider .owl-carousel .owl-dots {
  position: absolute;
  display: inline-block;
  bottom: 10%;
  right: 9%;
}
.page-gallery .owl-carousel .owl-dots {
  position: absolute;
  display: inline-block;
  bottom: 5%;
  right: 0%;
  left: 0;
  text-align: center;
}
.wrslider .owl-carousel .owl-dots .owl-dot,
.page-gallery .owl-carousel .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 0.4rem;
  margin: 0 0.25rem;
  background-color: var(--white-color);
  opacity: 0.35;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.wrslider .owl-carousel .owl-dots .owl-dot.active,
.page-gallery .owl-carousel .owl-dots .owl-dot.active {
  opacity: 0.75;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

/* Иконки типов файлов */
a.file-link:before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0.75rem;
  top: 0.65rem;
  width: 1.2rem;
  height: 1.2rem;
}
a.file-link.link-icon-pdf:before {
  background: url(../images/icon-pdf.svg) center center no-repeat;
  background-size: auto 100%;
}
a.file-link.link-icon-xls:before {
  background: url(../images/icon-xla.svg) center center no-repeat;
  background-size: auto 100%;
}
a.file-link.link-icon-xlsx:before {
  background: url(../images/icon-xls.svg) center center no-repeat;
  background-size: auto 100%;
}
a.file-link.link-icon-doc:before {
  background: url(../images/icon-doc.svg) center center no-repeat;
  background-size: auto 100%;
}
a.file-link.link-icon-docx:before {
  background: url(../images/icon-doc.svg) center center no-repeat;
  background-size: auto 100%;
}
a.file-link.link-icon-zip:before {
  background: url(../images/icon-zip.svg) center center no-repeat;
  background-size: auto 100%;
}
a.file-link.link-icon-rar:before {
  background: url(../images/icon-zip.svg) center center no-repeat;
  background-size: auto 100%;
}
a.file-link.link-icon-url:before {
  background: url(../images/icon-url.svg) center center no-repeat;
  background-size: auto 100%;
}

/* Адаптивные изображения */
img.fullw {
  position: absolute;
  max-width: 100% !important;
  width: unset !important;
  height: unset !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
img.fullh {
  position: absolute;
  max-height: 100% !important;
  width: unset !important;
  height: unset !important  ;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
img.fullwh {
  position: absolute;
  max-height: 135% !important;
  max-width: 135% !important;
  width: unset !important;
  height: unset !important  ;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

img.hardfullw {
  position: absolute;
  width: 100% !important;
  height: unset !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
img.hardfullh {
  position: absolute;
  height: 100% !important;
  width: unset !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

img.fullw.zoom:hover {
  position: absolute;
  max-width: 110% !important;
  height: unset !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
img.fullh.zoom:hover {
  position: absolute;
  max-height: 110% !important;
  width: unset !important;
  height: unset !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
img.hardfullw.zoom:hover {
  position: absolute;
  width: 110% !important;
  height: unset !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
img.hardfullh.zoom:hover {
  position: absolute;
  height: 110% !important;
  width: unset !important;
  height: unset !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

img.iw75 {
  position: absolute;
  max-width: 75% !important;
  width: unset !important;
  height: unset !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}



/* Видео */
.video-item {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video-item iframe,
.video-item video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/* RWidget */
.rwidget { position: fixed; left:0; top:calc(50% - 12rem); box-shadow:  0 0 0.5rem  rgba(0,0,0,0.1); z-index:25; }

  .rwidget a { position: relative; display: block; cursor:pointer;  width:2.5rem; height:2.5rem; padding:0.5rem; border-bottom:solid 1px var(--black-bg-10); background-color: var(--wr-gray-color);  }
  .rwidget a:last-child { border:0; } 
  .rwidget a:hover { background-color: var(--wr-gray-hover-color); }  

  .rwidget a.rwhome:after { content:''; position: absolute; top:0; left:0; right:0; bottom:0; background: var(--home-icon); background-size: var(--bg-height-40); opacity:0.75; }
    .rwidget a:hover.rwhome:after { opacity:1; }
  .rwidget a.rweye:after { content:''; position: absolute; top:0; left:0; right:0; bottom:0; background: var(--eye-icon); background-size: var(--bg-height-50); opacity:0.75; }
    .rwidget a:hover.rweye:after { opacity:1; }
  .rwidget a.rwok:after { content:''; position: absolute; top:0; left:0; right:0; bottom:0; background: var(--ok-gray-icon); background-size: var(--bg-height-35); opacity:0.75; }
    .rwidget a:hover.rwok:after { opacity:1; }
  .rwidget a.rwvk:after { content:''; position: absolute; top:0; left:0; right:0; bottom:0; background: var(--vk-gray-icon); background-size: var(--bg-height-40); opacity:0.75; }
    .rwidget a:hover.rwvk:after { opacity:1; }
  .rwidget a.rwtg:after { content:''; position: absolute; top:0; left:0; right:0; bottom:0; background: var(--tg-gray-icon); background-size: var(--bg-height-40); opacity:0.75; }
    .rwidget a:hover.rwtg:after { opacity:1; }



/* Cookie popup */
.cookiewin {
  position: fixed;
  display: none;
  bottom: 0;
  left: 0;
  right: 0;
  width: calc(100% - 2rem);
  padding: 1rem;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 99999;
  box-shadow: 0 0 0.5rem rgb(17 56 86 / 20%);
}
.cookiewin .cookiewin-data {
  position: relative;
  font-size: 0.75rem;
}
.cookiewin .cookiewin-data span {
  display: block;
  font-size: 0.85rem;
  font-weight: normal;
}
.cookiewin .cookiewin-close a {
  position: absolute;
  right: 2rem;
  top: 2rem;
  cursor: pointer;
  width: 0.9rem;
  height: 0.9rem;
  background: var(--close-icon);
}
.cookiewin .cookiewin-button a {
  display: inline-block;
  cursor: pointer;
  margin-top: 0.5rem;
  padding: 0.5rem 0.75rem;
  text-align: center;
  background-color: var(--dark-green-color);
  color: white;
}







/* Прокрутка в началу страницы */
.scrollup {
  position: fixed;
  cursor: pointer;
  display: none;
  bottom: 1rem;
  left: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: var(--scroll-arrow-icon);
  background-size: var(--bg-height-50);
  background-color: var(--dark-green-bg-50);
  border-radius: 50%;
  overflow: hidden;
  z-index: 50;
}
.scrollup:hover {
  background-color: var(--dark-green-bg-85);
}

/* Прогрессбар */
.loading {
  position: relative;
  width: 100%;
  margin: 2rem 0;
  text-align: center;
}
.loading img {
  width: unset !important;
}

/* Модификаторы */
.a-left {
  text-align: left;
}
.a-right {
  text-align: right;
}
.a-center {
  text-align: center;
}

/* Прочее */
.hidden {
  display: none;
}
.link {
  cursor: pointer;
}
.fixed {
  position: fixed;
  bottom: unset;
  top: 0;
  z-index: 50000;
}


.vi { position:absolute; display:inline-block; left:0; top:1rem; z-index:10; }
.vi a {position:relative; display:inline-block; padding:0.5rem 1rem; padding-left:2.5rem;  font-size:0.75rem; color:var(--white-color);  background-color:var(--dark-green-color) ; }
.vi a:before { content:''; position:absolute; display:inline-block; left:0.5rem; top:0.14rem; width:1.6rem; height:1.6rem; background: var(--eye-w-icon); background-size: var(--bg-full-height); }

.wrversion { position:fixed; bottom:0; left:0; width:95%; padding:1rem 2.5%; text-align:center; z-index:10000; color: var(--white-color); background-color:var(--red-color); }