p,h1,h2,h3,h4,h5,h6{margin:0}ul,ol{margin:0;padding-left:0}a{text-decoration:none}.list{list-style:none}button{cursor:pointer}address{font-style:normal}img{display:block}body{width:100%;margin:0 auto;color:var(--primary-text-color);font-family:Roboto,sans-serif;font-size:14px;letter-spacing:.03em}header{border-bottom:1px solid #ececec;width:100%;margin:0 auto;background-color:var(--primery-bg-color)}main{width:100%;margin:0 auto;background-color:var(--primery-bg-color)}footer{width:100%;margin:0 auto}.section{padding-bottom:60px;padding-top:60px}@media screen and (min-width: 1200px){.section{padding-bottom:95px;padding-top:95px}}.container{width:100%;padding-right:15px;padding-left:15px;margin-left:auto;margin-right:auto}@media screen and (min-width: 480px){.container{width:480px}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}.logo{color:#000;font-family:Raleway,cursive;font-style:normal;font-weight:700;font-size:26px;line-height:1.2}.logo-heading{color:var(--accent-text-color)}.section-title{margin-top:0;margin-bottom:30px;color:var(--title-text-color);font-size:28px;line-height:1.17;text-align:center}@media screen and (min-width: 1200px){.section-title{margin-bottom:50px;font-size:36px}}.soc{display:flex;justify-content:center;gap:10px;padding-top:15px;padding-bottom:30px}.soc__item{width:44px;height:44px}.soc__link{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;fill:#afb1b8;transition-property:color,fill,background-color,border-color;transition:var(--timing-function)}.soc__link:hover,.soc__link:focus{fill:var(--secondary-text-color);background-color:var(--accent-text-color)}:root{--primary-text-color: #757575;--secondary-text-color: #ffffff;--title-text-color: #212121;--accent-text-color: #2196F3;--primery-bg-color: #FFFFFF;--secondary-bg-color: #F5F4FA;--buttons-color: #F5F4FA;--bg-color-html: #ffffff;--timing-function: 250ms cubic-bezier(0.4, 0, 0.2, 1) }.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}.container__main-nav{border-top:1px solid #ececec;display:flex;align-items:center}.nav__burger{margin-left:auto}.main-nav{display:flex;align-items:center}.main-nav__list{display:none;margin-left:95px}@media screen and (min-width: 768px){.main-nav__list{display:flex}}.main-nav__item+.main-nav__item{margin-left:50px}.main-nav__link{position:relative;display:block;padding-top:32px;padding-bottom:32px;color:var(--title-text-color);font-weight:500;line-height:1.14;letter-spacing:.02em;transition-property:color,fill,background-color,border-color,box-shadow;transition:var(--timing-function)}.main-nav__link:hover,.main-nav__link:focus{color:var(--accent-text-color)}.main-nav__link::after{content:"";position:absolute;display:block;width:100%;height:4px;left:0;bottom:-1px;background:#2196f3;border-radius:2px;opacity:0}.main-nav .nav__burger{position:absolute;right:180%}.carent__nav-link{color:var(--accent-text-color)}.carent__nav-link::after{opacity:1}.contacts{display:none;margin-left:auto}@media screen and (min-width: 768px){.contacts{display:flex;flex-direction:column;align-items:start;gap:10px}}@media screen and (min-width: 1200px){.contacts{display:flex;flex-direction:row;align-items:start;gap:10px}}@media screen and (min-width: 1200px){.contacts__item+.contacts__item{margin-left:50px}}.contacts__item{height:16px;display:flex;align-items:center;justify-content:center}.contacts__link{display:flex;align-items:center;gap:10px;color:var(--primary-text-color);font-style:normal;font-weight:500;line-height:1.14;letter-spacing:.02em;height:100%;fill:#757575;transition-property:color,fill,background-color,border-color,box-shadow;transition:var(--timing-function)}.contacts__link:hover,.contacts__link:focus{color:var(--accent-text-color);fill:var(--accent-text-color)}.contacts__text{display:block}.hero{height:100%;width:100%;margin:0 auto;padding:118px 0px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/background-mob.jpg);background-repeat:no-repeat;background-position:center;text-align:center}@media(min-device-pixel-ratio: 2),(-webkit-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/background-mob-2x.jpg)}}@media screen and (min-width: 480px){.hero{width:480px}}@media screen and (min-width: 768px){.hero{padding:118px 204px;width:100%;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/background-tab.jpg)}}@media screen and (min-width: 768px)and (min-device-pixel-ratio: 2),screen and (min-width: 768px)and (-webkit-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/background-tab-2x.jpg)}}@media screen and (min-width: 1200px){.hero{height:100%;padding:200px 0;width:100%;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/background.jpg)}}@media screen and (min-width: 1200px)and (min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (-webkit-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/background-2x.jpg)}}.hero__title{color:var(--secondary-text-color);padding-bottom:30px;font-weight:900;font-size:26px;line-height:1.36;letter-spacing:.06em;text-transform:uppercase}@media screen and (min-width: 1200px){.hero__title{font-size:44px;width:700px;margin:0 auto}}.button{color:var(--secondary-text-color);background-color:var(--accent-text-color);font-family:Roboto;font-style:normal;font-weight:700;font-size:16px;line-height:1.88;align-items:center;text-align:center;letter-spacing:.06em;border:none;border-radius:4px;padding:10px 32px;transition-property:color,fill,background-color,border-color;transition:var(--timing-function)}.button:hover,.button:focus{color:var(--title-text-color);background-color:var(--primery-bg-color);border-color:var(--primery-bg-color);cursor:pointer}.about__list{display:flex;flex-direction:column;align-items:center;gap:30px}.about__item{max-width:450px}.about__laibl{display:flex;align-items:center;justify-content:center;height:120px;background-color:#f5f4fa;border-radius:4px;margin-bottom:30px}.about__title{margin-top:0;margin-bottom:10px;align-content:center;color:var(--title-text-color);font-size:14px;line-height:1.14;line-height:1.71;text-transform:uppercase}@media screen and (max-width: 767px){.about__title{text-align:center}}.about__desc{margin-bottom:0;margin-top:0px;font-weight:400;font-size:14px;line-height:1.7142857143;letter-spacing:.03em}@media screen and (min-width: 768px){.about__list{flex-direction:row;flex-wrap:wrap;gap:30px}}@media screen and (min-width: 1200px){.about__list{align-items:flex-start;justify-content:space-between;gap:30px}}@media screen and (min-width: 768px){.about__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.about__item{width:calc((100% - 90px)/4)}}.wedo{padding-top:0px;display:flex;justify-content:space-between}.wedo__title{margin-top:0;margin-bottom:50px;color:var(--title-text-color);font-size:36px;line-height:1.17;text-align:center}.wedo__box{position:relative;display:block}.wedo__imag-title{position:absolute;transform:translate(0%, -100%);width:100%;text-align:center;padding-top:27px;padding-bottom:27px;font-weight:700;font-size:14px;line-height:1.1428571429;text-transform:uppercase;color:#fff;background:rgba(47,48,58,.8)}@media screen and (max-width: 1200px){.wedo{display:none}}.team{padding:95px 0px;background-color:var(--secondary-bg-color)}.team__list{display:flex;flex-direction:column;align-items:center;gap:30px}.team__item{display:block;min-height:248px;width:100%;text-align:center}.team__card{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:var(--primery-bg-color)}.team__imag{width:100%;margin-bottom:30px}.team__prof{font-size:16px;line-height:1.19;text-align:center}@media screen and (min-width: 768px){.team__list{flex-direction:row;flex-wrap:wrap;gap:30px}}@media screen and (min-width: 1200px){.team__list{align-items:flex-start;justify-content:space-between;gap:30px}}@media screen and (min-width: 768px){.team__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.team__item{width:calc((100% - 90px)/4)}}.claents{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px}.claents__item{width:calc((100% - 30px)/2);height:92px}.claents__link{border:1px solid #afb1b8;border-radius:4px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;fill:#afb1b8;transition-property:color,fill,background-color,border-color;transition:var(--timing-function)}.claents__link:hover,.claents__link:focus{fill:var(--accent-text-color);border-color:var(--accent-text-color)}@media screen and (min-width: 1200px){.claents{align-items:flex-start;justify-content:space-between;gap:30px}}@media screen and (min-width: 450px){.claents__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 768px){.claents__item{width:calc((100% - 60px)/3)}}@media screen and (min-width: 1200px){.claents__item{width:calc((100% - 150px)/6)}}.footer{width:100%;margin:0 auto;background-color:#2f303a;display:flex;flex-direction:column;align-items:center;padding:60px 0 60px}@media screen and (min-width: 480px){.footer{width:480px}}@media screen and (min-width: 768px){.footer{width:768px}}@media screen and (min-width: 1200px){.footer{width:1200px}}.footer-logo{display:block;margin-bottom:20px;color:#fff}@media screen and (min-width: 1200px){.footer__contacts{display:flex;flex-direction:column}}.footer-link{color:rgba(255,255,255,.6);font-weight:400;display:block;margin-top:10px}.footer__content{width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 1200px){.footer__content{width:1140px;flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer__box{width:100%}@media screen and (min-width: 768px){.footer__box{display:flex;align-items:center;justify-content:space-around}}@media screen and (min-width: 768px)and (min-width: 1200px){.footer__box{padding-bottom:0px}}.footer__addres{display:flex;flex-direction:column;align-items:center;min-width:230px}@media screen and (min-width: 1200px){.footer__addres{align-items:flex-start}}.footer-soc{background:rgba(255,255,255,.1);fill:#fff}.address{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 1200px){.address{display:flex;align-items:flex-start}}.address__link{display:block;color:var(--secondary-text-color);font-style:normal;line-height:1.71;transition-property:color,fill,background-color,border-color;transition:var(--timing-function)}.address__link:hover,.address__link:focus{color:var(--accent-text-color)}.joine-us{display:flex;flex-direction:column;align-items:center;min-width:205px}.joine-us__title{font-weight:700;line-height:1.1428571429;letter-spacing:.03em;text-transform:uppercase;color:var(--secondary-text-color)}@media screen and (max-width: 767px){.joine-us__title{margin-top:60px}}@media screen and (min-width: 768px){.joine-us__title{padding-bottom:16px}}.form{width:100%;display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 768px){.form{width:570px}}@media screen and (min-width: 1200px){.form{align-items:flex-start}}.form__titlte{padding-top:13px;padding-bottom:20px;font-weight:700;font-size:14px;line-height:1.1428571429;text-transform:uppercase;color:var(--secondary-text-color)}@media screen and (min-width: 1200px){.form__titlte{padding-top:10px}}.form__box{display:flex;flex-direction:column;align-items:center;width:100%}@media screen and (min-width: 768px){.form__box{width:450px}}@media screen and (min-width: 1200px){.form__box{flex-direction:row;align-items:center;justify-content:center;width:570px}}.form__label{display:flex;align-items:center;margin-bottom:20px;width:100%;height:49.42px;border:1px solid;border-color:rgba(255,255,255,.3);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;transition-property:border-color;transition:var(--timing-function)}.form__label:hover{border-color:var(--accent-text-color)}@media screen and (min-width: 1200px){.form__label{width:355px;margin-bottom:0px}}.form__input{width:100%;height:100%;display:block;font-weight:400;font-size:16px;line-height:1.25;color:var(--secondary-text-color);background-color:inherit;border:none;padding-left:16px}.form__input::-moz-placeholder{display:block;background-color:inherit;font-weight:400;font-size:16px;line-height:1.25;color:rgba(255,255,255,.6)}.form__input:-ms-input-placeholder{display:block;background-color:inherit;font-weight:400;font-size:16px;line-height:1.25;color:rgba(255,255,255,.6)}.form__input::placeholder{display:block;background-color:inherit;font-weight:400;font-size:16px;line-height:1.25;color:rgba(255,255,255,.6)}.form-button{border:none;font-size:16px;margin-left:12px;display:flex;align-items:center;justify-content:center;gap:10px;width:200px;height:49.42px;padding:0}.form-button:hover{background-color:#188ce8;border-color:var(--accent-text-color)}.filtr{padding-bottom:50px}.filtr-list{display:block;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-left:auto;margin-right:auto}.filtr-button{color:var(--title-text-color);background-color:var(--buttons-color);border-radius:4px;padding:6px 22px;border:none;transition-property:color,fill,background-color,border-color,box-shadow;transition:var(--timing-function)}.filtr-button:hover,.filtr-button:focus{color:#fff;background-color:var(--accent-text-color);cursor:pointer;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)}.filtr .oll{padding:6px 25px}.project{display:grid;grid-template-columns:1fr;align-items:stretch;justify-items:stretch;gap:30px}@media screen and (min-width: 768px){.project{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1200px){.project{grid-template-columns:1fr 1fr 1fr}}.project__item{background:#fff}.project__link{display:block}.project__link:hover,.project__link: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)}.project__image{position:relative;overflow:hidden}.project__image::after{content:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus vero praesentium aut non ex optio reprehenderit explicabo nulla quia eaque?";position:absolute;display:block;transform:translateY(100%);transition:transform var(--timing-function);top:0;width:100%;height:100%;padding:63px 24px;font-weight:400;font-size:18px;line-height:1.5555555556;letter-spacing:.03em;color:#fff;background:rgba(33,150,243,.9);transition-property:color,fill,background-color,border-color,box-shadow;transition:var(--timing-function)}.project__link:hover .project__image::after,.project__link:focus .project__image::after{transform:translateY(0%)}.project__title{padding-bottom:5px;color:var(--title-text-color);font-size:18px;line-height:2;letter-spacing:.06em}.project__subject{color:var(--primary-text-color);font-size:16px;line-height:1.88;letter-spacing:.03em}.project__desc{padding:20px 24px;border-right:1px solid #eee;border-left:1px solid #eee;border-bottom:1px solid #eee}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);transition-property:visibility,opacity;transition:var(--timing-function)}.backdrop.is-hidden{opacity:0;pointer-events:none}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;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;padding:40px}@media screen and (min-width: 1200px){.modal{min-width:528px;min-height:581px}}.modal__bn-close{position:absolute;width:30px;height:30px;top:8px;left:calc(100% - 38px);display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:50%;fill:#000}.modal__bn-close:hover,.modal__bn-close:focus{fill:var(--accent-text-color);transition-property:fill;transition:var(--timing-function)}.modal__icon-close{display:block}.modal__title{color:var(--title-text-color);font-weight:700;font-size:20px;line-height:1.15;text-align:center;display:block;padding-bottom:12px}.modal__label{display:block}.modal__label span{font-weight:400;font-size:12px;letter-spacing:.01em;color:var(--primary-text-color);margin-bottom:5px}.modal__wrap{position:relative;display:flex;align-items:center;margin-bottom:10px}.modal__input{width:100%;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;transition-property:border;transition:var(--timing-function);outline:none}.modal__label:hover .modal__input,.modal__label:focus .modal__input{border:1px solid var(--accent-text-color);cursor:pointer}.modal__icon{position:absolute;left:12px;fill:#000}.modal__label:hover .modal__icon{fill:var(--accent-text-color)}.modal__area{font-weight:400;font-size:12px;letter-spacing:.01em;color:rgba(117,117,117,.5);padding:12px 16px;height:120px;resize:none;margin-bottom:20px}.modal__area::-moz-placeholder{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__area:-ms-input-placeholder{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__area::placeholder{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__box-bn{display:flex;justify-content:center;padding-top:20px}.modal__button{display:block;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;width:200px;height:50px;color:var(--secondary-text-color);background-color:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;transition-property:background-color;transition:var(--timing-function)}.modal__button:hover{background-color:#188ce8}.modal__check-field{margin-left:12px;display:flex;align-items:center}.modal__check{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}.modal__checkbox-icon{display:none}.modal__check:checked+.modal__checkbox .modal__checkbox-icon{display:block}.modal__checkbox{border-radius:2px;cursor:pointer;margin-right:7px;border:2px solid var(--title-text-color)}.modal__check:checked+.modal__checkbox{background-color:var(--accent-text-color);border-color:var(--accent-text-color)}.modal__field-link{font-weight:400;line-height:1.71;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#2196f3}#phone,#email,#first-name{padding-left:42px}@media(max-width: 767px){.menu{display:none}}.menu .link{padding:10px;color:inherit;text-decoration:none}.menu .link:hover,.menu .link:focus{text-decoration:underline}.menu-toggle{min-height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;padding:0px;background-color:rgba(0,0,0,0);cursor:pointer;border:none;fill:#000}.menu-toggle:hover,.menu-toggle:focus{fill:var(--accent-text-color)}@media(min-width: 768px){.menu-toggle{display:none}}.menu-container{position:fixed;top:0;left:0;width:100vw;height:100vh;padding:48px 40px;background-color:#fff;z-index:999;transform:translateX(100%);transition:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:250ms}.menu-container.is-open{transform:translateX(0)}.menu-container .menu-toggle{position:absolute;top:16px;right:15px;color:#fff}.burger-box{height:85vh;display:flex;flex-direction:column;justify-content:space-between}.mobile-menu{padding:0;list-style:none}.mobile-menu__item>a{display:block;padding-bottom:35px;font-weight:500;font-size:40px;line-height:1.17;letter-spacing:.02em;color:#212121;text-decoration:none}.mobile-menu__item:first-child a{color:var(--accent-text-color)}.mobile-menu__item a:hover{color:#2196f3}.mobile-contacts__tel>a{display:block;font-weight:500;font-size:34px;line-height:1.17;letter-spacing:.02em;color:#2196f3;margin-bottom:35px}.mobile-contacts__email>a{display:block;font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em;color:#757575}.mobile-soc{display:flex;flex-direction:row;flex-wrap:wrap}.mobile-soc__item{padding:0 10px;margin-bottom:10px;font-style:normal;font-weight:500;font-size:18px;line-height:1.12;letter-spacing:.02em;color:#2196f3;border-right:1px solid rgba(33,33,33,.2)}.mobile-soc__item:last-child{border:none}/*# sourceMappingURL=main.min.css.map */