.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}h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{margin:0;padding:0}img{display:block;max-width:100%;height:auto}.link{text-decoration:none}.list{list-style:none}.section{padding-bottom:60px;padding-top:60px}@media screen and (min-width: 1200px){.section{padding-bottom:94px;padding-top:94px}}.container{width:100%;padding:0 15px}.header .container{display:flex;align-items:center}@media screen and (min-width: 480px){.container{width:480px;margin:0 auto}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}body{font-family:"Roboto",sans-serif;font-size:14px;font-weight:400;color:#212121;letter-spacing:0.03em}@media screen and (max-width: 767px){.nav__list,.header-contact{display:none}.header{padding-top:16px;padding-bottom:16px;border:1px solid #ECECEC}.button-menu,.button-close{background-color:transparent;border:none;padding:0;margin-left:auto}.button-close{position:absolute;top:21px;right:25px}.button-menu__icon{width:24px;height:16px;fill:#000}.button-menu:focus .button-menu__icon{fill:#2196f3}.button-close__icon{width:19px;height:19px;fill:#000}.button-close:focus .button-close__icon{fill:#2196f3}.mobile-menu{position:fixed;display:flex;width:100%;max-height:796px;height:100vh;top:0;left:50%;transform:translateX(-50%) translateY(-100%);background-color:#fff;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);z-index:1}.mobile-menu.is-open{transform:translateX(-50%) translateY(0%)}.menu-container{display:flex;flex-direction:column;justify-content:space-between;padding:48px 40px}.mobile-menu__nav{display:block}.mobile-contact{display:block}.mobile-menu__link{position:relative;display:inline-block;font-weight:500;font-size:40px;line-height:1.18;letter-spacing:0.02em;color:#212121}.mobile-menu__link:hover,.mobile-menu__link:focus{outline:transparent;color:#2196f3}.mobile-menu__link--current{color:#2196f3}.mobile-menu__item:not(:last-child){margin-bottom:40px}.mobile-contact__icon{fill:#757575;margin-right:10px}.mobile-contact__phone{font-weight:500;font-size:34px;line-height:1.18;letter-spacing:0.02em;color:#2196f3}.mobile-contact__mail{display:block;font-weight:500;font-size:24px;line-height:1.17;letter-spacing:0.02em;color:#757575;color:#757575;margin-bottom:64px}.mobile-contact__item:not(:last-child){margin-bottom:16px}.social-menu__list{display:flex}.social-menu__link{display:block;font-weight:500;font-size:18px;line-height:1.22;letter-spacing:0.02em;color:#2196f3}.social-menu__item:not(:last-child){margin-right:20px}}@media screen and (min-width: 768px){.mobile-menu,.button-menu{display:none}.header{border-bottom:1px solid #ececec}.nav__list{display:flex;align-items:center;justify-content:center}.header-contact{margin-left:auto}.header-contact__item:not(:last-child){margin-bottom:10px}.mobile-menu__link{font-size:18px;line-height:1.17}.header-contact__mail,.header-contact__phone{display:block;padding-top:0;padding-bottom:0;font-weight:500;font-size:12px;line-height:1.17;letter-spacing:0.02em;color:#757575}.header-contact__mail:hover,.header-contact__mail:focus,.header-contact__phone:hover,.header-contact__phone:focus{outline:transparent;color:#2196f3}.header-contact__icon{fill:#757575}.header-contact__icon{margin-right:8px}.icon-mail{width:14px;height:10px}.icon-phone{width:10px;height:14px}}.header__container{display:flex;align-items:center}@media screen and (min-width: 1200px){.header-contact{display:flex;margin-left:auto}.header-contact__mail,.header-contact__phone{display:block;font-size:14px}.header-contact__item:not(:last-child){margin-right:30px;margin-bottom:0}}.icon-mail{width:16px;height:12px}.icon-phone{width:10px;height:16px}.header-contact__mail{display:block;font-weight:500;line-height:1.14;letter-spacing:0.02em;color:#757575;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header-contact__mail:hover,.header-contact__mail:focus{outline:transparent;color:#2196f3}.header-contact__phone{display:block;font-weight:500;line-height:1.14;letter-spacing:0.02em;color:#757575;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header-contact__phone:hover,.header-contact__phone:focus{outline:transparent;color:#2196f3}.header-contact__icon{margin-right:10px;fill:currentColor}.nav__link{position:relative;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;color:#212121;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);display:block;padding-top:32px;padding-bottom:32px}.nav__link:hover,.nav__link:focus{outline:transparent;color:#2196f3}.nav__link--current{color:#2196f3}@media screen and (min-width: 768px){.nav__link--current::after{content:"";display:block;margin-top:28px;width:100%;height:4px;border-radius:2px;background-color:#2196f3;position:absolute;left:0;bottom:0;bottom:-1px}}.nav__item:not(:last-child){margin-right:50px}.section-hero{background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/mobile-fon.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;padding:118px 0;width:100%;max-width:480px;min-width:320px;background-color:#2f303a;text-align:center;margin:0 auto}.section-hero__title{max-width:360px;margin-right:auto;margin-left:auto;margin-bottom:30px;text-align:center;font-weight:900;font-size:26px;line-height:1.62;letter-spacing:0.06em;text-transform:uppercase;color:#fff}.section-hero__btn{padding:10px 32px;border-radius:4px;border:transparent;font-family:inherit;font-weight:700;font-size:16px;line-height:1.875;letter-spacing:0.06em;background-color:#2196f3;color:#fff;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.section-hero__btn:hover,.section-hero__btn:focus{outline:transparent;background-color:#188ce8;border:1px solid #188ce8}@media (min-device-pixel-ratio: 2) and (min-width: 320px), (min-resolution: 192dpi) and (min-width: 320px), (min-resolution: 2dppx) and (min-width: 320px){.section-hero{background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/mobile-fon@2x.jpg")}}@media screen and (min-width: 768px){.section-hero{background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/tablet-fon.jpg);max-width:768px}}@media (min-device-pixel-ratio: 2) and (min-width: 768px), (min-resolution: 192dpi) and (min-width: 768px), (min-resolution: 2dppx) and (min-width: 768px){.section-hero{background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/tablet-fon@2x.jpg")}}@media screen and (min-width: 1200px){.section-hero{background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/fon.jpg);max-width:1600px;padding:200px 0}.section-hero__title{max-width:696px;font-size:44px;line-height:1.36}}@media (min-device-pixel-ratio: 2) and (min-width: 1200px), (min-resolution: 192dpi) and (min-width: 1200px), (min-resolution: 2dppx) and (min-width: 1200px){.section-hero{background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/fon@2x.jpg")}}@media screen and (max-width: 767px){.advantage-list__item:not(:last-child){margin-bottom:30px}}.advantage-list__icon{display:flex;margin-bottom:30px;height:120px;width:450px;background-color:#f5f4fa;border-radius:4px;justify-content:center;align-items:center}.advantage-list__title{display:flex;margin-bottom:10px;font-size:14px;font-weight:700;line-height:1.14;text-transform:uppercase;justify-content:center}.advantage-list__description{line-height:1.71;color:#757575}@media screen and (min-width: 768px){.advantage-list{display:flex;flex-wrap:wrap}.advantage-list__icon{width:354px}.advantage-list__item{max-width:354px}.advantage-list__item:nth-child(odd){margin-right:30px}.advantage-list__title{justify-content:start}}@media screen and (min-width: 1200px){.advantage-list{display:flex;flex-wrap:nowrap}.advantage-list__item{width:270px;margin-bottom:0}.advantage-list__item:not(:last-child){margin-right:30px}.advantage-list__icon{width:270px}}@media screen and (max-width: 1199px){.examples{display:none}}@media screen and (min-width: 1200px){.examples{padding-bottom:94px;padding-top:0}.examples__title{margin-bottom:50px;font-weight:700;font-size:36px;line-height:1.17;text-align:center}.examples__list{display:flex;justify-content:space-between}.examples__item:not(:last-child){margin-right:30px}.examples__wrapper{position:relative}.examples__label{position:absolute;bottom:0;width:100%;padding-top:27px;padding-bottom:27px;font-weight:700;font-size:14px;line-height:1.14;text-align:center;letter-spacing:0.03em;text-transform:uppercase;color:#fff;background-color:rgba(47,48,58,0.8)}}.team{background-color:#f5f4fa}.team__title{font-weight:700;font-size:28px;line-height:1.18;text-align:center}.team__list{text-align:center}.team__item{margin-top:30px}.team__photo{margin:auto}.team__description-block{background-color:#fff;padding-top:30px;padding-bottom:30px}.team__subtitle{display:block;margin-bottom:13px;font-weight:500;font-size:16px;line-height:1.19}.team__description{display:block;font-size:16px;line-height:1.19;color:#757575;margin-bottom:16px}.team__photo{width:450px;height:460px}.team__item{box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,4,4,0.14),0px 2px 1px rgba(1,4,6,0.2)}@media screen and (min-width: 768px){.team__list{display:flex;flex-wrap:wrap}.team__item:nth-child(odd){margin-right:30px}.team__photo{width:354px;height:374px}.team__subtitle{margin-bottom:10px}.team__description{margin-bottom:16px}}@media screen and (min-width: 1200px){.team__title{margin-bottom:50px;font-size:36px;line-height:1.17}.team__photo{width:270px;height:260px}.sotial-list{margin-bottom:30px}.team__item{margin-bottom:0}.team__item:not(:last-child){margin-right:30px}}.customers__title{margin-bottom:30px;text-align:center;font-weight:700;font-size:28px;line-height:1.18;letter-spacing:0.03em;color:#212121}.customers__list{display:flex;flex-wrap:wrap;justify-content:center;margin:-15px}.customers__item{margin:15px}.customers__link{display:flex;max-width:210px;height:90px;border:1px solid #AFB1B8;border-radius:4px;fill:#AFB1B8;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.customers__link:hover,.customers__link:focus{outline:transparent;border:1px solid #2196f3;fill:#2196f3}@media screen and (min-width: 768px){.customers__link{width:226px}.customers__title{font-size:28px;line-height:1.18;margin-bottom:30px}}@media screen and (min-width: 1200px){.customers__title{font-size:36px;line-height:1.17;margin-bottom:50px}.customers__list{flex-wrap:nowrap}.customers__item{margin:0}.customers__item{margin:15px}.customers__link{width:170px;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}}.footer{text-align:center;padding:60px 0;background-color:#2f303a}.adress-list{margin-bottom:60px}.adress-list__item:not(:last-child){margin-bottom:8px}.adress-list__adress{font-style:normal;line-height:1.71;color:#fff;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.adress-list__adress:hover,.adress-list__adress:focus{outline:transparent;color:#2196f3}.adress-list__mail{line-height:1.71;color:rgba(255,255,255,0.6);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.adress-list__mail:hover,.adress-list__mail:focus{outline:transparent;color:#2196f3}.adress-list__phone{line-height:1.71;color:rgba(255,255,255,0.6);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.adress-list__phone:hover,.adress-list__phone:focus{outline:transparent;color:#2196f3}.sotial-list-footer{margin-bottom:60px}@media screen and (min-width: 768px){.sotial-list{margin-bottom:0}}@media screen and (min-width: 1200px){.adress-list__item:not(:last-child){margin-bottom:9px}.adress-list{margin-bottom:0}}.logo{font-family:"Raleway",sans-serif;font-weight:700;font-size:24px;line-height:1.17}.logo__section{color:#2196f3}.header__logo{display:block;color:#000}.header__logo:focus{outline:1px solid #2196f3}@media screen and (min-width: 768px){.logo{font-size:24px;line-height:1.17;margin-right:88px}}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.19;margin-right:93px}}.footer__logo{display:inline-block;margin-bottom:20px;color:#fff}.footer__logo:focus{outline:1px solid #2196f3}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);opacity:1;visibility:visible;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden .modal{transform:translate(-50%, -50%) scale(0.9)}.modal{position:absolute;left:50%;top:50%;width:100%;height:100%;max-height:609px;max-width:528px;overflow:scroll;background-color:#fff;box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);border-radius:4px;transform:translate(-50%, -50%) scale(1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__close-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;background:transparent;border-color:rgba(0,0,0,0.1);border-radius:50%;cursor:pointer}.modal__close-btn:hover,.modal__close-btn:focus{fill:#2196f3}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}@media screen and (max-width: 1199px){.modal{max-width:450px}}.modal-form{display:flex;flex-direction:column;padding:40px}.modal-form__action{font-weight:700;font-size:20px;line-height:1.15;text-align:center;letter-spacing:0.03em;color:#212121;margin-bottom:14px}.modal-form__description{font-size:12px;line-height:1.17;letter-spacing:0.01em;color:#757575}.modal-form__wrapper{display:block;position:relative;margin-top:4px}.modal-form__cell{display:block;padding-left:42px;margin-bottom:10px;width:100%;height:40px;border-color:rgba(33,33,33,0.2);border-radius:4px;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__cell:focus{outline:none;border-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__cell:focus+.modal-form__icon{fill:#2196f3}.modal-form__message{display:block;font-family:inherit;font-size:14px;line-height:1.14;letter-spacing:0.01em;width:100%;height:120px;border-color:rgba(33,33,33,0.2);border-radius:4px;padding:12px 16px;margin-bottom:20px;margin-top:4px;resize:none;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__message:focus{outline:none;border-color:#2196f3}.modal-form__message::placeholder{color:rgba(117,117,117,0.5)}.modal-form__agreement{font-size:12px;line-height:1.17;letter-spacing:0.03em;color:#757575;display:flex;align-items:center;margin-bottom:30px}.modal-form__check{display:inline-block;background:url(../images/check/checkbox.svg);background-repeat:no-repeat;width:15px;height:16px;margin-right:8px;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__policy{margin-left:2px;text-decoration-line:underline;color:#2196f3}.modal-form__policy:focus{outline:2px solid #2196f3}.modal-form__send-btn{width:200px;height:50px;background:#2196f3;box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);border-radius:4px;border:transparent;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:0.06em;align-self:center;cursor:pointer;color:#fff;transition:background 250ms cubic-bezier(0.4, 0, 0.2),border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__send-btn:hover,.modal-form__send-btn:focus{background:#188ce8;outline:transparent;border:3px solid #2196f3}.modal-form__checkbox:checked+.modal-form__check{background:url(../images/check/check.svg);background-repeat:no-repeat}@media screen and (min-width: 1200px){.modal-form__agreement{font-size:14px;line-height:1.71}}.sotial-list{display:flex;justify-content:center}.social-item__link{display:flex;justify-content:center;align-items:center;width:44px;height:44px;background-color:#fff;border-radius:50%;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social-item__link:hover,.social-item__link:focus{outline:transparent;background-color:#2196f3}.social-item__icon{fill:#AFB1B8;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social-item__link:hover .social-item__icon,.social-item__link:focus .social-item__icon{outline:transparent;fill:#fff}.social-item:not(:last-child){margin-right:10px}.join{display:block;margin-bottom:20px;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;color:#fff}.social-item__link--footer{background-color:rgba(255,255,255,0.1)}.social-item__icon--footer{fill:#fff}.footer-form__action{display:block;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;color:#fff;margin-bottom:20px}.footer-form__input{margin-bottom:20px;width:450px;height:50px;border-color:rgba(255,255,255,0.3);filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.15));border-radius:4px;background-color:#2f303a;font-weight:400;font-size:16px;line-height:1.25;letter-spacing:0.03em;color:rgba(255,255,255,0.6);padding-left:16px;outline:transparent;transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer-form__input:focus{border:1px solid #2196f3;border-radius:4px;outline:transparent}.footer-form__btn{display:flex;justify-content:center;align-items:center;margin:auto;width:200px;height:50px;background:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,0.15);border-radius:4px;border-color:transparent;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:0.06em;color:#fff;cursor:pointer;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer-form__btn:hover,.footer-form__btn:focus{outline:transparent;background-color:#188ce8;border-radius:4px}.footer-form__icon{margin-top:13px;margin-left:10px;align-self:baseline}@media screen and (min-width: 768px){.footer-container{display:flex;flex-wrap:wrap}.footer-nav{margin-left:76px}.footer-social{margin-left:165px}.form-part{margin-left:166px}}@media screen and (min-width: 1200px){.footer-container{text-align:start;flex-wrap:nowrap}.footer-form__input{margin-bottom:0;margin-right:12px;width:358px}.footer-form__subscription{display:flex}.footer-nav{margin-left:0px}.footer-social{margin-left:70px}.form-part{margin-left:93px}}.footer-form{display:flex;flex-direction:column}.portfolio-item__wrapper{position:relative;overflow:hidden}.portfolio-item__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(33,150,243,0.9);font-size:18px;line-height:1.55;letter-spacing:0.03em;color:#fff;padding:63px 24px;transform:translateY(101%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio-item__link:hover .portfolio-item__overlay,.portfolio-item__link:focus .portfolio-item__overlay{outline:transparent;transform:translateY(0)}
/*# sourceMappingURL=main.min.css.map */