@import "normalize.css";@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Regular.ttf)format("truetype");font-weight:400}@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Medium.ttf)format("truetype");font-weight:500}@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Bold.ttf)format("truetype");font-weight:600}html{font-family:Montserrat,serif}button{display:flex;padding:12px 24px;border:0;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;font-family:inherit;transition:border .3s ease,opacity .3s ease;cursor:pointer;white-space:nowrap}button.blue{background-color:#3a3f58;border:3px solid #3a3f58;color:#fff}button.blue:hover{border:3px solid #eea169}button.orange,button.white{background-color:#eea169;border:3px solid #eea169;color:#3a3f58}button.orange:hover{border:3px solid #3a3f58}button.white{background-color:#fff;border:3px solid #fff}button.white:hover{border:3px solid #eea169}button.disabled{pointer-events:none;opacity:.5}.top,a{position:relative}a{color:#fff;text-decoration:none;cursor:pointer;transition:opacity .3s ease}a:after{content:"";position:absolute;left:0;bottom:-6px;width:36px;height:1px;background-color:#fff;transition:width .5s ease}a:hover{opacity:.6}a:hover:after{width:100%}.top h1,button,h2{font-weight:600}h2{color:#3a3f58;line-height:38px;text-wrap:balance}@media (min-width:768px){h2{font-size:32px;line-height:42px}}@media (min-width:1024px){h2{font-size:38px;line-height:48px}}@media (min-width:1300px){h2{font-size:52px;line-height:60px}}input,textarea{font-family:inherit;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;border:1px solid #3a3f58;width:100%;padding:16px}input{height:54px;letter-spacing:1px}textarea{height:150px}.top{background:url(../images/top-800.webp)no-repeat center;background-size:cover;height:100%}@media (min-width:768px){.top{background:url(../images/top-1800.webp)no-repeat center;background-size:cover}}@media (min-width:1300px){.top__container{max-width:1440px;margin:0 auto;height:100%}}.top__head{width:100%;background-color:rgba(58,63,88,.75)}.top__head__container{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;height:170px}@media (min-width:700px){.top__head__container{flex-direction:row;padding:48px;justify-content:space-between;height:100px}.top__head__container button.blue{order:2}}@media (min-width:1300px){.top__head__container{max-width:1440px;margin:0 auto}}.top__head button.blue{margin-top:16px}@media (min-width:768px){.top__head button.blue{margin-top:0}}.top__phones{display:flex;flex-direction:column;gap:16px}@media (min-width:768px){.top__phones{flex-direction:row;gap:36px}}.top__phone{display:flex;align-items:center;color:#fff;gap:16px;font-weight:500}.top__phone img{width:24px;height:24px}.top__banner img{max-width:100%;height:500px;object-fit:cover}.top__labels{margin:32px 0 0 16px;display:flex;flex-direction:column;gap:16px}@media (min-width:470px){.top__labels{margin:48px 0 0 32px;flex-direction:row;flex-wrap:wrap;gap:36px}}@media (min-width:768px){.top__labels{margin:218px 0 0 56px}}@media (min-width:1024px){.top__labels{margin:190px 0 0 56px}}.top__bottom{margin:36px 0 0;padding:32px 16px;width:100%;background-color:rgba(58,63,88,.48)}@media (min-width:470px){.top__bottom{margin:48px 0 0;padding:48px 32px}}@media (min-width:768px){.top__bottom{margin:56px 0 0;padding:56px}}@media (min-width:1300px){.top__bottom{width:100%}.top__bottom .top__container{max-width:1340px}}.top h1{font-size:24px;margin:170px 0 0 16px;color:#fff}@media (min-width:375px){.top h1{font-size:28px}}@media (min-width:470px){.top h1{margin:170px 0 0 32px;font-size:34px}}@media (min-width:700px){.top h1{margin:230px 0 0 32px;font-size:50px}}@media (min-width:768px){.top h1{margin:85px 0 0 56px}}@media (min-width:1024px){.top h1{margin:100px 0 0 56px;max-width:900px}}.advantage{padding:48px 16px 0;display:flex;align-items:center;width:100%}@media (min-width:768px){.advantage{padding:96px 0 0}}.advantage__items{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}@media (min-width:768px){.advantage__items{flex-direction:row;flex-wrap:wrap}}@media (min-width:1024px){.advantage__items{max-width:1440px;margin:0 auto;flex-wrap:nowrap;justify-content:space-between}}.advantage__item{padding:32px;display:flex;flex-direction:column;gap:32px;align-items:center;justify-content:center;width:100%;color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;text-align:center}@media (min-width:768px){.advantage__item{justify-content:flex-start;min-height:280px;width:auto;max-width:320px}}@media (min-width:1300px){.advantage__item{max-width:320px}}.advantage__item:nth-child(odd){background-color:#3a3f58}.advantage__item:nth-child(even){background-color:#e36a59}.advantage__item img{width:96px;height:96px}.product{padding:16px;margin:52px 16px 32px}@media (min-width:768px){.product{margin:84px 32px 52px}}@media (min-width:1300px){.product{max-width:1440px;margin:116px 32px 52px;padding:0 32px}}@media (min-width:1440px){.product{margin:116px auto 52px}}.product h2{color:#3a3f58;font-weight:600;line-height:38px}@media (min-width:768px){.product h2{font-size:32px;line-height:42px}}@media (min-width:1024px){.product h2{font-size:38px;line-height:48px}}@media (min-width:1300px){.product h2{font-size:52px;line-height:60px}}.product__header,.works h2{text-align:center}@media (min-width:768px){.product__header{padding-left:352px;height:160px;text-align:left;display:flex;align-items:center}.product__header.build{background:url(../images/product-header.webp)no-repeat -150px;background-size:cover}.product__header.project{background:url(../images/project-header.webp)no-repeat -150px;background-size:cover}.product__header.making{background:url(../images/making-header.webp)no-repeat -150px;background-size:cover}}@media (min-width:1024px){.product__header{height:200px;background-position:-250px;padding-left:452px}}.product__description{margin:32px 0}@media (min-width:768px){.product__description{gap:32px}}@media (min-width:1024px){.product__description{display:grid;grid-template-columns:420px 1fr}}.product__description img{border-top-right-radius:16px;border-bottom-left-radius:16px;max-width:100%;object-fit:cover}.product__details{flex-grow:1;margin-top:32px}@media (min-width:768px){.product__details{margin-top:0}}.product__details p{line-height:28px}.product__details p strong{color:#3a3f58}.product__details p:not(:first-child){margin-top:16px}@media (min-width:768px){.product__details p{font-size:18px}}.product__icons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:32px}@media (min-width:1024px){.product__icons{justify-content:space-between}}.product__icon{display:flex;flex-direction:column;width:100%;overflow:hidden;border-bottom-left-radius:16px;border-top-right-radius:16px;border-top-left-radius:16px}@media (min-width:425px){.product__icon{width:auto;max-width:350px}}@media (min-width:768px){.product__icon{max-width:220px}}@media (min-width:1024px){.product__icon{max-width:162px}}@media (min-width:1300px){.product__icon{max-width:216px}}@media (min-width:1440px){.product__icon{max-width:238px}}.product__icon img{width:100%;height:150px;object-fit:cover}@media (min-width:425px){.product__icon img{height:auto}}.product__icon span{background:#3a3f58;padding:16px;color:#fff;width:100%;text-align:center;font-size:16px;font-weight:500}@media (min-width:1024px){.product__icon span{font-size:14px;min-height:52px;padding:10px}}.product__number-list{display:flex;gap:16px;margin-top:16px}.product__number{background-color:#3a3f58;color:#fff;font-size:24px;font-weight:600;display:flex;align-items:center;justify-content:center;border-bottom-left-radius:16px;border-top-right-radius:16px;border-top-left-radius:16px;width:52px;height:52px;flex-shrink:0}.product__list{display:flex;flex-direction:column;gap:16px}.product__list strong{color:#e36a59}.product__making__icons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:32px}@media (min-width:425px){.product__making__icons{display:grid;grid-template-columns:1fr 1fr}}@media (min-width:1024px){.product__making__icons{grid-template-columns:1fr 1fr 1fr 1fr}}.product__making__icon{display:flex;flex-direction:column;align-items:center;overflow:hidden;width:100%;border-bottom-left-radius:16px;border-top-right-radius:16px;border-top-left-radius:16px}@media (min-width:425px){.product__making__icon{max-width:100%;min-height:200px}}@media (min-width:768px){.product__making__icon{min-height:184px}}.product__making__icon span{background:#3a3f58;padding:16px;color:#fff;width:100%;text-align:center;font-size:14px;font-weight:500;flex-grow:1}.product__making__icon img{width:100%;object-fit:cover;height:115px}.product__making__aside{display:flex;flex-direction:column;gap:32px;margin-top:32px}@media (min-width:768px){.product__making__aside{display:grid;grid-template-columns:1fr 1fr}}@media (min-width:1024px){.product__making__aside{display:grid;grid-template-columns:36% 1fr}}.product__making__aside__left{background-color:rgba(225,219,194,.5)}.product__making__aside__right{background-color:rgba(58,63,88,.1)}.product__making__aside__left,.product__making__aside__right{display:flex;flex-direction:column;gap:16px;padding:64px 32px;border-bottom-left-radius:16px;border-top-right-radius:16px;border-top-left-radius:16px;font-size:18px}@media (min-width:1024px){.product__making__aside__left,.product__making__aside__right{flex-direction:row;align-items:center}}.product__making__aside__left img,.product__making__aside__right img{width:64px}.aside{position:relative;background-color:#3a3f58;width:100%;color:#fff;padding:32px;text-align:center;margin-top:32px}.aside__image{position:absolute;top:0;left:0;height:100%;width:100%;background:url(../images/aside.webp)no-repeat;background-size:cover}@media (min-width:600px){.aside__image{background-position:200px}}@media (min-width:1024px){.aside__image{background-position:350px}}.aside__image img,.works img{height:100%;object-fit:cover}.aside__details{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}@media (min-width:768px){.aside__details{text-align:left;flex-direction:row;font-size:18px}}@media (min-width:1024px){.aside__details{justify-content:space-between;max-width:1440px;margin:0 auto}.aside__details span{max-width:50%;font-size:22px}}.works{padding:16px;margin:52px 16px 32px}@media (min-width:768px){.works{margin:84px 32px 52px}}@media (min-width:1300px){.works{max-width:1440px;margin:116px 32px 52px;padding:0 32px}}@media (min-width:1440px){.works{margin:116px auto 52px}}.works img{max-width:100%}.works__aside{display:flex;flex-direction:column;text-align:center;text-wrap:balance;gap:48px;align-items:center;background-color:rgba(58,63,88,.1);padding:32px;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px}@media (min-width:768px){.works__aside{gap:32px;height:50%;flex-grow:1;justify-content:center;font-size:24px}}.works__images,.works__left,.works__right{display:flex;flex-direction:column;gap:16px}.works__left img{max-height:50%}.works__images{margin-top:32px;align-items:center}@media (min-width:768px){.works__images{margin-top:60px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:normal}}.feedback{padding:16px;margin:52px 16px 32px}@media (min-width:768px){.feedback{margin:84px 32px 52px}}@media (min-width:1300px){.feedback{max-width:1440px;margin:116px 32px 52px;padding:0 32px}}@media (min-width:1440px){.feedback{margin:116px auto 52px}}@media (min-width:1024px){.feedback{display:grid;grid-template-columns:1fr 1fr;gap:48px}.feedback h2{grid-column:1/3}}.feedback h2{text-align:center}.feedback__left,.feedback__right{display:flex;flex-direction:column;gap:32px;margin-top:32px}.feedback__right{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;background-color:rgba(58,63,88,.1);padding:16px}@media (min-width:1024px){.feedback__right{padding:32px}}.feedback__hint{color:#3a3f58;background-color:rgba(225,219,194,.5);padding:32px;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px}@media (min-width:1024px){.feedback__hint{padding:72px 32px}}.feedback__button{width:100%;display:flex;justify-content:flex-end}footer{background-color:#3a3f58;width:100%;padding:32px}.footer__container{max-width:1440px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:32px}@media (min-width:760px){.footer__container{flex-direction:row;justify-content:space-between}}.modal,.modal__close{display:flex;transition:opacity .3s ease}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(58,63,88,.42);backdrop-filter:blur(5px);z-index:10;align-items:center;justify-content:center;opacity:0;visibility:hidden}.modal.active{opacity:1;visibility:visible}.modal__close{justify-content:flex-end}.modal__close:hover{opacity:.6}.modal__close img,.up img{width:24px}.modal__container{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;background-color:#fff;padding:32px;display:flex;flex-direction:column;justify-content:center;gap:32px;width:90%}@media (min-width:575px){.modal__container{width:575px}.modal__container button{width:196px}}.modal__header{font-weight:500;font-size:18px;line-height:26px}.modal__legal{color:rgba(58,63,88,.49);font-size:14px}.up{bottom:96px;right:18px;width:64px;height:64px;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;background-color:#e36a59;visibility:hidden;transition:opacity .3s ease}.up.active{opacity:1;visibility:visible}@media (min-width:1024px){.up:hover{opacity:.6}}.message,.phone,.up{position:fixed;display:flex;justify-content:center;align-items:center;opacity:0}.phone{bottom:172px;right:18px;width:64px;height:64px;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;background-color:#3a3f58;visibility:hidden;transition:opacity .3s ease}.phone:after{background:0 0}.phone.active{opacity:1;visibility:visible}@media (min-width:1024px){.phone:hover{opacity:.6}}.phone img{width:48px}.message{bottom:0;left:0;width:100%;padding:16px;z-index:10;transform:translateY(60px);transition:transform .3s ease}.message.error{background-color:#e36a59}.message.success{background-color:#00d084;color:#fff}.message.active{transform:translateY(0);opacity:1}