:root{--primary-text-color: #757575;--title-text-color: #212121;--accent-color: #2196f3;--transition-hover-focus: 250ms cubic-bezier(0.4, 0, 0.2, 1)}ul{list-style:none;padding:0;margin:0}a{text-decoration:none;color:inherit}p{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0}address{font-style:normal}button{font-family:inherit;padding:0;margin:0}img{display:block;max-width:100%;height:auto}textarea{resize:none}body{background-color:#fff;color:var(--primary-text-color);font-family:Roboto,sans-serif;letter-spacing:.03em}.container{width:100%;margin-left:auto;margin-right:auto;max-width:1200px;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}}.section{padding-top:30px;padding-bottom:30px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.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}.page-header{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ececec}.main-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 767.7px){.main-nav{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}}.site-nav__list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:93px}.site-nav__item{margin-left:40px}.site-nav__item:first-child{margin-left:0px}.site-nav__link{display:inline-block;position:relative;padding:32px 0px;color:var(--title-text-color);font-size:14px;font-weight:500;line-height:1.14;font-family:Roboto;letter-spacing:.02em;text-decoration:none;-webkit-transition:color var(--transition-hover-focus),background-color var(--transition-hover-focus);-o-transition:color var(--transition-hover-focus),background-color var(--transition-hover-focus);transition:color var(--transition-hover-focus),background-color var(--transition-hover-focus)}.site-nav__link:hover,.site-nav__link:focus{color:var(--accent-color)}.site-nav__link--current{display:inline-block;position:relative;color:var(--accent-color);-webkit-transition:color var(--transition-hover-focus),background-color var(--transition-hover-focus);-o-transition:color var(--transition-hover-focus),background-color var(--transition-hover-focus);transition:color var(--transition-hover-focus),background-color var(--transition-hover-focus)}.site-nav__link--current::after,.site-nav__link::after{display:block;position:absolute;left:0px;bottom:-1px;right:0px;content:"";width:100%;height:4px;background-color:rgba(0,0,0,0);border-radius:2px;-webkit-transition:background-color var(--transition-hover-focus);-o-transition:background-color var(--transition-hover-focus);transition:background-color var(--transition-hover-focus)}@media screen and (min-width: 768px)and (max-width: 1200px){.site-nav__link--current::after,.site-nav__link::after{bottom:-6px}}.site-nav__link:hover::after,.site-nav__link:focus::after,.site-nav__link--current::after{background-color:var(--accent-color)}.auth-nav__list{display:block;margin-left:auto;padding:21px 0}@media screen and (min-width: 1200px){.auth-nav__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;padding:0}}.auth-nav__item{margin-bottom:10px}.auth-nav__item:last-child{margin-bottom:0}@media screen and (min-width: 1200px){.auth-nav__item{margin-left:50px}.auth-nav__item:first-child{margin-left:0;margin-bottom:0}}.auth-nav__link{color:var(--primary-text-color);font-size:14px;font-weight:500;line-height:1.14;font-size:14px;font-weight:500;line-height:1.14;letter-spacing:.02em;text-decoration:none;-webkit-transition:color var(--transition-hover-focus);-o-transition:color var(--transition-hover-focus);transition:color var(--transition-hover-focus)}@media screen and (min-width: 1200px){.auth-nav__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:32px 0px}}.auth-nav__icon{margin-right:10px;fill:currentColor}.auth-nav__link:hover,.auth-nav__link:focus{color:var(--accent-color);fill:var(--accent-color)}@media screen and (max-width: 767.7px){.site-nav__list,.auth-nav__list{display:none}}.burger{background-color:#fff;border:none}@media screen and (min-width: 768px){.burger{display:none}.burger:hover,.burger:focus{fill:var(--accent-color)}}.mob-menu{position:fixed;top:0;right:0;width:100%;height:100vh;background:#fff;padding:40px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;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-shadow:0px 4px 8px rgba(0,0,0,.04),0px 2px 4px rgba(0,0,0,.08),0px 1px 3px rgba(0,0,0,.16);box-shadow:0px 4px 8px rgba(0,0,0,.04),0px 2px 4px rgba(0,0,0,.08),0px 1px 3px rgba(0,0,0,.16);z-index:100;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform var(--transition-hover-focus);transition:-webkit-transform var(--transition-hover-focus);-o-transition:transform var(--transition-hover-focus);transition:transform var(--transition-hover-focus);transition:transform var(--transition-hover-focus), -webkit-transform var(--transition-hover-focus)}.mob-menu.is-open{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.btn-close{position:absolute;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;top:0;right:0;margin-top:21px;margin-right:25px;margin-bottom:8.3px;height:18.7px;width:18.7px;margin-left:auto;cursor:pointer;background:#fff;border:none}.btn-close__icon{fill:currentColor;-webkit-transition:fill var(--transition-hover-focus);-o-transition:fill var(--transition-hover-focus);transition:fill var(--transition-hover-focus)}.btn-close:hover .btn-close__icon,.btn-close:focus .btn-close__icon{fill:var(--accent-color)}.mob-menu__list{font-size:40px;font-weight:500;line-height:1.17;letter-spacing:.02em;color:#212121}.mob-menu__item{margin-bottom:32px}.mob-menu__item:last-child{margin-bottom:0;-webkit-transition:color var(--transition-hover-focus);-o-transition:color var(--transition-hover-focus);transition:color var(--transition-hover-focus)}.mob-menu__item:hover,.mob-menu__item:focus{color:#2196f3}.mob-menu__item--current{color:var(--accent-color)}.mob-contacts__list{margin-bottom:64px}.mob-contacts__item{margin-bottom:32px;font-size:24px;font-weight:500;line-height:1.17;letter-spacing:.02em}.mob-contacts__item:last-child{margin-bottom:0;-webkit-transition:color var(--transition-hover-focus);-o-transition:color var(--transition-hover-focus);transition:color var(--transition-hover-focus)}.mob-contacts__item:hover,.mob-contacts__item:focus{color:#2196f3}.mob-contacts__item--current{font-size:34px;font-weight:500;line-height:1.17;letter-spacing:.02em;color:#2196f3}.mob-social__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}.mob-social__list .mob-social__link{color:var(--accent-color);-webkit-transition:color var(--transition-hover-focus);-o-transition:color var(--transition-hover-focus);transition:color var(--transition-hover-focus);font-size:18px;font-weight:500;line-height:1.22;border-right:1px solid rgba(33,33,33,.2);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);padding-right:10px}.mob-social__list .mob-social__link:hover,.mob-social__list .mob-social__link:focus{color:var(--accent-color)}.logo{padding:24px 0px;color:#000;font-family:Raleway,sans-serif;font-size:26px;font-weight:700;line-height:1.2;text-decoration:none}.logo__title{color:var(--accent-color)}.logo__wrapper{text-align:center;margin-bottom:20px}@media screen and (min-width: 1200px){.logo__wrapper{text-align:left}}.logo__title--white{color:#fff}.button{display:inline-block;border-radius:4px;border:rgba(0,0,0,0);padding:10px 32px;min-width:216px;background-color:var(--accent-color);color:#fff;font-size:16px;font-weight:700;line-height:1.9;text-align:center;letter-spacing:.06em;-webkit-transition:background-color var(--transition-hover-focus);-o-transition:background-color var(--transition-hover-focus);transition:background-color var(--transition-hover-focus);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);cursor:pointer}.button:hover,.button:focus{background-color:#188ce8}.button-filter{display:inline-block;padding:6px 22px;color:var(--title-text-color);font-size:16px;font-weight:500;line-height:1.62;border-radius:4px;border:rgba(0,0,0,0);-webkit-transition:color var(--transition-hover-focus),background-color var(--transition-hover-focus),-webkit-box-shadow var(--transition-hover-focus);transition:color var(--transition-hover-focus),background-color var(--transition-hover-focus),-webkit-box-shadow var(--transition-hover-focus);-o-transition:color var(--transition-hover-focus),background-color var(--transition-hover-focus),box-shadow var(--transition-hover-focus);transition:color var(--transition-hover-focus),background-color var(--transition-hover-focus),box-shadow var(--transition-hover-focus);transition:color var(--transition-hover-focus),background-color var(--transition-hover-focus),box-shadow var(--transition-hover-focus),-webkit-box-shadow var(--transition-hover-focus)}.button-filter:hover,.button-filter:focus{background-color:var(--accent-color);color:#fff;-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);cursor:pointer}.button-filter--current{padding:6px 25px;background-color:var(--accent-color);color:#fff}.button--subscription{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;max-width:200px}.button__icon{margin-left:10px}.hero{text-align:center;max-width:767.7px;padding:118px 0;margin-left:auto;margin-right:auto;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25))),url(../images/hero/overlay~480.jpg),#c4c4c4;background:-o-linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),url(../images/hero/overlay~480.jpg),#c4c4c4;background:linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),url(../images/hero/overlay~480.jpg),#c4c4c4;background-repeat:no-repeat;border:1px solid #000;background-position:center;background-size:cover}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(-o-min-device-pixel-ratio: 2/1),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero{background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25))),url(../images/hero/overlay~480@2x.jpg),#c4c4c4;background:-o-linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),url(../images/hero/overlay~480@2x.jpg),#c4c4c4;background:linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),url(../images/hero/overlay~480@2x.jpg),#c4c4c4;background-repeat:no-repeat;border:1px solid #000;background-position:center;background-size:cover}}@media screen and (min-width: 768px){.hero{background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25))),url(../images/hero/overlay~768.jpg),#c4c4c4;background:-o-linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),url(../images/hero/overlay~768.jpg),#c4c4c4;background:linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),url(../images/hero/overlay~768.jpg),#c4c4c4;background-repeat:no-repeat;border:1px solid #000;background-position:center;background-size:cover;max-width:1199.7px}}@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 (-o-min-device-pixel-ratio: 2/1),screen and (min-width: 768px)and (min-resolution: 192dpi),screen and (min-width: 768px)and (min-resolution: 2dppx){.hero{background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25))),url(../images/hero/overlay~768@2x.jpg),#c4c4c4;background:-o-linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),url(../images/hero/overlay~768@2x.jpg),#c4c4c4;background:linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),url(../images/hero/overlay~768@2x.jpg),#c4c4c4;background-repeat:no-repeat;border:1px solid #000;background-position:center;background-size:cover}}@media screen and (min-width: 1200px){.hero{background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25))),url(../images/hero/overlay~1200.jpg),#c4c4c4;background:-o-linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),url(../images/hero/overlay~1200.jpg),#c4c4c4;background:linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),url(../images/hero/overlay~1200.jpg),#c4c4c4;background-repeat:no-repeat;border:1px solid #000;background-position:center;background-size:cover;max-width:1600px;padding-top:200px;padding-bottom:200px}}@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 (-o-min-device-pixel-ratio: 2/1),screen and (min-width: 1200px)and (min-resolution: 192dpi),screen and (min-width: 1200px)and (min-resolution: 2dppx){.hero{background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25))),url(../images/hero/overlay~1200@2x.jpg),#c4c4c4;background:-o-linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),url(../images/hero/overlay~1200@2x.jpg),#c4c4c4;background:linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),url(../images/hero/overlay~1200@2x.jpg),#c4c4c4;background-repeat:no-repeat;border:1px solid #000;background-position:center;background-size:cover}}.hero__container{max-width:696px}.hero__title{width:100%;margin-bottom:30px;color:#fff;font-size:26px;font-weight:900;line-height:1.6;letter-spacing:.06em;text-transform:uppercase;margin-left:auto;margin-right:auto}@media screen and (min-width: 768px){.hero__title{width:360px}}@media screen and (min-width: 1200px){.hero__title{font-size:44px;font-weight:900;line-height:1.36;width:696px}}@media screen and (min-width: 768px)and (max-width: 1199.7px){.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}}.features__item{margin-bottom:30px}.features__item:last-child{margin-bottom:0}@media screen and (min-width: 768px){.features__item{max-width:354px}}@media screen and (min-width: 1200px){.features__item{margin-right:30px;max-width:270px}.features__item:last-child{margin-right:0px}}.features__page-container{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;margin-bottom:30px;border-radius:4px;background:#f5f4fa;height:120px}.features__title{color:var(--title-text-color);font-size:14px;font-weight:700;line-height:1.14;color:var(--title-text-color);margin-bottom:10px}@media screen and (max-width: 767.7px){.features__title{text-align:center}}.features__subtitle{font-size:14px;line-height:1.7}.section.works{padding-top:0px}@media screen and (max-width: 1199.7px){.section.works{display:none}}.works__title{margin-bottom:92px;color:var(--title-text-color);font-size:36px;font-weight:700;line-height:42px;text-align:center}.works__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}.works__item{position:relative}.works__item:nth-child(2){margin-left:30px;margin-right:30px}.works__thumb{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:absolute;width:100%;height:70px;bottom:0;background:rgba(47,48,58,.8)}.works__subtitle{font-size:14px;font-weight:700;line-height:1.14;text-align:center;letter-spacing:.03em;text-transform:uppercase;color:#fff}.section.team{background-color:#f5f4fa}.description{padding-top:30px;padding-bottom:30px}.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{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.team__item{background-color:#fff;border-radius:0px 0px 4px 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)}@media screen and (min-width: 768px){.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)}}.team__title{margin-bottom:50px;color:var(--title-text-color);font-size:28px;font-weight:700;line-height:1.18;text-align:center}@media screen and (min-width: 1200px){.team__title{font-size:36px;font-weight:700;line-height:1.17}}.description__title{margin-bottom:10px;color:var(--title-text-color);font-size:16px;font-weight:500;line-height:1.19;text-align:center}.description__subtitle{font-size:16px;font-weight:500;line-height:1.19;text-align:center;margin-bottom:16px}.social__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:0 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;gap:0 10px;border-radius:50%;color:#afb1b8;-webkit-transition:color var(--transition-hover-focus),background-color var(--transition-hover-focus);-o-transition:color var(--transition-hover-focus),background-color var(--transition-hover-focus);transition:color var(--transition-hover-focus),background-color var(--transition-hover-focus)}.social__link:hover,.social__link:focus{background-color:var(--accent-color);color:#fff}.social__image{fill:currentColor}.footer-social{margin-bottom:60px}@media screen and (min-width: 768px)and (max-width: 1199.7px){.footer-social{margin-left:165px}}@media screen and (min-width: 1200px){.footer-social{display:block;width:206px;margin-right:93px;margin-left:70px}}.footer-social__title{text-align:center;font-size:14px;font-weight:700;line-height:1.14;margin-bottom:20px;letter-spacing:.03em;text-transform:uppercase;color:#fff}@media screen and (min-width: 1200px){.footer-social__title{text-align:left}}.footer-social__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:0 10px}.footer-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;gap:0 10px;border-radius:50%;background-color:rgba(255,255,255,.1);color:#fff;-webkit-transition:background-color var(--transition-hover-focus);-o-transition:background-color var(--transition-hover-focus);transition:background-color var(--transition-hover-focus)}.footer-social__link:hover,.footer-social__link :focus{background-color:var(--accent-color)}.footer-social__page{fill:currentColor}.client__title{margin-bottom:50px;color:var(--title-text-color);font-size:28px;font-weight:700;line-height:1.18;text-align:center}@media screen and (min-width: 1200px){.client__title{font-size:36px;font-weight:700;line-height:1.17}}.clients__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;-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){.clients__item{-ms-flex-preferred-size:calc((100% - 60px)/3);flex-basis:calc((100% - 60px)/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;height:92px;border:1px solid #afb1b8;border-radius:4px;color:#afb1b8;-webkit-transition:color var(--transition-hover-focus),border-color var(--transition-hover-focus);-o-transition:color var(--transition-hover-focus),border-color var(--transition-hover-focus);transition:color var(--transition-hover-focus),border-color var(--transition-hover-focus)}.clients__link:hover,.clients__link:focus{color:var(--accent-color);border-color:var(--accent-color)}@media screen and (min-width: 1200px){.clients__link{width:170px;height:92px}}.clients__svg{fill:currentColor}.footer{background-color:#2f303a;padding:60px 0}.footer__flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px)and (max-width: 1199.7px){.footer__flex{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-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__flex{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}.address__list{margin-bottom:60px}@media screen and (min-width: 1200px){.address__list{margin-bottom:0;width:231px}}.address__item{margin-bottom:9px;text-align:center}@media screen and (min-width: 1200px){.address__item{text-align:left}}.address__item:last-child{margin-bottom:0}.address__link--contacts{color:rgba(255,255,255,.6);font-style:normal;font-size:14px;font-weight:400;line-height:1.71;-webkit-transition:color var(--transition-hover-focus),border-color var(--transition-hover-focus);-o-transition:color var(--transition-hover-focus),border-color var(--transition-hover-focus);transition:color var(--transition-hover-focus),border-color var(--transition-hover-focus)}.address__link{color:#fff;font-size:14px;font-weight:400;line-height:1.71;text-decoration:none;font-style:normal;-webkit-transition:color var(--transition-hover-focus),border-color var(--transition-hover-focus);-o-transition:color var(--transition-hover-focus),border-color var(--transition-hover-focus);transition:color var(--transition-hover-focus),border-color var(--transition-hover-focus)}.address__link:hover,.address__link:focus{color:var(--accent-color)}.address__link--contacts:hover,.address__link--contacts:focus{color:var(--accent-color)}.footer-subscription{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%}@media screen and (min-width: 1200px){.footer-subscription{display:block;margin-right:auto}}.footer-subscription__title{text-align:center;margin-bottom:20px;font-size:14px;font-weight:700;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:#fff}@media screen and (min-width: 1200px){.footer-subscription__title{text-align:left}}.footer-subscription__form{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:center;-ms-flex-align:center;align-items:center;width:100%}@media screen and (min-width: 1200px){.footer-subscription__form{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.footer-subscription__input{display:inline-block;margin-bottom:20px;border:1px solid rgba(255,255,255,.3);-webkit-filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;background:#2f303a;color:var(--primary-text-color);padding:16px;width:100%;max-width:450px}.footer-subscription__input::-webkit-input-placeholder{font-size:16px;line-height:1.25;-webkit-box-align:center;align-items:center;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer-subscription__input::-moz-placeholder{font-size:16px;line-height:1.25;align-items:center;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer-subscription__input:-ms-input-placeholder{font-size:16px;line-height:1.25;-ms-flex-align:center;align-items:center;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer-subscription__input::-ms-input-placeholder{font-size:16px;line-height:1.25;-ms-flex-align:center;align-items:center;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer-subscription__input::placeholder{font-size:16px;line-height:1.25;-webkit-box-align:center;-ms-flex-align:center;align-items:center;letter-spacing:.03em;color:rgba(255,255,255,.6)}@media screen and (min-width: 1200px){.footer-subscription__input{width:358px;height:50px;margin-right:12px;margin-bottom:0}}.backdrop{display:block;position:fixed;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;top:0;right:0;bottom:0;left:0;opacity:1;visibility:visible;z-index:100;background-color:rgba(0,0,0,.2);-webkit-transition:visibility 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:visibility 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:visibility 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.modal{position:-webkit-sticky;position:sticky;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;min-height:100vh;width:100%}.modal__body{position:relative;display:block;max-width:450px;min-height:609px;width:100%;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}@media screen and (min-width: 1200px){.modal__body{max-width:528px;min-height:581px}}.modal__close{position:-webkit-sticky;position:sticky;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;top:0;left:0;margin-top:8px;margin-right:8px;height:30px;width:30px;margin-left:auto;cursor:pointer;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:50%;outline:none}.close-page{fill:currentColor;-webkit-transition:fill var(--transition-hover-focus);-o-transition:fill var(--transition-hover-focus);transition:fill var(--transition-hover-focus)}.modal__close:hover .close-page,.modal__close:focus .close-page{fill:var(--accent-color)}.form__title{font-size:20px;font-weight:700;line-height:1.5;margin-bottom:30px;text-align:center;letter-spacing:.03em;color:var(--title-text-color);max-width:370px;margin-left:auto;margin-right:auto}@media screen and (min-width: 1200px){.form__title{font-size:20px;font-weight:700;line-height:1.15;width:448px;text-align:center}}.form__group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;margin-bottom:10px;padding:0 40px}.form__group.comment{margin-bottom:20px}.form__label{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;font-weight:400;line-height:1.17;letter-spacing:.01em;margin-bottom:4px}.form__input{max-width:370px;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding:12px 42px;outline:none;-webkit-transition:border-color var(--transition-hover-focus);-o-transition:border-color var(--transition-hover-focus);transition:border-color var(--transition-hover-focus)}@media screen and (min-width: 1200px){.form__input{width:448px}}.form__icon{position:absolute;top:55%;left:55px;-webkit-transition:fill var(--transition-hover-focus);-o-transition:fill var(--transition-hover-focus);transition:fill var(--transition-hover-focus);border-radius:2px}.form__input:focus{border-color:var(--accent-color)}.form__input:focus+.form__icon{fill:var(--accent-color)}.form__comment{max-width:370px;height:120px;padding:12px 16px;outline:none;-webkit-transition:border-color var(--transition-hover-focus);-o-transition:border-color var(--transition-hover-focus);transition:border-color var(--transition-hover-focus);border:1px solid rgba(33,33,33,.2);border-radius:4px}@media screen and (min-width: 1200px){.form__comment{width:448px}}.form__comment:focus{border-color:var(--accent-color)}textarea::-webkit-input-placeholder{font-size:12px;line-height:14px;letter-spacing:.01em;color:rgba(117,117,117,.5)}textarea::-moz-placeholder{font-size:12px;line-height:14px;letter-spacing:.01em;color:rgba(117,117,117,.5)}textarea:-ms-input-placeholder{font-size:12px;line-height:14px;letter-spacing:.01em;color:rgba(117,117,117,.5)}textarea::-ms-input-placeholder{font-size:12px;line-height:14px;letter-spacing:.01em;color:rgba(117,117,117,.5)}textarea::placeholder{font-size:12px;line-height:14px;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__group.agreement{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;margin-bottom:30px}.form__agreement-label{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;font-size:14px;font-weight:400;line-height:1.7;letter-spacing:.03em}.form__agreement-link{color:var(--accent-color);text-decoration:underline}.form__agreement-wrapper{display:block;width:16px;height:15px;border-radius:2px;margin-right:7px;border:2px solid #212121;-webkit-transition:border var(--transition-hover-focus),opacity var(--transition-hover-focus);-o-transition:border var(--transition-hover-focus),opacity var(--transition-hover-focus);transition:border var(--transition-hover-focus),opacity var(--transition-hover-focus)}.form__agreement-input{position:absolute;left:0;bottom:0;height:0;width:0;opacity:0}.form__agreement-icon{opacity:0;-webkit-transition:opacity var(--transition-hover-focus);-o-transition:opacity var(--transition-hover-focus);transition:opacity var(--transition-hover-focus);border-radius:2px}.form__agreement-input:checked+.form__agreement-wrapper{border:none}.form__agreement-input:checked+.form__agreement-wrapper .form__agreement-icon{opacity:1}.form__agreement-text{font-size:12px;font-weight:400;line-height:1.18}.form__container{font-size:12px;font-weight:400;line-height:1.18}@media screen and (min-width: 1200px){.form__container{font-size:14px;font-weight:400;line-height:1.71}}.form__button{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;margin-bottom:40px}.filter__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;margin-bottom:50px;gap:8px}.cards__set{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.cards__title{color:var(--title-text-color);font-size:18px;font-weight:700;line-height:2;letter-spacing:.06em}.cards__subtitle{color:var(--primary-text-color);font-size:16px;line-height:1.87}.cards__link{text-decoration:none;display:block;margin-bottom:20px;-webkit-transition:-webkit-box-shadow var(--transition-hover-focus);transition:-webkit-box-shadow var(--transition-hover-focus);-o-transition:box-shadow var(--transition-hover-focus);transition:box-shadow var(--transition-hover-focus);transition:box-shadow var(--transition-hover-focus), -webkit-box-shadow var(--transition-hover-focus)}.cards__image{position:relative;overflow:hidden}.cards__overlay{position:absolute;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;top:0;left:0;padding:63px 24px;background:rgba(33,150,243,.9);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:var(--transition-hover-focus);-o-transition:var(--transition-hover-focus);transition:var(--transition-hover-focus)}.cards__overlay-text{font-size:18px;font-weight:400;line-height:1.56;letter-spacing:.03em;text-align:left;color:#fff}.cards__link:hover,.cards__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)}.cards__link:hover .cards__overlay,.cards__link:focus .cards__overlay{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.cards__border{border-right:1px solid #eee;border-bottom:1px solid #eee;border-left:1px solid #eee;padding:20px 24px}/*# sourceMappingURL=main.min.css.map */