/* Start:/local/templates/a-100art/components/bitrix/news/news/bitrix/news.detail/.default/style.css?1742819074155*/
div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}

/* End */


/* Start:/local/templates/a-100art/css/pages.css?174305851524471*/
.page {
  padding-top: 115rem;
}
@media screen and (max-width: 1024px) {
  .page {
    padding-top: 75px;
  }
}

.date {
  color: var(--color-black-text-icon-secondary, #B4B3B6);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 32px;
}
@media screen and (max-width: 600px) {
  .date {
    margin-top: 40px;
  }
}

.search-p {
  padding-top: 115rem;
  min-height: 800px;
}
@media screen and (max-width: 1024px) {
  .search-p {
    padding-top: 75px;
  }
}
@media screen and (max-width: 768px) {
  .search-p {
    min-height: 500px;
  }
}
.search-p .search-p__title {
  margin-top: min(80px, 4.2vw);
  color: var(--color-black-text-icon-primary, #F6F5F8);
  font-size: min(85px, 4.5vw);
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .search-p .search-p__title {
    line-height: 130%;
    letter-spacing: 0.525px;
    margin-top: 50px;
    font-size: 40px;
  }
}
@media screen and (max-width: 600px) {
  .search-p .search-p__title {
    margin-top: 40px;
    font-size: 35px;
  }
}
.search-p .search-p__form {
  margin-top: 40px;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .search-p .search-p__form {
    margin-top: 32px;
  }
}
.search-p .search-p__form input {
  width: 100%;
  color: var(--light);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding-bottom: 5px;
  border: unset;
  border-bottom: 2px solid #F6F5F8;
  transition: border 0.3s;
}
@media screen and (max-width: 768px) {
  .search-p .search-p__form input {
    font-size: 24px;
  }
}
@media screen and (max-width: 600px) {
  .search-p .search-p__form input {
    color: var(--color-black-text-icon-primary, #F6F5F8);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
}
@media screen and (hover: hover) {
  .search-p .search-p__form input:hover {
    border-color: var(--light);
  }
}
.search-p .search-p__form input:focus {
  border-color: var(--orange);
}
.search-p .search-p__form input::placeholder {
  color: var(--color-black-text-icon-primary, #F6F5F8);
}
.search-p .search-p__top {
  margin-top: 48px;
  display: flex;
  align-items: center;
  gap: 16px 24px;
  justify-content: space-between;
  flex-wrap: wrap;
}
.search-p .search-p__amount {
  color: var(--color-black-text-icon-secondary, #B4B3B6);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 600px) {
  .search-p .search-p__amount {
    font-size: 18px;
  }
}
.search-p .search-p__sort {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.search-p .search-p__sort .search-p__sort_checked {
  display: none;
}
.search-p .search-p__sort .search-p__sort_not-checked {
  display: block;
}
.search-p .search-p__sort svg {
  transform: scale(1, -1);
}
.search-p .search-p__sort input:checked ~ svg {
  transform: scale(1, 1);
}
.search-p .search-p__sort input:checked ~ .search-p__sort_checked {
  display: block;
}
.search-p .search-p__sort input:checked ~ .search-p__sort_not-checked {
  display: none;
}
.search-p .search-p__results {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 64px;
}
@media screen and (max-width: 768px) {
  .search-p .search-p__results {
    margin-top: 32px;
    gap: 40px;
  }
}
@media screen and (hover: hover) {
  .search-p .search-p__result:hover .search-p__result_title {
    color: var(--yellow);
  }
}
.search-p .search-p__result_top {
  display: flex;
  align-items: center;
}
.search-p .search-p__result_type {
  color: var(--Color-Black-Primary-Main, #C06802);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding-right: 16px;
  margin-right: 16px;
  border-right: 1px solid #383838;
}
.search-p .search-p__result_date {
  color: var(--color-black-text-icon-secondary, #B4B3B6);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.search-p .search-p__result_title {
  margin-top: 6px;
  color: var(--color-black-text-icon-primary, #F6F5F8);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  transition: color 0.3s;
}
@media screen and (max-width: 600px) {
  .search-p .search-p__result_title {
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0.2px;
  }
}
.search-p .search-p__result_text {
  margin-top: 16px;
  color: var(--color-black-text-icon-secondary, #B4B3B6);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 600px) {
  .search-p .search-p__result_text {
    font-size: 18px;
  }
}

.auto-slider {
  gap: 48px;
}
.auto-slider .container-sm {
  width: 100%;
}
.auto-slider .auto-slider__title {
  font-size: 28px;
  letter-spacing: 0.42px;
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 600px) {
  .auto-slider .auto-slider__title {
    text-align: left;
    width: 100%;
    font-size: 28px;
    letter-spacing: 0.42px;
    padding: 0 var(--p);
  }
}

.map {
  height: var(--h, 100vh);
  display: grid;
  grid-template-columns: repeat(2, 50%);
}
@media screen and (max-width: 1024px) {
  .map {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
    height: unset;
    padding-left: var(--p);
    padding-right: var(--p);
  }
}
.map__title {
  color: var(--color-black-text-icon-primary, #F6F5F8);
  font-size: 85px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 102px */
  letter-spacing: 1.7px;
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media screen and (max-width: 1600px) {
  .map__title {
    font-size: 75px;
  }
}
@media screen and (max-width: 1280px) {
  .map__title {
    font-size: 55px;
  }
}
@media screen and (max-width: 1024px) {
  .map__title {
    font-size: 50px;
  }
}
@media screen and (max-width: 600px) {
  .map__title {
    font-size: 45px;
  }
}
@media screen and (max-width: 600px) {
  .map__title {
    font-size: 40px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 450px) {
  .map__title {
    font-size: 35px;
    line-height: 130%;
    letter-spacing: 0.525px;
  }
}
.map .link {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 36px */
  letter-spacing: 0.24px;
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
  .map .link {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .map .link {
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.16px;
    text-transform: uppercase;
  }
}
.map__socials {
  margin-top: 8px;
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 600px) {
  .map__socials {
    gap: 24px;
    margin-top: 0;
  }
}
.map__social {
  width: 42px;
  height: 56px;
}
@media screen and (max-width: 600px) {
  .map__social {
    width: 48px;
    height: 48px;
  }
}
@media screen and (hover: hover) {
  .map__social:hover .icon,
  .map__social:hover svg {
    fill: var(--yellow);
  }
}
.map__social .icon,
.map__social img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  fill: var(--light);
  transition: fill 0.3s;
}
.map .btn {
  margin-top: 36px;
}
@media screen and (max-width: 1280px) {
  .map .btn {
    margin-top: 12px;
  }
}
@media screen and (max-width: 600px) {
  .map .btn {
    margin-top: 8px;
  }
}

.map__side {
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: bottom right;
  padding-left: var(--p);
  padding-right: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  padding-top: 115rem;
}
@media screen and (max-width: 1280px) {
  .map__side {
    padding-right: 60px;
  }
}
@media screen and (max-width: 1024px) {
  .map__side {
    padding: 115px 0 0;
    align-items: center;
    background: unset !important;
  }
}
@media screen and (max-width: 600px) {
  .map__side {
    gap: 16px;
  }
}

.map__wrap {
  padding-top: 115rem;
}
@media screen and (max-width: 1024px) {
  .map__wrap {
    padding-top: 0px;
    height: 450px;
    width: 100%;
  }
}

.events-p {
  padding: 80px var(--p) 0;
}
@media screen and (max-width: 600px) {
  .events-p {
    padding-top: 40px;
  }
}
.events-p .events-p__control {
  position: relative;
  cursor: pointer;
  z-index: 2;
}
.events-p .events-p__control.drop {
  z-index: 3;
}
.events-p .events-p__control.drop .events-p__control_drop {
  transition: opacity 0.3s, transform 0.3s;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  z-index: 2;
  transform: translateY(0);
}
.events-p .events-p__control.drop [drop-trigger] {
  border-color: var(--yellow);
  color: var(--yellow);
}
.events-p .events-p__control.drop [drop-trigger] svg {
  transform: scale(1, -1);
}
.events-p .events-p__control.drop [drop-trigger] svg path {
  stroke: var(--yellow);
}
.events-p .events-p__control_drop {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
  transform: translateY(-20px);
}
.events-p .events-p__control_inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border: 1px solid var(--color-black-stroke-line-secondary, #383838);
  max-height: 350px;
  overflow-y: auto;
  background: var(--dark);
}
.events-p .events-p__control_inner::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background: #2B2C2E;
}
.events-p .events-p__control_inner::-webkit-scrollbar-thumb {
  background: #C06802;
  border-radius: 6px;
}
.events-p .events-p__control_inner::-webkit-scrollbar-corner {
  background: transparent;
}
.events-p .events-p__control_item {
  width: 100%;
}
.events-p .events-p__control_item input:checked ~ .events-p__control_text::after {
  content: "";
  position: absolute;
  right: 16px;
  width: 24px;
  height: 24px;
  top: calc(50% - 12px);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.25 6.75L9.75 17.25L4.5 12' stroke='%23C06802' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.events-p .events-p__control_item:nth-child(1) {
  padding-top: 4px;
}
.events-p .events-p__control_item:nth-child(1) .events-p__control_text {
  border-top: unset;
}
.events-p .events-p__control_item .events-p__control_text {
  padding: 10px 48px 10px 16px;
  width: 100%;
  border-bottom: 1px solid var(--color-black-stroke-line-secondary, #383838);
  color: var(--color-black-text-icon-primary, #F6F5F8);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  background: var(--dark);
  transition: color 0.3s;
  position: relative;
}
@media screen and (hover: hover) {
  .events-p .events-p__control_item .events-p__control_text:hover {
    color: var(--yellow);
    cursor: pointer;
  }
}
.events-p .events__title {
  color: var(--color-black-text-icon-primary, #F6F5F8);
  font-size: 85px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 102px */
  letter-spacing: 1.7px;
  text-transform: uppercase;
}
@media screen and (max-width: 1600px) {
  .events-p .events__title {
    font-size: 75px;
  }
}
@media screen and (max-width: 1280px) {
  .events-p .events__title {
    font-size: 55px;
  }
}
@media screen and (max-width: 1024px) {
  .events-p .events__title {
    font-size: 50px;
  }
}
@media screen and (max-width: 600px) {
  .events-p .events__title {
    font-size: 45px;
  }
}
@media screen and (max-width: 600px) {
  .events-p .events__title {
    font-size: 40px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 450px) {
  .events-p .events__title {
    font-size: 35px;
    line-height: 130%;
    letter-spacing: 0.525px;
    margin-bottom: 0;
  }
}
.events-p .events-p__controls {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 80px;
  margin-bottom: 60px;
}
@media screen and (max-width: 600px) {
  .events-p .events-p__controls {
    margin-top: 32px;
    margin-bottom: 40px;
    flex-direction: column;
  }
}
.events-p .events-p__wrap {
  display: grid;
  grid-gap: 110px 60px;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1280px) {
  .events-p .events-p__wrap {
    grid-gap: 80px 40px;
  }
}
@media screen and (max-width: 1024px) {
  .events-p .events-p__wrap {
    grid-gap: 72px 24px;
  }
}
@media screen and (max-width: 900px) {
  .events-p .events-p__wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .events-p .events-p__wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}
.events-p .events__el {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: var(--color-black-text-icon-primary, #F6F5F8);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.22px;
  text-transform: uppercase;
}
@media screen and (max-width: 1280px) {
  .events-p .events__el {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .events-p .events__el {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .events-p .events__el {
    letter-spacing: 0.18px;
    width: 100%;
  }
}
@media screen and (hover: hover) {
  .events-p .events__el:hover .events__el_img img {
    transform: scale(1.13);
  }
  .events-p .events__el:hover > p {
    color: var(--yellow);
  }
}
.events-p .events__el > p {
  transition: color 0.3s;
}
.events-p .events__el .events__el_row {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  color: var(--color-black-text-icon-secondary, #B4B3B6);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.events-p .events__el .events__el_date {
  padding-right: 16px;
  margin-right: 16px;
  border-right: 1px solid #383838;
}
.events-p .events__el .events__el_img {
  width: 100%;
  aspect-ratio: 1/1.11;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .events-p .events__el .events__el_img {
    width: 100%;
  }
}
.events-p .events__el .events__el_img img {
  width: 100%;
  aspect-ratio: 1/1.11;
  display: block;
  object-fit: cover;
  object-position: center;
  transition: transform 0.5s;
}

@media screen and (max-width: 1024px) {
  .calendar.drop .events-p__control_drop {
    transform: translate(-50%, 0) !important;
  }
}
@media screen and (max-width: 768px) {
  .calendar.drop .events-p__control_drop {
    transform: translate(0, 0) !important;
  }
}
.calendar .events-p__control_drop {
  width: 575px;
}
@media screen and (max-width: 1024px) {
  .calendar .events-p__control_drop {
    left: 50%;
    transform: translate(-50%, -20px);
  }
}
@media screen and (max-width: 768px) {
  .calendar .events-p__control_drop {
    width: 300px;
    max-width: calc(100vw - 36px);
    transform: translate(0, -20px);
    left: 0;
  }
}
.calendar .events-p__control_inner {
  max-height: 440px;
  width: max-content;
  overflow-x: clip;
}
.calendar .calendar-wrap__top_mob {
  display: none;
}
@media screen and (max-width: 768px) {
  .calendar .calendar-wrap__top_mob {
    display: block;
    padding: 16px 16px 12px;
    color: var(--color-black-text-icon-secondary, #B4B3B6);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    border-bottom: 1px solid var(--color-black-stroke-line-secondary, #383838);
  }
}
.calendar .calendar-wrap__top_col {
  padding: 16px 24px 12px;
  flex-grow: 1;
  color: var(--color-black-text-icon-secondary, #B4B3B6);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  border-bottom: 1px solid var(--color-black-stroke-line-secondary, #383838);
}
.calendar .calendar-wrap__top_col:nth-child(2) {
  min-width: 256px;
  width: 256px;
  max-width: 256px;
  border-left: 1px solid var(--color-black-stroke-line-secondary, #383838);
  background: var(--Color-Black-Background-Light, #2B2C2E);
}
@media screen and (max-width: 768px) {
  .calendar .calendar-wrap__top_col:nth-child(2) {
    display: none;
  }
}
.calendar .calendar-wrap__bottom {
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .calendar .calendar-wrap__bottom {
    flex-direction: column-reverse;
  }
}
.calendar .calendar-wrap__bottom_calendar {
  flex-grow: 1;
  padding: 16px 24px 26px;
}
@media screen and (max-width: 768px) {
  .calendar .calendar-wrap__bottom_calendar {
    padding: 0 0 16px;
  }
}
.calendar .calendar-wrap__bottom__checks {
  padding-top: 12px;
  padding-bottom: 16px;
  min-width: 256px;
  width: 256px;
  max-width: 256px;
  border-left: 1px solid var(--color-black-stroke-line-secondary, #383838);
  background: var(--Color-Black-Background-Light, #2B2C2E);
}
@media screen and (max-width: 768px) {
  .calendar .calendar-wrap__bottom__checks {
    width: 284px;
    max-width: unset;
    padding: 0;
    border-left: unset;
  }
}
.calendar .calendar-wrap__bottom__checks input:checked ~ .events-p__control_text {
  color: var(--yellow);
}
.calendar .calendar-wrap__bottom__checks input:checked ~ .events-p__control_text::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><path d="M20.25 7.25L9.75 17.75L4.5 12.5" stroke="%23FFBA6A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.calendar .calendar-wrap__bottom__checks .events-p__control_text {
  background: var(--Color-Black-Background-Light, #2B2C2E);
  border: unset;
  padding-left: 24px;
  color: var(--Color-Black-Primary-Main, #C06802);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .calendar .calendar-wrap__bottom__checks .events-p__control_text {
    padding-left: 16px;
  }
}
.calendar .calendar-wrap__top {
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .calendar .calendar-wrap__top {
    display: none;
  }
}
.calendar .calendar-wrap {
  background: var(--Color-Black-Background-Primary, #232425);
}
.calendar table {
  border-collapse: collapse;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .calendar table {
    margin: 16px 16px 0;
  }
}
.calendar td {
  width: 36px;
  height: 36px;
  color: var(--color-black-text-icon-primary, #F6F5F8);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  transition: color 0.3s;
  pointer-events: all;
}
@media screen and (hover: hover) {
  .calendar td:hover {
    color: var(--yellow);
  }
}
.calendar th {
  color: var(--color-black-text-icon-primary, #F6F5F8);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 36px */
  letter-spacing: 0.22px;
  text-transform: uppercase;
  pointer-events: all;
}
.calendar .calend-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 8px;
}
.calendar .calend-head-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.calendar .pr-mon {
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 13L5 8L10 3" stroke="%23F6F5F8" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}
@media screen and (hover: hover) {
  .calendar .pr-mon:hover {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 13L5 8L10 3" stroke="%23FFBA6A" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
}
.calendar .n-mon {
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 3L11 8L6 13" stroke="%23F6F5F8" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}
@media screen and (hover: hover) {
  .calendar .n-mon:hover {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 3L11 8L6 13" stroke="%23FFBA6A" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
}
.calendar th a {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.calendar tr:nth-child(2) td {
  width: 36px;
  height: 52px;
  padding-bottom: 12px;
  color: var(--color-black-text-icon-secondary, #B4B3B6);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  pointer-events: none;
}
.calendar .next_month,
.calendar .prev_month {
  color: rgba(165, 164, 167, 0.38);
  pointer-events: none;
}
.calendar .clicked {
  background: var(--orange);
}
@media screen and (hover: hover) {
  .calendar .clicked:hover {
    color: var(--light);
  }
}
.calendar .between {
  background: var(--Color-Black-Primary-Dissabled, #543615);
}
@media screen and (max-width: 768px) {
  .calendar .calendar-wrap__years_outer {
    position: relative;
  }
}
.calendar .calendar-wrap__years {
  position: absolute;
  max-height: 228px;
  overflow-y: auto;
  top: 116px;
  border: 1px solid var(--color-black-stroke-line-secondary, #383838);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
  transform: translateY(-10px);
  transition: transform 0.2s, opacity 0.3s;
}
@media screen and (max-width: 768px) {
  .calendar .calendar-wrap__years {
    top: 56px;
    left: 16px;
  }
}
.calendar .calendar-wrap__years.show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  z-index: 1;
  transform: translateY(0px);
}
.calendar .calendar-wrap__years::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background: #2B2C2E;
}
.calendar .calendar-wrap__years::-webkit-scrollbar-thumb {
  background: #C06802;
  border-radius: 6px;
}
.calendar .calendar-wrap__years::-webkit-scrollbar-corner {
  background: transparent;
}
.calendar .calendar-wrap__years .events-p__control_item {
  width: 144px;
  display: block;
}
.calendar .year-drop {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: color 0.3s;
  user-select: none;
}
@media screen and (hover: hover) {
  .calendar .year-drop:hover {
    color: var(--yellow);
  }
  .calendar .year-drop:hover .year-drop-arr {
    -webkit-filter: invert(54%) sepia(65%) saturate(529%) hue-rotate(363deg) brightness(121%) contrast(102%);
    filter: invert(54%) sepia(65%) saturate(529%) hue-rotate(363deg) brightness(121%) contrast(102%);
  }
}
.calendar .year-drop.show {
  color: var(--yellow);
}
.calendar .year-drop.show .year-drop-arr {
  transform: scale(1, -1);
  -webkit-filter: invert(54%) sepia(65%) saturate(529%) hue-rotate(363deg) brightness(121%) contrast(102%);
  filter: invert(54%) sepia(65%) saturate(529%) hue-rotate(363deg) brightness(121%) contrast(102%);
}
.calendar .year-drop-arr {
  user-select: none;
  pointer-events: none;
  transition: filter 0.3s;
  display: block;
  width: 12px;
  min-width: 12px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M5.99104 9.05019L2.39404 4.93869C1.96954 4.45419 2.31454 3.69519 2.95879 3.69519H10.1528C10.297 3.69507 10.4381 3.73651 10.5594 3.81455C10.6806 3.89259 10.7768 4.00392 10.8364 4.13521C10.896 4.2665 10.9165 4.41219 10.8954 4.55482C10.8743 4.69746 10.8126 4.83099 10.7175 4.93944L7.12054 9.04944C7.05015 9.13 6.96333 9.19456 6.86593 9.2388C6.76852 9.28304 6.66278 9.30593 6.55579 9.30593C6.44881 9.30593 6.34307 9.28304 6.24566 9.2388C6.14826 9.19456 6.06144 9.13 5.99104 9.04944V9.05019Z' fill='%23F6F5F8'/%3E%3C/svg%3E");
}
/* End */


/* Start:/bitrix/components/bitrix/player/templates/.default/style.min.css?1742382409122*/
td.popupmenu div.popupitem .playlist-edit{background-image:url(/bitrix/components/bitrix/player/images/playlist_edit.gif)}
/* End */
/* /local/templates/a-100art/components/bitrix/news/news/bitrix/news.detail/.default/style.css?1742819074155 */
/* /local/templates/a-100art/css/pages.css?174305851524471 */
/* /bitrix/components/bitrix/player/templates/.default/style.min.css?1742382409122 */