p,h1,h2,h3,h4,h5,h6{margin:0}ul,ol{margin:0;padding-left:0}button{cursor:pointer}address{font-style:normal}img{display:block;max-width:100%;height:auto;width:100%}body{font-family:Roboto,sans-serif;color:var(--h-color);font-size:14px;letter-spacing:.03em;background-color:var(--background-header)}.list{list-style:none}.link{text-decoration:none}:root{--hover-color: #2196F3;--h-color: #212121;--background-header: #FFFFFF;--hero-background: #2F303A;--p-color: #757575;--team-background: #F5F4FA;--button-servise: #188ce8;--mail-tel: rgba(255, 255, 255, 0.6);--timing-function: cubic-bezier(0.4, 0, 0.2, 1);--new-timing-function: 250ms;--gradient:linear-gradient( to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)) }.container{width:100%;padding-left:15px;padding-right:15px;margin:0 auto}@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}}.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.visually-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);margin:-1px}.menu-open{width:40px;height:40px;display:flex;align-items:center;background-color:rgba(0,0,0,0);border:none;cursor:pointer;transition-property:fill,background-color;transition-duration:var(--new-timing-function);transition-timing-function:var(--timing-function)}.menu-open:hover,.menu-open:focus{fill:var(--hover-color)}@media screen and (min-width: 480px){.menu-open{margin-left:0 auto}}@media screen and (min-width: 768px){.menu-open{display:none}}.mob-menu__btn-open{fill:currentColor}.mob-menu__btn-open:hover,.mob-menu__btn-open:focus{fill:var(--hover-color)}.mobile-menu__btn{fill:currentColor}.mobil-menu{position:fixed;top:0;z-index:2;width:100vw;height:100vh;background-color:var(--background-header);padding:48px 40px;display:flex;flex-direction:column;justify-content:space-between;overflow:auto}.menu-close{position:absolute;right:15px;top:10px;display:flex;align-items:center;width:40px;height:40px;background-color:rgba(0,0,0,0);border:none;cursor:pointer;transition-property:background-color,fill;transition-duration:var(--new-timing-function);transition-timing-function:var(--timing-function)}.menu-close:hover,.menu-close:focus{fill:var(--hover-color)}.mobil-menu__list{list-style:none;text-decoration:none}.mob-menu-item{list-style:none;text-decoration:none}.mob-menu-item:not(:last-child){margin-bottom:32px}.mobil-menu-link{list-style:none;text-decoration:none;list-style:none;text-decoration:none;font-weight:500;font-size:40px;line-height:1.17;letter-spacing:.02em;color:var(--h-color);transition-property:background-color,fill;transition-duration:var(--new-timing-function);transition-timing-function:var(--timing-function)}.mobil-menu-link:hover,.mobil-menu-link:focus{color:var(--hover-color)}.mobil-up{margin-bottom:32px}.mobil-contact__tel{list-style:none;text-decoration:none;font-weight:500;font-size:27px;line-height:1.17;letter-spacing:.02em;color:var(--hover-color);transition-property:background-color,fill;transition-duration:var(--new-timing-function);transition-timing-function:var(--timing-function)}.mobil-contact__tel:hover,.mobil-contact__tel:focus{color:var(--button-servise)}@media screen and (min-width: 480px){.mobil-contact__tel{font-weight:500;font-size:34px;line-height:1.17;letter-spacing:.02em}}.mobil-contact__mail{font-weight:500;font-size:24px;line-height:1.16;letter-spacing:.02em;color:var(--p-color)}.mobil-contact-tel{margin-bottom:32px}.mobil-soc{display:flex;margin-top:64px}.mobil-soc-item{width:100%}.mobil-soc-item:not(:last-child){border-right:1px solid rgba(33,33,33,.2)}.mobil-soc-link{font-weight:500;font-size:14px;line-height:1.22;letter-spacing:.02em;color:var(--hover-color);padding:10px}@media screen and (min-width: 480px){.mobil-soc-link{font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;padding:10px}}.header{border-bottom:1px solid #ececec}.header__container{display:flex;max-width:100%;justify-content:space-between;align-items:center}@media screen and (min-width: 480px){.header__container{max-width:480px}}@media screen and (min-width: 768px){.header__container{max-width:768px}}@media screen and (min-width: 1200px){.header__container{max-width:1200px}}.nav{display:flex;align-items:center}.nav__list{list-style:none;display:flex;gap:50px}@media screen and (min-width: 768px){.nav__list{gap:50px;margin-left:88px}}@media screen and (min-width: 1200px){.nav__list{gap:50px;margin-left:94px}}@media screen and (max-width: 768px){.nav__list{display:none}}.nav__link{font-weight:500;line-height:1.14;letter-spacing:.02em;color:var(--h-color);text-decoration:none;display:block;padding-bottom:32px;padding-top:32px;position:relative;transition:color var(--new-timing-function) var(--timing-function)}.nav__link:hover,.nav__link:focus{color:var(--hover-color)}.current{color:var(--hover-color)}.current::after{content:"";display:block;width:100%;height:4px;border-radius:2px;background-color:var(--hover-color);position:absolute;left:0;bottom:-4px;opacity:0}@media screen and (min-width: 480px){.current::after{display:none}}@media screen and (min-width: 1200px){.current::after{bottom:-1px}}.current::after{opacity:1}.logo__part{color:#000}.logo{color:var(--hover-color);text-decoration:none;font-family:Raleway,sans-serif;font-weight:700;font-size:26px;line-height:1.2;display:inline-block;justify-content:flex-start}@media screen and (min-width: 768px){.logo{margin-left:0}}.contact__header{list-style:none;display:none;font-weight:500}.contact__header :hover,.contact__header :focus{color:var(--hover-color)}@media screen and (min-width: 768px){.contact__header{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-top:21px;padding-bottom:21px;margin-left:0 auto}}@media screen and (max-width: 768px){.contact__header{display:none}}@media screen and (min-width: 1200px){.contact__header{display:flex;flex-direction:row;gap:50px;justify-content:flex-end;padding:0 0;margin-left:auto}}.contacts__mail{list-style:none;color:var(--p-color);text-decoration:none;font-style:normal;line-height:1.14;font-weight:500;display:flex;align-items:center;transition:color var(--new-timing-function) var(--timing-function)}@media screen and (min-width: 768px){.contacts__mail{padding:0px}}@media screen and (min-width: 1200px){.contacts__mail{padding-top:32px;padding-bottom:32px}}.icon-envelope{height:10px;fill:currentColor}@media screen and (min-width: 1200px){.icon-envelope{width:16px;height:12px;margin-right:8px}}@media screen and (min-width: 768px){.icon-envelope{margin-right:8px}}.contacts__tel{font-weight:500;color:var(--p-color);text-decoration:none;list-style:none;font-style:normal;line-height:1.14;align-items:center;transition:color var(--new-timing-function) var(--timing-function)}@media screen and (min-width: 768px){.contacts__tel{padding:0px}}@media screen and (min-width: 1200px){.contacts__tel{color:var(--p-color);text-decoration:none;font-style:normal;line-height:1.14;align-items:center;padding:0px;display:flex;padding-top:32px;padding-bottom:32px}}.icon-smartphone{fill:currentColor}@media screen and (min-width: 1200px){.icon-smartphone{width:10px;height:16px;margin-right:8px}}@media screen and (min-width: 768px){.icon-smartphone{margin-right:8px}}.contacts :hover,.contacts :focus{color:var(--hover-color)}.hero{position:relative;margin:0 auto;padding-top:118px;padding-bottom:118px;text-align:center;background-color:#c4c4c4}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px}}.overlay{max-width:1600px;background-size:cover;background-repeat:no-repeat;margin-left:auto;margin-right:auto;background-position:center}@media screen and (min-width: 480px){.overlay{background-image:var(--gradient),url("..//images/headermob.jpg")}}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.overlay{background-image:var(--gradient),url(..//images/header-mob-2x.jpg)}}@media screen and (min-width: 768px){.overlay{background-image:var(--gradient),url("..//images/headertab.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){.overlay{background-image:var(--gradient),url(..//images/header-tab-2x.jpg)}}@media screen and (min-width: 1200px){.overlay{background-image:var(--gradient),url("..//images/fon.jpg");padding-top:200px;padding-bottom:200px}}@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){.overlay{background-image:var(--gradient),url(..//images/hero-2x.jpg)}}.hero__title{font-weight:900;font-size:26px;line-height:1.62;text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--background-header);max-width:360px;margin:0 auto;margin-bottom:30px}@media screen and (min-width: 1200px){.hero__title{font-weight:900;font-size:44px;line-height:1.36;max-width:696px}}.hero__button{font-family:inherit;font-weight:700;font-size:16px;line-height:1.87;letter-spacing:.06em;background-color:var(--hover-color);color:var(--background-header);cursor:pointer;padding:10px 32px;border-color:rgba(0,0,0,0);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;transition:color var(--new-timing-function) var(--timing-function),background-color var(--new-timing-function) var(--timing-function)}.hero__button:hover,.hero__button:focus{background-color:var(--button-servise)}.features{padding:94px 0}@media screen and (min-width: 480px){.features{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 768px){.features{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.features{padding-top:94px;padding-bottom:118px}}.specialty{font-style:normal;font-size:14px;font-weight:700;line-height:1.14;text-transform:uppercase;color:var(--h-color);margin-top:30px;margin-bottom:10px;display:flex}@media screen and (min-width: 480px){.specialty{justify-content:space-around}}@media screen and (min-width: 768px){.specialty{justify-content:flex-start}}@media screen and (min-width: 1200px){.specialty{justify-content:flex-start}}.specialty__list{list-style:none;display:flex;flex-wrap:wrap;gap:30px}@media screen and (min-width: 1200px){.specialty__list{flex-wrap:nowrap}}.specialty__list :last-child{margin:0}@media screen and (min-width: 768px){.specialty__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.specialty__item{width:calc((100% - 90px)/4);flex-wrap:nowrap}}.specialty__item::before{content:"";height:120px;display:block;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#f5f4fa;border-radius:4px}.icon-antenna::before{background-image:url(../images/antenna.svg);background-size:70px 70px}.icon-clock::before{background-image:url(../images/clock.svg);background-size:70px 70px}.icon-diagram::before{background-image:url(../images/diagram.svg);background-size:70px 70px}.icon-astronaut::before{background-image:url(../images/astronaut.svg);background-size:70px 70px}.specialty__text{line-height:1.7;color:var(--p-color);margin-top:10px}@media screen and (min-width: 480px){.specialty__text{text-align:start}}@media screen and (min-width: 768px){.specialty__text{text-align:start}}.work{padding-bottom:94px}@media screen and (max-width: 1200px){.work{display:none;padding-top:94px;padding-bottom:118px}}.work__list{list-style:none;display:flex;justify-content:space-around;gap:30px}.work__pick-tumb{position:relative;display:flex}.work__container{width:1200px;padding-left:15px;padding-right:15px;margin:0 auto}.work__pick-txt{position:absolute;background:rgba(47,48,58,.8);width:370px;display:flex;font-weight:700;font-size:14px;line-height:1.14;text-align:center;letter-spacing:.03em;text-transform:uppercase;justify-content:space-around;padding-top:24px;padding-bottom:24px;color:#fff;bottom:0}.work__title{font-weight:700;font-size:36px;line-height:1.16;text-align:center;color:var(--h-color);margin-bottom:50px}.social-list__link{list-style:none;display:flex;justify-content:center;gap:10px}.social-list__item{width:44px;height:44px;border-radius:50%}.social__link{width:100%;height:100%;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#afb1b8;transition:color var(--new-timing-function) var(--timing-function),background-color var(--new-timing-function) var(--timing-function)}.social__link:hover,.social__link:focus{background-color:#2196f3;color:#fff}.social-list-icon{fill:currentColor}.team{background-color:var(--team-background);padding-top:60px;padding-bottom:60px}@media screen and (min-width: 480px){.team{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 768px){.team{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.team{padding-top:94px;padding-bottom:94px}}.team__title{font-weight:700;font-size:28px;line-height:1.16;text-align:center;color:var(--h-color);white-space:nowrap;margin-bottom:30px}@media screen and (min-width: 1200px){.team__title{font-size:36px;line-height:1.16;text-align:center;letter-spacing:.03em;margin-bottom:50px}}.team__list{list-style:none;line-height:1.18;justify-content:space-around;gap:30px;display:flex;flex-wrap:wrap}@media screen and (min-width: 768px){.team__list{flex-wrap:wrap}}@media screen and (min-width: 1200px){.team__list{flex-wrap:nowrap}}.team__members{background-color:var(--background-header);text-align:center;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;width:100%}@media screen and (min-width: 768px){.team__members{width:calc((100% - 30px)/2)}}.team__name{font-weight:500;font-size:16px;text-align:center;color:var(--h-color);margin-bottom:10px}.team__position{font-size:16px;text-align:center;color:var(--p-color);margin-bottom:16px}.retreat{padding-top:30px;padding-bottom:30px}.client{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 480px){.client{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 768px){.client{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.client{padding-top:94px;padding-bottom:94px}}.client-title{font-weight:700;font-size:28px;line-height:1.16;text-align:center;letter-spacing:.03em;color:var(--h-color);margin-bottom:30px}@media screen and (min-width: 1200px){.client-title{font-size:36px;line-height:1.16;text-align:center;letter-spacing:.03em;margin-bottom:50px}}.client-item{list-style:none;display:flex;gap:30px;flex-wrap:wrap}@media screen and (min-width: 320px){.client-item{justify-content:space-around}}@media screen and (min-width: 768px){.client-item{justify-content:space-around}}.client-list{height:92px;width:100%}@media screen and (min-width: 320px){.client-list{width:calc((100% - 60px)/2)}}@media screen and (min-width: 480px){.client-list{width:calc((100% - 60px)/2)}}@media screen and (min-width: 768px){.client-list{width:calc((100% - 90px)/3)}}@media screen and (min-width: 1200px){.client-list{width:calc((100% - 150px)/6)}}.client-link{display:block;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:1px solid #afb1b8;border-radius:4px;color:#afb1b8;transition:color var(--new-timing-function) var(--timing-function),border-color var(--new-timing-function) var(--timing-function)}.client-link:hover,.client-link:focus{border-color:#2196f3;color:#2196f3}.client-lis-icon{fill:currentColor}.contacts-footer{background-color:var(--hero-background);padding-top:60px;padding-bottom:60px}.contacts-list{list-style:none;display:flex;flex-wrap:wrap;flex-direction:column;text-align:center;margin-bottom:12px}.contacts-list :hover,.contacts-list :focus{color:var(--hover-color)}@media screen and (min-width: 480px){.contacts-list{margin-bottom:0px}}@media screen and (min-width: 1200px){.contacts-list{text-align:left}}.contacts-list :last-child{margin-bottom:0px}.list-link{margin-bottom:9px}.contacts-plane{text-decoration:none;font-style:normal;line-height:1.71;color:var(--background-header);display:block;transition:color var(--new-timing-function) var(--timing-function)}.mail-footer,.tel-footer{color:var(--mail-tel);text-decoration:none;font-style:normal;line-height:1.71;box-sizing:border-box;transition:color var(--new-timing-function) var(--timing-function)}.icon-logo-footer{color:var(--hover-color);text-decoration:none;font-family:Raleway,sans-serif;font-weight:700;font-size:26px;line-height:1.2;display:block;margin-bottom:28px;display:flex;align-items:center}@media screen and (min-width: 480px){.icon-logo-footer{font-size:26px;line-height:1.2}}.logo-part-footer{color:var(--background-header)}.social-link-footer{width:100%;height:100%;background-color:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color var(--new-timing-function) var(--timing-function)}.social-link-footer:hover,.social-link-footer:focus{background-color:#2196f3}.social-list-item{width:44px;height:44px;border-radius:50%}.social-list-link-footer{list-style:none;display:flex;gap:10px;justify-content:center}.social-list-link-footer{transition:background-color var(--new-timing-function) var(--timing-function)}.social-list-icon-footer{fill:var(--background-header)}.footer-box{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center}@media screen and (min-width: 1200px){.footer-box{align-items:flex-start}}.contacts-test{display:flex;flex-wrap:wrap;flex-direction:column;text-align:center}@media screen and (min-width: 1200px){.contacts-test{align-items:flex-start}}.footer-flex{width:100%;display:flex;flex-direction:column;align-items:center;gap:60px;justify-content:flex-start}@media screen and (min-width: 1200px){.footer-flex{display:flex;gap:94px;justify-content:flex-start;align-items:baseline;flex-direction:row}}.footer-up{gap:60px;display:flex;flex-direction:column}@media screen and (min-width: 320px){.footer-up{gap:60px;justify-content:space-between;align-items:baseline;flex-direction:column}}@media screen and (min-width: 480px){.footer-up{gap:60px;justify-content:space-between;align-items:baseline;flex-direction:column}}@media screen and (min-width: 768px){.footer-up{display:flex;gap:165px;justify-content:space-between;align-items:baseline;flex-direction:row}}@media screen and (min-width: 1200px){.footer-up{display:flex;align-items:baseline;gap:94px}}.footer-p{display:block;text-transform:uppercase;font-style:normal;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;color:var(--background-header);margin-bottom:20px}.footer-input{font-style:normal;font-weight:700;font-size:14px;line-height:1.14;text-transform:uppercase;color:var(--background-header);letter-spacing:.03em;margin-bottom:20px}.sign-email{width:100%;min-width:280px;display:flex;padding-top:15px;padding-bottom:15px;padding-left:16px;height:50px;border:1px solid rgba(255,255,255,.3);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;background-color:rgba(0,0,0,0);color:var(--background-header)}@media screen and (min-width: 1200px){.sign-email{min-width:358px}}.sign-email::-moz-placeholder{font-weight:400;font-size:16px;line-height:1.25;align-items:center;color:rgba(255,255,255,.6)}.sign-email:-ms-input-placeholder{font-weight:400;font-size:16px;line-height:1.25;align-items:center;color:rgba(255,255,255,.6)}.sign-email::placeholder{font-weight:400;font-size:16px;line-height:1.25;align-items:center;color:rgba(255,255,255,.6)}.container-input{display:flex;flex-direction:column;align-items:baseline;align-items:center;flex-direction:column}@media screen and (min-width: 1200px){.container-input{align-items:flex-start}}.sign-btn{font-weight:700;font-size:16px;line-height:1.87;align-items:center;text-align:center;letter-spacing:.06em;color:var(--background-header);background-color:var(--hover-color);border-radius:4px;display:flex;border-color:rgba(0,0,0,0);box-shadow:0px 4px 4px rgba(0,0,0,.15);cursor:pointer;padding-top:10px;padding-bottom:10px;padding-left:28px;padding-right:28px;transition:color var(--new-timing-function) var(--timing-function),background-color var(--new-timing-function) var(--timing-function)}.sign-btn:hover,.sign-btn:focus{color:var(--hover-color);background-color:var(--background-header)}.plain{fill:var(--background-header);margin-left:10px}.sign-btn:hover .plain,.sign-btn:focus .plain{fill:currentColor}.sign-flex{display:flex;align-items:center;gap:20px;flex-wrap:wrap;flex-direction:column}@media screen and (min-width: 320px){.sign-flex{width:320px}}@media screen and (min-width: 480px){.sign-flex{width:450px}}@media screen and (min-width: 768px){.sign-flex{width:450px}}@media screen and (min-width: 1200px){.sign-flex{flex-direction:row;flex-wrap:nowrap;gap:12px}}.backdrop{width:100%;height:100%;background-color:rgba(0,0,0,.2);position:fixed;top:0;transition:opacity var(--new-timing-function) var(--timing-function),visibility var(--new-timing-function) var(--timing-function)}.modal{background-color:var(--background-header);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;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);transition:transform var(--new-timing-function) var(--timing-function);transform-origin:top left}@media screen and (min-width: 320px){.modal{min-width:320px}}@media screen and (min-width: 480px){.modal{min-width:450px;min-height:609px}}@media screen and (min-width: 768px){.modal{min-width:450px;min-height:609px}}@media screen and (min-width: 1200px){.modal{min-width:528px;min-height:581px}}.backdrop.is-hidden .modal{transform:translate(-50%, -50%) scale(0)}.modal-close{width:30px;height:30px;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.1);border-radius:50%;color:#000;position:absolute;top:8px;right:8px;align-items:center;display:flex;justify-content:center;cursor:pointer;transition:color var(--new-timing-function) var(--timing-function),background-color var(--new-timing-function) var(--timing-function)}.modal-close:hover,.modal-close:focus{color:var(--hover-color)}.modal-close-icon{fill:currentColor}.backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-title{font-weight:700;font-size:20px;line-height:1.15;text-align:center;margin-bottom:12px}.form-feedback{display:flex;flex-direction:column}.input-name{border-radius:4px;display:block}.input-wrap{position:relative;margin-bottom:10px}.client-name{margin-bottom:4px;font-size:12px;line-height:1.16;letter-spacing:.01em;color:var(--p-color);display:block}.client-name-txt{border:1px solid rgba(33,33,33,.2);border-radius:4px;width:100%;height:40px;padding-left:42px;transition:border-color var(--new-timing-function) var(--timing-function);outline:rgba(0,0,0,0)}.client-name-txt:hover,.client-name-txt:focus{border-color:var(--hover-color)}.icon-person{position:absolute;left:15px;top:50%;transform:translateY(-50%)}.client-name-txt:focus+.icon-person,.client-name-txt:hover+.icon-person{fill:var(--hover-color)}.phone-number{padding-bottom:4px;font-size:12px;line-height:1.16;letter-spacing:.01em;color:var(--p-color);display:block}.user-tel{border:1px solid rgba(33,33,33,.2);border-radius:4px;width:100%;height:40px;padding-left:42px;transition:border-color var(--new-timing-function) var(--timing-function);outline:rgba(0,0,0,0)}.user-tel:focus+.icon-person,.user-tel:hover+.icon-person{fill:var(--hover-color)}.user-tel:hover,.user-tel:focus{border-color:var(--hover-color)}.user-email{margin-bottom:4px;font-size:12px;line-height:1.16;letter-spacing:.01em;color:var(--p-color);display:block}.user-post{border:1px solid rgba(33,33,33,.2);border-radius:4px;width:100%;height:40px;padding-left:42px;transition:border-color var(--new-timing-function) var(--timing-function);outline:rgba(0,0,0,0)}.user-post:hover,.user-post:focus{border-color:var(--hover-color)}.user-post:focus+.icon-person,.user-post:hover+.icon-person{fill:var(--hover-color)}.link-input{font-style:normal;font-weight:400;font-size:14px;line-height:1.71px;color:var(--hover-color);transition:color var(--new-timing-function) var(--timing-function)}.link-input:hover{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);text-decoration:none}.input-feedback{margin-bottom:20px}.feedback{margin-bottom:4px;display:block;color:var(--p-color)}.feedback-txt{resize:none;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding:12px 16px;display:block;width:100%;height:120px;transition:border-color var(--new-timing-function) var(--timing-function);outline:rgba(0,0,0,0)}.feedback-txt:hover,.feedback-txt:focus{border-color:var(--hover-color)}.feedback-txt::-moz-placeholder{font-size:12px;line-height:1.16;letter-spacing:.01em;color:rgba(117,117,117,.5)}.feedback-txt:-ms-input-placeholder{font-size:12px;line-height:1.16;letter-spacing:.01em;color:rgba(117,117,117,.5)}.feedback-txt::placeholder{font-size:12px;line-height:1.16;letter-spacing:.01em;color:rgba(117,117,117,.5)}.deal-check{display:flex;align-items:center;fill:rgba(0,0,0,0);padding-left:12px;margin-bottom:30px;position:relative}.check{display:flex;align-items:center}.checkbox{line-height:1.71;color:var(--p-color)}.check-div{position:relative}.check span{border-radius:2px;border:2px solid var(--h-color);width:16px;height:15px;display:flex;justify-content:center;align-items:center;fill:rgba(0,0,0,0);position:absolute;left:0}.check-inp:checked+.check span{fill:var(--background-header);background-color:var(--hover-color);border:rgba(0,0,0,0)}.check-inp:hover+.check span,.check-inp:focus+.check span{box-shadow:0px 1px 3px rgba(0,0,0,.3),0px 1px 1px rgba(0,0,0,.3),0px 2px 1px rgba(0,0,0,.3);border-color:var(--hover-color)}.check-txt{font-family:"Roboto";font-style:normal;font-weight:400;font-size:12px;line-height:1.16;letter-spacing:.03em;color:var(--p-color);margin-left:8px}@media screen and (min-width: 1200px){.check-txt{font-size:14px;line-height:1.71;letter-spacing:.03em}}.submit{line-height:1.87;font-weight:700;font-size:16px;padding:10px 52px;background-color:var(--hover-color);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;display:flex;justify-content:center;text-align:center;letter-spacing:.06em;margin:0 auto;border:rgba(0,0,0,0);color:var(--background-header);transition:background var(--new-timing-function) var(--timing-function)}.submit:hover{background:var(--button-servise)}.btn{font-family:inherit;font-weight:500;font-size:16px;line-height:1.62;background-color:var(--team-background);border-color:rgba(0,0,0,0);cursor:pointer;color:var(--h-color);border-radius:4px;padding-top:6px;padding-bottom:6px;padding-left:22px;padding-right:22px;transition:color var(--new-timing-function) var(--timing-function),background-color var(--new-timing-function) var(--timing-function),box-shadow var(--new-timing-function) var(--timing-function)}.btn:hover,.btn:focus{color:var(--background-header);background:var(--hover-color);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)}.btn-filter{display:flex;gap:8px;justify-content:center}.btn-list{list-style:none;letter-spacing:.03em}.special{display:flex}.oll-portfol{padding-top:94px;padding-bottom:94px}.portfol-list{flex-basis:calc((100% - 60px)/3)}.potfol{list-style:none;flex-wrap:wrap;gap:30px;margin-top:50px}.portfol-over-top{position:relative;overflow:hidden}.portfol-over{font-weight:400;font-size:18px;line-height:1.55;color:var(--background-header);background:rgba(33,150,243,.9);position:absolute;top:0;padding-top:63px;padding-right:24px;padding-left:24px;padding-bottom:63px;height:100%;transform:translateY(100%);transition:transform var(--new-timing-function) var(--timing-function);overflow:auto}.portfol-list :hover .portfol-over{transform:translateY(0)}.portfol-link{display:block;text-decoration:none;transition:box-shadow var(--new-timing-function) var(--timing-function)}.portfol-link:hover,.portfol-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);transition:transform var(--new-timing-function) var(--timing-function)}.portfol-title{font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em;color:var(--h-color)}.portfol-txt{font-size:16px;line-height:1.87;color:var(--p-color);margin-top:4px}.circle{border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;padding:20px 24px}/*# sourceMappingURL=main.min.css.map */