ul{list-style:none;margin:0px;padding:0px}p,h1,h2,h3{margin:0}img{display:block;width:100%;max-width:100%;height:auto}button{border:none;cursor:pointer;margin:0;padding:0}a{color:currentColor;text-decoration:none}:root{--link-color: #2196f3;--title-color: #212121;--text-color: #757575}*,*::before,*::after{box-sizing:border-box}.container{width:100%;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1280px){.container{width:1280px}}.body{font-family:"Roboto"}.footer__logo--color,.footer__logo,.header__logo--color,.header__logo{font-family:"Raleway";font-size:26px;font-weight:700;letter-spacing:.78px}.about__item:nth-child(4):before,.about__item:nth-child(3)::before,.about__item:nth-child(2)::before,.about__item:nth-child(1)::before{background-repeat:no-repeat;background-position:center}.is-hidden{opacity:0;pointer-events:none}.is-hidden .hero-modal{transform:scale(0.5)}.hero-modal{width:calc(100% - 30px);border-radius:4px;background:#fff;box-shadow:0px 1px 3px 0px rgba(0,0,0,.12),0px 1px 1px 0px rgba(0,0,0,.14),0px 2px 1px 0px rgba(0,0,0,.2);padding:14px 40px 40px 40px;z-index:1;transform:scale(1);transition-property:transform,opacity;transition-duration:1000ms}.hero-modal__btn--close{margin-left:450px;border:solid rgba(0,0,0,.1) 1px;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;transition:fill 170ms ease-in-out}.hero-modal__btn--close:hover{fill:#2196f3}.hero-modal__close--svg{width:18px;height:18px}.hero-modal__subtitle{color:#212121;text-align:center;font-family:"Roboto";font-size:20px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.6px;margin-bottom:12px}.hero-modal__form{display:flex;flex-direction:column}.hero-modal__label{color:#757575;font-family:"Roboto";font-size:12px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.12px}.hero-modal__box:hover{border-radius:4px;border:1px solid #2196f3;fill:#2196f3}.hero-modal__box{border-radius:4px;border:1px solid rgba(33,33,33,.2);width:448px;height:40px;display:flex;align-items:center;margin-top:4px;margin-bottom:10px;transition:fill 250ms ease-in-out,border 250ms ease-in-out}.hero-modal__icon{width:18px;height:18px;margin-left:12px;margin-right:15px}.hero-modal__input{width:calc(100% - 80px);outline:none;border:none}.hero-modal__comment{border:none;outline:none;color:rgba(117,117,117,.5);font-family:"Roboto";font-size:12px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.12px;font-size:12px;font-weight:400;letter-spacing:.12px;width:448px;height:120px;flex-shrink:0;padding-left:16px;padding-top:12px;border-radius:4px;border:1px solid rgba(33,33,33,.2);margin-top:4px;margin-bottom:10px;resize:none}.hero-modal__confirm{text-align:center;color:rgba(117,117,117,.5);font-family:"Roboto",sans-serif;font-size:12px;font-weight:400;letter-spacing:.12px}.hero-modal__checkbox{color:#757575;border-radius:4px;fill:#212121;margin-left:7px;color:#757575;font-family:"Roboto";font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.42px}.hero-modal__link{color:#2196f3;font-family:"Roboto";font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.42px;text-decoration-line:underline;text-decoration-style:solid;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.hero-modal__btn{margin-top:30px;border-radius:4px;background:#2196f3;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);color:#fff;text-align:center;font-family:"Roboto";font-size:16px;font-style:normal;font-weight:700;line-height:30px;letter-spacing:.96px;width:200px;height:50px;margin-left:120px}.header{padding-top:16px;padding-bottom:16px;border-bottom:1px solid #ececec}@media screen and (min-width: 768px){.header{padding-top:26px;padding-bottom:26px}}@media screen and (min-width: 1280px){.header{padding-top:24px;padding-bottom:24px}}.header__container{display:flex;align-items:center}.header__logo{color:#000;text-decoration:none}.header__logo--color{color:#2196f3;font-style:normal;line-height:normal}.header__nav{width:100%;margin-left:93px;display:none}@media screen and (min-width: 768px){.header__nav{margin-left:44px;padding-right:auto;display:flex}}@media screen and (min-width: 1280px){.header__nav{display:flex;margin-left:93px}}.header__burger{margin-left:auto;background-color:rgba(0,0,0,0);width:40px;height:40px}@media screen and (min-width: 768px){.header__burger{display:none}}@media screen and (min-width: 1280px){.header__burger{display:none}}.header__list{list-style-type:none;display:flex;align-items:center;gap:50px}.header__link::after{content:"";width:100%;height:4px;border-radius:2px;background:#2196f3;opacity:0;position:absolute;left:0;bottom:-32px;transition:background 175ms ease-in-out,opacity 175ms ease-in-out}.header__link:hover::after{opacity:1}.header__link{color:#212121;font-family:"Roboto";font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.28px;text-decoration:none;display:block;position:relative;transition:color 250ms ease-in-out}.header__link:hover,.header__link:focus{color:#2196f3}.header__contact--list{list-style-type:none;display:none;align-items:center;margin-left:auto}@media screen and (min-width: 768px){.header__contact--list{display:flex;flex-wrap:wrap}}@media screen and (min-width: 1280px){.header__contact--list{list-style-type:none;display:flex;align-items:center;margin-left:auto;flex-wrap:nowrap}}.header__contact--item{display:none}@media screen and (min-width: 768px){.header__contact--item{display:flex;padding-bottom:10px}}@media screen and (min-width: 1280px){.header__contact--item{padding-bottom:0px}}.header__contact--icon{margin-right:10px;fill:currentColor}.header__contact--email{color:#757575;font-family:"Roboto";font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.28px;margin-right:50px;display:flex;align-items:center;transition:color 250ms ease-in-out}.header__contact--email:hover,.header__contact--email:focus{color:#2196f3}.header__contact--tell{color:#757575;font-family:"Roboto";font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.28px;text-wrap:nowrap;display:flex;transition:color 250ms ease-in-out}.header__contact--tell:hover,.header__contact--tell:focus{color:#2196f3}.hero{width:auto;height:auto;flex-shrink:0;text-align:center;padding-top:200px;padding-bottom:200px;background-image:linear-gradient(to bottom, rgba(47, 48, 58, 0.4)),url("../../adaptived-img/mobile/bg@mobile-1x.png");background-size:100% 600px}@media screen and (min-width: 767px)and (min-device-pixel-ratio: 2),screen and (min-width: 767px)and (min-resolution: 192dpi),screen and (min-width: 767px)and (min-resolution: 2dppx){.hero{background-image:linear-gradient(to bottom, rgba(47, 48, 58, 0.4)),url("../adaptived-img/mobile/bg@mobile-2x.png")}}@media screen and (min-width: 768px){.hero{background-size:100% 600px;background-image:linear-gradient(to bottom, rgba(47, 48, 58, 0.4)),url("../adaptived-img/tablet/bg@tablet-1x.png")}}@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 bottom, rgba(47, 48, 58, 0.4)),url("../adaptived-img/tablet/bg@tablet-2x.png")}}@media screen and (min-width: 1280px){.hero{padding-top:200px;padding-bottom:200px;background-image:linear-gradient(to bottom, rgba(47, 48, 58, 0.4)),url("../adaptived-img/desktop/bg@desktop-1x.png")}}@media screen and (min-width: 1280px)and (min-device-pixel-ratio: 2),screen and (min-width: 1280px)and (min-resolution: 192dpi),screen and (min-width: 1280px)and (min-resolution: 2dppx){.hero{background-image:linear-gradient(to bottom, rgba(47, 48, 58, 0.4)),url("../adaptived-img/desktop/bg@desktop-2x.png")}}.hero__title{color:#fff;text-align:center;font-family:Roboto;font-weight:900;text-transform:uppercase;font-size:26px;line-height:162%;letter-spacing:.06em;max-width:360px;margin:0 auto;margin-bottom:30px}@media screen and (min-width: 1280px){.hero__title{max-width:696px;color:#fff;text-align:center;font-family:Roboto;font-size:44px;font-style:normal;font-weight:900;line-height:60px;letter-spacing:2.64px;text-transform:uppercase}}.hero__button{border-radius:4px;background:#2196f3;width:216px;height:50px;cursor:pointer;text-align:center;color:#fff;text-align:center;font-family:"Roboto";font-size:16px;font-style:normal;font-weight:700;line-height:30px;letter-spacing:.96px}.hero__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center;z-index:2;transition-property:opacity;transition-duration:2500ms}.about{padding-top:60px}@media screen and (min-width: 1280px){.about{padding-top:94px}}.about__list{display:flex;gap:30px;align-items:center;justify-content:center;list-style-type:none;flex-direction:column}@media screen and (min-width: 768px){.about__list{align-items:normal;flex-wrap:wrap;flex-direction:row}}@media screen and (min-width: 1280px){.about__list{flex-wrap:nowrap}}.about__item:nth-child(1)::before{background-image:url("../img/antenna.webp")}.about__item:nth-child(2)::before{background-image:url("../img/clock.webp")}.about__item:nth-child(3)::before{background-image:url("../img/diagram.webp")}.about__item:nth-child(4):before{background-image:url("../img/astronaut.webp")}.about__item::before{content:"";display:block;width:100%;height:120px;border-radius:4px;background:#f5f4fa;margin-bottom:30px}@media screen and (min-width: 768px){.about__item::before{width:354px;flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1280px){.about__item::before{width:270px;height:120px}}.about__title{color:var(--title-color);font-family:"Roboto";font-size:14px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.42px;text-transform:uppercase;margin-bottom:10px}.about__text{color:var(--text-color);width:270px;font-family:"Roboto";font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.42px}.wwd{padding-top:94px;padding-bottom:94px;display:none}@media screen and (min-width: 1280px){.wwd{display:flex}}.wwd__title{color:var(--title-color);text-align:center;font-family:"Roboto";font-size:36px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.08px;margin-bottom:50px}.wwd__list{list-style-type:none;text-align:center;font-family:"Roboto";font-size:36px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.08px;display:flex;flex-direction:row;gap:30px}.wwd__item{position:relative}.wwd__item>.wwd__text{font-family:"Roboto";font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase;text-align:center;color:#fff;position:absolute;background:rgba(47,48,58,.8);width:370px;height:70px;top:224px;margin:0;bottom:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.staff{padding-top:94px;padding-bottom:94px;background:#f5f4fa}.staff__title{color:var(--title-color);text-align:center;font-family:"Roboto";font-size:28px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.84px;margin-bottom:50px}@media screen and (min-width: 1280px){.staff__title{font-family:"Roboto";font-size:36px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.08px}}.staff__list{display:flex;align-self:center;gap:30px;flex-direction:column}@media screen and (min-width: 768px){.staff__list{flex-direction:row;flex-wrap:wrap}}.staff__item{width:100%;box-shadow:0px 1px 3px 0px rgba(0,0,0,.12),0px 1px 1px 0px rgba(0,0,0,.14),0px 2px 1px 0px rgba(0,0,0,.2);border-radius:0px 0px 4px 4px;background:#fff;transition:box-shadow 1000ms ease-in-out}@media screen and (min-width: 768px){.staff__item{flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1280px){.staff__item{flex-basis:calc((100% - 90px)/4)}}.staff__item:hover{box-shadow:3px 4px 6px 2px #1a53a8;transform:scale(1.03)}.staff__img{margin-bottom:30px}.staff__list--title{color:var(--title-color);text-align:center;font-family:"Roboto";font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.48px;margin-bottom:10px}.staff__text{color:var(--text-color);text-align:center;font-family:"Roboto";font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.48px;margin-bottom:16px}.staff__list--social{display:flex;align-items:center;justify-content:center;gap:10px}.staff__link:hover,.staff__link:focus{background-color:#2196f3}.staff__link{width:44px;height:44px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff;margin-bottom:30px;fill:#afb1b8;transition:background-color 250ms ease-in-out}.staff__link:hover,.staff__link--social:hover,.staff__link:focus,.staff__link--social:focus{fill:#fff}.staff__link--social{width:20px;height:20px;transition:fill 250ms ease-in-out}.clients{padding-top:94px;padding-bottom:94px}.clients__heading{color:var(--title-color);text-align:center;font-family:"Roboto";font-size:28px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.84px;margin-bottom:50px}@media screen and (min-width: 1280px){.clients__heading{font-family:"Roboto";font-size:36px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.08px}}.clients__list{display:flex;gap:30px;flex-wrap:wrap}.clients__item:hover,.clients__item:focus{border-radius:4px;fill:#2196f3;border:1px solid #2196f3}.clients__item{width:210px;height:92px;border-radius:4px;border:1px solid #afb1b8;display:flex;justify-content:center;align-items:center;fill:#afb1b8;transition:fill 250ms ease-in-out,border 250ms ease-in-out;flex-basis:calc((100% - 30px)/2)}@media screen and (min-width: 768px){.clients__item{flex-basis:calc((100% - 60px)/3)}}@media screen and (min-width: 1280px){.clients__item{width:170px;flex-basis:calc((100% - 150px)/6)}}.hero-port{padding-top:94px}.hero-port__list{flex-wrap:wrap;display:flex;justify-content:start;gap:8px}@media screen and (min-width: 768px){.hero-port__list{flex-wrap:nowrap;justify-content:center}}.hero-port__button{color:var(--title-color);text-align:center;font-family:"Roboto";font-size:16px;font-style:normal;font-weight:500;line-height:26px;letter-spacing:.48px;border-radius:4px;padding:6px 22px;transition:background 250ms ease-in-out,color 250ms ease-in-out,box-shadow 250ms ease-in-out}.hero-port__button:focus,.hero-port__button:hover{color:#fff;background:#2196f3;box-shadow:0px 3px 1px 0px rgba(0,0,0,.1),0px 1px 2px 0px rgba(0,0,0,.08),0px 2px 2px 0px rgba(0,0,0,.12)}.main__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(33,150,243,.9);transform:translatey(100%);transition:transform 250ms ease-in-out}.main__box{position:relative;overflow:hidden}.main__item:hover .main__overlay{transform:translatey(0)}.main__overlay p{width:322px;color:#fff;font-size:18px;font-weight:400;line-height:28px;letter-spacing:.54px;margin:63px 24px}.main__list{list-style-type:none;display:flex;align-self:center;gap:30px;padding-top:50px;flex-direction:column}@media screen and (min-width: 768px){.main__list{flex-direction:row;flex-wrap:wrap}}.main__item{border:1px solid #eee;max-width:100%;transition:box-shadow 250ms}@media screen and (min-width: 768px){.main__item{flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1280px){.main__item{flex-basis:calc((100% - 60px)/3)}}.main__item:hover{box-shadow:0px 1px 1px 0px rgba(0,0,0,.12),0px 4px 4px 0px rgba(0,0,0,.06),1px 4px 6px 0px rgba(0,0,0,.16)}.main__hthird{color:var(--title-color);font-family:"Roboto";font-size:18px;line-height:36px;letter-spacing:1.08px;text-decoration:none;margin-top:15px;padding-left:24px}.main__text{color:var(--text-color);font-family:"Roboto";font-size:16px;font-style:normal;font-weight:400;line-height:30px;letter-spacing:.48px;margin-top:4px;padding-left:24px;padding-bottom:20px}.is-hidden{opacity:0;pointer-events:none}@media screen and (min-width: 768px){.mobile-menu{display:none}}.mobile-menu__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);z-index:10}.mobile-menu__box{display:flex;flex-direction:column;background:#fff;width:100%;height:100vh;padding-left:40px;padding-right:15px;padding-top:10px;padding-bottom:48px}.mobile-menu__icon--svg{width:40px;height:40px;justify-items:flex-end}.mobile-menu__btn--close{width:40px;height:40px;background-color:rgba(0,0,0,0);margin-left:auto}.mobile-menu__btn--close:hover{color:#2196f3}.mobile-menu__list{flex-direction:column;display:flex;gap:32px;padding-bottom:252px;font-family:"Roboto";font-size:40px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.8px}.mobile-menu__link:hover{color:#2196f3}.mobile-menu__contact--list{display:flex;gap:32px;flex-direction:column;font-family:"Roboto";font-size:24px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.48px;margin-bottom:64px}.mobile-menu__item--contact--link:hover{color:#2196f3}.mobile-menu__social--list{flex-wrap:wrap;display:flex;flex-direction:row;gap:20px}.mobile-menu__social--link{font-family:"Roboto";font-size:18px;font-style:normal;font-weight:500;line-height:22px;letter-spacing:.36px;color:#2196f3}.mobile-menu__social--link:hover{color:#000}.footer-section{background:#2f303a;height:100%;flex-shrink:0;padding-top:60px;padding-bottom:60px}.footer{display:flex;align-items:center;align-self:center;justify-items:flex-start;justify-content:space-between;flex-direction:column}@media screen and (min-width: 768px){.footer{flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center}}@media screen and (min-width: 1280px){.footer{flex-direction:row;justify-items:flex-start;flex-wrap:nowrap}}.footer__info{display:flex;flex-direction:column;align-items:center;gap:8px}@media screen and (min-width: 768px){.footer__info{margin-right:165px}}@media screen and (min-width: 1280px){.footer__info{margin-right:70px;align-items:flex-start}}.footer__logo{color:#fff;font-style:normal;line-height:normal;text-decoration:none;margin-bottom:20px}.footer__logo--color{color:#2196f3;font-style:normal;line-height:normal}.footer__adress{color:#fff;font-family:"Roboto";font-size:14px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.42px;text-decoration:none;margin-bottom:8px;transition:color 250ms ease-in-out}.footer__adress:hover,.footer__adress:focus{color:#2196f3}.footer__link{color:hsla(0,0%,100%,.6);font-family:"Roboto";font-size:14px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.42px;text-decoration:none;margin-bottom:8px}.footer__phone{transition:color 250ms ease-in-out}.footer__enevlope{transition:color 250ms ease-in-out}.footer__phone:hover,.footer__phone:focus{color:#2196f3}.footer__enevlope:hover,.footer__enevlope:focus{color:#2196f3}.footer__contact--icon{margin-right:10px;fill:currentColor}.footer__subtitle{color:#fff;font-family:"Roboto";font-size:14px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.42px;text-transform:uppercase;margin-top:60px;margin-bottom:20px;text-align:center}@media screen and (min-width: 768px){.footer__subtitle{margin-top:0px}}@media screen and (min-width: 1280px){.footer__subtitle{text-align:start}}.footer__list--social{display:flex;gap:10px}.footer__item--social:hover,.footer__item--social:focus{background-color:#2196f3}.footer__item--social{border-radius:50%;background-color:hsla(0,0%,100%,.1);width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:background-color 250ms ease-in-out}.footer__link--social{width:20px;height:20px;fill:#fff}.footer__subtitle{color:#fff;font-family:"Roboto";font-size:14px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.42px;text-transform:uppercase}.footer__form{display:flex;gap:12px;flex-direction:column}@media screen and (min-width: 1280px){.footer__form{flex-direction:row}}.footer__label{width:358px;height:50px;border-radius:4px;border:1px solid hsla(0,0%,100%,.3);background:rgba(33,150,243,0);box-shadow:0 4px 4px 0 rgba(0,0,0,.15);display:flex;align-items:center}.footer__input{width:358px;color:hsla(0,0%,100%,.6);font-family:"Roboto";font-size:16px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.48px;margin-left:16px;border:none;outline:none;background:#2f303a}.footer__btn{color:#fff;text-align:center;font-family:"Roboto";font-size:16px;font-style:normal;font-weight:700;line-height:30px;letter-spacing:.96px;border-radius:4px;background:#2196f3;box-shadow:0 4px 4px 0 rgba(0,0,0,.15);width:200px;height:50px;display:flex;align-items:center;justify-content:center;gap:10px;margin-left:auto;margin-right:auto}.footer__btn--icon{width:24px;height:24px;fill:#fff}@media screen and (min-width: 1280px){.footer__box{margin-right:93px}}@media screen and (min-width: 768px){.footer__field{margin-top:60px}}@media screen and (min-width: 1280px){.footer__field{margin-top:0px}}/*# sourceMappingURL=style.min.css.map */