@charset "UTF-8";
:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media(hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.is-loading>.f-html{opacity:0}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font);text-wrap:balance}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container .fancybox__column>*:not(.fancybox__viewport),.fancybox__container .fancybox__slide:not(.is-selected),.fancybox__container .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-revealing .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-hiding .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg);filter:var(--fancybox-backdrop-filter)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-iframe{overflow:hidden;padding:8px 0}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel,.fancybox__container.is-closing .fancybox__viewport,.fancybox__container.is-closing .fancybox__slide.is-selected{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.is-loading .f-button.is-close-button{visibility:hidden}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}

@font-face {
font-family: "Jost";
src: url(//pans-sochi.ru/wp-content/themes/madmen/assets/fonts/Jost/Jost-VariableFont_wght.ttf) format("truetype");
font-style: normal;
font-weight: 100 900;
font-display: swap;
}
@font-face {
font-family: "Jost";
src: url(//pans-sochi.ru/wp-content/themes/madmen/assets/fonts/Jost/Jost-Italic-VariableFont_wght.ttf) format("truetype");
font-style: italic;
font-weight: 100 900;
font-display: swap;
}
@font-face {
font-family: "Forum";
src: url(//pans-sochi.ru/wp-content/themes/madmen/assets/fonts/Forum/Forum-Regular.ttf) format("truetype");
font-style: normal;
font-weight: 400;
font-display: swap;
}
:root {
--font-family: "Jost", sans-serif;
--second-family: "Forum", sans-serif;
--main-accent: #0c1731;
--text-color: #505050;
--secondary-accent: #d4aa69;
--background-color: #f5f2ef;
}
*, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
}
body {
font-family: var(--font-family);
font-weight: 300;
font-size: 18px;
color: var(--text-color);
overflow-x: hidden;
overflow-y: visible;
}
body.not-scrollable {
overflow: hidden;
}
@media (max-width: 600px) {
body {
font-size: 16px;
}
}
img, picture, video, canvas, svg {
display: block;
max-width: 100%;
}
a {
color: inherit;
text-decoration: none;
}
ul {
list-style: none;
}
.container {
max-width: 1340px;
margin: 0 auto;
padding: 0 20px;
}
@media (max-width: 600px) {
.container {
padding: 0px 10px;
}
}
.main {
flex: 1;
}
::-moz-selection {
color: white;
background-color: var(--main-accent);
}
::selection {
color: white;
background-color: var(--main-accent);
}
.header {
padding: 20px 0px;
background-color: white;
transition: all 0.3s ease;
}
.header.active {
background-color: var(--main-accent);
}
.header.active .header__phone, .header.active .header__address {
color: white;
}
.header.active .header__phone:hover {
color: var(--secondary-accent);
}
.header.active .header__logo {
left: -100%;
}
.header.active .header__logo--white {
left: 20px;
opacity: 1;
}
.header.active .header-toggler .line {
background-color: white;
}
.header.active .header__right {
overflow: hidden;
}
.header.active .header__right .header__info {
right: -200%;
}
.header .container {
display: flex;
flex-direction: column;
row-gap: 28px;
align-items: center;
}
.header .nav-info {
display: none;
}
.header .nav ul {
display: flex;
justify-content: center;
-moz-column-gap: 45px;
column-gap: 45px;
flex-wrap: wrap;
}
.header .nav ul li a {
position: relative;
font-weight: 300;
font-size: 16px;
letter-spacing: 0.03em;
text-transform: uppercase;
color: var(--text-color);
transition: all 0.2s ease;
display: block;
padding-bottom: 4px;
}
.header .nav ul li a::after {
content: "";
height: 1px;
background-color: var(--main-accent);
bottom: -2px;
position: absolute;
width: 0px;
left: 0px;
right: 0px;
margin: auto;
transition: all 0.2s ease;
}
.header .nav ul li a:hover {
color: var(--main-accent);
transform: translateY(-4px);
}
.header .nav ul li a:hover::after {
width: 100%;
}
.header__phone {
font-family: var(--second-family);
font-weight: 400;
font-size: 30px;
text-transform: uppercase;
color: var(--main-accent);
transition: all 0.2s ease;
text-wrap: nowrap;
}
.header__phone:hover {
color: var(--secondary-accent);
}
section[id] {
scroll-margin-top: 120px;
}
.header-fixed {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
opacity: 0;
visibility: hidden;
transform: translateY(-100%);
transition: transform 0.5s ease, opacity 0.3s ease, visibility 0s linear 0.5s;
padding: 0px 0px;
align-content: center;
border-bottom: 1px solid rgba(212, 170, 105, 0.4);
height: 115px;
}
.header-fixed .container {
display: flex;
-moz-column-gap: 28px;
column-gap: 28px;
flex-direction: row;
justify-content: space-between;
}
.header-fixed .nav {
align-content: center;
}
.header-fixed .nav ul {
display: flex;
-moz-column-gap: 30px;
column-gap: 30px;
align-items: center;
}
.header-fixed .nav ul li a {
text-transform: none;
}
.header-fixed.is-visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
transition: transform 0.5s ease, opacity 0.3s ease, visibility 0s;
}
.header-fixed__info {
display: flex;
align-items: center;
-moz-column-gap: 28px;
column-gap: 28px;
}
.header-fixed .header__logo {
width: 205px;
aspect-ratio: 205 / 48;
}
.header-fixed .header__logo--mobile {
display: none;
}
.header__logo {
flex-shrink: 0;
position: relative;
transition: all 0.5s ease;
left: 0px;
width: 172px;
aspect-ratio: 172 / 115;
}
.header__logo img{
object-fit: contain;
}
.header__logo--white {
display: block;
opacity: 0;
position: absolute;
left: -100%;
}
.header__logo img {
width: auto;
}
.header__right {
display: none;
overflow: hidden;
}
.header__right .header__info {
position: relative;
right: 0px;
transition: all 0.3s ease;
}
@media (max-width: 1400px) {
.header-fixed .header__phone {
font-size: 24px;
}
.header-fixed .container, .header-fixed__right {
-moz-column-gap: 16px;
column-gap: 16px;
}
.header-fixed nav ul {
-moz-column-gap: 16px;
column-gap: 16px;
}
}
@media (max-width: 1200px) {
.header-fixed {
padding: 0px 0px;
}
.header-fixed .btn {
padding: 14px 16px;
}
.header-fixed .btn svg {
display: none;
}
.header-fixed .header__phone {
font-size: 22px;
}
.header-fixed__info {
flex-direction: column;
row-gap: 6px;
align-items: end;
}
.header-fixed__info .btn {
order: -1;
}
}
@media (max-width: 1000px) {
.header .container {
flex-direction: row;
-moz-column-gap: 20px;
column-gap: 20px;
justify-content: space-between;
}
.header .nav {
position: absolute;
opacity: 0;
pointer-events: none;
top: 155px;
left: -100px;
transition: all 0.3s ease;
width: 100%;
background: var(--main-accent);
height: calc(100% - 155px);
z-index: 9;
}
.header .nav-info {
display: block;
}
.header .nav.active {
left: 0px;
opacity: 1;
pointer-events: all;
}
.header .nav ul {
flex-direction: column;
padding: 20px 20px;
row-gap: 25px;
}
.header .nav ul li a {
font-family: var(--second-family);
font-weight: 400;
font-size: 25px;
text-transform: uppercase;
color: #fff;
}
.header .nav ul li a:hover {
transform: none;
color: var(--secondary-accent);
}
.header .nav ul li a::after {
content: none;
}
.header .nav-info {
padding: 20px 20px;
}
.header .nav-info__item {
display: block;
font-family: var(--second-family);
font-weight: 400;
font-size: 25px;
text-transform: uppercase;
color: var(--secondary-accent);
margin-bottom: 20px;
}
.header .nav-info__item:last-child {
margin-bottom: 0px;
}
.header .nav__btn {
display: flex;
align-items: center;
-moz-column-gap: 8px;
column-gap: 8px;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
color: #fff;
transition: all 0.3s ease;
cursor: pointer;
margin-bottom: 20px;
}
.header .nav__btn:hover {
color: var(--secondary-accent);
}
.header__right {
display: flex;
align-items: center;
-moz-column-gap: 20px;
column-gap: 20px;
}
.header-toggler {
display: flex;
flex-direction: column;
cursor: pointer;
transition: all 0.3s ease;
justify-content: space-between;
height: 30px;
align-items: center;
padding: 5px 0px;
}
.header-toggler .line {
height: 1px;
width: 40px;
background-color: var(--main-accent);
transition: all 0.2s ease;
position: relative;
}
.header-toggler .line .middle {
transition: all 0.1s ease;
}
.header-toggler.active .line {
height: 2px;
width: 30px;
}
.header-toggler.active .line.middle {
width: 0px;
}
.header-toggler.active .line.top {
transform: rotate(45deg);
top: 8px;
}
.header-toggler.active .line.bottom {
transform: rotate(-45deg);
bottom: 10px;
}
.header-fixed__right {
display: flex;
-moz-column-gap: 20px;
column-gap: 20px;
align-items: center;
}
.header-fixed.header .nav {
top: 100%;
height: calc(100vh - 100%);
display: flex;
align-items: start;
flex-direction: column;
}
.header-fixed.header .nav ul {
align-items: start;
}
.header-fixed .btn {
color: var(--main-accent);
background-color: white;
}
}
@media (max-width: 600px) {
section[id] {
scroll-margin-top: 115px;
}
.header {
padding: 10px 0px;
height: 110px;
align-content: center;
}
.header .container {
row-gap: 16px;
}
.header .nav {
top: 110px;
height: calc(100% - 110px);
}
.header .nav ul li a {
padding-bottom: 0px;
}
.header .nav ul li a:hover {
transform: translateY(-1px);
}
.header .nav ul li a::after {
content: none;
}
.header.active .header__logo--white {
left: 20px;
}
.header__address {
font-family: var(--font-family);
font-weight: 300;
font-size: 16px;
}
.header__phone {
font-size: 26px;
}
.header__logo{
height: 90px;
width: auto;
}
.header__logo img {
max-height: 90px;
}
.header-fixed .header__logo{
aspect-ratio: 172 / 115;
}
.header-fixed.active .header__logo--white {
left: 10px;
}
.header-fixed .header__logo {
width: auto;
display: none;
}
.header-fixed .header__logo--white {
display: block;
}
.header-fixed .header__logo--mobile {
display: block;
}
.header-fixed .header__phone {
font-size: 18px;
}
.header-fixed .btn {
padding: 10px 14px;
font-size: 12px;
}
}
@media (max-width: 500px) {
.header {
height: 100px;
}
.header__address {
font-size: 14px;
}
.header__phone {
font-size: 22px;
}
.header__right {
-moz-column-gap: 12px;
column-gap: 12px;
}
.header .container {
-moz-column-gap: 12px;
column-gap: 12px;
}
.header__logo{
height: 80px;
}
.header__logo img {
max-height: 80px;
}
.header .nav {
top: 100px;
height: calc(100% - 100px);
}
}
@media (max-width: 400px) {
section[id] {
scroll-margin-top: 85px;
}
.header {
height: 80px;
}
.header__address {
font-size: 11px;
}
.header__phone {
font-size: 20px;
}
.header__logo{
height: 60px;
}
.header__logo img {
max-height: 60px;
}
.header .nav {
height: calc(100% - 80px);
top: 80px;
}
.header-fixed .btn {
display: none;
}
.header-fixed__right {
-moz-column-gap: 12px;
column-gap: 12px;
}
}
.btn {
position: relative;
display: flex;
-moz-column-gap: 10px;
column-gap: 10px;
align-items: center;
width: -moz-fit-content;
width: fit-content;
padding: 22px 24px;
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
border: 1px solid var(--secondary-accent);
background-color: white;
color: var(--main-accent);
overflow: hidden;
isolation: isolate;
text-align: center;
transition: color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, background-color 0.6s ease;
cursor: pointer;
}
.btn svg {
transition: all 0.6s ease;
position: relative;
}
.btn svg.static {
max-width: 21px;
}
.btn svg.hovered {
max-width: 0px;
}
.btn svg path {
transition: all 0.3s ease;
}
.btn:hover {
color: white;
background-color: var(--main-accent);
border-color: var(--main-accent);
}
.btn:hover svg.static {
max-width: 0px;
}
.btn:hover svg.hovered {
max-width: 21px;
}
.btn:hover svg path {
fill: white;
}
.btn:active {
transform: translateY(-1px);
}
.btn--accent {
background-color: var(--main-accent);
color: white;
border-color: var(--main-accent);
}
.btn--accent:hover {
color: var(--main-accent);
background-color: white;
}
.btn--accent:hover svg path {
fill: var(--main-accent);
}
.btn--circled {
display: flex;
align-items: center;
-moz-column-gap: 8px;
column-gap: 8px;
transition: all 0.4s ease;
will-change: transform;
}
.btn--circled span {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
color: var(--main-accent);
transition: all 0.2s linear;
}
.btn--circled .circle {
position: relative;
width: 46px;
aspect-ratio: 1;
border: none;
background: none;
padding: 0;
cursor: pointer;
}
.btn--circled .circle .circle__circle {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
width: 46px;
}
.btn--circled .circle .circle__arrow {
position: absolute;
top: 0px;
border: 0;
bottom: 0px;
margin: auto;
background-color: var(--background-color);
padding: 6px 0px;
height: -moz-fit-content;
height: fit-content;
z-index: 1;
}
.btn--circled .circle .circle__arrow svg {
width: 28px;
transition: all 0.5s ease;
}
.btn--circled .circle__bg {
fill: none;
stroke: #d9d9d9;
stroke-width: 2;
}
.btn--circled .circle__progress {
fill: none; stroke: #d4aa69;
stroke-width: 2;
stroke-linecap: round;
stroke-dasharray: 100; stroke-dashoffset: 100; transform: scale(-1, 1); transform-box: fill-box;
transform-origin: center;
transition: stroke-dashoffset 0.9s cubic-bezier(0.65, 0, 0.25, 1);
}
.btn--circled:hover .circle .circle__progress {
stroke-dashoffset: 0; }
.btn--circled:hover .circle .circle__arrow svg {
transform: scaleX(1.3) translateX(3px);
}
.btn--circled:hover {
transform: translateX(4px);
}
.btn--circled:focus-visible .circle .circle__progress {
stroke-dashoffset: 0; }
.btn--circled:focus-visible .circle .circle__arrow svg {
width: 32px;
}
.btn--circled--accented span {
color: white;
}
.btn--circled--accented .circle .circle__arrow {
background-color: var(--main-accent);
}
@media (max-width: 600px) {
.btn {
font-size: 14px;
padding: 15px;
}
.btn--circled span {
font-size: 14px;
}
}
@media (max-width: 400px) {
.btn {
font-size: 12px;
padding: 15px;
}
}
.section {
margin-bottom: 100px;
}
.section__text {
font-weight: 300;
font-size: 20px;
text-align: center;
color: var(--text-color);
margin: auto;
}
.section__tag {
border-bottom: 1px solid rgba(212, 170, 105, 0.4);
width: 100%;
text-align: right;
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: var(--main-accent);
padding-bottom: 10px;
margin-bottom: 15px;
}
.section__title {
font-family: var(--second-family);
font-weight: 400;
font-size: 50px;
line-height: 120%;
text-transform: uppercase;
color: var(--main-accent);
margin-bottom: 80px;
}
.section__btn {
margin: 80px auto 0px auto;
}
.section--background {
background-color: var(--background-color);
padding: 100px 0px;
}
.section--without-margin {
margin-bottom: 0px !important;
}
@media (max-width: 1400px) {
.section__title {
font-size: 42px;
}
}
@media (max-width: 1200px) {
.section--background {
padding: 60px 0px;
}
.section__title {
font-size: 40px;
margin-bottom: 60px;
}
.section__btn {
margin-top: 60px;
}
}
@media (max-width: 1000px) {
.section__title {
font-size: 36px;
margin-bottom: 40px;
}
}
@media (max-width: 800px) {
.section {
margin-bottom: 60px;
}
.section__title {
font-size: 34px;
}
}
@media (max-width: 600px) {
.section {
margin-bottom: 40px;
}
.section--background {
padding: 40px 0px;
}
.section__text {
font-size: 16px;
}
.section__tag {
font-size: 14px;
}
.section__title {
font-size: 30px;
margin-bottom: 30px;
}
.section__btn {
margin-top: 40px;
}
}
@media (max-width: 400px) {
.section__tag {
font-size: 12px;
}
.section__title {
font-size: 25px;
margin-bottom: 20px;
}
}
.first-screen {
padding-top: 40px;
}
.first-screen__title {
font-family: var(--second-family);
font-weight: 400;
font-size: 80px;
text-align: center;
text-transform: uppercase;
color: var(--main-accent);
margin-bottom: 20px;
}
.first-screen .section__text {
max-width: 1079px;
margin-bottom: 40px;
}
.first-screen .btn {
margin: auto;
}
.first-screen-slider {
margin-top: 40px;
}
.first-screen-slider .swiper-slide {
overflow: hidden;
}
.first-screen-slider .swiper-slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 452/350;
}
@media (max-width: 1400px) {
.first-screen__title {
font-size: 68px;
}
}
@media (max-width: 1200px) {
.first-screen__title {
font-size: 56px;
}
}
@media (max-width: 800px) {
.first-screen__title {
font-size: 46px;
}
}
@media (max-width: 600px) {
.first-screen {
padding-top: 30px;
}
.first-screen__title {
font-size: 35px;
margin-bottom: 12px;
}
.first-screen .section__text {
margin-bottom: 24px;
}
}
.greetings__content {
display: flex;
flex-direction: column;
row-gap: 80px;
}
.greetings__top {
width: 100%;
position: relative;
}
.greetings__top .greetings__image:first-child {
aspect-ratio: 684/513;
width: 684px;
height: auto;
}
.greetings__top .greetings__image:last-child {
position: absolute;
right: 0px;
top: 0px;
aspect-ratio: 384/287;
height: auto;
width: 384px;
}
.greetings__top .greetings-card {
max-width: 690px;
}
.greetings__top .greetings-card__wrapper {
position: relative;
right: 0px;
margin-top: -136px;
width: 100%;
display: flex;
justify-content: end;
}
.greetings__image {
overflow: hidden;
position: relative;
}
.greetings__image img {
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.greetings-card {
font-family: var(--font-family);
font-weight: 300;
font-size: 18px;
color: var(--text-color);
padding: 40px;
background-color: var(--background-color);
}
.greetings-card__title {
font-family: var(--second-family);
font-weight: 400;
font-size: 30px;
line-height: 200%;
text-transform: uppercase;
color: var(--main-accent);
margin-bottom: 20px;
}
.greetings-card p {
margin-bottom: 13px;
}
.greetings-card p:last-child {
margin-bottom: 0px;
}
.greetings__row {
display: flex;
-moz-column-gap: 80px;
column-gap: 80px;
align-items: stretch;
}
.greetings__row--first .greetings-card {
width: calc((100% - 160px) / 3);
}
.greetings__row--first .greetings__image {
flex: 1;
min-width: 0;
min-height: 0;
overflow: hidden;
position: relative;
}
.greetings__row--second .greetings__image {
width: calc((100% - 80px) / 2);
}
.greetings__row--second .greetings-card {
width: calc((100% - 160px) / 3);
}
.greetings__images {
display: flex;
-moz-column-gap: 80px;
column-gap: 80px;
flex: 1;
}
@media (max-width: 1200px) {
.greetings__top {
display: flex;
flex-direction: column;
row-gap: 40px;
align-items: center;
}
.greetings__top .greetings-card__wrapper {
position: static;
margin-top: 0px;
justify-content: center;
}
.greetings__top .greetings__image:last-child, .greetings__top .greetings__image:first-child {
position: relative;
width: 690px;
max-width: 100%;
}
.greetings__content {
row-gap: 40px;
}
.greetings__row {
flex-direction: column;
row-gap: 40px;
align-items: center;
}
.greetings__row .greetings-card {
width: 690px;
max-width: 100%;
}
.greetings__row--first .greetings__image {
height: 449px;
flex: unset;
}
.greetings__row--second .greetings__image {
width: calc((100% - 40px) / 2);
}
.greetings__row > * {
width: 690px;
max-width: 100%;
flex: unset;
}
.greetings__images {
height: 240px;
-moz-column-gap: 40px;
column-gap: 40px;
}
}
@media (max-width: 800px) {
.greetings-card__title {
font-size: 26px;
line-height: normal;
}
}
@media (max-width: 600px) {
.greetings__image {
aspect-ratio: 320/240 !important;
width: 100% !important;
height: auto !important;
}
.greetings__row--second .greetings__image {
aspect-ratio: 140/105 !important;
}
.greetings__images {
-moz-column-gap: 20px;
column-gap: 20px;
height: auto;
}
.greetings__top, .greetings__content, .greetings__row {
row-gap: 20px;
}
.greetings-card {
padding: 20px;
font-size: 16px;
}
.greetings-card__title {
font-size: 24px;
line-height: normal;
}
.greetings-card p {
margin-bottom: 20px;
}
}
@media (max-width: 400px) {
.greetings-card {
padding: 20px 10px;
}
}
.offers__list {
display: flex;
flex-direction: column;
}
.offer {
width: 100%;
padding: 40px 20px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #d9d9d9;
transition: background 0.3s ease, padding 1s ease, height 0.6s ease;
position: relative;
}
.offer:last-child {
border-bottom: none;
}
.offer__number {
font-family: var(--font-family);
font-weight: 300;
font-size: 18px;
color: var(--text-color);
width: 20px;
}
.offer__image {
width: 394px;
height: 1px;
position: relative;
}
.offer__image img {
position: absolute;
opacity: 0;
width: 100%;
aspect-ratio: 394/299;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
top: 0px;
bottom: 0px;
margin: auto;
pointer-events: none;
transition: all 0.4s ease;
transform: scale(0.4) rotate(-45deg);
}
.offer__content {
width: 589px;
}
.offer__title {
font-family: var(--second-family);
font-weight: 400;
font-size: 30px;
text-transform: uppercase;
color: var(--main-accent);
opacity: 0.6;
margin-bottom: 0px;
transition: all 0.3s ease;
}
.offer__description {
font-family: var(--font-family);
font-weight: 300;
font-size: 18px;
color: var(--text-color);
margin-bottom: 20px;
}
.offer__hidden {
max-height: 0px;
overflow: hidden;
transition: all 0.5s ease;
}
.offer:hover {
background: #f5f2ef;
padding: 20px;
}
.offer:hover .offer__hidden {
margin-top: 20px;
max-height: 250px;
}
.offer:hover .offer__title {
opacity: 1;
}
.offer:hover .offer__image img {
opacity: 1;
pointer-events: all;
transform: scale(1) rotate(0deg);
}
@media (max-width: 1200px) {
.offer {
padding: 30px 20px;
}
.offer__image {
width: 300px;
}
.offer__title {
font-size: 26px;
}
.offer__content {
width: 500px;
}
.offer__description {
font-size: 16px;
margin-bottom: 10px;
}
.offer__more {
font-size: 14px;
}
.offer__more img {
width: 36px;
}
.offer:hover .offer__hidden {
margin-top: 10px;
}
}
@media (max-width: 1000px) {
.offer__image {
width: 250px;
}
.offer__content {
width: 400px;
}
.offer__title {
font-size: 22px;
}
.offer__description {
margin-bottom: 4px;
}
.offer__more img {
width: 30px;
}
}
@media (max-width: 800px) {
.offer {
-moz-column-gap: 12px;
column-gap: 12px;
}
.offer__image {
height: -moz-fit-content;
height: fit-content;
order: 1;
flex-shrink: 0;
}
.offer__number {
flex-shrink: 0;
}
.offer__content {
flex: 1;
}
}
@media (max-width: 600px) {
.offer {
row-gap: 8px;
flex-wrap: wrap;
padding: 20px 10px;
}
.offer__image {
width: 100%;
}
.offer__image img {
position: relative;
max-height: 0px;
transform: scale(0.9) rotate(12deg);
}
.offer:hover {
padding: 20px 10px;
}
.offer:hover .offer__image img {
max-height: 300px;
}
}
.health__content {
display: flex;
-moz-column-gap: 80px;
column-gap: 80px;
align-content: stretch;
margin-bottom: 80px;
}
.health-text {
width: calc((100% - 80px) / 3);
flex-shrink: 0;
padding: 20px;
}
.health-text__title {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: var(--main-accent);
margin-bottom: 20px;
}
.health-text p {
margin-bottom: 20px;
}
.health-text p:last-child {
margin-bottom: 0px;
}
.health__image {
flex: 1;
}
.health__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
aspect-ratio: 840/363;
}
.health-card {
padding: 20px;
background-color: var(--background-color);
height: auto;
}
.health-card__title {
font-family: var(--second-family);
font-weight: 400;
font-size: 30px;
text-transform: uppercase;
color: var(--main-accent);
margin-bottom: 20px;
height: 66px;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.health-card__text {
font-family: var(--font-family);
font-weight: 300;
font-size: 18px;
color: var(--text-color);
}
@media (max-width: 1200px) {
.health__content {
-moz-column-gap: 40px;
column-gap: 40px;
}
}
@media (max-width: 1000px) {
.health__content {
flex-direction: column;
row-gap: 20px;
margin-bottom: 40px;
}
.health-text {
width: 100%;
padding: 0px;
}
.health-text p {
margin-bottom: 10px;
}
.health-card__title {
font-size: 26px;
height: 52px;
}
}
@media (max-width: 800px) {
.health-card__title {
font-size: 22px;
height: 44px;
margin-bottom: 10px;
}
.health-card__text {
font-size: 14px;
}
}
@media (max-width: 600px) {
.health__content {
margin-bottom: 20px;
}
}
@media (max-width: 400px) {
.health-card__title {
height: -moz-fit-content;
height: fit-content;
-webkit-line-clamp: unset;
line-clamp: unset;
}
}
.specialists-slider {
cursor: none;
}
.specialists-slider * {
cursor: none;
}
.specialists-slider .specialist {
border: 1px solid rgba(212, 170, 105, 0.4);
padding: 20px;
text-align: center;
height: auto;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.specialists-slider .specialist__image {
width: 100%;
height: auto;
aspect-ratio: 338/507;
margin-bottom: 20px;
}
.specialists-slider .specialist__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.specialists-slider .specialist__title {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: var(--main-accent);
margin-bottom: 10px;
height: 46px;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.specialists-slider .specialist__char {
font-family: var(--font-family);
font-weight: 300;
font-size: 18px;
text-align: center;
color: var(--text-color);
}
@media (max-width: 600px) {
.specialists-slider .specialist {
padding: 10px;
}
.specialists-slider .specialist__title {
font-size: 14px;
margin-bottom: 4px;
height: auto;
line-clamp: 10;
-webkit-line-clamp: 10;
}
.specialists-slider .specialist__image {
margin-bottom: 10px;
}
.specialists-slider .specialist__char {
font-size: 16px;
}
}
.image-cursor {
position: fixed;
top: 0;
left: 0;
width: 80px;
height: 80px;
pointer-events: none;
z-index: 9999;
opacity: 0;
visibility: hidden;
transform: translate(-50%, -50%) scale(0.5);
transition: opacity 0.25s ease, transform 0.1s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0.25s;
will-change: transform;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.image-cursor img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.image-cursor.is-visible {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%) scale(1);
}
@media (max-width: 800px) {
.image-cursor {
display: none;
}
}
.form-booking {
width: 100%;
height: 872px;
background-size: cover;
position: relative;
}
.form-booking__background{
z-index: -1;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
object-fit: cover;
}
.form-booking-window {
background: rgba(255, 255, 255, 0.9);
padding: 20px;
width: 500px;
max-width: 96%;
height: -moz-fit-content;
height: fit-content;
max-height: 99%;
overflow-y: auto;
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
margin: auto;
}
.form-booking-window__title {
margin-bottom: 40px;
text-align: center;
text-transform: uppercase;
color: var(--main-accent);
}
.form-booking-window .formdesigner-widget {
max-width: 501px !important;
}
@media (max-width: 600px) {
.form-booking-window__title {
margin-bottom: 20px;
}
}
.advantages__list {
gap: 80px;
display: flex;
flex-wrap: wrap;
}
.advantages__list .advantage-card {
width: calc((100% - 160px) / 3);
padding: 20px;
height: auto;
background-color: var(--background-color);
min-height: 230px;
}
.advantages__list .advantage-card--image {
padding: 0px;
position: relative;
}
.advantages__list .advantage-card--image img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.advantages__list .advantage-card__title {
font-family: var(--second-family);
font-weight: 400;
font-size: 30px;
text-transform: uppercase;
color: var(--main-accent);
margin-bottom: 20px;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 66px;
}
@media (max-width: 1400px) {
.advantages__list {
gap: 40px;
}
.advantages__list .advantage-card {
width: calc((100% - 80px) / 3);
}
}
@media (max-width: 1000px) {
.advantages__list {
gap: 20px;
}
.advantages__list .advantage-card {
width: calc((100% - 20px) / 2);
}
.advantages__list .advantage-card__title {
font-size: 26px;
height: 52px;
}
}
@media (max-width: 800px) {
.advantages__list .advantage-card__title {
font-size: 22px;
height: 44px;
margin-bottom: 10px;
}
.advantages__list .advantage-card__text {
font-size: 14px;
}
}
@media (max-width: 600px) {
.advantages__list {
gap: 12px;
}
.advantages__list .advantage-card {
width: 100%;
min-height: 200px;
}
}
@media (max-width: 400px) {
.advantages__list .advantage-card__title {
height: -moz-fit-content;
height: fit-content;
-webkit-line-clamp: unset;
line-clamp: unset;
}
}
.food__row {
display: flex;
-moz-column-gap: 80px;
column-gap: 80px;
margin-bottom: 20px;
}
.food .person {
width: 381px;
flex-shrink: 0;
}
.food .person__title {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: var(--main-accent);
width: 381px;
}
.food .person__info {
display: none;
}
.food .person img {
aspect-ratio: 381/428;
height: 428px;
width: 100%;
object-fit: cover;
}
.food__content {
display: flex;
-moz-column-gap: 24px;
column-gap: 24px;
justify-content: space-between;
flex: 1;
}
.food__col {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
}
.food__col--first {
width: 230px;
flex-shrink: 0;
}
.food__col--first .food__image {
width: 100%;
aspect-ratio: 230/151;
height: 151px;
}
.food__col--second {
width: 460px;
flex-shrink: 0;
display: flex;
flex-direction: column;
row-gap: 20px;
}
.food__col--second > .food__image {
width: 100%;
aspect-ratio: 460/247;
height: 247px;
}
.food__images {
display: flex;
justify-content: space-between;
}
.food__images .food__image--first {
aspect-ratio: 230/150;
width: 230px;
height: 150px;
}
.food__images .food__image--second {
width: 150px;
height: 150px;
aspect-ratio: 1/1;
}
.food__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (max-width: 1200px) {
.food .container > .person__title {
display: none;
}
.food .person__title {
margin-bottom: 20px;
}
.food .person__info {
display: block;
}
.food .person {
display: flex;
-moz-column-gap: 20px;
column-gap: 20px;
align-items: center;
width: 100%;
}
.food .person img {
width: 300px;
}
.food__col--first {
width: calc((100% - 60px) / 4);
display: block;
}
.food__col--first .food__image {
width: 100%;
aspect-ratio: 230/151;
height: auto;
}
.food__col--second {
width: auto;
flex: 1;
-moz-column-gap: 20px;
column-gap: 20px;
flex-direction: row;
}
.food__col--second > .food__image {
aspect-ratio: 230/151;
width: calc((100% - 40px) / 3);
height: auto;
}
.food__row, .food__content {
-moz-column-gap: 20px;
column-gap: 20px;
}
.food__images {
display: flex;
-moz-column-gap: 20px;
column-gap: 20px;
flex: 1;
}
.food__images .food__image {
aspect-ratio: 230/151;
height: auto;
}
.food__images .food__image--first, .food__images .food__image--second {
width: auto;
flex: 1;
aspect-ratio: 230/151;
}
.food__text {
display: none;
}
.food__row {
flex-direction: column;
row-gap: 20px;
}
}
@media (max-width: 800px) {
.food_row, .food__content, .food__col--second, .food__images {
flex-direction: column;
row-gap: 20px;
}
.food_row .food__image, .food__content .food__image, .food__col--second .food__image, .food__images .food__image {
width: 100%;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.food__col--first {
width: 100%;
}
.food .person {
flex-direction: column;
row-gap: 20px;
}
.food .person img {
width: 100%;
max-width: 500px;
height: auto;
}
.food .person__info {
max-width: 500px;
width: 100%;
}
.food .person__title {
margin-bottom: 10px;
max-width: 100%;
}
}
@media (max-width: 600px) {
.food .person__title {
font-size: 14px;
}
}
.recovery__row {
display: flex;
gap: 80px;
margin-bottom: 80px;
}
.recovery__row:last-child {
margin-bottom: 0px;
}
.recovery__col {
flex: 1;
}
.recovery__col--text {
display: flex;
justify-content: center;
flex-direction: column;
}
.recovery__col--text .btn {
margin-top: 20px;
}
.recovery__col--image {
aspect-ratio: 610/360;
height: auto;
}
.recovery__col--image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.recovery__subtitle {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: var(--main-accent);
margin-bottom: 20px;
}
@media (max-width: 1200px) {
.recovery__row {
gap: 40px;
margin-bottom: 40px;
}
.recovery__row:last-child {
margin-bottom: 0px;
}
}
@media (max-width: 1000px) {
.recovery__row {
gap: 20px;
}
.recovery__subtitle {
margin-bottom: 10px;
}
}
@media (max-width: 800px) {
.recovery__row {
flex-direction: column;
row-gap: 20px;
}
.recovery__col--image {
order: -1;
}
}
@media (max-width: 600px) {
.recovery__subtitle {
font-size: 14px;
margin-bottom: 6px;
}
}
.partners__list {
display: flex;
align-items: stretch;
gap: 80px;
flex-wrap: wrap;
}
.partners__list .partner-card {
width: calc((100% - 160px) / 3);
border: 1px solid rgba(212, 170, 105, 0.4);
padding: 40px 20px;
background: #fff;
}
.partners__list .partner-card__logo {
aspect-ratio: 340/127;
width: 100%;
height: auto;
margin-bottom: 50px;
}
.partners__list .partner-card__logo img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: top;
object-position: top;
}
.partners__list .partner-card__title {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: var(--main-accent);
margin-bottom: 40px;
}
@media (max-width: 1200px) {
.partners__list {
gap: 40px;
}
.partners__list .partner-card {
width: calc((100% - 80px) / 3);
}
}
@media (max-width: 1000px) {
.partners__list .partner-card {
width: calc((100% - 40px) / 2);
}
.partners__list .partner-card__title, .partners__list .partner-card__logo {
margin-bottom: 20px;
}
}
@media (max-width: 800px) {
.partners__list {
gap: 20px;
}
.partners__list .partner-card {
width: calc((100% - 20px) / 2);
}
.partners__list .partner-card__title, .partners__list .partner-card__logo {
margin-bottom: 10px;
}
}
@media (max-width: 600px) {
.partners__list .partner-card {
width: 100%;
max-width: 380px;
margin: auto;
}
}
.variants__list {
display: flex;
flex-direction: column;
row-gap: 0;
position: relative;
}
.variants__list .variant {
padding: 15px 0 15px 20px;
width: 100%;
background-color: var(--background-color);
display: flex;
-moz-column-gap: 30px;
column-gap: 30px;
align-items: stretch;
transform-origin: 50% 0; will-change: transform, opacity;
}
.variants__list .variant__image {
width: 465px;
height: auto;
flex-shrink: 0;
}
.variants__list .variant__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.variants__list .variant-btn--mobile {
display: none;
}
.variants__list .variant__content {
flex: 1;
}
.variants__list .variant__title {
font-family: var(--second-family);
font-weight: 400;
font-size: 50px;
line-height: 120%;
text-transform: uppercase;
color: var(--main-accent);
margin-bottom: 30px;
}
.variants__list .variant__price, .variants__list .variant__subtitle {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: var(--main-accent);
margin-bottom: 30px;
}
.variants__list .variant__description {
margin-bottom: 30px;
}
.variants__list .variant__row {
border-top: 1px solid rgba(212, 170, 105, 0.4);
width: 100%;
padding-top: 30px;
display: flex;
-moz-column-gap: 20px;
column-gap: 20px;
}
.variants__list .variant__more {
margin-bottom: 30px;
}
.variants__list .variant__chars {
width: 280px;
flex-shrink: 0;
}
.variants__list .variant__chars ul li {
font-family: var(--font-family);
font-weight: 300;
font-size: 18px;
color: var(--text-color);
padding-left: 24px;
position: relative;
}
.variants__list .variant__chars ul li::after {
content: "";
position: absolute;
width: 1px;
height: 1px;
border-radius: 50%;
background-color: var(--text-color);
left: 10px;
top: 13px;
}
.variants__list .variant-book {
flex: 1;
}
.variants__list .variant-book__title {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: var(--main-accent);
margin-bottom: 7px;
}
.variants__list .variant-book__text {
margin-bottom: 15px;
}
.variants__list .variant-book__note {
font-family: var(--font-family);
font-weight: 400;
font-style: italic;
font-size: 16px;
color: var(--text-color);
margin-bottom: 28px;
}
.variants__list .variant {
position: sticky;
top: 150px;
margin-bottom: 40px;
z-index: 1;
transition: transform 0.15s linear;
}
.variants__list .variant:last-child{
margin-bottom: 40px;
}
.variants__list .variant:nth-child(1) {
z-index: 1;
}
.variants__list .variant:nth-child(2) {
z-index: 2;
}
.variants__list .variant:nth-child(3) {
z-index: 3;
}
.variants__list .variant:nth-child(4) {
z-index: 4;
}
.variants__list .variant:nth-child(5) {
z-index: 5;
}
.variants__tags {
display: none;
}
@media (max-width: 1200px) {
.variants__list .variant {
top: 110px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.variants__list .variant__image {
width: 300px;
}
.variants__list .variant__title {
font-size: 42px;
margin-bottom: 16px;
}
.variants__list .variant__price, .variants__list .variant__subtitle {
margin-bottom: 16px;
}
.variants__list .variant__description {
margin-bottom: 16px;
}
.variants__list .variant__row {
padding-top: 16px;
}
.variants__list .variant__more {
margin-bottom: 20px;
}
}
@media (max-width: 1000px) {
.variants__list .variant__image {
width: 240px;
}
.variants__list .variant__title {
font-size: 34px;
margin-bottom: 20px;
}
.variants__list .variant__price, .variants__list .variant__subtitle {
font-size: 16px;
margin-bottom: 20px;
}
.variants__list .variant__description {
font-size: 16px;
}
.variants__list .variant__chars {
width: unset;
flex: 1;
}
.variants__list .variant__chars ul li {
font-size: 16px;
padding-left: 12px;
}
.variants__list .variant__chars ul li::after {
left: 5px;
}
.variants__list .variant-book {
flex: 1;
}
.variants__list .variant-book__title {
font-size: 14px;
margin-bottom: 10px;
}
.variants__list .variant-book__text {
font-size: 16px;
margin-bottom: 10px;
}
.variants__list .variant-book__note {
font-size: 14px;
margin-bottom: 20px;
}
.variants__list .variant-book .btn {
font-size: 14px;
padding: 14px 16px;
}
.variants__list .variant-book .btn svg {
display: none;
}
}
@media (max-width: 800px) {
.variants__list .variant {
flex-direction: column;
row-gap: 0px;
padding: 15px;
position: static;
display: none;
margin-bottom: 0px;
}
.variants__list .variant__image {
aspect-ratio: 300/249;
height: auto;
width: 100%;
max-height: 300px;
}
.variants__list .variant.active {
display: flex;
}
.variants__list .variant__row {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease, margin 0.3s ease;
border: none;
padding-top: 0px;
flex-direction: column;
row-gap: 20px;
}
.variants__list .variant__row.active {
margin-bottom: 16px;
}
.variants__list .variant-book .btn {
display: none;
}
.variants__list .variant-btn--mobile {
display: flex;
margin: 20px auto;
}
.variants__list .variant.is-leaving {
animation: card-out 0.22s cubic-bezier(0.5, 0, 0.6, 0.4) forwards;
}
.variants__list .variant.is-entering {
animation: card-in 0.42s cubic-bezier(0.2, 0.7, 0.25, 1) both; }
.variants__list .variant.is-entering > * {
animation: rise 0.45s cubic-bezier(0.2, 0.7, 0.25, 1) both;
animation-delay: calc(var(--i, 0) * 55ms + 60ms);
}
.variants__tags {
position: relative; display: flex;
-moz-column-gap: 10px;
column-gap: 10px;
row-gap: 13px;
flex-wrap: wrap;
margin-bottom: 20px;
}
.variants__tags .variant-tag {
position: relative;
z-index: 1; font-family: var(--second-family);
font-weight: 400;
font-size: 20px;
text-transform: uppercase;
background-color: transparent; color: var(--main-accent);
border: 1px solid rgba(212, 170, 105, 0.4);
padding: 10px 15px;
cursor: pointer; transition: color 0.25s ease 0.1s, border-color 0.25s ease 0.1s;
}
.variants__tags .variant-tag:focus-visible {
outline: 2px solid var(--main-accent);
outline-offset: 2px;
}
.variants__pill {
position: absolute;
left: 0;
top: 0;
z-index: 0;
background-color: var(--background-color);
pointer-events: none;
transition: transform 0.38s cubic-bezier(0.65, 0, 0.25, 1), width 0.38s cubic-bezier(0.65, 0, 0.25, 1), height 0.38s cubic-bezier(0.65, 0, 0.25, 1);
}
.variants__pill.no-anim {
transition: none; }
.variants__list.is-switching {
overflow: hidden;
transition: height 0.32s cubic-bezier(0.65, 0, 0.25, 1);
}
}
@keyframes card-out {
to {
opacity: 0;
transform: translate3d(calc(var(--dir, 1) * -28px), 0, 0) scale(0.97);
}
}
@keyframes card-in {
from {
opacity: 0;
transform: translate3d(calc(var(--dir, 1) * 36px), 0, 0) scale(0.98);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes rise {
from {
opacity: 0;
transform: translate3d(0, 14px, 0);
}
to {
opacity: 1;
transform: none;
}
}
@media (prefers-reduced-motion: reduce) {
.variants__pill {
transition: none;
}
.variant.is-leaving,
.variant.is-entering,
.variant.is-entering > * {
animation: none;
}
}
@media (max-width: 600px) {
.variants__list .variant__title {
text-align: center;
font-weight: 400;
font-size: 20px;
margin-bottom: 20px;
}
.variants__list .variant__price, .variants__list .variant__subtitle {
text-align: center;
}
.variants__list .variant__description {
margin-bottom: 10px;
}
}
.form-consultation__row {
display: flex;
-moz-column-gap: 102px;
column-gap: 102px;
justify-content: space-between;
}
.form-consultation-window {
width: 491px;
flex-shrink: 0;
padding: 20px;
background: rgba(255, 255, 255, 0.9);
}
.form-consultation-window__title {
text-align: center;
margin-bottom: 40px;
}
.form-consultation-window__text {
text-align: center;
margin-bottom: 40px;
}
.form-consultation__images {
display: flex;
flex-wrap: wrap;
-moz-column-gap: 70px;
column-gap: 70px;
row-gap: 80px;
flex: 1;
}
.form-consultation__images img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.form-consultation__images img:nth-child(1) {
aspect-ratio: 690/390;
width: 100%;
height: auto;
}
.form-consultation__images img:nth-child(2), .form-consultation__images img:nth-child(3) {
width: calc((100% - 70px) / 2);
aspect-ratio: 310/259;
height: auto;
}
@media (max-width: 1200px) {
.form-consultation__row {
-moz-column-gap: 40px;
column-gap: 40px;
}
.form-consultation__images {
gap: 40px;
}
.form-consultation__images img:nth-child(2), .form-consultation__images img:nth-child(3) {
width: calc((100% - 40px) / 2);
}
.form-consultation-window {
width: 400px;
}
.form-consultation-window__title {
margin-bottom: 30px;
}
.form-consultation-window__text {
margin-bottom: 20px;
}
}
@media (max-width: 1000px) {
.form-consultation__images {
gap: 20px;
}
.form-consultation__images img:nth-child(2), .form-consultation__images img:nth-child(3) {
width: calc((100% - 20px) / 2);
}
.form-consultation__row {
-moz-column-gap: 20px;
column-gap: 20px;
}
}
@media (max-width: 800px) {
.form-consultation-window {
width: 100%;
}
.form-consultation-window__title {
margin-bottom: 16px;
}
.form-consultation-window__text {
font-size: 16px;
}
.form-consultation__row {
flex-direction: column;
row-gap: 20px;
}
}
@media (max-width: 400px) {
.form-consultation__images img:nth-child(2), .form-consultation__images img:nth-child(3) {
width: 100%;
aspect-ratio: 690/390;
}
}
.transfer__row {
display: flex;
align-items: center;
-moz-column-gap: 24px;
column-gap: 24px;
justify-content: space-between;
}
.transfer__text {
width: 460px;
}
.transfer__image {
width: 50%;
aspect-ratio: 690/390;
height: auto;
flex-shrink: 0;
}
.transfer__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (max-width: 800px) {
.transfer__row {
flex-direction: column;
row-gap: 20px;
}
.transfer__text, .transfer__image {
width: 100%;
}
}
.contacts__row {
display: flex;
-moz-column-gap: 80px;
column-gap: 80px;
align-items: stretch;
}
.contacts__map {
flex: 1;
height: auto;
}
.contacts__map iframe {
height: 100%;
}
.contacts__info {
flex: 1;
height: auto;
}
.contacts__cards {
display: flex;
-moz-column-gap: 20px;
column-gap: 20px;
align-items: stretch;
margin-bottom: 20px;
}
.contacts-card {
padding: 20px 10px;
background-color: var(--background-color);
height: 100%;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.contacts-card__title {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
text-align: center;
text-transform: uppercase;
color: var(--main-accent);
margin-bottom: 10px;
}
.contacts-card a {
transition: all 0.2s ease;
}
.contacts-card a:hover {
color: var(--secondary-accent);
}
.contacts__col {
height: auto;
display: flex;
flex-direction: column;
row-gap: 20px;
}
.contacts__col--first {
width: 230px;
flex-shrink: 0;
}
.contacts__col--last {
flex: 1;
}
.contacts__image {
aspect-ratio: 610/282;
height: auto;
width: 100%;
}
.contacts__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1200px) {
.contacts__row {
-moz-column-gap: 20px;
column-gap: 20px;
}
}
@media (max-width: 1000px) {
.contacts__row {
flex-direction: column;
row-gap: 20px;
}
.contacts__info {
display: flex;
-moz-column-gap: 20px;
column-gap: 20px;
flex-direction: row;
align-items: stretch;
}
.contacts__image {
width: calc((100% - 20px) / 3);
height: auto;
}
.contacts__cards {
flex: 1;
height: auto;
margin-bottom: 0px;
}
.contacts__map iframe {
height: 300px;
}
}
@media (max-width: 800px) {
.contacts__info {
flex-direction: column;
row-gap: 20px;
}
.contacts__image {
width: 100%;
}
}
@media (max-width: 600px) {
.contacts-card__title {
font-size: 14px;
margin-bottom: 4px;
}
.contacts__map iframe {
height: 200px !important;
}
}
@media (max-width: 500px) {
.contacts__cards {
flex-direction: column;
row-gap: 12px;
}
.contacts__col {
row-gap: 12px;
}
.contacts__col--first {
width: 100%;
}
.contacts__info {
row-gap: 12px;
}
.contacts__row {
row-gap: 12px;
}
}
.faq__list {
display: flex;
flex-direction: column;
row-gap: 40px;
}
.faq__list .question {
cursor: pointer;
border: 1px solid var(--secondary-accent);
padding: 40px;
width: 100%;
background: #fff;
-moz-column-gap: 24px;
column-gap: 24px;
transition: all 0.3s ease;
opacity: 0;
transform: translate3d(0, 70px, 0);
will-change: opacity, transform;
}
.faq__list .question__head {
font-family: var(--second-family);
font-weight: 400;
font-size: 30px;
text-transform: uppercase;
color: var(--main-accent);
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.faq__list .question__hidden {
max-height: 0;
overflow: hidden;
opacity: 0;
transform: translateY(-10px);
margin-top: 0;
transition: max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), margin-top 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.faq__list .question__icon {
width: 30px;
height: 30px;
position: relative;
flex-shrink: 0;
}
.faq__list .question__icon::after {
content: "";
height: 100%;
width: 3px;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: auto;
background-color: var(--main-accent);
transition: all 0.3s ease;
}
.faq__list .question__icon::before {
content: "";
height: 3px;
width: 100%;
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
margin: auto;
background-color: var(--main-accent);
}
.faq__list .question.is-open .question__hidden {
opacity: 1;
transform: translateY(0);
margin-top: 30px;
}
.faq__list .question.is-open .question__icon::after {
height: 0px;
}
@media (max-width: 1200px) {
.faq__list {
row-gap: 20px;
}
.faq__list .question {
padding: 20px;
}
.faq__list .question__icon {
width: 20px;
height: 20px;
}
.faq__list .question__head {
font-size: 22px;
}
}
@media (max-width: 800px) {
.faq__list .question__icon::before {
height: 2px;
}
.faq__list .question__icon::after {
width: 2px;
}
.faq__list .question__head {
font-size: 18px;
}
.faq__list .question.is-open .question__hidden {
margin-top: 16px;
}
}
.prefooter {
position: relative;
height: 750px;
}
.prefooter .container {
height: 100%;
align-content: end;
}
.prefooter .section__title {
margin-bottom: 0px;
color: white;
}
.prefooter__background {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: -1;
}
.prefooter__background::after {
background: linear-gradient(360deg, #0c1731 0%, rgba(12, 23, 49, 0.01) 28.55%), linear-gradient(360deg, rgba(12, 23, 49, 0.2) 0%, rgba(12, 23, 49, 0) 67.42%), linear-gradient(360deg, rgba(12, 23, 49, 0.2) 0%, rgba(12, 23, 49, 0) 81.89%), linear-gradient(360deg, rgba(12, 23, 49, 0.2) 0%, rgba(12, 23, 49, 0) 63.67%), linear-gradient(360deg, rgba(12, 23, 49, 0.2) 0%, rgba(12, 23, 49, 0) 28.55%);
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0px;
top: 0px;
}
.prefooter__background img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.prefooter__row {
display: flex;
justify-content: space-between;
-moz-column-gap: 24px;
column-gap: 24px;
align-items: center;
padding: 40px 0px;
}
@media (max-width: 800px) {
.prefooter {
height: 550px;
}
.prefooter__row {
flex-direction: column;
row-gap: 20px;
text-align: center;
}
.prefooter__background::after {
background: linear-gradient(360deg, #0c1731 0%, rgba(12, 23, 49, 0.01) 28.55%), linear-gradient(360deg, rgba(12, 23, 49, 0.2) 0%, rgba(12, 23, 49, 0) 67.42%), linear-gradient(360deg, rgba(12, 23, 49, 0.2) 0%, rgba(12, 23, 49, 0) 81.89%), linear-gradient(360deg, rgba(12, 23, 49, 0.2) 0%, rgba(12, 23, 49, 0) 63.67%), linear-gradient(360deg, rgba(12, 23, 49, 0.2) 0%, rgba(12, 23, 49, 0) 100%);
}
}
@media (max-width: 400px) {
.prefooter {
height: 350px;
}
.prefooter__background::after {
background: linear-gradient(360deg, #0c1731 0%, rgba(12, 23, 49, 0.01) 100%);
}
}
.footer {
background-color: var(--main-accent);
font-family: var(--font-family);
font-weight: 300;
font-size: 16px;
line-height: 169%;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.7);
}
.footer__row {
display: flex;
padding: 120px 0px;
align-items: stretch;
}
.footer__col {
flex: 1;
border: 1px solid rgba(255, 255, 255, 0.14);
padding: 20px;
height: auto;
}
.footer-logo {
display: flex;
flex-direction: column;
row-gap: 20px;
align-items: center;
text-align: center;
text-transform: none;
justify-content: center;
max-width: 100%;
}
.footer-logo > a{
aspect-ratio: 289 / 193;
width: 289px;
height: auto;
max-width: 100%;
}
.footer-logo > a img{
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.footer-menu__title {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 113%;
text-transform: uppercase;
color: #fff;
margin-bottom: 20px;
display: block;
transition: all 0.3s ease;
}
.footer-menu__title:hover {
color: var(--secondary-accent);
transform: translateY(-2px);
}
.footer-menu ul {
display: flex;
flex-direction: column;
row-gap: 20px;
}
.footer-menu__item {
transition: all 0.3s ease;
display: block;
}
.footer-menu__item:hover {
color: white;
transform: translateX(4px);
}
@media (max-width: 1000px) {
.footer {
font-size: 14px;
}
.footer__row {
padding: 40px 0px;
flex-direction: column;
}
.footer__col {
border: none;
}
.footer-logo {
width: -moz-fit-content;
width: fit-content;
row-gap: 0px;
}
.footer-menu ul {
row-gap: 10px;
}
}
@media (max-width: 600px) {
.footer__col {
padding: 10px;
}
.footer-logo {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
}
.modal-window {
padding: 100px 200px;
width: 900px;
max-width: 100%;
height: -moz-fit-content;
height: fit-content;
background: #fff;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 1002;
opacity: 0;
transform: translateY(50px) scale(0.94);
filter: blur(8px);
transition: opacity 0.45s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), filter 0.45s ease;
pointer-events: none;
max-height: 96%;
overflow-y: auto;
overflow-x: hidden;
}
.modal-window.visible {
opacity: 1;
transform: translateY(0) scale(1);
filter: blur(0);
pointer-events: all;
}
.modal-window__close {
position: absolute;
top: 40px;
right: 40px;
width: 30px;
height: 30px;
cursor: pointer;
}
.modal-window__title {
text-align: center;
margin-bottom: 40px;
}
.modal-window--excursion, .modal-window--consultation {
padding: 100px 170px;
}
.modal-window--excursion .formdesigner-widget, .modal-window--consultation .formdesigner-widget {
max-width: 460px !important;
}
.modal-overlay {
position: fixed;
inset: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1001;
opacity: 0;
pointer-events: none;
transition: opacity 0.4s ease;
cursor: pointer;
}
.modal-overlay.visible {
opacity: 1;
pointer-events: all;
}
@media (max-width: 1200px) {
.modal-window {
width: -moz-fit-content;
width: fit-content;
padding: 40px 60px;
}
.modal-window__close {
position: absolute;
top: 12px;
right: 20px;
width: 24px;
height: 30px;
cursor: pointer;
}
}
@media (max-width: 600px) {
.modal-window {
padding: 20px 20px;
max-width: 98%;
}
.modal-window__title {
padding: 0px 30px;
}
.modal-window__close {
right: 12px;
}
}
.breadcrumbs{
display: flex;
column-gap: 8px;
align-items: center;
flex-wrap: wrap;
margin-bottom: 27px;
font-size: 14px;
}
.page__title{
margin-bottom: 80px;
text-align: center;
}
.page__content ul li {
font-family: var(--font-family);
font-weight: 300;
font-size: 18px;
color: var(--text-color);
padding-left: 24px;
position: relative;
}
.page__content ul li::after {
content: "";
position: absolute;
width: 1px;
height: 1px;
border-radius: 50%;
background-color: var(--text-color);
left: 10px;
top: 13px;
}
.variants-page .variant{
padding: 0px;
background-color: transparent;
position: static;
margin-bottom: 40px;
align-items: start;
padding-bottom: 40px;
border-bottom: 1px solid #D4AA6966;
}
.variants-page .variant:last-child{
padding-bottom: 0px;
border: none;
margin-bottom: 0px;
}
.variants-page .variants__list{
margin-top: 40px;
}
.variants-page .variants__list .variant__title{
font-size: 30px;
margin-bottom: 20px;
}
.variants-page .variants__list .variant__price, 
.variants-page .variants__list .variant__subtitle,
.variants-page .variant-book__title,
.variants-page .variant-book__note,
.variants-page .variant-book__text,
.variants__list .variant__chars,
.variants-page .variants__list .variant__description{
margin-bottom: 20px;
}
.variants-page .variants__list .variant__image{
aspect-ratio: 465 / 320;
height: auto;
margin-top: 99px;
}
.variants-page .variants__list .variant__row{
flex-direction: column;
padding-top: 0px;
border-top: 0px;
max-height: unset;
}
@media(max-width: 800px){
.variants-page .variants__list .variant__row{
row-gap: 0px;
}
.variants-page .variants__list .variant__image{
order: -1;
margin-top: 0px;
margin-bottom: 20px;
}
.variants-page .variant{
display: flex;
padding-bottom: 20px;
margin-bottom: 20px;
}
.variant-book__note{
margin-bottom: 20px;
}
.variants__list .variant-book .btn{
display: flex;
}
} .cookie-notice {
position: fixed;
left: 20px;
right: 20px;
bottom: 20px;
z-index: 10000;
display: none;
color: var(--text-color);
background-color: #fff;
border-radius: 16px;
padding: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.cookie-notice a{
color: var(--secondary-accent);
text-decoration: underline;
transition: all 0.3s ease;
}
.cookie-notice a:hover{
color: var(--main-accent);
}
.cookie-notice.show {
display: block;
animation: cookieFade .3s ease;
}
.cookie-notice__content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.cookie-notice p {
margin: 0;
font-size: 14px;
line-height: 1.5;
padding-bottom: 0px;
}
.cookie-notice__actions {
display: flex;
gap: 10px;
flex-shrink: 0;
}
.cookie-notice__btn {
border: none;
padding: 12px 18px;
cursor: pointer;
font-size: 14px;
font-weight: 600;
transition: .2s;
}
.cookie-notice__btn--accept {
color: #fff;
background-color: var(--main-accent);
}
.cookie-notice__btn--accept:hover {
background-color: var(--secondary-accent);
}
@keyframes cookieFade {
from {
opacity: 0;
transform: translateY(15px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 768px) {
.cookie-notice__content {
flex-direction: column;
align-items: flex-start;
}
.cookie-notice__actions {
width: 100%;
}
.cookie-notice__btn {
flex: 1;
}
}
.fancybox__dialog{
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
.fancybox__dialog .fancybox__backdrop{
opacity: 0.8;
}
@media(max-width: 800px){
.fancybox__dialog{
max-width: 98%;
}
}
.not-found{
padding: 80px 0px;
}
.not-found .container{
max-width: 1079px;
}
.section__tag.section__tag--not-found{
border-bottom: none;
text-align: center;
margin-bottom: 40px;
}
.not-found__title{
width: 100%;
font-family: var(--second-family);
font-weight: 400;
font-size: 80px;
text-align: center;
text-transform: uppercase;
color: #0c1731;
margin-bottom: 40px;
}
.not-found__btns{
display: flex;
column-gap: 80px;
align-items: center;
width: 100%;
justify-content: center;
flex-wrap: wrap;
row-gap: 12px;
margin-top: 80px;
}
.not-found .btn--circled .circle .circle__arrow{
background-color: white;
}
@media(max-width: 1200px){
.section__tag.section__tag--not-found{
margin-bottom: 30px;
}
.not-found__title{
font-size: 60px;
margin-bottom: 20px;
}
.not-found .section__text{
font-size: 18px;
}
.not-found__btns{
margin-top: 60px;
column-gap: 40px;
}
}
@media(max-width: 800px){
.not-found{
padding: 60px 0px;
}
.not-found__title{
font-size: 48px;
}
.section__tag.section__tag--not-found {
margin-bottom: 20px;
}
.not-found__btns{
margin-top: 40px;
}
}
@media(max-width: 600px){
.not-found__title{
font-size: 36px;
}
.not-found__btns {
column-gap: 20px;
}
.section__tag.section__tag--not-found {
margin-bottom: 0px;
}
.not-found .section__text {
font-size: 16px;
}
.not-found {
padding: 60px 0px 20px;
}
}
._orientationRight__rcsu_.wrap__YO3mG {
left: 20px;
right: unset;
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}