*,:before,:after{box-sizing:border-box}html{tab-size:4;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0;font-family:system-ui,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--accent:#e17992;--fon:#ffb8ca;--accent-text:#d41443;--accent-salmon:#ffa5ba;--text-black:#000;--comit-fon:#907e82;--focus-white:#fff;--cubic:250ms cubic-bezier(.4,0,.2,1);--accent-bg:#d41342;--dull-yellow:#f0d1a5;--dull-green:#c2e297;--hover-btn-color:#c7133e;--inverse-hover-btn-color:#ecebeb}body{width:100%;font-family:DM Sans}html{scroll-behavior:smooth}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background-color:#f9f9fd;border-radius:10px;box-shadow:inset 5px 5px 5px -5px rgba(34,60,80,.2)}body::-webkit-scrollbar-thumb{background:linear-gradient(#d41443,#ffa5ba);border-radius:10px}.none{display:none}.hidden{overflow:hidden}.is-open{opacity:0}a{text-decoration:none}a:focus{outline:none}ul{margin:0;padding:0;list-style-type:none}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}img{width:100%;height:auto;display:block}svg{fill:currentColor}input{margin:0;padding:0}button{cursor:pointer;border:none;margin:0;padding:0;display:inline-block}section{margin:0 auto}.visually-hidden{width:1px;height:1px;clip:rect(0 0 0 0);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;margin:0 auto;padding:0 20px}@media screen and (min-width:768px){.container{width:768px;padding:0 16px}}@media screen and (min-width:1280px){.container{width:1280px}}.header{transition:background-color .25s linear}.header-box{align-items:center;padding-top:6px;display:flex}.logo{color:var(--accent-text);align-items:center;font-family:Titan One;font-size:26px;font-style:normal;font-weight:400;line-height:1.15385;display:flex}.logo__photo{width:50px;height:50px;border-radius:50%;margin-right:20px}.header__menu{z-index:5;opacity:1;transition:opacity 250ms var(--cubic);background-color:rgba(0,0,0,0);margin-left:auto;position:relative}.header__dutton-end{z-index:1001;background-color:rgba(0,0,0,0);position:absolute;top:23px;right:28px}.header__button-two{width:100%;height:44px;opacity:1;transition:opacity 250ms var(--cubic);background-color:#fff;margin:0 auto 32px}.header__button-one{opacity:1;transition:opacity 250ms var(--cubic)}.nav-list{gap:22px;display:grid}.nav-list__link{z-index:5;color:#fff;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:700;line-height:1.28571;transition:color .25s linear;position:relative}.nav-list__link:hover,.nav-list__link:focus,.nav-list__link--color{color:var(--accent-text)}.nav-list__link-decoration-r{color:var(--accent-text);opacity:0;transition:transform .25s linear,opacity .25s linear;display:block;position:absolute;top:0;right:-10px;transform:translate(25px)}.nav-list__link:hover .nav-list__link-decoration-r,.nav-list__link:focus .nav-list__link-decoration-r{opacity:1;transform:translate(0)}.nav-list__link-decoration-l{color:var(--accent-text);opacity:0;transition:transform .25s linear,opacity .25s linear;display:block;position:absolute;top:0;left:-10px;transform:translate(-25px)}.nav-list__link:hover .nav-list__link-decoration-l,.nav-list__link:focus .nav-list__link-decoration-l{opacity:1;transform:translate(0)}.is-open{opacity:0}.header__button{width:176px;height:44px;background-color:var(--focus-white);color:var(--accent-text);transition:var(--cubic);border-radius:22px;justify-content:space-between;align-items:center;padding-left:37px;padding-right:37px;font-family:DM Sans;font-size:16px;font-style:normal;font-weight:700;line-height:1.3125;display:flex}@media screen and (min-width:768px){.header__button{font-size:16px;line-height:1.3125}}.header__button svg{margin-left:24px}.header__button:hover,.header__button:focus{background-color:#ecebeb;padding-left:10px;padding-right:10px}@media screen and (max-width:767.9px){.header__button-one{display:none}}@media screen and (max-width:1279.9px){.header{background-color:var(--fon)}.nav-box{padding:60px 21px}.nav{z-index:1000;width:254px;height:100%;background-color:var(--accent);opacity:0;transition:transform .25s linear,opacity .25s linear;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.nav--show{opacity:1;transform:translate(0)}}@media screen and (max-width:1279.9px) and (max-width:480px){.nav{width:100%}}@media screen and (max-width:1279.9px){.back-top{z-index:900;width:50px;height:50px;background-color:var(--fon);border-color:rgba(0,0,0,0);border-radius:50%;display:none;position:fixed;bottom:10px;right:10px}}@media screen and (max-width:1279.9px){.back-top:before,.back-top:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media screen and (max-width:1279.9px){.back-top:before{width:5px;height:25px;background-color:#f5f0f6;border-top-left-radius:3px;border-top-right-radius:3px}}@media screen and (max-width:1279.9px){.back-top:after{width:15px;height:15px;border-top:5px solid #f5f0f6;border-left:5px solid #f5f0f6;transform:translate(-50%,-60%)rotate(45deg)}}@media screen and (min-width:768px){.header-box{padding-top:20px;padding-bottom:20px}.header__menu{margin-right:30px}.header__button svg{margin-left:12px}.header__button-one{width:160px;height:44px;background-color:#fff}.header__button-two{width:186px;margin-left:auto;margin-right:auto;display:block}.nav-box{padding-left:24px;padding-right:24px}}@media screen and (min-width:1280px){.header__dutton-end{display:none}.header{z-index:1000;position:fixed;top:0;left:0;right:0}.header__menu,.header__button-two{display:none}.nav{z-index:1001;margin:0 auto}.nav-box{padding:0}.nav-list{gap:35px;display:flex}.nav-list__link{z-index:1001;font-family:DM Sans;font-size:16px;font-style:normal;font-weight:700;line-height:1.3125;position:relative}}.hero{background-color:var(--fon);height:444px;width:100%;overflow:hidden}@media screen and (min-width:768px){.hero{height:315px;overflow:visible}}@media screen and (min-width:1280px){.hero{height:664px}}.hero-container{height:100%;position:relative;overflow:hidden}@media screen and (min-width:768px){.hero-container{overflow:visible}}.hero-container:after{content:"";background-color:var(--accent-salmon);width:346px;height:344px;border-radius:50%;display:block;position:absolute;bottom:75px;left:50%;transform:translate(-36%)}@media screen and (min-width:768px){.hero-container:after{width:335px;height:333px;bottom:40px;transform:translate(-41%)}}@media screen and (min-width:1280px){.hero-container:after{width:534px;height:534px;bottom:77px}}@keyframes changePosition{0%{opacity:0;left:-180%}to{opacity:1;left:50%}}.hero-container:after{animation-name:changePosition;animation-duration:2s}.hero-ice-cream{width:171px;height:410px;z-index:1;position:absolute;bottom:0;left:37%}@media screen and (min-width:768px){.hero-ice-cream{width:143px;height:336px;left:43%}}@media screen and (min-width:1280px){.hero-ice-cream{width:236px;height:557px}}.hero__content{z-index:2;position:absolute;top:136px}@media screen and (min-width:768px){.hero__content{top:0}}@media screen and (min-width:1280px){.hero__content{top:147px}}.hero__title{text-transform:uppercase;color:var(--focus-white);max-width:218px;margin-bottom:20px;font-family:Titan One;font-size:26px;font-style:normal;font-weight:400;line-height:1.15385}@media screen and (min-width:768px){.hero__title{max-width:162px;font-family:Titan One;font-size:22px;font-style:normal;font-weight:400;line-height:1.13636}}@media screen and (min-width:1280px){.hero__title{max-width:277px;margin-bottom:24px;font-family:Titan One;font-size:38px;font-style:normal;font-weight:400;line-height:1.15789}}.title__accent{color:var(--accent-text);font-family:Titan One;font-size:48px;font-style:normal;font-weight:400;line-height:.958333}@media screen and (min-width:768px){.title__accent{font-family:Titan One;font-size:34px;font-style:normal;font-weight:400;line-height:.882353}}@media screen and (min-width:1280px){.title__accent{font-family:Titan One;font-size:58px;font-style:normal;font-weight:400;line-height:.896552}}.hero__button-list{display:flex}.hero__button-item{transition:transform 250ms var(--cubic),color 250ms var(--cubic),background-color 250ms var(--cubic);background-color:var(--accent-text);border-radius:20px}.hero__button-item:hover,.hero__button-item:focus{background-color:var(--hover-btn-color);transform:scale(1.1);box-shadow:0 3px 1px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.12)}.hero__button-item--inverse{background-color:var(--focus-white)}.hero__button-item--inverse:hover,.hero__button-item--inverse:focus{background-color:var(--inverse-hover-btn-color);transform:scale(1.1);box-shadow:0 3px 1px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.12)}.hero__button{color:var(--focus-white);padding:8px 15px;font-family:DM Sans;font-size:8px;font-style:normal;font-weight:400;line-height:1.25;display:block}.hero__button--inverse{color:var(--accent-text)}@media screen and (min-width:1280px){.hero__button{padding:11px 23px;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:400;line-height:1.28571}}.hero__button-item+.hero__button-item{margin-left:8px}@media screen and (min-width:1280px){.hero__button-item+.hero__button-item{margin-left:12px}}.hero-milk{display:none}@media screen and (min-width:768px){.hero-milk{width:152px;z-index:1;display:inline-block;position:absolute;bottom:17px}}@media screen and (min-width:1280px){.hero-milk{width:213px;bottom:60px}}.hero__discrip{padding-bottom:1px;display:none;overflow:hidden}@media screen and (min-width:768px){.hero__discrip{z-index:3;max-width:114px;color:var(--focus-white);font-family:DM Sans;font-size:8px;font-style:normal;font-weight:400;line-height:1.5;display:block;position:absolute;bottom:57px;left:173px}}@media screen and (min-width:1280px){.hero__discrip{z-index:3;max-width:200px;color:var(--focus-white);font-family:DM Sans;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857;display:block;position:absolute;bottom:84px;left:229px}}.hero__text{transition:transform 1s var(--cubic)}.hero__text--second{transition:transform 1s var(--cubic);position:absolute;top:0;left:0;transform:translate(-100%)}.text-one{transform:translate(100%)}.text-two{transform:translate(0)}.hero__button-arrow{width:18px;height:18px;background-color:var(--focus-white);transition:background-color 250ms var(--cubic);border-radius:50%;justify-content:center;align-items:center;margin-top:7px;display:inline-flex}.hero__button-arrow:hover,.hero__button-arrow:focus{background-color:var(--hover-btn-color)}@media screen and (min-width:1280px){.hero__button-arrow{width:26px;height:26px}}.button-arrow{fill:var(--accent-text);transition:fill 250ms var(--cubic)}.hero__button-arrow:hover .button-arrow,.hero__button-arrow:focus .button-arrow{fill:var(--focus-white)}@media screen and (min-width:1280px){.button-arrow{width:11px;height:12px}}.hero__numb{display:none}@media screen and (min-width:768px){.hero__numb{display:block;position:absolute;top:-4px;right:33px}}@media screen and (min-width:1280px){.hero__numb{top:153px;right:16px}}.numb__item{text-align:right}.numb__item+.numb__item{margin-top:16px}@media screen and (min-width:1280px){.numb__item{margin-top:15px}}.hero__second-text-numb{color:var(--accent-text);z-index:1;font-family:Titan One;font-size:28px;font-style:normal;font-weight:400;line-height:1.14286;position:relative;top:0;right:0}@media screen and (min-width:1280px){.hero__second-text-numb{font-family:Titan One;font-size:46px;font-style:normal;font-weight:400;line-height:1.15217}}.hero__second-text-numb:after{content:"";width:16px;height:16px;background-color:var(--focus-white);z-index:-1;border-radius:50%;display:block;position:absolute;top:-2px;right:-8px}@media screen and (min-width:1280px){.hero__second-text-numb:after{width:30px;height:30px;top:-7px;right:-12px}}.hero__second-text{color:var(--focus-white);font-family:DM Sans;font-size:8px;font-style:normal;font-weight:400;line-height:1.25}@media screen and (min-width:1280px){.hero__second-text{font-family:DM Sans;font-size:14px;font-style:normal;font-weight:400;line-height:1.28571}}.hero-tasty{display:none}@media screen and (min-width:768px){.hero-tasty{width:190px;z-index:1;display:inline-block;position:absolute;bottom:0;right:33px}}@media screen and (min-width:1280px){.hero-tasty{width:304px;right:16px}}.section-products{padding-top:80px;padding-bottom:40px}@media screen and (min-width:768px){.section-products{padding-top:40px;padding-bottom:60px}}@media screen and (min-width:1280px){.section-products{padding-top:60px}}.section-products .container{flex-direction:column;align-items:center;display:flex}@media screen and (max-width:767.98px){.section-products .container{max-width:377px}}.products-top-text{text-transform:uppercase;color:var(--accent-salmon);margin-bottom:15px;font-family:Titan One;font-size:18px;line-height:1.16667}@media screen and (min-width:768px){.products-top-text{margin-bottom:18px;font-size:26px;line-height:1.15385}}@media screen and (min-width:1280px){.products-top-text{margin-bottom:16px;font-size:30px;line-height:1.13333}}.products-top-title{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text);margin-bottom:8px;font-family:Titan One;font-size:34px;font-weight:400;line-height:1.14706}@media screen and (min-width:768px){.products-top-title{margin-bottom:16px;font-size:48px;line-height:1.14583}}@media screen and (min-width:1280px){.products-top-title{font-size:58px;line-height:1.13793}}.products-list{width:inherit}@media screen and (min-width:768px){.products-list{margin-left:-16px;display:flex}}@media screen and (min-width:1280px){.products-list{margin-left:-32px}}.products-item{width:100%;height:630px;margin-bottom:8px;padding-top:140px}.products-item:last-child{margin-bottom:0}@media screen and (min-width:768px){.products-item{height:610px;width:100%;flex-basis:calc(33.3333% - 16px);margin-bottom:0;margin-left:16px;padding-top:138px}}@media screen and (min-width:1280px){.products-item{height:796px;flex-basis:calc(33.3333% - 32px);margin-left:32px;padding-top:262px}}.products-card{perspective:1000px;height:490px;border-radius:24px;position:relative}@media screen and (min-width:768px){.products-card{height:473px}}@media screen and (min-width:1280px){.products-card{height:535px}}.products-card:before{z-index:5;content:"";width:280px;height:280px;background-color:rgba(0,0,0,0);display:block;position:absolute;top:-140px;left:50%;transform:translate(-50%)}@media screen and (min-width:768px){.products-card:before{width:224px;height:224px;top:-138px}}@media screen and (min-width:1280px){.products-card:before{width:394px;height:394px;top:-260px}}.products-card.first:before{background-image:url(ice-cream-mob-249-min.4b16bedb.png);background-position:50%;background-repeat:no-repeat;background-size:cover}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.products-card.first:before{background-image:url(ice-cream-mob-498-min.955cb0f4.png)}}@media screen and (min-width:768px){.products-card.first:before{background-image:url(ice-cream-tablet-220-min.8fc0774d.png)}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:192dpi),screen and (min-width:768px) and (min-resolution:2x){.products-card.first:before{background-image:url(ice-cream-tablet-440-min.26bad2d8.png)}}@media screen and (min-width:1280px){.products-card.first:before{background-image:url(ice-cream-desktop-335-min.54a02654.png)}}@media screen and (min-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-resolution:192dpi),screen and (min-width:1280px) and (min-resolution:2x){.products-card.first:before{background-image:url(ice-cream-desktop-670-min.a12ff3c8.png)}}.products-card.second:before{background-image:url(ice-coffee-mob-249-min.bc7e72ad.png);background-position:50%;background-repeat:no-repeat;background-size:cover}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.products-card.second:before{background-image:url(ice-coffee-mob-498-min.13063e65.png)}}@media screen and (min-width:768px){.products-card.second:before{background-image:url(ice-coffee-tablet-220-min.42e8577c.png)}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:192dpi),screen and (min-width:768px) and (min-resolution:2x){.products-card.second:before{background-image:url(ice-coffee-tablet-440-min.ec093121.png)}}@media screen and (min-width:1280px){.products-card.second:before{background-image:url(ice-coffee-desktop-335-min.cbb105c9.png)}}@media screen and (min-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-resolution:192dpi),screen and (min-width:1280px) and (min-resolution:2x){.products-card.second:before{background-image:url(ice-coffee-desktop-670-min.0b83afb7.png)}}.products-card.third:before{background-image:url(milkshakes-mob-249-min.d0e5f13a.png);background-position:50%;background-repeat:no-repeat;background-size:cover}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.products-card.third:before{background-image:url(milkshakes-mob-498-min.4a5027a6.png)}}@media screen and (min-width:768px){.products-card.third:before{background-image:url(milkshakes-tablet-220-min.8e78204c.png)}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:192dpi),screen and (min-width:768px) and (min-resolution:2x){.products-card.third:before{background-image:url(milkshakes-tablet-440-min.af26bec2.png)}}@media screen and (min-width:1280px){.products-card.third:before{background-image:url(milkshakes-desktop-335-min.e8bb4ca6.png)}}@media screen and (min-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-resolution:192dpi),screen and (min-width:1280px) and (min-resolution:2x){.products-card.third:before{background-image:url(milkshakes-desktop-670-min.a10c90ad.png)}}.products-wrap{width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;flex-direction:column;align-items:center;padding:160px 40px 40px;transition:transform 1s;display:flex;position:absolute;top:0;left:0}@media screen and (min-width:768px){.products-wrap{padding:118px 32px 40px}}@media screen and (min-width:1280px){.products-wrap{padding:165px 32px 60px}}.products-wrap.first{background-color:#ffb8ca}.products-wrap.second{background-color:#f0d1a5}.products-wrap.third{background-color:#c2e297}.products-item .back{transform:rotateY(180deg)}.products-title{letter-spacing:.04em;text-transform:uppercase;color:#fff;margin-bottom:70px;font-family:Titan One;font-size:20px;font-weight:400;line-height:1.15;position:relative}@media screen and (min-width:1280px){.products-title{font-size:30px;line-height:1.13333}}.products-title:after{content:"…";width:26px;height:6px;position:absolute;top:38px;left:50%;transform:translate(-50%)}.products-text,.products-back-text{letter-spacing:.04em;text-align:center;max-width:200px;color:#fff;margin-bottom:32px;font-size:14px;font-weight:700;line-height:1.5}@media screen and (min-width:768px){.products-text,.products-back-text{max-width:160px;font-size:14px;font-weight:700;line-height:1.78571}}@media screen and (min-width:1280px){.products-text,.products-back-text{max-width:245px;margin-bottom:60px;font-size:16px;font-weight:700;line-height:1.75}}@media screen and (min-width:768px){.prod-mob-span{display:none}}.product-button{width:40px;height:40px;background-color:#fff;border-radius:50%;transition:box-shadow .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 2px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.product-button:hover,.product-button:focus{box-shadow:none}.product-button-icon{width:inherit;height:inherit;fill:var(--accent-text);border-radius:50%;padding:0 14px}.section-about{background-color:#fff5f6;padding:40px 0}.about-background{max-width:1280px;background-image:url(cow-fon-mobail-320.4594f3e9.png);background-position:0 73%;background-repeat:no-repeat;background-size:100%;margin:0 auto;position:relative}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.about-background{background-image:url(cow-fon-mobail-640.7ca042bc.png)}}@media screen and (min-width:768px){.about-background{background-image:none}}@media screen and (min-width:1280px){.about-background{background-image:url(cow-fon-desctop-1280.707dfdad.png);background-position:0 95%;background-repeat:no-repeat;background-size:100%;padding:60px 0}}@media screen and (min-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-resolution:192dpi),screen and (min-width:1280px) and (min-resolution:2x){.about-background{background-image:url(cow-fon-desctop-2560.4551d219.png)}}.section-about__text{text-align:center;text-transform:uppercase;color:var(--accent-salmon);margin-bottom:15px;font-family:Titan One;font-size:18px;font-style:normal;font-weight:400;line-height:1.16667}@media screen and (min-width:768px){.section-about__text{margin-bottom:16px;font-size:26px;line-height:1.1538}}@media screen and (min-width:1280px){.section-about__text{font-size:30px;line-height:1.1333}}.section-about__title{width:200px;text-align:center;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text);margin:0 auto 32px;font-family:Titan One;font-size:34px;font-style:normal;font-weight:400;line-height:1.14706}@media screen and (min-width:768px){.section-about__title{width:431px;margin-bottom:48px;font-size:48px;line-height:1.1458}}@media screen and (min-width:1280px){.section-about__title{width:534px;margin-bottom:88px;font-size:58px;line-height:1.1379}}.section-about .container{flex-direction:column;align-items:center;display:flex}@media screen and (min-width:768px){.section-about .container{flex-direction:row}}.section-about__picture{width:280px;margin-bottom:40px}@media screen and (min-width:768px){.section-about__picture{width:336px;margin-bottom:0;margin-right:32px}}@media screen and (min-width:1280px){.section-about__picture{width:501px;margin-right:139px}}.info{width:280px}@media screen and (min-width:768px){.info{width:334px}}@media screen and (min-width:1280px){.info{width:463px}}.info__list{width:220px;margin-bottom:20px}@media screen and (min-width:768px){.info__list{width:334px;margin-bottom:40px}}@media screen and (min-width:1280px){.info__list{width:457px}}.info__item{margin-bottom:25px}.info__item:last-child{margin-bottom:0}.info__item--margin:not(:last-child){margin-bottom:10px}@media screen and (min-width:768px){.info__item{margin-bottom:22px}}@media screen and (min-width:1280px){.info__item{margin-bottom:32px}}.info__text{font-family:DM Sans;font-size:12px;font-weight:700;line-height:1.5833}@media screen and (min-width:768px){.info__text{font-size:14px;line-height:1.7857}}@media screen and (min-width:1280px){.info__text{font-size:16px;line-height:1.75}}.info__text--color{width:220px;color:var(--comit-fon);font-family:DM Sans;font-size:12px;font-weight:500;line-height:1.58333}@media screen and (min-width:768px){.info__text--color{width:334px;font-size:14px;line-height:1.7857}}@media screen and (min-width:1280px){.info__text--color{width:457px;line-height:1.9285}}.info__button{width:176px;height:44px;background-color:var(--focus-white);color:var(--accent-text);transition:var(--cubic);border-radius:22px;justify-content:space-between;align-items:center;padding-left:37px;padding-right:37px;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:700;line-height:1.2857;display:flex}@media screen and (min-width:768px){.info__button{font-size:16px;line-height:1.3125}}.info__button--accent{transition:var(--cubic);justify-content:space-between;display:flex}.info__button:hover,.info__button:focus{background-color:#ecebeb;padding-left:10px;padding-right:10px}.info__button-icon{stroke:var(--accent-text)}.section-advantages{background-color:#fff5f6;padding:40px 0;position:relative}@media screen and (min-width:1280px){.section-advantages{padding:60px 0}}.section-advantages .container{width:320px;flex-direction:column;align-items:center;display:flex}@media screen and (min-width:768px){.section-advantages .container{width:768px;flex-direction:row;padding:0 16px}}@media screen and (min-width:1280px){.section-advantages .container{width:1280px;display:block}}.advantages-list{padding-right:70px}@media screen and (min-width:768px){.advantages-list{padding:0;display:flex}}.advantages-list__item{padding-top:66px;position:relative}.advantages-list__item:before{content:"";width:33px;height:50px;background-color:rgba(0,0,0,0);display:block;position:absolute;top:0;left:0}.advantages-list__item:not(:last-child){margin-bottom:32px}@media screen and (min-width:768px){.advantages-list__item:not(:last-child){margin-bottom:0}}.advantages-list__item:first-child{margin-left:0}@media screen and (min-width:768px){.advantages-list__item{flex-basis:33.3333%;padding-top:86px}}@media screen and (min-width:1280px){.advantages-list__item{flex-basis:33.3333%}}.advantages-list__text{font-family:DM Sans;font-size:12px;font-weight:700;line-height:1.6666}@media screen and (min-width:768px){.advantages-list__text{font-size:14px;line-height:1.7142}}@media screen and (min-width:1280px){.advantages-list__text{font-size:16px;line-height:1.75}}@media screen and (min-width:1280px){.advantages-list__text{width:260px}}.advantages-list__number{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text);margin-bottom:20px;font-family:Titan One;font-size:34px;font-style:normal;font-weight:400;line-height:1.1388;animation:pulse 3s infinite}@media screen and (min-width:768px){.advantages-list__number{font-size:48px;line-height:1.1457}}@media screen and (min-width:1280px){.advantages-list__number{font-size:58px;line-height:1.1379}}.first-advantages:before{content:"";background-image:url(icon1.19600613.png);background-position:0;background-repeat:no-repeat;background-size:cover}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.first-advantages:before{background-image:url(icon1@2x.783554eb.png)}}.second-advantages:before{content:"";width:50px;height:50px;background-image:url(icon2.3ec63936.png);background-position:0;background-repeat:no-repeat;background-size:cover;position:absolute;top:0}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.second-advantages:before{background-image:url(icon2@2x.adaf4e46.png)}}.third-advantages:before{content:"";width:44px;height:50px;background-image:url(icon3.cb62d3b4.png);background-position:0;background-repeat:no-repeat;background-size:cover;position:absolute;top:0}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.third-advantages:before{background-image:url(icon3@2x.5a6baf73.png)}}.section-gallery{background:linear-gradient(#fff5f6 42%,#fff 42%);padding:40px 0}@media only screen and (min-width:1280px){.section-gallery{padding:60px 0}}.section-gallery .container{padding:0 16px}.gallery-list{grid-gap:2px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(7,1fr);display:grid}@media only screen and (min-width:768px){.gallery-list{grid-gap:4px}}@media only screen and (min-width:1280px){.gallery-list{grid-gap:6px}}.gallery-list__item{margin:0 auto}.gallery-list__item:nth-child(1){grid-area:2/1/4}.gallery-list__item:nth-child(2){grid-area:1/2/4;margin-top:65%}.gallery-list__item:nth-child(3){grid-area:1/3/3/5}.gallery-list__item:nth-child(4){grid-area:1/5/4;margin-top:75%}.gallery-list__item:nth-child(5){grid-area:1/6/3;margin-top:30%}.gallery-list__item:nth-child(6){grid-area:1/7/4;margin-top:115%}.gallery-list__item:nth-child(7){grid-area:2/2/4;margin-top:65%}.gallery-list__item:nth-child(8){grid-area:3/3/4}.gallery-list__item:nth-child(9){grid-area:2/5/4;margin-top:75%}.gallery-list__item:nth-child(10){grid-area:2/6/4;margin-top:30%}.gallery-list__img{z-index:1;box-shadow:none;border-radius:6px;outline:none;transition:transform .25s cubic-bezier(0,0,1,1),box-shadow .25s cubic-bezier(0,0,1,1),outline .25s cubic-bezier(0,0,1,1);position:relative;overflow:hidden;transform:scale(1)}@media only screen and (min-width:768px){.gallery-list__img{border-radius:15px}}@media only screen and (min-width:1280px){.gallery-list__img{border-radius:25px}}.gallery-list__img:hover{z-index:2;outline:2px solid var(--accent-text);display:block;overflow:hidden;transform:scale(1.25);box-shadow:0 0 8px 4px rgba(212,20,67,.7)}@media only screen and (min-width:768px){.gallery-list__img:hover{box-shadow:0 0 12px 4px rgba(212,20,67,.7)}}@media only screen and (min-width:1280px){.gallery-list__img:hover{outline:4px solid var(--accent-text);box-shadow:0 0 18px 8px rgba(212,20,67,.7)}}.customer{padding-top:40px;padding-bottom:48px;overflow:hidden}@media screen and (max-width:767.98px){.customer{padding-top:40px;padding-bottom:24px}}@media screen and (min-width:768px){.customer{padding-top:40px;padding-bottom:40px}}@media screen and (min-width:1280px){.customer{padding-top:60px;padding-bottom:60px}}.box-slick{justify-content:center;display:flex}.visually-hidden{width:1px;height:1px;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.box-man{background-color:#fafafa;justify-content:center;display:flex}@media screen and (max-width:767.98px){.box-man{padding:43px 60px 17px}}@media screen and (min-width:768px){.box-man{padding-top:36px;padding-bottom:37px}}@media screen and (min-width:1280px){.box-man{padding-top:47px;padding-bottom:31px}}.box-text:before{content:"";width:54px;height:40px;z-index:-1;background-image:url(kav-2x.679a991a.png);background-size:54px 40px;position:absolute;top:-15px;left:3px}@media screen and (min-width:768px){.box-text:before{width:60px;background-size:60px 40px}}@media screen and (min-width:1280px){.box-text:before{width:54px;background-size:54px 40px}}.customer-pic{width:85px;height:85px;border-radius:50%;justify-content:center;margin-left:auto;margin-right:auto}@media screen and (max-width:767.98px){.customer-pic{margin-bottom:32px}}@media screen and (min-width:768px){.customer-pic{margin-bottom:20px}}@media screen and (min-width:1280px){.customer-pic{margin-bottom:16px}}.customer-icon{z-index:-1;position:absolute;top:-13px;left:3px}@media screen and (max-width:767.98px){.customer-icon{width:54px}}@media screen and (min-width:768px){.customer-icon{width:61px}}@media screen and (min-width:1280px){.customer-icon{width:54px}}.box-text{text-align:center;z-index:2;position:relative}@media screen and (max-width:767.98px){.box-text{background-image:repeating-linear-gradient(#fafafa,#fafafa 28px,#e1e1e1 31px,#e1e1e1 0)}}@media screen and (min-width:768px){.box-text{width:620px;background-image:repeating-linear-gradient(#fafafa,#fafafa 27px,#e1e1e1 30px,#e1e1e1 0)}}@media screen and (min-width:1280px){.box-text{width:821px;background-image:repeating-linear-gradient(#fafafa,#fafafa 27px,#e1e1e1 30px,#e1e1e1 0)}}.customer-text{margin-left:auto;margin-right:auto;font-family:DM Sans;font-weight:500}@media screen and (max-width:767.98px){.customer-text{font-size:12px;line-height:258%}}@media screen and (min-width:768px){.customer-text{max-width:515px;font-size:14px;line-height:214%}}@media screen and (min-width:1280px){.customer-text{max-width:750px;font-size:16px;line-height:187%}}.relative{margin-left:auto;margin-right:auto;position:relative}@media screen and (max-width:767.98px){.relative{max-width:280px;margin-top:16px;padding-top:20px}}@media screen and (min-width:768px){.relative{max-width:620px;margin-top:4px;margin-bottom:32px;padding-top:24px}}@media screen and (min-width:1280px){.relative{max-width:1034px;margin-top:16px;padding-top:20px}}.customer-title{text-align:center;font-family:DM Sans;font-weight:500;line-height:186%}@media screen and (max-width:767.98px){.customer-title{font-size:14px}}@media screen and (min-width:768px){.customer-title{font-size:16px}}@media screen and (min-width:1280px){.customer-title{font-size:20px}}.customer-title:before{content:url(Group-8@1x.6432f149.png);position:absolute}@media screen and (max-width:767.98px){.customer-title:before{top:-13px;left:124px}}@media screen and (min-width:768px){.customer-title:before{top:-17px;left:294px}}@media screen and (min-width:1280px){.customer-title:before{top:-21px;left:501px}}@media screen and (max-width:767.98px){.slick-dotted.slick-slider{margin-bottom:30px}}.slick-dots{text-align:center;width:100%;margin:0;padding:0;list-style:none;display:block;position:absolute;bottom:-25px}.slick-dots li{height:12px;width:12px;cursor:pointer;background-position:50%;padding:0;display:inline-block;position:relative}.slick-dots li:not(:last-child){margin-right:18px}.slick-dots li button{font-size:0}.slick-dots li{background-image:url(Ellipse.07d5d6e2.svg);background-position:50%;background-repeat:no-repeat;background-size:10px}.slick-dots li.slick-active{background-image:url(home.9c4ecf3d.png);background-position:50%;background-repeat:no-repeat;background-size:10px}.comit__buttom{letter-spacing:.04em;color:var(--accent-text);background-color:rgba(0,0,0,0);margin-left:10px;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:500;line-height:2.14}.contacts-section{background:linear-gradient(#fff 0%,#fff 26%,#fff5f6 26%,#fff5f6 100%);padding-top:24px;padding-bottom:24px}@media screen and (min-width:768px){.contacts-section{padding-top:40px;padding-bottom:20px}}@media screen and (min-width:1280px){.contacts-section{flex-direction:column;align-items:center;padding-top:60px;padding-bottom:60px;display:flex}}.contacts-bg{width:100%;height:382px;max-width:1920px;background-image:url(sectionbg.9d9cb856.png);background-position:50%;background-repeat:no-repeat;background-size:cover;margin-top:103px;animation:contacts_bg_anim 3s ease-in-out infinite alternate;position:absolute}@media screen and (max-width:1279px){.contacts-bg{display:none}}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.contacts-bg{background-image:url(sectionbg-2x.e3747118.png)}}@media screen and (min-width:1280px){.contacts-bg{animation-play-state:running}}.contacts-section .container{flex-direction:column;align-items:center;display:flex}.contacts-list{grid-row-gap:20px;z-index:2;display:grid}@media screen and (min-width:768px){.contacts-list{grid-row-gap:0;grid-column-gap:32px;grid-template-columns:1fr 1fr 1fr}}.contact{border-radius:24px;padding:40px 32px}@media screen and (min-width:1280px){.contact{padding-left:40px;padding-right:40px}}.contact--light{background:var(--focus-white);box-shadow:0 8px 30px rgba(212,20,67,.1)}.contact__category-wrap{transition:background var(--cubic);height:16px;border-radius:4px;justify-content:center;align-items:center;display:flex}@media screen and (min-width:768px){.contact__category-wrap{height:28px}}.contact__category{letter-spacing:.04em;font-family:DM Sans;font-size:12px;font-style:normal;font-weight:500;line-height:1.83333}@media screen and (min-width:768px){.contact__category{font-family:DM Sans;font-size:16px;font-style:normal;font-weight:500;line-height:1.875}}.contact__category--light{color:var(--focus-white)}.contact__category-wrap--cafe{width:80px;background:var(--dull-yellow)}@media screen and (min-width:768px){.contact__category-wrap--cafe{width:73px}}.contact__category-wrap--foodtruck{width:130px;background:var(--dull-green)}@media screen and (min-width:768px){.contact__category-wrap--foodtruck{width:138px}}.loc__info{margin-top:20px}.loc__info p{margin-top:8px}@media screen and (min-width:768px) and (max-width:1279px){.loc__info p{margin-top:12px}}@media screen and (min-width:768px){.loc__info{margin-top:32px}}.contact__work-time{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;margin-top:24px;padding-top:24px;padding-bottom:24px}.contact__work-time div+div{margin-top:8px}@media screen and (min-width:768px){.contact__work-time{margin-top:32px;padding-top:32px;padding-bottom:32px}.contact__work-time div+div{margin-top:12px}}.contact__links{margin-top:24px}.contact__links .contact__text{transition:color var(--cubic),text-shadow var(--cubic)}.contact__links .contact__text:hover,.contact__links .contact__text:focus{text-shadow:0 0 5px rgba(212,20,67,.1),0 0 8px rgba(212,20,67,.05);color:var(--accent-salmon)}@media screen and (min-width:768px) and (max-width:1279px){.contact__links .contact__text{line-height:1.85714}}@media screen and (min-width:768px){.contact__links{margin-top:32px}}.contact__title{transition:color var(--cubic);font-family:DM Sans;font-size:12px;font-style:normal;font-weight:500;line-height:1.83333}@media screen and (min-width:768px){.contact__title{font-family:DM Sans;font-size:14px;font-style:normal;font-weight:500;line-height:1.85714}}@media screen and (min-width:1280px){.contact__title{font-family:DM Sans;font-size:16px;font-style:normal;font-weight:500;line-height:1.875}}.contact__title--dark{color:var(--text-black)}@media screen and (min-width:1280px){.contact__title--dark{letter-spacing:.04em}}.contact__title--light{color:var(--accent-salmon)}.contact__text{transition:color var(--cubic);font-family:DM Sans;font-size:12px;font-style:normal;font-weight:500;line-height:1.5}@media screen and (min-width:768px){.contact__text{font-family:DM Sans;font-size:14px;font-style:normal;font-weight:500;line-height:1.64286}}@media screen and (min-width:1280px){.contact__text{font-family:DM Sans;font-size:16px;font-style:normal;font-weight:500;line-height:1.8125}}.contact__text--dim{color:var(--comit-fon)}.contact__line{border:1px solid #e1e1e1;margin-top:24px;margin-bottom:24px}@media screen and (min-width:768px){.contact__line{margin-top:32px;margin-bottom:32px}}.contacts-btn-box{width:161px;height:98px;flex-direction:column;justify-content:space-between;margin-top:32px;display:flex}@media screen and (min-width:768px){.contacts-btn-box{width:380px;height:44px;flex-direction:row;margin-top:40px}}@media screen and (min-width:1280px){.contacts-btn-box{width:393px;margin-top:60px}}.contacts-btn{transition:background-color var(--cubic),padding-left var(--cubic),padding-right var(--cubic);width:100%;height:44px;border-radius:22px;justify-content:space-between;align-items:center;font-family:DM Sans;font-size:16px;font-style:normal;font-weight:700;line-height:1.3125;display:flex}.contacts-btn:focus,.contacts-btn:hover{padding-left:10px;padding-right:10px}.contacts-btn--dark{background-color:var(--accent-bg);color:var(--focus-white);padding-left:17px;padding-right:17px}.contacts-btn--dark .contacts_icon-arrow{stroke:var(--focus-white)}.contacts-btn--dark:focus,.contacts-btn--dark:hover{background-color:var(--hover-btn-color)}@media screen and (min-width:768px){.contacts-btn--dark{width:191px;padding-left:30px;padding-right:34px}}@media screen and (min-width:1280px){.contacts-btn--dark{width:198px;padding-left:35px;padding-right:35px}}.contacts-btn--light{background-color:var(--focus-white);color:var(--accent-text);padding-left:32px;padding-right:32px}.contacts-btn--light .contacts_icon-arrow{stroke:var(--accent-text)}.contacts-btn--light:focus,.contacts-btn--light:hover{background-color:var(--inverse-hover-btn-color)}@media screen and (min-width:768px){.contacts-btn--light{width:174px;padding-left:38px;padding-right:38px}}@media screen and (min-width:1280px){.contacts-btn--light{width:180px;padding-left:39px;padding-right:39px}}.contacts-btn--dim{background-color:var(--accent-salmon);color:var(--focus-white);width:100px;margin-top:12px;margin-left:auto;margin-right:auto;padding-left:18px;padding-right:18px}.contacts-btn--dim .contacts_icon-arrow{stroke:var(--focus-white)}.contacts-btn--dim:focus,.contacts-btn--dim:hover{background-color:var(--accent)}@media screen and (min-width:768px){.contacts-btn--dim{margin-top:24px}}.contacts_icon-arrow{width:7px;height:10px}@keyframes contacts_bg_anim{0%{transform:translateY(0)}to{transform:translateY(60px)}}.contacts-backdrop{transition:var(--cubic);width:100vw;height:100vh;z-index:1002;background-color:rgba(0,0,0,.1);position:fixed;top:0}.contacts-backdrop.is-hidden .contacts-modal{transform:translate(-50%)scale(.5)}.contacts-modal{max-height:92%;z-index:1003;background-color:var(--focus-white);width:calc(100% - 30px);max-width:450px;padding:50px 20px;transition:transform .35s;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)scale(1);box-shadow:0 8px 30px rgba(212,20,67,.1)}@media screen and (min-width:768px){.contacts-modal{max-width:720px;max-width:768px;padding-left:30px;padding-right:30px}}.contacts-modal__close-btn{background-color:rgba(0,0,0,0);justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.contacts-modal__close-btn:hover .contacts-modal__close-btn-icon,.contacts-modal__close-btn:focus .contacts-modal__close-btn-icon{stroke:var(--accent-salmon);transform:rotate(90deg)}.contacts-modal__close-btn-icon{width:18px;height:18px;transition:stroke var(--cubic),transform var(--cubic);stroke:var(--comit-fon)}.contacts-modal__title{text-align:center;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-salmon);font-family:Titan One;font-size:18px;font-style:normal;font-weight:400;line-height:1.16667}@media screen and (min-width:768px){.contacts-modal__title{font-family:Titan One;font-size:26px;font-style:normal;font-weight:400;line-height:1.15385}}@media screen and (min-width:1280px){.contacts-modal__title{font-family:Titan One;font-size:30px;font-style:normal;font-weight:400;line-height:1.13333}}.contacts-modal__locations{margin-top:10px;display:grid}@media screen and (min-width:768px){.contacts-modal__locations{grid-template-columns:1fr 1fr 1fr;margin-top:30px}}.contacts-modal__loc-info{cursor:pointer;grid-row-gap:8px;padding-top:20px;padding-bottom:20px;display:grid}.contacts-modal__loc-info:nth-child(2){border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}@media screen and (min-width:768px){.contacts-modal__loc-info{text-align:center;padding:0 10px}.contacts-modal__loc-info:nth-child(2){border:none;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}}.contacts-modal__text-box{align-items:center;display:flex}.contacts-modal__text-box .contact__title{margin-left:8px}@media screen and (min-width:768px){.contacts-modal__text-box{flex-direction:column}.contacts-modal__text-box .contact__title{margin-left:0}}.colorless .contacts-modal__text-box .contact__category-wrap{background-color:#ecebeb}.colorless .contacts-modal__text-box .contact__title{color:var(--comit-fon)}.colorless .contact__text{color:#ecebeb}.contacts-modal_map-wrap{height:240px;border-radius:10px;margin-top:10px;overflow:hidden}@media screen and (min-width:768px){.contacts-modal_map-wrap{height:320px;margin-top:30px}}@media screen and (min-width:1280px){.contacts-modal_map-wrap{height:450px}}.contacts-modal_map{height:100%;width:100%}.contacts-modal::-webkit-scrollbar{width:5px}.contacts-modal::-webkit-scrollbar-track{background-color:#f9f9fd;border-radius:10px;box-shadow:inset 5px 5px 5px -5px rgba(34,60,80,.2)}.contacts-modal::-webkit-scrollbar-thumb{background:linear-gradient(#d41443,#ffa5ba);border-radius:10px}.contacts-modal__form{margin-top:12px}@media screen and (min-width:768px){.contacts-modal__form{margin-top:30px}}.contacts-modal__category{text-align:center;justify-content:center;align-items:center;display:flex}.contacts-modal__category span{width:120px}.contacts-modal__category:before{content:"";width:calc(50% - 70px);height:1px;background:#e1e1e1;margin-right:10px}.contacts-modal__category:after{content:"";width:calc(50% - 70px);height:1px;background:#e1e1e1;margin-left:10px}@media screen and (min-width:768px){.contacts-modal__category{justify-content:start}.contacts-modal__category span{width:140px}.contacts-modal__category:before{content:"";width:100px}.contacts-modal__category:after{content:"";width:calc(100% - 260px)}}@media screen and (min-width:1280px){.contacts-modal__category span{width:170px}.contacts-modal__category:after{content:"";width:calc(100% - 290px)}}.contacts-modal__label-box{grid-row-gap:10px;margin-top:10px;margin-bottom:16px;display:grid}@media screen and (min-width:768px){.contacts-modal__label-box{grid-row-gap:0;grid-column-gap:20px;grid-template-columns:1fr 1fr;margin-top:16px;margin-bottom:24px}}.contacts-modal__input{transition:border var(--cubic);width:100%;height:30px;border:1px solid var(--comit-fon);border-radius:4px;outline:none;padding-left:10px}@media screen and (min-width:768px){.contacts-modal__input{height:40px}}.contacts-modal__input:focus{border:1px solid var(--accent-salmon)}.contacts-modal__message{width:100%;height:90px;resize:none;border:1px solid var(--comit-fon);border-radius:4px;outline:none;margin-top:12px;padding:10px 12px}@media screen and (min-width:768px){.contacts-modal__message{height:120px}}.contacts-modal__message::-ms-input-placeholder{color:var(--comit-fon)}.contacts-modal__message::placeholder{color:var(--comit-fon)}.contacts-modal__message:focus{border:1px solid var(--accent-salmon)}.fab{position:relative}.fab:hover .fab-buttons,.fab:focus .fab-buttons{opacity:1;visibility:visible}.fab:hover .fab-buttons__link,.fab:focus .fab-buttons__link{transform:translateY(-16px)}.fab-action-button:hover+.fab-buttons .fab-buttons__link:before,.fab-action-button:focus+.fab-buttons .fab-buttons__link:before{visibility:visible;opacity:1;transform-origin:right center 0;transition-delay:.3s;transform:scale(1)}.fab-action-button{width:32px;height:32px;background-color:#fea5bb;border-radius:50%;justify-content:center;align-items:center;display:flex}.fab-buttons{z-index:10;opacity:0;visibility:hidden;margin:0;padding:0;list-style:none;transition:all .2s;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.fab-buttons__item{text-align:center;margin:12px 0;display:block}.fab-buttons__link{width:40px;height:40px;-o-transition:.3s;background-color:#fff;border-radius:50%;text-decoration:none;transition:all .3s;display:inline-block;transform:scale(.5);box-shadow:0 2px 2px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}[data-tooltip]:before{color:#fff;content:attr(data-tooltip);visibility:hidden;opacity:0;white-space:nowrap;transform-origin:100% 0;background:#fea5bb;border-radius:2px;margin-top:-15px;margin-right:12px;padding:4px 7px;font-family:DM Sans;font-size:12px;font-style:normal;font-weight:600;line-height:1.85714;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);position:absolute;top:50%;left:120%;transform:scale(0)}[data-tooltip]:hover:before,[data-tooltip]:focus:before{visibility:visible;opacity:1;transform-origin:right center 0;transform:scale(1)}.icon-material{width:40px;height:40px;display:inline-block}.footer{background-color:#fff5f6}.footer-cont{padding-top:24px}.title-first{width:232px;text-transform:uppercase;color:var(--accent-salmon);font-family:Titan One;font-size:18px;font-style:normal;font-weight:400;line-height:1.16667}.footer-title-item:last-child{margin-top:16px}.title-second{width:200px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text);font-family:Titan One;font-size:34px;font-style:normal;font-weight:400;line-height:1.14706}.footer-contact{margin-top:40px}.footer-social{justify-content:end;gap:28px;display:flex}.social-link{width:34px;height:34px;transition:all var(--accent-salmon);background-color:#fea5bb;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-link:hover,.social-link:focus{background-color:var(--accent-text)}.footer-social-icon{width:20px;height:20px}.footer-text{text-align:right;color:var(--text-black);margin-top:40px;font-family:DM Sans;font-size:12px;font-style:normal;font-weight:700;line-height:1.83333}.footer-number{color:var(--accent-text)}.footer-border{border:1px solid #e1e1e1;margin-top:56px}.copyright-text{width:134px;text-align:center;color:var(--comit-fon);margin:0 auto;padding:16px 0 20px;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:700;line-height:1.5}.git__photo{border-radius:50%}.footer__decoration:hover,.footer-number:focus .footer__decoration{text-decoration:underline}@media screen and (min-width:500px){.footer-box{justify-content:space-between;display:flex}}@media screen and (min-width:768px){.footer-cont{padding-top:20px}.title-first{width:340px;letter-spacing:.04em;color:var(--accent-salmon);font-family:Titan One;font-size:26px;font-style:normal;font-weight:400;line-height:1.15385}.footer-title-item:last-child{margin-top:12px}.title-second{width:340px;letter-spacing:.06em;font-family:Titan One;font-size:48px;font-style:normal;font-weight:400;line-height:1.20833}.footer-text{text-align:right;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:700;line-height:1.85714}.copyright-text{width:auto;padding:8px 0;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:700;line-height:1.85714}}@media screen and (min-width:1280px){.footer-cont{padding-top:60px}.title-first{width:auto;font-family:Titan One;font-size:30px;font-style:normal;font-weight:400;line-height:1.13333}.footer-title-item:last-child{margin-top:16px}.title-second{width:auto;font-family:Titan One;font-size:58px;font-style:normal;font-weight:400;line-height:1.13793}.footer-text{font-family:DM Sans;font-size:16px;font-style:normal;font-weight:700;line-height:1.875}}.backdrop{z-index:1002;width:100vw;height:100vh;opacity:1;transition:opacity 250ms var(--cubic),visibility 250ms var(--cubic);background:rgba(255,255,255,.494);position:fixed;top:0}.modal-buy{min-width:calc(100% - 20px);max-height:calc(100% - 20px);background-color:var(--focus-white);border:1px solid var(--accent-salmon);padding:20px 10px;transition:transform 1s;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 8px 2px rgba(212,20,67,.8)}@media only screen and (min-width:320px){.modal-buy{min-width:0;width:300px}}@media only screen and (min-width:768px){.modal-buy{width:500px;padding:50px 30px}}.modal-buy__group{margin-top:15px;position:relative}@media only screen and (min-width:768px){.modal-buy__group{margin-top:40px}}.modal-buy__title-group{letter-spacing:.04em;font-family:Titan One;font-size:16px;font-style:normal;font-weight:400;line-height:1.17}@media only screen and (min-width:768px){.modal-buy__title-group{text-align:center;margin-bottom:15px;font-size:18px;font-weight:400}}.modal-buy__title-group.shak{color:#8cbd49}.modal-buy__title-group.cream{color:var(--accent)}.modal-buy__title-group.coffee{color:#d6a359}.modal-buy__title{letter-spacing:.04em;color:var(--accent-text);font-family:Titan One;font-size:16px;font-style:normal;font-weight:400;line-height:1.17}@media only screen and (min-width:768px){.modal-buy__title{text-align:center;font-size:24px;font-weight:400}}.modal-buy__fieldset:not(:last-child){margin-bottom:3px}@media only screen and (min-width:768px){.modal-buy__fieldset:not(:last-child){margin-bottom:10px}}.modal-buy__list{margin-top:5px;padding:10px 0 10px 30%}@media only screen and (min-width:768px){.modal-buy__list{padding:15px 0 15px 40%}}.modal-buy__list.ice-cream{background-color:var(--fon)}.modal-buy__list.ice-coffee{background-color:var(--dull-yellow)}.modal-buy__list.milkshakes{background-color:var(--dull-green)}.modal-buy__img{max-width:25%;position:absolute;bottom:5%;left:0%}@media only screen and (min-width:768px){.modal-buy__img{max-width:40%;bottom:5%;left:-2%}}.backdrop.is-hidden .modal-buy{transform:translate(100%)}.checkbox-label{letter-spacing:.04em;color:var(--focus-white);padding-left:8px;font-family:DM Sans;font-size:16px;font-weight:700;line-height:1.16}.checkbox-label:focus-within .checkbox-icon-border{fill:var(--accent-text)}.modal-buy__lable{color:var(--focus-white);transition:color var(--cubic);padding-left:20px}.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.modal-close-btn{width:20px;height:20px;background:#fff;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}@media only screen and (min-width:768px){.modal-close-btn{width:30px;height:30px;top:15px;right:15px}}.modal-close-btn:hover,.modal-close-btn:focus{cursor:pointer}.modal-close-btn__icon{fill:var(--accent-salmon);transition:fill 250ms var(--cubic)}.modal-close-btn:hover .modal-close-btn__icon,.modal-close-btn:focus .modal-close-btn__icon{fill:var(--accent-text)}.modal-buy__fieldset{position:relative}.modal-buy__fieldset:focus-visible .checkbox-icon-border{fill:var(--accent-text)}.modal-buy__fieldset:focus-visible .modal-buy__lable{color:var(--accent-text)}.checkbox-label{display:flex}.checkbox-label:hover,.checkbox-label:focus,.checkbox-icon-border:hover .checkbox-label,.checkbox-icon-border:focus .checkbox-label{color:var(--accent-text)}.checkbox-label:focus .checkbox-icon-border{fill:var(--accent-text)}.checkbox{white-space:nowrap;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.checkbox:hover~.modal-buy__lable,.checkbox:focus~.modal-buy__lable{color:var(--accent-text)}.checkbox:checked~.checkbox-icon-border{display:none}.checkbox:checked+.checkbox-icon-ice-cream{display:block}.checkbox-icon-ice-cream{fill:var(--accent-text);display:none;position:absolute;top:50%;left:0;transform:translateY(-50%)}.checkbox-icon-border{transition:fill var(--cubic);display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.checkbox-icon-border.shak{fill:#8cbd49}.checkbox-icon-border.cream{fill:var(--accent)}.checkbox-icon-border.coffee{fill:#d6a359}.checkbox-icon-border:hover,.checkbox-icon-border:focus,.checkbox-label:hover .checkbox-icon-border,.checkbox-label:focus .checkbox-icon-border{fill:var(--accent-text)}.modal-submit{justify-content:center;align-items:center;margin-top:30px;display:flex}.modal-submit-btn{width:50%;height:44px;letter-spacing:.02em;color:var(--focus-white);background-color:var(--accent-text);transition:background-color var(--cubic);border-radius:22px;justify-content:center;align-items:center;font-family:DM Sans;font-size:16px;font-weight:700;line-height:1.5;display:flex}@media only screen and (min-width:768px){.modal-submit-btn{letter-spacing:.06em;font-size:18px}}.modal-submit-btn:hover,.modal-submit-btn:focus{background-color:var(--hover-btn-color)}.one-fild-container{flex-direction:column;margin-top:10px;display:flex;position:relative}@media only screen and (min-width:768px){.one-fild-container{margin-top:20px}}.modal-form-label{letter-spacing:.01em;color:var(--accent-text);margin-bottom:4px;font-family:DM Sans;font-size:12px;font-weight:600;line-height:1.16}@media only screen and (min-width:768px){.modal-form-label{letter-spacing:.04em;font-size:16px;line-height:1.17}}.modal-form-fild{width:100%;height:30px;border:1px solid var(--comit-fon);transition:border-color 250ms var(--cubic);border-color:var(--comit-fon);border-radius:4px;padding-left:5px}.modal-form-fild:hover,.modal-form-fild:focus{border-color:var(--accent-text)}.comment{height:120px;letter-spacing:.01em;color:rgba(117,117,117,.5);border:1px solid var(--comit-fon);resize:none;border-radius:4px;padding-top:5px;padding-left:5px;font-family:DM Sans;font-size:14px;line-height:1.14}.comment:hover,.comment:focus{border-color:var(--accent-text)}@media only screen and (min-width:768px){.comment{font-size:16px}}.modal-buy::-webkit-scrollbar{width:5px}.modal-buy::-webkit-scrollbar-track{background-color:#f9f9fd;border-radius:10px;box-shadow:inset 5px 5px 5px -5px rgba(34,60,80,.2)}.modal-buy::-webkit-scrollbar-thumb{background:linear-gradient(#d41443,#ffa5ba);border-radius:10px}.backdrop-about{z-index:1002;width:100%;height:100%;opacity:1;background-color:rgba(0,0,0,.2);transition:opacity .5s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.backdrop-about.is-hidden-about{opacity:0;pointer-events:none}.modal-about{max-width:1200px;max-height:calc(100% - 6px - 2em);-webkit-user-select:text;-ms-user-select:text;user-select:text;background-color:var(--accent-salmon);background-image:url(milk-fresh-mobail-320-min.19aeba59.png);background-position:0 100%;background-repeat:no-repeat;background-size:100%;border-radius:22px;padding:35px 15px 30px;transition:transform .5s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)scale(1);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.14),0 2px 1px rgba(0,0,0,.2)}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.modal-about{background-image:url(milk-fresh-mobail-640-min.5a335eea.png)}}@media screen and (min-width:768px){.modal-about{min-width:70%;background-image:url(milk-fresh-tablet-678-min.4a397000.png);background-position:0 100%;background-repeat:no-repeat;background-size:100%}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:192dpi),screen and (min-width:768px) and (min-resolution:2x){.modal-about{background-image:url(milk-fresh-tablet-1536-min.b52bf035.png)}}@media screen and (min-width:1280px){.modal-about{background-image:url(milk-fresh-desktop-1280-min.7f8ca127.png);background-position:0 100%;background-repeat:no-repeat;background-size:100%}}@media screen and (min-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-resolution:192dpi),screen and (min-width:1280px) and (min-resolution:2x){.modal-about{background-image:url(milk-fresh-desktop-2550-min.f575e804.png)}}.backdrop.is-hidden .modal-about{transform:translate(-50%,-50%)scale(.9)}.modal-about::-webkit-scrollbar{width:5px}.modal-about::-webkit-scrollbar-track{background-color:#f9f9fd;border-radius:10px;box-shadow:inset 5px 5px 5px -5px rgba(34,60,80,.2)}.modal-about::-webkit-scrollbar-thumb{background:linear-gradient(#d41443,#ffa5ba);border-radius:10px}.modal-about__title{text-align:center;min-width:260px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text);margin:0 0 10px;font-family:Titan One;font-size:28px;font-style:normal;font-weight:400;line-height:1.14706}@media screen and (min-width:768px){.modal-about__title{font-size:38px;line-height:1.1458}}@media screen and (min-width:1280px){.modal-about__title{font-size:48px;line-height:1.1379}}.modal-about__label{text-align:center;text-transform:uppercase;color:var(--focus-white);margin:0 auto 20px;font-family:Titan One;font-size:18px;font-style:normal;font-weight:400;line-height:1.16667}@media screen and (min-width:768px){.modal-about__label{font-size:26px;line-height:1.1538}}@media screen and (min-width:1280px){.modal-about__label{font-size:30px;line-height:1.1333}}.modal-about__text{text-align:center;font-family:DM Sans;font-size:12px;font-weight:700;line-height:1.5833}@media screen and (min-width:768px){.modal-about__text{font-size:14px;line-height:1.7856}}@media screen and (min-width:1280px){.modal-about__text{font-size:16px;line-height:1.75}}.about-list{max-width:450px;margin:0 auto}.about-label-list{text-align:center;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text);margin:0 0 10px;font-family:Titan One;font-size:20px;font-style:normal;font-weight:400;line-height:1.14706}@media screen and (min-width:768px){.about-label-list{font-size:30px;line-height:1.1458}}@media screen and (min-width:1280px){.about-label-list{font-size:40px;line-height:1.1379}}.about-list__text{text-align:center;font-family:DM Sans;font-size:12px;font-weight:700;line-height:1.5833}@media screen and (min-width:768px){.about-list__text{font-size:14px;line-height:1.7857}}@media screen and (min-width:1280px){.about-list__text{font-size:16px;line-height:1.75}}.about-list__number{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text);font-family:Titan One;font-size:14px;font-style:normal;font-weight:400;line-height:1.14706}@media screen and (min-width:768px){.about-list__number{font-size:16px;line-height:1.7857}}@media screen and (min-width:1280px){.about-list__number{font-size:18px;line-height:1.75}}.modal-about__button{width:30px;height:30px;border:1px solid var(--accent-salmon);cursor:pointer;background-color:#fff;border-radius:50%;padding:0;transition:border .25s cubic-bezier(.4,0,.2,1);position:absolute;top:8px;right:8px}.modal-about__button:hover,.modal-about__button:focus{border:1px solid var(--accent-text)}.modal-about__icon{fill:var(--accent-salmon);transition:fill .25s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-about__icon:hover,.modal-about__icon:focus{fill:var(--accent-text)}
/*# sourceMappingURL=index.14c6b023.css.map */