h1,h2,h3,p{margin:0}ul{list-style:none;margin:0;padding:0}address{font-style:normal}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{background-color:rgba(0,0,0,0);border:none;font-family:inherit;cursor:pointer;padding:0}.customer__title,.team__title,.activities__title,.features__title{font-family:var(--font-family);font-weight:700;font-size:36px;letter-spacing:.03em;text-align:center;color:#212121}.modal-form__submit,.filters__button,.subscribe-form__button,.hero__button{font-family:inherit;font-weight:700;font-size:16px;line-height:1.875;letter-spacing:.06em;color:#fff;background-color:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,.15);border:none;border-radius:4px;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer}.modal-form__submit:hover,.filters__button:hover,.subscribe-form__button:hover,.hero__button:hover,.modal-form__submit:focus,.filters__button:focus,.subscribe-form__button:focus,.hero__button:focus{background-color:#188ce8}.footer__subtitle{margin-bottom:20px;font-weight:700;text-transform:uppercase;line-height:1.1428571429;color:#fff}@keyframes changeColorToPrimary{from{color:#212121}to{color:#2196f3}}@keyframes scaleXFull{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes heroButtonHover{from{background-color:#2196f3}to{background-color:#188ce8}}@keyframes changeBgToPrimary{from{background-color:#fff}to{background-color:#2196f3}}@keyframes changeFillToWhite{from{fill:#afb1b8}to{fill:#fff}}@keyframes changeBorderToBrand{from{border-color:#afb1b8}to{border-color:#2196f3}}@keyframes changeFillToBrand{from{fill:#afb1b8}to{fill:#2196f3}}@keyframes changeColorToAccent{from{color:hsla(0,0%,100%,.6)}to{color:#2196f3}}@keyframes portfolioCategoryHover{from{background-color:#f5f4fa;color:#212121}to{background-color:#2196f3;color:#fff}}@keyframes slideInFromBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes addPortfolioShadow{from{box-shadow:none}to{box-shadow:0px 2px 2px rgba(0,0,0,.2),0px 6px 6px rgba(0,0,0,.25)}}@keyframes addCategoryShadow{from{box-shadow:none}to{box-shadow:0 3px 2px rgba(0,0,0,.35)}}@keyframes changeFillToPrimary{from{fill:#757575}to{fill:#2196f3}}@keyframes changeFillToAccent{from{fill:#000}to{fill:#2196f3}}@keyframes changeBorderToAccent{from{border-color:rgba(33,33,33,.2)}to{border-color:#2196f3}}@keyframes iconHoverFill{from{fill:#afb1b8}to{fill:#2196f3}}body{font-family:"Roboto",sans-serif;font-size:14px;letter-spacing:.03em;color:#212121;background:#fff}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media screen and (min-width: 480px){.container{width:480px}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}.hero__button{width:216px;height:50px}.subscribe-form__button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:10px 28px}.filters__button{padding:6px 22px;font-weight:500;letter-spacing:.03em;text-align:center;color:#212121;background-color:#f5f4fa;box-shadow:none;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.filters__button:hover,.filters__button:focus,.filters__button--current{color:#fff;background-color:#2196f3;box-shadow:0px 3px 1px rgba(0,0,0,.1),0px 1px 2px rgba(0,0,0,.08),0px 2px 2px rgba(0,0,0,.12)}.modal__close-button{position:absolute;top:8px;right:8px;padding:0;display:flex;align-items:center;justify-content:center;gap:0;width:30px;height:30px;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer}.modal__close-button:hover .modal__close-icon,.modal__close-button:focus .modal__close-icon{fill:#2196f3;transform:rotate(180deg)}.modal-form__submit{display:block;margin:0 auto;padding:10px 52px}.logo{padding-top:16px;padding-bottom:16px;font-family:"Raleway",sans-serif;font-style:normal;font-weight:700;font-size:24px;line-height:1.1666666667;text-decoration:none;color:#2196f3}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.1923076923}}.logo__text--dark{color:#000}.logo__text--light{color:#fff}.socials{display:flex;align-items:center;justify-content:center;gap:10px}.socials__link{display:flex;align-items:center;justify-content:center;gap:0;width:44px;height:44px;border-radius:50%;color:#afb1b8;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.socials__link:hover,.socials__link:focus{color:#fff;background-color:#2196f3}.socials__icon{fill:currentColor}.socials__link--footer{color:#fff;background-color:hsla(0,0%,100%,.1)}.socials__link--footer:hover,.socials__link--footer:focus{color:#fff;background-color:#2196f3}.backdrop{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;background-color:rgba(0,0,0,.2);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop--is-hidden{opacity:0;visibility:hidden;pointer-events:none}.backdrop--is-hidden .modal{transform:translate(-50%, -50%) scale(0.8)}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:40px;width:450px;height:609px;background-color:#fff;box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);border-radius:4px;transform:translate(-50%, -50%) scale(1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),scale 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.modal{width:528px;height:581px}}.modal__close-icon{fill:#000;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__title{display:block;margin-bottom:12px;font-weight:700;font-size:20px;line-height:1.5;text-align:center;color:#212121}@media screen and (min-width: 1200px){.modal__title{line-height:1.15}}.modal-form__label{display:block;margin-bottom:4px;font-size:12px;line-height:1.1666666667;letter-spacing:.01em;color:#757575}.modal-form__input-wrapper{position:relative;margin-bottom:10px}.modal-form__input{width:100%;height:40px;padding-left:42px;padding-right:42px;font-size:12px;line-height:1.1666666667;letter-spacing:.01em;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:1px solid rgba(0,0,0,0);outline-offset:-1px;transition:outline 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__input:hover,.modal-form__input:focus{outline-color:#2196f3}.modal-form__icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__input:hover+.modal-form__icon,.modal-form__input:focus+.modal-form__icon{fill:#2196f3}.modal-form__textarea{width:100%;height:120px;padding:12px 16px;margin-bottom:20px;resize:none;font-size:14px;line-height:1.1428571429;letter-spacing:.01em;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:1px solid rgba(0,0,0,0);outline-offset:-1px;transition:outline 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.modal-form__textarea{font-size:12px;line-height:1.1666666667}}.modal-form__textarea:hover,.modal-form__textarea:focus{outline-color:#2196f3}.modal-form__textarea::placeholder{color:rgba(117,117,117,.5)}.uncheck{opacity:1;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.check{opacity:0;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__checkbox:checked+.modal-form__agreement-label .uncheck{opacity:0}.modal-form__checkbox:checked+.modal-form__agreement-label .check{opacity:1}.modal-form__agreement{display:flex;align-items:center;justify-content:center;gap:0;gap:8px;margin-bottom:30px;font-size:12px;line-height:1.1666666667;user-select:none;color:#757575}@media screen and (min-width: 1200px){.modal-form__agreement{font-size:14px;line-height:1.7142857143}}.modal-form__agreement-link{line-height:1.7142857143;color:#2196f3;text-underline-offset:2px;text-decoration:underline}.header__nav{display:flex;align-items:center;justify-content:flex-start;gap:0}.nav{display:flex;align-items:center;justify-content:flex-start;gap:0}@media screen and (min-width: 768px){.nav{margin-right:auto}}.header__nav-list{display:none}@media screen and (min-width: 768px){.header__nav-list{display:flex;align-items:center;justify-content:flex-start;gap:0}}.header__nav-item:not(:last-child){margin-right:50px}.header__nav-link{position:relative;display:block;padding-top:32px;padding-bottom:32px;font-weight:500;line-height:1.1428571429;letter-spacing:.02em;color:#212121;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__nav-link:hover,.header__nav-link:focus{color:#2196f3}.header__nav-link::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%) scaleX(0.3);display:block;width:100%;height:4px;border-radius:2px;background-color:#2196f3;opacity:0;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__nav-link:hover::after,.header__nav-link:focus::after{transform:translateX(-50%) scaleX(1);opacity:1}.header__nav-item.current .header__nav-link{color:#2196f3}.header__nav-item.current .header__nav-link::after{transform:translateX(-50%) scaleX(1);opacity:1}.header{background-color:#fff;border-bottom:1px solid #ececec}.header__container{display:flex;align-items:center;justify-content:flex-start;gap:0}@media screen and (min-width: 768px){.header .logo{margin-right:88px}}@media screen and (min-width: 1200px){.header .logo{margin-right:93px}}.header__contacts{margin-left:60px;display:none}@media screen and (min-width: 768px){.header__contacts{display:block}}@media screen and (min-width: 1200px){.header__contacts{display:flex;align-items:stretch;justify-content:flex-start;gap:0;margin-left:auto}}@media screen and (min-width: 768px){.header__contacts-item:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 1200px){.header__contacts-item:not(:last-child){margin-right:50px;margin-bottom:0}}.header__contacts-link{display:flex;align-items:center;justify-content:flex-start;gap:10px;font-weight:500;font-size:12px;line-height:1.1666666667;letter-spacing:.02em;color:#757575;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.header__contacts-link{font-size:14px;line-height:1.1428571429}}.header__contacts-link:hover,.header__contacts-link:focus{color:#2196f3}.header__contacts-icon{fill:currentColor}@media screen and (max-width: 1199px){.header__contacts-icon[width="18"][height="18"]{width:14px;height:10px;width:10px;height:14px}}.hero{padding-top:200px;padding-bottom:200px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/background.webp)}.hero__container{text-align:center}.hero__title{margin-bottom:30px;font-weight:900;font-size:44px;line-height:136%;letter-spacing:.06em;text-transform:uppercase;color:#fff}.features{padding-top:60px;padding-bottom:60px;background-color:#fff}@media screen and (min-width: 1200px){.features{padding-top:94px;padding-bottom:0}}.features__title{margin-bottom:60px}.features__list{--items: 1;display:flex;align-items:stretch;justify-content:flex-start;gap:30px;flex-wrap:wrap}@media screen and (min-width: 768px){.features__list{--items: 2}}@media screen and (min-width: 1200px){.features__list{--items: 4;flex-wrap:nowrap}}.features__item::before{content:"";display:block;height:120px;margin-bottom:30px;background-color:#f5f4fa;border-radius:4px}.features__item:nth-child(1)::before{background-image:url(../img/antenna.webp);background-size:70px;background-position:center;background-repeat:no-repeat}.features__item:nth-child(2)::before{background-image:url(../img/clock.webp);background-size:70px;background-position:center;background-repeat:no-repeat}.features__item:nth-child(3)::before{background-image:url(../img/diagram.webp);background-size:70px;background-position:center;background-repeat:no-repeat}.features__item:nth-child(4)::before{background-image:url(../img/astronaut.webp);background-size:70px;background-position:center;background-repeat:no-repeat}.features__subtitle{margin-bottom:10px;font-weight:700;font-size:14px;line-height:1.1428571429;text-transform:uppercase}@media screen and (max-width: 767px){.features__subtitle{text-align:center}}.features__text{width:100%;line-height:1.7142857143;color:#757575}@media screen and (min-width: 768px){.features__text{width:354px}}@media screen and (min-width: 1200px){.features__text{width:270px}}.activities{display:none;padding-top:60px;padding-bottom:60px;background-color:#fff;padding-top:0}@media screen and (min-width: 1200px){.activities{display:block;padding-top:94px;padding-bottom:94px}}.activities__title{margin-bottom:60px}.activities__list{display:flex;align-items:stretch;justify-content:flex-start;gap:30px}.activities__item{position:relative}.activities__overlay{position:absolute;bottom:0;width:100%;padding-top:27px;padding-bottom:27px;background-color:rgba(47,48,58,.8)}.activities__label{font-weight:700;line-height:1.1428571429;text-align:center;letter-spacing:.03em;text-transform:uppercase;color:#fff}.team{padding-top:60px;padding-bottom:60px;background-color:#f5f4fa;text-align:center}@media screen and (min-width: 1200px){.team{padding-top:94px;padding-bottom:94px}}.team__title{margin-bottom:60px}.team__list{display:flex;flex-wrap:wrap;gap:30px;--items: 1}@media screen and (max-width: 767px){.team__list{justify-content:center}}@media screen and (min-width: 768px){.team__list{--items: 2}}@media screen and (min-width: 1200px){.team__list{--items: 4}}.team__card{flex-basis:calc((100% - 30px*(var(--items) - 1))/var(--items));background-color:#fff;box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);border-radius:0px 0px 4px 4px}@media screen and (max-width: 767px){.team__card{max-width:450px}}.team__photo{width:100%;height:auto;display:block}@media screen and (min-width: 1200px){.team__photo{width:auto}}.team__content{padding-top:30px;padding-bottom:24px}@media screen and (min-width: 1200px){.team__content{padding-bottom:30px}}.team__name{margin-bottom:10px;font-weight:500;font-size:16px;line-height:1.1875}.team__role{margin-bottom:16px;font-size:16px;line-height:1.1875;color:#757575}.socials{display:flex;justify-content:center;align-items:center;gap:10px}.socials__link{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%;color:#afb1b8;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.socials__link:hover,.socials__link:focus{color:#fff;background-color:#2196f3}.socials__icon{fill:currentColor}.customers{padding-top:60px;padding-bottom:60px;background-color:#fff}@media screen and (min-width: 1200px){.customers{padding-top:94px;padding-bottom:94px}}.customer__title{margin-bottom:60px}.customers__list{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;gap:30px}.customers__item{flex-basis:calc((100% - (var(--items) - 1)*30px)/var(--items))}@media screen and (max-width: 767px){.customers__item{--items: 2}}@media screen and (min-width: 768px){.customers__item{--items: 3}}@media screen and (min-width: 1200px){.customers__item{--items: 6}}.customers__link{display:flex;align-items:center;justify-content:center;gap:0;max-width:210px;height:92px;border:1px solid #afb1b8;border-radius:4px;color:#afb1b8;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.customers__link:hover,.customers__link:focus{border-color:#2196f3;color:#2196f3}@media screen and (min-width: 768px){.customers__link{width:226px}}@media screen and (min-width: 1200px){.customers__link{width:170px}}.customers__icon{fill:currentColor}.footer{background-color:#2f303a}.footer__container{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 768px){.footer__container{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline}}@media screen and (max-width: 1199px){.footer__container{text-align:center}}.footer__column:first-child{margin-bottom:60px}@media screen and (min-width: 768px){.footer__column:first-child{margin-right:165px}}@media screen and (min-width: 1200px){.footer__column:first-child{margin-right:70px;margin-bottom:0}}.footer .logo{display:inline-block;margin-bottom:28px}.logo__text--light{color:#fff}.footer__address p{display:inline-block;margin-bottom:12px;font-style:normal;line-height:1.7142857143;color:#fff}.footer__address-item:first-child{margin-bottom:12px}.footer__link{display:inline-block;font-style:normal;line-height:1.7142857143;color:hsla(0,0%,100%,.6);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__link:hover,.footer__link:focus{color:#2196f3}.footer .socials{display:flex;justify-content:center;align-items:center;gap:10px}@media screen and (max-width: 767px){.footer .socials{margin-bottom:60px}}.socials__link--footer{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%;color:#fff;background-color:hsla(0,0%,100%,.1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.socials__link--footer:hover,.socials__link--footer:focus{color:#fff;background-color:#2196f3}.footer .socials__icon{fill:currentColor}@media screen and (min-width: 1200px){.footer__column:last-child{margin-left:auto}}@media screen and (min-width: 1200px){.subscribe-form{display:flex;gap:12px}}.subscribe-form__input{margin-bottom:20px;padding:15px 16px;width:450px;height:50px;font-size:16px;line-height:1.25;color:#fff;background-color:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.3);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;outline:1px solid rgba(0,0,0,0);outline-offset:-1px;transition:outline 250ms cubic-bezier(0.4, 0, 0.2, 1)}.subscribe-form__input:hover,.subscribe-form__input:focus{outline-color:#2196f3}.subscribe-form__input::placeholder{color:hsla(0,0%,100%,.6)}@media screen and (min-width: 768px){.subscribe-form__input{display:block}}@media screen and (min-width: 1200px){.subscribe-form__input{margin-bottom:0;width:358px}}.subscribe-form__icon{fill:currentColor}.header{border-bottom:1px solid #ececec}.filters{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.filters{padding-top:94px;padding-bottom:49px}}.portfolio{padding-top:60px;padding-bottom:60px;background-color:#fff}@media screen and (min-width: 1200px){.portfolio{padding-top:0px;padding-bottom:94px}}.filters__list{display:flex;flex-wrap:wrap;gap:8px}@media screen and (min-width: 768px){.filters__list{justify-content:center}}.filters__button{padding:6px 22px;font-weight:500;letter-spacing:.03em;text-align:center;color:#212121;background-color:#f5f4fa;box-shadow:none;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.filters__button:hover,.filters__button:focus{color:#fff;background-color:#2196f3;box-shadow:0px 3px 1px rgba(0,0,0,.1),0px 1px 2px rgba(0,0,0,.08),0px 2px 2px rgba(0,0,0,.12)}.portfolio__list{display:flex;flex-wrap:wrap;gap:30px;--items: 1}@media screen and (min-width: 768px){.portfolio__list{--items: 2}}@media screen and (min-width: 1200px){.portfolio__list{--items: 3;min-height:1275px}}.portfolio__item{flex-basis:calc((100% - 30px*(var(--items) - 1))/var(--items))}.portfolio__image{display:block;width:100%;height:auto}.portfolio__link{display:block;transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio__link:hover,.portfolio__link:focus{box-shadow:0px 1px 1px rgba(0,0,0,.12),0px 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16)}.portfolio__content{padding:20px 24px;border:1px solid #eee;border-top:none}.portfolio__title{margin-bottom:4px;font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em;color:#212121}.portfolio__category{font-size:16px;line-height:1.875;color:#757575}.portfolio__thumb{position:relative;overflow:hidden}.portfolio__overlay{position:absolute;top:0;left:0;width:100%;height:100%;padding-right:24px;padding-left:24px;display:flex;align-items:center;background-color:rgba(33,150,243,.9);transform:translateY(100%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio__link:hover .portfolio__overlay,.portfolio__link:focus .portfolio__overlay{transform:translateY(0)}.portfolio__overlay-text{font-size:18px;line-height:1.5555555556;letter-spacing:.03em;color:#fff}/*# sourceMappingURL=main.min.css.map */