
@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .event-1 { padding: 0 50px }
}

@media only screen and (max-width: 767.98px) {
    .event-1 + .floating-block { padding-top: 0 }
}

.event-1__item { /*height: calc(100% - 60px);*/ text-align: center; margin-bottom: 60px }

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .event-1__item { height: calc(100% - 40px); margin-bottom: 40px }

    .mixed-modules .event-1__item { margin-left: 62.5px; margin-right: 62.5px }
}

@media only screen and (max-width: 767.98px) {
    .event-1__item { height: auto; margin-bottom: 30px }
}

.event-1__container { position: relative; background-color: #fff; padding: 10px 10px 0; border: 1px solid #b2b2b2; border-top: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px }

.event-1__container .text--caption { font-size: 25px }

@media only screen and (min-width: 970px) and (max-width: 1365.98px) {
    .event-1__container { padding: 10px 11px 0 }
}

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .event-1__container { height: auto; /* padding: 22px 60px 16px; */ }
}

@media only screen and (max-width: 767.98px) {
    .event-1__container { height: auto; padding-top: 10px; padding-bottom: 12px }
}

.event-1__main-title { margin-bottom: 40px }

@media only screen and (max-width: 767.98px) {
    .event-1__main-title { font-size: 20px; line-height: 28px; margin-bottom: 20px }
}

.event-1__month { padding: 20px 7px 15px; background-color: #509ea6; border-top-left-radius: 10px; border-top-right-radius: 10px; font-size: 16px; font-weight: 700; color: #fff; line-height: 1; letter-spacing: 1.2px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (min-width: 970px) and (max-width: 1200px) {
    /*.event-1__month { font-size: 23px }*/
}

.event-1__date { margin-bottom: 10px }

@media only screen and (min-width: 970px) and (max-width: 1365.98px) {
    /*.event-1__date { margin-bottom: 10px }*/
}

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    /*.event-1__date { margin-bottom: 14px }*/
}

@media only screen and (max-width: 767.98px) {
    /*.event-1__date { margin-bottom: 10px }*/
}

.event-1__date--period .event-1__date-day { font-size: 25px; font-weight: 700; line-height: 25px; }

@media only screen and (min-width: 768px) and (max-width: 1365.98px) {
    .event-1__date--period .event-1__date-day { font-size: 25px; line-height: 25px }
}

@media screen and (min-width: 970px) and (max-width: 1200px) {
    .event-1__date--period .event-1__date-day { font-size: 23px; line-height: 23px }
}

.event-1__date-day { font-size: 20px; font-weight: 700; line-height: 30px; margin-right: -7px; }

@media screen and (min-width: 970px) and (max-width: 1200px) {
    /*.event-1__date-day { font-size: 30px }*/
}

.event-1__date-suffix { font-size: 20px; font-weight: 700; line-height: 20px }

@media screen and (min-width: 970px) and (max-width: 1200px) {
    /*.event-1__date-suffix { font-size: 20px }*/
}

.event-1__text { margin-bottom: 12px }

@media only screen and (min-width: 970px) and (max-width: 1365.98px) {
    .event-1__text { margin-bottom: 15px }
}

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .event-1__text { margin-bottom: 18px }
}

@media only screen and (max-width: 767.98px) {
    .event-1__text { margin-bottom: 16px }
}

.event-1__links { width: 100%; position: relative; padding: 0 10px }

.event-1__links .icon-link { font-size: 14px; color: #202223 }

@media only screen and (min-width: 1366px) {
    .event-1__links .cta-link { margin-right: 52px }
}

@media only screen and (min-width: 1101px) and (max-width: 1365px) {
    .event-1__links .icon-link { font-size: 15px; margin-left: 0; margin-right: 0; padding-left: 24px }
}

@media only screen and (min-width: 970px) and (max-width: 1100px) {
    .event-1__links .icon-link { font-size: 13px; padding-left: 20px }
}

@media only screen and (max-width: 969.98px) {
    .event-1__links { position: relative; bottom: auto; left: auto; padding: 0 }
}

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .event-1__links .cta-link { margin-right: 44px }
}

@media only screen and (max-width: 767.98px) {
    .event-1__links .icon-link { margin: 0 15px 10px }
}

@media only screen and (min-width: 1366px) {
    .event-1__item--narrow .event-1__links .cta-link { margin-right: 36px }
}

@media only screen and (min-width: 970px) and (max-width: 1365.98px) {
    .event-1__item--narrow .event-1__container { padding-top: 5px }

    .event-1__item--narrow .event-1__date { margin-bottom: 6px }

    .event-1__item--narrow .event-1__text { margin-bottom: 24px }

    .event-1__item--narrow .event-1__links .icon-link { margin-bottom: 10px }
}

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .event-2 { padding: 0 50px }
}

