body{font-family:roboto,sans-serif}.container{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}}.menu-mobil__socials,.menu-mobil__aside,.menu-mobil__nav,.button-list,.socials-list,.address-list,.company-list,.networks-list,.team-list,.work-list,.feature-list,.aside-nav,.site-nav{padding:0;margin:0;list-style:none}img{display:block;width:100%;height:auto}.feature-title{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}.section-title{color:#212121;text-align:center;letter-spacing:.03em;margin-top:0}@media screen and (min-width: 480px){.section-title{font-size:28px;line-height:1.17;margin-bottom:30px}}@media screen and (min-width: 1200px){.section-title{font-size:36px;line-height:1.16;margin-bottom:50px}}.header{position:relative}.header--line{border-bottom:1px solid #ececec}@media screen and (min-width: 768px){.header__nav{display:flex;align-items:center}}.main__nav{display:flex}.logo{color:#000;font-family:raleway,cursive;font-size:26px;line-height:1.19;letter-spacing:.03em;text-decoration:none;display:flex;align-items:center}@media screen and (min-width: 768px){.logo{margin-right:87px}}@media screen and (min-width: 1200px){.logo{margin-right:92px}}.logo__icon{color:#2196f3}.logo--white{color:#fff}@media screen and (min-width: 768px){.logo--white{margin-right:0}}@media screen and (min-width: 1200px){.logo--white{margin-right:0}}@media screen and (max-width: 1199px){.logo--white{justify-content:center}}.site-nav{display:flex}@media screen and (max-width: 767px){.site-nav{display:none}}.site-nav__item:not(:last-child){margin-right:50px}.site-nav__link{position:relative;display:block;padding-top:32px;padding-bottom:32px;color:#212121;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;text-decoration:none;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{color:#2196f3}.site-nav__link.current::after{position:absolute;bottom:0;left:0;color:#2196f3;background-color:#2196f3;border-radius:2px;content:"";display:block;width:100%;height:5px}.aside{margin-left:auto}@media screen and (max-width: 767px){.aside{display:none}}@media screen and (min-width: 768px){.aside-nav__item:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 1200px){.aside-nav{display:flex}.aside-nav__item:not(:last-child){margin-right:50px;margin-bottom:0}}.aside-nav__link{display:flex;align-items:center;color:#757575;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;text-decoration:none;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 1199px){.aside-nav__link{font-size:12px;line-height:1.16}}.aside-nav__link:hover,.aside-nav__link:focus{color:#2196f3}.aside-nav__link:hover>.aside-nav__icon,.aside-nav__link:focus>.aside-nav__icon{fill:#2196f3}.aside-nav__icon{fill:#757575;margin-right:8px;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.aside-nav__icon{margin-right:10px}}@media screen and (max-width: 1200px){.aside-nav__icon.tel{width:14px;height:10px}}@media screen and (max-width: 1200px){.aside-nav__icon.mail{width:10px;height:14px}}.hero{max-width:1600px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../imeges/hero-mobil.jpg);background-size:cover;background-color:#2f303a;background-position:center;text-align:center;padding-top:180px;padding-bottom:220px;margin-left:auto;margin-right:auto}@media screen and (max-width: 1200px){.hero{height:400px}}@media screen and (min-width: 1200px){.hero{height:600px}}@media(-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../imeges/hero-mobil@2x.jpg)}}@media screen and (min-width: 768px){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../imeges/hero-tablet.jpg)}}@media screen and (min-width: 768px)and (-webkit-min-device-pixel-ratio: 2), 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(../imeges/hero-tablet@2x.jpg)}}@media screen and (min-width: 1200px){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../imeges/hero-desctop.jpg)}}@media screen and (min-width: 1200px)and (-webkit-min-device-pixel-ratio: 2), 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(../imeges/hero-desctop@2x.jpg)}}.hero__title{color:#fff;margin-top:0;margin-bottom:30px;font-style:normal;font-weight:900;letter-spacing:.06em;text-transform:uppercase}@media screen and (max-width: 1200px){.hero__title{font-size:26px;line-height:1.61}}@media screen and (min-width: 1200px){.hero__title{font-size:44px;line-height:1.36}}@media screen and (max-width: 1199px){.feature{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.feature{padding-top:90px;padding-bottom:94px}}.feature-title{color:#212121;font-size:36px;line-height:1.16;text-align:center;letter-spacing:.03em;margin-top:0;margin-bottom:50px}@media screen and (min-width: 768px)and (max-width: 1199px){.feature-list{display:flex;flex-wrap:wrap;gap:30px}}@media screen and (min-width: 1200px){.feature-list{display:flex;gap:30px}}@media screen and (max-width: 767px){.feature-list__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px){.feature-list__item{width:354px}}@media screen and (min-width: 1200px){.feature-list__item{width:270px}}.feature-list__title{color:#212121;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;margin-top:0;margin-bottom:10px}@media screen and (max-width: 767px){.feature-list__title{text-align:center}}.feature-list__text{color:#757575;font-size:14px;line-height:1.71;letter-spacing:.03em;margin-top:0;margin-bottom:0}.feature-list__icon--fon{height:120px;display:flex;justify-content:center;align-items:center;background-color:#f5f4fa;border-radius:4px;margin-bottom:30px}@media screen and (min-width: 480px){.feature-list__icon--fon{width:450px}}@media screen and (min-width: 768px){.feature-list__icon--fon{width:354px}}@media screen and (min-width: 1200px){.feature-list__icon--fon{width:270px}}.feature-list__icon{width:70px;height:70px}@media screen and (max-width: 1199px){.work{display:none}}.section-title{color:#212121;font-size:36px;line-height:1.16;text-align:center;letter-spacing:.03em;margin-top:0;margin-bottom:50px}.work-list{display:flex;justify-content:center}.work-list__item:not(:last-child){margin-right:30px}.work-list__item{position:relative}.work-list--fon{position:absolute;bottom:0;left:0;width:100%;min-height:70px;background-color:rgba(47,48,58,.8)}.work-list__title{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%, -50%);font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:#fff}.team{text-align:center}.team--fon{background-color:#f5f4fa}@media screen and (max-width: 1200px){.team{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.team{padding-top:94px;padding-bottom:90px}}@media screen and (min-width: 1200px){.team-list{display:flex}}@media screen and (min-width: 768px)and (max-width: 1199px){.team-list{display:flex;flex-wrap:wrap;gap:30px}}.team-list__item{border-radius:0px 0px 4px 4px;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)}@media screen and (max-width: 767px){.team-list__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 1200px){.team-list__item:not(:last-child){margin-right:30px}}.team-list__title{color:#212121;font-weight:500;font-size:16px;line-height:1.18;text-align:center;letter-spacing:.03em;margin-top:30px;margin-bottom:0}.team-list__text{color:#757575;font-size:16px;line-height:1.18;text-align:center;letter-spacing:.03em;margin-top:10px;margin-bottom:16px}.networks-list{display:flex;justify-content:center;padding-bottom:30px}.networks-list__item:not(:last-child){margin-right:10px}.networks-list__link{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.networks-list__link:hover,.networks-list__link:focus{background-color:#2196f3}.networks-list__icon{width:20px;height:20px;fill:#afb1b8;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.networks-list__link:hover>.networks-list__icon,.networks-list__link:focus>.networks-list__icon{fill:#fff}@media screen and (max-width: 1200px){.company{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.company{padding-top:94px;padding-bottom:94px}}.company-list{display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.company-list__link{display:flex;justify-content:center;align-items:center;height:92px;border:1px solid #afb1b8;border-radius:4px;transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 767px){.company-list__link{width:210px}}@media screen and (min-width: 768px){.company-list__link{width:226px}}@media screen and (min-width: 1200px){.company-list__link{width:170px}}.company-list__link:hover{border:1px solid #2196f3}.company-list__icon{width:106px;height:60px;fill:#afb1b8;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.company-list__link:hover>.company-list__icon{fill:#2196f3}.footer{padding-top:60px;padding-bottom:60px}@media screen and (max-width: 1199px){.footer{text-align:center}}.footer--fon{background-color:#2f303a}@media screen and (min-width: 1200px){.footer__content{display:flex;align-items:baseline}}@media screen and (min-width: 768px){.footer__tablet{display:flex;align-items:baseline;justify-content:center}}@media screen and (max-width: 1199px){.footer__tablet{margin-bottom:60px}}.address{font-style:normal}@media screen and (max-width: 767px){.address{margin-bottom:60px}}@media screen and (min-width: 768px)and (max-width: 1199px){.address{margin-right:165px}}.address__text{color:#fff;font-size:14px;line-height:1.71;letter-spacing:.03em;margin-top:20px;margin-bottom:9px}@media screen and (min-width: 1200px){.address__text{padding-right:20px}}.address-list__item:not(:last-child){margin-bottom:8px}.address-list__link{color:rgba(255,255,255,.6);font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;text-decoration:none;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.address-list__link:hover,.address-list__link:focus{color:#2196f3}@media screen and (min-width: 1200px){.socials{margin-left:70px}}.socials__title{font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:#fff;margin-bottom:20px;margin-top:0}.socials-list{display:flex}@media screen and (max-width: 768px){.socials-list{justify-content:center;margin-bottom:60px}}.socials-list__item:not(:last-child){margin-right:10px}.socials-list__link{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.socials-list__link:hover{background-color:#2196f3}.socials-list__icon{width:20px;height:20px;fill:#fff}@media screen and (min-width: 1200px){.form-footer{margin-left:93px;display:flex}}.form-footer__label{display:block;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:#fff;margin-bottom:20px;margin-top:0}.form-footer__input{height:50px;background-color:#2f303a;color:#fff;border:1px solid rgba(255,255,255,.3);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;padding-left:16px}@media screen and (min-width: 480px){.form-footer__input{width:450px}}@media screen and (min-width: 1200px){.form-footer__input{width:358px}}@media screen and (max-width: 1199px){.form-footer__input{margin-bottom:20px}}.form-footer__icon{width:24px;height:24px;margin-left:10px}.backdrop.is-hidden{opacity:0;pointer-events:none}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);overflow-y:scroll}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);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;padding:40px}@media screen and (max-width: 1200px){.modal{width:450px;height:609px}}@media screen and (min-width: 1200px){.modal{width:528px;height:581px}}.modal__button{position:absolute;top:0;right:0;border-radius:50%;border:1px solid rgba(0,0,0,.1);background-color:#fff;cursor:pointer;width:30px;height:30px;margin-top:8px;margin-right:8px}.modal__icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__form{display:flex;flex-direction:column;align-items:center}.modal__title{font-size:20px;line-height:1.15;text-align:center;letter-spacing:.03em;color:#212121;margin:0;margin-bottom:12px}.modal__button:hover .modal__icon{fill:#2196f3}.modal__field{display:flex;margin-bottom:10px}.modal__label{position:relative;color:#757575;font-size:12px;line-height:1.16;letter-spacing:.01em}.modal__input{height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding-left:42px;transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);margin-top:4px}@media screen and (min-width: 1200px){.modal__input{width:448px}}@media screen and (max-width: 1200px){.modal__input{width:370px}}.modal__input:focus{outline:0;border-color:#2196f3}.modal__label:focus-within>.modal-form__icon{fill:#2196f3}.modal-form__icon{position:absolute;top:50%;left:12px;width:18px;height:18px;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__textarea{display:flex;flex-direction:column;resize:none;height:120px;margin-top:4px;padding:12px 16px;margin-bottom:20px;border:1px solid rgba(33,33,33,.2);border-radius:4px;transition:border 250ms #2196f3}@media screen and (max-width: 1200px){.modal__textarea{width:370px}}@media screen and (min-width: 1200px){.modal__textarea{width:448px}}.modal__textarea:focus{outline:0;border-color:#2196f3}.modal__textarea::-moz-placeholder{color:rgba(117,117,117,.5);font-size:12px;line-height:1.16;letter-spacing:.01em}.modal__textarea:-ms-input-placeholder{color:rgba(117,117,117,.5);font-size:12px;line-height:1.16;letter-spacing:.01em}.modal__textarea::placeholder{color:rgba(117,117,117,.5);font-size:12px;line-height:1.16;letter-spacing:.01em}.modal-checkbox{display:flex;align-items:center;font-size:12px;line-height:1.16;letter-spacing:.03em;color:#757575;cursor:pointer}@media screen and (min-width: 1200px){.modal-checkbox{font-size:14px;line-height:1.71}}.modal-checkbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-checkbox__icon{display:inline-block;width:16px;height:15px;border:2px solid #212121;border-radius:4px;margin-right:7px;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-checkbox__link{color:#2196f3;margin-left:7px}.modal-checkbox__input:checked+.modal-checkbox__icon{background-color:#2196f3;background-image:url(/imeges/icon\ check.svg);background-size:contain;background-origin:border-box;border-color:rgba(0,0,0,0)}.modal__btn{padding:10px 52px;background-color:#2196f3;color:#fff;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;border:rgba(0,0,0,0);margin-top:30px;font-size:16px;line-height:1.88;letter-spacing:.06em;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer}.modal__btn:hover,.modal__btn:focus{background-color:#188ce8}.button{display:inline-block;cursor:pointer;background-color:#f5f4fa;color:#212121;font-weight:500;font-size:16px;line-height:1.62;text-align:center;letter-spacing:.03em;border-radius:4px;border:0;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.button:hover,.button:focus{background-color:#2196f3;color:#fff;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)}.button-primary{color:#fff;background-color:#2196f3;border-radius:4px;border:0;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;box-shadow:0px 4px 4px rgba(0,0,0,.15);cursor:pointer}@media screen and (max-width: 1200px){.button-primary{padding:10px 24px}}@media screen and (min-width: 1200px){.button-primary{padding:10px 32px}}.menu-button{border:none;padding:0;margin:0;margin-left:auto;background-color:rgba(0,0,0,0);display:inline-flex}@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-button:hover .icon-cross,.menu-button:focus .icon-cross,.menu-button:hover .icon-menu,.menu-button:focus .icon-menu{fill:#2196f3;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.button-list{display:flex}@media screen and (max-width: 767px){.button-list{row-gap:15px;width:329px}}@media screen and (max-width: 767px){.button-list{flex-wrap:wrap}}@media screen and (min-width: 768px){.button-list{justify-content:center;margin-bottom:30px}}@media screen and (max-width: 767px){.button-list{margin-bottom:40px}}@media screen and (min-width: 1200px){.button-list{margin-bottom:50px}}.button-list__item:not(:last-child){margin-right:8px}.active{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)}.button.secondary{padding:6px 22px}.form-footer__button{display:flex;align-items:center;align-self:flex-end}@media screen and (max-width: 1199px){.form-footer__button{margin-left:auto;margin-right:auto}}@media screen and (min-width: 1200px){.form-footer__button{margin-left:12px}}.menu-mobil{padding-top:48px;padding-left:40px;padding-bottom:48px;opacity:0;position:absolute;top:100%;left:0;width:100%;height:796px;background-color:#fff;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.menu-mobil{display:none}}.menu-mobil.is-hidden{display:none}.menu-mobil.is-open{opacity:1;display:block}.menu-mobil__nav{margin-bottom:302px}.menu-mobil__item:not(:last-child){margin-bottom:36px}.menu-mobil__link{text-decoration:none;color:#212121;font-weight:500;font-size:40px;line-height:1.17;letter-spacing:.02em}.menu-mobil__link.current{color:#2196f3}.menu-mobil__aside{margin-bottom:64px}.mobil-aside__item:not(:last-child){margin-bottom:32px}.mobil-aside__link.tel{font-weight:500;font-size:34px;line-height:1.17;letter-spacing:.02em;color:#2196f3}.mobil-aside__link{text-decoration:none;color:#757575;font-weight:500;font-size:24px;line-height:1.16;letter-spacing:.02em}.menu-mobil__socials{display:flex}.menu-socials__item:not(:last-child){margin-right:10px}.menu-socials__link{position:relative;text-decoration:none;font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;color:#2196f3}.menu-socials__link--line{border-right:1px solid rgba(33,33,33,.2);padding-right:10px}/*# sourceMappingURL=main.min.css.map */