

/* Start:/bitrix/components/mau/news.calendar/templates/events_calendar/style.css?17690637106185*/
.main .calendar__button a:hover {
  color: #fff;
}

.main .calendar a, .main a:focus, a.primary, a.primary:focus {
  border-bottom: none;
}

.main .calendar ol, .main .calendar ul {
  padding-left: 0;
}

.main .calendar ol li, .main .calendar ul li {
  padding: 0;
}


ul {
  list-style: none;
}

.calendar {
  background: #ffffff;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 3.5rem auto;
  grid-template-rows: 3.5rem auto;
  box-shadow: 0 1px 3px 0 rgba(42,48,60,.19);
    border-radius: 3px;
}

.calendar__header h3 {
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
}

.calendar__header,
.calendar__footer {
  padding: 0 25px;
  color: #7d8994;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.calendar__body {
  padding: 1.1rem 1.1rem 1.4rem 1.1rem;
  border-top: 1px solid #ccc;
  background: white;
}

.calendar__body--days {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1rem;
  padding: 0;
}

.calendar__body--days li {
  text-transform: uppercase;
  text-align: center;
  color: #7d8994;
  margin: 0 1px;
  list-style: none;
  font-weight: 600;
}

.calendar__body--dates {
  display: -ms-grid;
  display: grid;
  gap: 3px;
  -ms-grid-columns: 1fr 3px 1fr 3px 1fr 3px 1fr 3px 1fr 3px 1fr 3px 1fr;
  grid-template-columns: repeat(7, 1fr);
  justify-items: center;
  text-align: center;
  padding: 0;
  margin: 0;
}

.calendar__body--dates li {
  height: 1.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  position: relative;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
}

.calendar__body--dates li.prev,
.calendar__body--dates li.next {
  color: #ccc;
}

.calendar__body--dates li.active {
  background: #008CFA;
  color: #ffffff;
  border-radius: 50%;
  width: 1.7rem;
  height: 1.7rem;
}

.calendar__body--dates li.circle {
  border: 2px solid;
  border-radius: 50%;
  width: 1.7rem;
  height: 1.7rem;
}

.calendar__body--dates li.otherDay  {
  color: #a6a6a6;
}

.calendar__footer {
   padding: 0 1.1rem 1.1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

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

.calendar__button {
  display: inline-block;
  padding: 6px 8px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 2px;
  background-color: #008cfa;
  border: none;
}

.calendar__button a {
  color: #fff;
}

.calendar__button:hover {
  background-color: #F9423A;
  color: #fff;
}

.calendar__arrows .arrow {
  border: 2px solid #7d8994;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  cursor: pointer;
}

.calendar__arrows a{
 padding: 5px 10px;
}

.calendar__arrows a:hover .arrow{
  border: 2px solid #F9423A;
  border-width: 0 3px 3px 0;
}


.right {
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  -ms-transform: rotate(135deg);
      transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.calendar__body--dates li.circle .count {
  position: absolute;
  top: -0.4rem;
  right: -0.6rem;
  width: 1rem;
  height: 1rem;
  font-size: 11px;
  color: #ffffff;
  line-height: normal;
  border-radius: 50%;
  background: #F9423A;
  
  display: flex;
  align-items: center;
  justify-content: center;
}

.calendar__body--dates .circle.pink {
  border-color: #F9423A;
  cursor: pointer;
  position: relative;
}

.calendar__body--dates .circle.pink .number {
  background: #F9423A;
  line-height: 1.3;
}

.tooltip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  visibility: hidden;
  min-width: 190px;
  background-color: #fafafa;
  position: absolute;
  z-index: 2;
  top: 24px;
  right: -24px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  min-height: 33px;
  padding: 10px;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 3px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

li:nth-child(1) .tooltip,
li:nth-child(2) .tooltip,
li:nth-child(3) .tooltip,
li:nth-child(8) .tooltip,
li:nth-child(9) .tooltip,
li:nth-child(10) .tooltip,
li:nth-child(15) .tooltip,
li:nth-child(16) .tooltip,
li:nth-child(17) .tooltip,
li:nth-child(21) .tooltip,
li:nth-child(22) .tooltip,
li:nth-child(23) .tooltip,
li:nth-child(24) .tooltip,
li:nth-child(29) .tooltip,
li:nth-child(30) .tooltip,
li:nth-child(31) .tooltip {
   right: -148px;
}

.tooltip a{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.pink:hover .tooltip {
  visibility: visible;
  opacity: 1;
}

.pink:hover::after {
  content: "";
  background-color: white;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 50%;
  bottom: -5px;
  z-index: 55;
  border: 1px solid #d5d5d5;
    border-top-color: rgb(213, 213, 213);
    border-left-color: rgb(213, 213, 213);
  border-top-color: white;
  border-left-color: white;
  transform: translateX(-50%) rotate(-135deg);
  animation: open .8s;
}

/* End */


/* Start:/bitrix/components/mau/catalog.filter/templates/calendar-events/style.css?17375277421797*/
.calendar-form {
display: flex;
flex-direction: column;
gap: 15px;
padding: 5px 25px 25px 25px;
background: #ffffff;
box-shadow: 0 2px 3px -1px rgba(42, 48, 60, 0.19);
border-radius: 0 0 3px 3px;
}

.calendar-form div {
display: flex;
flex-direction: column;
}

.calendar-form label {
font-weight: 600;
}

.chosen-select {
width: 100%;
}

.calendar-form .chosen-container-active .chosen-choices {
  border: 1px solid #008cfa;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.calendar-form .chosen-container-multi .chosen-choices {
  border-radius: 2px;
}

.calendar-form .chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#008cfa),color-stop(90%,#2a62bc));
  background-image: linear-gradient(#008cfa 20%, #008cfa 90%);
  color: #fff;
}

.calendar-form .chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #008cfa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #008cfa;
  background-image: unset;
  background-image: unset;
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);
  box-shadow: 0 0 #008cfa inset,0 1px 0 rgba(0,0,0,.05);
  color: #fff;
  line-height: 13px;
  cursor: default;
}

.calendar-form .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background-position-x: -45px;
}

