body{background-color:#fff;color:#212121;font-family:roboto,sans-serif;letter-spacing:.03em}img{display:block;max-width:100%;height:auto}button{display:flex;justify-content:center;align-items:center}textarea{resize:none}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}a{text-decoration:none}.visually-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);margin:-1px}.footer-contacts,.projects-list,.portfolio-nav,.workers__list,.services__list,.features,.clients__list,.header-contacts,.header-list,.mobile-social,.social{margin:0;padding:0;list-style:none}.section{padding-top:94px;padding-bottom:94px}@media screen and (max-width: 767px){.section{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 768px)and (max-width: 1199px){.section{padding-top:60px;padding-bottom:60px}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);opacity:1;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 767px){.backdrop{padding:93px 15px;overflow-y:scroll}}.backdrop--is-hidden{opacity:0;pointer-events:none;visibility:hidden}.button:hover{background-color:#188ce8}.button--form{font-family:inherit;color:#fff;font-weight:700;font-size:16px;line-height:30px;letter-spacing:.06em;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.button--form:hover,.button--form:focus{background-color:#188ce8;box-shadow:0px 4px 4px rgba(0,0,0,.15)}.button__icon{display:block;margin-left:10px}.button--footer{font-family:inherit;color:#fff;font-weight:700;font-size:16px;line-height:30px;letter-spacing:.06em;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.button--footer:hover,.button--footer:focus{background-color:#188ce8;box-shadow:0px 4px 4px rgba(0,0,0,.15)}.button{background-color:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,.15);border:none;border-radius:4px;min-width:200px;height:50px;margin-right:auto;margin-left:auto;cursor:pointer;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.button{font-family:inherit;color:#fff;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em}.button:hover{background-color:#188ce8}.container{padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@media screen and (min-width: 768px){.container--position{display:flex}}@media screen and (min-width: 768px)and (max-width: 1199px){.container--position-footer{display:block}}@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}}.thumb{display:flex;align-items:center;justify-content:center;min-width:270px;height:120px;background-color:#f5f4fa;margin-bottom:30px;border-radius:4px}@media screen and (max-width: 767px){.thumb{width:100%}}@media screen and (max-width: 767px){.social-networks{display:flex;justify-content:center}}.services-thumb{position:relative}.services-box{display:flex;align-items:center;justify-content:center;width:100%;height:70px;position:absolute;left:0;bottom:0;background-color:rgba(47,48,58,.8)}.hero-box{margin-left:auto;margin-right:auto}@media screen and (max-width: 767px){.hero-box{max-width:360px;padding-top:118px;padding-bottom:118px}}@media screen and (min-width: 768px)and (max-width: 1199px){.hero-box{max-width:360px;padding-top:118px;padding-bottom:118px}}@media screen and (min-width: 1200px){.hero-box{max-width:696px;padding-top:200px;padding-bottom:200px}}.logo{display:inline-block;padding-top:24px;padding-bottom:25px;font-family:Raleway,sans-serif;font-weight:700;font-size:26px;line-height:1.2;text-decoration:none;color:#2196f3;transition:color var(--transition-duration) var(--cubic)}.logo--header{color:#000}.logo--footer{color:#fff}.logo--position{padding-top:0;padding-bottom:0;margin-bottom:20px}@media screen and (min-width: 1200px){.logo--position{margin-right:93px}}.social{display:flex;gap:10px}@media screen and (min-width: 768px)and (max-width: 1199px){.social{justify-content:center}}.social__icon{display:block;width:44px;height:44px;padding:0 12px}.social__item{display:block;color:#afb1b8;fill:currentColor;border-radius:50%;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social__item:hover,.social__item:focus{background-color:#2196f3;color:#fff}.social__item--footer{color:#fff;background-color:rgba(255,255,255,.1);border-radius:50%;fill:currentColor;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social__item--footer:hover,.social__item--footer:focus{color:#fff;background-color:#2196f3}@media screen and (min-width: 1200px){.subs-form{display:flex}}.subs-form__mail{display:block}@media screen and (max-width: 767px){.subs-form__mail{margin-bottom:20px}}@media screen and (min-width: 768px)and (max-width: 1199px){.subs-form__mail{margin-bottom:20px}}@media screen and (min-width: 1200px){.subs-form__mail{margin-right:12px}}.subs-form__input-mail{display:inline-block;height:50px;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:15px 16px;color:rgba(255,255,255,.6);background-color:#2f303a}@media screen and (max-width: 767px){.subs-form__input-mail{width:100%}}@media screen and (min-width: 768px)and (max-width: 1199px){.subs-form__input-mail{width:100%}}@media screen and (min-width: 1200px){.subs-form__input-mail{width:358px}}.subs-form__input-mail::-moz-placeholder{font-weight:400;font-size:16px;line-height:20px;letter-spacing:.03em;color:rgba(255,255,255,.6);-moz-transition:outline 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:outline 250ms cubic-bezier(0.4, 0, 0.2, 1)}.subs-form__input-mail:-ms-input-placeholder{font-weight:400;font-size:16px;line-height:20px;letter-spacing:.03em;color:rgba(255,255,255,.6);-ms-transition:outline 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:outline 250ms cubic-bezier(0.4, 0, 0.2, 1)}.subs-form__input-mail::placeholder{font-weight:400;font-size:16px;line-height:20px;letter-spacing:.03em;color:rgba(255,255,255,.6);transition:outline 250ms cubic-bezier(0.4, 0, 0.2, 1)}.subs-form__input-mail:hover,.subs-form__input-mail:focus{outline:2px solid #2196f3}@media screen and (max-width: 767px){.mobile-menu__container{display:none;position:absolute;background-color:#fff;top:100%;left:0;width:100%;transform:translateY(-7%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);z-index:2}}@media screen and (min-width: 768px)and (max-width: 1199px){.mobile-menu__container{display:flex;height:80px;align-items:center;margin-left:auto}}@media screen and (min-width: 1200px){.mobile-menu__container{display:flex}}.mobile-menu__container.is-open{display:block;padding:48px 40px}@media screen and (max-width: 767px){.mobile-menu__navigation{margin-bottom:302px}}@media screen and (min-width: 768px)and (max-width: 1199px){.mobile-menu__navigation{margin-right:96px}}@media screen and (min-width: 1200px){.mobile-menu__navigation{display:flex;margin-right:315px}}@media screen and (max-width: 767px){.mobile-menu__contacts{margin-bottom:64px}}@media screen and (min-width: 1200px){.mobile-menu__contacts{display:flex;align-items:center}}.mobile-button__open,.mobile-button__close{display:inline-flex;padding:0;margin:0;width:40px;height:40px;background-color:rgba(0,0,0,0);border:none}@media screen and (min-width: 768px){.mobile-button__open,.mobile-button__close{display:none}}.mobile-button__close{position:absolute;top:0;right:0;margin-top:10px;margin-right:15px}.mobile-button__svg{fill:currentColor;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mobile-button__svg:hover,.mobile-button__svg:focus{fill:#2196f3}.mobile-social{display:flex;gap:20px}@media screen and (min-width: 768px){.mobile-social{display:none}}.mobile-social__item{position:relative;display:block}.mobile-social__link{display:block;font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;color:#2196f3}.mobile-social__link::after{content:"";position:absolute;top:50%;border-bottom:1px solid rgba(33,33,33,.2);width:22px;transform:rotate(90deg)}.header{border-bottom:1px solid #ececec}@media screen and (max-width: 767px){.header{position:relative}}@media screen and (max-width: 767px){.header__nav{display:flex;height:60px;align-items:center;justify-content:space-between}}@media screen and (min-width: 1200px){.header__nav{margin-right:92px}}.header-list{letter-spacing:.02em;font-weight:500;font-size:14px;line-height:1.14}@media screen and (max-width: 767px){.header-list{font-size:40px;line-height:1.18}}@media screen and (min-width: 768px){.header-list{display:flex;gap:50px}}.header-list__link{display:block;padding-bottom:32px;color:#212121;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.header-list__link{position:relative;padding-top:32px}}.header-list__link--current{color:#2196f3}@media screen and (min-width: 768px){.header-list__link--current::after{content:"";position:absolute;left:0;bottom:-1px;display:block;height:4px;width:100%;border-radius:2px;background-color:currentColor}}.header-list__link:hover,.header-list__link:focus{color:#2196f3}.header-contacts{margin-left:auto;letter-spacing:.02em;font-weight:500;font-size:14px;line-height:1.14}@media screen and (max-width: 767px){.header-contacts{display:flex;gap:32px;flex-direction:column-reverse;font-size:34px;line-height:1.18}}@media screen and (min-width: 1200px){.header-contacts{display:flex}}.header-contacts__icon{margin-right:10px;fill:currentColor}@media screen and (max-width: 767px){.header-contacts__icon{display:none}}@media screen and (min-width: 768px)and (max-width: 1199px){.header-contacts__item:first-child{margin-bottom:10px}}@media screen and (min-width: 1200px){.header-contacts__item:first-child{padding-right:30px}}.header-contacts__link{color:#757575;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.header-contacts__link{display:flex;align-items:center;justify-content:start;padding-top:32px;padding-bottom:32px}}.header-contacts__link:hover,.header-contacts__link:focus{color:#2196f3}.modal{max-width:528px;min-height:581px;padding:40px 40px;background-color:#fff}@media screen and (max-width: 767px){.modal{position:relative;width:100%}}@media screen and (min-width: 555px){.modal{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%, -50%) scale(1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}}.modal__button{position:absolute;top:8px;right:8px;border-radius:50%;width:30px;height:30px;border-color:rgba(0,0,0,.1);background-color:inherit;cursor:pointer;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__button:hover,.modal__button:focus{fill:#2196f3}.modal__title{display:block;margin-bottom:12px;text-align:center;font-weight:700;font-size:20px;line-height:23px;letter-spacing:.03em;color:#212121}.backdrop--is-hidden .modal{transform:translate(-50%, -50%) scale(0.8)}.modal-form{display:flex;flex-direction:column}.modal-form__label{position:relative;display:flex;flex-direction:column;margin-bottom:10px;font-size:12px;line-height:14px;letter-spacing:.01em;color:#757575}.modal-form__field{display:block;width:100%;height:40px;padding-left:42px;margin-top:4px;border:1px solid rgba(33,33,33,.2);border-radius:4px;cursor:pointer;transition:outline 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__textarea{display:block;height:120px;padding:12px 16px;margin-top:4px;margin-bottom:20px;border:1px solid rgba(33,33,33,.2);border-radius:4px;cursor:pointer;transition:outline 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__textarea::-moz-placeholder{font-size:12px;line-height:14px;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal-form__textarea:-ms-input-placeholder{font-size:12px;line-height:14px;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal-form__textarea::placeholder{font-size:12px;line-height:14px;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal-form__field:hover,.modal-form__textarea:hover,.modal-form__field:focus,.modal-form__textarea:focus{outline:2px solid #2196f3}.modal-form__policy{position:relative;display:block;font-size:14px;line-height:24px;letter-spacing:.03em;color:#757575;padding-left:35px;margin-bottom:30px}.modal-form__link{text-decoration:underline;padding-left:3px;color:#2196f3}.modal-form__checkbox{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);margin:-1px}.modal-form__icon-check{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.modal-form__icon{position:absolute;top:50%;display:block;width:18px;height:18px;margin-left:12px;fill:#212121;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__field:focus-within~.modal-form__icon,.modal-form__field:hover~.modal-form__icon{fill:#2196f3}.modal-form__icon-box{position:absolute;display:block;top:50%;left:13px;transform:translateY(-50%);width:16px;height:15px;margin-right:8px;border:2px solid #212121;border-radius:2px;cursor:pointer;transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__checkbox:focus+.modal-form__icon-box,.modal-form__checkbox:hover+.modal-form__icon-box{border:2px solid #2196f3}.modal-form__checkbox:checked+.modal-form__icon-box{border-color:#2196f3;background-color:#2196f3;background-origin:border-box}.clients__title{font-weight:700;font-size:36px;line-height:1.17;text-align:center;margin-bottom:50px}@media screen and (max-width: 767px){.clients__list{display:flex;flex-wrap:wrap;justify-content:center;margin:-15px}}@media screen and (min-width: 768px)and (max-width: 1199px){.clients__list{display:flex;flex-wrap:wrap;gap:30px;margin-right:-30px}}@media screen and (min-width: 1200px){.clients__list{display:flex;margin-right:-30px;margin-bottom:-30px}}@media screen and (max-width: 767px){.clients__item{max-width:170px;width:calc((100% - 60px)/2);margin:15px}}@media screen and (min-width: 768px)and (max-width: 1199px){.clients__item{width:calc((100% - 90px)/3)}}@media screen and (min-width: 1200px){.clients__item{width:170px;margin-right:30px;margin-bottom:30px}}.clients__icon{display:flex;align-items:center;justify-content:center;color:#afb1b8;min-width:170px;height:92px;border:1px solid #afb1b8;border-radius:4px;fill:currentColor;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients__icon:hover,.clients__icon:focus{color:#2196f3;border:1px solid #2196f3}@media screen and (min-width: 768px)and (max-width: 1199px){.features{display:flex;flex-wrap:wrap;gap:30px;margin-right:-30px}}@media screen and (min-width: 1200px){.features{display:flex;gap:30px;margin-right:-30px;margin-bottom:-30px}}.features__item{min-width:270px}@media screen and (max-width: 767px){.features__item{margin-right:auto;margin-left:auto;margin-bottom:30px}}@media screen and (min-width: 768px)and (max-width: 1199px){.features__item{display:block;width:calc((100% - 60px)/2)}}@media screen and (min-width: 1200px){.features__item{width:270px;margin-bottom:30px}}.features__desc{color:#757575;font-size:14px;line-height:1.7}.features__title{font-size:14px;line-height:1.14;text-transform:uppercase;margin-bottom:10px}@media screen and (max-width: 767px){.features__title{text-align:center}}.hero{margin-left:auto;margin-right:auto;background-size:cover;background-position:center;background-color:#c4c4c4}@media screen and (max-width: 767px){.hero{max-width:480px}}@media screen and (min-width: 768px)and (max-width: 1199px){.hero{max-width:768px}}@media screen and (min-width: 1200px){.hero{max-width:1600px;min-height:600px}}.hero__title{color:#fff;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:.06em;margin-bottom:30px}@media screen and (max-width: 1199px){.hero__title{font-size:26px;line-height:1.17}}@media screen and (min-width: 1200px){.hero__title{font-size:44px;line-height:1.36}}@media screen and (max-width: 576px){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero_480.jpg)}}@media screen and (max-width: 576px)and (min-device-pixel-ratio: 2),screen and (max-width: 576px)and (-webkit-min-device-pixel-ratio: 2),screen and (max-width: 576px)and (min-resolution: 192dpi),screen and (max-width: 576px)and (min-resolution: 2dppx){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero_480@2x.jpg)}}@media screen and (max-width: 576px)and (min-device-pixel-ratio: 3),screen and (max-width: 576px)and (-webkit-min-device-pixel-ratio: 3),screen and (max-width: 576px)and (min-resolution: 288dpi),screen and (max-width: 576px)and (min-resolution: 3dppx){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero_480@3x.jpg)}}@media screen and (min-width: 577px)and (max-width: 959px){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero_768.jpg)}}@media screen and (min-width: 577px)and (max-width: 959px)and (min-device-pixel-ratio: 2),screen and (min-width: 577px)and (max-width: 959px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 577px)and (max-width: 959px)and (min-resolution: 192dpi),screen and (min-width: 577px)and (max-width: 959px)and (min-resolution: 2dppx){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero_768@2x.jpg)}}@media screen and (min-width: 577px)and (max-width: 959px)and (min-device-pixel-ratio: 3),screen and (min-width: 577px)and (max-width: 959px)and (-webkit-min-device-pixel-ratio: 3),screen and (min-width: 577px)and (max-width: 959px)and (min-resolution: 288dpi),screen and (min-width: 577px)and (max-width: 959px)and (min-resolution: 3dppx){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero_768@3x.jpg)}}@media screen and (min-width: 960px){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero_1200.jpg)}}@media screen and (min-width: 960px)and (min-device-pixel-ratio: 2),screen and (min-width: 960px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 960px)and (min-resolution: 192dpi),screen and (min-width: 960px)and (min-resolution: 2dppx){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero_1200@2x.jpg)}}@media screen and (min-width: 960px)and (min-device-pixel-ratio: 3),screen and (min-width: 960px)and (-webkit-min-device-pixel-ratio: 3),screen and (min-width: 960px)and (min-resolution: 288dpi),screen and (min-width: 960px)and (min-resolution: 3dppx){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero_1200@3x.jpg)}}@media screen and (max-width: 767px){.services{display:none}}@media screen and (min-width: 768px)and (max-width: 1199px){.services{display:none}}.services__title{font-weight:700;font-size:36px;line-height:1.17;text-align:center;margin-bottom:50px}.services__list{display:flex;margin-right:-30px;margin-bottom:-30px}.services__item{width:370px;z-index:-1;margin-right:30px;margin-bottom:30px}.services__products{font-weight:700;font-size:14px;line-height:16px;letter-spacing:.03em;text-transform:uppercase;color:#fff}.workers{background-color:#f5f4fa}.workers__title{font-weight:700;font-size:36px;line-height:1.17;text-align:center;margin-bottom:50px}.workers__name,.workers__speciality{font-size:16px;line-height:1.19;text-align:center;margin-bottom:16px}.workers__name{font-weight:500;margin-bottom:10px}@media screen and (min-width: 768px)and (max-width: 1199px){.workers__list{display:flex;flex-wrap:wrap;gap:30px;margin-right:-30px}}@media screen and (min-width: 1200px){.workers__list{display:flex;margin-right:-30px;margin-bottom:-30px}}.workers__item{min-width:270px;background-color:#fff;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){.workers__item{width:100%;margin-left:auto;margin-right:auto;margin-bottom:30px}}@media screen and (min-width: 768px)and (max-width: 1199px){.workers__item{display:block;width:calc((100% - 60px)/2)}}@media screen and (min-width: 768px)and (max-width: 1199px)and (min-width: 1200px){.workers__item{width:270px;margin-bottom:30px}}@media screen and (min-width: 1200px){.workers__item{margin-right:30px}}.workers__box{padding:30px}.portfolio-nav{display:flex;font-weight:500;font-size:16px;line-height:1.63;gap:8px}@media screen and (max-width: 767px){.portfolio-nav{display:flex;flex-wrap:wrap;max-width:326px;row-gap:15px;margin-bottom:40px}}@media screen and (min-width: 768px)and (max-width: 1199px){.portfolio-nav{justify-content:center;margin-bottom:30px}}@media screen and (min-width: 1200px){.portfolio-nav{justify-content:center;margin-bottom:50px}}.portfolio-nav__button{background-color:#f5f4fa;color:#212121;font-size:16px;font-weight:500;line-height:1.63;text-align:center;border-radius:4px;border:none;cursor:pointer;padding:6px 22px;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio-nav__button:hover,.portfolio-nav__button:focus{color:#fff;background-color:#2196f3;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)}.projects-list{display:flex;flex-wrap:wrap;margin-right:-30px;margin-bottom:-30px}.projects-list__item{margin-right:30px;margin-bottom:30px}@media screen and (max-width: 767px){.projects-list__item{min-width:370px;width:100%}}@media screen and (min-width: 768px)and (max-width: 1199px){.projects-list__item{max-width:370px;width:calc((100% - 60px)/2)}}@media screen and (min-width: 1200px){.projects-list__item{max-width:370px}}.project-card{display:block;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 767px){.project-card{width:100%;margin-left:auto;margin-right:auto}.project-card img{width:100%}}.project-card:hover,.project-card:focus{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-card__overlay{position:relative;overflow:hidden}.project-card__title{color:#212121;font-weight:700;letter-spacing:.06em;font-size:18px;line-height:2;margin-bottom:4px}.project-card__product{color:#757575;font-size:16px;line-height:1.88}.project-card__box{padding:20px 24px;border-left:1px solid #eee;border-bottom:1px solid #eee;border-right:1px solid #eee}@media screen and (max-width: 767px){.project-card__box{width:100%;margin-left:auto;margin-right:auto}}.project-card__overlay-block{content:"";position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#2196f3;transform:translateY(100%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 767px){.project-card__overlay-block{width:100%;margin-left:auto;margin-right:auto}}.project-card:hover .project-card__overlay-block,.project-card:focus .project-card__overlay-block{transform:translateY(0)}.project-card__overlay-text{font-weight:400;font-size:18px;line-height:28px;letter-spacing:.03em;margin:0 24px;color:#fff}@media screen and (min-width: 768px)and (max-width: 1199px){.project-card:first-child{height:100%;outline:1px solid #eee}.project-card__box{border:none}}.footer{background-color:#2f303a;padding-top:60px;padding-bottom:60px}.footer__box-contacts{display:block;min-width:231px}@media screen and (max-width: 767px){.footer__box-contacts{margin-left:auto;margin-right:auto;text-align:center;margin-bottom:60px}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__box-contacts{text-align:center}}@media screen and (min-width: 1200px){.footer__box-contacts{margin-right:70px}}.footer__address{font-style:normal}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__thumb{display:flex;align-items:baseline;justify-content:center;gap:165px;margin-bottom:60px}}@media screen and (min-width: 1200px){.footer__thumb{display:flex}}.footer-contacts{font-family:Roboto,sans-serif;font-size:14px;line-height:1.7;letter-spacing:.03em}.footer-contacts__item{margin-bottom:9px}.footer-contacts__address{color:#fff;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer-contacts__address:hover,.footer-contacts__address:focus{color:#2196f3}.footer-contacts__address--inverse{color:rgba(255,255,255,.6)}.footer-networks{display:block;height:80px;width:206px}@media screen and (max-width: 767px){.footer-networks{margin-left:auto;margin-right:auto;text-align:center;margin-bottom:60px}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer-networks{align-items:baseline;text-align:center}}@media screen and (min-width: 1200px){.footer-networks{margin-top:12px;margin-right:93px}}.footer-networks__title{font-weight:700;font-size:14px;line-height:16px;letter-spacing:.03em;text-transform:uppercase;color:#fff;margin-bottom:20px}.footer-form{display:block;max-width:570px}@media screen and (max-width: 767px){.footer-form{margin-left:auto;margin-right:auto;text-align:center}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer-form{width:450px;margin-left:auto;margin-right:auto;text-align:center}}@media screen and (min-width: 1200px){.footer-form{height:86px;margin-top:12px}}.footer-form__title{font-weight:700;font-size:14px;line-height:16px;letter-spacing:.03em;text-transform:uppercase;color:#fff;margin-bottom:20px}/*# sourceMappingURL=main.min.css.map */