/* Start:/local/assets/css/fancybox.min.css?166358913215598*/ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* Start:/local/assets/css/jq.fancybox.css?166358913212795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/upfly/css/main_old.css?174862848859803*/ /* *Fonts ========================== */ @font-face { font-family: "kazimirtext-regular"; src: url("/local/templates/upfly/css/../fonts/kazimir/kazimirtext-regular-my.eot"); src: url("/local/templates/upfly/css/../fonts/kazimir/kazimirtext-regular-my.eot?#iefix") format("embedded-opentype"), url("/local/templates/upfly/css/../fonts/kazimir/kazimirtext-regular-my.woff2") format("woff2"), url("/local/templates/upfly/css/../fonts/kazimir/kazimirtext-regular-my.woff") format("woff"), url("/local/templates/upfly/css/../fonts/kazimir/kazimirtext-regular-my.ttf") format("truetype"), url("/local/templates/upfly/css/../fonts/kazimir/kazimirtext-regular-my.svg#kazimirtext-reguluploadedfile") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "kazimirtext-it"; src: url("/local/templates/upfly/css/../fonts/kazimir/kazimirtext-it-my.eot"); src: url("/local/templates/upfly/css/../fonts/kazimir/kazimirtext-it-my.eot?#iefix") format("embedded-opentype"), url("/local/templates/upfly/css/../fonts/kazimir/kazimirtext-it-my.woff2") format("woff2"), url("/local/templates/upfly/css/../fonts/kazimir/kazimirtext-it-my.woff") format("woff"), url("/local/templates/upfly/css/../fonts/kazimir/kazimirtext-it-my.ttf") format("truetype"), url("/local/templates/upfly/css/../fonts/kazimir/kazimirtext-it-my.svg#kazimirtext-ituploaded_file") format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: "kazimirtext-bold"; src: url("/local/templates/upfly/css/../fonts/kazimir/kazimirtext-bold-my.eot"); src: url("/local/templates/upfly/css/../fonts/kazimir/kazimirtext-bold-my.eot?#iefix") format("embedded-opentype"), url("/local/templates/upfly/css/../fonts/kazimir/kazimirtext-bold-my.woff2") format("woff2"), url("/local/templates/upfly/css/../fonts/kazimir/kazimirtext-bold-my.woff") format("woff"), url("/local/templates/upfly/css/../fonts/kazimir/kazimirtext-bold-my.ttf") format("truetype"), url("/local/templates/upfly/css/../fonts/kazimir/kazimirtext-bold-my.svg#kazimirtext-bolduploaded_file") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "fugue"; src: url("/local/templates/upfly/css/../fonts/fugue/fugue_regular-my.eot"); src: url("/local/templates/upfly/css/../fonts/fugue/fugue_regular-my.eot?#iefix") format("embedded-opentype"), url("/local/templates/upfly/css/../fonts/fugue/fugue_regular-my.woff2") format("woff2"), url("/local/templates/upfly/css/../fonts/fugue/fugue_regular-my.woff") format("woff"), url("/local/templates/upfly/css/../fonts/fugue/fugue_regular-my.ttf") format("truetype"), url("/local/templates/upfly/css/../fonts/fugue/fugue_regular-my.svg#fugueregular") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "kazimir_display"; src: url("/local/templates/upfly/css/../fonts/kazimir/kazimir-display-italic-my.eot"); src: url("/local/templates/upfly/css/../fonts/kazimir/kazimir-display-italic-my.eot?#iefix") format("embedded-opentype"), url("/local/templates/upfly/css/../fonts/kazimir/kazimir-display-italic-my.woff2") format("woff2"), url("/local/templates/upfly/css/../fonts/kazimir/kazimir-display-italic-my.woff") format("woff"), url("/local/templates/upfly/css/../fonts/kazimir/kazimir-display-italic-my.ttf") format("truetype"), url("/local/templates/upfly/css/../fonts/kazimir/kazimir-display-italic-my.svg#kazimir_displayitalic") format("svg"); font-weight: 300; font-style: italic; } /* *Null style =========================== */ * { padding: 0; margin: 0; border: 0; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } :focus, :active { outline: none; } a:focus, a:active { outline: none; } a:visited, a:hover, a:active, a:focus, button { background-color: transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } nav, footer, header, aside { display: block; } html, body { font-size: 100%; font-size: 20px; font-family: "kazimirtext-it", sans-serif; font-family: "Roboto", sans-serif !important; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; background-color: #ffffff; overflow-x: hidden; scroll-behavior: smooth; } input, button, textarea { font-family: inherit; } input::-ms-clear { display: none; } button { cursor: pointer; } button::-moz-focus-inner { padding: 0; border: 0; } a, a:visited { text-decoration: none; color: inherit; } a:hover { text-decoration: none; } ul li { list-style: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-size: inherit; } /* *All ========================= */ .basket-items-list-item-container-expend .basket-items-list-item-removed-container { background: #FFF; } .dots { text-align: center; } .mob_filters { display: none; } .title, .delivery h3, .contacts h3, .payment h3, .whiskey__text h4, .coffee-info__content h3, .bc-info__content h3 { font-size: 24px; text-align: center; text-shadow: 0 1px 1px rgb(0 0 0 / 30%); font-weight: 700; margin-bottom: 20px; } .s-title { font-size: 17px; text-align: left; } .text,.fish-menu__text p { text-align: center; font-size: 20px; line-height: 1.3; } /*.fancybox-navigation .fancybox-button--arrow_left { left: -500px; right: -5%; margin: auto; } .fancybox-navigation .fancybox-button--arrow_right { left: -5%; right: -500px; margin: auto; } */ .s-text, .delivery p, .payment p, .payment li, .coffee-info__content p, .coffee-info__content li, .coffee-info__content blockquote, .bc-info p,.bc-info li, .whiskey__text p, .whiskey__text li, { font-size: 16px; line-height: 1.3; } .bx-breadcrumb .bx-breadcrumb-item span { font-size: 14px; font-weight: 500; } .bx-breadcrumb .bx-breadcrumb-item { margin-bottom: 0; } .bx-breadcrumb { margin: 30px 15px; } .bx-breadcrumb .bx-breadcrumb-item a { color: #997D5D; } .bx-blue .btn.btn-default { background: #997D5D !important; border: none; } /* .bx-soa-pp-desc-container .bx-soa-pp-company { background: none !important; border: none !important; } .bx-soa-pp-desc-container .bx-soa-pp-company-logo { display: none; } .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container { border: 1px solid #997D5D !important; } .bx-soa-item-info-container .bx-soa-item-td,.bx-soa-item-table,.bx-soa-cart-total .bx-soa-cart-total-line:first-child { border: 0 !important; } */ .popup-window.popup-window-with-titlebar { padding: 20px !important; -webkit-border-radius: 11px; border-radius: 11px; top: 20px !important; right: 20px !important; left: auto !important; position: fixed !important; z-index: 9999999999 !important; } .popup-window-overlay { display: none !important; } .popup-window-with-titlebar .popup-window-content { display: none; } .popup-window-titlebar { display: flex; -webkit-align-items: center; align-items: center; font-size: 22px; } .dessert__block { margin-bottom: 50px; } .link { text-align: center; } .link a { color: #a47d5d; text-decoration: underline; font-size: 20px; } .link-text a,.whiskey__text a { color: #a47d5d; font-size: 15px; } .link-text a:hover,.whiskey__text a:hover { text-decoration: underline; } .count { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 30px; } .count__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .count input { font-size: 20px; padding: 2px 5px; margin: 0 10px; } .count__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; font-size: 25px; background: #997d5d; border: 4px solid #997d5d; width: 40px; height: 40px; border-radius: 50%; color: #fff; outline: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .count__btn:focus,.count__btn:active { background: #997d5d; } .count__btn:hover { background: #dedede; color: #3a3a3a; } .bx-pagination .bx-pagination-container ul li.bx-active span { background: var(--main-color) !important; color: #FFF !important; } .bx-pagination .bx-pagination-container ul li span { background: #FFF; border: 1px solid var(--main-color) !important; border-radius: 0; color: #000 !important; line-height: 28px !important; height: auto; } .bx-pagination .bx-pagination-container ul li.bx-pag-prev span { color: #000; border: 3px solid #997d5d; } .bx-pagination .bx-pagination-container ul li a:hover span{ background: var(--main-color); color: #fff !important; } .bx-pagination .bx-pagination-container .bx-pag-next a:hover span{ background: var(--main-color) !important; color: #fff !important; } .count__text { font-family: "fugue Regular", sans serif; font-family: "Roboto", sans serif !important; font-size: 22px; margin-bottom: 5px; } .pagination { text-align: center; margin-bottom: 30px; } .pagination__list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .pagination__item { margin: 0 10px; } .pagination__item a:hover { text-decoration: underline; } .dots { width: 50%; margin: 15px auto 0 auto; } .dots img { width: 100%; } .red { color: red; } /* *Header =============================== */ .header { position: relative; } /*.header__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 15px 0 15px; margin-bottom: 50px; }*/ .header__left, .header__right { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 35%; } .header__address { padding-left: 36px; font-size: 18px; width: 50%; position: relative; } .header__address::before { content: ""; position: absolute; height: 23px; width: 20px; top: 5px; left: 0; background: url("/local/templates/upfly/css/../images/header/icon_location.png"); background-repeat: no-repeat; background-position: center; } .header__phone a { font-size: 18px; padding-left: 36px; position: relative; } .header__phone a:before { content: ""; position: absolute; height: 20px; width: 20px; top: 0; left: 0; bottom: 0; margin: auto; background: url("/local/templates/upfly/css/../images/header/icon_telephone.png"); background-repeat: no-repeat; background-position: center; } .header__phone a:hover { text-decoration: underline; } .header__logo { width: 20%; } .header__logo a img { width: 100%; } .header__social { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-end; } .header__social a { margin-left: 10px; } /*.header__basket { width: 50%; padding-left: 20px; } .header__basket a { display: -webkit-box; display: -ms-flexbox; display: flex; }*/ .header__basket-count { font-size: 18px; margin-left: 10px; } /* *Header__menu ======================== */ .header__menu { background: #ffffff; border: 3px solid #a47d5d; border-radius: 5px; margin: 0 auto; width: calc(100% - 30px); } .header__menu.fix { position: fixed; top: 0; left: 0; right: 0; margin: auto; width: calc(100% - 30px); z-index: 999; } .header__menu-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 15px; } .header__menu-item { font-size: 22px; margin: 0 10px; } .header__menu-item a { position: relative; } .header__menu-item a:before { position: absolute; content: ""; bottom: 0; left: 0; right: 0; background: #000000; height: 3px; width: 0%; } .header__menu-item a:hover::before { width: 100%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header__menu-item.active a:before { background: red; width: 100%; } .header__middle-link:last-child .text-20 {color: var(--main-color);} /* *Header-burger ===================== */ .header-burger { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header__logo--mobile a:first-child { margin-bottom: 8px; width: 160px; } .header__logo--mobile a:first-child img { width: 100%; } .header__logo--mobile a:last-child { text-decoration: underline; } .header-burger__line { width: 30px; height: 3px; background-color: #a33415; margin-bottom: 5px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .header-burger.active .header-burger__line:nth-child(2) { width: 0%; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .header-burger.active .header-burger__line:nth-child(1) { -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); position: relative; bottom: -6px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom: 0; } .header-burger.active .header-burger__line:nth-child(3) { position: relative; -webkit-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); bottom: 5px; margin-bottom: 0; } .header__logo--mobile { display: none; text-align: center; } .header__logo--mobile a { display: inline-block; } .header-burger__menu { position: absolute; top: 90px; left: 0; background-color: #fff; z-index: 100; width: 100%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .header-burger__menu.active { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: fixed; height: calc(100% - 90px); overflow: auto; } .header-burger__item { padding: 10px 0; padding-left: 20px; color: #b28762; -webkit-box-shadow: inset 0 1px #c6d0da; box-shadow: inset 0 1px #c6d0da; } /* *Our-atmosphere ==================== */ .our-atm { padding: 60px 0; background-color: #fdfcfc; } .our-atm__title { font-weight: 700; margin-bottom: 50px; } .our-atm__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fdfcfc; -webkit-box-shadow: 0px -12px 6px -7px rgb(22 45 64 / 11%); box-shadow: 0px -12px 6px -7px rgb(22 45 64 / 11%); padding: 30px 20px 30px 20px; } .our-atm__left, .our-atm__right { width: 50%; } .our-atm__slider { text-align: center; width: 100%; overflow: hidden; border-radius: 5px; } .our-atm__slider img { -o-object-fit: cover; object-fit: cover; width: 100%; height: auto; } .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .slick-slide { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .our-atm__content { padding: 0 15px; } /* *menu =============================== */ .menu { padding: 60px 15px; background: #fdfcfc; -webkit-box-shadow: 0px -12px 6px -7px rgb(22 45 64 / 11%); box-shadow: 0px -12px 6px -7px rgb(22 45 64 / 11%); } .menu__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .menu__content { width: 33%; text-align: center; padding: 15px; } .menu__text { margin-bottom: 50px; } .menu__images { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 66%; } .menu__image { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 50%; padding: 30px 50px; -webkit-box-shadow: 0px 5px 10px 2px rgb(34 60 80 / 20%); box-shadow: 0px 5px 10px 2px rgb(34 60 80 / 20%); margin-bottom: 20px; border-radius: 5px; } .menu__image img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; height: 100%; border: 3px solid #a47d5d; border-radius: 10px; } /* *Fish-menu ========================== */ .fish-menu { padding: 60px 15px; background: #fdfcfc; -webkit-box-shadow: 0px -12px 6px -7px rgb(22 45 64 / 11%); box-shadow: 0px -12px 6px -7px rgb(22 45 64 / 11%); } .fish-menu__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } .fish-menu__text p{ margin-bottom: 30px; } .fish-menu__content { width: 50%; padding: 0 15px; } .fish-menu__slider-wrapper { width: 50%; } .fish-menu__slider { overflow: hidden; border-radius: 5px; } .fish-menu__image { max-height: 360px; } .fish-menu__image img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 100%; width: 100%; } /* *Reserved ======================= */ .reserved { padding: 30px 20px 50px 20px; background: #fdfcfc; -webkit-box-shadow: 0px -12px 6px -7px rgb(22 45 64 / 11%); box-shadow: 0px -12px 6px -7px rgb(22 45 64 / 11%); } .reserved__text, .reserved__top p { text-align: center; font-size: 22px; margin-bottom: 25px; } .reserved__bot { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .reserved__contacts { width: 50%; text-align: center; } .reserved__form { width: 50%; } .reserved__link { display: inline-block; margin-bottom: 15px; color: #674a31; font-size: 22px; position: relative; } .reserved__link:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 2px; background: transparent; } .reserved__link:hover:after { background: #674a31; } .reserved__social { margin-bottom: 30px; } .reserved__social a { margin: 0 10px; } /* *reserved form ================ */ .reserved__top { margin-bottom: 40px; } .reserved__input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; font-weight: 700; } .reserved__input input { width: 50%; border-radius: 10px; border: 2px solid #997d5d; padding: 5px; font-size: 20px; margin-top: 8px; margin-bottom: 10px; } .reserved__area { font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; } .reserved__area textarea { margin-top: 8px; margin-bottom: 10px; font-size: 20px; border-radius: 10px; padding: 5px; border: 2px solid #997d5d; resize: vertical; margin-bottom: 20px; } .reserved__btn { padding: 2px 10px; background-color: #e1e1e1; border: 1px solid #000; border-radius: 3px; font-size: 22px; } .reserved__btn:hover { background-color: #cfcfcf; } /* *Footer ========================== */ .footer { background: #a47d5d; padding: 30px 15px 50px 15px; -webkit-box-shadow: 0px -12px 6px -7px rgb(22 45 64 / 11%); box-shadow: 0px -12px 6px -7px rgb(22 45 64 / 11%); } .footer__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__links, .footer__info, .footer__admin { width: 30%; } .footer__links { padding-left: 30px; } .footer__link { color: #fff; text-shadow: 0 1px 1px rgb(0 0 0 / 30%); list-style: circle; } .footer__link a:hover { text-decoration: underline; } .footer__pay { margin-bottom: 30px; } .footer__pay img { width: 100%; } .footer__address { font-size: 13px; color: #fff; text-shadow: 0 1px 1px rgb(0 0 0 / 30%); } /* *Scroll btn ========================= */ .scroll-btn { display: none; position: fixed; right: 30px; bottom: 30px; z-index: 40; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .scroll-btn__circle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; background-color: #cccccc; opacity: 0.8; } .scroll-btn.show { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .scroll-btn__text { color: #cccccc; font-family: "fugue", sans-serif; font-size: 15px; text-transform: uppercase; } /* *Restaurant-menu ============== */ .restaurant-menu { padding: 30px 0 0 0; } .restaurant-menu__title { margin-bottom: 20px; } .restaurant-menu__block { margin-bottom: 50px; } .food__cards { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 55px 1fr 55px 1fr 55px 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; -webkit-column-gap: 55px; -moz-column-gap: 55px; column-gap: 55px; row-gap: 55px; padding: 0 15px; } .food__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; text-align: center; } .food__card-title { font-family: "Fugue", sans-serif; color: #585656; font-size: 18px; margin-bottom: 20px; height: 40px; } .food__card-image { display: inline-block; width: 100%; max-width: 350px; /*height: 220px;*/ height: 240px; overflow: hidden; border-radius: 10px; border: 4px solid #997d5d; margin-bottom: 10px; } .food__card-image img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; height: 100%; } .food__card-price { margin-bottom: 10px; min-height: 28px; } .food__card-btn a { display: inline-block; padding: 2px 10px; background-color: #e1e1e1; border: 1px solid #000; border-radius: 3px; font-size: 22px; } .special__table { height: auto !important; } .food__card-btn a:hover { background-color: #cfcfcf; } /* *Special ======================== */ .special { margin-bottom: 68px; background-color: #fff; } .special__title { margin-bottom: 20px; } .special__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 38px; } .special__col { width: 50%; font-size: 20px; color: #585656; text-align: center; display: flex; justify-content: center; } .special__col:first-child .special__col-sub { text-align: left; } .special__col:first-child .special__col-name { text-align: left; } .special__col-content { width: 50%; margin: 0 auto; } .special__col-name { text-align: center; margin-bottom: 10px; } .special__col-name a { color: #585656; font-size: 20px; font-weight: 700; } .special__col-sub { font-size: 16px; color: #b3b3b3; text-align: center; } /* *Sub-menu ==================== */ .sub-menu { margin-bottom: 80px; } .sub-menu__item a { padding: 14px; color: #fff; background-color: #333; line-height: 1.5; font-size: 18px; white-space: nowrap; } .sub-menu__item a:hover { background-color: #777; } .sub-menu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: scroll; padding: 14px 0; background-color: #333; } /* *Breakfast =================== */ .breakfast { padding: 30px 0 0 0; } /* *Dessert ====================== */ .dessert { padding: 30px 0 0 60px; } .dessert__title { margin-bottom: 20px; } .dessert__cards { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 55px 1fr 55px 1fr; grid-template-columns: 1fr 1fr 1fr; -webkit-column-gap: 55px; -moz-column-gap: 55px; column-gap: 55px; row-gap: 55px; padding: 0 15px; } .dessert__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; text-align: center; } .dessert__card-title { font-family: "Fugue", sans-serif; color: #585656; font-size: 18px; margin-bottom: 20px; height: 40px; } .dessert__card-image { display: inline-block; width: 100%; height: 250px; overflow: hidden; border-radius: 10px; border: 4px solid #997d5d; margin-bottom: 10px; } .dessert__card-image img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; height: 100%; } .dessert__card-price { margin-bottom: 10px; } .dessert__card-btn a { padding: 2px 10px; background-color: #e1e1e1; border: 1px solid #000; border-radius: 3px; font-size: 22px; } .dessert__card-btn a:hover { background-color: #cfcfcf; } /* *black-caviar ================= */ .black-caviar { padding: 30px 0 0 0; } .black-caviar__title { margin-bottom: 20px; } .black-caviar__cards { margin-bottom: 40px; padding: 0 15px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 50px 1fr 50px 1fr; grid-template-columns: 1fr 1fr 1fr; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; row-gap: 30px; } .black-caviar__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .black-caviar__card-title { font-family: "Fugue", sans-serif; color: #585656; font-size: 18px; margin-bottom: 20px; height: 40px; } .black-caviar__card-image { display: inline-block; width: 100%; max-width: 480px; /*height: 320px;*/ height: 390px; overflow: hidden; border-radius: 10px; border: 2px solid #997d5d; margin-bottom: 10px; } .black-caviar__card-image img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; height: 100%; } .black-caviar__card-price { margin-bottom: 10px; } /* *bc-info ===================== */ .bc-info { background: #fdfcfc; -webkit-box-shadow: 0px -12px 6px -7px rgb(22 45 64 / 11%); box-shadow: 0px -12px 6px -7px rgb(22 45 64 / 11%); padding: 40px 15px 50px 15px; } .bc-info__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .bc-info__content { /*width: 70%;*/ width: 100%; margin-right: 15px; } .bc-info__sub-title,.bc-info__content h3 { margin-bottom: 20px; text-align: left; } .bc-info__text,.bc-info p { margin-bottom: 20px; } .blockquote-text,.bc-info blockquote,.whiskey__text blockquote { margin: 16px 40px; } .bc-info__list ,.bc-info ul{ font-size: 15px; line-height: 1.5; margin: 16px 40px; } .bc-info__item,.bc-info ul li { list-style: disc; } .bc-info__cards { width: 30%; /*width: 50%;*/ display: -ms-grid; display: grid; -ms-flex-line-pack: start; align-content: start; -ms-grid-columns: 1fr; grid-template-columns: 1fr; row-gap: 15px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .bc-info__card { height: 220px; border: 2px solid #a47d5d; border-radius: 10px; overflow: hidden; } .bc-info__card img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; height: 100%; } /* *tea ========================== */ .tea { padding: 30px 0 0 0; box-shadow: 0px 5px 8px -2px rgb(34 60 80 / 20%); } .tea__text { margin-bottom: 20px; } .tea__inner { padding: 0 15px; overflow-y: auto; height: auto; max-height: 500px; } .tea-list { /* -webkit-box-shadow: 0px -12px 6px -7px rgb(22 45 64 / 11%); box-shadow: 0px -12px 6px -7px rgb(22 45 64 / 11%); */ padding: 30px 0 0 0; } /* *coffee ======================== */ .coffee-info { background: #fdfcfc; padding: 30px 15px 60px 15px; -webkit-box-shadow: 0px 5px 8px -2px rgb(34 60 80 / 20%); box-shadow: 0px 5px 8px -2px rgb(34 60 80 / 20%); margin-bottom: 60px; } .coffee-info.none { background: #FFF; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .coffee-info__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .coffee-info__inner__text { width: 100%; margin-bottom: 20px; } .coffee-info__content { /*width: 70%;*/ width: 100%; padding-right: 15px; height: auto; max-height:550px; min-height:200px; overflow-y: auto; } .coffee-info__sub-title,.coffee-info__content h3 { text-align: left; font-size: 17px; } .coffee-info__sub-text,.coffee-info__content blockquote { margin: 16px 60px; } .coffee-info__list { font-size: 17px; line-height: 1.5; margin: 16px 40px; } .coffee-info__item { list-style: disc; } .coffee-info__cards { width: 30%; /*width: 50%;*/ display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-flex-line-pack: start; align-content: start; row-gap: 15px; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; } .coffee-info__card { width: 100%; height: 220px; border: 2px solid #a47d5d; border-radius: 10px; overflow: hidden; } .coffee-info__card img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; height: 100%; } /* *Drinks ==================== */ .wine-list { padding: 30px 0 60px 0; } .drinks__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .sidebar { width: 20%; padding: 15px; } /* Filter */ .bx-filter.bx-blue .bx-filter-section { background: #fff; z-index: 1; } .container-fluid { padding: 0; margin: 0; } .bx-filter.bx-blue .btn-themes { background: var(--main-color); border: none; border-radius: 0; color: #fff; cursor: pointer; font-size: 16px; font-family: 'Playfair Display', serif; padding: 4px 16px; position: relative; z-index: 1; transition: .3s } .bx-filter.bx-blue .btn-themes:hover { background: #000; } .bx-filter.bx-blue .btn-link { background: #fff; border: 1px solid var(--main-color); border-radius: 0; color: #000; cursor: pointer; font-size: 16px; font-family: 'Playfair Display', serif; margin-left: 24px; padding: 3px 15px; position: relative; z-index: 1; transition: .3s; } .bx-filter.bx-blue .btn-link:hover { color: #000; text-decoration: none; } .bx-filter .bx-filter-parameters-box-title span { color: #999; font-size: 16px; line-height: 1.6; text-decoration: none; transition: .3s ease-in-out; } .bx-filter .bx-filter-parameters-box-title span:hover { color: var(--main-color); border-color: var(--main-color); } .bx-filter .bx-filter-input-container input { border-radius: 0px !important; } .bx-filter .bx-filter-input-container input:focus { border-color: var(--main-color) !important; } .bx-filter .bx-filter-title { color: #000; font-family: 'Playfair Display', serif; font-size: 28px; padding: 0; } .bx-filter .bx-ui-slider-part.p2 span, .bx-filter .bx-ui-slider-part.p3 span, .bx-filter .bx-ui-slider-part.p4 span { color: #A47D5D; } .bx-filter.bx-blue .bx-ui-slider-pricebar-v { background: var(--main-color) } .bx-filter.bx-blue .bx-ui-slider-pricebar-vn,.bx-filter.bx-blue .bx-ui-slider-pricebar-vd { background: #999; } .bx-filter.bx-blue .bx-ui-slider-handle.right { background: none; border: 11px solid transparent; border-bottom: 11px solid var(--main-color); border-left: 11px solid var(--main-color); } .bx-filter.bx-blue .bx-ui-slider-handle.left { background: none; border: 11px solid transparent; border-right: 11px solid var(--main-color); border-bottom: 11px solid var(--main-color); } .bx-filter .bx-ui-slider-part { background: #A47D5D; } .bx-filter .bx-filter-popup-result a { color: #A47D5D; } .bx-filter-input-checkbox span { font-size: 17px; font-family: "Fugue Regular"; font-family: "Roboto", sans serif !important; } .bx-filter .bx-filter-popup-result.left { right: 0; } .bx-filter-input-checkbox span a { font-size: 17px; color: #A47D5D; font-family: "Fugue Regular"; font-family: "Roboto", sans serif !important; } .sidebar__list { font-size: 18px; font-family: "Fugue Regular"; font-family: "Roboto", sans serif !important; } .sidebar__list ul { margin-left: 10px; } .sidebar__item { margin-bottom: 15px; } .content { width: 70%; } .wine-list-card .content { margin: auto; margin-bottom: 30px; } .wine-list__content { width: 80%; } .wine-list__content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: 0px 5px 8px -2px rgb(34 60 80 / 20%); box-shadow: 0px 5px 8px -2px rgb(34 60 80 / 20%); padding: 15px; margin-bottom: 40px; } .wine-list__text { width: 70%; } .wine-list__image { width: 30%; border: 2px solid #a47d5d; border-radius: 10px; overflow: hidden; } .wine-list__image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; -o-object-position: center; object-position: center; } .mb30,.whiskey__text p { margin-bottom: 15px; } .drinks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px; } .drinks-card { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; border: solid 1px #ffffff; border-radius: 10px; background-color: #ffffff; -webkit-box-shadow: 0px 5px 10px 2px rgb(34 60 80 / 20%); box-shadow: 0px 5px 10px 2px rgb(34 60 80 / 20%); font-family: "Fugue Regular"; font-family: "Roboto", sans serif !important; overflow: hidden; padding: 10px; margin-bottom: 30px; } .drinks-card__top { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .drinks-card__slider { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .drinks-card__slider-images { overflow: hidden; border: solid 1px #ffffff; border-radius: 10px; margin-bottom: 10px; height: auto; } .drinks-card__image--1, .drinks-card__image--2 { display: none; } .drinks-card__image--1.active, .drinks-card__image--2.active { display: flex !important; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .drinks-card__btns { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; } .drinks-card__btn { padding: 2px 25px; border: solid 2px #674a31; border-radius: 10px; background-color: #ffffff; font-size: 17px; margin: 0 5px; cursor: pointer; } .drinks-card__image { height: 600px; width: 80% !important; margin: auto; } .drinks-card__image img { /* object-fit: cover; width: 100%; height: 100%;*/ width: auto; height: 100%; max-height: 600px; } .drinks-card__info { width: 50%; padding: 10px 0px 10px 30px; } .drinks-card__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; } .drinks-card__col { color: #3a3a3a; width: 50%; } .drinks-card__col.col--1 { font-size: 17px; font-weight: 700; } .drinks-card__col.col--2 { color: #000000; font-weight: 200; font-size: 17px; padding-left: 20px; } .drinks-card__col.col--2 a { color: #000000; } .drinks-card__col.col--2 a:hover { text-decoration: underline; } .drinks-card__title { color: #a33415; font-weight: 700; font-size: 20px; margin-bottom: 20px; } .drinks-card__desc { color: #3a3a3a; font-size: 17px; line-height: 1.2; } .drinks-card__desc { margin-bottom: 20px; } .drinks-card__desc-btn { color: #000000; font-weight: 200; font-size: 20px; font-family: "Fugue Regular"; font-family: "Roboto", sans serif !important; } .drinks-card__desc-btn:hover { text-decoration: underline; } .drinks-card__slider-btns li { padding: 2px 25px; border: solid 2px #674a31; border-radius: 10px; background-color: #ffffff; font-size: 17px; margin: 0 5px; cursor: pointer; } .drinks-card.drinks-card--wlc { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .drinks-card__image.drinks-card--wlc { display: flex !important; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .drinks-card--wlc { border: solid 1px #ffffff; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .drinks-card--wlc2 { border: solid 1px #ffffff; border-radius: 10px; overflow: hidden; width: 80px !important; height: 150px; } .drinks-card__images--wlc { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .drinks-card__bottom-text { font-family: "Fugue Regular"; font-family: "Roboto", sans serif !important; font-size: 15px; text-align: center; margin-bottom: 30px; line-height: 1.5; } .drinks-card__bottom-list { font-family: "Fugue Regular"; font-family: "Roboto", sans serif !important; font-size: 15px; text-align: center; line-height: 1.5; margin-bottom: 20px; } .article { margin: 40px 0 80px 0; } .article__inner { display: flex; align-items: stretch; overflow-x: auto; } .article__inner::-webkit-scrollbar { border: 1px solid #999; height: 5px; } .article__inner::-webkit-scrollbar-thumb { background-color: #999; } .article__card { background: #f2f2f2; flex: 0 0 auto; margin: 0 32px 32px 0; width: 30%; } .article__card-image img { max-width: 100%; } .article__title { font-size: 36px; font-family: 'Playfair Display', serif; color: #000; margin-bottom: 32px; } .article__card-content { padding: 12px; } .article__card-title { font-size: 24px; font-family: 'Playfair Display', serif; color: #000; transition: .3s ease-in-out; } .article__card-title a:hover, .article__card-title a:focus { color: var(--main-color); } .article__card-text { font-size: 16px; color: #696969; line-height: 1.3; margin-top: 12px; } .article__card-link a { display: block; color: #000; font-size: 18px; font-weight: 400; position: relative; top: 0px; left: 50px; text-decoration: none; transition: .3s ease-in-out; } .article__card-link a::before { content: " "; background: url(/bitrix/templates/upfly/images/arrow-right.svg) no-repeat; display: block; position: relative; left: -50px; top: 23px; width: 40px; height: 15px; transition: .3s ease-in-out; } .article__card-link a:hover { left: 70px; color: #000; } .article__card-link:hover a:before { width: 60px; left: -66px; } /* *Whiskey ======================= */ .whiskey { padding: 30px 0 0 0; } .whiskey__content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .whiskey__text { /*width: 75%;*/ } .whiskey__images { /*width: 25%;*/ min-width: 250px; } .whiskey__image { width: 100%; border: 2px solid #a47d5d; border-radius: 10px; overflow: hidden; margin-bottom: 15px; } .whiskey__image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; -o-object-position: center; object-position: center; } .whiskey__list { font-size: 15px; line-height: 1.5; margin: 16px 40px; } .whiskey__item { list-style: disc; } /* *Cognac ================ */ .cognac { padding: 30px 0 60px 0; } /* *Gin ================ */ .gin { padding: 30px 0 60px 0; } /* *Rum ==================== */ .rum { padding: 30px 0 60px 0; } /* *gin, rum, cognac, whiskey styles =========================== */ .gin__text, .rum__text, .cognac__text, .whiskey__text { overflow-y: auto; height: auto; max-height: 500px; width: 100%; } .gin__content-wrapper, .rum__content-wrapper, .cognac__content-wrapper, .whiskey__content-wrapper { margin-bottom: 15px; -webkit-box-shadow: 0px 5px 8px -2px rgb(34 60 80 / 20%); box-shadow: 0px 5px 8px -2px rgb(34 60 80 / 20%); padding: 0 0 0 15px; } /* *tequila =================== */ .tequila { padding: 30px 0 60px; } .tequila__text { overflow-y: auto; height: auto; max-height: 400px; } /* *restaurant-menu-card ======== */ .rmc__container { padding: 60px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .rmc-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*max-width: 600px;*/ text-align: center; } .rmc-card__subtitle { font-size: 15px; margin-bottom: 20px; } .rmc-card__image { width: 500px; border-radius: 10px; border: 4px solid #997d5d; overflow: hidden; margin: 30px auto; } .rmc-card__image img { width: 100%; height: auto; } .rmc-card__price { margin-bottom: 30px; } .rmc-card .count { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rmc-card .count__text { font-weight: 700; } .rmc-card .count__quantity { text-align: center; border: 3px solid #997d5d; border-radius: 11px; } /* *Pasta =================== */ .restaurant-menu__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: 0px 5px 8px -2px rgb(34 60 80 / 20%); box-shadow: 0px 5px 8px -2px rgb(34 60 80 / 20%); padding: 0 15px 20px 15px; margin-bottom: 20px; } .restaurant-menu__info-text { width: 100%; } .restaurant-menu__info-image { width: 100%; max-height: 450px; padding: 0 40px; } .restaurant-menu__info-image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; border: 2px solid #a47d5d; border-radius: 10px; } /* *Risotto ===================== */ .restaurant-menu__info.restaurant-menu__info--risotto .restaurant-menu__info-text { width: 100%; text-align: center; } /* *Ravioli ===================== */ .restaurant-menu__info.restaurant-menu__info--ravioli { height: auto; max-height: 500px; } .restaurant-menu__info.restaurant-menu__info--ravioli .restaurant-menu__info-text { overflow-y: auto; } /* *Pizza ======================== */ .restaurant-menu__info.restaurant-menu__info--pizza { height: auto; max-height: 500px; } .restaurant-menu__info.restaurant-menu__info--pizza .restaurant-menu__info-text { overflow-y: auto; } /* *Fish ======================== */ .restaurant-menu__info.restaurant-menu__info--fish { height: auto; max-height: 500px; } .restaurant-menu__info.restaurant-menu__info--fish .restaurant-menu__info-text { overflow-y: auto; } .restaurant-menu__info.restaurant-menu__info--fish .restaurant-menu__info-image { padding: 0; height: 80%; } /* *bc-card ====================== */ .bc-card__desc { padding: 60px 15px 0px 15px; } .bc-card__container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 15px 50px; } .bc-card { width: 500px; text-align: center; } .bc-card__image { border-radius: 10px; border: 4px solid #997d5d; overflow: hidden; display: inline-block; } .bc-card__image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; -o-object-position: center; object-position: center; } .bc-card__text { text-align: center; margin-bottom: 30px; } .bc-card .count { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bc-card .count__text { font-weight: 700; } .count__quantity { text-align: center; border: 3px solid #997d5d; border-radius: 11px; } /* *rec-card ======================= */ .rec { padding: 60px 15px; } .rec__title { margin-bottom: 20px; } .rec__cards { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 20px 1fr 20px 1fr; grid-template-columns: 1fr 1fr 1fr; row-gap: 20px; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .rec-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .rec-card__title { margin-bottom: 10px; } .rec-card__image { width: 100%; border-radius: 10px; border: 4px solid #997d5d; overflow: hidden; } .rec-card__image img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 100%; width: 100%; } .rec-card__price { padding: 10px 0; } .rec-card__button { padding: 2px 10px; background-color: #e1e1e1; border: 1px solid #000; border-radius: 3px; font-size: 17px; } /* *basket ===================== */ .basket { padding: 60px 15px; } .basket-table__container { /* overflow-y: scroll; padding-bottom: 20px;*/ -ms-overflow-x: auto; overflow-x: auto; border: 1px solid #ccc; } .basket-table__row.basket-items-list-item-container .basket-table__col:nth-child(1) a { display: flex; gap: 7px; } .basket-table__image { display: block; min-width: 60px; width: 60px; height: 60px; transition: 300ms all ease; overflow: hidden; } .basket-table__image img{ object-fit: cover; object-position: center; width: 100%; height: 100%; } .basket-table__price-mobile{ display: none;} .basket-table__row { display: -ms-grid; display: grid; -ms-grid-columns: 1.5fr 1fr 1.5fr 0.5fr 0.5fr; grid-template-columns: 1.5fr 1fr 1.5fr 0.5fr 0.5fr; padding: 5px 7px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } .basket-table__row:nth-child(2n + 2) { background-color: #f5f5f5; } .basket-table__row.basket-table__row--head { padding: 5px 7px; background-color: #ccc; font-weight: 700; font-size: 15px; } .basket-table__col { width: 100%; } .basket-table .count { margin-bottom: 0; font-size: 15px; } .basket-table .count__quantity { font-size: 14px; } .basket-table .count__btn { width: 30px; height: 30px; } .basket__btn { padding: 2px 10px; background-color: #e1e1e1; border: 1px solid #000; border-radius: 3px; font-size: 14px; } .basket-bot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; } .basket-bot__total { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 0; } .basket-bot__total-text { font-size: 17px; font-weight: 700; margin-right: 5px; } .basket-bot__total-count { font-size: 17px; } .basket-bot__btn { padding: 2px 10px; background-color: #e1e1e1; border: 1px solid #000; border-radius: 3px; font-size: 14px; } div[data-entity="parent-container"] { border: 1px solid var(--main-color); border-radius: 5px; box-shadow: 0 0 32px rgb(0 0 0 / 15%); padding: 20px; position: absolute; top: 180px; left: 50%; transform: translateX(-50%); background: #fff; width: 80%; } div[data-entity="parent-container"] .catalog-block-header { border: none; font-size: 24px; text-align: center; margin-bottom: 20px; } div[data-entity="parent-container"] .product-item-image-wrapper { pointer-events: none; } /* *Contacts ====================== */ .contacts { text-align: center; padding: 60px 0; } /* *Delivery ====================== */ .delivery { text-align: center; padding: 60px; } /* *payment ======================= */ .payment { text-align: left; padding: 60px 15px; } .payment__list,.payment ul { margin-bottom: 30px; list-style-type: disc; } .payment__point,.payment p { margin-bottom: 20px; } .payment__image,.payment img { margin-bottom: 20px; } /* *Order =================== */ .order { padding: 30px 15px 60; } .order .basket-table__row { display: -ms-grid; display: grid; -ms-grid-columns: 1.5fr 1.5fr 1fr 0.5fr; grid-template-columns: 1.5fr 1.5fr 1fr 0.5fr; padding: 5px 7px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } .order__delivery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .order__form { text-align: center; } .order__fieldset { border: 1px solid #ccc; padding: 15px; margin-bottom: 20px; } .order__fieldset legend { font-size: 20px; margin: 0 auto; } .order__fieldset label { font-size: 17px; font-weight: 700; margin-bottom: 10px; } .order__fieldset input, .order__fieldset textarea { background: #ffffff; border: 3px solid #a47d5d; border-radius: 5px; } .order__fieldset--inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .order__fieldset--inputs label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .order__fieldset--inputs input, .order__fieldset--inputs textarea { width: 300px; } .order__fieldset--btns button { padding: 2px 10px; background-color: #e1e1e1; border: 1px solid #000; border-radius: 3px; } .order__fieldset--btns button:hover { background-color: #cfcfcf; } /* *Accordeon ================== */ .accordeon .active { color: #ba3f1d; } .accordeon { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; } .accordeon__block { width: 50%; margin-bottom: 5px; } .accordeon__title { text-align: center; background: #ffffff; border: 3px solid #a47d5d; border-radius: 5px; padding: 5px 20px; font-size: 17px; font-weight: 300; cursor: pointer; } .accordeon__list { border: 1px solid #ccc; border-radius: 5px; padding: 10px 20px; } .accordeon__item { font-size: 15px; margin-bottom: 5px; } /* *News ============== */ .news { padding: 60px 0; } .news .whiskey__content-wrapper { box-shadow: none; } .news .whiskey__text { padding-right: 10px; overflow: auto; height: auto; max-height: 100%; } /* *Age modal ============== */ .age-modal { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; position: fixed; display: none; background: rgba(126, 126, 126, 0.416); justify-content: center; align-items: center; } .age-modal.active { display: flex; } .age-modal__window { padding: 20px; background-color: #fff; box-shadow: rgb(0 0 0 / 20%) 2px 2px 3px; width: 500px; border-radius: 10px; position: relative; } .age-modal__text { font-size: 17px; text-align: center; margin-bottom: 15px; } .age-modal__btns { display: flex; } .age-modal__btn { text-align: center; display: inline-block; font-size: 17px; padding: 5px 5px; border-radius: 5px; border: 1px solid #000; width: 50%; margin: 0 10px; } .label_photo--container { margin-top: 40px; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; } .label_photo--text { width: 100%; max-width: 260px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; margin-left: 18px; } .label_photo--text_title { padding-bottom: 5px; margin-bottom: 12px; } .label_photo--text_title,.label_photo--text_title span { font-size: 16px; display: inline-block; position: relative; font-weight: 400; line-height: 20px; color: #a47d5d; } .label_photo--text_title span:before { width: 100%; content: ''; position: absolute; height: 1px; background: #a47d5d; bottom: -1px; } .label_photo--text_title:hover span:before { width: 0; } .label_photo--text_description { font-size: 14px; font-family: "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif; line-height: 18px; font-weight: 500; } .label_photo--img { object-fit: cover; overflow: hidden; position: relative; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 100% !important; max-width: 98px !important; height: 90px; -webkit-border-radius: 2px; border-radius: 2px; } .label_photo--img img { max-width: none; } .modal_label--content_images_image img { max-width: none; height: 100%; } .label_photo--img:before { display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; content: url('/upload/eye.png'); position: absolute; width: 100%; height: 100%; background: rgba(50,50,50,0.3); opacity: 1; -webkit-transition: ease 0.25s all; -moz-transition: ease 0.25s all; -ms-transition: ease 0.25s all; -o-transition: ease 0.25s all; transition: ease 0.25s all; } .label_photo--img:hover:before { opacity: 0; } .modal_label--content { display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .modal_label--title { max-width: 90%; margin: auto; font-size: 24px; text-align: center; text-shadow: 0 1px 1px rgb(0 0 0 / 30%); font-weight: 700; margin-bottom: 20px; } .modal_label--content_images_image { width: 100%; display: none; max-width: 620px; max-height: 570px; min-height: 350px; height: 65vh; overflow: hidden; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .modal_label--content_images_image.active { display: flex; } .modal_label--content_tabs { margin-top: 36px; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .modal_label--content_tabs_tab span{ margin: 0 10px; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 42px; width: 163px; font-size: 16px; font-weight: 400; cursor: pointer; color: #323232; background: #F5F5F5; -webkit-border-radius: 6px; border-radius: 6px; } .modal_label--content_tabs_tab.active span { color: #FFF; background: #997D5D; font-weight: 600; } @media (max-width: 1367px) { .bx-filter.bx-blue .btn-link { margin-left: 0; } } @media (max-width: 1025px) { .bx-filter .bx-filter-title { font-size: 24px; margin-bottom: 16px; } .bx-filter .bx-filter-parameters-box-title { padding-bottom: 4px; } .bx-filter .bx-filter-input-container input { height: 28px; } } /* End */ /* Start:/local/templates/upfly/css/media_old.css?173037287618640*/ @media (max-width: 1199.98px) { /* *header ================= */ .header__address { font-size: 14px; } .header__phone a { font-size: 14px; } .header__social { width: 50%; } .header__basket-count { font-size: 14px; } /* *Header__menu =========== */ .header__menu-item { font-size: 18px; margin: 0 10px; } /* *Menu =================== */ .menu { padding: 25px 15px 50px 15px; } .menu__content { width: 100%; } .menu__images { width: 100%; } .menu__text { margin-bottom: 20px; } /* *Reserved ============== */ .reserved__text, .reserved__top p { font-size: 18px; margin-bottom: 15px; } /* *Restaurant-menu ============== */ .food__cards { -ms-grid-columns: 1fr 20px 1fr 20px 1fr; grid-template-columns: 1fr 1fr 1fr; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .restaurant-menu { padding: 50px 0; } /* *black-caviar ================= */ .black-caviar__card-image { height: 280px; } .drinks-card__image { height: 600px; } .drinks-card__image img { max-height: 600px; } .drinks-card__image.drinks-card--wlc2 img,.drinks-card__image.drinks-card--wlc2 { max-height: 100px; } /* .fancybox-navigation .fancybox-button--arrow_left { left: -400px; right: -5%; margin: auto; } .fancybox-navigation .fancybox-button--arrow_right { left: -5%; right: -400px; margin: auto; } */ .mob_filters { padding-left: 15px; padding-right: 15px; } .mob_filters, .mob_filters .bx-filter { display: block; } .label_photo--text_description { font-size: 12px; } .label_photo--img { max-width: 84px !important; } .label_photo--text { margin-left: 12px; } .modal_label--content_images_image { max-height: 400px; height: auto; } } @media (max-width: 991.98px) { /* *All ================= */ .text,.fish-menu__text p { font-size: 17px; } .title, .delivery h3, .contacts h3, .payment h3, .coffee-info__content h3, .bc-info__content h3 { font-size: 20px; } /* *Header ============== */ .header__logo { width: 25%; } .header__address { width: 100%; } .header__right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header__social { width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* .header__basket a { justify-content: flex-end; }*/ /* *Header__menu =========== */ .header__menu-list { padding: 5px 10px; } /* *Our-atm ================= */ .our-atm { padding: 50px 0; } /* *Fish-menu =============== */ .fish-menu__text p { margin-bottom: 15px; } /* *Dessert ====================== */ .dessert__cards { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } /* *black-caviar ================= */ .black-caviar__cards { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } /* *Coffee ======================== */ .coffee-info__card { height: 160px; } /* *Pasta ======================= */ .restaurant-menu__info-image { padding: 0 20px; height: 50%; } /* *Basket ==================== */ .basket-table__row { -ms-grid-columns: 1.5fr 5px 0.5fr 5px 1.5fr 5px 0.5fr 5px 0.5fr; grid-template-columns: 1.5fr 0.5fr 1.5fr 0.5fr 0.5fr; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .basket-table__col { font-size: 15px; } /* *Cards ==================== */ .drinks-card__btns { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .drinks-card__btn { width: 100%; margin-bottom: 10px; } .drinks-card__images--wlc { width: 45%; } .drinks-card__info { width: 50%; padding: 10px 0px 10px 10px; } .drinks-card__image { height: 500px; } .drinks-card__image img { max-height: 500px; } /* .fancybox-navigation .fancybox-button--arrow_left { left: -300px; right: -5%; margin: auto; } .fancybox-navigation .fancybox-button--arrow_right { left: -5%; right: -300px; margin: auto; } */ .label_photo--text_title, .label_photo--text_title span { font-size: 14px; } .label_photo--text_title { margin-bottom: 4px; } .label_photo--img { max-width: 70px !important; } .modal_label--title { max-width: 100%; font-size: 20px; } .modal_label--content_images_image { max-height: 350px; min-height: 300px; height: auto; } } @media (max-width: 767.98px) { /* *All =================== */ .dots { width: 80%; } .s-text, .delivery p, .payment p, .payment li, .coffee-info__content p, .coffee-info__content li, .coffee-info__content blockquote, .bc-info p,.bc-info li { font-size: 16px; } .blockquote-text,.bc-info blockquote { margin: 10px 20px; } .pagination__item { margin: 0 5px; font-size: 17px; } .content { width: 100%; } /* *Header ================ */ .header__address { display: none; } .header__phone { display: none; } .header__social { display: none; } .header__logo { display: none; } .header__logo--mobile { display: block; } /* .header__top { margin-bottom: 20px; padding: 15px 15px 0 15px; }*/ .header__basket-count { display: none; } /* *Header__menu ============== */ .header__menu { display: none; } .header-burger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* *Our-atm =================== */ .our-atm__left, .our-atm__right { width: 100%; } .our-atm__left { margin-bottom: 20px; } /* *Fish-menu =============== */ .fish-menu { padding: 20px 15px 50px 15px; } .fish-menu__content, .fish-menu__slider-wrapper { width: 100%; } .fish-menu__content { margin-bottom: 20px; } /* *Reserved ================= */ .reserved__contacts, .reserved__form { width: 100%; } .reserved__text, .reserved__top p { font-size: 16px; } .reserved__form { font-size: 16px; } .reserved__btn { font-size: 18px; } /* *Footer ====================== */ .footer__links { margin-bottom: 20px; } .footer__pay { margin-bottom: 20px; } .footer__links, .footer__info, .footer__admin { width: 100%; } /* *Restaurant-menu ============== */ .food__cards { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .food__card-btn a { font-size: 18px; } /* *Special ======================== */ .special__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 15px; } .special__col { width: auto; } .special__col:last-child { width: auto; } .special__col-content { width: auto; } .special__col-name a { font-size: 17px; } /* *Breakfast =================== */ .breakfast { padding: 50px 0 0 0; } /* *Dessert ====================== */ .dessert { padding: 50px 0; } .dessert__cards { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .dessert__card-btn a { font-size: 18px; } .dessert__card-price { margin-bottom: 5px; } /* *count ======================== */ .count__text { font-size: 20px; } .count input { font-size: 15px; } .count__btn { width: 30px; height: 30px; } .count { margin-bottom: 15px; } .tea { padding: 50px 0; } /* *black-caviar ================= */ .black-caviar { padding: 50px 0; } .black-caviar__cards { -ms-grid-columns: 1fr 30px 1fr; grid-template-columns: 1fr 1fr; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .black-caviar__card-image { height: 230px; } /* *bc-info ===================== */ .bc-info__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .bc-info__content { width: 100%; margin-right: 0px; } .bc-info__cards { display: -ms-grid; display: grid; -ms-flex-line-pack: distribute; align-content: space-around; -ms-grid-columns: 1fr 10px 1fr; grid-template-columns: 1fr 1fr; row-gap: 10px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; width: 100%; } .bc-info__card { height: 180px; } .bc-info__list { font-size: 13px; margin: 10px 20px; } /* *Coffee ==================== */ .coffee-info { padding: 50px 15px; margin-bottom: 20px; } .coffee-info__content { margin-bottom: 20px; } .coffee-info__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .coffee-info__content { width: 100%; } .coffee-info__cards { width: 100%; -ms-grid-columns: 1fr 10px 1fr; grid-template-columns: 1fr 1fr; row-gap: 10px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .coffee-info__sub-text { margin: 10px 20px; } /* *wine-list =============== */ .wine-list { padding: 25px 0; } .drinks__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sidebar { display: none; } .wine-list__content { width: 100%; } .wine-list__image { height: 50%; } /* *drinks-card ================ */ .drinks-card { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } .drinks-card__title { font-size: 19px; margin-bottom: 20px; } .drinks-card__row { margin-bottom: 10px; } .drinks-card__col.col--2 { font-size: 17px; padding-left: 10; } .drinks-card__desc { font-size: 13px; margin-bottom: 15px; } .drinks-card__info { width: 50%; padding: 0px 10px 10px 15px; } /* *Article =============== */ .article__card-title { font-size: 20px; padding: 5px 0; } .article__card-text { font-size: 16px; margin-bottom: 12px; } .article__card { font-size: 17px; } /* *Whiskey ==================== */ .whiskey { padding: 50px 0; } .whiskey__text { width: 100%; margin-bottom: 15px; } .whiskey__images { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .whiskey__image { width: 50%; margin: 0 10px 20px 10px; } .whiskey__content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gin__content-wrapper, .rum__content-wrapper, .cognac__content-wrapper, .whiskey__content-wrapper { padding: 0 15px; } /* *Cognac ================ */ .cognac, .tequila, .gin, .rum, .tequila { padding: 25px 0 15px 0; } /* *Contacts ================ */ .contacts__text, .contacts p { font-size: 17px; } /* *Payment ================= */ .payment { text-align: center; padding: 50px 15px; } /* *restaurant-menu-card ====== */ .rmc__container { padding: 50px 0; } .rmc-card__price { margin-bottom: 10px; } /* *wine-list-card ============= */ .rec-card__button { font-size: 15px; } /* *Basket ==================== */ .basket-table { width: 767px; } /* *Accordeon ================= */ .accordeon { display: -webkit-box; display: -ms-flexbox; display: flex; } .delivery { padding: 50px 20px; } .drinks-card__btn { padding: 5px 25px; } .drinks-card__btns { margin: 0; } .drinks-card__slider-images { margin-bottom: 20px; } .drinks-card__btn:last-child { margin-bottom: 0; } .drinks-card__btns { margin-bottom: 20px; } .drinks-card__desc-btn { color: #a33415; margin-top: 20px; } .bx-breadcrumb .bx-breadcrumb-item span { font-size: 12px; } .bx-breadcrumb { margin: 15px; } .bx-breadcrumb .bx-breadcrumb-item { margin-right: 5px; } .drinks-card__image { height: 400px; } .drinks-card__image img { max-height: 400px; } .modal_label--content_tabs { margin-top: 16px; } .modal_label--content_tabs_tab span { margin: 0 5px; width: 100px; height: 35px; } .modal_label--content_tabs_tab.active span { font-size: 14px; } .modal_label--content_images_image { max-height: 300px; min-height: 250px; } .modal_label--content_tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #modal_label { padding: 20px !important; } .basket-table { width: 100%; } .basket-table__container { border: none; } .basket-table__row.basket-table__row--head { display: none; } .basket-table__row.basket-items-list-item-container { display: grid; grid-template-columns: repeat(2, auto); grid-template-rows: repeat(2, auto); padding: 0; column-gap: 6px; row-gap: 8px; padding-bottom: 8px; border-top: none; background: none !important; margin-bottom: 10px; grid-auto-flow: row; grid-template-areas: "image_name delete" "count sum"; } .basket-table__row.basket-items-list-item-container .basket-table__col:nth-child(1) { grid-area: image_name;} .basket-table__row.basket-items-list-item-container .basket-table__col:nth-child(1) a { line-height: 20px;} .basket-table__row.basket-items-list-item-container .basket-table__col:nth-child(1) a .basket-table__title{ display: flex; flex-direction: column; justify-content: space-between; gap: 6px;} .basket-table__row.basket-items-list-item-container .basket-table__col:nth-child(4) { grid-area: delete; text-align: right; } .basket-table__row.basket-items-list-item-container .basket-table__col:nth-child(3) { grid-area: count; } .basket-table__row.basket-items-list-item-container .basket-table__col:nth-child(2) { display: none; } .basket-table__row.basket-items-list-item-container .basket-table__col:nth-child(5) { grid-area: sum; text-align: right; white-space:nowrap; align-self: center; } .basket-table__row.basket-items-list-item-container .basket-table__image { margin: 0; min-width: 80px; width: 80px; height: 80px; } .basket-table__row.basket-items-list-item-container .basket__btn { font-size: 0; background: unset; border: unset; padding: 2px 10px; } .basket-table__row.basket-items-list-item-container .basket__btn::after { content: '✕'; font-size: 16px; font-weight: 700; } .basket-table__price-mobile{ display: block; font-size: 14px; color: #6b6b6b; } } @media (max-width: 575.98px) { /* *All =================== */ .dots { width: 100%; } /* *Header ===================== */ .header__logo { width: 60%; } /* *Menu ======================== */ .menu__image { width: 100%; padding: 20px 25px; } /* *Restaurant-menu ============== */ .food__cards { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } /* *Special ======================== */ .special__row { margin-bottom: 20px; } .special__col-name { text-align: left; margin-bottom: 10px; } /* *Dessert ====================== */ .dessert__cards { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } /* *black-caviar ================= */ .black-caviar__cards { -ms-grid-columns: 1fr; grid-template-columns: 1fr; row-gap: 10px; } .black-caviar__card-image { height: 220px; } /* *bc-info ===================== */ .coffee-info__card { height: 120px; } .wine-list__text { width: 100%; } .wine-list__image { display: none; } /* *wine-list ==================== */ .drinks { padding: 0 10px; } .drinks-card__slider-images { height: 70%; } .drinks-card { padding: 30px; margin-bottom: 15px; } /* *Article ===================== */ .article__inner { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } /* *Whiskey =================== */ .whiskey__images { -ms-flex-wrap: wrap; flex-wrap: wrap; } .whiskey__image { width: 100%; margin: 0 0 15px 0; } /* *Payment ================= */ .payment__image img,.payment img { width: 100%; } /* *Pasta ======================= */ .restaurant-menu__info-text { width: 100%; } .restaurant-menu__info-image { display: none; } /* *Wine-list-card ============= */ .rec__cards { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } /* *Basket ===================== */ .basket-bot__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .basket-bot__btn { margin: 0 5px; } /* *Order ===================== */ .order__fieldset--inputs input, .order__fieldset--inputs textarea { width: 100%; } /* *Accordion ================= */ .accordeon__block { width: 80%; } .accordeon__title { font-size: 15px; } /* *Form ======================= */ .reserved__input input { width: 100%; } /* *Age-modal ================== */ .age-modal__window { width: 100%; margin: 50px 20px; } .age-modal__text { font-size: 15px; } .age-modal__btns { flex-wrap: wrap; } .age-modal__btn { width: 100%; margin: 5px 5px; } /* *Drinks card =============== */ .drinks-card__desc { display: none; } .drinks-card__slider-images { height: 100%; } .drinks-card__slider { width: 100%; } .drinks-card__info { width: 100%; padding: 0px; } .drinks-card__top { flex-wrap: wrap; } .drinks-card__images--wlc { width: 100%; margin-bottom: 30px; } .rmc-card__image { width: 250px; } .drinks-card__image { height: 300px; } .drinks-card__image img { max-height: 300px; } /* .fancybox-navigation .fancybox-button--arrow_left { left: -200px; right: -5%; margin: auto; } .fancybox-navigation .fancybox-button--arrow_right { left: -5%; right: -200px; margin: auto; } */ } /* End */ /* Start:/local/templates/upfly/css/slick.css?16635928421776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/upfly/css/style.css?173037224153199*/ @charset "UTF-8"; .header__basket-num, .logo, .vibe__photo-md, .vibe__photo-big, .vibe__photo-sm, .vibe__photo-bmd, .rest-menu__img, .wine-cart__icon, .footer__item, .header-fixed__logo, .header__mob-logo, .trans-logo__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; width: 100%; } .bx-ui-slider-handle, .bx-filter-parameters-box-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .logo img, .vibe__photo-md img, .vibe__photo-big img, .vibe__photo-sm img, .vibe__photo-bmd img, .rest-menu__img img, .wine-cart__icon img { max-width: none; height: 100%; } .footer__item img, .header-fixed__logo img, .header__mob-logo img, .trans-logo img { max-width: 100%; height: auto; } .header__bottom-wrapper, .header__message, .media__link, .vibe__wrapper, .rest-menu__inner, .rest-menu__icon, .wine-cart__item, .training__inner, .training__box, .order__inner, .order__form, .form__calc-box, .form__btn-minus, .form__btn-plus, .footer__info, .footer__wrapper, .blank-link__wrapper, .blank-link__link, .title-wrapper, .icon-map, .header-fixed, .header-fixed__menu, .menu-mob__info, .menu-mob__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header__wrapper, .header__middle-wrapper, .media, .rest-menu__icons, .contacts__inner, .contacts__line, .form__item, .footer__top, .footer__top-item, .footer__items, .header-fixed__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__middle-link::before, .header__middle-link::after, .header__basket-num, .header__message { -webkit-transition: opacity 0.3s linear, visibility 0.3s linear; -o-transition: opacity 0.3s linear, visibility 0.3s linear; transition: opacity 0.3s linear, visibility 0.3s linear; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::after, *::before { -webkit-box-sizing: inherit; box-sizing: inherit; } body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, figcaption, blockquote, dl, dd { margin: 0; } ul[class] { list-style: none; } input, button, textarea, select { font: inherit; } a { text-decoration: none; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } a { text-decoration: none; color: inherit; display: inline-block; } ul, li { margin: 0; padding: 0; list-style: none; } h1, h2, h3, h4, h5, h6 { margin: 0; } p { margin: 0; } button { outline: none; } body { margin-right: 0 !important; font-family: "Inter", sans-serif; font-size: 17px; line-height: 22px; overflow-x: hidden; position: relative; background: #fff; color: #4f361c; background-repeat: no-repeat; background-size: cover; } .container { max-width: 1900px; width: 100%; padding: 0 15px; margin: 0 auto; } .footer { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header__basket-num, .logo, .vibe__photo-md, .vibe__photo-big, .vibe__photo-sm, .vibe__photo-bmd, .rest-menu__img, .wine-cart__icon, .footer__item, .header-fixed__logo, .header__mob-logo, .trans-logo__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; width: 100%; } .logo img, .vibe__photo-md img, .vibe__photo-big img, .vibe__photo-sm img, .vibe__photo-bmd img, .rest-menu__img img, .wine-cart__icon img { max-width: none; height: 100%; } .footer__item img, .header-fixed__logo img, .header__mob-logo img, .trans-logo img { max-width: 100%; height: auto; } .header__bottom-wrapper, .header__message, .media__link, .vibe__wrapper, .rest-menu__inner, .rest-menu__icon, .wine-cart__item, .training__inner, .training__box, .order__inner, .order__form, .form__calc-box, .form__btn-minus, .form__btn-plus, .footer__info, .footer__wrapper, .blank-link__wrapper, .blank-link__link, .title-wrapper, .icon-map, .header-fixed, .header-fixed__menu, .menu-mob__info, .menu-mob__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header__wrapper, .header__middle-wrapper, .media, .rest-menu__icons, .contacts__inner, .contacts__line, .form__item, .footer__top, .footer__top-item, .footer__items, .header-fixed__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__middle-link::before, .header__middle-link::after, .header__basket-num, .header__message { -webkit-transition: opacity 0.3s linear, visibility 0.3s linear; -o-transition: opacity 0.3s linear, visibility 0.3s linear; transition: opacity 0.3s linear, visibility 0.3s linear; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::after, *::before { -webkit-box-sizing: inherit; box-sizing: inherit; } body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, figcaption, blockquote, dl, dd { margin: 0; } ul[class] { list-style: none; } input, button, textarea, select { font: inherit; } a { text-decoration: none; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } a { text-decoration: none; color: inherit; display: inline-block; } ul, li { margin: 0; padding: 0; list-style: none; } h1, h2, h3, h4, h5, h6 { margin: 0; } p { margin: 0; } button { outline: none; } body { font-family: "Inter", sans-serif; font-size: 17px; line-height: 22px; overflow-x: hidden; position: relative; background: #fff; color: #4f361c; background-repeat: no-repeat; background-size: cover; } .container { max-width: 1900px; width: 100%; padding: 0 15px; margin: 0 auto; } .footer { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } .overlay-hidden { overflow-y: hidden; } .text-20 { font-size: 18px; line-height: 24px; letter-spacing: 0.0015em; color: #4f361c; font-weight: 400; } .text-20--weight { font-weight: 500; } .text-17, .text-17 span { font-size: 15px; line-height: 22px; letter-spacing: 0.005em; color: #fff; font-weight: 400; } .text-16 { font-size: 16px; line-height: 22px; letter-spacing: 0.005em; color: #4f361c; font-weight: 400; } .header__mob { display: none !important; } .header__top { background: #9a7d5e; } .header__wrapper { padding: 8px 0; max-height: 36px; } .header__phone, .header__phone-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__phone-text { font-weight: 500; padding-left: 11px; } .header__top-link { color: #fff !important; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .header__top-link:hover, .header__top-link:hover span { color: #fe9c71 !important; } .footer__top .header__top-link { color: #4f361c !important; margin: 6px 0; } .footer__top .header__top-link:hover, .footer__top .header__top-link:hover span { color: #fe9c71 !important; } .header__middle-wrapper { padding: 20px 0; max-height: 128px; } .header__middle-link, .header__bottom-link { margin-right: 16px; } .header__middle-link:last-child, .header__bottom-link:last-child { margin-right: 0; } .header__middle-link { position: relative; padding: 12px 0; } .header__middle-link:hover::before, .header__middle-link:hover::after { opacity: 1; visibility: visible; } .header__middle-link::before, .header__middle-link::after { content: ""; position: absolute; background-color: #fe9c71; height: 2px; width: 101%; opacity: 0; visibility: hidden; } .header__middle-link::before { top: 0px; left: 0; } .header__middle-link::after { bottom: 0px; left: 0; } .header__middle-link .text-20 { font-size: 16px; } .header__profile { width: 220px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header__account { margin-right: 24px; } .header__basket { position: relative; } .header__basket-num { background: #fe9c71; width: 24px; height: 24px; border-radius: 50%; position: absolute; top: -3px; left: -13px; opacity: 0; visibility: hidden; } .header__basket-num span { font-size: 14px; line-height: 19px; color: #fff; letter-spacing: 0.0025em; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 600; } .header__bottom-wrapper { width: 100%; padding: 13px 0; max-height: 52px; position: relative; } .header__bottom-wrapper .top-line, .header__bottom-wrapper .bottom-line { position: absolute; background-color: #4f361c; display: block; height: 1px; left: 0; right: 0; -webkit-transition: background-color 0.2s linear, left 0.3s linear, right 0.3s linear, height 0.3s ease-in-out; -o-transition: background-color 0.2s linear, left 0.3s linear, right 0.3s linear, height 0.3s ease-in-out; transition: background-color 0.2s linear, left 0.3s linear, right 0.3s linear, height 0.3s ease-in-out; } .header__bottom-wrapper .top-line { top: 0; } .header__bottom-wrapper .bottom-line { bottom: 0; } .header__bottom-wrapper--active .top-line, .header__bottom-wrapper--active .bottom-line { background-color: #fe9c71 !important; height: 2px; -webkit-transition: background-color 0.3s linear, left 0.6s linear, right 0.6s linear, height 0.6s ease-in-out; -o-transition: background-color 0.3s linear, left 0.6s linear, right 0.6s linear, height 0.6s ease-in-out; transition: background-color 0.3s linear, left 0.6s linear, right 0.6s linear, height 0.6s ease-in-out; } .header__bottom-link { padding: 14px 0; max-height: 52px; } .header__info-block { display: none; height: 54px; } .header__message { height: 100%; background: #5e7b9a; position: relative; opacity: 0; visibility: hidden; } .header__message-text { color: #fff; letter-spacing: 0.0015em; line-height: 19px; } .btn-close { position: absolute; right: 20px; top: 14px; cursor: pointer; } .media { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; max-width: 232px; margin-top: 0; } .media__link { margin-right: 16px; width: 32px; height: 32px; border: 2px solid transparent; -webkit-transition: border 0.3s linear, background-color 0.3s linear; -o-transition: border 0.3s linear, background-color 0.3s linear; transition: border 0.3s linear, background-color 0.3s linear; } .media__link:hover { border: 2px solid #fff; } .media__link svg path { -webkit-transition: fill 0.3s linear, stroke 0.3s linear; -o-transition: fill 0.3s linear, stroke 0.3s linear; transition: fill 0.3s linear, stroke 0.3s linear; } .media__link:focus, .media__link:active, .media__link:focus-within { background-color: #fff; } .media__link:focus svg path:not(.icon__eye), .media__link:active svg path:not(.icon__eye), .media__link:focus-within svg path:not(.icon__eye) { fill: #9a7d5e; } .media__link:focus .icon__eye, .media__link:active .icon__eye, .media__link:focus-within .icon__eye { stroke: #9a7d5e; } .media__link:last-child { margin-right: 0; } .logo { max-width: 220px; height: 56px; } .main { position: relative; z-index: 10; background-image: url("/local/templates/upfly/css/../images/main-bg.webp"); /* */ background-repeat: no-repeat; background-size: cover; background-position: 50% 72%; height: calc(100vh - 184px); padding: 28px 0 80px 0; } .main::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0.55; background: #4f361c; } .main__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; height: 100%; } .main__first-hide { display: -webkit-box; display: -ms-flexbox; display: inline-flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fp-tableCell { display: inline-flex !important; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .main__title { font-weight: 700; font-size: 64px; line-height: 76px; text-align: center; letter-spacing: -0.005em; color: #fefefe; max-width: 800px; width: 100%; margin-bottom: 134px; } .main__info { display: -webkit-box; display: -ms-flexbox; display: flex; } .main__text-box { max-width: 220px; width: 100%; margin-right: 96px; } .main__text-box:last-child { margin-right: 0; } .main__text-box--sm { max-width: 175px; } .main__text { font-weight: 400; font-size: 28px; line-height: 33px; letter-spacing: 0.005em; color: #fefefe; } .main__btns { display: -webkit-box; display: -ms-flexbox; display: flex; } .main__btns .blank-link__link--orange { margin-right: 24px; } .vibe .title-wrapper { margin-bottom: 26px; } .vibe__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .vibe__text { max-width: 745px; width: 100%; text-align: center; } .vibe__text p { font-size: 20px; line-height: 24px; letter-spacing: 0.0015em; color: #4f361c; font-weight: 400; } .vibe__items { margin-top: 60px; max-width: 1560px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; height: 942px; overflow: hidden; } .vibe__left { max-width: 920px; width: 100%; margin-right: 24px; } .vibe__right { max-width: 604px; width: 100%; overflow: hidden; } .vibe__mini-slider { display: none; } .vibe__mt { margin-top: 26px; } .vibe__mb { margin-bottom: 26px; } .vibe__photo-md, .vibe__photo-big, .vibe__photo-sm, .vibe__photo-bmd { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: auto; } .vibe__photo-md { width: 448px; height: 260px; } .vibe__photo-md img { height: auto; width: 100%; } .vibe__photo-big { max-width: 924px; height: 655px; } .vibe__photo-sm { width: 290px; height: 180px; } .vibe__photo-sm img { height: auto; width: 100%; } .vibe__photo-bmd { width: 608px; height: 355px; } .vibe__photo-bmd img { height: 100%; width: auto; width: 100%; } .rest-menu .title-wrapper { margin-bottom: 60px; } .rest-menu__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .rest-menu__icons { max-width: 1560px; } .rest-menu__icon { max-width: 292px; width: 100%; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .rest-menu__icon div { margin-bottom: 8px; } .rest-menu__icon span { display: block; width: 100%; } .rest-menu__icon:nth-child(1) span { max-width: 125px; } .rest-menu__icon:nth-child(2) span { max-width: 240px; } .rest-menu__icon:nth-child(3) span { max-width: 190px; } .rest-menu__slider { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; width: 100% !important; position: relative; z-index: 1; } .rest-menu__slider:hover .menu__arr-left, .rest-menu__slider:hover .menu__arr-right { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .rest-menu__slider .slick-list .slick-track .slick-slide { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; } .rest-menu__slider .slick-list .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .rest-menu .slick-dots { margin-top: 32px; } .rest-menu .blank-link__wrapper { margin-top: 60px; } .rest-menu__slider .rest-menu__img { margin: 0 12px; } .rest-menu__img { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; width: 608px !important; height: 400px; overflow: hidden; } .rest-menu__img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .rest-menu__img-mob { display: none !important; } .rest-menu__items { max-width: 1240px; width: 100%; margin: 132px auto 0 auto; } .rest-menu__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 132px; } .rest-menu__item:last-child { margin-bottom: 0; } .rest-menu__item:last-child .rest-menu__img { margin-right: 0; margin-left: 24px; } .rest-menu__item-box { max-width: 608px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding-top: 22px; } .rest-menu__item-box .rest-menu__img { display: none; } .rest-menu__item-box .section-title { margin-bottom: 90px; } .rest-menu__item-box p { max-width: 360px; width: 100%; font-size: 20px; line-height: 24px; letter-spacing: 0.0015em; color: #4f361c; font-weight: 400; } .rest-menu__item:nth-child(2) .rest-menu__item-box p { max-width: 330px; } .menu__arr-left, .menu__arr-right { position: absolute; top: 0; z-index: 100; height: 400px; cursor: pointer; width: 64px; background-color: rgba(79, 54, 28, 0.2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: -webkit-transform 0.3s linear; transition: -webkit-transform 0.3s linear; -o-transition: transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; } .menu__arr-left { left: 0px; -webkit-transform: translateX(-65px); -ms-transform: translateX(-65px); transform: translateX(-65px); padding-left: 22px; } .menu__arr-right { right: 0px; -webkit-transform: translateX(65px); -ms-transform: translateX(65px); transform: translateX(65px); padding-left: 27px; } .arr { position: relative; } .arr::before, .arr::after { content: ""; position: absolute; background-color: #fff; height: 2px; width: 12px; } .arr::before { left: 0; top: 0; } .arr::after { right: 0; top: 0; } .wine-cart__inner { background-color: rgba(229, 229, 229, 0.7); padding: 26px 0 64px 0; } .wine-cart .section-title { margin-bottom: 20px; } .wine-cart__items { margin-top: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 120px 100px 120px; } .wine-cart__item { max-width: 230px; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .wine-cart__item p { font-size: 20px; line-height: 24px; letter-spacing: 0.0015em; color: #4f361c; font-weight: 400; } .wine-cart__icon { margin-bottom: 8px; max-width: 104px; height: 104px; } .training__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .training .title-wrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-right: 450px; } .training .title-wrapper .section-title { margin-bottom: 44px; } .training .title-wrapper .text-20 { font-weight: 500; } .training .blank-link__wrapper { margin-top: 60px; } .training__box { margin-top: 60px; background: rgba(32, 19, 5, 0.07); border-radius: 30px 0px; max-width: 924px; width: 100%; padding: 46px 0; } .training__box ul li { position: relative; margin-bottom: 20px; } .training__box ul li::before { position: absolute; left: -80px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ""; width: 64px; height: 2px; background-color: #4f361c; } .training__box ul li:last-child { margin-bottom: 0; } .training__box ul li span { font-size: 20px; line-height: 24px; letter-spacing: 0.0015em; color: #4f361c; font-weight: 400; } .contacts__inner { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .contacts__info { max-width: 656px; width: 100%; margin-right: 150px; } .contacts__info .title-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 42px; } .contacts__info .vibe__text { text-align: left; max-width: 568px; width: 100%; margin-bottom: 54px; } .contacts__lines { max-width: 636px; width: 100%; } .contacts__line { margin-bottom: 30px; } .contacts__line .text-20 { margin-right: 10px; } .contacts__line:last-child { margin-bottom: 0; } .contacts__line-content { max-width: 410px; width: 100%; } .contacts .media { max-width: 242px; } .contacts__media-link { width: 40px; height: 40px; border: 2px solid #9a7d5e; -webkit-transition: background-color 0.3s linear, border 0.3s linear; -o-transition: background-color 0.3s linear, border 0.3s linear; transition: background-color 0.3s linear, border 0.3s linear; } .contacts__media-link:hover { background-color: #9a7d5e; border: 2px solid #9a7d5e; } .contacts__media-link:hover svg path:not(.icon__eye) { fill: #fff; } .contacts__media-link:hover .icon__eye { stroke: #fff; } .contacts__media-link svg path { -webkit-transition: fill 0.3s linear, stroke 0.3s linear; -o-transition: fill 0.3s linear, stroke 0.3s linear; transition: fill 0.3s linear, stroke 0.3s linear; } .contacts__media-link:focus, .contacts__media-link:active, .contacts__media-link:focus-within { background-color: #9a7d5e; border: 2px solid #9a7d5e; } .contacts__media-link:focus svg path:not(.icon__eye), .contacts__media-link:active svg path:not(.icon__eye), .contacts__media-link:focus-within svg path:not(.icon__eye) { fill: #fff; } .contacts__media-link:focus .icon__eye, .contacts__media-link:active .icon__eye, .contacts__media-link:focus-within .icon__eye { stroke: #fff; } .contacts__map { max-width: 1080px; width: 100%; height: 456px; margin-top: 20px; } .order { padding: 132px 0; } .order__form { max-width: 1240px; width: 100%; height: 815px; padding: 26px 0 32px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; z-index: 10; background-image: url("/local/templates/upfly/css/../images/form-bg.jpg"); background-repeat: no-repeat; background-size: cover; } .order__form::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: -webkit-gradient( linear, left top, left bottom, color-stop(21.35%, #4f361c), to(rgba(79, 54, 28, 0)) ); background: -o-linear-gradient(top, #4f361c 21.35%, rgba(79, 54, 28, 0) 100%); background: linear-gradient(180deg, #4f361c 21.35%, rgba(79, 54, 28, 0) 100%); opacity: 0.3; } .order .title-wrapper { margin-bottom: 50px; } .order .title-wrapper .section-title { font-weight: 400; margin-bottom: 25px; } .order .title-wrapper .vibe__text { max-width: 500px; width: 100%; text-align: center; } .order .title-wrapper .vibe__text p { font-weight: 400; color: #fff; } .form { background: rgba(79, 54, 28, 0.85); border-radius: 30px 0px; max-width: 464px; width: 100%; padding: 32px 48px 48px 48px; } .form__item { margin-bottom: 16px; } .form__input, .form__textarea { background: #ffffff; border: 1px solid #9a7d5e; border-radius: 4px; width: 100%; padding: 15px 10px; height: 56px; color: #4f361c; text-align: center; } .form__input:focus, .form__textarea:focus { outline: none; } .form__input::-webkit-input-placeholder, .form__textarea::-webkit-input-placeholder { color: rgba(79, 54, 28, 0.5); } .form__input::-moz-placeholder, .form__textarea::-moz-placeholder { color: rgba(79, 54, 28, 0.5); } .form__input:-ms-input-placeholder, .form__textarea:-ms-input-placeholder { color: rgba(79, 54, 28, 0.5); } .form__input::-ms-input-placeholder, .form__textarea::-ms-input-placeholder { color: rgba(79, 54, 28, 0.5); } .form__input::placeholder, .form__textarea::placeholder { color: rgba(79, 54, 28, 0.5); } .form__textarea { min-height: 120px; max-height: 145px; resize: none; position: relative; z-index: 1; } .form__textarea:focus::-webkit-input-placeholder { color: transparent; } .form__textarea:focus::-moz-placeholder { color: transparent; } .form__textarea:focus:-moz-placeholder { color: transparent; } .form__textarea:focus:-ms-input-placeholder { color: transparent; } .form__calc span { color: #fff; display: block; max-width: 195px; width: 100%; } .form__placeholder { text-align: left; } .form__placeholder:-moz-placeholder { text-align: center; } .form__placeholder::-moz-placeholder { text-align: center; } .form__placeholder:-ms-input-placeholder { text-align: center; } .form__placeholder::-webkit-input-placeholder { text-align: center; } .form__input-num { max-width: 68px; margin: 0 18px; } .form__input-date, .form__input-time { width: 50%; max-width: 176px; } .form__btn-minus, .form__btn-plus { border: none; padding: 0; margin: 0; background: transparent; cursor: pointer; width: 32px; height: 32px; border: 2px solid transparent; -webkit-transition: border 0.3s linear, background-color 0.3s linear; -o-transition: border 0.3s linear, background-color 0.3s linear; transition: border 0.3s linear, background-color 0.3s linear; } .form__btn-minus svg path, .form__btn-plus svg path { -webkit-transition: fill 0.3s linear; -o-transition: fill 0.3s linear; transition: fill 0.3s linear; } .form__btn-minus:hover, .form__btn-plus:hover { border: 2px solid #fff; } .form__btn-minus:focus, .form__btn-minus:active, .form__btn-minus:focus-within, .form__btn-plus:focus, .form__btn-plus:active, .form__btn-plus:focus-within { background-color: #fff; } .form__btn-minus:focus svg path, .form__btn-minus:active svg path, .form__btn-minus:focus-within svg path, .form__btn-plus:focus svg path, .form__btn-plus:active svg path, .form__btn-plus:focus-within svg path { fill: #9a7d5e; } .form__btn-box { padding-top: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form__btn-box .blank-link__link { cursor: pointer; max-width: 312px; width: 100%; color: #fff; font-weight: 400; font-size: 16px; line-height: 16px; letter-spacing: 0.005em; text-transform: uppercase; } .custom-scrollbar { /* ползунок скроллбара */ /* Стрелки */ } .custom-scrollbar::-webkit-scrollbar { width: 3px; /* ширина для вертикального скролла */ background-color: transparent; border-right: 1px solid #4f361c; } .custom-scrollbar::-webkit-scrollbar-thumb { background-color: #4f361c; width: 2px; } .custom-scrollbar::-webkit-scrollbar-thumb:hover { background-color: #253861; } .custom-scrollbar::-webkit-scrollbar-button:vertical:start:decrement { width: 0; height: 0; } .custom-scrollbar::-webkit-scrollbar-button:vertical:end:increment { width: 0; height: 0; } .custom-scrollbar::-webkit-scrollbar-button:horizontal:start:decrement { width: 0; height: 0; } .custom-scrollbar::-webkit-scrollbar-button:horizontal:end:increment { width: 0; height: 0; } .custom-scrollbar--white::-webkit-scrollbar { border-right: 1px solid #fff !important; } .custom-scrollbar--white::-webkit-scrollbar-thumb { background-color: #fff !important; } .footer { background: rgba(229, 229, 229, 0.7); padding: 56px 0 26px 0; } .footer__top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .footer__top-item { display: flex; flex-direction: column; align-items: flex-start; padding-top: 6px; max-width: 510px; width: 100%; } .footer__top-item.footer__top-item--end { align-items: flex-end; } .footer__info { max-width: 232px; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__info .media { max-width: 100%; margin-top: 40px; justify-content: center; } .footer__text { margin-top: 44px; } .footer__text p { font-size: 16px; line-height: 22px; letter-spacing: 0.005em; color: #4f361c; font-weight: 400; } .footer__wrapper { margin-top: 44px; } .footer__items { max-width: 440px; } .footer__item--big { max-width: 155px; height: 40px; } .footer__item--small { max-width: 56px; height: 36px; } .float-right { float: right; } .float-left { float: left; } .border-r--tr { border-top-right-radius: 30px; } .border-r--br { border-bottom-right-radius: 30px; } .border-r--tl { border-top-left-radius: 30px; } .border-r--bl { border-bottom-left-radius: 30px; } .blank-link__wrapper { margin-top: 104px; } .blank-link__link { text-transform: uppercase; border: 2px solid #fa6626; border-radius: 50px; background-color: #fff; padding: 16px 40px; text-align: center; height: 52px; -webkit-transition: color 0.3s linear, text-shadow 0.3s linear, border 0.3s linear, background-color 0.3s linear; -o-transition: color 0.3s linear, text-shadow 0.3s linear, border 0.3s linear, background-color 0.3s linear; transition: color 0.3s linear, text-shadow 0.3s linear, border 0.3s linear, background-color 0.3s linear; -webkit-transition: color 0.3s linear, text-shadow 0.4s linear, border 0.3s linear, background-color 0.3s linear; } .blank-link__link:hover:not(.blank-link__link--orange):not(.blank-link__link--transparent) { color: #291c0d; border: 2px solid #f3530f; text-shadow: 0 0 0.55px #291c0d, 0 0 0.55px #291c0d; -webkit-text-shadow: 0 0 0.65px #291c0d, 0 0 0.65px #291c0d; } .blank-link__link:focus:not(.blank-link__link--orange):not(.blank-link__link--transparent), .blank-link__link:active:not(.blank-link__link--orange):not(.blank-link__link--transparent), .blank-link__link:focus-within:not(.blank-link__link--orange):not( .blank-link__link--transparent ) { background-color: rgba(210, 79, 23, 0.08); border: 2px solid #d24f17; color: #4f361c; text-shadow: none; } .blank-link__link--orange { background-color: #fa6f33; -webkit-transition: background-color 0.3s linear, border 0.3s linear; -o-transition: background-color 0.3s linear, border 0.3s linear; transition: background-color 0.3s linear, border 0.3s linear; } .blank-link__link--orange:hover { background-color: #f3530f; border: 2px solid #f3530f; } .blank-link__link--orange:focus, .blank-link__link--orange:active, .blank-link__link--orange:focus-within { background-color: #d24f17; border: 2px solid #d24f17; } .blank-link__link--orange .text-16 { color: #fff; } .blank-link__link--transparent { background-color: transparent; color: #fff; } .blank-link__link--transparent:hover { border: 2px solid #f3530f; } .blank-link__link .text-16 { font-weight: 400; text-transform: uppercase; line-height: 19px; } .title-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .section-title { font-weight: 300; font-size: 40px; line-height: 48px; letter-spacing: 0.0025em; color: #fa6626; } .section-title--italic { font-style: italic; } .section-subtitle { font-weight: 600; font-size: 28px; line-height: 33px; letter-spacing: 0.0025em; color: #fa6626; } .section-mt { margin-top: 106px; } .section-mt--big { margin-top: 132px; } .visible { opacity: 1; visibility: visible; } .hidden { opacity: 0; visibility: hidden; } .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 15px; } .slick-dots li { cursor: pointer; width: 10px; margin-right: 25px; } .slick-dots li:first-child button { margin-left: 0; } .slick-dots .slick-active button { background-color: #fa6626; border: 2px solid #fa6626; } .slick-dots li button { font-size: 0; border: none; background-color: #fff; height: 8px; width: 8px; border: 2px solid #c4c4c4; border-radius: 50%; padding: 2px; cursor: pointer; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: background-color 0.2s linear, border 0.2s linear, -webkit-transform 0.2s linear; transition: background-color 0.2s linear, border 0.2s linear, -webkit-transform 0.2s linear; -o-transition: background-color 0.2s linear, border 0.2s linear, transform 0.2s linear; transition: background-color 0.2s linear, border 0.2s linear, transform 0.2s linear; transition: background-color 0.2s linear, border 0.2s linear, transform 0.2s linear, -webkit-transform 0.2s linear; } .animatedDot { -webkit-transform: scale(1.5) !important; -ms-transform: scale(1.5) !important; transform: scale(1.5) !important; background-color: #fa6626 !important; border: 2px solid #fa6626 !important; -webkit-transition: background-color 0.2s linear, border 0.2s linear, -webkit-transform 0.2s linear; transition: background-color 0.2s linear, border 0.2s linear, -webkit-transform 0.2s linear; -o-transition: background-color 0.2s linear, border 0.2s linear, transform 0.2s linear; transition: background-color 0.2s linear, border 0.2s linear, transform 0.2s linear; transition: background-color 0.2s linear, border 0.2s linear, transform 0.2s linear, -webkit-transform 0.2s linear; } .icon-map { width: 110px; height: 50px; background: #ffffff; border: 2px solid #9a7d5e; border-radius: 0px 30px 0px 0px; font-size: 13px; line-height: 22px; letter-spacing: 0.004em; color: #4f361c; font-weight: 400; } .header-fixed { background-color: rgba(79, 54, 28, 0.75); width: 100%; height: 144px; position: fixed; top: -144px; left: 0; z-index: 1000; -webkit-transition: top 0.4s linear; -o-transition: top 0.4s linear; transition: top 0.4s linear; } .header-fixed__logo { max-width: 152px; height: 52px; } .header-fixed__menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header-fixed__mob { display: none; } .header-fixed .header__profile { width: 152px; } .header-fixed .header__middle-link span, .header-fixed .header__bottom-link span { color: #fff; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .header-fixed .header__middle-link:hover span, .header-fixed .header__bottom-link:hover span { color: #fe9c71; } .header-fixed .header__middle-link::before, .header-fixed .header__middle-link::after, .header-fixed .header__bottom-link::before, .header-fixed .header__bottom-link::after { content: none; } .header-fixed.fixed-hide { top: -144px; -webkit-transition: top 0.4s linear; -o-transition: top 0.4s linear; transition: top 0.4s linear; } .header-fixed.fixed-show { top: 0px; -webkit-transition: top 0.4s linear; -o-transition: top 0.4s linear; transition: top 0.4s linear; } .header__mob-logo { max-width: 172px; height: 55px; margin: 0 auto; } .header__mob-inner { position: relative; } .menu-mob { position: fixed; left: 0; top: 0; z-index: 400; overflow: hidden; height: 100vh; max-width: 100%; width: 100%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 1s linear; transition: -webkit-transform 1s linear; -o-transition: transform 1s linear; transition: transform 1s linear; transition: transform 1s linear, -webkit-transform 1s linear; display: -webkit-box; display: -ms-flexbox; display: flex; } .menu-mob--active { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .menu-mob .logo-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .menu-mob__wrapper { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 260px; width: 100%; } .menu-mob__info { max-width: 415px; width: 100%; padding: 48px 0 40px 0; background-color: #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; z-index: 50; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 1s linear; transition: -webkit-transform 1s linear; -o-transition: transform 1s linear; transition: transform 1s linear; transition: transform 1s linear, -webkit-transform 1s linear; } .menu-mob__info--active { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .menu-mob__links { position: relative; background-image: url("/local/templates/upfly/css/../images/test-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 1s linear; transition: -webkit-transform 1s linear; -o-transition: transform 1s linear; transition: transform 1s linear; transition: transform 1s linear, -webkit-transform 1s linear; z-index: -1; padding: 48px 0 30px 0; } .menu-mob__links--active { z-index: 10; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .menu-mob__links::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0.48; background: #4f361c; } .menu-mob__links .header__middle-menu, .menu-mob__links .header__bottom-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .menu-mob__links .header__bottom-link, .menu-mob__links .header__middle-link { margin-right: 0; padding: 0; margin-bottom: 40px; } .menu-mob__links .header__bottom-link span, .menu-mob__links .header__middle-link span { color: #fff; font-weight: 600; -webkit-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; } .menu-mob__links .header__bottom-link::before, .menu-mob__links .header__bottom-link::after, .menu-mob__links .header__middle-link::before, .menu-mob__links .header__middle-link::after { content: none; } .menu-mob__links .header__bottom-link:focus span, .menu-mob__links .header__bottom-link:active span, .menu-mob__links .header__bottom-link:focus-within span, .menu-mob__links .header__middle-link:focus span, .menu-mob__links .header__middle-link:active span, .menu-mob__links .header__middle-link:focus-within span { color: #fe9c71; } .menu-mob__links .header__bottom-link:last-child, .menu-mob__links .header__middle-link:last-child { margin-bottom: 0; } .menu-mob__links-left, .menu-mob__links-right { width: 150px; } .menu-mob .header__top-link { color: #fe9c71; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .menu-mob .header__top-link span { color: #fe9c71; } .menu-mob__deliv { margin: auto 0 45px 0px; } .menu-mob .menu-mob__deliv-line { margin: 4px 18px 4px 0; width: 27px; height: 2px; display: block; background: #9a7d5e; position: relative; } .menu-mob .menu-mob__deliv-line::before, .menu-mob .menu-mob__deliv-line::after { content: ""; left: 0; height: 2px; display: block; background: #9a7d5e; position: absolute; } .menu-mob .menu-mob__deliv-line::before { top: 4px; width: 18px; } .menu-mob .menu-mob__deliv-line::after { bottom: 4px; width: 40px; } .menu-mob__links-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; overflow-y: auto; max-height: 600px; height: 100%; -ms-overflow-style: none; scrollbar-width: none; width: 100%; } .trans-logo { display: none; } .trans-logo__img { -webkit-animation: fadeIn 0.3s; animation: fadeIn 0.3s; max-width: 405px; height: 140px; top: auto; -webkit-transition: -webkit-transform 0.5s linear, top 0.5s linear; transition: -webkit-transform 0.5s linear, top 0.5s linear; -o-transition: transform 0.5s linear, top 0.5s linear; transition: transform 0.5s linear, top 0.5s linear; transition: transform 0.5s linear, -webkit-transform 0.5s linear; } .trans-logo__img--small { -webkit-transform: scale(0.42); -ms-transform: scale(0.42); transform: scale(0.42); } .trans-logo__img--pos { left: -5%; right: -5%; margin: auto; position: fixed; top: 0; } .display-none { display: none !important; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } .orientation { display: none; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.5); } @keyframes rotate_mob { from { -webkit-transform: rotate(116deg); -moz-transform: rotate(116deg); -ms-transform: rotate(116deg); -o-transform: rotate(116deg); transform: rotate(116deg); } to { -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); } } .orientation span { font-size: 18px; font-weight: 500; } .orientation svg { width: 64px; height: 64px; margin-top: 20px; -webkit-transform: rotate(115deg); -moz-transform: rotate(115deg); -ms-transform: rotate(115deg); -o-transform: rotate(115deg); transform: rotate(115deg); animation: rotate_mob 1.5s infinite ease-in-out; } .orientation svg > * { fill: #fff; } @keyframes opacity_arr1 { from { opacity: 1; } 70% { opacity: 0; } to { opacity: 0; } } @keyframes opacity_arr2 { from { opacity: 0; } 70% { opacity: 1; } to { opacity: 1; } } .orientation svg #arr1 { opacity: 1; animation: opacity_arr1 1.5s infinite ease-out; } .orientation svg #arr2 { opacity: 0; animation: opacity_arr2 1.5s infinite ease-in; } .modal { display: none; overflow: hidden; width: 428px; min-height: 513px; background-color: #f4f5f7; padding: 40px 20px 32px 20px; position: relative; } .modal__window-name { font-weight: 800; font-size: 96px; line-height: 54px; letter-spacing: 0.5em; color: #ffffff; position: absolute; top: 0; left: -25px; cursor: default; } .modal__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 8px 0 14px; margin-bottom: 32px; padding-bottom: 12px; position: relative; } .modal__tabs::before { content: ""; background-color: rgba(79, 54, 28, 0.36); position: absolute; bottom: 0; width: 94%; height: 1px; } .modal__link { font-weight: normal; font-size: 36px; line-height: 43px; letter-spacing: 0.0025em; color: rgba(79, 54, 28, 0.36); } .modal__link--active { color: #fa6626; position: relative; } .modal__link--active::before { content: ""; background-color: #9a7d5e; position: absolute; bottom: -12px; width: 100%; height: 2px; } .modal__form { border: 1px solid #4f361c; padding: 40px 26px; } .modal__input { height: 48px; padding: 12px 10px; font-size: 16px; line-height: 22px; letter-spacing: 0.005em; } .modal__link-forget { font-style: italic; font-weight: normal; font-size: 14px; line-height: 17px; letter-spacing: 0.0025em; margin-top: 16px; color: #fa6f33; } .modal__btn-box { padding-top: 0; margin-top: 40px; } .modal__btn-box .blank-link__link { max-width: 100%; height: 48px; font-size: 14px; line-height: 13px; letter-spacing: 0.0125em; } .modal__input--req { position: relative; } .modal__input--req::before { content: "*"; position: absolute; right: 5px; top: 6px; color: #4f361c; } .modal__note, .modal__helper { font-size: 14px; line-height: 17px; letter-spacing: 0.0025em; color: #4f361c; margin-bottom: 16px; } .modal__helper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 4px 0; } .modal__notes { font-style: italic; font-weight: normal; font-size: 14px; line-height: 17px; letter-spacing: 0.0025em; color: #5e7b9a; max-width: 315px; width: 100%; margin-top: 4px; height: 34px; } .modal__prev-text { -webkit-animation: fadeIn 0.5s; animation: fadeIn 0.5s; } .modal__new-text { -webkit-animation: fadeIn 0.5s; animation: fadeIn 0.5s; } .modal .form__item { position: relative; } .modal__change-link { font-size: 14px; line-height: 17px; letter-spacing: 0.0025em; color: #fe9c71; position: absolute; right: 8px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .modal__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .modal__icon div { background-color: #fff; border-radius: 50%; max-width: 32px; height: 32px; } .modal--hidden { display: none !important; } .modal--reg .modal__form { padding: 16px 26px; } .modal--reg .modal__btn-box { margin-top: 16px; } .modal--reg .custom-checkbox > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .modal--reset .modal__window-name { left: -34px; } .modal--reset .modal__tabs { margin-bottom: 3px; padding-bottom: 0; } .modal--reset .modal__tabs::before { content: none; } .modal--reset .modal__tab { color: #fa6626; } .modal--reset .modal__btn-box { margin-top: 37px; } .modal--reset .form__item { margin-bottom: 0; } .modal--change .modal__btn-box { margin-top: 42px; -webkit-animation: fadeIn 0.5s; animation: fadeIn 0.5s; } .modal--change .modal__note { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; margin: 8px 0 40px 0; } .modal--change .modal__note span { display: block; max-width: 315px; width: 100%; } .modal--change .modal__content { height: 353px; } .modal--change .modal__form { height: 100%; } .modal--success .modal__window-name { left: -137px; } .modal--success .modal__tabs { margin-bottom: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .modal--success .form__input-num { margin: 0; max-width: 100%; } /* для элемента input c type="checkbox" */ .custom-checkbox { cursor: pointer; width: 100%; } .custom-checkbox > input { position: absolute; z-index: -1; opacity: 0; } /* для элемента label, связанного с .custom-checkbox */ .custom-checkbox > span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .custom-checkbox > span span { margin-top: 2px; } .custom-checkbox > span a { color: #5e7b9a; font-style: italic; display: inline; } /* создание в label псевдоэлемента before со следующими стилями */ .custom-checkbox > span::before { content: ""; display: inline-block; width: 24px; height: 24px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; border: 1px solid #9a7d5e; background-color: #fff; margin-right: 8px; background-repeat: no-repeat; background-position: 48% center; } /* стили для чекбокса, находящегося в состоянии checked */ .custom-checkbox > input:checked:not(.filter-category__checkbox) + span::before { background-image: url("/local/templates/upfly/css/../images/custom-checkbox.png"); } .filter__checkbox-text { font-size: 14px; line-height: 17px; letter-spacing: 0.0025em; color: #4f361c; } .fancybox-can-swipe .fancybox-content { cursor: default !important; } .fancybox-is-open .fancybox-bg { background: #4f361c; opacity: 0.53; } .modal.fancybox-content { position: relative !important; } .modal .fancybox-button svg path { fill: #9a7d5e; } .modal .fancybox-close-small { opacity: 1; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } /* End */ /* Start:/local/templates/upfly/css/media.css?173038113247021*/ html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::after, *::before { -webkit-box-sizing: inherit; box-sizing: inherit; } body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, figcaption, blockquote, dl, dd { margin: 0; } ul[class] { list-style: none; } input, button, textarea, select { font: inherit; } a { text-decoration: none; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } a { text-decoration: none; color: inherit; display: inline-block; } ul, li { margin: 0; padding: 0; list-style: none; } h1, h2, h3, h4, h5, h6 { margin: 0; } p { margin: 0; } button { outline: none; } body { font-family: "Inter", sans-serif; font-size: 17px; line-height: 22px; overflow-x: hidden; position: relative; background: #fff; color: #4f361c; background-repeat: no-repeat; background-size: cover; } .container { max-width: 1900px; width: 100%; padding: 0 15px; margin: 0 auto; } .footer { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header__mobile { display: none; } @media (max-width: 1600px) { .contacts__info { margin-right: 100px; } .vibe__items { max-width: 1360px; } .vibe__left { max-width: 748px; } .vibe__right { max-width: 568px; } .vibe__photo-md { width: 362px; } .vibe__photo-md img { height: 100%; width: auto; } .vibe__photo-big { max-width: 750px; } .vibe__photo-sm { width: 270px; } } @media (max-width: 1500px) { .footer__top-item { max-width: 440px; } .header .text-17 { font-size: 15px; line-height: 20px; } .header-fixed .header__middle-link span, .header-fixed .header__bottom-link span { font-size: 18px; } } @media (max-width: 1366px) { .container { max-width: 1350px; } .text-17 { letter-spacing: 0.0025em; } .text-20 { font-size: 16px; line-height: 22px; letter-spacing: 0.005em; } .section-title { font-size: 36px; line-height: 42px; } .vibe__text p { font-size: 16px; line-height: 22px; letter-spacing: 0.005em; } .header__wrapper { max-height: 40px; } .header .text-17 { font-size: 14px; line-height: 16px; } .header .media { max-width: 190px; } .header .media__link { width: 30px; height: 30px; } .header__profile { width: 200px; } .header__account svg, .header__basket svg { width: 32px; height: 32px; } .header__middle-wrapper { padding: 24px 0; max-height: 115px; } .header__bottom-wrapper { max-height: 48px; } .header__message-text { font-size: 14px; line-height: 16px; } .header__info-block { height: 48px; } .header__phone-text { padding-left: 8px; } .btn-close svg { width: 16px; height: 16px; } .header-fixed { height: 104px; top: -104px; } .header-fixed .header__middle-link span, .header-fixed .header__bottom-link span { font-size: 16px; line-height: 19px; } .header-fixed .header__profile { width: initial; } .header-fixed__logo { max-width: 139px; height: 47px; } .header-fixed__logo img { height: 100%; max-width: none; width: 100%; } .header-fixed.fixed-hide { top: -104px; } .header-fixed.fixed-show { top: 0px; } .header__middle-link, .header__bottom-link { margin-right: 16px; } .main { height: calc(100vh - 249px); padding: 10px 0 48px 0; } .main__title { font-size: 56px; line-height: 67px; max-width: 700px; margin-bottom: 40px; } .main__text-box { max-width: 190px; margin-right: 85px; } .main__text-box--sm { max-width: 150px; } .main__text { font-size: 24px; line-height: 29px; } .blank-link__link--transparent { font-size: 14px; line-height: 17px; } .vibe .title-wrapper { margin-bottom: 22px; } .vibe__text { max-width: 600px; } .vibe__items { max-width: 1100px; margin-top: 105px; height: 860px; } .vibe__left { max-width: 650px; } .vibe__right { max-width: 425px; } .vibe__photo-md { width: 312px; height: 238px; } .vibe__photo-big { max-width: 648px; height: 598px; } .vibe__photo-sm { max-width: 200px; height: 164px; } .vibe__photo-sm img { height: 100%; width: auto; } .vibe__photo-bmd { width: 424px; height: 324px; } .vibe__mb { margin-bottom: 24px; } .vibe__mt { margin-top: 24px; } .rest-menu .title-wrapper { margin-bottom: 22px; } .rest-menu__slider { margin-top: 60px; } .rest-menu__slider .rest-menu__img { width: 608px !important; height: 400px; margin-right: 0; } .rest-menu__slider .rest-menu__img { margin: 0 12px; } .rest-menu__icons { max-width: 1096px; } .rest-menu__icon { max-width: 190px; } .rest-menu__icon div { margin-bottom: 7px; } .rest-menu__icon div svg { width: 96px; height: 96px; } .rest-menu__items { margin: 120px auto 0 auto; max-width: 1096px; } .rest-menu__item { margin-bottom: 120px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .rest-menu__item:last-child .rest-menu__img { margin-right: 0; } .rest-menu__img { width: 648px !important; height: 424px; } .rest-menu__item-box { max-width: 290px; } .rest-menu__item-box p { font-size: 16px; line-height: 22px; max-width: 290px; padding-bottom: 21px; } .rest-menu__item-box .section-title { margin-bottom: 125px; } .wine-cart__inner { padding: 22px 0 60px 0; } .wine-cart .section-title { margin-bottom: 16px; } .wine-cart__items { margin-top: 120px; padding: 0 70px 60px 70px; } .wine-cart__item { max-width: 190px; } .wine-cart__item p { font-size: 16px; line-height: 22px; } .wine-cart__icon { margin-bottom: 7px; max-width: 96px; height: 96px; } .training .title-wrapper { margin-right: 350px; } .training .title-wrapper .section-title { margin-bottom: 36px; } .training .title-wrapper .text-20 { font-size: 18px; line-height: 22px; } .training__box { margin-top: 50px; max-width: 650px; padding: 35px 0; } .training__box ul { padding-left: 80px; } .training__box ul li { margin-bottom: 16px; } .training__box ul li::before { width: 40px; left: -50px; } .training__box ul li span { font-size: 16px; line-height: 22px; } .training .blank-link__wrapper { margin-top: 55px; } .contacts__info { margin-right: 100px; max-width: 525px; } .contacts__info .vibe__text { max-width: 460px; margin-bottom: 42px; } .contacts__line { margin-bottom: 25px; } .contacts__line-content { max-width: 380px; } .contacts__map { max-width: 648px; height: 415px; } .contacts .title-wrapper { margin-bottom: 38px; } .order { padding: 120px 0; } .order__form { max-width: 1096px; height: 736px; padding: 22px 0 30px 0; } .order .title-wrapper { margin-bottom: 44px; } .order .title-wrapper .section-title { margin-bottom: 22px; } .order .title-wrapper .vibe__text { max-width: 415px; } .form { max-width: 424px; padding: 32px 44px 50px 44px; } .form__input { height: 48px; } .form__input, .form__textarea { padding: 13px 10px; } .form__textarea { min-height: 100px; max-height: 120px; } .form__calc span { max-width: 160px; } .form__input-num { margin: 0 16px; width: 60px; } .form__input-date, .form__input-time { max-width: 156px; } .form__btn-box .blank-link__link { font-size: 14px; line-height: 17px; max-width: 280px; } .form__btn-minus, .form__btn-plus { width: 25px; height: 25px; } .blank-link__link { padding: 15px 35px; height: 48px; } .blank-link__link .text-16 { font-size: 14px; line-height: 17px; } .footer { padding: 48px 0 18px 0; } .footer__top-item { max-width: 360px; } .footer__info .media { margin-top: 30px; } .footer__text { margin-top: 36px; } .footer__text p { font-size: 12px; } .footer__wrapper { margin-top: 25px; } .logo { max-width: 200px; height: 65px; } .section-mt { margin-top: 94px; } .section-subtitle { font-size: 24px; line-height: 28px; } } @media (max-width: 1200px) { .container { max-width: 1190px; } #map * { -ms-touch-action: auto; touch-action: auto; } .blank-link__link--transparent { font-size: 16px; line-height: 19px; } .menu-mob .media { max-width: 230px; } .menu-mob .media__link { width: 40px; height: 40px; } .menu__arr-left, .menu__arr-right { height: 345px; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .header { border-bottom: 1px solid #eee; padding: 12px 0; width: 100%; } .header__top-link:focus, .header__top-link:active, .header__top-link:focus-within { color: #fe9c71; } .header__message { height: 40px; } .header__message-text { font-weight: 300; } .header__top, .header__middle, .header__bottom { display: none; } .header__mob { display: block !important; } .header__mob-inner { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__profile { width: initial; } .btn-close svg { width: 21px; height: 21px; } .header-fixed { height: 88px; top: -88px; } .header-fixed__inner { display: none; } .header-fixed__mob { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-fixed.fixed-hide { top: -88px; } .header-fixed.fixed-show { top: 0px; } .btn-close { top: 10px; } .main { height: 100vh; padding: 130px 0 56px 0; background-position: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main__title { margin-bottom: 87px; } .main__text-box { max-width: 160px; } .main__text-box--sm { max-width: 130px; } .main__text { font-size: 20px; line-height: 25px; letter-spacing: 0.0015em; } .vibe .title-wrapper { margin-bottom: 26px; } .vibe__text { max-width: 560px; } .vibe__items { max-width: 100%; margin-top: 60px; height: 100%; } .vibe__left, .vibe__right { max-width: 50%; } .vibe__left { margin-right: 24px; } .vibe__photo-md, .vibe__photo-big, .vibe__photo-bmd, .vibe__photo-sm { max-width: 565px; height: 400px; width: 100%; } .vibe__photo-md img, .vibe__photo-big img, .vibe__photo-bmd img, .vibe__photo-sm img { height: 100%; max-width: none; width: auto; } .vibe__right .vibe__photo:last-child { display: none; } .rest-menu__items { margin: 100px auto 0 auto; width: 100%; max-width: 100%; } .rest-menu__slider .rest-menu__img { width: 564px !important; height: 345px; margin: 0 12px; } .rest-menu__item { margin-bottom: 100px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 100%; } .rest-menu__item:last-child .rest-menu__img { margin-right: 0; margin-left: 20px; } .rest-menu__img { width: 564px !important; height: 380px; margin-right: 20px; } .rest-menu__item-box { max-width: 500px; padding-top: 14px; } .rest-menu__item-box p { font-size: 16px; line-height: 22px; max-width: 290px; padding-bottom: 16px; letter-spacing: 0.005em; } .rest-menu__item-box .section-title { margin-bottom: 120px; } .rest-menu__icons { max-width: 100%; } .rest-menu__icon div { margin-bottom: 11px; } .rest-menu__icon div svg { width: 84px; height: 84px; } .wine-cart__inner { padding: 16px 0 56px 0; } .wine-cart .section-title { margin-bottom: 12px; } .wine-cart__items { padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 560px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 70px auto 0 auto; } .wine-cart__item { max-width: 190px; margin-bottom: 90px; } .wine-cart__item p { font-size: 16px; line-height: 22px; letter-spacing: 0.005em; } .wine-cart .blank-link__wrapper { margin-top: 0px; padding-top: 10px; } .blank-link__wrapper { margin-top: 100px; } .training .title-wrapper { margin-right: 0px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .training .title-wrapper .section-title { margin-bottom: 30px; } .training__box { margin-top: 35px; max-width: 565px; } .training__box ul { padding-left: 100px; } .training .blank-link__wrapper { margin-top: 48px; } .contacts .container { max-width: 100%; padding: 0; } .contacts__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts__info { margin-right: 0px; max-width: 1190px; padding: 0 15px; margin: 0 auto; } .contacts__info .vibe__text { max-width: 100%; margin-bottom: 34px; } .contacts__lines { max-width: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts__line { max-width: 525px; width: 100%; } .contacts__line .text-20--weight { font-weight: 500; } .contacts__line-content { max-width: 350px; } .contacts__map { max-width: 100%; height: 415px; margin-top: 32px; } .contacts .title-wrapper { margin-bottom: 30px; } .order { padding: 105px 0; } .order__form { max-width: 880px; height: 814px; padding: 36px 0 56px 0; background-position: 30% 55%; } .order .title-wrapper { margin-bottom: 56px; } .order .title-wrapper .section-title { margin-bottom: 14px; } .order .title-wrapper .vibe__text { max-width: 415px; } .form { max-width: 370px; padding: 0; background: none; } .form__item { margin-bottom: 24px; } .form__input { height: 56px; } .form__input, .form__textarea { padding: 15px 10px; } .form__textarea { min-height: 130px; max-height: 180px; } .form__input-num { margin: 0 24px; } .form__input-date, .form__input-time { max-width: 172px; } .form__btn-box .blank-link__link { font-size: 16px; line-height: 16px; max-width: 312px; } .form__btn-minus, .form__btn-plus { width: 35px; height: 35px; border-radius: 50%; } .form__btn-minus svg, .form__btn-plus svg { width: 25px; height: 25px; } .blank-link__link { padding: 16px 40px; height: 52px; } .blank-link__link .text-16 { font-size: 16px; line-height: 22px; } .footer { padding: 36px 0 24px 0; } .footer .logo{ z-index: 1; } .footer__top-item { max-width: 280px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 30px; } .footer__top-item--end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-left: 0; padding-right: 30px; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .footer .header__top-link:last-child { margin-bottom: 0; } .footer__top-item--end .header__top-link:last-child { margin-top: 0; margin-bottom: 15px; } .footer__top-item--end .header__top-link:first-child { margin-bottom: 0; } .footer .header__top-link { margin-bottom: 15px; } .footer__info .media { margin-top: 32px; } .footer__text { margin-top: 30px; } .footer__wrapper { margin-top: 60px; } .footer__item--big { max-width: 140px; } .logo { max-width: 165px; height: 55px; z-index: 14; position: relative; } .logo img { height: auto; max-width: 100%; } /* new header */ .header__mobile { display: block; font-family: "Playfair display", serif; } .header__mobile-wrap { display: flex; align-items: center; justify-content: space-between; } .burger { display: flex; align-items: center; position: relative; height: 24px; } .burger__line { background: #9a7d5e; border-radius: 5px; height: 2px; width: 28px; } .burger.active { z-index: 14; } .burger.active .burger__line { opacity: 0; } .burger.active::before { transform: translateY(12px) rotate(135deg); } .burger.active::after { transform: translateY(-10px) rotate(-135deg); } .burger::before, .burger::after { content: ""; background: #9a7d5e; border-radius: 5px; height: 2px; width: 28px; position: absolute; top: 0px; left: 0; } .burger::after { top: 22px; } .header__mobile-menu { background: #fff; display: flex; flex-direction: column; justify-content: space-between; padding: 60px 20px; position: fixed; top: 0; left: 0; height: 100vh; width: 100%; transform: translateX(-100%); transition: 0.3s ease-in-out; overflow: hidden; z-index: 12; } .header__mobile-menu.active { transform: translateX(0%); } .header__mobile-menu-item { display: flex; align-items: center; justify-content: flex-start; font-size: 22px; margin: 20px 0; } .header__mobile-submenu { background: #fff; padding: 0 20px; position: absolute; left: 0; top: 60px; width: 100%; height: 100%; transform: translateX(115%); transition: 0.3s ease-in-out; } .header__submenu-close { transform: rotate(180deg); } .header__submenu-back { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; } .header__mobile-submenu li { margin: 20px 0; } .header__mobile-submenu.active { transform: translateX(0); } .header__mobile-social ul { display: flex; align-items: center; justify-content: center; margin: 10px 0; } .header__mobile-social ul li { margin: 0 5px; } .header__mobile-phone { display: block; font-size: 24px; text-align: center; margin-bottom: 20px; } .header__mobile-adress { font-size: 14px; text-align: center; } } @media (max-width: 992px) { .menu-mob__info { max-width: 350px; } .vibe__photo-md, .vibe__photo-big, .vibe__photo-bmd, .vibe__photo-sm { max-width: 565px; height: 320px; } .rest-menu__img { width: 500px !important; height: 350px; } .rest-menu__item-box { max-width: 400px; } .rest-menu__item-box .section-title { margin-bottom: 80px; } .rest-menu .blank-link__wrapper { margin-top: 80px; } .contacts__map { height: 350px; } .order__form { max-width: 758px; height: 814px; } } @media (max-width: 850px) { .vibe__photo-md, .vibe__photo-big, .vibe__photo-bmd, .vibe__photo-sm { max-width: 565px; height: 280px; } .rest-menu__img { width: 500px !important; height: 300px; } .rest-menu__item-box { max-width: 350px; } .rest-menu__item-box .section-title { margin-bottom: 60px; } .rest-menu .blank-link__wrapper { margin-top: 60px; } } @media (max-width: 768px) and (max-height: 900px) { .menu-mob__links-wrapper { max-height: 350px; } } @media (max-width: 768px) and (max-height: 800px) { .menu-mob__links-wrapper { max-height: 250px; } } @media (max-width: 768px) and (max-height: 600px) { .menu-mob__links-wrapper { max-height: 200px; } } @media (max-width: 768px) { .container { max-width: 770px; } .section-mt { margin-top: 90px; } .container--max-width { max-width: 100%; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; /* -ms-touch-action: pan-x; touch-action: pan-x; */ } .header-fixed .header__mob-logo { display: block; } .header__mob { padding: 0 12px; } .header__info-block, .header__message { height: 28px; } .header__message-text { font-size: 12px; line-height: 14px; } .header__mobile-menu-item, .has-submenu { display: flex; align-items: center; justify-content: space-between; width: 100%; } .header__basket-num span { font-size: 16px; } .main { padding: 0; } .main__inner { height: 340px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-justify-content: flex-start; justify-content: flex-start; } .main__title { font-size: 40px; line-height: 46px; max-width: 500px; margin-bottom: 100px; } .main__info { margin-top: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 300px; width: 100%; text-align: center; } .main__text-box { margin-right: 0; width: 100%; max-width: 100%; } .main__text-box:first-child { padding-bottom: 30px; margin-bottom: 30px; position: relative; } .main__text-box:first-child::before { content: ""; width: 70%; height: 1px; background-color: #fff; position: absolute; bottom: 0px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .main__btns { margin: auto; margin-top: 110px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main__btns .blank-link__link--orange { margin-right: 0; margin-bottom: 32px; } .trans-logo { display: block; position: relative; margin-bottom: 40px; padding-bottom: 60px; min-height: 200px; -webkit-transition: min-height 0.5s linear; -o-transition: min-height 0.5s linear; transition: min-height 0.5s linear; } .trans-logo::before { content: ""; width: 85%; height: 1px; background-color: #fff; position: absolute; bottom: 0px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .btn-close { top: 2px; right: 15px; } .btn-close svg { width: 24px; height: 24px; } .menu-mob { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-transition: -webkit-transform 0.5s linear; transition: -webkit-transform 0.5s linear; -o-transition: transform 0.5s linear; transition: transform 0.5s linear; transition: transform 0.5s linear, -webkit-transform 0.5s linear; } .menu-mob__info { max-width: 100%; padding: 40px 0 32px 0; -webkit-transform: translateX(0%) !important; -ms-transform: translateX(0%) !important; transform: translateX(0%) !important; height: 316px; } .menu-mob__links { height: 100%; } .menu-mob .logo-box { display: none; } .menu-mob .header__top-link { margin-top: 0; } .menu-mob .header .text-17 { font-size: 16px !important; line-height: 20px !important; } .menu-mob__wrapper { max-width: 400px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .menu-mob__deliv { margin-bottom: 30px; } .menu-mob__deliv .text-17 { font-size: 16px; line-height: 20px; } .menu-mob__links { -webkit-transform: translateX(0%) !important; -ms-transform: translateX(0%) !important; transform: translateX(0%) !important; } .menu-mob__links .header__bottom-link, .menu-mob__links .header__middle-link { margin-bottom: 46px; } .menu-mob__links-left, .menu-mob__links-right { width: 170px; } .menu-mob .header__bottom-link .text-20, .menu-mob .header__middle-link .text-20 { font-size: 18px; line-height: 21px; font-weight: 700; } .menu-mob .contacts__line-content { text-align: center; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .menu-mob .contacts__line { margin-bottom: 5px; } .menu-mob .contacts__line:last-child { padding-top: 35px; } .menu-mob .contacts__line .text-20 { margin-right: 0px; } .vibe .title-wrapper { margin-bottom: 15px; } .vibe__text { max-width: 440px; } .vibe__items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .vibe__left, .vibe__right { margin-right: 0; width: 100%; max-width: 100%; } .vibe__left { margin-bottom: 20px; } .vibe__photo-md, .vibe__photo-big, .vibe__photo-bmd, .vibe__photo-sm { max-width: 100%; height: initial; } .vibe__left .vibe__photo:nth-child(odd) { height: 520px; } .vibe__left .vibe__photo:nth-child(even) { height: 300px; } .vibe__right .vibe__photo:nth-child(odd) { height: 300px; } .vibe__right .vibe__photo:nth-child(even) { height: 520px; } .vibe__right .vibe__photo:last-child { border-bottom-right-radius: 30px; } .vibe__left .vibe__photo:nth-child(odd) img, .vibe__right .vibe__photo:nth-child(even) img { height: 100%; width: auto; max-width: none; } .vibe__left .vibe__photo:nth-child(even), .vibe__right .vibe__photo:nth-child(odd) { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .vibe__left .vibe__photo:nth-child(even) img, .vibe__right .vibe__photo:nth-child(odd) img { height: auto; width: 100%; max-width: none; } .border-r--br, .border-r--tr { border-radius: 0; } .rest-menu__icon { max-width: 150px; } .rest-menu__icon span { font-size: 15px; height: 70px; } .rest-menu__slider { margin-top: 110px; } .rest-menu__slider .slick-slide { margin: 0 15px; } .rest-menu__slider .rest-menu__img { width: initial; } .rest-menu .rest-menu__slide.border-r--br { border-bottom-right-radius: 30px !important; } .rest-menu .rest-menu__slide.border-r--tr { border-top-right-radius: 30px !important; } .rest-menu__slider .rest-menu__img { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .rest-menu__img { display: none !important; } .rest-menu__img-mob { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .rest-menu__items { margin: 90px 0 0 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: initial; -ms-flex-align: initial; align-items: initial; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: auto; max-width: none; } .rest-menu__item { margin-bottom: 0px; margin-right: 24px; width: 550px; max-width: 100%; } .rest-menu__item:last-child .rest-menu__img { margin-right: 0; margin-left: 0px; } .rest-menu__img { width: 550px !important; height: 400px; margin-right: 0px; } .rest-menu__item-box { max-width: 100%; padding-top: 0; } .rest-menu__item-box p { padding-bottom: 0px; } .rest-menu__item-box .section-title { margin-bottom: 30px; } .rest-menu__item-box .rest-menu__img { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; margin-right: 0; } .rest-menu .blank-link__wrapper { margin-top: 56px; } .wine-cart__items { max-width: 480px; margin: 80px auto 0 auto; } .wine-cart__item { max-width: 180px; margin-bottom: 80px; } .wine-cart__icon { margin-bottom: 8px; } .wine-cart .blank-link__wrapper { margin-top: 0px; padding-top: 0px; } .training .title-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-right: auto; } .training .title-wrapper .section-title { margin-bottom: 50px; max-width: 100%; } .training .title-wrapper .text-20 { max-width: 410px; width: 100%; } .training__box { margin-top: 30px; } .training .blank-link__wrapper { margin-top: 55px; } .contacts__info { max-width: 770px; } .contacts__info .vibe__text { max-width: 460px; margin-bottom: 20px; } .contacts__line { max-width: 510px; } .contacts__line-content { max-width: 330px; } .contacts__map { max-width: 100%; height: 480px; margin-top: 25px; } .contacts .title-wrapper { margin-bottom: 14px; } .order { padding: 120px 0; } .order .container { max-width: 100%; padding: 0; } .order__form { max-width: 100%; height: 970px; background-position: 40% 50%; } .form { max-width: 480px; } .form__input { height: 68px; } .form__input, .form__textarea { padding: 25px 10px; } .form__textarea { min-height: 200px; max-height: 260px; } .form__input-num { margin: 0 36px; width: 72px; } .form__input-date, .form__input-time { max-width: 230px; } .form__btn-minus, .form__btn-plus { width: 40px; height: 40px; } .form__btn-minus svg, .form__btn-plus svg { width: 35px; height: 35px; } .blank-link__link { padding: 25px 40px; height: 72px; } .blank-link__link .text-16 { font-size: 16px; line-height: 22px; } .footer__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__top-item { max-width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 0; padding: 0; } .footer__top-item.footer__top-item--end { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__info { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 40px; } .footer__top-item { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .footer__top-item.footer__top-item--end { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: 32px; } .footer__top-item.footer__top-item--end .header__top-link:nth-child(1){ margin: 0 0 32px; } .footer__top-item.footer__top-item--end .header__top-link:nth-child(2){ margin: 32px 0; } .footer__top-item.footer__top-item--end .header__top-link:nth-child(3){ margin: 0; } .footer__top-item--end .header__top-link { margin-bottom: 0; margin-top: 32px; } .footer__top-item--end .footer__link-order { margin-bottom: 0; margin-top: 0; } .footer .header__top-link { margin-bottom: 32px; } .footer .header__top-link:last-child { margin-bottom: 0; } .footer__text { margin-top: 0; padding-top: 3px; } .blank-link__link--transparent { font-size: 16px; line-height: 20px; } } @media (max-width: 650px) { .rest-menu__item { width: 500px !important; } .rest-menu__item-box .rest-menu__img-mob { width: 500px !important; } } @media (max-width: 575px) { .arrow-menu-mob { position: absolute; bottom: 10%; } .logo { width: 112px; } .container { max-width: 390px; } .section-mt { margin-top: 65px; } .container--max-width { max-width: 100%; overflow-x: visible; -ms-overflow-style: none; scrollbar-width: none; /* -ms-touch-action: none; touch-action: none; */ } .header-fixed { height: 64px; } .header-fixed .container { max-width: 100%; } .header__account { margin-right: 12px; } .header__mob .container { max-width: 100%; } .header__info-block, .header__message { height: auto; } .header__mob-inner { position: relative; } .btn-close { top: 5px; } /*.main { height: 600px; }*/ .main__inner { height: 340px; /*padding-top: 50px;*/ } .main__title { font-size: 27px; line-height: 32px; max-width: 340px; } .main__text { font-weight: 400; font-size: 18px; line-height: 22px; } .main__text-box:first-child::before { width: 60%; } .main__btns { margin: auto; margin-top: 75px; max-width: 290px; } .main__btns .blank-link__link--orange { margin-bottom: 24px; } .main__btns .blank-link__link--orange span { font-size: 13px; line-height: 15px; } .blank-link__link--transparent { font-size: 13px; line-height: 15px; } .trans-logo { min-height: 130px; padding-bottom: 30px; margin-bottom: 30px; } .trans-logo:before { width: 70%; } .trans-logo__img { max-width: 285px; height: 95px; -webkit-transition: -webkit-transform 0.6s linear; transition: -webkit-transform 0.6s linear; -o-transition: transform 0.6s linear; transition: transform 0.6s linear; transition: transform 0.6s linear, -webkit-transform 0.6s linear; } .trans-logo__img--small { -webkit-transform: scale(0.42) translateY(-485px); -ms-transform: scale(0.42) translateY(-485px); transform: scale(0.42) translateY(-485px); } .menu-mob__info { padding: 45px 0 60px 0; z-index: -1; height: 290px; } .menu-mob__wrapper { max-width: 330px; } .menu-mob__links { padding: 40px 0 30px 0; } .menu-mob__links-wrapper { max-height: 250px; overflow-y: visible; } .menu-mob__links-wrapper .slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .menu-mob__deliv { margin-bottom: 15px; } .menu-mob__links .header__bottom-link, .menu-mob__links .header__middle-link { margin-bottom: 32px; } .menu-mob__links-left, .menu-mob__links-right { width: 290px !important; overflow-y: auto; max-height: 300px; height: 100%; -ms-overflow-style: none; scrollbar-width: none; } .menu-mob .contacts__line:last-child { padding-top: 10px; } .menu-mob__links .header__middle-menu, .menu-mob__links .header__bottom-menu { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .menu-mob .slick-slider { position: static; } .menu-mob .slick-dots { margin-top: 0; position: absolute; bottom: -30px; z-index: 100; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .header__mob-logo { max-width: 110px; height: 35px; } .vibe .container { max-width: 100%; padding: 0; } .vibe__text { max-width: 340px; padding: 0 15px; } .vibe__items { margin-top: 65px; } .vibe__left, .vibe__right { display: none; } .vibe__mini-slider { display: block; } .vibe__mini-slider .slick-slide { margin: 0 15px; } .vibe__mini-slider .vibe__photo { height: auto; border-top-left-radius: 30px; margin-bottom: 0; margin-top: 0; width: 100%; } .vibe__mini-slider .vibe__photo img { height: auto; width: 100%; } .rest-menu__inner .title-wrapper { margin-bottom: 30px; } .rest-menu__icons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .rest-menu__icon { max-width: 190px; margin-bottom: 28px; } .rest-menu__icon:last-child { margin-bottom: 0; } .rest-menu__icon span { font-size: 16px; height: 100%; } .rest-menu__icon div { margin-bottom: 2px; } .rest-menu__icon div svg { width: 96px; height: 96px; } .rest-menu__slider { margin-top: 36px; } .rest-menu__slider .slick-list .slick-track .slick-slide { margin: 0 15px; } .rest-menu__slider .rest-menu__img { width: 100%; height: 280px; margin: 0; } .rest-menu__items { margin: 65px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 100%; } .rest-menu__helper-box { background-color: rgba(229, 229, 229, 0.7); padding: 15px 15px 30px 15px; width: 100%; max-width: 340px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rest-menu__item { margin-bottom: 65px; margin-right: 0px; width: 550px; max-width: 100%; } .rest-menu__item:last-child .rest-menu__img { margin-right: 0; margin-left: 0px; } .rest-menu__item-box .rest-menu__img-mob { width: 340px !important; } .rest-menu__img { width: 336px !important; height: 268px; } .rest-menu__item-box { max-width: 100%; overflow: hidden; } .rest-menu__item-box .section-title { margin-bottom: 15px; } .rest-menu__item-box .rest-menu__img { margin-top: 0; } .rest-menu .blank-link__wrapper { margin-top: 36px; } .slick-dots li { margin-right: 15px; } .wine-cart__inner { padding: 16px 0 36px 0; margin: 0 15px; } .wine-cart__items { max-width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 30px auto 0 auto; } .wine-cart__item { max-width: 190px; margin-bottom: 30px; } .wine-cart__icon { margin-bottom: 10px; } .wine-cart .blank-link__wrapper { margin-top: 0px; padding-top: 6px; } .training .title-wrapper .section-title { margin-bottom: 55px; max-width: 340px; } .training .title-wrapper .text-20 { max-width: 340px; font-size: 16px; line-height: 22px; } .training__box { margin-top: 18px; background: none; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0; border-radius: 0; } .training__box ul { padding-left: 50px; } .training__box ul li span { font-size: 15px; } .training .blank-link__wrapper { margin-top: 36px; } .contacts__info { max-width: 390px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .contacts__info .vibe__text { max-width: 340px; margin-bottom: 28px; } .contacts__line { max-width: 100%; } .contacts__line .text-20 { margin-right: 0; } .contacts__line .text-20--weight { display: none; } .contacts__line-content { max-width: 100%; } .contacts__map { height: 280px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 0; margin-bottom: 25px; } .contacts .title-wrapper { margin-bottom: 16px; } .contacts .title-wrapper .section-title { width: 100%; text-align: center; } .order { padding: 70px 0; } .order__form { max-width: 100%; padding: 32px 0 36px 0; height: 630px; background-position: center; } .order .title-wrapper { margin-bottom: 28px; } .order .title-wrapper .section-title { margin-bottom: 8px; } .order .title-wrapper .vibe__text { max-width: 390px; } .section-title { font-size: 24px; line-height: 28px; } .form { max-width: 390px; padding: 0 15px; } .form__item { margin-bottom: 16px; } .form__input { height: 48px; } .form__input, .form__textarea { padding: 15px 10px; } .form__textarea { min-height: 100px; max-height: 115px; } .form__input-num { margin: 0 16px; width: 60px; } .form__input-date, .form__input-time { max-width: 156px; } .form__btn-minus, .form__btn-plus { width: 25px; height: 25px; } .form__btn-minus svg, .form__btn-plus svg { width: 20px; height: 20px; } .form__btn-box { padding-top: 20px; } .form__btn-box .blank-link__link { font-size: 14px; line-height: 17px; } .blank-link__link { padding: 15px 40px; height: 52px; } .blank-link__link .text-16 { font-size: 14px; line-height: 17px; } .footer__wrapper { margin-top: 30px; } .footer__item--small { max-width: 50px; } .slick-dots li:last-child { margin-right: 0; } } @media (max-width: 360px) { .container { max-width: 320px; } .section-title { font-size: 22px; line-height: 26px; } .section-mt { margin-top: 50px; } .blank-link__link { width: 290px; padding: 15px 20px; } .blank-link__link .text-16 { font-size: 13px; line-height: 15px; } .main__title { font-size: 26px; line-height: 30px; } .trans-logo__img { max-width: 260px; height: 85px; } .trans-logo__img--small { /*-webkit-transform: scale(0.42) translateY(-475px) translateX(-35px); -ms-transform: scale(0.42) translateY(-475px) translateX(-35px); transform: scale(0.42) translateY(-475px) translateX(-35px);*/ -webkit-transform: scale(0.42); -ms-transform: scale(0.42); transform: scale(0.42); } .vibe__items { margin-top: 50px; } .vibe__text p { font-size: 14px; line-height: 18px; } .slick-dots li button { margin-left: 0px; } .rest-menu__items { margin-top: 50px; } .rest-menu__item { margin-bottom: 50px; } .rest-menu__img { height: 240px; } .rest-menu__item-box .rest-menu__img-mob { width: 300px !important; height: 195px; } .rest-menu__item-box .rest-menu__img-mob img { height: auto; width: 100%; max-width: none; } .rest-menu__item-box p { font-size: 14px; line-height: 18px; } .rest-menu .slick-dots li button { margin-left: 0px; } .rest-menu .slick-dots li { margin-right: 10px; } .rest-menu .slick-dots li:last-child { margin-right: 0; } .training .title-wrapper .section-title { margin-bottom: 35px; max-width: 100%; } .training .title-wrapper .text-20 { max-width: 100%; font-size: 15px; line-height: 20px; } .training__box { margin-top: 18px; } .training__box ul { padding-left: 50px; } .training__box ul li span { font-size: 15px; } .training .blank-link__wrapper { margin-top: 36px; } .contacts__info { max-width: 320px; } .contacts__info .vibe__text { margin-bottom: 20px; } .contacts__info .vibe__text p { font-size: 14px; line-height: 17px; } .contacts__line { margin-bottom: 20px; } .contacts__line .text-20 { margin-right: 0; font-size: 14px; line-height: 17px; } .contacts__map { height: 200px; } .order { padding: 60px 0; } .order__form { max-width: 100%; padding: 24px 0; height: 600px; background-position: center; } .order .title-wrapper { margin-bottom: 28px; } .order .title-wrapper .section-title { margin-bottom: 8px; } .order .title-wrapper .vibe__text { max-width: 320px; padding: 0 15px; } .order .title-wrapper .vibe__text p { font-size: 14px; line-height: 17px; } .form { max-width: 320px; } .form__textarea { max-height: 125px; } .form__input-num { margin: 0 10px; width: 48px; } .form__input-date, .form__input-time { max-width: 135px; } .footer__item--big { max-width: 110px; } .footer__item--small { max-width: 45px; } .footer__text p { font-size: 11px; } .menu-mob__links-right, .menu-mob__links-left { width: 270px !important; } } @media (max-width: 575px) and (max-height: 630px) { .menu-mob__links-left, .menu-mob__links-right { max-height: 250px; } .main__inner { height: 350px; } .main__title { margin-bottom: 40px; } .trans-logo { padding-bottom: 20px; margin-bottom: 20px; min-height: 100px; } .main__text-box:first-child { padding-bottom: 20px; margin-bottom: 20px; } .main__btns { margin: auto; margin-top: 50px; } } @media (max-width: 575px) and (max-height: 550px) { .menu-mob__links-left, .menu-mob__links-right { max-height: 200px; } .main__inner { height: 300px; } .main__title { margin-bottom: 30px; } .trans-logo, .main__text-box:first-child { padding-bottom: 10px; margin-bottom: 10px; } .main__btns { margin: auto; margin-top: 40px; } } @media (max-width: 575px) and (max-height: 500px) { .menu-mob__links-left, .menu-mob__links-right { max-height: 150px; } .main__inner { height: 250px; } .main__title { margin-bottom: 15px; } } /* горизонтальная ориентация */ @media screen and (max-width: 768px) and (orientation: landscape) { .orientation { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 999999; display: flex; } } /* End */ /* Start:/local/templates/upfly/css/restaurant-menu.css?173384010817075*/ :root { --main-color: #bd9855; } * { margin: 0; padding: 0; } @font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 400; src: local("Playfair Display"), url("/local/templates/upfly/css/fonts/PlayfairDisplay-Regular.ttf") format("ttf"); } @font-face { font-family: "Playfair Display"; font-style: italic; font-weight: 400; src: local("Playfair Display"), url("/local/templates/upfly/css/fonts/PlayfairDisplay-Italic.ttf") format("ttf"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; src: local("Montserrat"), url("/local/templates/upfly/css/fonts/Montserrat-Regular.ttf") format("ttf"); } .container { margin: 0 auto; padding: 0 20px; max-width: 1600px; } .restaurant-headings-wrapper { display: flex; align-items: flex-end; line-height: 1.2; margin: 48px 0 24px 0; } .restaurant-headings-wrapper h1 { color: var(--main-color); font-weight: 400; font-size: 3vw; margin-right: 48px; } .restaurant-headings-wrapper h2 { color: #999; cursor: pointer; font-weight: 400; font-size: 3vw; margin-right: 48px; transition: 0.3s ease-in-out; } .restaurant-headings-wrapper h2:hover { color: var(--main-color); } .restaurant-menu-wrapper { position: relative; overflow-x: scroll; scrollbar-width: none; } .restaurant-menu-wrapper::-webkit-scrollbar { display: none; } .restaurant-menu-nav { display: flex; align-items: center; max-width: 1600px; } .fixed-restaurant-menu { position: fixed; top: 0; left: 0; background: #fff; width: 100%; box-shadow: 0 6px 8px rgb(0 0 0 / 20%); z-index: 10; } .restaurant-menu-transperency { background: #fff; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 100%); width: 100px; height: 50px; position: absolute; right: 0; top: 0; } .restaurant-menu-nav__item { border: 1px solid var(--main-color); color: #121212; font-family: "Montserrat", sans-serif; font-size: 14px; text-decoration: none; margin: 0 8px; padding: 8px 16px; position: relative; white-space: nowrap; transition: 0.3s ease-in-out; } .restaurant-menu-nav__item:hover { background-color: var(--main-color); color: #fff; } .restaurant-menu-arrow { background: url(/bitrix/templates/upfly/images/arrow.svg) no-repeat; background-size: contain; margin: 16px auto 0 auto; height: 10px; width: 300px; } .restaurant-menu-arrow.with-margin{ margin-bottom: 60px } /* Restaurant card */ .restaurant-title, .restaurant-title a { display: block; color: #121212; font-family: "Playfair Display", serif; font-size: 2vw; font-weight: 400; margin: 24px 0 16px 0; text-align: center; transition: 0.3s ease-in-out; } .restaurant-title:hover, .restaurant-title a:hover { color: var(--main-color); } .restaurant-cards { display: flex; flex-wrap: wrap; margin-bottom: 80px; } .restaurant-recomended { display: flex; margin-bottom: 80px; overflow: scroll; scrollbar-width: 0; } .restaurant-recomended::-webkit-scrollbar { display: none; } .restaurant__card-image { /*display: flex;*/ } .restaurant-cards img { width: 100%; aspect-ratio: 343/257; } .restaurant-cards__card { background: #f2f2f2; flex: 0 0 auto; margin: 16px; width: 22%; position: relative; overflow: hidden; display: flex; flex-direction: column; } .restaurant-cards__card .restaurant-card__wrapper{ flex-grow: 1;} .restaurant-cards__card .restaurant-card__border{ height: 100%; justify-content: flex-start;} .restaurant-cards__card .restaurant-card__action{ flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-end; } .restaurant-card__arrow-right { background: url(/bitrix/templates/upfly/images/icons/arrow-img.svg) no-repeat, var(--main-color); background-size: contain; border-radius: 50%; background-origin: content-box; display: block; cursor: pointer; padding: 6px; position: absolute; top: 30%; right: 12px; width: 24px; height: 24px; z-index: 1; } .restaurant-card__arrow-left { background: url(/bitrix/templates/upfly/images/icons/arrow-img.svg) no-repeat, var(--main-color); background-size: contain; border-radius: 50%; background-origin: content-box; display: block; cursor: pointer; padding: 6px; position: absolute; top: 30%; left: 12px; width: 24px; height: 24px; transform: rotate(180deg); z-index: 1; } .restaurant-cards__second-img.slide { display: block; transform: translateX(-100%); transition: 0.2s ease-in-out; } .restaurant__card-new { background: var(--main-color); color: #fff; font-family: "Playfair Display", serif; padding: 8px 30px; position: absolute; top: 20px; right: -65px; transform: rotate(45deg); text-align: center; width: 200px; } .restaurant-card__title a { display: block; color: #121212; font-family: "Playfair Display", serif; font-size: 18px; font-weight: 400; text-decoration: none; transition: 0.3s ease-in-out; white-space: nowrap; } .restaurant-card__title a:hover { color: var(--main-color); } .restaurant-card__title-anim { animation: title-anim 10s infinite; width: fit-content; } @keyframes title-anim { 0% { transform: translateX(0); } 50% { transform: translateX(calc(-100% + 313px)); } 100% { transform: translateX(0); } } .restaurant-card__desc { margin: 8px 0 12px 0; font-size: 14px; font-family: "Playfair Display", serif; color: #696969; } .restaurant-card__wrapper { padding: 6px; } .restaurant-card__border { border: 1px dashed #999; padding: 8px; min-height: 138px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; } .restaurant-card__action { display: block; } .restaurant-card__btns { position: relative; } .restaurant-card-add { background: var(--main-color); border: none; border-radius: 0; color: #fff; cursor: pointer; font-size: 16px; font-family: "Playfair Display", serif; /* padding: 8px 24px; */ margin-top: 10px; transition: 0.3s ease-in-out; text-align: center; } .restaurant-card-add-link{ padding: 8px 24px; width: 100%; } .restaurant-card-soon{ background: var(--main-color); border: none; border-radius: 0; color: #fff; font-size: 16px; font-family: "Playfair Display", serif; padding: 8px 24px; margin-top: 10px; text-align: center; } .restaurant-card-add:hover { background: #121212; } .restaurant-card-add:hover a, .restaurant-card-add a:focus { color: #fff; text-decoration: none; } .restaurant-card-counter { display: none; border: 1px solid var(--main-color); background: #fff; position: absolute; top: 0; } .restaurant-card-counter-inner { position: relative; display: flex; padding: 8px 16px; } .restaurant-card-counter-inner label { display: none; } .restaurant-card-counter-inner input { width: 100%; height: 100%; text-align: center; } .restaurant-card__price { font-size: 20px; } /* Menu product */ .menu-product { display: flex; background: #f2f2f2; margin: 32px 0; } .menu-product__img { width: 60%; display: flex; position: relative; overflow: hidden; } .menu-product__slider { display: flex; } .menu-product__img-img { width: 100%; flex: 0 0 auto; } .menu-product__img .restaurant-card__arrow-left, .menu-product__img .restaurant-card__arrow-right { top: calc(50% - 12px); } .menu-product__img img, .menu-product__video-img img { max-width: 100%; } .menu-product__content { display: flex; flex-direction: column; justify-content: space-between; width: 40%; padding: 32px; margin: 12px; border: 1px dashed #999; color: #222; } .menu-product__content p { font-family: "PlayfairDisplay", serif; } .menu-product__content h1 { font-size: 32px; font-weight: 400; font-family: "PlayfairDisplay", serif; line-height: 1; margin-bottom: 24px; } .nutritions { display: flex; align-items: center; margin: 20px 0; } .nutritions__wrap { display: flex; flex-direction: column; align-items: center; font-size: 14px; margin-right: 20px; } .nutritions__item { display: flex; align-items: center; justify-content: center; border: 1px solid var(--main-color); border-radius: 50%; width: 48px; height: 48px; font-size: 16px; position: relative; } .menu-product__price { margin-top: 15px; font-size: 32px; } .restaurant-card-add { background: var(--main-color); border: none; border-radius: 0; color: #fff; cursor: pointer; font-size: 16px; font-family: "Playfair Display", serif; /* padding: 8px 24px; */ transition: 0.3s ease-in-out; } .menu-product__action { display: flex; align-items: center; margin-top: 16px; } .menu-product__action .restaurant-card-add, .menu-product__action .restaurant-card-soon{ margin-top: 0; } .menu-product__cout { margin-right: 16px; position: relative; } .menu-count__quantity { padding: 8px; border: 1px solid var(--main-color); text-align: center; } .menu-count__btn-right { position: absolute; right: 12px; top: 8px; } .menu-count__btn-left { position: absolute; left: 12px; top: 8px; z-index: 1; font-size: 24px; } .menu-product__video-modal { display: none; } .menu-product__video-img { border: 1px solid var(--main-color); margin: 24px 0; padding: 8px; width: fit-content; width: -moz-fit-content; position: relative; } .menu-product__video-img img { border: 1px solid var(--main-color); padding: 8px; height: 242px; } .menu-product__video-modal { display: none; position: fixed; top: 0; left: 0; background: rgb(0 0 0 / 30%); width: 100%; height: 100%; z-index: 10; } .menu-product__video-modal.video-active { display: block; } .menu-product__video-modal video { height: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 99; } .menu-product__play-wrapper { cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .menu-product__play-wrapper svg { width: 64px; height: 64px; } .menu-product__video-modal-close { cursor: pointer; position: absolute; top: 5%; right: 5%; z-index: 100; } /* Contacts */ .contact { font-family: "PlayfairDisplay", serif; } .contact__hero { background: url(/bitrix/templates/upfly/images/gallery/amici-parking.jpg) no-repeat rgba(0, 0, 0, 0.35); background-blend-mode: multiply; background-size: cover; display: flex; color: #fff; align-items: center; height: calc(100vh - 184px); } .contact__adress { margin: 120px 0; color: #121212; } .contact__adress h2 { font-size: 56px; font-size: 56px; line-height: 1.4; font-weight: 400; margin-bottom: 20px; } .contact__desc { font-size: 18px; margin: 20px 0 40px 0; } .contact__adress hr { border: 1px solid #dbdbdb; margin: 0 0 40px 0; } .contact__item { display: flex; align-items: center; margin: 15px 0; } .contact__item svg { flex: 0 0 auto; margin-right: 15px; } .contact__requisites-item { color: #999; font-size: 18px; line-height: 1.4; } .contact__requisites-item span { color: #121212; } /* Delivery */ .delivery-new { font-family: "PlayfairDisplay", serif; color: #121212; } .delivery__hero { background: url(/bitrix/templates/upfly/images/delivery-img.jpg) no-repeat rgba(0, 0, 0, 0.35); background-blend-mode: multiply; background-size: cover; background-position: bottom; display: flex; color: #fff; align-items: center; height: calc(100vh - 184px); } .delivery__content { display: flex; align-items: center; justify-content: space-between; margin: 80px 0; } .delivery__info { width: 40%; } .delivery__map { width: 45%; } .delivery__info p { font-size: 32px; line-height: 1.2; } .delivery__info li { font-size: 18px; margin: 10px 0; } /* Blog */ .blog { display: flex; align-items: stretch; flex-wrap: wrap; color: #121212; } .blog-bottom{ margin: 20px 1.5% 60px; } .blog-bottom font:first-child{ display: none; } .blog-bottom font:last-child{ display: flex; gap: 18px; } .blog-item { background: #f2f2f2; width: 30%; margin: 1.5%; } .blog-item > a{ display: block; width: 100%; height: 46%; } .blog-h1 { font-family: "PlayfairDisplay", serif; font-size: 36px; font-weight: 400; color: #121212; margin: 40px 1.5%; line-height: 1.2; } .blog-item img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .blog-item__content { padding: 20px; } .blog-item__title { font-family: "PlayfairDisplay", serif; font-size: 28px; line-height: 1.2; margin-bottom: 20px; } .blog-item__content .product__show-more { color: #121212; } /* Blog Detail */ .blog-detail__hero { height: calc(100vh - 184px); position: relative; overflow: hidden; } .blog-detail__hero img { width: 100%; } .blog-detail__hero-overlay { background: rgba(0, 0, 0, 0.35); height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .blog-detail__hero .heading__title { font-family: "PlayfairDisplay", serif; font-weight: 400; line-height: 1.2; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); } .blog-detail__text { width: 640px; font-size: 18px; color: #121212; margin: 80px auto; } .blog-detail__text img { max-width: 100%; } /* Main page */ .main-page-btn { background: var(--main-color); color: #fff; font-size: 16px; padding: 15px 40px; text-transform: uppercase; text-align: center; } .main-page-banner-btn { margin: 0 20px; color: #fff !important; } .main-page-btn:hover { background: var(--main-color); } a.main-page-btn:visited { color: #fff; } .main-page-second-btn { background: transparent; border: 2px solid var(--main-color); text-transform: uppercase; padding: 15px 40px; text-align: center; } .main-page-second-title { font-size: 36px; color: var(--main-color); margin-bottom: 40px; } @media (max-width: 1281px) { .restaurant-cards__card { width: 30%; } } @media (max-width: 1025px) { .restaurant-headings-wrapper h1, .restaurant-headings-wrapper h2 { font-size: 40px; } .restaurant-title, .restaurant-title a { font-size: 32px; } .menu-product__video-img { padding: 4px; } .menu-product__video-img img { padding: 4px; } .contact__adress { margin: 60px 0; } .contact__adress h2 { font-size: 36px; } .delivery__content { flex-direction: column; } .delivery__info { width: 100%; } .delivery__map { width: 100%; margin-top: 40px; } } @media (max-width: 769px) { .restaurant-title { margin: 0px 0 16px 0; } .restaurant-cards__card { width: 45%; } .menu-product { flex-direction: column; } .menu-product__img { width: 100%; } .menu-product__content { width: auto; } .menu-product__action-wrapper { margin-top: 16px; } .nutritions__wrap { font-size: 12px; margin-right: 10px; } .nutritions__item { font-size: 14px; width: 40px; height: 40px; } .blog-item { width: 46%; } .blog-detail__hero img { width: auto; height: 100%; } .blog-detail__text { width: 100%; } .main-page-banner-btn { margin: 20px 0; } } @media (max-width: 480px) { .fixed-restaurant-menu { padding: 12px; } .restaurant-headings-wrapper { align-items: flex-start; flex-direction: column; } .restaurant-headings-wrapper h1, .restaurant-headings-wrapper h2 { font-size: 32px; } .restaurant-headings-wrapper h1 { margin-right: 0; } .restaurant-title a { font-size: 28px; margin: 0px 0 8px 0; } .restaurant-cards__card { margin: 16px 0; width: 100%; } .menu-product__content { padding: 16px; } .menu-product__content h1 { font-size: 20px; margin-bottom: 16px; } .menu-product__price { font-size: 24px; } .blog-item { margin: 20px 0; width: 100%; } .main-page-second-title { font-size: 24px; margin-bottom: 20px; } } /* End */ /* Start:/local/templates/upfly/css/vine-map.css?174721567238601*/ @font-face { font-family: "Shlapak Script"; font-style: normal; font-weight: 400; src: local("Shlapak Script"), url("/local/templates/upfly/css/fonts/Shlapak-Script.otf") format("otf"); } @font-face { font-family: "Iowan Old Style"; font-style: normal; font-weight: 400; src: local("Iowan Old Style"), url("/bitrix/templates/upfly/css/fonts/IowanOldStyle_Roman.ttf") format("ttf"); } @font-face { font-family: "Iowan Old Style"; font-style: bold; font-weight: 700; src: local("Iowan Old Style"), url("/bitrix/templates/upfly/css/fonts/IowanOldStyle_Bold.ttf") format("ttf"); } .section_desc { max-height: 470px; overflow: hidden; transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); } .section_desc.active { max-height: 2000px; transition: max-height 1s ease-in-out; } .section_desc img { border-radius: 10px; margin-left: 20px; float: right; max-width: 100%; height: auto; } .section_desc_show_more { font-family: "Playfair Display", serif; font-style: italic; color: var(--main-color); text-decoration: underline; margin: 15px 0; cursor: pointer; display: none; } /* Винная карта */ .hero { display: flex; align-items: center; justify-content: center; background: #000; width: 100%; height: calc(100vh - 184px); margin: 0 0 40px 0; position: relative; overflow: hidden; } .hero img { max-width: 100%; } .hero__img { width: 100%; filter: url(#noise); position: absolute; top: -20%; } .hero__img-wave { position: absolute; } .drop { background: url(/bitrix/templates/upfly/images/wine_drop.png) no-repeat; background-size: contain; position: absolute; width: 24px; height: 40px; top: -22px; left: calc(50% - 10px); margin: 0 auto; z-index: 5; } .wave { position: absolute; opacity: 1; top: 50%; left: 50%; width: 2px; height: 1px; border: #fff 0px solid; border-radius: 50%; z-index: 2; transform-origin: center; } .overlay { background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; height: 100vh; width: 100%; } .hero__content { display: flex; color: #fff; font-family: "Playfair display", serif; justify-content: space-between; text-align: left; padding: 0 20px; max-width: 1600px; z-index: 1; } .heading { display: flex; flex-direction: column; align-items: flex-end; } .heading__title { font-size: 6.5vw; font-weight: 400; text-transform: uppercase; line-height: 0.8; margin: 0; } .vine__heading { font-size: 32px; font-family: "Playfair Display", serif; color: #121212; margin-bottom: 20px; } .heading__subtitle { color: var(--main-color); font-size: 5vw; font-style: italic; line-height: 1; margin-left: auto; } .heading__desc { font-size: 24px; position: relative; } .heading__desc::before { content: ""; background: var(--main-color); width: 30px; height: 1px; position: absolute; left: -42px; top: 50%; } .hero__text { width: 35%; } .hero__text-btn { display: block; color: #fff; font-size: 20px; font-weight: 400; position: relative; top: 0px; left: 50px; text-decoration: none; transition: 0.3s ease-in-out; } .hero__text-btn::before { content: " "; background: url(/bitrix/templates/upfly/images/arrow-right.svg) no-repeat; display: block; position: relative; left: -50px; top: 25px; width: 40px; height: 15px; transition: 0.3s ease-in-out; } .hero__text-btn:hover { left: 70px; color: #fff; } .hero__text-btn:hover:before { width: 60px; left: -66px; } .hero__bg { display: flex; align-items: flex-end; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 2; } .hero__bg-item { background: #fff; width: 33.33%; height: 0; } .hero__slogan { color: var(--main-color); font-size: 5vw; font-family: "Playfair display", serif; line-height: 1; text-align: center; position: absolute; white-space: nowrap; bottom: 0; left: 100%; z-index: 3; } .main-vine { display: flex; align-items: flex-start; justify-content: space-between; margin: 0px auto 40px auto; } /* Sidebar */ .vine-search input { width: 100%; border: 1px solid #bd9855; padding: 10px; font-size: 14pt; margin-top: 20px; } .categories { color: #000; position: relative; font-size: 16px; padding: 32px; width: 20%; } .categories__content::before { content: ""; background: url(/bitrix/templates/upfly/images/frame.svg) no-repeat; background-size: contain; height: 210px; width: 135px; position: absolute; right: 22px; top: 20px; z-index: 1; } .categories__content::after { content: ""; background: url(/bitrix/templates/upfly/images/frame.svg) no-repeat; background-size: contain; height: 210px; width: 135px; position: absolute; left: 0; bottom: 0; transform: rotate(180deg); } .categories__filter-btns { display: none; } .close-filter { display: none; } .categories__heading { color: #000; font-family: "Playfair Display", serif; font-size: 28px; margin: 24px 0; } .categories__title { font-size: 20px; font-weight: 500; margin: 0px 0 8px 0; } .categories__title.countries { cursor: pointer; } .countries-toggle-block { max-height: 0; transition: max-height 0.15s ease-out; overflow: hidden; } .countries-toggle-block.active { max-height: 540px; transition: max-height 0.25s ease-in; } .categories ul { margin-bottom: 24px; } .countries-wrapper { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 24vh; overflow-y: scroll; padding: 12px 0; margin-right: 12px; scrollbar-width: thin; } .countries-wrapper::-webkit-scrollbar { background-color: #f2f2f2; width: 5px; } .countries-wrapper::-webkit-scrollbar-thumb { background-color: #696969; } .categories__item { color: #999; line-height: 1.6; padding-left: 16px; text-decoration: none; transition: 0.3s ease-in-out; } .categories__item:visited { color: #999; } .categories__item:hover { color: var(--main-color); } .product__wrapper { width: 75%; } .replaced_text { margin: 80px 20px 80px 20px; color: #000; font-size: 16px; line-height: 1.3; position: relative; } .replaced_text::before { content: ""; background: url(/bitrix/templates/upfly/images/frame.svg) no-repeat; background-size: contain; height: 210px; width: 135px; position: absolute; left: 0px; top: -70px; transform: rotate(-90deg); } .replaced_text::after { content: ""; background: url(/bitrix/templates/upfly/images/frame.svg) no-repeat; background-size: contain; height: 210px; width: 135px; position: absolute; right: 10px; bottom: -70px; transform: rotate(90deg); } /* Card */ .product { background: #f2f2f2; display: flex; color: #000; max-height: 812px; width: 100%; margin-top: 24px; } .product__first-img { z-index: 1; } .product__img { aspect-ratio: 3/4; position: absolute; top: 0; left: 0; width: 100%; } .product__img-wrapper { height: 42vw; width: 52%; position: relative; aspect-ratio: 3/4; overflow: hidden; } .product__arrow-right { background: url(/bitrix/templates/upfly/images/icons/arrow-img.svg) no-repeat, var(--main-color); background-size: contain; border-radius: 50%; background-origin: content-box; display: none; cursor: pointer; padding: 6px; position: absolute; top: calc(50% - 40px); right: 12px; width: 40px; height: 40px; z-index: 2; } .product__arrow-left { background: url(/bitrix/templates/upfly/images/icons/arrow-img.svg) no-repeat, var(--main-color); background-size: contain; border-radius: 50%; background-origin: content-box; display: none; cursor: pointer; padding: 6px; position: absolute; top: calc(50% - 40px); left: 12px; width: 40px; height: 40px; transform: rotate(180deg); z-index: 2; } .product__desc { justify-content: space-between; flex-direction: column; font-size: 16px; padding: 20px 56px; width: 48%; } .product__desc a:hover { color: var(--main-color); } .product__title { font-family: "Playfair Display", serif; font-size: 28px; } .product__specifications { margin: 20px 0; } .product__price { display: flex; position: relative; } /* .product__price::before { content: ""; background: #000; height: 100%; width: 1px; position: absolute; left: 190px; transform: rotate(20deg); } */ .product__value { font-size: 1.6vw; font-family: "Playfair display", serif; } .product__price-desc { margin: 4px 32px 0 0; } .product__show-more { display: block; color: var(--main-color); margin-bottom: 24px; position: relative; text-decoration: none; left: 50px; text-decoration: none; transition: 0.3s ease-in-out; } .product__show-more::before { content: " "; background: url(/bitrix/templates/upfly/images/arrow-right.svg) no-repeat; display: block; position: relative; left: -50px; top: 22px; width: 40px; height: 15px; transition: 0.3s ease-in-out; } .product__show-more:hover { left: 70px; color: var(--main-color); } .product__show-more:hover:before { width: 60px; left: -66px; } .filter_text h1 { font-family: "Playfair Display", serif; font-size: 36px; color: #121212; text-transform: none; margin: 32px 0; } .product__sku { color: #696969; margin: 10px 0; } /* Детальная карточка алкоголя */ .bx-breadcrumb { margin: 10px 20px; } .vine-detailed { background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(https://www.osteria.ru/upload/medialibrary/ea8/pijanoav3tp8a83rq6hcpotus43d2g41/background.jpg); background-size: cover; color: #121212; font-family: "Playfair Display", serif; padding: 32px 0; text-align: left; } .vine-detailed__product { display: flex; justify-content: space-between; } .vine-detailed__images { position: relative; width: 45%; } .vine-detailed__img-wrapper { display: flex; overflow-x: scroll; scrollbar-width: none; } .vine-detailed__img-wrapper::-webkit-scrollbar { display: none; } .play-video { position: absolute; left: 20px; top: 20px; z-index: 3; display: flex; align-items: center; padding: 10px 20px; background: var(--main-color); border-radius: 30px; color: #fff; cursor: pointer; text-transform: uppercase; } .play-video svg { width: 24px; height: 24px; margin-right: 10px; } .vine-detailed__img-wrapper img { max-width: 100%; transition: 0.3s ease-in-out; } .vine-detailed__img-wrapper-arrow-right { background: url(/bitrix/templates/upfly/images/icons/arrow-img.svg) no-repeat, var(--main-color); background-size: contain; border-radius: 50%; background-origin: content-box; cursor: pointer; padding: 6px; position: absolute; top: calc(50% - 40px); right: 12px; width: 40px; height: 40px; z-index: 5; } .vine-detailed__img-wrapper-arrow-left { background: url(/bitrix/templates/upfly/images/icons/arrow-img.svg) no-repeat, var(--main-color); background-size: contain; border-radius: 50%; background-origin: content-box; cursor: pointer; padding: 6px; position: absolute; top: calc(50% - 40px); left: 12px; width: 40px; height: 40px; transform: rotate(180deg); z-index: 2; } .vine-detailed__description { width: 50%; } .vine-detailed__title { font-size: 48px; font-weight: 400; line-height: 1.1; } .vine-detailed__specifications { position: relative; margin: 32px 0; width: 50%; } .vine-detailed__specifications div { display: flex; justify-content: space-between; color: #999; margin: 6px 0; } .vine-detailed__specifications div span, .vine-detailed__specifications div a { color: #121212; } .vine-detailed__stamp { position: absolute; height: 120px; right: -100%; top: 90%; } .vine-detailed__description .product__value { font-size: 32px; } .vine-detailed__description .product__price { margin-bottom: 96px; } .vine-detailed__text { margin: 20px; line-height: 1.3; position: relative; } .vine-detailed__text::before { content: ""; background: url(/bitrix/templates/upfly/images/frame.svg) no-repeat; background-size: contain; height: 210px; width: 135px; position: absolute; left: 0px; top: -70px; transform: rotate(-90deg); } .vine-detailed__text::after { content: ""; background: url(/bitrix/templates/upfly/images/frame.svg) no-repeat; background-size: contain; height: 210px; width: 135px; position: absolute; right: 10px; bottom: -70px; transform: rotate(90deg); } .vine-detailed__recomendation-title { font-size: 36px; font-weight: 400; line-height: 1.1; margin: 40px 0 20px 0; text-align: center; } /* Винный ресторан */ .vine-restaurant-main { background: #f2f2f2; font-family: "PlayfairDisplay", serif; font-weight: 400; font-size: 18px; } .hero-vine-restaurant { background: url(/bitrix/templates/upfly/images/vine-restaurant-hero-img-5.jpg) no-repeat; background-size: cover; background-position: -50vw 0; display: flex; align-items: center; justify-content: flex-end; width: 100%; height: 100vh; position: relative; } .hero-vine-restaurant h1 { font-family: "PlayfairDisplay-Regular"; font-weight: 400; font-size: 5vw; line-height: 1.2; display: flex; flex-direction: column; align-items: flex-end; padding: 0 10vw 0 0; z-index: 1; } @media screen and (min-width: 802px) { .hero-vine-restaurant h1 { background: linear-gradient(to right, #fff 35%, #4f361c 35%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } } .hero-vine-restaurant h1 span { color: var(--main-color); font-style: italic; } .hero-vine-restaurant__marble { background: url(https://www.osteria.ru/upload/medialibrary/1ae/6z7o67twindy4ku4yd2i94hqmwgoo6ar/marble.jpg) no-repeat; background-size: cover; width: 50%; height: 100%; position: absolute; top: 0; right: 0; } .vine-restaurant-atmosphire { display: flex; align-items: center; justify-content: space-around; height: 80vh; position: relative; } .vine-restaurant-atmosphire h2 { color: var(--main-color); font-family: "Playfair"; font-style: italic; font-size: 5vw; font-weight: 400; line-height: 0.8; } .vine-restaurant-atmosphire__background { background: url(https://www.osteria.ru/upload/medialibrary/ebb/g0tcf0hisc2gc1c57gpyl36y9amwcg82/vine-tree-pattern.png) no-repeat; background-size: contain; width: 50%; height: 100%; position: absolute; left: 0; } .vine-restaurant-atmosphire__text { width: 40%; } .vine-restaurant-atmosphire__text-mark { display: block; color: var(--main-color); margin-left: auto; font-family: "Shlapak Script"; font-size: 32px; margin-top: 24px; width: fit-content; width: -moz-fit-content; } .vine-restaurant-about__back { background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/bitrix/templates/upfly/images/vine-restaurant-img-5.jpg) no-repeat; background-position: center; background-size: cover; width: 100%; height: 80vh; } .vine-restaurant-about__title { display: flex; flex-direction: column; align-items: center; font-size: 5vw; color: #fff; line-height: 1.2; transform: translateY(-53%); } .vine-restaurant-about__double-color { background: -webkit-linear-gradient(#fff 58%, var(--main-color) 42%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .vine-restaurant-about__text-1 { display: flex; justify-content: space-between; } .vine-restaurant-about__text-1 p { width: 40%; margin-top: 56px; } .vine-restaurant-about__text-2 { display: flex; position: relative; margin-top: 112px; } .vine-restaurant-about__text-2 img { position: absolute; bottom: 0; left: 0%; } .vine-restaurant-about__text-2 p { width: 70%; display: inline-block; margin-left: auto; margin-bottom: 32px; } .vine-restaurant-about__img-4 { display: block; margin: 64px 0 140px auto; } .restaurant-menu-about { display: flex; align-items: center; justify-content: space-between; width: 100%; } .restaurant-menu-about-title, .restaurant-vine-about-title, .our-team-desc h2, .interior__title { color: var(--main-color); font-size: 4vw; font-weight: 400; line-height: 1.2; margin-bottom: 40px; } .slide { display: none; transition: 0.3s ease-in-out; } .slide img { max-width: 100%; } .slide.active { display: block; } .menu-slider { position: relative; width: 45%; } .slide-desc { background: #fff; padding: 16px 24px; position: absolute; top: 80%; right: 112px; width: 50%; line-height: 1.2; } .restaurant-menu-about p { width: 50%; } .restaurant-vine-about-title { text-align: center; margin-top: 140px; margin-bottom: 128px; } .menu-buttons-wrapper { display: flex; justify-content: space-between; background: #fff; padding: 8px; width: 116px; cursor: pointer; position: absolute; bottom: 84px; right: 112px; z-index: 1; } svg.menu-button-left { transform: rotate(180deg); } .vine-card-about { background: #e5e5e5; display: flex; justify-content: space-between; padding: 40px 56px; position: relative; } .vine-card-about__desc { width: 55%; } .vine-card-slide { display: none; } .vine-card-slide p { max-height: 104px; } .vine-card-slide.vine-active { display: block; } .vine-card-about__img { width: 35%; transition: 0.3s ease-in-out; } .vine-card-about h3 { font-size: 32px; font-weight: 400; line-height: 1.2; margin-bottom: 32px; min-height: 74px; } .vine-card-about__thumbs { display: flex; overflow-x: scroll; scrollbar-width: none; margin-bottom: 32px; } .vine-card-about__thumbs::-webkit-scrollbar { display: none; } .vine-card-about__thumbs img { padding: 4px; width: 22%; margin-right: 3%; } .vine-card-about__thumbs img.border-active { border: 1px solid var(--main-color); } .second-btn { display: inline-block; border: 1px solid var(--main-color); color: inherit; text-decoration: none; text-align: center; padding: 16px 56px; transition: 0.3s ease-in-out; } .second-btn:hover { background: var(--main-color); color: #fff; } .vine-card-about-buttons { display: flex; justify-content: space-between; } .vine-card-right, .vine-card-left { display: inline-block; position: relative; cursor: pointer; margin: 32px 0; background: url(/bitrix/templates/upfly/images/icons/arrow-img.svg) no-repeat, var(--main-color); background-size: 60%; background-position: center; border-radius: 50%; background-origin: content-box; transition: 0.2s ease-in-out; } .vine-card-left{ transform: rotate(180deg); } .vine-card-right div, .vine-card-left div { border: 1px solid var(--main-color); border-radius: 50%; width: 38px; height: 38px; transition: 0.3s ease-in-out; z-index: 1; } .vine-card-right:hover{ transform: scale(1.15); } .vine-card-left:hover { transform: rotate(180deg) scale(1.15); } .vine-card-right svg { position: absolute; top: 19px; right: 19px; } .vine-card-left svg { position: absolute; top: 19px; left: 19px; transform: rotate(180deg); } .vine-card-about__img { position: absolute; width: 35%; bottom: 40px; right: 56px; aspect-ratio: 3/4; } .our-team { display: flex; align-items: flex-start; justify-content: space-between; margin: 128px 0; } .our-team-desc img { max-width: 100%; } .our-team-desc { width: 48%; } .our-team-somelie { width: 40%; aspect-ratio: 2/3; } .our-team-desc p { margin: 48px 0; } .our-team__mark { font-size: 4vw; font-family: "Shlapak Script"; color: #999; margin-top: 64px; } .interior { background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(https://www.osteria.ru/upload/medialibrary/2f5/9t5jrax6kf89dk5feu8se5fxzdadn8ne/vibe-6-1.jpg); background-size: cover; padding: 32px 0; } .interior__title { text-align: center; } .interior__content { display: flex; justify-content: space-between; width: 100%; } .interior__content img { max-width: 100%; } .interior__left, .interoir__right { display: flex; flex-wrap: wrap; justify-content: space-between; width: 62%; } .interoir__right { width: 36%; } .interior__img-md { width: 48%; } .interior__img-big { margin-top: 4%; width: 100%; } .form-about-us { background: url(https://www.osteria.ru/upload/medialibrary/f59/qzdqfil4editloq1k2wncvov2u234kyk/marble-pattern-2.png) no-repeat; background-size: cover; padding: 128px 0; } .form-about-us__title { color: #222; font-size: 4vw; font-weight: 400; line-height: 1.2; margin-bottom: 24px; width: 100%; } .form-about-us__wrapper, .form-about-us__wrapper form { display: flex; justify-content: space-between; flex-wrap: wrap; } .form-about-us__wrapper { align-items: center; } .form-about-us__left, .form-about-us__right { width: 48%; } .form-about-us__input { background: transparent; font-size: 18px; color: #222; border-bottom: 1px solid #222; margin-bottom: 32px; width: 45%; } .form-about-us__input.form__phone { width: 100%; } .form-about-us__wrapper form input[type="submit"] { width: 100%; padding: 12px; border: 1px solid var(--main-color); font-weight: 500; background: transparent; cursor: pointer; transition: 0.3s ease-in-out; } .form-about-us__wrapper form input[type="submit"]:hover { background: var(--main-color); color: #fff; } .form-about-us__wrapper ymaps { filter: grayscale(1); } /* Винная карта списком */ .vine__heading.list { font-family: "Iowan Old Style", serif; text-align: center; font-size: 40px; margin-bottom: 30px; } .product-list__category { margin-bottom: 80px; } .product-list__category-title { display: flex; justify-content: space-between; font-family: "Iowan Old Style", serif; font-size: 24px; margin-bottom: 20px; color: #696969; } .product-list__title-wrap { display: flex; align-items: center; } .product-list__item { display: flex; align-items: flex-start; justify-content: space-between; font-family: "Iowan Old Style", serif; line-height: 1.6; color: #121212; margin-bottom: 30px; } .product-list__title { font-family: "Iowan Old Style", serif; font-size: 20px; } .product-list__title:hover { color: var(--main-color); } .product-list__subtitle, .product-list__spec-wrap { font-size: 14px; } .product-list__price { display: flex; } .product-list__spec-wrap { color: #696969; } .product-list__price-item { display: flex; margin-left: 40px; min-width: 48px; } .product-list__price-item img { width: 76px; height: 76px; margin-left: 20px; } .product-list__price-item-inner { font-size: 20px; } .product-list__price-item-inner span { font-size: 16px; margin-left: 6px; } .product-list__price-item-desc { font-size: 14px; color: #696969; } @media print { body { visibility: hidden; } .header, .bx-breadcrumb, .categories { display: none; } #form-presets, #panel { display: none; } .footer, .liinter{ display: none; } section[data-catalog-print]{ margin: 40px auto 20px; } #products { visibility: visible; } .vine__heading.list { font-size: 28px; } .product-list__category-title { font-size: 18px; font-weight: bold; font-style: italic; margin-bottom: 10px; } a[href]:after { content: ""; } .product-list__item { line-height: 1.4; margin-bottom: 12px; } .product-list__title-wrap { page-break-inside: avoid; } .product-list__title-wrap { max-width: 50%; } .product-list__title, .product-list__price-item-inner { font-size: 15px; } .product-list__price-item-inner span { font-size: 12px; } .product-list__subtitle, .product-list__spec-wrap { font-size: 12px; } } /* Tasting */ .tasting__title { font-family: Playfair Display, serif; font-size: 3vw; line-height: 1; font-weight: 360; color: #121212; text-align: center; } .tasting__title span { font-style: italic; color: var(--main-color); } .tasting__info { display: flex; align-items: center; margin: 120px 0; position: relative; } .tasting__text { color: #121212; width: 35%; margin-right: 60px; } .tasting__text p { margin-bottom: 20px; } .tasting__bloquote_1 { position: absolute; width: 280px; right: 2%; top: 26%; font-size: 20px; color: #121212; text-transform: uppercase; line-height: 1.4; z-index: 1; } .tasting__bloquote_2 { width: 300px; position: absolute; right: 1%; bottom: 25%; font-size: 20px; color: #121212; text-transform: uppercase; line-height: 1.4; z-index: 1; } .tasting__main-img { max-width: 35%; } .tasting__second-img { position: absolute; width: 200px; right: 0; top: 0; } .tasting-btn { padding: 15px 30px; background: #222; color: #fff; width: fit-content; line-height: 1; cursor: pointer; text-transform: uppercase; font-size: 14px; } /* Media */ @media (min-width: 1981px) { .product__title { font-size: 1.2vw; } .tasting__title { font-size: 3vw; } } @media (max-width: 1600px) { .product__img-wrapper { height: 50vw; } .product__desc { padding: 20px 40px; } /* Винный ресторан */ .vine-restaurant-about__img-1 { width: 500px; } .vine-restaurant-about__text-2 img { width: 200px; } } @media (max-width: 1367px) { .heading__desc { font-size: 20px; } .product__price-desc { font-size: 14px; } /* .product__price::before { left: 168px; } */ .product__arrow-right, .product__arrow-left { width: 32px; height: 32px; } /* Винный ресторан */ .slide-desc { top: 78%; width: 55%; } .our-team-somelie { width: 48%; } .tasting__text { font-size: 14px; } } @media (max-width: 1025px) { .hero { height: calc(100vh - 80px); } .hero__img { top: 0%; height: 100%; aspect-ratio: 16/9; max-width: 250%; width: 250%; } .heading__subtitle { font-size: 7vw; } .hero__text { width: 40%; font-size: 16px; } .hero__slogan { font-size: 7vw; } .product__desc { font-size: 14px; line-height: 1.4; padding: 20px 20px; } .categories { padding: 0 20px; width: 25%; } .categories__content::before { height: 160px; width: 110px; right: 20px; top: 1px; } .categories__content::after { height: 160px; width: 110px; left: -10px; bottom: -10px; } .categories__heading { font-size: 24px; margin: 16px 0; } .categories__title { font-size: 18px; margin: 0px 0 4px 0; } .categories ul { margin-bottom: 16px; } .product__specifications { margin: 8px 0; } .product__text { font-size: 13px; } .product__price-desc { font-size: 12px; margin: 0px 32px 0 0; } /* .product__price::before { left: 45%; } */ .product__show-more { margin-bottom: 12px; } .article__card { width: 40%; } /* детальная карточка вина */ .vine-detailed__title { font-size: 36px; } .vine-detailed__description .product__value { font-size: 28px; } .vine-detailed__stamp { top: 100%; height: 90px; } .vine-detailed__text { font-size: 16px; } .vine-detailed__description .product__price { margin-bottom: 64px; } .vine-detailed__recomendation-title { font-size: 28px; } /* Винный ресторан */ .vine-restaurant-about__text-2 img { left: 2%; width: 180px; } .vine-restaurant-about__img-4 { width: 600px; } .restaurant-menu-about p { width: 35%; } .menu-slider { width: 60%; } .slide-desc { bottom: -94px; } .vine-card-slide p { max-height: unset; } .tasting__info { flex-direction: column-reverse; } .tasting__text { margin: 20px 0 0; width: 50%; } .tasting__main-img { max-width: 46%; } .tasting__second-img { top: 30%; } .tasting__bloquote_1 { left: 50%; top: 45%; } } @media (max-width: 801px) { .hero__content { flex-direction: column; } .hero img { max-width: fit-content; max-width: -moz-fit-content; max-width: -webkit-fit-content; } .hero__img { transform: translate(0, 0); width: auto; } .heading { align-items: flex-start; } .heading__title { font-size: 9vw; } .heading__subtitle { font-size: 9vw; margin: 0; } .heading__desc { width: 50%; margin: 12px 0 0 38px; } .hero__text { margin-left: auto; margin-top: 32px; width: 80%; } .hero__slogan { font-size: 9vw; } .replaced_text::before { left: 10px; } .main-vine { flex-direction: column; } .categories { padding: 0; width: 100%; } .categories__content::before, .categories__content::after { display: none; } .categories__filter-btns { display: flex; align-items: stretch; font-size: 14px; line-height: 1.3; } .categories__vine-btn, .categories__filter-btn { width: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid var(--main-color); padding: 8px 0; position: relative; } .categories__vine-btn::before { content: ""; background: url(/bitrix/templates/upfly/images/icons/filter_menu.svg) no-repeat; background-size: contain; display: block; margin-right: 4px; width: 16px; height: 16px; position: relative; } .categories__filter-btn::before { content: ""; background: url(/bitrix/templates/upfly/images/icons/icon_filtering.svg) no-repeat; background-size: contain; display: block; margin-right: 4px; width: 16px; height: 16px; position: relative; } .close-filter-1, .close-filter-2 { display: block; background: url(/bitrix/templates/upfly/images/icons/close.svg) no-repeat; background-size: contain; width: 16px; height: 16px; position: absolute; right: 28px; top: 28px; z-index: 2; } .categories__vine, .categories__filter { display: none; position: fixed; top: 0; left: 0; transform: translate(-100px, 0); padding: 40px 20px 0 20px; background: #fff; width: 100%; height: 100%; z-index: 99; overflow: scroll; } .product__wrapper { width: 100%; } .product__img-wrapper { height: 65vw; } .product__title { font-size: 3vw; } .product__value { font-size: 18px; } /* .product__price::before { left: 148px; } */ .article__card { width: 50%; } .article__card-title { font-size: 20px; } .article__card-text { margin-top: 4px; } .article__card-link a { font-size: 16px; } .article__card-link a::before { top: 17px; height: 10px; } /* детальная карточка вина */ .vine-detailed__product { flex-direction: column; } .vine-detailed__img-wrapper, .vine-detailed__description { width: 100%; } .vine-detailed__title { margin-top: 20px; } .vine-detailed__text::before { left: 10px; top: -60px; } .vine-detailed__text::after { bottom: -60px; } /* Винный ресторан */ .hero-vine-restaurant__marble { display: none; } .hero-vine-restaurant { background-position: right; justify-content: center; } .hero-vine-restaurant h1 { font-size: 10vw; color: #fff; padding: 0; } .hero-vine-restaurant__overlay { background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .vine-restaurant-atmosphire { flex-direction: column; justify-content: center; } .vine-restaurant-atmosphire h2 { margin-bottom: 32px; font-size: 10vw; } .vine-restaurant-atmosphire__text { width: 80%; } .vine-restaurant-atmosphire__background { width: 100%; } .vine-restaurant-about__back { height: 60vh; } .vine-restaurant-about__title { font-size: 7vw; } .vine-restaurant-about__text-1 { flex-direction: column-reverse; } .vine-restaurant-about__text-1 p { margin-top: 32px; width: 100%; } .vine-restaurant-about__img-1 { width: 200px; } .vine-restaurant-about__text-2 { flex-direction: column; margin-top: 0; } .vine-restaurant-about__text-2 img { width: 90px; position: static; margin: 24px 0 24px auto; } .vine-restaurant-about__text-2 p { width: 100%; } .vine-restaurant-about__img-4 { width: 400px; margin-top: 32px; margin-left: 0; } .restaurant-menu-about { flex-direction: column-reverse; } .menu-slider { width: 100%; } .restaurant-menu-about p { width: 100%; margin-bottom: 32px; } .restaurant-menu-about-title, .restaurant-vine-about-title, .our-team-desc h2, .interior__title { font-size: 6vw; margin-bottom: 24px; } .menu-buttons-wrapper { bottom: 62px; } .vine-card-about { flex-direction: column-reverse; } .vine-card-about__desc { width: 100%; } .vine-card-about__img { width: 100%; position: static; } .vine-card-about h3 { margin: 24px 0; } .second-btn { display: block; width: fit-content; width: -moz-fit-content; margin: 0 auto; } .our-team__mark { margin-top: 32px; } .our-team-desc { width: 55%; } .our-team-desc p { margin: 24px 0; } .form-about-us__title { font-size: 6vw; text-align: center; margin-bottom: 0; } .form-about-us__wrapper { flex-direction: column; } .form-about-us__left, .form-about-us__right { width: 100%; margin-top: 40px; } .tasting__bloquote_1 { top: 5%; font-size: 16px; right: 0; } .tasting__text { margin: 20px 0 0; width: 50%; } .tasting__bloquote_2 { font-size: 16px; bottom: 60%; right: 0; } } @media (max-width: 481px) { .section_desc img { display: block; float: none; margin: 0px auto 15px auto; } .heading__subtitle { font-size: 12vw; margin: 0; } .heading__desc { width: 75%; font-size: 18px; margin: 4px 0 0 38px; } .hero__text { line-height: 1.3; width: 100%; } .hero__slogan { font-size: 12vw; } .product { flex-direction: column; margin-top: 16px; max-height: none; } .product__img-wrapper { height: 120vw; width: 100%; } .product__desc { width: 100%; } .product__desc { padding: 12px 16px; } .product__title { font-size: 18px; } .product__specifications { display: flex; flex-flow: wrap; color: #696969; } .product__specifications div { position: relative; margin-right: 8px; } .product__specifications div:not(:last-child)::after { content: " / "; color: #353535; font-size: 16px; margin-left: 3px; } .product__text { display: none; } .product__show-more { margin-bottom: 8px; } .product__show-more::before { top: 14px; height: 8px; } .article { margin: 24px 0 80px 0; } .article__title { font-size: 28px; margin-bottom: 16px; } .article__card { width: 100%; } .article__card-text { font-size: 14px; margin-bottom: 8px; } .article__card-link a::before { top: 13px; height: 6px; } /* Детальная карточка вина */ .vine-detailed__title { font-size: 24px; } .vine-detailed__specifications { width: 100%; margin: 20px 0; } .vine-detailed__description .product__value { font-size: 20px; } .vine-detailed__stamp { position: static; } .vine-detailed__description .product__price { margin-bottom: 96px; } .vine-detailed__text { margin: 10px; } .vine-detailed__text::before { height: 140px; width: 90px; left: 5px; top: -45px; } .vine-detailed__text::after { height: 140px; width: 90px; right: 5px; bottom: -45px; } .vine-detailed__recomendation-title { font-size: 20px; } /* Винный ресторан */ .vine-restaurant-atmosphire__text { width: 100%; } .vine-restaurant-about__back { height: 40vh; } .vine-restaurant-about__img-4 { margin-bottom: 64px; max-width: 100%; } .restaurant-menu-about-title, .restaurant-vine-about-title, .our-team-desc h2, .interior__title { font-size: 10vw; } .slide-desc { position: static; width: auto; } .menu-buttons-wrapper { bottom: auto; top: 52vw; right: 0; } .vine-card-about { padding: 20px; } .vine-card-about h3 { font-size: 24px; } .second-btn { padding: 16px 24px; } .our-team { flex-direction: column; margin: 64px 0; } .our-team-somelie { width: 100%; } .our-team-desc { width: 100%; margin-top: 24px; } .our-team__mark { font-size: 9vw; margin-top: 24px; } .interior__content { flex-direction: column; } .interior__left, .interoir__right { width: 100%; } .interoir__right { margin-top: 4%; } .form-about-us { padding: 64px 0; } .form-about-us__title { font-size: 9vw; } .vine-detailed__images { width: 100%; } .tasting__title { font-size: 7vw; } .tasting__info { flex-direction: column-reverse; align-items: flex-start; margin: 80px 0; } .tasting__second-img { top: 0; max-width: 160px; position: relative; } .tasting__bloquote_1 { font-size: 14px; top: -65px; right: 0; left: 0; position: absolute; } .tasting__bloquote_2 { font-size: 16px; bottom: auto; right: 0; left: 0; top: 21%; font-size: 14px; } .tasting__text { width: 100%; margin: 80px 0; } } @media (max-width: 320px) { .hero__text { display: none; } .product__img-wrapper { height: 370px; } .product__specifications { font-size: 12px; } .product__price-desc { font-size: 12px; margin: 0px 8px 0 0; } /* .product__price::before { display: none; } */ } .eichDva h2 { font-family: "Iowan Old Style"; font-size: 26px; } /* End */ /* Start:/local/templates/upfly/css/course-style.css?17054969654778*/ .course { color: #222222; line-height: 1.2; } .course-hero { height: calc(100vh - 216px); display: flex; align-items: center; position: relative; line-height: 1.2; } .course-hero__img { background: linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1)), url(https://www.osteria.ru/bitrix/templates/upfly/images/main-bg.webp) no-repeat; background-size: cover; height: 100%; width: 70%; position: absolute; right: 0; top: 0; } .course-hero__inner { z-index: 1; max-width: 560px; } .course-hero__from { margin-bottom: 10px; } .course__h1 { font-size: 48px; margin-bottom: 30px; } .course-hero__desc { font-size: 24px; font-weight: bold; margin-bottom: 40px; } .course-hero__btn { padding: 15px 30px; background: #222; color: #fff; width: fit-content; line-height: 1; cursor: pointer; } .course-text { font-size: 28px; font-weight: bold; margin: 120px 0; text-indent: 120px; line-height: 1.4; } .course-text span { color: var(--main-color); } .course-for { margin: 120px 0; } .course-for__title { font-size: 48px; text-align: center; font-weight: bold; margin-bottom: 40px; } .course-for__inner { display: flex; align-items: stretch; gap: 20px; } .course-for__card { flex: 1; padding: 20px; border: 1px solid var(--main-color); display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 20px; } .course-for__card__title { font-size: 24px; text-transform: uppercase; font-weight: bold; color: var(--main-color); text-align: center; } .course-for__card__text { text-align: center; } .course-for__card img { max-width: 100%; } .course-benefits { margin: 120px 0; } .course-benefits__title { font-size: 48px; text-align: center; font-weight: bold; margin-bottom: 40px; } .course-benefits__inner { display: flex; flex-wrap: wrap; } .course-benefits__item { flex: 0 0 33.3%; } .course-benefits__item__inner { padding: 30px; display: flex; flex-direction: column; gap: 10px; } .course-benefits__item__title { font-size: 24px; color: #999; } .course-variant__title { font-size: 24px; font-weight: bold; } .course-variant { display: flex; margin: 160px 0; } .course-variant__title { font-size: 24px; font-weight: bold; flex: 0 0 320px; margin-right: 25%; } .course-variant__text { font-size: 20px; line-height: 1.4; margin-bottom: 40px; } .course-variant__benefits__item { padding: 30px; border-top: 1px solid #909090; color: #696969; transition: 0.3s ease-in-out; } .course-variant__benefits__item:hover { background: var(--main-color); color: #fff; } .course-variant__benefits__item:last-child { border-bottom: 1px solid #909090; } .course-variant__price { margin-top: 40px; line-height: 1.4; } .course-variant__price__desc { font-size: 18px; font-weight: bold; } .course-variant__price__desc span { color: #696969; font-size: 16px; font-weight: 400; } .course-variant__price__btn { padding: 15px; text-align: center; color: #fff; background: #222; margin-top: 40px; cursor: pointer; } @media (max-width: 1024px) { .course-variant__title { margin-right: 120px; } } @media (max-width: 768px) { .course-hero__img { width: 100%; } .course__h1 { font-size: 36px; } .course-hero__desc { font-size: 20px; } .course-hero__inner { padding: 0 20px; } .course-text { font-size: 24px; } .course-for__title, .course-benefits__title { font-size: 36px; } .course-for__card__title { font-size: 20px; } .course-benefits__item { flex: 0 0 50%; } .course-variant { flex-direction: column; } .course-variant__title { margin: 0; flex: 0; text-align: center; margin-bottom: 20px; } .course-variant__text { font-size: 18px; } } @media (max-width: 560px) { .course-hero { height: calc(100vh - 80px); } .course-hero__inner { width: 100%; } .course__h1 { font-size: 24px; } .course-hero__desc { font-size: 16px; } .course-text { text-indent: 0; font-size: 20px; } .course-for__title { font-size: 28px; } .course-for__inner { flex-direction: column; } .course-benefits__title { font-size: 28px; } .course-benefits__item { flex: 0 0 100%; } .course-benefits__item__inner { padding: 15px; } .course-variant__benefits__item { padding: 30px 0; } } /* End */ /* Start:/local/templates/upfly/components/bitrix/system.auth.form/header_auth/style.css?1663657336443*/ div.bx-system-auth-form span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:bottom; margin-top:-1px;} div.bx-system-auth-form div.bx-auth-secure-icon {background-image:url(/local/templates/upfly/components/bitrix/system.auth.form/header_auth/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;} div.bx-system-auth-form div.bx-auth-secure-unlock {background-image:url(/local/templates/upfly/components/bitrix/system.auth.form/header_auth/images/sec-unlocked.png);} /* End */ /* Start:/local/templates/upfly/components/bitrix/main.register/register/style.css?1663657336463*/ div.bx-auth-reg input.bx-auth-input {vertical-align:middle;} div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;} div.bx-auth-reg div.bx-auth-secure-icon {background-image:url(/local/templates/upfly/components/bitrix/main.register/register/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;} div.bx-auth-reg div.bx-auth-secure-unlock {background-image:url(/local/templates/upfly/components/bitrix/main.register/register/images/sec-unlocked.png);} /* End */ /* Start:/local/templates/upfly/components/bitrix/menu/menu_header_line/style.css?1663592810581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/upfly/components/bitrix/menu/menu_header_line/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/upfly/components/bitrix/menu/menu_header_top/style.css?1663592810581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/upfly/components/bitrix/menu/menu_header_top/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/upfly/components/bitrix/sale.basket.basket.line/sale_baket_header_new/style.css?16635928114470*/ .bx-basket { } .bx-basket-block { position: relative; padding-bottom: 5px; padding-left: 20px; white-space: nowrap; font-size: 12px; } .bx-basket-block > .fa { position: absolute; top: 3px; left: 0; width: 12px; color: #97a1ab; } .bx-basket-block a { margin-right: 10px; } /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed { position: fixed; z-index: 998; overflow: hidden; padding-top: 10px; width: 200px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-fixed.top { top: 10px } .bx-basket-fixed.right { right: 10px } .bx-basket-fixed.bottom { bottom: 10px } .bx-basket-fixed.left { left: 10px } .bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; } .block-store-catalog-list .bx-basket-fixed.bottom { bottom: 70px } } @media (max-width: 767px) { .bx-basket-fixed { position: fixed; right: 0; bottom: 0; left: 0; z-index: 998; overflow: hidden; padding-top: 10px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-item-list { display: none; } /*.bx-basket-fixed */ } .bx-basket-fixed .bx-basket-block { margin-left: 10px; } .bx-basket-item-list { position: relative; overflow: hidden; padding-bottom: 20px; border-top: 1px solid #f7f7f7; } .bx-opener .bx-basket-item-list { padding-bottom: 75px; } .bx-max-height .bx-basket-item-list { position: absolute; right: 0; bottom: 0; left: 0; } .bx-closed .bx-basket-item-list { overflow: hidden; height: 20px; } .bx-basket-item-list-action { position: absolute; right: 0; bottom: 0; left: 0; z-index: 120; padding: 3px 0; height: 20px; background: #f7f7f7; color: #4f4f4f; vertical-align: middle; text-align: center; font-size: 12px; line-height: 14px; cursor: pointer; } .bx-basket-item-list-button-container { position: absolute; right: 0; bottom: 20px; left: 0; padding: 10px 0; border-top: 1px solid #f7f7f7; background: #fff; text-align: center; } .bx-basket-item-list-container { overflow-y: auto; max-height: 100% } .bx-basket-item-list-item { position: relative; margin-bottom: 15px; padding-top: 15px; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #f7f7f7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child { margin-bottom: 0; border-bottom: none; } .bx-basket-item-list-item-status { margin: 0 10px 20px; padding: 3px; border-radius: 3px; background: #ebebeb; text-align: center; white-space: normal; font-weight: bold; font-size: 12px; line-height: 16px; } .bx-basket-item-list-item-img { position: relative; padding-bottom: 5px; text-align: center; } .bx-basket-item-list-item-img img { max-width: 90px; height: auto; border: 1px solid #e6e6e6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; line-height: 16px; } .bx-basket-item-list-item-remove { position: absolute; top: -7px; right: 10px; width: 20px; height: 20px; opacity: .5; cursor: pointer; transition: 250ms linear all; } .bx-basket-item-list-item-remove:after, .bx-basket-item-list-item-remove:before { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 2px; border-radius: 1px; background-color: #333; content: ''; transform: translate(-50%, -50%); } .bx-basket-item-list-item-remove:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .bx-basket-item-list-item-remove:before { -webkit-transform: translate(-50%, -50%) rotate(135deg); -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .bx-basket-item-list-item-remove:hover { opacity: .7; } .bx-basket-item-list-item-price-block { padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price { display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old { display: inline-block; margin-right: 5px; color: #b0b0b0; text-decoration: line-through } .bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; } /* End */ /* Start:/local/templates/upfly/components/bitrix/menu/menu_header_bottom/style.css?1663592810581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/upfly/components/bitrix/menu/menu_header_bottom/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/upfly/components/bitrix/sale.basket.basket.line/sale_baket_header_fixed/style.css?16635928114470*/ .bx-basket { } .bx-basket-block { position: relative; padding-bottom: 5px; padding-left: 20px; white-space: nowrap; font-size: 12px; } .bx-basket-block > .fa { position: absolute; top: 3px; left: 0; width: 12px; color: #97a1ab; } .bx-basket-block a { margin-right: 10px; } /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed { position: fixed; z-index: 998; overflow: hidden; padding-top: 10px; width: 200px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-fixed.top { top: 10px } .bx-basket-fixed.right { right: 10px } .bx-basket-fixed.bottom { bottom: 10px } .bx-basket-fixed.left { left: 10px } .bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; } .block-store-catalog-list .bx-basket-fixed.bottom { bottom: 70px } } @media (max-width: 767px) { .bx-basket-fixed { position: fixed; right: 0; bottom: 0; left: 0; z-index: 998; overflow: hidden; padding-top: 10px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-item-list { display: none; } /*.bx-basket-fixed */ } .bx-basket-fixed .bx-basket-block { margin-left: 10px; } .bx-basket-item-list { position: relative; overflow: hidden; padding-bottom: 20px; border-top: 1px solid #f7f7f7; } .bx-opener .bx-basket-item-list { padding-bottom: 75px; } .bx-max-height .bx-basket-item-list { position: absolute; right: 0; bottom: 0; left: 0; } .bx-closed .bx-basket-item-list { overflow: hidden; height: 20px; } .bx-basket-item-list-action { position: absolute; right: 0; bottom: 0; left: 0; z-index: 120; padding: 3px 0; height: 20px; background: #f7f7f7; color: #4f4f4f; vertical-align: middle; text-align: center; font-size: 12px; line-height: 14px; cursor: pointer; } .bx-basket-item-list-button-container { position: absolute; right: 0; bottom: 20px; left: 0; padding: 10px 0; border-top: 1px solid #f7f7f7; background: #fff; text-align: center; } .bx-basket-item-list-container { overflow-y: auto; max-height: 100% } .bx-basket-item-list-item { position: relative; margin-bottom: 15px; padding-top: 15px; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #f7f7f7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child { margin-bottom: 0; border-bottom: none; } .bx-basket-item-list-item-status { margin: 0 10px 20px; padding: 3px; border-radius: 3px; background: #ebebeb; text-align: center; white-space: normal; font-weight: bold; font-size: 12px; line-height: 16px; } .bx-basket-item-list-item-img { position: relative; padding-bottom: 5px; text-align: center; } .bx-basket-item-list-item-img img { max-width: 90px; height: auto; border: 1px solid #e6e6e6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; line-height: 16px; } .bx-basket-item-list-item-remove { position: absolute; top: -7px; right: 10px; width: 20px; height: 20px; opacity: .5; cursor: pointer; transition: 250ms linear all; } .bx-basket-item-list-item-remove:after, .bx-basket-item-list-item-remove:before { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 2px; border-radius: 1px; background-color: #333; content: ''; transform: translate(-50%, -50%); } .bx-basket-item-list-item-remove:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .bx-basket-item-list-item-remove:before { -webkit-transform: translate(-50%, -50%) rotate(135deg); -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .bx-basket-item-list-item-remove:hover { opacity: .7; } .bx-basket-item-list-item-price-block { padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price { display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old { display: inline-block; margin-right: 5px; color: #b0b0b0; text-decoration: line-through } .bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; } /* End */ /* Start:/local/templates/upfly/components/bitrix/menu/menu_footer_new/style.css?1663592810581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/upfly/components/bitrix/menu/menu_footer_new/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* /local/assets/css/fancybox.min.css?166358913215598 */ /* /local/assets/css/jq.fancybox.css?166358913212795 */ /* /local/templates/upfly/css/main_old.css?174862848859803 */ /* /local/templates/upfly/css/media_old.css?173037287618640 */ /* /local/templates/upfly/css/slick.css?16635928421776 */ /* /local/templates/upfly/css/style.css?173037224153199 */ /* /local/templates/upfly/css/media.css?173038113247021 */ /* /local/templates/upfly/css/restaurant-menu.css?173384010817075 */ /* /local/templates/upfly/css/vine-map.css?174721567238601 */ /* /local/templates/upfly/css/course-style.css?17054969654778 */ /* /local/templates/upfly/components/bitrix/system.auth.form/header_auth/style.css?1663657336443 */ /* /local/templates/upfly/components/bitrix/main.register/register/style.css?1663657336463 */ /* /local/templates/upfly/components/bitrix/menu/menu_header_line/style.css?1663592810581 */ /* /local/templates/upfly/components/bitrix/menu/menu_header_top/style.css?1663592810581 */ /* /local/templates/upfly/components/bitrix/sale.basket.basket.line/sale_baket_header_new/style.css?16635928114470 */ /* /local/templates/upfly/components/bitrix/menu/menu_header_bottom/style.css?1663592810581 */ /* /local/templates/upfly/components/bitrix/sale.basket.basket.line/sale_baket_header_fixed/style.css?16635928114470 */ /* /local/templates/upfly/components/bitrix/menu/menu_footer_new/style.css?1663592810581 */