h1,h2,h3,p{margin:0}ul{list-style:none;padding:0;margin:0}a{text-decoration:none;font-style:normal}button{border:none}address{font-style:normal}.container{width:100%;max-width:1200px;padding-left:15px;padding-right:15px;margin:0 auto;box-sizing:border-box}body{font-family:"Roboto",sans-serif}.header{padding-top:24px;padding-bottom:25px;padding-left:15px;outline:1px solid #ececec}.header__nav{display:flex;align-items:center;gap:50px}.header__studio{font-family:"Roboto",sans-serif;color:#000}.header__web{color:#2196f3}.header__list{display:flex;gap:50px;margin-left:43px}.header__focus{color:#000;align-items:center;position:relative;transition-property:opacity,color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.header__focus::after{content:"";display:block;width:100%;height:4px;background-color:#2196f3;position:absolute;top:51px;left:0;opacity:0;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__focus:hover::after{opacity:1}.header__page{color:#000;transition-property:color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.header__page:hover{color:#2196f3}.header__address{margin-left:auto;display:flex;gap:50px}.header__contacts{color:gray;display:flex;align-items:center;gap:10px;transition-property:fill,color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.header__contacts:hover .header__img{fill:#2196f3}.header__contacts:hover .header__img2{fill:#2196f3}.header__img{width:16px;height:12px;fill:gray;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.header__img2{width:10px;height:16px;fill:gray;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.hero{padding-top:200px;padding-bottom:200px;background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/img-head.png");background-size:cover;background-repeat:no-repeat;background-position:center;text-align:center}.hero__title{max-width:696px;line-height:60px;font-weight:bold;font-size:44px;color:#f5f4fa;text-transform:uppercase;text-align:center;margin-left:auto;margin-right:auto;letter-spacing:0px}.hero__button{width:216px;height:50px;font-size:18px;background-color:#2196f3;color:#f5f4fa;margin-top:30px;border-radius:4px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);line-height:1.875;font-size:16px;font-weight:600;letter-spacing:1px;font-family:"Roboto",sans-serif}.description{padding-top:94px;padding-bottom:94px}.description__list{display:flex;justify-content:space-between;gap:30px}.description__item::before{content:"";display:block;background-size:cover;background-repeat:no-repeat;width:270px;height:120px;background-image:url("../images/satellite.png");margin-bottom:30px;border-radius:5px}.description__item:nth-child(2)::before{background-image:url("../images/clock.png")}.description__item:nth-child(3)::before{background-image:url("../images/laptop.png")}.description__item:nth-child(4)::before{background-image:url("../images/spaceman.png")}.description__title{font-size:14px;font-weight:bold;margin-bottom:10px}.description__subtitle{font-size:14px;color:gray;line-height:24px}.do{padding-bottom:94px;gap:30px}.do__title{font-weight:bold;font-size:36px;text-align:center}.do__list{display:flex;justify-content:space-around;margin-top:50px;gap:30px}.do__item{position:relative}.do__subtitle{font-family:"Roboto",sans-serif;font-weight:600;font-size:14px;letter-spacing:.03em;text-transform:uppercase;display:flex;justify-content:center;align-items:center;color:#fff;z-index:1;position:absolute;bottom:0;background:rgba(47,48,58,.8);width:370px;height:70px;text-align:center}.do__img{display:block;width:100%}.team{padding-top:94px;padding-bottom:94px;background-color:#f5f4fa}.team__title{font-weight:bold;font-size:36px;text-align:center}.team__list{display:flex;flex-wrap:wrap;gap:30px;list-style:none;justify-content:center;align-items:center;margin-top:50px}.team__card{background-color:#fff;width:270px;padding-bottom:30px;text-align:center;border-radius:4px;border-radius:0 0 4px 4px;box-shadow:0 2px 1px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.team__image{width:100%;height:260px;display:block}.team__name{font-size:16px;font-weight:medium;margin-top:30px;margin-bottom:10px}.team__role{font-size:16px;color:gray}.team__socials{display:flex;justify-content:center;gap:10px;margin-top:18px}.team__social-link{display:flex;justify-content:center;align-items:center;width:44px;height:44px;transition-property:background-color,outline,border-radius;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);border-radius:50%}.team__social-link:hover{border-radius:50%;outline:1px solid #2196f3;background-color:#2196f3;width:44px;height:44px}.team__social-link:hover .team__icon{fill:#fff}.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;background-color:#fff}.client__title{font-weight:700;font-size:36px;letter-spacing:.03em;text-align:center;color:#212121;margin-bottom:50px}.client__list{display:flex;justify-content:space-between}.client__link{display:flex;justify-content:center;align-items:center;outline:2px solid #afb1b8;border-radius:4px;width:170px;height:92px;transition-property:outline;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.client__link:hover{outline:2px solid #2196f3}.client__link:hover .client__icon{fill:#2196f3}.client__link:hover .client__icon2{fill:#2196f3}.client__link:hover .client__icon3{fill:#2196f3}.client__link:hover .client__icon4{fill:#2196f3}.client__link:hover .client__icon5{fill:#2196f3}.client__link:hover .client__icon6{fill:#2196f3}.client__icon{height:46px;width:41px;fill:#afb1b8;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.client__icon2{width:40px;height:52px;fill:#afb1b8;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.client__icon3{width:44px;height:42px;fill:#afb1b8;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.client__icon4{width:84px;height:40px;fill:#afb1b8;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.client__icon5{width:63px;height:46px;fill:#afb1b8;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.client__icon6{width:94px;height:44px;fill:#afb1b8;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer{padding-top:60px;padding-bottom:60px;background-color:#2f303a}.footer__container{width:100%;max-width:1200px;padding-left:15px;padding-right:15px;margin:0 auto;box-sizing:border-box;display:flex;align-items:baseline}.footer__studio{color:#fff;margin-bottom:20px;font-size:26px;font-family:"Raleway",sans-serif}.footer__web{color:#2196f3}.footer__address{font-style:normal;font-size:14px;color:#fff;margin-bottom:9px}.footer__contact{color:gray;font-size:14px;display:flex;flex-direction:column;gap:9px;margin-bottom:9px;line-height:24px}.footer__social{margin-left:70px;display:flex;justify-content:center;align-items:baseline;flex-direction:column}.footer__caption{font-weight:bold;font-size:14px;letter-spacing:.03em;text-transform:uppercase;color:#fff;margin-bottom:20px}.footer__socials{display:flex;gap:10px}.footer__item{display:flex}.footer__link{border-radius:50%;outline:1px solid hsla(0,0%,100%,.1);background-color:hsla(0,0%,100%,.1);width:44px;height:44px;gap:10px;display:flex;justify-content:center;align-items:center;transition-property:border-radius,outline,background-color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer__link:hover{border-radius:50%;outline:1px solid #2196f3;background-color:#2196f3;width:44px;height:44px}.footer__icon{width:20px;height:20px;fill:#fff}.footer__subscribe{margin-left:auto}.footer__caption{font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase;color:#fff;margin-bottom:20px}.footer__input{border:1px solid hsla(0,0%,100%,.3);border-radius:4px;width:358px;height:50px;margin-right:12px;background-color:#2f303a}.footer__button{width:200px;height:50px;background-color:#2196f3;border-radius:4px;font-weight:700;font-size:16px;line-height:188%;letter-spacing:.06em;text-align:center;color:#fff}.footer__button-icon{fill:#fff;width:24px;height:24px;position:relative;top:8px}.modal{width:528px;background-color:#fff;border-radius:4px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1) rotate(0deg);padding:40px;box-sizing:border-box;transition-property:transform;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal__close{width:30px;height:30px;border-radius:50%;border:none;outline:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;position:absolute;top:10px;right:10px;background-color:#fff;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__close:hover .modal__close-icon{fill:#2196f3}.modal__cross{width:11px;height:11px;fill:#000}.modal__title{font-weight:700;font-size:20px;letter-spacing:.03em;text-align:center;color:#212121;margin-bottom:12px}.modal__field{font-size:12px;letter-spacing:.01em;color:#757575;display:block;position:relative}.modal__input{display:block;outline:1px solid rgba(33,33,33,.2);border:none;border-radius:4px;width:100%;height:40px;margin-top:4px;margin-bottom:10px;transition-property:outline;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal__input:hover,.modal__input:focus{outline:1px solid #2196f3}.modal__input:hover+.modal__icon,.modal__input:focus+.modal__icon{fill:#2196f3}.modal__icon{position:absolute;left:12px;top:29px;width:14px;height:14px;fill:#212121;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__textarea{display:block;width:100%;height:120px;outline:1px solid rgba(33,33,33,.2);border:none;border-radius:4px;height:120px;resize:none;padding:12px 16px;font-weight:400;font-size:12px;letter-spacing:.01em;color:rgba(117,117,117,.5);margin-top:4px;margin-bottom:20px;box-sizing:border-box}.modal__agreement{display:flex;justify-content:center;align-items:center}.modal__checkbox{width:16px;height:15px}.modal__text{font-size:14px;line-height:1.71;color:#757575;margin-left:9px}.modal__link{color:#2196f3;text-decoration:underline;margin-left:4px}.modal__submit{width:200px;height:50px;margin:30px auto 0;display:block;border-radius:4px;background-color:#2196f3;color:#fff;font-weight:700;font-size:16px;box-shadow:0 4px 4px rgba(0,0,0,.15)}.backdrop{background-color:rgba(12,7,8,.4745098039);position:fixed;top:0;left:0;width:100%;height:100%;opacity:1;z-index:1;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden{opacity:0;pointer-events:none}.backdrop.is-hidden .modal{transform:translate(-50%, -50%) scale(0)}.menu{padding-top:94px;padding-bottom:34px}.menu__list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;justify-content:center;align-content:flex-end;margin-bottom:34px}.menu__button{height:38px;padding:6px 22px;background-color:#f5f4fa;color:#000;border-radius:4px;transition-property:background-color,color,box-shadow;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.menu__button:hover{background-color:#2196f3;color:#f5f4fa;box-shadow:0 2px 2px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.08),0 3px 1px 0 rgba(0,0,0,.1)}.portfolio{padding-top:auto;padding-bottom:114px}.portfolio__list{display:flex;flex-wrap:wrap;gap:30px;list-style:none;justify-content:center;align-content:flex-end}.portfolio__wrapper{position:relative;overflow:hidden}.portfolio__hover{font-size:18px;font-weight:400;color:#fff;position:absolute;top:0;left:0;padding:63px 24px;background-color:rgba(33,150,255,.9);width:100%;height:100%;opacity:0;line-height:156%;letter-spacing:.03em;box-sizing:border-box;transition-property:opacity,transform;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translateY(100%)}.portfolio__title{font-size:18px;font-weight:bold;color:#000;padding-top:20px;padding-bottom:4px;margin-right:24px;margin-left:24px;line-height:36px;font-size:18px}.portfolio__subtitle{font-size:16px;color:gray;padding-bottom:20px;margin-right:24px;margin-left:24px;line-height:30px;font-size:16px}.portfolio__item{flex-basis:calc((100% - 60px)/3);box-sizing:border-box;outline:1px solid #eee;position:relative;transition-property:outline,box-shadow;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.portfolio__item:hover{outline:1px solid #eee;box-shadow:1px 4px 6px 0 rgba(0,0,0,.16),0 4px 4px 0 rgba(0,0,0,.06),0 1px 1px 0 rgba(0,0,0,.12)}.portfolio__item:hover .portfolio__hover{opacity:1;transform:translateY(0)}/*# sourceMappingURL=main.min.css.map */