img{display:block;max-width:100%;height:auto}button{padding:0;cursor:pointer}p,h1,h2,h3,h4,h5,h6{margin:0}ul,ol{margin:0;padding-left:0}a{color:currentColor}body{font-family:"Roboto","Raleway"}.list{list-style:none}.link{text-decoration:none}:root{--text-light: #FFFFFF;--text-dark: #212121;--text-second-color: #757575;--accent-color: #2196F3;--second-bgcolor: #2F303A;--icon-color: #AFB1B8}.visually-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px}.logo{font-family:"Raleway";font-weight:700;font-size:26px;line-height:1.19;letter-spacing:.03em}.logo__web--blue{color:var(--accent-color)}.logo__studio--black{color:#000}.logo__studio--wite{color:var(--text-light)}.container{padding-left:15px;padding-right:15px}@media screen and (min-width: 480px){.container{max-width:480px;margin:0 auto}}@media screen and (min-width: 768px){.container{max-width:768px;margin:0 auto}}@media screen and (min-width: 1200px){.container{max-width:1200px}}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 768px){.section{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.backdrop{width:100%;height:100%;background-color:rgba(0,0,0,.2);position:fixed;top:0;transition:opacity 250ms,visibility 250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);overflow:scroll}.backdrop.is-hidden .modal{transform:translate(-50%, 50%) scale(0)}.modal{position:absolute;padding:40px;width:528px;min-height:581px;background-color:var(--text-light);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;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 767px){.modal{width:100%;min-height:609px}}.modal__btn{width:30px;height:30px;border:1px solid rgba(0,0,0,.1);border-radius:50%;position:absolute;right:8px;top:8px;background-color:rgba(0,0,0,0)}.modal__btn:focus .modal__svg{fill:var(--accent-color)}.modal__btn:hover .modal__svg{fill:var(--accent-color)}.modal__svg{transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__title{font-weight:700;font-size:20px;line-height:1.15;text-align:center;letter-spacing:.03em;color:var(--text-dark);margin-bottom:12px}.modal__lable{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.01em;color:var(--text-second-color)}.modal__field:not(:first-child){margin-top:10px}.modal__wrap{position:relative}.modal__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__input{width:100%;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding-left:42px;outline:rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);margin-top:4px}.modal__input:focus{border-color:var(--accent-color)}.modal__input:focus+.modal__icon{fill:var(--accent-color)}.modal__comment{margin-top:10px;margin-bottom:20px}.modal__input-comment{width:100%;height:120px;border:1px solid rgba(33,33,33,.2);border-radius:4px;resize:none;padding:16px 12px;outline:rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);margin-top:4px}.modal:focus{border-color:var(--accent-color)}.modal::placeholder{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__chekbox{padding-bottom:30px;margin-left:12px}.modal__checkbox-label{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;color:var(--text-second-color);display:flex;align-items:center}.modal__check-span{width:16px;height:15px;border:2px solid #303030;border-radius:2px;margin-right:8px;display:flex;align-items:center;justify-content:center;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__check-icon{fill:rgba(0,0,0,0);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__checkbox-input:checked+.modal__checkbox-label .modal__check-span{background-color:var(--accent-color);border:none}.modal__checkbox-input:checked+.modal__checkbox-label .modal__check-icon{fill:var(--text-light)}.modal__checkbox-text{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em}.modal__checkbox-link{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;text-decoration-line:underline;color:var(--accent-color)}.modal__sub{font-family:"Roboto";font-style:normal;font-weight:700;font-size:16px;line-height:1.88;display:flex;justify-content:center;align-items:center;letter-spacing:.06em;color:var(--text-light);background-color:var(--accent-color);margin-left:auto;margin-right:auto;min-width:200px;height:50px;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;border-width:0}.is-hidden{visibility:hidden;opacity:0;pointer-events:0}@media screen and (min-width: 320px){.modal{top:20px;transform:translateX(-50%)}.modal__checkbox-text,.modal__checkbox-link{font-size:8px;line-height:1.71}}@media screen and (min-width: 480px){.modal{width:450px}.modal__checkbox-text,.modal__checkbox-link{font-size:12px;line-height:1.71}}@media screen and (min-width: 768px){.modal{width:450px;min-height:609px}}@media screen and (min-width: 1200px){.modal{width:528px;min-height:581px}}@media screen and (max-width: 767px){.modal__title{margin-bottom:1px;font-weight:700;font-size:20px;line-height:1.15;text-align:center;letter-spacing:.03em}}@media screen and (min-width: 320px){.modal__title{margin-bottom:16px;font-weight:700;font-size:20px;line-height:1.15;text-align:center;letter-spacing:.03em}}.mob-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;padding:40px 4px;background-color:var(--text-light);z-index:999;opacity:0;visibility:hidden;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none;overflow:auto;transform:translateX(100%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 480px){.mob-menu{padding:40px}}.mob-menu.is-open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mob-menu__container{position:relative;padding-left:40px;padding-top:48px;padding-bottom:48px}.mob-menu__close-btn{position:absolute;top:10px;right:15px;line-height:0;border:none;background-color:rgba(0,0,0,0);padding:0}.mob-menu__close-btn:hover .mob-menu__close-svg,.mob-menu__close-btn:focus .mob-menu__close-svg{fill:#2196f3}.mob-menu__close-svg{width:40px;height:40px;fill:var(--text-dark)}.mob-menu__close-icon{fill:currentColor}.mob-menu__nav-list{margin-bottom:202px;display:flex;gap:32px;flex-direction:column}@media screen and (min-width: 480px){.mob-menu__nav-list{margin-bottom:302px}}.mob-menu__nav-link{font-weight:500;font-size:40px;line-height:1.18;text-align:center;letter-spacing:.02em;color:#212121;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);fill:currentColor}.mob-menu__nav-link:hover,.mob-menu__nav-link:focus{color:#2196f3}.mob-menu__contact-list{display:flex;flex-direction:column;gap:32px;margin-bottom:64px}.mob-menu__contact-link{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em;color:#757575;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mob-menu__contact-link:hover,.mob-menu__contact-link:focus{color:#2196f3}.mob-menu__contact-link:hover,.mob-menu__contact-link.focus{color:#2196f3}.mob-menu__soc-list{display:flex}.mob-menu__soc-item{border-right:1px solid rgba(33,33,33,.2);padding-right:10px}.mob-menu__soc-item:last-child{border:none;padding-right:0}.mob-menu__soc-item:nth-of-type(n + 2){padding-left:10px}.mob-menu__soc-link{font-weight:500;font-size:12px;line-height:1.22;letter-spacing:.02em;color:#2196f3}@media screen and (min-width: 768px){.mob-menu{display:none}}.mob-menu__close-btn{line-height:0;border:none;background-color:rgba(0,0,0,0);padding:0;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mob-menu__close-btn:hover,.mob-menu__close-btn:focus{color:#2196f3}.mob-menu__close-svg{width:40px;height:40px;fill:currentColor}.header{height:80px;border-bottom:1px solid #ececec}.header-flex{display:flex;align-items:center;justify-content:space-between;height:100%}.navigation{display:flex;align-items:center}.navigation__list{display:none}@media screen and (min-width: 768px){.navigation__list{display:flex;margin-left:87px}}@media screen and (min-width: 768px)and (min-width: 1200px){.navigation__list{margin-left:93px}}.navigation__link{font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:var(--text-dark);position:relative;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.navigation__link:hover,.navigation__link:focus{color:var(--accent-color)}.navigation__link.current::after{content:"";position:absolute;width:100%;height:4px;border-radius:2px;background-color:var(--accent-color);left:0;top:45px}.navigation-item:not(:first-child){margin-left:50px}.contacts{display:none}@media screen and (min-width: 768px){.contacts{display:flex;flex-direction:column;gap:10px}}@media screen and (min-width: 1200px){.contacts{flex-direction:row;gap:50px}}.contacts__link{display:flex;align-items:center;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:var(--text-second-color);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.contacts__link:hover,.contacts__link:focus{color:var(--accent-color)}.contacts__link:hover .contacts__icon,.contacts__link:focus .contacts__icon{fill:var(--accent-color)}.contacts__icon{fill:var(--text-second-color);background-repeat:no-repeat;background-size:cover;margin-right:10px;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__menu-btn{line-height:0;border:none;background-color:rgba(0,0,0,0);padding:0;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);fill:currentColor}.header__menu-btn:hover,.header__menu-btn:focus{fill:var(--accent-color)}@media screen and (min-width: 768px){.header__menu-btn{display:none}}.navigation__link.current{color:var(--accent-color)}.hero{background-color:var(--second-bgcolor);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-mob.jpeg);background-repeat:no-repeat;background-position:center;background-size:cover;padding:118px 0}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-mob2x.jpeg)}}@media screen and (min-width: 768px){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-tab.jpeg)}}@media screen and (min-width: 768px)and (min-device-pixel-ratio: 2),screen and (min-width: 768px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 768px)and (min-resolution: 192dpi),screen and (min-width: 768px)and (min-resolution: 2dppx){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-tab2x.jpeg)}}@media screen and (min-width: 1200px){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg.jpeg);max-width:1600px;margin:0 auto;padding:200px 0}}@media screen and (min-width: 1200px)and (min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (min-resolution: 192dpi),screen and (min-width: 1200px)and (min-resolution: 2dppx){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg2x.jpeg)}}.hero__text{font-weight:900;font-size:20px;line-height:1.62;text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--text-light);max-width:300px;margin-left:auto;margin-right:auto;margin-bottom:30px}@media screen and (min-width: 480px){.hero__text{max-width:480px;font-size:26px}}@media screen and (min-width: 1200px){.hero__text{font-size:44px;line-height:1.36;max-width:696px}}.hero__btn{font-family:"Roboto";font-style:normal;font-weight:700;font-size:16px;line-height:1.88;display:flex;justify-content:center;align-items:center;letter-spacing:.06em;color:var(--text-light);background-color:var(--accent-color);margin-left:auto;margin-right:auto;min-width:200px;height:50px;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;border-width:0}.benefits__list{display:flex;flex-wrap:wrap;gap:30px}.benefits__list .benefits__item:nth-child(1)::before{background-image:url(../images/antenna.svg)}.benefits__list .benefits__item:nth-child(2)::before{background-image:url(../images/clock.svg)}.benefits__list .benefits__item:nth-child(3)::before{background-image:url(../images/diagram.svg)}.benefits__list .benefits__item:nth-child(4)::before{background-image:url(../images/astronaut.svg)}.benefits__list .benefits__item{width:100%}@media screen and (min-width: 768px){.benefits__list .benefits__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.benefits__list .benefits__item{width:calc((100% - 90px)/4)}}.benefits__list .benefits__item::before{display:block;content:"";height:120px;background-repeat:no-repeat;background-position:center;background-color:#f5f4fa;border-radius:4px;margin-bottom:30px}.benefits__list .benefits__title{font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;text-align:center;color:var(--text-dark);margin-bottom:10px}@media screen and (min-width: 768px){.benefits__list .benefits__title{text-align:start}}.benefits__list .benefits__text{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;color:var(--text-second-color);margin-left:auto;margin-right:auto}.activity{display:none;padding-bottom:94px}@media screen and (min-width: 1200px){.activity{display:block}}.activity__title{font-weight:700;font-size:36px;line-height:1.17;text-align:center;letter-spacing:.03em;color:var(--text-dark);margin-bottom:50px}.activity__list{display:flex;justify-content:space-between}.activity__item{position:relative}.activity__text{font-weight:700;font-size:14px;line-height:1.14;text-align:center;letter-spacing:.03em;text-transform:uppercase;color:var(--text-light);background:rgba(47,48,58,.8);position:absolute;width:100%;height:70px;padding-top:27px;bottom:0px}.team{background-color:#f5f4fa;padding-top:-94px}.team__title{font-weight:700;font-size:36px;line-height:1.17;text-align:center;letter-spacing:.03em;color:var(--text-dark);margin-bottom:50px}.team__list{display:flex;flex-wrap:wrap;gap:30px}.team__item{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;background-color:var(--text-light)}@media screen and (min-width: 768px){.team__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.team__item{width:calc((100% - 90px)/4)}}.team__name{font-weight:500;font-size:16px;line-height:1.19;text-align:center;letter-spacing:.03em;color:var(--text-dark);margin-bottom:10px;margin-top:30px}.team__position{font-weight:400;font-size:16px;line-height:1.19;text-align:center;letter-spacing:.03em;color:var(--text-second-color);padding-bottom:16px}.socials{display:flex;justify-content:center;margin-bottom:30px}.socials__item{width:44px;height:44px;margin-right:10px}.socials__item:last-child{margin-right:0}.socials__link{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.socials__link:hover,.socials__link:focus{background-color:var(--accent-color)}.socials__link:hover .socials__icon,.socials__link:focus .socials__icon{fill:var(--text-light)}.socials__icon{transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.socials__icon--gray{fill:var(--icon-color)}.clients__title{font-weight:700;font-size:36px;line-height:1.17;text-align:center;letter-spacing:.03em;color:var(--text-dark);margin-bottom:50px}.clients__list{display:flex;flex-wrap:wrap;gap:30px}.clients__item{height:92px;width:calc((100% - 30px)/2);border:1px solid var(--icon-color);border-radius:4px}@media screen and (min-width: 768px){.clients__item{width:calc((100% - 60px)/3)}}@media screen and (min-width: 1200px){.clients__item{width:calc((100% - 150px)/6)}}.clients__item:hover{border:1px solid var(--accent-color)}.clients__item:hover .clients__icon{fill:var(--accent-color)}.clients__link{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.clients__link:focus .clients__item{border:1px solid var(--accent-color)}.clients__link:focus .clients__icon{fill:var(--accent-color)}.clients__link{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.clients__icon{fill:var(--icon-color);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer{background-color:var(--second-bgcolor);padding:60px 0}.footer__main-list{display:flex;flex-direction:column;gap:60px;align-items:center}@media screen and (min-width: 768px){.footer__main-list{flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:baseline}}@media screen and (min-width: 1200px){.footer__main-list{flex-wrap:nowrap;justify-content:space-between}}.footer__main-item{text-align:center}@media screen and (min-width: 1200px){.footer__main-item{text-align:start}}.footer__address{font-style:normal;font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;color:var(--text-light);margin-top:20px;margin-bottom:10px}.footer__item:not(:last-child){margin-bottom:10px}.footer__link{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer__soc-title{font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--text-light);margin-bottom:20px}.socials__link--bg-gray{background-color:rgba(255,255,255,.1)}.socials__icon--wite{fill:var(--text-light)}.subscribe{display:inline-block;width:100%}@media screen and (min-width: 1200px){.subscribe{display:flex;gap:12px}}.subscribe__icon{margin-left:10px}.subscribe__input{width:100%;height:50px;border:1px solid rgba(255,255,255,.3);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;background-color:var(--second-bgcolor);color:var(--text-light);padding-left:16px;margin-bottom:20px}@media screen and (min-width: 768px){.subscribe__input{width:450px}}@media screen and (min-width: 1200px){.subscribe__input{width:358px;margin-bottom:0}}.subscribe__btn{font-family:inherit;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;color:var(--text-light);background-color:var(--accent-color);min-width:200px;height:50px;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;border-width:0;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}@media screen and (max-width: 767px){.footer__main-item{width:100%}}.nav-projects{display:flex;flex-wrap:wrap;gap:8px;max-width:326px;margin-bottom:50px}@media screen and (min-width: 768px){.nav-projects{max-width:575px;justify-content:space-between;margin:0 auto;margin-bottom:50px}}.nav-projects__btn{font-family:"Roboto";font-style:normal;font-weight:500;font-size:16px;line-height:1.63;text-align:center;letter-spacing:.03em;color:var(--text-dark);background-color:#f5f4fa;border-radius:4px;border:0;padding:6px 22px;transition:color 250ms cubic-bezier(0.4, 0, 2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.nav-projects__btn:hover,.nav-projects__btn:focus{color:var(--text-light);background-color:var(--accent-color);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)}.projects{display:flex;flex-wrap:wrap;gap:30px}.projects__link{display:flex;flex-direction:column;height:100%}.projects__link:hover .projects__text,.projects__link:focus .projects__text{transform:translateY(0)}.projects__text{position:absolute;font-weight:400;font-size:18px;line-height:1.5555555556;letter-spacing:.03em;color:var(--text-light);background-color:rgba(33,150,243,.9);top:0;height:100%;transform:translateY(100%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);padding:63px 24px}.projects__item{transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.projects__item:hover,.projects__item: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)}@media screen and (min-width: 768px){.projects__item{flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.projects__item{flex-basis:auto}}.projects__title{font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em;color:var(--text-dark)}.projects__sign{font-weight:400;font-size:16px;line-height:1.67;letter-spacing:.03em;color:var(--text-second-color)}.projects__title-sign{padding:20px 24px;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;flex-grow:1}.projects__wrap{position:relative;overflow:hidden}/*# sourceMappingURL=main.min.css.map */