:root{--main-color: #757575;--accent-color: rgba(255, 202, 0, 1);--header-logo-color: #000;--footer-logo-color: #fff;--header-nav-color: #212121;--header-color: #757575;--main-title-color: #ffffff;--sub-title-color: #212121;--btn-color: #fff;--footer-color: #fff;--address-color: rgba(255, 255, 255, 0.6);--icon-color: #afb1b8;--icon-accent-color: #fff}.visually-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px}p,h1,h2,h3,h4,h5,h6{margin:0}ul,ol{padding-left:0;margin:0}button{cursor:pointer}img{display:block;width:100%;height:auto}.link{text-decoration:none}.list{list-style:none}body{font-family:"Roboto",Tahoma,sans-serif;color:var(--main-color)}.container{width:100%;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@media screen and (min-width: 480px){.container{max-width:480px}}@media screen and (min-width: 768px){.container{max-width:768px}}@media screen and (min-width: 1200px){.container{max-width:1200px}}.header{border-bottom:1px solid #ececec;padding-top:24px;padding-bottom:24px}.header .container{display:flex;align-items:center;justify-content:left;position:relative}@media screen and (min-width: 768px){.header .container{justify-content:space-between}}.menu-open-btn{position:absolute;border:none;background-color:rgba(0,0,0,0);right:15px}.menu-open-btn:hover,.menu-open-btn:focus{fill:var(--accent-color)}@media screen and (min-width: 768px){.menu-open-btn{display:none}}.mob-menu{position:fixed;z-index:2;top:0;left:0;background-color:#fff;width:100vw;height:100vh;padding-top:48px;padding-bottom:48px}.mob-menu .container{overflow-y:auto;display:flex;flex-direction:column;height:100%;justify-content:space-between;align-items:flex-start;padding-left:5px;width:100%;height:100%}@media screen and (min-width: 480px){.mob-menu .container{padding-left:40px}}@media screen and (min-width: 768px){.mob-menu{display:none}}.menu-close-btn{position:absolute;top:10px;right:15px;margin-left:auto;border:none;background-color:rgba(0,0,0,0)}.menu-close-btn:hover,.menu-close-btn:focus{fill:var(--accent-color)}.menu-nav-item{font-size:40px;line-height:1.17;font-weight:500;letter-spacing:.02em;display:block}.menu-nav-item:not(:last-child){margin-bottom:32px}.menu-nav-link{color:#212121}.menu-nav-link:hover,.menu-nav-link:focus{color:var(--accent-color)}.menu-nav-current{color:var(--accent-color)}.menu-address-link{flex-grow:1;margin-top:auto}.menu-address-link .tel{font-weight:500;font-size:34px;line-height:1.17;letter-spacing:.02em;color:var(--accent-color);margin-bottom:32px}.menu-address-link .mailto{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em;color:#757575;margin-bottom:64px}.menu-link{display:block}.mob-menu-soc{display:flex;justify-content:space-between}.mob-menu-soc-link{display:block;font-weight:500;font-size:14px;line-height:1.22;letter-spacing:.02em;color:var(--accent-color)}@media screen and (min-width: 480px){.mob-menu-soc-link{font-size:18px}}.mob-menu-soc-item{position:relative}.mob-menu-soc-item:not(:last-child){margin-right:20px}.mob-menu-soc-item:not(:last-child)::after{content:"";position:absolute;width:1px;height:22px;background-color:#757575;right:-10px;top:0}.no-scroll{overflow:hidden}.header-nav{display:flex;align-items:center}.header-nav-list{display:none;align-items:center}@media screen and (min-width: 768px){.header-nav-list{display:flex}}.header-nav-item{color:var(--header-nav-color)}.header-nav-item:hover,.header-nav-item:focus{color:var(--accent-color)}.header-nav-item:not(:last-child){margin-right:50px}.header-nav-link{font-size:14px;line-height:1.14;font-weight:500;letter-spacing:.02em;color:inherit;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header-link{font-size:14px;line-height:1.14;font-weight:500;letter-spacing:.02em;color:inherit;display:flex;align-items:center;fill:currentColor;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header-link:hover,.header-link:focus{color:var(--accent-color)}.header-link+.header-link{margin-top:10px}@media screen and (min-width: 1200px){.header-link+.header-link{margin-left:50px;margin-top:0}}.nav-current{color:var(--accent-color);position:relative}.nav-current::after{position:absolute;z-index:1;content:"";bottom:-33px;left:0;width:100%;height:4px;background-color:var(--accent-color);border-radius:2px}.mailto-icon,.tel-icon{width:16px;height:12px;margin-right:10px}.header-address-link{display:none;margin-left:auto}@media screen and (min-width: 768px){.header-address-link{display:block}}@media screen and (min-width: 1200px){.header-address-link{display:flex}}.logo{text-decoration:none;font-family:"Raleway",Tahoma,sans-serif;font-size:24px;line-height:1.17;font-weight:700;letter-spacing:.03em;display:block}.logo__part{color:var(--accent-color)}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.19}}.header--logo{color:var(--header-logo-color);margin-right:94px;width:200px}.footer--logo{width:200px;color:var(--footer-logo-color);margin-bottom:20px;display:flex;justify-content:center}@media screen and (min-width: 480px){.footer--logo{margin:0 auto}}@media screen and (min-width: 1200px){.footer--logo{display:block}}.hero{max-width:100%;margin-left:auto;margin-right:auto;background-color:#2f303a;padding-top:118px;padding-bottom:118px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/katushki.gif);background-repeat:no-repeat;background-position:center;background-size:cover}@media(min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/katushki.gif)}}@media screen and (min-width: 768px){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/katushki.gif)}}@media screen and (min-width: 768px)and (min-device-pixel-ratio: 2),screen and (min-width: 768px)and (min-resolution: 192dpi),screen and (min-width: 768px)and (min-resolution: 2dppx){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/katushki.gif)}}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px;max-width:1600px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/katushki.gif)}}@media screen and (min-width: 1200px)and (min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (min-resolution: 192dpi),screen and (min-width: 1200px)and (min-resolution: 2dppx){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/katushki.gif)}}.hero-title{font-size:26px;line-height:1.62;font-weight:900;letter-spacing:.06em;text-align:center;text-transform:uppercase;color:var(--main-title-color);margin-bottom:30px;max-width:100%;margin-left:auto;margin-right:auto}@media screen and (min-width: 480px){.hero-title{max-width:360px}}@media screen and (min-width: 1200px){.hero-title{font-size:44px;line-height:1.36;max-width:700px}}.hero-btn{width:200px;height:50px;font-size:16px;line-height:1.88;font-weight:700;letter-spacing:.06em;display:block;align-items:center;text-align:center;color:var(--btn-color);background-color:var(--accent-color);cursor:pointer;margin:0 auto;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;border:none}.clients{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.clients{padding-top:94px;padding-bottom:94px}}.clients-title{font-size:28px;line-height:1.17;letter-spacing:.03em;text-align:center;color:var(--sub-title-color);margin-bottom:30px}@media screen and (min-width: 1200px){.clients-title{font-size:36px;line-height:1.17;letter-spacing:.03em;margin-bottom:50px}}.clients-list{margin-left:-30px;margin-bottom:-30px;display:flex;flex-wrap:wrap}.clients-item{min-width:170px;width:calc(50% - 30px);margin-bottom:30px;margin-left:30px}@media screen and (min-width: 480px){.clients-item{width:210px}}@media screen and (min-width: 768px){.clients-item{width:226px}}@media screen and (min-width: 1200px){.clients-item{width:170px}}.clients-link{min-width:170px;min-height:92px;width:100%;border:solid 1px var(--icon-color);border-radius:4px;display:block;display:flex;fill:var(--icon-color);justify-content:center;align-items:center;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients-link:hover,.clients-link:focus{border:solid 1px var(--accent-color);fill:var(--accent-color)}.produce{padding-bottom:94px;margin-top:94px}.produce img{aspect-ratio:4/3}@media screen and (min-width: 768px){.produce{padding-bottom:60px;margin-top:60px}}.produce-title{font-size:36px;line-height:1.17;letter-spacing:.03em;text-align:center;color:var(--sub-title-color);margin-bottom:50px}@media screen and (min-width: 768px){.produce-list{display:flex;justify-content:space-between}}@media screen and (min-width: 1200px){.produce-list{display:flex;justify-content:space-between}}@media screen and (min-width: 480px){.produce-item{width:100%}}@media screen and (min-width: 768px){.produce-item{width:calc(33.3333333333% - 30px)}}@media screen and (min-width: 1200px){.produce-item{width:calc(33.3333333333% - 30px)}}@media screen and (min-width: 480px){.produce-item:not(:last-child){margin-bottom:20px}}@media screen and (min-width: 768px){.produce-item:not(:last-child){margin-right:30px;margin-bottom:0}}@media screen and (min-width: 1200px){.produce-item:not(:last-child){margin-right:30px;margin-bottom:0}}.produce-item-wrap{position:relative}.produce-item-text{position:absolute;bottom:0;width:100%;height:70px;display:flex;justify-content:center;align-items:center;background-color:rgba(47,48,58,.8)}.produce-item-title{font-size:14px;line-height:1.13;font-weight:700;letter-spacing:.03em;text-align:center;text-transform:uppercase;color:var(--main-title-color)}.team{background:#f5f4fa;padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.team{padding-top:94px;padding-bottom:94px}}.team img{aspect-ratio:4/3}.team-title{font-size:28px;line-height:1.17;letter-spacing:.03em;text-align:center;color:var(--sub-title-color);margin-bottom:30px}@media screen and (min-width: 1200px){.team-title{font-size:36px;line-height:1.17;letter-spacing:.03em;margin-bottom:50px}}@media screen and (min-width: 768px){.team-list{display:flex;flex-wrap:wrap;margin-left:-30px;margin-bottom:-30px}}.team-item{max-width:100%;margin-bottom:30px;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;background-color:#fff}@media screen and (min-width: 768px){.team-item{width:calc(50% - 30px);margin-left:30px}}@media screen and (min-width: 1200px){.team-item{width:calc(33.3333333333% - 30px)}}.team-name{padding-top:30px;padding-bottom:30px}.team-item-title{font-size:16px;line-height:1.18;font-weight:500;letter-spacing:.03em;text-align:center;color:var(--sub-title-color);margin-bottom:10px}.team-item-text{font-size:16px;line-height:1.18;letter-spacing:.03em;text-align:center;margin-bottom:16px}.team-soc-list{display:flex;justify-content:center}.team-soc-item+.team-soc-item{margin-left:10px}.team-soc-link{width:44px;height:44px;border-radius:50%;display:flex;justify-content:center;align-items:center;fill:var(--icon-color);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),filter 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.team-soc-link:hover,.team-soc-link:focus{background-color:var(--accent-color);fill:var(--icon-accent-color);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))}.benefits{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.benefits{padding-top:94px;padding-bottom:94px}}@media screen and (min-width: 768px){.benefits-list{display:flex;flex-wrap:wrap;margin-left:-30px;margin-bottom:-30px}}.benefits-list__item{max-width:100%;margin-bottom:30px}@media screen and (min-width: 480px){.benefits-list__item{width:100%}}@media screen and (min-width: 768px){.benefits-list__item{margin-left:30px;width:calc(50% - 30px)}}@media screen and (min-width: 1200px){.benefits-list__item{width:calc(25% - 30px)}}.benefits-list__img{max-width:100%;background-color:#f5f4fa;border-radius:4px;margin-bottom:30px;height:120px;display:flex;justify-content:center;align-items:center}.benefits-list__title{font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--sub-title-color);margin-bottom:10px;text-align:center}@media screen and (min-width: 768px){.benefits-list__title{text-align:left}}.benefits-list__text{font-size:14px;line-height:1.71;letter-spacing:.03em}.footer{background-color:#2f303a;padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.footer .container{display:flex}}@media screen and (min-width: 768px){.tablet__wrap{display:flex;padding-left:60px;padding-right:64px;justify-content:space-between}}@media screen and (min-width: 1200px){.tablet__wrap{padding-left:0;padding-right:0}}.soc{margin-bottom:60px}@media screen and (min-width: 1200px){.soc{margin-left:70px;padding-top:12px;margin-bottom:0}}.soc__title{color:var(--footer-color);margin-bottom:20px;font-size:14px;line-height:1.13;font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-align:center}@media screen and (min-width: 1200px){.soc__title{text-align:left}}.soc__list{display:flex;justify-content:center}.soc__item+.soc__item{margin-left:10px}.soc__link{width:44px;height:44px;background-color:rgba(255,255,255,.1);border-radius:50%;display:flex;justify-content:center;align-items:center;fill:var(--footer-color);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.soc__link:hover,.soc__link:focus{background-color:var(--accent-color);fill:var(--icon-accent-color);box-shadow:0px 4px 4px rgba(0,0,0,.25)}.footer__adresses{display:flex;justify-content:center;align-items:center}.address{align-items:center;margin-bottom:60px}.address__text{font-size:14px;line-height:1.71;letter-spacing:.03em;font-style:normal;color:var(--footer-color);margin-bottom:9px;text-align:center}@media screen and (min-width: 1200px){.address__text{text-align:left}}@media screen and (min-width: 1200px){.address{align-items:left;margin-bottom:unset}}.address__link{font-style:normal;font-size:14px;line-height:1.71;letter-spacing:.03em;color:rgba(255,255,255,.6);display:block;text-align:center}@media screen and (min-width: 1200px){.address__link{text-align:left}}.address__link+.address__link{margin-top:6px}.subscribe{flex-grow:1;max-width:450px;margin-left:auto;margin-right:auto}@media screen and (min-width: 1200px){.subscribe{margin-left:93px;margin-right:0;padding-top:12px;max-width:100%}}.subscribe__title{color:var(--footer-color);margin-bottom:20px;font-size:14px;line-height:1.13;font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-align:center}@media screen and (min-width: 1200px){.subscribe__title{text-align:left}}@media screen and (min-width: 1200px){.subscribe__label{display:flex}}.subscribe__input{flex-grow:1;border:1px solid rgba(255,255,255,.3);box-sizing:border-box;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;background-color:rgba(0,0,0,0);padding:15px;color:var(--footer-color);margin-bottom:20px;width:100%}.subscribe__input:focus-visible{outline:none;outline-offset:none}@media screen and (min-width: 1200px){.subscribe__input{margin-right:12px;width:358px}}.subscribe__btn{margin-left:12px;width:200px;height:50px;border:none;display:flex;justify-content:center;align-items:center;text-align:center;color:var(--btn-color);background-color:var(--accent-color);cursor:pointer;margin:0 auto;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px}.subscribe__btn__title{display:inline-block;font-size:16px;line-height:1.88;font-weight:700;letter-spacing:.06em;margin-right:10px}.send-icon{display:inline-block;display:block}.portfolio{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.portfolio{padding-top:94px;padding-bottom:94px}}.portfolio-filter-list{display:flex;flex-wrap:wrap;justify-content:start;margin-bottom:25px;margin-left:-8px}@media screen and (min-width: 768px){.portfolio-filter-list{justify-content:center;margin-bottom:15px}}@media screen and (min-width: 1200px){.portfolio-filter-list{margin-bottom:35px}}.portfolio-filter-item{display:block;margin-left:8px;margin-bottom:15px}.portfolio-filter-btn{display:block;font-family:inherit;font-size:16px;line-height:1.62;font-weight:500;letter-spacing:.03em;text-align:center;white-space:nowrap;color:var(--sub-title-color);cursor:pointer;background:#f5f4fa;border-radius:4px;display:block;border:none;padding:6px 22px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio-filter-btn:hover,.portfolio-filter-btn:focus{background-color:var(--accent-color);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);color:var(--btn-color)}.portfolio-list{margin-bottom:-30px}@media screen and (min-width: 768px){.portfolio-list{display:flex;flex-wrap:wrap;margin-left:-30px}}.portfolio-item{width:100%;margin-bottom:30px;border:1px solid #eee;transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio-item:hover,.portfolio-item:focus{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)}@media screen and (min-width: 768px){.portfolio-item{margin-left:30px;width:calc(50% - 32px)}}@media screen and (min-width: 1200px){.portfolio-item{width:calc(33.3333333333% - 33px)}}.portfolio-item-wrap{position:relative;overflow:hidden}.portfolio-item-overlay{position:absolute;top:0;background-color:rgba(33,150,243,.9);font-size:18px;line-height:1.56;font-weight:400;letter-spacing:.03em;color:#fff;padding:40px;height:100%;transform:translateY(100%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);overflow:auto}.portfolio-item:hover .portfolio-item-overlay,.portfolio-item:focus .portfolio-item-overlay{transform:translateY(0%)}.portfolio-item-content{padding:20px 24px}.portfolio-item-title{font-size:18px;line-height:2;letter-spacing:.06em;color:var(--sub-title-color);margin-bottom:4px}.portfolio-item-text{font-size:16px;line-height:1.88;color:var(--main-color)}.modal{padding:40px;width:100%;height:100%;max-width:450px;max-height:609px;min-height:500px;background-color:#fff;border-radius:5px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:scale 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 480px){.modal{width:450px;height:609px}}@media screen and (min-width: 1200px){.modal{max-width:unset;min-height:unset;width:528px;height:581px}}.backdrop.is-hidden .modal{transform:scale3d(0.2)}.modal-title{font-size:20px;line-height:1.5;font-weight:700;letter-spacing:.03em;text-align:center;color:var(--sub-title-color);padding-bottom:12px}@media screen and (min-width: 1200px){.modal-title{line-height:1.15}}.modal-input-list{margin-bottom:20px}.modal-input-item{position:relative}.input-item-icon{position:absolute;top:30px;left:12px;fill:var(--sub-title-color);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-input{width:100%;height:40px;border:1px solid rgba(33,33,33,.2);box-sizing:border-box;border-radius:4px;margin-bottom:10px;padding-left:42px;transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-input:focus,.modal-input:focus-visible{border:1px solid var(--accent-color);outline:none}.modal-input:focus+.input-item-icon,.modal-input:focus-visible+.input-item-icon{fill:var(--accent-color)}.modal-input-coment{width:100%;min-height:120px;border:1px solid rgba(33,33,33,.2);box-sizing:border-box;border-radius:4px;padding:12px 16px;font-weight:400;font-size:12px;line-height:1.12;letter-spacing:.01em;resize:none;color:rgba(117,117,117,.5);transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-input-coment:focus,.modal-input-coment:focus-visible{border:1px solid var(--accent-color);outline:none}.input-label{font-size:12px;line-height:1.18;font-weight:400;letter-spacing:.01em;color:var(--main-color);margin-bottom:4px;display:block}.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.confirm{display:block;font-size:12px;line-height:1.17;font-weight:400;letter-spacing:.03em;color:var(--main-color);position:relative;padding-left:24px;margin-bottom:30px}@media screen and (min-width: 1200px){.confirm{font-size:14px;line-height:1.71;padding-left:37px}}.confirm-check{position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:15px;display:inline-block;border:2px solid var(--sub-title-color);border-radius:2px}.modal-checkbox:checked+.confirm-check{border:2px solid var(--accent-color);background-color:var(--accent-color);background-image:url(../images/icons/check.svg);background-repeat:no-repeat;background-size:contain;background-position:center;box-sizing:border-box}.confirm-btn{width:200px;height:50px;display:block;text-align:center;color:var(--btn-color);background-color:#188ce8;cursor:pointer;margin:0 auto;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;font-size:16px;line-height:1.88;font-weight:700;letter-spacing:.06em;border:none}.modal-close-btn{position:absolute;top:10px;right:10px;fill:#000;width:30px;height:30px;border-radius:50%;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.1);fill:#000;justify-content:center;align-items:center}.modal-close-btn:hover,.modal-close-btn:focus{fill:var(--accent-color)}.icon-close{position:absolute;z-index:3;fill:inherit;top:50%;left:50%;transform:translate(-50%, -50%)}.backdrop{position:fixed;top:0;width:100%;height:100%;background-color:rgba(48,48,48,.499);transition:opacity 250ms,visibility 250ms}.agreement{color:var(--accent-color)}/*# sourceMappingURL=main.min.css.map */