body,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}html{scroll-behavior:smooth}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{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;padding:48px 40px;flex-direction:column;justify-content:space-between;transform:translate(100%);transition:transform .3s ease;z-index:120}.mob-menu-box.is-open{display:flex;transform:translate(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{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000004d;z-index:115;transition:opacity .3s ease}.mob-menu-backdrop.is-visible{display:block}@media (max-width: 768px){.mob-menu-open-btn{display:block}.mob-menu-nav-list{display:flex;flex-direction:column;gap:32px}.mob-menu-nav-list-link{font-family:Roboto,sans-serif;font-weight:500;font-size:40px;letter-spacing:.02em;color:#000;transition:color .25s cubic-bezier(.4,0,.2,1)}.mob-contact-list{margin-bottom:64px;display:flex;flex-direction:column;gap:32px}.mob-contact-list-link{font-family:Roboto,sans-serif;font-weight:500;font-size:24px;letter-spacing:.02em;color:#333;transition:color .25s cubic-bezier(.4,0,.2,1)}.mob-contact-list-link:hover{color:#2196f3}.mob-contact-list-link:first-child{font-size:34px}.mob-social-list{display:flex}.mob-social-list-item{padding:0 10px}.mob-social-list-item:not(:last-child){border-right:1px solid rgba(33,33,33,.2)}.mob-social-list-link{font-family:Roboto,sans-serif;font-weight:500;font-size:18px;line-height:122%;letter-spacing:.02em;color:#2196f3}}@media (max-width: 480px){.mob-menu-box{padding:32px 20px}.mob-menu-nav-list{gap:24px}.mob-menu-nav-list-link{font-family:Roboto,sans-serif;font-weight:500;font-size:26px;letter-spacing:.02em;color:#000;transition:color .25s cubic-bezier(.4,0,.2,1)}.mob-menu-nav-list-link:hover{color:#2196f3}.mob-contact-list{margin-bottom:40px;gap:20px}.mob-contact-list-link{font-family:Roboto,sans-serif;font-weight:500;font-size:16px;letter-spacing:.02em;color:#333;transition:color .25s cubic-bezier(.4,0,.2,1)}.mob-contact-list-link:hover{color:#2196f3}.mob-contact-list-link:first-child{font-size:20px}.mob-social-list{display:flex;justify-content:center}.mob-social-list-item{padding:0 6px}.mob-social-list-item:not(:last-child){border-right:1px solid rgba(33,33,33,.2)}.mob-social-list-link{font-family:Roboto,sans-serif;font-weight:500;font-size:14px;line-height:1.2;letter-spacing:.02em;color:#2196f3}.mob-menu-close-btn{top:10px;right:10px}.mob-menu-close-btn svg{width:22px;height:22px}}.backdrop.is-hidden .modal-add-edit-developer{opacity:0;transform:translate(-50%,50%) scale(.5)}.modal-add-edit-developer{position:relative;top:50%;left:50%;max-width:max-content;min-height:max-content;padding:30px;border-radius:4px;background-color:#fbfbb7;transform:translate(-50%,-50%);text-align:center}.form-add-edit-developer__title{margin-bottom:20px;font-size:22px;font-weight:700;color:#b22222}.form-add-edit-developer__img{margin:0 auto 20px;width:270px}.form-add-edit-developer__input-developer-name,.form-add-edit-developer__input-developer-position{width:100%;height:40px;padding:8px 12px;border:1px solid #dcdcdc;border-radius:4px;background-color:#fff;font-size:14px;font-family:inherit;color:#333;outline:none;transition:border-color .25s ease,box-shadow .25s ease}.form-add-edit-developer__input-developer-name::placeholder,.form-add-edit-developer__input-developer-position::placeholder{color:#9e9e9e}.form-add-edit-developer__input-developer-name:focus,.form-add-edit-developer__input-developer-position:focus{border-color:#9a9d23;box-shadow:0 0 0 2px #9a9d234d}.form-add-edit-developer__input-developer-name{margin-bottom:12px}.form-add-edit-developer__input-developer-position{margin-bottom:20px}.form-add-edit-developer__button-submit{width:200px;height:50px;display:block;text-align:center;border-radius:4px;border:none;font-family:inherit;font-weight:700;font-size:16px;line-height:1.87;letter-spacing:.06em;cursor:pointer;color:var(--white-color);background-color:var(--button-color);margin:0 auto 15px;background-color:#9a9d23}.modal-add-edit-developer__button-cancel{width:200px;height:50px;display:block;text-align:center;border-radius:4px;border:none;font-family:inherit;font-weight:700;font-size:16px;line-height:1.87;letter-spacing:.06em;cursor:pointer;color:var(--white-color);background-color:var(--button-color);margin:0 auto;background-color:#1fa01f}.modal-add-edit-developer__button-delete{width:200px;height:50px;display:block;text-align:center;border-radius:4px;border:none;font-family:inherit;font-weight:700;font-size:16px;line-height:1.87;letter-spacing:.06em;cursor:pointer;color:var(--white-color);background-color:var(--button-color);margin:0 auto 15px;background-color:#b22222}[data-modal-confirm-delete]{z-index:100;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center}[data-modal-confirm-delete].is-hidden{display:none}.modal-confirm{background:#fff;padding:24px 28px;border-radius:10px;width:320px;max-width:calc(100% - 40px);text-align:center;box-shadow:0 10px 30px #00000040}.modal-confirm button{min-width:100px;padding:10px 16px;border-radius:6px;border:none;cursor:pointer}.modal-confirm #confirm-delete-yes{background:#d33f49;color:#fff;margin-right:10px}.modal-confirm #confirm-delete-no{background:#e0e0e0}.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:.25s;transition-timing-function:cubic-bezier(.4,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:.25s;transition-timing-function:cubic-bezier(.4,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,.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:.25s;transition-timing-function:cubic-bezier(.4,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}@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 #00000026;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:30px auto 0}@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}to{scale:1}}@media screen and (max-width: 480px){.main-section{background-color:#2f303a;padding-top:100px;padding-bottom:100px;text-align:center}.main-section .main-section-title{color:#fff;font-family:Roboto,sans-serif;font-weight:900;font-size:24px;line-height:1.4;letter-spacing:.03em;width:90%;margin:0 auto 25px;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.main-section .main-section-button{display:inline-block;width:85%;max-width:280px;color:#fff;background-color:#2196f3;font-size:15px;font-weight:500;line-height:1.5;padding:12px 20px;border:none;border-radius:10px;box-shadow:0 4px 10px #0003;transition:all .3s ease;margin:0 auto}.main-section .main-section-button:hover,.main-section .main-section-button:focus{background-color:#188ce8;transform:scale(1.05);box-shadow:0 6px 14px #0000004d}.main-section .main-section-button:active{transform:scale(.98)}}.overlay{background-image:linear-gradient(rgba(47,48,58,.5),rgba(47,48,58,.5)),url(/webstudio-vite-js/assets/background-mobile-1x-75d38ace.jpg);background-position:center;background-size:cover}@media screen and (min-device-pixel-ratio: 2),screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx){.overlay{background-image:linear-gradient(to right,rgba(47,48,58,.4),rgba(47,48,58,.4)),url(/webstudio-vite-js/assets/background-mobile-2x-6e045a53.jpg)}}@media screen and (min-device-pixel-ratio: 3),screen and (min-resolution: 288dpi),screen and (min-resolution: 3dppx){.overlay{background-image:linear-gradient(to right,rgba(47,48,58,.4),rgba(47,48,58,.4)),url(/webstudio-vite-js/assets/background-mobile-3x-0b542524.jpg)}}@media screen and (min-width: 768px){.overlay{background-image:linear-gradient(to right,rgba(47,48,58,.4),rgba(47,48,58,.4)),url(/webstudio-vite-js/assets/background-tablet-1x-0fa2cae3.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){.overlay{background-image:linear-gradient(to right,rgba(47,48,58,.4),rgba(47,48,58,.4)),url(/webstudio-vite-js/assets/background-tablet-2x-f28a000a.jpg)}}@media screen and (min-width: 768px)and (min-device-pixel-ratio: 3),screen and (min-width: 768px)and (min-resolution: 288dpi),screen and (min-width: 768px)and (min-resolution: 3dppx){.overlay{background-image:linear-gradient(to right,rgba(47,48,58,.4),rgba(47,48,58,.4)),url(/webstudio-vite-js/assets/background-tablet-3x-9c419c5d.jpg)}}@media screen and (min-width: 1200px){.overlay{background-image:linear-gradient(to right,rgba(47,48,58,.4),rgba(47,48,58,.4)),url(/webstudio-vite-js/assets/background-desktop-1x-8a7cf44e.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){.overlay{background-image:linear-gradient(to right,rgba(47,48,58,.4),rgba(47,48,58,.4)),url(/webstudio-vite-js/assets/background-desktop-2x-22017794.jpg)}}@media screen and (min-width: 1200px)and (min-device-pixel-ratio: 3),screen and (min-width: 1200px)and (min-resolution: 288dpi),screen and (min-width: 1200px)and (min-resolution: 3dppx){.overlay{background-image:linear-gradient(to right,rgba(47,48,58,.4),rgba(47,48,58,.4)),url(/webstudio-vite-js/assets/background-desktop-3x-e2ce1ffd.jpg)}}.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(/webstudio-vite-js/assets/antenna-0ddfd611.svg)}.our-pluses .our-pluses-list__item:nth-child(2):before{background-image:url(/webstudio-vite-js/assets/clock-53867f5f.svg)}.our-pluses .our-pluses-list__item:nth-child(3):before{background-image:url(/webstudio-vite-js/assets/diagram-78c1c0b6.svg)}.our-pluses .our-pluses-list__item:nth-child(4):before{background-image:url(/webstudio-vite-js/assets/astronaut-399884e7.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}@media screen and (max-width: 480px){.our-pluses{padding-top:40px;padding-bottom:40px;text-align:center}.our-pluses .our-pluses-list{display:flex;flex-direction:column;align-items:center;gap:40px}.our-pluses .our-pluses-list__item{width:90%;max-width:320px}.our-pluses .our-pluses-list__item:before{height:100px;background-color:#f5f4fa;background-size:50px 50px;background-repeat:no-repeat;background-position:center;border-radius:10px;margin-bottom:20px;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.our-pluses .our-pluses-list__item:before:hover{transform:scale(1.05);box-shadow:0 6px 18px #00000026}.our-pluses .our-pluses-list__item__title{color:#212121;font-weight:700;font-size:18px;line-height:1.4;margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em}.our-pluses .our-pluses-list__item__text{color:#757575;font-weight:400;font-size:14px;line-height:1.6;margin:0 auto;max-width:260px}}.our-work{display:none}@media screen and (min-width: 1200px){.our-work{display:block}}.our-work{padding-top:94px;padding-bottom:94px}.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-title{text-align:center;color:#212121;font-size:28px;margin-bottom:30px}.our-developers__button{width:200px;height:50px;display:block;text-align:center;border-radius:4px;border:none;font-family:inherit;font-weight:700;font-size:16px;line-height:1.87;letter-spacing:.06em;cursor:pointer;color:var(--white-color);background-color:var(--button-color);margin:0 auto 20px}.our-developers-list{align-items:center;justify-content:flex-start;outline:1px tomato solid;height:503px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;box-sizing:border-box;flex:0 1 100%}@media screen and (min-width: 768px){.our-developers-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;flex:0 1 calc((100% - 30px)/2);height:535px}}@media screen and (min-width: 1200px){.our-developers-list{display:flex;justify-content:_;align-items:_;gap:_;flex-wrap:_;flex-direction:_;height:421px;flex:0 1 calc((100% - 90px)/4);gap:18px}}.our-developers-list__item{background-color:#fff;border-radius:0 0 4px 4px;box-shadow:0 2px 1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;width:450px;text-align:center;padding-bottom:24px;margin-bottom:30px}@media screen and (min-width: 768px){.our-developers-list__item{width:354px}}@media screen and (min-width: 1200px){.our-developers-list__item{width:270px}}.our-developers-list #img-developer:hover{cursor:pointer}.our-developers-list__img{margin-bottom:30px;width:450px}.our-developers-list__text{color:#212121;font-weight:500;font-size:16px;margin-bottom:10px}.our-developers-list__title{color:#757575;font-weight:400;font-size:16px;margin-bottom:16px}.our-developers-list .our-developers-svg-list{display:flex;justify-content:center;align-items:center;gap:_;flex-wrap:_;flex-direction:_;gap:10px}.our-developers-list .our-developers-svg-list__item{display:flex;justify-content:_;align-items:_;gap:_;flex-wrap:_;flex-direction:_}.our-developers-list .our-developers-svg-list__link{width:44px;height:44px;border-radius:50%;fill:#afb1b8;display:flex;align-items:center;justify-content:center;transition-property:background-color,fill;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.our-developers-list .our-developers-svg-list__link:hover{fill:#fff;background-color:var(--button-color)}@media screen and (max-width: 480px){.our-developers{padding-top:40px;padding-bottom:40px;background-color:#f5f4fa}.our-developers .our-developers-title{font-size:22px;margin-bottom:24px;color:#212121;letter-spacing:.5px}.our-developers .our-developers-list{display:flex;flex-direction:column;align-items:center;gap:20px}.our-developers .our-developers-list__item{width:90%;max-width:360px;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;padding-bottom:20px;transition:transform .3s ease,box-shadow .3s ease}.our-developers .our-developers-list__item:hover{transform:translateY(-5px);box-shadow:0 6px 16px #00000026}.our-developers .our-developers-list__img{width:100%;border-radius:8px 8px 0 0;margin-bottom:20px}.our-developers .our-developers-list__text{font-size:15px;font-weight:600;color:#212121;margin-bottom:6px}.our-developers .our-developers-list__title{font-size:14px;color:#757575;margin-bottom:14px}.our-developers .our-developers-list .our-developers-svg-list{display:flex;justify-content:center;gap:12px}.our-developers .our-developers-list .our-developers-svg-list__link{width:40px;height:40px;border-radius:50%;background-color:#afb1b826;fill:#afb1b8;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.our-developers .our-developers-list .our-developers-svg-list__link:hover{background-color:var(--button-color);fill:#fff;transform:scale(1.1)}}.our-developers-list__item{position:relative}.our-developers-list__date{position:absolute;bottom:8px;right:10px;font-size:12px;color:#777;background:hsla(0,0%,100%,.9);padding:3px 6px;border-radius:4px}.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}@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{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:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:0}.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,.footer .footer-address-list,.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:#fff9;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:#ffffff1a;transition-property:background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,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,.15))}@media screen and (max-width: 479px){.footer .newsletter .newsletter-box__input{width:100%}}.footer .newsletter .newsletter-box__button{color:#fff;margin:20px auto 0;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 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,.15))}.newsletter{margin:0 auto}.backdrop{z-index:2;position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:1;background-color:#0003}.backdrop.is-hidden .modal{opacity:0;transform:translate(-50%,50%) scale(.5)}.no-scroll{overflow:hidden}.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,.25s cubic-bezier(.4,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%;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;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;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;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;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 #00000026;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 #00000029,0 4px 4px #0000000f,0 1px 1px #0000001f}@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:.25s 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)}