@media only screen and (max-width: 767.98px) {
    .event-2 { margin-bottom: 0 }
}

.event-2__item { text-align: center; margin-bottom: 60px; height: calc(100% - 60px) }

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .event-2__item { height: auto; margin-bottom: 40px }

    .mixed-modules .event-2__item { margin-left: 62.5px; margin-right: 62.5px }
}

@media only screen and (max-width: 767.98px) {
    .event-2__item { height: auto; margin-bottom: 30px }
}

.event-2__main-title { margin-bottom: 40px }

@media only screen and (max-width: 767.98px) {
    .event-2__main-title { font-size: 20px; line-height: 28px; margin-bottom: 20px }
}

.event-2__container { position: relative; margin-top: -66px; width: 100%; height: calc(100% - 64px); padding: 94px 48px 55px; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 0 15px 0 rgba(32,34,35,0.12); box-shadow: 0 0 15px 0 rgba(32,34,35,0.12) }

@media only screen and (min-width: 970px) and (max-width: 1365.98px) {
    .event-2__container { padding: 94px 18px 58px }
}

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .event-2__container { height: auto; padding: 92px 65px 15px }
}

@media only screen and (max-width: 767.98px) {
    .event-2__container { height: auto; padding: 92px 15px 18px }
}

.event-2__date { position: relative; width: 130px; height: 130px; padding-top: 18px; margin: 0 auto; background-color: #49a942; border-radius: 8px; z-index: 10 }

.event-2__date-day { font-size: 60px; font-weight: 700; color: #fff; line-height: 66px; letter-spacing: -0.67px; margin-bottom: 4px; display: block }

.event-2__date-month { font-size: 14px; color: #fff; line-height: 22px; text-transform: uppercase; display: block }

.event-2__title { font-weight: 700; line-height: 26px; letter-spacing: 0.49px; margin-bottom: 10px }

@media only screen and (min-width: 970px) and (max-width: 1365.98px) {
    .event-2__title { margin-bottom: 15px }
}

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .event-2__title { margin-bottom: 10px }
}

@media only screen and (max-width: 767.98px) {
    .event-2__title { margin-bottom: 15px }
}

.event-2__text { margin-bottom: 32px }

@media only screen and (min-width: 970px) and (max-width: 1365.98px) {
    .event-2__text { margin-bottom: 20px }
}

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .event-2__text { margin-bottom: 22px }
}

@media only screen and (max-width: 767.98px) {
    .event-2__text { padding: 0 4px; margin-bottom: 20px }
}

.event-2__links { width: 100%; position: absolute; bottom: 18px; left: 0; padding: 0 10px }

.event-2__links .icon-link { color: #202223 }

.event-2__links .cta-link { margin-right: 18px }

@media only screen and (max-width: 969.98px) {
    .event-2__links { position: relative; bottom: auto; left: auto; padding: 0 }
}

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .event-2__links .cta-link { margin-right: 28px }
}

@media only screen and (max-width: 767.98px) {
    .event-2__links .icon-link { margin-left: 15px; margin-right: 15px }
}

@media only screen and (min-width: 1366px) {
    .event-2__item--narrow .event-2__container { padding: 80px 18px 55px }

    .event-2__item--narrow .event-2__title { margin-bottom: 10px }

    .event-2__item--narrow .event-2__text { margin-bottom: 18px }
}

@media only screen and (min-width: 970px) and (max-width: 1365.98px) {
    .event-2__item--narrow .event-2__container { padding: 82px 15px 95px }

    .event-2__item--narrow .event-2__title { margin-bottom: 8px }

    .event-2__item--narrow .event-2__text { margin-bottom: 8px }

    .event-2__item--narrow .event-2__links .cta-link { margin-right: 12px }
}

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .event-3 { padding: 0 50px }
}

.event-3__item { height: calc(100% - 60px); background-color: #fff; padding: 42px 40px 26px; margin-bottom: 60px; border-radius: 5px; -webkit-box-shadow: 0 0 15px 0 rgba(32,34,35,0.12); box-shadow: 0 0 15px 0 rgba(32,34,35,0.12) }

@media only screen and (min-width: 970px) and (max-width: 1365.98px) {
    .event-3__item { padding: 35px 30px 20px }
}

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .event-3__item { height: calc(100% - 40px); padding: 35px 60px 12px 30px; margin-bottom: 40px }

    .mixed-modules .event-3__item { margin-left: 62.5px; margin-right: 62.5px }
}

@media only screen and (max-width: 767.98px) {
    .event-3__item { height: auto; padding: 28px 26px 14px; margin-bottom: 30px }
}

.event-3__main-title { margin-bottom: 40px }

