.link-social__footer,.contacts-list .contacts-list__link,.menu-toggle,.clients-zagolovog,.link-icon__social,.features-list__icon,.job-list__text,.hero__section,.bth-footer{display:flex;align-items:center;justify-content:center}.contact-link__footer,.post-address{font-weight:400;margin-bottom:9px;line-height:1.71;font-style:normal}.logo__studiow-footer,.logo__web-footer,.logo__studio,.logo__web{font-size:26px;line-height:1.38;font-family:"Raleway"}img{display:block;width:100%}a{text-decoration:none}ul,li{padding:0;margin:0;list-style:none}h1,h2,h3,h4,h5,h6{margin:0}p{margin:0}body{font-family:"Roboto";font-size:14px;line-height:1.14;font-weight:700;margin:0}.hero__button{width:200px;padding:10px 32px;background-color:#2196f3;color:#fff;border-radius:4px;height:50px;border:none;cursor:pointer}@media screen and (min-width: 768px){.hero__button{width:200px;padding:10px 32px;background-color:#2196f3;color:#fff;border-radius:4px;height:50px;border:none;cursor:pointer}}@media screen and (min-width: 1200px){.hero__button{width:216px;padding:10px 32px;background-color:#2196f3;color:#fff;border-radius:4px;height:50px;border:none;cursor:pointer}}.bth-footer{margin-left:12px;width:200px;padding:10px 32px;background-color:#2196f3;color:#fff;border-radius:4px;height:50px;border:none;cursor:pointer}@media screen and (min-width: 320px)and (max-width: 1200px){.bth-footer{margin-top:20px}}@media screen and (min-width: 1200px)and (max-width: 1600px){.bth-footer{margin-top:0}}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media screen and (min-width: 480px){.container{max-width:480px}}@media screen and (min-width: 768px){.container{max-width:768px}}@media screen and (min-width: 1200px){.container{max-width:1200px}}.logo__web{color:#2196f3}.logo__studio{color:#000}.logo__web-footer{color:#2196f3}.logo__studiow-footer{color:#fff}.hero__section{max-width:480px;height:400px;text-align:center;background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/fon-mobile.png");margin:0 auto}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 20.75),(min-resolution: 1992dpi),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.hero__section{background-image:url(../images/fon-mobile@2x.jpg)}}@media screen and (min-width: 768px){.hero__section{max-width:767.2px;background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/fon-table.png);height:400px}}@media screen and (min-width: 768px)and (min-device-pixel-ratio: 2),screen and (min-width: 768px)and (-webkit-min-device-pixel-ratio: 20.75),screen and (min-width: 768px)and (min-resolution: 1992dpi),screen and (min-width: 768px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 768px)and (min-resolution: 2dppx){.hero__section{background-image:url(../images/fon-table@2x.jpg)}}@media screen and (min-width: 1200px){.hero__section{max-width:1600px;background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/project-company.jpg);height:600px}}@media screen and (min-width: 1200px)and (min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (-webkit-min-device-pixel-ratio: 20.75),screen and (min-width: 1200px)and (min-resolution: 1992dpi),screen and (min-width: 1200px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (min-resolution: 2dppx){.hero__section{background-image:url(../images/project-company@2x.jpg)}}.title{color:#fff;font-weight:900;line-height:1.36;font-size:26px;margin-bottom:30px}@media screen and (min-width: 1200px){.title{font-size:46px;max-width:1600px}}.hero__title{width:360px}@media screen and (min-width: 1200px){.hero__title{width:696px}}.job{display:none;padding-bottom:94px}@media screen and (min-width: 1200px)and (max-width: 1600px){.job{display:block}}.job-list{display:flex;justify-content:center;gap:30px}.job-list__item{position:relative}.job-list__text{position:absolute;text-transform:uppercase;bottom:0;left:0;color:#fff;width:370px;height:70px;background-color:rgba(47,48,58,.8)}.job-img{width:370px}.job-title{text-align:center;font-size:36px;padding-bottom:50px}@media screen and (min-width: 320px)and (max-width: 767.2px){.features{padding-top:30px;padding-bottom:30px}}@media screen and (min-width: 768px)and (max-width: 1200px){.features{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.features{padding-top:94px;padding-bottom:94px}}.features__list{-moz-column-gap:30px;column-gap:30px;display:flex}.features__list{font-size:14px;display:block}@media screen and (min-width: 1200px)and (max-width: 1600px){.features__list{display:flex}}@media screen and (min-width: 768px)and (max-width: 1200px){.features__list{display:flex;flex-wrap:wrap;flex-basis:calc(100% - 15px)}}.features-list__item{width:100%}@media screen and (min-width: 768px)and (max-width: 1200px){.features-list__item{width:354px}}@media screen and (min-width: 1200px)and (max-width: 1600px){.features-list__item{width:270px}}.features-list__title{text-align:center}@media screen and (min-width: 1200px)and (max-width: 1600px){.features-list__title{text-align:start}}.features-list__description{width:100%;color:#757575;font-weight:400;line-height:1.71;margin-top:10px}@media screen and (min-width: 768px)and (max-width: 1200px){.features-list__description{width:354px}}@media screen and (min-width: 1200px)and (max-width: 1600px){.features-list__description{width:270px}}@media screen and (min-width: 320px)and (max-width: 480px){.features-list__description:last-child{margin-bottom:30px}}.features-list__icon{width:100%;height:120px;background-color:#f5f4fa;padding:22px 0;margin-bottom:30px}@media screen and (min-width: 768px)and (max-width: 1200px){.features-list__icon{width:354px}}@media screen and (min-width: 1200px)and (max-width: 1600px){.features-list__icon{width:270px}}.header{outline:solid 1px #ececec}.hero-section{margin:94px 0px}@media screen and (min-width: 768px)and (max-width: 1200px){.hero-section{margin:60px 0px}}.main-menu{display:flex;justify-content:center}@media screen and (min-width: 320px)and (max-width: 767.2px){.main-menu{flex-wrap:wrap;width:326px;height:91px;justify-content:start}}.main-menu-item{border-radius:4px;padding:6px 22px;color:#000;background-color:#f5f4fa;margin:0px 8px;transition:color,background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.main-menu-item:focus,.main-menu-item:hover{color:#fff;background-color:#2196f3;box-shadow:1px 4px 6px 0px rgba(0,0,0,.16);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 10ms}.product-list{display:flex;flex-wrap:wrap;margin-top:56px;gap:30px}@media screen and (min-width: 768px)and (max-width: 1200px){.product-list{margin-top:30px}}.wrapper{position:relative;height:294px;width:370px;overflow:hidden}@media screen and (min-width: 320px)and (max-width: 767.2px){.wrapper{width:100%}}@media screen and (min-width: 768px)and (max-width: 1200px){.wrapper{width:354px}}.overlay{position:absolute;top:0;left:0;display:flex;align-items:center;width:100%;height:100%;background-color:rgba(33,150,243,.9);transform:translate(0%, 101%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.link-overlay{display:flex;justify-content:center;align-items:center;line-height:25px;word-spacing:6px;color:#fff;font-weight:400;font-size:18px;width:322px;height:168px;margin:0 auto}.product-item:hover .overlay{transform:translate(0)}.product-item{border:1px solid #eee;height:100%;width:100%;flex-basis:calc(100% - 0px)}@media screen and (min-width: 320px)and (max-width: 767.2px){.product-item{flex-basis:calc(100% - 0px)}}@media screen and (min-width: 768px)and (max-width: 1200px){.product-item{flex-basis:calc(25% - 30px);width:354px}}@media screen and (min-width: 1200px)and (max-width: 1600px){.product-item{flex-basis:calc(33.3333333333% - 30px);width:370px;height:404px}}.product-img{display:block;width:100%}.product-name{color:#212121;margin-left:24px;font-size:18px;line-height:2;padding-top:20px}.product-filter{color:#757575;font-size:16px;font-weight:400;line-height:1.87;margin-left:24px;padding-bottom:20px}.product-item:hover,.product-item:focus{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)}.team-section{background-color:#f5f4fa;padding-top:60px;padding-bottom:30px}@media screen and (min-width: 1200px)and (max-width: 1600px){.team-section{padding-top:94px;padding-bottom:94px}}.team-h2{text-align:center;font-size:28px;padding-bottom:50px}@media screen and (min-width: 1200px)and (max-width: 1600px){.team-h2{font-size:36px}}.team-list{display:grid;justify-content:center}@media screen and (min-width: 768px)and (max-width: 1200px){.team-list{display:flex;flex-wrap:wrap;flex-basis:calc(100% - 15px)}}@media screen and (min-width: 1200px)and (max-width: 1600px){.team-list{display:flex}}.team-list__item{width:100%;height:622px;margin-right:auto;margin-left:auto;background-color:#fff;text-align:center;border-bottom-left-radius:5px;border-bottom-right-radius:5px;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-bottom:34px}@media screen and (min-width: 768px)and (max-width: 1200px){.team-list__item{width:354px;height:536px}}@media screen and (min-width: 1200px)and (max-width: 1600px){.team-list__item{width:270px;height:428px}}@media screen and (min-width: 320px)and (max-width: 767.2px){.team-list__item:nth-child(-n+4){margin-bottom:30px}}@media screen and (min-width: 768px)and (max-width: 1200px){.team-list__item:nth-child(-n+4){margin-bottom:30px}}.item-img{width:100%;height:460px}@media screen and (min-width: 768px)and (max-width: 1200px){.item-img{width:354px;height:374px}}@media screen and (min-width: 1200px)and (max-width: 1600px){.item-img{width:270px;height:260px}}.team-list__item-name{font-size:16px;font-weight:500;padding:30px 0px 10px 0px}@media screen and (min-width: 1200px)and (max-width: 1600px){.team-list__item-name{padding:10px 0px}}.team-item-list__position{color:#757575;font-size:16px;font-weight:400;padding-bottom:21px}.icon-list{display:flex;justify-content:center}.icon-list .link-icon__list{display:flex}.link-icon__social{width:44px;height:44px;border-radius:50%}.icon-social{fill:#afb1b8;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.link-icon__social:hover{background-color:#2196f3;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.link-icon__social:hover .icon-social{fill:#fff}.clients{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px)and (max-width: 1600px){.clients{padding-top:87px;padding-bottom:101px}}.clients-zagolovog{font-weight:700;font-size:36px;margin-bottom:50px}.clients-list{display:flex;justify-content:start;flex-wrap:wrap;gap:30px 30px}@media screen and (min-width: 1200px)and (max-width: 1600px){.clients-list{justify-content:center;gap:0px 0px}}@media screen and (min-width: 1200px){.item-clients:nth-child(n+2){margin-left:30px}}.item-clients{flex-basis:calc((100% - 30px)/2);outline:1px solid #afb1b8;border-radius:4px;transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px)and (max-width: 1200px){.item-clients{flex-basis:calc((100% - 60px)/3)}}@media screen and (min-width: 1200px)and (max-width: 1600px){.item-clients{flex-basis:calc((100% - 150px)/6)}}.client-conteiner{display:flex;justify-content:center}.link-clients{width:106px;height:60px;fill:#afb1b8;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px)and (max-width: 1600px){.link-clients{width:170px}}.link-clients:hover{fill:#2196f3}.item-clients:hover{outline:1px solid #2196f3}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:1;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden{opacity:0;pointer-events:none}.no-scroll{overflow:hidden}.modal{position:absolute;top:50%;left:50%;width:450px;height:640px;padding:40px;background-color:#fff;transform:translate(-50%, -50%);border-radius: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);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px)and (max-width: 1600px){.modal{min-width:528px;min-height:581px}}.close{position:absolute;top:8px;right:8px}.bth-close{position:relative;width:30px;height:30px;border:none;border-radius:50%;outline:1px solid #e5e5e5;background-color:#fff;cursor:pointer}.svg-close{position:absolute;top:9px;left:10px}.svg-close:hover{fill:#2196f3}.order{text-align:center;font-size:20px;margin-bottom:12px}.order-label{display:block;margin-bottom:7px;color:#757575;font-size:12px;font-weight:400}input[type=name],input[type=tel],input[type=email]{cursor:pointer}.order-input:focus,.order-input:hover{outline:1px solid #2196f3}.order-input:focus~.icon-modal{fill:#2196f3}.order-input{border:none;width:370px;height:40px;outline:1px solid #e5e5e5;border-radius:4px;padding-left:40px;cursor:pointer}@media screen and (min-width: 1200px)and (max-width: 1600px){.order-input{width:448px}}.order-link{position:relative}.icon-modal{position:absolute;top:32px;left:2%}.order-link:hover .icon-modal{fill:#2196f3}.icon-modal:hover,.icon-modal:focus{fill:#2196f3}input[type=text]{padding-left:15px;padding-bottom:80px;width:370px;height:120px}@media screen and (min-width: 1200px)and (max-width: 1600px){input[type=text]{width:448px}}.agreement{display:flex;margin-top:25px}.checkbox{margin-left:13px;width:16px;height:15px}.rights{padding-left:7px;color:#757575;font-weight:400;font-size:12px}@media screen and (min-width: 1200px)and (max-width: 1600px){.rights{font-size:14px}}.dogovor{text-decoration:underline;color:#2196f3}.send{border:none;width:200px;height:50px;background-color:#2196f3;color:#fff;font-weight:700;font-size:16px;margin-left:85px;margin-top:30px;border-radius:4px;cursor:pointer;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)}@media screen and (min-width: 1200px)and (max-width: 1600px){.send{margin-left:120px}}.menu{display:flex;padding:0;margin:0;list-style:none}@media(max-width: 767px){.menu{display:none}}.menu .mobile-item-link{padding:10px;color:inherit;text-decoration:none}.menu .mobile-item-link:hover,.menu .mobile-item-link:focus{text-decoration:underline}.menu-toggle{position:absolute;left:90%;min-height:40px;min-width:40px;margin:0;padding:0;background-color:rgba(0,0,0,0);cursor:pointer;border:none;border-radius:50%;outline:none}.menu-open{position:relative;width:24px;height:3px;background-color:#000}.menu-open::after{content:"";position:absolute;top:7px;left:0;width:24px;height:3px;background-color:#000}.menu-open::before{content:"";position:absolute;bottom:7px;left:0;width:24px;height:3px;background-color:#000}.menu-close{position:relative;width:24px;height:3px}.menu-close::after{content:"";position:absolute;top:0;left:0;width:18px;height:1px;background-color:#000;transform:rotate(45deg)}.menu-close::before{content:"";position:absolute;bottom:0;left:0;width:18px;height:1px;background-color:#000;transform:rotate(-45deg)}@media(min-width: 768px){.menu-toggle{display:none}}.menu-toggle:hover,.menu-toggle:focus{background-color:rgba(0,0,0,.1)}.menu-container{position:fixed;top:0;left:200px;width:100vw;height:100vh;padding:32px;background-color:#fff;z-index:999;transform:translateX(100%);transition:transform 250ms ease-in-out}.menu-container.is-open{transform:translateX(-200px)}.menu-container .menu-toggle{position:absolute;top:16px;right:16px;color:#fff}.mobile-menu{padding:0;margin:0;padding-bottom:302px;list-style:none}.mobile-item-link{display:block;font-weight:500;font-size:40px;color:#000;text-decoration:none}.mobile-menu .mobile-item:nth-child(-1n+2){padding-bottom:35px}.mobile-item-link:hover,.mobile-item-link:focus{color:#2196f3}.mobile-contacts{padding-bottom:72px}.mobile-contacts .contacts-item:nth-child(1){padding-bottom:24px}.contacts-link{font-size:25px;color:#757575}.contacts-link:hover,.contacts-link:focus{font-size:35px;color:#2196f3;transition:color,font-size 50ms linear}.social-list{display:flex}.social-link{color:#2196f3;font-weight:500;font-size:18px}.social-item{display:flex;align-items:center}.social-list .social-item:nth-child(-1n+3)::after{content:"";display:inline-block;width:1px;height:22px;margin:0 10px;background-color:#757575}.logo-header{padding-bottom:25px;padding-top:24px}.menu{margin-left:93px;-moz-column-gap:50px;column-gap:50px}.menu__link{color:#000;font-weight:500;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 320px)and (max-width: 767.2px){.menu__link{display:none}}.menu__link:hover,.menu__link:focus{color:#2196f3;background-image:url(../images/hover.png);background-repeat:no-repeat;background-position:bottom;background-size:100%;padding-bottom:34px}.contacts-list{margin-left:auto}.contacts-list .contacts-list__link{font-weight:500;color:#757575;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px)and (max-width: 1200px){.contacts-list{display:flex;flex-direction:column}}@media screen and (min-width: 1200px)and (max-width: 1600px){.contacts-list{display:flex;flex-direction:row}}.contacts-list__link:hover,.contacts-list__link:focus{color:#2196f3}.contacts-list__link:hover .icon__contact{fill:#2196f3}.icon__contact{margin-right:10px;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.icon__contact:hover,.icon__contact:focus{fill:#2196f3}@media screen and (min-width: 1200px){.contacts-list__item+.contacts-list__item{margin-left:50px}}@media screen and (min-width: 320px)and (max-width: 767.2px){.contacts-list__item{display:none}}@media screen and (min-width: 768px)and (max-width: 1200px){.contacts-list__item{display:flex}}.navigation,.menu,.con-header{display:flex;align-items:center}.con-header{position:relative}@media screen and (min-width: 1200px){.contacts-list{display:flex;align-items:center}}footer{background-color:#2f303a;padding-top:60px;padding-bottom:60px}@media screen and (min-width: 320px)and (max-width: 767.2px){.as{display:flex;flex-direction:column;align-items:center}}@media screen and (min-width: 1200px)and (max-width: 1600px){.as{align-items:baseline;display:flex}}@media screen and (min-width: 768px)and (max-width: 1200px){.table-container__footer{display:flex;align-items:baseline;text-align:center;width:100%;justify-content:space-around}}@media screen and (min-width: 1200px)and (max-width: 1600px){.table-container__footer{display:flex;align-items:baseline;justify-content:start;width:600px;text-align:start}}@media screen and (min-width: 320px)and (max-width: 768){.footer-conteiner{width:100%}}@media screen and (min-width: 320px)and (max-width: 1200px){.footer-conteiner{text-align:center}}@media screen and (min-width: 768px)and (max-width: 1200px){.subscribe-link{margin:0 auto;margin-top:60px}}@media screen and (min-width: 1200px)and (max-width: 1600px){.subscribe-link{margin:0}}.logo__web-footer{color:#2196f3;font-size:26px;line-height:1.38;font-family:"Raleway"}.logo__studiow-footer{color:#fff;font-size:26px;line-height:1.38;font-family:"Raleway"}.post-address{color:#fff;margin-top:20px}.contact-link__footer{color:#757575}@media screen and (min-width: 320px)and (max-width: 767.2px){.join-social{margin-top:60px;margin-bottom:60px;text-align:center}}@media screen and (min-width: 1200px)and (max-width: 1600px){.join-social{margin-left:70px;margin-right:93px}}.join{margin-bottom:20px;color:#fff;text-transform:uppercase}.icon-list__footer{display:flex}@media screen and (min-width: 320px)and (max-width: 767.2px){.icon-list__footer{justify-content:center}}@media screen and (min-width: 768px)and (max-width: 1200px){.icon-list__footer{justify-content:center}}@media screen and (min-width: 1200px)and (max-width: 1600px){.icon-list__footer{justify-content:start}}.link-icon__list:nth-child(n+2){padding-left:10px}.link-social__footer{width:44px;height:44px;border-radius:50%;background-color:#44454e;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.icon-social__footer{fill:#fff}.link-social__footer:hover{background-color:#2196f3}.link-social__footer:hover .icon-social{fill:#fff}.email-input{width:100%;color:#757575;background-color:#2f303a;height:50px;border:none;outline:1px solid #757575;padding:15px 205px 15px 15px;border-radius:4px}@media screen and (min-width: 768px)and (max-width: 1200px){.email-input{width:450px}}@media screen and (min-width: 1200px)and (max-width: 1600px){.email-input{width:358px}}.ul-input{display:flex}@media screen and (min-width: 320px)and (max-width: 767.2px){.ul-input{flex-direction:column;align-items:center}}@media screen and (min-width: 768px)and (max-width: 1200px){.ul-input{flex-direction:column;align-items:center}}@media screen and (min-width: 1200px)and (max-width: 1600px){.ul-input{flex-direction:row;align-items:center}}.icon-tg{margin-left:10px}.icon-footer{fill:#fff}/*# sourceMappingURL=main.min.css.map */