:root{--primary-font: "Roboto", sans-serif;--secondary-font: "Raleway", sans-serif;--main-light: #fff;--accent-cl: #2196f3;--main-font-cl: #212121;--secondary-font-cl: #757575;--dark-bg-cl: #2f303a;--light-bg-cl: #f5f4fa;--backdrop-bg-cl: rgba(0, 0, 0, 0.2);--overlay-bg-cl: rgba(33, 150, 243, 0.9);--icon-cl: #afb1b8;--logo-dark-cl: #000000;--hover-btn: #188ce8;--hero-gradient: rgba(47, 48, 58, 0.4);--indent: 30px;--items: 3;--animation: 250ms cubic-bezier(0.4, 0, 0.2, 1)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.mobile-menu__socials,.portfolio__list,.footer__list,.clients__list,.team__list,.works__list,.benefits__list,.nav__list,.header__contacts,.filter,.socials{list-style:none;margin:0;padding:0}.mobile-menu__link,.footer__link,.footer__logo,.nav__link,.header__link,.card__link,.socials__link,.logo{text-decoration:none;color:currentColor}html{scroll-behavior:smooth}body{font-family:var(--primary-font);font-size:14px;color:var(--main-font-cl);background-color:var(--main-light)}.no-scroll{overflow:hidden}img{display:block;max-width:100%;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}h1,h2,h3,h4,h5,h6,p{margin:0}.logo{font-family:var(--secondary-font);color:var(--logo-dark-cl);font-weight:700;font-size:26px;line-height:1.19;letter-spacing:.03em}@media screen and (max-width: 767px){.logo{font-weight:700;font-size:24px;line-height:1.17;letter-spacing:.03em}}.logo--light{color:var(--main-light)}.logo__text{color:var(--accent-cl)}.icon{fill:currentColor}.main-title{font-weight:900;font-size:26px;line-height:1.62;letter-spacing:.06em;text-transform:uppercase;color:var(--main-light)}@media screen and (min-width: 1200px){.main-title{font-weight:900;font-size:44px;line-height:1.36;letter-spacing:.06em}}.section-title{font-weight:700;font-size:28px;line-height:1.18;letter-spacing:.03em;text-align:center}@media screen and (min-width: 1200px){.section-title{font-weight:700;font-size:36px;line-height:1.17;letter-spacing:.03em}}.btn{font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;color:var(--main-light);background-color:var(--accent-cl);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;border:none;cursor:pointer}#myBtn{display:none;position:fixed;bottom:40px;right:40px;z-index:99;border:none;outline:none;background-color:var(--accent-cl);color:#fff;cursor:pointer;padding:15px;border-radius:50%;font-size:36px;-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:background-color var(--animation);transition:background-color var(--animation)}#myBtn:hover{background-color:var(--hover-btn)}.socials{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.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%}.socials__link--light-theme{color:var(--icon-cl);-webkit-transition:color var(--animation),background-color var(--animation);transition:color var(--animation),background-color var(--animation)}.socials__link--light-theme:hover{color:var(--main-light);background-color:var(--accent-cl)}.socials__link--dark-theme{color:var(--main-light);background-color:rgba(255,255,255,.1);-webkit-transition:background-color var(--animation);transition:background-color var(--animation)}.socials__link--dark-theme:hover{background-color:var(--accent-cl)}.card-set{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--indent)}.card-set__item{-ms-flex-preferred-size:calc((100% - var(--indent)*(var(--items) - 1))/var(--items));flex-basis:calc((100% - var(--indent)*(var(--items) - 1))/var(--items))}.filter__btn{padding:6px 21px;font-weight:500;font-size:16px;line-height:1.63;letter-spacing:.03em;color:var(--main-font-cl);background:var(--light-bg-cl);border-radius:4px;cursor:pointer;border:none;-webkit-transition:color var(--animation),background-color var(--animation),-webkit-box-shadow var(--animation);transition:color var(--animation),background-color var(--animation),-webkit-box-shadow var(--animation);transition:color var(--animation),background-color var(--animation),box-shadow var(--animation);transition:color var(--animation),background-color var(--animation),box-shadow var(--animation),-webkit-box-shadow var(--animation)}.filter__btn:hover,.filter__btn:focus{color:var(--main-light);background-color:var(--accent-cl);-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)}.filter__btn--current{background-color:var(--accent-cl);color:var(--main-light)}.card__thumb{position:relative;overflow:hidden}.card__text{font-weight:400;font-size:18px;line-height:1.56;letter-spacing:.03em;text-align:left;color:var(--main-light)}@media screen and (max-width: 350px){.card__text{font-weight:400;font-size:16px;line-height:1.75;letter-spacing:.03em}}.card__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:20px;border:1px solid #eee;border-top:none}.card__title{font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em}.card__desc{font-weight:400;font-size:16px;line-height:1.88;letter-spacing:.03em;color:var(--secondary-font-cl)}.card__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-transition:-webkit-box-shadow var(--animation);transition:-webkit-box-shadow var(--animation);transition:box-shadow var(--animation);transition:box-shadow var(--animation), -webkit-box-shadow var(--animation)}.card__link:hover,.card__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)}.card__overlay{position:absolute;top:0;left:0;-webkit-transform:translateY(101%);transform:translateY(101%);width:100%;height:100%;padding-left:10px;padding-right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--overlay-bg-cl);-webkit-transition:-webkit-transform var(--animation);transition:-webkit-transform var(--animation);transition:transform var(--animation);transition:transform var(--animation), -webkit-transform var(--animation)}@media screen and (min-width: 480px){.card__overlay{padding-left:24px;padding-right:24px}}@media screen and (min-width: 768px)and (max-width: 1199px){.card__overlay{padding-top:49px;padding-bottom:77px}}.card__link:hover .card__overlay{-webkit-transform:translateY(0);transform:translateY(0)}.registration-form__title{display:block;margin-bottom:12px;text-align:center;font-weight:700;font-size:20px;line-height:1.5;letter-spacing:.03em}@media screen and (min-width: 1200px){.registration-form__title{font-weight:700;font-size:20px;line-height:1.15;letter-spacing:.03em}}.registration-form__group{margin-bottom:20px}.registration-form__wrap{position:relative;display:block;margin-bottom:10px}.registration-form__wrap:last-child{margin:0}.registration-form__label{display:block;margin-bottom:4px;font-weight:.01em;font-size:12px;line-height:1.17;letter-spacing:.03em;color:var(--secondary-font-cl)}.registration-form__input{display:block;width:100%;height:40px;padding-top:12px;padding-bottom:12px;padding-left:42px;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:rgba(0,0,0,0);-webkit-transition:border-color var(--animation);transition:border-color var(--animation)}.registration-form__input:hover,.registration-form__input:focus{border-color:var(--accent-cl)}.registration-form__icon{position:absolute;bottom:12px;left:12px;-webkit-transition:fill var(--animation);transition:fill var(--animation)}.modal-form-input:hover+.registration-form__icon,.modal-form-input:focus+.registration-form__icon{fill:var(--accent-cl)}.registration-form__textaria{display:block;width:100%;height:120px;resize:none;padding:12px 16px;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:rgba(0,0,0,0);-webkit-transition:border-color var(--animation);transition:border-color var(--animation)}.registration-form__textaria:hover,.registration-form__textaria:focus{border-color:var(--accent-cl)}.registration-form__textaria::-webkit-input-placeholder{font-weight:.01em;font-size:12px;line-height:1.17;letter-spacing:.03em;font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.registration-form__textaria::-moz-placeholder{font-weight:.01em;font-size:12px;line-height:1.17;letter-spacing:.03em;font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.registration-form__textaria:-ms-input-placeholder{font-weight:.01em;font-size:12px;line-height:1.17;letter-spacing:.03em;font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.registration-form__textaria::-ms-input-placeholder{font-weight:.01em;font-size:12px;line-height:1.17;letter-spacing:.03em;font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.registration-form__textaria::placeholder{font-weight:.01em;font-size:12px;line-height:1.17;letter-spacing:.03em;font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.registration-form__btn{display:block;min-width:200px;margin:0 auto;padding:10px 52px;-webkit-transition:background-color var(--animation);transition:background-color var(--animation)}.registration-form__btn:hover,.registration-form__btn:focus{background-color:var(--hover-btn)}@media screen and (min-width: 480px)and (max-width: 1199px){.subscription-form{width:450px}}@media screen and (min-width: 1200px){.subscription-form{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}}.subscription-form__input{display:block;margin:0 auto;width:100%;padding-top:14px;padding-bottom:14px;padding-left:16px;font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6);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:rgba(0,0,0,0)}@media screen and (max-width: 1199px){.subscription-form__input{margin-bottom:20px}}@media screen and (min-width: 1200px){.subscription-form__input{width:358px}}.subscription-form__input::-webkit-input-placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.subscription-form__input::-moz-placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.subscription-form__input:-ms-input-placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.subscription-form__input::-ms-input-placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.subscription-form__input::placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.subscription-form__btn{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:10px 28px;min-width:200px}.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}.agreement__text{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.03em;color:var(--secondary-font-cl);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 1200px){.agreement__text{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em}}.agreement__link{text-decoration:underline;text-underline-position:under;color:var(--accent-cl)}.agreement__icon{-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill var(--animation);transition:fill var(--animation)}.agreement__checkbox:hover+.agreement__icon,.agreement__checkbox:focus+.agreement__icon{fill:var(--accent-cl)}.agreement__checkbox:checked+.agreement__icon .agreement__icon-uncheck{opacity:0;-webkit-transition:opacity var(--animation);transition:opacity var(--animation)}.agreement__icon-check{opacity:0;-webkit-transition:opacity var(--animation);transition:opacity var(--animation)}.agreement__checkbox:checked+.agreement__icon .agreement__icon-check{opacity:1}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@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}.header__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 767px){.header__container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (max-width: 767px){.header__logo{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding-top:15px;padding-bottom:15px}}@media screen and (min-width: 768px){.header__logo{margin-right:87px}}@media screen and (min-width: 1200px){.header__logo{margin-right:93px}}@media screen and (max-width: 767px){.header__nav{margin-bottom:auto}}@media screen and (min-width: 768px){.header__nav{margin-right:auto}}.header__contacts{display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media screen and (max-width: 767px){.header__contacts{margin-bottom:64px}}@media screen and (min-width: 768px){.header__contacts{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}}@media screen and (min-width: 1200px){.header__contacts{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px}}.header__icon{margin-right:10px}@media screen and (max-width: 767px){.header__icon{display:none}}@media screen and (max-width: 767px){.header__phone{color:var(--accent-cl)}}@media screen and (min-width: 480px)and (max-width: 767px){.header__phone{font-weight:500;font-size:34px;line-height:1.18;letter-spacing:.02em}}.header__link{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em;color:var(--secondary-font-cl);-webkit-transition:color var(--animation);transition:color var(--animation)}@media screen and (min-width: 768px){.header__link{font-weight:500;font-size:12px;line-height:1.17;letter-spacing:.02em;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__link:hover,.header__link:focus{color:var(--accent-cl)}}@media screen and (min-width: 1200px){.header__link{font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em}}.nav__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px}@media screen and (min-width: 768px){.nav__list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:40px}}.nav__link{font-weight:500;font-size:40px;line-height:1.18;letter-spacing:.02em}.nav__link--current{color:var(--accent-cl)}@media screen and (min-width: 768px){.nav__link{position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:40px;display:block;padding-top:32px;padding-bottom:32px;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;-webkit-transition:color var(--animation);transition:color var(--animation)}.nav__link:hover,.nav__link:focus{color:var(--accent-cl)}.nav__link--current::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:4px;background-color:var(--accent-cl);border-radius:2px}}.hero{max-width:1600px;margin-right:auto;margin-left:auto;padding-top:118px;padding-bottom:118px;text-align:center;background-repeat:no-repeat;background-position:center;background-size:cover;background-color:var(--dark-bg-cl);background-image:-webkit-gradient(linear, left top, left bottom, from(var(--hero-gradient)), to(var(--hero-gradient))),url("../images/hero/hero-bg_sm@1x.jpg");background-image:linear-gradient(var(--hero-gradient), var(--hero-gradient)),url("../images/hero/hero-bg_sm@1x.jpg");background-image:-webkit-gradient(linear, left top, left bottom, from(var(--hero-gradient)), to(var(--hero-gradient))),-webkit-image-set(url("../images/hero/hero-bg_sm@1x.webp") 1x);background-image:linear-gradient(var(--hero-gradient), var(--hero-gradient)),-webkit-image-set(url("../images/hero/hero-bg_sm@1x.webp") 1x)}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, left bottom, from(var(--hero-gradient)), to(var(--hero-gradient))),url("../images/hero/hero-bg_sm@2x.jpg");background-image:linear-gradient(var(--hero-gradient), var(--hero-gradient)),url("../images/hero/hero-bg_sm@2x.jpg");background-image:-webkit-gradient(linear, left top, left bottom, from(var(--hero-gradient)), to(var(--hero-gradient))),-webkit-image-set(url("../images/hero/hero-bg_sm@2x.webp") 2x);background-image:linear-gradient(var(--hero-gradient), var(--hero-gradient)),-webkit-image-set(url("../images/hero/hero-bg_sm@2x.webp") 2x)}}@media screen and (min-width: 768px){.hero{background-image:-webkit-gradient(linear, left top, left bottom, from(var(--hero-gradient)), to(var(--hero-gradient))),url("../images/hero/hero-bg_md@1x.jpg");background-image:linear-gradient(var(--hero-gradient), var(--hero-gradient)),url("../images/hero/hero-bg_md@1x.jpg");background-image:-webkit-gradient(linear, left top, left bottom, from(var(--hero-gradient)), to(var(--hero-gradient))),-webkit-image-set(url("../images/hero/hero-bg_md@1x.webp") 1x);background-image:linear-gradient(var(--hero-gradient), var(--hero-gradient)),-webkit-image-set(url("../images/hero/hero-bg_md@1x.webp") 1x)}}@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){.hero{background-image:-webkit-gradient(linear, left top, left bottom, from(var(--hero-gradient)), to(var(--hero-gradient))),url("../images/hero/hero-bg_md@2x.jpg");background-image:linear-gradient(var(--hero-gradient), var(--hero-gradient)),url("../images/hero/hero-bg_md@2x.jpg");background-image:-webkit-gradient(linear, left top, left bottom, from(var(--hero-gradient)), to(var(--hero-gradient))),-webkit-image-set(url("../images/hero/hero-bg_md@2x.webp") 2x);background-image:linear-gradient(var(--hero-gradient), var(--hero-gradient)),-webkit-image-set(url("../images/hero/hero-bg_md@2x.webp") 2x)}}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px;background-image:-webkit-gradient(linear, left top, left bottom, from(var(--hero-gradient)), to(var(--hero-gradient))),url("../images/hero/hero-bg_lg@1x.jpg");background-image:linear-gradient(var(--hero-gradient), var(--hero-gradient)),url("../images/hero/hero-bg_lg@1x.jpg");background-image:-webkit-gradient(linear, left top, left bottom, from(var(--hero-gradient)), to(var(--hero-gradient))),-webkit-image-set(url("../images/hero/hero-bg_lg@1x.webp") 1x);background-image:linear-gradient(var(--hero-gradient), var(--hero-gradient)),-webkit-image-set(url("../images/hero/hero-bg_lg@1x.webp") 1x)}}@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){.hero{background-image:-webkit-gradient(linear, left top, left bottom, from(var(--hero-gradient)), to(var(--hero-gradient))),url("../images/hero/hero-bg_lg@2x.jpg");background-image:linear-gradient(var(--hero-gradient), var(--hero-gradient)),url("../images/hero/hero-bg_lg@2x.jpg");background-image:-webkit-gradient(linear, left top, left bottom, from(var(--hero-gradient)), to(var(--hero-gradient))),-webkit-image-set(url("../images/hero/hero-bg_lg@2x.webp") 2x);background-image:linear-gradient(var(--hero-gradient), var(--hero-gradient)),-webkit-image-set(url("../images/hero/hero-bg_lg@2x.webp") 2x)}}.hero__title{margin-bottom:30px}.hero__button{display:block;margin:0 auto;padding:10px 32px;-webkit-transition:background-color var(--animation);transition:background-color var(--animation)}.hero__button:hover,.hero__button:focus{background-color:var(--hover-btn)}.benefits{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.benefits{padding-top:94px;padding-bottom:94px}}.benefits__list{--items: 1}@media screen and (min-width: 768px){.benefits__list{--items: 2}}@media screen and (min-width: 1200px){.benefits__list{--items: 4}}.benefits__thumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:25px;padding-bottom:25px;margin-bottom:30px;background-color:var(--light-bg-cl)}.benefits__subtitle{margin-bottom:10px;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase}@media screen and (max-width: 767px){.benefits__subtitle{text-align:center}}.benefits__text{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;color:var(--secondary-font-cl)}.works{padding-bottom:94px}@media screen and (max-width: 1199px){.works{display:none}}.works__title{margin-bottom:50px}.works__thumb{position:relative}.works__desc{position:absolute;bottom:0;width:100%;padding:27px 82px;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-align:center;text-transform:uppercase;color:#fff;background-color:rgba(47,48,58,.8)}.team{padding-top:60px;padding-bottom:60px;background-color:var(--light-bg-cl)}@media screen and (min-width: 1200px){.team{padding-top:94px;padding-bottom:94px}}.team__title{margin-bottom:30px}@media screen and (min-width: 1200px){.team__title{margin-bottom:50px}}.team__list{--items: 1}@media screen and (min-width: 768px){.team__list{--items: 2}}@media screen and (min-width: 1200px){.team__list{--items: 4}}.team__item{background-color:var(--main-light);-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}.team__content{padding-top:30px;padding-bottom:24px;text-align:center}@media screen and (min-width: 1200px){.team__content{padding-bottom:30px}}.team__subtitle{font-weight:500;font-size:16px;line-height:1.19;letter-spacing:.03em}.team__desc{padding-bottom:16px;font-weight:500;font-size:16px;line-height:1.19;letter-spacing:.03em;color:var(--secondary-font-cl)}.clients{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.clients{padding-top:94px;padding-bottom:94px}}.clients__title{margin-bottom:30px}@media screen and (min-width: 1200px){.clients__title{margin-bottom:50px}}.clients__list{--items: 2}@media screen and (min-width: 768px){.clients__list{--items: 3}}@media screen and (min-width: 1200px){.clients__list{--items: 6}}.clients__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:15px;padding-bottom:15px;border:1px solid var(--icon-cl);border-radius:4px;color:var(--icon-cl);-webkit-transition:color var(--animation),border-color var(--animation);transition:color var(--animation),border-color var(--animation)}.clients__link:hover{color:var(--accent-cl);border-color:var(--accent-cl)}.footer{padding-top:60px;padding-bottom:60px;background-color:var(--dark-bg-cl)}@media screen and (min-width: 1200px){.footer{padding-top:94px;padding-bottom:94px}}.footer__container{text-align:center}@media screen and (min-width: 768px){.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{gap:93px;text-align:left}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__address-wrap{margin-right:175px}}@media screen and (max-width: 1199px){.footer__address-wrap{margin-bottom:60px}}.footer__logo{display:block;margin:0 auto;margin-bottom:20px}.footer__item:not(:last-child){margin-bottom:9px}.footer__address{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;font-style:normal;text-decoration:none;color:var(--main-light)}@media screen and (max-width: 767px){.footer__socials{margin-bottom:60px}}.footer__subtitle{display:block;margin-bottom:20px;font-weight:700;font-size:14px;line-height:.71;letter-spacing:.03em;text-transform:uppercase;color:var(--main-light)}.footer__link{font-style:normal;color:rgba(255,255,255,.6);-webkit-transition:color var(--animation);transition:color var(--animation)}.footer__link:hover,.footer__link:focus{color:var(--accent-cl)}.backdrop{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;padding:93px 15px;overflow-y:scroll;background-color:var(--backdrop-bg-cl);-webkit-transition:opacity var(--animation),visibility var(--animation);transition:opacity var(--animation),visibility var(--animation)}.backdrop--is-hidden{opacity:0;visibility:hidden;pointer-events:none}.modal{position:relative;max-width:450px;padding:40px;background-color:var(--main-light);border-radius:4px;-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);-webkit-transition:-webkit-transform var(--animation);transition:-webkit-transform var(--animation);transition:transform var(--animation);transition:transform var(--animation), -webkit-transform var(--animation)}@media screen and (max-width: 767px){.modal{margin:0 auto}}@media screen and (min-width: 768px){.modal{top:50%;left:50%;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}}@media screen and (min-width: 1200px){.modal{max-width:528px}}.backdrop--is-hidden .modal{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}.modal__close-btn{position:absolute;top:8px;right:8px;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:30px;height:30px;color:var(--logo-dark-cl);background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer;-webkit-transition:color var(--animation);transition:color var(--animation)}.modal__close-btn:hover,.modal__close-btn:focus{color:var(--accent-cl)}.portfolio{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.portfolio{padding-top:94px;padding-bottom:94px}}.portfolio__filter{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:40px}@media screen and (max-width: 767px){.portfolio__filter{-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:15px;max-width:326px}}@media screen and (min-width: 768px){.portfolio__filter{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px}}@media screen and (min-width: 1200px){.portfolio__filter{margin-bottom:50px}}.portfolio__list{--items: 1}@media screen and (min-width: 768px){.portfolio__list{--items: 2}}@media screen and (min-width: 1200px){.portfolio__list{--items: 3}}.mobile-menu{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 767px){.mobile-menu{position:absolute;top:0;left:0;z-index:10;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;width:100vw;height:100vh;padding:48px 40px;background-color:var(--main-light);-webkit-transition:opacity var(--animation),visibility var(--animation);transition:opacity var(--animation),visibility var(--animation)}.mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto}}@media screen and (min-width: 768px){.mobile-menu{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}.mobile-menu__socials{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}@media screen and (max-width: 479px){.mobile-menu__socials{gap:5px}}@media screen and (min-width: 768px){.mobile-menu__socials{display:none}}.mobile-menu__link{font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;color:var(--accent-cl);display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}@media screen and (max-width: 479px){.mobile-menu__link{font-weight:500;font-size:12px;line-height:1.83;letter-spacing:.02em;gap:5px}}.mobile-menu__item:not(:last-child) .mobile-menu__link::after{content:"";display:block;width:1px;background-color:rgba(33,33,33,.2)}.menu-btn{z-index:11;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background-color:rgba(0,0,0,0);border:none;cursor:pointer}@media screen and (min-width: 768px){.menu-btn{display:none}}.icon-cross{display:none}.menu-btn.is-open .icon-cross{display:block}.menu-btn:hover .icon-cross,.menu-btn:focus .icon-cross{fill:var(--accent-cl)}.menu-btn.is-open .icon-menu{display:none}.menu-btn:hover .icon-menu,.menu-btn:focus .icon-menu{fill:var(--accent-cl)}/*# sourceMappingURL=main.min.css.map */