:root{--primary--color: #757575;--secondary--color: #212121;--hover--color: #2196F3;--button--color: #212121;--logo--color: #2196F3;--header--studio: #000000;--footer-studio: #FFFFFF;--hero--title: #FFFFFF;--hero--btn: #FFFFFF;--background--button--hero: #2196F3;--shadow--hero--button: 0px 4px 4px rgba(0, 0, 0, 0.15);--box--shadow: 0px 1px 1px rgba(0, 0, 0, 0.12), 0px 4px 4px rgba(0, 0, 0, 0.06), 1px 4px 6px rgba(0, 0, 0, 0.16);--team--shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.2);--portfolio--btn--shadow: 0px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.12);--bgr--hover--hero: #188CE8;--color--hover-hero: #FFFFFF;--color--icons: #AFB1B8;--header--contacts: #757575;--footer--contacts: rgba(255, 255, 255, 0.6);--background--color: #FFFFFF;--background--header: #FFFFFF;--background--hero: #2F303A;--background--work: #FFFFFF;--background--team: #F5F4FA;--background--footer: #2F303A;--background--portfolio: #FFFFFF;--bgr--button: #2196F3;--bgr--button-portfolio: #F5F4FA;--color--button--portfolio: #FFFFFF;--border: #EEEEEE;--header--border: #ECECEC;--card--set--gap: 30px;--primary--font: "Roboto", sans-serif;--secondary--font: "Raleway", sans-serif;--work--overlay: rgba(47, 48, 58, 0.8);--footer--btn: 0px 4px 4px rgba(0, 0, 0, 0.15);--card--overlay: rgba(33, 150, 243, 0.9)}.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}body{font-family:var(--primary--font),sans-serif;background:var(--background--color);color:var(--primary--color)}h1,h2,h3,h4,h5,h6,p{margin:0}img{display:block;max-width:100%;height:auto}ul{list-style:none;margin:0;padding:0}a{text-decoration:none}.container{padding-right:15px;padding-left:15px;margin-left:auto;margin-right:auto}@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 var(--header--border)}.header__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__logo{padding-top:16px;padding-bottom:16px;font-family:var(--secondary--font);font-weight:700;font-size:24px;line-height:1.17;letter-spacing:.03em;color:var(--logo--color)}@media screen and (min-width: 768px){.header__logo{margin-right:93px;padding-top:26px;padding-bottom:26px}}@media screen and (min-width: 1200px){.header__logo{margin-right:88px;padding-top:24px;padding-bottom:25px;font-size:26px;line-height:1.19}}.header-logo__text{font-family:var(--secondary--font);font-weight:700;font-size:24px;line-height:1.16;letter-spacing:.03em;color:var(--header--studio)}@media screen and (min-width: 1200px){.header-logo__text{font-size:26px;line-height:1.19}}@media screen and (max-width: 767.98px){.nav{display:none}}.nav__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav__item{margin-right:50px}.nav__item:last-child{margin-right:0}.nav__link{position:relative;padding-top:32px;padding-bottom:32px;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:var(--secondary--color);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.nav__link:hover,.nav__link:focus{color:var(--hover--color)}.nav__link--current{color:var(--hover--color)}.nav__link--current::after{display:block;position:absolute;left:0;bottom:0;content:"";width:100%;height:4px;background:var(--background--button--hero);border-radius:2px}.header-contacts__list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto}@media screen and (min-width: 768px)and (max-width: 1199.98px){.header-contacts__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}}@media screen and (min-width: 1200px){.header-contacts__item{margin-right:40px}.header-contacts__item:last-child{margin-right:0}}@media screen and (min-width: 768px)and (max-width: 1199.98px){.header-contacts__item:first-child{margin-top:21px}.header-contacts__item:last-child{margin-bottom:21px}}.header-contacts__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:var(--header--contacts);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header-contacts__link:hover,.header-contacts__link:focus{color:var(--hover--color)}@media screen and (max-width: 767.98px){.header-contacts__link{display:none}}@media screen and (min-width: 1200px){.header-contacts__link{padding-top:32px;padding-bottom:32px}}.header-contacts__icon{fill:currentColor}.hero{padding-top:118px;padding-bottom:118px;background:var(--background--hero);max-width:480px;text-align:center;margin-left:auto;margin-right:auto;background-position:center;background-size:cover;background-repeat:no-repeat;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/img_mob@1x.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero/img_mob@1x.jpg")}@media(min-device-pixel-ratio: 2),(mon-resolution: 192dpi),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.hero{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/img_mob@2x.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero/img_mob@2x.jpg")}}@media screen and (min-width: 768px){.hero{max-width:768px;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/img_tab@1x.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero/img_tab@1x.jpg")}}@media screen and (min-width: 768px)and (min-device-pixel-ratio: 2),screen and (min-width: 768px)and (mon-resolution: 192dpi),screen and (min-width: 768px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 768px)and (min-resolution: 2dppx){.hero{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/img_tab@2x.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero/img_tab@2x.jpg")}}@media screen and (min-width: 1200px){.hero{padding-bottom:200px;padding-top:200px;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-img_des@1x.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero/hero-img_des@1x.jpg")}}@media screen and (min-width: 1200px)and (min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (mon-resolution: 192dpi),screen and (min-width: 1200px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (min-resolution: 2dppx){.hero{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-img_des@2x.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero/hero-img_des@2x.jpg")}}.hero__container{text-align:center}.hero__title{display:inline-block;margin-bottom:30px;max-width:360px;font-weight:900;text-align:center;font-size:26px;line-height:1.62;letter-spacing:.06em;text-transform:uppercase;color:var(--hero--title);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.hero__title{max-width:696px;font-size:44px;line-height:1.36}}.hero__button{min-width:216px;min-height:50px;padding:10px 32px;font-family:inherit;font-weight:700;font-size:16px;line-height:1.88;display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;letter-spacing:.06em;color:var(--hero--btn);cursor:pointer;background:var(--background--button--hero);-webkit-box-shadow:var(--shadow--hero--button);box-shadow:var(--shadow--hero--button);border-radius:4px;border:none;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 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)}.hero__button:hover,.hero__button:focus{background-color:var(--bgr--hover--hero);color:var(--color--hover-hero)}.features{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.features{padding-top:94px;padding-bottom:0}}@media screen and (min-width: 768px)and (max-width: 1198.99px){.features__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}}@media screen and (min-width: 1200px){.features__list{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 480px)and (max-width: 767px){.features__item{margin-bottom:30px}.features__item:last-child{margin-bottom:0}}@media screen and (min-width: 768px){.features__item{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.features__item{-ms-flex-preferred-size:calc((100% - 90px)/4);flex-basis:calc((100% - 90px)/4);margin-right:30px;color:var(--secondary--color)}.features__item:last-child{margin-right:0}}.features__icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:25px;margin-bottom:30px;background:var(--background--team);border-radius:4px}.feature__title{margin-bottom:10px;font-weight:700;text-align:center;font-size:14px;line-height:1.43;letter-spacing:.03em;text-transform:uppercase;color:var(--secondary--color)}.feature__text{font-size:14px;line-height:1.71;letter-spacing:.03em;color:var(--primary--color)}.features__icon{fill:currentColor}.work{padding-top:94px;padding-bottom:94px}@media screen and (min-width: 360px)and (max-width: 1198.98px){.work{display:none}}.work__title{margin-bottom:50px;font-size:36px;line-height:1.17;text-align:center;letter-spacing:.03em;color:var(--secondary--color)}.work__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.work__item{margin-right:30px;position:relative}.work__item:last-child{margin-right:0}.work__overlay{position:absolute;bottom:0;width:100%;min-height:70px;background:var(--work--overlay)}.work__text{font-weight:700;font-size:14px;line-height:1.14;text-align:center;letter-spacing:.03em;text-transform:uppercase;color:var(--background--work);padding-top:27px;padding-bottom:27px}.team{background:var(--background--team);padding-top:94px;padding-bottom:94px}.team__subject{margin-bottom:30px;font-size:36px;line-height:1.17;text-align:center;letter-spacing:.03em;color:var(--secondary--color)}@media screen and (min-width: 1200px){.team__subject{margin-bottom:50px}}@media screen and (min-width: 768px)and (max-width: 1198.98px){.team__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}}@media screen and (min-width: 1200px){.team__list{display:-webkit-box;display:-ms-flexbox;display:flex}}.team__item{background:var(--background--color);-webkit-box-shadow:var(--team--shadow);box-shadow:var(--team--shadow);border-radius:0px 0px 4px 4px}@media screen and (min-width: 480px)and (max-width: 767px){.team__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px)and (max-width: 1198.98px){.team__item{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.team__item{-ms-flex-preferred-size:calc((100% - 90px)/4);flex-basis:calc((100% - 90px)/4);margin-right:30px}.team__item:last-child{margin-right:0}}.team__subtitle{padding-top:30px;padding-bottom:30px}.team__title{margin-bottom:10px;font-weight:500;font-size:16px;line-height:1.19;text-align:center;letter-spacing:.03em;color:var(--secondary--color)}.team__text{font-size:16px;line-height:1.19;text-align:center;letter-spacing:.03em;color:var(--primary--color);margin-bottom:16px}.team-socials__list{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;gap:10px}.team-socials__link{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:44px;height:44px;border-radius:50%;background-color:var(--background--color);color:var(--color--icons);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 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)}.team-socials__link:hover,.team-socials__link:focus{background-color:var(--bgr--button);color:var(--color--hover-hero)}.team-socials__icon{fill:currentColor}.clients{padding-top:94px;padding-bottom:94px}.clients__title{margin-bottom:30px;font-style:normal;font-weight:700;font-size:28px;line-height:1.17;text-align:center;letter-spacing:.03em;color:var(--secondary--color)}@media screen and (min-width: 1200px){.clients__title{margin-bottom:50px;font-weight:700;font-size:36px;line-height:1.16}}.clients__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.clients__item{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}@media screen and (min-width: 768px)and (max-width: 1198.99px){.clients__item{-ms-flex-preferred-size:calc((100% - 90px)/3);flex-basis:calc((100% - 90px)/3)}}@media screen and (min-width: 1200px){.clients__item{-ms-flex-preferred-size:calc((100% - 150px)/6);flex-basis:calc((100% - 150px)/6)}}.clients__link{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;padding:16px;width:100%;border:1px solid var(--color--icons);border-radius:4px;color:var(--color--icons);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients__link:hover,.clients__link:focus{border:1px solid var(--hover--color);border-radius:4px;color:var(--hover--color)}.clients__icon{fill:currentColor}.footer{padding-top:60px;padding-bottom:60px;margin-right:auto;margin-left:auto;background:var(--background--footer)}@media screen and (max-width: 1198.98px){.footer-container{text-align:center}}@media screen and (min-width: 768px)and (max-width: 1198.98px){.footer-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media screen and (min-width: 1200px){.footer-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:baseline;-ms-flex-pack:baseline;justify-content:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media screen and (min-width: 768px)and (max-width: 1198.98px){.footer__flex{-ms-flex-preferred-size:50%;flex-basis:50%}}.footer__logo{display:inline-block;margin-bottom:28px;font-family:var(--secondary--font);font-weight:700;font-size:24px;line-height:1.16;text-align:center;letter-spacing:.03em;color:var(--logo--color)}@media screen and (min-width: 1200px){.footer__logo{font-size:26px;line-height:1.19}}.footer-logo__text{font-family:var(--secondary--font);font-weight:700;font-size:24px;line-height:1.16;text-align:center;letter-spacing:.03em;color:var(--footer-studio)}@media screen and (min-width: 1200px){.footer-logo__text{font-size:26px;line-height:1.19}}@media screen and (max-width: 1198px){.address{margin-bottom:60px}}@media screen and (min-width: 1200px){.address{margin-right:70px}}.address__item{margin-bottom:12px}.address__item:last-child{margin-bottom:0}.address-map__link{font-style:normal;font-size:14px;line-height:1.71;letter-spacing:.03em;color:var(--hero--title);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.address-map__link:hover,.address-map__link:focus{color:var(--hover--color)}@media screen and (max-width: 1199.98px){.address-map__link{text-align:center}}.address-contacts__link{margin-bottom:12px;font-style:normal;font-size:14px;line-height:1.71;letter-spacing:.03em;color:var(--footer--contacts);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.address-contacts__link:hover,.address-contacts__link:focus{color:var(--hover--color)}@media screen and (max-width: 1199.98px){.address-contacts__link{text-align:center}}@media screen and (max-width: 767.98px){.footer-socials{margin-bottom:60px}}@media screen and (min-width: 768px)and (max-width: 1198.98px){.footer-socials{-ms-flex-preferred-size:50%;flex-basis:50%}}.footer-socials__title{font-style:normal;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--footer-studio);margin-bottom:20px}@media screen and (max-width: 1199.98px){.footer-socials__title{text-align:center}}.footer-socials__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;margin:0;padding:0}.footer-socials__link{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:44px;height:44px;border-radius:50%;color:var(--background--color);background:rgba(255,255,255,.1);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer-socials__link:hover,.footer-socials__link:focus{background-color:var(--bgr--button);color:var(--color--hover-hero)}.footer-socials__icon{fill:currentColor}@media screen and (min-width: 1200px){.footer-form{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex}}.footer-form__title{font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--background--color);margin-bottom:20px}@media screen and (max-width: 1199.98px){.footer-form__title{text-align:center}}@media screen and (min-width: 1200px){.footer-form__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.footer-form__email{display:block;max-width:450px}@media screen and (min-width: 768px){.footer-form__email{min-width:450px}}@media screen and (min-width: 1200px){.footer-form__email{margin-right:12px;width:358px;height:50px}}.footer-form__input{margin-bottom:20px;width:100%;height:50px;padding-left:16px;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;outline:unset;font-weight:400;font-size:16px;line-height:1.25;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;letter-spacing:.03em;color:rgba(255,255,255,.6);-webkit-transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer-form__input:focus{border:1px solid var(--background--button--hero)}.footer-form__btn{margin:auto;position:relative;min-width:200px;min-height:50px;padding:10px 28px;font-family:inherit;font-weight:700;font-size:16px;line-height:1.88;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;letter-spacing:.06em;color:var(--hero--btn);cursor:pointer;background:var(--background--button--hero);-webkit-box-shadow:var(--shadow--hero--button);box-shadow:var(--shadow--hero--button);border-radius:4px;border:none;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 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)}.footer-form__btn:hover,.footer-form__btn:focus{background-color:var(--bgr--hover--hero);color:var(--color--hover-hero)}.footer-form__icon{position:absolute;top:13px;right:28px;margin-left:10px;fill:currentColor}.backdrop{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;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);opacity:1;-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1);overflow-y:scroll}.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.is-hidden .modal{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}.modal{position:absolute;top:50%;left:50%;padding:40px;min-width:450px;height:609px;background:var(--background--color);-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%) scale(1);transform:translate(-50%, -50%) scale(1);-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: 1200px){.modal{width:528px;height:581px}}.modal__btn{position:absolute;top:8px;right:8px;padding:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;background:var(--background--color);color:var(--header--studio);border:1px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer}.modal__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)}.modal__icon:hover,.modal__icon:focus{color:var(--background--button--hero)}.modal__text{display:block;margin-bottom:12px;line-height:1.5;font-weight:700;font-size:20px;text-align:center;letter-spacing:.03em;color:var(--secondary--color)}@media screen and (min-width: 1200px){.modal__text{line-height:1.15}}.modal-form__group{margin-bottom:20px}.modal-form__label{display:block;margin-bottom:4px;font-weight:400;font-size:12px;line-height:1.16;letter-spacing:.01em;color:var(--primary--color)}.modal-form__position{position:relative;margin-bottom:10px}.modal-form__input{width:100%;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:1px solid rgba(0,0,0,0) var(--background--button--hero);outline-offset:-1px;padding-left:42px;padding-right:42px;-webkit-transition:outline 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:outline 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__input:focus{outline:1px solid var(--background--button--hero)}.modal-form__icon{fill:var(--button--color);position:absolute;top:50%;left:12px;-webkit-transform:translateY(-50%),translateX(-12px);transform:translateY(-50%),translateX(-12px);-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__input:focus+.modal-form__icon{fill:var(--background--button--hero)}.modal-form__textarea{display:block;width:100%;height:120px;padding:12px 16px;font-weight:400;font-size:14px;line-height:1.14;letter-spacing:.01em;color:rgba(117,117,117,.5);resize:none;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:1px solid rgba(0,0,0,0) var(--background--button--hero);outline-offset:-1px;-webkit-transition:outline 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:outline 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__textarea:focus{outline:1px solid var(--background--button--hero)}@media screen and (min-width: 1200px){.modal-form__textarea{font-size:12px;line-height:1.16}}.modal-form__agreement{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:7px;margin-bottom:30px}.modal-form__checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:15px;border:2px solid var(--button--color);border-radius:2px;-webkit-transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__checkbox:checked{background:var(--background--button--hero);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' fill='none'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='.2' d='m1.957 4.752-.069-.066-.069.065-.888.842-.076.072.076.073 3.496 3.334.069.066.069-.066 7.504-7.158.076-.073-.076-.072-.882-.841-.069-.066-.069.066-6.553 6.246-2.539-2.422Z'/%3E%3C/svg%3E");background-size:11px 8px;background-position:center;background-repeat:no-repeat;border:rgba(0,0,0,0)}.modal-agreement__label{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.03em;color:var(--header--contacts);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 1200px){.modal-agreement__label{font-size:14px;line-height:1.71}}.modal-agreement__text{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.03em;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:var(--background--button--hero)}@media screen and (min-width: 1200px){.modal-agreement__text{font-size:14px;line-height:1.71}}.modal-form__btn{display:block;margin:auto;min-width:216px;min-height:50px;padding:10px 32px;font-family:inherit;font-weight:700;font-size:16px;line-height:1.88;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;letter-spacing:.06em;color:var(--hero--btn);cursor:pointer;background:var(--background--button--hero);-webkit-box-shadow:var(--shadow--hero--button);box-shadow:var(--shadow--hero--button);border-radius:4px;border:none;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 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)}.modal-form__btn:hover,.modal-form__btn:focus{background-color:var(--bgr--hover--hero);color:var(--color--hover-hero);-webkit-box-shadow:var(--footer--btn);box-shadow:var(--footer--btn)}.portfolio-main{background:var(--background--color);padding-top:94px;padding-bottom:94px}.portfolio-filter__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;row-gap:15px;margin-bottom:40px}@media screen and (min-width: 768px){.portfolio-filter__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:14px}}@media screen and (min-width: 1200px){.portfolio-filter__list{margin-bottom:34px}}.portfolio-filter__item{background:var(--bgr-button-portfolio)}.portfolio-filter__btn{padding:6px 26px;font-family:inherit;font-weight:500;font-size:16px;line-height:1.62;text-align:center;letter-spacing:.03em;color:var(--button--color);cursor:pointer;border-radius:4px;border:none;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background 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 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),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),background 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),background 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio-filter__btn:hover,.portfolio-filter__btn:focus{background:var(--bgr--button);color:var(--color--button--portfolio);-webkit-box-shadow:var(--portfolio--btn--shadow);box-shadow:var(--portfolio--btn--shadow)}@media screen and (min-width: 768px){.portfolio-filter__btn{padding:6px 24px}}.portfolio-card__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.portfolio-card__item{background:var(--background--color)}@media screen and (min-width: 768px){.portfolio-card__item{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.portfolio-card__item{-ms-flex-preferred-size:calc((100% - 60px)/3);flex-basis:calc((100% - 60px)/3)}}.portfolio-card__thumb{overflow:hidden;position:relative}.portfolio-card__overlay{position:absolute;top:0;left:0;padding:63px 24px;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:100%;height:100%;-webkit-transform:translateY(100%);transform:translateY(100%);background:var(--card--overlay);-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)}.portfolio-card__link:hover .portfolio-card__overlay,.portfolio-card__link:focus .portfolio-card__overlay{-webkit-transform:translateY(0);transform:translateY(0)}.card-overlay__text{font-size:18px;line-height:1.56;letter-spacing:.03em;color:var(--background--color)}.portfolio-card__subtitle{padding:20px 24px;border:1px solid var(--border);border-top:none}.portfolio-card__title{margin-bottom:4px;font-size:18px;line-height:2;letter-spacing:.06em;color:var(--secondary--color)}@media screen and (min-width: 768px){.portfolio-card__title{font-weight:700;font-size:17px;line-height:2}}.portfolio-card__text{font-size:16px;line-height:1.88;letter-spacing:.03em;color:var(--primary--color)}.portfolio-card__link{display:inline-block;text-decoration:none;-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)}.portfolio-card__link:hover,.portfolio-card__link:focus{-webkit-box-shadow:var(--box--shadow);box-shadow:var(--box--shadow)}.menu-toggle{min-height:48px;min-width:40px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;padding-top:10px;padding-bottom:10px;background-color:rgba(0,0,0,0);cursor:pointer;border:none}@media(min-width: 768px){.menu-toggle{display:none;margin-right:auto}}.menu-toggle:hover,.menu-toggle:focus{color:var(--hover--color)}.menu-open__icon{fill:currentColor;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.menu-container{position:fixed;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;padding:10px 24px;background:var(--background--header);z-index:999;-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);overflow-y:scroll}.menu-container.is-open{-webkit-transform:translateX(0);transform:translateX(0)}.menu__close{position:absolute;top:10px;right:24px;fill:currentColor;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.menu-navigations{margin-bottom:auto}.menu-navigations__item{margin-bottom:32px}.menu-navigations__item:last-child{margin-bottom:0}.menu-navigations__link{font-weight:500;font-size:40px;line-height:1.18;letter-spacing:.02em;color:var(--secondary--color)}.menu-navigations__link:hover,.menu-navigations__link:focus{color:var(--hover--color)}.menu-navigations__link--current{color:var(--hover--color)}.menu-contacts__list{margin-bottom:64px}.menu-contacts__item{margin-bottom:32px}.menu-contacts__item:first-child{color:var(--hover--color)}.menu-contacts__item:last-child{margin-bottom:0;color:var(--primary--color)}.menu-contacts__link{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em;color:currentColor}.menu-socials__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.menu-socials__item{border-right:1px solid rgba(33,33,33,.2)}.menu-socials__item:last-child{border-right:0}.menu-socials__link{padding-right:10px;font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;color:var(--hover--color)}/*# sourceMappingURL=main.min.css.map */