:root{--main-font: Roboto, sans-serif;--logo-font: Raleway, sans-serif;--main-text-color: #212121;--secondary-text-color: #757575;--accent-color: #2196f3;--accent-text-and-bg-color: #ffffff;--footer-text-color: rgba(255, 255, 255, 0.6);--footer-bg-color: #2f303a;--section-bg-color: #f5f4fa;--bg-color-card: #eeeeee;--icon-color: #afb1b8;--bg-icon-color: rgba(255, 255, 255, 0.1);--btn-hover-color: #188ce8;--overlay-card-color: rgba(33, 150, 243, 0.9);--duration: 250ms;--timing-function: cubic-bezier(0.4, 0, 0.2, 1)}h1,h2,h3,h4,h5,h6,p,ul{margin:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;-webkit-box-shadow:0 0 0px 1000px var(--bg-color-card) inset}.img{display:block;max-width:100%;height:auto}.portfolio,.client__list,.team__list,.about__list,.feature__list,.footer__main-info,.filter,.social,.menu-social,.contact,.menu{padding:0;list-style:none}.client__link,.footer__address,.footer__link,.menu-social__link,.contact__link,.menu__link,.logo{text-decoration:none}.client__heading,.team__heading,.about__heading{margin-bottom:30px;font-weight:700;font-size:28px;line-height:1.16;text-align:center;letter-spacing:.03em}@media screen and (min-width: 1200px){.client__heading,.team__heading,.about__heading{margin-bottom:50px;font-size:36px}}.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}.body{font-family:var(--main-font);letter-spacing:.03em;background-color:var(--accent-text-and-bg-color);color:var(--main-text-color)}.container{padding-left:15px;padding-right:15px;margin:0 auto;min-width:320px}@media screen and (min-width: 480px){.container{width:450px}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}@media screen and (max-width: 767px){.container--header{width:100%}}@media screen and (min-width: 768px){.container--header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.container--hero{text-align:center}@media screen and (min-width: 480px){.container--hero{max-width:360px;padding:0}}@media screen and (min-width: 1200px){.container--hero{max-width:696px}}.container--footer{text-align:center}@media screen and (min-width: 1200px){.container--footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;text-align:left}}.logo{font-family:var(--logo-font);font-size:26px;line-height:1.19;color:var(--main-text-color);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.logo--accent{color:var(--accent-color);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.logo:hover,.logo:focus{color:var(--accent-color)}.menu-container{position:fixed;top:0;left:0;width:100vw;height:100vh;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;padding:48px 30px;background-color:var(--accent-text-and-bg-color);z-index:10;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}@media screen and (min-width: 480px){.menu-container{padding:48px 40px}}.menu-container.is-open{-webkit-transform:translateX(0);transform:translateX(0)}.menu__icon{width:40px;height:40px;fill:currentColor;-webkit-transition-property:fill;transition-property:fill;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.menu__btn-open:hover .menu__icon,.menu__btn-open:focus .menu__icon,.menu__btn-close:hover .menu__icon,.menu__btn-close:focus .menu__icon{fill:var(--accent-color)}.menu__top{margin-bottom:20px}.menu__top .menu__link{font-size:10vw}.menu__bottom .contact__link{font-size:6vw}.menu__bottom .contact__link--phone{font-size:9vw;line-height:1.18;color:var(--accent-color)}.nav .menu{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 767px){.nav .menu{display:none}}@media screen and (max-width: 767px){.menu__item:not(:last-child){margin-bottom:32px}}@media screen and (min-width: 768px){.menu__item:not(:last-child){margin-right:50px}}.menu__link{display:block;font-weight:500;font-size:14px;padding:0;line-height:1.18;color:var(--main-text-color);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.menu__link:hover,.menu__link:focus{color:var(--accent-color)}@media screen and (min-width: 768px){.menu__link{position:relative;padding:32px 0;line-height:1.14}}.menu__item--current{color:var(--accent-color)}@media screen and (min-width: 768px){.menu__item--current::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:4px;background:var(--accent-color);border-radius:2px}}@media screen and (max-width: 767px){.wrap-contact .contact{display:none}}@media screen and (min-width: 1200px){.wrap-contact .contact{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width: 767px){.contact__item:not(:last-child){margin-bottom:32px}}@media screen and (min-width: 768px){.contact__item:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 1200px){.contact__item:not(:last-child){margin-right:50px;margin-bottom:0}}.contact__link{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em;color:var(--secondary-text-color);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.contact__link:hover,.contact__link:focus{color:var(--accent-color)}.contact__link--mail{padding:20px 0 0 0}.contact__link--phone{padding:0 0 20px 0}@media screen and (min-width: 768px){.contact__link{font-size:14px;line-height:1.14;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (min-width: 1200px){.contact__link{padding:32px 0}}.contact__icon{margin-right:10px;fill:currentColor}.menu-social{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;margin-top:64px}.menu-social__link{padding:10px;font-weight:500;font-size:3vw;line-height:1.22px;color:var(--accent-color)}.menu-social__item+.menu-social__item::before{content:"";border-right:1px solid rgba(33,33,33,.2)}.social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.social__item:not(:last-child){margin-right: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;color:var(--icon-color);border-radius:50%;-webkit-transition-property:color,background-color;transition-property:color,background-color;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.social__link:hover,.social__link:focus{color:var(--accent-text-and-bg-color);background-color:var(--accent-color)}.social__icon{width:20px;height:20px;fill:currentColor}.social__link--footer{color:var(--accent-text-and-bg-color);background-color:var(--bg-icon-color)}.btn{padding:10px 15px;min-width:200px;min-height:50px;font-family:inherit;font-size:16px;text-align:center;font-weight:700;line-height:1.87;letter-spacing:.06em;color:var(--accent-text-and-bg-color);background-color:var(--accent-color);border:0;border-radius:4px;cursor:pointer;-webkit-transition-property:color,background-color,-webkit-box-shadow;transition-property:color,background-color,-webkit-box-shadow;transition-property:color,background-color,box-shadow;transition-property:color,background-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.btn:hover,.btn:focus{background-color:var(--btn-hover-color);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15)}.subs-form__btn{margin:0 auto;padding:10px 0;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}.modal__btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:8px;right:8px;width:30px;height:30px;cursor:pointer;background-color:transparent;border:1px solid rgba(0,0,0,.1);border-radius:50%;-webkit-transition-property:color,-webkit-box-shadow,-webkit-transform;transition-property:color,-webkit-box-shadow,-webkit-transform;transition-property:color,box-shadow,transform;transition-property:color,box-shadow,transform,-webkit-box-shadow,-webkit-transform;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function);-webkit-transform:scale(1);transform:scale(1)}.modal__btn:hover,.modal__btn:focus{color:var(--accent-color);-webkit-box-shadow:0 8px 8px -6px var(--icon-color);box-shadow:0 8px 8px -6px var(--icon-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.filter__btn{padding:6px 22px;font-weight:500;line-height:1.62;background-color:var(--section-bg-color);border:0;border-radius:4px;cursor:pointer;-webkit-transition-property:color,background-color,-webkit-box-shadow;transition-property:color,background-color,-webkit-box-shadow;transition-property:color,background-color,box-shadow;transition-property:color,background-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.filter__btn:hover,.filter__btn:focus,.filter__btn--current{background-color:var(--accent-color);color:var(--accent-text-and-bg-color);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.25);box-shadow:0px 4px 4px rgba(0,0,0,.25)}.menu__btn-open,.menu__btn-close{min-width:40px;min-height:40px;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:0;padding:0;background-color:transparent;border:none;border-radius:50%;cursor:pointer}@media screen and (min-width: 768px){.menu__btn-open,.menu__btn-close{display:none}}.menu__btn-close{position:absolute;top:20px;right:15px}@media screen and (min-width: 1200px){.subs-form__field{display:-webkit-box;display:-ms-flexbox;display:flex}}.subs-form__input{margin-bottom:20px;padding:15px 16px;width:100%;height:50px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background-color:transparent;color:var(--accent-text-and-bg-color);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);-webkit-transition-property:border-color;transition-property:border-color;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.subs-form__input:hover,.subs-form__input:focus{border-color:var(--accent-color);outline:-webkit-focus-ring-color auto 0px}@media screen and (min-width: 1200px){.subs-form__input{margin-right:12px;margin-bottom:0}}.subs-form__icon{margin-left:10px}.filter{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:40px}@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}}.filter__item:not(:last-child){margin-right:8px}@media screen and (max-width: 767px){.filter__item{margin-bottom:15px}}.swiper-horizontal>.swiper-pagination{bottom:-2px}.header{position:fixed;top:0;left:0;width:100%;z-index:2;border-bottom:1px solid #ececec;min-height:60px;background-color:var(--accent-text-and-bg-color)}@media screen and (min-width: 768px){.header{min-height:80px}}.header .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 768px){.header .nav{margin-right:auto}}.header__logo{padding:24px 0}@media screen and (max-width: 767px){.header__logo{margin-right:auto}}@media screen and (min-width: 768px){.header__logo{margin-right:88px}}@media screen and (min-width: 1200px){.header__logo{margin-right:93px}}.footer{padding:60px 0;background-color:var(--footer-bg-color)}.footer__contact{margin-bottom:60px}@media screen and (min-width: 768px){.footer__contact{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media screen and (min-width: 1200px){.footer__contact{margin-right:auto;margin-bottom:0}}@media screen and (max-width: 767px){.footer__wrap:not(:last-child){margin-bottom:60px}}@media screen and (min-width: 1200px){.footer__wrap:first-child{margin-right:70px}}.footer__logo{display:block;margin-bottom:20px;color:var(--accent-text-and-bg-color)}.footer__item:not(:last-child){margin-bottom:8px}@media screen and (min-width: 1200px){.footer__item:not(:last-child){margin-bottom:9px}}.footer__link{font-size:14px;line-height:1.71;font-style:normal;color:var(--footer-text-color);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.footer__link:hover,.footer__link:focus{color:var(--accent-color)}.footer__address{font-size:14px;line-height:1.71;font-style:normal;color:var(--accent-text-and-bg-color);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.footer__address:hover,.footer__address:focus{color:var(--accent-color)}.footer__title{display:block;margin-bottom:20px;color:var(--accent-text-and-bg-color);font-weight:700;font-size:14px;line-height:1.14;text-transform:uppercase;cursor:default}@media screen and (min-width: 768px){.footer__form{width:450px;margin:0 auto}}@media screen and (min-width: 1200px){.footer__form{width:570px;margin:0}}.hero{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:400px;margin-right:auto;margin-left:auto;background-color:var(--footer-bg-color);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.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}@media screen and (min-width: 1200px){.hero{max-width:1600px;min-height:600px}}@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, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero-bg@2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg@2x.jpg)}}@media screen and (min-width: 576px){.hero{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-tab.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-tab.jpg)}}@media screen and (min-width: 576px)and (min-device-pixel-ratio: 2),screen and (min-width: 576px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 576px)and (min-resolution: 192dpi),screen and (min-width: 576px)and (min-resolution: 2dppx){.hero{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-tab@2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-tab@2x.jpg)}}@media screen and (min-width: 960px){.hero{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-desk.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-desk.jpg)}}@media screen and (min-width: 960px)and (min-device-pixel-ratio: 2),screen and (min-width: 960px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 960px)and (min-resolution: 192dpi),screen and (min-width: 960px)and (min-resolution: 2dppx){.hero{background-image:-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-desk@2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-desk@2x.jpg)}}.hero__title{margin-bottom:30px;font-weight:900;font-size:26px;line-height:1.62;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text-and-bg-color)}@media screen and (min-width: 1200px){.hero__title{font-size:44px;line-height:1.36}}.feature{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.feature{padding-top:94px;padding-bottom:94px}}.feature__list{margin-bottom:-30px}@media screen and (min-width: 768px){.feature__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-30px}}.feature__item{margin-bottom:30px}@media screen and (min-width: 768px){.feature__item{-ms-flex-preferred-size:calc(100% / 2 - 30px);flex-basis:calc(100% / 2 - 30px);margin-right:30px}}@media screen and (min-width: 1200px){.feature__item{-ms-flex-preferred-size:calc(100% / 4 - 30px);flex-basis:calc(100% / 4 - 30px)}}.feature__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;margin-bottom:30px;width:100%;height:120px;background-color:var(--section-bg-color);border-radius:4px}.feature__icon{width:70px;height:70px}.feature__title{margin-bottom:10px;font-weight:700;font-size:14px;line-height:1.14;text-transform:uppercase;text-align:center}@media screen and (min-width: 768px){.feature__title{text-align:left}}.feature__text{font-size:14px;line-height:1.71;color:var(--secondary-text-color)}@media screen and (max-width: 1199px){.about{display:none}}@media screen and (min-width: 1200px){.about{padding-top:0;padding-bottom:94px}}.about__list{display:-webkit-box;display:-ms-flexbox;display:flex}.about__item{position:relative}.about__item:not(:nth-child(3n)){margin-right:30px}.about__title{position:absolute;bottom:0;right:0;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:0;width:100%;height:70px;font-size:14px;text-transform:uppercase;color:var(--accent-text-and-bg-color);background:rgba(47,48,58,.8)}.team{padding-top:60px;padding-bottom:60px;background-color:var(--section-bg-color)}@media screen and (min-width: 1200px){.team{padding-top:94px;padding-bottom:94px}}.team__list{margin-bottom:-30px}@media screen and (min-width: 768px){.team__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-30px}}.team__card{margin-bottom:30px;background-color:var(--accent-text-and-bg-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:0px 0px 4px 4px}@media screen and (min-width: 768px){.team__card{margin-right:30px;-ms-flex-preferred-size:calc(100% / 2 - 30px);flex-basis:calc(100% / 2 - 30px)}}@media screen and (min-width: 1200px){.team__card{-ms-flex-preferred-size:calc(100% / 4 - 30px);flex-basis:calc(100% / 4 - 30px)}}.team__card-desc{padding:30px 32px}.team__card-title{margin-bottom:10px;font-size:16px;font-weight:500;line-height:1.19;text-align:center}.team__card-text{margin-bottom:16px;font-size:16px;line-height:1.19;text-align:center;color:var(--secondary-text-color)}.client{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.client{padding-top:94px;padding-bottom:94px}}@media screen and (max-width: 1199px){.client__list{margin-bottom:15px}}.client__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;-ms-flex-preferred-size:210px;flex-basis:210px;height:92px;color:var(--icon-color);border:1px solid var(--icon-color);border-radius:4px;-webkit-transition-property:color,border-color;transition-property:color,border-color;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.client__link:hover,.client__link:focus{color:var(--accent-color);border-color:var(--accent-color)}.client__icon{width:106px;height:60px;fill:currentColor}.backdrop{position:fixed;top:0;left:0;z-index:3;width:100%;height:100%;padding:93px 15px;overflow-y:scroll;background:rgba(0,0,0,.2);opacity:1;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.is-hidden{opacity:0;pointer-events:none}.modal{position:relative;padding:35px 20px;text-align:center;background-color:var(--accent-text-and-bg-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}@media screen and (min-width: 480px){.modal{position:absolute;left:50%;top:50%;max-width:450px;width:100%;padding:40px;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}}@media screen and (min-width: 1200px){.modal{max-width:528px}}.modal .is-hidden{-webkit-transform:translate(-50%, -50%) scale(1.2);transform:translate(-50%, -50%) scale(1.2)}.icon__close{width:18px;height:18px;fill:currentColor}.form__title{display:block;margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.5}.form__field{margin-bottom:10px;text-align:left}.form__field--textarea{margin-bottom:20px}.form__label{display:block;margin-bottom:4px;font-size:12px;line-height:1.17;letter-spacing:.01em;color:var(--secondary-text-color)}.form__wrap{position:relative}.form__input{padding-left:42px;width:100%;height:40px;background-color:transparent;border-radius:4px;border:1px solid rgba(33,33,33,.2);-webkit-transition-property:border-color;transition-property:border-color;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.form__input:hover,.form__input:focus{border-color:var(--accent-color);outline:-webkit-focus-ring-color auto 0px}.form__icon{position:absolute;left:0;top:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);width:18px;height:18px;fill:currentColor;-webkit-transition-property:fill;transition-property:fill;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.form__field:hover .form__icon,.form__field:focus .form__icon,.form__field:focus-within .form__icon{fill:var(--accent-color)}.form__textarea{display:block;padding:12px 16px;width:100%;height:120px;font-size:12px;resize:none;background-color:transparent;border:1px solid rgba(33,33,33,.2);border-radius:4px;-webkit-transition-property:border-color;transition-property:border-color;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.form__textarea::-webkit-input-placeholder{font-size:14px;line-height:1.14;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__textarea::-moz-placeholder{font-size:14px;line-height:1.14;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__textarea:-ms-input-placeholder{font-size:14px;line-height:1.14;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__textarea::-ms-input-placeholder{font-size:14px;line-height:1.14;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__textarea::placeholder{font-size:14px;line-height:1.14;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__textarea:hover,.form__textarea:focus{border-color:var(--accent-color);outline:-webkit-focus-ring-color auto 0px}.form__checkbox{margin-bottom:30px}.form__input-checkbox{position:absolute;z-index:-1;opacity:0}.form__label-checkbox{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:12px;line-height:1.17;text-align:left}@media screen and (min-width: 1200px){.form__label-checkbox{font-size:14px;line-height:1.71}}.form__icon-check{margin-right:7px;color:transparent;border:2px solid var(--main-text-color);border-radius:2px;cursor:pointer;-webkit-transition-property:background-color,border;transition-property:background-color,border;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.form__input-checkbox:checked+.form__label-checkbox .form__icon-check{background-color:var(--accent-color);border:none;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.form__input-checkbox:focus:checked+.form__label-checkbox .form__icon-check{-webkit-box-shadow:0 0 0 .2rem rgba(0,123,255,.25);box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:-webkit-focus-ring-color auto 0px}.form__checkbox:hover .form__icon-check,.form__checkbox:focus-within .form__icon-check{border:2px solid var(--accent-color)}.form__link{color:var(--accent-color)}.portfolio__section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.portfolio__section{padding-top:94px;padding-bottom:94px}}.portfolio{margin:-15px}@media screen and (min-width: 768px){.portfolio{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}.portfolio-card{margin:15px}@media screen and (min-width: 768px){.portfolio-card{-ms-flex-preferred-size:calc(100% / 2 - 30px);flex-basis:calc(100% / 2 - 30px);margin-right:15px}}@media screen and (min-width: 1200px){.portfolio-card{-ms-flex-preferred-size:calc(100% / 3 - 30px);flex-basis:calc(100% / 3 - 30px)}}.portfolio-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%;color:var(--main-text-color);text-decoration:none;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.portfolio-card__link:hover,.portfolio-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)}.portfolio-card__thumb{position:relative;overflow:hidden}.overlay{position:absolute;left:0;bottom:0;width:100%;height:100%;background:var(--overlay-card-color);-webkit-transform:translateY(101%);transform:translateY(101%);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function);overflow-y:auto}.portfolio-card__link:hover .overlay,.portfolio-card__link:focus .overlay{-webkit-transform:translateY(0);transform:translateY(0)}.overlay__text{padding:63px 24px 24px;text-align:left;font-size:18px;line-height:1.56;color:var(--accent-text-and-bg-color)}.portfolio-card__body{padding:20px 24px;border:1px solid var(--bg-color-card);border-top:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.portfolio-card__title{font-size:18px;line-height:2;letter-spacing:.06em}.portfolio-card__text{font-size:16px;line-height:1.87;color:var(--secondary-text-color)}/*# sourceMappingURL=main.min.css.map */