ul{list-style:none;margin:0;padding:0}h1,h2,h3,h4,p{margin:0}a{text-decoration:none}address{font-style:normal}button{border:none;cursor:pointer}img{display:block;width:100%}body{font-family:Roboto}.container{width:1200px;padding:0 15px;margin:0 auto;outline:1px solid red}.modal__sent,.modal__comment,.modal__ikon,.modal__input,.modal__icon,.modal,.footer__sending,.everybody__desk,.everybody__item,.everybody__btn,.clients__icon,.clients__link,.our__icon,.our__link,.header__ikon,.header__icon,.header__sending,.header__link{transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer__ikon,.footer__btn,.hero__btn,.active::after{animation-duration:3500ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-iteration-count:infinite}.header{padding-top:24px;padding-bottom:25px;border-bottom:1px solid #ececec}.header__box{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:nowrap;gap:0}.header__logo{color:#2196f3;font-family:Raleway;font-size:26px;font-weight:700;line-height:1.38;letter-spacing:.78px;margin-right:93px}.header__color{color:#000}.header__nav{margin-right:318px}.header__list{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:nowrap;gap:50px}.header__link{color:#212121;font-size:14px;font-weight:500;line-height:1.14;letter-spacing:.28px;position:relative;transition-property:color}.header__link:is(:hover,:focus){color:#2196f3}.header__items{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:nowrap;gap:30px}.header__sending{color:#757575;font-size:14px;font-weight:500;line-height:1.14;letter-spacing:.28px;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:nowrap;gap:10px;transition-property:color}.header__sending:is(:hover,:focus){color:#2196f3}.header__sending:is(:hover,:focus) .header__icon{fill:#2196f3}.header__sending:is(:hover,:focus) .header__ikon{fill:#2196f3}.header__icon{width:16px;height:12px;fill:#757575;transition-property:fill}.header__ikon{width:10px;height:16px;fill:#757575;transition-property:fill}.active{color:#2196f3}.active::after{content:"";display:block;width:100%;height:4px;border-radius:2px;background-color:#2196f3;position:absolute;top:48px;left:0;animation-name:active}@keyframes active{0%{background-color:#2196f3}50%{background-color:rgba(0,0,0,0)}100%{background-color:#2196f3}}.hero{background-color:#2f303a;padding:200px 0;background-image:linear-gradient(360deg, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/working.webp);background-repeat:no-repeat;background-position:center;background-size:cover}.hero__box{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:nowrap;gap:0}.hero__title{color:#fff;font-size:44px;font-weight:900;line-height:1.36;letter-spacing:2.64px;text-transform:uppercase;width:696px;margin-bottom:30px}.hero__btn{color:#fff;font-size:16px;font-weight:700;line-height:1.87;letter-spacing:.96px;background-color:#2196f3;border-radius:4px;padding:10px 32px;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);animation-name:btn-change}.attention{padding-top:94px}.attention__list{display:flex;gap:30px}.attention__item::before{content:"";display:block;margin-bottom:30px;width:100%;height:120px;border-radius:4px;background-color:#f5f4fa;background-image:url(../img/antena.webp);background-repeat:no-repeat;background-position:center}.attention__item:nth-child(2)::before{background-image:url(../img/clock.webp)}.attention__item:nth-child(3)::before{background-image:url(../img/laptop.webp)}.attention__item:nth-child(4)::before{background-image:url(../img/astronaut.webp)}.attention__title{color:#212121;font-size:14px;font-weight:700;line-height:1.14;letter-spacing:.42px;text-transform:uppercase;margin-bottom:10px}.attention__text{color:#757575;font-size:16px;font-weight:400;line-height:1.71;letter-spacing:.42px}.whereby{padding:94px 0}.whereby__title{color:#212121;text-align:center;font-size:36px;font-weight:700;line-height:1.16;letter-spacing:1.08px;margin-bottom:50px}.whereby__wrapper{position:absolute}.whereby__list{display:flex;gap:30px}.whereby__item{position:relative}.whereby__desk{background-color:rgba(47,48,58,.8);color:#fff;width:370px;padding:27px 0;text-align:center;font-size:14px;font-weight:700;line-height:1.14;letter-spacing:.42px;text-transform:uppercase;position:absolute;z-index:1;bottom:0}.our{background-color:#f5f4fa;padding:94px 0}.our__title{color:#212121;font-size:36px;font-weight:700;line-height:1.16;letter-spacing:1.08px;text-align:center;margin-bottom:50px}.our__list{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:nowrap;gap:30px}.our__item{background-color:#fff;flex-basis:calc((100% - 90px)/4);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)}.our__wrapper{padding:30px 0}.our__subtitle{color:#212121;text-align:center;font-size:16px;font-weight:500;line-height:1.18;letter-spacing:.48px;margin-bottom:10px}.our__text{color:#757575;text-align:center;font-size:16px;font-weight:400;line-height:1.18;letter-spacing:.48px;font-size:16px;font-weight:400;line-height:1.18;letter-spacing:.48px}.our__items{margin-top:16px;display:flex;align-items:stretch;justify-content:center;flex-direction:row;flex-wrap:nowrap;gap:10px}.our__link{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:nowrap;gap:0;transition-property:background-color}.our__link:is(:hover,:focus){background-color:#2196f3}.our__link:is(:hover,:focus) .our__icon{fill:#fff}.our__icon{fill:#afb1b8;width:20px;height:20px;transition-property:fill}.clients{padding:94px 0}.clients__title{color:#212121;margin-bottom:50px;text-align:center;font-size:36px;font-weight:700;line-height:1.16;letter-spacing:1.08px}.clients__list{display:flex;align-items:stretch;justify-content:center;flex-direction:row;flex-wrap:nowrap;gap:30px}.clients__link{width:170px;height:92px;border-radius:4px;outline:1px solid #afb1b8;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:nowrap;gap:0;transition-property:outline}.clients__link:is(:hover,:focus){outline:1px solid #2196f3}.clients__link:is(:hover,:focus) .clients__icon{fill:#2196f3}.clients__icon{width:106px;height:60px;fill:#afb1b8;transition-property:fill}.everybody{padding:94px 0}.everybody__items{display:flex;align-items:stretch;justify-content:center;flex-direction:row;flex-wrap:nowrap;gap:8px;margin-bottom:50px}.everybody__btn{color:#212121;font-size:16px;font-weight:500;line-height:1.62;letter-spacing:.48px;padding:6px 22px;border-radius:4px;background-color:#f5f4fa;transition-property:background-color color box-shadow}.everybody__btn:is(:hover,:focus){background-color:#2196f3;color:#fff;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)}.everybody__list{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:30px}.everybody__item{flex-basis:calc((100% - 60px)/3);transition-property:box-shadow}.everybody__wrap{position:relative;overflow:hidden}.everybody__item:is(:hover,:focus){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);cursor:pointer}.everybody__item:is(:hover,:focus) .everybody__desk{transform:translateY(0);opacity:1}.everybody__desk{color:#fff;font-size:18px;font-weight:400;line-height:1.55;letter-spacing:.54px;background-color:rgba(33,150,243,.9);width:100%;height:100%;padding:63px 24px;position:absolute;top:0;left:0;opacity:0;transform:translateY(100%);transition-property:transform opacity;pointer-events:none}.everybody__wrapper{padding:20px 24px;outline:1px solid #eee}.everybody__title{color:#212121;font-size:18px;font-weight:700;line-height:2;letter-spacing:1.08px;margin-bottom:4px}.everybody__text{color:#757575;font-size:16px;font-weight:400;line-height:1.87;letter-spacing:.48px}.footer{background-color:#2f303a;padding:60px 0}.footer__box{display:flex;align-items:baseline}.footer__wrapper{margin-right:70px}.footer__logo{color:#2196f3;display:block;font-family:Raleway;font-size:26px;font-weight:700;line-height:1.38;letter-spacing:.78px;margin-bottom:20px}.footer__color{color:#fff}.footer__list{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;flex-wrap:nowrap;gap:9px}.footer__list :first-child>.footer__link{color:#fff}.footer__link{color:hsla(0,0%,100%,.6);font-size:14px;font-weight:400;line-height:1.71;letter-spacing:.42px}.footer__wrap{margin-right:auto}.footer__title{margin-bottom:20px;color:#fff;font-size:14px;font-weight:700;line-height:1.14;letter-spacing:.42px;text-transform:uppercase}.footer__items{display:flex;align-items:stretch;justify-content:center;flex-direction:row;flex-wrap:nowrap;gap:10px}.footer__sending{width:44px;height:44px;border-radius:50%;background-color:hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:nowrap;gap:0;transition-property:background-color}.footer__sending:is(:hover,:focus){background-color:#2196f3}.footer__icon{width:20px;height:20px;fill:#fff}.footer__subtitle{margin-bottom:20px;color:#fff;font-size:14px;font-weight:700;line-height:1.14;letter-spacing:.42px;text-transform:uppercase}.footer__form{position:relative}.footer__input{width:358px;height:50px;padding-left:16px;outline:1px solid hsla(0,0%,100%,.3);border-radius:4px;border:none;background-color:rgba(0,0,0,0);box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);color:hsla(0,0%,100%,.6);font-size:16px;font-weight:400;line-height:1.25;letter-spacing:.48px}.footer__btn{padding:10px 62px 10px 28px;margin-left:12px;border-radius:4px;background-color:#2196f3;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);color:#fff;font-size:16px;font-weight:700;line-height:1.87;letter-spacing:.96px;animation-name:btn-change}.footer__ikon{width:24px;height:24px;fill:#fff;position:absolute;top:13px;right:30px;animation-name:icon-change}@keyframes btn-change{0%{color:#fff;background-color:#2196f3}50%{color:#2196f3;background-color:#fff}100%{color:#fff;background-color:#2196f3}}@keyframes icon-change{0%{fill:#fff}50%{fill:#2196f3}100%{fill:#fff}}.backdrop{background-color:rgba(0,0,0,.2);position:fixed;top:0;left:0;width:100%;height:100%;opacity:1}.is__hidden{opacity:0;pointer-events:none}.is__hidden .modal{transform:translate(0) rotate(720deg) scale(0)}.modal{background-color:#fff;padding:40px;width:528px;height:581px;border-radius: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);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:1;transition-property:transform}.modal__close{width:30px;height:30px;border-radius:50%;background-color:rgba(0,0,0,0);outline:1px solid rgba(0,0,0,.1);border:none;display:flex;justify-content:center;align-items:center;position:absolute;top:8px;right:8px}.modal__close:is(:hover,:focus) .modal__icon{fill:#2196f3}.modal__icon{width:18px;height:18px;transition-property:fill}.modal__title{color:#212121;text-align:center;font-size:20px;font-weight:700;line-height:1.15;letter-spacing:.6px}.modal__label{color:#757575;font-size:12px;font-weight:400;line-height:1.16;letter-spacing:.12px;position:relative}.modal__input{width:100%;height:40px;margin-bottom:10px;border:none;padding-left:42px;border-radius:4px;outline:1px solid rgba(33,33,33,.2);color:rgba(117,117,117,.5);display:block;margin-top:4px;transition-property:outline}.modal__input:is(:hover,:focus){outline:1px solid #2196f3}.modal__input:is(:hover,:focus)+.modal__ikon{fill:#2196f3}.modal__ikon{width:18px;height:18px;fill:#212121;position:absolute;top:30px;left:12px;transition-property:fill}.modal__comment{padding:12px 16px;margin-top:4px;width:100%;height:120px;border-radius:4px;outline:1px solid rgba(33,33,33,.2);border:none;display:block;color:rgba(117,117,117,.5);font-size:12px;font-weight:400;line-height:1.16;letter-spacing:.12px;resize:none;transition-property:outline}.modal__comment:is(:hover,:focus){outline:1px solid #2196f3}.modal__box{font-size:14px;font-weight:400;line-height:1.16;letter-spacing:.36px;color:#757575;display:flex;justify-content:center;align-items:center;margin-top:20px;margin-bottom:30px}.modal__check{margin-right:9px}.modal__link{margin-left:5px;color:#2196f3;text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.modal__wrap{display:flex;justify-content:center}.modal__sent{font-size:16px;font-weight:700;line-height:1.87;letter-spacing:.96px;text-align:center;color:#fff;padding:10px 52px;background-color:#2196f3;transition-property:background-color box-shadow}.modal__sent:is(:hover,:focus){background-color:#188ce8;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15)}/*# sourceMappingURL=main.min.css.map */