@media only screen and (max-width: 767.98px) {
    .event-3__main-title { font-size: 20px; line-height: 28px; margin-bottom: 20px }
}

.event-3__category { font-weight: 700; text-transform: uppercase; margin-right: 20px }

.event-3__date { text-transform: uppercase; white-space: nowrap }

.event-3__text { font-size: 20px; line-height: 28px; padding-top: 20px; margin-bottom: 48px; min-height: 100px }

@media only screen and (min-width: 970px) and (max-width: 1365.98px) {
    .event-3__text { margin-bottom: 10px }
}

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .event-3__text { margin-bottom: 35px }
}

@media only screen and (max-width: 767.98px) {
    .event-3__text { padding-top: 22px; min-height: initial; margin-bottom: 28px }
}

.event-3__links .cta-link { margin-right: 52px }

@media only screen and (min-width: 970px) and (max-width: 1365.98px) {
    .event-3__links .icon-link { margin-bottom: 10px }
}

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .event-3__links .cta-link { margin-right: 42px }
}

@media only screen and (max-width: 767.98px) {
    .event-3__links .icon-link { margin-bottom: 10px }
}

@media only screen and (min-width: 1366px) {
    .event-3__item--narrow { padding: 32px 32px 15px }

    .event-3__item--narrow .event-3__text { margin-bottom: 22px }

    .event-3__item--narrow .event-3__links .icon-link { margin-bottom: 18px }
}

@media only screen and (min-width: 970px) and (max-width: 1365.98px) {
    .event-3__item--narrow { padding: 32px 26px 18px }

    .event-3__item--narrow .event-3__text { margin-bottom: 14px }
}

.events { position: relative }

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .events { padding: 0 50px }
}

@media only screen and (max-width: 767.98px) {
    .events { padding-top: 68px }
}

.events__title { margin-bottom: 20px }

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .events__title { margin-bottom: 25px }
}

.events__filter { position: absolute; top: -12px; right: 0; min-width: 150px }

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .events__filter { right: 50px }
}

@media only screen and (max-width: 767.98px) {
    .events__filter { top: 0; width: 100% }
}

.events__list { margin-bottom: 0; }

@media only screen and (max-width: 767.98px) {
    .events__list { margin-bottom: 20px }
}

.events__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px 16px 25px; border-top: 1px solid #e8e8e8 }

@media only screen and (min-width: 970px) and (max-width: 1365.98px) {
    .events__item { padding-bottom: 10px }
}

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .events__item { padding-bottom: 20px }
}

@media only screen and (max-width: 767.98px) {
    .events__item { padding: 20px 0 10px; display: block }
}

.events__date { padding-right: 38px; text-align: center; -webkit-box-flex: 0; -webkit-flex: 0 0 212px; -ms-flex: 0 0 212px; flex: 0 0 212px }

@media only screen and (min-width: 970px) and (max-width: 1365.98px) {
    .events__date { -webkit-flex-basis: 148px; -ms-flex-preferred-size: 148px; flex-basis: 148px }
}

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .events__date { padding-right: 30px; -webkit-flex-basis: 114px; -ms-flex-preferred-size: 114px; flex-basis: 114px }
}

@media only screen and (max-width: 767.98px) {
    .events__date { padding-right: 0; margin-bottom: 18px; text-align: left }
}

.events__date-day { font-size: 45px; font-weight: 700; color: #b2b2b2; line-height: 54px; margin-top: -8px; display: block }

.events__date-month { font-size: 14px; color: #b2b2b2; line-height: 24px; margin-top: -4px; display: block }

.events__description { padding-right: 20px; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto }

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .events__description { margin-top: -5px }
}

@media only screen and (max-width: 767.98px) {
    .events__description { padding-right: 0; margin-bottom: 15px }
}

.events__description-title { font-size: 14px; font-weight: 700; line-height: 24px; margin-bottom: 6px }

.events__description-text { font-size: 12px; line-height: 20px; max-width: 420px; margin-bottom: 0 }

.events__links { padding-top: 2px; -webkit-box-flex: 0; -webkit-flex: 0 0 198px; -ms-flex: 0 0 198px; flex: 0 0 198px }

@media only screen and (min-width: 970px) and (max-width: 1365.98px) {
    .events__links { -webkit-flex-basis: 212px; -ms-flex-preferred-size: 212px; flex-basis: 212px }
}

@media only screen and (min-width: 768px) and (max-width: 969.98px) {
    .events__links { margin-top: -6px; -webkit-flex-basis: 162px; -ms-flex-preferred-size: 162px; flex-basis: 162px }
}

@media only screen and (max-width: 767.98px) {
    .events__links .cta-link { margin-right: 18px }
}
