.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:'Roboto', sans-serif;color:var(--blackcolor);background-color:var(--whitecolor);font-size:14px;letter-spacing:0.03em}address{font-style:normal}h1,h2,h3,h4,h5,h6,p{margin:0}img{display:block;max-width:100%;height:auto}.list{list-style:none;padding-left:0;margin:0}.link{text-decoration:none}.container{width:1200px;padding-left:15px;padding-right:15px;margin-right:auto;margin-left:auto}.grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--indent)}.grid__item{-ms-flex-preferred-size:calc((100% - var(--indent) * var(--items) - 1) / var(--items));flex-basis:calc((100% - var(--indent) * var(--items) - 1) / var(--items))}.hero__button{display:inline-block;cursor:pointer;font-family:'Roboto', sans-serif;background-color:var(--accent-color);font-weight:700;font-size:16px;line-height:1.87;letter-spacing:0.06em;color:var(--whitecolor);margin-top:30px;padding:10px 32px;border:none;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15);border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.hero__button:hover,.hero__button:focus{background-color:#188CE8;color:var(--whitecolor)}.modal__btn{position:absolute;top:10px;right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid rgba(0,0,0,0.1);border-radius:50%;background-color:transparent;cursor:pointer}.modal__btn:hover .close__icon{fill:var(--accent-color);-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__button{background-color:var(--accent-color);font-weight:700;font-size:16px;line-height:1.87;letter-spacing:0.06em;color:var(--whitecolor);padding:10px 55px;border:none;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15);border-radius:4px;cursor:pointer;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__button:hover,.form__button:focus{background-color:#188CE8;color:var(--whitecolor)}.button-section{margin-bottom:50px}.button-section .button__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.button-section .button__item{margin-right:8px}.button-section .button__item:last-child{margin-right:0px}.button__filter{cursor:pointer;padding:6px 22px;font-family:'Roboto', sans-serif;font-weight:500;font-size:16px;line-height:1.62;letter-spacing:0.03em;background-color:var(--button-color);color:var(--primary-text-color);border:none;border-radius:5px;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);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);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),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.button__filter:hover,.button__filter:focus{background-color:var(--accent-color);color:var(--whitecolor);-webkit-box-shadow:0px 3px 1px rgba(0,0,0,0.1),0px 1px 2px rgba(0,0,0,0.08),0px 2px 2px rgba(0,0,0,0.12);box-shadow:0px 3px 1px rgba(0,0,0,0.1),0px 1px 2px rgba(0,0,0,0.08),0px 2px 2px rgba(0,0,0,0.12)}.submit__button{width:200px;height:50px;padding:0;cursor:pointer;background-color:var(--accent-color);font-weight:700;font-size:16px;line-height:30px;letter-spacing:0.06em;color:var(--whitecolor);margin-left:12px;border:none;border-radius:4px}.submit__icon{-webkit-transform:translateY(25%);transform:translateY(25%);margin-left:10px;fill:var(--whitecolor)}.socials{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap: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;background-color:var(--whitecolor);border-radius:50%;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.socials__link:hover,.socials__link:focus{background-color:var(--accent-color)}.socials__link:hover .socials__icon,.socials__link:focus .socials__icon{fill:var(--whitecolor)}.socials__icon{fill:var(--clients-logo);-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.join{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.join__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;background-color:rgba(255,255,255,0.1);border-radius:50%;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.join__link:hover,.join__link:focus{background-color:var(--accent-color)}.join__link:hover .socials__icon,.join__link:focus .socials__icon{fill:var(--whitecolor)}.join__icon{fill:var(--whitecolor);-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navigation__list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:93px;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em}.navigation__list .navigation__item+.navigation__item{margin-left:50px}.navigation__link{padding-top:32px;padding-bottom:32px;position:relative;color:var(--primary-text-color);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.navigation__link:hover,.navigation__link:focus{color:var(--accent-color)}.navigation__link.current{color:var(--accent-color)}.navigation__link.current::after{position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:4px;background-color:var(--accent-color);border-radius:2px}.authnavigation{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.authnavigation .authnavigation__item+.authnavigation__item{margin-left:50px}.authnavigation__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:32px;padding-bottom:32px;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;color:var(--title-text-color);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.authnavigation__link:hover,.authnavigation__link:focus{color:var(--accent-color)}.authnabigation__icon{margin-right:10px;fill:currentColor}.web{padding-top:24px;padding-bottom:25px;font-family:'Raleway';font-style:normal;font-weight:700;font-size:26px;line-height:1.19;letter-spacing:0.03em;color:var(--accent-color)}.studio{padding-top:24px;padding-bottom:25px;font-family:'Raleway';font-style:normal;font-weight:700;font-size:26px;line-height:1.19;letter-spacing:0.03em;color:var(--blackcolor)}.hero{max-width:1600px;height:600px;margin-left:auto;margin-right:auto;background-color:var(2Acolor);background-image:-webkit-gradient(linear, left top, right top, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url(../image/Img-hero.jpg);background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../image/Img-hero.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:200px;padding-bottom:200px;text-align:center}.hero__decision{width:696px;text-align:center;font-weight:900;font-size:44px;line-height:1.36;letter-spacing:0.06em;text-transform:uppercase;color:var(--whitecolor);margin:0 auto}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);z-index:10;-webkit-transition:opacity 400ms, visibility 400ms;transition:opacity 400ms, visibility 400ms}.backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.modal__wrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:528px;height:581px;padding:40px;background-color:var(--whitecolor);-webkit-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);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);border-radius:4px;-webkit-transition:ease-in-out 300ms, opacity 300ms ease-in-out 300ms, -webkit-transform 300ms;transition:ease-in-out 300ms, opacity 300ms ease-in-out 300ms, -webkit-transform 300ms;transition:transform 300ms, ease-in-out 300ms, opacity 300ms ease-in-out 300ms;transition:transform 300ms, ease-in-out 300ms, opacity 300ms ease-in-out 300ms, -webkit-transform 300ms}.backdrop.is-hidden .modal__wrapper{-webkit-transform:translate(-50%, -50%) scale(0.4);transform:translate(-50%, -50%) scale(0.4);opacity:0}.backdrop .modal__wrapper{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:1}.form__title{display:block;font-weight:700;font-size:20px;line-height:23px;margin-bottom:12px;color:var(--primary-text-color)}.form__group{position:relative}.form__group{display:block;margin-bottom:10px}.form__group:focus-within .form__input,.form__group:hover .form__input{border-color:var(--accent-color)}.form__group:focus-within .form__icon,.form__group:hover .form__icon{fill:var(--accent-color)}.form__label{display:block;font-weight:400;font-size:12px;line-height:14px;letter-spacing:0.01em;text-align:left;margin-bottom:4px;color:var(--title-text-color)}.form__input{width:100%;padding:12px 42px;border:1px solid rgba(33,33,33,0.2);border-radius:4px;outline:transparent;color:var(--primary-text-color);-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__icon{position:absolute;bottom:12px;left:12px;fill:var(--primary-text-color);-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.feedback{width:100%;height:120px;padding:12px 16px;outline:transparent;resize:none;border:1px solid rgba(33,33,33,0.2);border-radius:4px;margin-bottom:20px;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.feedback:focus,.feedback:hover{border-color:var(--accent-color)}.policy__group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px}.checkbox__icon{width:16px;height:15px;margin-right:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:1px solid var(--primary-text-color);border-radius:2px;fill:var(--whitecolor);background-color:var(--whitecolor);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:outline 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:outline 250ms cubic-bezier(0.4, 0, 0.2, 1)}.checkbox__icon:hover,.checkbox__icon:focus{outline-color:var(--accent-color)}.checkbox:checked+.checkbox__icon{background-color:var(--accent-color);fill:var(--blackcolor);outline:none}.policy__desc{font-weight:400;font-size:14px;line-height:24px;color:var(--title-text-color)}.policy__window{margin-left:3px;font-weight:400;font-size:14px;line-height:24px;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:var(--accent-color)}.menu{padding:94px 0}.work{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--indent)}.work__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px;width:270px;height:120px;background-color:var(--button-color);border-radius:4px}.BenefitsH{font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;margin-bottom:10px}.BenefitsP{font-size:14px;line-height:1.71;letter-spacing:0.03em;color:var(--title-text-color)}.our-job{padding-bottom:94px}.our{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--indent)}.our__item{position:relative}.our__item .liners__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;width:100%;height:70px;bottom:0;left:0;font-weight:700;line-height:16px;text-align:center;text-transform:uppercase;color:var(--whitecolor);background-color:rgba(47,48,58,0.8)}.our-work{font-size:36px;line-height:1.16;letter-spacing:0.03em;color:var(--primary-text-color);margin-bottom:50px;text-align:center}.button-menu-p{margin-bottom:34px}.team-block{background-color:var(--button-color);padding:94px 0}.our-team{margin-bottom:50px;font-size:36px;text-align:center;line-height:1.16;letter-spacing:0.03em;color:var(--primary-text-color)}.tema{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--indent)}.tema .team__item{background-color:var(--whitecolor);-webkit-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);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);border-radius:0px 0px 4px 4px}.team__form{padding-top:30px;padding-bottom:30px}.team__name{margin-bottom:10px;text-align:center;font-weight:500;font-size:16px;line-height:1.18;letter-spacing:0.03em;color:var(--primary-text-color)}.position{margin-bottom:16px;text-align:center;font-size:16px;line-height:1.18;letter-spacing:0.03em;color:var(--title-text-color)}.clients-block{padding:94px 0}.our-clients{margin-bottom:50px;font-style:normal;font-weight:700;font-size:36px;text-align:center;letter-spacing:0.03em;color:var(--primary-text-color)}.clients{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--indent)}.clients__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:170px;height:92px;border:1px solid var(--clients-logo);border-radius:4px;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients__link:hover,.clients__link:focus{border-color:var(--accent-color)}.clients__link:hover .clients__icon,.clients__link:focus .clients__icon{fill:var(--accent-color)}.clients__icon{fill:var(--clients-logo);-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio-header{border:1px solid #ECECEC}.padding-section{padding-top:94px;padding-bottom:94px}.job-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--indent)}.job__item{width:370px}.shadow-hover{display:block;-webkit-transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.shadow-hover:hover,.shadow-hover:focus{-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.12),0px 4px 4px rgba(0,0,0,0.06),1px 4px 6px rgba(0,0,0,0.16);box-shadow:0px 1px 1px rgba(0,0,0,0.12),0px 4px 4px rgba(0,0,0,0.06),1px 4px 6px rgba(0,0,0,0.16)}.shadow-hover:hover .paragraf,.shadow-hover:focus .paragraf{-webkit-transform:translateY(0);transform:translateY(0)}.job__sites{padding:20px 24px;border:1px solid #EEEEEE;border-top:none}.job{margin-bottom:4px;font-weight:700;font-size:18px;line-height:2;letter-spacing:0.06em;color:var(--primary-text-color)}.sites{font-size:16px;line-height:1.87;letter-spacing:0.03em;color:var(--title-text-color)}.foto__job{position:relative;overflow:hidden}.paragraf{content:"";display:block;position:absolute;width:100%;height:100%;bottom:0;left:0;padding:63px 24px;background-color:rgba(33,150,243,0.9);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.paragraf .paragraf__item{font-style:normal;font-weight:400;font-size:18px;line-height:28px;color:var(--whitecolor)}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.flex .div__item{margin-right:70px}.flex .div__item:last-child{margin-right:0px}.web-footer{font-family:'Raleway';font-style:normal;font-weight:700;font-size:26px;line-height:1.19;letter-spacing:0.03em;color:var(--accent-color)}.studio-footer{font-family:'Raleway';font-style:normal;font-weight:700;font-size:26px;line-height:1,
 19;letter-spacing:0.03em;color:var(--whitecolor)}.footer-address{margin-top:20px}.address .address__item{margin-bottom:9px}.address .address__item:last-child{margin-bottom:0}.maps{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:0.03em;color:var(--whitecolor);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.maps:hover,.maps:focus{color:var(--accent-color)}.footer-number-link{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:0.03em;color:rgba(255,255,255,0.6);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer-number-link:hover,.footer-number-link:focus{color:var(--accent-color)}.footer{padding:60px 0;background-color:#2F303A}.footer-p{font-weight:700;line-height:16px;letter-spacing:0.03em;text-transform:uppercase;margin-bottom:20px;color:var(--whitecolor)}.div__item{margin-left:auto}.label__email{font-weight:400;font-size:16px;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:rgba(255,255,255,0.6)}.input__email{-webkit-transform:translateY(-2%);transform:translateY(-2%);width:358px;height:50px;padding:15px 16px;background-color:transparent;color:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.3);border-radius:4px;outline:transparent}
/*# sourceMappingURL=main.min.css.map */