.contacts__link,.nav__link{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:#212121;font-weight:500;line-height:1.14;letter-spacing:.02em;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.menu-social__link,.menu__mail,.menu__tel,.menu__link{font-weight:500;letter-spacing:.02em}.hero__overlay{background-repeat:no-repeat;background-position:center;background-size:cover}.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}ul,p,h1,h2,h3{margin:0}ul{list-style:none;padding:0}a{text-decoration:none}body{color:#757575;font-family:"Roboto",Arial,Helvetica,sans-serif;font-size:14px;letter-spacing:.03em}.container{padding:0 15px;margin:0 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}}.img{display:block;max-width:100%;height:auto}.title{margin-bottom:30px;font-size:33px;line-height:1.17;color:#212121}@media screen and (min-width: 1200px){.title{margin-bottom:50px;font-size:36px}}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.section--large-padding{padding-top:118px;padding-bottom:118px}@media screen and (min-width: 1200px){.section--large-padding{padding-top:200px;padding-bottom:200px}}.section--no-padding-top{padding-top:0}.grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}@media screen and (min-width: 768px){.grid__item{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.grid__item{-ms-flex-preferred-size:calc((100% - 90px)/4);flex-basis:calc((100% - 90px)/4)}}.grid__item--three-card{-ms-flex-preferred-size:100%;flex-basis:100%}@media screen and (min-width: 768px){.grid__item--three-card{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.grid__item--three-card{-ms-flex-preferred-size:calc((100% - 60px)/3);flex-basis:calc((100% - 60px)/3)}}.grid__item--six-card{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}@media screen and (min-width: 768px){.grid__item--six-card{-ms-flex-preferred-size:calc((100% - 60px)/3);flex-basis:calc((100% - 60px)/3)}}@media screen and (min-width: 1200px){.grid__item--six-card{-ms-flex-preferred-size:calc((100% - 180px)/6);flex-basis:calc((100% - 180px)/6)}}.grid__item--relative{position:relative}.grid__item--decorated{background:#fff;-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);border-radius:0px 0px 4px 4px}.grid__item--product-decorated{border:1px solid #eee;-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)}.grid__item--product-decorated:hover{-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)}.logo{color:#2196f3;font-family:"Raleway",Arial,Helvetica,sans-serif;font-weight:700;font-size:24px;line-height:1.17}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.19}}.logo--black{color:#000}.logo--white{color:#fff}.nav{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 767px){.nav{width:100%}}.nav__list,.contacts{display:none}@media screen and (min-width: 768px){.nav__list,.contacts{display:-webkit-box;display:-ms-flexbox;display:flex}}.nav__list .nav__item:not(:last-child){margin-right:50px}.nav__link{padding:32px 0}.nav__link--current{color:#2196f3}.nav__link--current:after{position:absolute;left:0;bottom:0;content:"";width:100%;height:4px;background-color:#2196f3;border-radius:2px}.contacts{margin-left:auto}@media screen and (min-width: 768px)and (max-width: 1199px){.contacts{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}}@media screen and (min-width: 1200px){.contacts .contacts__item:not(:last-child){margin-right:50px}}.contacts__link{font-size:12px;line-height:1.67;color:#757575;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 768px){.contacts__link{gap:8px}}@media screen and (min-width: 1200px){.contacts__link{padding:32px 0;gap:10px;font-size:14px;line-height:1.14}}.contacts__icon{fill:currentColor}.nav__link:hover,.nav__link:focus,.contacts__link:hover,.contacts__link:focus{color:#2196f3}.btn{padding:10px 24px;color:#fff;background-color:#2196f3;font-family:"Roboto",Arial,Helvetica,sans-serif;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border:1px solid #2196f3;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer}.btn:hover{background-color:#188ce8}@media screen and (min-width: 1200px){.btn{padding-left:32px;padding-right:32px}}.menu-toggle{margin-left:auto;padding:0;-ms-flex-item-align:center;align-self:center;border:none;border-radius:50%;background-color:rgba(0,0,0,0);cursor:pointer}@media screen and (min-width: 768px){.menu-toggle{display:none}}.js-close-menu{position:absolute;top:10px;right:15px;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.js-close-menu svg{fill:currentColor}.js-close-menu:hover,.js-close-menu:focus{color:#2196f3}.menu{position:absolute;top:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;padding:48px 40px;background-color:#fff;-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)}.menu__list .menu__item:not(:last-child){margin-bottom:32px}.menu__link{font-size:40px;line-height:1.18;color:#212121;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.menu__link:hover,.menu__link:focus{color:#2196f3}.menu-contacts{margin-bottom:64px}.menu-contacts .menu-contacts__item:not(:last-child){margin-bottom:32px}.menu__tel{font-size:34px;line-height:1.18;color:#2196f3}.menu__mail{font-size:24px;line-height:1.17;color:#757575}.menu-social{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.menu-social__link{font-size:18px;line-height:1.22;color:#2196f3}.menu.is-open{-webkit-transform:translateX(0);transform:translateX(0)}.social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.social__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%;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social__link:hover,.social__link:focus{background-color:#2196f3}.social__icon{fill:#afb1b8;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social__link:hover .social__icon,.social__link:focus .social__icon{fill:#fff}.filter{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;margin-bottom:40px}@media screen and (max-width: 767px){.filter{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (min-width: 768px){.filter{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px}}@media screen and (min-width: 1200px){.filter{margin-bottom:50px}}@media screen and (min-width: 480px)and (max-width: 767px){.filter .filter__item:nth-child(3){margin-right:10px}.filter .filter__item:first-child{margin-bottom:7px}}.filter__btn{display:block;min-width:73px;padding:6px 22px;color:#212121;font-family:"Roboto",Arial,Helvetica,sans-serif;font-weight:500;font-size:16px;line-height:1.63;text-align:center;letter-spacing:.03em;background-color:#f5f4fa;border:1px solid #f5f4fa;border-radius:4px;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-filter 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),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-filter 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),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),filter 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),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),filter 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-filter 250ms cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer}.filter__btn:hover,.filter__btn:focus{color:#fff;background-color:#2196f3;border-color:#2196f3;-webkit-filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))}.active{color:#fff;background-color:#2196f3;border-color:#2196f3;-webkit-filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))}.product__thumb{position:relative;overflow:hidden}.product__overlay{position:absolute;top:0;left:0;padding-left:24px;padding-right:24px;padding-top:63px;padding-bottom:63px;width:100%;height:100%;background-color:rgba(33,150,243,.9);-webkit-transform:translate(0, 100%);transform:translate(0, 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)}.grid__item--product-decorated:hover .product__overlay{-webkit-transform:translate(0, 0);transform:translate(0, 0)}@media screen and (min-width: 768px){.product__overlay{padding-top:49px}}@media screen and (min-width: 1200px){.product__overlay{padding-top:63px;padding-bottom:63px}}.product__overlay-text{font-size:18px;line-height:1.56;color:#fff}.product__content{padding:20px 23px}.product__title{margin-bottom:4px;color:#212121;font-size:18px;line-height:2;letter-spacing:.06em}.product__text{font-size:16px;line-height:1.86}@media screen and (min-width: 768px){.address{width:230px}}.address__link{font-size:14px;font-style:normal;line-height:1.71;color:rgba(255,255,255,.6);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.address__link:hover,.address__link:focus{color:#fff}.address__link--white{color:#fff}.address__list .address__item:not(:last-child){margin-bottom:8px}@media screen and (min-width: 1200px){.address__list .address__item:not(:last-child){margin-bottom:9px}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);opacity:1;visibility:visible;-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)}.backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.backdrop.is-hidden .modal{-webkit-transform:translate(-50%, -50%) scale(1.5);transform:translate(-50%, -50%) scale(1.5);opacity:0}.modal{position:absolute;top:50%;left:50%;padding:40px;width:90%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:center;background-color:#fff;-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);border-radius:4px;opacity:1;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 480px){.modal{width:450px}}@media screen and (min-width: 1200px){.modal{width:528px}}.modal__close{position:absolute;top:8px;right:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:30px;height:30px;margin-left:auto;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer}.modal__icon-close{-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__close:hover .modal__icon-close,.modal__close:focus .modal__icon-close{fill:#2196f3}.modal__title{margin-bottom:12px;font-size:20px;line-height:1.5;color:#212121}@media screen and (min-width: 1200px){.modal__title{line-height:1.15}}.modal__list{margin-bottom:20px}.modal__list .modal__item:not(:last-child){margin-bottom:10px}.modal__label{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.modal__label span{margin-bottom:4px;font-size:12px;line-height:1.17;letter-spacing:.01em;color:#757575}.modal__input{-ms-flex-item-align:stretch;align-self:stretch;padding:0px 42px;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;-webkit-transition:outline 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:outline 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__input::-webkit-input-placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__input::-moz-placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__input:-ms-input-placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__input::-ms-input-placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__input::placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__input:focus{outline:1px solid #2196f3;border-color:#2196f3}.modal__input--textarea{padding:12px 16px;min-height:120px;resize:none}.modal__icon{position:absolute;top:50%;left:12px;fill:#212121;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__input:hover+.modal__icon,.modal__input:focus+.modal__icon{fill:#2196f3}.modal__btn{padding:10px 52px}.checkbox{position:relative;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:8px;margin-bottom:30px;font-size:12px;line-height:1.17}@media screen and (min-width: 1200px){.checkbox{font-size:14px;line-height:1.71}}.checkbox__link{color:#2196f3;text-decoration:underline}@media screen and (min-width: 1200px){.checkbox__link{text-decoration:none}}.checkbox__decor{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:16px;height:16px;border:1px solid #000;border-radius:2px;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.checkbox__input:focus+.checkbox__decor{border-color:#2196f3}.checkbox__input:checked+.checkbox__decor{border-color:#2196f3;background-color:#2196f3}.checkbox__icon{fill:#fff}.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}.header__logo{padding:16px 0}@media screen and (min-width: 768px){.header__logo{padding:26px 0;margin-right:88px}}@media screen and (min-width: 1200px){.header__logo{padding:24px 0 25px;margin-right:93px}}.hero{color:#fff;background-color:#2f303a;text-align:center;letter-spacing:.06em}.hero__overlay{margin:0 auto;max-width:480px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero-bg-mobile.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-mobile.jpg)}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero__overlay{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero-bg-mobile@2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-mobile@2x.jpg)}}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 3),(min-resolution: 288dpi),(min-resolution: 3dppx){.hero__overlay{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero-bg-mobile@3x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-mobile@3x.jpg)}}@media screen and (min-width: 481px){.hero__overlay{max-width:768px;background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero-bg-tablet.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-tablet.jpg)}}@media screen and (min-width: 481px)and (min-device-pixel-ratio: 2),screen and (min-width: 481px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 481px)and (min-resolution: 192dpi),screen and (min-width: 481px)and (min-resolution: 2dppx){.hero__overlay{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero-bg-tablet@2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-tablet@2x.jpg)}}@media screen and (min-width: 481px)and (min-device-pixel-ratio: 2),screen and (min-width: 481px)and (-webkit-min-device-pixel-ratio: 3),screen and (min-width: 481px)and (min-resolution: 288dpi),screen and (min-width: 481px)and (min-resolution: 3dppx){.hero__overlay{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero-bg-tablet@3x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-tablet@3x.jpg)}}@media screen and (min-width: 769px){.hero__overlay{max-width:1600px;background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero-bg-desktop.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-desktop.jpg)}}@media screen and (min-width: 769px)and (min-device-pixel-ratio: 2),screen and (min-width: 769px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 769px)and (min-resolution: 192dpi),screen and (min-width: 769px)and (min-resolution: 2dppx){.hero__overlay{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero-bg-desktop@2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-desktop@2x.jpg)}}@media screen and (min-width: 769px)and (min-device-pixel-ratio: 2),screen and (min-width: 769px)and (-webkit-min-device-pixel-ratio: 3),screen and (min-width: 769px)and (min-resolution: 288dpi),screen and (min-width: 769px)and (min-resolution: 3dppx){.hero__overlay{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero-bg-desktop@3x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-desktop@3x.jpg)}}.hero__title{max-width:360px;margin:0 auto 30px;font-weight:900;font-size:26px;line-height:1.6;text-transform:uppercase}@media screen and (min-width: 1200px){.hero__title{max-width:696px;font-size:44px;line-height:1.36}}.benefits__decor{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;height:120px;margin-bottom:30px;background-color:#f5f4fa;border-radius:4px}.benefits__title{margin-bottom:10px;font-size:14px;line-height:1.14;text-transform:uppercase;color:#212121}@media screen and (max-width: 767px){.benefits__title{text-align:center}}.benefits__text{line-height:1.71}.work{display:none}@media screen and (min-width: 1200px){.work{display:block;text-align:center}}.work__title{position:absolute;left:0;bottom:0;width:100%;padding:27px 0;font-size:14px;line-height:1.14;text-align:center;text-transform:uppercase;color:#fff;background-color:rgba(47,48,58,.8)}.team{background-color:#f5f4fa;text-align:center}.team__content{padding:30px;text-align:center}.team__title,.team__text{font-size:16px;line-height:1.19}.team__title{margin-bottom:10px;color:#212121;font-weight:500}.team__text{margin-bottom:16px}.clients__title{text-align:center}.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;height:92px;border:1px solid #afb1b8;border-radius:4px;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients__link:hover,.clients__link:focus{border-color:#2196f3}.clients__icon{width:106px;height:60px;fill:#afb1b8;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients__link:hover .clients__icon,.clients__link:focus .clients__icon{fill:#2196f3}.footer{padding:60px 0;background-color:#2f303a}.footer .social__link:hover,.footer .social__link:focus{background-color:#2196f3}.footer .social__icon{fill:#fff}.footer__container .social__link{background-color:rgba(255,255,255,.1)}@media screen and (max-width: 1199px){.footer__container{text-align:center}}@media screen and (min-width: 768px){.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__container{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}}@media screen and (min-width: 1200px){.footer__container{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.footer__container .footer__box:first-child{margin-right:70px}.footer__container .footer__box:nth-child(2){margin-right:93px}}@media screen and (max-width: 1199px){.footer__container .footer__box:not(:last-child){margin-bottom:60px}}@media screen and (min-width: 1200px){.footer__container .footer__box:first-child{margin-right:70px}.footer__container .footer__box:fth-child(2){margin-right:93px}}.footer__logo{display:block;margin-bottom:20px}.footer__title{margin-bottom:20px;font-size:14px;line-height:1.14;text-transform:uppercase;color:#fff}@media screen and (min-width: 1200px){.footer__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}}.footer__input{padding:0 16px;margin-bottom:20px;width:100%;height:50px;border:1px solid rgba(255,255,255,.3);font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6);background-color:rgba(0,0,0,0);border-radius:4px}@media screen and (min-width: 480px){.footer__input{width:450px}}@media screen and (min-width: 1200px){.footer__input{width:358px}}.footer__btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:10px 28px;margin-left:auto;margin-right:auto;border:none}.footer__icon{fill:currentColor}/*# sourceMappingURL=main.min.css.map */