body{color:#212121;background-color:#fff;font-family:"Roboto",sans-serif;letter-spacing:.03em}h1,h2,h3,h4,h5,h6{margin:0}.link{display:block;text-decoration:none}.list{list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.container{padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@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}}.section{padding-top:60px;padding-bottom:60px}.section--background{background-color:#f5f4fa}.section__title{margin-bottom:30px;color:#212121;font-size:28px;line-height:1.17;text-align:center}.page-header{position:relative;border-bottom:1px solid #ececec;padding-top:16px;padding-bottom:16px}@media screen and (min-width: 768px){.page-header{padding-top:0;padding-bottom:0}}.navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 768px){.mobile-menu{display:none}}.menu{display:none}@media screen and (min-width: 768px){.menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.menu .nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:96px}@media screen and (min-width: 1200px){.menu .nav-list{margin-right:312px}}.menu .nav-list .navigation__link{padding-top:32px;padding-bottom:32px}.menu .nav-list__item:not(:last-child){margin-right:50px}.menu .navigation__link{position:relative;color:#212121;font-weight:500;font-size:14px;line-height:1.17;letter-spacing:.02em;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.menu .navigation__link:hover,.menu .navigation__link:focus{color:#2196f3}.menu .navigation__link--current{color:#2196f3}@media screen and (min-width: 768px){.menu .navigation__link--current::after{content:"";position:absolute;bottom:-1px;left:-3px;width:calc(100% + 6px);height:4px;border-radius:2px;background-color:#2196f3}}@media screen and (min-width: 1200px){.menu .contact-list{display:-webkit-box;display:-ms-flexbox;display:flex}}.menu .contact-list__item:not(:last-child){margin-bottom:10px}@media screen and (min-width: 1200px){.menu .contact-list__item:not(:last-child){margin-bottom:0}.menu .contact-list__item:not(:last-child):not(:last-child){margin-right:30px}}.menu .contact-list__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#757575;font-size:12px;line-height:1.5}@media screen and (min-width: 1200px){.menu .contact-list__link{font-size:14px}}.menu .contact-list__icon{padding:0;fill:currentColor;margin-right:8px}@media screen and (min-width: 1200px){.menu .contact-list__icon{margin-right:10px}.menu .contact-list__icon.email{width:16px;height:12px}.menu .contact-list__icon.tel{width:10px;height:16px}}.mobile-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;padding:48px 40px 48px 40px;background-color:#fff;overflow:scroll;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mobile-menu.is-open{display:block;-webkit-transform:translateX(0);transform:translateX(0)}.mobile-menu .nav-list{margin-bottom:302px}.mobile-menu .nav-list__item:not(:last-child){margin-bottom:32px}.mobile-menu .navigation__link{color:#212121;font-weight:500;font-size:40px;line-height:1.17;letter-spacing:.02em;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mobile-menu .navigation__link:hover,.mobile-menu .navigation__link:focus{color:#2196f3}.mobile-menu .navigation__link--current{color:#2196f3}.mobile-menu .contact-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mobile-menu .contact-list__item{margin-bottom:32px}.mobile-menu .contact-list__item.accent{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.mobile-menu .contact-list__item:not(:last-child){margin-bottom:64px}.mobile-menu .contact-list__link{color:#757575;font-size:24px;line-height:1.17}.mobile-menu .contact-list__link.accent{color:#2196f3;font-size:34px}.mobile-menu .contact-list__icon{display:none}.navigation__toggle{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;margin-left:auto;padding:0;background-color:rgba(0,0,0,0);cursor:pointer;border:none;color:currentColor}.navigation__toggle.js-close-menu{position:absolute;top:10px;right:15px}@media screen and (min-width: 768px){.navigation__toggle{display:none}}.navigation__icon{fill:currentColor;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.navigation__toggle:hover .navigation__icon,.navigation__toggle:focus .navigation__icon{color:#2196f3}.social-mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.social-mobile__item{display:-webkit-box;display:-ms-flexbox;display:flex}.social-mobile__item:not(:last-child)::after{content:"";display:block;margin-left:10px;margin-right:10px;width:1px;height:22px;background-color:rgba(33,33,33,.2)}.socila-mobile__link{font-size:18px;line-height:1.2;color:#2196f3}.logo{display:block;font-family:"Raleway";font-weight:700;font-size:24px;line-height:1.2}@media screen and (min-width: 768px){.logo{margin-right:87px}}@media screen and (min-width: 1200px){.logo{margin-right:92px}}.page-header__logo{color:#000}.logo__accent{color:#2196f3}.hero-section{margin-left:auto;margin-right:auto;padding-top:60px;padding-bottom:60px;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/hero/hero-mob.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero/hero-mob.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;color:#fff}@media(min-devide-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero-section{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/hero/hero-mob-2x.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero/hero-mob-2x.jpg")}}@media screen and (min-width: 768px){.hero-section{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/hero/hero-tab.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero/hero-tab.jpg");padding-top:118px;padding-bottom:118px}}@media screen and (min-width: 768px)and (min-devide-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-section{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/hero/hero-tab-2x.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero/hero-tab-2x.jpg")}}@media screen and (min-width: 1200px){.hero-section{max-width:1600px;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/hero/hero-desk.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero/hero-desk.jpg");padding-top:200px;padding-bottom:200px}}@media screen and (min-width: 1200px)and (min-devide-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-section{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/hero/hero-desk-2x.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero/hero-desk-2x.jpg")}}.hero-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;text-align:center}.hero-section__title{margin-bottom:30px;font-weight:900;font-size:26px;line-height:1.6;letter-spacing:.06em;text-transform:uppercase}@media screen and (min-width: 1200px){.hero-section__title{font-size:44px;line-height:1.4}}.hero-section__btn{display:inline-block;padding:10px 24px;background-color:#2196f3;color:inherit;border:none;border-radius:4px;font-weight:700;font-size:16px;line-height:1.9;letter-spacing:.06em;cursor:pointer}@media screen and (min-width: 1200px){.hero-section__btn{padding:10px 32px}}@media screen and (min-width: 768px){.features-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px}}.features-list__item:not(:last-child){margin-bottom:30px}@media screen and (min-width: 768px){.features-list__item{margin:15px;width:calc((100% - 60px)/2)}}@media screen and (min-width: 1200px){.features-list__item{width:calc((100% - 120px)/4)}}.features-list__thumb{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;padding-top:25px;padding-bottom:25px;margin-bottom:30px;background-color:#f5f4fa;border-radius:4px}.features-list__title{margin-bottom:10px;color:#212121;text-align:center;font-size:14px;line-height:1.14;text-transform:uppercase}@media screen and (min-width: 768px){.features-list__title{text-align:start}}.features-list__text{margin:0;color:#757575;font-size:14px;line-height:1.7}.work-section{display:none}@media screen and (min-width: 1200px){.work-section{display:block}}.work-list{display:-webkit-box;display:-ms-flexbox;display:flex}.work-list__item{position:relative}.work-list__item:not(:last-child){margin-right:30px}.work-list__image{display:block}.work-list__descr{position:absolute;bottom:0;width:100%;margin:0;padding-top:27px;padding-bottom:27px;font-size:14px;font-weight:700;text-transform:uppercase;text-align:center;color:#fff;background-color:rgba(47,48,58,.8)}@media screen and (min-width: 768px){.team-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px}}.team-list__item{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;text-align:center;padding-bottom:24px;border-radius:0 0 4px 4px;-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);background-color:#fff}@media screen and (max-width: 767px){.team-list__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px){.team-list__item{margin:15px;width:calc((100% - 60px)/2)}}@media screen and (min-width: 1200px){.team-list__item{width:calc((100% - 120px)/4)}}.team-list__image{max-width:100%;display:block;margin-bottom:30px}.team-list__name{margin-bottom:10px;color:#212121;font-weight:500;font-size:16px;line-height:1.17}.team-list__position{margin:0;color:#757575;font-size:16px;line-height:1.2}.social-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin:16px 122px 0 122px}.social-list__item:not(:last-child){margin-right:10px}.social-list__link{display:block;padding:12px;height:44px;color:#afb1b8;border-radius:50%;-webkit-transition:background-color 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),color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social-list__link:hover,.social-list__link:focus{background-color:#2196f3;color:#fff}.social-list__icon{fill:currentColor}.clients-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px}.clients-list__item{-ms-flex-preferred-size:calc((100% - 60px)/2);flex-basis:calc((100% - 60px)/2);margin:15px}@media screen and (min-width: 768px){.clients-list__item{-ms-flex-preferred-size:calc((100% - 90px)/3);flex-basis:calc((100% - 90px)/3)}}@media screen and (min-width: 1200px){.clients-list__item{-ms-flex-preferred-size:calc((100% - 180px)/6);flex-basis:calc((100% - 180px)/6)}}.clients-list__link{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;padding-top:16px;padding-bottom:16px;border:1px solid #afb1b8;border-radius:4px;color:#afb1b8;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients-list__link:hover,.clients-list__link:focus{border-color:#2196f3;color:#2196f3}.clients-list__logo{fill:currentColor}.page-footer{background-color:#2f303a}.page-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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.page-footer__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}@media screen and (min-width: 768px){.address-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:60px}}@media screen and (min-width: 1200px){.address-wrap{margin-bottom:0;margin-right:93px}}.address-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}@media screen and (min-width: 768px){.address-container{margin-right:165px}}@media screen and (min-width: 1200px){.address-container{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-right:70px}}.page-footer__logo{margin:0;margin-bottom:20px;color:#fff}.address-list{text-align:center;margin-bottom:60px;font-style:normal}@media screen and (min-width: 768px){.address-list{margin:0}}@media screen and (min-width: 1200px){.address-list{text-align:start}}.address-list__item:not(:last-child){margin-bottom:8px}.address-list__link{display:block;color:#fff;font-weight:400;font-size:14px;line-height:1.7;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.address-list__link:hover,.address-list__link:focus{color:#2196f3}.address-list__link--contact{color:rgba(255,255,255,.6)}.footer__join-text{display:inline-block;margin-bottom:20px;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:#fff}.join-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;margin-bottom:60px}@media screen and (min-width: 768px){.join-container{margin:0}}.join-container__list{margin:0}.join-container__link{background-color:rgba(255,255,255,.1);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.join-container__icon{fill:#fff}.form-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;width:calc(100% - 30px)}@media screen and (min-width: 480px){.form-container{width:450px}}@media screen and (min-width: 1200px){.form-container{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.form-join{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;width:100%}@media screen and (min-width: 1200px){.form-join{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.form-join__field{width:100%}@media screen and (min-width: 1200px){.form-join__field{margin-right:12px}}.form-join__input{padding:15px;margin-bottom:20px;width:100%;background-color:rgba(0,0,0,0);border:1px solid rgba(255,255,255,.3);-webkit-filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;color:rgba(255,255,255,.6);outline:none;-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)}@media screen and (min-width: 1200px){.form-join__input{width:358px}}.form-join__input:focus-within{border-color:#2196f3}.form-join__btn{position:relative;display:block;cursor:pointer;min-width:200px;height:50px;padding:10px 28px;color:#fff;background-color:#2196f3;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border:none;border-radius:4px;text-align:start;font-weight:700;font-size:16px;line-height:1.9;letter-spacing:.06em}.form-join__btn::after{content:"";position:absolute;top:50%;right:28px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;width:24px;height:24px;background-image:url(../images/icon-send.svg);background-size:contain}.backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.2);opacity:1;-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);overflow-y:scroll}.backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.backdrop.is-hidden .modal{-webkit-transform:translate(-50%, -50%) translateY(100%);transform:translate(-50%, -50%) translateY(100%)}.modal{position:absolute;top:50%;left:50%;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;width:calc(100vw - 30px);padding:40px;background-color:#fff;-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);border-radius:4px;-webkit-transform:translate(-50%, -50%) translateY(0);transform:translate(-50%, -50%) translateY(0);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 480px){.modal{width:450px}}@media screen and (min-width: 1200px){.modal{width:528px}}.modal__close-btn{position:absolute;top:8px;right:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:30px;height:30px;background-color:inherit;border-radius:50%;border:1px solid rgba(0,0,0,.1);cursor:pointer;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__close-btn:focus,.modal__close-btn:hover{fill:#2196f3}.modal__title{margin:0 0 12px 0;font-weight:700;font-size:20px;line-height:1.15;text-align:center}.modal-form{width:100%}.modal-form__field{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#212121}.modal-form__field:not(:last-child){margin-bottom:10px}.modal-form__field:focus-within{color:#2196f3}.modal-form__field:focus-within .modal-form__input{border-color:#2196f3}.modal-form__label{margin-bottom:4px;font-size:12px;line-height:1.15;letter-spacing:.01em;color:#757575}.modal-form__input{padding:0 42px;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:none;-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)}.modal-form__icon{position:absolute;top:50%;left:12px;fill:currentColor;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__comment{padding:12px 16px;height:120px;resize:none;outline:none;border:1px solid rgba(33,33,33,.2);border-radius:4px;font-size:12px;line-height:1.15;letter-spacing:.01em;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__comment:focus-within{border-color:#2196f3}.modal-form__comment::-webkit-input-placeholder{font-size:12px;line-height:1.15;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal-form__comment::-moz-placeholder{font-size:12px;line-height:1.15;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal-form__comment:-ms-input-placeholder{font-size:12px;line-height:1.15;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal-form__comment::-ms-input-placeholder{font-size:12px;line-height:1.15;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal-form__comment::placeholder{font-size:12px;line-height:1.15;letter-spacing:.01em;color:rgba(117,117,117,.5)}.accept{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px;margin-bottom:30px}.accept_checkbox{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}.accept_checkbox:checked~.accept__icon{background-color:#2196f3;border-color:#2196f3}.accept__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:7px;width:15px;height:15px;border:2px solid #212121;border-radius:2px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accept__check-icon{fill:#fff}.accept__link{color:#2196f3}.accept__text{display:inline-block;font-size:12px;line-height:1.17;color:#757575}.modal-form__btn{display:block;padding:10px 52px;margin:0 auto;background-color:#2196f3;color:#fff;font-weight:700;font-size:16px;line-height:1.9;text-align:center;letter-spacing:.06em;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border:none;border-radius:4px;cursor:pointer}.filter-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:40px}@media screen and (max-width: 767px){.filter-list{max-width:326px}}@media screen and (min-width: 768px){.filter-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px}}.filter-list__item{margin-bottom:15px}.filter-list__item:not(:last-child){margin-right:8px}@media screen and (min-width: 768px){.filter-list__item{margin-bottom:0}}.filter-list__btn{display:inline-block;border:none;border-radius:4px;padding:6px 22px;background-color:#f5f4fa;color:#212121;text-align:center;font-weight:500;font-size:16px;line-height:1.62;cursor:pointer;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.filter-list__btn:hover,.filter-list__btn:focus{background-color:#2196f3;color:#fff;-webkit-box-shadow:0px 3px 1px rgba(0,0,0,.1),0px 1px 2px rgba(0,0,0,.08),0px 2px 2px rgba(0,0,0,.12);box-shadow:0px 3px 1px rgba(0,0,0,.1),0px 1px 2px rgba(0,0,0,.08),0px 2px 2px rgba(0,0,0,.12)}@media screen and (min-width: 768px){.portfolio-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px}}.card{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;-webkit-transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 767px){.card:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px){.card{margin:15px;width:calc((100% - 60px)/2)}}@media screen and (min-width: 1200px){.card{width:calc((100% - 90px)/3)}}.card:hover,.card:focus{-webkit-box-shadow:0px 1px 1px rgba(0,0,0,.12),0px 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16);box-shadow:0px 1px 1px rgba(0,0,0,.12),0px 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16)}.card__wrap{position:relative;overflow:hidden}.card__image{display:block;max-width:100%}.card__descr{position:absolute;top:0;left:0;height:100%;-webkit-transform:translateY(101%);transform:translateY(101%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding-left:24px;font-size:18px;line-height:1.5;color:#fff;background-color:rgba(33,150,243,.9);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.card:hover .card__descr{-webkit-transform:translateY(0);transform:translateY(0)}.card__text-wrap{padding-top:20px;padding-bottom:20px;padding-left:24px;border:1px solid #eee;border-top:0}.card__title{margin-bottom:4px;color:#212121;font-size:18px;line-height:2;letter-spacing:.06em}.card__text{margin:0;color:#757575;font-size:16px;line-height:1.9}/*# sourceMappingURL=main.min.css.map */