*{margin:0;padding:0}*:focus{outline:none}.doing-item{line-height:0}.portfolio-project{line-height:0}img{width:100%;height:auto;line-height:0;display:block}a{text-decoration-line:none}ul{list-style-type:none}button{cursor:pointer;display:block;border:none}.modal__btn,.hero__btn{border-radius:4px;background:#2196f3;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);position:relative;z-index:1;overflow:hidden}.modal__btn:hover::after,.hero__btn:hover::after{transform:translate(-50%, 0) scale(30)}html{scroll-behavior:smooth}body{font-family:"Roboto",sans-serif;background-color:#fff}*::-moz-selection{background-color:#2196f3;color:#fff}*::selection{background-color:#2196f3;color:#fff}.block{height:60px}@media screen and (min-width: 768px){.block{height:80px}}@media screen and (min-width: 1200px){.block{height:78px}}.container{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}}.header{padding:10px 0;background-color:#fff;border-bottom:#ececec solid 1px;width:100%;position:fixed;top:0;left:0;z-index:10}.header__container{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;z-index:9}.header__logo{color:#2196f3;font-size:24px;font-weight:700;font-family:Raleway;letter-spacing:.78px}.header__accent{color:#212121}.header__list{display:flex;justify-content:start;align-items:start;flex-wrap:wrap;gap:50px;margin-left:93px;display:none}.header__item{position:relative}.header__link{color:#212121;font-size:14px;font-weight:500;letter-spacing:.28px;position:relative;z-index:5;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__link:hover,.header__link:focus{color:#2196f3}.header__sublist{position:absolute;top:48px;z-index:3;transition:opacity .5s;background-color:#fff;padding:8px;border:#ececec solid 1px;display:flex;justify-content:start;align-items:start;flex-wrap:wrap;flex-direction:column;gap:4px;opacity:0;border-radius:4px;box-shadow:0px 9px 14.9px #ececec;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) .5s}.header__item:hover .header__sublist{opacity:1}.header__sublink{color:#757575;font-size:14px;font-weight:500;letter-spacing:.28px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__sublink:hover,.header__sublink:focus{color:#2196f3}.header__contacts{display:flex;justify-content:start;align-items:start;flex-wrap:wrap;gap:30px;margin-left:auto;display:none}.header__address{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;gap:10px;align-items:center}.header__icon{fill:#757575;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__address:hover .header__icon,.header__address:focus .header__icon{fill:#2196f3}.header__text{color:#757575;font-size:14px;font-weight:500;letter-spacing:.28px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__address:hover .header__text,.header__address:focus .header__text{color:#2196f3}.header__btn{background-color:rgba(0,0,0,0);margin-left:auto;border:none}.header__burger{fill:#212121;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__burger:hover,.header__burger:focus{fill:#2196f3}@media screen and (min-width: 768px){.header{padding:21px 0}.header__list{display:flex}.header__contacts{display:flex;flex-direction:column;gap:10px}.header__icon{width:14px;height:10px}.header__contact:nth-child(2) .header__icon{width:10px;height:14px}.header__btn{display:none}.header__text{color:#757575;font-size:12px;font-weight:500}}@media screen and (min-width: 1200px){.header{padding:24px 0}.header__logo{color:#2196f3;font-size:26px;font-weight:700}.header__contacts{flex-direction:row;gap:30px}.header__icon{width:16px;height:12px}.header__contact:nth-child(2) .header__icon{width:10px;height:16px}.header__text{color:#757575;font-size:14px;font-weight:500}}.is-hidden{opacity:0;pointer-events:none}.no_scroll{overflow:hidden}.menu{width:100%;height:100%;position:fixed;top:0;left:0;z-index:200;padding:48px 40px;background-color:#fff}.menu__modal{height:85%;display:flex;flex-direction:column;justify-content:space-between}.menu__btn{background-color:rgba(0,0,0,0);display:block;position:absolute;top:10px;right:110px}.menu__icon{fill:#212121;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.menu__icon:hover,.menu__icon:focus{fill:#2196f3}.menu__list{display:flex;flex-direction:column;gap:35px}.menu__link{font-weight:500;font-size:40px;letter-spacing:.02em;color:#212121;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.menu__contacts{display:flex;flex-direction:column;gap:32px;margin-bottom:64px}.menu__address{font-weight:500;font-size:34px;letter-spacing:.02em;color:#2196f3}.menu__contact:nth-child(2) .menu__address{font-size:24px;color:#757575}.menu__medias{display:flex;flex-wrap:wrap;gap:9px}.menu__media{padding-right:10px;border-right:1px solid rgba(33,33,33,.2)}.menu__media:nth-child(4){padding-right:0;border-right:none}.menu__run{font-weight:500;font-size:18px;line-height:1.22222;letter-spacing:.02em;color:#2196f3}.wrapper{padding:35px 0}.footer{padding:60px 0;background:#2f303a;background-size:100%}.footer__container{display:flex;justify-content:center;align-items:start;flex-wrap:wrap;gap:60px}.footer__wrapper{justify-content:center;align-items:start;flex-wrap:wrap;gap:60px}.footer__wrap{margin-top:60px}.footer__box{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;flex-direction:column}.footer__logo{color:#2196f3;font-size:24px;font-weight:700;font-family:Raleway;letter-spacing:.78px}.footer__accent{color:#fff}.footer__address{margin-top:20px}.footer__list{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;flex-direction:column;gap:8px}.footer__map{color:#fff;font-size:14px;font-weight:400;line-height:1.71;font-style:normal;letter-spacing:.42px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__map:hover,.footer__map:focus{color:#2196f3}.footer__link{color:rgba(255,255,255,.6);font-size:14px;font-weight:400;line-height:1.71;font-style:normal;letter-spacing:.42px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__link:hover,.footer__link:focus{color:#2196f3}.footer__medias{display:flex;justify-content:start;align-items:start;flex-wrap:wrap;gap:10px}.footer__run{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:12px;border-radius:50%;background-color:rgba(255,255,255,.1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__run:hover,.footer__run:focus{background-color:#2196f3}.footer__icon{fill:#fff}.footer__form{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;flex-direction:column;width:450px}.footer__title{color:#fff;font-size:14px;font-weight:700;letter-spacing:.42px;text-transform:uppercase;margin-bottom:20px;text-align:center}.footer__name{display:block;width:100%}.footer__input{display:block;border-radius:4px;border:1px solid rgba(255,255,255,.3);background-color:rgba(0,0,0,0);box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);height:50px;width:95%;padding-left:15px;color:#fff;font-size:16px;font-weight:400;line-height:1.25;letter-spacing:.48px;transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px}.footer__input::-moz-placeholder{color:rgba(255,255,255,.6);font-size:16px;font-weight:400;line-height:1.25;letter-spacing:.48px}.footer__input::placeholder{color:rgba(255,255,255,.6);font-size:16px;font-weight:400;line-height:1.25;letter-spacing:.48px}.footer__input:hover,.footer__input:focus{border:1px solid #2196f3}.footer__btn{display:flex;justify-content:start;align-items:center;color:#fff;font-size:16px;font-weight:700;margin-left:90px;line-height:1.88;letter-spacing:.96px;border-radius:4px;background:#2196f3;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);gap:12px;border:none;padding:10px 28px;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__btn:hover,.footer__btn:focus{background-color:#046ec3}.footer__send{fill:#fff}@media screen and (min-width: 480px){.footer__form{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;flex-direction:column;width:450px}.footer__btn{display:flex;justify-content:start;align-items:center;color:#fff;font-size:16px;font-weight:700;margin-left:130px;line-height:1.88;letter-spacing:.96px;border-radius:4px;background:#2196f3;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);gap:12px;border:none;padding:10px 28px;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__btn:hover,.footer__btn:focus{background-color:#046ec3}.footer__send{fill:#fff}.footer__input{display:block;border-radius:4px;border:1px solid rgba(255,255,255,.3);background-color:rgba(0,0,0,0);box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);height:50px;width:95%;padding-left:15px;margin-right:50px;color:#fff;font-size:16px;font-weight:400;line-height:1.25;letter-spacing:.48px;transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px}.footer__input::-moz-placeholder{color:rgba(255,255,255,.6);font-size:16px;font-weight:400;line-height:1.25;letter-spacing:.48px}.footer__input::placeholder{color:rgba(255,255,255,.6);font-size:16px;font-weight:400;line-height:1.25;letter-spacing:.48px}.footer__input:hover,.footer__input:focus{border:1px solid #2196f3}}@media screen and (min-width: 768px){.footer__wrapper{display:flex;justify-content:center;align-items:start;flex-wrap:wrap;gap:165px}.footer__wrap{margin-top:0px}.footer__btn{margin-left:130px}.footer__wrap{padding-top:5px}}@media screen and (min-width: 1200px){.footer__wrapper{gap:70px}.footer__logo{color:#2196f3;font-size:26px;font-weight:700}.footer__wrap{padding-top:12px}.footer__form{margin-left:auto;width:570px}.footer__input{width:358px;display:inline-block}.footer__btn{gap:10px;margin:0;height:50px}.footer__title{text-align:left;width:570px}.footer__box{display:flex;justify-content:start;align-items:start;flex-wrap:wrap}.footer__list{display:flex;justify-content:start;align-items:start;flex-wrap:wrap}.footer__form{padding-top:12px}.footer__name{display:flex;justify-content:space-between}.footer__wrap{width:206px}}@keyframes scroll-rotate{0%{transform:rotate(0deg)}33%{transform:rotate(360deg)}66%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}.gotopbtn{position:fixed;width:50px;border-radius:50%;border:5px solid #fff;height:50px;background:#2196f3;bottom:40px;right:50px;text-decoration:none;text-align:center;line-height:60px;color:#fff;font-size:32px;animation-name:scroll-rotate;animation-duration:2s;animation-timing-function:cubic-bezier(0.52, 0.8, 0.54, 0.26);animation-iteration-count:infinite}.hero{padding:118px 0;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../img/img-studio/mobile/cap/title@1x-mobile.webp")}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../img/img-studio/mobile/cap/title@2x-mobile.webp")}}.hero__container{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;flex-direction:column}.hero__title{color:#fff;font-size:26px;font-weight:900;line-height:1.36;letter-spacing:2.64px;text-transform:uppercase;margin-bottom:30px;margin-top:0px;max-width:360px;text-align:center}.hero__btn{padding:10px 24px}.hero__text{color:#fff;font-size:16px;font-weight:700;line-height:1.88;letter-spacing:.96px;position:relative;z-index:4}@media screen and (min-width: 768px){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../img/img-studio/tablet/hero/title@1x-tablet.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){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../img/img-studio/tablet/hero/title@2x-tablet.webp")}}@media screen and (min-width: 768px){.hero__btn{padding:10px 24px}}@media screen and (min-width: 1200px){.hero{padding:200px 0;background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../img/img-studio/dekstop/cap/title@1x-desktop.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){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../img/img-studio/dekstop/cap/title@2x-desktop.webp")}}@media screen and (min-width: 1200px){.hero__title{color:#fff;font-size:44px;font-weight:900;max-width:696px}.hero__btn{padding:10px 32px}}@keyframes btn-after-move{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.features{padding:60px 0;background-color:#fff}.features__list{display:flex;justify-content:start;align-items:start;flex-wrap:wrap;gap:30px}.features__item{max-width:450px}.features__wrapper{height:120px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background-color:#f5f5fa;margin-bottom:40px;border-radius:4px}.features__subtitle{color:#212121;font-size:14px;font-weight:700;letter-spacing:.42px;text-transform:uppercase;margin-bottom:10px;text-align:center}.features__desc{color:#757575;font-size:14px;font-weight:400;line-height:1.71;letter-spacing:.42px}@media screen and (min-width: 768px){.features__item{width:354px}.features__wrapper{margin-bottom:30px}.features__subtitle{text-align:left}}@media screen and (min-width: 1200px){.features{padding:94px 0 47px}.features__item{width:270px}}.doing{display:none;padding:47px 0 94px;background-color:#fff}.doing__title{color:#212121;font-size:36px;font-weight:700;color:#212121;text-align:center;font-size:36px;font-weight:700;letter-spacing:1.08px;margin-bottom:50px}.doing__list{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap}.doing__item{position:relative}.doing__wrap{position:absolute;bottom:0;left:0;text-align:center;height:70px;width:100%;background:rgba(47,48,58,.8);display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.doing__subtitle{color:#fff;font-size:14px;font-weight:700;letter-spacing:.42px;text-transform:uppercase;height:auto}@media screen and (min-width: 1200px){.doing{display:block}}.team{padding:60px 0;background:#f5f5fa}.team__title{color:#212121;font-size:28px;font-weight:700;text-align:center;letter-spacing:1.08px;margin-bottom:30px}.team__list{display:flex;justify-content:start;align-items:start;flex-wrap:wrap;gap:30px}.team__item{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);width:450px;padding-bottom:24px;border-radius:0px 0px 4px 4px;background:#fff;box-shadow:0px 2px 1px 0px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)}.team__subtitle{color:#212121;font-size:16px;font-weight:500;text-align:center;letter-spacing:.48px;margin-top:30px;margin-bottom:10px}.team__prof{color:#757575;font-size:16px;font-weight:400;text-align:center;letter-spacing:.48px}.team__medias{display:flex;justify-content:center;align-items:start;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.team__link{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:44px;height:44px;border-radius:50%;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.team__link:hover,.team__link:focus{background-color:#2196f3}.team__icon{fill:#afb1b8;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.team__link:hover .team__icon,.team__link:focus .team__icon{fill:#fff}@media screen and (min-width: 768px){.team__item{width:354px}}@media screen and (min-width: 1200px){.team{padding:94px 0}.team__title{color:#212121;font-size:36px;font-weight:700;margin-bottom:50px}.team__item{width:270px;padding-bottom:30px}}.customers{padding:60px 0}.customers__title{color:#212121;font-size:28px;font-weight:700;text-align:center;letter-spacing:1.08px;margin-bottom:30px}.customers__list{display:flex;justify-content:center;align-items:start;flex-wrap:wrap;gap:30px}.customers__item{height:92px;width:calc((100% - 30px)/2)}.customers__link{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:4px;border:1px solid #afb1b8;transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.customers__link:hover,.customers__link:focus{border:1px solid #2196f3}.customers__link:hover .customers__icon,.customers__link:focus .customers__icon{fill:#2196f3}.customers__icon{fill:#afb1b8;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.customers__item{width:226px}}@media screen and (min-width: 1200px){.customers{padding:94px 0}.customers__title{color:#212121;font-size:36px;font-weight:700;margin-bottom:50px}.customers__item{width:170px}}.backdrop{background-color:rgba(0,0,0,.2);width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.no-scroll{overflow:hidden}.modal{height:auto;width:calc(100% - 30px);background-color:#fff;border-radius:4px;box-shadow:0px 2px 1px 0px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12);padding:30px 40px;position:absolute;left:50%;top:50%;transition:visibility 250ms cubic-bezier(0.4, 0, 0.2, 1),transform .5s cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-50%, -50%) rotate(360deg)}.is-hidden .modal{transform:translate(0)}.modal__close{background-color:rgba(0,0,0,0);line-height:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;border-radius:50%;border:rgba(0,0,0,.1) 1px solid;position:absolute;top:8px;right:8px;width:30px;height:30px}.modal__dagger{fill:#000;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__close:hover .modal__dagger,.modal__close:focus .modal__dagger{fill:#2196f3}.modal__title{color:#212121;font-size:16px;font-weight:700;text-align:center;letter-spacing:.6px;margin-bottom:12px;line-height:normal}.modal__name{display:block;position:relative;color:#757575;font-size:12px;font-weight:400;letter-spacing:.12px}.modal__input{display:block;width:85%;padding:12px 42px;margin-top:4px;margin-bottom:10px;border-radius:4px;border:1px solid rgba(33,33,33,.2);color:#212121;font-size:14px;font-weight:400;letter-spacing:.12px;transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__input:hover,.modal__input:focus{border:1px solid #2196f3}.modal__icon{position:absolute;left:12px;top:29px;fill:#212121;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__input:hover+.modal__icon,.modal__input:focus+.modal__icon{fill:#2196f3}.modal__message{border-radius:4px;border:1px solid rgba(33,33,33,.2);width:95%;height:100px;padding:12px 16px;display:block;color:#212121;font-size:12px;font-weight:400;letter-spacing:.12px;margin-bottom:20px;margin-top:4px;resize:none;transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__message:hover,.modal__message:focus{border:1px solid #2196f3}.modal__wrap{display:flex;justify-content:start;align-items:center;padding-left:13px;gap:8px;align-items:center}.modal__check{position:relative;border-radius:2px;background-color:rgba(0,0,0,0)}.modal__checkbox{display:none}.modal__fake{width:16px;height:15px;display:block;border-radius:2px;border:2px solid #000;position:relative;cursor:pointer}.modal__fake::before{content:"";position:absolute;display:block;width:19px;height:19px;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#2196f3;opacity:0;border-radius:2px;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__checkbox:checked+.modal__fake::before{opacity:1}.modal__checked{fill:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.modal__text{color:#757575;font-size:12px;font-weight:400;line-height:normal;letter-spacing:.42px;width:calc(100% - 24px)}.modal__link{color:#2196f3;text-decoration-line:underline}.modal__btn{margin:20px auto 0;padding:10px 52px}.modal__desc{color:#fff;font-size:14px;font-weight:700;line-height:1.88;letter-spacing:.96px;z-index:4;position:relative}@media screen and (min-width: 480px){.modal{padding:40px;width:450px;height:auto}.modal__title{color:#212121;font-size:20px;font-weight:700}.modal__btn{margin:30px auto 0}.modal__desc{color:#fff;font-size:16px;font-weight:700}.modal__message{height:120px}}@media screen and (min-width: 1200px){.modal{width:528px;height:581px}.modal__title{line-height:normal}.modal__message{color:#212121;font-size:14px;font-weight:400}.modal__text{color:#757575;font-size:14px;font-weight:400;line-height:1.71}}.header__item:nth-child(1) .header__link{color:#2196f3}.header__item:nth-child(1)::after{content:"";display:block;position:absolute;background-color:#2196f3;width:100%;border-radius:2px;height:4px;bottom:-30px}.menu__item:nth-child(1) .menu__link{color:#2196f3}/*# sourceMappingURL=main.min.css.map */