:root{--primary-text-color: #212121;--description-color: #757575;--transparent-text-color: rgba(255, 255, 255, 0.6);--accent-color: #2196f3;--primary-white-color: #ffffff;--footer-bg-color: #2f303a;--primary-bg-color: #f5f4fa;--header-logo-color: #000000;--icons-color: #afb1b8;--primary-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.2);--transition: 250ms cubic-bezier(0.4, 0, 0.2, 1)}.page{color:var(--primary-text-color);background-color:var(--primary-white-color);font-family:"Roboto",sans-serif;letter-spacing:.03em}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0}.list{list-style:none}.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}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.section__title{text-align:center;margin-bottom:30px;font-weight:700;font-size:28px;line-height:1.17}@media screen and (min-width: 1200px){.section__title{margin-bottom:50px;font-size:36px}}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@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}}.logo{text-align:center;color:var(--accent-color);font-family:"Raleway",sans-serif;font-weight:700;font-size:26px;line-height:1.19;text-decoration:none}@media screen and (max-width: 1199px){.logo{display:block}}.logo--header{color:var(--header-logo-color)}.logo--footer{color:var(--primary-white-color)}.btn{padding:0;min-height:50px;min-width:200px;color:var(--primary-white-color);background-color:var(--accent-color);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);font-family:inherit;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;cursor:pointer;border:none;border-radius:4px;-webkit-transition:background-color var(--transition);transition:background-color var(--transition)}.btn:hover,.btn:focus{background-color:#188ce8}.header{border-bottom:1px solid #ececec}.header__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 767px){.header__container{height:60px}}@media screen and (max-width: 767px){.nav,.contacts{display:none}}.nav__link,.contacts__link{display:block;fill:currentColor;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;text-decoration:none;-webkit-transition:color var(--transition);transition:color var(--transition)}.nav__link:hover,.nav__link:focus,.contacts__link:hover,.contacts__link:focus{color:var(--accent-color)}.nav{margin-left:93px;gap:52px}@media screen and (min-width: 768px){.nav{display:-webkit-box;display:-ms-flexbox;display:flex}}.nav__link{padding-top:32px;padding-bottom:32px;color:var(--primary-text-color)}.nav__link--active{position:relative;color:var(--accent-color)}@media screen and (min-width: 768px){.nav__link--active::after{content:"";position:absolute;bottom:-1px;left:0;height:4px;width:100%;background-color:var(--accent-color);border-radius:2px}}.contacts{margin-left:auto}@media screen and (min-width: 1200px){.contacts{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}}@media screen and (max-width: 1199px){.contacts__item:first-child{margin-bottom:10px}}.contacts__link{color:var(--description-color)}@media screen and (max-width: 1199px){.contacts__link{font-size:12px;line-height:1.17px}}.contacts__icon{vertical-align:middle;margin-right:10px}.hero{text-align:center;margin-right:auto;margin-left:auto;padding-top:118px;padding-bottom:118px;background-repeat:no-repeat;background-position:center;background-size:cover;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/hero-bg_s@1x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/hero-bg_s@1x.jpg)}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px;max-width:1600px}}@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/hero-bg_s@2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/hero-bg_s@2x.jpg)}}@media screen and (min-width: 481px){.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/hero-bg_m@1x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/hero-bg_m@1x.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{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/hero-bg_m@2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/hero-bg_m@2x.jpg)}}@media screen and (min-width: 769px){.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/hero-bg_l@1x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/hero-bg_l@1x.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{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/hero-bg_l@2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/hero-bg_l@2x.jpg)}}.hero__container{max-width:360px}@media screen and (min-width: 1200px){.hero__container{max-width:696px}}.hero__title{margin-bottom:30px;color:var(--primary-white-color);font-weight:900;font-size:26px;line-height:1.62;letter-spacing:.06em;text-transform:uppercase}@media screen and (min-width: 1200px){.hero__title{font-size:44px;line-height:1.36}}.hero__btn{padding-left:32px;padding-right:32px}@media screen and (min-width: 1200px){.features{padding-bottom:0}}@media screen and (min-width: 768px){.features__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}}@media screen and (min-width: 767px){.features__item{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.features__item{-ms-flex-preferred-size:calc((100% - 90px)/4);flex-basis:calc((100% - 90px)/4)}}@media screen and (max-width: 767px){.features__item:not(:last-child){margin-bottom:30px}}.features__icon{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;height:120px;background-color:var(--primary-bg-color);border-radius:4px}.features__title{margin-bottom:10px;font-weight:700;font-size:14px;line-height:1.14;text-transform:uppercase}@media screen and (max-width: 767px){.features__title{text-align:center}}.features__text{color:var(--description-color);font-size:14px;line-height:1.71}@media screen and (max-width: 1199px){.examples{display:none}}.examples_list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.examples__item:not(:last-child){margin-right:30px}.examples__thumb{position:relative}.examples__overlay{position:absolute;bottom:0;left:0;height:70px;width:100%;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;background-color:rgba(47,48,58,.8)}.examples__text{color:var(--primary-white-color);font-size:14px;line-height:1.14;text-transform:uppercase}.team{text-align:center;background-color:var(--primary-bg-color)}@media screen and (min-width: 768px){.team__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}}.team__item{background-color:var(--primary-white-color);-webkit-box-shadow:var(--primary-box-shadow);box-shadow:var(--primary-box-shadow);border-radius:0px 0px 4px 4px}@media screen and (max-width: 767px){.team__item{display:inline-block;width:100%}.team__item:not(:last-child){margin-bottom:30px}}@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__thumb{margin-top:30px;margin-bottom:30px}.team__title{margin-bottom:10px;font-weight:500;font-size:16px;line-height:1.19}.team__text{margin-bottom:16px;color:var(--description-color);font-size:16px;line-height:1.19}.socials{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.socials__item:not(:last-child){margin-right:10px}.socials__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:44px;height:44px;fill:var(--icons-color);border-radius:50%;-webkit-transition:fill var(--transition),background-color var(--transition);transition:fill var(--transition),background-color var(--transition)}.socials__link:hover,.socials__link:focus{background-color:var(--accent-color);fill:var(--primary-white-color)}.clients{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;gap:30px}@media screen and (max-width: 767px){.clients__item{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 768px)and (max-width: 1199px){.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;fill:var(--icons-color);border:1px solid var(--icons-color);border-radius:4px;-webkit-transition:fill var(--transition),border var(--transition);transition:fill var(--transition),border var(--transition)}.clients__link:hover,.clients__link:focus{fill:var(--accent-color);border:1px solid var(--accent-color)}.footer{padding-top:60px;padding-bottom:60px;background-color:var(--footer-bg-color)}@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;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}}.address{margin-top:20px}@media screen and (max-width: 767px){.address{margin-bottom:60px}}.address__item:not(:last-child){margin-bottom:9px}.address__link,.address__link--contacts{font-style:normal;font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;text-decoration:none;-webkit-transition:color var(--transition);transition:color var(--transition)}.address__link:hover,.address__link:focus,.address__link--contacts:hover,.address__link--contacts:focus{color:var(--accent-color)}.address__link{color:var(--primary-white-color)}.address__link--contacts{color:var(--transparent-text-color)}@media screen and (min-width: 768px)and (max-width: 1199px){.join{margin-top:5px}}@media screen and (min-width: 1200px){.join{margin-left:70px;margin-top:12px}}.join__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.join__title,.subscribe__title{display:block;margin-bottom:20px;color:var(--primary-white-color);font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase}.join__link{fill:var(--primary-white-color);background-color:rgba(255,255,255,.1)}@media screen and (max-width: 1199px){.subscribe{margin-top:60px}}@media screen and (min-width: 1200px){.subscribe{margin-left:93px;margin-top:12px}}@media screen and (min-width: 1200px){.subscribe__form{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width: 1199px){.subscribe__field{display:block;margin-bottom:20px}}@media screen and (min-width: 1200px){.subscribe__field{margin-right:12px}}.subscribe__input{padding-left:16px;height:50px;color:var(--primary-white-color);background-color:rgba(0,0,0,0);font-size:16px;line-height:1.25;letter-spacing:.03em;border:1px solid rgba(255,255,255,.3);border-radius:4px;-webkit-transition:border var(--transition);transition:border var(--transition)}@media screen and (max-width: 767px){.subscribe__input{width:100%}}@media screen and (min-width: 768px)and (max-width: 1199px){.subscribe__input{width:450px}}@media screen and (min-width: 1200px){.subscribe__input{width:358px}}.subscribe__input::-webkit-input-placeholder{color:var(--transparent-text-color)}.subscribe__input::-moz-placeholder{color:var(--transparent-text-color)}.subscribe__input:-ms-input-placeholder{color:var(--transparent-text-color)}.subscribe__input::-ms-input-placeholder{color:var(--transparent-text-color)}.subscribe__input::placeholder{color:var(--transparent-text-color)}.subscribe__input:focus{outline:none;border:1px solid var(--accent-color)}.subscribe__btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 1199px){.subscribe__btn{margin-left:auto;margin-right:auto}}.subscribe__icon{margin-left:10px;fill:currentColor}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);-webkit-transition:opacity var(--transition),visibility var(--transition);transition:opacity var(--transition),visibility var(--transition)}@media screen and (max-width: 479px){.backdrop{padding-left:15px;padding-right:15px}}.backdrop.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.modal{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:40px;width:100%;background-color:var(--primary-white-color);-webkit-box-shadow:var(--primary-box-shadow);box-shadow:var(--primary-box-shadow);border-radius:4px}@media screen and (min-width: 480px){.modal{width:450px}}@media screen and (min-width: 1200px){.modal{min-width:528px;min-height:581px}}.modal__btn--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;padding:0;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer;-webkit-transition:fill var(--transition);transition:fill var(--transition)}.modal__btn--close:hover,.modal__btn--close:focus{fill:var(--accent-color)}.modal__title{display:block;text-align:center;margin-bottom:12px;font-size:20px;line-height:1.15}.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;color:var(--description-color);font-size:12px;line-height:1.16;letter-spacing:.01em}.modal__label:not(:nth-child(5)){margin-bottom:10px}.modal__label:nth-child(5){margin-bottom:20px}.modal__input,.modal__comment{margin-top:4px;padding-left:42px;color:var(--primary-text-color);font-size:12px;line-height:1.16;letter-spacing:.01em;border:1px solid rgba(33,33,33,.2);border-radius:4px;-webkit-transition:outline var(--transition),border var(--transition);transition:outline var(--transition),border var(--transition)}.modal__input:focus,.modal__comment:focus{outline:none;border:1px solid var(--accent-color)}.modal__input{height:40px}.modal__icon{position:absolute;bottom:11px;left:12px;fill:var(--primary-text-color);-webkit-transition:fill var(--transition);transition:fill var(--transition)}.modal__input:focus-visible+.modal__icon{fill:var(--accent-color)}.modal__comment{padding-top:12px;padding-left:16px;height:120px;resize:none}.modal__comment::-webkit-input-placeholder{color:rgba(117,117,117,.5)}.modal__comment::-moz-placeholder{color:rgba(117,117,117,.5)}.modal__comment:-ms-input-placeholder{color:rgba(117,117,117,.5)}.modal__comment::-ms-input-placeholder{color:rgba(117,117,117,.5)}.modal__comment::placeholder{color:rgba(117,117,117,.5)}.checkbox{position:relative;display:inline-block;padding-left:36px;color:var(--description-color);font-size:12px;line-height:14px;letter-spacing:.03em}@media screen and (min-width: 1200px){.checkbox{font-size:14px;line-height:1.17}}.checkbox__icon{position:absolute;top:50%;left:13px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;width:16px;height:15px;border:2px solid var(--primary-text-color);border-radius:2px}.checkbox__input:checked+.checkbox__icon{border:2px solid rgba(0,0,0,0);background-origin:border-box;background-color:var(--accent-color);background-image:url(../images/checkbox.svg);background-position:center;background-repeat:no-repeat;background-size:contain}.checkbox__link{color:var(--accent-color)}.modal__btn--send{display:block;margin-top:30px;margin-left:auto;margin-right:auto}.modal__btn--send:disabled,.btn:hover:disabled{background-color:#999;cursor:not-allowed}.filter{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:30px;gap:8px}@media screen and (min-width: 768px){.filter{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1200px){.filter{margin-bottom:50px}}.filter__btn{padding:6px 22px;color:var(--primary-text-color);background-color:var(--primary-bg-color);font-family:inherit;font-weight:500;font-size:16px;line-height:1.62;letter-spacing:.03em;cursor:pointer;border-width:0px;border-radius:4px;-webkit-transition:color var(--transition),background-color var(--transition),-webkit-box-shadow var(--transition);transition:color var(--transition),background-color var(--transition),-webkit-box-shadow var(--transition);transition:color var(--transition),background-color var(--transition),box-shadow var(--transition);transition:color var(--transition),background-color var(--transition),box-shadow var(--transition),-webkit-box-shadow var(--transition)}.filter__btn:hover,.filter__btn:focus,.filter__btn--active{color:var(--primary-white-color);background-color:var(--accent-color);-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)}.projects{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.projects__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-box-shadow var(--transition);transition:-webkit-box-shadow var(--transition);transition:box-shadow var(--transition);transition:box-shadow var(--transition), -webkit-box-shadow var(--transition)}.projects__item:hover,.projects__item: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)}@media screen and (min-width: 768px){.projects__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.projects__item{width:calc((100% - 60px)/3)}}.projects__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-decoration:none}.projects__overlay-thumb{position:relative;overflow:hidden;z-index:10}.projects__overlay{position:absolute;top:0;left: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;height:100%;width:100%;background-color:rgba(33,150,243,.9);opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity var(--transition),-webkit-transform var(--transition);transition:opacity var(--transition),-webkit-transform var(--transition);transition:transform var(--transition),opacity var(--transition);transition:transform var(--transition),opacity var(--transition),-webkit-transform var(--transition)}.projects__link:hover .projects__overlay,.projects__link:focus .projects__overlay{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.projects__overlay-text{max-width:322px;color:var(--primary-white-color);font-size:18px;line-height:1.56}.projects__thumb{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:20px 24px;border-right:1px solid #eee;border-bottom:1px solid #eee;border-left:1px solid #eee}.projects__title{margin-bottom:4px;color:var(--primary-text-color);font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em}.projects__text{color:var(--description-color);font-size:16px;line-height:1.88}.menu{position:fixed;top:0;left:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:48px 40px;width:100%;height:100%;background-color:var(--primary-white-color);visibility:hidden;opacity:0;pointer-events:none;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:opacity var(--transition),visibility var(--transition),-webkit-transform var(--transition);transition:opacity var(--transition),visibility var(--transition),-webkit-transform var(--transition);transition:transform var(--transition),opacity var(--transition),visibility var(--transition);transition:transform var(--transition),opacity var(--transition),visibility var(--transition),-webkit-transform var(--transition)}.menu.is-open{visibility:visible;opacity:1;pointer-events:auto;-webkit-transform:translateX(0);transform:translateX(0)}.header__btn{display:block;margin-left:auto;padding:0;width:40px;height:40px;background-color:rgba(0,0,0,0);border:none;-webkit-transition:color var(--transition);transition:color var(--transition)}.header__btn:hover{fill:var(--accent-color)}@media screen and (min-width: 768px){.header__btn{display:none}}.header__btn--close{position:absolute;top:10px;right:15px}.menu__nav{margin-bottom:auto}.menu__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}.menu__link{font-weight:500;line-height:1.17;letter-spacing:.02em;text-decoration:none;-webkit-transition:color var(--transition);transition:color var(--transition)}.menu__link:hover,.menu__link:focus{color:var(--accent-color)}.menu__link--nav{color:var(--primary-text-color);font-size:40px}.menu__link--phone{color:var(--accent-color);font-size:34px}.menu__link--email{color:var(--description-color);font-size:24px}.networkings{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin-top:64px}.networkings_item:not(:last-child){padding-right:10px;border-right:1px solid rgba(33,33,33,.2)}.networkings__link{color:var(--accent-color);font-weight:500;font-size:18px;line-height:1.2;letter-spacing:.02em;text-decoration:none}/*# sourceMappingURL=main.min.css.map */