:root{--primary-text-color: #757575;--title-text-color: #212121;--main-white-color: #fff;--accent-color: #2196F3;--background-color: #2F303A;--secondary-background-color: #F5F4FA;--logo-color: #AFB1B8}body{background-color:var(--main-white-color);color:var(--primary-text-color);font-family:Roboto,sans-serif;font-size:14px}.list{list-style:none;padding:0;margin:0}.link{text-decoration:none}.btn{cursor:pointer;display:inline-block}img{display:block;width:100%;max-width:100%;height:auto}.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}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.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}}.title{margin-top:0;margin-bottom:30px;color:var(--title-text-color);font-weight:700;font-size:28px;line-height:1.17;text-align:center;letter-spacing:.03em}@media screen and (min-width: 1200px){.title{margin-bottom:50px;font-size:36px;line-height:1.16}}.header-page{border-bottom:1px solid #ececec}.main-nav{display:flex;justify-content:space-around;align-items:center}.logo{display:flex;margin-right:auto;padding-top:24px;padding-bottom:25px;color:var(--accent-color);font-family:Raleway,sans-serif;font-weight:700;font-size:26px;line-height:1.19;letter-spacing:.03em}.nav__logo{color:var(--title-text-color)}.nav{display:flex}.menu{display:none}@media screen and (min-width: 768px){.menu{display:flex;margin-left:93px}}.menu__item:not(:last-child){margin-right:50px}.menu__link{display:block;padding-top:32px;padding-bottom:32px;color:var(--title-text-color);font-weight:500;line-height:1.14;letter-spacing:.02em;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.menu__link:hover,.menu__link:focus{color:var(--accent-color)}.menu__link--current{position:relative;color:var(--accent-color)}.menu__link--current::after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:4px;border-radius:2px;background-color:var(--accent-color)}.contact{display:none}@media screen and (min-width: 768px){.contact{display:flex;flex-direction:column;align-items:flex-start;margin-left:auto}}@media screen and (min-width: 1200px){.contact{flex-direction:row}}.contact__item:not(:last-child){margin-bottom:10px}@media screen and (min-width: 1200px){.contact__item:not(:last-child){margin-bottom:0;margin-right:50px}}.contact__link{display:flex;align-items:center;justify-content:center;color:var(--primary-text-color);font-weight:500;font-size:12px;line-height:1.16;letter-spacing:.02em;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.contact__link:hover,.contact__link:focus{color:var(--accent-color)}@media screen and (min-width: 1200px){.contact__link{font-size:14px;line-height:1.14;padding-top:32px;padding-bottom:32px}}@media screen and (min-width: 768px)and (max-width: 1199px){.contact__mail{padding-top:20px}}@media screen and (min-width: 768px)and (max-width: 1199px){.contact__tel{padding-bottom:20px}}.contact__icon{fill:currentColor;margin-right:10px;height:14px}@media screen and (min-width: 1200px){.contact__icon{height:16px}}.menu-open-btn{display:block;margin-left:auto;top:10px;right:15px;border:none;background-color:rgba(0,0,0,0);fill:var(--title-text-color);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.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;width:100vw;height:100vh;background-color:#fff;top:0;left:0;padding-top:48px;padding-bottom:48px;padding-left:40px;z-index:2;opacity:1;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.mob-menu{display:none}}.mob-menu.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.mob-container{display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow:auto}.menu-close-btn{display:block;position:absolute;top:10px;right:15px;border:none;background-color:rgba(0,0,0,0);fill:var(--title-text-color);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.menu-close-btn:hover,.menu-close-btn:focus{fill:var(--accent-color)}.mob-menu__item{margin-bottom:32px}.mob-menu__item:last-child{margin-bottom:0}.mob-menu__link{display:inline-block;color:var(--title-text-color);font-weight:500;font-size:40px;line-height:1.17;letter-spacing:.02em;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mob-menu__link:hover,.mob-menu__link:focus{color:var(--accent-color)}.mob-menu__link--current{color:var(--accent-color)}.mob-tel__link{display:block;margin-bottom:32px;font-weight:500;font-size:34px;line-height:1.17;letter-spacing:.02em;color:var(--accent-color)}.mob-mail__link{display:block;color:var(--primary-text-color);margin-bottom:64px;font-weight:500;font-size:24px;line-height:1.16;letter-spacing:.02em}.mob-soc__list{display:flex}.mob-soc__item:not(:last-child){margin-right:10px;padding-right:10px;border-right:1px solid rgba(33,33,33,.2)}.mob-soc__link{font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;color:var(--accent-color)}.hero{background-color:var(--background-color);text-align:center;padding-top:118px;padding-bottom:118px;margin-left:auto;margin-right:auto;background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-img-mob.jpg);max-width:100%;max-width:480px;background-repeat:no-repeat;background-position:center;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(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-img-mob-2x.jpg)}}@media screen and (min-width: 768px){.hero{max-width:768px;background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-img-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(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-img-tab-2x.jpg)}}@media screen and (min-width: 1200px){.hero{max-width:1600px;padding-top:200px;padding-bottom:200px;background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-img.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(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-img-2x.jpg)}}.hero__title{margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:30px;color:var(--main-white-color);font-weight:900;font-size:26px;line-height:1.62;letter-spacing:.06em;text-transform:uppercase}@media screen and (min-width: 768px){.hero__title{width:360px}}@media screen and (min-width: 1200px){.hero__title{width:696px;font-size:44px;line-height:1.36}}.hero__btn{min-width:200px;padding:10px 32px;border:0px solid rgba(0,0,0,0);border-radius:4px;background-color:var(--accent-color);color:var(--main-white-color);font-family:inherit;font-weight:700;font-size:16px;line-height:1.88;text-align:center;letter-spacing:.06em}@media screen and (min-width: 768px){.features__list{margin:0;display:flex;flex-wrap:wrap;gap:30px}}.features__item{width:100%}@media screen and (max-width: 767px){.features__item{margin-bottom:30px}.features__item:last-child{margin-bottom:0}}@media screen and (min-width: 768px){.features__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.features__item{width:calc((100% - 90px)/4)}}.features__thumb{display:flex;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:30px;background-color:var(--secondary-background-color);border-radius:4px}.features__name{text-align:center;margin-top:0;margin-bottom:10px;color:var(--title-text-color);font-weight:700;line-height:1.14;letter-spacing:.03em;text-transform:uppercase}@media screen and (min-width: 768px){.features__name{text-align:start}}.features__text{margin-top:0;margin-bottom:0;line-height:1.71;letter-spacing:.03em}.skills.section{display:none}@media screen and (min-width: 1200px){.skills.section{display:block;padding-top:0}}.skills .container{padding-top:0}.skill__list{display:flex}.skill__item+.skill__item{margin-left:30px}.skill__thumb{position:relative}.skill__overlay{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:70px;bottom:0;left:0;background-color:rgba(47,48,58,.8)}.skill__description{margin:0;font-weight:700;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;text-align:center;color:var(--main-white-color)}.team{background-color:var(--secondary-background-color)}@media screen and (min-width: 768px){.teammate{display:flex;flex-wrap:wrap;gap:30px}}.teammate__item{width:100%;background-color:var(--main-white-color);box-shadow:0px 4px 4px rgba(0,0,0,.25)}@media screen and (max-width: 767px){.teammate__item{margin-bottom:30px}.teammate__item:last-child{margin-bottom:0}}@media screen and (min-width: 768px){.teammate__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.teammate__item{width:calc((100% - 90px)/4)}}.teammate__card{margin-bottom:0}.teammate__item .container{width:100%;padding-top:30px;padding-bottom:24px;padding-left:32px;padding-right:32px}.teammate__name{margin-top:0;margin-bottom:10px;color:var(--title-text-color);font-weight:500;font-size:16px;line-height:1.19;text-align:center;letter-spacing:.03em}.teammate__text{margin-top:0;margin-bottom:16px;font-size:16px;line-height:1.19;text-align:center;letter-spacing:.03em}.teammate-soc{display:flex;justify-content:center;gap:10px}.teammate-soc__item{width:44px;height:44px}.teammate-soc__link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.teammate-soc__link:hover,.teammate-soc__link:focus{background-color:var(--accent-color)}.teammate-soc__link .teammate-soc__icon{fill:var(--logo-color);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.teammate-soc__link:hover .teammate-soc__icon,.teammate-soc__link:focus .teammate-soc__icon{fill:var(--main-white-color)}.partners__list{display:flex;flex-wrap:wrap;gap:30px}.partners__item{width:100%;display:block;width:calc((100% - 30px)/2)}@media screen and (min-width: 768px){.partners__item{width:calc((100% - 60px)/3)}}@media screen and (min-width: 1200px){.partners__item{width:calc((100% - 150px)/6)}}.partners__link{display:flex;justify-content:center;align-items:center;width:100%;height:92px;border:1px solid var(--logo-color);border-radius:4px}.partners__icon{fill:var(--logo-color);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.partners__link:hover .partners__icon,.partners__link:focus .partners__icon{fill:var(--accent-color)}.footer{background-color:var(--background-color);padding-top:60px;padding-bottom:60px;justify-content:flex-start;align-items:baseline}.footer-container{padding-top:0;padding-bottom:0;align-items:baseline;width:100%;text-align:center;align-items:baseline}@media screen and (min-width: 1200px){.footer-container{display:flex;flex-wrap:wrap;justify-content:space-around;text-align:start}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer-tab{margin-bottom:60px}}@media screen and (min-width: 768px){.footer-tab{display:flex;flex-wrap:wrap;justify-content:space-around}}@media screen and (min-width: 1200px){.footer-tab{justify-content:center;align-items:baseline}}.logo.bottom{padding-top:0;padding-bottom:0;margin-bottom:20px;justify-content:center}@media screen and (min-width: 1200px){.logo.bottom{justify-content:flex-start}}.logo-bottom{color:var(--main-white-color)}.address-container{margin-bottom:60px}@media screen and (min-width: 768px){.address-container{margin-bottom:0}}.address{font-style:normal;margin-left:auto;margin-right:auto}.address__text{margin-top:0;margin-bottom:9px;color:var(--main-white-color);line-height:1.71;letter-spacing:.03em}.address__item:not(:last-child){margin-bottom:9px}.address__link{color:rgba(255,255,255,.6);line-height:1.71;letter-spacing:.03em;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.address__link:hover,.address__link:focus{color:var(--accent-color)}.soc{margin-bottom:60px}@media screen and (min-width: 768px){.soc{margin-bottom:0}}@media screen and (min-width: 1200px){.soc{margin-left:70px}}.soc__list{display:flex;justify-content:center}.soc__title{display:block;margin-bottom:20px;font-weight:700;line-height:1.42;letter-spacing:.03em;text-transform:uppercase;color:var(--main-white-color)}.soc__item{width:44px;height:44px;border-radius:50%;margin-right:10px;background-color:rgba(255,255,255,.1)}.soc__item:last-child{margin-right:0}.soc__icon{fill:var(--main-white-color);margin:0}.soc__link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.soc__link:hover,.soc__link:focus{background-color:var(--accent-color)}@media screen and (min-width: 768px)and (max-width: 1199px){.connect{justify-content:center}}@media screen and (min-width: 1200px){.connect{margin-left:auto}}.connect__title{display:block;margin-bottom:20px;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--main-white-color)}.connect__form{width:100%}@media screen and (min-width: 1200px){.connect__form{display:flex;justify-content:center}}.connect__input{display:block;height:50px;width:100%;max-width:450px;margin-right:0;margin-bottom:20px;background-color:rgba(0,0,0,0);border:1px solid rgba(255,255,255,.3);border-radius:4px;padding-top:15px;padding-bottom:15px;padding-left:16px;color:var(--main-white-color)}.connect__input::placeholder{font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}@media screen and (min-width: 768px){.connect__input{width:450px;margin-left:auto;margin-right:auto}}@media screen and (min-width: 1200px){.connect__input{width:358px;margin-right:12px;margin-bottom:0}}.connect__btn{margin-left:auto;margin-right:auto;display:flex;align-items:center;min-width:200px;height:50px;padding:10px 32px;border:0px solid rgba(0,0,0,0);border-radius:4px;background-color:var(--accent-color);color:var(--main-white-color);font-family:inherit;font-weight:700;font-size:16px;line-height:1.88;text-align:center;letter-spacing:.06em;transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.connect__btn:hover,.connect__btn:focus{box-shadow:0px 4px 4px rgba(0,0,0,.15)}.connect__icon{margin-left:10px;fill:var(--main-white-color)}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;padding:93px 15px;background-color:rgba(0,0,0,.2);opacity:1;overflow-y:scroll;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.backdrop.is-hidden .modal{transform:translate(-50%, -50%) scale(0)}.modal{position:relative;padding:40px;background-color:var(--main-white-color);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;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),scale 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);width:450px;height:609px}}@media screen and (min-width: 1200px){.modal{width:528px;height:581px}}.close-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;display:flex;align-items:center;border-radius:50%;border:1px solid rgba(0,0,0,.1);background-color:var(--main-white-color)}.close-icon{transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.close-btn:hover .close-icon,.close-btn:focus .close-icon{fill:var(--accent-color)}.modal-title{margin-top:0;margin-bottom:12px;font-weight:700;font-size:20px;line-height:1.15;text-align:center;letter-spacing:.03em;color:var(--title-text-color)}.modal-field{width:100%;margin-bottom:10px}.modal-field.comment{margin-bottom:20px}.checkbox-field{margin-bottom:30px}.modal-lable{display:block;margin-bottom:4px;font-size:12px;line-height:1.16;letter-spacing:.01em}.input-wrap{position:relative}.modal-icon{display:block;position:absolute;top:50%;left:12px;transform:translateY(-50%);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-input:focus+.modal-icon{fill:var(--accent-color)}.modal-input{display:block;width:100%;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;background-color:rgba(0,0,0,0);outline:rgba(0,0,0,0);padding-top:12px;padding-bottom:12px;padding-left:42px;cursor:pointer;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-input:focus{border-color:var(--accent-color)}.modal-comment{display:block;width:100%;height:120px;resize:none;border:1px solid rgba(33,33,33,.2);border-radius:4px;background-color:rgba(0,0,0,0);padding:12px 16px;outline:rgba(0,0,0,0)}.modal-comment:focus{border-color:var(--accent-color)}.modal-comment::placeholder{line-height:1.16;color:rgba(117,117,117,.5)}.modal-submit{display:block;margin-left:auto;margin-right:auto;min-width:200px;padding:10px 32px;border:0px solid rgba(0,0,0,0);border-radius:4px;background-color:var(--accent-color);color:var(--main-white-color);font-family:inherit;font-weight:700;font-size:16px;line-height:1.88;text-align:center;letter-spacing:.06em;transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-submit:hover{box-shadow:0px 4px 4px rgba(0,0,0,.15)}.check-text{display:inline-block;margin-bottom:30px;font-size:12px;line-height:1.16;letter-spacing:.03em}@media screen and (min-width: 1200px){.check-text{display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1.71}}.check-border{width:16px;height:15px;border:2px solid var(--title-text-color);border-radius:2px;margin-right:9px;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.check-text:hover .check-border,.check-text:focus .check-border{border-color:var(--accent-color)}.privacy-check:checked+.check-text .check-border{background-color:#2196f3;border:none}.privacy-check:focus+.check-text .check-border{border-color:var(--accent-color)}@media screen and (min-width: 1200px){.check-border{display:flex;text-align:center;justify-content:center}}.check-icon{fill:rgba(0,0,0,0)}.privacy-check:checked+.check-text .check-icon{fill:var(--main-white-color)}.check-link{color:var(--accent-color);font-size:12px;line-height:1.16;letter-spacing:.03em}@media screen and (min-width: 1200px){.check-link{font-size:14px;line-height:1.71}}.filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}@media screen and (min-width: 768px){.filter{justify-content:center;margin-bottom:30px}}@media screen and (min-width: 1200px){.filter{margin-bottom:50px}}.filter__btn{display:block;min-width:73px;width:calc(100% - 16px)/3;padding:6px 22px;border:0px solid rgba(0,0,0,0);border-radius:4px;color:var(--title-text-color);font-family:inherit;font-weight:500;font-size:16px;line-height:1.62;text-align:center;letter-spacing:.03em;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.filter__btn:hover,.filter__btn:focus{background-color:var(--accent-color);color:var(--main-white-color);box-shadow:0px 4px 4px rgba(0,0,0,.25)}.filter__btn--current{background-color:var(--accent-color);color:var(--main-white-color);box-shadow:0px 4px 4px rgba(0,0,0,.25)}@media screen and (min-width: 768px){.project{display:flex;flex-wrap:wrap;gap:30px}}.project__item{width:100%}@media screen and (max-width: 767px){.project__item{margin-bottom:30px}.project__item:last-child{margin-bottom:0}}@media screen and (min-width: 768px){.project__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.project__item{width:calc((100% - 60px)/3)}}.description-container{width:100%;padding:20px 24px;border-left:1px solid #eee;border-bottom:1px solid #eee;border-right:1px solid #eee}@media screen and (min-width: 768px){.description-container{flex-grow:1}}.project__thumb{position:relative;overflow:hidden}.project__overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(33,150,243,.9);transform:translateY(101%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.project__link:hover .project__overlay,.project__link:focus .project__overlay{transform:translateY(0)}@media screen and (max-width: 767px){.project__overlay{overflow-y:scroll}}.project__description{margin:0;padding:63px 24px;color:var(--main-white-color);font-size:18px;line-height:1.56;letter-spacing:.03em}.project__link{display:flex;flex-direction:column;height:100%;box-shadow:none;transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.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__title{margin-top:0;margin-bottom:4px;color:var(--title-text-color);font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em}.project__text{color:var(--primary-text-color);margin:0;font-size:16px;line-height:1.88;letter-spacing:.03em}/*# sourceMappingURL=main.min.css.map */