@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,500;0,700;1,400&family=Roboto:wght@400;500;700&display=swap";.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}.filtr{position:absolute;top:-9999px;left:-9999px}.backdrop{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,.2);transition:opacity 1000ms var(--cubic),visibility 1000ms var(--cubic)}.backdrop.is-hidden{opacity:0;pointer-events:none;visibility:hidden}:root{--brand-color: #212121;--bacraund-color-button: #2196F3;--p-color: #757575;--hero-white: #ffffff;--fon: #2F303A;--backraund-usteam: #F5F4FA;--icon: #AFB1B8;--bord: #ECECEC;--cubic: cubic-bezier(0.4, 0, 0.2, 1)}.hide{display:none}@media screen and (min-width: 768px){.hide{display:contents}}body{color:var(--p-color);font-family:Roboto,sans-serif;letter-spacing:.03em;font-size:14px;font-style:normal}.section{padding:60px 0}@media screen and (min-width: 1200px){.section{padding:94px 0}}.border{border-bottom:1px solid #ececec}.footer{background-color:var(--fon);padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.footer__container{display:flex;align-items:baseline}}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;max-width:480px}@media screen and (min-width: 768px){.container{max-width:738px;padding:0}}@media screen and (min-width: 1200px){.container{max-width:1200px;padding-left:15px;padding-right:15px}}.work{font-weight:700;font-size:36px;line-height:1.16;text-align:center;color:var(--brand-color);margin-bottom:50px}h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0}img{display:block;max-width:100%;height:auto}.section.reset{padding-top:0}.resset-b{padding-bottom:0}.list{text-decoration:none;list-style:none;color:currentColor}@media screen and (min-width: 768px){.card-set{display:flex;flex-wrap:wrap;gap:30px}}@media screen and (min-width: 1200px){.card-set{display:flex;flex-wrap:wrap;margin-bottom:-30px;gap:0}}.card-set__link{color:var(--brand-color);text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.02em;transition:box-shadow 250ms var(--cubic);display:flex;flex-direction:column;height:100%}.card-set__items{margin-bottom:30px}.card-set__items:nth-child(3n){margin-right:0}@media screen and (min-width: 768px){.card-set__items{width:calc((100% - 30px)/2);margin-bottom:0}}@media screen and (min-width: 1200px){.card-set__items{margin-right:30px;width:calc((100% - 60px)/3);margin-bottom:30px}.card-set__items .card-set__items:nth-last-child(-n+3){margin-bottom:100px}}.header{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 767px){.header{justify-content:space-between}}@media screen and (min-width: 768px){.header{max-width:768px;padding:0 15px}}@media screen and (min-width: 1200px){.header{max-width:1200px}}.bord{border-bottom:1px solid var(--bord)}.header__item{display:flex;padding-top:32px;padding-bottom:32px;gap:10px;flex-direction:row-reverse;align-items:center}@media screen and (min-width: 768px){.header__item{padding:0;margin:0;justify-content:flex-end}}@media screen and (min-width: 1200px){.header__item{padding:32px 0}}.header__list{display:flex;align-items:center;margin-top:0;margin-bottom:0;gap:50px}@media screen and (min-width: 1200px){.header__list{display:flex;align-items:center;margin-top:0;margin-bottom:0;gap:50px}}.header__contact{display:flex;align-items:center;margin-left:auto}.header__link{color:var(--brand-color);text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.02em;padding:32px 0;position:relative;overflow:hidden}.header__link:hover::after{transform:translateY(0px)}.header__link::after{position:absolute;content:"";display:block;width:100%;height:4px;background-color:var(--bacraund-color-button);border-radius:2px;bottom:0px;transform:translateY(10px);transition:transform 250ms var(--cubic)}.header__link:hover,.header__link:focus{color:var(--bacraund-color-button);transition:color 250ms var(--cubic)}.header__icon--contact{fill:currentColor}.header__addres{display:flex;color:var(--p-color);font-weight:500;line-height:1.14;letter-spacing:.02em;gap:30px;margin:0;padding:0}.header__addres a:hover,.header__addres a:focus{color:var(--bacraund-color-button);transition:color 250ms var(--cubic)}@media screen and (min-width: 768px){.header__addres{gap:10px;flex-wrap:wrap;flex-direction:column}}@media screen and (min-width: 1200px){.header__addres{flex-direction:row;gap:30px}}.hero{padding-top:118px;padding-bottom:118px;text-align:center;margin-left:auto;margin-right:auto;background-image:linear-gradient(270deg, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-s-@1x.png);background-color:var(--fon);background-size:cover}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero{background-image:linear-gradient(270deg, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-s-@2x.png)}}@media screen and (min-width: 768px){.hero{text-align:center;max-width:1600px;margin-left:auto;margin-right:auto;background-image:linear-gradient(270deg, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/herom-@2x.png);background-color:var(--fon);background-size:cover;background-position:center}}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px;text-align:center;max-width:1600px;margin-left:auto;margin-right:auto;background-image:linear-gradient(270deg, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero.jpg);background-color:var(--fon);background-size:cover;background-position:center}}.hero__text{text-transform:uppercase;font-style:normal;font-weight:900;font-size:26px;line-height:1.36;text-align:center;letter-spacing:.06em;color:var(--hero-white);margin-left:auto;margin-right:auto}@media screen and (max-width: 1199px){.hero__text{max-width:360px}}@media screen and (min-width: 1200px){.hero__text{width:696px;font-size:44px}}.hero__button{font-family:"Roboto";cursor:pointer;background:var(--bacraund-color-button);color:var(--hero-white);font-weight:700;font-size:16px;line-height:1.8;min-height:50px;border:0;padding:10px 24px;border-radius:4px;box-shadow:0px 4px 4px rgba(0,0,0,.15);margin-top:30px;letter-spacing:.06em;transition-property:background-color;transition-duration:250ms;transition-timing-function:var(--cubic)}.hero__button:focus,.hero__button:hover{background-color:var(--hero-white);color:var(--bacraund-color-button)}@media screen and (min-width: 1200px){.hero__button{padding:10px 32px}}@media screen and (max-width: 767.5px){.progres li{margin-bottom:30px}}@media screen and (min-width: 768px){.progres{display:flex;flex-wrap:wrap;gap:30px}.progres li{max-width:354px;padding:0}}@media screen and (min-width: 1200px){.progres{display:flex;gap:30px}}.progres__icon{display:flex;justify-content:center;height:120px;background:#f5f4fa;border-radius:4px;align-items:center;margin-bottom:30px}.progres__size-info{font-weight:700;font-size:14px;line-height:1.4;text-transform:uppercase;color:var(--brand-color);margin-bottom:10px;text-align:center}@media screen and (min-width: 768px){.progres__size-info{text-align:left}}@media screen and (min-width: 1200px){.progres__size-info{text-align:left}}.progres__info{font-style:normal;font-weight:400;font-size:14px;line-height:1.7;letter-spacing:.03em}@media screen and (min-width: 1200px){.progres__info{width:270px}}.work__animation--size{color:#2196f3;font-weight:700;font-size:14px;line-height:1.1;text-align:center;letter-spacing:.03em;text-transform:uppercase;color:var(--hero-white);position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.work__animation--info{content:"";width:100%;height:70px;position:absolute;background-color:rgba(47,48,58,.8);left:0;bottom:0;transform:translateY(0px);transition:transform 250ms var(--cubic)}.work__animation:hover .work__animation--info{transform:translateY(-225px)}.work__animation{position:relative;overflow:hidden}.work__list{display:flex;gap:30px;margin:0}@media screen and (max-width: 1199.5px){.work-none{display:none}}.team{background-color:var(--backraund-usteam)}@media screen and (min-width: 768px){.team{display:flex;flex-wrap:wrap;gap:30px}}@media screen and (min-width: 1200px){.team{display:flex;gap:30px}}.team__item{background-color:var(--hero-white);max-width:100%;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;margin-bottom:30px}@media screen and (min-width: 768px){.team__item{max-width:354px;margin:0}}@media screen and (min-width: 1200px){.team__item{width:270px;margin-bottom:0}}.team__delopers{font-weight:500;font-size:16px;line-height:1.18;color:var(--brand-color);margin-top:30px;text-align:center;margin-bottom:10px}.team__profession{font-size:16px;line-height:1.9;text-align:center;margin-bottom:16px}@media screen and (max-width: 767.5px){.work__list-client{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}}@media screen and (min-width: 768px){.work__list-client{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}}@media screen and (min-width: 1200px){.work__list-client{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}}.work__link{display:flex;justify-content:center;align-items:center;border:1px solid #afb1b8;border-radius:4px;width:100%;height:100%;cursor:pointer;content:"";color:var(--icon);transition:color 250ms var(--cubic),border 250ms var(--cubic)}.work__link:hover{border-color:var(--bacraund-color-button);color:var(--bacraund-color-button)}.work__item{width:calc((100% - 30px)/2);height:92px}@media screen and (min-width: 768px){.work__item{width:226px}}@media screen and (min-width: 1200px){.work__item{width:170px}}.work__icon{fill:currentColor}.adres__footer{color:var(--p-color);font-style:normal;font-weight:400;font-size:14px;line-height:1.7}.adres__footer:hover{color:var(--bacraund-color-button);transition:color 250ms var(--cubic)}.addres .addres__list{margin-top:20px;padding:0}.addres__list li:not(:last-child){margin-bottom:9px}.addres__link--str{color:var(--hero-white);font-style:normal;font-weight:400;font-size:14px;line-height:1.7}.addres__link--str:hover{color:var(--bacraund-color-button);transition:color 250ms var(--cubic)}.send-footer{width:100%;padding-left:15px;padding-right:15px}@media screen and (min-width: 768px){.send-footer{display:block;width:450px;margin-left:auto;margin-right:auto;margin-top:60px;padding:0}}@media screen and (min-width: 1200px){.send-footer{display:block;width:570px;margin-left:auto;margin-right:0;margin-top:0;padding:0}}@media screen and (min-width: 1200px){.send-footer__block{display:flex;gap:6px;margin-top:20px}}.send-footer__input{margin:20px 0;width:100%;height:50px;background-color:var(--fon);border:1px solid rgba(255,255,255,.3);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;padding-left:16px;color:var(--backraund-usteam);transition:outline 250ms var(--cubic),border 250ms var(--cubic)}.send-footer__input:focus-visible{outline:1px solid #0087f3;border:0}@media screen and (min-width: 1200px){.send-footer__input{margin:0}}.btn-send{margin-left:auto;margin-right:auto;font-family:"Roboto";cursor:pointer;background:var(--bacraund-color-button);color:var(--hero-white);font-weight:700;font-size:16px;line-height:1.8;letter-spacing:.06em;transition-property:background-color;transition-duration:250ms;transition-timing-function:var(--cubic)}.btn-send:hover{background-color:rgba(255,255,255,.1)}.send-footer__strong{font-weight:700;font-size:14px;line-height:16px;letter-spacing:.03em;text-transform:uppercase;margin-left:auto;margin-right:auto;color:var(--backraund-usteam);max-width:207px;display:block}@media screen and (min-width: 768px){.send-footer__strong{max-width:207px;display:block}}@media screen and (min-width: 1200px){.send-footer__strong{max-width:207px;display:block;margin-left:0;margin-right:0}}.header__logo{color:#000;font-family:"Raleway";font-weight:700;font-size:24px;line-height:1.1666666667;margin-right:93px;padding-top:16px;padding-bottom:16px}@media screen and (min-width: 768px){.header__logo{padding-top:26px;padding-bottom:26px;margin-right:87px}}@media screen and (min-width: 1200px){.header__logo{padding-top:24px;padding-bottom:25px;font-size:26px;line-height:1.0769230769}}.header__logo .logo__web{color:#2196f3}.logo__footer{color:var(--hero-white);font-family:"Raleway";font-weight:700;font-size:26px;line-height:1.2;height:31px}.logo__footer .logo__web{color:#2196f3}.active{color:var(--bacraund-color-button);position:relative}.active::before{position:absolute;content:"";width:100%;height:4px;background-color:var(--bacraund-color-button);border-radius:2px;left:0px;bottom:0px;outline:2px tomato}@media screen and (max-width: 768px){.filtr__list{display:flex;flex-wrap:wrap;margin-bottom:30px}}@media screen and (min-width: 768px){.filtr__list{display:flex;flex-wrap:wrap;margin-bottom:50px;justify-content:center}}@media screen and (min-width: 1200px){.filtr__list{display:flex;flex-wrap:wrap;margin-bottom:50px;justify-content:center}}@media screen and (max-width: 767.5px){.filtr__item{margin-top:15px}}@media screen and (min-width: 768px){.filtr__item{margin-top:0}}.botton-filtr{font-family:"Roboto";font-weight:500;font-size:16px;line-height:1.6;color:var(--brand-color);text-align:center;border:0;border-radius:4px;display:block;padding:6px 22px;margin-right:8px;cursor:pointer}.botton-filtr:hover,.botton-filtr:focus{cursor:pointer;background-color:var(--bacraund-color-button);color:var(--hero-white);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);transition:background-color 250ms var(--cubic),box-shadow 250ms var(--cubic)}@media screen and (min-width: 1200px){.botton-filtr{margin-bottom:0}}.icon-list{display:flex;list-style:none;gap:10px;justify-content:center;padding-bottom:30px}.footer-social__link{color:var(--hero-white);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;position:relative}.icon-list__item:hover .social-developer--icon{fill:currentColor}.icon-list__link{color:var(--hero-white);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;position:relative}.icon-list__item{border-radius:50%;width:44px;height:44px;transition:background-color 250ms var(--cubic),border 250ms var(--cubic)}.icon-list__item .social-developer--icon{fill:var(--icon)}.icon-list__item:hover .social-developer--icon{fill:currentColor}.icon-list__item:hover{background-color:var(--bacraund-color-button);border-radius:50%}.btn{width:200px;height:50px;min-height:50px;border:0;padding:10px 32px;border-radius:4px;box-shadow:0px 4px 4px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;gap:10px}.footer-social__size{font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--hero-white)}.position-icon{text-align:center}@media screen and (min-width: 768px){.position-icon{display:flex;justify-content:space-around;align-items:baseline}}@media screen and (min-width: 1200px){.position-icon{display:flex;text-align:left;align-items:baseline}}.footer-social{margin:60px 0}@media screen and (min-width: 768px){.footer-social{margin:0}}@media screen and (min-width: 1200px){.footer-social{margin:0 0 0 70px}}.footer-social__list{display:flex;list-style:none;gap:10px;justify-content:center;margin-top:20px}.footer-social__item{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:30px;background:rgba(255,255,255,.1);border-radius:50%;transition:background-color 250ms var(--cubic)}.footer-social__item:hover,.footer-social__item:focus{background-color:var(--bacraund-color-button);border-radius:50%;fill:currentColor}.footer-social__icon{fill:var(--hero-white)}.modal{max-width:450px;background-color:var(--hero-white);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;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media screen and (min-width: 1200px){.modal{max-width:528px;background-color:var(--hero-white);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;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}}.modal-form{padding:40px}.modal__btn--closed{position:absolute;font-size:25px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.1);padding:0;top:8px;right:8px;cursor:pointer;transition:color 250ms var(--cubic)}.modal__btn--closed:hover{color:var(--bacraund-color-button);border:0}.modal-form__input{width:100%;height:40px;padding-left:40px;padding-right:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:rgba(0,0,0,0);transition:border-color 250ms var(--cubic),fill 250ms var(--cubic)}.modal-form__input:focus~.modal-form__icon{fill:var(--bacraund-color-button)}.modal-form__input:focus,.modal-form__input:hover{border-color:var(--bacraund-color-button)}.modal-form__icon{transform:fill 250ms var(--cubic)}.modal-form__input--texterea{padding:12px 16px;width:100%;border:0;outline:1px solid rgba(33,33,33,.2);border-radius:4px;resize:none;height:120px}.modal-form__label{display:block;position:relative;font-family:"Roboto";font-style:normal;font-weight:400;font-size:12px;line-height:1.1666666667;letter-spacing:.01em;color:var(--p-color);margin-bottom:10px}.modal-form__label:hover{fill:var(--bacraund-color-button);border:var(--bacraund-color-button)}.modal-form__label a{color:var(--bacraund-color-button)}.modal-form__span{display:block;margin-bottom:4px}.modal-form__icon{position:absolute;left:12px;bottom:12px}.label-check__icon{fill:var();border:2px solid var(--brand-color);margin-right:7px;border-radius:2px}.label-check__icon:focus{background-image:url(../images/symbol-defs.svg#modal-form__icon)}.label-check__icon--active{width:16px;height:15px;opacity:0;transition:opacity 250ms var(--cubic)}.hero-button-modal{font-family:"Roboto";cursor:pointer;background:var(--bacraund-color-button);color:var(--hero-white);font-weight:700;font-size:16px;line-height:1.8;letter-spacing:.06em;transition-duration:250ms;transition-timing-function:var(--cubic);margin:0 auto}.hero-button-modal:hover{background-color:#188ce8}.label-check{display:flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;margin-top:20px;margin-bottom:30px}.label-check__input:checked+.label-check__icon .label-check__icon--active{opacity:1;background-color:var(--bacraund-color-button)}.label-check__input:checked+.label-check__icon{background-color:var(--bacraund-color-button);border:0}.register-form-spam{font-family:"Roboto";font-weight:400;font-size:12px;line-height:2;letter-spacing:.03em;color:var(--second-cl);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 1200px){.register-form-spam{font-size:14px;line-height:1.7142857143}}.modal-form__strong{display:block;font-family:"Roboto";font-weight:700;font-size:20px;line-height:1.15;text-align:center;letter-spacing:.03em;color:var(--brand-color);align-items:center;justify-content:center;margin-bottom:12px}.label-check__link{color:var(--bacraund-color-button)}.shadow:hover{display:block;border:1px var(--hero-white);border-radius:4px;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)}.shadow:hover .card-set__link--p{transform:translateY(0%)}.card-set__text--h2{font-style:normal;font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em;color:var(--brand-color);margin-bottom:4px}.card-set__text--p{font-family:"Roboto";font-style:normal;font-weight:400;font-size:16px;line-height:1.85;color:var(--p-color);text-decoration:none}.card-set__text{padding:20px 25px;border:1px solid var(--backraund-usteam);flex-grow:1}.card-set__text::after{position:absolute;display:block;background-color:#000;width:100%;height:100%;left:0;top:0}.card-set__link--img{overflow:hidden;position:relative}.card-set__link--p{display:block;position:absolute;background-color:rgba(33,150,243,.9);width:100%;height:294px;top:0;transform:translateY(100%);transition:transform 250ms var(--cubic)}.card-set__link--p p{color:var(--hero-white);font-style:normal;font-weight:400;font-size:18px;line-height:28px;letter-spacing:.03em;padding:63px 24px 63px 24px}.menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background-color:rgba(0,0,0,0);border:none;cursor:pointer}.menu-btn:hover{fill:#2196f3}@media screen and (min-width: 768px){.menu-btn{opacity:0;display:none}}.close-btn{position:absolute;right:15px;top:10px;display:flex;align-items:center;justify-content:center;background-color:aqua;width:40px;height:40px;padding:0;background-color:rgba(0,0,0,0);border:none;cursor:pointer}.close-btn:hover{fill:#2196f3}@media screen and (min-width: 768px){.close-btn{opacity:0;display:none}}.menu-container{position:fixed;display:flex;flex-direction:column;top:0;left:0;z-index:1000;max-width:100%;padding:48px 40px;width:100%;height:100%;background-color:#fff;outline:1px solid teal;transform:translateX(200%);transition:transform 400ms}.menu-container.is-open{transform:translateX(0);opacity:1}@media screen and (min-width: 768px){.menu-container{visibility:hidden}}.mobile-menu{margin-bottom:auto}.mobile-menu__contact{margin-bottom:64px}.mobile-menu__link{font-family:"Roboto";font-style:normal;font-weight:500;font-size:40px;line-height:1.175;letter-spacing:.02em;color:#212121}.mobile-menu__link--tell{font-family:"Roboto";font-style:normal;font-weight:500;font-size:34px;line-height:1.1764705882;letter-spacing:.02em;color:#2196f3}.mobile-menu__link--tell:hover{color:#212121}.mobile-menu__link--email{font-family:"Roboto";font-style:normal;font-weight:500;font-size:24px;line-height:1.1666666667;letter-spacing:.02em;color:#757575}.mobile-menu__link--email:hover{color:#212121}.mobile-menu__link:hover{color:#2196f3}.mobile-menu__list:not(:last-child){margin-bottom:32px}.mobile-socials{display:flex;flex-wrap:wrap;max-width:480px}.mobile-socials__link{font-family:"Roboto";font-style:normal;font-weight:500;font-size:18px;line-height:1.2222222222;letter-spacing:.02em;color:#2196f3;border-right:1px solid rgba(33,33,33,.2);transform:rotate(90deg);padding:0 10px}.mobile-socials__link:hover{color:#212121}/*# sourceMappingURL=main.min.css.map */