body{color:#757575;font-family:"Roboto",sans-serif;font-size:14px;letter-spacing:.03em}a{text-decoration:none}ul{list-style:none;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;-webkit-padding-start:0;padding-inline-start:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.link,.header-contact__link,.header-nav__link{-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.link:hover,.header-contact__link:hover,.header-nav__link:hover,.link:focus,.header-contact__link:focus,.header-nav__link:focus{color:#2196f3}.logo,.header-logo,.footer-logo{font-family:"Raleway";font-size:24px;font-style:normal;font-weight:700;line-height:1.17;letter-spacing:.03em}.logo__accent{color:#2196f3}.order-form__button,.newsletter__button,.banner__button{background-color:#2196f3;border:none;border-radius:4px;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.15);box-shadow:0 4px 4px rgba(0,0,0,.15);color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.06em;line-height:1.87}.section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:60px 0}.section-header{font-size:28px;line-height:1.18;padding-bottom:30px;text-align:center;color:#212121}.social-links,.social-links--footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.social-links .social-link__icon,.social-links--footer .social-link__icon{fill:#afb1b8;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social-links .social-link__container,.social-links--footer .social-link__container{width:44px;height:44px;padding:12px;background-color:#fff;border-radius:50%;border:none;cursor:pointer;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social-links .social-link__container:hover,.social-links--footer .social-link__container:hover,.social-links .social-link__container:focus,.social-links--footer .social-link__container:focus{border-radius:50%;background-color:#2196f3}.social-links .social-link__container:hover .social-link__icon,.social-links--footer .social-link__container:hover .social-link__icon,.social-links .social-link__container:focus .social-link__icon,.social-links--footer .social-link__container:focus .social-link__icon{fill:#fff}@media(min-width: 480px){.container,.header__container,.footer-container,.banner__container{width:450px}}@media(min-width: 768px){.container,.header__container,.footer-container,.banner__container{width:738px}}@media(min-width: 1200px){.container,.header__container,.footer-container,.banner__container{width:1170px}.logo,.header-logo,.footer-logo{font-size:26px;line-height:1.19}.section{padding:94px 0}.section-header{font-size:36px;line-height:1.17;padding-bottom:50px}}.banner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#2f303a;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url("../images/banner-480.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/banner-480.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;border:1px solid #000;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:0 4px 4px rgba(0,0,0,.25)}.banner__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banner__button{margin-top:30px;padding:10px 41px;width:200px}.banner__title{color:#fff;font-weight:900;font-size:26px;letter-spacing:.06em;line-height:1.62;text-align:center;text-transform:uppercase}@media screen and (max-width: 1199px){.banner__container{padding:118px 0}}@media screen and (min-width: 480px){.banner{background-size:480px 400px}}@media screen and (min-width: 768px){.banner{background-size:768px 400px;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url("../images/banner-768.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/banner-768.jpg")}}@media screen and (min-width: 1200px){.banner{background-size:1600px 600px;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url("../images/banner-1600.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/banner-1600.jpg");padding:94px 0}.banner__container{padding:106px 0}.banner__title{font-size:44px;line-height:1.36}}.clients{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:30px}.clients .client__container{-ms-flex-preferred-size:46.665%;flex-basis:46.665%;width:210px;height:92px;border:1px solid #afb1b8;border-radius:4px;cursor:pointer;padding:16px 52px;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients .client__container:hover,.clients .client__container:focus{border-color:#2196f3}.clients .client__container:hover .client__icon,.clients .client__container:focus .client__icon{fill:#2196f3}.clients .client__icon{fill:#afb1b8;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 481px)and (max-width: 768px){.container{width:738px}.clients{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;gap:30px}.clients .client__container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:30.6233333333%;flex-basis:30.6233333333%;padding:16px 60px;width:226px}}@media screen and (min-width: 769px){.clients{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.clients .client__container{padding:16px 32px;width:170px}}.feature__description{line-height:1.72}.feature__icon{display:block;margin:auto}.feature__icon-container{background-color:#f5f4fa;border-radius:4px;height:120px;padding:25px 0}.feature__title{color:#212121;font-size:14px;line-height:1.14;margin-bottom:10px;margin-top:30px;text-transform:uppercase}@media screen and (min-width: 480px){.feature{width:450px}}@media screen and (min-width: 768px){.feature{width:354px}}@media screen and (min-width: 1200px){.features{-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.features .feature{width:270px}}@media screen and (max-width: 480px){.feature:not(:last-child){margin-bottom:30px}.feature__title{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 481px)and (max-width: 1199px){.features{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:30px}.features .feature{-ms-flex-preferred-size:45.765%;flex-basis:45.765%}.features .feature__icon-container{padding:25px 142px}}.contacts{line-height:1.71;font-style:normal;margin-top:20px}.contacts__contact:not(:last-child){margin-bottom:8px}.contacts__item{color:rgba(255,255,255,.6)}.contacts__place{color:#fff}.footer{background-color:#2f303a}.footer-logo{color:#fff}.footer-title{color:#fff;font-size:14px;line-height:1.14;margin-bottom:20px;text-transform:uppercase}.newsletter__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 28px 10px 42px}.newsletter__icon-button{fill:#fff;margin-left:24px}.newsletter__input{background-color:#2f303a;border:1px solid rgba(255,255,255,.3);border-radius:4px;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.15);box-shadow:0 4px 4px rgba(0,0,0,.15);color:rgba(255,255,255,.6);font-size:16px;height:50px;line-height:1.25;letter-spacing:.03em;padding:15px 0 15px 16px;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.newsletter__input:focus,.newsletter__input:hover{border-color:#2196f3;outline:none}.newsletter__input::-webkit-input-placeholder{color:rgba(255,255,255,.6)}.newsletter__input::-moz-placeholder{color:rgba(255,255,255,.6)}.newsletter__input:-ms-input-placeholder{color:rgba(255,255,255,.6)}.newsletter__input::-ms-input-placeholder{color:rgba(255,255,255,.6)}.newsletter__input::placeholder{color:rgba(255,255,255,.6)}.social-links--footer{width:206px}.social-links--footer .social-link__icon{fill:#fff;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social-links--footer .social-link__container{width:44px;height:44px;padding:12px;background-color:rgba(255,255,255,.1);border-radius:50%;border:none;cursor:pointer;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social-links--footer .social-link__container:hover,.social-links--footer .social-link__container:focus{border-radius:50%;background-color:#2196f3}.social-links--footer .social-link__container:hover .social-link__icon,.social-links--footer .social-link__container:focus .social-link__icon{fill:#fff}.social-links--footer .social-link:not(:last-child){margin-right:10px}@media screen and (max-width: 479px){.newsletter__input{width:99%}}@media screen and (min-width: 480px){.newsletter__input{width:450px}}@media screen and (max-width: 767px){.footer-section{margin-bottom:60px}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer-container__tablet{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 89px 60px 76px;height:127px;width:603px}.footer-section:nth-child(2){margin-top:5px}}@media screen and (max-width: 1199px){.contacts__contact-list{text-align:center}.footer{padding:60px 0}.footer-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:auto}.footer-logo{display:block;text-align:center}.footer-title{text-align:center}.newsletter__button{margin-top:20px}.newsletter__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.social-links--footer{margin:auto}}@media screen and (min-width: 1200px){.contacts__contact:not(:last-child){margin-bottom:9px}.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:252px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer-container__tablet{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:70px}.footer-section:nth-child(2){margin-top:12px}.newsletter{margin-bottom:33px}.newsletter__form{display:-webkit-box;display:-ms-flexbox;display:flex}.newsletter__input{margin-right:12px;width:358px}}.header-nav,.header-contact{font-weight:500;letter-spacing:.02em}.is-active .header-nav__link{color:#2196f3}.is-active::after{content:"";height:4px;background-color:#2196f3;border-radius:2px;display:block;margin-top:28px}.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header-contact{font-size:12px;line-height:1.17}.header-contact__icon{fill:#757575;margin-right:8px;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header-contact__link{color:#757575;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header-contact__link:hover .header-contact__icon,.header-contact__link:focus .header-contact__icon{color:#2196f3;fill:#2196f3}.header__container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header-logo{color:#000;margin-left:15px}.header-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:1.14;margin-top:32px;gap:30px}.header-nav__item *{-ms-flex-preferred-size:26.24%;flex-basis:26.24%}.header-nav__link{color:#212121}.header-navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 481px)and (max-width: 767px){.header__container{width:100%;margin:auto}}@media screen and (min-width: 768px){.menu-toggle{display:none}.header__container{width:768px;margin:auto}.header-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:1.14;margin-top:32px;width:282px}}@media screen and (min-width: 1200px){.header{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header-contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;font-size:14px;line-height:1.14}.header-contact__icon{margin-right:10px}.header__container{width:1170px}.header-logo{margin-right:93px}.header-nav{width:254px}.header-navigation{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}@media screen and (max-width: 480px){.header__container{padding:10px 0;width:480px}}@media screen and (min-width: 481px)and (max-width: 1199px){.header-contact{margin-right:15px}.header-contact__item:first-child{margin-bottom:10px}.header-logo{margin-left:15px}}.mobile-socials__link,.mobile-nav__link,.mobile-contacts__link-phone,.mobile-contacts__link-mail{font-weight:500;letter-spacing:.02em}.menu-toggle{margin-right:15px;min-height:40px;min-width:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;border:none;border-radius:50%;cursor:pointer}.menu-container{background-color:#fff;padding:48px 0 48px 40px;position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 250ms ease-in-out;transition:-webkit-transform 250ms ease-in-out;transition:transform 250ms ease-in-out;transition:transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;z-index:999;display:none}.menu-container *{display:none;opacity:0;visibility:hidden;pointer-events:none}.menu-container.is-open,.menu-container *{display:block;opacity:1;visibility:visible;pointer-events:inherit;-webkit-transform:translateX(0);transform:translateX(0)}.menu-container .menu-toggle{position:absolute;top:10px;right:-15px}.mobile-contacts__link-mail{color:#757575;font-size:24px;line-height:1.17}.mobile-contacts__link-phone{color:#2196f3;font-size:34px;line-height:1.18}.mobile-contacts__mail{margin:32px 0 64px 0}.mobile-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%}.mobile-nav__item:not(:last-child){margin-bottom:32px}.mobile-nav__link{color:#212121;font-size:40px;line-height:1.18}.mobile-nav__link--active{color:#2196f3}.mobile-socials{display:-webkit-box;display:-ms-flexbox;display:flex}.mobile-socials__item:not(:first-child){padding-left:10px}.mobile-socials__item:not(:last-child){padding-right:10px;border-right:1px solid rgba(33,33,33,.2)}.mobile-socials__link{color:#2196f3;cursor:pointer;font-size:18px;line-height:1.5}.menu-toggle:hover,.menu-toggle:focus{fill:#2196f3;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 480px){.header-navigation,.header-contact{display:none}}@media screen and (min-width: 481px){.menu-toggle{display:none}}.backdrop{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:0 4px 4px rgba(0,0,0,.25)}.modal{background-color:#fff;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.14),0 2px 1px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.14),0 2px 1px rgba(0,0,0,.2);height:609px;width:450px;-webkit-transition:visibility 950ms ease-in-out,opacity 950ms ease-in-out,-webkit-transform 950ms ease-in-out;transition:visibility 950ms ease-in-out,opacity 950ms ease-in-out,-webkit-transform 950ms ease-in-out;transition:visibility 950ms ease-in-out,opacity 950ms ease-in-out,transform 950ms ease-in-out;transition:visibility 950ms ease-in-out,opacity 950ms ease-in-out,transform 950ms ease-in-out,-webkit-transform 950ms ease-in-out;-webkit-transform:translateY(5%) scale(1);transform:translateY(5%) scale(1);opacity:1;visibility:visible}.close-button{position:absolute;top:8px;right:8px;width:30px;height:30px;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:50px}.close-button__button{border:none}.close-button__button *{position:absolute;top:6px;right:6px;width:18px;height:18px;background-color:#fff;border:none;cursor:pointer}.close-button__button:hover .close-button__icon,.close-button__button:focus .close-button__icon{fill:#2196f3;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.is-hidden,.is-hidden .modal{opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translateY(0%) scale(0);transform:translateY(0%) scale(0)}.order-form{padding:40px}.order-form__button{padding:10px 76px;margin:30px 85px 0}.order-form__container{position:relative}.order-form__icon{position:absolute;left:12px;top:29px}.order-form__label{color:#757575;font-size:12px;letter-spacing:.01em;line-height:1.16;margin-bottom:4px}.order-form__link{color:#2196f3;text-decoration:underline}.order-form__title{color:#212121;font-size:20px;font-weight:700;letter-spacing:.03em;line-height:1.5;margin-bottom:12px;text-align:center}.order-form__comment{border:1px solid rgba(33,33,33,.2);border-radius:4px;margin-bottom:20px;outline:none;padding:12px 16px;resize:none;width:100%}.order-form__comment::-webkit-input-placeholder{color:rgba(117,117,117,.5);font-size:12px;font-weight:400;line-height:1.16;letter-spacing:.01em}.order-form__comment::-moz-placeholder{color:rgba(117,117,117,.5);font-size:12px;font-weight:400;line-height:1.16;letter-spacing:.01em}.order-form__comment:-ms-input-placeholder{color:rgba(117,117,117,.5);font-size:12px;font-weight:400;line-height:1.16;letter-spacing:.01em}.order-form__comment::-ms-input-placeholder{color:rgba(117,117,117,.5);font-size:12px;font-weight:400;line-height:1.16;letter-spacing:.01em}.order-form__comment::placeholder{color:rgba(117,117,117,.5);font-size:12px;font-weight:400;line-height:1.16;letter-spacing:.01em}.order-form__comment:focus{border-color:#2196f3;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.order-form__contact-detail{border:1px solid rgba(33,33,33,.2);border-radius:4px;width:100%;margin-bottom:10px;outline:none;padding:11px 0 11px 42px}.order-form__contact-detail:focus{border-color:#2196f3;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.order-form__contact-detail:focus-within+.order-form__icon{fill:#2196f3;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.order-form__statement{-webkit-appearance:none;-moz-appearance:none;appearance:none}.order-form__statement-label{color:#757575;font-size:12px;font-weight:400;letter-spacing:.03em;line-height:1.17;margin-left:15px}.order-form__statement:checked+.order-form__statement-label::before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Crect width='16' height='15' fill='%232196F3' rx='2'/%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='.2' d='m3.957 7.752-.069-.066-.069.065-.888.842-.076.072.076.073 3.496 3.334.069.066.069-.066 7.504-7.158.076-.073-.076-.072-.882-.841-.069-.066-.069.066-6.553 6.246-2.539-2.422Z'/%3E%3C/svg%3E");background-position:center;border:none}.order-form__statement-container{position:relative}.order-form__statement-label::before{display:block;position:absolute;content:"";width:16px;height:15px;border:2px solid #212121;border-radius:2px;top:3px;left:-3px}@media screen and (min-width: 769px){.modal{height:581px;width:528px}.order-form__button{margin:30px 124px 0}.order-form__title{line-height:1.15}.order-form__statement-label{font-size:14px;line-height:1.71}.order-form__statement-container{margin-left:15px;margin-right:14px}}@media screen and (min-width: 768px){.modal{-webkit-transform:translateY(50%) scale(1);transform:translateY(50%) scale(1)}}@media screen and (min-width: 1200px){.modal{-webkit-transform:translateY(30%) scale(1);transform:translateY(30%) scale(1)}}.filters{-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;row-gap:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.filters .filter .filter__button{background-color:#f5f4fa;border:none;border-radius:4px;color:#212121;cursor:pointer;font-family:"Roboto",sans-serif;font-size:16px;font-weight:500;letter-spacing:.03em;line-height:1.63;text-align:center;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.filters .filter .filter__button:hover,.filters .filter .filter__button:focus{background-color:#2196f3;-webkit-box-shadow:0 3px 1px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.12);box-shadow:0 3px 1px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.12);color:#fff}.header-portfolio{border-bottom:1px solid #ececec}.projects{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:40px}.projects .project{background-color:#fff;cursor:pointer}.projects .project__box{border:1px solid #eee;border-top:none}.projects .project__img-box{position:relative;overflow:hidden}.projects .project__overlay{position:absolute;top:0;left:0;width:100%;height:100%;padding:77px 24px 77px 24px;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 250ms ease;transition:-webkit-transform 250ms ease;transition:transform 250ms ease;transition:transform 250ms ease, -webkit-transform 250ms ease;background-color:#2196f3}.projects .project__overlay-text{color:#fff;line-height:1.55;font-size:18px}.projects .project__subtitle{font-size:16px;line-height:1.88;padding:0 24px 20px;margin-top:0}.projects .project__title{color:#212121;font-size:18px;font-weight:700;line-height:2;letter-spacing:.06em;padding:20px 24px 0}.projects .project:hover,.projects .project:focus{-webkit-box-shadow:0 1px 1px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16);box-shadow:0 1px 1px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16)}.projects .project:hover .project__overlay{-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (max-width: 450px){.project__img{max-width:100%;margin:auto}.projects .project__overlay{padding:20px 14px 20px 14px}}@media screen and (min-width: 480px){.filters{margin-bottom:40px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.project{width:450px}.project__box{width:450px}.project__overlay{padding:77px 24px}}@media screen and (max-width: 1199px){.filters .filter:nth-of-type(1) .filter__button{padding:6px 13px}.filters .filter:nth-of-type(2) .filter__button{padding:6px 39px 6px 40px}.filters .filter:nth-child(3) .filter__button{padding:6px 38px 6px 37px}.filters .filter:nth-child(4) .filter__button{padding:6px 28px}.filters .filter:nth-child(5) .filter__button{padding:6px 26px 6px 27px}}@media screen and (min-width: 481px){.filters{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:16px}.projects{margin-top:34px}}@media screen and (min-width: 1200px){.filter__button{padding:6px 22px}.projects .project__overlay{padding:49px 45px 49px 24px}.project{-ms-flex-preferred-size:calc((100% - 30px)/3);flex-basis:calc((100% - 30px)/3);max-width:370px}.project__box{width:370px}.project__overlay{padding:49px 45px 49px 24px}}@media screen and (min-width: 481px)and (max-width: 1199px){.projects{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.projects .project__overlay{padding:49px 24px 49px 24px}.projects .project{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2);max-width:354px}.projects .project__box{width:354px}.projects .project:first-child .projects .project__subtitle{padding:0 24px 56px}.projects .project__overlay{padding:49px 24px}}@media screen and (max-width: 737px){.projects{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.boxes{-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.boxes .box{position:relative;width:370px;height:294px}.boxes .box__container{position:absolute;height:70px;width:370px;bottom:0;background:rgba(47,48,58,.8)}.boxes .box__img{display:inline-block}.boxes .box__title{color:#fff;font-size:14px;line-height:1.14;padding:27px 0;text-align:center;text-transform:uppercase}@media screen and (max-width: 1199px){.tasks-section{display:none}}@media screen and (min-width: 769px){.tasks-section{padding:0 0 94px 0}}.employee{background-color:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.14),0 2px 1px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.14),0 2px 1px rgba(0,0,0,.2);border-radius:0 0 4px 4px}.employee__social-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;margin-top:16px}.employee__subtitle{font-size:16px;line-height:1.19;text-align:center}.employee__title{color:#212121;font-size:16px;font-weight:500;line-height:1.19;text-align:center;margin-top:30px;margin-bottom:10px}.section--team{background-color:#f5f4fa}@media screen and (min-width: 481px){.employee{width:354px}}@media screen and (min-width: 769px){.employee{width:270px}}@media screen and (max-width: 480px){.employee:not(:last-child){margin-bottom:30px}}@media screen and (max-width: 1199px){.employees{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;row-gap:30px}.employees .employee__social-links{margin-bottom:24px}}@media screen and (min-width: 1200px){.employees{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:30px}.employees .employee__social-links{margin-bottom:30px}}/*# sourceMappingURL=main.min.css.map */