.calendar-form .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -45px -10px;
}

@media screen and (max-width: 780px) {
.calendar-form {
position: relative;
    top: -15px;
}
}

/* End */


/* Start:/bitrix/templates/mau/components/bitrix/news.list/events_list/style.css?17448878953914*/
.cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 25px 1fr 25px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 25px;
  }
  
  .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(42,48,60,.19);
    border-radius: 3px;
  } 

 .card a:hover {
    color: unset;
   }

 .card a:focus, a:hover {
  text-decoration: unset;
}

  .card__image-container {
    width: 100%;
    padding-top: 66.67%;
    overflow: hidden;
    position: relative;
    border-radius: 3px 3px 0 0;
  }
  
  .card__image-container .card__background {
    width: 101%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: unset;
    object-fit: cover;
    object-position: left top;
    border-radius: 3px 3px 0 0;
  }

  .card__img {
    width: 32px;
    height: 32px;
  }

  .card__top-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
}

.card__top-container img {
    position: relative;
    width: 32px;
    z-index: 2;
    margin: 0; 
    border: none;
    background-color: unset;
}

.card__image-container::after {
    content: "";
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

  .card:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
  }

/*
.card:hover .card__image-container::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .3;
    background: #ac145a;
    z-index: 1;
}
*/

  .card__date p {
    position: relative;
    font-size: 12px;
    background-color: #fff;
    padding: 2px 8px;
    margin: 0;
    border-radius: 10px;
    z-index: 2;
}

.card__label p {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: #008CFA;
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
    margin: 0;
    border-radius: 10px;
    z-index: 2;
}

  .card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 15px;
    min-height: 110px; 
    background-color: #fff;
    border-radius: 0 0 3px 3px;
  }
  
  section .card__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 0;
    word-wrap: anywhere;
  }
  
  .card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 10px 0 0 0;
  }

  .card__info p {
    margin: 0;
    font-size: 13px;
  }
  
  
 @media only screen and (max-width: 1200px) {
    .cards {
         -ms-grid-columns: 1fr 25px 1fr;
         grid-template-columns: repeat(2, 1fr);
    }
  }
  

  @media only screen and (max-width: 500px) {
    .cards {
       -ms-grid-columns: 1fr;
       grid-template-columns: repeat(1, 1fr);;
    }
  }
/* End */
/* /bitrix/components/mau/news.calendar/templates/events_calendar/style.css?17690637106185 */
/* /bitrix/components/mau/catalog.filter/templates/calendar-events/style.css?17375277421797 */
/* /bitrix/templates/mau/components/bitrix/news.list/events_list/style.css?17448878953914 */
