.footer__info,.footer__address{font-size:14px;font-weight:400}.footer__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)}.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}.filters{border-top:solid #ececec 1px;padding-top:120px;padding-bottom:40px}@media screen and (min-width: 768px){.filters{padding-top:140px;padding-bottom:30px}}@media screen and (min-width: 1200px){.filters{padding-top:174px;padding-bottom:50px}}.filters__list{display:flex;align-items:none;justify-content:none;gap:8px;flex-wrap:wrap;max-width:326px}@media screen and (min-width: 768px){.filters__list{display:flex;align-items:center;justify-content:center;max-width:none}}.filters__item:nth-child(1) .filters__button{animation-name:filters-move-1}.filters__item:nth-child(2) .filters__button{animation-name:filters-move-2}.filters__item:nth-child(3) .filters__button{animation-name:filters-move-3}.filters__item:nth-child(4) .filters__button{animation-name:filters-move-4}.filters__item:nth-child(5) .filters__button{animation-name:filters-move-5}.filters__button{padding:6px 22px;border-radius:4px;background:#f5f4fa;color:#212121;text-align:center;font-size:16px;font-weight:500;line-height:162.5%;letter-spacing:.48px;transition:background,color,box-shadow,transform;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-duration:1.2s}.filters__button:hover{background:#2196f3;color:#fff;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);cursor:pointer}.filters__button:focus{background:#2196f3;color:#fff;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);cursor:pointer;outline:none}@keyframes filters-move-1{0%{transform:translate(-1000px, -300px) rotate(720deg)}50%{transform:translate(-400px, 30px);background:#2196f3;color:#fff}100%{transform:translate(0)}}@keyframes filters-move-2{0%{transform:translate(100px, -500px) rotate(360deg)}50%{transform:translate(100px, -120px) rotate(180deg);background:#2196f3;color:#fff}100%{transform:translate(0)}}@keyframes filters-move-3{0%{transform:translate(1500px, 500px) rotate(1080deg)}50%{transform:translate(500px, -60px) rotate(450deg);background:#2196f3;color:#fff}100%{transform:translate(0)}}@keyframes filters-move-4{0%{transform:translate(-1500px, 0)}50%{transform:translate(-200px, 0);background:#2196f3;color:#fff}100%{transform:translate(0)}}@keyframes filters-move-5{0%{transform:translate(1500px, 0) rotate(450deg)}50%{transform:translate(200px, 0) rotate(90deg);background:#2196f3;color:#fff}100%{transform:translate(0)}}.projects{padding-bottom:94px}.projects__wrap{padding:20px 24px;border:1px solid #eee}@media screen and (min-width: 768px){.projects__item:first-child .projects__wrap{padding-bottom:54px}}@media screen and (min-width: 1200px){.projects__item:first-child .projects__wrap{padding-bottom:20px}}.projects__list{display:flex;align-items:center;justify-content:none;flex-wrap:wrap;gap:30px}.projects__subtitle{color:#212121;font-size:18px;font-weight:700;line-height:200%;letter-spacing:1.08px;margin-bottom:4px}.projects__photo{height:294px;width:450px}@media screen and (max-width: 480px){.projects__photo{width:100%;height:auto}}@media screen and (min-width: 768px){.projects__photo{width:354px;height:281px}}@media screen and (min-width: 1200px){.projects__photo{width:370px}}.projects__article{transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.projects__link:hover .projects__article{box-shadow:1px 4px 6px 0px rgba(0,0,0,.16),0px 4px 4px 0px rgba(0,0,0,.06),0px 1px 1px 0px rgba(0,0,0,.12)}.projects__link:focus{outline:none}.projects__link:focus .projects__article{box-shadow:1px 4px 6px 0px rgba(0,0,0,.16),0px 4px 4px 0px rgba(0,0,0,.06),0px 1px 1px 0px rgba(0,0,0,.12)}@media screen and (max-width: 480px){.projects__item{width:100%}}@media screen and (min-width: 768px){.projects__item{max-width:354px}}@media screen and (min-width: 1200px){.projects__item{max-width:none;flex-basis:calc((100% - 60px) \3 )}}.projects__description{color:#757575;font-size:16px;font-weight:400;line-height:187.5%;letter-spacing:.48px}.projects__texthover{color:#fff;font-size:18px;font-weight:400;line-height:155.556%;letter-spacing:.54px;max-width:402px}@media screen and (max-width: 480px){.projects__texthover{font-size:14px;max-width:206px}}@media screen and (min-width: 768px){.projects__texthover{max-width:306px}}@media screen and (min-width: 1200px){.projects__texthover{max-width:322px}}.projects__hover-position{position:relative;overflow:hidden}.projects__hover{top:294px;left:0;position:absolute;height:294px;width:450px;background:rgba(33,150,243,.9);display:flex;align-items:center;justify-content:center;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 480px){.projects__hover{top:360px;width:100%;height:100%}}@media screen and (min-width: 768px){.projects__hover{width:370px}}.projects__link:hover .projects__hover{transform:translate(0, -294px)}@media screen and (max-width: 480px){.projects__link:hover .projects__hover{transform:translate(0, -360px)}}.projects__link:focus .projects__hover{opacity:1}.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=portfolio.min.css.map */