ul{margin:0;list-style:none;padding:0}h1,h2,h3,p{margin:0}a{text-decoration:none;display:inline-block}button{border:none;cursor:pointer}img{display:block;width:100%}address{font-style:normal}input,textarea{display:block}input,textarea:focus-visible{outline:none;border:none;box-shadow:none}:root{--logo-color: #000;--actient-color: #2196f3;--text-color: #212121;--desk-color: #757575;--main-color: hsl(0, 0%, 100%);--team-background: #f5f4fa;--foterr-background: #2f303a;--fotter-contact: rgba(255, 255, 255, 0.6)}body{font-family:Roboto}.container{width:1200px;padding:0 15px;margin:0 auto;outline:1px solid red;flex-direction:row}.header{background-color:var(--main-color);padding-top:24px;padding-bottom:25px;border-bottom:solid 1px var(--line-color);position:fixed;z-index:1;width:100%}.header__box{display:flex;align-items:center;outline:1px solid red}.header__logo{color:var(--actient-color);font-family:Raleway;font-size:26px;font-weight:700;line-height:1.38;letter-spacing:.78px;margin-right:93px}.header__color{color:var(--logo-color)}.header__list{display:flex;flex-direction:row;gap:50px}.header__link{color:var(--text-color);font-size:14px;font-weight:500;line-height:1.14;letter-spacing:.28px;transition-property:color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.header__link:hover,.header__link:focus{color:var(--actient-color)}.header__items{display:flex;gap:50px;margin-left:auto}.header__elem:last-child .header__icon{width:10px;height:16px}.header__contact{display:flex;align-items:center;gap:10px;color:var(--desk-color);font-size:14px;font-weight:500;line-height:1.14;letter-spacing:.28px;transition-property:color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.header__contact:hover,.header__contact:focus{color:var(--actient-color)}.header__contact:hover .header__icon,.header__contact:focus .header__icon{fill:var(--actient-color)}.header__icon{width:16px;height:12px;fill:var(--desk-color)}.active{position:relative;color:var(--actient-color);animation-name:move-logo;animation-duration:500ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.active::after{content:"";display:block;width:100%;height:4px;background-color:var(--actient-color);border-radius:2px;position:absolute;bottom:-35px;left:0}.hero{background-color:var(--foterr-background);padding-top:286px;padding-bottom:200px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../imges/hero.webp);background-repeat:no-repeat;background-position:center;background-size:cover}.hero-title{color:var(--main-color);margin-left:auto;margin-right:auto;text-align:center;font-size:44px;font-weight:900;line-height:1.36;letter-spacing:2.64px;text-transform:uppercase}.hero-box{display:flex;align-items:center;justify-items:center;flex-direction:column}.hero-title{display:flex;width:696px;justify-content:center;align-items:center;margin-bottom:30px}.hero-button{color:var(--main-color);padding:10px 32px;text-align:center;font-size:16px;font-weight:700;line-height:1.87;letter-spacing:.96px;border-radius:4px;background:var(--actient-color);box-shadow:0px 4px 4px 0px rgba(0,0,0,.15)}.about{padding-top:94px;padding-bottom:94px}.about-list{display:flex;gap:30px}.about-item::before{content:"";display:block;width:270px;height:120px;border-radius:4px;background:#f5f4fa;margin-bottom:30px;background-image:url(../imges/antena.png);background-repeat:no-repeat;background-position:center;background-size:70px}.about-item:nth-child(2)::before{background-image:url(../imges/clock.png)}.about-item:nth-child(3)::before{background-image:url(../imges/diagram.png)}.about-item:nth-child(4)::before{background-image:url(../imges/astronaut.png)}.about-title{color:var(--text-color);font-size:14px;font-weight:700;line-height:1.14;letter-spacing:.42px;text-transform:uppercase;margin-bottom:10px}.about-text{color:var(--desk-color);font-size:14px;font-weight:400;line-height:1.71;letter-spacing:.42px;width:270px}.work{padding-bottom:94px}.work-title{color:var(--text-color);text-align:center;font-size:36px;font-weight:700;line-height:1.16;letter-spacing:1.08px;margin:0 auto;margin-bottom:50px}.work-list{display:flex;gap:30px;flex-wrap:wrap}.work-item{position:relative;flex-basis:calc((100% - 60px)/3)}.work-subtitle{padding:27px 0;color:var(--main-color);text-align:center;font-size:14px;font-weight:700;line-height:1.14;letter-spacing:.42px;text-transform:uppercase;background-color:var();width:100%;position:absolute;bottom:0;background-color:rgba(47,48,58,.8)}.team{background-color:var(--team-background);padding-top:94px;padding-bottom:94px}.team-title{color:var(--text-color);text-align:center;font-size:36px;font-weight:700;line-height:1.16;letter-spacing:1.08px;margin-bottom:50px}.team-list{display:flex;gap:30px}.team-item{background-color:var(--main-color);border-radius:0px 0px 4px 4px;box-shadow:0px 1px 3px 0px rgba(0,0,0,.12),0px 1px 1px 0px rgba(0,0,0,.14),0px 2px 1px 0px rgba(0,0,0,.2)}.team-box{padding-top:30px;padding-bottom:30px}.team-caption{color:var(--text-color);text-align:center;font-size:16px;font-weight:500;line-height:1.18;letter-spacing:.48px}.team-description{color:var(--descr-color);text-align:center;font-size:16px;font-weight:400;line-height:1.18;letter-spacing:.48px;margin-top:10px}.team-foto{width:270px}.team-name{color:#212121;text-align:center;font-size:16px;font-weight:500;line-height:normal;letter-spacing:.48px;margin-bottom:10px}.team-text{color:#757575;text-align:center;font-size:16px;font-weight:400;line-height:normal;letter-spacing:.48px}.team-items{display:flex;gap:10px;margin-top:16px;justify-content:center}.team-link{width:44px;height:44px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition-property:background-color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.team-link:hover{background-color:var(--actient-color)}.team-link:hover .team-icon{fill:var(--main-color)}.team-icon{width:20px;height:20px;fill:#afb1b8;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.client{padding-top:94px;padding-bottom:94px;text-align:center}.client-tittle{color:var(--text-color);text-align:center;font-size:36px;font-weight:700;line-height:1.16;letter-spacing:1.08px;margin-bottom:50px}.client-list{display:flex;gap:30px}.client-link{width:170px;height:92px;border-radius:4px;border:1px solid #afb1b8;display:flex;justify-content:center;align-items:center;transition-property:border;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.client-link:hover{border:1px solid var(--actient-color)}.client-link:hover .client-icon{fill:var(--actient-color)}.client-icon{width:106px;height:60px;fill:#afb1b8;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer{background-color:var(--foterr-background);padding-top:60px;padding-bottom:60px}.footer-box{display:flex;align-items:baseline}.footer-list{display:flex;flex-direction:column;gap:9px}.footer-contact{color:var(--fotter-contact);font-size:14px;font-style:normal;font-weight:400;line-height:1.71;letter-spacing:.42px}.footer-item:first-child>.footer-contact{color:var(--main-color);font-size:14px;font-weight:400;line-height:1.71;letter-spacing:.42px}.logo-second-footer{color:var(--main-color);font-family:Raleway;font-size:26px;font-weight:700;line-height:1.38;letter-spacing:.78px}.footer-boxtwo{margin-left:80px}.footer-tittle{color:var(--main-color);font-size:14px;font-weight:700;line-height:1.14;letter-spacing:.42px;text-transform:uppercase}.footer-items{display:flex;gap:10px;margin-top:20px;justify-content:center}.footer-link{width:44px;height:44px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.1);transition-property:background-color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer-link:hover{background-color:var(--actient-color)}.footer-icon{width:20px;height:20px;fill:var(--main-color)}.footer-logo{color:var(--actient-color);display:block;margin-bottom:20px;font-family:Raleway;font-size:26px;font-weight:700;line-height:1.38;letter-spacing:.78px}.footer-color{color:var(--main-color)}.footer-location{color:var(--main-color);font-style:normal;font-size:14px;font-weight:400;line-height:1.71;letter-spacing:.42px}.footer-title{color:var(--main-color);font-family:Roboto;font-size:14px;font-style:normal;font-weight:700;line-height:1.14;letter-spacing:.42px;text-transform:uppercase}.footer-icons{width:24px;height:24px;fill:var(--main-color)}.footer-form{margin-left:auto;display:flex;justify-content:center;align-items:end;gap:12px}.footer-label{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:20px}.footer-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 28px;border-radius:4px;background:var(--actient-color);box-shadow:0 4px 4px 0 rgba(0,0,0,.15);color:var(--main-color);text-align:center;font-size:16px;font-weight:700;line-height:1.87;letter-spacing:.96px}.footer-input{width:358px;padding:15px 16px;border-radius:4px;border:1px solid hsla(0,0%,100%,.3);background-color:rgba(0,0,0,0);box-shadow:0 4px 4px 0 rgba(0,0,0,.15)}.web-sec{padding-top:180px;padding-bottom:94px}.web-list{display:flex;justify-content:center;gap:8px;margin-bottom:50px}.web-button{color:var(--text-color);font-size:16px;font-style:normal;font-weight:500;line-height:1.62;letter-spacing:.48px;padding:6px 25px;border-radius:4px;background:var(--team-background);border:none;transition-property:background-color,color,box-shadow;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.web-button:hover{background-color:var(--actient-color);color:var(--main-color);box-shadow:0px 3px 1px 0px rgba(0,0,0,.1),0px 1px 2px 0px rgba(0,0,0,.08),0px 2px 2px 0px rgba(0,0,0,.12)}.web-title{color:var(--text-color);font-size:18px;font-style:normal;font-weight:700;line-height:2;letter-spacing:1.08px;margin-bottom:4px}.web-text{color:var(--desk-color);font-size:16px;font-style:normal;font-weight:400;line-height:1.87;letter-spacing:.48px}.web-foto{width:100%}.web-box{padding:20px 24px}.web-lists{display:flex;flex-wrap:wrap;gap:30px}.web-items{outline:1px solid #eee;flex-basis:calc((100% - 60px)/3);transition-property:box-shadow;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.web-wrap{position:relative;overflow:hidden}.web-owerlay{color:var(--main-color);font-size:18px;font-weight:400;line-height:1.55;letter-spacing:.54px;background-color:rgba(33,150,243,.9);position:absolute;top:0;left:0;width:100%;height:100%;padding:63px 24px;opacity:0;transition-property:opacity,transform;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translateY(100%)}.web-items:hover{box-shadow:0px 1px 1px 0px rgba(0,0,0,.12),0px 4px 4px 0px rgba(0,0,0,.06),1px 4px 6px 0px rgba(0,0,0,.16)}.web-items:hover .web-owerlay{opacity:1;transform:translateY(0)}.backdrop{background:rgba(0,0,0,.2);position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:1;z-index:2}.is-hidden{opacity:0;pointer-events:none}.is-hidden .model{transform:translate(0) rotate(360deg) scale(0)}.model{background-color:var(--main-color);width:528px;height:581px;border-radius:4px;background:#fff;box-shadow:0px 1px 3px 0px rgba(0,0,0,.12),0px 1px 1px 0px rgba(0,0,0,.14),0px 2px 1px 0px rgba(0,0,0,.2);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:40px;z-index:2;transition-property:transform;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.model-close{width:30px;height:30px;border-radius:50%;border:none;outline:1px solid gray;background-color:rgba(0,0,0,0);display:flex;justify-content:center;align-items:center;border:1px solid var(--modal-line);border-radius:100px;position:absolute;top:8px;right:8px}.model-icon{width:18px;height:18px;fill:var(--logo-color);transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal-close:is(:hover,:focus) .modal-icons{fill:var(--logo-color)}.model-close:is(:hover,:focus) .model-icon{fill:#2196f3}.model-title{color:var(--accent-text);text-align:center;font-size:20px;font-weight:700;line-height:normal;letter-spacing:.6px;margin-bottom:12px}.model-label{color:#757575;font-size:12px;font-weight:400;line-height:normal;letter-spacing:.12px;position:relative}.model-input{width:448px;height:40px;border-radius:4px;outline:1px solid rgba(33,33,33,.2);display:block;margin-top:4px;margin-bottom:10px;border:none;padding-left:42px}.model-comment{padding:12px 16px;width:100%;height:120px;border-radius:4px;outline:1px solid rgba(33,33,33,.2);margin-top:4px;display:block;resize:none;border:none;color:rgba(117,117,117,.5);font-size:12px;font-weight:400;line-height:normal;letter-spacing:.12px}.model-box{font-weight:400;font-size:14px;line-height:171%;letter-spacing:.03em;color:var(--text-color);display:flex;justify-content:center;margin-top:20px;margin-bottom:30px;align-items:center}.model-link{text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#2196f3;margin-left:5px}.model-check{margin-right:9px}.model-sent{font-weight:700;font-size:16px;line-height:187%;letter-spacing:.06em;text-align:center;color:#fff;padding:10px 52px;background-color:var(--actient-color)}.model-frap{display:flex;justify-content:center}.model-ikon{width:12px;height:12px;fill:var(--text-color);position:absolute;top:35px;left:15px}.model-input:hover,.model-input:focus{outline:1px solid var(--accent-color)}.model-input:hover+.model-ikon,.model-input:focus+.model-ikon{fill:var(--accent-color)}/*# sourceMappingURL=main.min.css.map */