:root{--primary-text-color: #757575;--secondary-text-color: #212121;--accent-color: #2196f3;--background-color: #2f303a;--btn-color: #f5f4fa;--white-color: #ffffff;--mail-tel-color: rgba(255, 255, 255, 0.6);--border-color: #eeeeee;--borger-header: #ececec;--card-set-gap: 30px;--icon-color: #afb1b8;--border-menu-mob: rgba(33, 33, 33, 0.2)}body{font-family:"Roboto","Open Sans",sans-serif;font-size:14px;line-height:1.71;letter-spacing:.03em;color:#757575;background:#fff}body.modal-open{overflow:hidden}img{display:block;max-width:100%;height:auto;width:100%}.btn{border:1px solid rgba(0,0,0,0);border-radius:4px;text-align:center}.container{width:100%;padding-left:15px;padding-right:15px;margin-left:auto;margin-right: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}}h1,h2,h3,p{margin-top:0;margin-bottom:0}.list{list-style:none;padding:0;margin:0}.link{text-decoration:none}.logo{display:block;padding-top:16px;padding-bottom:16px;font-family:"Raleway",sans-serif;font-weight:700;font-size:26px;line-height:1.19;letter-spacing:.03em;color:#212121}@media screen and (min-width: 768px){.logo{padding-top:24px;padding-bottom:25px}}.logo--accent{color:#2196f3}.main-nav,.header__container,.site-nav{display:flex;align-items:center}.site-nav{margin-left:88px}@media screen and (max-width: 767px){.site-nav{display:none}}@media screen and (min-width: 1200px){.site-nav{margin-left:93px}}.site-nav__item:not(:last-child){margin-right:50px}.site-nav__link{display:block;padding-top:32px;padding-bottom:32px;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:#212121;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.site-nav__link:hover,.site-nav__link:focus{color:#2196f3}.site-nav__link--current{position:relative;color:#2196f3}.site-nav__link--current::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:4px;border-radius:2px;background:#2196f3}.header-contacts{margin-left:auto}@media screen and (max-width: 767px){.header-contacts{display:none}}@media screen and (min-width: 1200px){.header-contacts{display:flex;align-items:center}.header-contacts__item+.header-contacts__item{margin-left:50px}}.header-contacts__link{display:inline-flex;align-items:center;justify-content:center;color:#757575}.header-contacts__link:hover,.header-contacts__link:focus{color:#2196f3}.header-contacts__icon{margin-right:10px;fill:currentColor}.header{border-bottom:1px solid #ececec}.btn-menu-open,.btn-menu-close{display:block;margin-left:auto;border:none;background-color:inherit;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.btn-menu-open:hover,.btn-menu-open:focus,.btn-menu-close:hover,.btn-menu-close:focus{fill:#2196f3}@media screen and (min-width: 768px){.btn-menu-open,.btn-menu-close{display:none}}.mob-container{min-width:320px;padding-left:40px;padding-right:15px;padding-bottom:48px;display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow-y:auto}@media screen and (min-width: 480px){.mob-container{width:480px}}.mob-menu{position:fixed;top:0;left:0;z-index:1;width:100vw;height:100vh;padding-top:10px;background-color:#fff}.mob-menu__list{margin-bottom:40px}.mob-menu__item,.mob-contacts-tel__item{height:48px}.mob-contacts-mail__item{height:28px}.mob-menu__item:not(:last-child),.mob-contacts-tel__item{margin-bottom:32px}.mob-menu__link,.mob-contacts-tel__link,.mob-contacts-mail__link{display:flex;align-items:center;height:100%}.mob-menu__link,.mob-contacts-tel__link,.mob-contacts-mail__link,.mob-social__link{font-weight:500;letter-spacing:.02em}.mob-menu__link{font-size:40px;line-height:1.17px}@media screen and (min-width: 320px){.mob-contacts-tel__link{font-size:35px;line-height:1.17px}}@media screen and (min-width: 480px){.mob-contacts-tel__link{font-size:40px}}.mob-menu__link{color:#212121}.mob-menu__link--current,.mob-contacts-tel__link{color:#2196f3}.mob-contacts{margin-bottom:64px}.mob-contacts-mail__link{font-size:24px;line-height:1.16px;color:#757575}.mob-social{display:flex;gap:10px}@media screen and (max-width: 479px){.mob-social{flex-wrap:wrap}}.mob-social__link{font-size:18px;line-height:1.2px;color:#2196f3}.mob-social__item:not(:last-child){padding-right:10px;border-right:1px solid rgba(33,33,33,.2)}.hero{max-width:480px;margin:0 auto;padding-top:118px;padding-bottom:118px;text-align:center;background:#2f303a;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-mob1x.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}@media(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-bg-mob2x.jpg)}}@media screen and (min-width: 768px){.hero{max-width:768px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-tab1x.jpg)}}@media screen and (min-width: 768px)and (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-bg-tab2x.jpg)}}@media screen and (min-width: 1200px){.hero{max-width:1600px;padding-top:200px;padding-bottom:200px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/img-hero.jpg)}}@media screen and (min-width: 1200px)and (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/img-hero2x.jpg)}}.hero__title{width:calc(100% - 30px);margin-left:auto;margin-right:auto;margin-bottom:30px;font-weight:900;font-size:26px;line-height:1.61;letter-spacing:.06em;text-transform:uppercase;color:#fff}@media screen and (min-width: 480px){.hero__title{width:360px}}@media screen and (min-width: 1200px){.hero__title{width:696px;font-size:44px;line-height:1.36}}.hero__btn{padding:10px 32px}.hero__btn,.modal__btn,.footer-form__btn{min-width:200px;font-family:inherit;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;color:#fff;background:#2196f3;transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer}.hero__btn:hover,.hero__btn:focus,.modal__btn:hover,.modal__btn:focus,.footer-form__btn:hover,.footer-form__btn:focus{box-shadow:0px 4px 4px rgba(0,0,0,.15)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.features{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.features{padding-top:94px;padding-bottom:94px}}.list-features{display:flex;flex-wrap:wrap;gap:30px}.list-features__item{width:100%}@media screen and (min-width: 768px){.list-features__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.list-features__item{width:calc((100% - 90px)/4)}}.list-features__wrap{display:flex;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:30px;background-color:#f5f4fa;color:#212121}.list-features__icon{fill:currentColor}.list-features__title{margin-bottom:10px;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:#212121}@media screen and (max-width: 768px){.list-features__title{text-align:center}}@media screen and (min-width: 320px)and (max-width: 1199px){.directions{display:none}}@media screen and (min-width: 1200px){.directions{padding-bottom:94px}.directions__title{margin-bottom:50px;font-size:36px;line-height:1.17;text-align:center;letter-spacing:.03em;color:#212121}.list-img{display:flex;gap:30px}.list-img__thumb{position:relative}.list-img__text{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;width:370px;height:70px;font-weight:700;line-height:1.14;text-transform:uppercase;color:#fff;background-color:rgba(47,48,58,.8)}}.team{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.team{padding-top:94px;padding-bottom:94px}}.team__title{margin-bottom:30px;font-size:28px;line-height:1.17;text-align:center;letter-spacing:.03em;color:#212121}@media screen and (min-width: 1200px){.team__title{margin-bottom:50px;font-size:36px}}.team__list{display:flex;flex-wrap:wrap;gap:30px}.team__item{width:100%;background:#fff;border-radius:0px 0px 4px 4px;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)}@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__picture{margin-bottom:30px}.team__text{margin-bottom:10px;font-weight:500;color:#212121}.team__position{margin-bottom:16px}.team__position,.team__text{font-size:16px;line-height:1.19;text-align:center;letter-spacing:.03em}.socials{display:flex;justify-content:center}.socials__team{margin-bottom:24px}@media screen and (min-width: 1200px){.socials__team{margin-bottom:30px}}.socials__item{width:44px;height:44px;margin-left:10px}.socials__item:first-child{margin-left:0}.socials__link{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff;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{background-color:#2196f3;color:#fff}.socials__icon{fill:currentColor}.team{background:#f5f4fa}.clients{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.clients{padding-top:94px;padding-bottom:94px}}.clients__title{margin-bottom:30px;font-size:28px;line-height:1.17;text-align:center;letter-spacing:.03em;color:#212121}@media screen and (min-width: 1200px){.clients__title{margin-bottom:50px;font-size:36px}}.list-link{display:flex;flex-wrap:wrap;gap:30px}.list-link__item{width:calc((100% - 30px)/2);height:92px}@media screen and (min-width: 768px){.list-link__item{width:calc((100% - 60px)/3)}}@media screen and (min-width: 1200px){.list-link__item{width:calc((100% - 150px)/6)}}.list-link__link{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border:1px solid #afb1b8;border-radius:4px;fill:#afb1b8;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.list-link__link:hover,.list-link__link:focus{border:1px solid #2196f3;fill:#2196f3}.footer__container{display:flex}@media screen and (min-width: 320px)and (max-width: 767px){.footer__container{flex-wrap:wrap;gap:60px;justify-content:center}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__container{flex-wrap:wrap}}@media screen and (min-width: 1200px){.footer__container{align-items:baseline}}.footer{padding-top:60px;padding-bottom:60px;background:#2f303a}.footer__logo{padding-top:0;padding-bottom:0;margin-bottom:20px;color:#fff}@media screen and (min-width: 320px)and (max-width: 1199px){.footer__adress{text-align:center}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__adress{margin-left:76px;margin-right:165px;margin-bottom:60px}}.contacts__link{display:inline-block;font-style:normal;font-weight:400;font-size:14px;line-height:1.7;letter-spacing:.03em;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);color:rgba(255,255,255,.6)}.contacts__link:hover,.contacts__link:focus{color:#2196f3}.contacts__link--margin{margin-bottom:9px}.contacts__link--white{color:#fff}@media screen and (min-width: 320px)and (max-width: 1199px){.footer__socials{text-align:center}}@media screen and (min-width: 1200px){.footer__socials{margin-left:70px}}.footer__text{margin-bottom:20px;font-weight:700;line-height:1.14;text-transform:uppercase;color:#fff}.socials__link--black{background-color:rgba(255,255,255,.1);color:#fff;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 320px)and (max-width: 1199px){.footer__form{text-align:center}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__form{display:block;width:450px;margin-left:166px}}@media screen and (min-width: 1200px){.footer__form{margin-left:auto}}.footer-form__input{height:50px;padding:15px 16px;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;background-color:inherit;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);outline:none}.footer-form__input::placeholder{font-size:16px;line-height:1.3;color:rgba(255,255,255,.6)}.footer-form__input:focus{border-color:#2196f3}@media screen and (min-width: 320px)and (max-width: 1199px){.footer-form__input{width:100%;margin-bottom:20px}}@media screen and (min-width: 1200px){.footer-form__input{width:358px;margin-right:12px}}.footer-form__btn{display:inline-flex;justify-content:center;align-items:center;width:200px;padding:10px 29px}.footer-form__icon{margin-left:10px}.filtr{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}@media screen and (min-width: 768px){.filtr{margin-bottom:30px;justify-content:center}}@media screen and (min-width: 1200px){.filtr{margin-bottom:50px}}@media screen and (min-width: 320px)and (max-width: 767px){.filtr__item:first-child{margin-bottom:7px}}.filtr__btn{padding:6px 22px;font-family:inherit;font-weight:500;font-size:16px;line-height:1.6;letter-spacing:.03em;color:#212121;background:#f5f4fa;cursor:pointer;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)}.filtr__btn:hover,.filtr__btn: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)}.gallery{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.gallery{padding-top:94px;padding-bottom:94px}}.works{display:flex;flex-wrap:wrap;gap:30px}.work{width:100%}@media screen and (min-width: 768px){.work{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.work{width:calc((100% - 60px)/3)}}.work__link{display:block;transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.work__link:hover,.work__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)}@media screen and (min-width: 768px)and (max-width: 1199px){.work__link{display:flex;flex-direction:column;height:100%}}.work__top-wrap{position:relative;overflow:hidden}.work__top-text{position:absolute;top:0;padding:77px 24px;font-weight:400;font-size:18px;line-height:1.5;height:100%;color:#fff;background-color:rgba(33,150,243,.9);transform:translateY(100%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.work__top-text{padding-top:49px}}@media screen and (min-width: 1200px){.work__top-text{padding-top:63px;padding-bottom:63px}}.work__link:hover .work__top-text,.work__link:focus .work__top-text{transform:translateY(0%)}.work__border{padding:20px 24px;border:1px solid #eee;border-top:0}@media screen and (min-width: 768px)and (max-width: 1199px){.work__border{flex-grow:1}}.work__title{margin-bottom:4px;font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em;color:#212121}.work__text{font-weight:400;font-size:16px;line-height:1.9;letter-spacing:.03em;color:#757575}.backdrop{position:fixed;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);opacity:1;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1);overflow-y:scroll}.backdrop.is-hidden .modal{transform:translate(-50%, -50%) scale(0.5)}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);width:calc(100% - 30px);padding:40px;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;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 480px){.modal{width:450px;min-height:609px}}@media screen and (min-width: 1200px){.modal{width:528px;min-height:581px}}.btn-close{position:absolute;top:8px;right:8px;display:flex;justify-content:center;align-items:center;width:30px;height:30px;border:1px solid rgba(0,0,0,.1);border-radius:50%;background-color:#fff;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer}.btn-close:hover,.btn-close:focus{fill:#2196f3}.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.modal__title{text-align:center;margin-bottom:12px;font-weight:700;font-size:20px;line-height:1.5;color:#212121}@media screen and (min-width: 1200px){.modal__title{line-height:1.15}}.form+.form{margin-top:10px}.checkbox{margin-top:20px;margin-bottom:30px}.form__label{display:block;margin-bottom:4px;font-size:12px;line-height:1.16;letter-spacing:.01em}.form__wrap{position:relative}.form__icon{position:absolute;top:50%;left:11px;transform:translateY(-50%);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__input,.form__text{width:100%;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:none;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__input{height:40px;padding-left:42px}.form__input:focus{border-color:#2196f3}.form__text{height:120px;padding:12px 16px;resize:none}.form__text:focus{border-color:#2196f3}.form__text::placeholder{line-height:1.14;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__input:focus+.form__icon{fill:#2196f3}.checkbox__text{display:flex;justify-content:center;align-items:center;font-size:12px;line-height:1.17}@media screen and (min-width: 367px)and (max-width: 479px){.checkbox__text{flex-wrap:wrap}}@media screen and (min-width: 480px){.checkbox__text{white-space:nowrap}}@media screen and (min-width: 1200px){.checkbox__text{font-size:14px;line-height:1.71}}.checkbox__outline{display:flex;justify-content:center;align-items:center;width:16px;height:15px;border:2px solid #212121;border-radius:3px;margin-right:8px;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.checkbox__icon{fill:rgba(0,0,0,0)}.checkbox__input:checked+.checkbox__text .checkbox__outline{background-color:#2196f3;border:none}.checkbox__input:checked+.checkbox__text .checkbox__icon{fill:#fff}.checkbox__input:focus+.checkbox__text .checkbox__outline{border-color:#2196f3}.modal__link{margin-left:4px;color:#2196f3}.modal__btn{display:block;margin:auto;padding:10px 55px}/*# sourceMappingURL=main.min.css.map */