diff --git a/asset-manifest.json b/asset-manifest.json index c4db7a1..9c09161 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,22 +1,42 @@ { "files": { - "main.css": "/static/css/main.5a57445f.css", - "main.js": "/static/js/main.25bd3c16.js", + "main.css": "/static/css/main.b4abc804.css", + "main.js": "/static/js/main.0887d8c9.js", + "home-page.css": "/static/css/home-page.785c8dbd.chunk.css", + "home-page.js": "/static/js/home-page.fdeb0fe7.chunk.js", + "portfolio-page.css": "/static/css/portfolio-page.9e2537b1.chunk.css", + "NotFound-page.js": "/static/js/NotFound-page.669a324b.chunk.js", + "static/js/971.03e73b8f.chunk.js": "/static/js/971.03e73b8f.chunk.js", + "static/js/178.9fc46fef.chunk.js": "/static/js/178.9fc46fef.chunk.js", "static/media/bg-img-768-2x.jpg": "/static/media/bg-img-768-2x.95bf250eb4ec84767ac5.jpg", "static/media/bg-img-1200-1x.jpg": "/static/media/bg-img-1200-1x.57a87cbabbccbaa5143d.jpg", "static/media/bg-img-1200.jpg": "/static/media/bg-img-1200.57a87cbabbccbaa5143d.jpg", "static/media/bh-img-480-2x.jpg": "/static/media/bh-img-480-2x.b947df708a2bb4b92ef3.jpg", + "static/media/Mobile2.jpg": "/static/media/Mobile2.9324c066a7dbbf95c5ef.jpg", + "static/media/Mobile9.jpg": "/static/media/Mobile9.5905ece354de4307af92.jpg", "static/media/bg-img-768.jpg": "/static/media/bg-img-768.67079336763442538624.jpg", + "static/media/Mobile1.jpg": "/static/media/Mobile1.681b37aa5504cba88524.jpg", "static/media/img-3.jpg": "/static/media/img-3.c1a8f5a8f47dad467d90.jpg", "static/media/bh-img-480.jpg": "/static/media/bh-img-480.a15d82253a6e192e10f1.jpg", + "static/media/Mobile7.jpg": "/static/media/Mobile7.a1b3cae665ed3d852819.jpg", + "static/media/Mobile3.jpg": "/static/media/Mobile3.9e41eb4e9cf9c0238a35.jpg", + "static/media/Mobile6.jpg": "/static/media/Mobile6.0b2d75d15c6bdaa12728.jpg", "static/media/designer-desctop.jpg": "/static/media/designer-desctop.a0228b627a62e0803dae.jpg", "static/media/work-img-340.jpg": "/static/media/work-img-340.a3f00abb84d9118c43f1.jpg", "static/media/marketing-desctop.jpg": "/static/media/marketing-desctop.4999536071bfc407c3f7.jpg", + "static/media/Desctop9.jpg": "/static/media/Desctop9.42fe4709b84a0b93aab8.jpg", "static/media/frontend-mobile.jpg": "/static/media/frontend-mobile.05ad8f57f8f3244990b8.jpg", + "static/media/Tablet9.jpg": "/static/media/Tablet9.8a65b55975f757815471.jpg", "static/media/work2-img.jpg": "/static/media/work2-img.f1f47a3a2be2b74be374.jpg", "static/media/designer-mobile.jpg": "/static/media/designer-mobile.4370f16efb98e147e3ff.jpg", + "static/media/Desctop2.jpg": "/static/media/Desctop2.78dbb7740116e71f083b.jpg", + "static/media/Mobile4.jpg": "/static/media/Mobile4.025c81cd309b966ffb8c.jpg", + "static/media/Tablet2.jpg": "/static/media/Tablet2.677448172525324be1b6.jpg", + "static/media/Tablet1.jpg": "/static/media/Tablet1.d6636120000f9f0365e2.jpg", + "static/media/Mobile8.jpg": "/static/media/Mobile8.1315b72b3286caf5e297.jpg", "static/media/marketing-mobile.jpg": "/static/media/marketing-mobile.b9fedaba4a4267731141.jpg", "static/media/product-mobile.jpg": "/static/media/product-mobile.ed2ce9e5f7d11c4ca1f2.jpg", + "static/media/Mobile5.jpg": "/static/media/Mobile5.0c8db1d365ebe8ed2e56.jpg", "static/media/work3-img-370.jpg": "/static/media/work3-img-370.aa2b06101bcd2d380104.jpg", "static/media/frontend-tablet.jpg": "/static/media/frontend-tablet.af22850b2884ec9d9e9f.jpg", "static/media/designer-tablet.jpg": "/static/media/designer-tablet.f7da87d4070e7ed8ddcb.jpg", @@ -40,11 +60,17 @@ "static/media/facebook 1.svg": "/static/media/facebook 1.cbbb00521a6bbbc473f5841bcb8259c2.svg", "static/media/envelope (hover).svg": "/static/media/envelope (hover).7ea661f9c6285234170d61aa27c65f78.svg", "static/media/menu_40px.svg": "/static/media/menu_40px.beda4571e800efe538acbda394a49591.svg", - "main.5a57445f.css.map": "/static/css/main.5a57445f.css.map", - "main.25bd3c16.js.map": "/static/js/main.25bd3c16.js.map" + "main.b4abc804.css.map": "/static/css/main.b4abc804.css.map", + "main.0887d8c9.js.map": "/static/js/main.0887d8c9.js.map", + "home-page.785c8dbd.chunk.css.map": "/static/css/home-page.785c8dbd.chunk.css.map", + "home-page.fdeb0fe7.chunk.js.map": "/static/js/home-page.fdeb0fe7.chunk.js.map", + "portfolio-page.9e2537b1.chunk.css.map": "/static/css/portfolio-page.9e2537b1.chunk.css.map", + "NotFound-page.669a324b.chunk.js.map": "/static/js/NotFound-page.669a324b.chunk.js.map", + "971.03e73b8f.chunk.js.map": "/static/js/971.03e73b8f.chunk.js.map", + "178.9fc46fef.chunk.js.map": "/static/js/178.9fc46fef.chunk.js.map" }, "entrypoints": [ - "static/css/main.5a57445f.css", - "static/js/main.25bd3c16.js" + "static/css/main.b4abc804.css", + "static/js/main.0887d8c9.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index adbfa53..c4f078b 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -React App
\ No newline at end of file +React App
\ No newline at end of file diff --git a/static/css/home-page.785c8dbd.chunk.css b/static/css/home-page.785c8dbd.chunk.css new file mode 100644 index 0000000..46b15df --- /dev/null +++ b/static/css/home-page.785c8dbd.chunk.css @@ -0,0 +1,2 @@ +.header{background-color:inherit;border-bottom:1px solid #ececec;left:0;position:relative;top:0;width:100%;z-index:999}@media screen and (max-width:767px){.header{padding-bottom:10px;padding-top:10px}}@media screen and (min-width:768px)and (max-width:1199px){.header__nav{align-items:center;display:flex}}@media screen and (min-width:1200px){.header__nav{align-items:center;display:flex}}@media screen and (max-width:767px){.mobile__wrap{align-items:center;display:flex;justify-content:space-between}}@media screen and (min-width:768px){.mobile__wrap{display:flex}}@media screen and (min-width:1200px){.mobile__wrap{margin-right:90px}}.logo{display:inline-block;font-family:Raleway;font-weight:700;line-height:1.19;text-decoration:none;z-index:70}@media screen and (min-width:768px){.logo{display:inline-flex;margin-right:88px}}@media screen and (max-width:1199px){.logo{font-size:24px;letter-spacing:.72px}}@media screen and (min-width:1200px){.logo{font-size:26px;letter-spacing:.03em}}.icon__close{position:absolute}.margin{margin-left:auto}.mobile__btn{background-color:transparent;border:none;display:inline-flex;margin:0;padding:0}@media screen and (min-width:768px){.mobile__btn{display:none}}.mobile__btn .icon__close{display:none}.mobile__btn.is__open .icon__close{display:block}.mobile__btn.is__open .icon__menu{display:none}@media screen and (max-width:767px){.menu__burger{background-color:#fff;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.16),0 2px 4px 0 rgba(0,0,0,.08),0 4px 8px 0 rgba(0,0,0,.04);font-size:20px;left:0;opacity:0;padding:60px 10px;position:absolute;text-align:center;top:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:.8s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%}}.menu__burger.is__open{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.logo__web{color:#2196f3}.logo__studio{color:#000}.logo__studio-footer{color:#fff}.menu__link{color:var(--title-color);font-size:14px;font-weight:500;letter-spacing:.02em;line-height:1.14;padding-bottom:32px;padding-top:32px;position:relative;transition:color .25s cubic-bezier(.4,0,.2,1) .25s}@media screen and (max-width:767px){.menu__link{font-size:14px;letter-spacing:.36px;padding-bottom:0;padding-top:0}}@media screen and (min-width:768px){.menu__link{letter-spacing:.28px}}.menu{display:flex}@media screen and (max-width:767px){.menu{align-items:center;flex-direction:column;justify-content:center}}@media screen and (min-width:768px)and (max-width:1199px){.menu{align-items:center;justify-content:center}}@media screen and (min-width:1200px){.menu{display:flex}}.menu__item{margin-bottom:40px;padding-bottom:40px}@media screen and (max-width:767px){.menu__item{padding-bottom:8px;padding-top:8px}}@media screen and (min-width:768px){.menu__item{margin-bottom:0;margin-right:50px;padding-bottom:0}}.menu__item:last-child{margin-right:0}@media screen and (max-width:767px){.menu__item:last-child{padding-bottom:0}}.menu__link.current,.menu__link:focus,.menu__link:hover{color:#2196f3}.menu__item{position:relative}.current:after{border:3px solid #2196f3;border-radius:2px;bottom:0;content:"";display:block;height:3px;left:0;position:absolute;width:100%}@media screen and (max-width:767px){.current:after{border-radius:2px;margin-bottom:-10px;width:100%}.menu__contacts{margin-top:22px;padding-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.menu__contacts{margin-left:106px}}@media screen and (min-width:1200px){.menu__contacts{align-items:center;display:flex;margin-left:260px}}@media screen and (max-width:767px){.contacts__item{margin-right:0;padding-top:24px}}@media screen and (min-width:1200px){.contacts__item{display:flex;margin-right:30px}}.contacts__item:last-child{margin-right:0}@media screen and (max-width:767px){.contacts__item:last-child{margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.contacts__item:last-child{margin-bottom:0}}.contacts__svg-envelope{vertical-align:-56%}.contacts__svg,.contacts__svg-envelope{align-items:center;display:inline-block;height:20px;margin-right:10px;width:15px}.contacts__svg{vertical-align:middle}.contacts__icon{fill:#212121;align-items:center;color:#757575;cursor:pointer;display:inline-block;transition:color .25s cubic-bezier(.4,0,.2,1) .25s,fill .25s cubic-bezier(.4,0,.2,1) .25s}.contacts__icon:focus,.contacts__icon:hover{fill:#2196f3;color:#2196f3}.contacts__link{color:#757575;font-size:14px;font-weight:500;letter-spacing:.02em;line-height:1.14}@media screen and (max-width:767px){.contacts__link{font-size:14px;letter-spacing:.36px}.header{position:relative}}@media screen and (min-width:768px)and (max-width:1199px){.header__wrap{align-items:center;display:flex}}@media screen and (min-width:1200px){.header__wrap{align-items:center;display:flex}}@media screen and (max-width:767px){.Dropdown{display:flex;margin-left:auto}.Dropdown__menu{background-color:#fff;color:#f0f8ff;height:100%;overflow:auto;padding:20px;pointer-events:auto;position:fixed;right:0;text-align:center;top:0;width:100%}}.Dropdown__toggle{display:none}@media screen and (max-width:767px){.Dropdown__toggle{background-color:transparent;border:none}}@media screen and (max-width:767px)and (max-width:767px){.Dropdown__toggle{background-color:transparent;border:none;display:block;z-index:70}}.Dropdown__top{margin-bottom:60px;margin-top:120px}.Dropdown__top li{font-size:18px;font-weight:500;letter-spacing:.36px;margin-bottom:40px}.menu__item:hover{color:#2196f3;color:aqua}@media screen and (max-width:767px){.contacts__icon{font-size:18px;font-weight:500;letter-spacing:.36px;margin-bottom:16px}}.footer{background-color:#2f303a;text-align:center}.footer-text{color:#fff;display:block;font-size:14px;font-weight:700;letter-spacing:.03em;line-height:1.14;margin-bottom:20px;margin-top:60px}@media screen and (min-width:480px){.footer-text{margin-top:60px}}@media screen and (min-width:768px){.footer-text{margin-top:0}}.address-map{margin-top:20px}.footer-wrap{display:flex}@media screen and (min-width:1200px){.footer-wrap{justify-content:space-between}}@media screen and (min-width:768px)and (max-width:1199px){.footer-wrap{justify-content:space-around}}@media screen and (max-width:767px){.footer-wrap{flex-direction:column;justify-content:center}}@media screen and (min-width:768px){.footer .logo{margin:0 auto}}.footer-icons{margin-left:70px}@media screen and (max-width:767px){.footer-icons{margin-left:0}}@media screen and (min-width:768px){.footer-icons{margin-left:0}}.address-link,.address-map{color:#fff;display:block;font-size:14px;font-weight:400;letter-spacing:.03em;line-height:1.71;margin-bottom:9px}.no-margin{margin-bottom:0}.address-link{color:hsla(0,0%,100%,.6)}.footer-list-icon a{fill:#fff;background-color:hsla(0,0%,100%,.1);border:0;border-radius:50%;cursor:pointer;display:flex;padding:12px;transition:fill .25s cubic-bezier(.4,0,.2,1) .25s,background-color .25s cubic-bezier(.4,0,.2,1) .25s}.footer-list-icon a:hover{background-color:#2196f3;color:#fff}.footer-list-icon{margin-right:10px}.footer-list-icon:last-child{margin-right:0}.footer-icon{height:20px;width:20px}.logo-studio-footer{color:#fff}.logo-web{color:#2196f3}.allportfolio{padding-bottom:94px;padding-top:94px}.allportfolio__list{display:flex;justify-content:center;margin-bottom:50px}.allportfolio__item button{background:#f5f4fa;border:none;border-radius:4px;font-size:16px;font-weight:500;letter-spacing:.48px;line-height:1.62;padding:6px 22px}.allportfolio__item:not(:last-child){margin-right:8px}.allportfolio__item button:hover{background:#2196f3;border-radius:4px;box-shadow:0 2px 2px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.08),0 3px 1px 0 rgba(0,0,0,.1);color:#fff}.allportfolio__item2{display:flex;flex-wrap:wrap}.allportfolio__link{background:#fff;border:1px solid #eee;margin-bottom:30px;margin-right:30px}.allportfolio__link:hover{background:#fff;border:1px solid #eee;box-shadow:1px 4px 6px 0 rgba(0,0,0,.16),0 4px 4px 0 rgba(0,0,0,.06),0 1px 1px 0 rgba(0,0,0,.12)}.allportfolio__link:nth-child(3n){margin-right:0}.allportfolio__link:nth-child(n+7),.allportfolio__link:nth-child(n+9){margin-bottom:0}.allportfolio__link h2{color:#212121;font-size:18px;font-weight:700;letter-spacing:1.08px;line-height:2;margin:20px 24px 0}.allportfolio__link p{color:#757575;font-size:16px;font-weight:400;letter-spacing:.48px;line-height:1.87;margin:20px 24px}@media screen and (max-width:767px){.allportfolio__link{margin:0}.allportfolio__list{display:flex;flex-wrap:wrap;justify-content:flex-start}.allportfolio__item{margin-bottom:15px}.allportfolio__item:nth-child(n+4){margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.allportfolio__link{margin-right:30px}.allportfolio__link:nth-child(1n){margin-right:0}}.overlay{background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto}@media screen and (max-width:767px){.overlay{background-image:url(/static/media/bh-img-480.a15d82253a6e192e10f1.jpg);max-height:400px;max-width:480px}}@media screen and (max-width:767px)and (-webkit-min-device-pixel-ratio:2),screen and (max-width:767px)and (min-device-pixel-ratio:2),screen and (max-width:767px)and (min-resolution:192dpi),screen and (max-width:767px)and (min-resolution:2dppx){.overlay{background-image:url(/static/media/bh-img-480-2x.b947df708a2bb4b92ef3.jpg)}}@media screen and (min-width:768px)and (max-width:1199px){.overlay{background-image:url(/static/media/bg-img-768.67079336763442538624.jpg);max-width:768px}}@media screen and (min-width:768px)and (max-width:1199px)and (-webkit-min-device-pixel-ratio:2),screen and (min-width:768px)and (max-width:1199px)and (min-device-pixel-ratio:2),screen and (min-width:768px)and (max-width:1199px)and (min-resolution:192dpi),screen and (min-width:768px)and (max-width:1199px)and (min-resolution:2dppx){.overlay{background-image:url(/static/media/bg-img-768-2x.95bf250eb4ec84767ac5.jpg)}}@media screen and (min-width:1200px){.overlay{background-image:url(/static/media/bg-img-1200.57a87cbabbccbaa5143d.jpg);width:1600px}}@media screen and (min-width:1200px)and (-webkit-min-device-pixel-ratio:2),screen and (min-width:1200px)and (min-device-pixel-ratio:2),screen and (min-width:1200px)and (min-resolution:192dpi),screen and (min-width:1200px)and (min-resolution:2dppx){.overlay{background-image:url(/static/media/bg-img-1200-1x.57a87cbabbccbaa5143d.jpg)}}.hero{background-color:rgba(47,48,58,.4);letter-spacing:.06em}.hero,.hero__title{font-size:44px;font-weight:900;line-height:1.36}.hero__title{color:#fff;letter-spacing:2.64px;margin:0 auto;padding:0}@media screen and (max-width:467px){.hero__title{font-size:22px}}@media screen and (min-width:468px)and (max-width:1199px){.hero__title{font-size:26px;letter-spacing:1.56px;line-height:42px;max-width:360px}}@media screen and (min-width:1200px){.hero__title{font-family:Roboto;font-size:44px;letter-spacing:2.64px;line-height:60px;width:696}}.btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;letter-spacing:.06em;line-height:1.87;margin:30px auto 0;padding:10px 32px;transition:background-color .25s cubic-bezier(.4,0,.2,1) .25s}.btn:focus,.btn:hover{background-color:#188ce8}.btn__clouse{background-color:#fff;border:none;margin:0;padding:0}.backdrop{background-color:rgba(0,0,0,.2);height:100%;left:0;overflow-y:scroll;position:fixed;top:0;transition-duration:.25s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:999}.form{background:#fff;border-radius:4px;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);display:block;left:50%;max-width:340px;padding:40px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1),-webkit-transform .25s cubic-bezier(.4,0,.2,1);width:100%}@media screen and (min-width:478px)and (max-width:767px){.form{margin-top:93px;max-width:450px}}@media screen and (min-width:768px)and (max-width:1199px){.form{max-width:450px}}@media screen and (min-width:1200px){.form{height:auto;max-width:528px}}.form__icon{border:1px solid rgba(0,0,0,.1);border-radius:50%;color:#000;cursor:pointer;display:inline-block;font-size:60%;padding:4px;position:absolute;right:8px;top:8px}.form__icon:focus,.form__icon:hover{color:#2196f3}.form__title{color:#212121;font-size:20px;font-weight:700;letter-spacing:.03em;line-height:1.15;margin-bottom:30px;text-align:center}@media screen and (max-width:1199px){.form__title{font-size:20px;letter-spacing:.6px;line-height:1.5}}.form__input{cursor:pointer;display:block;font-size:16px;height:40px;margin-bottom:28px;padding-left:12px;width:100%}.form__input:focus,.form__input:hover,textarea:focus,textarea:hover{border:1px solid #2196f3}.form textarea{cursor:pointer;font-size:40%;height:120px;margin-bottom:20px;padding:12px 15px;resize:none;width:100%;width:448px}@media screen and (max-width:1199px){.form textarea{height:120px;width:100%}}.real__checkbox{-webkit-appearance:none;appearance:none;display:inline-block;position:absolute}.custom__checkbox{background:#fff;border:1px solid #000;border-radius:4px;margin-right:8px;position:relative;vertical-align:middle}.custom__checkbox,.custom__checkbox:before{display:inline-block;height:15px;width:16px}.custom__checkbox:before{background-image:url(/static/media/icon%20check.137441bb7ecea9507f6b.svg);background-repeat:no-repeat;background-size:contain;content:"";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}.real__checkbox:checked+.custom__checkbox:before{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.form__link,.form__text{color:#757575;font-size:14px;font-weight:400;letter-spacing:.03em;line-height:1.71}@media screen and (max-width:1199px){.form__link,.form__text{font-size:12px;letter-spacing:.12px}}.form__link{color:#2196f3;margin-left:4px}label{align-items:center;display:flex;justify-content:center}.form .btn{margin-top:30px;padding-left:55px;padding-right:55px}.form__link{text-decoration:underline}.features-list{display:flex}@media screen and (min-width:1200px){.features-list{justify-content:center}}@media screen and (min-width:768px)and (max-width:1199px){.features-list{flex-wrap:wrap}}@media screen and (max-width:767px){.features-list{flex-direction:column}}@media screen and (max-width:1600px){.features .features-title{text-align:center}}.features-item:before{background:#f5f4fa;background-position:50%;background-repeat:no-repeat;border-radius:4px;content:"";display:block;height:120px;margin-bottom:30px;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1) .25s;transition:transform .25s cubic-bezier(.4,0,.2,1) .25s;transition:transform .25s cubic-bezier(.4,0,.2,1) .25s,-webkit-transform .25s cubic-bezier(.4,0,.2,1) .25s}@media screen and (max-width:767px){.features-item:before{height:120px;max-width:450px}}@media screen and (min-width:768px)and (max-width:1199px){.features-item:before{height:120px;max-width:354px}}@media screen and (min-width:1200px){.features-item:before{height:120px;max-width:270px}}.features-item:hover:before{-webkit-transform:scale(1.1);transform:scale(1.1)}.features-item:first-child:before{background-image:url(/static/media/antenna-1.ef90e165ba08205e03e0.svg)}.features-item:nth-child(2):before{background-image:url(/static/media/clock-2.7a71859d2e47e19124e6.svg)}.features-item:nth-child(3):before{background-image:url(/static/media/diagram-3.647409d11f1baaa42689.svg)}.features-item:nth-child(4):before{background-image:url(/static/media/astronaut-4.79038cf7fa9a667a8a27.svg)}.features-title{color:var(--black-color);font-weight:700;line-height:1.14;padding:0 0 10px;text-transform:uppercase}.features-text,.features-title{font-size:14px;letter-spacing:.03em;margin:0}.features-text{color:var(--text-color);font-weight:400;line-height:1.71;padding:0}@media screen and (max-width:767px){.features-text{font-family:Roboto;letter-spacing:.42px;line-height:24px;max-width:450px}}.features-item{margin-bottom:30px;margin-right:30px}@media screen and (max-width:767px){.features-item{margin-right:0}}@media screen and (min-width:768px)and (max-width:1199px){.features-item{margin-right:30px;width:calc(50% - 15px)}.features-item:nth-child(2n){margin-right:0}}@media screen and (max-width:768px){.features-item:nth-child(n+4){margin-bottom:0}}.features-item:last-child{margin-right:0}@media screen and (min-width:768px)and (max-width:1199px){.features-item:nth-child(n+3){margin-bottom:0}}@media screen and (min-width:1200px){.features-item:nth-child(n+1){margin-bottom:0}}.work-flex-container{align-items:center;display:flex;justify-content:space-between}@media screen and (max-width:1199px){.work{display:none}}.work-title{color:var(--black-color);font-size:36px;font-weight:700;letter-spacing:.03em;line-height:1.16;margin-bottom:50px}.work-item{display:inline-block;margin-right:30px}.work-item:last-child{margin-right:0}.work-image{-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1) .25s;transition:transform .25s cubic-bezier(.4,0,.2,1) .25s;transition:transform .25s cubic-bezier(.4,0,.2,1) .25s,-webkit-transform .25s cubic-bezier(.4,0,.2,1) .25s}.work-image:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.team-list{display:flex;justify-content:center}@media screen and (min-width:1200px){.team-list{justify-content:center}}@media screen and (min-width:768px)and (max-width:1199px){.team-list{flex-wrap:wrap}}@media screen and (max-width:767px){.team-list{flex-direction:column;justify-content:center}}.team{background:#f5f4fa;text-align:center}.team-title{color:var(--black-color);font-size:36px;font-weight:700;letter-spacing:.03em;line-height:1.16;margin-bottom:50px}@media screen and (max-width:767px){.team-title{font-size:28px;letter-spacing:.84px;margin-bottom:30px}}@media screen and (min-width:1200px){.team-title{font-size:36px;letter-spacing:1.08px}}.team-flex{display:flex}@media screen and (min-width:1200px){.team-flex{align-items:center;justify-content:center}}@media screen and (min-width:768px)and (max-width:1199px){.team-flex{justify-content:center}}@media screen and (max-width:767px){.team-flex{justify-content:center}}.team-item{background:#fff;border-radius:0 0 4px 4px;cursor:pointer;margin-bottom:30px;margin-right:30px}@media screen and (min-width:1200px){.team-item{margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.team-item:nth-child(n+3){margin-bottom:0}.team-item:nth-child(2n){margin-right:0}}@media screen and (max-width:768px){.team-item:nth-child(1n){margin-right:0}}@media screen and (min-width:1200px){.team-item:last-child{margin-right:0}}@media screen and (max-width:767px){.team-item:last-child{margin-bottom:0}}.team-item:focus,.team-item:hover{border-radius:0 0 4px 4px;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)}.team-subtitle{padding-bottom:10px;padding-top:30px}.team-subtitle,.team-text{color:#000;font-size:16px;font-weight:500;letter-spacing:.03em;line-height:1.18}.team-text{color:#757575;font-weight:400;padding-bottom:16px}.team-list-icon a{fill:#afb1b8;border:0;border-radius:50%;cursor:pointer;display:flex;margin-bottom:30px;padding:12px;transition:fill .25s cubic-bezier(.4,0,.2,1) .25s,background-color .25s cubic-bezier(.4,0,.2,1) .25s}.team-list-icon a:hover{fill:#fff;background-color:#2196f3}.team-list-icon{margin-right:10px}.team-icon{height:20px;width:20px}.team-icon:hover{fill:#f5f4fa}.team-list-icon:last-child{margin-right:0}@media screen and (min-width:1200px){.team img{height:260px;width:270px}}body{background-color:var(--white-color);color:var(--text-color);font-family:Roboto,sans-serif;margin:0;padding:0}@media screen and (max-width:767px){body.modal-open{overflow:hidden}}.visually-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.container{margin:0 auto;padding-left:15px;padding-right:15px}@media screen and (min-width:480px){.container{width:480px}}@media screen and (min-width:768px){.container{width:768px}}@media screen and (min-width:1200px){.container{width:1200px}}.center{text-align:center}.hero{padding-bottom:200px;padding-top:200px}@media screen and (max-width:1199px){.hero{padding-bottom:116px;padding-top:116px}}.clients,.features,.team{padding-bottom:94px;padding-top:94px}@media screen and (max-width:1199px){.clients,.features,.team{padding-bottom:60px;padding-top:60px}}.work{padding-bottom:94px}.footer{padding-bottom:60px;padding-top:60px}h1,h2,h3,h4,h5,h6{color:var(--title-color);margin-top:0;padding:0}p{margin-top:0}a{display:block;font-style:normal;text-decoration:none}ul{list-style:none;margin:0;padding:0}img{display:block;height:auto;max-width:100%}.clients-list{display:flex;justify-content:center;list-style-type:none;margin:0;padding-left:0}@media screen and (max-width:1199px){.clients-list{flex-wrap:wrap}}.clients-title{color:#000;font-size:36px;font-weight:700;letter-spacing:.03em;line-height:1.16;margin-bottom:50px;text-align:center}@media screen and (max-width:1199px){.clients-title{font-size:28px;letter-spacing:.84px;margin-bottom:30px}}@media screen and (min-width:1200px){.clients-title{font-size:36px;letter-spacing:1.08px}}.clients-item{height:90px;margin-bottom:30px;margin-right:30px}@media screen and (max-width:767px){.clients-item{width:calc(50% - 15px)}.clients-item:nth-child(2n){margin-right:0}.clients-item:nth-last-child(-n+2){margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.clients-item{width:calc(33.33333% - 20px)}.clients-item:nth-child(3n+3){margin-right:0}.clients-item:nth-last-child(-n+3){margin-bottom:0}}@media screen and (min-width:1200px){.clients-item{width:calc(16.66667% - 20px)}.clients-item:last-child{margin-right:0}.clients-item:nth-child(n+1){margin-bottom:0}}.clients-logo{fill:#afb1b8;align-items:center;border:1px solid #afb1b8;border-radius:4px;cursor:pointer;display:flex;height:100%;justify-content:center;text-align:center;transition:fill .25s cubic-bezier(.4,0,.2,1) .25s,color .25s cubic-bezier(.4,0,.2,1) .25s,border .25s cubic-bezier(.4,0,.2,1) .25s}.clients-logo:focus,.clients-logo:hover{fill:#2196f3;border:1px solid #2196f3;color:#2196f3} +/*# sourceMappingURL=home-page.785c8dbd.chunk.css.map*/ \ No newline at end of file diff --git a/static/css/home-page.785c8dbd.chunk.css.map b/static/css/home-page.785c8dbd.chunk.css.map new file mode 100644 index 0000000..d913822 --- /dev/null +++ b/static/css/home-page.785c8dbd.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/home-page.785c8dbd.chunk.css","mappings":"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","sources":["components/Header/Header.scss","BaseScss/variables.scss","components/Dropdown/Dropdown.scss","components/Footer/Footer.scss","components/PagePortfolio/AllPortfolio/AllPortfolio.scss","components/Hero/Hero.scss","components/Modal/Modal.scss","components/Features/Features.scss","components/Work/Work.scss","components/Team/Team.scss","BaseScss/base.scss","components/Clients/Clients.scss"],"sourcesContent":["@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n// @import './../../Animal.scss';\r\n\r\n.header {\r\n // position: fixed;\r\n position: relative;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n border-bottom: 1px solid #ececec;\r\n background-color: inherit;\r\n z-index: 999;\r\n\r\n @media screen and (max-width: 767px) {\r\n padding-top: 10px;\r\n padding-bottom: 10px;\r\n }\r\n}\r\n\r\n// .header__wrap {\r\n// @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n// display: flex;\r\n// // justify-content: space-between;\r\n// align-items: center;\r\n// }\r\n// @media screen and (min-width: 1200px) {\r\n// display: flex;\r\n// align-items: center;\r\n// }\r\n// }\r\n\r\n.header__nav {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n align-items: center;\r\n }\r\n}\r\n\r\n.mobile__wrap {\r\n @media screen and (max-width: 767px) {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n display: flex;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n margin-right: 90px;\r\n }\r\n}\r\n\r\n.logo {\r\n display: inline-block;\r\n font-family: Raleway;\r\n font-weight: 700;\r\n line-height: 1.19;\r\n text-decoration: none;\r\n z-index: 70;\r\n\r\n @media screen and (min-width: 768px) {\r\n display: inline-flex;\r\n margin-right: 88px;\r\n }\r\n\r\n @media screen and (max-width: 1199px) {\r\n font-size: 24px;\r\n letter-spacing: 0.72px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n font-size: 26px;\r\n letter-spacing: 0.03em;\r\n }\r\n\r\n &__web {\r\n color: $accent-color;\r\n }\r\n\r\n &__studio {\r\n color: $black-color;\r\n }\r\n}\r\n\r\n.icon__close {\r\n position: absolute;\r\n}\r\n\r\n.margin {\r\n margin-left: auto;\r\n}\r\n\r\n.mobile__btn {\r\n // убрали все базовые стили кнопки\r\n display: inline-flex;\r\n\r\n margin: 0;\r\n padding: 0;\r\n border: none;\r\n background-color: transparent;\r\n\r\n @media screen and (min-width: 768px) {\r\n display: none;\r\n }\r\n}\r\n\r\n.mobile__btn .icon__close {\r\n display: none;\r\n}\r\n\r\n.mobile__btn.is__open .icon__close {\r\n display: block;\r\n}\r\n\r\n.mobile__btn.is__open .icon__menu {\r\n display: none;\r\n}\r\n\r\n.menu__burger {\r\n @media screen and (max-width: 767px) {\r\n // display: none;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n width: 100%;\r\n\r\n background-color: $white-color;\r\n padding: 10px;\r\n text-align: center;\r\n font-size: 20px;\r\n\r\n opacity: 0;\r\n visibility: hidden;\r\n\r\n transform: translateY(-100%);\r\n transition: 800ms cubic-bezier(0.4, 0, 0.2, 1);\r\n\r\n padding-top: 60px;\r\n padding-bottom: 60px;\r\n\r\n background: #fff;\r\n box-shadow:\r\n 0px 1px 3px 0px rgba(0, 0, 0, 0.16),\r\n 0px 2px 4px 0px rgba(0, 0, 0, 0.08),\r\n 0px 4px 8px 0px rgba(0, 0, 0, 0.04);\r\n }\r\n}\r\n\r\n.menu__burger.is__open {\r\n // display: block;\r\n opacity: 1;\r\n visibility: visible;\r\n // pointer-events: none;\r\n transform: translateY(0);\r\n}\r\n\r\n.logo__web {\r\n color: $accent-color;\r\n}\r\n\r\n.logo__studio {\r\n color: $black-color;\r\n}\r\n\r\n.logo__studio-footer {\r\n color: $white-color;\r\n}\r\n\r\n.menu__link {\r\n position: relative;\r\n padding-top: 32px;\r\n padding-bottom: 32px;\r\n\r\n font-weight: 500;\r\n font-size: 14px;\r\n line-height: 1.14;\r\n letter-spacing: 0.02em;\r\n color: var(--title-color);\r\n\r\n transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n\r\n @media screen and (max-width: 767px) {\r\n padding-top: 0;\r\n padding-bottom: 0;\r\n font-size: 14px;\r\n letter-spacing: 0.36px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n letter-spacing: 0.28px;\r\n }\r\n}\r\n\r\n.menu {\r\n display: flex;\r\n @media screen and (max-width: 767px) {\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n }\r\n}\r\n\r\n.menu__item {\r\n margin-bottom: 40px;\r\n padding-bottom: 40px;\r\n\r\n @media screen and (max-width: 767px) {\r\n padding-top: 8px;\r\n padding-bottom: 8px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n margin-bottom: 0;\r\n padding-bottom: 0;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n margin-right: 50px;\r\n }\r\n}\r\n\r\n.menu__item:last-child {\r\n margin-right: 0;\r\n\r\n @media screen and (max-width: 767px) {\r\n padding-bottom: 0;\r\n }\r\n}\r\n\r\n.menu__link.current {\r\n color: $accent-color;\r\n}\r\n\r\n.menu__link:hover,\r\n.menu__link:focus {\r\n color: $accent-color;\r\n}\r\n\r\n.menu__item {\r\n position: relative;\r\n}\r\n\r\n.current::after {\r\n display: block;\r\n position: absolute;\r\n /* display: inline-flex; */\r\n content: \"\";\r\n width: 100%;\r\n height: 3px;\r\n left: 0;\r\n bottom: 0;\r\n border: 3px solid $accent-color;\r\n /* background: #2196F3; */\r\n border-radius: 2px;\r\n\r\n @media screen and (max-width: 767px) {\r\n width: 100%;\r\n border-radius: 2px;\r\n margin-bottom: -10px;\r\n }\r\n}\r\n\r\n.menu__contacts {\r\n @media screen and (min-width: 768px) {\r\n // display: flex;\r\n // justify-content: flex-end;\r\n }\r\n // padding-top: 20px;\r\n // padding-bottom: 20px;\r\n\r\n @media screen and (max-width: 767px) {\r\n margin-top: 22px;\r\n padding-bottom: 0;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n \r\n margin-left: 106px;\r\n // margin-left: auto;\r\n \r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n align-items: center;\r\n margin-left: 260px;\r\n }\r\n}\r\n\r\n.contacts__item {\r\n // margin-bottom: 10px;\r\n @media screen and (max-width: 767px) {\r\n margin-right: 0;\r\n padding-top: 24px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n margin-right: 30px;\r\n }\r\n}\r\n\r\n.contacts__item:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.contacts__item:last-child {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.contacts__item:last-child {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.contacts__svg-envelope {\r\n display: inline-block;\r\n align-items: center;\r\n margin-right: 10px;\r\n width: 15px;\r\n height: 20px;\r\n // text-align: center;\r\n // // vertical-align: sub;\r\n // vertical-align: -35%;\r\n vertical-align: -56%;\r\n}\r\n\r\n// .contacts__svg-envelope:hover {\r\n// fill: #757575;\r\n// }\r\n\r\n.contacts__svg {\r\n display: inline-block;\r\n align-items: center;\r\n margin-right: 10px;\r\n width: 15px;\r\n height: 20px;\r\n // text-align: center;\r\n // // vertical-align: sub;\r\n // vertical-align: -35%;\r\n vertical-align: middle;\r\n}\r\n\r\n.contacts__icon {\r\n display: inline-block;\r\n align-items: center;\r\n\r\n color: #757575;\r\n fill: #212121;\r\n cursor: pointer;\r\n\r\n transition:\r\n color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n}\r\n\r\n.contacts__icon:hover,\r\n.contacts__icon:focus {\r\n fill: #2196f3;\r\n color: $accent-color;\r\n}\r\n\r\n.contacts__link {\r\n // margin-left: auto;\r\n\r\n font-weight: 500;\r\n font-size: 14px;\r\n line-height: 1.14;\r\n letter-spacing: 0.02em;\r\n\r\n color: $text-color;\r\n\r\n @media screen and (max-width: 767px) {\r\n font-size: 14px;\r\n letter-spacing: 0.36px;\r\n }\r\n}\r\n","$text-color: #757575;\r\n$title-color: #212121;\r\n$accent-color: #2196f3;\r\n$white-color: #ffffff;\r\n$black-color: #000000;\r\n$background-color: #2f303a;\r\n\r\n$mobile: 480px;\r\n$tablet: 768px;\r\n$desktop:1200px;\r\n\r\n$fullstack: #2e5bb7;\r\n$frontend: #a16ef2;\r\n$project-manager: #deb43d;\r\n$design: #e556dd;\r\n$qa-manual: #48b65e;\r\n$python: #f48f33;\r\n$java: #f34b70;\r\n$smm: #27e3c9;\r\n$data-analytics: #e3c071;\r\n$it: #36e82d;","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n\r\n.header {\r\n @media screen and (max-width: 767px) {\r\n position: relative;\r\n }\r\n}\r\n\r\n.header__wrap {\r\n // @media screen and (max-width: 767px) {\r\n // position: relative;\r\n // }\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n display: flex;\r\n // justify-content: space-between;\r\n align-items: center;\r\n }\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n align-items: center;\r\n }\r\n}\r\n\r\n.Dropdown {\r\n @media screen and (max-width: 767px) {\r\n display: flex;\r\n margin-left: auto;\r\n }\r\n}\r\n\r\n.Dropdown__menu {\r\n @media screen and (max-width: 767px) {\r\n // чтоб сделать меню на всю ширину и длину вьюпотра\r\n position: fixed;\r\n // transform: translateX(-100%);\r\n \r\n top: 0;\r\n right: 0;\r\n width: 100%;\r\n height: 100%;\r\n padding: 20px;\r\n text-align: center;\r\n background-color: $white-color;\r\n color: aliceblue;\r\n // transition: left 500ms;\r\n /* overflow: auto; */\r\n overflow: auto;\r\n // overflow-y: hidden;\r\n pointer-events: auto;\r\n \r\n \r\n }\r\n}\r\n\r\n.Dropdown__toggle {\r\n // скрыть разметку бургер меню\r\n display: none;\r\n @media screen and (max-width: 767px) {\r\n border: none;\r\n background-color: rgba(0, 0, 0, 0);\r\n @media screen and (max-width: 767px) {\r\n // показать разметку бургер меню\r\n display: block;\r\n border: none;\r\n background-color: rgba(0, 0, 0, 0);\r\n z-index: 70;\r\n }\r\n}\r\n}\r\n\r\n\r\n.Dropdown__top {\r\n margin-top: 120px;\r\n margin-bottom: 60px;\r\n}\r\n\r\n\r\n.Dropdown__top li {\r\n margin-bottom: 40px;\r\n\r\n font-size: 18px;\r\n font-weight: 500;\r\n letter-spacing: 0.36px;\r\n}\r\n\r\n.menu__item:hover {\r\n color: $accent-color;\r\n color: aqua;\r\n}\r\n\r\n\r\n.contacts__icon {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 16px;\r\n\r\n font-size: 18px;\r\n font-weight: 500;\r\n letter-spacing: 0.36px;\r\n \r\n }\r\n}\r\n\r\n","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.footer {\r\n text-align: center;\r\n background-color: $background-color;\r\n}\r\n\r\n.footer-text {\r\n display: block;\r\n margin-bottom: 20px;\r\n margin-top: 60px;\r\n\r\n font-weight: 700;\r\n font-size: 14px;\r\n line-height: 1.14;\r\n letter-spacing: 0.03em;\r\n // text-transform: uppercase;\r\n\r\n color: $white-color;\r\n\r\n @media screen and (min-width: 480px) {\r\n margin-top: 60px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n margin-top: 0;\r\n }\r\n}\r\n\r\n.address-map {\r\n margin-top: 20px;\r\n}\r\n\r\n.footer-wrap {\r\n display: flex;\r\n @media screen and (min-width: 1200px) {\r\n justify-content: space-between;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n justify-content: space-around;\r\n }\r\n\r\n @media screen and (max-width: 767px) {\r\n justify-content: center;\r\n flex-direction: column;\r\n }\r\n}\r\n\r\n.footer .logo {\r\n @media screen and (min-width: 768px) {\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n.footer-icons {\r\n margin-left: 70px;\r\n @media screen and (max-width: 767px) {\r\n margin-left: 0;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n margin-left: 0;\r\n }\r\n}\r\n\r\n.address-map,\r\n.address-link {\r\n margin-bottom: 9px;\r\n display: block;\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 1.71;\r\n letter-spacing: 0.03em;\r\n\r\n color: $white-color;\r\n}\r\n\r\n.no-margin {\r\n margin-bottom: 0;\r\n}\r\n\r\n.address-link {\r\n color: rgba(255, 255, 255, 0.6);\r\n}\r\n\r\n.footer-list-icon a {\r\n display: flex;\r\n padding: 12px;\r\n border: 0;\r\n border-radius: 50%;\r\n /* fill: #afb1b8; */\r\n fill: $white-color;\r\n // margin-bottom: 30px;\r\n cursor: pointer;\r\n background-color: rgba(255, 255, 255, 0.1);\r\n\r\n cursor: pointer;\r\n\r\n transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n}\r\n\r\n.footer-list-icon a:hover {\r\n color: $white-color;\r\n background-color: #2196f3;\r\n}\r\n\r\n.footer-list-icon {\r\n margin-right: 10px;\r\n}\r\n\r\n.footer-list-icon:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.footer-icon {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n.logo-studio-footer {\r\n color: $white-color;\r\n}\r\n\r\n.logo-web {\r\n color: $accent-color;\r\n}","@import './../../../BaseScss/base.scss';\r\n@import './../../../BaseScss/variables.scss';\r\n\r\n.allportfolio {\r\n padding-top: 94px;\r\n padding-bottom: 94px;\r\n}\r\n\r\n.allportfolio__list {\r\n display: flex;\r\n justify-content: center;\r\n margin-bottom: 50px;\r\n}\r\n\r\n.allportfolio__item button {\r\n border: none;\r\n // column-gap: 8px;\r\n padding: 6px 22px;\r\n\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 1.62; /* 162.5% */\r\n letter-spacing: 0.48px;\r\n\r\n border-radius: 4px;\r\n background: #f5f4fa;\r\n}\r\n\r\n.allportfolio__item:not(:last-child) {\r\n margin-right: 8px;\r\n}\r\n\r\n.allportfolio__item button:hover {\r\n border-radius: 4px;\r\n color: $white-color;\r\n background: $accent-color;\r\n /* shadow-middle */\r\n box-shadow:\r\n 0px 2px 2px 0px rgba(0, 0, 0, 0.12),\r\n 0px 1px 2px 0px rgba(0, 0, 0, 0.08),\r\n 0px 3px 1px 0px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.allportfolio__item2 {\r\n display: flex;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.allportfolio__link {\r\n margin-right: 30px;\r\n margin-bottom: 30px;\r\n\r\n border: 1px solid #eee;\r\n background: #fff;\r\n}\r\n\r\n.allportfolio__link:hover {\r\n border: 1px solid #eee;\r\n background: #fff;\r\n box-shadow:\r\n 1px 4px 6px 0px rgba(0, 0, 0, 0.16),\r\n 0px 4px 4px 0px rgba(0, 0, 0, 0.06),\r\n 0px 1px 1px 0px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n.allportfolio__link:nth-child(3n) {\r\n margin-right: 0;\r\n}\r\n\r\n.allportfolio__link:nth-child(n + 7) {\r\n margin-bottom: 0;\r\n}\r\n\r\n// Tablet version\r\n.allportfolio__link:nth-child(1n) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.allportfolio__link:nth-child(n + 9) {\r\n margin-bottom: 0;\r\n }\r\n\r\n.allportfolio__link h2 {\r\n margin: 20px 24px 0;\r\n\r\n color: #212121;\r\n\r\n font-size: 18px;\r\n\r\n font-weight: 700;\r\n line-height: 2; /* 200% */\r\n letter-spacing: 1.08px;\r\n}\r\n\r\n.allportfolio__link p {\r\n margin: 20px 24px;\r\n color: #757575;\r\n font-size: 16px;\r\n\r\n font-weight: 400;\r\n line-height: 1.87; /* 187.5% */\r\n letter-spacing: 0.48px;\r\n}\r\n\r\n// .allportfolio__link a {\r\n// text-decoration: none;\r\n// }\r\n\r\n.allportfolio__link {\r\n @media screen and (max-width: 767px) {\r\n margin: 0;\r\n }\r\n}\r\n\r\n.allportfolio__list {\r\n @media screen and (max-width: 767px) {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: flex-start;\r\n }\r\n}\r\n\r\n.allportfolio__item {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 15px;\r\n }\r\n}\r\n\r\n.allportfolio__item:nth-child(n + 4) {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n// Tablet version\r\n.allportfolio__link {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-right: 30px;\r\n }\r\n}\r\n\r\n.allportfolio__link:nth-child(1n) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-right: 0;\r\n \r\n }\r\n}\r\n","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.overlay {\r\n margin: 0 auto;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n\r\n @media screen and (max-width: 767px) {\r\n max-width: 480px;\r\n max-height: 400px;\r\n background-image:\r\n url(\"../../images/hero/bh-img-480.jpg\");\r\n @media screen and (min-device-pixel-ratio: 2),\r\n screen and (min-resolution: 192dpi),\r\n screen and (min-resolution: 2dppx) {\r\n background-image: url('../../images/hero/bh-img-480-2x.jpg');\r\n }\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n max-width: 768px;\r\n background-image:\r\n url('../../images/hero/bg-img-768.jpg');\r\n @media screen and (min-device-pixel-ratio: 2),\r\n screen and (min-resolution: 192dpi),\r\n screen and (min-resolution: 2dppx) {\r\n background-image: url('../../images/hero/bg-img-768-2x.jpg');\r\n }\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n width: 1600px;\r\n background-image:\r\n url('../../images/hero/bg-img-1200.jpg');\r\n @media screen and (min-device-pixel-ratio: 2),\r\n screen and (min-resolution: 192dpi),\r\n screen and (min-resolution: 2dppx) {\r\n background-image: url('../../images/hero/bg-img-1200-1x.jpg');\r\n }\r\n }\r\n}\r\n\r\n.hero {\r\n background-color: rgba(47, 48, 58, 0.4);\r\n font-weight: 900;\r\n font-size: 44px;\r\n line-height: 1.36;\r\n letter-spacing: 0.06em;\r\n}\r\n\r\n.hero__title {\r\n margin: 0;\r\n padding: 0;\r\n margin-bottom: 30px;\r\n margin: 0 auto;\r\n\r\n color: $white-color;\r\n font-weight: 900;\r\n font-size: 44px;\r\n line-height: 1.36;\r\n letter-spacing: 2.64px;\r\n\r\n @media screen and (max-width: 467px) {\r\n font-size: 22px;\r\n }\r\n\r\n @media screen and (min-width: 468px) and (max-width: 1199px) {\r\n max-width: 360px;\r\n font-size: 26px;\r\n line-height: 42px;\r\n letter-spacing: 1.56px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n width: 696;\r\n font-size: 44px;\r\n font-family: Roboto;\r\n line-height: 60px;\r\n letter-spacing: 2.64px;\r\n }\r\n}\r\n\r\n\r\n\r\n.btn {\r\n display: block;\r\n margin: 0 auto;\r\n margin-top: 30px;\r\n padding: 10px 32px;\r\n\r\n font-weight: 700;\r\n font-size: 16px;\r\n line-height: 1.87;\r\n letter-spacing: 0.06em;\r\n\r\n color: $white-color;\r\n\r\n background: #2196f3;\r\n border-radius: 4px;\r\n border: none;\r\n cursor: pointer;\r\n\r\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n\r\n &:hover,\r\n &:focus {\r\n background-color: #188ce8;\r\n }\r\n\r\n &__clouse {\r\n padding: 0;\r\n margin: 0;\r\n border: none;\r\n background-color: $white-color;\r\n }\r\n}","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.backdrop {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.2);\r\n\r\n transition-property: opacity;\r\n transition-duration: 250ms;\r\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n // чтоб не прокручивалась модалька\r\n overflow-y: scroll;\r\n z-index: 999;\r\n}\r\n\r\n// .backdrop.is-hidden {\r\n// opacity: 0;\r\n// /* прозрачность и спрятать модуалку */\r\n// pointer-events: none;\r\n// /* пропускать через модалку события */\r\n// }\r\n\r\n// .backdrop.is-hidden .form {\r\n// transform: translate(-50%, -50%) scale(0.9);\r\n// }\r\n\r\n.form {\r\n display: block;\r\n /* поставить по центру */\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 100%;\r\n padding: 40px;\r\n background: $white-color;\r\n box-shadow:\r\n 0px 1px 3px rgba(0, 0, 0, 0.12),\r\n 0px 1px 1px rgba(0, 0, 0, 0.14),\r\n 0px 2px 1px rgba(0, 0, 0, 0.2);\r\n border-radius: 4px;\r\n max-width: 340px;\r\n transform: translate(-50%, -50%) scale(1);\r\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);\r\n\r\n @media screen and (min-width: 478px) and (max-width: 767px) {\r\n max-width: 450px;\r\n margin-top: 93px;\r\n }\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n max-width: 450px;\r\n // margin-top: 208px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n max-width: 528px;\r\n height: auto;\r\n }\r\n}\r\n\r\n.form__icon {\r\n display: inline-block;\r\n position: absolute;\r\n top: 8px;\r\n right: 8px;\r\n padding: 4px;\r\n // width: 30px;\r\n // height: 30px;\r\n // width: 18px;\r\n // height: 18px;\r\n font-size: 60%;\r\n\r\n color: $black-color;\r\n\r\n border: 1px solid rgba(0, 0, 0, 0.1);\r\n border-radius: 50%;\r\n cursor: pointer;\r\n}\r\n\r\n.form__icon:hover,\r\n.form__icon:focus {\r\n // fill: $accent-color;\r\n color: $accent-color ;\r\n \r\n}\r\n\r\n.form__title {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 1.15;\r\n letter-spacing: 0.03em;\r\n\r\n color: #212121;\r\n\r\n @media screen and (max-width: 1199px) {\r\n font-size: 20px;\r\n line-height: 1.5;\r\n letter-spacing: 0.6px;\r\n }\r\n}\r\n// input {\r\n// margin-top: 0;\r\n// }\r\n\r\n.form__input {\r\n display: block;\r\n margin-bottom: 28px;\r\n padding-left: 12px;\r\n width: 100%;\r\n // font-size: 26px;\r\n font-size: 16px;\r\n height: 40px;\r\n cursor: pointer;\r\n}\r\n\r\n.form__input:hover,\r\n.form__input:focus,\r\ntextarea:hover,\r\ntextarea:focus {\r\n border: 1px solid $accent-color;\r\n}\r\n\r\n// button, input, optgroup, select, textarea {\r\n// font-size: 50%;\r\n// }\r\n\r\n.form textarea {\r\n padding: 12px 15px;\r\n margin-bottom: 20px;\r\n resize: none;\r\n width: 100%;\r\n cursor: pointer;\r\n width: 448px;\r\n height: 120px;\r\n font-size: 40%;\r\n\r\n // @media screen and (max-width: 767px) {\r\n // font-size: 16px;\r\n // }\r\n\r\n @media screen and (max-width: 1199px) {\r\n width: 100%;\r\n height: 120px;\r\n }\r\n}\r\n\r\n.real__checkbox {\r\n display: inline-block;\r\n /* снять все дефолтное оформление от браузера */\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n position: absolute;\r\n}\r\n\r\n.custom__checkbox {\r\n position: relative;\r\n display: inline-block;\r\n margin-right: 8px;\r\n width: 16px;\r\n height: 15px;\r\n background: $white-color;\r\n border: 1px solid $black-color;\r\n border-radius: 4px;\r\n vertical-align: middle;\r\n}\r\n\r\n.custom__checkbox::before {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) scale(0);\r\n\r\n content: '';\r\n display: inline-block;\r\n width: 16px;\r\n height: 15px;\r\n background-image: url('./../../images/icon\\ check.svg');\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n}\r\n\r\n.real__checkbox:checked + .custom__checkbox::before {\r\n transform: translate(-50%, -50%) scale(1);\r\n}\r\n\r\n.form__text,\r\n.form__link {\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 1.71;\r\n letter-spacing: 0.03em;\r\n color: #757575;\r\n\r\n @media screen and (max-width: 1199px) {\r\n font-size: 12px;\r\n letter-spacing: 0.12px;\r\n }\r\n}\r\n\r\n.form__link {\r\n margin-left: 4px;\r\n color: $accent-color;\r\n}\r\n\r\nlabel {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.form .btn {\r\n margin-top: 30px;\r\n padding-left: 55px;\r\n padding-right: 55px;\r\n}\r\n\r\n.form__link {\r\n text-decoration: underline;\r\n}\r\n","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.features-list {\r\n display: flex;\r\n @media screen and (min-width: 1200px) {\r\n justify-content: center;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n flex-wrap: wrap;\r\n }\r\n\r\n @media screen and (max-width: 767px) {\r\n flex-direction: column;\r\n }\r\n}\r\n\r\n.features .features-title {\r\n @media screen and (max-width: 1600px) {\r\n text-align: center;\r\n }\r\n}\r\n\r\n.features-item::before {\r\n display: block;\r\n content: '';\r\n height: 120px;\r\n margin-bottom: 30px;\r\n background: #f5f4fa;\r\n border-radius: 4px;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n transform: scale(1);\r\n\r\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n\r\n @media screen and (max-width: 767px) {\r\n max-width: 450px;\r\n height: 120px;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n max-width: 354px;\r\n height: 120px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n max-width: 270px;\r\n height: 120px;\r\n }\r\n}\r\n\r\n.features-item:hover:before {\r\n transform: scale(1.1);\r\n}\r\n\r\n.features-item:nth-child(1)::before {\r\n background-image: url(../../images/icon/antenna-1.svg);\r\n}\r\n\r\n.features-item:nth-child(2)::before {\r\n background-image: url(../../images/icon/clock-2.svg);\r\n}\r\n\r\n.features-item:nth-child(3)::before {\r\n background-image: url(../../images/icon/diagram-3.svg);\r\n}\r\n\r\n.features-item:nth-child(4)::before {\r\n background-image: url(../../images/icon/astronaut-4.svg);\r\n}\r\n\r\n.features-title {\r\n padding: 0;\r\n margin: 0;\r\n padding-bottom: 10px;\r\n font-weight: 700;\r\n font-size: 14px;\r\n line-height: 1.14;\r\n letter-spacing: 0.03em;\r\n text-transform: uppercase;\r\n\r\n color: var(--black-color);\r\n}\r\n\r\n.features-text {\r\n padding: 0;\r\n margin: 0;\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 1.71;\r\n letter-spacing: 0.03em;\r\n\r\n color: var(--text-color);\r\n\r\n @media screen and (max-width: 767px) {\r\n max-width: 450px;\r\n font-family: Roboto;\r\n line-height: 24px;\r\n letter-spacing: 0.42px;\r\n }\r\n}\r\n\r\n.features-item {\r\n margin-right: 30px;\r\n margin-bottom: 30px;\r\n\r\n @media screen and (max-width: 767px) {\r\n margin-right: 0;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n width: calc((100% - 1 * 30px) / 2);\r\n margin-right: 30px;\r\n }\r\n}\r\n\r\n.features-item:nth-child(2n) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.features-item:nth-child(n + 4) {\r\n @media screen and (max-width: 768px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.features-item:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.features-item:nth-child(n + 3) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.features-item:nth-child(n + 1) {\r\n @media screen and (min-width: 1200px) {\r\n margin-bottom: 0;\r\n }\r\n}","@import \"./../../BaseScss/base.scss\";\r\n@import \"./../../BaseScss/variables.scss\";\r\n\r\n.work-flex-container {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.work {\r\n @media screen and (max-width: 1199px) {\r\n display: none;\r\n }\r\n}\r\n\r\n.work-title {\r\n margin-bottom: 50px;\r\n\r\n font-weight: 700;\r\n font-size: 36px;\r\n line-height: 1.16;\r\n letter-spacing: 0.03em;\r\n\r\n color: var(--black-color);\r\n}\r\n\r\n.work-item {\r\n display: inline-block;\r\n /* width: calc((100% - 60px) / 2); */\r\n margin-right: 30px;\r\n\r\n &:last-child {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n// .work-item:last-child {\r\n// margin-right: 0;\r\n// }\r\n\r\n.work-image {\r\n transform: scale(1);\r\n\r\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n\r\n &:hover {\r\n transform: scale(1.1);\r\n }\r\n}\r\n\r\n// .work-image:hover {\r\n// transform: scale(1.1);\r\n// }","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.team-list {\r\n display: flex;\r\n justify-content: center;\r\n @media screen and (min-width: 1200px) {\r\n justify-content: center;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n flex-wrap: wrap;\r\n }\r\n\r\n @media screen and (max-width: 767px) {\r\n justify-content: center;\r\n flex-direction: column;\r\n }\r\n}\r\n\r\n.team {\r\n text-align: center;\r\n background: #f5f4fa;\r\n}\r\n\r\n.team-title {\r\n margin-bottom: 50px;\r\n\r\n font-weight: 700;\r\n font-size: 36px;\r\n line-height: 1.16;\r\n letter-spacing: 0.03em;\r\n\r\n color: var(--black-color);\r\n\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 30px;\r\n font-size: 28px;\r\n letter-spacing: 0.84px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n font-size: 36px;\r\n letter-spacing: 1.08px;\r\n }\r\n}\r\n\r\n.team-flex {\r\n display: flex;\r\n @media screen and (min-width: 1200px) {\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n justify-content: center;\r\n }\r\n\r\n @media screen and (max-width: 767px) {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n.team-item {\r\n margin-right: 30px;\r\n margin-bottom: 30px;\r\n\r\n background: $white-color;\r\n\r\n border-radius: 0px 0px 4px 4px;\r\n cursor: pointer;\r\n\r\n @media screen and (min-width: 1200px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.team-item:nth-child(n + 3) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.team-item:nth-child(2n) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.team-item:nth-child(1n) {\r\n @media screen and (max-width: 768px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.team-item:last-child {\r\n @media screen and (min-width: 1200px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.team-item:last-child {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.team-item:hover,\r\n.team-item:focus {\r\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.14),\r\n 0px 2px 1px rgba(0, 0, 0, 0.2);\r\n border-radius: 0px 0px 4px 4px;\r\n}\r\n\r\n.team-subtitle {\r\n padding-top: 30px;\r\n padding-bottom: 10px;\r\n}\r\n\r\n.team-subtitle,\r\n.team-text {\r\n font-weight: 500;\r\n font-size: 16px;\r\n line-height: 1.18;\r\n letter-spacing: 0.03em;\r\n\r\n color: $black-color;\r\n}\r\n\r\n.team-text {\r\n padding-bottom: 16px;\r\n font-weight: 400;\r\n color: $text-color;\r\n}\r\n\r\n.team-list-icon a {\r\n display: flex;\r\n padding: 12px;\r\n border: 0;\r\n border-radius: 50%;\r\n fill: #afb1b8;\r\n margin-bottom: 30px;\r\n cursor: pointer;\r\n\r\n transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n}\r\n\r\n.team-list-icon a:hover {\r\n fill: $white-color;\r\n background-color: #2196f3;\r\n}\r\n\r\n.team-list-icon {\r\n margin-right: 10px;\r\n}\r\n\r\n\r\n.team-icon {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n.team-icon:hover {\r\n fill: #f5f4fa;\r\n}\r\n\r\n// svg path:hover {\r\n// fill: #f5f4fa;\r\n// }\r\n\r\n\r\n.team-list-icon:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.team img {\r\n @media screen and (min-width: 1200px) {\r\n width: 270px;\r\n height: 260px;\r\n }\r\n}","/* Базовые настройки ------------ */\r\n\r\n// при открытии модалки убрать дергание сайт\r\n// html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {\r\n// -webkit-overflow-scrolling: touch;}\r\n// html { overflow-y: scroll !important; }\r\n\r\n// html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {\r\n// padding-right: 0 !important;\r\n// -webkit-overflow-scrolling: touch;}\r\n// html { overflow-y: scroll !important; }\r\n\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n\r\n background-color: var(--white-color);\r\n color: var(--text-color);\r\n\r\n font-family: Roboto, sans-serif;\r\n\r\n @media screen and (max-width: 767px) {\r\n // padding-top: 60px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n // padding-top: 80px;\r\n }\r\n\r\n}\r\n\r\n// * Запретить скролл под модальнім окном\r\nbody.modal-open {\r\n @media screen and (max-width: 767px) {\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n\r\n/* скрыть заголовки и части текста */\r\n.visually-hidden {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n border: 0;\r\n padding: 0;\r\n clip: rect(0 0 0 0);\r\n overflow: hidden;\r\n}\r\n\r\n// section {\r\n// outline: 2px solid red;\r\n// }\r\n\r\n/* Создание контейнера ----------- */\r\n\r\n.container {\r\n // width: 1230px;\r\n padding-left: 15px;\r\n padding-right: 15px;\r\n margin: 0 auto;\r\n\r\n @media screen and (min-width: 480px) {\r\n width: 480px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n width: 768px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n width: 1200px;\r\n }\r\n}\r\n\r\n// .flex-container {\r\n// display: flex;\r\n// justify-content: space-between;\r\n// }\r\n\r\n.center {\r\n text-align: center;\r\n}\r\n\r\n.hero {\r\n padding-top: 200px;\r\n padding-bottom: 200px;\r\n @media screen and (max-width: 1199px) {\r\n padding-top: 116px;\r\n padding-bottom: 116px;\r\n }\r\n}\r\n\r\n.features,\r\n.team,\r\n.clients {\r\n padding-top: 94px;\r\n padding-bottom: 94px;\r\n\r\n @media screen and (max-width: 1199px) {\r\n padding-top: 60px;\r\n padding-bottom: 60px;\r\n }\r\n}\r\n\r\n// .clients {\r\n// width: 480px;\r\n// }\r\n\r\n.work {\r\n padding-bottom: 94px;\r\n}\r\n\r\n.footer {\r\n padding-top: 60px;\r\n padding-bottom: 60px;\r\n}\r\n\r\n/* Личный нормализатор -------------- */\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-top: 0;\r\n padding: 0;\r\n /* padding: 0;\r\n margin: 0; */\r\n color: var(--title-color);\r\n}\r\n\r\np {\r\n margin-top: 0;\r\n /* padding: 0;\r\n margin: 0; */\r\n}\r\n\r\n/* чтоб можно было задать геометрию -------- */\r\n\r\na {\r\n display: block;\r\n text-decoration: none;\r\n font-style: normal;\r\n}\r\n\r\nul {\r\n padding: 0;\r\n margin: 0;\r\n list-style: none;\r\n}\r\n\r\n/* Зброс зазора */\r\nimg {\r\n display: block;\r\n max-width: 100%;\r\n height: auto;\r\n /* margin: 0px;\r\n padding: 0px; */\r\n}","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.clients-list {\r\n display: flex;\r\n // width: 480px;\r\n justify-content: center;\r\n\r\n list-style-type: none;\r\n margin: 0px;\r\n padding-left: 0;\r\n\r\n @media screen and (max-width: 1199px) {\r\n flex-wrap: wrap;\r\n }\r\n}\r\n\r\n// .clients {\r\n// text-align: center;\r\n// }\r\n\r\n.clients-title {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n font-weight: 700;\r\n font-size: 36px;\r\n line-height: 1.16;\r\n letter-spacing: 0.03em;\r\n\r\n color: $black-color;\r\n\r\n @media screen and (max-width: 1199px) {\r\n margin-bottom: 30px;\r\n font-size: 28px;\r\n letter-spacing: 0.84px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n font-size: 36px;\r\n letter-spacing: 1.08px;\r\n }\r\n}\r\n\r\n.clients-item {\r\n margin-right: 30px;\r\n margin-bottom: 30px;\r\n height: 90px;\r\n}\r\n\r\n .clients-item {\r\n @media screen and (max-width: 767px) {\r\n width: calc((100% - 30px) / 2);\r\n &:nth-child(2n) {\r\n margin-right: 0;\r\n }\r\n &:nth-last-child(-n + 2) {\r\n margin-bottom: 0;\r\n }\r\n }\r\n}\r\n \r\n\r\n.clients-item {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n width: calc((100% - 60px) / 3);\r\n &:nth-child(3n + 3) {\r\n margin-right: 0;\r\n }\r\n &:nth-last-child(-n + 3) {\r\n margin-bottom: 0;\r\n }\r\n }\r\n}\r\n\r\n\r\n.clients-item {\r\n @media screen and (min-width: 1200px) {\r\n width: calc((100% - 120px) / 6);\r\n &:last-child {\r\n margin-right: 0;\r\n }\r\n &:nth-child(n + 1) {\r\n margin-bottom: 0;\r\n }\r\n }\r\n}\r\n \r\n.clients-logo {\r\n display: flex;\r\n height: 100%;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n border: 1px solid #afb1b8;\r\n border-radius: 4px;\r\n\r\n fill: #afb1b8;\r\n cursor: pointer;\r\n\r\n transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n border 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n}\r\n\r\n.clients-logo:hover,\r\n.clients-logo:focus {\r\n fill: $accent-color;\r\n color: #2196f3;\r\n border: 1px solid $accent-color;\r\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.5a57445f.css b/static/css/main.5a57445f.css deleted file mode 100644 index 0e61aad..0000000 --- a/static/css/main.5a57445f.css +++ /dev/null @@ -1,3 +0,0 @@ -body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:inherit;border-bottom:1px solid #ececec;left:0;position:relative;top:0;width:100%;z-index:999}@media screen and (max-width:767px){.header{padding-bottom:10px;padding-top:10px}}@media screen and (min-width:768px)and (max-width:1199px){.header__nav{align-items:center;display:flex}}@media screen and (min-width:1200px){.header__nav{align-items:center;display:flex}}@media screen and (max-width:767px){.mobile__wrap{align-items:center;display:flex;justify-content:space-between}}@media screen and (min-width:768px){.mobile__wrap{display:flex}}@media screen and (min-width:1200px){.mobile__wrap{margin-right:90px}}.logo{display:inline-block;font-family:Raleway;font-weight:700;line-height:1.19;text-decoration:none;z-index:70}@media screen and (min-width:768px){.logo{display:inline-flex;margin-right:88px}}@media screen and (max-width:1199px){.logo{font-size:24px;letter-spacing:.72px}}@media screen and (min-width:1200px){.logo{font-size:26px;letter-spacing:.03em}}.icon__close{position:absolute}.margin{margin-left:auto}.mobile__btn{background-color:transparent;border:none;display:inline-flex;margin:0;padding:0}@media screen and (min-width:768px){.mobile__btn{display:none}}.mobile__btn .icon__close{display:none}.mobile__btn.is__open .icon__close{display:block}.mobile__btn.is__open .icon__menu{display:none}@media screen and (max-width:767px){.menu__burger{background-color:#fff;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.16),0 2px 4px 0 rgba(0,0,0,.08),0 4px 8px 0 rgba(0,0,0,.04);font-size:20px;left:0;opacity:0;padding:60px 10px;position:absolute;text-align:center;top:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:.8s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%}}.menu__burger.is__open{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.logo__web{color:#2196f3}.logo__studio{color:#000}.logo__studio-footer{color:#fff}.menu__link{color:var(--title-color);font-size:14px;font-weight:500;letter-spacing:.02em;line-height:1.14;padding-bottom:32px;padding-top:32px;position:relative;transition:color .25s cubic-bezier(.4,0,.2,1) .25s}@media screen and (max-width:767px){.menu__link{font-size:14px;letter-spacing:.36px;padding-bottom:0;padding-top:0}}@media screen and (min-width:768px){.menu__link{letter-spacing:.28px}}.menu{display:flex}@media screen and (max-width:767px){.menu{align-items:center;flex-direction:column;justify-content:center}}@media screen and (min-width:768px)and (max-width:1199px){.menu{align-items:center;justify-content:center}}@media screen and (min-width:1200px){.menu{display:flex}}.menu__item{margin-bottom:40px;padding-bottom:40px}@media screen and (max-width:767px){.menu__item{padding-bottom:8px;padding-top:8px}}@media screen and (min-width:768px){.menu__item{margin-bottom:0;margin-right:50px;padding-bottom:0}}.menu__item:last-child{margin-right:0}@media screen and (max-width:767px){.menu__item:last-child{padding-bottom:0}}.menu__link.current,.menu__link:focus,.menu__link:hover{color:#2196f3}.menu__item{position:relative}.current:after{border:3px solid #2196f3;border-radius:2px;bottom:0;content:"";display:block;height:3px;left:0;position:absolute;width:100%}@media screen and (max-width:767px){.current:after{border-radius:2px;margin-bottom:-10px;width:100%}.menu__contacts{margin-top:22px;padding-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.menu__contacts{margin-left:106px}}@media screen and (min-width:1200px){.menu__contacts{align-items:center;display:flex;margin-left:260px}}@media screen and (max-width:767px){.contacts__item{margin-right:0;padding-top:24px}}@media screen and (min-width:1200px){.contacts__item{display:flex;margin-right:30px}}.contacts__item:last-child{margin-right:0}@media screen and (max-width:767px){.contacts__item:last-child{margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.contacts__item:last-child{margin-bottom:0}}.contacts__svg-envelope{vertical-align:-56%}.contacts__svg,.contacts__svg-envelope{align-items:center;display:inline-block;height:20px;margin-right:10px;width:15px}.contacts__svg{vertical-align:middle}.contacts__icon{fill:#212121;align-items:center;color:#757575;cursor:pointer;display:inline-block;transition:color .25s cubic-bezier(.4,0,.2,1) .25s,fill .25s cubic-bezier(.4,0,.2,1) .25s}.contacts__icon:focus,.contacts__icon:hover{fill:#2196f3;color:#2196f3}.contacts__link{color:#757575;font-size:14px;font-weight:500;letter-spacing:.02em;line-height:1.14}@media screen and (max-width:767px){.contacts__link{font-size:14px;letter-spacing:.36px}.header{position:relative}}@media screen and (min-width:768px)and (max-width:1199px){.header__wrap{align-items:center;display:flex}}@media screen and (min-width:1200px){.header__wrap{align-items:center;display:flex}}@media screen and (max-width:767px){.Dropdown{display:flex;margin-left:auto}.Dropdown__menu{background-color:#fff;color:#f0f8ff;height:100%;overflow:auto;padding:20px;pointer-events:auto;position:fixed;right:0;text-align:center;top:0;width:100%}}.Dropdown__toggle{display:none}@media screen and (max-width:767px){.Dropdown__toggle{background-color:transparent;border:none}}@media screen and (max-width:767px)and (max-width:767px){.Dropdown__toggle{background-color:transparent;border:none;display:block;z-index:70}}.Dropdown__top{margin-bottom:60px;margin-top:120px}.Dropdown__top li{font-size:18px;font-weight:500;letter-spacing:.36px;margin-bottom:40px}.menu__item:hover{color:#2196f3;color:aqua}@media screen and (max-width:767px){.contacts__icon{font-size:18px;font-weight:500;letter-spacing:.36px;margin-bottom:16px}}.overlay{background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto}@media screen and (max-width:767px){.overlay{background-image:url(/static/media/bh-img-480.a15d82253a6e192e10f1.jpg);max-height:400px;max-width:480px}}@media screen and (max-width:767px)and (-webkit-min-device-pixel-ratio:2),screen and (max-width:767px)and (min-device-pixel-ratio:2),screen and (max-width:767px)and (min-resolution:192dpi),screen and (max-width:767px)and (min-resolution:2dppx){.overlay{background-image:url(/static/media/bh-img-480-2x.b947df708a2bb4b92ef3.jpg)}}@media screen and (min-width:768px)and (max-width:1199px){.overlay{background-image:url(/static/media/bg-img-768.67079336763442538624.jpg);max-width:768px}}@media screen and (min-width:768px)and (max-width:1199px)and (-webkit-min-device-pixel-ratio:2),screen and (min-width:768px)and (max-width:1199px)and (min-device-pixel-ratio:2),screen and (min-width:768px)and (max-width:1199px)and (min-resolution:192dpi),screen and (min-width:768px)and (max-width:1199px)and (min-resolution:2dppx){.overlay{background-image:url(/static/media/bg-img-768-2x.95bf250eb4ec84767ac5.jpg)}}@media screen and (min-width:1200px){.overlay{background-image:url(/static/media/bg-img-1200.57a87cbabbccbaa5143d.jpg);width:1600px}}@media screen and (min-width:1200px)and (-webkit-min-device-pixel-ratio:2),screen and (min-width:1200px)and (min-device-pixel-ratio:2),screen and (min-width:1200px)and (min-resolution:192dpi),screen and (min-width:1200px)and (min-resolution:2dppx){.overlay{background-image:url(/static/media/bg-img-1200-1x.57a87cbabbccbaa5143d.jpg)}}.hero{background-color:rgba(47,48,58,.4);letter-spacing:.06em}.hero,.hero__title{font-size:44px;font-weight:900;line-height:1.36}.hero__title{color:#fff;letter-spacing:2.64px;margin:0 auto;padding:0}@media screen and (max-width:467px){.hero__title{font-size:22px}}@media screen and (min-width:468px)and (max-width:1199px){.hero__title{font-size:26px;letter-spacing:1.56px;line-height:42px;max-width:360px}}@media screen and (min-width:1200px){.hero__title{font-family:Roboto;font-size:44px;letter-spacing:2.64px;line-height:60px;width:696}}.btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;letter-spacing:.06em;line-height:1.87;margin:30px auto 0;padding:10px 32px;transition:background-color .25s cubic-bezier(.4,0,.2,1) .25s}.btn:focus,.btn:hover{background-color:#188ce8}.btn__clouse{background-color:#fff;border:none;margin:0;padding:0}.backdrop{background-color:rgba(0,0,0,.2);height:100%;left:0;overflow-y:scroll;position:fixed;top:0;transition-duration:.25s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:999}.form{background:#fff;border-radius:4px;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);display:block;left:50%;max-width:340px;padding:40px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1),-webkit-transform .25s cubic-bezier(.4,0,.2,1);width:100%}@media screen and (min-width:478px)and (max-width:767px){.form{margin-top:93px;max-width:450px}}@media screen and (min-width:768px)and (max-width:1199px){.form{max-width:450px}}@media screen and (min-width:1200px){.form{height:auto;max-width:528px}}.form__icon{border:1px solid rgba(0,0,0,.1);border-radius:50%;color:#000;cursor:pointer;display:inline-block;font-size:60%;padding:4px;position:absolute;right:8px;top:8px}.form__icon:focus,.form__icon:hover{color:#2196f3}.form__title{color:#212121;font-size:20px;font-weight:700;letter-spacing:.03em;line-height:1.15;margin-bottom:30px;text-align:center}@media screen and (max-width:1199px){.form__title{font-size:20px;letter-spacing:.6px;line-height:1.5}}.form__input{cursor:pointer;display:block;font-size:16px;height:40px;margin-bottom:28px;padding-left:12px;width:100%}.form__input:focus,.form__input:hover,textarea:focus,textarea:hover{border:1px solid #2196f3}.form textarea{cursor:pointer;font-size:40%;height:120px;margin-bottom:20px;padding:12px 15px;resize:none;width:100%;width:448px}@media screen and (max-width:1199px){.form textarea{height:120px;width:100%}}.real__checkbox{-webkit-appearance:none;appearance:none;display:inline-block;position:absolute}.custom__checkbox{background:#fff;border:1px solid #000;border-radius:4px;margin-right:8px;position:relative;vertical-align:middle}.custom__checkbox,.custom__checkbox:before{display:inline-block;height:15px;width:16px}.custom__checkbox:before{background-image:url(/static/media/icon%20check.137441bb7ecea9507f6b.svg);background-repeat:no-repeat;background-size:contain;content:"";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}.real__checkbox:checked+.custom__checkbox:before{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.form__link,.form__text{color:#757575;font-size:14px;font-weight:400;letter-spacing:.03em;line-height:1.71}@media screen and (max-width:1199px){.form__link,.form__text{font-size:12px;letter-spacing:.12px}}.form__link{color:#2196f3;margin-left:4px}label{align-items:center;display:flex;justify-content:center}.form .btn{margin-top:30px;padding-left:55px;padding-right:55px}.form__link{text-decoration:underline}.features-list{display:flex}@media screen and (min-width:1200px){.features-list{justify-content:center}}@media screen and (min-width:768px)and (max-width:1199px){.features-list{flex-wrap:wrap}}@media screen and (max-width:767px){.features-list{flex-direction:column}}@media screen and (max-width:1600px){.features .features-title{text-align:center}}.features-item:before{background:#f5f4fa;background-position:50%;background-repeat:no-repeat;border-radius:4px;content:"";display:block;height:120px;margin-bottom:30px;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1) .25s;transition:transform .25s cubic-bezier(.4,0,.2,1) .25s;transition:transform .25s cubic-bezier(.4,0,.2,1) .25s,-webkit-transform .25s cubic-bezier(.4,0,.2,1) .25s}@media screen and (max-width:767px){.features-item:before{height:120px;max-width:450px}}@media screen and (min-width:768px)and (max-width:1199px){.features-item:before{height:120px;max-width:354px}}@media screen and (min-width:1200px){.features-item:before{height:120px;max-width:270px}}.features-item:hover:before{-webkit-transform:scale(1.1);transform:scale(1.1)}.features-item:first-child:before{background-image:url(/static/media/antenna-1.ef90e165ba08205e03e0.svg)}.features-item:nth-child(2):before{background-image:url(/static/media/clock-2.7a71859d2e47e19124e6.svg)}.features-item:nth-child(3):before{background-image:url(/static/media/diagram-3.647409d11f1baaa42689.svg)}.features-item:nth-child(4):before{background-image:url(/static/media/astronaut-4.79038cf7fa9a667a8a27.svg)}.features-title{color:var(--black-color);font-weight:700;line-height:1.14;padding:0 0 10px;text-transform:uppercase}.features-text,.features-title{font-size:14px;letter-spacing:.03em;margin:0}.features-text{color:var(--text-color);font-weight:400;line-height:1.71;padding:0}@media screen and (max-width:767px){.features-text{font-family:Roboto;letter-spacing:.42px;line-height:24px;max-width:450px}}.features-item{margin-bottom:30px;margin-right:30px}@media screen and (max-width:767px){.features-item{margin-right:0}}@media screen and (min-width:768px)and (max-width:1199px){.features-item{margin-right:30px;width:calc(50% - 15px)}.features-item:nth-child(2n){margin-right:0}}@media screen and (max-width:768px){.features-item:nth-child(n+4){margin-bottom:0}}.features-item:last-child{margin-right:0}@media screen and (min-width:768px)and (max-width:1199px){.features-item:nth-child(n+3){margin-bottom:0}}@media screen and (min-width:1200px){.features-item:nth-child(n+1){margin-bottom:0}}.work-flex-container{align-items:center;display:flex;justify-content:space-between}@media screen and (max-width:1199px){.work{display:none}}.work-title{color:var(--black-color);font-size:36px;font-weight:700;letter-spacing:.03em;line-height:1.16;margin-bottom:50px}.work-item{display:inline-block;margin-right:30px}.work-item:last-child{margin-right:0}.work-image{-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1) .25s;transition:transform .25s cubic-bezier(.4,0,.2,1) .25s;transition:transform .25s cubic-bezier(.4,0,.2,1) .25s,-webkit-transform .25s cubic-bezier(.4,0,.2,1) .25s}.work-image:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.team-list{display:flex;justify-content:center}@media screen and (min-width:1200px){.team-list{justify-content:center}}@media screen and (min-width:768px)and (max-width:1199px){.team-list{flex-wrap:wrap}}@media screen and (max-width:767px){.team-list{flex-direction:column;justify-content:center}}.team{background:#f5f4fa;text-align:center}.team-title{color:var(--black-color);font-size:36px;font-weight:700;letter-spacing:.03em;line-height:1.16;margin-bottom:50px}@media screen and (max-width:767px){.team-title{font-size:28px;letter-spacing:.84px;margin-bottom:30px}}@media screen and (min-width:1200px){.team-title{font-size:36px;letter-spacing:1.08px}}.team-flex{display:flex}@media screen and (min-width:1200px){.team-flex{align-items:center;justify-content:center}}@media screen and (min-width:768px)and (max-width:1199px){.team-flex{justify-content:center}}@media screen and (max-width:767px){.team-flex{justify-content:center}}.team-item{background:#fff;border-radius:0 0 4px 4px;cursor:pointer;margin-bottom:30px;margin-right:30px}@media screen and (min-width:1200px){.team-item{margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.team-item:nth-child(n+3){margin-bottom:0}.team-item:nth-child(2n){margin-right:0}}@media screen and (max-width:768px){.team-item:nth-child(1n){margin-right:0}}@media screen and (min-width:1200px){.team-item:last-child{margin-right:0}}@media screen and (max-width:767px){.team-item:last-child{margin-bottom:0}}.team-item:focus,.team-item:hover{border-radius:0 0 4px 4px;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)}.team-subtitle{padding-bottom:10px;padding-top:30px}.team-subtitle,.team-text{color:#000;font-size:16px;font-weight:500;letter-spacing:.03em;line-height:1.18}.team-text{color:#757575;font-weight:400;padding-bottom:16px}.team-list-icon a{fill:#afb1b8;border:0;border-radius:50%;cursor:pointer;display:flex;margin-bottom:30px;padding:12px;transition:fill .25s cubic-bezier(.4,0,.2,1) .25s,background-color .25s cubic-bezier(.4,0,.2,1) .25s}.team-list-icon a:hover{fill:#fff;background-color:#2196f3}.team-list-icon{margin-right:10px}.team-icon{height:20px;width:20px}.team-icon:hover{fill:#f5f4fa}.team-list-icon:last-child{margin-right:0}@media screen and (min-width:1200px){.team img{height:260px;width:270px}}.clients-list{display:flex;justify-content:center;list-style-type:none;margin:0;padding-left:0}@media screen and (max-width:1199px){.clients-list{flex-wrap:wrap}}.clients-title{color:#000;font-size:36px;font-weight:700;letter-spacing:.03em;line-height:1.16;margin-bottom:50px;text-align:center}@media screen and (max-width:1199px){.clients-title{font-size:28px;letter-spacing:.84px;margin-bottom:30px}}@media screen and (min-width:1200px){.clients-title{font-size:36px;letter-spacing:1.08px}}.clients-item{height:90px;margin-bottom:30px;margin-right:30px}@media screen and (max-width:767px){.clients-item{width:calc(50% - 15px)}.clients-item:nth-child(2n){margin-right:0}.clients-item:nth-last-child(-n+2){margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.clients-item{width:calc(33.33333% - 20px)}.clients-item:nth-child(3n+3){margin-right:0}.clients-item:nth-last-child(-n+3){margin-bottom:0}}@media screen and (min-width:1200px){.clients-item{width:calc(16.66667% - 20px)}.clients-item:last-child{margin-right:0}.clients-item:nth-child(n+1){margin-bottom:0}}.clients-logo{fill:#afb1b8;align-items:center;border:1px solid #afb1b8;border-radius:4px;cursor:pointer;display:flex;height:100%;justify-content:center;text-align:center;transition:fill .25s cubic-bezier(.4,0,.2,1) .25s,color .25s cubic-bezier(.4,0,.2,1) .25s,border .25s cubic-bezier(.4,0,.2,1) .25s}.clients-logo:focus,.clients-logo:hover{fill:#2196f3;border:1px solid #2196f3;color:#2196f3}body{background-color:var(--white-color);color:var(--text-color);font-family:Roboto,sans-serif;padding:0}@media screen and (max-width:767px){body.modal-open{overflow:hidden}}.visually-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.container{margin:0 auto;padding-left:15px;padding-right:15px}@media screen and (min-width:480px){.container{width:480px}}@media screen and (min-width:768px){.container{width:768px}}@media screen and (min-width:1200px){.container{width:1200px}}.center{text-align:center}.hero{padding-bottom:200px;padding-top:200px}@media screen and (max-width:1199px){.hero{padding-bottom:116px;padding-top:116px}}.clients,.features,.team{padding-bottom:94px;padding-top:94px}@media screen and (max-width:1199px){.clients,.features,.team{padding-bottom:60px;padding-top:60px}}.work{padding-bottom:94px}.footer{padding-bottom:60px;padding-top:60px}h1,h2,h3,h4,h5,h6{color:var(--title-color);margin-top:0;padding:0}p{margin-top:0}a{display:block;font-style:normal;text-decoration:none}ul{list-style:none;margin:0;padding:0}img{display:block;height:auto;max-width:100%}.footer{background-color:#2f303a;text-align:center}.footer-text{color:#fff;display:block;font-size:14px;font-weight:700;letter-spacing:.03em;line-height:1.14;margin-bottom:20px;margin-top:60px}@media screen and (min-width:480px){.footer-text{margin-top:60px}}@media screen and (min-width:768px){.footer-text{margin-top:0}}.address-map{margin-top:20px}.footer-wrap{display:flex}@media screen and (min-width:1200px){.footer-wrap{justify-content:space-between}}@media screen and (min-width:768px)and (max-width:1199px){.footer-wrap{justify-content:space-around}}@media screen and (max-width:767px){.footer-wrap{flex-direction:column;justify-content:center}}@media screen and (min-width:768px){.footer .logo{margin:0 auto}}.footer-icons{margin-left:70px}@media screen and (max-width:767px){.footer-icons{margin-left:0}}@media screen and (min-width:768px){.footer-icons{margin-left:0}}.address-link,.address-map{color:#fff;display:block;font-size:14px;font-weight:400;letter-spacing:.03em;line-height:1.71;margin-bottom:9px}.no-margin{margin-bottom:0}.address-link{color:hsla(0,0%,100%,.6)}.footer-list-icon a{fill:#fff;background-color:hsla(0,0%,100%,.1);border:0;border-radius:50%;cursor:pointer;display:flex;padding:12px;transition:fill .25s cubic-bezier(.4,0,.2,1) .25s,background-color .25s cubic-bezier(.4,0,.2,1) .25s}.footer-list-icon a:hover{background-color:#2196f3;color:#fff}.footer-list-icon{margin-right:10px}.footer-list-icon:last-child{margin-right:0}.footer-icon{height:20px;width:20px}.logo-studio-footer{color:#fff}.logo-web{color:#2196f3} -/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15;tab-size:4}body{margin:0}hr{color:inherit;height:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-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:initial}::-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} -/*# sourceMappingURL=main.5a57445f.css.map*/ \ No newline at end of file diff --git a/static/css/main.5a57445f.css.map b/static/css/main.5a57445f.css.map deleted file mode 100644 index 5b4ddd4..0000000 --- a/static/css/main.5a57445f.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.5a57445f.css","mappings":"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","sources":["index.css","components/Header/Header.scss","BaseScss/variables.scss","components/Dropdown/Dropdown.scss","components/Hero/Hero.scss","components/Modal/Modal.scss","components/Features/Features.scss","components/Work/Work.scss","components/Team/Team.scss","components/Clients/Clients.scss","BaseScss/base.scss","components/Footer/Footer.scss","../node_modules/modern-normalize/modern-normalize.css"],"sourcesContent":["body {\r\n margin: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\r\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\r\n sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n monospace;\r\n}\r\n","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n// @import './../../Animal.scss';\r\n\r\n.header {\r\n // position: fixed;\r\n position: relative;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n border-bottom: 1px solid #ececec;\r\n background-color: inherit;\r\n z-index: 999;\r\n\r\n @media screen and (max-width: 767px) {\r\n padding-top: 10px;\r\n padding-bottom: 10px;\r\n }\r\n}\r\n\r\n// .header__wrap {\r\n// @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n// display: flex;\r\n// // justify-content: space-between;\r\n// align-items: center;\r\n// }\r\n// @media screen and (min-width: 1200px) {\r\n// display: flex;\r\n// align-items: center;\r\n// }\r\n// }\r\n\r\n.header__nav {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n align-items: center;\r\n }\r\n}\r\n\r\n.mobile__wrap {\r\n @media screen and (max-width: 767px) {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n display: flex;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n margin-right: 90px;\r\n }\r\n}\r\n\r\n.logo {\r\n display: inline-block;\r\n font-family: Raleway;\r\n font-weight: 700;\r\n line-height: 1.19;\r\n text-decoration: none;\r\n z-index: 70;\r\n\r\n @media screen and (min-width: 768px) {\r\n display: inline-flex;\r\n margin-right: 88px;\r\n }\r\n\r\n @media screen and (max-width: 1199px) {\r\n font-size: 24px;\r\n letter-spacing: 0.72px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n font-size: 26px;\r\n letter-spacing: 0.03em;\r\n }\r\n\r\n &__web {\r\n color: $accent-color;\r\n }\r\n\r\n &__studio {\r\n color: $black-color;\r\n }\r\n}\r\n\r\n.icon__close {\r\n position: absolute;\r\n}\r\n\r\n.margin {\r\n margin-left: auto;\r\n}\r\n\r\n.mobile__btn {\r\n // убрали все базовые стили кнопки\r\n display: inline-flex;\r\n\r\n margin: 0;\r\n padding: 0;\r\n border: none;\r\n background-color: transparent;\r\n\r\n @media screen and (min-width: 768px) {\r\n display: none;\r\n }\r\n}\r\n\r\n.mobile__btn .icon__close {\r\n display: none;\r\n}\r\n\r\n.mobile__btn.is__open .icon__close {\r\n display: block;\r\n}\r\n\r\n.mobile__btn.is__open .icon__menu {\r\n display: none;\r\n}\r\n\r\n.menu__burger {\r\n @media screen and (max-width: 767px) {\r\n // display: none;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n width: 100%;\r\n\r\n background-color: $white-color;\r\n padding: 10px;\r\n text-align: center;\r\n font-size: 20px;\r\n\r\n opacity: 0;\r\n visibility: hidden;\r\n\r\n transform: translateY(-100%);\r\n transition: 800ms cubic-bezier(0.4, 0, 0.2, 1);\r\n\r\n padding-top: 60px;\r\n padding-bottom: 60px;\r\n\r\n background: #fff;\r\n box-shadow:\r\n 0px 1px 3px 0px rgba(0, 0, 0, 0.16),\r\n 0px 2px 4px 0px rgba(0, 0, 0, 0.08),\r\n 0px 4px 8px 0px rgba(0, 0, 0, 0.04);\r\n }\r\n}\r\n\r\n.menu__burger.is__open {\r\n // display: block;\r\n opacity: 1;\r\n visibility: visible;\r\n // pointer-events: none;\r\n transform: translateY(0);\r\n}\r\n\r\n.logo__web {\r\n color: $accent-color;\r\n}\r\n\r\n.logo__studio {\r\n color: $black-color;\r\n}\r\n\r\n.logo__studio-footer {\r\n color: $white-color;\r\n}\r\n\r\n.menu__link {\r\n position: relative;\r\n padding-top: 32px;\r\n padding-bottom: 32px;\r\n\r\n font-weight: 500;\r\n font-size: 14px;\r\n line-height: 1.14;\r\n letter-spacing: 0.02em;\r\n color: var(--title-color);\r\n\r\n transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n\r\n @media screen and (max-width: 767px) {\r\n padding-top: 0;\r\n padding-bottom: 0;\r\n font-size: 14px;\r\n letter-spacing: 0.36px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n letter-spacing: 0.28px;\r\n }\r\n}\r\n\r\n.menu {\r\n display: flex;\r\n @media screen and (max-width: 767px) {\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n }\r\n}\r\n\r\n.menu__item {\r\n margin-bottom: 40px;\r\n padding-bottom: 40px;\r\n\r\n @media screen and (max-width: 767px) {\r\n padding-top: 8px;\r\n padding-bottom: 8px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n margin-bottom: 0;\r\n padding-bottom: 0;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n margin-right: 50px;\r\n }\r\n}\r\n\r\n.menu__item:last-child {\r\n margin-right: 0;\r\n\r\n @media screen and (max-width: 767px) {\r\n padding-bottom: 0;\r\n }\r\n}\r\n\r\n.menu__link.current {\r\n color: $accent-color;\r\n}\r\n\r\n.menu__link:hover,\r\n.menu__link:focus {\r\n color: $accent-color;\r\n}\r\n\r\n.menu__item {\r\n position: relative;\r\n}\r\n\r\n.current::after {\r\n display: block;\r\n position: absolute;\r\n /* display: inline-flex; */\r\n content: \"\";\r\n width: 100%;\r\n height: 3px;\r\n left: 0;\r\n bottom: 0;\r\n border: 3px solid $accent-color;\r\n /* background: #2196F3; */\r\n border-radius: 2px;\r\n\r\n @media screen and (max-width: 767px) {\r\n width: 100%;\r\n border-radius: 2px;\r\n margin-bottom: -10px;\r\n }\r\n}\r\n\r\n.menu__contacts {\r\n @media screen and (min-width: 768px) {\r\n // display: flex;\r\n // justify-content: flex-end;\r\n }\r\n // padding-top: 20px;\r\n // padding-bottom: 20px;\r\n\r\n @media screen and (max-width: 767px) {\r\n margin-top: 22px;\r\n padding-bottom: 0;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n \r\n margin-left: 106px;\r\n // margin-left: auto;\r\n \r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n align-items: center;\r\n margin-left: 260px;\r\n }\r\n}\r\n\r\n.contacts__item {\r\n // margin-bottom: 10px;\r\n @media screen and (max-width: 767px) {\r\n margin-right: 0;\r\n padding-top: 24px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n margin-right: 30px;\r\n }\r\n}\r\n\r\n.contacts__item:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.contacts__item:last-child {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.contacts__item:last-child {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.contacts__svg-envelope {\r\n display: inline-block;\r\n align-items: center;\r\n margin-right: 10px;\r\n width: 15px;\r\n height: 20px;\r\n // text-align: center;\r\n // // vertical-align: sub;\r\n // vertical-align: -35%;\r\n vertical-align: -56%;\r\n}\r\n\r\n// .contacts__svg-envelope:hover {\r\n// fill: #757575;\r\n// }\r\n\r\n.contacts__svg {\r\n display: inline-block;\r\n align-items: center;\r\n margin-right: 10px;\r\n width: 15px;\r\n height: 20px;\r\n // text-align: center;\r\n // // vertical-align: sub;\r\n // vertical-align: -35%;\r\n vertical-align: middle;\r\n}\r\n\r\n.contacts__icon {\r\n display: inline-block;\r\n align-items: center;\r\n\r\n color: #757575;\r\n fill: #212121;\r\n cursor: pointer;\r\n\r\n transition:\r\n color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n}\r\n\r\n.contacts__icon:hover,\r\n.contacts__icon:focus {\r\n fill: #2196f3;\r\n color: $accent-color;\r\n}\r\n\r\n.contacts__link {\r\n // margin-left: auto;\r\n\r\n font-weight: 500;\r\n font-size: 14px;\r\n line-height: 1.14;\r\n letter-spacing: 0.02em;\r\n\r\n color: $text-color;\r\n\r\n @media screen and (max-width: 767px) {\r\n font-size: 14px;\r\n letter-spacing: 0.36px;\r\n }\r\n}\r\n","$text-color: #757575;\r\n$title-color: #212121;\r\n$accent-color: #2196f3;\r\n$white-color: #ffffff;\r\n$black-color: #000000;\r\n$background-color: #2f303a;\r\n\r\n$mobile: 480px;\r\n$tablet: 768px;\r\n$desktop:1200px;\r\n\r\n$fullstack: #2e5bb7;\r\n$frontend: #a16ef2;\r\n$project-manager: #deb43d;\r\n$design: #e556dd;\r\n$qa-manual: #48b65e;\r\n$python: #f48f33;\r\n$java: #f34b70;\r\n$smm: #27e3c9;\r\n$data-analytics: #e3c071;\r\n$it: #36e82d;","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n\r\n.header {\r\n @media screen and (max-width: 767px) {\r\n position: relative;\r\n }\r\n}\r\n\r\n.header__wrap {\r\n // @media screen and (max-width: 767px) {\r\n // position: relative;\r\n // }\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n display: flex;\r\n // justify-content: space-between;\r\n align-items: center;\r\n }\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n align-items: center;\r\n }\r\n}\r\n\r\n.Dropdown {\r\n @media screen and (max-width: 767px) {\r\n display: flex;\r\n margin-left: auto;\r\n }\r\n}\r\n\r\n.Dropdown__menu {\r\n @media screen and (max-width: 767px) {\r\n // чтоб сделать меню на всю ширину и длину вьюпотра\r\n position: fixed;\r\n // transform: translateX(-100%);\r\n \r\n top: 0;\r\n right: 0;\r\n width: 100%;\r\n height: 100%;\r\n padding: 20px;\r\n text-align: center;\r\n background-color: $white-color;\r\n color: aliceblue;\r\n // transition: left 500ms;\r\n /* overflow: auto; */\r\n overflow: auto;\r\n // overflow-y: hidden;\r\n pointer-events: auto;\r\n \r\n \r\n }\r\n}\r\n\r\n.Dropdown__toggle {\r\n // скрыть разметку бургер меню\r\n display: none;\r\n @media screen and (max-width: 767px) {\r\n border: none;\r\n background-color: rgba(0, 0, 0, 0);\r\n @media screen and (max-width: 767px) {\r\n // показать разметку бургер меню\r\n display: block;\r\n border: none;\r\n background-color: rgba(0, 0, 0, 0);\r\n z-index: 70;\r\n }\r\n}\r\n}\r\n\r\n\r\n.Dropdown__top {\r\n margin-top: 120px;\r\n margin-bottom: 60px;\r\n}\r\n\r\n\r\n.Dropdown__top li {\r\n margin-bottom: 40px;\r\n\r\n font-size: 18px;\r\n font-weight: 500;\r\n letter-spacing: 0.36px;\r\n}\r\n\r\n.menu__item:hover {\r\n color: $accent-color;\r\n color: aqua;\r\n}\r\n\r\n\r\n.contacts__icon {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 16px;\r\n\r\n font-size: 18px;\r\n font-weight: 500;\r\n letter-spacing: 0.36px;\r\n \r\n }\r\n}\r\n\r\n\r\n","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.overlay {\r\n margin: 0 auto;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n\r\n @media screen and (max-width: 767px) {\r\n max-width: 480px;\r\n max-height: 400px;\r\n background-image:\r\n url(\"../../images/hero/bh-img-480.jpg\");\r\n @media screen and (min-device-pixel-ratio: 2),\r\n screen and (min-resolution: 192dpi),\r\n screen and (min-resolution: 2dppx) {\r\n background-image: url('../../images/hero/bh-img-480-2x.jpg');\r\n }\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n max-width: 768px;\r\n background-image:\r\n url('../../images/hero/bg-img-768.jpg');\r\n @media screen and (min-device-pixel-ratio: 2),\r\n screen and (min-resolution: 192dpi),\r\n screen and (min-resolution: 2dppx) {\r\n background-image: url('../../images/hero/bg-img-768-2x.jpg');\r\n }\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n width: 1600px;\r\n background-image:\r\n url('../../images/hero/bg-img-1200.jpg');\r\n @media screen and (min-device-pixel-ratio: 2),\r\n screen and (min-resolution: 192dpi),\r\n screen and (min-resolution: 2dppx) {\r\n background-image: url('../../images/hero/bg-img-1200-1x.jpg');\r\n }\r\n }\r\n}\r\n\r\n.hero {\r\n background-color: rgba(47, 48, 58, 0.4);\r\n font-weight: 900;\r\n font-size: 44px;\r\n line-height: 1.36;\r\n letter-spacing: 0.06em;\r\n}\r\n\r\n.hero__title {\r\n margin: 0;\r\n padding: 0;\r\n margin-bottom: 30px;\r\n margin: 0 auto;\r\n\r\n color: $white-color;\r\n font-weight: 900;\r\n font-size: 44px;\r\n line-height: 1.36;\r\n letter-spacing: 2.64px;\r\n\r\n @media screen and (max-width: 467px) {\r\n font-size: 22px;\r\n }\r\n\r\n @media screen and (min-width: 468px) and (max-width: 1199px) {\r\n max-width: 360px;\r\n font-size: 26px;\r\n line-height: 42px;\r\n letter-spacing: 1.56px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n width: 696;\r\n font-size: 44px;\r\n font-family: Roboto;\r\n line-height: 60px;\r\n letter-spacing: 2.64px;\r\n }\r\n}\r\n\r\n\r\n\r\n.btn {\r\n display: block;\r\n margin: 0 auto;\r\n margin-top: 30px;\r\n padding: 10px 32px;\r\n\r\n font-weight: 700;\r\n font-size: 16px;\r\n line-height: 1.87;\r\n letter-spacing: 0.06em;\r\n\r\n color: $white-color;\r\n\r\n background: #2196f3;\r\n border-radius: 4px;\r\n border: none;\r\n cursor: pointer;\r\n\r\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n\r\n &:hover,\r\n &:focus {\r\n background-color: #188ce8;\r\n }\r\n\r\n &__clouse {\r\n padding: 0;\r\n margin: 0;\r\n border: none;\r\n background-color: $white-color;\r\n }\r\n}","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.backdrop {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.2);\r\n\r\n transition-property: opacity;\r\n transition-duration: 250ms;\r\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n // чтоб не прокручивалась модалька\r\n overflow-y: scroll;\r\n z-index: 999;\r\n}\r\n\r\n// .backdrop.is-hidden {\r\n// opacity: 0;\r\n// /* прозрачность и спрятать модуалку */\r\n// pointer-events: none;\r\n// /* пропускать через модалку события */\r\n// }\r\n\r\n// .backdrop.is-hidden .form {\r\n// transform: translate(-50%, -50%) scale(0.9);\r\n// }\r\n\r\n.form {\r\n display: block;\r\n /* поставить по центру */\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 100%;\r\n padding: 40px;\r\n background: $white-color;\r\n box-shadow:\r\n 0px 1px 3px rgba(0, 0, 0, 0.12),\r\n 0px 1px 1px rgba(0, 0, 0, 0.14),\r\n 0px 2px 1px rgba(0, 0, 0, 0.2);\r\n border-radius: 4px;\r\n max-width: 340px;\r\n transform: translate(-50%, -50%) scale(1);\r\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);\r\n\r\n @media screen and (min-width: 478px) and (max-width: 767px) {\r\n max-width: 450px;\r\n margin-top: 93px;\r\n }\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n max-width: 450px;\r\n // margin-top: 208px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n max-width: 528px;\r\n height: auto;\r\n }\r\n}\r\n\r\n.form__icon {\r\n display: inline-block;\r\n position: absolute;\r\n top: 8px;\r\n right: 8px;\r\n padding: 4px;\r\n // width: 30px;\r\n // height: 30px;\r\n // width: 18px;\r\n // height: 18px;\r\n font-size: 60%;\r\n\r\n color: $black-color;\r\n\r\n border: 1px solid rgba(0, 0, 0, 0.1);\r\n border-radius: 50%;\r\n cursor: pointer;\r\n}\r\n\r\n.form__icon:hover,\r\n.form__icon:focus {\r\n // fill: $accent-color;\r\n color: $accent-color ;\r\n \r\n}\r\n\r\n.form__title {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 1.15;\r\n letter-spacing: 0.03em;\r\n\r\n color: #212121;\r\n\r\n @media screen and (max-width: 1199px) {\r\n font-size: 20px;\r\n line-height: 1.5;\r\n letter-spacing: 0.6px;\r\n }\r\n}\r\n// input {\r\n// margin-top: 0;\r\n// }\r\n\r\n.form__input {\r\n display: block;\r\n margin-bottom: 28px;\r\n padding-left: 12px;\r\n width: 100%;\r\n // font-size: 26px;\r\n font-size: 16px;\r\n height: 40px;\r\n cursor: pointer;\r\n}\r\n\r\n.form__input:hover,\r\n.form__input:focus,\r\ntextarea:hover,\r\ntextarea:focus {\r\n border: 1px solid $accent-color;\r\n}\r\n\r\n// button, input, optgroup, select, textarea {\r\n// font-size: 50%;\r\n// }\r\n\r\n.form textarea {\r\n padding: 12px 15px;\r\n margin-bottom: 20px;\r\n resize: none;\r\n width: 100%;\r\n cursor: pointer;\r\n width: 448px;\r\n height: 120px;\r\n font-size: 40%;\r\n\r\n // @media screen and (max-width: 767px) {\r\n // font-size: 16px;\r\n // }\r\n\r\n @media screen and (max-width: 1199px) {\r\n width: 100%;\r\n height: 120px;\r\n }\r\n}\r\n\r\n.real__checkbox {\r\n display: inline-block;\r\n /* снять все дефолтное оформление от браузера */\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n position: absolute;\r\n}\r\n\r\n.custom__checkbox {\r\n position: relative;\r\n display: inline-block;\r\n margin-right: 8px;\r\n width: 16px;\r\n height: 15px;\r\n background: $white-color;\r\n border: 1px solid $black-color;\r\n border-radius: 4px;\r\n vertical-align: middle;\r\n}\r\n\r\n.custom__checkbox::before {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) scale(0);\r\n\r\n content: '';\r\n display: inline-block;\r\n width: 16px;\r\n height: 15px;\r\n background-image: url('./../../images/icon\\ check.svg');\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n}\r\n\r\n.real__checkbox:checked + .custom__checkbox::before {\r\n transform: translate(-50%, -50%) scale(1);\r\n}\r\n\r\n.form__text,\r\n.form__link {\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 1.71;\r\n letter-spacing: 0.03em;\r\n color: #757575;\r\n\r\n @media screen and (max-width: 1199px) {\r\n font-size: 12px;\r\n letter-spacing: 0.12px;\r\n }\r\n}\r\n\r\n.form__link {\r\n margin-left: 4px;\r\n color: $accent-color;\r\n}\r\n\r\nlabel {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.form .btn {\r\n margin-top: 30px;\r\n padding-left: 55px;\r\n padding-right: 55px;\r\n}\r\n\r\n.form__link {\r\n text-decoration: underline;\r\n}\r\n","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.features-list {\r\n display: flex;\r\n @media screen and (min-width: 1200px) {\r\n justify-content: center;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n flex-wrap: wrap;\r\n }\r\n\r\n @media screen and (max-width: 767px) {\r\n flex-direction: column;\r\n }\r\n}\r\n\r\n.features .features-title {\r\n @media screen and (max-width: 1600px) {\r\n text-align: center;\r\n }\r\n}\r\n\r\n.features-item::before {\r\n display: block;\r\n content: '';\r\n height: 120px;\r\n margin-bottom: 30px;\r\n background: #f5f4fa;\r\n border-radius: 4px;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n transform: scale(1);\r\n\r\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n\r\n @media screen and (max-width: 767px) {\r\n max-width: 450px;\r\n height: 120px;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n max-width: 354px;\r\n height: 120px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n max-width: 270px;\r\n height: 120px;\r\n }\r\n}\r\n\r\n.features-item:hover:before {\r\n transform: scale(1.1);\r\n}\r\n\r\n.features-item:nth-child(1)::before {\r\n background-image: url(../../images/icon/antenna-1.svg);\r\n}\r\n\r\n.features-item:nth-child(2)::before {\r\n background-image: url(../../images/icon/clock-2.svg);\r\n}\r\n\r\n.features-item:nth-child(3)::before {\r\n background-image: url(../../images/icon/diagram-3.svg);\r\n}\r\n\r\n.features-item:nth-child(4)::before {\r\n background-image: url(../../images/icon/astronaut-4.svg);\r\n}\r\n\r\n.features-title {\r\n padding: 0;\r\n margin: 0;\r\n padding-bottom: 10px;\r\n font-weight: 700;\r\n font-size: 14px;\r\n line-height: 1.14;\r\n letter-spacing: 0.03em;\r\n text-transform: uppercase;\r\n\r\n color: var(--black-color);\r\n}\r\n\r\n.features-text {\r\n padding: 0;\r\n margin: 0;\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 1.71;\r\n letter-spacing: 0.03em;\r\n\r\n color: var(--text-color);\r\n\r\n @media screen and (max-width: 767px) {\r\n max-width: 450px;\r\n font-family: Roboto;\r\n line-height: 24px;\r\n letter-spacing: 0.42px;\r\n }\r\n}\r\n\r\n.features-item {\r\n margin-right: 30px;\r\n margin-bottom: 30px;\r\n\r\n @media screen and (max-width: 767px) {\r\n margin-right: 0;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n width: calc((100% - 1 * 30px) / 2);\r\n margin-right: 30px;\r\n }\r\n}\r\n\r\n.features-item:nth-child(2n) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.features-item:nth-child(n + 4) {\r\n @media screen and (max-width: 768px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.features-item:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.features-item:nth-child(n + 3) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.features-item:nth-child(n + 1) {\r\n @media screen and (min-width: 1200px) {\r\n margin-bottom: 0;\r\n }\r\n}","@import \"./../../BaseScss/base.scss\";\r\n@import \"./../../BaseScss/variables.scss\";\r\n\r\n.work-flex-container {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.work {\r\n @media screen and (max-width: 1199px) {\r\n display: none;\r\n }\r\n}\r\n\r\n.work-title {\r\n margin-bottom: 50px;\r\n\r\n font-weight: 700;\r\n font-size: 36px;\r\n line-height: 1.16;\r\n letter-spacing: 0.03em;\r\n\r\n color: var(--black-color);\r\n}\r\n\r\n.work-item {\r\n display: inline-block;\r\n /* width: calc((100% - 60px) / 2); */\r\n margin-right: 30px;\r\n\r\n &:last-child {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n// .work-item:last-child {\r\n// margin-right: 0;\r\n// }\r\n\r\n.work-image {\r\n transform: scale(1);\r\n\r\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n\r\n &:hover {\r\n transform: scale(1.1);\r\n }\r\n}\r\n\r\n// .work-image:hover {\r\n// transform: scale(1.1);\r\n// }","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.team-list {\r\n display: flex;\r\n justify-content: center;\r\n @media screen and (min-width: 1200px) {\r\n justify-content: center;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n flex-wrap: wrap;\r\n }\r\n\r\n @media screen and (max-width: 767px) {\r\n justify-content: center;\r\n flex-direction: column;\r\n }\r\n}\r\n\r\n.team {\r\n text-align: center;\r\n background: #f5f4fa;\r\n}\r\n\r\n.team-title {\r\n margin-bottom: 50px;\r\n\r\n font-weight: 700;\r\n font-size: 36px;\r\n line-height: 1.16;\r\n letter-spacing: 0.03em;\r\n\r\n color: var(--black-color);\r\n\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 30px;\r\n font-size: 28px;\r\n letter-spacing: 0.84px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n font-size: 36px;\r\n letter-spacing: 1.08px;\r\n }\r\n}\r\n\r\n.team-flex {\r\n display: flex;\r\n @media screen and (min-width: 1200px) {\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n justify-content: center;\r\n }\r\n\r\n @media screen and (max-width: 767px) {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n.team-item {\r\n margin-right: 30px;\r\n margin-bottom: 30px;\r\n\r\n background: $white-color;\r\n\r\n border-radius: 0px 0px 4px 4px;\r\n cursor: pointer;\r\n\r\n @media screen and (min-width: 1200px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.team-item:nth-child(n + 3) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.team-item:nth-child(2n) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.team-item:nth-child(1n) {\r\n @media screen and (max-width: 768px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.team-item:last-child {\r\n @media screen and (min-width: 1200px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.team-item:last-child {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.team-item:hover,\r\n.team-item:focus {\r\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.14),\r\n 0px 2px 1px rgba(0, 0, 0, 0.2);\r\n border-radius: 0px 0px 4px 4px;\r\n}\r\n\r\n.team-subtitle {\r\n padding-top: 30px;\r\n padding-bottom: 10px;\r\n}\r\n\r\n.team-subtitle,\r\n.team-text {\r\n font-weight: 500;\r\n font-size: 16px;\r\n line-height: 1.18;\r\n letter-spacing: 0.03em;\r\n\r\n color: $black-color;\r\n}\r\n\r\n.team-text {\r\n padding-bottom: 16px;\r\n font-weight: 400;\r\n color: $text-color;\r\n}\r\n\r\n.team-list-icon a {\r\n display: flex;\r\n padding: 12px;\r\n border: 0;\r\n border-radius: 50%;\r\n fill: #afb1b8;\r\n margin-bottom: 30px;\r\n cursor: pointer;\r\n\r\n transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n}\r\n\r\n.team-list-icon a:hover {\r\n fill: $white-color;\r\n background-color: #2196f3;\r\n}\r\n\r\n.team-list-icon {\r\n margin-right: 10px;\r\n}\r\n\r\n\r\n.team-icon {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n.team-icon:hover {\r\n fill: #f5f4fa;\r\n}\r\n\r\n// svg path:hover {\r\n// fill: #f5f4fa;\r\n// }\r\n\r\n\r\n.team-list-icon:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.team img {\r\n @media screen and (min-width: 1200px) {\r\n width: 270px;\r\n height: 260px;\r\n }\r\n}","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.clients-list {\r\n display: flex;\r\n // width: 480px;\r\n justify-content: center;\r\n\r\n list-style-type: none;\r\n margin: 0px;\r\n padding-left: 0;\r\n\r\n @media screen and (max-width: 1199px) {\r\n flex-wrap: wrap;\r\n }\r\n}\r\n\r\n// .clients {\r\n// text-align: center;\r\n// }\r\n\r\n.clients-title {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n font-weight: 700;\r\n font-size: 36px;\r\n line-height: 1.16;\r\n letter-spacing: 0.03em;\r\n\r\n color: $black-color;\r\n\r\n @media screen and (max-width: 1199px) {\r\n margin-bottom: 30px;\r\n font-size: 28px;\r\n letter-spacing: 0.84px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n font-size: 36px;\r\n letter-spacing: 1.08px;\r\n }\r\n}\r\n\r\n.clients-item {\r\n margin-right: 30px;\r\n margin-bottom: 30px;\r\n height: 90px;\r\n}\r\n\r\n .clients-item {\r\n @media screen and (max-width: 767px) {\r\n width: calc((100% - 30px) / 2);\r\n &:nth-child(2n) {\r\n margin-right: 0;\r\n }\r\n &:nth-last-child(-n + 2) {\r\n margin-bottom: 0;\r\n }\r\n }\r\n}\r\n \r\n\r\n.clients-item {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n width: calc((100% - 60px) / 3);\r\n &:nth-child(3n + 3) {\r\n margin-right: 0;\r\n }\r\n &:nth-last-child(-n + 3) {\r\n margin-bottom: 0;\r\n }\r\n }\r\n}\r\n\r\n\r\n.clients-item {\r\n @media screen and (min-width: 1200px) {\r\n width: calc((100% - 120px) / 6);\r\n &:last-child {\r\n margin-right: 0;\r\n }\r\n &:nth-child(n + 1) {\r\n margin-bottom: 0;\r\n }\r\n }\r\n}\r\n \r\n.clients-logo {\r\n display: flex;\r\n height: 100%;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n border: 1px solid #afb1b8;\r\n border-radius: 4px;\r\n\r\n fill: #afb1b8;\r\n cursor: pointer;\r\n\r\n transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n border 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n}\r\n\r\n.clients-logo:hover,\r\n.clients-logo:focus {\r\n fill: $accent-color;\r\n color: #2196f3;\r\n border: 1px solid $accent-color;\r\n}","/* Базовые настройки ------------ */\r\n\r\n// при открытии модалки убрать дергание сайт\r\n// html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {\r\n// -webkit-overflow-scrolling: touch;}\r\n// html { overflow-y: scroll !important; }\r\n\r\n// html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {\r\n// padding-right: 0 !important;\r\n// -webkit-overflow-scrolling: touch;}\r\n// html { overflow-y: scroll !important; }\r\n\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n\r\n background-color: var(--white-color);\r\n color: var(--text-color);\r\n\r\n font-family: Roboto, sans-serif;\r\n\r\n @media screen and (max-width: 767px) {\r\n // padding-top: 60px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n // padding-top: 80px;\r\n }\r\n\r\n}\r\n\r\n// * Запретить скролл под модальнім окном\r\nbody.modal-open {\r\n @media screen and (max-width: 767px) {\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n\r\n/* скрыть заголовки и части текста */\r\n.visually-hidden {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n border: 0;\r\n padding: 0;\r\n clip: rect(0 0 0 0);\r\n overflow: hidden;\r\n}\r\n\r\n// section {\r\n// outline: 2px solid red;\r\n// }\r\n\r\n/* Создание контейнера ----------- */\r\n\r\n.container {\r\n // width: 1230px;\r\n padding-left: 15px;\r\n padding-right: 15px;\r\n margin: 0 auto;\r\n\r\n @media screen and (min-width: 480px) {\r\n width: 480px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n width: 768px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n width: 1200px;\r\n }\r\n}\r\n\r\n// .flex-container {\r\n// display: flex;\r\n// justify-content: space-between;\r\n// }\r\n\r\n.center {\r\n text-align: center;\r\n}\r\n\r\n.hero {\r\n padding-top: 200px;\r\n padding-bottom: 200px;\r\n @media screen and (max-width: 1199px) {\r\n padding-top: 116px;\r\n padding-bottom: 116px;\r\n }\r\n}\r\n\r\n.features,\r\n.team,\r\n.clients {\r\n padding-top: 94px;\r\n padding-bottom: 94px;\r\n\r\n @media screen and (max-width: 1199px) {\r\n padding-top: 60px;\r\n padding-bottom: 60px;\r\n }\r\n}\r\n\r\n// .clients {\r\n// width: 480px;\r\n// }\r\n\r\n.work {\r\n padding-bottom: 94px;\r\n}\r\n\r\n.footer {\r\n padding-top: 60px;\r\n padding-bottom: 60px;\r\n}\r\n\r\n/* Личный нормализатор -------------- */\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-top: 0;\r\n padding: 0;\r\n /* padding: 0;\r\n margin: 0; */\r\n color: var(--title-color);\r\n}\r\n\r\np {\r\n margin-top: 0;\r\n /* padding: 0;\r\n margin: 0; */\r\n}\r\n\r\n/* чтоб можно было задать геометрию -------- */\r\n\r\na {\r\n display: block;\r\n text-decoration: none;\r\n font-style: normal;\r\n}\r\n\r\nul {\r\n padding: 0;\r\n margin: 0;\r\n list-style: none;\r\n}\r\n\r\n/* Зброс зазора */\r\nimg {\r\n display: block;\r\n max-width: 100%;\r\n height: auto;\r\n /* margin: 0px;\r\n padding: 0px; */\r\n}","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.footer {\r\n text-align: center;\r\n background-color: $background-color;\r\n}\r\n\r\n.footer-text {\r\n display: block;\r\n margin-bottom: 20px;\r\n margin-top: 60px;\r\n\r\n font-weight: 700;\r\n font-size: 14px;\r\n line-height: 1.14;\r\n letter-spacing: 0.03em;\r\n // text-transform: uppercase;\r\n\r\n color: $white-color;\r\n\r\n @media screen and (min-width: 480px) {\r\n margin-top: 60px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n margin-top: 0;\r\n }\r\n}\r\n\r\n.address-map {\r\n margin-top: 20px;\r\n}\r\n\r\n.footer-wrap {\r\n display: flex;\r\n @media screen and (min-width: 1200px) {\r\n justify-content: space-between;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n justify-content: space-around;\r\n }\r\n\r\n @media screen and (max-width: 767px) {\r\n justify-content: center;\r\n flex-direction: column;\r\n }\r\n}\r\n\r\n.footer .logo {\r\n @media screen and (min-width: 768px) {\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n.footer-icons {\r\n margin-left: 70px;\r\n @media screen and (max-width: 767px) {\r\n margin-left: 0;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n margin-left: 0;\r\n }\r\n}\r\n\r\n.address-map,\r\n.address-link {\r\n margin-bottom: 9px;\r\n display: block;\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 1.71;\r\n letter-spacing: 0.03em;\r\n\r\n color: $white-color;\r\n}\r\n\r\n.no-margin {\r\n margin-bottom: 0;\r\n}\r\n\r\n.address-link {\r\n color: rgba(255, 255, 255, 0.6);\r\n}\r\n\r\n.footer-list-icon a {\r\n display: flex;\r\n padding: 12px;\r\n border: 0;\r\n border-radius: 50%;\r\n /* fill: #afb1b8; */\r\n fill: $white-color;\r\n // margin-bottom: 30px;\r\n cursor: pointer;\r\n background-color: rgba(255, 255, 255, 0.1);\r\n\r\n cursor: pointer;\r\n\r\n transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n}\r\n\r\n.footer-list-icon a:hover {\r\n color: $white-color;\r\n background-color: #2196f3;\r\n}\r\n\r\n.footer-list-icon {\r\n margin-right: 10px;\r\n}\r\n\r\n.footer-list-icon:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.footer-icon {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n.logo-studio-footer {\r\n color: $white-color;\r\n}\r\n\r\n.logo-web {\r\n color: $accent-color;\r\n}","/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n::before,\n::after {\n\tbox-sizing: border-box;\n}\n\nhtml {\n\t/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */\n\tfont-family:\n\t\tsystem-ui,\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n\tline-height: 1.15; /* 1. Correct the line height in all browsers. */\n\t-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */\n\t-moz-tab-size: 4; /* 3. Use a more readable tab size (opinionated). */\n\ttab-size: 4; /* 3 */\n}\n\n/*\nSections\n========\n*/\n\nbody {\n\tmargin: 0; /* Remove the margin in all browsers. */\n}\n\n/*\nGrouping content\n================\n*/\n\n/**\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n*/\n\nhr {\n\theight: 0; /* 1 */\n\tcolor: inherit; /* 2 */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr[title] {\n\ttext-decoration: underline dotted;\n}\n\n/**\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n\tfont-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n\tfont-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n\tfont-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n\tfont-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n\tfont-size: 75%;\n\tline-height: 0;\n\tposition: relative;\n\tvertical-align: baseline;\n}\n\nsub {\n\tbottom: -0.25em;\n}\n\nsup {\n\ttop: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n*/\n\ntable {\n\ttext-indent: 0; /* 1 */\n\tborder-color: inherit; /* 2 */\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n\tfont-family: inherit; /* 1 */\n\tfont-size: 100%; /* 1 */\n\tline-height: 1.15; /* 1 */\n\tmargin: 0; /* 2 */\n}\n\n/**\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n\ttext-transform: none;\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n\t-webkit-appearance: button;\n}\n\n/**\nRemove the inner border and padding in Firefox.\n*/\n\n::-moz-focus-inner {\n\tborder-style: none;\n\tpadding: 0;\n}\n\n/**\nRestore the focus styles unset by the previous rule.\n*/\n\n:-moz-focusring {\n\toutline: 1px dotted ButtonText;\n}\n\n/**\nRemove the additional ':invalid' styles in Firefox.\nSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n*/\n\n:-moz-ui-invalid {\n\tbox-shadow: none;\n}\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n\tpadding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n\tvertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n\theight: auto;\n}\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n\t-webkit-appearance: textfield; /* 1 */\n\toutline-offset: -2px; /* 2 */\n}\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n\t-webkit-appearance: none;\n}\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n::-webkit-file-upload-button {\n\t-webkit-appearance: button; /* 1 */\n\tfont: inherit; /* 2 */\n}\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n\tdisplay: list-item;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.b4abc804.css b/static/css/main.b4abc804.css new file mode 100644 index 0000000..fb73787 --- /dev/null +++ b/static/css/main.b4abc804.css @@ -0,0 +1,4 @@ +body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace} + +/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15;tab-size:4}body{margin:0}hr{color:inherit;height:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-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:initial}::-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} +/*# sourceMappingURL=main.b4abc804.css.map*/ \ No newline at end of file diff --git a/static/css/main.b4abc804.css.map b/static/css/main.b4abc804.css.map new file mode 100644 index 0000000..29dce7e --- /dev/null +++ b/static/css/main.b4abc804.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.b4abc804.css","mappings":"AAAA,KAKE,kCAAmC,CACnC,iCAAkC,CAJlC,mIAKF,CAEA,KACE,uEAEF;;ACZA,8FAA8F,CAW9F,iBAGC,qBACD,CAEA,KAYC,6BAA8B,CAV9B,iGAQiB,CACjB,gBAAiB,CAGjB,UACD,CAOA,KACC,QACD,CAYA,GAEC,aAAc,CADd,QAED,CAWA,YACC,wCAAiC,CAAjC,gCACD,CAMA,SAEC,kBACD,CAOA,kBAIC,gFAMU,CACV,aACD,CAMA,MACC,aACD,CAMA,QAEC,aAAc,CACd,aAAc,CACd,iBAAkB,CAClB,sBACD,CAEA,IACC,aACD,CAEA,IACC,SACD,CAYA,MAEC,oBAAqB,CADrB,aAED,CAYA,sCAKC,mBAAoB,CACpB,cAAe,CACf,gBAAiB,CACjB,QACD,CAMA,cAEC,mBACD,CAMA,gDAIC,yBACD,CAMA,mBACC,iBAAkB,CAClB,SACD,CAMA,gBACC,6BACD,CAOA,iBACC,eACD,CAMA,OACC,SACD,CAMA,SACC,sBACD,CAMA,wDAEC,WACD,CAOA,cACC,4BAA6B,CAC7B,mBACD,CAMA,4BACC,uBACD,CAOA,6BACC,yBAA0B,CAC1B,YACD,CAWA,QACC,iBACD","sources":["index.css","../node_modules/modern-normalize/modern-normalize.css"],"sourcesContent":["body {\r\n margin: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\r\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\r\n sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n monospace;\r\n}\r\n","/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n::before,\n::after {\n\tbox-sizing: border-box;\n}\n\nhtml {\n\t/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */\n\tfont-family:\n\t\tsystem-ui,\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n\tline-height: 1.15; /* 1. Correct the line height in all browsers. */\n\t-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */\n\t-moz-tab-size: 4; /* 3. Use a more readable tab size (opinionated). */\n\ttab-size: 4; /* 3 */\n}\n\n/*\nSections\n========\n*/\n\nbody {\n\tmargin: 0; /* Remove the margin in all browsers. */\n}\n\n/*\nGrouping content\n================\n*/\n\n/**\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n*/\n\nhr {\n\theight: 0; /* 1 */\n\tcolor: inherit; /* 2 */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr[title] {\n\ttext-decoration: underline dotted;\n}\n\n/**\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n\tfont-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n\tfont-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n\tfont-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n\tfont-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n\tfont-size: 75%;\n\tline-height: 0;\n\tposition: relative;\n\tvertical-align: baseline;\n}\n\nsub {\n\tbottom: -0.25em;\n}\n\nsup {\n\ttop: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n*/\n\ntable {\n\ttext-indent: 0; /* 1 */\n\tborder-color: inherit; /* 2 */\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n\tfont-family: inherit; /* 1 */\n\tfont-size: 100%; /* 1 */\n\tline-height: 1.15; /* 1 */\n\tmargin: 0; /* 2 */\n}\n\n/**\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n\ttext-transform: none;\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n\t-webkit-appearance: button;\n}\n\n/**\nRemove the inner border and padding in Firefox.\n*/\n\n::-moz-focus-inner {\n\tborder-style: none;\n\tpadding: 0;\n}\n\n/**\nRestore the focus styles unset by the previous rule.\n*/\n\n:-moz-focusring {\n\toutline: 1px dotted ButtonText;\n}\n\n/**\nRemove the additional ':invalid' styles in Firefox.\nSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n*/\n\n:-moz-ui-invalid {\n\tbox-shadow: none;\n}\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n\tpadding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n\tvertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n\theight: auto;\n}\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n\t-webkit-appearance: textfield; /* 1 */\n\toutline-offset: -2px; /* 2 */\n}\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n\t-webkit-appearance: none;\n}\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n::-webkit-file-upload-button {\n\t-webkit-appearance: button; /* 1 */\n\tfont: inherit; /* 2 */\n}\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n\tdisplay: list-item;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/portfolio-page.9e2537b1.chunk.css b/static/css/portfolio-page.9e2537b1.chunk.css new file mode 100644 index 0000000..51c3a2f --- /dev/null +++ b/static/css/portfolio-page.9e2537b1.chunk.css @@ -0,0 +1,2 @@ +@media screen and (max-width:767px){.header{position:relative}}@media screen and (min-width:768px)and (max-width:1199px){.header__wrap{align-items:center;display:flex}}@media screen and (min-width:1200px){.header__wrap{align-items:center;display:flex}}@media screen and (max-width:767px){.Dropdown{display:flex;margin-left:auto}.Dropdown__menu{background-color:#fff;color:#f0f8ff;height:100%;overflow:auto;padding:20px;pointer-events:auto;position:fixed;right:0;text-align:center;top:0;width:100%}}.Dropdown__toggle{display:none}@media screen and (max-width:767px){.Dropdown__toggle{background-color:transparent;border:none}}@media screen and (max-width:767px)and (max-width:767px){.Dropdown__toggle{background-color:transparent;border:none;display:block;z-index:70}}.Dropdown__top{margin-bottom:60px;margin-top:120px}.Dropdown__top li{font-size:18px;font-weight:500;letter-spacing:.36px;margin-bottom:40px}.menu__item:hover{color:#2196f3;color:aqua}@media screen and (max-width:767px){.contacts__icon{font-size:18px;font-weight:500;letter-spacing:.36px;margin-bottom:16px}}.footer{background-color:#2f303a;text-align:center}.footer-text{color:#fff;display:block;font-size:14px;font-weight:700;letter-spacing:.03em;line-height:1.14;margin-bottom:20px;margin-top:60px}@media screen and (min-width:480px){.footer-text{margin-top:60px}}@media screen and (min-width:768px){.footer-text{margin-top:0}}.address-map{margin-top:20px}.footer-wrap{display:flex}@media screen and (min-width:1200px){.footer-wrap{justify-content:space-between}}@media screen and (min-width:768px)and (max-width:1199px){.footer-wrap{justify-content:space-around}}@media screen and (max-width:767px){.footer-wrap{flex-direction:column;justify-content:center}}@media screen and (min-width:768px){.footer .logo{margin:0 auto}}.footer-icons{margin-left:70px}@media screen and (max-width:767px){.footer-icons{margin-left:0}}@media screen and (min-width:768px){.footer-icons{margin-left:0}}.address-link,.address-map{color:#fff;display:block;font-size:14px;font-weight:400;letter-spacing:.03em;line-height:1.71;margin-bottom:9px}.no-margin{margin-bottom:0}.address-link{color:hsla(0,0%,100%,.6)}.footer-list-icon a{fill:#fff;background-color:hsla(0,0%,100%,.1);border:0;border-radius:50%;cursor:pointer;display:flex;padding:12px;transition:fill .25s cubic-bezier(.4,0,.2,1) .25s,background-color .25s cubic-bezier(.4,0,.2,1) .25s}.footer-list-icon a:hover{background-color:#2196f3;color:#fff}.footer-list-icon{margin-right:10px}.footer-list-icon:last-child{margin-right:0}.footer-icon{height:20px;width:20px}.logo-studio-footer{color:#fff}.logo-web{color:#2196f3}body{background-color:var(--white-color);color:var(--text-color);font-family:Roboto,sans-serif;margin:0;padding:0}@media screen and (max-width:767px){body.modal-open{overflow:hidden}}.visually-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.container{margin:0 auto;padding-left:15px;padding-right:15px}@media screen and (min-width:480px){.container{width:480px}}@media screen and (min-width:768px){.container{width:768px}}@media screen and (min-width:1200px){.container{width:1200px}}.center{text-align:center}.hero{padding-bottom:200px;padding-top:200px}@media screen and (max-width:1199px){.hero{padding-bottom:116px;padding-top:116px}}.clients,.features,.team{padding-bottom:94px;padding-top:94px}@media screen and (max-width:1199px){.clients,.features,.team{padding-bottom:60px;padding-top:60px}}.work{padding-bottom:94px}.footer{padding-bottom:60px;padding-top:60px}h1,h2,h3,h4,h5,h6{color:var(--title-color);margin-top:0;padding:0}p{margin-top:0}a{display:block;font-style:normal;text-decoration:none}ul{list-style:none;margin:0;padding:0}img{display:block;height:auto;max-width:100%}.allportfolio{padding-bottom:94px;padding-top:94px}.allportfolio__list{display:flex;justify-content:center;margin-bottom:50px}.allportfolio__item button{background:#f5f4fa;border:none;border-radius:4px;font-size:16px;font-weight:500;letter-spacing:.48px;line-height:1.62;padding:6px 22px}.allportfolio__item:not(:last-child){margin-right:8px}.allportfolio__item button:hover{background:#2196f3;border-radius:4px;box-shadow:0 2px 2px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.08),0 3px 1px 0 rgba(0,0,0,.1);color:#fff}.allportfolio__item2{display:flex;flex-wrap:wrap}.allportfolio__link{background:#fff;border:1px solid #eee;margin-bottom:30px;margin-right:30px}.allportfolio__link:hover{background:#fff;border:1px solid #eee;box-shadow:1px 4px 6px 0 rgba(0,0,0,.16),0 4px 4px 0 rgba(0,0,0,.06),0 1px 1px 0 rgba(0,0,0,.12)}.allportfolio__link:nth-child(3n){margin-right:0}.allportfolio__link:nth-child(n+7),.allportfolio__link:nth-child(n+9){margin-bottom:0}.allportfolio__link h2{color:#212121;font-size:18px;font-weight:700;letter-spacing:1.08px;line-height:2;margin:20px 24px 0}.allportfolio__link p{color:#757575;font-size:16px;font-weight:400;letter-spacing:.48px;line-height:1.87;margin:20px 24px}@media screen and (max-width:767px){.allportfolio__link{margin:0}.allportfolio__list{display:flex;flex-wrap:wrap;justify-content:flex-start}.allportfolio__item{margin-bottom:15px}.allportfolio__item:nth-child(n+4){margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.allportfolio__link{margin-right:30px}.allportfolio__link:nth-child(1n){margin-right:0}} +/*# sourceMappingURL=portfolio-page.9e2537b1.chunk.css.map*/ \ No newline at end of file diff --git a/static/css/portfolio-page.9e2537b1.chunk.css.map b/static/css/portfolio-page.9e2537b1.chunk.css.map new file mode 100644 index 0000000..b501615 --- /dev/null +++ b/static/css/portfolio-page.9e2537b1.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/portfolio-page.9e2537b1.chunk.css","mappings":"AAKE,oCADF,QAEI,mBAQF,0DAJF,cAOI,mBAFA,YAEA,EAEF,qCATF,cAWI,mBADA,YACA,EAKF,oCADF,UAEI,aACA,iBAIJ,gBAYI,qBCzCU,CD0CV,cAJA,YAOA,cANA,aAQA,oBAfA,eAIA,QAIA,kBALA,MAEA,UAUA,CAtBA,CA4BJ,kBAEE,aACG,oCAHL,kBAKE,6BADA,WACA,EACA,yDANF,kBAUI,6BADA,YADA,cAGA,YAMJ,eAEE,mBADA,gBACA,CAIF,kBAGE,eACA,gBACA,qBAJA,kBAIA,CAGF,kBACE,aCtFa,CDuFb,WAKE,oCADJ,gBAIE,eACA,gBACA,qBAJM,kBAIN,EEhGF,QAEE,yBADA,iBACA,CAGF,aAWE,WAVA,cAKA,eADA,gBAGA,qBADA,iBALA,mBACA,eDRY,CCkBZ,oCAbF,aAcI,iBAGF,oCAjBF,aAkBI,cAIJ,aACE,gBAGF,aACE,aACA,qCAFF,aAGI,+BAGF,0DANF,aAOE,8BAGA,oCAVF,aAYI,sBADA,sBACA,EAKF,oCADF,cAEI,eAIJ,cACE,iBACA,oCAFF,cAGI,eAGF,oCANF,cAOI,eAIJ,2BASE,WANA,cAEA,eADA,gBAGA,qBADA,iBAJA,iBDlEY,CC4Ed,WACE,gBAGF,cACE,yBAGF,oBAME,SD1FY,CC6FZ,oCANA,SACA,kBAOA,eAVA,aACA,aAWA,qGAIF,0BAEE,yBADA,UACA,CAGF,kBACE,kBAGF,6BACE,eAGF,aAEE,YADA,UACA,CAGF,oBACE,UDxHY,CC2Hd,UACE,aD7Ha,CEUf,KAIE,oCACA,wBAEA,8BANA,SACA,SAKA,CAcA,oCADF,gBAEI,iBAMJ,iBAOE,mBAFA,SAFA,WACA,YAIA,gBAFA,UALA,kBACA,SAMA,CASF,WAIE,cAFA,kBACA,kBACA,CAEA,oCANF,WAOI,aAGF,oCAVF,WAWI,aAGF,qCAdF,WAeI,cASJ,QACE,kBAGF,MAEE,qBADA,iBACA,CACA,qCAHF,MAKI,qBADA,iBACA,EAIJ,yBAIE,oBADA,gBACA,CAEA,qCANF,yBAQI,oBADA,gBACA,EAQJ,MACE,oBAGF,QAEE,oBADA,gBACA,CAKF,kBAUE,yBAJA,aACA,SAGA,CAGF,EACE,aAOF,EACE,cAEA,kBADA,oBACA,CAGF,GAGE,gBADA,SADA,SAEA,CAIF,IACE,cAEA,YADA,cACA,CC3JF,cAEE,oBADA,gBACA,CAGF,oBACE,aACA,uBACA,mBAGF,2BAWE,mBAVA,YASA,kBALA,eACA,gBAEA,qBADA,iBAJA,gBAQA,CAGF,qCACE,iBAGF,iCAGE,kBHjCa,CG+Bb,kBAIA,8FAHA,UAIE,CAKJ,qBACE,aACA,eAGF,oBAKE,gBADA,sBAFA,mBADA,iBAIA,CAGF,0BAEE,gBADA,sBAEA,gGACE,CAKJ,kCACE,eAcF,sEACI,gBAGJ,uBAGE,cAEA,eAEA,gBAEA,sBADA,cAPA,kBAQA,CAGF,sBAEE,cACA,eAEA,gBAEA,qBADA,iBALA,gBAMA,CAQA,oCADF,oBAEI,SAIJ,oBAEI,aACA,eACA,2BAIJ,oBAEI,mBAIJ,mCAEI,gBApBA,CA0BA,0DADJ,oBAEQ,kBAIR,kCAEQ,eANA","sources":["components/Dropdown/Dropdown.scss","BaseScss/variables.scss","components/Footer/Footer.scss","BaseScss/base.scss","components/PagePortfolio/AllPortfolio/AllPortfolio.scss"],"sourcesContent":["@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n\r\n.header {\r\n @media screen and (max-width: 767px) {\r\n position: relative;\r\n }\r\n}\r\n\r\n.header__wrap {\r\n // @media screen and (max-width: 767px) {\r\n // position: relative;\r\n // }\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n display: flex;\r\n // justify-content: space-between;\r\n align-items: center;\r\n }\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n align-items: center;\r\n }\r\n}\r\n\r\n.Dropdown {\r\n @media screen and (max-width: 767px) {\r\n display: flex;\r\n margin-left: auto;\r\n }\r\n}\r\n\r\n.Dropdown__menu {\r\n @media screen and (max-width: 767px) {\r\n // чтоб сделать меню на всю ширину и длину вьюпотра\r\n position: fixed;\r\n // transform: translateX(-100%);\r\n \r\n top: 0;\r\n right: 0;\r\n width: 100%;\r\n height: 100%;\r\n padding: 20px;\r\n text-align: center;\r\n background-color: $white-color;\r\n color: aliceblue;\r\n // transition: left 500ms;\r\n /* overflow: auto; */\r\n overflow: auto;\r\n // overflow-y: hidden;\r\n pointer-events: auto;\r\n \r\n \r\n }\r\n}\r\n\r\n.Dropdown__toggle {\r\n // скрыть разметку бургер меню\r\n display: none;\r\n @media screen and (max-width: 767px) {\r\n border: none;\r\n background-color: rgba(0, 0, 0, 0);\r\n @media screen and (max-width: 767px) {\r\n // показать разметку бургер меню\r\n display: block;\r\n border: none;\r\n background-color: rgba(0, 0, 0, 0);\r\n z-index: 70;\r\n }\r\n}\r\n}\r\n\r\n\r\n.Dropdown__top {\r\n margin-top: 120px;\r\n margin-bottom: 60px;\r\n}\r\n\r\n\r\n.Dropdown__top li {\r\n margin-bottom: 40px;\r\n\r\n font-size: 18px;\r\n font-weight: 500;\r\n letter-spacing: 0.36px;\r\n}\r\n\r\n.menu__item:hover {\r\n color: $accent-color;\r\n color: aqua;\r\n}\r\n\r\n\r\n.contacts__icon {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 16px;\r\n\r\n font-size: 18px;\r\n font-weight: 500;\r\n letter-spacing: 0.36px;\r\n \r\n }\r\n}\r\n\r\n","$text-color: #757575;\r\n$title-color: #212121;\r\n$accent-color: #2196f3;\r\n$white-color: #ffffff;\r\n$black-color: #000000;\r\n$background-color: #2f303a;\r\n\r\n$mobile: 480px;\r\n$tablet: 768px;\r\n$desktop:1200px;\r\n\r\n$fullstack: #2e5bb7;\r\n$frontend: #a16ef2;\r\n$project-manager: #deb43d;\r\n$design: #e556dd;\r\n$qa-manual: #48b65e;\r\n$python: #f48f33;\r\n$java: #f34b70;\r\n$smm: #27e3c9;\r\n$data-analytics: #e3c071;\r\n$it: #36e82d;","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.footer {\r\n text-align: center;\r\n background-color: $background-color;\r\n}\r\n\r\n.footer-text {\r\n display: block;\r\n margin-bottom: 20px;\r\n margin-top: 60px;\r\n\r\n font-weight: 700;\r\n font-size: 14px;\r\n line-height: 1.14;\r\n letter-spacing: 0.03em;\r\n // text-transform: uppercase;\r\n\r\n color: $white-color;\r\n\r\n @media screen and (min-width: 480px) {\r\n margin-top: 60px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n margin-top: 0;\r\n }\r\n}\r\n\r\n.address-map {\r\n margin-top: 20px;\r\n}\r\n\r\n.footer-wrap {\r\n display: flex;\r\n @media screen and (min-width: 1200px) {\r\n justify-content: space-between;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n justify-content: space-around;\r\n }\r\n\r\n @media screen and (max-width: 767px) {\r\n justify-content: center;\r\n flex-direction: column;\r\n }\r\n}\r\n\r\n.footer .logo {\r\n @media screen and (min-width: 768px) {\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n.footer-icons {\r\n margin-left: 70px;\r\n @media screen and (max-width: 767px) {\r\n margin-left: 0;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n margin-left: 0;\r\n }\r\n}\r\n\r\n.address-map,\r\n.address-link {\r\n margin-bottom: 9px;\r\n display: block;\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 1.71;\r\n letter-spacing: 0.03em;\r\n\r\n color: $white-color;\r\n}\r\n\r\n.no-margin {\r\n margin-bottom: 0;\r\n}\r\n\r\n.address-link {\r\n color: rgba(255, 255, 255, 0.6);\r\n}\r\n\r\n.footer-list-icon a {\r\n display: flex;\r\n padding: 12px;\r\n border: 0;\r\n border-radius: 50%;\r\n /* fill: #afb1b8; */\r\n fill: $white-color;\r\n // margin-bottom: 30px;\r\n cursor: pointer;\r\n background-color: rgba(255, 255, 255, 0.1);\r\n\r\n cursor: pointer;\r\n\r\n transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n}\r\n\r\n.footer-list-icon a:hover {\r\n color: $white-color;\r\n background-color: #2196f3;\r\n}\r\n\r\n.footer-list-icon {\r\n margin-right: 10px;\r\n}\r\n\r\n.footer-list-icon:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.footer-icon {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n.logo-studio-footer {\r\n color: $white-color;\r\n}\r\n\r\n.logo-web {\r\n color: $accent-color;\r\n}","/* Базовые настройки ------------ */\r\n\r\n// при открытии модалки убрать дергание сайт\r\n// html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {\r\n// -webkit-overflow-scrolling: touch;}\r\n// html { overflow-y: scroll !important; }\r\n\r\n// html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {\r\n// padding-right: 0 !important;\r\n// -webkit-overflow-scrolling: touch;}\r\n// html { overflow-y: scroll !important; }\r\n\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n\r\n background-color: var(--white-color);\r\n color: var(--text-color);\r\n\r\n font-family: Roboto, sans-serif;\r\n\r\n @media screen and (max-width: 767px) {\r\n // padding-top: 60px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n // padding-top: 80px;\r\n }\r\n\r\n}\r\n\r\n// * Запретить скролл под модальнім окном\r\nbody.modal-open {\r\n @media screen and (max-width: 767px) {\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n\r\n/* скрыть заголовки и части текста */\r\n.visually-hidden {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n border: 0;\r\n padding: 0;\r\n clip: rect(0 0 0 0);\r\n overflow: hidden;\r\n}\r\n\r\n// section {\r\n// outline: 2px solid red;\r\n// }\r\n\r\n/* Создание контейнера ----------- */\r\n\r\n.container {\r\n // width: 1230px;\r\n padding-left: 15px;\r\n padding-right: 15px;\r\n margin: 0 auto;\r\n\r\n @media screen and (min-width: 480px) {\r\n width: 480px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n width: 768px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n width: 1200px;\r\n }\r\n}\r\n\r\n// .flex-container {\r\n// display: flex;\r\n// justify-content: space-between;\r\n// }\r\n\r\n.center {\r\n text-align: center;\r\n}\r\n\r\n.hero {\r\n padding-top: 200px;\r\n padding-bottom: 200px;\r\n @media screen and (max-width: 1199px) {\r\n padding-top: 116px;\r\n padding-bottom: 116px;\r\n }\r\n}\r\n\r\n.features,\r\n.team,\r\n.clients {\r\n padding-top: 94px;\r\n padding-bottom: 94px;\r\n\r\n @media screen and (max-width: 1199px) {\r\n padding-top: 60px;\r\n padding-bottom: 60px;\r\n }\r\n}\r\n\r\n// .clients {\r\n// width: 480px;\r\n// }\r\n\r\n.work {\r\n padding-bottom: 94px;\r\n}\r\n\r\n.footer {\r\n padding-top: 60px;\r\n padding-bottom: 60px;\r\n}\r\n\r\n/* Личный нормализатор -------------- */\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-top: 0;\r\n padding: 0;\r\n /* padding: 0;\r\n margin: 0; */\r\n color: var(--title-color);\r\n}\r\n\r\np {\r\n margin-top: 0;\r\n /* padding: 0;\r\n margin: 0; */\r\n}\r\n\r\n/* чтоб можно было задать геометрию -------- */\r\n\r\na {\r\n display: block;\r\n text-decoration: none;\r\n font-style: normal;\r\n}\r\n\r\nul {\r\n padding: 0;\r\n margin: 0;\r\n list-style: none;\r\n}\r\n\r\n/* Зброс зазора */\r\nimg {\r\n display: block;\r\n max-width: 100%;\r\n height: auto;\r\n /* margin: 0px;\r\n padding: 0px; */\r\n}","@import './../../../BaseScss/base.scss';\r\n@import './../../../BaseScss/variables.scss';\r\n\r\n.allportfolio {\r\n padding-top: 94px;\r\n padding-bottom: 94px;\r\n}\r\n\r\n.allportfolio__list {\r\n display: flex;\r\n justify-content: center;\r\n margin-bottom: 50px;\r\n}\r\n\r\n.allportfolio__item button {\r\n border: none;\r\n // column-gap: 8px;\r\n padding: 6px 22px;\r\n\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 1.62; /* 162.5% */\r\n letter-spacing: 0.48px;\r\n\r\n border-radius: 4px;\r\n background: #f5f4fa;\r\n}\r\n\r\n.allportfolio__item:not(:last-child) {\r\n margin-right: 8px;\r\n}\r\n\r\n.allportfolio__item button:hover {\r\n border-radius: 4px;\r\n color: $white-color;\r\n background: $accent-color;\r\n /* shadow-middle */\r\n box-shadow:\r\n 0px 2px 2px 0px rgba(0, 0, 0, 0.12),\r\n 0px 1px 2px 0px rgba(0, 0, 0, 0.08),\r\n 0px 3px 1px 0px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.allportfolio__item2 {\r\n display: flex;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.allportfolio__link {\r\n margin-right: 30px;\r\n margin-bottom: 30px;\r\n\r\n border: 1px solid #eee;\r\n background: #fff;\r\n}\r\n\r\n.allportfolio__link:hover {\r\n border: 1px solid #eee;\r\n background: #fff;\r\n box-shadow:\r\n 1px 4px 6px 0px rgba(0, 0, 0, 0.16),\r\n 0px 4px 4px 0px rgba(0, 0, 0, 0.06),\r\n 0px 1px 1px 0px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n.allportfolio__link:nth-child(3n) {\r\n margin-right: 0;\r\n}\r\n\r\n.allportfolio__link:nth-child(n + 7) {\r\n margin-bottom: 0;\r\n}\r\n\r\n// Tablet version\r\n.allportfolio__link:nth-child(1n) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.allportfolio__link:nth-child(n + 9) {\r\n margin-bottom: 0;\r\n }\r\n\r\n.allportfolio__link h2 {\r\n margin: 20px 24px 0;\r\n\r\n color: #212121;\r\n\r\n font-size: 18px;\r\n\r\n font-weight: 700;\r\n line-height: 2; /* 200% */\r\n letter-spacing: 1.08px;\r\n}\r\n\r\n.allportfolio__link p {\r\n margin: 20px 24px;\r\n color: #757575;\r\n font-size: 16px;\r\n\r\n font-weight: 400;\r\n line-height: 1.87; /* 187.5% */\r\n letter-spacing: 0.48px;\r\n}\r\n\r\n// .allportfolio__link a {\r\n// text-decoration: none;\r\n// }\r\n\r\n.allportfolio__link {\r\n @media screen and (max-width: 767px) {\r\n margin: 0;\r\n }\r\n}\r\n\r\n.allportfolio__list {\r\n @media screen and (max-width: 767px) {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: flex-start;\r\n }\r\n}\r\n\r\n.allportfolio__item {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 15px;\r\n }\r\n}\r\n\r\n.allportfolio__item:nth-child(n + 4) {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n// Tablet version\r\n.allportfolio__link {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-right: 30px;\r\n }\r\n}\r\n\r\n.allportfolio__link:nth-child(1n) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-right: 0;\r\n \r\n }\r\n}\r\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/178.9fc46fef.chunk.js b/static/js/178.9fc46fef.chunk.js new file mode 100644 index 0000000..1c75355 --- /dev/null +++ b/static/js/178.9fc46fef.chunk.js @@ -0,0 +1,2 @@ +"use strict";(self.webpackChunkwebstudio_01=self.webpackChunkwebstudio_01||[]).push([[178],{2193:function(A,e,a){a.d(e,{r:function(){return n}});var t,l=a(2791),r=["title","titleId"];function i(){return i=Object.assign?Object.assign.bind():function(A){for(var e=1;e=0||(l[a]=A[a]);return l}(A,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(A);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(A,a)&&(l[a]=A[a])}return l}function c(A,e){var a=A.title,c=A.titleId,n=s(A,r);return l.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg",width:16,height:12,ref:e,"aria-labelledby":c},n),a?l.createElement("title",{id:c},a):null,t||(t=l.createElement("path",{d:"M14.5 0h-13C.673 0 0 .673 0 1.5v9c0 .827.673 1.5 1.5 1.5h13c.827 0 1.5-.673 1.5-1.5v-9c0-.827-.673-1.5-1.5-1.5Zm0 1c.068 0 .133.014.192.039L8 6.839l-6.692-5.8A.498.498 0 0 1 1.5 1h13Zm0 10h-13a.5.5 0 0 1-.5-.5V2.095l6.672 5.783a.5.5 0 0 0 .656 0L15 2.095V10.5a.5.5 0 0 1-.5.5Z"})))}var n=l.forwardRef(c);a.p},6879:function(A,e,a){a.d(e,{r:function(){return E}});var t,l,r=a(2791),i=["title","titleId"];function s(){return s=Object.assign?Object.assign.bind():function(A){for(var e=1;e=0||(l[a]=A[a]);return l}(A,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(A);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(A,a)&&(l[a]=A[a])}return l}function n(A,e){var a=A.title,n=A.titleId,E=c(A,i);return r.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,ref:e,"aria-labelledby":n},E),a?r.createElement("title",{id:n},a):null,t||(t=r.createElement("g",{clipPath:"url(#a)"},r.createElement("path",{d:"M13.33 3.32h1.827V.14a23.576 23.576 0 0 0-2.66-.14C9.864 0 8.06 1.656 8.06 4.7v2.8H5.156v3.555H8.06V20h3.562v-8.944h2.787l.443-3.555h-3.231V5.05c0-1.027.277-1.73 1.709-1.73Z"}))),l||(l=r.createElement("defs",null,r.createElement("clipPath",{id:"a"},r.createElement("path",{fill:"#fff",d:"M0 0h20v20H0z"})))))}var E=r.forwardRef(n);a.p},7462:function(A,e,a){a.d(e,{r:function(){return E}});var t,l,r=a(2791),i=["title","titleId"];function s(){return s=Object.assign?Object.assign.bind():function(A){for(var e=1;e=0||(l[a]=A[a]);return l}(A,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(A);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(A,a)&&(l[a]=A[a])}return l}function n(A,e){var a=A.title,n=A.titleId,E=c(A,i);return r.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,ref:e,"aria-labelledby":n},E),a?r.createElement("title",{id:n},a):null,t||(t=r.createElement("g",{clipPath:"url(#a)"},r.createElement("path",{d:"M19.98 5.88c-.046-1.063-.218-1.793-.464-2.426a4.88 4.88 0 0 0-1.157-1.774 4.922 4.922 0 0 0-1.77-1.153C15.952.281 15.226.11 14.163.063 13.093.012 12.753 0 10.037 0 7.322 0 6.982.012 5.915.059 4.853.105 4.122.277 3.49.523A4.88 4.88 0 0 0 1.715 1.68 4.924 4.924 0 0 0 .563 3.45C.316 4.087.145 4.813.098 5.876c-.051 1.07-.063 1.41-.063 4.126 0 2.715.012 3.055.059 4.122.047 1.063.219 1.793.465 2.426a4.932 4.932 0 0 0 1.156 1.774c.5.508 1.106.902 1.77 1.152.637.247 1.364.419 2.426.465 1.067.047 1.407.059 4.122.059 2.716 0 3.056-.012 4.122-.059 1.063-.046 1.793-.218 2.426-.464a5.116 5.116 0 0 0 2.927-2.927c.246-.637.418-1.364.465-2.426.047-1.067.058-1.407.058-4.122s-.004-3.055-.05-4.122Zm-1.8 8.166c-.044.977-.208 1.504-.344 1.856a3.318 3.318 0 0 1-1.9 1.898c-.35.137-.882.301-1.855.344-1.055.047-1.371.059-4.04.059-2.668 0-2.989-.012-4.04-.059-.977-.043-1.504-.207-1.856-.344a3.077 3.077 0 0 1-1.148-.746 3.11 3.11 0 0 1-.747-1.148c-.136-.352-.3-.883-.343-1.856-.047-1.055-.059-1.372-.059-4.04 0-2.669.012-2.99.059-4.04.043-.977.207-1.504.343-1.856A3.04 3.04 0 0 1 3 2.965a3.105 3.105 0 0 1 1.15-.746c.35-.137.882-.3 1.855-.344 1.055-.046 1.372-.058 4.04-.058 2.672 0 2.989.012 4.04.058.977.043 1.504.207 1.856.344.433.16.828.414 1.148.746.332.325.586.715.747 1.15.136.35.3.882.343 1.855.047 1.055.059 1.371.059 4.04 0 2.668-.012 2.98-.059 4.036Z"}),r.createElement("path",{d:"M10.037 4.864A5.139 5.139 0 0 0 4.9 10.002a5.139 5.139 0 0 0 10.276 0 5.139 5.139 0 0 0-5.138-5.138Zm0 8.47a3.333 3.333 0 1 1 .001-6.666 3.333 3.333 0 0 1 0 6.667ZM16.578 4.661a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0Z"}))),l||(l=r.createElement("defs",null,r.createElement("clipPath",{id:"a"},r.createElement("path",{fill:"#fff",d:"M0 0h20v20H0z"})))))}var E=r.forwardRef(n);a.p},4946:function(A,e,a){a.d(e,{r:function(){return E}});var t,l,r=a(2791),i=["title","titleId"];function s(){return s=Object.assign?Object.assign.bind():function(A){for(var e=1;e=0||(l[a]=A[a]);return l}(A,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(A);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(A,a)&&(l[a]=A[a])}return l}function n(A,e){var a=A.title,n=A.titleId,E=c(A,i);return r.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,ref:e,"aria-labelledby":n},E),a?r.createElement("title",{id:n},a):null,t||(t=r.createElement("g",{clipPath:"url(#a)"},r.createElement("path",{d:"M19.995 20H20v-7.336c0-3.588-.772-6.352-4.967-6.352-2.017 0-3.37 1.106-3.923 2.156h-.058V6.647H7.074v13.352h4.142v-6.611c0-1.741.33-3.425 2.486-3.425 2.124 0 2.156 1.987 2.156 3.536V20h4.137ZM.33 6.647h4.147V20H.33V6.647ZM2.402 0A2.402 2.402 0 0 0 0 2.402c0 1.325 1.076 2.424 2.402 2.424 1.325 0 2.401-1.098 2.401-2.424A2.403 2.403 0 0 0 2.402 0Z"}))),l||(l=r.createElement("defs",null,r.createElement("clipPath",{id:"a"},r.createElement("path",{fill:"#fff",d:"M0 0h20v20H0z"})))))}var E=r.forwardRef(n);a.p},9022:function(A,e,a){a.d(e,{r:function(){return n}});var t,l=a(2791),r=["title","titleId"];function i(){return i=Object.assign?Object.assign.bind():function(A){for(var e=1;e=0||(l[a]=A[a]);return l}(A,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(A);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(A,a)&&(l[a]=A[a])}return l}function c(A,e){var a=A.title,c=A.titleId,n=s(A,r);return l.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg",width:10,height:16,ref:e,"aria-labelledby":c},n),a?l.createElement("title",{id:c},a):null,t||(t=l.createElement("g",null,l.createElement("path",{d:"M8.5 0h-7C.673 0 0 .673 0 1.5v13c0 .827.673 1.5 1.5 1.5h7c.827 0 1.5-.673 1.5-1.5v-13C10 .673 9.327 0 8.5 0Zm-7 1h7a.5.5 0 0 1 .5.5V12H1V1.5a.5.5 0 0 1 .5-.5Zm7 14h-7a.5.5 0 0 1-.5-.5V13h8v1.5a.5.5 0 0 1-.5.5Z"}),l.createElement("path",{d:"M2.354 13.739a.445.445 0 0 1 0 .66.525.525 0 0 1-.708 0 .445.445 0 0 1 0-.66.525.525 0 0 1 .708 0Z"}))))}var n=l.forwardRef(c);a.p},8518:function(A,e,a){a.d(e,{r:function(){return E}});var t,l,r=a(2791),i=["title","titleId"];function s(){return s=Object.assign?Object.assign.bind():function(A){for(var e=1;e=0||(l[a]=A[a]);return l}(A,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(A);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(A,a)&&(l[a]=A[a])}return l}function n(A,e){var a=A.title,n=A.titleId,E=c(A,i);return r.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,ref:e,"aria-labelledby":n},E),a?r.createElement("title",{id:n},a):null,t||(t=r.createElement("g",{clipPath:"url(#a)"},r.createElement("path",{d:"M20 3.799a8.549 8.549 0 0 1-2.363.647 4.077 4.077 0 0 0 1.804-2.266 8.192 8.192 0 0 1-2.6.992A4.099 4.099 0 0 0 9.75 5.976c0 .325.027.638.095.935-3.409-.166-6.425-1.8-8.451-4.288A4.128 4.128 0 0 0 .83 4.694c0 1.42.732 2.679 1.821 3.407A4.05 4.05 0 0 1 .8 7.597v.045a4.119 4.119 0 0 0 3.285 4.03 4.09 4.09 0 0 1-1.075.134c-.262 0-.527-.015-.776-.07.531 1.624 2.038 2.818 3.831 2.856a8.238 8.238 0 0 1-5.084 1.75A7.67 7.67 0 0 1 0 16.284a11.543 11.543 0 0 0 6.29 1.84c7.545 0 11.67-6.25 11.67-11.668 0-.18-.006-.356-.015-.53A8.179 8.179 0 0 0 20 3.8Z"}))),l||(l=r.createElement("defs",null,r.createElement("clipPath",{id:"a"},r.createElement("path",{fill:"#fff",d:"M0 0h20v20H0z"})))))}var E=r.forwardRef(n);a.p},3455:function(A,e,a){a.d(e,{Z:function(){return f}});var t,l=a(5671),r=a(3144),i=a(136),s=a(516),c=a(2791),n=a(1087),E=["title","titleId"];function p(){return p=Object.assign?Object.assign.bind():function(A){for(var e=1;e=0||(l[a]=A[a]);return l}(A,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(A);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(A,a)&&(l[a]=A[a])}return l}function d(A,e){var a=A.title,l=A.titleId,r=o(A,E);return c.createElement("svg",p({width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:e,"aria-labelledby":l},r),a?c.createElement("title",{id:l},a):null,t||(t=c.createElement("g",{id:"close_40px"},c.createElement("path",{id:"icon/navigation/close_24px",d:"M29.6667 12.88L27.7867 11L20.3333 18.4533L12.88 11L11 12.88L18.4533 20.3333L11 27.7867L12.88 29.6667L20.3333 22.2133L27.7867 29.6667L29.6667 27.7867L22.2133 20.3333L29.6667 12.88Z",fill:"#212121"}))))}var x,B=c.forwardRef(d),j=(a.p,["title","titleId"]);function Q(){return Q=Object.assign?Object.assign.bind():function(A){for(var e=1;e=0||(l[a]=A[a]);return l}(A,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(A);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(A,a)&&(l[a]=A[a])}return l}function m(A,e){var a=A.title,t=A.titleId,l=g(A,j);return c.createElement("svg",Q({width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:e,"aria-labelledby":t},l),a?c.createElement("title",{id:t},a):null,x||(x=c.createElement("g",{id:"menu_40px"},c.createElement("path",{id:"icon/navigation/menu_24px",fillRule:"evenodd",clipRule:"evenodd",d:"M8 14.6667V12H32V14.6667H8ZM8 21.3333H32V18.6667H8V21.3333ZM8 28H32V25.3333H8V28Z",fill:"black"}))))}var u=c.forwardRef(m),V=(a.p,a(2193)),b=a(9022),R=a(184),S=function(A){(0,i.Z)(a,A);var e=(0,s.Z)(a);function a(){var A;(0,l.Z)(this,a);for(var t=arguments.length,r=new Array(t),i=0;i= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgEnvelopehover(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 16,\n height: 12,\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.5 0h-13C.673 0 0 .673 0 1.5v9c0 .827.673 1.5 1.5 1.5h13c.827 0 1.5-.673 1.5-1.5v-9c0-.827-.673-1.5-1.5-1.5Zm0 1c.068 0 .133.014.192.039L8 6.839l-6.692-5.8A.498.498 0 0 1 1.5 1h13Zm0 10h-13a.5.5 0 0 1-.5-.5V2.095l6.672 5.783a.5.5 0 0 0 .656 0L15 2.095V10.5a.5.5 0 0 1-.5.5Z\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgEnvelopehover);\nexport default __webpack_public_path__ + \"static/media/envelope (hover).7ea661f9c6285234170d61aa27c65f78.svg\";\nexport { ForwardRef as ReactComponent };","var _g, _defs;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgFacebook1(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 20,\n height: 20,\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#a)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13.33 3.32h1.827V.14a23.576 23.576 0 0 0-2.66-.14C9.864 0 8.06 1.656 8.06 4.7v2.8H5.156v3.555H8.06V20h3.562v-8.944h2.787l.443-3.555h-3.231V5.05c0-1.027.277-1.73 1.709-1.73Z\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"a\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M0 0h20v20H0z\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgFacebook1);\nexport default __webpack_public_path__ + \"static/media/facebook 1.cbbb00521a6bbbc473f5841bcb8259c2.svg\";\nexport { ForwardRef as ReactComponent };","var _g, _defs;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgInstagram2(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 20,\n height: 20,\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#a)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.98 5.88c-.046-1.063-.218-1.793-.464-2.426a4.88 4.88 0 0 0-1.157-1.774 4.922 4.922 0 0 0-1.77-1.153C15.952.281 15.226.11 14.163.063 13.093.012 12.753 0 10.037 0 7.322 0 6.982.012 5.915.059 4.853.105 4.122.277 3.49.523A4.88 4.88 0 0 0 1.715 1.68 4.924 4.924 0 0 0 .563 3.45C.316 4.087.145 4.813.098 5.876c-.051 1.07-.063 1.41-.063 4.126 0 2.715.012 3.055.059 4.122.047 1.063.219 1.793.465 2.426a4.932 4.932 0 0 0 1.156 1.774c.5.508 1.106.902 1.77 1.152.637.247 1.364.419 2.426.465 1.067.047 1.407.059 4.122.059 2.716 0 3.056-.012 4.122-.059 1.063-.046 1.793-.218 2.426-.464a5.116 5.116 0 0 0 2.927-2.927c.246-.637.418-1.364.465-2.426.047-1.067.058-1.407.058-4.122s-.004-3.055-.05-4.122Zm-1.8 8.166c-.044.977-.208 1.504-.344 1.856a3.318 3.318 0 0 1-1.9 1.898c-.35.137-.882.301-1.855.344-1.055.047-1.371.059-4.04.059-2.668 0-2.989-.012-4.04-.059-.977-.043-1.504-.207-1.856-.344a3.077 3.077 0 0 1-1.148-.746 3.11 3.11 0 0 1-.747-1.148c-.136-.352-.3-.883-.343-1.856-.047-1.055-.059-1.372-.059-4.04 0-2.669.012-2.99.059-4.04.043-.977.207-1.504.343-1.856A3.04 3.04 0 0 1 3 2.965a3.105 3.105 0 0 1 1.15-.746c.35-.137.882-.3 1.855-.344 1.055-.046 1.372-.058 4.04-.058 2.672 0 2.989.012 4.04.058.977.043 1.504.207 1.856.344.433.16.828.414 1.148.746.332.325.586.715.747 1.15.136.35.3.882.343 1.855.047 1.055.059 1.371.059 4.04 0 2.668-.012 2.98-.059 4.036Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.037 4.864A5.139 5.139 0 0 0 4.9 10.002a5.139 5.139 0 0 0 10.276 0 5.139 5.139 0 0 0-5.138-5.138Zm0 8.47a3.333 3.333 0 1 1 .001-6.666 3.333 3.333 0 0 1 0 6.667ZM16.578 4.661a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0Z\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"a\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M0 0h20v20H0z\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgInstagram2);\nexport default __webpack_public_path__ + \"static/media/instagram 2.f934ec83e8c9896883d1a65616c5b313.svg\";\nexport { ForwardRef as ReactComponent };","var _g, _defs;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgLinkedin1(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 20,\n height: 20,\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#a)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.995 20H20v-7.336c0-3.588-.772-6.352-4.967-6.352-2.017 0-3.37 1.106-3.923 2.156h-.058V6.647H7.074v13.352h4.142v-6.611c0-1.741.33-3.425 2.486-3.425 2.124 0 2.156 1.987 2.156 3.536V20h4.137ZM.33 6.647h4.147V20H.33V6.647ZM2.402 0A2.402 2.402 0 0 0 0 2.402c0 1.325 1.076 2.424 2.402 2.424 1.325 0 2.401-1.098 2.401-2.424A2.403 2.403 0 0 0 2.402 0Z\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"a\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M0 0h20v20H0z\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgLinkedin1);\nexport default __webpack_public_path__ + \"static/media/linkedin 1.e9b1662199ad87faebe0e93bf043007b.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgSmartphone(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 10,\n height: 16,\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8.5 0h-7C.673 0 0 .673 0 1.5v13c0 .827.673 1.5 1.5 1.5h7c.827 0 1.5-.673 1.5-1.5v-13C10 .673 9.327 0 8.5 0Zm-7 1h7a.5.5 0 0 1 .5.5V12H1V1.5a.5.5 0 0 1 .5-.5Zm7 14h-7a.5.5 0 0 1-.5-.5V13h8v1.5a.5.5 0 0 1-.5.5Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M2.354 13.739a.445.445 0 0 1 0 .66.525.525 0 0 1-.708 0 .445.445 0 0 1 0-.66.525.525 0 0 1 .708 0Z\"\n }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgSmartphone);\nexport default __webpack_public_path__ + \"static/media/smartphone.990c6aaa6fa0a4a5ef1667ccb7ea8f93.svg\";\nexport { ForwardRef as ReactComponent };","var _g, _defs;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgTwitter1(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 20,\n height: 20,\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#a)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20 3.799a8.549 8.549 0 0 1-2.363.647 4.077 4.077 0 0 0 1.804-2.266 8.192 8.192 0 0 1-2.6.992A4.099 4.099 0 0 0 9.75 5.976c0 .325.027.638.095.935-3.409-.166-6.425-1.8-8.451-4.288A4.128 4.128 0 0 0 .83 4.694c0 1.42.732 2.679 1.821 3.407A4.05 4.05 0 0 1 .8 7.597v.045a4.119 4.119 0 0 0 3.285 4.03 4.09 4.09 0 0 1-1.075.134c-.262 0-.527-.015-.776-.07.531 1.624 2.038 2.818 3.831 2.856a8.238 8.238 0 0 1-5.084 1.75A7.67 7.67 0 0 1 0 16.284a11.543 11.543 0 0 0 6.29 1.84c7.545 0 11.67-6.25 11.67-11.668 0-.18-.006-.356-.015-.53A8.179 8.179 0 0 0 20 3.8Z\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"a\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M0 0h20v20H0z\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgTwitter1);\nexport default __webpack_public_path__ + \"static/media/twitter 1.43f66723edbd957037479631171c7258.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgClose40Px(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 40,\n height: 40,\n viewBox: \"0 0 40 40\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"close_40px\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"icon/navigation/close_24px\",\n d: \"M29.6667 12.88L27.7867 11L20.3333 18.4533L12.88 11L11 12.88L18.4533 20.3333L11 27.7867L12.88 29.6667L20.3333 22.2133L27.7867 29.6667L29.6667 27.7867L22.2133 20.3333L29.6667 12.88Z\",\n fill: \"#212121\"\n }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgClose40Px);\nexport default __webpack_public_path__ + \"static/media/close_40px.a6538b9e6e7daa352458b8ce46132255.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgMenu40Px(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 40,\n height: 40,\n viewBox: \"0 0 40 40\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"menu_40px\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"icon/navigation/menu_24px\",\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M8 14.6667V12H32V14.6667H8ZM8 21.3333H32V18.6667H8V21.3333ZM8 28H32V25.3333H8V28Z\",\n fill: \"black\"\n }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgMenu40Px);\nexport default __webpack_public_path__ + \"static/media/menu_40px.beda4571e800efe538acbda394a49591.svg\";\nexport { ForwardRef as ReactComponent };","import React, { Component } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport './Dropdown.scss';\r\n\r\nimport { ReactComponent as MobileClose } from './../../images/mobile-menu/close_40px.svg';\r\nimport { ReactComponent as MobileMenu } from './../../images/mobile-menu/menu_40px.svg';\r\n\r\nimport { ReactComponent as Envelope } from './../../images/svg1/envelope (hover).svg';\r\nimport { ReactComponent as Smartphone } from './../../images/svg1/smartphone.svg';\r\n\r\nclass Dropdown extends Component {\r\n state = {\r\n visible: false,\r\n };\r\n\r\n toggle = () => {\r\n this.setState(prevState => ({\r\n visible: !prevState.visible,\r\n }));\r\n };\r\n\r\n // show = () => {\r\n // this.setState({ visible: true });\r\n // };\r\n\r\n // hide = () => {\r\n // this.setState({ visible: false });\r\n // };\r\n\r\n render() {\r\n return (\r\n
\r\n {/*
*/}\r\n \r\n {this.state.visible ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n {this.state.visible && (\r\n
\r\n \r\n
\r\n )}\r\n {/*
*/}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Dropdown;\r\n","import React from 'react';\r\nimport './Footer.scss';\r\n\r\nimport { ReactComponent as Instagram } from './../../images/svg1/instagram 2.svg';\r\nimport { ReactComponent as Twitter } from './../../images/svg1/twitter 1.svg';\r\nimport { ReactComponent as Facebook } from './../../images/svg1/facebook 1.svg';\r\nimport { ReactComponent as Linkedin } from './../../images/svg1/linkedin 1.svg';\r\n\r\nconst Footer = () => {\r\n return (\r\n <>\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Footer;\r\n","import React from 'react';\r\nimport './AllPortfolio.scss';\r\n\r\nimport Desctop1 from './Portfolio-img/Desctop/Desctop1.jpg';\r\nimport Desctop2 from './Portfolio-img/Desctop/Desctop2.jpg';\r\nimport Desctop3 from './Portfolio-img/Desctop/Desctop3.jpg';\r\nimport Desctop4 from './Portfolio-img/Desctop/Desctop4.jpg';\r\nimport Desctop5 from './Portfolio-img/Desctop/Desctop5.jpg';\r\nimport Desctop6 from './Portfolio-img/Desctop/Desctop6.jpg';\r\nimport Desctop7 from './Portfolio-img/Desctop/Desctop7.jpg';\r\nimport Desctop8 from './Portfolio-img/Desctop/Desctop8.jpg';\r\nimport Desctop9 from './Portfolio-img/Desctop/Desctop9.jpg';\r\n\r\nimport Tablet1 from './Portfolio-img/Tablet/Tablet1.jpg';\r\nimport Tablet2 from './Portfolio-img/Tablet/Tablet2.jpg';\r\nimport Tablet3 from './Portfolio-img/Tablet/Tablet3.jpg';\r\nimport Tablet4 from './Portfolio-img/Tablet/Tablet4.jpg';\r\nimport Tablet5 from './Portfolio-img/Tablet/Tablet5.jpg';\r\nimport Tablet6 from './Portfolio-img/Tablet/Tablet6.jpg';\r\nimport Tablet7 from './Portfolio-img/Tablet/Tablet7.jpg';\r\nimport Tablet8 from './Portfolio-img/Tablet/Tablet8.jpg';\r\nimport Tablet9 from './Portfolio-img/Tablet/Tablet9.jpg';\r\n\r\nimport Mobile1 from './Portfolio-img/Mobile/Mobile1.jpg';\r\nimport Mobile2 from './Portfolio-img/Mobile/Mobile2.jpg';\r\nimport Mobile3 from './Portfolio-img/Mobile/Mobile3.jpg';\r\nimport Mobile4 from './Portfolio-img/Mobile/Mobile4.jpg';\r\nimport Mobile5 from './Portfolio-img/Mobile/Mobile5.jpg';\r\nimport Mobile6 from './Portfolio-img/Mobile/Mobile6.jpg';\r\nimport Mobile7 from './Portfolio-img/Mobile/Mobile7.jpg';\r\nimport Mobile8 from './Portfolio-img/Mobile/Mobile8.jpg';\r\nimport Mobile9 from './Portfolio-img/Mobile/Mobile9.jpg';\r\n\r\nconst AllPortfolio = () => {\r\n return (\r\n <>\r\n
\r\n
\r\n
    \r\n
  • \r\n \r\n
    • \r\n
  • \r\n \r\n
    • \r\n
  • \r\n \r\n
    • \r\n
  • \r\n \r\n
    • \r\n
  • \r\n \r\n
    • \r\n
\r\n\r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default AllPortfolio;\r\n","import React from \"react\";\r\nimport { Link } from 'react-router-dom';\r\n// import './../../components/Header/Header.scss';\r\nimport Dropdown from \"../Dropdown/Dropdown\";\r\nimport Footer from \"../Footer/Footer\";\r\n\r\nimport { ReactComponent as Envelope } from './../../images/svg1/envelope (hover).svg';\r\nimport { ReactComponent as Smartphone } from './../../images/svg1/smartphone.svg';\r\nimport AllPortfolio from \"./AllPortfolio/AllPortfolio\";\r\n\r\n\r\nconst Portfolio = () => {\r\n return (\r\n <>\r\n
\r\n
\r\n
\r\n {/* {isOpen ? (\r\n \r\n ) : (\r\n \r\n )} */}\r\n
\r\n \r\n Web\r\n Studio\r\n \r\n \r\n\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n