.aside-navigation{border:1px solid #e1e3eb;border-radius:10px;padding:20px 19px;background:#fff;display:grid;gap:20px;position:sticky;top:20px}.aside-navigation__list{padding:0;margin:0;list-style-type:none;display:grid;gap:20px;align-items:start}.aside-navigation__item:not(:last-child){padding-bottom:20px;border-bottom:1px solid #e1e3eb}.aside-navigation__link{font-size:14px;line-height:140%;transition:color .3s,box-shadow .3s}.navigation-city{border:1px solid #e1e3eb;border-radius:10px;padding:12px 20px;min-height:65px;background:#fff;margin-bottom:30px;position:relative}.navigation-city__list{padding:0;margin:0;list-style-type:none;display:flex;justify-content:space-between;align-items:center;gap:7px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.navigation-city__list::-webkit-scrollbar,.navigation-city__list::-webkit-scrollbar-track,.navigation-city__list::-webkit-scrollbar-thumb{width:0;height:0;background:none;display:none}.navigation-city__item{scroll-snap-align:start}.navigation-city__item.expanded .navigation-city__link{gap:10px}.navigation-city__item.expanded .navigation-city__link:after{content:"";width:19px;height:19px;-webkit-mask-image:url(../images/icons/plus.svg);mask-image:url(../images/icons/plus.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:currentColor}.navigation-city__item.hidden{display:none}.navigation-city__link{padding:10px 30px;min-height:41px;border-radius:5px;font-size:16px;line-height:130%;text-align:center;color:#08151a;display:flex;justify-content:center;align-items:center;transition:color .3s;white-space:nowrap}.navigation-city__link.active{background-color:#18abc6;color:#fff}.navigation-city__link.show+.navigation-city__sub-list{opacity:1;top:calc(100% + 33px);pointer-events:all}.navigation-city__sub-list{margin:0;list-style-type:none;position:absolute;z-index:5;top:calc(100% + 53px);right:0;border:1px solid #e1e3eb;border-radius:10px;padding:19px 20px;width:207px;box-shadow:10px 4px 40px #35445540;background:#fff;display:grid;gap:20px;opacity:0;pointer-events:none;transition:top .3s,opacity .3s}.navigation-city__sub-link{min-height:41px;display:grid;place-items:center;font-weight:400;font-size:16px;line-height:130%;text-align:center;color:#08151a;transition:color .3s}.city-layout{display:grid;grid-template-columns:270px 1fr;gap:30px}.city-wrapper{display:grid;grid-template-columns:100%;gap:60px 0px}.aside{display:grid;align-items:start;gap:20px}.aside__caption{font-weight:700;font-size:20px;line-height:120%;color:#000}.city-hotels .city-layout{align-items:start}.city-hotels .city-testimonials{padding:30px 12px;margin:30px -12px -30px;background-color:#fff}.city-facilities .city-layout{align-items:start}.aside-form{border:1px solid #e1e3eb;border-radius:10px;padding:19px 20px;background:#fff}.aside-form .form__bottom-wrap,.filter .form__bottom-wrap{display:none}.aside-form .form__bottom,.filter .form__bottom{border-top:1px solid #e1e3eb;box-shadow:0 -10px 10px #111d220d;background:#fff;padding:10px 12px;margin-top:20px;width:100%}.aside-form .form__bottom .btn,.filter .form__bottom .btn{width:100%}.form-heading{justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #e1e3eb;margin-bottom:30px;display:none}.form-heading__title{font-size:18px;line-height:130%;font-weight:700}.form-heading__actions{display:flex;align-items:center;gap:18px}.form-heading__close{width:20px;height:20px;flex-shrink:0}.form-heading__close:before{content:"";display:block;width:100%;height:100%;-webkit-mask-image:url(../images/icons/close-gray.svg);mask-image:url(../images/icons/close-gray.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:#8897b1}.filter .form-heading{display:none}.city-weather__body{border:1px solid #e1e3eb;border-radius:10px;background:#fff}.city-weather .weather-widget{padding:39px}@media screen and (max-width: 1024px){.aside-navigation{position:static}.city-layout{display:block}.city-main .aside{margin:25px -12px 0;background-color:#fff;padding:20px 12px}.city-main .page-title{margin-bottom:30px}.city-facilities .aside-object{display:none}.aside-form{border:none;border-radius:0;padding:20px 20px 0;position:fixed;bottom:-100%;left:0;width:100%;height:calc(100vh - 50px);z-index:12;overflow-y:auto;overflow-x:hidden;transition:bottom .6s}.aside-form::-webkit-scrollbar,.aside-form::-webkit-scrollbar-track,.aside-form::-webkit-scrollbar-thumb{width:0;height:0;background:none;display:none}.aside-form .form{display:grid;grid-template-rows:auto auto 1fr;height:100%}.aside-form.active{bottom:0}.aside-form .form__bottom-wrap,.filter .form__bottom-wrap{display:flex;align-items:flex-end;justify-content:stretch;position:sticky;bottom:0;margin:0 -12px}.aside-form .form__bottom-wrap{margin:0 -20px}.form-heading{display:flex}.filter{position:fixed;bottom:-100%;left:0;width:100%;height:calc(100vh - 50px);background-color:#fff;z-index:6;padding:20px 12px 0;overflow-y:auto;overflow-x:hidden;transition:bottom .6s}.filter.active{bottom:0}.filter-form{height:100%;display:grid;grid-template-rows:auto auto 1fr}.filter .form-heading{display:flex;margin-bottom:10px}}@media screen and (max-width: 767.98px){.aside-navigation{padding:0;border:none;border-radius:0}.city-heading .heading__title,.city-heading{display:none}.navigation-city{background-color:transparent;padding:2px 12px;border:none;margin:0 -12px 20px;min-height:auto}.navigation-city__list{gap:0}.navigation-city__item.expanded{display:none}.navigation-city__item.hidden{display:block}.navigation-city__link{padding:6px 20px;font-size:14px;min-height:32px;font-weight:400}.city-wrapper{gap:20px 0}.city-hotels .city-heading{display:flex}.city-weather .navigation-city{margin-bottom:30px}.city-weather__body{margin:0 -12px -30px;border:none;border-radius:0}.city-weather .weather-widget{padding:20px 12px 30px}}@media (any-hover: hover){.aside-navigation__link:hover{color:#18abc6}.aside-navigation__link:active{box-shadow:0 1px #18abc6}.navigation-city__link:not(.active):hover{color:#18abc6}.navigation-city__sub-link:not(.active):hover{color:#18abc6}}