/* 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.smart.filter/visual_horizontal/style.css?173529062830114*/ .bx_filter.bx_horizontal { margin-right: auto; } .bx_filter .bx_filter_parameters_box_title:after{ content: ' '; width:11px; height: 6px; opacity: .8; background: url('/local/templates/gotoural/components/bitrix/catalog.smart.filter/visual_horizontal/images/arrow-down.png'); } .bx_filter .bx_filter_parameters_box.active .bx_filter_parameters_box_title:after{ transform: rotate(180deg); } .bx_filter_parameters_box_title.checked-inside:after { filter: invert(); } .bx_filter .bx_filter_block{ display:none; padding:0; } .bx_filter .bx_filter_button_box .bx_filter_block, .bx_filter .bx_filter_parameters_box.active .bx_filter_block{ display:block; } .bx_filter .bx_filter_parameters_box.active .bx_filter_block i{ font-size: 15px; font-style: normal; color: #596b70; display: block; padding-bottom: 3px; } .bx_filter .bx_filter_parameters_box_container_block{ font-size:11px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:50%; color:#3f3f3f; } .bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block:nth-child(2){ text-align: right; } /*bx_input_container => bx_filter_input_container*/ .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container{ display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; /*max-width:105px;*/ max-width:66%; min-width: 80px; width: 100%; height:35px; padding:1px; border-radius:3px; background:#8ca3ae; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYTNhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmM4ZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ca3ae), color-stop(100%,#b6c8d2)); background:-webkit-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: -moz-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: -ms-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: -o-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: linear-gradient(top bottom, #8ca3ae 0%,#b6c8d2 100%); box-shadow:0 1px 0 0 rgba(255,255,255,.75); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ca3ae', endColorstr='#b6c8d2',GradientType=0 ); } .bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block:nth-child(1){ padding-right: 5px; } .bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block:nth-child(2){ padding-left: 5px; } .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container input{ display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; font-size: 18px; /*max-width:33%;*/ /*min-width: 105px;*/ height:33px; margin: 0; padding:0 4px; border:none; border-radius:2px; background:#fff; box-shadow:inset 0 3px 6px 0 rgba(215,215,215,.75); } .bx_filter .bx_filter_parameters_box_container .bx_filter_calendar_container{ max-width:100%; position:relative; } .bx_filter .bx_filter_parameters_box_container .bx_filter_calendar_container input.calendar{ padding:0 23px 0 4px; font-size:15px; } .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container img.calendar-icon{ display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:absolute; font-size:18px; top:7px; right:3px; } .bx_filter_parameters_box.U { display: none; } /*Track*/ .bx_filter .bx_ui_slider_track{ position:relative; height:7px; margin:25px 10px; border:1px solid #8da3ad; background:#a1c0c8; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExYzBjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2Q1ZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1c0c8), color-stop(100%,#b3d5df)); background:-webkit-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%); background: -moz-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%); background: -ms-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%); background: -o-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%); background: linear-gradient(top bottom, #a1c0c8 0%,#b3d5df 100%); box-shadow:0 1px 0 0 rgba(255,255,255,.35); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c0c8', endColorstr='#b3d5df',GradientType=0 ); } .bx_filter .bx_ui_slider_part{ position:absolute; top:-6px; width:1px; height:17px; background:#a2bfc7; } .bx_filter .bx_ui_slider_part.p1{left:-1px;} .bx_filter .bx_ui_slider_part.p2{left:25%;} .bx_filter .bx_ui_slider_part.p3{left:50%;} .bx_filter .bx_ui_slider_part.p4{left:75%;} .bx_filter .bx_ui_slider_part.p5{right:-1px;} .bx_filter .bx_ui_slider_part span{ font-size:11px; font-weight: bold; position:absolute; top:-16px; left:50%; display:block; width:100px; margin-left:-50px; text-align:center; color:#000; } .bx_filter .bx_ui_slider_part.p2 span, .bx_filter .bx_ui_slider_part.p3 span, .bx_filter .bx_ui_slider_part.p4 span{color:#6b8086;} .bx_filter .bx_ui_slider_range, .bx_filter .bx_ui_slider_pricebar, .bx_filter .bx_ui_slider_pricebar_VD, .bx_filter .bx_ui_slider_pricebar_VN, .bx_filter .bx_ui_slider_pricebar_V{ position:absolute; top:-1px; bottom:-1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .bx_filter .bx_ui_slider_range{ z-index:50; } .bx_filter .bx_ui_slider_pricebar{ z-index:100; } .bx_filter .bx_ui_slider_pricebar_VD{ z-index:60; border-top: 1px solid #74868e; border-bottom:1px solid #74868e; background:#849da4; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0OWRhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5M2FmYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#849da4), color-stop(100%,#93afb7)); background:-webkit-linear-gradient(top, #849da4 0%,#93afb7 100%); background: -moz-linear-gradient(top, #849da4 0%,#93afb7 100%); background: -ms-linear-gradient(top, #849da4 0%,#93afb7 100%); background: -o-linear-gradient(top, #849da4 0%,#93afb7 100%); background: linear-gradient(top bottom, #849da4 0%,#93afb7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#849da4', endColorstr='#93afb7',GradientType=0 ); } .bx_filter .bx_ui_slider_pricebar_VN{ z-index:70; border:1px solid #8da3ad; background:#a8dff3; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4ZGZmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGVhZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6eccea), color-stop(100%,#73d6f6)); background:-webkit-linear-gradient(top, #6eccea 0%,#73d6f6 100%); background: -moz-linear-gradient(top, #6eccea 0%,#73d6f6 100%); background: -ms-linear-gradient(top, #6eccea 0%,#73d6f6 100%); background: -o-linear-gradient(top, #6eccea 0%,#73d6f6 100%); background: linear-gradient(top bottom, #6eccea 0%,#73d6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6eccea', endColorstr='#73d6f6',GradientType=0 ); } .bx_filter .bx_ui_slider_pricebar_V{ z-index:80; top:-1px; bottom:-1px; /* border-right:1px solid #1888cc; border-left: 1px solid #1888cc;*/ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAALGPC/xhBQAAAANQTFRFGIjM1MdTygAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CIIA=') repeat-y left, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAALGPC/xhBQAAAANQTFRFGIjM1MdTygAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CIIA=') repeat-y right, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAMAAAAxZj1mAAAABGdBTUEAALGPC/xhBQAAAL1QTFRFANz2ALTqAKrmALbrAN33AKzmANf0ALPqAKfkAKrlAKbkHpThALXqALHqAI/dAKDkAJviAJ/lAJrhAKnnAKTnAJTgAJ/kAKTmAJXfAJnhAKbjAJriAJ3iAKfoAKPnAJHeAKHjAKfmAKznAKvoAKvpAKHkAKzqALTrALTpANb0ALXrALPrALjtAJ7kAKfnAKPlAKTlAKLnAKbnAK/pHpTiALDqANz3AHi6AKzpAKjoANv2AHm6AKzoAHm7H5XiGxHqSgAAAG9JREFUCNcVxEUCwkAQBMDG3V2Dxz3rO/n/s4A6FOqq/vk3qsC7XGsfuu1rjk7gtZoNLxqMgwg9xvqh6w7ZJDyitDcpbVbax9titVT35yFRr7P8YJ5k6T7dFadLoTBbxNN1vN3k19yBEIYEkTGG6AvhQBEyBjCadgAAAABJRU5ErkJggg==') repeat-x; } .bx_filter .bx_ui_slider_handle{ position:absolute; top:100%; width:22px; height:22px; } .bx_filter .bx_ui_slider_handle:hover{ -webkit-cursor:grab; -ms-cursor:grab; -o-cursor:grab; cursor:grab; } .bx_filter .bx_ui_slider_handle:active{ -webkit-cursor:grabbing; -ms-cursor:grabbing; -o-cursor:grabbing; cursor:grabbing; } .bx_filter .bx_ui_slider_handle.left{ left:0; margin-left:-21px; background:url(/local/templates/gotoural/components/bitrix/catalog.smart.filter/visual_horizontal/images/handle_left.png) no-repeat right top; } .bx_filter .bx_ui_slider_handle.right{ right:0; margin-right:-21px; background:url(/local/templates/gotoural/components/bitrix/catalog.smart.filter/visual_horizontal/images/handle_right.png) no-repeat left top; } /* * Select * */ .bx_filter .bx_filter_select_container{ display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:35px; padding:1px; border-radius:3px; background:#8ca3ae; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYTNhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmM4ZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ca3ae), color-stop(100%,#b6c8d2)); background:-webkit-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: -moz-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: -ms-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: -o-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: linear-gradient(top bottom, #8ca3ae 0%,#b6c8d2 100%); box-shadow:0 1px 0 0 rgba(255,255,255,.75); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ca3ae', endColorstr='#b6c8d2',GradientType=0 ); } .bx_filter .bx_filter_select_block{ position:relative; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; height:33px; margin:0; padding:0 33px 0 10px; border:none; border-radius:2px; background:#fff; box-shadow:inset 0 3px 6px 0 rgba(215,215,215,.75); } .bx_filter .bx_filter_select_text{ font-size:15px; line-height:33px; overflow:hidden; max-width:100%; height:33px; cursor:pointer; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; -ms-text-overflow:ellipsis; } .bx_filter .bx_filter_select_text.fix{ min-width:120px; } .bx_filter .bx_filter_select_text label{ cursor:pointer; } .bx_filter .bx_filter_select_arrow{ position:absolute; top:0; right:0; width:34px; height:33px; cursor:pointer; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC') no-repeat center; } /* * Select popup * */ .bx_filter_select_popup{padding:0;} .bx_filter_select_popup ul{ margin:0; padding:0; list-style:none; } .bx_filter_select_popup ul li{ display:block; text-align: left; vertical-align:middle; } .bx_filter_select_popup ul li:first-child{ border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 5px; } .bx_filter_select_popup ul li label{ font-size:14px; line-height:26px; display:block; text-align: left !important; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; height:26px; padding:0 5px; cursor:pointer; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; -ms-text-overflow:ellipsis; color:#575757; } .bx_filter_select_popup ul li label.selected, .bx_filter_select_popup ul li label:hover{ color:#000; background:#f3f8fa; } .bx_filter_select_popup ul li label.disabled{ color:#b8b8b8; background:transparent; } .bx_filter_select_popup ul li .bx_filter_param_text{ line-height: 26px !important; } /* * TAGS * */ .bx_filter.bx_horizontal .bx_filter_parameters_box.tags{ width: 100%; clear: both } .bx_filter .bx_filter_tag{ padding:18px; border:1px solid #aed5e0; border-radius:5px; background:rgba(151,214,233,.33); } .bx_filter .bx_tag_link{ font-size:12px; text-decoration:none; color:#68939e; border-bottom:1px solid; text-shadow:none; } .bx_filter .bx_tag_link.active, .bx_filter .bx_tag_link:hover{ color:#1d3d46; border-bottom:none; } /* * LABEL * */ .bx_filter .bx_filter_param_label.dib{display: inline-block;} .bx_filter .bx_filter_param_text{ line-height:34px; position:relative; display:inline-block; margin:0 5px; vertical-align:middle; cursor:pointer; } .bx_filter .bx_filter_param_label.disabled .bx_filter_param_text{ color:#6c6c6c; /*text-decoration: line-through;*/ } .bx_filter_select_popup .bx_filter_param_label.active{ background: #f3f8fa; } /* * Checkbox / Radio * */ .bx_filter .bx_filter_input_checkbox{ cursor: pointer; display: flex; align-items: center; gap: 10px; margin-bottom: 17px; } .bx_filter .bx_filter_input_checkbox input[type=radio], .bx_filter .bx_filter_input_checkbox input[type=checkbox]{ appearance: none; width: 20px; height: 20px; border: 1px solid #8c959c33; border-radius: 4px; cursor: pointer; } .bx_filter .bx_filter_input_checkbox input[type=checkbox]:checked { background-color: #009474; } .bx_filter .bx_filter_input_checkbox input[type=checkbox]:checked::after { content: url("/local/templates/gotoural/components/bitrix/catalog.smart.filter/visual_horizontal/images/check-icon.png"); color: #fff; font-size: 20px; position: relative; left: 2.5px; top: -4px; } /* * BTN * */ .bx_filter .bx_filter_param_btn{ display:inline-block; width:34px; height:34px; text-align:center; text-decoration:none; color:#000; vertical-align: middle; border:1px solid #9dbcc3; border-radius:3px; background:#fbfdfd; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmUxZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfdfd), color-stop(100%,#cfe1e7)); background:-webkit-linear-gradient(top, #fbfdfd 0%,#cfe1e7 100%); background: -moz-linear-gradient(top, #fbfdfd 0%,#cfe1e7 100%); background: -ms-linear-gradient(top, #fbfdfd 0%,#cfe1e7 100%); background: -o-linear-gradient(top, #fbfdfd 0%,#cfe1e7 100%); background: linear-gradient(top bottom, #fbfdfd 0%,#cfe1e7 100%); background-clip:padding-box; box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 0 0 1px rgba(255,255,255,.22); text-shadow:0 1px 0 #fff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfdfd', endColorstr='#cfe1e7',GradientType=0 ); -webkit-transition:border .3s ease, box-shadow .1s ease, color .3s ease; -moz-transition:border .3s ease, box-shadow .1s ease, color .3s ease; -ms-transition:border .3s ease, box-shadow .1s ease, color .3s ease; -o-transition:border .3s ease, box-shadow .1s ease, color .3s ease; transition:border .3s ease, box-shadow .1s ease, color .3s ease; cursor: pointer; } /* --- colors */ .bx_filter .bx_filter_param_btn.bx_color_sl{ /*width:24px;*/ /*padding:0 1px;*/ } .bx_filter .bx_filter_param_label.disabled .bx_filter_param_btn.bx_color_sl{ background: transparent; box-shadow: none } .bx_filter .bx_filter_param_label.disabled .bx_filter_param_btn.bx_color_sl{position: relative;} .bx_filter .bx_filter_param_label.disabled .bx_filter_param_btn.bx_color_sl:before{ position: absolute; bottom:0; right: 0; top: 0; left: 0; content: ' '; /*width: 19px;*/ /*height:19px;*/ display: block; z-index:100; background: url(/local/templates/gotoural/components/bitrix/catalog.smart.filter/visual_horizontal/images/missing_v2.png) no-repeat center; opacity: .7; } /* * BTN P/M * */ .bx_filter .bx_filter_param_btn.bx_spm{ width:23px; min-width:23px; height:23px; padding:0; vertical-align: middle; } .bx_filter .bx_filter_param_btn.bx_spm.bx_minus{ background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAECAIAAADXmFKkAAAAIUlEQVQYV2NgKFmCD5UuYUDno5ElUBWLoUJwUWT0nxAAABiMRP18QPJ4AAAAAElFTkSuQmCC), -webkit-linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAECAIAAADXmFKkAAAAIUlEQVQYV2NgKFmCD5UuYUDno5ElUBWLoUJwUWT0nxAAABiMRP18QPJ4AAAAAElFTkSuQmCC), -o-linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAECAIAAADXmFKkAAAAIUlEQVQYV2NgKFmCD5UuYUDno5ElUBWLoUJwUWT0nxAAABiMRP18QPJ4AAAAAElFTkSuQmCC), linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-repeat:no-repeat,repeat; background-position:center 10px,center; } .bx_filter .bx_filter_param_btn.bx_spm.bx_plus{ background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAATElEQVQoz2NgQAclS/7DMUEAVriYWMVQhSCaKJNLcTmjFMmNyBibOFgQLrEYu0a4YrCCxbhNQxb7jwaQFWLIUR7OpUtIDWciFONzIwAP8KL1rVnYDQAAAABJRU5ErkJggg==), -webkit-linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAATElEQVQoz2NgQAclS/7DMUEAVriYWMVQhSCaKJNLcTmjFMmNyBibOFgQLrEYu0a4YrCCxbhNQxb7jwaQFWLIUR7OpUtIDWciFONzIwAP8KL1rVnYDQAAAABJRU5ErkJggg==), -o-linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAATElEQVQoz2NgQAclS/7DMUEAVriYWMVQhSCaKJNLcTmjFMmNyBibOFgQLrEYu0a4YrCCxbhNQxb7jwaQFWLIUR7OpUtIDWciFONzIwAP8KL1rVnYDQAAAABJRU5ErkJggg==), linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-repeat:no-repeat,repeat; background-position:center 6px,center; } .bx_filter .bx_filter_param_btn.bx_spm:active{ outline:none !important; box-shadow:inset 0 2px 3px rgba(0,0,0,.12); } .bx_filter span.bx_spm{ font-size:18px; font-weight:bold; line-height:23px; display:inline-block; height:23px; margin:0 10px; vertical-align:middle; color:#000; } /* * icon * */ .bx_filter_select_popup .bx_filter_select_text_icon, .bx_filter .bx_filter_select_text_icon{ line-height:33px; position:relative; display:inline-block; width:24px; height:24px; margin-top:-2px; margin-right:2px; vertical-align:middle; border-radius:2px; } .bx_filter_select_popup .bx_filter_btn_color_icon, .bx_filter .bx_filter_btn_color_icon{ line-height:24px; position:relative; top:5px; border-radius: 2px; display:inline-block; width:24px; height:24px; vertical-align:middle; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); -webkit-background-size:cover; background-size:cover; } .bx_filter_select_popup .bx_filter_btn_color_icon{ width:20px; height:20px; margin:2px 0; top: 0 !important; } .bx_filter .bx_filter_select_block .bx_filter_btn_color_icon{ top:-1px !important; } .bx_filter_btn_color_icon.all { position: relative; border: none; box-shadow: none } .bx_filter_btn_color_icon.all:after, .bx_filter_btn_color_icon.all:before{ position: absolute; width: 60%; height:60%; background: #fff; content: " "; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); } .bx_filter_btn_color_icon.all:after{ right: 0; bottom: 0; } .bx_filter_btn_color_icon.all:before{ top:0; left: 0; } .bx_filter .bx_filter_param_label.disabled .bx_filter_btn_color_icon{ opacity: .2; } /* * BIZ * */ .bx_filter .bx_filter_parameter_biz{ font-size:15px; display:inline-block; margin-right:10px; text-decoration:none; color:#215968; border-bottom:1px dashed; } .bx_filter .bx_filter_parameter_biz:hover{ text-decoration:none; border-bottom:1px solid; } .bx_filter .bx_filter_parameter_biz.active{ position:relative; padding-left:20px; color:#d54a4a; border-bottom:1px solid; } .bx_filter .bx_filter_parameter_biz.active:hover{ border-bottom:1px dashed; } .bx_filter .bx_filter_parameter_biz.active:before{ position:absolute; top:4px; left:1px; display:block; width:13px; height:13px; content:' '; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAABFElEQVQoz2NgIBJcl+Qzui7J33Vdgo+RWA38NxQknwDp/zekhRoIarghyc94Q15iC5D+f1NJ5v/n7dumE7ZFWqgYbANQ08c1a37+///fAL8GCT7L6zLCf0CaXjbUAdX/j0aWdAJKTACaxookJnJTUeoFyIaHIYH////8ORHZzdw35MTegyRvSAkeAdISYH8oSu4Fid0x0f//5/nzo0BbWOCagBzur0ePvrujp/kf5Aygc54DbZkDYt9UkPj/7czpl0A1ohhuBwra/Lp//809Zwewh8GagfSHpUt+A+VMcXoaKKn45+PHK0/iY8EaX1SUgzyeRDB4gYp4//3+veX9/Hn//379OpPY1ALSyAzEOUDMhksNAKf2po+AEPuKAAAAAElFTkSuQmCC') no-repeat center left; } /* * BTN result and reset * */ .bx_filter .bx_filter_search_button{ cursor: pointer; outline: none; font-size:14px; font-weight:bold; line-height:35px; display:inline-block; height:35px; margin-right:7px; margin-bottom:10px; padding:0 10px; text-decoration:none; color:#1075a2; border-top: 1px solid rgba(0,0,0,.1); border-right: 1px solid rgba(0,0,0,.2); border-bottom:1px solid rgba(0,0,0,.4); border-left: 1px solid rgba(0,0,0,.2); border-radius:3px; background:#f9fafa; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfefe), color-stop(100%,#c6e8f2)); background:-webkit-linear-gradient(top, #fcfefe 0%,#c6e8f2 100%); background: -moz-linear-gradient(top, #fcfefe 0%,#c6e8f2 100%); background: -ms-linear-gradient(top, #fcfefe 0%,#c6e8f2 100%); background: -o-linear-gradient(top, #fcfefe 0%,#c6e8f2 100%); background: linear-gradient(top bottom, #fcfefe 0%,#e4f1f5 100%); box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); text-shadow:0 1px 0 0 rgba(255,255,255,.75); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfefe', endColorstr='#c6e8f2',GradientType=0 ); } .bx_filter .bx_filter_search_button:hover{ background:#f0f9fb; } .bx_filter .bx_filter_search_button:active{ position:relative; bottom:-1px; background:#e4f1f5; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZjFmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWZhZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f1f5), color-stop(100%,#f9fafa)); background:-webkit-linear-gradient(top, #e4f1f5 0%,#f9fafa 100%); background: -moz-linear-gradient(top, #e4f1f5 0%,#f9fafa 100%); background: -ms-linear-gradient(top, #e4f1f5 0%,#f9fafa 100%); background: -o-linear-gradient(top, #e4f1f5 0%,#f9fafa 100%); background: linear-gradient(top bottom, #e4f1f5 0%,#f9fafa 100%); box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.08) ; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f1f5', endColorstr='#f9fafa',GradientType=0 ); } .bx_filter .bx_filter_search_reset{ cursor: pointer; outline: none; font-size:14px; font-weight:bold; line-height:35px; display:inline-block; height:35px; margin-right:7px; margin-bottom:10px; padding:0 10px; /*text-decoration:underline;*/ color:#586a6f; border-radius:3px; background:transparent; border: none; text-shadow:0 1px 0 0 rgba(255,255,255,.75); } .bx_filter .bx_filter_search_reset:hover{ color:#555; } .bx_filter .bx_filter_search_reset:active{ position:relative; bottom:-1px; /*box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.08) ;*/ } /* * Result Popup * */ .bx_filter .bx_filter_popup_result{ font-size:13px; font-weight:normal; line-height:33px; position:absolute; z-index:930; display:none; height:33px; margin-top:-7px; margin-left:10px; padding:0 10px; white-space:nowrap; color:#3f3f3f; border-top:1px solid #c0d6dc; border-right:1px solid #c0d7dd; border-bottom:1px solid #c0d6dc; border-left:1px solid #c0d7dd; border-radius:3px; background:#fff; box-shadow:0 2px 5px 0 rgba(0,0,0,.1); } .bx_filter .bx_filter_popup_result .arrow{ position:absolute; top:50%; width:8px; height:14px; margin-top:-7px; background:url(/local/templates/gotoural/components/bitrix/catalog.smart.filter/visual_horizontal/images/arr_left.png) no-repeat center; } .bx_filter.bx_horizontal .bx_filter_popup_result{ position: static !important; display: inline-block } .bx_filter.bx_horizontal .bx_filter_popup_result .arrow{ display: none; } .bx_filter .bx_filter_popup_result.right{left:102%;} .bx_filter .bx_filter_popup_result.left{right:102%;} .bx_filter .bx_filter_popup_result.right .arrow{left: -8px;background:url(/local/templates/gotoural/components/bitrix/catalog.smart.filter/visual_horizontal/images/arr_left.png) no-repeat center;} .bx_filter .bx_filter_popup_result.left .arrow{right:-8px;background:url(/local/templates/gotoural/components/bitrix/catalog.smart.filter/visual_horizontal/images/arr_right.png) no-repeat center;} .bx_filter .bx_filter_popup_result a{color:#0073a3;} .bx_filter .bx_filter_popup_result a:hover{text-decoration:none;} .bx_filter .bx_filter_popup_result_close{display:none;} .bx_filter_parameters_box_container { position: absolute; background: #fff; border: 1px solid #8c959c33; border-radius: 30px; padding: 24px; margin-top: 8px; width: 240px; z-index: 10; max-height: 430px; overflow: scroll; } .bx_filter_section { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; } .smartfilter { display: flex; align-items: center; gap: 8px; margin: 0 5px 10px 5px; } .bx_filter_parameters_box_title { cursor: pointer; 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; width: max-content; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .bx_filter_parameters_box_title.checked-inside { background: #009474; color: #fff; } @media (max-width: 768px) { .smartfilter { margin: 0 0 10px 0; } .bx_filter.bx_horizontal { overflow: auto; } .bx_filter_parameters_box_container { position: fixed; background: #fff; border: 1px solid #8c959c33; border-radius: 30px 30px 0 0; padding: 24px; margin-top: 8px; width: 100%; z-index: 10; left: 0; bottom: 0; max-height: 400px; overflow-y: auto; } } @media (max-width:530px){ .bx-touch .bx_filter .bx_filter_popup_result{ font-size:12px; line-height:14px; position:fixed !important; z-index:1001; top:auto !important; right:0 !important; bottom:0 !important; left:0 !important; margin-top: 0; margin-left:0; width:auto; height:auto; padding:10px; border-radius:0; box-shadow:0 -2px 5px 0 rgba(0,0,0,.1); } .bx_filter .bx_filter_popup_result .arrow{ display: none; } .bx-touch .bx_filter .bx_filter_popup_result_close{ position:absolute; top:50%; right:10px; display:block; width:22px; height:22px; margin-top:-11px; background:url(/local/templates/gotoural/components/bitrix/catalog.smart.filter/visual_horizontal/images/x.png) no-repeat center; background-size:16px; } } @media (any-hover: hover) { .bx_filter_parameters_box_title:hover { background: #f0f0f0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .bx_filter_parameters_box_title.checked-inside:hover { background: #009474; } .events-dropdown__list-date span:hover { color: #fff; background: #009474; } } /* End */ /* Start:/local/templates/gotoural/components/bitrix/catalog.smart.filter/visual_horizontal/themes/blue/colors.css?1734089670459*/ .bx_filter_vertical.bx_blue .bx_filter_section{ background: #c3e9f4; border: 7px solid #e1f5fb; } .bx_filter_vertical.bx_blue .bx_ui_slider_range{ background: url(/local/templates/gotoural/components/bitrix/catalog.smart.filter/visual_horizontal/themes/blue/images/range_bg.png); } .bx_filter_vertical.bx_blue .bx_filter_control_section{text-align: center} .bx_filter_vertical.bx_blue .bx_filter_search_button{ height: 33px; line-height:33px; } .bx_filter_vertical.bx_blue span.icon_lupe{ background: url(/local/templates/gotoural/components/bitrix/catalog.smart.filter/visual_horizontal/themes/blue/images/searchicon.png) no-repeat center; } /* End */ /* Start:/local/templates/gotoural/components/bitrix/system.pagenavigation/ajax/style.css?17352906282233*/ .pagination__container { max-width: 1400px; margin: 0 auto 100px; padding: 0 20px; } .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; margin-bottom: 40px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; color: #000; } .events-cards__pagination { display: flex; align-items: center; justify-content: center; gap: 10px; } .events-cards__li-next { } .events-cards__li { } .events-cards__link.prev-link, .events-cards__link.next-link { background: #f1f1f1; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; margin: 0 17px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .events-cards__link-comma { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; } .events-cards__link { color: #000; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; } .events-cards__pagination .active { border-radius: 50%; border: 1px solid #8c959c33; } @media (max-width: 550px) { .events-cards__pagination { gap: 4px; } .events-cards__more-btn { margin-bottom: 24px; } .events-cards__link.prev-link, .events-cards__link.next-link { margin: 0 10px; } .events-cards__li.hide-on-mob { display: none; } } @media (any-hover: hover) { .events-cards__more-btn:hover { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; background: #dddddd; } a.events-cards__link.prev-link:hover, a.events-cards__link.next-link:hover { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; background: #dddddd; } a.events-cards__link:hover { background: #f1f1f1; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s 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.smart.filter/visual_horizontal/style.css?173529062830114 */ /* /local/templates/gotoural/components/bitrix/catalog.smart.filter/visual_horizontal/themes/blue/colors.css?1734089670459 */ /* /local/templates/gotoural/components/bitrix/system.pagenavigation/ajax/style.css?17352906282233 */