:root{--primary-text-color: #212121;--accent-color: #2196f3;--primary-bgr-color: #f5f5f5;--secondary-bgr-color: #f5f4fa;--second-text-color: #757575;--light-text-color: #ffffff;--anim-fast: 250ms cubic-bezier(0.4, 0, 0.2, 1)}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}h1,h2,h3,h4,p{margin:0px}ul{list-style:none;padding:0;margin:0}a{text-decoration:none;color:inherit}img{display:block;width:100%;max-width:100%;height:auto}.visually-hiden{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}body{color:var(--primary-text-color);font-family:"Roboto",sans-serif;font-size:14px;font-weight:400;letter-spacing:.03em}.body.modal-open{overflow:hidden}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@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}}.list{list-style:none}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.section-title{font-size:28px;line-height:1.2;text-align:center;margin-bottom:30px}@media screen and (min-width: 1200px){.section-title{font-size:36px;margin-bottom:50px}}.section.team{background-color:var(--secondary-bgr-color)}.main-section{padding-top:94px;padding-bottom:94px}.logo{font-family:"Raleway",sans-serif;font-weight:700;font-size:26px;line-height:31px;text-decoration:none}.logo--dark{padding-top:16px;padding-bottom:16px;color:#000}@media screen and (min-width: 768px){.logo--dark{margin-right:93px;padding-top:26px;padding-bottom:26px}}.logo--light{display:block;margin-bottom:20px;color:var(--light-text-color)}.logo__span{color:var(--accent-color)}.header{border-bottom:1px solid #ececec}.header__container{display:flex;align-items:center}.nav{display:none}.nav__list{display:flex}.nav__link{position:relative;color:#212121;transition:color var(--anim-fast)}@media screen and (min-width: 768px){.nav{display:flex;padding:0}}.nav__list .nav__item+.nav__item{margin-left:50px}.nav__list .nav__link{display:block;padding-top:32px;padding-bottom:32px;color:var(--primary-text-color);font-weight:500;line-height:1.14;letter-spacing:.02;text-decoration:none}.nav__list .nav__link:hover,.nav__list .nav__link:focus{color:var(--accent-color)}.nav__link.current::after{content:"";position:absolute;left:0;bottom:-3%;width:100%;height:4px;background-color:var(--accent-color);border-radius:2px}.nav__list .nav__link.current{color:var(--accent-color)}.contacts{display:none;margin-left:auto}@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:0}}.contacts__link{display:flex;align-content:center;gap:10px;transition:color var(--anim-fast)}.contacts__link:hover,.contacts__link:focus{color:var(--accent-color);opacity:1}@media screen and (min-width: 1200px){.contacts__link{display:flex}}@media screen and (min-width: 1200px){.contacts .contacts__item+.contacts__item{margin-left:50px}}.contacts .contacts__link{display:flex;align-items:center;color:#757575;font-weight:500;line-height:1.14;letter-spacing:.02;text-decoration:none}@media screen and (min-width: 1200px){.contacts .contacts__link{padding-top:32px;padding-bottom:32px}}.contacts__link:hover,.contacts__link:focus{color:var(--accent-color);opacity:1}.contacts__icon{fill:#757575;align-items:center;transition:fill var(--anim-fast)}.contacts__link:hover .contacts__icon,.contacts__link:focus .contacts__icon{fill:var(--accent-color)}.benefits__list .benefits__item{width:100%}@media screen and (min-width: 768px){.benefits__list{display:flex;flex-wrap:wrap;gap:30px}.benefits__list .benefits__item{width:354px}}@media screen and (min-width: 1200px){.benefits__list{display:flex;flex-wrap:nowrap;gap:30px}.benefits__list .benefits__item{width:270px}}.benefits__item:not(:last-child){margin-bottom:30px}.benefits__title{font-size:14px;line-height:1.1;text-transform:uppercase;margin-top:30px;margin-bottom:10px;color:var(--primary-text-color)}@media screen and (max-width: 767px){.benefits__title{text-align:center}}.benefits__box{display:flex;justify-content:center;align-items:center;height:120px;border-radius:4px;background-color:var(--secondary-bgr-color)}.benefits__text{line-height:1.7;color:var(--second-text-color)}@media screen and (min-width: 768px){.benefits__text{margin-bottom:0px}}.hero.background{max-width:1600px;margin-left:auto;margin-right:auto;background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url(../images/header_mobile.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}@media(min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero.background{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url(../images/bg-mob-2x.jpg)}}@media screen and (min-width: 768px){.hero.background{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url(../images/header_tablet.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{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url(../images/bg-tab-2x.jpg)}}@media screen and (min-width: 1200px){.hero.background{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url(../images/bgr1.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{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url(../images/bg-desk-2x.jpg)}}.hero{background-color:#2f303a;text-align:center;padding-top:118px;padding-bottom:118px}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px}}.hero__title{max-width:360px;margin-left:auto;margin-right:auto;margin-bottom:30px;color:var(--light-text-color);font-weight:900;font-size:26px;line-height:1.4;text-align:center;letter-spacing:.06em;text-transform:uppercase}@media screen and (min-width: 1200px){.hero__title{max-width:693px;font-size:44px}}.hero__button{padding:10px 32px;background-color:var(--accent-color);color:var(--light-text-color);font-weight:700;font-size:16px;line-height:1.8;align-items:center;letter-spacing:.06em;border:0;border-radius:4px}.work__list{display:none}.work__list .work__item+.work__item{margin-left:30px}@media screen and (min-width: 1200px){.work__list{display:flex}}.work__label{position:relative}.work__link>.work__text{position:absolute;content:"";left:0;bottom:0;width:100%;height:70px;margin:0;display:block;padding:27px 20px;font-weight:700;font-size:14px;line-height:16px;text-align:center;letter-spacing:.03em;text-transform:uppercase;background-color:rgba(47,48,58,.8)}.work__title{display:none}@media screen and (min-width: 1200px){.work__title{display:block;font-size:36px;margin-bottom:50px;line-height:1.2;text-align:center}}.work__text{color:var(--light-text-color)}.section.section--work{padding-top:0}@media screen and (max-width: 1199px){.section.section--work{display:none}}.team__list .team__item{box-shadow:0px 4px 4px rgba(0,0,0,.25);border-radius:4px;background-color:var(--light-text-color)}@media screen and (min-width: 768px){.team__list{display:flex;flex-wrap:wrap;gap:30px}}.team__item{width:100%}@media screen and (min-width: 768px){.team__item{width:354px;margin-bottom:0px}}@media screen and (min-width: 1200px){.team__item{width:270px}}@media screen and (max-width: 767px){.team__item:not(:last-child){margin-bottom:30px}}.team__box{padding-top:30px;padding-bottom:30px;padding-left:20px;padding-right:20px}.team__title{padding-top:0px;margin-bottom:10px;text-align:center;font-weight:500;font-size:16px;line-height:1.2}.team__text{margin-bottom:0px;padding-bottom:0px;text-align:center;font-size:16px;line-height:1.2;color:var(--second-text-color);margin-bottom:16px}.team-socials{display:flex;align-items:center;justify-content:center;gap:10px}.team-socials__link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--light-text-color);transition:background-color var(--anim-fast)}.team-socials__link:hover,.team-socials__link:focus{background-color:var(--accent-color);color:var(--light-text-color)}.team-socials__icon{width:20px;height:20px;fill:#afb1b8;transition:fill var(--anim-fast)}.team-socials__link:hover .team-socials__icon,.team-socials__link:focus .team-socials__icon{fill:var(--light-text-color)}.clients{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.clients__item{width:100%}@media screen and (min-width: 480px){.clients__item{width:210px}}@media screen and (min-width: 768px){.clients__item{width:226px}}@media screen and (min-width: 1200px){.clients__item{width:170px}}.clients__link{width:170;height:92px;display:flex;align-items:center;justify-content:center;border:1px solid #afb1b8;border-radius:4px;opacity:1;transition:border-color var(--anim-fast)}.clients__link:hover,.clients__link:focus{border-color:var(--accent-color);opacity:1}.clients__icon{fill:#afb1b8;transition:fill var(--anim-fast)}.clients__link:hover .clients__icon,.clients__link:focus .clients__icon{fill:var(--accent-color)}.gallery-button__list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}@media screen and (min-width: 768px){.gallery-button__list{justify-content:center}}.gallery-button__link{padding:6px 22px;font-family:inherit;font-weight:500;font-size:16px;line-height:26px;border-radius:4px;border:0;transition:background-color var(--anim-fast),color var(--anim-fast),box-shadow var(--anim-fast)}.gallery-button__link:hover,.gallery-button__link:focus{background-color:var(--accent-color);color:var(--light-text-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)}.gallery-button__link.current{background-color:var(--accent-color);color:var(--light-text-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)}.gallery{display:block}@media screen and (min-width: 768px){.gallery{display:flex;flex-wrap:wrap;gap:30px}}@media screen and (min-width: 1200px){.gallery{display:flex;flex-wrap:wrap;gap:30px}}.gallery__image{position:relative;overflow:hidden}.gallery__title-text{flex-grow:1;padding-top:20px;padding-bottom:20px;padding-left:24px;padding-right:24px;border-bottom:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee}.gallery__title{letter-spacing:.06em;color:var(--primary-text-color);font-size:18px;line-height:2}.gallery__text{margin:0px;font-size:16px;line-height:1.88;color:var(--second-text-color)}.gallery__item{width:100%}.gallery__item:nth-child(3n){margin-right:0px}@media screen and (min-width: 768px){.gallery__item{width:calc((100% - 30px)/2);margin-bottom:0}}@media screen and (min-width: 1200px){.gallery__item{width:calc((100% - 60px)/3);margin-bottom:0}}@media screen and (max-width: 767px){.gallery__item:not(:last-child){margin-bottom:30px}}.gallery__link{display:block;text-decoration:none;transition:box-shadow var(--anim-fast)}.gallery__link:hover,.gallery__link:focus{box-shadow:1px 4px 6px 0px rgba(0,0,0,.16),0px 4px 4px 0px rgba(0,0,0,.06),0px 1px 1px 0px rgba(0,0,0,.12)}@media screen and (min-width: 768px){.gallery__link{display:flex;flex-direction:column;height:100%}}.gallery--hidden{position:absolute;width:100%;height:100%;top:0;left:0;padding:63px 24px;background-color:rgba(33,150,243,.9);font-family:"Roboto";font-style:normal;font-weight:400;font-size:18px;line-height:28px;letter-spacing:.03em;color:var(--light-text-color);transform:translateY(100%);transition:transform var(--anim-fast)}.gallery__link:hover .gallery--hidden,.gallery__link:focus .gallery--hidden{transform:translateY(0);box-shadow:1px 4px 6px 0px rgba(0,0,0,.16),0px 4px 4px 0px rgba(0,0,0,.06),0px 1px 1px 0px rgba(0,0,0,.12)}.footer{width:100%;background-color:#2f303a;padding-top:60px;padding-bottom:60px}.footer__list .link{font-size:14px;line-height:1.7;color:var(--light-text-color);text-decoration:none;font-style:normal}.footer__link--text{font-family:"Roboto";font-style:normal;font-weight:400;font-size:14px;line-height:1.7142857143;letter-spacing:.03em;color:var(--light-text-color)}.footer__item{margin-bottom:9px}.footer__item:last-child{margin-bottom:0px}.footer__list .footer__link{font-size:14px;line-height:1.7;color:rgba(255,255,255,.6);text-decoration:none;font-style:normal;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__list .footer__link:hover,.footer__list .footer__link:focus{color:var(--accent-color)}.footer__tablet{margin-bottom:60px}@media screen and (min-width: 768px){.footer__tablet{display:flex;align-items:baseline;justify-content:space-around}}@media screen and (min-width: 1200px){.footer__tablet{align-items:baseline;margin-bottom:0;margin-right:93px}}.footer__container{display:block}@media screen and (min-width: 1200px){.footer__container{display:flex;align-items:baseline}}.footer__box{text-align:center;margin-bottom:60px}@media screen and (min-width: 768px){.footer__box{margin-bottom:0}}@media screen and (min-width: 1200px){.footer__box{margin-right:70px;text-align:start;margin-bottom:0}}.footer-network{text-align:center}.footer-network__title{font-weight:700;font-size:14px;line-height:16px;letter-spacing:.03em;text-transform:uppercase;margin-bottom:20px;color:var(--light-text-color)}.footer-network__list{display:flex;justify-content:center;align-items:center;gap:10px}@media screen and (min-width: 1200px){.footer-network{text-align:start;margin-bottom:0}}.footer-network__link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(255,255,255,.1);transition:background-color var(--anim-fast)}.footer-network__link:hover,.footer-network__link:focus{background-color:var(--accent-color)}.footer-network__icon{fill:#afb1b8}.footer-network__icon:hover,.footer-network__icon:focus{fill:var(--light-text-color)}.form-footer{display:block;text-align:center;flex-direction:column;justify-content:center}@media screen and (min-width: 1200px){.form-footer{width:578px;text-align:start}}.form-field-footer{display:flex;flex-direction:column;gap:20px}@media screen and (min-width: 1200px){.form-field-footer{flex-direction:row;gap:12px}}.form-strong{display:flex;justify-content:center;margin-bottom:20px;font-family:"Roboto";font-style:normal;font-weight:700;font-size:14px;line-height:16px;letter-spacing:.03em;text-transform:uppercase;color:var(--light-text-color)}@media screen and (min-width: 1200px){.form-strong{justify-content:flex-start}}.form-input-footer{width:100%;padding-top:16px;padding-bottom:16px;padding-left:16px;background-color:rgba(0,0,0,0);border:1px solid rgba(255,255,255,.3);border-radius:4px;outline:rgba(0,0,0,0);font-family:"Roboto";font-style:normal;font-weight:400;font-size:16px;line-height:1.25;display:flex;align-items:center;letter-spacing:.03em;color:var(--light-text-color)}@media screen and (min-width: 768px){.form-input-footer{display:block;margin:auto;max-width:450px}}@media screen and (min-width: 1200px){.form-input-footer{display:flex;width:358px}}.form-input-footer::placeholder{color:rgba(255,255,255,.6)}.form-button-footer{display:flex;gap:10px;max-width:200px;padding:10px 32px;margin:auto;background-color:var(--accent-color);color:var(--light-text-color);font-weight:700;font-size:16px;line-height:1.8;align-items:center;letter-spacing:.06em;border:0;border-radius:4px}.button-icon-footer{align-items:center}.backdrop.backdrop--hidden{visibility:hidden;opacity:0;pointer-events:none}.backdrop{position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;padding-right:15px;padding-left:15px;overflow-y:scroll;background-color:rgba(0,0,0,.2);opacity:1;transition:opacity var(--anim-fast)}.modal{position:relative;width:100%;max-width:450px;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;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);transition:transform var(--anim-fast)}@media screen and (min-width: 1200px){.modal{max-width:528px}}.backdrop.backdrop--hidden.modal{transform:translate(-50%, -50%) scale(0.9)}.modal__button{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:#fff;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.modal__icon:hover,.modal__icon:focus{fill:var(--accent-color)}.form{width:100%;min-height:580px;padding:40px}.form__title{display:block;margin-bottom:12px;font-size:20px;line-height:1.15;text-align:center;letter-spacing:.03em;color:#212121}.form__field{margin-bottom:20px}.form__span{font-size:12px;line-height:1.1666666667;letter-spacing:.01em;color:#757575}.form__button{display:flex;gap:10px;padding:10px 32px;background-color:var(--accent-color);color:var(--light-text-color);font-weight:700;font-size:16px;line-height:1.8;align-items:center;letter-spacing:.06em;border:0;border-radius:4px}.form__btn{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}.form__label{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.form__label:not(:last-child){margin-bottom:10px}.form__input{width:448px;width:100%;height:40px;padding:12px 42px;outline:rgba(0,0,0,0);border:1px solid rgba(33,33,33,.2);border-radius:4px;transition:border-color var(--anim-fast)}.form__input:focus{border-color:var(--accent-color)}.form__icons{position:absolute;bottom:11px;left:12px;fill:#212121;transition:fill var(--anim-fast)}.form__input:focus+.form__icons{fill:var(--accent-color)}.form__comment{width:448px;width:100%;height:120px;resize:none;padding:12px 16px;font-size:12px;line-height:1.1666666667;letter-spacing:.01em;color:#303030;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:rgba(0,0,0,0);transition:border-color var(--anim-fast)}.form__comment::placeholder{color:currentColor}.form__comment:focus{border-color:var(--accent-color)}.form-agreement{display:flex;align-items:center;justify-content:center;margin-bottom:30px;gap:8px;cursor:pointer}.form-agreement__text{font-size:14px;line-height:1.7142857143;letter-spacing:.03em;color:#757575;user-select:none}.form-agreement__link{text-decoration-line:underline;color:var(--accent-color);text-underline-position:under}.form-agreement__checkbox:focus+.form-agreement__icon{outline:2px solid var(--accent-color);outline-offset:1px;border-radius:2px}.form-agreement__icon-uncheck{transition:opacity var(--anim-fast)}.form-agreement__checkbox:checked+.form-agreement__icon>.form-agreement__icon-uncheck{opacity:0}.form-agreement__icon-check{opacity:0;fill:var(--accent-color);transition:opacity var(--anim-fast)}.form-agreement__checkbox:checked+.form-agreement__icon>.form-agreement__icon-check{opacity:1}.menu__button{margin-left:auto;padding:0;background-color:rgba(0,0,0,0);border:none}@media screen and (min-width: 768px){.menu__button{display:none}}.menu__button .icon-cross{display:none}.menu__button.is-open .icon-cross{display:block}.menu__button.is-open .icon-menu{display:none}.menu__icon:hover,.menu__icon:focus{fill:var(--accent-color)}.mob-menu{display:none;position:fixed;background-color:#fff;z-index:1;padding-top:10px;top:0;left:0;width:100vw;height:100vh}.mob-menu.is-open{display:block}.mob-menu .container{height:100%;display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width: 768px){.mob-menu{display:none}}.menu__button--close{display:block;margin-left:auto;border:none;background-color:rgba(0,0,0,0)}.menu-nav__item:not(:last-child){margin-bottom:22px}.menu-nav__link{font-weight:500;font-size:40px;line-height:1.2;letter-spacing:.02em;color:#212121}.menu-nav__list .menu-nav__link.current{color:var(--accent-color)}.menu-contacts{margin-bottom:64px}.menu-contacts__item:not(:last-child){margin-bottom:32px}.menu-contacts__link{font-weight:500;font-size:24px;line-height:1.7;letter-spacing:.02em;color:#757575}.menu-contact__link{font-weight:500;line-height:1.7;letter-spacing:.02em;font-size:34px;color:var(--accent-color)}.menu-soc{display:flex;margin-bottom:48px}.menu-soc__link{padding:0px 10px;font-weight:500;font-size:18px;line-height:1.2;letter-spacing:.02em;color:#2196f3}.menu-soc__item:not(:last-child){border-right:1px solid rgba(33,33,33,.2)}/*# sourceMappingURL=main.min.css.map */