h1,h2,h3,h4,h5,p{margin:0}ul{margin:0;padding:0;list-style:none}a{text-decoration:none}button{cursor:pointer;border:none}address{font-style:normal}img{display:block;width:100%;max-width:100%;height:auto}.users__title,.team__title,.photo__title{color:#212121;text-align:center;font-size:36px;font-weight:700;letter-spacing:1.08px;margin-bottom:50px}.modal__button1,.footer__modalbutton,.solution__button{border-radius:4px;background:#2196f3;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);height:50px;text-align:center;font-size:16px;font-weight:700;letter-spacing:.96px}.users,.team,.features{padding-top:94px;padding-bottom:94px}@keyframes scale-title{0%{transform:scale(0.7)}100%{transform:scale(1.2)}}@keyframes move-name{0%{transform:translateY(0)}100%{transform:translateY(5px)}}.container{max-width:100%;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@media screen and (min-width: 476px){.container{width:476px}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}body{font-family:Roboto}.header{padding:24px}.main-container{display:flex;flex-direction:column;align-items:center}html{scroll-behavior:smooth}.social{margin-top:16px;align-items:flex-start;display:flex;gap:10px;justify-content:center;flex-direction:row}.social__link{align-items:center;display:flex;gap:0px;justify-content:center;flex-direction:row;width:44px;height:44px;border-radius:50%;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social__link:hover .social__icon{fill:#fff}.social__link:hover{background-color:#2196f3}.social__icon{width:20px;height:20px;fill:#afb1b8}.header__container{align-items:center;display:flex;gap:0px;justify-content:flex-start;flex-direction:row}.header__logo{color:#2196f3;font-size:26px;font-weight:700;line-height:1.38;letter-spacing:.78px;text-transform:normal}.header__adress:hover span{color:#2196f3}.header__adress:hover svg{fill:#2196f3}.header__sidebar{background:rgba(0,0,0,0);margin-left:auto}@media screen and (min-width: 768px){.header__sidebar{display:none}}.header__phone{width:10px;height:16px}.header__studio{color:#000}.header__letter{width:16px;height:12px;fill:#757575}.header__phone{fill:#757575}.header__list{margin-left:93px;display:none}@media screen and (min-width: 768px){.header__list{margin-left:88px}}@media screen and (min-width: 1200px){.header__list{margin-left:93px}}@media screen and (min-width: 768px){.header__list{align-items:center;display:flex;gap:51px;justify-content:flex-start;flex-direction:row}}@media screen and (min-width: 1200px){.header__list{align-items:center;display:flex;gap:60px;justify-content:flex-start;flex-direction:row}}@media screen and (min-width: 768px){.header__list{display:block;display:flex}}.header__link{color:#212121;font-size:14px;font-weight:500;line-height:1.14;letter-spacing:.28px;text-transform:normal;position:relative;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__link::after{content:"";position:absolute;width:100%;height:4px;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;display:block;border-radius:2px;background-color:#2196f3;margin-top:29px}.header__link:hover::after{opacity:1}.header__link:hover{color:#2196f3}.header__contacts{align-items:flex-start;display:flex;gap:30px;justify-content:flex-start;flex-direction:row;display:none}@media screen and (min-width: 768px){.header__contacts{display:block;display:flex;gap:10px;flex-direction:column;margin-left:82px}}@media screen and (min-width: 1200px){.header__contacts{display:flex;flex-direction:row;gap:30px;margin-left:318px}}.header__menu{color:#000;width:40px;height:40px;margin-left:250px}@media screen and (min-width: 768px){.header__menu{display:none}}.header__adress{color:#757575;font-size:14px;font-weight:500;line-height:1.14;letter-spacing:.28px;text-transform:normal;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);align-items:center;display:flex;gap:10px;justify-content:flex-start;flex-direction:row;transition:color 2500ms cubic-bezier(0.4, 0, 0.2, 1),fill 2500ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.header__adress{font-size:12px;letter-spacing:.24px}}@media screen and (min-width: 1200px){.header__adress{font-size:14px;letter-spacing:.28px}}.header__adress:hover{color:#2196f3}.solution{background:#212121;padding-top:200px;padding-bottom:200px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/mobile/hero@mobile-1x.webp);background-repeat:no-repeat;background-size:cover}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.solution{background-image:url(../images/mobile/hero@mobile-2x.webp)}}@media screen and (min-width: 768px){.solution{background-image:url(../images/tablet/hero@tablet-1x.webp)}}@media screen and (min-width: 768px)and (min-device-pixel-ratio: 2),screen and (min-width: 768px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 768px)and (min-resolution: 192dpi),screen and (min-width: 768px)and (min-resolution: 2dppx){.solution{background-image:url(../images/tablet/hero@tablet-2x.webp)}}@media screen and (min-width: 1200px){.solution{background-image:url(../images/desktop/hero@desktop-1x.webp)}}@media screen and (min-width: 1200px)and (min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (min-resolution: 192dpi),screen and (min-width: 1200px)and (min-resolution: 2dppx){.solution{background-image:url(../images/desktop/hero@desktop-2x.webp)}}.solution__title{color:#fff;text-align:center;font-size:44px;font-weight:900;line-height:1.36;letter-spacing:2.64px;text-transform:uppercase;align-items:center;max-width:596px}.solution__button{color:#fff;line-height:1.88;width:216px;flex-shrink:0;margin-top:30px;align-items:center;transition:background-color 500ms linear,color 500ms linear}.solution__button:hover{background-color:#fff;color:#2196f3}.features__title{color:#212121;font-size:14px;font-weight:700;line-height:1.14;letter-spacing:.42px;text-transform:uppercase}.features__icon{width:70px;height:70px}.features__box{height:120px;border-radius:4px;background:#f5f4fa;align-items:center;display:flex;gap:0px;justify-content:center;flex-direction:row;margin-bottom:30px}.features__list{align-items:flex-start;display:flex;gap:0px;justify-content:flex-start;flex-direction:row;gap:30px;flex-wrap:wrap}@media screen and (min-width: 1200px){.features__list{flex-wrap:nowrap}}.features__text{color:#757575;font-size:14px;font-weight:400;line-height:1.71;letter-spacing:.42px;text-transform:normal;margin-top:10px}@media screen and (min-width: 768px){.features__text{max-width:354px}}.features__item{display:flex;flex-direction:column;justify-content:center;max-width:450px}.photo{display:none;padding-bottom:94px}@media screen and (min-width: 1200px){.photo{display:block}}.photo__title{line-height:1.16}.photo__list{align-items:flex-start;display:flex;gap:30px;justify-content:flex-start;flex-direction:row}.photo__img{background:url(<path-to-image>) #d3d3d3 50%/cover no-repeat}.photo__box{width:370px;height:70px;background-color:rgba(47,48,58,.8);position:relative;bottom:70px;left:0px;align-items:center;display:flex;gap:0px;justify-content:center;flex-direction:row}.photo__info{color:#fff;font-size:14px;font-weight:700;line-height:normal;letter-spacing:.42px;text-transform:uppercase;text-align:center}.team{background-color:#f5f4fa}.team__title{line-height:1.16}.team__list{align-items:flex-start;display:flex;gap:30px;justify-content:flex-start;flex-direction:row;flex-wrap:wrap}@media screen and (min-width: 768px){.team__list{max-width:100%}}@media screen and (min-width: 1200px){.team__list{flex-wrap:nowrap}}.team__item{padding-bottom:30px;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);background:#fff}@media screen and (min-width: 768px){.team__item{max-width:354px}}@media screen and (min-width: 1200px){.team__item{max-width:270px}}.team_img{margin-bottom:30px}.team__name{color:#212121;text-align:center;font-size:16px;font-weight:500;line-height:1.19;letter-spacing:.48px;margin-bottom:10px;animation-name:move-name;animation-duration:2000ms;animation-iteration-count:infinite;animation-direction:alternate}.team__text{color:#afb1b8;text-align:center;font-size:16px;font-weight:400;line-height:1.19;letter-spacing:.48px}.users__title{font-style:normal;line-height:normal}.users__icon{width:106px;height:60px;fill:#afb1b8;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.users__list{align-items:flex-start;display:flex;gap:30px;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;justify-content:center}@media screen and (min-width: 1200px){.users__list{flex-wrap:nowrap}}.users__link{align-items:center;display:flex;gap:0px;justify-content:center;flex-direction:row;width:170px;height:92px;border-radius:4px;border:1px solid #afb1b8;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.users__link:hover .users__icon{fill:#2196f3}.users__link:hover{border-color:#2196f3}.footer{background:#212121;padding-top:60px;padding-bottom:60px}.footer__title{color:#2196f3;font-size:26px;font-weight:700;line-height:1.39;letter-spacing:.78px;text-transform:normal;animation-name:scale-title;animation-duration:3000ms;animation-iteration-count:infinite;animation-direction:alternate;text-align:center}.footer__studio{color:#fff}.footer__item1{font-weight:500;line-height:16px;font-size:14px;letter-spacing:-0.28px;color:#fff;font-family:Montserrat;margin-bottom:4px}.footer__adress{color:#fff;font-size:14px;font-weight:400;line-height:1.71;letter-spacing:.42px;text-transform:normal}.footer__information{color:#757575;font-size:14px;font-weight:400;line-height:1.71;letter-spacing:.42px;text-transform:normal}.footer__map{color:#fff;font-size:14px;font-weight:400;line-height:1.71;letter-spacing:.42px;text-transform:normal;margin-top:20px;margin-bottom:9px;margin-left:60px}@media screen and (min-width: 768px){.footer__map{margin-left:290px}}@media screen and (min-width: 1200px){.footer__map{margin-left:0px}}.footer__join{margin-left:auto;margin-right:auto;margin-bottom:60px}@media screen and (min-width: 1200px){.footer__join{margin-bottom:0px;margin-left:70px}}.footer__a{color:#fff;font-size:14px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:-0.28px}.footer__subtitle{color:#fff;font-size:14px;font-weight:700;line-height:normal;letter-spacing:.42px;text-transform:uppercase;text-align:center;font-style:normal;margin-top:60px}@media screen and (min-width: 1200px){.footer__subtitle{margin-top:0px}}.footer__list{gap:24px;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;flex-direction:column}@media screen and (min-width: 1200px){.footer__list{flex-direction:row}}.footer__icon{fill:#fff}.footer__link{background-color:rgba(255,255,255,.1)}.footer__svg11{width:24px;height:24px;fill:#fff;position:absolute;top:75px;right:70px}@media screen and (min-width: 768px){.footer__svg11{position:absolute;top:15px;right:110px}}@media screen and (min-width: 1200px){.footer__svg11{position:absolute;top:13px;right:28px}}.footer__navigation{border-top:solid rgba(255,255,255,.1);margin-top:58px;padding-top:24px}.footer__modalbutton{width:200px;color:#fff;font-style:normal;line-height:30px;padding-right:28px}@media screen and (min-width: 1200px){.flex__container{align-items:flex-start;display:flex;gap:0px;justify-content:flex-start;flex-direction:row}}.form{align-items:center;display:flex;gap:12px;justify-content:center;flex-direction:row;position:relative;flex-wrap:wrap}.form__div{margin-left:auto;margin-right:auto}@media screen and (min-width: 1200px){.form__div{margin-left:93px}}.form__text{color:#fff;font-size:14px;font-weight:700;line-height:normal;letter-spacing:.42px;text-transform:uppercase;font-style:normal;margin-bottom:20px;text-align:center}.form__input{width:358px;height:50px;border-radius:4px;border:1px solid rgba(255,255,255,.3);background:rgba(33,150,243,0);box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);padding-left:16px;color:#fff;transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__input:hover{border:1px solid #2196f3}.form__input:focus{outline:none}.listok{margin-left:80px}@media screen and (min-width: 768px){.listok{margin-left:305px}}@media screen and (min-width: 1200px){.listok{margin-left:0px}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;opacity:1;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),transform 250ms linear;transform:scale(1, 1)}.is-hidden{opacity:0;pointer-events:none;transform:scale(0, 0)}.modal{width:528px;height:581px;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);position:absolute;top:50%;right:14%;transform:translate(-50%, -50%);padding:40px}.modal__icon{width:30px;height:30px;fill:#404040;stroke:#404040}.modal__close{background-color:rgba(0,0,0,0);border-radius:30px;width:55px;height:55px;margin-left:auto;display:block;position:absolute;top:1px;right:-8.5px;z-index:1}.modal__cirlce{position:absolute;top:8px;right:8px;width:30px;height:30px;fill:#fff;stroke-width:1px;stroke:rgba(0,0,0,.1)}.modal__text{color:#212121;font-size:20px;font-weight:700;line-height:normal;letter-spacing:.6px;text-transform:normal;text-align:center;font-style:normal;margin-bottom:12px}.modal__input{width:448px;height:40px;border-radius:4px;border:1px solid rgba(33,33,33,.2);transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;padding-left:42px}.modal__item:hover .modal__svg{fill:#2196f3}.modal__input:focus{outline:none}.modal__input1{width:448px;height:120px;border-radius:4px;border:1px solid rgba(33,33,33,.2);transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;padding:12px,12px,16px,16px;position:relative;display:inline-block;padding-left:16px;padding-top:13px;resize:none}.modal__input1:focus{outline:none}.modal__input1:hover{border:1px solid #2196f3}.modal__input1::-moz-placeholder{color:rgba(117,117,117,.5);color:#000;font-size:12px;font-weight:400;line-height:normal;letter-spacing:.12px;text-transform:normal;font-style:normal}.modal__input1::placeholder{color:rgba(117,117,117,.5);color:#000;font-size:12px;font-weight:400;line-height:normal;letter-spacing:.12px;text-transform:normal;font-style:normal}.modal__input:hover{border:1px solid #2196f3}.modal__comment{width:448px;height:120px;border-radius:4px;border:1px solid rgba(33,33,33,.2);transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer}.modal__list{align-items:flex-start;display:flex;gap:10px;justify-content:flex-start;flex-direction:column}.modal__label{display:block;margin-bottom:4px;color:#757575;font-size:12px;font-weight:400;line-height:normal;letter-spacing:.12px;text-transform:normal;font-style:normal}.modal__checkbox{align-items:center;display:flex;gap:0px;justify-content:center;flex-direction:row;margin-top:20px}.modal__checkboxtext{color:#757575;font-size:14px;font-weight:400;line-height:24px;letter-spacing:.42px;text-transform:normal;font-style:normal;margin-right:5px}.modal__checkboxlink{color:#2196f3;font-size:14px;font-weight:400;line-height:24px;letter-spacing:.42px;text-transform:normal;font-style:normal;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}.modal__checkboxinput{margin-right:7px;width:16px;height:15px;color:#000}.modal__item{position:relative}.modal__svg{width:18px;height:18px;fill:#000;position:absolute;top:29px;right:418px}.modal__closesvg{width:13px;height:13px;position:absolute;top:16px;right:25px}.modal__closesvg:hover{fill:#2196f3}.modal__button1{width:200px;color:#fff;font-style:normal;line-height:30px;margin-left:auto;margin-right:auto;align-items:center;display:flex;gap:0px;justify-content:center;flex-direction:row;margin-top:30px}.menu{position:absolute;top:50%;left:50%;transition:transform 500ms linear;border-radius:15px;transform:scale(1, 1) rotate(0) translate(-50%, -50%);width:220px;height:100vh;background-color:#1e1823;display:flex;justify-content:center;position:relative}@media screen and (min-width: 1200px){.menu{display:none}}.menu__close{background-color:rgba(0,0,0,0);border-radius:30px;width:55px;height:55px;margin-left:auto;display:block;position:absolute;top:1px;right:-8.5px;z-index:1;fill:#f0f8ff;stroke:#f0f8ff}.backdropik{position:fixed;top:0;right:0;bottom:0;left:1;opacity:1;z-index:1;transition:opacity 500ms linear}@media screen and (min-width: 1200px){.backdropik{display:none}}.backdropik.is-hidden{opacity:0;pointer-events:none}.backdropik.is-hidden div{transform:scale(0, 0) rotate(360deg) translate(0)}/*# sourceMappingURL=main.min.css.map */