.navigation-link,.mobile-navigation-link,.logo,.contacts-link,.mobile-contacts-link,.customer-link,.social-link,.address,.footer-contact{text-decoration:none;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.navigation,.mobile-navigation,.contacts,.mobile-contacts,.benefit__list,.work-list,.team-list,.customer-list,.social-list{padding:0;margin:0;list-style:none}.benefit-text,.profession{color:var(--primary-text-color)}.benefits h2{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden}.hero-button,.form-button,.subscribe-btn{display:inline-block;padding-top:10px;padding-bottom:10px;font-weight:700;font-size:16px;line-height:1.87;color:#fff;background-color:#2196f3;border:1px solid #2196f3;border-radius:4px;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.benefit-text,.profession{color:#757575}.benefits,.team,.customers{padding-bottom:60px;padding-top:60px}@media screen and (min-width: 1200px){.benefits,.team,.customers{padding-bottom:94px;padding-top:94px}}.work-title,.team-title,.customer-title{margin-bottom:50px;font-weight:700;font-size:36px;line-height:1.166;text-align:center;letter-spacing:0.03em}.name-title,.profession{font-size:16px;line-height:1.1875;text-align:center;letter-spacing:0.03em}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}h1,h2,h3,h4,h5{margin-top:0}p{margin:0}img{display:block;max-width:100%;height:auto}body{font-family:"Roboto",sans-serif;color:#212121;background-color:#fff}body.modal-open{overflow:hidden}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left: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}}header{border-bottom:1px solid #ececec}@media screen and (min-width: 768px){.header-wrap{display:flex;justify-content:center;align-items:center}}.main-nav{display:flex;justify-content:space-between;align-items:center}@media screen and (min-width: 768px){.main-nav{display:flex;justify-content:unset;align-items:center}}.navigation{display:none;margin-left:93px}@media screen and (min-width: 768px){.navigation{display:flex}}.navigation-item:not(:last-child){margin-right:50px}.navigation-link{position:relative;display:block;padding-top:32px;padding-bottom:32px;font-weight:500;font-size:14px;line-height:1.142;letter-spacing:0.02em;color:#212121}.navigation-link:hover,.navigation-link:focus{color:#2196f3}.navigation-link::after{position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:4px;background-color:#2196f3;border-radius:2px;transform:scale(0);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.navigation-link.current{color:#2196f3}.navigation-link:hover::after,.navigation-link.current::after{transform:scale(1)}.mobile-menu-btn{display:inline-flex;background-color:transparent;border:none;padding:0;margin:0;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mobile-menu-btn:focus,.mobile-menu-btn:hover{cursor:pointer;fill:#2196f3}@media screen and (min-width: 768px){.mobile-menu-btn{display:none}}.mobile-menu-btn .icon-cross{display:none}.mobile-menu-btn.is-open .icon-cross{display:block}.mobile-menu-btn.is-open .icon-menu{display:none}.mobile-menu{display:none;position:absolute;right:0;left:0;padding-top:60px;padding-bottom:60px;background-color:#fff;box-shadow:0px 4px 8px rgba(0,0,0,0.04),0px 2px 4px rgba(0,0,0,0.08),0px 1px 3px rgba(0,0,0,0.16);z-index:6}.mobile-menu.is-open{display:block}@media screen and (min-width: 768px){.mobile-menu{display:none}}.mobile-navigation{text-align:center}.mobile-navigation-link{position:relative;display:inline-block;padding-top:8px;padding-bottom:8px;margin-bottom:40px;font-weight:500;font-size:18px;line-height:1.142;letter-spacing:0.02em;color:#212121}.mobile-navigation-link:hover,.mobile-navigation-link:focus{color:#2196f3}.mobile-navigation-link::after{position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:4px;background-color:#2196f3;border-radius:2px;transform:scale(0);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mobile-navigation-link.current{color:#2196f3}.mobile-navigation-link:hover::after,.mobile-navigation-link.current::after{transform:scale(1)}.logo{font-family:"Raleway",sans-serif;font-weight:700;font-size:26px;line-height:1.192;letter-spacing:0.03em}.logo-color{color:#2196f3}.logo-header{color:#212121}.logo-footer{color:#fff;margin-bottom:20px}.contacts{display:none}@media screen and (min-width: 768px){.contacts{display:flex;flex-direction:column;margin-left:60px}}@media screen and (min-width: 1200px){.contacts{display:flex;justify-content:none;align-items:center;flex-direction:row;margin-left:auto}.contacts-item+.contacts-item{margin-left:50px}}.contacts-link{display:block;padding-top:5px;padding-bottom:5px;font-weight:500;font-size:12px;line-height:1.172;letter-spacing:0.02em;color:#757575}@media screen and (min-width: 1200px){.contacts-link{padding-top:32px;padding-bottom:32px;font-size:14px;line-height:1.142}}.contacts-link:hover,.contacts-link:focus{color:#2196f3}.contact-icon{margin-right:10px;fill:currentColor}.mobile-contacts{text-align:center}.mobile-contacts-link{display:block;padding-top:5px;padding-bottom:5px;font-weight:500;font-size:18px;line-height:1.142;letter-spacing:0.02em;color:#757575}.mobile-contacts-link:not(:last-child){margin-bottom:16px}.mobile-contacts-link:hover,.mobile-contacts-link:focus{color:#2196f3}.hero{max-width:1600px;margin-right:auto;margin-left:auto;padding-top:118px;padding-bottom:118px;text-align:center;background-color:#2f303a;background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/hero/mobile/header-480.jpg");background-repeat:no-repeat;background-size:cover;background-position:center}@media screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){.hero{background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/hero/mobile/header-480-2x.jpg")}}@media screen and (min-width: 768px){.hero{background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/hero/tablet/header-768.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(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/hero/tablet/header-768-2x.jpg")}}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px;background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/hero/desktop/hero_optimazed.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(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/hero/desktop/header-1200-2x.jpg")}}.hero-title{margin-right:auto;margin-left:auto;margin-bottom:30px;font-weight:900;font-size:26px;line-height:1.36;letter-spacing:0.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}}.hero-button{padding-right:32px;padding-left:32px;color:#fff}.hero-button:hover,.hero-button:focus{color:#2196f3;background-color:#fff}.benefit__list{margin-left:auto;margin-right:auto}@media screen and (min-width: 768px){.benefit__list{display:flex;flex-wrap:wrap;margin-left:-30px;margin-top:-30px}}.benefit__list .benefit__list__item{width:100%;max-width:450px}@media screen and (min-width: 768px){.benefit__list .benefit__list__item{margin-left:30px;margin-top:30px;flex-basis:calc(100% / 2 - 30px)}}@media screen and (min-width: 1200px){.benefit__list .benefit__list__item{margin-left:30px;margin-top:30px;flex-basis:calc(100% / 4 - 30px)}}.benefit__list__item::before{display:block;height:120px;content:"";background-color:#f5f4fa;background-repeat:no-repeat;background-position:center;background-size:70px 70px;border-radius:4px}.benefit-title{margin-bottom:10px;margin-top:30px;font-weight:700;font-size:14px;line-height:1.142;letter-spacing:0.03em;text-transform:uppercase;text-align:center}@media screen and (min-width: 768px){.benefit-title{text-align:left}}.benefit-text{margin-bottom:0;font-size:14px;line-height:1.71;letter-spacing:0.03em}.icon-details::before{background-image:url("../images/benefits/desktop/antena.png")}.icon-in-time::before{background-image:url("../images/benefits/desktop/clock.png")}.icon-planning::before{background-image:url("../images/benefits/desktop/diagram.png")}.icon-technology::before{background-image:url("../images/benefits/desktop/astronaut.png")}.works{display:none}@media screen and (min-width: 1200px){.works{display:block;padding-bottom:94px}}@media screen and (min-width: 1200px){.work-list{display:flex}}.work-item{display:inline-block;position:relative;z-index:1}.work-item:not(:nth-child(3n)){margin-right:30px}.work-description{position:absolute;z-index:2;left:0;bottom:0;display:flex;justify-content:center;align-items:center;height:70px;width:100%;font-weight:700;font-size:14px;line-height:1.142;letter-spacing:0.03em;text-transform:uppercase;color:#fff;background-color:rgba(47,48,58,0.8)}.team{background-color:#f5f4fa}@media screen and (max-width: 1199px){.team-title{font-size:28px}}@media screen and (min-width: 768px){.team-list{display:flex;flex-wrap:wrap;margin-left:-30px;margin-top:-30px}}.team-item{width:100%;max-width:450px;margin-right:auto;margin-left:auto;margin-top:30px;padding-bottom:30px;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:0px 0px 4px 4px}@media screen and (min-width: 768px){.team-item{flex-basis:calc(100% / 2 - 30px);margin-left:30px;margin-top:30px}}@media screen and (min-width: 1200px){.team-item{flex-basis:calc(100% / 4 - 30px);margin-left:30px;margin-top:30px}}.team-photo{margin-bottom:30px}.name-title{margin-bottom:10px;font-weight:500}.profession{margin-bottom:16px}.customer-list{display:flex;flex-wrap:wrap;margin-left:-30px;margin-top:-30px}.customer-item{width:100%;max-width:450px;margin-left:30px;margin-top:30px}@media screen and (max-width: 1199px){.customer-item{flex-basis:calc(100% / 2 - 30px)}}@media screen and (min-width: 768px){.customer-item{flex-basis:calc(100% / 3 - 30px)}}@media screen and (min-width: 1200px){.customer-item{flex-basis:calc(100% / 6 - 30px)}}.customer-link{display:flex;justify-content:center;align-items:center;height:90px;border:1px solid #afb1b8;border-radius:4px;transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.customer-link:hover,.customer-link:focus{border:1px solid #2196f3}.customer-icon{transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);fill:#afb1b8}.customer-link:hover .customer-icon,.customer-link:focus .customer-icon{fill:#2196f3}.backdrop{position:fixed;z-index:3;left:0;top:0;width:100%;height:100%;padding:40px 15px;overflow-y:scroll;background-color:rgba(0,0,0,0.2);opacity:1;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden{opacity:0;pointer-events:none}.modal{position:relative;z-index:5;max-width:450px;padding:40px;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;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden .modal{transform:translate(-50%, -50%) scale(0.5)}@media screen and (min-width: 481px) and (max-width: 1199px){.modal{width:450px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(1)}}@media screen and (min-width: 1200px){.modal{max-width:528px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(1)}}.close-modal{position:absolute;right:8px;top:8px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:50%;border:1px solid rgba(0,0,0,0.1);fill:#212121}.close-modal:hover{background-color:#2196f3}.form-title{margin-bottom:12px;font-weight:700;font-size:20px;line-height:1.5;letter-spacing:0.03em;color:#212121}.recall-form{text-align:left}.form-field{position:relative;margin-bottom:10px}.form-field:nth-last-of-type(2){margin-bottom:20px}.form-label{display:inline-block;margin-bottom:4px;font-size:12px;line-height:1.16;letter-spacing:0.01em;color:#757575}.form-input{width:100%;padding:12px;padding-left:42px;transition:250ms cubic-bezier(0.4, 0, 0.2, 1);border:1px solid rgba(33,33,33,0.2);box-sizing:border-box;border-radius:4px}.form-input:focus,.form-input:hover{cursor:pointer;border:1px solid #2196f3}.form-input:focus{outline:1px auto #2196f3}.form-comment{width:100%;height:120px;transition:250ms cubic-bezier(0.4, 0, 0.2, 1);resize:none;padding:12px;border:1px solid rgba(33,33,33,0.2);box-sizing:border-box;border-radius:4px}.form-comment:focus,.form-comment:hover{cursor:pointer;border:1px solid #2196f3}.form-comment:focus{outline:1px auto #2196f3}.form-comment::placeholder{font-size:14px;line-height:1.14;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.input-icon{position:absolute;left:15px;top:35px}.form-input:focus ~ .input-icon,.form-input:hover ~ .input-icon{fill:#2196f3}.checkbox-label{display:inline-flex;align-items:center;font-size:12px;line-height:1.71;letter-spacing:0.03em;margin-bottom:30px;color:#757575}@media screen and (min-width: 1200px){.checkbox-label{font-size:14px}}.checkbox-link{display:inline-block;margin-left:5px;color:#2196f3;transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.checkbox-link:hover,.checkbox-link:focus{color:#1b78c4}.custom-checkbox{appearance:none;position:absolute}.icon{display:inline-block;width:16px;height:15px;margin-right:5px;border:2px solid #2a2a2a;border-radius:4px;background-color:transparent;transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.custom-checkbox:checked+.icon{border-color:transparent;background-image:url("../images/icon_check.svg");background-size:contain;background-origin:border-box}.form-button{display:block;margin-left:auto;margin-right:auto;padding-right:54px;padding-left:54px;box-shadow:0px 4px 4px rgba(0,0,0,0.15)}.form-button:hover,.form-button:focus{background-color:#188ce8;cursor:pointer}.social-list{display:flex;justify-content:center;align-items:none}.social-item:not(:last-child){margin-right:10px}.social-link{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%}.team .social-link{background-color:#fff;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.join-us .social-link{background-color:rgba(255,255,255,0.1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.team .social-link:hover,.team .social-link:focus,.join-us .social-link:hover,.join-us .social-link:focus{background-color:#2196f3}.social-icon{fill:#afb1b8}.social-link:hover .social-icon,.social-link:focus .social-icon{fill:#fff}.join-us .social-icon{fill:#fff}.footer{padding-top:60px;padding-bottom:60px;background-color:#2f303a}@media screen and (max-width: 1199px){.footer{text-align:center}}@media screen and (min-width: 1200px){.footer-flex{display:flex;justify-content:space-between;align-items:baseline}}@media screen and (min-width: 768px){.flex-container{display:flex;justify-content:space-around;align-items:baseline}}.footer-wrap:not(:last-child){margin-bottom:60px}@media screen and (min-width: 1200px){.footer-wrap:not(:last-child){margin-bottom:0}}@media screen and (min-width: 1200px){.footer-wrap{display:flex;flex-direction:column}}@media screen and (min-width: 1200px){.contact-wrap{margin-right:70px}}.address{display:inline-block;margin-top:20px;margin-bottom:9px;font-style:normal;color:#fff}.address:hover,.address:focus{color:#2196f3}.footer-contact{color:rgba(255,255,255,0.6);display:block}.footer-contact:not(:last-child){margin-bottom:9px}.footer-contact:hover,.footer-contact:focus{color:#2196f3}.join-us{margin-bottom:60px}@media screen and (min-width: 1200px){.join-us{margin-right:93px;margin-bottom:0}}.join-us-text{margin-bottom:20px;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;color:#fff}.subscribe{margin-right:auto}@media screen and (min-width: 1200px){.subscribe-wrap{display:flex;justify-content:space-between;align-items:baseline}}.subscribe-input{padding:16px;color:#fff;background-color:transparent;border:1px solid rgba(255,255,255,0.3);border-radius:4px}@media screen and (min-width: 480px){.subscribe-input{width:450px}}@media screen and (min-width: 1200px){.subscribe-input{width:358px}}.subscribe-input::placeholder{font-size:16px;line-height:1.25;letter-spacing:0.03em;color:rgba(255,255,255,0.6)}.subscribe-btn{position:relative;display:inline-block;margin-top:20px;padding-left:25px;padding-right:62px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.subscribe-btn{display:block;margin-left:auto;margin-right:auto}}@media screen and (min-width: 1200px){.subscribe-btn{margin-left:12px}}.subscribe-btn:hover,.subscribe-btn:focus{color:#2196f3;background-color:#fff}.icon-send{position:absolute;top:50%;right:25px;transform:translateY(-50%);fill:#fff;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.subscribe-btn:hover .icon-send,.subscribe-btn:focus .icon-send{fill:#2196f3}
/*# sourceMappingURL=main.min.css.map */