body{margin:0}h1,h2,h3,h4,h5,h6,p{margin:0}ol,ul{margin:0;padding:0;list-style:none}a{text-decoration:none}img{display:block;max-width:100%;height:auto}button{border:none;cursor:pointer;background:rgba(0,0,0,0)}:root{--header-color: #ECECEC;--button-color: #2196F3;--white-color: #FFFFFF;--main-color: #2F303A;--grey-color: #757575;--title-work: #F5F4FA;--link-color: #212121;--color-dark: #000000;--buttom-active: #188CE8;--border-color: #eeeeee;--font-family: "Roboto", sans-serif;--second-family: "Raleway", sans-serif}.btn{width:200px;height:50px;text-align:center;border-radius:4px;border:none;font-family:inherit;font-weight:700;font-size:16px;line-height:1.87;letter-spacing:.06em;color:var(--white-color);background-color:var(--button-color);cursor:pointer}body{font-size:14px;font-family:"Roboto",sans-serif}.container{margin:0 auto;padding:0 15px;outline:1px solid tomato}@media screen and (min-width: 480px){.container{width:480px;outline:1px green solid}}@media screen and (min-width: 768px){.container{width:768px;outline:1px red solid}}@media screen and (min-width: 1200px){.container{width:1200px;outline:1px blue solid}}.mob-menu-open-btn{display:none;background:none;border:none;cursor:pointer;position:relative;z-index:110}.mob-menu-box{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;padding:48px 40px;display:flex;flex-direction:column;justify-content:space-between;transform:translateX(100%);transition:transform .3s ease;z-index:120}.mob-menu-box.is-open{transform:translateX(0)}.mob-menu-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;cursor:pointer}.mob-menu-nav-list,.mob-contact-list,.mob-social-list{list-style:none;padding:0;margin:0}.mob-menu-nav-list-item,.mob-contact-list-item,.mob-social-list-item{margin-bottom:15px}.mob-menu-nav-list-link,.mob-contact-list-link,.mob-social-list-link{text-decoration:none;color:#000;font-size:18px}.mob-menu-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.3);z-index:115;display:none;transition:opacity .3s ease}.mob-menu-backdrop.is-visible{display:block}@media(max-width: 480px){.mob-menu-open-btn{display:block}}.header{padding-top:16px;padding-bottom:16px}@media screen and (min-width: 768px){.header{padding-top:26px;padding-bottom:26px}}.header .header-container{justify-content:space-between}@media screen and (min-width: 768px){.header .header-container{display:flex;justify-content:_;align-items:_;gap:_;flex-wrap:_;flex-direction:_}}.header .container{display:flex;align-items:center}.header .container .logo{font-family:"Raleway";font-weight:700;font-size:26px;letter-spacing:.03em;color:#2196f3;margin-right:87px;display:block}@media screen and (min-width: 1200px){.header .container .logo{margin-right:92px}}.header .container .logo__style--header-style{color:#000}@media screen and (min-width: 1200px){.header .container .header-nav{margin-right:318px;display:flex;justify-content:center;align-items:center;gap:_;flex-wrap:_;flex-direction:_}}.header .container .header-nav .header-list{display:flex;justify-content:center;align-items:center;gap:_;flex-wrap:_;flex-direction:_;display:none}@media screen and (min-width: 768px){.header .container .header-nav .header-list{display:flex;justify-content:_;align-items:_;gap:_;flex-wrap:_;flex-direction:_}}.header .container .header-nav .header-list__item:not(:last-child){margin-right:50px}.header .container .header-nav .header-list__item{position:relative}.header .container .header-nav .header-list__link{color:#212121;font-weight:500;text-decoration:none;letter-spacing:.02em;transition-property:color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0}.header .container .header-nav .header-list__link:hover{color:#2196f3}.header .container .header-nav .header-list__link--active::after{position:absolute;content:"";margin-top:28px;left:0;width:100%;height:3px;background-color:#2196f3;border-radius:3px;display:block;transition-property:background-color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0}.header .container .header-nav .header-list__link--active:hover::after{background-color:#00008b}.header .container .contacts-list{display:none}@media screen and (min-width: 768px){.header .container .contacts-list{display:flex;justify-content:_;align-items:_;gap:_;flex-wrap:_;flex-direction:column;margin-right:0;margin-left:auto}}@media screen and (min-width: 1200px){.header .container .contacts-list{display:flex;justify-content:center;align-items:center;gap:_;flex-wrap:_;flex-direction:row}}.header .container .contacts-list__item:nth-child(1){margin-right:30px}.header .container .contacts-list__item:hover{fill:#2196f3;color:#2196f3}.header .container .contacts-list__link:hover{fill:#2196f3;color:#2196f3}.header .container .contacts-list__link{color:var(--grey-color);text-decoration:none;font-weight:500;letter-spacing:.02em;display:flex;justify-content:_;align-items:center;gap:10px;flex-wrap:_;flex-direction:_;fill:#757575;transition-property:color,fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0}.header .container .contacts-list__svg:nth-child(1){margin-top:2px}@media screen and (min-width: 768px){.svg-button{display:none}}.main-section{background-color:#2f303a;padding-top:118px;padding-bottom:118px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../Images/main-background.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}@media screen and (min-width: 1200px){.main-section{padding-top:200px;padding-bottom:200px}}.main-section .main-section-title{color:#fff;text-align:center;font-weight:900;font-size:26px;line-height:1.36;width:360px;margin:0 auto}@media screen and (min-width: 1200px){.main-section .main-section-title{width:696px;font-size:44px}}.main-section .main-section-button{color:#fff;background-color:#2196f3;font-size:16px;line-height:1.87;border-radius:8px;box-shadow:0 4px 4px 0 rgba(0,0,0,.15);padding:10px 24px;border:none;animation-name:grow;animation-duration:4s;animation-timing-function:linear;animation-delay:.5s;animation-iteration-count:2;display:block;margin:0 auto;margin-top:30px}@media screen and (min-width: 1200px){.main-section .main-section-button{padding:10px 32px}}.main-section .main-section-button:active{background-color:#188ce8}@keyframes grow{0%{scale:1}50%{scale:1.1}100%{scale:1}}.our-pluses{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 768px){.our-pluses{padding:60px 0}}@media screen and (min-width: 1200px){.our-pluses{padding-top:94px}}@media screen and (min-width: 768px){.our-pluses .our-pluses-list{display:flex;justify-content:_;align-items:_;gap:_;flex-wrap:wrap;flex-direction:_;gap:30px}}@media screen and (min-width: 1200px){.our-pluses .our-pluses-list{display:flex;justify-content:_;align-items:_;gap:_;flex-wrap:_;flex-direction:_}}.our-pluses .our-pluses-list__item{width:450px}@media screen and (min-width: 768px){.our-pluses .our-pluses-list__item{width:354px;margin-right:0}}@media screen and (min-width: 1200px){.our-pluses .our-pluses-list__item{flex-basis:270px;vertical-align:top}}.our-pluses .our-pluses-list__item::before{content:"";height:120px;background-color:#f5f4fa;display:block;margin-bottom:30px;background-repeat:no-repeat;background-position:center;border-radius:4px}.our-pluses .our-pluses-list__item:nth-child(1)::before{background-image:url(../svg/antenna.svg)}.our-pluses .our-pluses-list__item:nth-child(2)::before{background-image:url(../svg/clock.svg)}.our-pluses .our-pluses-list__item:nth-child(3)::before{background-image:url(../svg/diagram.svg)}.our-pluses .our-pluses-list__item:nth-child(4)::before{background-image:url(../svg/astronaut.svg)}.our-pluses .our-pluses-list__title{color:#212121;margin-bottom:10px}.our-pluses .our-pluses-list__text{color:#757575;font-weight:400;line-height:1.71}.our-work{display:none;padding-top:94px;padding-bottom:94px}@media screen and (min-width: 1200px){.our-work{display:block}}.our-work-title{text-align:center;color:#212121;font-size:36px;margin-bottom:50px}.our-work-list{display:flex;justify-content:_;align-items:_;gap:_;flex-wrap:_;flex-direction:_}.our-work-list__item{width:370px;position:relative}.our-work-list__item:not(:last-child){margin-right:30px}.our-work-list__title{position:absolute;background:rgba(47,48,58,.8);width:100%;height:70px;display:flex;justify-content:center;align-items:center;gap:_;flex-wrap:_;flex-direction:_;font-size:14px;line-height:1.14;letter-spacing:.03em;bottom:0;left:0;color:#fff}.our-developers{background-color:#f5f4fa;padding-top:60px;padding-bottom:60px}.our-developers .our-developers-title{text-align:center;color:#212121;font-size:28px;margin-bottom:30px}.our-developers .our-developers-list{align-items:center;justify-content:center}@media screen and (min-width: 768px){.our-developers .our-developers-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px}}@media screen and (min-width: 1200px){.our-developers .our-developers-list{display:flex;justify-content:_;align-items:_;gap:_;flex-wrap:_;flex-direction:_}}.our-developers .our-developers-list__item{background-color:#fff;border-radius:0 0 4px 4px;box-shadow:0 2px 1px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);width:450px;text-align:center;padding-bottom:24px;margin-bottom:30px}@media screen and (min-width: 768px){.our-developers .our-developers-list__item{width:354px}}@media screen and (min-width: 1200px){.our-developers .our-developers-list__item{width:270px}}.our-developers .our-developers-list__img{margin-bottom:30px;width:450px}.our-developers .our-developers-list__text{color:#212121;font-weight:500;font-size:16px;margin-bottom:10px}.our-developers .our-developers-list__title{color:#757575;font-weight:400;font-size:16px;margin-bottom:16px}.our-developers .our-developers-list .our-developers-svg-list{display:flex;justify-content:center;align-items:center;gap:_;flex-wrap:_;flex-direction:_;gap:10px}.our-developers .our-developers-list .our-developers-svg-list__item{display:flex;justify-content:_;align-items:_;gap:_;flex-wrap:_;flex-direction:_}.our-developers .our-developers-list .our-developers-svg-list__link{width:44px;height:44px;border-radius:50%;fill:#afb1b8;transition-property:background-color,fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0}.our-developers .our-developers-list .our-developers-svg-list__link:hover{fill:#fff;background-color:var(--button-color);border-radius:50%}.company{padding:60px 0}@media screen and (min-width: 1200px){.company{padding:94px 0}}.company .company-title{text-align:center;font-family:"Roboto";font-weight:700;font-size:28px;letter-spacing:.03em;color:#212121;margin-bottom:50px}.company .company-list{justify-content:center;display:flex;flex-wrap:wrap;gap:30px}@media screen and (min-width: 1200px){.company .company-list{display:flex;justify-content:_;align-items:_;gap:_;flex-wrap:_;flex-direction:_}}.company .company-list__item{display:flex;justify-content:center;align-items:center;gap:_;flex-wrap:_;flex-direction:column}.company .company-list__link{width:210px;height:92px;display:flex;justify-content:center;align-items:center;gap:_;flex-wrap:_;flex-direction:_;border:1px solid #afb1b8;border-radius:4px;fill:#afb1b8;transition-property:fill,border-color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0}@media screen and (min-width: 768px){.company .company-list__link{width:226}}@media screen and (min-width: 1200px){.company .company-list__link{width:170px}}.company .company-list__link:hover{fill:#2196f3;border-color:#2196f3}.footer{background-color:#2f303a;padding-bottom:60px;padding-top:60px}@media screen and (min-width: 1200px){.footer .container{display:flex;justify-content:space-between;align-items:_;gap:_;flex-wrap:_;flex-direction:row}}.footer .div-footer{margin-bottom:60px;text-align:center}.footer .logo-footer{font-family:"Raleway";font-weight:700;font-size:24px;letter-spacing:.03em;color:#2196f3;margin-bottom:20px;display:inline-block}.footer .logo__style--footer-style{color:#fff}.footer .footer-address{display:flex;justify-content:_;align-items:_;gap:_;flex-wrap:_;flex-direction:column}.footer .footer-address-list{display:flex;justify-content:_;align-items:_;gap:_;flex-wrap:_;flex-direction:column}.footer .footer-address-list__item{display:flex;justify-content:_;align-items:_;gap:_;flex-wrap:_;flex-direction:column}.footer .footer-address-list__item:not(:last-child){margin-bottom:9px}.footer .footer-address-list__item--1{color:#fff;font-weight:400;line-height:1.71;font-style:normal;margin-bottom:9px}.footer .footer-address-list__link{color:hsla(0,0%,100%,.6);text-decoration:none;font-weight:400;line-height:1.71;font-style:normal}.footer .footer-address-list__link:hover{color:#2196f3}.footer .follow{text-align:center}.footer .follow .follow-title{font-weight:700;text-align:center;font-size:14px;letter-spacing:.03em;color:#fff;margin-bottom:20px;margin-top:12px}.footer .follow .follow-list{display:flex;justify-content:center;align-items:_;gap:_;flex-wrap:_;flex-direction:_;gap:10px}.footer .follow .follow-list__item{border-radius:50%}.footer .follow .follow-list__link{display:flex;justify-content:center;align-items:center;gap:_;flex-wrap:_;flex-direction:_;width:44px;height:44px;border-radius:50%;fill:#fff;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);transition-delay:0}.footer .follow .follow-list__link:hover{fill:#fff;background-color:var(--button-color)}.footer .newsletter{margin:0 auto}@media screen and (min-width: 1200px){.footer .newsletter{display:flex;justify-content:center;align-items:_;gap:12px;flex-wrap:_;flex-direction:_}}.footer .newsletter .newsletter-box__input{margin:0 auto;display:block;width:450px;padding:0 16px;height:50px;color:#fff;background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.3);border-radius:4px;outline:none;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15))}.footer .newsletter .newsletter-box__button{color:#fff;margin:0 auto;margin-top:20px;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 1200px){.footer .newsletter .newsletter-box__button{margin-top:0}}.footer .newsletter .newsletter-box__title{font-weight:700;font-size:16px;line-height:1.9;letter-spacing:.06em;margin-right:10px}@media screen and (min-width: 768px){.two-box{display:flex;justify-content:space-between;align-items:baseline;gap:_;flex-wrap:_;flex-direction:_}}@media screen and (min-width: 1200px){.two-box{gap:70px}}.newsletter-box{margin-top:60px}@media screen and (min-width: 1200px){.newsletter-box{margin:0}}.footer-title{text-align:center;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;color:#fff;margin-bottom:20px;margin-top:12px}.telegram-icon{fill:currentColor}.newsletter-box__input{display:block;width:450px;margin:0 12px 0 0;margin:0 auto;padding:0 16px;height:50px;color:#fff;background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.3);border-radius:4px;outline:none;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15))}.newsletter{margin:0 auto}.backdrop{z-index:2;position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:1;background-color:rgba(0,0,0,.2)}.backdrop.is-hidden .modal{opacity:0;transform:translate(-50%, 50%) scale(0.5)}.backdrop.is-hidden .modal{opacity:0}.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.modal{position:relative;top:50%;left:50%;max-width:450px;padding:40px;border-radius:4px;background-color:#fff;transform:translate(-50%, -50%);transition:transform,opacity,250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}@media screen and (min-width: 1200px){.modal{max-width:528px}}.modal__btn{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50% 50%;border:1px solid rgba(0,0,0,.1);cursor:pointer}.modal__icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.form{display:flex;justify-content:center;align-items:center;gap:_;flex-wrap:_;flex-direction:column;color:#212121}.form-title{margin:12px 0;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:.03em;text-align:center}.form-div{position:relative;width:100%;text-align:start;display:flex;justify-content:_;align-items:_;gap:_;flex-wrap:_;flex-direction:column}.form-div__label{margin:0 0 4px 0;font-size:12px;line-height:1.17;letter-spacing:.01em;color:var(--grey-color)}.form-div__input{border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:none}.form-div__input--required{height:40px;margin:0 0 10px 0;padding:0 42px}.form-div__icon{position:absolute;top:50%;left:12px;display:flex;justify-content:center;align-items:center;gap:_;flex-wrap:_;flex-direction:_;transform:translateY(-25%)}.form-div__input-comment{height:120px;margin:0 0 20px 0;padding:12px 16px;font-size:14px;resize:none}.form-div__label--polity{display:flex;justify-content:center;align-items:center;gap:_;flex-wrap:_;flex-direction:_;font-size:12px;line-height:1.17;letter-spacing:.03em;margin:0 0 30px 0;color:#757575}.form-div__link{color:#2196f3}.form-div__send{align-self:center}.form-div__send:hover,.form-div__send:focus{transform:scale(1.1)}.portfolio{padding:60px 0}.portfolio .button-list{display:flex;justify-content:start;flex-wrap:wrap;column-gap:8px;row-gap:15px;gap:8px}@media screen and (min-width: 768px){.portfolio .button-list{justify-content:center}}.portfolio .button-list__item{display:flex;margin-bottom:15px}.portfolio .button-list__button{padding:6px 25px;font-weight:500;font-size:16px;line-height:162%;letter-spacing:.03em;text-align:center;color:#212121;background-color:#f5f4fa;border:none;border-radius:4px}.portfolio .button-list__button:active{background-color:#188ce8;box-shadow:0 4px 4px 0 rgba(0,0,0,.15);color:#f5f4fa}.portfolio .portfolio-list{display:flex;flex-wrap:wrap;justify-content:center;row-gap:30px}@media screen and (min-width: 768px){.portfolio .portfolio-list{justify-content:start;align-items:stretch;gap:30px}}.portfolio .portfolio-list__item{width:450px}.portfolio .portfolio-list__item:hover{box-shadow:1px 4px 6px 0 rgba(0,0,0,.16),0 4px 4px 0 rgba(0,0,0,.06),0 1px 1px 0 rgba(0,0,0,.12)}@media screen and (min-width: 768px){.portfolio .portfolio-list__item{width:calc((100% - 60px)/2)}}@media screen and (min-width: 1200px){.portfolio .portfolio-list__item{width:calc((100% - 60px)/3)}}.portfolio .portfolio-list__div{overflow:hidden;position:relative;height:294px}.portfolio .portfolio-list__div--active{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2196f3;transform:translatey(100%);transition:250ms ease-in-out;background:rgba(33,150,243,.9);display:flex;justify-content:center;align-items:center;gap:_;flex-wrap:_;flex-direction:_;padding-right:24px;padding-left:24px;font-size:18px;line-height:1.56;letter-spacing:.03em;color:#fff}.portfolio .portfolio-list__img{width:450px}@media screen and (min-width: 768px){.portfolio .portfolio-list__img{width:354px;height:294px}}@media screen and (min-width: 1200px){.portfolio .portfolio-list__img{width:370px}}.portfolio .portfolio-list__box{padding:20px 24px;border-right:1px solid #eee;border-left:1px solid #eee;border-bottom:1px solid #eee;flex-grow:1}.portfolio .portfolio-list__paragraph{margin-bottom:4px;font-weight:700;font-size:18px;line-height:200%;letter-spacing:.06em;color:#212121}.portfolio .portfolio-list__text{margin-bottom:20px;font-weight:400;font-size:16px;line-height:187%;letter-spacing:.03em;color:#757575}.portfolio-list__div:hover .portfolio-list__div--active{transform:translatey(0)}/*# sourceMappingURL=main.min.css.map */