diff --git a/assets/index-d8ee718c.css b/assets/index-f87eff3a.css similarity index 99% rename from assets/index-d8ee718c.css rename to assets/index-f87eff3a.css index c374fc4..f52650b 100644 --- a/assets/index-d8ee718c.css +++ b/assets/index-f87eff3a.css @@ -1 +1 @@ -/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@font-face{font-family:Inter Tight;src:url(/assets/InterTight-Medium-fdad824e.ttf);font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Inter Tight;src:url(/assets/InterTight-SemiBold-b0d896af.ttf);font-weight:600;font-display:swap;font-style:normal}.container{min-width:270px;max-width:375px;padding:0 16px;margin:0 auto}.section-margin{margin-bottom:64px}@media screen and (min-width: 768px){.container{max-width:none;width:768px;padding:0 32px}.section-margin{margin-bottom:96px}}@media screen and (min-width: 1440px){.container{width:1440px}.section-margin{margin-bottom:164px}}h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}.header{z-index:2;position:fixed;width:100%;padding-top:32px;padding-bottom:32px;height:76px;transition:all .35s cubic-bezier(.4,0,.2,1)}.header-bg{background-color:#0006}.header-content-wrap{display:flex;justify-content:space-between;align-items:flex-start}.logo{display:flex}.logo-img{border-radius:18px;width:60px}.logo-wrapper{transform:translate(0);transition:all .2s cubic-bezier(.4,0,.2,1)}.is-hide{transform:translateY(-140%);opacity:0;visibility:hidden;pointer-events:none}.logo-text{font-weight:500;font-size:20px;line-height:1.2;letter-spacing:-.02em;padding-left:8px}.menu{display:none}.change-color-button-wrapper{display:flex;justify-content:center;align-items:center;position:fixed;bottom:15px;right:15px;z-index:99}.change-color-btn{display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;font-size:12px;text-decoration:none;width:52px;height:52px;border-radius:50%;text-align:center;padding:14px;outline:none;background-color:var(--main-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.change-color-btn:hover,.change-color-btn:focus{background-color:var(--hover-color);outline:1px solid #fff;transform:scale(1.1)}.change-color-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1)}.change-color{position:absolute;transform:translate(100%,100%);right:0;bottom:0;opacity:0;visibility:hidden;pointer-events:auto;display:block;z-index:999;transition:all .3s cubic-bezier(.4,0,.2,1)}.is-open-change-color{opacity:1;visibility:visible;pointer-events:auto;right:50%;transform:translate(50%);bottom:79px}.theme-colors{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;min-width:116px;gap:12px}.color-option{height:52px;width:52px;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.color-option:hover,.color-option:focus{transform:scale(1.2);box-shadow:0 0 2px var(--hover-color),0 0 4px var(--hover-color),0 0 6px var(--hover-color),0 0 8px var(--hover-color),0 0 10px var(--hover-color)}.red-theme-option{background-color:#ed3b44}.lime-theme-option{background-color:#c6e327}.blue-theme-option{background-color:#0041e8}.pink-theme-option{background-color:#e6533c}.aquamarine-theme-option{background-color:#2b4441}.orange-theme-option{background-color:#ff7f08}.mobile-menu-btn{display:flex;align-items:center;cursor:pointer;border:none;padding:0;background-color:transparent;width:28px;height:28px}.mobile-menu-btn:focus .open-menu-mob-icon{stroke:var(--hover-color);transform:scale(1.15)}.open-menu-mob-icon{stroke:#fafafa;transition:all .3s cubic-bezier(.4,0,.2,1)}.open-menu-mob{width:28px;height:28px;display:block}.open-menu-mob-icon{stroke:#fafafa}.logo-nickname{display:block;position:relative;width:200px;height:50px}.nickname-icon{fill:#fafafa}.order-btn{display:none}.modal{position:fixed;top:0;right:0;width:100%;height:100%;transform:translate(100%,-100%) scale(0);z-index:999;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.is-open-modal{transform:translate(0) scale(1);opacity:1;visibility:visible;pointer-events:auto}.mobile-menu-wrap{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;background:linear-gradient(to right,var(--main-color),var(--middle-color) 32%,#1c1d20 50%,#1c1d20 100%);position:relative;overflow:hidden;padding-top:32px;padding-bottom:32px;margin-bottom:64px}.mobile-menu-wrap:before{z-index:-1;content:"";position:absolute;top:0;left:-210px;width:520px;height:100%;background:repeating-linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,.5) 1px,rgba(0,0,0,.8) 5px,rgba(0,0,0,.9) 5px,rgba(0,0,0,.9) 6px,rgba(0,0,0,0) 52px);pointer-events:none;opacity:.2}.mobile-menu-wrap>.container{display:flex;flex-direction:column;height:100%;padding-top:0;padding-bottom:64px}.close-menu-btn{display:block;position:absolute;top:32px;right:16px;width:42px;height:42px;padding:7px;background-color:transparent;border:none}.close-menu-btn:focus .close-icon{transform:scale(1.05);stroke:var(--hover-color)}.close-menu{stroke-width:2px;width:28px;height:28px;stroke:#fafafa}.close-icon{transition:all .3s cubic-bezier(.4,0,.2,1);z-index:3}.mobile-menu{display:flex}.mobile-menu-list{display:flex;flex-direction:column;justify-content:center;margin:12px auto;height:100%;align-items:center;gap:12px}.menu-item{text-decoration:underline}.menu-link{display:flex;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-link:focus{transform:scale(1.05);color:var(--hover-color)}.order{display:block;font-size:14px;text-decoration:none;width:164px;margin:0 auto;border-radius:60px;text-align:center;padding:14px 31px;border:none;background-color:var(--main-color);transition:all .3s cubic-bezier(.4,0,.2,1);animation:order-btn 4s ease-out infinite both}.order:focus{background-color:var(--hover-color);outline:1px solid #fafafa;box-shadow:0 0 2px var(--hover-color),0 0 4px var(--hover-color),0 0 6px var(--hover-color),0 0 8px var(--hover-color),0 0 10px var(--hover-color);transform:translateY(-2px)}@media screen and (max-width: 768px){body.no-scroll{overflow:hidden}}@media screen and (min-width: 768px){.is-open-change-color{bottom:103px}.theme-colors{gap:20px}.color-option{width:68px;height:68px}.change-color-btn{font-size:16px;width:68px;height:68px}.logo:hover{transform:scale(1.05);color:var(--hover-color)}.header{height:89px}.modal{display:none}.menu-btn{display:block;padding:10px;color:#fafafa;font-weight:500;font-size:16px;line-height:1.2;text-decoration-skip-ink:none;text-decoration:underline;background-color:transparent;border:none}.menu-list{opacity:0;visibility:hidden;display:flex;flex-direction:column;align-items:center;gap:5px;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-list-scroll{flex-direction:row;gap:20px}.menu{display:block;transform:translate(0);transition:all .2s cubic-bezier(.4,0,.2,1)}.menu-scroll{display:flex;gap:32px;transform:translate(-53%)}.menu-list.is-open{opacity:1;visibility:visible;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.menu-item{opacity:0;text-decoration:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.menu-item.visible{opacity:1}.menu-link{line-height:1.2}.menu-link:hover{transform:scale(1.05);color:var(--hover-color)}.mobile-menu-btn{display:none}.order-btn{display:block;border-radius:60px;padding:11px 20px;border:none;line-height:1.2;background-color:var(--main-color);transition:all .3s cubic-bezier(.4,0,.2,1);animation:order-btn 4s ease-out infinite both}.order-btn:hover,.order-btn:focus{background-color:var(--hover-color);outline:1px solid #fafafa;box-shadow:0 0 2px var(--hover-color),0 0 4px var(--hover-color),0 0 6px var(--hover-color),0 0 8px var(--hover-color),0 0 10px var(--hover-color)}}@keyframes order-btn{0%{transform:scale(1)}10%{transform:scale(1.05)}20%{transform:scale(1)}30%{transform:scale(1.05)}40%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.logo{display:flex;transition:transform .3s ease-in,color .3s ease-in}.logo:focus{transform:scale(1.05);color:var(--hover-color)}.menu-btn{transition:all .3s ease-in}.menu-btn:hover,.menu-btn:focus{transform:scale(1.15);color:var(--hover-color)}@media screen and (min-width: 1440px){.is-open-change-color{bottom:140px}.color-option{width:100px;height:100px}.change-color-btn{font-size:22px;width:100px;height:100px}.change-color-button-wrapper{bottom:20px;right:20px}.menu-scroll{transform:translate(-147%)}}.is-open{opacity:1;visibility:visible;pointer-events:auto}.section-hero{min-height:812px;display:flex;align-items:flex-end;background:linear-gradient(to right,var(--main-color),var(--middle-color) 32%,#1c1d20 50%,#1c1d20 100%);position:relative;overflow:hidden;padding-top:32px;padding-bottom:32px;margin-bottom:64px}.section-hero:before{content:"";position:absolute;top:0;left:-210px;width:520px;height:100%;background:repeating-linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,.5) 1px,rgba(0,0,0,.8) 5px,rgba(0,0,0,.9) 5px,rgba(0,0,0,.9) 6px,rgba(0,0,0,0) 52px);pointer-events:none;opacity:.2}.section-hero>.container{padding:0}.section-hero.container{width:100%;max-width:none}@media only screen and (min-width: 768px){.section-hero{min-height:1024px;padding-top:32px;padding-bottom:32px}.section-hero:before{left:-143px;width:720px;background:repeating-linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,.5) 1px,rgba(0,0,0,.8) 11px,rgba(0,0,0,.9) 11px,rgba(0,0,0,.9) 12px,rgba(0,0,0,0) 72px)}}@media only screen and (min-width: 1440px){.section-hero{padding-bottom:32px;padding-top:32px;min-height:900px;margin-bottom:96px}.section-hero:before{left:-6px}.section-hero.container{max-width:1440px}}.logo-lloyd-hero{max-width:343px;margin-bottom:212px;font-family:Inter Tight,sans-serif;font-weight:500;font-size:50px;line-height:1;letter-spacing:-.03em;text-transform:uppercase;color:#fafafa}@media only screen and (min-width: 768px){.logo-lloyd-hero{max-width:632px;font-size:90px;line-height:1;margin-bottom:187px}}@media only screen and (min-width: 1440px){.logo-lloyd-hero{max-width:1084px;margin-bottom:243px;margin-left:auto;margin-right:auto}}.logo-lloyd-hero{animation-name:slideInDown;animation-delay:.5s;animation-duration:1s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both;opacity:100%}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0%}40%{opacity:50%}to{transform:translateY(0);opacity:100%}}h1 .h1-animation{animation-name:slideInDown;opacity:0%;animation-duration:.8s;animation-timing-function:ease-in-out;animation-fill-mode:both}h1 .h1-animation:nth-child(2){animation-delay:2s}h1 .h1-animation:nth-child(3){animation-delay:2.2s}h1 .h1-animation:nth-child(4){animation-delay:2.4s}h1 .h1-animation:nth-child(5){animation-delay:2.6s}h1 .h1-animation:nth-child(6){animation-delay:2.8s}h1 .h1-animation:last-child{animation-delay:3s}.ul-hero{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-right:auto}@media only screen and (min-width: 768px){.ul-hero{gap:8px}}.li-hero{display:flex;align-items:center;justify-content:center;border:1px solid rgba(250,250,250,.2);border-radius:60px;width:37px;height:37px;font-family:Inter Tight;font-weight:500;font-size:14px;line-height:1.2;letter-spacing:-.02em;color:#fafafa;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;animation-name:jump;animation-duration:7s;animation-timing-function:linear;animation-iteration-count:infinite}.li-hero:nth-child(1){animation-delay:0s}.li-hero:nth-child(2){animation-delay:1s}.li-hero:nth-child(3){animation-delay:2s}.li-hero:nth-child(4){animation-delay:3s}.li-hero:nth-child(5){animation-delay:5s}.li-hero:hover{transform:scale(1.04);box-shadow:0 0 2px var(--hover-color),0 0 4px var(--hover-color),0 0 6px var(--hover-color),0 0 8px var(--hover-color),0 0 10px var(--hover-color)}.li-hero.li-hero-email{width:178px}@keyframes jump{0%{transform:translateY(0) scaleX(1) scaleY(1)}1%{transform:translateY(-1px) scaleX(.95) scaleY(1)}3.5%{transform:translateY(-5px) scaleX(.9) scaleY(.95)}5%{transform:translateY(-7px) scaleX(.95) scaleY(.9)}7%{transform:translateY(-3px) scaleX(.9) scaleY(1)}9%{transform:translateY(0) scaleX(.9) scaleY(1.07)}11%{transform:translateY(-2px) scaleX(.95) scaleY(1.09)}13%{transform:translateY(-1px) scaleX(.97) scaleY(1.06)}13.5%{transform:translateY(-1px) scaleX(.99) scaleY(1.01)}14%{transform:translateY(0) scaleX(1) scaleY(1)}to{transform:translateY(0) scaleX(1) scaleY(1)}}.link-hero{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;transition:transform .3s ease-in-out,color .3s ease-in-out}.link-hero:focus{transform:scale(1.4);color:var(--hover-color)}.link-hero-email{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform .3s ease-in-out,color .3s ease-in-out}.link-hero-email:focus{color:var(--hover-color);transform:scale(1.1)}@media only screen and (min-width: 768px){.li-hero{font-size:16px;line-height:1.2;width:55px;height:55px}}@media only screen and (min-width: 768px){.li-hero.li-hero-email{width:225px}}@media (max-width: 367.98px){.ul-hero{flex-wrap:wrap;justify-content:center}}.about-conteiner{display:flex;flex-direction:column;gap:32px}.about-me-header{display:flex;flex-direction:column;gap:16px}.aboutme-header-list{max-width:343px;height:500px;padding-top:32px;padding-left:32px;padding-right:32px;border-radius:24px;background:#242527}.aboutme-header-list.photo{padding:0;overflow:hidden}.about-me-img{width:100%;height:100%;object-fit:cover;display:block}.aboutme-title{color:#fafafa;font-size:24px;font-weight:500;letter-spacing:-.03em;text-transform:uppercase;line-height:117%}.word-functional{color:var(--main-color)}.word-websites{color:#fafafa66}.aboutme-accordion-container{display:flex;flex-direction:column;gap:20px}.about-me-subtitle{display:flex;justify-content:space-between;align-items:center;color:#fafafa99;font-size:16px;font-weight:600;line-height:150%;letter-spacing:-.02em;text-transform:uppercase;cursor:pointer;border-radius:12px;transition:background-color .3s ease-in-out}.aboutme-item-icon{fill:none;stroke:#fff}.aboutme-accordion-text{display:flex;flex-direction:column;gap:32px;margin-top:12px;margin-bottom:20px}.text-role-education{gap:10px}.aboutme-item-text{color:#fafafa;font-size:16px;font-weight:500;line-height:24px;letter-spacing:-.02em}.about-me-swiper{display:flex;justify-content:space-between;align-items:center;overflow:hidden;width:260px;min-width:0}.swiper-wrapper{display:flex;min-width:0;width:260px}.swiper-icon{width:130px;height:130px;display:flex;flex-shrink:0;border-radius:100px;border:1px solid rgba(250,250,250,.2);stroke-width:1px;stroke:#fafafa33;justify-content:center;align-items:center;color:#fafafa}.aboutme-header-item{position:relative;left:-6px;padding-left:6px;border-radius:25px;background-color:transparent;transition:all .3s ease-in-out}.aboutme-header-item:hover{transform:scale(1.01);background-color:#fafafa1a;outline:1px solid rgba(250,250,250,.4)}.aboutme-header-item:hover .aboutme-accordion-btn{border:1px solid #fff}.aboutme-accordion-btn{width:36px;height:36px;padding:9px;display:flex;align-items:center;justify-content:center;border-radius:100px;outline:1px solid rgba(250,250,250,.2);cursor:pointer;background-color:transparent;transition:all .3s ease-in-out}.aboutme-accordion-btn:focus{outline:1px solid #fff;background-color:var(--hover-color);transform:scale(1.05)}.swiper-slide-active>.swiper-icon{background-color:var(--main-color)}.btn-aboutswiper-next{border-radius:50%;padding:9px;background-color:transparent;border:none;transition:transform .3s ease-in-out,border .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out}.btn-aboutswiper-next:hover{transform:scale(1.1);border:1px solid #fafafa}.btn-aboutswiper-next:focus{transform:scale(1.05);border:1px solid #fafafa;background-color:var(--hover-color);color:#fafafa}.btn-aboutswiper-next:hover .aboutme-icon{transform:scale(1.1);stroke:#fafafa}.aboutme-icon{width:28px;height:28px;fill:none;stroke:#3b3b3b;transition:transform .3s ease-in-out,stroke .3s ease-in-out}@media screen and (min-width: 768px){.about-conteiner{gap:64px}.aboutme-header-list{max-width:704px;height:700px;padding-top:64px;padding-left:64px;padding-right:64px}.aboutme-title{font-size:38px;line-height:40px;letter-spacing:-.03em;text-align:left}.about-me-swiper-conteiner{width:704px}.about-me-swiper{width:600px}.swiper-icon{width:200px;height:200px;font-size:20px}.aboutme-accordion-container{gap:32px}.aboutme-accordion-text{gap:16px;margin-top:8px}.aboutme-accordion-btn{padding:10px;width:40px;height:40px}.aboutme-icon{width:40px;height:40px}}@media screen and (min-width: 1440px){.about-conteiner{gap:96px}.about-me-header{display:flex;flex-direction:row;gap:16px}.aboutme-header-list{width:680px;height:700px}.about-me-swiper-conteiner{width:1312px}.about-me-swiper{width:1200px}.aboutme-item-text{width:612px;margin-left:696px}.aboutme-accordion-text.text-line{gap:32px;margin-top:8px;margin-bottom:32px}}.about-me-swiper-conteiner{display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-between;flex-direction:row;min-width:0}.aboutme-swiper-wrapper{display:flex;min-width:0;width:260px}.swiper-element-active>.swiper-icon{background-color:var(--main-color)}.aboutme-accordion-list.js-enabled .aboutme-accordion-text{visibility:hidden}.aboutme-accordion-list.is-active .aboutme-accordion-text{visibility:visible}.aboutme-accordion-list .aboutme-accordion-text{overflow:hidden;transition-property:height,visibility;transition-timing-function:ease}.benefits-title{font-weight:600;font-size:16px;line-height:1.5;letter-spacing:-.02em;text-transform:uppercase;color:#fafafa99;margin-bottom:32px}.benefits-list{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.benefits-item{border-radius:20px;padding:24px;max-width:344px;height:270px;background:#242527}.benefits-wrap{display:flex;background:var(--main-color);border-radius:10px;width:48px;height:48px;align-items:center;justify-content:center;margin-bottom:64px}.benefits-icon{fill:transparent;stroke-width:2px;stroke:#fafafa}.benefits-subtitle{font-weight:600;font-size:20px;line-height:1.5;letter-spacing:-.02em;color:#fafafa;margin-bottom:8px}.benefits-text{height:72px;font-size:16px;line-height:1.5;letter-spacing:-.02em;color:#fafafa99;overflow-y:scroll}.benefits-text::-webkit-scrollbar{width:12px}.benefits-text::-webkit-scrollbar-track{background:transparent}.benefits-text::-webkit-scrollbar-thumb{background-color:#3b3b3b;border-radius:20px;border:1px solid rgba(36,37,39,1)}.benefits-button{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:10px;border:1px solid rgba(250,250,250,.2);border-radius:60px;padding:18px 34px;width:187px;height:55px;font-size:16px;letter-spacing:-.02em;color:#fafafa;background-color:transparent;transition:transform .3s ease-in-out,border .3s ease-in-out,background-color .3s ease-in-out}.benefits-button:hover{transform:scale(1.1);border:1px solid #fff}.benefits-button:focus{border:1px solid #fff;background-color:#e0373f;transform:scale(1.1);background-color:var(--hover-color)}@media screen and (min-width: 768px){.benefits-list{margin-bottom:64px}}@media screen and (min-width: 1440px){.benefits-container{display:flex}.benefits-title{display:block;max-width:688px;margin-right:auto;width:100%;margin-bottom:0}.benefits-item{width:332px}}.projects__title{margin-bottom:32px;font-size:16px;font-weight:600;text-transform:uppercase;color:#fafafa99}.projects__swiper-container{overflow:hidden}.projects__swiper-wrapper{display:flex;flex-wrap:nowrap}.projects__swiper-slide{border-radius:24px;width:100%;overflow:hidden}.projects__content--light{background-color:#fafafa;padding:32px}.projects__content--dark{display:flex;justify-content:center;align-items:center;padding:100px 16px;background-color:#242527}.projects__tech-list{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:96px;line-height:1.2;color:#1c1d20}.projects__tech-item{padding:13px 18px;border-radius:60px;border:1px solid rgba(28,29,32,.2)}.projects__slide-title{color:#1c1d20;font-size:24px;font-weight:500;line-height:1.16;letter-spacing:-.03em;margin-bottom:32px}.projects__link{display:flex;justify-content:center;align-items:center;width:141px;height:45px;padding:13px 32px;border-radius:60px;background:var(--main-color);color:#fafafa;transition:transform .3s ease-in-out,background-color .3s ease-in-out,outline .3s ease-in-out}.projects__link:hover,.projects__link:focus{transform:scale(1.1);background-color:var(--hover-color);outline:1px solid rgba(0,0,0,.2)}.projects__button-wrapper{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:32px}.projects__button{display:flex;justify-content:center;align-items:center;border-radius:50%;padding:14px;background-color:transparent;fill:none;border:1px solid rgba(250,250,250,.5);stroke:#fafafa;transition:border .3s ease-in-out,background-color .3s ease-in-out}.projects__button:hover{border:1px solid #fff}.projects__button:focus{background-color:var(--hover-color);fill:none}.projects__button-icon{width:24px;height:24px}.swiper-button-disabled{stroke:#3b3b3b;border:1px solid rgba(250,250,250,.2)}@media only screen and (min-width: 768px){.projects__content--light{padding:64px 146px 64px 64px}.projects__content--dark{padding:120px 45px}.projects__tech-list{margin-bottom:164px}.projects__tech-item{padding:18px}.projects__slide-title{font-size:44px;line-height:1}.projects__button-wrapper{gap:20px;margin-top:64px}.projects__link{padding:18px 50px;width:177px;height:55px}.projects__button{padding:18px}.projects__button-icon{width:32px;height:32px}}@media only screen and (min-width: 1440px){.projects__content--light{padding-right:130px;width:50%}.projects__content--dark{padding:120px 37px;width:50%}.projects__tech-list{margin-bottom:223px}.projects__swiper-slide.swiper-slide{display:flex}}.faq{width:100%;margin-bottom:64px}.title-faq{font-weight:600;color:#fafafa99;font-size:16px;margin-bottom:32px}.faq-list-ul{list-style:none;padding:0;margin:0}.list-faq{padding:20px 0;border-bottom:1px solid rgba(250,250,250,.2)}.list-faq:first-of-type{border-top:1px solid rgba(250,250,250,.2)}.title-list{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:600;min-width:265px;cursor:pointer;transition:all .3s ease-in-out}.title-list:hover{text-shadow:0 4px 3px rgba(250,250,250,.2),0 4px 4px rgba(250,250,250,.2),0 4px 6px rgba(250,250,250,.2),0 4px 8px rgba(250,250,250,.2),0 4px 11px rgba(250,250,250,.2)}.title-list:hover .toggle-btn{outline:1px solid #fff}.text-faq{margin-top:16px;color:#fafafa99;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease}.list-faq[aria-expanded=true] .text-faq{max-height:200px;opacity:1}.toggle-btn{flex-shrink:0;background:none;border:none;cursor:pointer;display:flex;align-items:center;border:1px solid rgba(250,250,250,.2);border-radius:100px;padding:7px;width:34px;height:34px;margin-left:44px;fill:none;transition:background-color .3s ease-in-out,border .3s ease-in-out}.toggle-btn:focus{background-color:var(--hover-color);border:1px solid #fff}.icon{width:24px;height:24px;display:none}.icon-open{display:block;stroke:#fafafa}.icon-close{display:none;stroke:#fafafa}@media only screen and (min-width: 768px){.faq{margin-bottom:96px}.list-faq{padding:32px 0}.last{margin-left:179px}.text-faq{max-width:656px;margin-top:26px}.toggle-btn{padding:10px;width:40px;height:40px}}@media only screen and (min-width: 1440px){.list-faq:nth-of-type(2){border-top:1px solid rgba(250,250,250,.2)}.title-faq{margin-left:20px}.faq{margin-bottom:164px}.list-faq:nth-child(odd){padding-right:20px;border-right:1px solid rgba(250,250,250,.2)}.list-faq:nth-child(2n){padding-left:20px}.faq-list-ul{display:flex;flex-wrap:wrap;justify-content:space-between}.list-faq{width:calc(50% - 1px);margin-right:1px}}.covers{padding:0;height:508px;overflow:hidden;position:relative;background-color:#d9d9d90a}.covers.container{width:100%;max-width:none}.covers-background{padding:0;width:1200px;height:1200px;position:absolute;top:-70%;left:-70%;z-index:-99999}.covers-background.animated{animation:rotation 30s linear infinite}.covers-spot{position:absolute;width:350px;height:350px;background:var(--main-color);border-radius:50%;filter:blur(172px);opacity:.6}.covers-spot-1{top:0;left:0}.covers-spot-2{top:0;right:0}.covers-spot-3{bottom:0;right:50%}.covers-wrapper{position:absolute;right:-800px;left:0;overflow:hidden}.covers-line{display:flex;gap:20px;margin-bottom:30px;transform:rotate(17deg)}.covers-item{width:282px;height:163px;flex-shrink:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;animation-duration:20s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.covers-image{transition:scale .25s ease-in-out,box-shadow .25s ease-in-out}.covers-image:hover{box-shadow:0 0 4px var(--hover-color),0 0 8px var(--hover-color),0 0 12px var(--hover-color),0 0 16px var(--hover-color),0 0 20px var(--hover-color);scale:1.1}.covers-line:nth-child(odd) .covers-item{transform:translate(-20%)}.covers-line:nth-child(2n) .covers-item{transform:translate(-250%)}.covers-wrapper.animated .covers-line:nth-child(odd) .covers-item{animation-name:rightToLeft}.covers-wrapper.animated .covers-line:nth-child(2n) .covers-item{animation-name:leftToRight}.covers-full-image{box-shadow:0 0 4px var(--hover-color),0 0 8px var(--hover-color),0 0 12px var(--hover-color),0 0 16px var(--hover-color),0 0 20px var(--hover-color)}@media screen and (min-width: 768px){.covers{height:960px}.covers-background{width:1440px;height:1440px;top:-25%;left:-50%}.covers-line{gap:50px;margin-bottom:50px}.covers-item{width:544px;height:314px}}@media screen and (min-width: 1440px){.covers.container{width:1440px}.covers-background{width:1800px;height:1800px;top:-25%;left:-25%}}@keyframes rotation{0%{transform:rotate(0);scale:1}50%{transform:rotate(180deg);scale:.5}to{transform:rotate(360deg);scale:1}}@keyframes rightToLeft{0%{transform:translate(-20%)}to{transform:translate(-250%)}}@keyframes leftToRight{0%{transform:translate(-250%)}to{transform:translate(-20%)}}.reviews-title{font-weight:600;font-size:16px;text-transform:uppercase;color:#fafafa99;margin-bottom:32px}.reviews-swiper-slide{box-sizing:border-box;border:1px solid rgba(250,250,250,.2);border-radius:20px;padding:32px 24px;min-height:302px!important;transition:transform .3s ease-in-out,opacity .3s ease-in-out,border .3s ease-in-out}.reviews-swiper-slide:hover{border:1px solid rgba(250,250,250,.3);transform:scale(1);opacity:1}.reviews-swiper-wrapper{margin-bottom:32px;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.reviews-swiper-wrapper:hover>:not(:hover){transform:scale(.8);opacity:.25}.reviews-desc{max-width:295px}.reviews-img{border-radius:10px;margin-bottom:32px;width:48px;height:48px}.reviews-item-subtitle{margin-bottom:8px;font-weight:600;font-size:20px;color:#fafafa}.reviews-text{height:120px;color:#fafafa99;overflow-y:scroll}.reviews-text::-webkit-scrollbar{width:12px}.reviews-text::-webkit-scrollbar-track{background:#1c1d20}.reviews-text::-webkit-scrollbar-thumb{background-color:#3b3b3b;border-radius:20px;border:3px solid #1c1d20}.reviews-swiper-btn-container{display:flex;justify-content:center;align-items:center;gap:12px}.reviews-prev-btn,.reviews-next-btn{display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid rgba(250,250,250,.5);background-color:transparent;fill:none;stroke:#fff;padding:14px;transition:border .3s ease-in-out}.reviews-prev-btn:hover,.reviews-prev-btn:focus,.reviews-next-btn:hover,.reviews-next-btn:focus{border:1px solid #fff}.reviews-prev-btn:focus,.reviews-next-btn:focus{background-color:var(--hover-color)}.swiper-button-disabled{border:1px solid #fafafa33;stroke:#3b3b3b}@media screen and (min-width: 768px){.reviews-swiper-btn-container{gap:20px}.reviews-prev-btn,.reviews-next-btn{padding:18px}.reviews-button-icon{width:32px;height:32px}.reviews-swiper-slide{min-height:302px}}input:focus,textarea:focus{outline:none}button{border:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#fafafa;-webkit-box-shadow:0 0 0px 1000px transparent inset;box-shadow:0 0 0 1000px transparent inset;transition:background-color 5000s ease-in-out 0s}.work-together{padding-top:32px;padding-bottom:32px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.work-together:before{content:"";position:absolute;top:0;bottom:0;left:290px;width:660px;height:100%;background:repeating-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 9px,rgba(0,0,0,1) 23px,rgba(0,0,0,0) 23px,rgba(0,0,0,0) 66px);pointer-events:none;opacity:.05;z-index:-1}.footer-logo-text{min-width:267px;display:flex;flex-wrap:wrap;align-items:center;padding-bottom:63px}.footer-img{margin-right:8px;margin-bottom:4px;border-radius:12px}.footer-title,.footer-title-elem{font-size:40px;line-height:1;letter-spacing:-.03em;text-transform:uppercase;color:#fafafa}.title-part{color:var(--main-color)}.footer-form-feedback{display:flex;flex-direction:column;margin-bottom:64px}.footer-wrapper-form{margin-bottom:32px}.footer-input-email,.footer-input-comment{width:100%;background-color:transparent;padding-bottom:20px;border-top:none;border-left:none;border-right:none;border-bottom-width:1px;border-bottom-color:#fafafa33;color:#fafafa;line-height:1;letter-spacing:normal;margin-top:16px}.footer-input-email:focus,.footer-input-comment:focus{border-bottom-color:#fafafa80}.footer-input-comment{overflow:hidden;text-overflow:ellipsis}.footer-btn{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background-color:var(--main-color);line-height:normal;letter-spacing:normal;color:#fafafa;transition:transform .3s ease-in-out,border .3s ease-in-out,background-color .3s ease-in-out}.footer-btn:hover,.footer-btn:focus{border:1px solid #fff;background-color:var(--hover-color);transform:scale(1.1)}.footer-contact{display:flex;flex-direction:row}.footer-contact-list{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0;gap:4px}.footer-contact-item-email{width:178px}.footer-contact-item-tel{width:118px}.footer-contact-item{display:flex;align-items:center;font-size:14px;letter-spacing:inherit;color:#fafafa;border:1px solid rgba(250,250,250,.2);border-radius:60px;transition:transform .3s ease-in-out,border .3s ease-in-out;height:37px}.footer-contact-item:hover{border:1px solid #fff;transform:scale(1.03)}.footer-adress-tel{width:94px}.footer-adress-email,.footer-adress-tel{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .3s ease-in-out,color .3s ease-in-out}.footer-adress-email:focus,.footer-adress-tel:focus{transform:scale(1.1);color:var(--hover-color)}@media screen and (min-width: 768px){.work-together{padding-top:80px;padding-bottom:169px}.work-together:before{left:570px}.footer-logo-text{width:542px;display:flex;flex-wrap:wrap;align-items:center;padding-bottom:63px}.footer-img{margin-right:20px;margin-bottom:7px;border-radius:24px}.footer-title,.footer-title-elem{font-size:64px}.footer-form-feedback{flex-direction:row;align-items:baseline;margin-bottom:18px}.footer-input-email,.footer-input-comment{width:245px;flex:1}.footer-btn{width:150px;height:150px}.footer-wrapper-form{display:flex;gap:32px;margin-right:16px}.footer-contact-list{gap:8px}.footer-contact-item{font-size:16px;gap:8px}.footer-contact-item-email{width:239px}.footer-contact-item-tel{width:171px}}@media screen and (min-width: 1440px){.footer-container{display:flex;justify-content:center}.work-together:before{left:1040px}.footer-input-email,.footer-input-comment{width:390px}.footer-wrapper-form{margin-right:86px}.footer-btn{width:150px;height:150px}}.inputEmail{border:1px solid rgba(231,22,22,.2);font-size:14px;line-height:1.3}.inputComment{border:1px solid rgba(250,250,250,.2);font-size:14px;line-height:1.3}.iziToast{margin:0;padding:0;border-radius:20px}.toastStyle .iziToast-body{max-width:343px;height:276px;border:1px solid rgba(250,250,250,.1);border-radius:20px;padding:64px 32px;box-sizing:border-box;margin:0 auto}.iziToast-body .iziToast-texts{margin:0}.toastStyle .iziToast-body .iziToast-title{font-family:Inter Tight,sans-serif;font-weight:600;font-size:20px;line-height:1.5;letter-spacing:-.02em;text-align:center;color:#fafafa;margin-bottom:16px;margin-right:0;min-width:279px}.toastStyle .iziToast-body .iziToast-message{font-family:Inter Tight,sans-serif;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:-.02em;text-align:center;color:#fafafa99}.toastStyle .iziToast-close{font-size:16px;background-color:transparent;padding:10px;border:none;cursor:pointer;top:20px;right:20px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.iziToast-capsule{width:fit-content}.toastStyle *{margin:0;padding:0;box-sizing:border-box}.iziToast:after{width:0%;height:0%}.iziToast-overlay{background-color:#0009}@media screen and (min-width: 768px){.toastStyle .iziToast-body{max-width:492px;height:246px;padding:64px}.toastStyle .iziToast-body .iziToast-title{min-width:364px;margin-right:0}.toastStyle .iziToast-body .iziToast-message{max-width:364px}}@media screen and (min-width: 1440px){.toastStyle .iziToast-body{max-width:492px;height:246px;padding:64px}}.btnToTop{display:none;justify-content:center;align-items:center;position:fixed;bottom:79px;right:15px;width:52px;height:52px;border-radius:50%;z-index:99;cursor:pointer;padding:0;background-color:var(--main-color);transition:all .3s ease-in-out}.btnToTop:hover,.btnToTop:focus{transform:scale(1.1);outline:1px solid #fff;background-color:var(--hover-color)}.toTopImg{width:40px;height:40px;fill:none;stroke:#fff}.btnToTop.show{display:block}@media screen and (min-width: 768px){.btnToTop{width:68px;height:68px;bottom:103px}}@media screen and (min-width: 1440px){.btnToTop{width:100px;height:100px;bottom:140px;right:20px}}:root{font-family:Inter Tight,sans-serif;font-size:16px;font-optical-sizing:auto;font-weight:500;font-style:normal;line-height:1.5;letter-spacing:-.02em;--main-color: #c83037;--hover-color: #9e1d23;--middle-color: #69292d;color:#fafafa;background-color:#1c1d20;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scroll-behavior:smooth}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}*{outline:none;-webkit-tap-highlight-color:transparent}body.no-scroll{overflow:hidden} +/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@font-face{font-family:Inter Tight;src:url(/assets/InterTight-Medium-fdad824e.ttf);font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Inter Tight;src:url(/assets/InterTight-SemiBold-b0d896af.ttf);font-weight:600;font-display:swap;font-style:normal}.container{min-width:270px;max-width:375px;padding:0 16px;margin:0 auto}.section-margin{margin-bottom:64px}@media screen and (min-width: 768px){.container{max-width:none;width:768px;padding:0 32px}.section-margin{margin-bottom:96px}}@media screen and (min-width: 1440px){.container{width:1440px}.section-margin{margin-bottom:164px}}h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}.header{z-index:2;position:fixed;width:100%;padding-top:32px;padding-bottom:32px;height:76px;transition:all .35s cubic-bezier(.4,0,.2,1)}.header-bg{background-color:#0006}.header-content-wrap{display:flex;justify-content:space-between;align-items:flex-start}.logo{display:flex}.logo-img{border-radius:18px;width:60px}.logo-wrapper{transform:translate(0);transition:all .2s cubic-bezier(.4,0,.2,1)}.is-hide{transform:translateY(-140%);opacity:0;visibility:hidden;pointer-events:none}.logo-text{font-weight:500;font-size:20px;line-height:1.2;letter-spacing:-.02em;padding-left:8px}.menu{display:none}.change-color-button-wrapper{display:flex;justify-content:center;align-items:center;position:fixed;bottom:15px;right:15px;z-index:99}.change-color-btn{display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;font-size:12px;text-decoration:none;width:52px;height:52px;border-radius:50%;text-align:center;padding:14px;outline:none;background-color:var(--main-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.change-color-btn:hover,.change-color-btn:focus{background-color:var(--hover-color);outline:1px solid #fff;transform:scale(1.1)}.change-color-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1)}.change-color{position:absolute;transform:translate(100%,100%);right:0;bottom:0;opacity:0;visibility:hidden;pointer-events:auto;display:block;z-index:999;transition:all .3s cubic-bezier(.4,0,.2,1)}.is-open-change-color{opacity:1;visibility:visible;pointer-events:auto;right:50%;transform:translate(50%);bottom:79px}.theme-colors{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;min-width:116px;gap:12px}.color-option{height:52px;width:52px;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.color-option:hover,.color-option:focus{transform:scale(1.2);box-shadow:0 0 2px var(--hover-color),0 0 4px var(--hover-color),0 0 6px var(--hover-color),0 0 8px var(--hover-color),0 0 10px var(--hover-color)}.red-theme-option{background-color:#ed3b44}.lime-theme-option{background-color:#c6e327}.blue-theme-option{background-color:#0041e8}.pink-theme-option{background-color:#e6533c}.aquamarine-theme-option{background-color:#2b4441}.orange-theme-option{background-color:#ff7f08}.mobile-menu-btn{display:flex;align-items:center;cursor:pointer;border:none;padding:0;background-color:transparent;width:28px;height:28px}.mobile-menu-btn:focus .open-menu-mob-icon{stroke:var(--hover-color);transform:scale(1.15)}.open-menu-mob-icon{stroke:#fafafa;transition:all .3s cubic-bezier(.4,0,.2,1)}.open-menu-mob{width:28px;height:28px;display:block}.open-menu-mob-icon{stroke:#fafafa}.logo-nickname{display:block;position:relative;width:200px;height:50px}.nickname-icon{fill:#fafafa}.order-btn{display:none}.modal{position:fixed;top:0;right:0;width:100%;height:100%;transform:translate(100%,-100%) scale(0);z-index:999;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.is-open-modal{transform:translate(0) scale(1);opacity:1;visibility:visible;pointer-events:auto}.mobile-menu-wrap{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;background:linear-gradient(to right,var(--main-color),var(--middle-color) 32%,#1c1d20 50%,#1c1d20 100%);position:relative;overflow:hidden;padding-top:32px;padding-bottom:32px;margin-bottom:64px}.mobile-menu-wrap:before{z-index:-1;content:"";position:absolute;top:0;left:-210px;width:520px;height:100%;background:repeating-linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,.5) 1px,rgba(0,0,0,.8) 5px,rgba(0,0,0,.9) 5px,rgba(0,0,0,.9) 6px,rgba(0,0,0,0) 52px);pointer-events:none;opacity:.2}.mobile-menu-wrap>.container{display:flex;flex-direction:column;height:100%;padding-top:0;padding-bottom:64px}.close-menu-btn{display:block;position:absolute;top:32px;right:16px;width:42px;height:42px;padding:7px;background-color:transparent;border:none}.close-menu-btn:focus .close-icon{transform:scale(1.05);stroke:var(--hover-color)}.close-menu{stroke-width:2px;width:28px;height:28px;stroke:#fafafa}.close-icon{transition:all .3s cubic-bezier(.4,0,.2,1);z-index:3}.mobile-menu{display:flex}.mobile-menu-list{display:flex;flex-direction:column;justify-content:center;margin:12px auto;height:100%;align-items:center;gap:12px}.menu-item{text-decoration:underline}.menu-link{display:flex;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-link:focus{transform:scale(1.05);color:var(--hover-color)}.order{display:block;font-size:14px;text-decoration:none;width:164px;margin:0 auto;border-radius:60px;text-align:center;padding:14px 31px;border:none;background-color:var(--main-color);transition:all .3s cubic-bezier(.4,0,.2,1);animation:order-btn 4s ease-out infinite both}.order:focus{background-color:var(--hover-color);outline:1px solid #fafafa;box-shadow:0 0 2px var(--hover-color),0 0 4px var(--hover-color),0 0 6px var(--hover-color),0 0 8px var(--hover-color),0 0 10px var(--hover-color);transform:translateY(-2px)}@media screen and (max-width: 768px){body.no-scroll{overflow:hidden}}@media screen and (min-width: 768px){.is-open-change-color{bottom:103px}.theme-colors{gap:20px}.color-option{width:68px;height:68px}.change-color-btn{font-size:16px;width:68px;height:68px}.logo:hover{transform:scale(1.05);color:var(--hover-color)}.header{height:89px}.modal{display:none}.menu-btn{display:block;padding:10px;color:#fafafa;font-weight:500;font-size:16px;line-height:1.2;text-decoration-skip-ink:none;text-decoration:underline;background-color:transparent;border:none}.menu-list{opacity:0;visibility:hidden;display:flex;flex-direction:column;align-items:center;gap:5px;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-list-scroll{flex-direction:row;gap:20px}.menu{display:block;transform:translate(0);transition:all .2s cubic-bezier(.4,0,.2,1)}.menu-scroll{display:flex;gap:32px;transform:translate(-53%)}.menu-list.is-open{opacity:1;visibility:visible;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.menu-item{opacity:0;text-decoration:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.menu-item.visible{opacity:1}.menu-link{line-height:1.2}.menu-link:hover{transform:scale(1.05);color:var(--hover-color)}.mobile-menu-btn{display:none}.order-btn{display:block;border-radius:60px;padding:11px 20px;border:none;line-height:1.2;background-color:var(--main-color);transition:all .3s cubic-bezier(.4,0,.2,1);animation:order-btn 4s ease-out infinite both}.order-btn:hover,.order-btn:focus{background-color:var(--hover-color);outline:1px solid #fafafa;box-shadow:0 0 2px var(--hover-color),0 0 4px var(--hover-color),0 0 6px var(--hover-color),0 0 8px var(--hover-color),0 0 10px var(--hover-color)}}@keyframes order-btn{0%{transform:scale(1)}10%{transform:scale(1.05)}20%{transform:scale(1)}30%{transform:scale(1.05)}40%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.logo{display:flex;transition:transform .3s ease-in,color .3s ease-in}.logo:focus{transform:scale(1.05);color:var(--hover-color)}.menu-btn{transition:all .3s ease-in}.menu-btn:hover,.menu-btn:focus{transform:scale(1.15);color:var(--hover-color)}@media screen and (min-width: 1440px){.is-open-change-color{bottom:140px}.color-option{width:100px;height:100px}.change-color-btn{font-size:22px;width:100px;height:100px}.change-color-button-wrapper{bottom:20px;right:20px}.menu-scroll{transform:translate(-147%)}}.is-open{opacity:1;visibility:visible;pointer-events:auto}.section-hero{min-height:812px;display:flex;align-items:flex-end;background:linear-gradient(to right,var(--main-color),var(--middle-color) 32%,#1c1d20 50%,#1c1d20 100%);position:relative;overflow:hidden;padding-top:32px;padding-bottom:32px;margin-bottom:64px}.section-hero:before{content:"";position:absolute;top:0;left:-210px;width:520px;height:100%;background:repeating-linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,.5) 1px,rgba(0,0,0,.8) 5px,rgba(0,0,0,.9) 5px,rgba(0,0,0,.9) 6px,rgba(0,0,0,0) 52px);pointer-events:none;opacity:.2}.section-hero>.container{padding:0}.section-hero.container{width:100%;max-width:none}@media only screen and (min-width: 768px){.section-hero{min-height:1024px;padding-top:32px;padding-bottom:32px}.section-hero:before{left:-143px;width:720px;background:repeating-linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,.5) 1px,rgba(0,0,0,.8) 11px,rgba(0,0,0,.9) 11px,rgba(0,0,0,.9) 12px,rgba(0,0,0,0) 72px)}}@media only screen and (min-width: 1440px){.section-hero{padding-bottom:32px;padding-top:32px;min-height:900px;margin-bottom:96px}.section-hero:before{left:-6px}.section-hero.container{max-width:1440px}}.logo-lloyd-hero{max-width:343px;margin-bottom:212px;font-family:Inter Tight,sans-serif;font-weight:500;font-size:50px;line-height:1;letter-spacing:-.03em;text-transform:uppercase;color:#fafafa}@media only screen and (min-width: 768px){.logo-lloyd-hero{max-width:632px;font-size:90px;line-height:1;margin-bottom:187px}}@media only screen and (min-width: 1440px){.logo-lloyd-hero{max-width:1084px;margin-bottom:243px;margin-left:auto;margin-right:auto}}.logo-lloyd-hero{animation-name:slideInDown;animation-delay:.5s;animation-duration:1s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both;opacity:100%}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0%}40%{opacity:50%}to{transform:translateY(0);opacity:100%}}h1 .h1-animation{animation-name:slideInDown;opacity:0%;animation-duration:.8s;animation-timing-function:ease-in-out;animation-fill-mode:both}h1 .h1-animation:nth-child(2){animation-delay:2s}h1 .h1-animation:nth-child(3){animation-delay:2.2s}h1 .h1-animation:nth-child(4){animation-delay:2.4s}h1 .h1-animation:nth-child(5){animation-delay:2.6s}h1 .h1-animation:nth-child(6){animation-delay:2.8s}h1 .h1-animation:last-child{animation-delay:3s}.ul-hero{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-right:auto}@media only screen and (min-width: 768px){.ul-hero{gap:8px}}.li-hero{display:flex;align-items:center;justify-content:center;border:1px solid rgba(250,250,250,.2);border-radius:60px;width:37px;height:37px;font-family:Inter Tight;font-weight:500;font-size:14px;line-height:1.2;letter-spacing:-.02em;color:#fafafa;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;animation-name:jump;animation-duration:7s;animation-timing-function:linear;animation-iteration-count:infinite}.li-hero:nth-child(1){animation-delay:0s}.li-hero:nth-child(2){animation-delay:1s}.li-hero:nth-child(3){animation-delay:2s}.li-hero:nth-child(4){animation-delay:3s}.li-hero:nth-child(5){animation-delay:5s}.li-hero:hover{transform:scale(1.04);box-shadow:0 0 2px var(--hover-color),0 0 4px var(--hover-color),0 0 6px var(--hover-color),0 0 8px var(--hover-color),0 0 10px var(--hover-color)}.li-hero.li-hero-email{width:178px}@keyframes jump{0%{transform:translateY(0) scaleX(1) scaleY(1)}1%{transform:translateY(-1px) scaleX(.95) scaleY(1)}3.5%{transform:translateY(-5px) scaleX(.9) scaleY(.95)}5%{transform:translateY(-7px) scaleX(.95) scaleY(.9)}7%{transform:translateY(-3px) scaleX(.9) scaleY(1)}9%{transform:translateY(0) scaleX(.9) scaleY(1.07)}11%{transform:translateY(-2px) scaleX(.95) scaleY(1.09)}13%{transform:translateY(-1px) scaleX(.97) scaleY(1.06)}13.5%{transform:translateY(-1px) scaleX(.99) scaleY(1.01)}14%{transform:translateY(0) scaleX(1) scaleY(1)}to{transform:translateY(0) scaleX(1) scaleY(1)}}.link-hero{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;transition:transform .3s ease-in-out,color .3s ease-in-out}.link-hero:focus{transform:scale(1.4);color:var(--hover-color)}.link-hero-email{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform .3s ease-in-out,color .3s ease-in-out}.link-hero-email:focus{color:var(--hover-color);transform:scale(1.1)}@media only screen and (min-width: 768px){.li-hero{font-size:16px;line-height:1.2;width:55px;height:55px}}@media only screen and (min-width: 768px){.li-hero.li-hero-email{width:225px}}@media (max-width: 367.98px){.ul-hero{flex-wrap:wrap;justify-content:center}}.about-conteiner{display:flex;flex-direction:column;gap:32px}.about-me-header{display:flex;flex-direction:column;gap:16px}.aboutme-header-list{max-width:343px;height:500px;padding-top:32px;padding-left:32px;padding-right:32px;border-radius:24px;background:#242527}.aboutme-header-list.photo{padding:0;overflow:hidden}.about-me-img{width:100%;height:100%;object-fit:cover;display:block}.aboutme-title{color:#fafafa;font-size:24px;font-weight:500;letter-spacing:-.03em;text-transform:uppercase;line-height:117%}.word-functional{color:var(--main-color)}.word-websites{color:#fafafa66}.aboutme-accordion-container{display:flex;flex-direction:column;gap:20px}.about-me-subtitle{display:flex;justify-content:space-between;align-items:center;color:#fafafa99;font-size:16px;font-weight:600;line-height:150%;letter-spacing:-.02em;text-transform:uppercase;cursor:pointer;border-radius:12px;transition:background-color .3s ease-in-out}.aboutme-item-icon{fill:none;stroke:#fff}.aboutme-accordion-text{display:flex;flex-direction:column;gap:32px;margin-top:12px;margin-bottom:20px}.text-role-education{gap:10px}.aboutme-item-text{color:#fafafa;font-size:16px;font-weight:500;line-height:24px;letter-spacing:-.02em}.about-me-swiper{display:flex;justify-content:space-between;align-items:center;overflow:hidden;width:260px;min-width:0}.swiper-wrapper{display:flex;min-width:0;width:260px}.swiper-icon{width:130px;height:130px;display:flex;flex-shrink:0;border-radius:100px;border:1px solid rgba(250,250,250,.2);stroke-width:1px;stroke:#fafafa33;justify-content:center;align-items:center;color:#fafafa}.aboutme-header-item{position:relative;left:-6px;padding-left:6px;border-radius:25px;background-color:transparent;transition:all .3s ease-in-out}.aboutme-header-item:hover{transform:scale(1.01);background-color:#fafafa1a;outline:1px solid rgba(250,250,250,.4)}.aboutme-header-item:hover .aboutme-accordion-btn{border:1px solid #fff}.aboutme-accordion-btn{width:36px;height:36px;padding:9px;display:flex;align-items:center;justify-content:center;border-radius:100px;outline:1px solid rgba(250,250,250,.2);cursor:pointer;background-color:transparent;transition:all .3s ease-in-out}.aboutme-accordion-btn:focus{outline:1px solid #fff;background-color:var(--hover-color);transform:scale(1.05)}.swiper-slide-active>.swiper-icon{background-color:var(--main-color)}.btn-aboutswiper-next{border-radius:50%;padding:9px;background-color:transparent;border:none;transition:transform .3s ease-in-out,border .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out}.btn-aboutswiper-next:hover{transform:scale(1.1);border:1px solid #fafafa}.btn-aboutswiper-next:focus{transform:scale(1.05);border:1px solid #fafafa;background-color:var(--hover-color);color:#fafafa}.btn-aboutswiper-next:hover .aboutme-icon{transform:scale(1.1);stroke:#fafafa}.aboutme-icon{width:28px;height:28px;fill:none;stroke:#3b3b3b;transition:transform .3s ease-in-out,stroke .3s ease-in-out}@media screen and (min-width: 768px){.about-conteiner{gap:64px}.aboutme-header-list{max-width:704px;height:700px;padding-top:64px;padding-left:64px;padding-right:64px}.aboutme-title{font-size:38px;line-height:40px;letter-spacing:-.03em;text-align:left}.about-me-swiper-conteiner{width:704px}.about-me-swiper{width:600px}.swiper-icon{width:200px;height:200px;font-size:20px}.aboutme-accordion-container{gap:32px}.aboutme-accordion-text{gap:16px;margin-top:8px}.aboutme-accordion-btn{padding:10px;width:40px;height:40px}.aboutme-icon{width:40px;height:40px}}@media screen and (min-width: 1440px){.about-conteiner{gap:96px}.about-me-header{display:flex;flex-direction:row;gap:16px}.aboutme-header-list{width:680px;height:700px}.about-me-swiper-conteiner{width:1312px}.about-me-swiper{width:1200px}.aboutme-item-text{width:612px;margin-left:696px}.aboutme-accordion-text.text-line{gap:32px;margin-top:8px;margin-bottom:32px}}.about-me-swiper-conteiner{display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-between;flex-direction:row;min-width:0}.aboutme-swiper-wrapper{display:flex;min-width:0;width:260px}.swiper-element-active>.swiper-icon{background-color:var(--main-color)}.aboutme-accordion-list.js-enabled .aboutme-accordion-text{visibility:hidden}.aboutme-accordion-list.is-active .aboutme-accordion-text{visibility:visible}.aboutme-accordion-list .aboutme-accordion-text{overflow:hidden;transition-property:height,visibility;transition-timing-function:ease}.benefits-title{font-weight:600;font-size:16px;line-height:1.5;letter-spacing:-.02em;text-transform:uppercase;color:#fafafa99;margin-bottom:32px}.benefits-list{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.benefits-item{border-radius:20px;padding:24px;max-width:344px;height:270px;background:#242527}.benefits-wrap{display:flex;background:var(--main-color);border-radius:10px;width:48px;height:48px;align-items:center;justify-content:center;margin-bottom:64px}.benefits-icon{fill:transparent;stroke-width:2px;stroke:#fafafa}.benefits-subtitle{font-weight:600;font-size:20px;line-height:1.5;letter-spacing:-.02em;color:#fafafa;margin-bottom:8px}.benefits-text{height:72px;font-size:16px;line-height:1.5;letter-spacing:-.02em;color:#fafafa99;overflow-y:scroll}.benefits-text::-webkit-scrollbar{width:12px}.benefits-text::-webkit-scrollbar-track{background:transparent}.benefits-text::-webkit-scrollbar-thumb{background-color:#3b3b3b;border-radius:20px;border:1px solid rgba(36,37,39,1)}.benefits-button{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:10px;border:1px solid rgba(250,250,250,.2);border-radius:60px;padding:18px 34px;width:187px;height:55px;font-size:16px;letter-spacing:-.02em;color:#fafafa;background-color:transparent;transition:transform .3s ease-in-out,border .3s ease-in-out,background-color .3s ease-in-out}.benefits-button:hover{transform:scale(1.1);border:1px solid #fff}.benefits-button:focus{border:1px solid #fff;background-color:#e0373f;transform:scale(1.1);background-color:var(--hover-color)}@media screen and (min-width: 768px){.benefits-list{margin-bottom:64px}}@media screen and (min-width: 1440px){.benefits-container{display:flex}.benefits-title{display:block;max-width:688px;margin-right:auto;width:100%;margin-bottom:0}.benefits-item{width:332px}}.projects__title{margin-bottom:32px;font-size:16px;font-weight:600;text-transform:uppercase;color:#fafafa99}.projects__swiper-container{overflow:hidden}.projects__swiper-wrapper{display:flex;flex-wrap:nowrap}.projects__swiper-slide{border-radius:24px;width:100%;overflow:hidden}.projects__content--light{background-color:#fafafa;padding:32px}.projects__content--dark{display:flex;justify-content:center;align-items:center;padding:100px 16px;background-color:#242527}.projects__tech-list{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:96px;line-height:1.2;color:#1c1d20}.projects__tech-item{padding:13px 18px;border-radius:60px;border:1px solid rgba(28,29,32,.2)}.projects__slide-title{color:#1c1d20;font-size:24px;font-weight:500;line-height:1.16;letter-spacing:-.03em;margin-bottom:32px}.projects__link{display:flex;justify-content:center;align-items:center;width:141px;height:45px;padding:13px 32px;border-radius:60px;background:var(--main-color);color:#fafafa;transition:transform .3s ease-in-out,background-color .3s ease-in-out,outline .3s ease-in-out}.projects__link:hover,.projects__link:focus{transform:scale(1.1);background-color:var(--hover-color);outline:1px solid rgba(0,0,0,.2)}.projects__button-wrapper{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:32px}.projects__button{display:flex;justify-content:center;align-items:center;border-radius:50%;padding:14px;background-color:transparent;fill:none;border:1px solid rgba(250,250,250,.5);stroke:#fafafa;transition:border .3s ease-in-out,background-color .3s ease-in-out}.projects__button:hover{border:1px solid #fff}.projects__button:focus{background-color:var(--hover-color);fill:none}.projects__button-icon{width:24px;height:24px}.swiper-button-disabled{stroke:#3b3b3b;border:1px solid rgba(250,250,250,.2)}@media only screen and (min-width: 768px){.projects__content--light{padding:64px 146px 64px 64px}.projects__content--dark{padding:120px 45px}.projects__tech-list{margin-bottom:164px}.projects__tech-item{padding:18px}.projects__slide-title{font-size:44px;line-height:1}.projects__button-wrapper{gap:20px;margin-top:64px}.projects__link{padding:18px 50px;width:177px;height:55px}.projects__button{padding:18px}.projects__button-icon{width:32px;height:32px}}@media only screen and (min-width: 1440px){.projects__content--light{padding-right:130px;width:50%}.projects__content--dark{padding:120px 37px;width:50%}.projects__tech-list{margin-bottom:223px}.projects__swiper-slide.swiper-slide{display:flex}}.faq{width:100%;margin-bottom:64px}.title-faq{font-weight:600;color:#fafafa99;font-size:16px;margin-bottom:32px}.faq-list-ul{list-style:none;padding:0;margin:0}.list-faq{padding:20px 0;border-bottom:1px solid rgba(250,250,250,.2)}.list-faq:first-of-type{border-top:1px solid rgba(250,250,250,.2)}.title-list{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:600;min-width:265px;cursor:pointer;transition:all .3s ease-in-out}.title-list:hover{text-shadow:0 4px 3px rgba(250,250,250,.2),0 4px 4px rgba(250,250,250,.2),0 4px 6px rgba(250,250,250,.2),0 4px 8px rgba(250,250,250,.2),0 4px 11px rgba(250,250,250,.2)}.title-list:hover .toggle-btn{outline:1px solid #fff}.text-faq{margin-top:16px;color:#fafafa99;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease}.list-faq[aria-expanded=true] .text-faq{max-height:200px;opacity:1}.toggle-btn{flex-shrink:0;background:none;border:none;cursor:pointer;display:flex;align-items:center;border:1px solid rgba(250,250,250,.2);border-radius:100px;padding:7px;width:34px;height:34px;margin-left:44px;fill:none;transition:background-color .3s ease-in-out,border .3s ease-in-out}.toggle-btn:focus{background-color:var(--hover-color);border:1px solid #fff}.icon{width:24px;height:24px;display:none}.icon-open{display:block;stroke:#fafafa}.icon-close{display:none;stroke:#fafafa}@media only screen and (min-width: 768px){.faq{margin-bottom:96px}.list-faq{padding:32px 0}.last{margin-left:179px}.text-faq{max-width:656px;margin-top:26px}.toggle-btn{padding:10px;width:40px;height:40px}}@media only screen and (min-width: 1440px){.list-faq:nth-of-type(2){border-top:1px solid rgba(250,250,250,.2)}.title-faq{margin-left:20px}.faq{margin-bottom:164px}.list-faq:nth-child(odd){padding-right:20px;border-right:1px solid rgba(250,250,250,.2)}.list-faq:nth-child(2n){padding-left:20px}.faq-list-ul{display:flex;flex-wrap:wrap;justify-content:space-between}.list-faq{width:calc(50% - 1px);margin-right:1px}}.covers{padding:0;height:508px;overflow:hidden;position:relative;background-color:#d9d9d90a}.covers.container{width:100%;max-width:none}.covers-background{padding:0;width:1200px;height:1200px;position:absolute;top:-70%;left:-70%;z-index:-99999}.covers-background.animated{animation:rotation 30s linear infinite}.covers-spot{position:absolute;width:350px;height:350px;background:var(--main-color);border-radius:50%;filter:blur(172px);opacity:.6}.covers-spot-1{top:0;left:0}.covers-spot-2{top:0;right:0}.covers-spot-3{bottom:0;right:50%}.covers-wrapper{position:absolute;right:-800px;left:0;overflow:hidden}.covers-line{display:flex;gap:20px;margin-bottom:30px;transform:rotate(17deg)}.covers-item{width:282px;height:163px;flex-shrink:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;animation-duration:20s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.covers-image{transition:scale .25s ease-in-out,box-shadow .25s ease-in-out}.covers-image:hover{box-shadow:0 0 4px var(--hover-color),0 0 8px var(--hover-color),0 0 12px var(--hover-color),0 0 16px var(--hover-color),0 0 20px var(--hover-color);scale:1.1}.covers-line:nth-child(odd) .covers-item{transform:translate(-20%)}.covers-line:nth-child(2n) .covers-item{transform:translate(-250%)}.covers-wrapper.animated .covers-line:nth-child(odd) .covers-item{animation-name:rightToLeft}.covers-wrapper.animated .covers-line:nth-child(2n) .covers-item{animation-name:leftToRight}.covers-full-image{box-shadow:0 0 4px var(--hover-color),0 0 8px var(--hover-color),0 0 12px var(--hover-color),0 0 16px var(--hover-color),0 0 20px var(--hover-color)}@media screen and (min-width: 768px){.covers{height:960px}.covers-background{width:1440px;height:1440px;top:-25%;left:-50%}.covers-line{gap:50px;margin-bottom:50px}.covers-item{width:544px;height:314px}}@media screen and (min-width: 1440px){.covers.container{width:1440px}.covers-background{width:1800px;height:1800px;top:-25%;left:-25%}}@keyframes rotation{0%{transform:rotate(0);scale:1}50%{transform:rotate(180deg);scale:.5}to{transform:rotate(360deg);scale:1}}@keyframes rightToLeft{0%{transform:translate(-20%)}to{transform:translate(-250%)}}@keyframes leftToRight{0%{transform:translate(-250%)}to{transform:translate(-20%)}}.reviews-title{font-weight:600;font-size:16px;text-transform:uppercase;color:#fafafa99;margin-bottom:32px}.reviews-swiper-slide{box-sizing:border-box;border:1px solid rgba(250,250,250,.2);border-radius:20px;padding:32px 24px;min-height:302px!important;transition:transform .3s ease-in-out,opacity .3s ease-in-out,border .3s ease-in-out}.reviews-swiper-slide:hover{border:1px solid rgba(250,250,250,.3);transform:scale(1);opacity:1}.reviews-swiper-wrapper{margin-bottom:32px;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.reviews-swiper-wrapper:hover>:not(:hover){transform:scale(.8);opacity:.25}.reviews-desc{max-width:295px}.reviews-img{border-radius:10px;margin-bottom:32px;width:48px;height:48px}.reviews-item-subtitle{margin-bottom:8px;font-weight:600;font-size:20px;color:#fafafa}.reviews-text{height:120px;color:#fafafa99;overflow-y:scroll}.reviews-text::-webkit-scrollbar{width:12px}.reviews-text::-webkit-scrollbar-track{background:#1c1d20}.reviews-text::-webkit-scrollbar-thumb{background-color:#3b3b3b;border-radius:20px;border:3px solid #1c1d20}.reviews-swiper-btn-container{display:flex;justify-content:center;align-items:center;gap:12px}.reviews-prev-btn,.reviews-next-btn{display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid rgba(250,250,250,.5);background-color:transparent;fill:none;stroke:#fff;padding:14px;transition:border .3s ease-in-out}.reviews-prev-btn:hover,.reviews-prev-btn:focus,.reviews-next-btn:hover,.reviews-next-btn:focus{border:1px solid #fff}.reviews-prev-btn:focus,.reviews-next-btn:focus{background-color:var(--hover-color)}.swiper-button-disabled{border:1px solid #fafafa33;stroke:#3b3b3b}@media screen and (min-width: 768px){.reviews-swiper-btn-container{gap:20px}.reviews-prev-btn,.reviews-next-btn{padding:18px}.reviews-button-icon{width:32px;height:32px}.reviews-swiper-slide{min-height:302px}}input:focus,textarea:focus{outline:none}button{border:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#fafafa;-webkit-box-shadow:0 0 0px 1000px transparent inset;box-shadow:0 0 0 1000px transparent inset;transition:background-color 5000s ease-in-out 0s}.work-together{padding-top:32px;padding-bottom:32px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.work-together:before{content:"";position:absolute;top:0;bottom:0;left:290px;width:660px;height:100%;background:repeating-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 9px,rgba(0,0,0,1) 23px,rgba(0,0,0,0) 23px,rgba(0,0,0,0) 66px);pointer-events:none;opacity:.05;z-index:-1}.footer-logo-text{min-width:267px;display:flex;flex-wrap:wrap;align-items:center;padding-bottom:63px}.footer-img{margin-right:8px;margin-bottom:4px;border-radius:12px}.footer-title,.footer-title-elem{font-size:40px;line-height:1;letter-spacing:-.03em;text-transform:uppercase;color:#fafafa}.title-part{color:var(--main-color)}.footer-form-feedback{display:flex;flex-direction:column;margin-bottom:64px}.footer-wrapper-form{margin-bottom:32px}.footer-input-email,.footer-input-comment{width:100%;background-color:transparent;padding-bottom:20px;border-top:none;border-left:none;border-right:none;border-bottom-width:1px;border-bottom-color:#fafafa33;color:#fafafa;line-height:1;letter-spacing:normal;margin-top:16px}.footer-input-email:focus,.footer-input-comment:focus{border-bottom-color:#fafafa80}.footer-input-comment{overflow:hidden;text-overflow:ellipsis}.footer-btn{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background-color:var(--main-color);line-height:normal;letter-spacing:normal;color:#fafafa;transition:transform .3s ease-in-out,border .3s ease-in-out,background-color .3s ease-in-out}.footer-btn:hover,.footer-btn:focus{border:1px solid #fff;background-color:var(--hover-color);transform:scale(1.1)}.footer-contact{display:flex;flex-direction:row}.footer-contact-list{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0;gap:4px}.footer-contact-item-email{width:178px}.footer-contact-item-tel{width:118px}.footer-contact-item{display:flex;align-items:center;font-size:14px;letter-spacing:inherit;color:#fafafa;border:1px solid rgba(250,250,250,.2);border-radius:60px;transition:transform .3s ease-in-out,border .3s ease-in-out;height:37px}.footer-contact-item:hover{border:1px solid #fff;transform:scale(1.03)}.footer-adress-tel{width:94px}.footer-adress-email,.footer-adress-tel{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .3s ease-in-out,color .3s ease-in-out}.footer-adress-email:focus,.footer-adress-tel:focus{transform:scale(1.1);color:var(--hover-color)}@media screen and (min-width: 768px){.work-together{padding-top:80px;padding-bottom:169px}.work-together:before{left:570px}.footer-logo-text{width:542px;display:flex;flex-wrap:wrap;align-items:center;padding-bottom:63px}.footer-img{margin-right:20px;margin-bottom:7px;border-radius:24px}.footer-title,.footer-title-elem{font-size:64px}.footer-form-feedback{flex-direction:row;align-items:baseline;margin-bottom:18px}.footer-input-email,.footer-input-comment{width:245px;flex:1}.footer-btn{width:150px;height:150px}.footer-wrapper-form{display:flex;gap:32px;margin-right:16px}.footer-contact-list{gap:8px}.footer-contact-item{font-size:16px;gap:8px}.footer-contact-item-email{width:239px}.footer-contact-item-tel{width:171px}}@media screen and (min-width: 1440px){.footer-container{display:flex;justify-content:center}.work-together:before{left:1040px}.footer-input-email,.footer-input-comment{width:390px}.footer-wrapper-form{margin-right:86px}.footer-btn{width:150px;height:150px}}.inputEmail{border:1px solid rgba(231,22,22,.2);font-size:14px;line-height:1.3}.inputComment{border:1px solid rgba(250,250,250,.2);font-size:14px;line-height:1.3}.iziToast{margin:0;padding:0;border-radius:20px}.toastStyle .iziToast-body{max-width:343px;height:276px;border:1px solid rgba(250,250,250,.1);border-radius:20px;padding:64px 32px;box-sizing:border-box;margin:0 auto}.iziToast-body .iziToast-texts{margin:0}.toastStyle .iziToast-body .iziToast-title{font-family:Inter Tight,sans-serif;font-weight:600;font-size:20px;line-height:1.5;letter-spacing:-.02em;text-align:center;color:#fafafa;margin-bottom:16px;margin-right:0;min-width:279px}.toastStyle .iziToast-body .iziToast-message{font-family:Inter Tight,sans-serif;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:-.02em;text-align:center;color:#fafafa99}.toastStyle .iziToast-close{font-size:16px;background-color:transparent;padding:10px;border:none;cursor:pointer;top:20px;right:20px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.iziToast-capsule{width:fit-content}.toastStyle *{margin:0;padding:0;box-sizing:border-box}.iziToast:after{width:0%;height:0%}.iziToast-overlay{background-color:#0009}@media screen and (min-width: 768px){.toastStyle .iziToast-body{max-width:492px;height:246px;padding:64px}.toastStyle .iziToast-body .iziToast-title{min-width:364px;margin-right:0}.toastStyle .iziToast-body .iziToast-message{max-width:364px}}@media screen and (min-width: 1440px){.toastStyle .iziToast-body{max-width:492px;height:246px;padding:64px}}.btnToTop{display:none;justify-content:center;align-items:center;position:fixed;bottom:79px;right:15px;width:52px;height:52px;border-radius:50%;z-index:99;cursor:pointer;padding:0;background-color:var(--main-color);transition:all .3s ease-in-out}.btnToTop:hover,.btnToTop:focus{transform:scale(1.1);outline:1px solid #fff;background-color:var(--hover-color)}.toTopImg{width:40px;height:40px;fill:none;stroke:#fff}.btnToTop.show{display:block}@media screen and (min-width: 768px){.btnToTop{width:68px;height:68px;bottom:103px}}@media screen and (min-width: 1440px){.btnToTop{width:100px;height:100px;bottom:140px;right:20px}}:root{font-family:Inter Tight,sans-serif;font-size:16px;font-optical-sizing:auto;font-weight:500;font-style:normal;line-height:1.5;letter-spacing:-.02em;--main-color: #d73941;--hover-color: #9e1d23;--middle-color: #69292d;color:#fafafa;background-color:#1c1d20;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scroll-behavior:smooth}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}*{outline:none;-webkit-tap-highlight-color:transparent}body.no-scroll{overflow:hidden} diff --git a/index.html b/index.html index 970b37e..fbbab55 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,7 @@ - +