/* Start:/local/templates/gotoural/styles/flatpickr.min.css?173139577916166*/ .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} /* End */ /* Start:/local/templates/gotoural/components/bitrix/catalog/events/style.css?173694829417138*/ .events-page { margin-bottom: 27px; } .events-page__container { max-width: 1360px; margin: 0 auto; padding: 0 20px; } ._container { } .events-page__title { margin-bottom: 24px; } .h1-title { font-size: 48px; line-height: 60px; font-weight: 700; } .events-page__calendar { } .calenadar-events { } .calendar-events__slider_wr { /* max-width: 1300px; padding: 0 30px; margin: 40px auto 0 auto; */ position: relative; } .calendar-events__slider_prev { position: absolute; height: 80px; left: 0px; width: 30px; border-radius: 40px; background: url('/local/templates/gotoural/components/bitrix/catalog/events/images/icon-prev.png') center no-repeat, #f1f1f1; z-index: 23; cursor: pointer; } .calendar-events__slider_next { position: absolute; right: 0px; height: 80px; width: 30px; border-radius: 40px; background: url('/local/templates/gotoural/components/bitrix/catalog/events/images/icon-next.png') center no-repeat, #f1f1f1; z-index: 3; cursor: pointer; } .calendar-events__slider_pagination { display: none; } .calendar-events__slider_next.swiper-button-disabled, .calendar-events__slider_prev.swiper-button-disabled { opacity: 0.6; pointer-events: none; } .calendar-events__slider { max-width: 1300px; padding: 0px 26px 0 26px; margin: 0 auto; overflow: hidden; position: relative; } .swiper-container { } .calendar-events__slider_wrapper { display: flex; align-items: center; text-align: center; min-height: 80px; } .swiper-wrapper { } .calendar-events__slider_slide { } .swiper-slide { } .calendar-events__item.item-month { position: absolute; left: 21px; top: 50%; transform: translateY(-50%); z-index: 20; } .calenadar-events__month::before { content: ''; position: absolute; top: 50%; left: 50%; width: 200px; height: 50px; background: #fff; transform: translate(-50%, -50%) rotate(180deg); z-index: -1; /* Ensure it appears behind the text */ } .calenadar-events__month { text-transform: uppercase; color: #8c959c; text-decoration: underline; display: inline-block; transform: rotate(-90deg) translateY(-10px); white-space: nowrap; } .calenadar-events__day { display: flex; flex-direction: column; align-items: center; justify-content: center; } .calenadar-events__day.selected { background: #f1f1f1; padding: 5px; border-radius: 15px; } .calenadar-events__number { font-size: 28px; line-height: 36px; cursor: pointer; } .calenadar-events__day-week { font-size: 10px; color: #8c959c; } ._weekend { color: #ff3318; } .subtitle { font-size: 24px; margin-bottom: 20px; } .no-element-text, .no-element-form { line-height: 23px; font-size: 16px; margin-bottom: 10px; } .no-element__body { margin-bottom: 100px; } @media (min-width: 320px) and (max-width: 1340px) { .calendar-events__item.item-month { position: absolute; left: 31px; top: 50%; transform: translateY(-50%); z-index: 20; } .calenadar-events__month::before { content: ''; position: absolute; top: 50%; left: 50%; width: 200px; height: 50px; background: #fff; transform: translate(-50%, -50%) rotate(180deg); z-index: -1; } } @media (max-width: 550px) { .h1-title { font-size: 32px; line-height: 41px; font-weight: 700; } .calenadar-events__day { } .calenadar-events__number { font-size: 24px; line-height: 30px; } .calendar-events__slider { padding: 0; overflow: visible; } .calendar-events__slider_prev, .calendar-events__slider_next { display: none; } .calendar-events__item.item-month { position: absolute; left: -19px; top: 50%; transform: translateY(-50%); z-index: 20; } .calenadar-events__month::before { content: ''; position: absolute; top: 50%; left: 50%; width: 100px; height: 50px; background: #fff; transform: translate(-50%, -50%) rotate(180deg); z-index: -1; /* Ensure it appears behind the text */ } } /* стили для фильтра */ .dropdown__events { } .events-dropdown { margin-bottom: 24px; } .sort-dropdown { margin-left: 8px; } /*.events-dropdown__container {*/ /* display: flex;*/ /* flex-direction: row-reverse;*/ /* justify-content: space-between;*/ /*}*/ ._container { } .events-dropdown__content { display: flex; justify-content: space-between; flex-wrap: wrap; } .events-dropdown__items { display: flex; align-items: center; /*gap: 8px;*/ margin: 0 0 10px 5px; } .events-dropdown__search-input { position: relative; } .events-dropdown__search-input img { position: absolute; left: 17px; top: 50%; cursor: pointer; transform: translateY(-50%); } .events-dropdown__search-input input { padding-left: 52px; height: 44px; width: 52px; border-radius: 40px; color: #000; background: #fff; border: 1px solid #8c959c33; transition: width 0.4s ease; } .events-dropdown__search-input input.active-search { transition: width 0.4s ease; width: 240px; } .events-dropdown__btn { height: 44px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; border: 1px solid #8c959c33; background: #fff; border-radius: 40px; gap: 10px; color: #000; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .events-dropdown__selects { display: none; /* Скрываем список по умолчанию */ position: absolute; /* Позиционируем список */ background: #fff; border: 1px solid #8c959c33; border-radius: 30px; padding: 24px; margin-top: 8px; width: 240px; z-index: 10; /* Чтобы список был выше других элементов */ } .events-dropdown__inputs { display: flex; flex-direction: column; align-items: flex-start; } .events-dropdown__select { cursor: pointer; display: flex; align-items: center; gap: 10px; margin-bottom: 17px; } .reset-button { color: #8c959c; background: transparent; cursor: pointer; width: fit-content; } .events-dropdown__select input[type='checkbox'] { appearance: none; width: 20px; height: 20px; border: 1px solid #8c959c33; border-radius: 4px; cursor: pointer; } .events-dropdown__select input[type='checkbox']:checked { background-color: #009474; } .events-dropdown__select input[type='checkbox']:checked::after { content: '✓'; color: #fff; font-size: 20px; position: relative; left: 2.5px; top: -4px; } /* Для сортировки */ .last-select .events-dropdown__select { background: none; } .last-select .events-dropdown__select.selected { padding: 10px 15px; border-radius: 30px; background: #009474; color: #fff; } /* Для периода */ .events-dropdown__periods { display: none; position: absolute; background-color: #fff; width: 328px; min-height: 470px; border: 1px solid #8c959c33; z-index: 3; margin-top: 8px; padding: 24px; border-radius: 30px; transition: all 0.3s ease; } .events-dropdown__periods.show { display: block; /* Показываем меню */ } .events-dropdown__date-calendar { margin: 0 -14px 10px -14px; } .events-dropdown__list-date { margin-bottom: 30px; display: flex; flex-wrap: wrap; gap: 10px; } .events-dropdown__list-date span { border: 1px solid #8c959c33; text-align: center; padding: 9px 16px; border-radius: 40px; cursor: pointer; } /* Кастомный календарь */ .flatpickr-monthDropdown-months { -webkit-appearance: none; /* Для Chrome и Safari */ -moz-appearance: none; /* Для Firefox */ appearance: none !important; pointer-events: none; font-family: Jost !important; font-weight: 500 !important; text-align: center; } .numInputWrapper { font-family: Jost; font-weight: 500 !important; pointer-events: none; } .flatpickr-weekday { font-family: Jost !important; text-transform: uppercase; color: #b4bbc5 !important; font-size: 12px !important; font-weight: 500 !important; } .flatpickr-calendar { border: none !important; box-shadow: none !important; } .dayContainer { } .flatpickr-prev-month svg, .flatpickr-next-month svg { display: none; } .flatpickr-prev-month, .flatpickr-next-month { position: absolute !important; } .flatpickr-prev-month::after { content: ''; position: absolute; left: 10px; width: 20px; height: 15px; transform: rotate(180deg); background: url('/local/templates/gotoural/components/bitrix/catalog/events/images/arrow-calendar.png') center no-repeat; top: 10px; } .flatpickr-next-month::after { content: ''; position: absolute; right: 10px; width: 20px; height: 15px; background: url('/local/templates/gotoural/components/bitrix/catalog/events/images/arrow-calendar.png') center no-repeat; top: 10px; } .flatpickr-day { font-family: Jost; margin-top: 0 !important; border: none !important; padding: 0 !important; border-radius: 4px !important; /* box-shadow: none !important; */ } .flatpickr-day:hover { background: rgba(0, 148, 116, 0.2) !important; border-radius: 0px; } .flatpickr-day.inRange { border-radius: 0px; box-shadow: -5px 0 0 #cceae3, 5px 0 0 #cceae3 !important; background: rgba(0, 148, 116, 0.2) !important; } .flatpickr-day.startRange { background: #009474 !important; } .flatpickr-day.startRange:hover { background: #009474 !important; } .flatpickr-day.endRange { background: #009474 !important; } .flatpickr-day.selected { background: #009474 !important; border: none; box-shadow: none !important; } .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) { box-shadow: none !important; /* box-shadow: -5px 0 0 #cceae3, 5px 0 0 #cceae3 !important; */ } .flatpickr-current-month { font-size: 20px !important; } .items-left-dropdown { display: flex; } .input-date { } .filter__slider_wr { display: none; } @media (min-width: 1401px) { .events-dropdown__elem.sort-dropdown { display: flex; justify-content: flex-end; } .events-dropdown__selects.last-select { margin-top: 52px; } } @media (max-width: 1400px) { .events-dropdown__selects.last-select { right: 20px; } } @media (max-width: 768px) { .sort-dropdown { margin-left: 0; } .events-dropdown__items { margin: 0 0 10px 0; gap: 8px; } } @media (max-width: 768px) { .events-dropdown__items { overflow: auto; /*margin: 0 -20px 10px -10px;*/ } .events-dropdown__btn { gap: 7px; } .events-dropdown__periods { position: fixed; width: 100%; left: 0; bottom: 0; border-radius: 30px 30px 0 0; } .flatpickr-calendar { width: 100% !important; } .flatpickr-innerContainer { display: block !important; } .events-dropdown__selects { position: absolute; width: 100%; left: 0; margin: 10px 10px 0 0px; } } @media (any-hover: hover) { .events-dropdown__btn:hover { background: #f0f0f0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } } /* стили для фильтра */ /* Расписание */ .schedule { margin-bottom: 56px; } table { border-collapse: separate; border-spacing: 0px; width: 100%; margin-bottom: 40px; } .schedule__td { padding: 10px; } .schedule__top { margin-bottom: 45px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; } .schedule__title { font-size: 32px; line-height: 41px; font-weight: 700; } .events-dropdown__btn { } .schedule__tr { width: 100%; position: relative; } .schedule__tr::before { content: ''; position: absolute; left: 0; top: 0px; height: 1px; width: 100%; background: #8c959c; opacity: 0.2; } .schedule__tr:last-child::after { content: ''; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; opacity: 0.2; background: #8c959c; } .schedule__tbody { width: 100%; } .schedule__number { font-size: 48px; line-height: 61px; margin-right: 30px; } .schedule__day { text-transform: uppercase; line-height: 18px; color: #8c959c; } .schedule__day._weekend { color: #ff3318; } .schedule__month { font-size: 20px; line-height: 25px; text-transform: uppercase; } .schedule__btns { margin-left: 116px; margin-right: 100px; display: flex; align-items: center; gap: 16px; } .schedule__btn-time { font-size: 16px; line-height: 20px; display: inline-flex; justify-content: center; align-items: center; padding: 8px 24px; border-radius: 30px; color: #000; background: #fff; border: 1px solid #8c959c33; } .schedule__btn-time.active { color: #fff; background: #009474; } .schedule__availability { } .schedule__availability-text { color: #8c959c; } .schedule__availability-quantity { } .schedule__price { margin-left: 100px; margin-right: 20px; display: flex; align-items: center; gap: 14px; } .schedule__price-text { display: block; font-size: 16px; } .schedule__price-num { display: block; font-size: 19px; font-weight: 600; } .schedule__booking-btn { padding: 12px 24px; border-radius: 40px; background: #009474; color: #fff; font-size: 16px; font-weight: 500; line-height: 25px; display: inline-flex; align-items: center; justify-content: center; } .cards-title { margin-bottom: 40px; } @media (min-width: 1303px) { .schedule__price { margin-left: 40px; display: flex; width: 100%; } } @media (max-width: 1303px) { .schedule__price { margin-left: 40px; display: flex; width: 100%; } .schedule__number { margin-right: 20px; } .schedule__btns { margin: 0 auto; flex-wrap: wrap; } } @media (max-width: 1024px) { .schedule__tr { display: flex; position: relative; flex-direction: column; padding: 22px 0; } .schedule__td { display: flex; justify-content: space-between; } .schedule__day, .schedule__month { display: inline; } .schedule__date { position: absolute; left: 81px; top: 40px; display: flex; flex-direction: column; } .schedule__availability { position: absolute; right: 0; top: 40px; display: inline-flex; gap: 10px; } .schedule__btns { margin-top: 10px; display: flex; flex-wrap: wrap; } .schedule__price { position: absolute; right: 160px; bottom: 33px; width: auto; } .schedule__booking-btn { width: auto; position: absolute; right: 0; bottom: 22px; } } @media (min-width: 1024px) and (max-width: 1128px) { .schedule__btns { margin-left: 20px; } .schedule__tr { height: 120px; } } @media (max-width: 768px) { .schedule__btns { margin: 0px 0 0 0; display: flex; flex-wrap: wrap; align-items: center; width: 375px; } } @media (max-width: 650px) { .schedule__btns { gap: 6px; margin-bottom: 16px; width: 300px; } .schedule__price { margin: 0; position: absolute; left: 180px; bottom: 33px; width: 100%; } .schedule__month { font-size: 18px; line-height: 23px; text-transform: uppercase; } .schedule__btn-time { font-size: 14px; } .schedule__booking-btn { width: auto; font-size: 14px; line-height: 22px; position: static; } .schedule__availability { position: absolute; right: 40px; top: 40px; display: inline-flex; flex-direction: column; gap: 10px; } .schedule__availability-quantity { align-self: flex-end; } } @media (max-width: 490px) { .schedule__title { font-size: 24px; line-height: 30px; margin-bottom: 16px; } .schedule__top { gap: 0; margin-bottom: 24px; } .schedule .events-dropdown__btn { width: 100%; justify-content: space-between; } } /* Расписание */ /* End */ /* Start:/local/templates/gotoural/components/bitrix/catalog/events/bitrix/catalog.element/tour/style.css?17369482946668*/ .detail { margin-bottom: 56px; } .detail__title { margin-bottom: 32px; } .detail__body { display: grid; grid-template-columns: minmax(500px, 800px) minmax(450px, 540px); gap: 20px; height: 490px; } .detail__image { width: 100%; position: relative; overflow: hidden; border-radius: 30px; display: flex; } .detail__image img { border-radius: 30px; object-fit: cover; width: 100%; } .item-card__info { } .item-card__date { } .item-card__city { } .detail__info { /* height: 490px; */ /* flex: 0 1 37%; */ } .info-detail { padding: 40px; border-radius: 30px; background: #f1f1f1; } .info-detail__title { font-size: 24px; font-weight: 700; line-height: 30px; margin-bottom: 25px; } .info-detail__items { } .info-detail__item { display: flex; align-items: center; gap: 15px; margin-bottom: 18px; } .info-detail__icon { width: 40px; height: 40px; background: #009474; border-radius: 16px; display: inline-flex; justify-content: center; align-items: center; } .info-detail__inform { width: 405px; line-height: 20px; font-size: 16px; } .info-detail__text { color: #a2a2a2; } .info-detail__subtext { } @media (max-width: 1200px) { .detail__body { height: auto; } .info-detail { padding: 20px; border-radius: 30px; background: #f1f1f1; } } @media (max-width: 1056px) { .info-detail__icon { width: 44.2px; } .info-detail__inform { } .detail__image { flex: 0 1 auto; position: relative; height: auto; overflow: hidden; border-radius: 30px; } .info-detail { padding: 20px; border-radius: 30px; background: #f1f1f1; } } @media (max-width: 1024px) { .detail__body { display: grid; grid-template-columns: 1fr; gap: 20px; height: auto; } .info-detail__icon { width: 40px; } .info-detail { padding: 40px; } .detail__image { /* flex: 0 1 63%; */ width: 100%; position: relative; height: 422px; overflow: hidden; border-radius: 30px; } .detail__image img { border-radius: 30px; object-fit: cover; width: 100%; } .info-detail__inform { width: 90%; } } @media (max-width: 620px) { .detail__body { display: grid; grid-template-columns: minmax(450px, 1fr); gap: 20px; height: auto; } .info-detail__icon { width: 40px; } .info-detail { padding: 40px; } .detail__image { position: relative; overflow: hidden; border-radius: 30px; width: 100%; height: 335px; } .detail__image img { border-radius: 30px; object-fit: cover; width: 100%; } .info-detail__inform { font-size: 14px; width: 85%; } } @media (max-width: 490px) { .detail { margin-bottom: 40px; } .detail__title { margin-bottom: 24px; font-size: 32px; line-height: 41px; } .detail__body { display: grid; grid-template-columns: minmax(335px, 1fr); gap: 8px; height: auto; } .info-detail__icon { width: 40px; } .info-detail { padding: 24px 20px; } .info-detail__title { font-size: 20px; line-height: 25px; margin-bottom: 16px; } .info-detail__item { display: flex; gap: 10px; } .info-detail__inform { font-size: 14px; width: 245px; } .detail__image { position: relative; overflow: hidden; border-radius: 30px; width: 100%; height: 205px; } .detail__image img { border-radius: 30px; object-fit: cover; width: 100%; } } .cards__events { margin-bottom: 100px; } .events-cards { } .events-cards__container { } ._container { } .events-cards__body { } .events-cards__items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 48px; } .events-cards__item { padding: 24px; border-radius: 30px; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); } .item-card { } .item-card__body { } .item-card__iamge { position: relative; height: 240px; overflow: hidden; margin-bottom: 16px; border-radius: 30px; } .item-card__iamge img { width: 100%; object-fit: cover; } .item-card__info { position: absolute; right: 16px; top: 16px; } .item-card__date { padding: 8px 16px; background: #009474; border-radius: 30px; font-size: 16px; line-height: 20px; font-weight: 700; color: #fff; } .item-card__city { position: relative; right: 16%; top: -7px; padding: 5px 12px; background: #fff; color: #8c959c; font-size: 14px; line-height: 18px; border-radius: 40px; } .item-card__title { color: #000; font-size: 24px; font-weight: 700; line-height: 30px; } .events-cards__more-btn { width: 100%; background: #fff; border: 1px solid #8c959c33; display: inline-flex; justify-content: center; align-items: center; border-radius: 40px; font-size: 16px; padding: 18px 0; } .events-cards__pagination { display: flex; align-items: center; justify-content: center; gap: 10px; } .events-cards__li-prev, .events-cards__li-next { background: #f1f1f1; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; margin: 0 17px; } .events-cards__li-next { } .events-cards__li { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; } .events-cards__link { color: #000; } @media (max-width: 960px) { .events-cards__items { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } } @media (max-width: 768px) { .events-cards__items { display: grid; grid-template-columns: 1fr; gap: 20px; } } /* Описание */ .description, section.map { margin-bottom: 56px; } .description__container { } ._container { } .description__title { font-size: 32px; font-weight: 700; line-height: 41px; margin-bottom: 12px; } .description__text { max-width: 960px; font-size: 18px; line-height: 28px; margin-bottom: 20px; } /* Описание */ /* End */ /* Start:/local/templates/gotoural/styles/popup-booking.css?17340896704330*/ /*.overlay {*/ /* display: none; !* Скрыт по умолчанию *!*/ /* position: fixed;*/ /* top: 0;*/ /* left: 0;*/ /* width: 100%;*/ /* height: 100%;*/ /* background-color: rgba(0, 0, 0, 0.5); !* Полупрозрачный черный фон *!*/ /* z-index: 999; !* Под попапом *!*/ /*}*/ /*.popup-booking {*/ /* display: none; !* Скрыт по умолчанию *!*/ /* position: fixed;*/ /* z-index: 1000;*/ /* left: 50%;*/ /* top: 50%;*/ /* transform: translate(-50%, -50%);*/ /* width: 640px;*/ /* height: 584px;*/ /* background-color: #fff;*/ /* border-radius: 40px;*/ /* padding: 40px;*/ /*}*/ .popup__content { position: relative; } .popup__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .popup__title { font-size: 32px; font-weight: 700; } .popup__close { background: #f1f1f1; width: 40px; height: 40px; display: inline-flex; justify-content: center; align-items: center; border-radius: 16px; } .center-popup { padding: 16px; border-radius: 16px; background: #f1f1f1; margin-bottom: 10px; } .center-popup__title { font-size: 18px; font-weight: 700; line-height: 23px; margin-bottom: 16px; } .center-popup__day { text-transform: uppercase; color: #8c959c; line-height: 18px; } .center-popup__begin { font-size: 20px; line-height: 25px; } .popup__bottom { } .bottom-popup { margin-bottom: 35px; } .bottom-popup__tickets { display: flex; flex-direction: column; gap: 10px; } .bottom-popup__ticket { display: flex; justify-content: space-between; border-radius: 30px; padding: 16px 24px; border: 1px solid #8c959c33; } .bottom-popup__age { font-size: 16px; line-height: 20px; } .bottom-popup__availability { color: #8c959c; line-height: 18px; } .bottom-popup__right { display: flex; align-items: center; gap: 16px; } .bottom-popup__price { font-size: 18px; font-weight: 500; line-height: 23px; } .bottom-popup__btns { display: flex; align-items: center; gap: 8px; } .bottom-popup__btn { background: #fff; width: 32px; height: 32px; border-radius: 50%; border: 1px solid #8c959c33; display: inline-flex; align-items: center; justify-content: center; } .bottom-popup__quantity { font-size: 16px; font: 500px; } .popup__result { } .result-popup { display: flex; justify-content: space-between; align-items: center; } .result-popup__text { display: flex; align-items: center; text-transform: uppercase; font-size: 16px; line-height: 20px; gap: 20px; } .result-popup__text .price { font-size: 24px; font-weight: 600; } .result-popup__text.price { font-weight: 600; line-height: 30; font-size: 24px; } .result-popup__btn { color: #fff; background: #009474; display: inline-flex; align-items: center; justify-content: center; border-radius: 100px; font-size: 16px; font-weight: 500; line-height: 25px; padding: 12px 95px; } @media (max-width: 768px) { .popup { width: 100%; } .bottom-popup__ticket { position: relative; } } @media (max-width: 575px) { .result-popup__btn { padding: 12px 60px; } } @media (max-width: 505px) { .popup { padding: 20px; position: fixed; left: 0; bottom: 0; top: auto; transform: none; width: 100%; height: auto; max-height: 80vh; /* Максимальная высота 80% от высоты экрана */ border-radius: 40px 40px 0 0; overflow-y: auto; /* Добавляем прокрутку, если контент не помещается */ } .popup__title { font-size: 24px; line-height: 30px; } .popup__top { margin-bottom: 14px; } .popup__content { } .center-popup__title { font-size: 16px; line-height: 20px; } .center-popup__day { font-size: 12px; line-height: 15px; } .center-popup__begin { font-size: 18px; line-height: 23px; } .bottom-popup__ticket { height: 90px; } .bottom-popup__price { position: absolute; left: 25px; bottom: 10px; font-size: 16px; line-height: 20px; } .result-popup { position: sticky; bottom: 0; background-color: #fff; padding-top: 10px; padding-bottom: 10px; } .result-popup__btn { width: 152px; padding: 12px 24px; font-size: 14px; line-height: 22px; } .result-popup__text { text-transform: lowercase; width: 100%; gap: 8px; } .result-popup__text .price { font-size: 20px; } } /* End */ /* Start:/local/templates/gotoural/components/bitrix/map.yandex.view/map/style.css?17326948995009*/ .bx-yandex-map, .ymaps-map { width: auto !important; } .map-detail-items__item--hidden { display: none; } .map-detail-items__item { padding: 25px 32px; } .map-detail-items__item-svg { position: absolute; right: 6px; top: 8px; width: 30px; height: 30px; text-align: center; cursor: pointer; } .map-detail-items__item-svg:not(:hover) svg path { fill: #999; } .map-detail-items__item-close { width: 10px; height: 10px; } .map-detail-items__item-title { margin-bottom: 18px; font-size: 18px; font-weight: 500; } .map-detail-items__item-title a { color: #333; } .map-detail-items__item-title a:hover { color: #009474; } .map-detail-items__item-property-title { color: #8c959c; font-size: 16px; margin-bottom: 5px; } .map-detail-items__item-property-value, .map-detail-items__item-property-value a { color: #000; font-size: 16px; line-height: 20px; } .map-detail-items__item-property { margin-top: 10px; } .map-detail-items__item-buttons { display: none; } .ymaps-point-overlay path.fill-theme-svg { fill: #009474; } .contacts__sticky-panel__property { margin-bottom: 10px; } body .contacts-page-map-top .ymaps-b-balloon { padding: 0; width: 366px !important; margin: 4px 0 0 -1px; } body .contacts-map-top-frame .ymaps-b-balloon { padding: 0; width: 344px !important; margin: 4px 0 0 -1px; } .front_map.bx-yandex-view-map { position: relative; overflow: hidden; margin: 0px; border: none; } .bx-yandex-view-map .bx-yandex-map img { position: absolute; left: 0px; right: 0px; } body .ymaps-b-balloon__content { background: var(--card_bg_black); } .body .ymaps-b-balloon { margin: -54px 0 0 -38px; width: 344px !important; background: #fff; border-radius: 3px; padding: 25px 45px 30px 32px; -webkit-box-shadow: 0px 5px 20px 0px rgba(18, 25, 38, 0.1); -moz-box-shadow: 0px 5px 20px 0px rgba(18, 25, 38, 0.1); box-shadow: 0px 5px 20px 0px rgba(18, 25, 38, 0.1); } .body .ymaps-b-balloon:after { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 19px; z-index: 2; background: #fff; background: var(--card_bg_black); } /*.ymaps-b-balloon .ymaps-b-balloon__content > ymaps {*/ /* width: 100% !important;*/ /* height: auto !important;*/ /*}*/ .ymaps-b-balloon .ymaps-b-balloon__content-holster { padding: 30px; background: white; border-radius: 30px; } .ymaps-b-balloon .ymaps-b-balloon__tr { display: none; } .ymaps-b-balloon .ymaps-b-balloon__tl { display: none; } .ymaps-b-balloon .ymaps-b-balloon__content { border: none; } .ymaps-b-balloon .ymaps-b-balloon__bl { display: none; } .ymaps-b-balloon .ymaps-b-balloon__br { display: none; } .ymaps-b-balloon .ymaps-b-balloon__close { top: 8px !important; right: 8px !important; width: 26px !important; height: 26px !important; background: none !important; border-radius: 100% !important; transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; } .ymaps-b-balloon .ymaps-b-balloon__close:before { content: ""; position: absolute; top: 20%; left: -5px; margin: -5px 0 0 -5px; width: 32px; height: 32px; background: url(/local/templates/gotoural/components/bitrix/map.yandex.view/map/../../../../images/detail/icons/close-icon.png) no-repeat; transition: opacity ease 0.3s; } .ymaps-b-balloon .ymaps-b-balloon__close:hover:before { opacity: 0.5; } .ymaps-b-balloon:before { content: ""; background: #fff; width: 15px; height: 15px; position: absolute; bottom: -7px; left: 50%; margin-left: -6px; box-sizing: border-box; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .ymaps-shadows-pane { display: none; } .ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block { color: #555; font-size: 13px; padding-left: 24px; padding-bottom: 11px; } .ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block:last-of-type { padding-bottom: 0px; } .ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block .svg-inline-metro { top: 3px; } .ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block .svg-inline-email { top: 2px; } .ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block a:not(:hover) { color: #555; } .cluster_custom svg .cls-cluster2 { fill: #009474; } .cluster_custom span { z-index: 2; position: relative; } .cluster_custom svg { position: absolute; left: 0; } @media (max-width: 530px) { .map-detail-items__item { padding-left: 28px; padding-right: 28px; } .bx-map-view-layout, .ymaps-map, .bx-yandex-map { height: 250px !important; } .ymaps-b-balloon .ymaps-b-balloon__close { top: 10px !important; right: 20px !important; } } /* End */ /* Start:/local/templates/gotoural/components/bitrix/map.yandex.system/map/style.css?1732694899600*/ div.bx-yandex-map {color: black;} div.bx-yandex-map div.YMaps-b-balloon-content {color: black;} div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td{padding: 0px !important;} div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{} div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b{background-image: none !important;} /* End */ /* Start:/local/templates/gotoural/components/bitrix/catalog.item/event/style.css?17345162123425*/ .cards__events { margin-bottom: 100px; } .events-cards { } .events-cards__container { } ._container { } .events-cards__body { } .events-cards__items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 48px; } .events-cards__item { padding: 24px; border-radius: 30px; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); transition: all 0.4s ease 0s; transform: translateY(0px); -webkit-transition: all 0.4s ease 0s; } .item-card { } .item-card__body { } .item-card__iamge { position: relative; height: auto; max-height: 240px; overflow: hidden; margin-bottom: 16px; border-radius: 30px; display: flex; } .item-card__iamge img { width: 100%; object-fit: cover; border-radius: 35px; } .item-card__info { position: absolute; right: 16px; top: 16px; } .item-card__date { padding: 8px 16px; background: #009474; border-radius: 30px; font-size: 16px; line-height: 20px; font-weight: 700; color: #fff; text-align: center; } .item-card__city { position: relative; right: 16%; top: -7px; padding: 5px 12px; background: #fff; color: #8c959c; font-size: 14px; line-height: 18px; border-radius: 40px; text-align: center; } .item-card__title { color: #000; font-size: 24px; font-weight: 700; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 1024px) { .events-cards__items { gap: 15px; grid-template-columns: repeat(3, minmax(234px, 1fr)); } .events-cards__item { padding: 15px; } .item-card__iamge { position: relative; height: auto; overflow: hidden; margin-bottom: 16px; border-radius: 30px; } .item-card__iamge img { width: 100%; height: 190px; object-fit: cover; border-radius: 35px; } .item-card__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } } @media (max-width: 768px) { .events-cards__items { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .events-cards__item.hide-on-tablet { display: none; } .item-card__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .item-card__iamge { height: 185px; } .item-card__iamge img { width: 100%; height: auto; border-radius: 35px; object-fit: cover; } } @media (max-width: 650px) { .cards__events { margin-bottom: 64px; } .events-cards__items { gap: 20px; margin-bottom: 24px; grid-template-columns: 1fr; } .events-cards__item { padding: 16px; } .events-cards__item.hide-on-mob { display: none; } .item-card__title { font-size: 20px; line-height: 25px; } .events-cards__li.hide-on-mob { display: none; } } @media (any-hover: hover) { .events-cards__item:hover { transition: all 0.4s ease 0s; transform: translateY(-10px); -webkit-transition: all 0.4s ease 0s; } } /* End */ /* /local/templates/gotoural/styles/flatpickr.min.css?173139577916166 */ /* /local/templates/gotoural/components/bitrix/catalog/events/style.css?173694829417138 */ /* /local/templates/gotoural/components/bitrix/catalog/events/bitrix/catalog.element/tour/style.css?17369482946668 */ /* /local/templates/gotoural/styles/popup-booking.css?17340896704330 */ /* /local/templates/gotoural/components/bitrix/map.yandex.view/map/style.css?17326948995009 */ /* /local/templates/gotoural/components/bitrix/map.yandex.system/map/style.css?1732694899600 */ /* /local/templates/gotoural/components/bitrix/catalog.item/event/style.css?17345162123425 */