-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.e5cfecb0.css.map
1 lines (1 loc) · 60.3 KB
/
index.e5cfecb0.css.map
1
{"mappings":"AEAA,iGAME,yDAMF,iLAWE,4FAQF,oCACE,gEAKE,uFAMA,uFAQF,4EAOF,qCACE,6CAIE,uFAQF,4CC5DF,mDAIE,qCAJF,6BASA,6BASA,yCAMA,aAEE,oCCnCF,oCAGA,+LAWE,0FAMA,oCAjBF,0EAsBE,qCAtBF,2CA0BA,gHAME,oCANF,oCAUA,kHAME,oCANF,sDAWA,8SAoBE,uCAGA,oCAvBF,2EAiCA,wFAMA,8BAGA,qFAKE,2CAGE,uDAKJ,oCACE,sCAGA,iDAGE,4CAMJ,qCACE,6BAIF,qCACE,oDAIA,mDAKF,gSAcE,oCAdF,+CAmBA,yJAWA,gVAiBE,iHAOF,+CAIA,0HAOE,oCAPF,kDAUE,oCAVF,kEAgBA,wJAOE,oCAPF,oFAaA,oJAOE,oCAPF,8EAaA,mIAQE,oCARF,0CAYA,iNAQE,4EAKA,sEAGA,6GAMA,oCAtBF,4EA4BA,+RAmBE,6CAGA,oCAtBF,gFCnRA,yDAIE,uEAMA,6CAIA,sPAeA,iIAUF,qEAKA,qLAWE,qFAQF,yBACE,4HASA,gCAGA,sCAGA,4DAKA,kCAGA,oCAKF,0BACE,8BFlFF,mDAIE,qCAJF,6BASA,6BASA,yCAMA,aAEE,sCGjCA,+BAOF,8BAGA,yHASE,oCATF,wDAaE,oCAbF,wCAiBE,qCAjBF,yDAsBA,6CAIE,oCAJF,8CAQE,qCARF,8BAYA,2FAME,oCANF,qCAUE,oCAVF,yDAcE,qCAdF,qDAoBA,2HAOE,oCAPF,iDAYA,2LAQE,4GAOA,kDAIA,uDAIA,0EAKA,oCA5BF,+CAiCI,oCADF,4CAME,oCADF,oCAMF,yKAQE,uEAKF,uGAKE,qEAIA,qDAKA,qCADF,gCAKA,iHAOE,+DHtJF,mDAIE,qCAJF,6BASA,6BASA,yCAMA,aAEE,oCIrCF,8EAKA,iCAGA,0FAIE,qEAKF,8CAIA,4IASA,uGAEE,oHAOF,uEAKA,yFAIE,mEAKF,qCAGA,mIASE,+CAKF,uFAIE,+DAKF,0IAKE,0EAKF,4LAaA,+CAGA,mEAKA,kIASA,mKAME,qGAMF,oCACE,iCAGA,6CAIA,+CAIA,uEAKA,4CAIA,qCAIF,qCACE,iCAGA,6CAIA,+CAIA,uEAKA,4CAIA,qCJtKF,mDAIE,qCAJF,6BASA,6BASA,yCAMA,aAEE,oCKpCF,0DAIE,8EAKA,+GAMA,8EAMA,+HASA,2CAIA,8IAUF,2DAKA,oFAME,wEAKF,wKAYA,6FAMA,sCAGA,2IAQA,0CAIA,iLASA,yLASA,4JAUE,0IAOA,4GAMF,wFAIA,0FAGA,+HAOA,wRAiBA,+CAGA,8FAIA,mEAKA,oCACE,+DAKE,iGAMA,qGAOA,6CAIA,6DAKA,0EAMF,qDAIE,yFAKA,qGAIA,uFAIA,mEAGE,iHAMF,qGAcF,mDAKF,qCACE,4CAGE,2DAIA,6CAKA,0EC9QJ,iKAUE,+EAOA,wFAQA,uCAGE,iCAKF,iHAOE,gIAWJ,+DAKE,wMAaE,uCAMJ,oCACE,2CAIE,kCAIA,4CAKA,wCAIA,qHAQE,wDAKA,oFASJ,mEAOF,qCACE,mEAKE,uCAIA,wCAKF,oCAOF,mJAQA,2IAYA,yNAUE,kIAWE,iCAIA,wDAOF,kCAGE,8GAQF,8IAUA,gIAQE,mHAUF,8DAKE,oVAmBF,gUAoBE,sCAMJ,8CAIA,+EAIA,iFAIA,oCACE,gCAIE,kCAIA,kGAQA,gFAME,mEAOF,+BAGE,yFAQF,uEAOA,mDR/UJ,mBAIA","sources":["index.e5cfecb0.css","src/sass/main.scss","src/sass/partials/_about.scss","src/sass/partials/_general.scss","src/sass/partials/_blog.scss","src/sass/partials/_delivery.scss","src/sass/partials/_footer.scss","src/sass/partials/_header.scss","src/sass/partials/_hero.scss","src/sass/partials/_store.scss"],"sourcesContent":[".about-section {\n min-width: 288px;\n height: 395px;\n margin: 0 16px 60px;\n font-family: Montserrat, sans-serif;\n}\n\n.about-section__text {\n margin-bottom: 16px;\n line-height: 20px;\n}\n\n.about-section__heading {\n color: #000;\n text-transform: uppercase;\n align-items: center;\n margin-bottom: 32px;\n font-size: 24px;\n font-weight: 700;\n line-height: 29px;\n display: flex;\n position: relative;\n}\n\n.about-section__heading:after {\n content: \"\";\n border: 1px solid #000;\n flex-grow: 1;\n margin-left: 14px;\n}\n\n@media screen and (min-width: 768px) {\n .about-section {\n min-width: 720px;\n height: 301px;\n margin: 0 24px 100px;\n }\n\n .about-section__flex-box {\n justify-content: space-between;\n align-items: center;\n display: flex;\n }\n\n .about-section__text {\n min-width: 322px;\n margin-right: 54px;\n font-size: 20px;\n line-height: 24px;\n }\n\n .about-section__heading {\n margin-bottom: 30px;\n font-size: 44px;\n line-height: 54px;\n }\n}\n\n@media screen and (min-width: 1280px) {\n .about-section {\n min-width: 1232px;\n height: 424px;\n }\n\n .about-section__text {\n min-width: 510px;\n margin-right: 90px;\n font-size: 22px;\n line-height: 27px;\n }\n\n .about-section__heading {\n margin-bottom: 26px;\n }\n}\n\n.container {\n width: 100%;\n margin: 0 auto;\n padding: 0 15px;\n}\n\n@media screen and (min-width: 1280px) {\n .container {\n max-width: 1280px;\n }\n}\n\nh1, h2, h3, h4, h5, h6, p {\n margin: 0;\n}\n\nul, ol {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\na {\n color: #000;\n}\n\na:link, a:hover {\n text-decoration: none;\n}\n\n.blog-section {\n background-color: #fff;\n}\n\n.blog-section__header {\n color: #000;\n text-transform: uppercase;\n align-items: center;\n margin-bottom: 32px;\n font-family: Montserrat, sans-serif;\n font-size: 24px;\n font-weight: 700;\n line-height: 29px;\n display: flex;\n}\n\n.blog-section__header:after {\n content: \"\";\n border: 1px solid #000;\n flex-grow: 1;\n margin-left: 14px;\n}\n\n@media screen and (min-width: 768px) {\n .blog-section__header {\n margin-bottom: 60px;\n font-size: 44px;\n line-height: 54px;\n }\n}\n\n@media screen and (min-width: 1280px) {\n .blog-section__header {\n margin-bottom: 122px;\n }\n}\n\n.blog-section__button-box {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 24px;\n display: flex;\n}\n\n@media screen and (min-width: 768px) {\n .blog-section__button-box {\n gap: 32px;\n }\n}\n\n.blog-section__title {\n color: #000;\n font-family: Montserrat, sans-serif;\n font-size: 18px;\n font-weight: 500;\n line-height: 22px;\n}\n\n@media screen and (min-width: 768px) {\n .blog-section__title {\n font-size: 32px;\n line-height: 39px;\n }\n}\n\n.blog-section__button {\n cursor: pointer;\n color: #fff;\n background: #e86f54;\n border: none;\n border-radius: 38px;\n justify-content: center;\n margin-bottom: 60px;\n padding: 8px 39.5px;\n font-family: Montserrat, sans-serif;\n font-size: 18px;\n font-weight: 500;\n line-height: 24px;\n transition: opacity .25s cubic-bezier(.4, 0, .2, 1);\n display: flex;\n}\n\n.blog-section__button:hover {\n opacity: .8;\n}\n\n@media screen and (min-width: 768px) {\n .blog-section__button {\n padding: 20px 69.5px;\n font-size: 28px;\n line-height: 24px;\n }\n}\n\n.blog-section__images {\n justify-content: center;\n column-gap: 16px;\n margin: 0 25px;\n display: flex;\n}\n\n.blog-section__img {\n width: 100%;\n}\n\n.button-arrows {\n justify-content: center;\n margin-top: 4px;\n margin-bottom: 14px;\n display: flex;\n}\n\n.button-arrows__svg {\n width: 50px;\n height: 50px;\n}\n\n.button-arrows__svg:not(:first-child) {\n margin-left: 25px;\n}\n\n@media screen and (min-width: 768px) {\n .blog-section__images {\n column-gap: 32px;\n }\n\n .button-arrows {\n margin-top: 8px;\n margin-bottom: 18px;\n }\n\n .button-arrows__svg {\n width: 61px;\n height: 61px;\n }\n}\n\n@media screen and (max-width: 1279px) {\n .no-visibility {\n display: none;\n }\n}\n\n@media screen and (min-width: 1280px) {\n .blog-section__images {\n column-gap: 31px;\n margin: 0 24px;\n }\n\n .button-arrows {\n margin-top: 18px;\n margin-bottom: 24px;\n }\n}\n\n.blog-section__modal {\n width: 272px;\n height: 380px;\n background-color: #fff;\n border-radius: 4px;\n flex-direction: column;\n gap: 18px;\n transition: transform .5s cubic-bezier(.4, 0, .2, 1);\n display: flex;\n position: relative;\n transform: translateY(0);\n box-shadow: 0 1px 3px #0000001f, 0 1px 1px #00000024, 0 2px 1px #0003;\n}\n\n@media screen and (min-width: 768px) {\n .blog-section__modal {\n width: 566px;\n height: 644px;\n }\n}\n\n.blog-section__backdrop {\n width: 100%;\n height: 100%;\n background-color: #0003;\n justify-content: center;\n align-items: center;\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n}\n\n.blog-section__modal-close {\n width: 25px;\n height: 25px;\n background-color: #fff;\n border: 1px solid #0000001a;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n padding: 0;\n transition-property: background-color, fill;\n transition-duration: .25s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n display: flex;\n position: absolute;\n top: 3px;\n right: 3px;\n}\n\n.blog-section__modal-close:hover {\n fill: #fff;\n background-color: #e86f54;\n border: 1px solid #0000001a;\n border-radius: 50%;\n}\n\n.blog-section__modal-icon {\n width: 80%;\n height: 80%;\n}\n\n.blog-section__modal-news {\n width: 240px;\n height: 213px;\n flex-direction: column;\n align-items: center;\n margin-left: 16px;\n display: flex;\n}\n\n@media screen and (max-width: 767px) {\n .blog-section__modal-news {\n justify-content: center;\n }\n}\n\n@media screen and (min-width: 768px) {\n .blog-section__modal-news {\n width: 566px;\n height: 644px;\n margin-left: 0;\n }\n}\n\n.blog-section__modal-news-tittle {\n text-align: center;\n margin-bottom: 14px;\n font-family: Montserrat, sans-serif;\n font-size: 19px;\n font-weight: 600;\n line-height: 23px;\n}\n\n@media screen and (min-width: 768px) {\n .blog-section__modal-news-tittle {\n text-align: center;\n font-size: 28px;\n line-height: 34px;\n }\n}\n\n.blog-section__modal-news-text {\n text-align: center;\n color: #5c5c5c;\n margin-bottom: 18px;\n font-family: Montserrat, sans-serif;\n font-size: 12px;\n line-height: 130%;\n}\n\n@media screen and (min-width: 768px) {\n .blog-section__modal-news-text {\n width: 336px;\n margin-bottom: 32px;\n font-size: 16px;\n }\n}\n\n.blog-section__modal-form {\n color: #5c5c5c;\n flex-direction: column;\n gap: 8px;\n font-size: 10px;\n font-weight: 500;\n line-height: 12px;\n display: flex;\n}\n\n@media screen and (min-width: 768px) {\n .blog-section__modal-form {\n font-size: 14px;\n }\n}\n\n.blog-section__modal-form-input {\n width: 236px;\n height: 35px;\n border: 1px solid #d7d7d7;\n border-radius: 4px;\n margin-bottom: 18px;\n padding: 0;\n transition: border .25s cubic-bezier(.4, 0, .2, 1), fill .25s cubic-bezier(.4, 0, .2, 1);\n}\n\n.blog-section__modal-form-input:focus {\n border: 1px solid #e86f54;\n outline: none;\n}\n\n.blog-section__modal-form-input:focus + .modal__form-icons {\n fill: #e86f54;\n}\n\n.blog-section__modal-form-input::placeholder {\n color: #0000004d;\n font-size: 12px;\n font-weight: 500;\n line-height: 15px;\n}\n\n@media screen and (min-width: 768px) {\n .blog-section__modal-form-input {\n width: 336px;\n height: 49px;\n margin-bottom: 28px;\n }\n}\n\n.blog-section__modal-button {\n cursor: pointer;\n color: #fff;\n background: #e86f54;\n border: none;\n border-radius: 8px;\n justify-content: center;\n padding: 10px 82px;\n font-family: Montserrat, sans-serif;\n font-size: 14px;\n font-weight: 600;\n line-height: 17px;\n transition: opacity .25s cubic-bezier(.4, 0, .2, 1);\n display: flex;\n}\n\n.blog-section__modal-button:hover {\n opacity: .8;\n}\n\n@media screen and (min-width: 768px) {\n .blog-section__modal-button {\n padding: 14px 122px;\n font-size: 18px;\n line-height: 22px;\n }\n}\n\n.delivery {\n font-family: Montserrat, sans-serif;\n display: flex;\n}\n\n.delivery__text {\n width: 252px;\n height: 34px;\n font-size: 14px;\n font-weight: 500;\n}\n\n.delivery__img {\n width: 100%;\n margin-bottom: 60px;\n}\n\n.delivery__item {\n width: 40px;\n height: 40px;\n text-align: center;\n border: 1px solid #000;\n border-radius: 50%;\n align-items: center;\n margin-bottom: 14px;\n margin-right: 8px;\n padding: 8px;\n font-family: Montserrat, sans-serif;\n font-size: 20px;\n font-weight: 500;\n line-height: 24px;\n}\n\n.delivery__list {\n flex-flow: row;\n font-family: Montserrat, sans-serif;\n font-size: 22px;\n font-weight: 500;\n list-style-type: none;\n display: flex;\n}\n\n.delivery_content {\n align-items: center;\n margin-bottom: 32px;\n display: flex;\n}\n\n.delivery__title {\n color: #000;\n text-transform: uppercase;\n z-index: -1;\n align-items: center;\n margin-bottom: 32px;\n font-size: 24px;\n font-weight: 700;\n line-height: 29px;\n display: flex;\n position: relative;\n}\n\n.delivery__title:after {\n content: \"\";\n border: 1px solid #000;\n flex-grow: 1;\n margin-left: 14px;\n}\n\n@media (min-width: 768px) {\n .delivery__item {\n width: 64px;\n height: 64px;\n margin-bottom: 12px;\n margin-left: 8px;\n margin-right: 56px;\n padding-top: 16px;\n font-size: 26px;\n }\n\n .delivery__title {\n font-size: 44px;\n }\n\n .delivery__content {\n margin-bottom: 60px;\n }\n\n .delivery__text {\n width: 580px;\n padding-top: 13px;\n font-size: 24px;\n }\n\n .delivery__img {\n margin-bottom: 40px;\n }\n\n .delivery__list {\n margin-bottom: 32px;\n }\n}\n\n@media (min-width: 1280px) {\n .delivery__text {\n width: 1280px;\n }\n}\n\n.container {\n width: 100%;\n margin: 0 auto;\n padding: 0 15px;\n}\n\n@media screen and (min-width: 1280px) {\n .container {\n max-width: 1280px;\n }\n}\n\nh1, h2, h3, h4, h5, h6, p {\n margin: 0;\n}\n\nul, ol {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\na {\n color: #000;\n}\n\na:link, a:hover, a {\n text-decoration: none;\n}\n\na:visited, a:link {\n color: inherit;\n}\n\n.footer {\n background-color: #000;\n}\n\n.footer__container {\n max-width: 100%;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0 auto;\n padding: 0 15px;\n display: flex;\n}\n\n@media screen and (max-width: 767px) {\n .footer__container {\n max-width: 767px;\n padding-bottom: 32px;\n }\n}\n\n@media screen and (min-width: 768px) {\n .footer__container {\n padding-bottom: 54px;\n }\n}\n\n@media screen and (min-width: 1280px) {\n .footer__container {\n max-width: 1280px;\n padding-bottom: 72px;\n }\n}\n\n.footer__box {\n max-width: 130px;\n margin-top: 32px;\n}\n\n@media screen and (min-width: 768px) {\n .footer__box {\n max-width: 236px;\n margin-top: 60px;\n }\n}\n\n@media screen and (min-width: 1280px) {\n .footer__box {\n margin-top: 72px;\n }\n}\n\n.footer__box-icon {\n max-width: 128px;\n flex-direction: row;\n gap: 16px;\n margin-top: 32px;\n display: flex;\n}\n\n@media screen and (max-width: 420px) {\n .footer__box-icon {\n margin-right: 68px;\n }\n}\n\n@media screen and (min-width: 768px) {\n .footer__box-icon {\n flex-direction: column;\n margin-top: 60px;\n }\n}\n\n@media screen and (min-width: 1280px) {\n .footer__box-icon {\n margin-top: 72px;\n margin-right: 15px;\n }\n}\n\n.footer__header {\n color: #fff;\n margin-bottom: 18px;\n font-family: Inter, sans-serif;\n font-size: 18px;\n font-weight: 700;\n line-height: 22px;\n}\n\n@media screen and (min-width: 768px) {\n .footer__header {\n font-size: 20px;\n line-height: 24px;\n }\n}\n\n.footer__text {\n color: #fff;\n font-family: Inter, sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 17px;\n transition: transform .25s cubic-bezier(.4, 0, .2, 1), color .25s cubic-bezier(.4, 0, .2, 1);\n}\n\n.footer__text:hover, .footer__text:focus {\n color: #e86f54;\n border-bottom: 1px solid #e86f54;\n transform: scale(1.05);\n}\n\n.footer__text:not(:last-child) {\n margin-bottom: 12px;\n}\n\n.footer__text--margin:not(:last-child) {\n margin-bottom: 0;\n}\n\n.footer__text--nohover:hover {\n color: #fff;\n border-bottom: none;\n transform: none;\n}\n\n@media screen and (min-width: 768px) {\n .footer__text {\n font-size: 16px;\n line-height: 19px;\n }\n}\n\n@media screen and (max-width: 767px) {\n .footer__text--tablet-desktop {\n display: none;\n }\n}\n\n@media screen and (min-width: 768px) {\n .footer__text--mobile {\n display: none;\n }\n}\n\n.footer__social-bg {\n width: 28px;\n height: 28px;\n background-color: #000;\n justify-content: center;\n align-items: center;\n transition: transform .25s cubic-bezier(.4, 0, .2, 1);\n display: flex;\n}\n\n.footer__social-bg:hover, .footer__social-bg:focus {\n transform: scale(1.2);\n}\n\n.footer__social-icon {\n width: 28px;\n height: 28px;\n stroke: #fff;\n transition: stroke .25s cubic-bezier(.4, 0, .2, 1);\n}\n\n.footer__social-icon:hover, .footer__social-icon:focus {\n stroke: #4267b2;\n}\n\n.footer__social-icon--instagram:hover {\n stroke: #833ab4;\n}\n\n@media screen and (max-width: 1279px) {\n .footer__logo-box {\n display: none;\n }\n}\n\n.footer__logo-icon {\n width: 73px;\n height: 57px;\n fill: #fff;\n margin-top: 72px;\n transition: fill .25s cubic-bezier(.4, 0, .2, 1);\n}\n\n.footer__logo-icon:hover, .footer__logo-icon:focus {\n fill: #e86f54;\n}\n\n.container {\n width: 100%;\n margin: 0 auto;\n padding: 0 15px;\n}\n\n@media screen and (min-width: 1280px) {\n .container {\n max-width: 1280px;\n }\n}\n\nh1, h2, h3, h4, h5, h6, p {\n margin: 0;\n}\n\nul, ol {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\na {\n color: #000;\n}\n\na:link, a:hover {\n text-decoration: none;\n}\n\n.header-section {\n justify-content: space-between;\n align-items: center;\n display: flex;\n}\n\n.header-section__item1 {\n width: 30%;\n}\n\n.header-section__logo {\n width: 45px;\n height: 35px;\n transition: fill .25s cubic-bezier(.4, 0, .2, 1);\n}\n\n.header-section__logo:hover, .header-section__logo:focus {\n fill: #e86f54;\n}\n\n.header-section__item2 {\n width: 30%;\n display: none;\n}\n\n.header-section__nav {\n justify-content: space-between;\n padding: 0;\n font-family: Montserrat, sans-serif;\n font-size: 20px;\n line-height: 24px;\n display: flex;\n}\n\n.header-nav__item {\n transition: transform .25s cubic-bezier(.4, 0, .2, 1), color .25s cubic-bezier(.4, 0, .2, 1);\n}\n\n.header-nav__item:hover, .header-nav__item:focus {\n color: #e86f54;\n border-bottom: 1px solid #e86f54;\n transform: scale(1.05);\n}\n\n.header-section__item3 {\n width: 57%;\n justify-content: flex-end;\n display: flex;\n}\n\n.header-section__tel {\n width: 22px;\n height: 22px;\n transition: fill .25s cubic-bezier(.4, 0, .2, 1);\n}\n\n.header-section__tel:hover, .header-section__tel:focus {\n fill: #e86f54;\n}\n\n.header-section__item4 {\n display: block;\n}\n\n.menu-toggle {\n cursor: pointer;\n background-color: #0000;\n border: none;\n outline: none;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.menu-toggle:hover {\n box-shadow: none;\n border: none;\n}\n\n.menu-toggle__icon {\n width: 24px;\n height: 24px;\n transition: fill .25s cubic-bezier(.4, 0, .2, 1);\n}\n\n.menu-toggle__icon:hover, .menu-toggle__icon:focus {\n fill: #e86f54;\n}\n\n.menu-toggle__close {\n width: 24px;\n height: 24px;\n fill: #fff;\n transition: transform .25s cubic-bezier(.4, 0, .2, 1), color .25s cubic-bezier(.4, 0, .2, 1);\n}\n\n.menu-toggle__close:hover, .menu-toggle__close:focus {\n transform: scale(1.15);\n}\n\n.menu-container {\n width: 100vw;\n height: 100vh;\n z-index: 999;\n background-color: #e86f54;\n padding: 35% 7% 7%;\n transition: transform .25s ease-in-out;\n position: fixed;\n top: 0;\n left: 0;\n transform: translateX(300%);\n}\n\n.menu-container.is-open {\n transform: translateX(0);\n}\n\n.menu-container .menu-toggle {\n position: absolute;\n top: 16px;\n right: 16px;\n}\n\n.mobile-menu {\n width: 60%;\n height: 40%;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n margin: auto;\n display: flex;\n}\n\n.mobile-menu__item {\n color: #fff;\n font-size: 20px;\n font-weight: 300;\n line-height: 24px;\n transition: transform .25s cubic-bezier(.4, 0, .2, 1), color .25s cubic-bezier(.4, 0, .2, 1);\n}\n\n.mobile-menu__item:hover, .mobile-menu__item:focus {\n border-bottom: 1px solid #fff;\n transform: scale(1.05);\n}\n\n@media screen and (min-width: 768px) {\n .header-section__item1 {\n width: 20%;\n }\n\n .header-section__logo {\n width: 72px;\n height: 57px;\n }\n\n .header-section__item2 {\n width: 60%;\n display: block;\n }\n\n .header-section__item3 {\n width: 20%;\n justify-content: flex-end;\n display: flex;\n }\n\n .header-section__tel {\n width: 24px;\n height: 24px;\n }\n\n .header-section__item4 {\n display: none;\n }\n}\n\n@media screen and (min-width: 1280px) {\n .header-section__item1 {\n width: 20%;\n }\n\n .header-section__logo {\n width: 72px;\n height: 57px;\n }\n\n .header-section__item2 {\n width: 50%;\n display: block;\n }\n\n .header-section__item3 {\n width: 20%;\n justify-content: flex-end;\n display: flex;\n }\n\n .header-section__tel {\n width: 24px;\n height: 24px;\n }\n\n .header-section__item4 {\n display: none;\n }\n}\n\n.container {\n width: 100%;\n margin: 0 auto;\n padding: 0 15px;\n}\n\n@media screen and (min-width: 1280px) {\n .container {\n max-width: 1280px;\n }\n}\n\nh1, h2, h3, h4, h5, h6, p {\n margin: 0;\n}\n\nul, ol {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\na {\n color: #000;\n}\n\na:link, a:hover {\n text-decoration: none;\n}\n\n.hero-section {\n min-width: 288px;\n height: 400px;\n padding-top: 5%;\n}\n\n.hero-section__flex-box {\n text-align: center;\n justify-content: center;\n display: flex;\n}\n\n.hero-section__description {\n padding-top: 137px;\n font-family: Montserrat, sans-serif;\n font-size: 14px;\n line-height: 17px;\n}\n\n.hero-section__img {\n width: 145px;\n height: 274px;\n margin-left: 20px;\n margin-right: 1px;\n}\n\n.hero-section__button {\n width: 64px;\n height: 76px;\n cursor: pointer;\n background-color: #fff;\n border: none;\n margin-top: 120px;\n margin-left: 1px;\n}\n\n.hero-section__icon {\n width: 64px;\n height: 76px;\n}\n\n.hero-section__header {\n text-align: center;\n margin-top: -30px;\n font-family: Montserrat, sans-serif;\n font-size: 52px;\n font-weight: 400;\n line-height: 63.39px;\n}\n\n.is-hidden {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n}\n\n.contact-us-icon-close {\n color: #000;\n width: 18px;\n height: 18px;\n cursor: pointer;\n border: none;\n}\n\n.contact-us-icon-close:hover, .contact-us-icon-close:focus {\n color: #e86f54;\n}\n\n.contact-us-div, .thank-you-div {\n width: 100%;\n height: 100%;\n z-index: 10;\n background-color: #0000004d;\n justify-content: center;\n align-items: center;\n display: flex;\n position: fixed;\n top: 0;\n}\n\n.backdrop-contact-us, .backdrop-thank-you {\n width: 272px;\n background-color: #fff;\n position: relative;\n}\n\n.backdrop-thank-you {\n text-align: center;\n}\n\n.backdrop-contact-us__close-button, .backdrop-thank-you__close-button {\n background-color: #fff;\n border: none;\n position: absolute;\n top: 9px;\n right: 9px;\n}\n\n.backdrop-thank-you__close-button {\n right: 0;\n}\n\n.backdrop-contact-us__header, .backdrop-thank-you__header {\n margin-top: 20px;\n margin-bottom: 14px;\n font-family: Montserrat, sans-serif;\n font-size: 20px;\n font-weight: 600;\n line-height: 24.38px;\n}\n\n.backdrop-contact-us__description, .backdrop-thank-you__description {\n color: #5c5c5c;\n margin-bottom: 18px;\n font-family: Montserrat, sans-serif;\n font-size: 12px;\n font-weight: 500;\n line-height: 14.63px;\n}\n\n.backdrop-contact-us__input {\n width: 100%;\n height: 37px;\n color: #000;\n border-color: #0000001a;\n border-radius: 8px;\n margin-top: 10px;\n margin-bottom: 18px;\n padding-left: 10px;\n}\n\n.backdrop-contact-us__input::placeholder {\n color: #0006;\n font-family: Montserrat, sans-serif;\n font-size: 12px;\n font-weight: 500;\n line-height: 14.63px;\n}\n\n.backdrop-contact-us__input:hover, .backdrop-contact-us__input:focus {\n border: 1px solid #00000080;\n outline: none;\n}\n\n.backdrop-contact-us__input:not(:placeholder-shown):required:valid {\n border-color: #3cbc81;\n}\n\n.backdrop-contact-us__input:not(:placeholder-shown):required:invalid {\n border-color: #e74a3b;\n}\n\n.backdrop-contact-us__label {\n color: #5c5c5c;\n font-family: Montserrat, sans-serif;\n font-size: 10px;\n font-weight: 500;\n line-height: 12.19px;\n}\n\n.backdrop-contact-us__button, .backdrop-thank-you__button {\n width: 100%;\n height: 37px;\n color: #fff;\n cursor: pointer;\n background-color: #e86f5440;\n border: none;\n border-radius: 8px;\n margin-top: 10px;\n margin-bottom: 28px;\n font-family: Montserrat, sans-serif;\n font-size: 14px;\n font-weight: 600;\n line-height: 17px;\n}\n\n.backdrop-thank-you__button {\n margin-bottom: 42px;\n}\n\n.backdrop-contact-us__button:hover, .backdrop-thank-you__button:hover {\n background-color: #e86f54;\n}\n\n.backdrop-thank-you__img {\n width: 188px;\n height: 142px;\n margin: 10px auto;\n}\n\n@media screen and (min-width: 768px) {\n .hero-section {\n min-width: 720px;\n height: 700px;\n margin-bottom: 100px;\n }\n\n .hero-section__description {\n margin-left: 73px;\n padding-top: 270px;\n font-size: 24px;\n line-height: 29.26px;\n }\n\n .hero-section__button {\n width: 145px;\n height: 150px;\n margin-top: 230px;\n margin-left: 20px;\n padding-right: 180px;\n }\n\n .hero-section__icon {\n width: 145px;\n height: 150px;\n }\n\n .hero-section__img {\n width: 390px;\n height: 636px;\n margin-left: 40px;\n }\n\n .hero-section__header {\n margin-top: -8%;\n font-size: 120px;\n line-height: 146.28px;\n }\n\n .backdrop-contact-us, .backdrop-thank-you {\n width: 480px;\n }\n\n .backdrop-contact-us__header, .backdrop-thank-you__header {\n font-size: 32px;\n line-height: 39px;\n }\n\n .backdrop-contact-us__description, .backdrop-thank-you__description {\n font-size: 16px;\n line-height: 19.5px;\n }\n\n .backdrop-contact-us__label, .backdrop-thank-you__label {\n font-size: 14px;\n line-height: 17px;\n }\n\n .backdrop-contact-us__input, .backdrop-thank-you__input {\n height: 50px;\n }\n\n .backdrop-contact-us__input::placeholder, .backdrop-thank-you__input::placeholder {\n font-size: 14px;\n line-height: 17px;\n }\n\n .backdrop-contact-us__button, .backdrop-thank-you__button {\n height: 50px;\n font-size: 18px;\n line-height: 22px;\n }\n\n .backdrop-thank-you__img {\n width: 266px;\n height: 202px;\n }\n}\n\n@media screen and (min-width: 1280px) {\n .hero-section {\n min-width: 1232px;\n height: 800px;\n }\n\n .hero-section__description {\n font-size: 32px;\n line-height: 39px;\n }\n\n .hero-section__icon {\n width: 166px;\n height: 166px;\n }\n\n .hero-section__header {\n margin-top: -5.5%;\n font-size: 160px;\n line-height: 195px;\n }\n}\n\n.our-offer {\n color: #000;\n text-transform: uppercase;\n align-items: center;\n font-family: Montserrat, sans-serif;\n font-size: 24px;\n font-weight: 700;\n line-height: 1.22;\n display: flex;\n}\n\n.our-offer:after {\n content: \"\";\n border: 1px solid #000;\n flex-grow: 1;\n margin-left: 14px;\n}\n\n.our-offer__wrapper {\n flex-wrap: wrap;\n gap: 16px;\n padding: 32px 0;\n list-style: none;\n display: flex;\n}\n\n.our-offer__item {\n width: calc(50% - 8px);\n}\n\n.our-offer__item--img {\n width: 100%;\n}\n\n.our-offer__text {\n color: #000;\n margin: 12px 0 6px;\n font-family: Montserrat, sans-serif;\n font-weight: 500;\n line-height: 1.25;\n}\n\n.our-offer__text--price {\n color: #000;\n opacity: .6;\n font-family: Montserrat, sans-serif;\n font-size: 12px;\n font-weight: 600;\n line-height: 1.25;\n}\n\n.button {\n justify-content: center;\n margin-bottom: 60px;\n display: flex;\n}\n\n.button__item {\n color: #000;\n color: #fff;\n cursor: pointer;\n background: #e86f54;\n border: none;\n border-radius: 38px;\n padding: 10px 35px;\n font-family: Montserrat, sans-serif;\n font-size: 20px;\n font-weight: 500;\n line-height: 1.2;\n}\n\n.button__item:hover {\n background: #e25b41;\n}\n\n@media screen and (min-width: 769px) {\n .our-offer {\n font-size: 44px;\n line-height: 1.23;\n }\n\n .our-offer:after {\n margin-left: 16px;\n }\n\n .our-offer__wrapper {\n gap: 32px;\n padding: 60px 0;\n }\n\n .our-offer__item {\n width: calc(50% - 16px);\n }\n\n .our-offer__text {\n align-items: center;\n margin: 16px 0 8px;\n font-size: 32px;\n line-height: 1.22;\n display: flex;\n position: relative;\n }\n\n .our-offer__text--price {\n font-size: 24px;\n line-height: 1.21;\n }\n\n .our-offer__text:after {\n content: \"\";\n border: 1px solid #000;\n flex-grow: 1;\n margin-left: 8px;\n }\n\n .button__item {\n padding: 20px 40.35px;\n font-size: 28px;\n line-height: .86;\n }\n}\n\n@media screen and (min-width: 1280px) {\n .our-offer__text {\n margin-bottom: 4px;\n font-size: 36px;\n line-height: 1.22;\n }\n\n .our-offer__text--price {\n font-size: 28px;\n }\n\n .our-offer__text:after {\n margin-left: 16px;\n }\n\n .our-offer__wrapper {\n padding: 80px 0;\n }\n}\n\n.is-hidden {\n pointer-events: none;\n visibility: hidden;\n opacity: 0;\n transition: visibility .55s cubic-bezier(.4, 0, .2, 1), opacity .55s cubic-bezier(.4, 0, .2, 1);\n}\n\n.backdrop {\n width: 100%;\n height: 100%;\n background-color: #0003;\n justify-content: center;\n align-items: center;\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n}\n\n.modal {\n width: 272px;\n background-color: #fff;\n border-radius: 4px;\n transition: transform .5s cubic-bezier(.4, 0, .2, 1);\n position: relative;\n transform: translateY(0);\n box-shadow: 0 1px 3px #0000001f, 0 1px 1px #00000024, 0 2px 1px #0003;\n}\n\n.modal__close {\n cursor: pointer;\n background-color: #fff;\n border: none;\n border-radius: 50px;\n padding: 0;\n position: absolute;\n top: 19px;\n right: 19px;\n}\n\n.modal__close:hover {\n fill: #2196f3;\n}\n\n.modal__close--item {\n width: 12px;\n height: 12px;\n display: flex;\n}\n\n.modal__wrapper {\n padding: 28px 16px;\n}\n\n.modal__wrapper--input {\n flex-direction: column;\n margin-bottom: 8px;\n font-family: Montserrat, sans-serif;\n display: flex;\n}\n\n.modal__header {\n text-align: left;\n color: #000;\n margin-bottom: 14px;\n font-family: Montserrat, sans-serif;\n font-size: 20px;\n font-weight: 600;\n line-height: 1.2;\n}\n\n.modal__text {\n color: #5c5c5c;\n margin-bottom: 18px;\n font-family: Montserrat, sans-serif;\n font-size: 12px;\n font-weight: 500;\n line-height: 1.25;\n}\n\n.modal__text--item {\n color: #5c5c5c;\n text-align: left;\n margin-bottom: 4px;\n font-size: 10px;\n font-weight: 500;\n line-height: 1.17;\n}\n\n.modal__box {\n margin-bottom: 14px;\n display: flex;\n position: relative;\n}\n\n.modal__box--input {\n color: #0006;\n width: 100%;\n border: 1px solid #21212133;\n border-radius: 4px;\n outline: none;\n padding-top: 10px;\n padding-bottom: 10px;\n padding-left: 12px;\n font-family: Montserrat, sans-serif;\n font-size: 12px;\n font-weight: 500;\n line-height: 1.25;\n transition-property: border;\n transition-duration: .25s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.modal__send {\n width: 100%;\n height: 37px;\n color: #fff;\n cursor: pointer;\n letter-spacing: .06em;\n text-align: center;\n background: #e86f5466;\n border: none;\n border-radius: 8px;\n justify-content: center;\n align-items: center;\n margin-top: 24px;\n padding: 10px 0;\n font-family: Montserrat, sans-serif;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.21;\n display: flex;\n}\n\n.modal__send:hover {\n background: #e86f54;\n}\n\n.is-hidden .modal {\n transform: translateY(-150%);\n}\n\n.modal__box--input:not(:placeholder-shown):required:valid {\n border-color: #3cbc81;\n}\n\n.modal__box--input:not(:placeholder-shown):required:invalid {\n border-color: #e74a3b;\n}\n\n@media screen and (min-width: 769px) {\n .modal {\n width: 480px;\n height: 511px;\n }\n\n .modal__wrapper {\n padding: 48px 32px;\n }\n\n .modal__header {\n text-align: left;\n margin-bottom: 24px;\n font-size: 32px;\n font-weight: 600;\n line-height: 1.08;\n }\n\n .modal__text {\n margin-bottom: 32px;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.25;\n }\n\n .modal__text--item {\n font-size: 14px;\n font-weight: 500;\n line-height: 1.21;\n }\n\n .modal__box {\n margin-bottom: 24px;\n }\n\n .modal__box--input {\n padding-top: 16px;\n padding-bottom: 16px;\n padding-left: 16px;\n font-size: 14px;\n }\n\n .modal__send {\n height: 50px;\n margin-top: 34px;\n padding: 14px 0;\n font-size: 18px;\n }\n\n .modal .modal__close--item {\n width: 16px;\n height: 16px;\n }\n}\n\nbody {\n margin: 0 auto;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n display: block;\n}\n\n/*# sourceMappingURL=index.e5cfecb0.css.map */\n","@import './partials/about';\n@import './partials/blog';\n@import './partials/buttons';\n@import './partials/delivery';\n@import './partials/footer';\n@import './partials/general';\n@import './partials/header';\n@import './partials/hero';\n@import './partials/store';\n\nbody {\n margin: 0 auto;\n}\n\nimg {\n display: block;\n max-width: 100%;\n height: auto;\n}\n",".about-section {\n margin: 0 16px 60px;\n min-width: 288px;\n height: 395px;\n font-family: 'Montserrat', sans-serif;\n\n &__text {\n margin-bottom: 16px;\n line-height: 20px;\n }\n}\n\n.about-section__heading {\n display: flex;\n position: relative;\n color: #000000;\n font-weight: 700;\n font-size: 24px;\n line-height: 29px;\n text-transform: uppercase;\n margin-bottom: 32px;\n align-items: center;\n\n &::after {\n content: '';\n margin-left: 14px;\n border: 1px solid #000000;\n flex-grow: 1;\n }\n}\n\n@media screen and (min-width: 768px) {\n .about-section {\n margin: 0 24px 100px;\n min-width: 720px;\n height: 301px;\n\n &__flex-box {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n &__text {\n min-width: 322px;\n font-size: 20px;\n line-height: 24px;\n margin-right: 54px;\n }\n }\n\n .about-section__heading {\n font-size: 44px;\n line-height: 54px;\n margin-bottom: 30px;\n }\n}\n\n@media screen and (min-width: 1280px) {\n .about-section {\n min-width: 1232px;\n height: 424px;\n\n &__text {\n min-width: 510px;\n font-size: 22px;\n line-height: 27px;\n margin-right: 90px;\n }\n }\n\n .about-section__heading {\n margin-bottom: 26px;\n }\n}\n","$font-primary: 'Montserrat', sans-serif;\n$font-secondary: 'Inter', sans-serif;\n\n$color-brand: #e86f54;\n$main-text-color: #000000;\n$modal-grey: #5c5c5c;\n\n$breakpoint-mobile: 480px;\n$breakpoint-tablet: 768px;\n$breakpoint-desktop: 1280px;\n\n.container {\n width: 100%;\n margin: 0 auto;\n padding: 0 15px;\n @media screen and (min-width: 1280px) {\n max-width: 1280px;\n }\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n margin: 0;\n}\nul,\nol {\n list-style: none;\n padding: 0;\n margin: 0;\n}\na {\n color: #000000;\n &:link,\n &:hover {\n text-decoration: none;\n }\n}\n","@import '../partials/general';\n\n.blog-section {\n background-color: white;\n}\n.blog-section__header {\n font-family: $font-primary;\n display: flex;\n color: #000000;\n font-weight: 700;\n font-size: 24px;\n line-height: 29px;\n text-transform: uppercase;\n align-items: center;\n margin-bottom: 32px;\n\n &::after {\n content: '';\n margin-left: 14px;\n border: 1px solid #000000;\n flex-grow: 1;\n }\n @media screen and (min-width: 768px) {\n font-size: 44px;\n line-height: 54px;\n margin-bottom: 60px;\n }\n @media screen and (min-width: 1280px) {\n margin-bottom: 122px;\n }\n}\n.blog-section__button-box {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 24px;\n @media screen and (min-width: 768px) {\n gap: 32px;\n }\n}\n.blog-section__title {\n font-family: $font-primary;\n font-weight: 500;\n font-size: 18px;\n line-height: 22px;\n color: #000000;\n @media screen and (min-width: 768px) {\n font-size: 32px;\n line-height: 39px;\n }\n}\n.blog-section__button {\n display: flex;\n justify-content: center;\n cursor: pointer;\n margin-bottom: 60px;\n\n font-family: $font-primary;\n font-weight: 500;\n font-size: 18px;\n line-height: 24px;\n\n background: $color-brand;\n color: #ffff;\n\n padding: 8px 39.5px;\n border-radius: 38px;\n border: none;\n\n transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);\n\n &:hover {\n opacity: 0.8;\n }\n @media screen and (min-width: 768px) {\n padding: 20px 69.5px;\n }\n @media screen and (min-width: 768px) {\n font-size: 28px;\n line-height: 24px;\n padding: 20px 69.5px;\n }\n}\n\n.blog-section__images {\n display: flex;\n justify-content: center;\n column-gap: 16px;\n margin: 0 25px;\n}\n.blog-section__img {\n width: 100%;\n}\n.button-arrows {\n display: flex;\n justify-content: center;\n margin-bottom: 14px;\n margin-top: 4px;\n &__svg {\n width: 50px;\n height: 50px;\n &:not(:first-child) {\n margin-left: 25px;\n }\n }\n}\n@media screen and (min-width: 768px) {\n .blog-section__images {\n column-gap: 32px;\n }\n .button-arrows {\n margin-bottom: 18px;\n margin-top: 8px;\n &__svg {\n width: 61px;\n height: 61px;\n }\n }\n}\n@media screen and (max-width: 1279px) {\n .no-visibility {\n display: none;\n }\n}\n@media screen and (min-width: 1280px) {\n .blog-section__images {\n column-gap: 31px;\n margin: 0 24px;\n }\n .button-arrows {\n margin-bottom: 24px;\n margin-top: 18px;\n }\n}\n.blog-section__modal {\n display: flex;\n flex-direction: column;\n gap: 18px;\n width: 272px;\n height: 380px;\n\n position: relative;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.14),\n 0px 2px 1px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n transform: translateY(0);\n background-color: white;\n transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);\n @media screen and (min-width: 768px) {\n width: 566px;\n height: 644px;\n }\n}\n.blog-section__backdrop {\n position: fixed;\n display: flex;\n align-items: center;\n justify-content: center;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.2);\n}\n.blog-section__modal-close {\n position: absolute;\n top: 3px;\n right: 3px;\n width: 25px;\n height: 25px;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n\n background-color: #ffff;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 50%;\n transition-property: background-color, fill;\n transition-duration: 250ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n &:hover {\n background-color: #e86f54;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 50%;\n fill: #ffff;\n }\n}\n.blog-section__modal-icon {\n width: 80%;\n height: 80%;\n}\n.blog-section__modal-news {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 240px;\n height: 213px;\n margin-left: 16px;\n @media screen and (max-width: 767px) {\n justify-content: center;\n }\n @media screen and (min-width: 768px) {\n width: 566px;\n height: 644px;\n margin-left: 0px;\n }\n}\n.blog-section__modal-news-tittle {\n font-family: $font-primary;\n font-weight: 600;\n font-size: 19px;\n line-height: 23px;\n text-align: center;\n margin-bottom: 14px;\n @media screen and (min-width: 768px) {\n font-size: 28px;\n line-height: 34px;\n text-align: center;\n }\n}\n.blog-section__modal-news-text {\n font-family: $font-primary;\n font-size: 12px;\n line-height: 130%;\n text-align: center;\n color: #5c5c5c;\n margin-bottom: 18px;\n @media screen and (min-width: 768px) {\n width: 336px;\n font-size: 16px;\n margin-bottom: 32px;\n }\n}\n.blog-section__modal-form {\n font-weight: 500;\n font-size: 10px;\n line-height: 12px;\n color: #5c5c5c;\n display: flex;\n flex-direction: column;\n gap: 8px;\n @media screen and (min-width: 768px) {\n font-size: 14px;\n }\n}\n.blog-section__modal-form-input {\n width: 236px;\n height: 35px;\n border-radius: 4px;\n transition: border 250ms cubic-bezier(0.4, 0, 0.2, 1), fill 250ms cubic-bezier(0.4, 0, 0.2, 1);\n border: 1px solid #d7d7d7;\n padding: 0px;\n margin-bottom: 18px;\n &:focus {\n outline: none;\n border: 1px solid $color-brand;\n }\n\n &:focus + .modal__form-icons {\n fill: $color-brand;\n }\n &::placeholder {\n font-weight: 500;\n font-size: 12px;\n line-height: 15px;\n color: rgba(0, 0, 0, 0.3);\n }\n @media screen and (min-width: 768px) {\n width: 336px;\n height: 49px;\n margin-bottom: 28px;\n }\n}\n.blog-section__modal-button {\n display: flex;\n justify-content: center;\n cursor: pointer;\n\n font-family: $font-primary;\n font-weight: 600;\n font-size: 14px;\n line-height: 17px;\n\n background: $color-brand;\n color: #ffff;\n\n padding: 10px 82px;\n border-radius: 8px;\n border: none;\n\n transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);\n\n &:hover {\n opacity: 0.8;\n }\n @media screen and (min-width: 768px) {\n font-size: 18px;\n line-height: 22px;\n padding: 14px 122px;\n }\n}\n",".delivery {\n display: flex;\n font-family: 'Montserrat', sans-serif;\n\n &__text {\n font-weight: 500;\n font-size: 14px;\n width: 252px;\n height: 34px;\n }\n &__img {\n width: 100%;\n margin-bottom: 60px;\n }\n &__item {\n border: 1px solid #000000;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n font-size: 20px;\n font-weight: 500;\n line-height: 24px;\n font-family: 'Montserrat', sans-serif;\n text-align: center;\n align-items: center;\n margin-bottom: 14px;\n margin-right: 8px;\n padding: 8px;\n }\n &__list {\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style-type: none;\n font-family: 'Montserrat', sans-serif;\n font-weight: 500;\n font-size: 22px;\n }\n}\n.delivery_content {\n display: flex;\n align-items: center;\n margin-bottom: 32px;\n}\n.delivery__title {\n font-size: 24px;\n font-weight: 700;\n display: flex;\n align-items: center;\n position: relative;\n color: #000000;\n line-height: 29px;\n margin-bottom: 32px;\n text-transform: uppercase;\n z-index: -1;\n &::after {\n content: '';\n border: 1px solid #000;\n flex-grow: 1;\n margin-left: 14px;\n }\n}\n\n@media (min-width: 768px) {\n .delivery__item {\n width: 64px;\n height: 64px;\n font-size: 26px;\n padding-top: 16px;\n margin-right: 56px;\n margin-left: 8px;\n margin-bottom: 12px;\n }\n .delivery__title {\n font-size: 44px;\n }\n .delivery__content {\n margin-bottom: 60px;\n }\n .delivery__text {\n width: 580px;\n padding-top: 13px;\n font-size: 24px;\n }\n .delivery__img {\n margin-bottom: 40px;\n }\n .delivery__list {\n margin-bottom: 32px;\n }\n}\n\n@media (min-width: 1280px) {\n .delivery__text {\n width: 1280px;\n }\n}\n","@import '../partials/general';\n\na {\n text-decoration: none;\n &:visited {\n color: inherit;\n }\n &:link {\n color: inherit;\n }\n}\n.footer {\n background-color: $main-text-color;\n}\n.footer__container {\n max-width: 100%;\n margin: 0 auto;\n padding: 0 15px;\n\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n @media screen and (max-width: 767px) {\n padding-bottom: 32px;\n max-width: 767px;\n }\n @media screen and (min-width: 768px) {\n padding-bottom: 54px;\n }\n\n @media screen and (min-width: 1280px) {\n padding-bottom: 72px;\n max-width: 1280px;\n }\n}\n.footer__box {\n max-width: 130px;\n margin-top: 32px;\n\n @media screen and (min-width: 768px) {\n max-width: 236px;\n margin-top: 60px;\n }\n @media screen and (min-width: 1280px) {\n margin-top: 72px;\n }\n}\n.footer__box-icon {\n max-width: 128px;\n margin-top: 32px;\n display: flex;\n flex-direction: row;\n gap: 16px;\n @media screen and (max-width: 420px) {\n margin-right: 68px;\n }\n\n @media screen and (min-width: 768px) {\n margin-top: 60px;\n flex-direction: column;\n }\n @media screen and (min-width: 1280px) {\n margin-top: 72px;\n margin-right: 15px;\n }\n}\n\n.footer__header {\n font-family: $font-secondary;\n font-weight: 700;\n font-size: 18px;\n line-height: 22px;\n color: #ffffff;\n margin-bottom: 18px;\n @media screen and (min-width: 768px) {\n font-size: 20px;\n line-height: 24px;\n }\n}\n.footer__text {\n font-family: $font-secondary;\n font-weight: 500;\n font-size: 14px;\n line-height: 17px;\n color: #ffffff;\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);\n\n &:hover,\n &:focus {\n color: $color-brand;\n transform: scale(1.05);\n border-bottom: 1px solid $color-brand;\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n &--margin:not(:last-child) {\n margin-bottom: 0px;\n }\n\n &--nohover:hover {\n color: #ffffff;\n transform: none;\n border-bottom: none;\n }\n @media screen and (min-width: 768px) {\n font-size: 16px;\n line-height: 19px;\n }\n &--tablet-desktop {\n @media screen and (max-width: 767px) {\n display: none;\n }\n }\n &--mobile {\n @media screen and (min-width: 768px) {\n display: none;\n }\n }\n}\n.footer__social-bg {\n width: 28px;\n height: 28px;\n background-color: $main-text-color;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);\n &:hover,\n &:focus {\n transform: scale(1.2);\n }\n}\n.footer__social-icon {\n width: 28px;\n height: 28px;\n stroke: #ffffff;\n transition: stroke 250ms cubic-bezier(0.4, 0, 0.2, 1);\n &:hover,\n &:focus {\n stroke: #4267b2;\n }\n &--instagram:hover {\n stroke: #833ab4;\n }\n}\n.footer__logo-box {\n @media screen and (max-width: 1279px) {\n display: none;\n }\n}\n.footer__logo-icon {\n width: 73px;\n height: 57px;\n fill: #ffffff;\n margin-top: 72px;\n\n transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1);\n &:hover,\n &:focus {\n fill: $color-brand;\n }\n}\n",".header-section {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header-section__item1 {\n width: 30%;\n}\n.header-section__logo {\n width: 45px;\n height: 35px;\n transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1);\n &:hover,\n &:focus {\n fill: $color-brand;\n }\n}\n.header-section__item2 {\n display: none;\n width: 30%;\n}\n.header-section__nav {\n display: flex;\n justify-content: space-between;\n padding: 0;\n\n font-family: $font-primary;\n font-size: 20px;\n line-height: 24px;\n}\n.header-nav__item {\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);\n &:hover,\n &:focus {\n color: $color-brand;\n transform: scale(1.05);\n border-bottom: 1px solid $color-brand;\n }\n}\n.header-section__item3 {\n display: flex;\n justify-content: flex-end;\n width: 57%;\n}\n.header-section__tel {\n width: 22px;\n height: 22px;\n transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1);\n &:hover,\n &:focus {\n fill: $color-brand;\n }\n}\n.header-section__item4 {\n display: block;\n}\n.menu-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n\n background-color: transparent;\n cursor: pointer;\n border: none;\n outline: none;\n &:hover {\n border: none;\n box-shadow: none;\n }\n}\n.menu-toggle__icon {\n width: 24px;\n height: 24px;\n transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1);\n &:hover,\n &:focus {\n fill: $color-brand;\n }\n}\n.menu-toggle__close {\n width: 24px;\n height: 24px;\n fill: #ffffff;\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);\n &:hover,\n &:focus {\n transform: scale(1.15);\n }\n}\n.menu-container {\n position: fixed;\n top: 0;\n left: 0;\n padding: 7%;\n padding-top: 35%;\n background-color: $color-brand;\n width: 100vw;\n height: 100vh;\n z-index: 999;\n transform: translateX(300%);\n transition: transform 250ms ease-in-out;\n}\n.menu-container.is-open {\n transform: translateX(0);\n}\n.menu-container .menu-toggle {\n position: absolute;\n top: 16px;\n right: 16px;\n}\n.mobile-menu {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n margin: auto;\n width: 60%;\n height: 40%;\n}\n.mobile-menu__item {\n font-weight: 300;\n font-size: 20px;\n line-height: 24px;\n color: #ffffff;\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);\n &:hover,\n &:focus {\n transform: scale(1.05);\n border-bottom: 1px solid #ffffff;\n }\n}\n@media screen and (min-width: 768px) {\n .header-section__item1 {\n width: 20%;\n }\n .header-section__logo {\n width: 72px;\n height: 57px;\n }\n .header-section__item2 {\n display: block;\n width: 60%;\n }\n .header-section__item3 {\n display: flex;\n justify-content: flex-end;\n width: 20%;\n }\n .header-section__tel {\n width: 24px;\n height: 24px;\n }\n .header-section__item4 {\n display: none;\n }\n}\n@media screen and (min-width: 1280px) {\n .header-section__item1 {\n width: 20%;\n }\n .header-section__logo {\n width: 72px;\n height: 57px;\n }\n .header-section__item2 {\n display: block;\n width: 50%;\n }\n .header-section__item3 {\n display: flex;\n justify-content: flex-end;\n width: 20%;\n }\n .header-section__tel {\n width: 24px;\n height: 24px;\n }\n .header-section__item4 {\n display: none;\n }\n}\n","@import '../partials/general';\n.hero-section {\n min-width: 288px;\n padding-top: 5%;\n height: 400px;\n &__flex-box {\n display: flex;\n justify-content: center;\n text-align: center;\n }\n &__description {\n font-family: 'Montserrat', sans-serif;\n font-size: 14px;\n line-height: 17px;\n padding-top: 137px;\n }\n &__img {\n width: 145px;\n height: 274px;\n margin-left: 20px;\n margin-right: 1px;\n }\n &__button {\n width: 64px;\n height: 76px;\n margin-top: 120px;\n margin-left: 1px;\n background-color: #ffffff;\n border: none;\n cursor: pointer;\n }\n &__icon {\n width: 64px;\n height: 76px;\n }\n &__header {\n font-family: 'Montserrat', sans-serif;\n font-weight: 400;\n font-size: 52px;\n line-height: 63.39px;\n text-align: center;\n margin-top: -30px;\n }\n}\n\n.is-hidden {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n}\n.contact-us-icon-close {\n color: #000000;\n width: 18px;\n height: 18px;\n border: none;\n cursor: pointer;\n &:hover,\n &:focus {\n color: $color-brand;\n }\n}\n.contact-us-div,\n.thank-you-div {\n position: fixed;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.3);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 10;\n}\n.backdrop-contact-us,\n.backdrop-thank-you {\n position: relative;\n width: 272px;\n background-color: #ffffff;\n}\n.backdrop-thank-you {\n text-align: center;\n}\n.backdrop-contact-us__close-button,\n.backdrop-thank-you__close-button {\n position: absolute;\n right: 9px;\n top: 9px;\n background-color: #ffffff;\n border: none;\n}\n.backdrop-thank-you__close-button {\n right: 0;\n}\n\n.backdrop-contact-us__header,\n.backdrop-thank-you__header {\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n font-size: 20px;\n line-height: 24.38px;\n margin-top: 20px;\n margin-bottom: 14px;\n}\n.backdrop-contact-us__description,\n.backdrop-thank-you__description {\n font-family: 'Montserrat', sans-serif;\n font-weight: 500;\n font-size: 12px;\n color: #5c5c5c;\n line-height: 14.63px;\n margin-bottom: 18px;\n}\n.backdrop-contact-us__input {\n width: 100%;\n height: 37px;\n margin-top: 10px;\n margin-bottom: 18px;\n border-color: rgba(0, 0, 0, 0.1);\n color: #000000;\n border-radius: 8px;\n padding-left: 10px;\n\n &::placeholder {\n color: rgba(0, 0, 0, 0.4);\n font-family: 'Montserrat', sans-serif;\n font-weight: 500;\n font-size: 12px;\n line-height: 14.63px;\n }\n &:hover,\n &:focus {\n border: solid 1px rgba(0, 0, 0, 0.5);\n outline: none;\n }\n}\n.backdrop-contact-us__input:not(:placeholder-shown):required:valid {\n border-color: #3cbc81;\n}\n\n.backdrop-contact-us__input:not(:placeholder-shown):required:invalid {\n border-color: #e74a3b;\n}\n.backdrop-contact-us__label {\n font-family: 'Montserrat', sans-serif;\n font-size: 10px;\n font-weight: 500;\n line-height: 12.19px;\n color: #5c5c5c;\n}\n.backdrop-contact-us__button,\n.backdrop-thank-you__button {\n width: 100%;\n height: 37px;\n background-color: #e86f5440;\n border: none;\n border-radius: 8px;\n color: #ffffff;\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n font-size: 14px;\n line-height: 17px;\n margin-bottom: 28px;\n margin-top: 10px;\n cursor: pointer;\n}\n\n.backdrop-thank-you__button {\n margin-bottom: 42px;\n}\n.backdrop-contact-us__button:hover,\n.backdrop-thank-you__button:hover {\n background-color: #e86f54;\n}\n.backdrop-thank-you__img {\n width: 188px;\n height: 142px;\n margin: 10px auto;\n}\n@media screen and (min-width: 768px) {\n .hero-section {\n margin-bottom: 100px;\n min-width: 720px;\n height: 700px;\n\n &__description {\n font-size: 24px;\n line-height: 29.26px;\n padding-top: 270px;\n margin-left: 73px;\n }\n &__button {\n width: 145px;\n height: 150px;\n margin-top: 230px;\n margin-left: 20px;\n padding-right: 180px;\n }\n &__icon {\n width: 145px;\n height: 150px;\n }\n &__img {\n width: 390px;\n height: 636px;\n margin-left: 40px;\n }\n &__header {\n font-size: 120px;\n line-height: 146.28px;\n margin-top: -8%;\n }\n }\n .backdrop-contact-us,\n .backdrop-thank-you {\n width: 480px;\n\n &__header {\n font-size: 32px;\n line-height: 39px;\n }\n\n &__description {\n font-size: 16px;\n line-height: 19.5px;\n }\n &__label {\n font-size: 14px;\n line-height: 17px;\n }\n &__input {\n height: 50px;\n\n &::placeholder {\n font-size: 14px;\n line-height: 17px;\n }\n }\n\n &__button {\n height: 50px;\n font-size: 18px;\n line-height: 22px;\n }\n\n // &__close-button {\n // position: relative;\n // left: 400px;\n // }\n }\n // .backdrop-thank-you__close-button {\n // left: 200px;\n // }\n .backdrop-thank-you__img {\n width: 266px;\n height: 202px;\n }\n}\n@media screen and (min-width: 1280px) {\n .hero-section {\n min-width: 1232px;\n height: 800px;\n &__description {\n font-size: 32px;\n line-height: 39px;\n }\n &__icon {\n width: 166px;\n height: 166px;\n }\n\n &__header {\n font-size: 160px;\n line-height: 195px;\n margin-top: -5.5%;\n }\n }\n}\n",".our-offer {\n font-family: $font-primary;\n color: $main-text-color;\n font-size: 24px;\n font-weight: 700;\n line-height: 1.22;\n text-transform: uppercase;\n display: flex;\n align-items: center;\n\n &::after {\n content: '';\n border: 1px solid #000;\n flex-grow: 1;\n margin-left: 14px;\n }\n\n &__wrapper {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n list-style: none;\n padding: 32px 0px;\n }\n\n &__item {\n width: calc((100% - 16px) / 2);\n\n &--img {\n width: 100%;\n }\n }\n\n &__text {\n font-family: $font-primary;\n color: $main-text-color;\n margin: 12px 0px 6px;\n font-weight: 500;\n line-height: 1.25;\n\n &--price {\n font-family: $font-primary;\n color: $main-text-color;\n font-weight: 600;\n font-size: 12px;\n line-height: 1.25;\n opacity: 0.6;\n }\n }\n}\n\n.button {\n display: flex;\n justify-content: center;\n margin-bottom: 60px;\n\n &__item {\n font-family: $font-primary;\n color: $main-text-color;\n padding: 10px 35px;\n background: $color-brand;\n border-radius: 38px;\n border: none;\n font-weight: 500;\n font-size: 20px;\n line-height: 1.2;\n color: #ffff;\n cursor: pointer;\n\n &:hover {\n background: #e25b41;\n }\n }\n}\n\n@media screen and (min-width: 769px) {\n .our-offer {\n font-size: 44px;\n line-height: 1.23;\n\n &::after {\n margin-left: 16px;\n }\n\n &__wrapper {\n gap: 32px;\n padding: 60px 0px;\n }\n\n &__item {\n width: calc((100% - 32px) / 2);\n }\n\n &__text {\n position: relative;\n font-size: 32px;\n line-height: 1.22;\n display: flex;\n align-items: center;\n margin: 16px 0px 8px;\n\n &--price {\n font-size: 24px;\n line-height: 1.21;\n }\n\n &::after {\n content: '';\n border: 1px solid #000;\n flex-grow: 1;\n margin-left: 8px;\n }\n }\n }\n\n .button__item {\n padding: 20px 40.35px;\n font-size: 28px;\n line-height: 0.86;\n }\n}\n\n@media screen and (min-width: 1280px) {\n .our-offer__text {\n font-size: 36px;\n line-height: 1.22;\n margin-bottom: 4px;\n\n &--price {\n font-size: 28px;\n }\n\n &::after {\n margin-left: 16px;\n }\n }\n\n .our-offer__wrapper {\n padding: 80px 0px;\n }\n}\n\n// MODAL START //\n\n.is-hidden {\n pointer-events: none;\n visibility: hidden;\n opacity: 0;\n transition: visibility 550ms cubic-bezier(0.4, 0, 0.2, 1),\n opacity 550ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.backdrop {\n position: fixed;\n display: flex;\n align-items: center;\n justify-content: center;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.2);\n}\n\n.modal {\n position: relative;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.14),\n 0px 2px 1px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n transform: translateY(0);\n width: 272px;\n background-color: white;\n transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);\n\n &__close {\n position: absolute;\n top: 19px;\n right: 19px;\n background-color: white;\n cursor: pointer;\n border: none;\n border-radius: 50%;\n border-radius: 50px;\n padding: 0px 0px;\n\n &:hover {\n fill: #2196f3;\n }\n\n &--item {\n display: flex;\n width: 12px;\n height: 12px;\n }\n }\n\n &__wrapper {\n padding: 28px 16px;\n\n &--input {\n font-family: $font-primary;\n display: flex;\n flex-direction: column;\n margin-bottom: 8px;\n }\n }\n\n &__header {\n font-family: $font-primary;\n font-size: 20px;\n font-weight: 600;\n line-height: 1.2;\n text-align: left;\n margin-bottom: 14px;\n color: $main-text-color;\n }\n\n &__text {\n font-family: $font-primary;\n font-weight: 500;\n font-size: 12px;\n line-height: 1.25;\n margin-bottom: 18px;\n color: $modal-grey;\n\n &--item {\n color: $modal-grey;\n font-weight: 500;\n font-size: 10px;\n line-height: 1.17;\n text-align: left;\n margin-bottom: 4px;\n }\n }\n\n &__box {\n position: relative;\n display: flex;\n margin-bottom: 14px;\n\n &--input {\n font-size: 12px;\n font-weight: 500;\n line-height: 1.25;\n font-family: $font-primary;\n color: rgba(0, 0, 0, 0.4);\n border: 1px solid rgba(33, 33, 33, 0.2);\n border-radius: 4px;\n width: 100%;\n padding-top: 10px;\n padding-bottom: 10px;\n padding-left: 12px;\n outline: none;\n transition-property: border;\n transition-duration: 250ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n }\n }\n\n &__send {\n font-family: $font-primary;\n width: 100%;\n height: 37px;\n background: rgba(232, 111, 84, 0.4);\n border-radius: 8px;\n border: none;\n color: #ffffff;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.21;\n letter-spacing: 0.06em;\n text-align: center;\n padding: 10px 0;\n margin-top: 24px;\n\n &:hover {\n background: #e86f54;\n }\n }\n}\n\n.is-hidden .modal {\n transform: translateY(-150%);\n}\n\n.modal__box--input:not(:placeholder-shown):required:valid {\n border-color: #3cbc81;\n}\n\n.modal__box--input:not(:placeholder-shown):required:invalid {\n border-color: #e74a3b;\n}\n\n@media screen and (min-width: 769px) {\n .modal {\n width: 480px;\n height: 511px;\n\n &__wrapper {\n padding: 48px 32px;\n }\n\n &__header {\n text-align: left;\n margin-bottom: 24px;\n font-weight: 600;\n font-size: 32px;\n line-height: 1.08;\n }\n\n &__text {\n font-weight: 500;\n font-size: 16px;\n line-height: 1.25;\n margin-bottom: 32px;\n\n &--item {\n font-weight: 500;\n font-size: 14px;\n line-height: 1.21;\n }\n }\n\n &__box {\n margin-bottom: 24px;\n\n &--input {\n font-size: 14px;\n padding-top: 16px;\n padding-bottom: 16px;\n padding-left: 16px;\n }\n }\n\n &__send {\n padding: 14px 0;\n font-size: 18px;\n margin-top: 34px;\n height: 50px;\n }\n\n .modal__close--item {\n width: 16px;\n height: 16px;\n }\n }\n}\n\n// MODAL END //\n"],"names":[],"version":3,"file":"index.e5cfecb0.css.map"}