.footer__info,.footer__address,.modal__link,.modal__text,.features__text{font-size:14px;font-weight:400}.footer__title,.service__subtitle,.features__title{font-size:14px;font-weight:700}a{text-decoration:none}ul{list-style-type:none}h1,h2,h3,h4,p,ul{margin:0;padding:0}button{border:none}img{width:100%;max-width:100%;display:block}.container{max-width:480px;margin-left:auto;margin-right:auto;padding:0 15px}@media screen and (min-width: 768px){.container{width:768px;max-width:none}}@media screen and (min-width: 1200px){.container{max-width:none;width:1200px}}html{scroll-behavior:smooth}body{font-family:"Roboto"}main{overflow:hidden}.header{position:fixed;top:0;left:0;z-index:2;background-color:#fff;width:100%;padding:10px 0;animation-name:header-move;animation-duration:1s;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){.header{padding:21px 0}}@media screen and (min-width: 1200px){.header{padding-top:24px;padding-bottom:25px}}.header__button{background-color:rgba(0,0,0,0);padding:0;width:40px;height:40px}@media screen and (min-width: 768px){.header__button{display:none}}.header__menu{width:40px;height:40px}@media screen and (min-width: 768px){.header__menu{display:none}}.header__wrap{display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 1200px){.header__wrap{display:flex;align-items:center;justify-content:center}}.header__logo1{color:#2196f3;font-family:Raleway;font-size:24px;font-weight:700;letter-spacing:.72px}@media screen and (min-width: 1200px){.header__logo1{font-size:26px;letter-spacing:.78px}}.header__logo2{color:#212121;font-family:Raleway;font-size:24px;font-weight:700;letter-spacing:.72px}@media screen and (min-width: 1200px){.header__logo2{font-size:26px;letter-spacing:.78px}}.header__list{display:none}@media screen and (min-width: 768px){.header__list{display:flex;align-items:center;justify-content:center;margin-left:88px;gap:50px}}@media screen and (min-width: 1200px){.header__list{display:flex;align-items:center;justify-content:center;margin-left:93px}}.header__infolist{display:none}@media screen and (min-width: 768px){.header__infolist{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:10px;margin-left:96px}}@media screen and (min-width: 1200px){.header__infolist{display:flex;align-items:center;justify-content:center;gap:30px;margin-left:auto}}.header__infoitem{display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:row-reverse;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__infoitem:hover .header__icon{fill:#2196f3;cursor:pointer}.header__infoitem:hover .header__info{fill:#2196f3;color:#2196f3;cursor:pointer}.header__icon{width:14px;height:14px;fill:#757575;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.header__icon{width:16px;height:16px}}.header__link{color:#212121;font-size:14px;font-weight:500;letter-spacing:.28px;position:relative;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__link:hover{color:#2196f3}.header__link:focus{color:#2196f3;outline:none}.header__link::after{display:block;content:"";width:100%;height:4px;background-color:#2196f3;border-radius:2px;position:absolute;top:44px;left:0;opacity:0;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__link:hover::after{opacity:1}.header__link:focus::after{opacity:1}.index:hover .header__item:nth-child(1) .header__link::after{opacity:1}.index:hover .header__item:nth-child(1) .header__link{color:#2196f3}.portfolio:hover .header__item:nth-child(2) .header__link::after{opacity:1}.portfolio:hover .header__item:nth-child(2) .header__link{color:#2196f3}.header__info{color:#757575;font-size:12px;font-weight:500;letter-spacing:.24px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.header__info{font-size:14px;letter-spacing:.28px}}.header__info:focus{color:#2196f3;outline:none}.header__info:focus-within~.header__icon{fill:#2196f3}@keyframes header-move{0%{transform:translate(0, -200px)}100%{transform:translate(0)}}.menu{background-color:#fff;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:none;justify-content:space-between;flex-direction:column;padding:48px 0 48px 40px}@media screen and (min-width: 768px){.menu{display:none}}.menu__button{position:fixed;top:10px;right:15px;padding:0;width:40px;height:40px;background-color:rgba(0,0,0,0)}.menu__icon{width:40px;height:40px;fill:#212121}.menu__link{color:#212121;font-size:40px;font-weight:500;letter-spacing:.8px}.menu__link:hover{color:#2196f3}.menu__wrap{display:flex;align-items:none;justify-content:none;flex-direction:column}.menu__tel{color:#2196f3;font-size:34px;font-weight:500;letter-spacing:.68px}@media screen and (max-width: 360px){.menu__tel{font-size:30px}}.menu__mail{color:#757575;font-size:24px;font-weight:500;letter-spacing:.48px;margin-top:32px}.menu__soc{color:#2196f3;font-size:18px;font-weight:500;line-height:122.222%;letter-spacing:.36px}.menu__list{display:flex;align-items:none;justify-content:none;flex-direction:column;gap:34px}.menu__rectangle{width:1px;height:22px;background:rgba(33,33,33,.2)}.menu__socials{display:flex;align-items:center;justify-content:none;gap:10px;flex-wrap:wrap;margin-top:64px}.menu__active{color:#2196f3}.is-hidden{opacity:0;z-index:-2}.scrolltop{width:94px;height:94px;background:#f5f4fa;border:solid 1px #212121;border-radius:50%;display:flex;align-items:center;justify-content:center;position:fixed;bottom:25px;right:25px;z-index:2;transition:box-shadow,background-color,border,250ms cubic-bezier(0.4, 0, 0.2, 1);animation-name:scroll-to-top-move;animation-duration:1s}.scrolltop:hover{box-shadow:0px 2px 2px 0px rgba(0,0,0,.12),0px 1px 2px 0px rgba(0,0,0,.08),0px 3px 1px 0px rgba(0,0,0,.1);background-color:#2196f3;border:none}.scrolltop:focus{box-shadow:0px 2px 2px 0px rgba(0,0,0,.12),0px 1px 2px 0px rgba(0,0,0,.08),0px 3px 1px 0px rgba(0,0,0,.1);background-color:#2196f3;border:none;outline:none}.scrolltop:focus-visible .modal-close{fill:#fff}.scrolltop:hover .scrolltop__icon{fill:#fff}.scrolltop__icon{transform:rotate(90deg);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}@keyframes scroll-to-top-move{0%{bottom:-85px;background-color:#2196f3}100%{bottom:25px}}.soc__list{display:flex;align-items:center;justify-content:center;gap:10px}.soc__item{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);background-color:rgba(255,255,255,.1);cursor:pointer}.soc__item:hover{background-color:#2196f3}.soc__item:hover .soc__icon{fill:#fff}.soc__item:focus-within{background-color:#2196f3;outline:none}.soc__item:focus-within .soc__icon{fill:#fff}.soc__item:focus{outline:none}.soc__link{width:20px;height:20px}.soc__icon{width:20px;height:20px;fill:#afb1b8;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.offer{margin-top:60px;max-width:480px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/mobile/mobile-offer@1x.webp);margin-left:auto;margin-right:auto;padding:118px 0;animation-name:offer-bg;animation-duration:2.5s;overflow:hidden;background-repeat:no-repeat;background-position:top;background-size:cover}@media(-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.offer{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/mobile/mobile-offer@2x.webp)}}@media screen and (min-width: 768px){.offer{margin-top:80px;max-width:768px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/tablet/tablet-offer@1x.webp)}}@media screen and (min-width: 768px)and (-webkit-min-device-pixel-ratio: 2),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){.offer{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/tablet/tablet-offer@2x.webp)}}@media screen and (min-width: 1200px){.offer{max-width:1600px;padding:200px 0;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/desktop/desktop-offer@1x.webp)}}@media screen and (min-width: 1200px)and (-webkit-min-device-pixel-ratio: 2),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){.offer{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/desktop/desktop-offer@2x.webp)}}.offer__title{max-width:360px;color:#fff;font-size:26px;font-weight:900;line-height:161.538%;letter-spacing:1.56px;text-transform:uppercase;text-align:center;margin-left:auto;margin-right:auto;animation-name:offer-move;animation-duration:1.6s}@media screen and (min-width: 1200px){.offer__title{max-width:696px;font-size:44px;line-height:136.364%;letter-spacing:2.64px}}.offer__button{border-radius:4px;background:#2196f3;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);color:#fff;text-align:center;font-size:16px;font-weight:700;line-height:187.5%;letter-spacing:.96px;margin-top:30px;padding:10px 24px;display:block;margin-left:auto;margin-right:auto;cursor:pointer;animation-name:offer-button-move;animation-duration:1.6s}@media screen and (min-width: 1200px){.offer__button{padding:10px 32px}}@keyframes offer-bg{0%{opacity:0}100%{opacity:1}}@keyframes offer-move{0%{transform:translate(1100px, -350px);opacity:0}100%{transform:translate(0);opacity:1}}@keyframes offer-button-move{0%{transform:translate(-1100px, -350px);opacity:0}100%{transform:translate(0);opacity:1}}.features{padding:60px 0}@media screen and (min-width: 1200px){.features{padding:94px 0}}.features__article{display:flex;align-items:center;justify-content:center;flex-direction:column}.features__list{display:flex;align-items:center;justify-content:center;gap:30px;flex-direction:column}@media screen and (min-width: 768px){.features__list{flex-wrap:wrap;flex-direction:row}}@media screen and (min-width: 1200px){.features__list{display:flex;align-items:none;justify-content:none}}.features__title{margin-bottom:10px;color:#212121;letter-spacing:.42px;text-transform:uppercase}.features__text{color:#757575;line-height:171.429%;letter-spacing:.42px}@media screen and (min-width: 768px){.features__text{max-width:354px}}@media screen and (min-width: 1200px){.features__text{max-width:270px}}.features__wrap{width:450px;height:120px;background-color:#f5f4fa;border-radius:4px;text-align:center;padding-top:25px;margin-bottom:30px}@media screen and (max-width: 480px){.features__wrap{width:100%}}@media screen and (min-width: 768px){.features__wrap{width:354px}}@media screen and (min-width: 1200px){.features__wrap{width:270px}}.features__icon{width:70px;height:70px}.service{display:none;padding-bottom:94px}@media screen and (min-width: 1200px){.service{display:block}}.service__list{display:flex;align-items:center;justify-content:center;gap:30px}.service__title{color:#212121;text-align:center;font-size:36px;font-weight:700;letter-spacing:1.08px;margin-bottom:50px}.service__subtitle{color:#fff;letter-spacing:.42px;text-transform:uppercase}.service__image{width:370px;height:294px}.service__item{position:relative}.service__bg{position:absolute;background-color:rgba(47,48,58,.8);width:370px;height:70px;bottom:0;left:0;padding:27px 107px}.service__item:nth-child(2) .service__bg{padding:27px 111px}.service__item:nth-child(3) .service__bg{padding:27px 93px}.team{padding:60px 0;background-color:#f5f4fa}@media screen and (min-width: 1200px){.team{padding:94px 0}}.team__list{display:flex;align-items:center;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-direction:row}}.team__title{color:#212121;text-align:center;font-weight:700;margin-bottom:30px;font-size:28px;letter-spacing:.84px}@media screen and (min-width: 1200px){.team__title{margin-bottom:50px;letter-spacing:1.08px;font-size:36px}}.team__wrap{padding:30px 0 16px}.team__mate{color:#212121;text-align:center;font-size:16px;font-weight:500;letter-spacing:.48px}.team__item{padding-bottom:24px;background-color:#fff;border-radius:0px 0px 4px 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)}@media screen and (min-width: 1200px){.team__item{padding-bottom:30px}}.team__photo{overflow:hidden}@media screen and (min-width: 768px){.team__photo{width:354px;height:374px}}@media screen and (min-width: 1200px){.team__photo{width:270px;height:260px}}.team__subtitle{color:#757575;text-align:center;font-size:16px;font-weight:400;letter-spacing:.48px;margin-top:10px}.clients{padding:60px 0}@media screen and (min-width: 1200px){.clients{padding:94px 0}}.clients__title{color:#212121;text-align:center;font-weight:700;margin-bottom:30px;font-size:28px;letter-spacing:.84px}@media screen and (min-width: 1200px){.clients__title{margin-bottom:50px;letter-spacing:1.08px;font-size:36px}}.clients__list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px;width:100%;max-width:450px;margin:0 auto}@media screen and (min-width: 768px){.clients__list{max-width:738px}}@media screen and (min-width: 1200px){.clients__list{max-width:none}}.clients__item{border-radius:4px;height:92px;transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:4px;border:1px solid #afb1b8;flex-basis:calc((100% - 30px)/2)}@media screen and (min-width: 768px){.clients__item{flex-basis:calc((100% - 60px)/3)}}@media screen and (min-width: 1200px){.clients__item{flex-basis:calc((100% - 150px)/6)}}.clients__item:hover{border:1px solid #2196f3}.clients__item:focus{border:1px solid #2196f3;outline:none}.clients__link{display:block}.clients__logo{width:100%;height:92px;fill:#afb1b8;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients__logo:hover{fill:#2196f3}.clients__link:focus .clients__logo{fill:#2196f3;outline:none}.backdrop{width:100%;height:100%;background:rgba(0,0,0,.2);position:fixed;top:0;right:0;display:flex;align-items:center;justify-content:center;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);z-index:3}.modal{width:450px;height:609px;border-radius: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);position:relative;padding:40px;transform:rotate(360deg);transition:transform 1s cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 480px){.modal{width:300px}}@media screen and (min-width: 1200px){.modal{width:528px;height:581px}}.modal__circle{background-color:rgba(0,0,0,0);width:30px;height:30px;border-radius:50%;border:solid 1px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;position:absolute;top:8px;right:8px;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__circle:hover{fill:#2196f3;cursor:pointer}.modal__circle:focus{fill:#2196f3}.modal__title{color:#212121;text-align:center;font-size:20px;font-weight:700;letter-spacing:.6px;margin-bottom:12px;line-height:150%}@media screen and (min-width: 1200px){.modal__title{line-height:normal}}.modal__label{display:block;color:#757575;font-size:12px;font-weight:400;letter-spacing:.12px;margin-bottom:4px}.modal__input{width:370px;height:40px;border-radius:4px;border:1px solid rgba(33,33,33,.2);padding:11px 12px 11px 40px;outline:none;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 480px){.modal__input{width:280px}}@media screen and (min-width: 1200px){.modal__input{width:448px}}.modal__icon{transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__input:hover{border-color:#2196f3;cursor:pointer}.modal__input:hover~.modal__icon{fill:#2196f3}.modal__input:focus{border-color:#2196f3;cursor:pointer}.modal__input:focus~.modal__icon{fill:#2196f3}.modal__comment{min-width:370px;min-height:120px;border-radius:4px;border:1px solid rgba(33,33,33,.2);padding:12px;resize:none;font-size:12px;letter-spacing:.12px;font-weight:400;outline:none;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 480px){.modal__comment{min-width:280px}}@media screen and (min-width: 1200px){.modal__comment{min-width:448px}}.modal__comment::-moz-placeholder{color:rgba(117,117,117,.5);font-size:14px;font-weight:400;letter-spacing:.14px}.modal__comment::placeholder{color:rgba(117,117,117,.5);font-size:14px;font-weight:400;letter-spacing:.14px}@media screen and (min-width: 1200px){.modal__comment::-moz-placeholder{letter-spacing:.12px;font-size:12px}.modal__comment::placeholder{letter-spacing:.12px;font-size:12px}}.modal__comment:hover,.modal__comment:focus{border-color:#2196f3;cursor:pointer}.modal__checkbox{width:16px;height:16px}.modal__checkbox{cursor:pointer}.modal__list{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;margin-bottom:20px}@media screen and (max-width: 480px){.modal__list{margin-bottom:10px}}.modal__wrap{display:flex;align-items:center;justify-content:center;gap:7px}.modal__text{color:#757575;font-weight:400;font-size:12px;line-height:normal;letter-spacing:.36px}@media screen and (min-width: 1200px){.modal__text{font-size:14px;line-height:171.429%;letter-spacing:.42px}}.modal__link{color:#2196f3;font-size:12px;letter-spacing:.36px;text-decoration-line:underline}@media screen and (min-width: 1200px){.modal__link{font-size:14px;line-height:171.429%;letter-spacing:.42px}}.modal__btn{padding:10px 52px;color:#fff;text-align:center;font-size:16px;font-weight:700;line-height:187.5%;letter-spacing:.96px;border-radius:4px;background:#2196f3;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);display:block;margin-right:auto;margin-left:auto;margin-top:30px}@media screen and (max-width: 480px){.modal__btn{margin-top:15px}}.modal__btn:hover{cursor:pointer}.modal__item{position:relative}.modal__icon{position:absolute;top:29px;left:12px}.is-hidden .modal{transform:rotate(720deg) scale(15)}.is-hidden{opacity:0;pointer-events:none}.footer{padding:60px 0;background-color:#2f303a;overflow:hidden}.footer__icon{fill:#fff;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.footer__soc{padding-top:5px}}@media screen and (min-width: 1200px){.footer__soc{padding-top:12px;margin-left:70px}}.footer__logo1{color:#2196f3;font-family:Raleway;font-size:24px;font-weight:700;letter-spacing:.72px}@media screen and (min-width: 1200px){.footer__logo1{font-size:26px;letter-spacing:.78px}}.footer__logo2{color:#fff;font-family:Raleway;font-size:24px;font-weight:700;letter-spacing:.72px}@media screen and (min-width: 1200px){.footer__logo2{font-size:26px;letter-spacing:.78px}}.footer__contcts{display:flex;align-items:center;justify-content:center;flex-direction:column}@media screen and (min-width: 768px){.footer__contcts{margin-left:61px;margin-right:165px}}@media screen and (min-width: 1200px){.footer__contcts{display:block;margin:0}}.footer__address{color:#fff;line-height:171.429%;letter-spacing:.42px;font-style:normal;margin-bottom:9px;margin-top:20px}.footer__list{display:flex;align-items:none;justify-content:none;gap:9px;flex-direction:column}.footer__info{color:rgba(255,255,255,.6);line-height:171.429%;letter-spacing:.42px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__info:hover{color:#2196f3}.footer__info:focus{color:#2196f3;outline:none}.footer__title{text-align:center;color:#fff;letter-spacing:.42px;text-transform:uppercase;margin-bottom:20px}@media screen and (min-width: 1200px){.footer__title{text-align:left}}.footer__wrap{display:flex;align-items:none;justify-content:none;gap:60px;flex-direction:column;flex-wrap:wrap}@media screen and (min-width: 768px){.footer__wrap{flex-direction:row;gap:0}}@media screen and (min-width: 768px){.footer__subscribe{margin-top:60px;margin-right:auto;margin-left:auto}}@media screen and (min-width: 1200px){.footer__subscribe{padding-top:12px;margin:0 0 0 93px}}.footer__input{width:450px;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:15px 16px;color:#fff;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 480px){.footer__input{width:100%}}@media screen and (min-width: 1200px){.footer__input{width:358px}}.footer__input:hover{border-color:#2196f3}.footer__input:focus{border-color:#2196f3;outline:none}.footer__input::-moz-placeholder{color:rgba(255,255,255,.6);font-size:16px;font-weight:400;line-height:125%;letter-spacing:.48px}.footer__input::placeholder{color:rgba(255,255,255,.6);font-size:16px;font-weight:400;line-height:125%;letter-spacing:.48px}.footer__btn{color:#fff;font-size:16px;font-weight:700;line-height:187.5%;letter-spacing:.96px;width:200px;height:50px;border-radius:4px;background:#2196f3;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:none;gap:10px;padding:10px 28px}.footer__btn:hover{cursor:pointer}.footer__form{display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column}@media screen and (min-width: 1200px){.footer__form{gap:12px;flex-direction:row}}.footer__subscribe__icon{fill:#fff}/*# sourceMappingURL=main.min.css.map */