body{font-family:"Roboto","Montserrat","Open Sans",sans-sarif;color:#212121;background-color:#fff}h1,h2,h3,h4,h5,h6,p,ul{margin:0}ul,li{padding-left:0;list-style:none}img{display:block;max-width:100%}a{text-decoration:none;display:block}button{cursor:pointer}.project__thumb::before,.site-nav__link.current::after{content:" ";display:inline-block;position:absolute}.container{margin:0 auto;padding-left:15px;padding-right:15px}.contacts__link,.site-nav__link{font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em}.section{padding:60px 0}.client__title,.team__title,.work__title{margin-bottom:30px;font-size:28px;line-height:1.18;text-align:center;letter-spacing:.03em;color:#212121}.button--send,.button--pic,.button{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:rgba(0,0,0,0);font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em}.form__textarea,.form__entry{display:block;width:100%;padding:11px 12px;border:1px solid rgba(33,33,33,.2);border-radius:4px;cursor:pointer}@media screen and (min-width: 480px){.container{width:480px}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}.header{border-bottom:1px solid #ececec}.container--nav{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;min-height:60px}@media screen and (min-width: 768px){.container--nav{min-height:80px}}.logo{font-family:"Raleway",sens-serif;font-weight:700;font-size:24px;line-height:1.17;letter-spacing:.03em;color:#000}.logo--header{padding:16px 0}.logo--footer{color:#fff}@media screen and (max-width: 1200px){.logo--footer{text-align:center}}.logo__part{color:#2196f3}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.19}}.menu__toggle{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0;border:none;background-color:rgba(0,0,0,0);margin-left:auto}@media screen and (min-width: 768px){.menu__toggle{display:none}}@media screen and (max-width: 767px){.site-nav{display:none}}@media screen and (min-width: 768px){.site-nav{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:87px}}.site-nav__list{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;gap:50px}@media screen and (min-width: 1200px){.site-nav{margin-left:92px}}.site-nav__link{padding:32px 0;color:#212121;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:color,fill;transition-property:color,fill}.site-nav__link:hover,.site-nav__link:focus{color:#2196f3}.site-nav__link.current::after{bottom:0;left:0;width:100%;height:4px;background:#2196f3;border-radius:2px;-webkit-transform:translateY(1px);transform:translateY(1px)}.current{position:relative;color:#2196f3}@media screen and (max-width: 767px){.contacts{display:none}}@media screen and (min-width: 768px){.contacts{margin-left:auto}}@media screen and (min-width: 1200px){.contacts{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;gap:30px;margin-left:auto}}.contacts__icon{color:currentColor;vertical-align:middle;margin-right:10px}.contacts__icon--mail{width:14px;height:10px}@media screen and (min-width: 1200px){.contacts__icon--mail{width:16px;height:12px}}.contacts__icon--phone{width:10px;height:14px}@media screen and (min-width: 1200px){.contacts__icon--phone{height:16px}}.contacts__link{font-size:12px;line-height:1.17;padding:5px 0;fill:#757575;color:#757575;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:color,fill;transition-property:color,fill}.contacts__link:hover,.contacts__link:focus{fill:#2196f3;color:#2196f3}@media screen and (min-width: 1200px){.contacts__link{padding:32px 0;font-size:14px;line-height:1.14}}.menu{position:fixed;top:0;left:0;overflow-y:scroll;width:100vw;height:100vh;padding:48px 0 48px 40px;background-color:#fff;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.menu.is-open{-webkit-transform:translateX(0);transform:translateX(0)}.menu .menu__toggle{position:absolute;top:10px;right:15px}.menu-nav__link{font-weight:500;font-size:36px;line-height:1.18;letter-spacing:.02em;color:#212121;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:color,fill;transition-property:color,fill}@media screen and (min-width: 375px){.menu-nav__link{font-size:40px}}.menu-nav__link:hover,.menu-nav__link:focus{color:#2196f3}.menu-nav__item:not(:last-child){margin-bottom:3vh}@media screen and (min-width: 480px){.menu-nav__item:not(:last-child){margin-bottom:32px}}.menu .current{color:#2196f3}.menu-position__wrapper{margin-top:25vh}@media screen and (min-width: 480px){.menu-position__wrapper{margin-top:306px}}.menu-contacts{margin-bottom:8vh}@media screen and (min-width: 480px){.menu-contacts{margin-bottom:64px}}.menu-contacts__item:first-child{margin-bottom:3vh}@media screen and (min-width: 480px){.menu-contacts__item:first-child{margin-bottom:32px}}.menu-contacts__link{-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:color;transition-property:color;font-weight:500;font-size:30px;line-height:1.18;letter-spacing:.02em;color:#2196f3}@media screen and (min-width: 375px){.menu-contacts__link{font-size:34px}}.menu-contacts__link--mail{font-size:24px;line-height:1.17;color:#757575}.menu-contacts__link:hover,.menu-contacts__link:focus{color:#2196f3}.menu-network__list{display:-webkit-box;display:-ms-flexbox;display:flex}.menu-network__item{padding-right:8px}.menu-network__item:not(:first-child){padding-left:8px}.menu-network__item:not(:last-child){border-right:1px solid rgba(33,33,33,.2)}@media screen and (min-width: 414px){.menu-network__item{padding-right:10px}.menu-network__item:not(:first-child){padding-left:10px}}.menu-network__link{font-weight:500;font-size:13px;line-height:1.22;letter-spacing:.02em;color:#2196f3}@media screen and (min-width: 350px){.menu-network__link{font-size:14px}}@media screen and (min-width: 375px){.menu-network__link{font-size:16px}}@media screen and (min-width: 414px){.menu-network__link{font-size:18px}}.section.section--hero{padding:118px 0;text-align:center}@media screen and (min-width: 1200px){.section.section--hero{padding:200px 0}}.overlay{max-width:480px;height:400px;margin-left:auto;margin-right:auto;background-color:#c4c4c4;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/heroimgmin.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/heroimgmin.jpg);background-size:cover}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.overlay{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/heroimgmin@2x.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/heroimgmin@2x.jpg)}}@media screen and (min-width: 768px){.overlay{max-width:768px;height: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/heroimgmid.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/heroimgmid.jpg)}}@media screen and (min-width: 768px)and (min-device-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){.overlay{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/heroimgmid@2x.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/heroimgmid@2x.jpg)}}@media screen and (min-width: 1200px){.overlay{max-width:1600px;height: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/heroimglg.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/heroimglg.jpg)}}@media screen and (min-width: 1200px)and (min-device-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){.overlay{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/heroimglg@2x.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/heroimglg@2x.jpg)}}.hero__title{max-width:360px;margin-left:auto;margin-right:auto;margin-bottom:30px;font-weight:900;font-size:26px;line-height:1.62;letter-spacing:.06em;text-transform:uppercase;color:#fff}@media screen and (min-width: 1200px){.hero__title{max-width:696px;font-size:44px;line-height:1.36}}.button{padding:10px 24px;border-radius:4px;color:#fff;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:background-color;transition-property:background-color}.button:hover,.button:focus{background-color:#188ce8}@media screen and (min-width: 1200px){.button{padding:10px 32px}}.button--pic{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;text-align:center;padding:10px 28px;border-radius:4px;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:background-color;transition-property:background-color}@media screen and (max-width: 1200px){.button--pic{margin-left:auto;margin-right:auto}}@media screen and (min-width: 1200px){.button--pic{position:absolute;bottom:0;right:0}}.button--pic::after{content:" ";display:inline-block;width:24px;height:24px;margin-left:10px;background-image:url(../images/send.svg)}.button--pic:hover,.button--pic:focus{background-color:#188ce8}.project__filter{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-bottom:40px;gap:8px;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 479px){.project__filter{width:250px}}@media screen and (min-width: 480px)and (max-width: 767px){.project__filter{width:330px}}@media screen and (min-width: 768px){.project__filter{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:30px}}@media screen and (min-width: 1200px){.project__filter{margin-bottom:50px}}.button--select{padding:6px 22px;font-weight:500;font-size:16px;line-height:1.62;letter-spacing:.03em;color:#212121;background:#f5f4fa;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:color,background-color,-webkit-box-shadow;transition-property:color,background-color,-webkit-box-shadow;transition-property:color,background-color,box-shadow;transition-property:color,background-color,box-shadow,-webkit-box-shadow}.button--select:hover,.button--select:focus{color:#fff;background-color:#2196f3;-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)}.button--send{padding:10px 52px;font-family:"Roboto","Montserrat","Open Sans",sans-sarif;display:inline-block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:background-color;transition-property:background-color}.button--send:hover,.button--send:focus{background-color:#188ce8}@media screen and (min-width: 1200px){.section{padding:94px 0}.section--feature{padding-bottom:47px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.feature__item:not(:last-child){margin-bottom:30px}@media screen and (min-width: 768px){.feature__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.feature__item{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.feature__list{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.feature__item{-ms-flex-preferred-size:calc((100% - 90px)/4);flex-basis:calc((100% - 90px)/4)}}.feature__icon{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;max-width:450px;height:120px;background-color:#f5f4fa;border-radius:4px}@media screen and (min-width: 768px){.feature__icon{width:354px}}@media screen and (min-width: 1200px){.feature__icon{width:270px}}.feature__content{padding-top:30px}.feature__naming{margin-bottom:10px;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:#212121;text-align:center}@media screen and (min-width: 768px){.feature__naming{text-align:left}}.feature__discription{font-size:14px;line-height:1.71;letter-spacing:.03em;color:#757575}.section--work{display:none}@media screen and (min-width: 1200px){.section--work{display:block;padding-top:47px}}@media screen and (min-width: 1200px){.work__title{margin-bottom:50px;font-size:36px;line-height:1.17}}.work__list{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;gap:30px}.work__thumb{width:370px;height:294px;position:relative}.work__about{position:absolute;width:370px;height:70px;bottom:0;left:0;text-align:center;padding:27px 10px;font-weight:700;font-size:14px;line-height:1.14;text-align:center;letter-spacing:.03em;text-transform:uppercase;color:#fff;background-color:rgba(47,48,58,.8)}.section--team{background-color:#f5f4fa}@media screen and (min-width: 1200px){.team__title{margin-bottom:50px;font-size:36px;line-height:1.17}}.team__list{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;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 768px){.team__list{gap:30px}}.team__item{text-align:center;background:#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:0px 0px 4px 4px}@media screen and (max-width: 767px){.team__item:not(:last-child){margin-bottom:30px}}.team__img{width:450px;max-height:460px}@media screen and (min-width: 768px){.team__img{width:354px;height:374px}}@media screen and (min-width: 1200px){.team__img{width:270px;height:260px}}.team__wrapper{padding:30px 32px 24px}@media screen and (min-width: 1200px){.team__wrapper{padding:30px 32px}}.team__name{margin-bottom:10px;font-weight:500;font-size:16px;line-height:1.19;letter-spacing:.03em;color:#212121}.team__position{margin-bottom:16px;font-size:16px;line-height:1.19;letter-spacing:.03em;color:#757575}.icon__list{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;gap:10px}.icon__network{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;width:44px;height:44px;border-radius:50%;fill:#afb1b8;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:background-color,fill;transition-property:background-color,fill}.icon__network:hover,.icon__network:focus{background-color:#2196f3;fill:#fff}.icon__network--footer{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;width:44px;height:44px;border-radius:50%;fill:#fff;background-color:rgba(255,255,255,.1);-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:background-color;transition-property:background-color}.icon__network--footer:hover,.icon__network--footer:focus{background-color:#2196f3}@media screen and (min-width: 1200px){.client__title{margin-bottom:50px;font-size:36px;line-height:1.17}}.client__list{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;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 450px){.client__list{gap:30px}}@media screen and (max-width: 449px){.client__logo:not(:last-child){margin-bottom:30px}}.client__icon{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;width:210px;height:92px;border:1px solid #afb1b8;border-radius:4px;fill:#afb1b8;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:border,fill;transition-property:border,fill}.client__icon:hover,.client__icon:focus{fill:#2196f3;border:1px solid #2196f3}@media screen and (min-width: 768px){.client__icon{width:226px}}@media screen and (min-width: 1200px){.client__icon{width:170px}}.footer{padding:60px 0;background-color:#2f303a}@media screen and (min-width: 768px){.footer__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer__location{width:50%}}@media screen and (min-width: 1200px){.footer__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer__location{width:231px}}@media screen and (max-width: 767px){.action{margin-top:60px}}@media screen and (min-width: 768px)and (max-width: 1199px){.action{width:50%}}@media screen and (min-width: 1200px){.action{margin-left:70px;margin-right:93px}}.action__title{display:block;margin-bottom:20px;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:#fff}@media screen and (max-width: 1199px){.action__title{text-align:center}}.address{margin-top:20px}@media screen and (max-width: 1200px){.address{text-align:center}}.address__item:not(:first-child){margin-top:8px}@media screen and (min-width: 1200px){.address{margin-top:9px}}.address__map,.address__contact{font-size:14px;line-height:1.71;letter-spacing:.03em;text-decoration:none;font-style:normal}.address__map{color:#fff;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.address__contact{color:rgba(255,255,255,.6);-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.address__map:hover,.address__map:focus,.address__contact:hover,.address__contact:focus{color:#2196f3}.icon__list{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;gap:10px}.icon__network{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;width:44px;height:44px;border-radius:50%;fill:#afb1b8;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:background-color,fill;transition-property:background-color,fill}.icon__network:hover,.icon__network:focus{background-color:#2196f3;fill:#fff}.icon__network--footer{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;width:44px;height:44px;border-radius:50%;fill:#fff;background-color:rgba(255,255,255,.1);-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:background-color;transition-property:background-color}.icon__network--footer:hover,.icon__network--footer:focus{background-color:#2196f3}.form__wrapper{margin-top:60px}@media screen and (max-width: 1199px){.form{max-width:450px;margin-left:auto;margin-right:auto}}@media screen and (min-width: 1200px){.form{width:570px;position:relative}}.form__label{display:block;margin-bottom:20px;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:#fff}@media screen and (max-width: 1199px){.form__label{text-align:center;max-width:100%}}.form__input{width:100%;height:50px;padding:15px 0 15px 16px;color:#fff;outline:none;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;background-color:rgba(0,0,0,0);-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:border-color;transition-property:border-color;-webkit-transition-timing-function:linear;transition-timing-function:linear}@media screen and (max-width: 1199px){.form__input{margin-bottom:20px}}@media screen and (min-width: 1200px){.form__input{width:358px}}.form__input:hover,.form__input:focus{border-color:#2196f3}.form__input::-webkit-input-placeholder{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.form__input::-moz-placeholder{display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.form__input:-ms-input-placeholder{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.form__input::-ms-input-placeholder{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.form__input::placeholder{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;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.form__input__focus{color:#fff;outline:#2196f3;padding-left:16px;font-size:16px;line-height:1.25;letter-spacing:.03em}.button{padding:10px 24px;border-radius:4px;color:#fff;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:background-color;transition-property:background-color}.button:hover,.button:focus{background-color:#188ce8}@media screen and (min-width: 1200px){.button{padding:10px 32px}}.button--pic{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;text-align:center;padding:10px 28px;border-radius:4px;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:background-color;transition-property:background-color}@media screen and (max-width: 1200px){.button--pic{margin-left:auto;margin-right:auto}}@media screen and (min-width: 1200px){.button--pic{position:absolute;bottom:0;right:0}}.button--pic::after{content:" ";display:inline-block;width:24px;height:24px;margin-left:10px;background-image:url(../images/send.svg)}.button--pic:hover,.button--pic:focus{background-color:#188ce8}.project__filter{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-bottom:40px;gap:8px;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 479px){.project__filter{width:250px}}@media screen and (min-width: 480px)and (max-width: 767px){.project__filter{width:330px}}@media screen and (min-width: 768px){.project__filter{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:30px}}@media screen and (min-width: 1200px){.project__filter{margin-bottom:50px}}.button--select{padding:6px 22px;font-weight:500;font-size:16px;line-height:1.62;letter-spacing:.03em;color:#212121;background:#f5f4fa;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:color,background-color,-webkit-box-shadow;transition-property:color,background-color,-webkit-box-shadow;transition-property:color,background-color,box-shadow;transition-property:color,background-color,box-shadow,-webkit-box-shadow}.button--select:hover,.button--select:focus{color:#fff;background-color:#2196f3;-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)}.button--send{padding:10px 52px;font-family:"Roboto","Montserrat","Open Sans",sans-sarif;display:inline-block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:background-color;transition-property:background-color}.button--send:hover,.button--send:focus{background-color:#188ce8}.form__modal{text-align:center;width:100%}.form__group{margin-bottom:20px;min-width:220px}@media screen and (min-width: 480px){.form__group{min-width:300px}}.form__title{display:inline-block;margin-bottom:12px;font-size:20px;line-height:1.5;letter-spacing:.03em;color:#212121}@media screen and (min-width: 1200px){.form__title{line-height:1.15}}.form__marker{position:relative;display:block;text-align:left;font-size:12px;line-height:1.17;letter-spacing:.01em;color:#757575}.form__marker:not(:last-child){margin-bottom:10px}.form__marker:last-child{margin-bottom:20px}.form__entry{padding-left:42px;margin-top:4px;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:border;transition-property:border}.form__entry:focus{outline:none;border:1px solid #2196f3}.form__icon{position:absolute;top:50%;left:12px;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:fill;transition-property:fill}.form__entry:focus+.form__icon{fill:#2196f3}.form__textarea{padding:12px 16px;margin-top:4px;color:currentColor;resize:none;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:border;transition-property:border}.form__textarea:focus{outline:none;border:1px solid #2196f3}.form__textarea::-webkit-input-placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__textarea::-moz-placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__textarea:-ms-input-placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__textarea::-ms-input-placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__textarea::placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}input:-webkit-autofill{-webkit-transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s}input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);opacity:1;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:opacity;transition-property:opacity}.backdrop.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.modal{position:absolute;top:50%;left:50%;z-index:100;overflow-y:scroll;padding:40px 20px;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;opacity:1;-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1);-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:opacity,visibility,-webkit-transform;transition-property:opacity,visibility,-webkit-transform;transition-property:transform,opacity,visibility;transition-property:transform,opacity,visibility,-webkit-transform}@media screen and (min-width: 480px){.modal{padding:40px}}@media screen and (min-width: 320px)and (max-width: 479px){.modal{width:270px;height:616px}}@media screen and (min-width: 480px)and (max-width: 1199px){.modal{width:450px;height:609px}}@media screen and (min-width: 1200px){.modal{width:528px;height:581px}}.backdrop.is-hidden .modal{opacity:0;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);visibility:hidden}.modal__close{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;position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;fill:#000;background-color:#fff;border:1px solid rgba(0,0,0,.1);-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:fill;transition-property:fill}.modal__close:hover,.modal__close:focus{fill:#2196f3}.no-scroll{overflow:hidden}.form__wrapper{margin-top:60px}@media screen and (max-width: 1199px){.form{max-width:450px;margin-left:auto;margin-right:auto}}@media screen and (min-width: 1200px){.form{width:570px;position:relative}}.form__label{display:block;margin-bottom:20px;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:#fff}@media screen and (max-width: 1199px){.form__label{text-align:center;max-width:100%}}.form__input{width:100%;height:50px;padding:15px 0 15px 16px;color:#fff;outline:none;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;background-color:rgba(0,0,0,0);-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:border-color;transition-property:border-color;-webkit-transition-timing-function:linear;transition-timing-function:linear}@media screen and (max-width: 1199px){.form__input{margin-bottom:20px}}@media screen and (min-width: 1200px){.form__input{width:358px}}.form__input:hover,.form__input:focus{border-color:#2196f3}.form__input::-webkit-input-placeholder{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.form__input::-moz-placeholder{display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.form__input:-ms-input-placeholder{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.form__input::-ms-input-placeholder{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.form__input::placeholder{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;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.form__input__focus{color:#fff;outline:#2196f3;padding-left:16px;font-size:16px;line-height:1.25;letter-spacing:.03em}.button{padding:10px 24px;border-radius:4px;color:#fff;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:background-color;transition-property:background-color}.button:hover,.button:focus{background-color:#188ce8}@media screen and (min-width: 1200px){.button{padding:10px 32px}}.button--pic{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;text-align:center;padding:10px 28px;border-radius:4px;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:background-color;transition-property:background-color}@media screen and (max-width: 1200px){.button--pic{margin-left:auto;margin-right:auto}}@media screen and (min-width: 1200px){.button--pic{position:absolute;bottom:0;right:0}}.button--pic::after{content:" ";display:inline-block;width:24px;height:24px;margin-left:10px;background-image:url(../images/send.svg)}.button--pic:hover,.button--pic:focus{background-color:#188ce8}.project__filter{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-bottom:40px;gap:8px;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 479px){.project__filter{width:250px}}@media screen and (min-width: 480px)and (max-width: 767px){.project__filter{width:330px}}@media screen and (min-width: 768px){.project__filter{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:30px}}@media screen and (min-width: 1200px){.project__filter{margin-bottom:50px}}.button--select{padding:6px 22px;font-weight:500;font-size:16px;line-height:1.62;letter-spacing:.03em;color:#212121;background:#f5f4fa;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:color,background-color,-webkit-box-shadow;transition-property:color,background-color,-webkit-box-shadow;transition-property:color,background-color,box-shadow;transition-property:color,background-color,box-shadow,-webkit-box-shadow}.button--select:hover,.button--select:focus{color:#fff;background-color:#2196f3;-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)}.button--send{padding:10px 52px;font-family:"Roboto","Montserrat","Open Sans",sans-sarif;display:inline-block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:background-color;transition-property:background-color}.button--send:hover,.button--send:focus{background-color:#188ce8}.form__modal{text-align:center;width:100%}.form__group{margin-bottom:20px;min-width:220px}@media screen and (min-width: 480px){.form__group{min-width:300px}}.form__title{display:inline-block;margin-bottom:12px;font-size:20px;line-height:1.5;letter-spacing:.03em;color:#212121}@media screen and (min-width: 1200px){.form__title{line-height:1.15}}.form__marker{position:relative;display:block;text-align:left;font-size:12px;line-height:1.17;letter-spacing:.01em;color:#757575}.form__marker:not(:last-child){margin-bottom:10px}.form__marker:last-child{margin-bottom:20px}.form__entry{padding-left:42px;margin-top:4px;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:border;transition-property:border}.form__entry:focus{outline:none;border:1px solid #2196f3}.form__icon{position:absolute;top:50%;left:12px;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:fill;transition-property:fill}.form__entry:focus+.form__icon{fill:#2196f3}.form__textarea{padding:12px 16px;margin-top:4px;color:currentColor;resize:none;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:border;transition-property:border}.form__textarea:focus{outline:none;border:1px solid #2196f3}.form__textarea::-webkit-input-placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__textarea::-moz-placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__textarea:-ms-input-placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__textarea::-ms-input-placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__textarea::placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}input:-webkit-autofill{-webkit-transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s}input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.checkbox__label{display:inline-block;width:200px;margin-bottom:30px;font-size:12px;line-height:1.17;letter-spacing:.03em;color:#757575}@media screen and (max-width: 319px){.checkbox__label{text-align:center}}@media screen and (min-width: 320px){.checkbox__label{width:226px}}@media screen and (min-width: 320px)and (max-width: 1199px){.checkbox__label{text-align:right}}@media screen and (min-width: 480px){.checkbox__label{width:340px}}@media screen and (min-width: 1200px){.checkbox__label{font-size:14px;line-height:1.71;width:410px}}.checkbox__link{display:inline-block;margin-left:4px;letter-spacing:.03em;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#2196f3}@media screen and (max-width: 1199px){.checkbox__link{font-size:12px;line-height:1.17}}@media screen and (min-width: 1200px){.checkbox__link{font-size:14px;line-height:1.71}}.checkbox__icon svg{visibility:hidden;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;position:absolute;top:-2px;left:-2px;width:16px;height:15px;border-radius:2px;background-color:#2196f3;background-size:cover}.checkbox:checked+.checkbox__icon svg{visibility:visible}.checkbox__icon{position:absolute;top:500px;left:34px;width:16px;height:15px;border:2px solid #212121;border-radius:2px;background-color:#fff;margin-right:7px;margin-left:-11px}@media screen and (min-width: 320px){.checkbox__icon{top:468px;left:50px}}@media screen and (min-width: 480px){.checkbox__icon{top:472px;left:54px}}@media screen and (min-width: 1200px){.checkbox__icon{top:435px;left:55px}}.checkbox:focus+.checkbox__icon{outline:2px solid #2196f3}.checkbox:checked+.checkbox__icon{outline:none}.button{padding:10px 24px;border-radius:4px;color:#fff;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:background-color;transition-property:background-color}.button:hover,.button:focus{background-color:#188ce8}@media screen and (min-width: 1200px){.button{padding:10px 32px}}.button--pic{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;text-align:center;padding:10px 28px;border-radius:4px;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:background-color;transition-property:background-color}@media screen and (max-width: 1200px){.button--pic{margin-left:auto;margin-right:auto}}@media screen and (min-width: 1200px){.button--pic{position:absolute;bottom:0;right:0}}.button--pic::after{content:" ";display:inline-block;width:24px;height:24px;margin-left:10px;background-image:url(../images/send.svg)}.button--pic:hover,.button--pic:focus{background-color:#188ce8}.project__filter{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-bottom:40px;gap:8px;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 479px){.project__filter{width:250px}}@media screen and (min-width: 480px)and (max-width: 767px){.project__filter{width:330px}}@media screen and (min-width: 768px){.project__filter{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:30px}}@media screen and (min-width: 1200px){.project__filter{margin-bottom:50px}}.button--select{padding:6px 22px;font-weight:500;font-size:16px;line-height:1.62;letter-spacing:.03em;color:#212121;background:#f5f4fa;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:color,background-color,-webkit-box-shadow;transition-property:color,background-color,-webkit-box-shadow;transition-property:color,background-color,box-shadow;transition-property:color,background-color,box-shadow,-webkit-box-shadow}.button--select:hover,.button--select:focus{color:#fff;background-color:#2196f3;-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)}.button--send{padding:10px 52px;font-family:"Roboto","Montserrat","Open Sans",sans-sarif;display:inline-block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:background-color;transition-property:background-color}.button--send:hover,.button--send:focus{background-color:#188ce8}.project__portfolio{margin-left:auto;margin-right:auto}@media screen and (min-width: 768px){.project__portfolio{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;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}}@media screen and (max-width: 767px){.project__item:not(:last-child){margin-bottom:30px}}.project__thumb{position:relative;overflow:hidden}.project__thumb::before{top:0;left:0;width:100%;height:100%;background-color:rgba(33,150,243,.9);opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.project__link:hover .project__thumb::before,.project__link:focus .project__thumb::before{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.project__discription{position:absolute;font-size:18px;line-height:1.56;letter-spacing:.03em;color:#fff;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.project__link:hover .project__discription,.project__link:focus .project__discription{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (max-width: 479px){.project__discription{padding:20px 10px;font-size:16px}}@media screen and (min-width: 480px)and (max-width: 767px){.project__discription{padding:73px 24px 10px 24px}}@media screen and (min-width: 768px)and (max-width: 1199px){.project__discription{padding:49px 24px 10px 24px}}@media screen and (min-width: 1200px){.project__discription{padding:63px 24px 10px 24px}}.project__img{width:450px;height:294px}@media screen and (min-width: 768px){.project__img{width:354px}}@media screen and (min-width: 1200px){.project__img{width:370px}}.project__link{background-color:#fff;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow}.project__link:hover,.project__link: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)}.project__wrapper{padding:20px 24px;border-right:1px solid #eee;border-bottom:1px solid #eee;border-left:1px solid #eee}@media screen and (min-width: 768px)and (max-width: 1199px){.project__item{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 768px)and (max-width: 1200px){.project__item:first-child .project__wrapper{height:146px}}.project__name{margin-bottom:4px;font-size:18px;line-height:2;letter-spacing:.06em;color:#212121}.project__type{font-size:16px;line-height:1.88;letter-spacing:.03em;color:#757575}/*# sourceMappingURL=main.min.css.map */