body{font-family:"Roboto"}.container{max-width:1200px;width:100%;margin:0 auto;padding:0 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}}ul{list-style:none;margin:0;padding:0}a{text-decoration:none}img{display:block;width:100%;height:auto;max-width:100%}h1,h2,h3,p{margin:0}.header{padding:16px 0;border-bottom:1px solid #ececec}@media screen and (min-width: 768px){.header{padding:21px 0}}@media screen and (min-width: 1200px){.header{padding:26px 0}}.header>.container{display:flex;align-items:center}.header__logo{color:#000;font-family:"Raleway";font-weight:700;line-height:1.38;font-size:24px;letter-spacing:.78px;margin-right:auto;background:url(http://i.giphy.com/fsULJFFGv8X3G.gif);background-size:cover;background-position:center;-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}@media screen and (min-width: 768px){.header__logo{margin-right:88px}}@media screen and (min-width: 1200px){.header__logo{font-size:26px;letter-spacing:.78px;margin-right:93px}}.header__color{color:#2196f3}.header__button{background-color:rgba(0,0,0,0);display:flex;justify-content:center;align-items:center;border:none}@media screen and (min-width: 768px){.header__button{display:none}}.header__burger{width:40px;height:40px;fill:#000}.header__list{display:none;margin-left:auto}@media screen and (min-width: 480px){.header__list{display:none}}@media screen and (min-width: 768px){.header__list{display:flex;flex-direction:column;gap:10px}}@media screen and (min-width: 1200px){.header__list{flex-direction:row;gap:30px}}.header__item:nth-child(2) .header__icon{width:10px;height:16px}.header__link{display:flex;align-items:center;gap:10px}.header__link:hover .header__cell,.header__link:focus .header__cell{color:#2196f3}.header__link:hover .header__icon,.header__link:focus .header__icon{fill:#2196f3}.header__cell{color:#757575;font-size:12px;font-weight:500;line-height:1.14;letter-spacing:.24px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.header__cell{font-size:14px;letter-spacing:.28px}}.header__icon{width:16px;height:12px;fill:#757575;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.nav__list{display:none}@media screen and (min-width: 768px){.nav__list{display:flex;gap:50px}}@media screen and (min-width: 1200px){.nav__list{font-size:26px;letter-spacing:.78px}}.nav__item{position:relative}.nav__link{color:#212121;font-size:14px;font-weight:500;line-height:1.14;letter-spacing:.28px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.nav__link:hover,.nav__link:focus{color:#2196f3}.curent{color:#2196f3}.curent::after{content:"";display:block;opacity:0;border-radius:2px;background-color:#2196f3;width:100%;height:4px;position:absolute;top:49px;left:0;transition:550ms cubic-bezier(0.4, 0, 0.2, 1);transform:scale(0)}.curent:hover::after{opacity:1;transform:scale(1)}.mob__menu{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:#fff;padding:48px 0 48px 40px}.mob__menu.is-hidden{opacity:0;pointer-events:none}.btn__close{position:absolute;top:10px;right:15px;border:none;background-color:#fff}.modal-close-icon{width:40px;height:40px;fill:#000}.mob__menu-list{display:flex;flex-direction:column;gap:36px}.mob__menu__link{font-weight:500;font-size:40px;line-height:1.18;text-align:center;letter-spacing:.02em;text-decoration:none;color:#212121}.mob__menu__link:hover{color:#2196f3}.mob__menu-contacts{display:flex;flex-direction:column;gap:32px;margin-bottom:64px;margin-top:70px}.mob__menu-contacts__link{font-weight:500;letter-spacing:.02em;color:#212121;text-decoration:none}.mob__menu-contacts__link:hover{color:#2196f3}.mob__menu-contacts__item:first-child .mob__menu-contacts__link{font-size:34px;line-height:1.18}.mob__menu-contacts__link:last-child{font-size:24px;line-height:1.17}.mob__menu-social{display:flex}.mob__menu-social__link{font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;color:#2196f3;text-decoration:none}.mob__menu-social__item:not(:last-child){margin-right:10px;display:flex}.mob__menu-social__item:not(:last-child)::after{content:"";height:100%;width:1px;background-color:rgba(33,33,33,.2);display:block;margin-left:10px}.header__button{background:rgba(0,0,0,0);border:none;font-size:26px}.hero{padding-top:118px;padding-bottom:118px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/hero.webp);background-position:center;background-repeat:no-repeat;background-size:cover;text-align:center}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px}}.hero__title{color:#fff;text-align:center;font-weight:900;text-transform:uppercase;margin-left:auto;margin-right:auto;margin-bottom:30px}@media screen and (min-width: 480px){.hero__title{font-size:26px;line-height:42px;letter-spacing:1.56px;text-transform:uppercase;width:360px}}@media screen and (min-width: 1200px){.hero__title{font-size:44px;line-height:1.36;letter-spacing:2.64px;width:696px}}.hero__btn{color:#fff;text-align:center;font-size:16px;font-weight:700;line-height:1.87;letter-spacing:.96px;background-color:#2196f3;padding:10px 24px;border:none;border-radius:4px;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15)}@media screen and (min-width: 1200px){.hero__btn{padding:10px 32px}}.advant{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.advant{padding-top:94px;padding-bottom:0}}.advant__list{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;gap:30px}@media screen and (min-width: 768px){.advant__list{flex-direction:row}}.advant__item::before{content:"";margin-bottom:30px;display:block;width:100%;height:120px;border-radius:4px;background-color:#f5f4fa;background-position:center;background-repeat:no-repeat}@media screen and (min-width: 480px){.advant__item::before{width:450px}}@media screen and (min-width: 768px){.advant__item::before{width:354px}}@media screen and (min-width: 1200px){.advant__item::before{width:270px}}.advant__item:first-child::before{background-image:url(../img/antenna.png)}.advant__item:nth-child(2)::before{background-image:url(../img/clock.png)}.advant__item:nth-child(3)::before{background-image:url(../img/diagram.png)}.advant__item:last-child::before{background-image:url(../img/astronaut.png)}.advant__title{color:#212121;font-size:14px;font-weight:700;line-height:1.14;letter-spacing:.42px;text-transform:uppercase;margin-bottom:10px;text-align:center}@media screen and (min-width: 768px){.advant__title{text-align:start}}.advant__text{color:#757575;font-size:14px;font-weight:400;line-height:1.71;letter-spacing:.42px}@media screen and (min-width: 480px){.advant__text{width:450px}}@media screen and (min-width: 768px){.advant__text{width:354px}}@media screen and (min-width: 1200px){.advant__text{width:270px}}.work{padding-top:94px;padding-bottom:94px;text-align:center;display:none}@media screen and (min-width: 1200px){.work{display:block}}.work__title{color:#212121;text-align:center;font-size:36px;font-weight:700;line-height:1.16;letter-spacing:1.08px;margin-bottom:50px}.work__list{display:flex;gap:30px}.work__item{position:relative}.work__wrap{padding-top:27px;padding-bottom:27px;background-color:rgba(47,48,58,.8);position:absolute;bottom:0;left:0;width:100%}.work__deck{color:#fff;text-align:center;font-size:14px;font-weight:700;line-height:1.14;letter-spacing:.42px;text-transform:uppercase}.team{padding-top:60px;padding-bottom:60px;text-align:center;background-color:#f5f4fa}@media screen and (min-width: 1200px){.team{padding-top:94px;padding-bottom:94px}}.team__title{color:#212121;text-align:center;font-size:28px;font-weight:700;line-height:1.16;letter-spacing:.84px;margin-bottom:30px}@media screen and (min-width: 1200px){.team__title{font-size:36px;letter-spacing:1.08px;margin-bottom:50px}}.team__list{display:flex;justify-content:center;gap:30px;flex-direction:column}@media screen and (min-width: 768px){.team__list{flex-direction:row;flex-wrap:wrap}}@media screen and (min-width: 1200px){.team__list{flex-wrap:nowrap}}.team__item{flex-basis:100%;border-radius:0px 0px 4px 4px;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)}@media screen and (min-width: 768px){.team__item{flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.team__item{flex-basis:calc((100% - 90px)/4)}}.team__img{width:100%}.team__wrap{padding-top:30px;padding-bottom:30px}.team__name{color:#212121;text-align:center;font-size:16px;font-weight:500;line-height:1.18;letter-spacing:.48px;margin-bottom:10px}.team__taxt{color:#757575;text-align:center;font-size:16px;font-weight:400;line-height:1.18;letter-spacing:.48px;margin-bottom:16px}.team__items{display:flex;justify-content:center;gap:10px}.team__link{padding:12px 12px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition-property:background-color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.team__link:hover,.team__link:focus{border:none;background-color:#2196f3;outline:0px solid #2196f3}.team__link:hover .team__icon,.team__link:focus .team__icon{fill:#fff}.team__icon{width:20px;height:20px;fill:#afb1b8;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.client{padding-top:60px;padding-bottom:60px;text-align:center}@media screen and (min-width: 1200px){.client{padding-top:94px;padding-bottom:94px}}.client__title{color:#212121;text-align:center;font-size:28px;font-weight:700;line-height:1.16;letter-spacing:.84px;margin-bottom:30px}@media screen and (min-width: 1200px){.client__title{font-size:36px;letter-spacing:1.08px;margin-bottom:50px}}.client__list{display:flex;flex-wrap:wrap;row-gap:30px;gap:30px}.client__item{flex-basis:calc((100% - 30px)/2)}@media screen and (min-width: 768px){.client__item{flex-basis:calc((100% - 60px)/3)}}@media screen and (min-width: 1200px){.client__item{flex-basis:calc((100% - 150px)/6)}}.client__item:hover .client__link{border-color:#2196f3}.client__item:hover .client__icon{fill:#2196f3}.client__link{border-radius:4px;border:1px solid #afb1b8;width:100%;height:92px;display:flex;justify-content:center;align-items:center;transition-property:border-color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 480px){.client__link{width:210px}}@media screen and (min-width: 768px){.client__link{width:226px}}@media screen and (min-width: 1200px){.client__link{width:170px}}.client__icon{width:106px;height:60px;fill:#afb1b8;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer{padding-top:60px;padding-bottom:60px;background-color:#2f303a}.footer>.container{display:flex;flex-direction:column;text-align:center;justify-content:center;flex-wrap:wrap;row-gap:60px}@media screen and (min-width: 768px){.footer>.container{align-items:first baseline;flex-direction:row}}@media screen and (min-width: 1200px){.footer>.container{text-align:start}}.footer__wrapper{display:flex;flex-direction:column}@media screen and (min-width: 768px){.footer__wrapper{width:235px}}.footer__logo{color:#fff;font-family:"Raleway";font-size:24px;font-weight:700;line-height:1.38;letter-spacing:.72px}@media screen and (min-width: 1200px){.footer__logo{font-size:26px;letter-spacing:.78px}}.footer__color{color:#2196f3}.footer__address{font-style:normal;margin-top:20px}@media screen and (min-width: 768px){.footer__box{margin-left:165px}}@media screen and (min-width: 1200px){.footer__box{margin-left:70px}}.footer__position{color:#fff;font-size:14px;font-weight:400;line-height:1.71;letter-spacing:.42px;margin-bottom:9px}.footer__list{display:flex;flex-direction:column;gap:9px;margin-top:9px}.footer__link{color:hsla(0,0%,100%,.6);font-size:14px;font-weight:400;line-height:1.71;letter-spacing:.42px}.footer__title{color:#fff;font-size:14px;font-weight:700;line-height:1.14;letter-spacing:.42px;text-transform:uppercase;margin-bottom:20px}.footer__items{display:flex;justify-content:center;gap:10px}.footer__social{padding:12px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:hsla(0,0%,100%,.1);transition-property:background-color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer__social:hover{background-color:#2196f3}.footer__icon{width:20px;height:20px;fill:#fff;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.footer__block{margin-left:auto}}.footer__subscribe{color:#fff;font-size:14px;font-weight:700;line-height:1.14;letter-spacing:.42px;text-transform:uppercase;margin-bottom:20px;display:inline-block}.footer__form{display:flex;align-items:center;flex-direction:column;gap:20px}@media screen and (min-width: 1200px){.footer__form{flex-direction:row;gap:12px}}.footer__input{color:hsla(0,0%,100%,.6);font-size:16px;font-weight:400;line-height:1.25;letter-spacing:.48px;padding-top:15px;padding-bottom:15px;padding-left:16px;border-radius:4px;border:1px solid hsla(0,0%,100%,.3);background:rgba(33,150,243,0);box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);width:100%}@media screen and (min-width: 480px){.footer__input{width:450px}}@media screen and (min-width: 1200px){.footer__input{width:358px}}.footer__btn{color:#fff;background-color:#2196f3;padding:10px 31px;text-align:center;font-size:16px;font-weight:700;line-height:1.87;letter-spacing:.96px;border-radius:4px;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);border:none;display:flex;align-items:center;gap:10px}@media screen and (min-width: 1200px){.footer__btn{padding:10px 28px}}.footer__plane{width:24px;height:24px;fill:#fff}.backdrop{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));opacity:1;transition:opacity 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275)}.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.is-hidden .modal{transform:translate(0) rotate(360deg)}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:40px;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);transition:visibility 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275),box-shadow 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275),transform 1s}.modal__title{color:#212121;text-align:center;font-size:20px;font-weight:700;line-height:1.15;letter-spacing:.6px;margin-bottom:12px;text-align:center}.modal__form{font-size:20px}.modal__box{position:relative}.modal__label{color:#757575;font-size:12px;font-weight:400;line-height:1.16;letter-spacing:.12px}.modal__icon{width:18px;height:18px;fill:#212121;position:absolute;top:55%;left:14px}.modal__input{display:block;margin-top:4px;margin-bottom:10px;width:100%;height:40px;border-radius:4px;border:1px solid rgba(33,33,33,.2);outline:rgba(0,0,0,0);padding:11px 12px 11px 42px;font-size:14px}.modal__input:hover,.modal__input:focus{border:1px solid #2196f3}.modal__input:hover+.modal__icon,.modal__input:focus+.modal__icon{fill:#2196f3}.modal__coment{display:block;margin-top:4px;margin-bottom:20px;padding:12px 16px;border-radius:4px;border:1px solid rgba(33,33,33,.2);width:100%;height:120px;color:rgba(117,117,117,.5);font-size:12px;font-weight:400;line-height:1.16;letter-spacing:.12px;resize:none;outline:rgba(0,0,0,0);font-size:14px}.modal__coment:focus{border-color:#2196f3}.modal__wrap{display:flex;align-items:center;gap:4px;margin-left:12px;margin-right:11px}.modal__checked{display:flex;align-items:center}.modal__check{width:16px;height:15px}.modal__span{color:#757575;font-size:14px;font-weight:400;line-height:1.71;letter-spacing:.42px;margin-left:8px}.modal__link{color:#2196f3;font-size:14px;font-weight:400;line-height:24px;letter-spacing:.42px;text-decoration-line:underline}.modal__btn{color:#fff;text-align:center;font-size:16px;font-weight:700;line-height:1.87;letter-spacing:.96px;padding:10px 52px;background-color:#2196f3;border:none;border-radius:4px;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);display:block;margin-left:auto;margin-right:auto;margin-top:30px}.btn__close{position:absolute;top:8px;right:8px;background-color:rgba(0,0,0,0);width:30px;height:30px;border-radius:50%;border:1px solid rgba(0,0,0,.1);outline:rgba(0,0,0,0);display:flex;justify-content:center;align-items:center}.btn__close:hover,.btn__close:focus{cursor:pointer}.btn__close:hover .form__close,.btn__close:focus .form__close{fill:#2196f3}.form__close{width:18px;height:18px;fill:#000}.button__list{display:flex;flex-wrap:wrap;gap:8px;row-gap:15px;margin-bottom:40px}@media screen and (min-width: 768px){.button__list{justify-content:center}}@media screen and (min-width: 1200px){.button__list{margin-bottom:50px}}.button__btn{color:#212121;text-align:center;font-size:16px;font-style:normal;font-weight:500;line-height:1.62;letter-spacing:.48px;border-radius:4px;background:#f5f4fa;padding:6px 22px;border:rgba(0,0,0,0);transition-property:color,background-color,box-shadow;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.button__btn:hover,.button__btn:focus{color:#fff;background-color:#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)}.card{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.card{padding-top:94px;padding-bottom:94px}}.card__list{display:flex;flex-wrap:wrap;gap:30px}.card__item{flex-basis:100%;border:1px solid #eee;transition-property:box-shadow;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.card__item{flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.card__item{flex-basis:calc((100% - 60px)/3)}}.card__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)}.card__item:hover .card__desk{opacity:1}.card__box{position:relative;overflow:hidden}.card__img{width:100%}.card__desk{width:100%;height:100%;background-color:rgba(133,150,243,.9);padding:77px 24px;color:#fff;font-size:18px;font-weight:400;line-height:1.55;letter-spacing:.54px;opacity:0;position:absolute;top:0;left:0;transition-property:opacity;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.card__desk{padding:49px 24px 77px 24px}}@media screen and (min-width: 1200px){.card__desk{padding:63px 24px}}.card__wrap{padding:20px 24px}.card__title{color:#212121;font-size:18px;font-weight:700;line-height:2;letter-spacing:1.08px;margin-bottom:4px}.card__text{color:#757575;font-size:16px;font-weight:400;line-height:1.87;letter-spacing:.48px}/*# sourceMappingURL=main.min.css.map */