@keyframes headerArrow{0%{transform:rotate(90deg) translateY(0)}50%{transform:rotate(90deg) translateY(-12px)}to{transform:rotate(90deg) translateY(0)}}@font-face{font-family:Generisch Sans;src:url(/plumber/fonts/GenerischSans-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Generisch Sans;src:url(/plumber/fonts/GenerischSans-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Generisch Sans;src:url(/plumber/fonts/GenerischSans-Bold.woff2) format("woff2");font-weight:700;font-display:swap}*{margin:0;padding:0;list-style:none;scroll-behavior:smooth}body{font-family:Generisch Sans,Arial,sans-serif;font-size:17px;line-height:24px;font-weight:100;color:#21243d;display:grid;grid-template-rows:auto 1fr auto;min-width:320px;min-height:100vh}@media (min-width: 768px){body{font-size:19px;line-height:26px}}@media (min-width: 1280px){body{font-size:20px;line-height:27px}}@media (min-width: 1920px){body{font-size:24px;line-height:33px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.container{margin:0 auto;padding:45px 15px}@media (min-width: 768px){.container{padding:70px 35px}}@media (min-width: 1280px){.container{padding:90px 55px}}@media (min-width: 1920px){.container{padding:120px 100px}}.main-header{margin-top:61px}@media (min-width: 768px){.main-header{margin-top:68px}}@media (min-width: 1280px){.main-header{margin-top:81px}}@media (min-width: 1920px){.main-header{margin-top:101px}}.main-header__intro{display:flex;flex-direction:column;align-items:center;overflow:hidden}@media (min-width: 768px){.main-header__intro{display:grid;grid-template-columns:max-content 410px;grid-template-rows:145px 140px 50px;justify-content:space-around;row-gap:20px}}@media (min-width: 1280px){.main-header__intro{grid-template-columns:max-content 625px;grid-template-rows:135px 145px 53px;row-gap:33px}}@media (min-width: 1920px){.main-header__intro{grid-template-columns:max-content 1000px;grid-template-rows:240px 160px 62px;row-gap:45px}}.main-header__photo{border-radius:50%;box-shadow:-10px 10px 10px #8695a4}@media (min-width: 768px){.main-header__photo{width:235px;height:245px;grid-row:1/3;justify-self:center}}@media (min-width: 1280px){.main-header__photo{width:290px;height:305px;box-shadow:-10px 10px 10px #8695a4}}@media (min-width: 1920px){.main-header__photo{width:420px;height:435px}}.main-header__title{font-size:30px;line-height:34px;text-align:center;margin:34px 0 21px}@media (min-width: 768px){.main-header__title{font-size:35px;line-height:38px;text-align:left;margin:0}}@media (min-width: 1280px){.main-header__title{font-size:42px;line-height:47px}}@media (min-width: 1920px){.main-header__title{font-size:67px;line-height:75px}}.main-header__list{display:flex;flex-direction:column;row-gap:10px}@media (min-width: 1280px){.main-header__list{display:grid;grid-template-columns:250px 337px;gap:25px}}@media (min-width: 1920px){.main-header__list{grid-template-columns:385px 472px;gap:35px}}.main-header__item{position:relative;padding-left:20px}.main-header__item:before{content:"";position:absolute;top:8px;left:0;width:8px;height:8px;background-color:#3897fe;border-radius:50%}.main-header__call{margin-top:15px}@media (min-width: 768px){.main-header__call{position:relative;margin-top:0;grid-column:1}.main-header__call:after{content:"";position:absolute;top:-10px;width:42px;height:42px;background-image:url(/plumber/icons/arrow.svg);animation:1.7s linear 1s infinite alternate headerArrow}}@media (min-width: 1280px){.main-header__call{width:max-content;justify-self:center}.main-header__call:after{top:-13px;width:50px;height:50px}}.main-header__now{font-weight:400;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #3897fe}.main-header__buttons{display:flex;column-gap:20px;margin-top:20px}@media (min-width: 768px){.main-header__buttons{flex-direction:row;column-gap:30px;margin-top:0}}@media (min-width: 1280px){.main-header__buttons{column-gap:60px}}@media (min-width: 1920px){.main-header__buttons{column-gap:75px}}.main-nav{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;background-color:#fff;border-bottom:1px solid #3897fe;padding:15px;z-index:9}.main-nav--open .main-nav__list{transform:translate(0)}.main-nav--open .main-nav__button{transform:rotate(90deg)}@media (min-width: 768px){.main-nav{justify-content:space-between;padding:15px 35px}}@media (min-width: 1280px){.main-nav{padding:15px 55px}}@media (min-width: 1920px){.main-nav{padding:20px 100px}}.main-nav__logo{display:block;width:190px;height:30px;background-image:url(/plumber/img/logo.webp);background-repeat:no-repeat;background-size:cover;background-position:50%;transition:.4s}.main-nav__logo:hover{opacity:.6}@media (min-width: 768px){.main-nav__logo{width:200px;height:36px}}@media (min-width: 1280px){.main-nav__logo{width:225px;height:50px}}@media (min-width: 1920px){.main-nav__logo{width:260px;height:60px}}.main-nav__list{position:absolute;top:61px;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:86vh;background-color:#fff;padding:30px;transition:.4s;transform:translate(-120%)}@media (min-width: 768px){.main-nav__list{position:static;flex-direction:row;column-gap:20px;height:auto;padding:0;transform:translate(0)}}@media (min-width: 1280px){.main-nav__list{column-gap:40px}}@media (min-width: 1920px){.main-nav__list{column-gap:50px}}.main-nav__link{font-size:22px;text-decoration:none;color:#000;display:flex;padding:10px 20px;border-radius:30px;border:1px solid transparent;transition:.4s}.main-nav__link:hover{color:#21243d;border:1px solid #3897fe}@media (min-width: 768px){.main-nav__link{font-size:19px;padding:5px 15px}}@media (min-width: 1280px){.main-nav__link{padding:7px 20px}}@media (min-width: 1920px){.main-nav__link{font-size:23px;padding:7px 30px}}.main-nav__button{display:flex;flex-direction:column;row-gap:7px;background-color:transparent;width:32px;border:none;cursor:pointer;margin-left:auto;transition:.4s;transform:rotate(0)}@media (min-width: 768px){.main-nav__button{display:none}}.main-nav__button-elem{width:auto;height:2px;background-color:#21243d}.advantages{background-color:#edf7fa;scroll-margin-top:3em}.advantages__title{margin:0 auto}.advantages__list{display:flex;flex-direction:column;row-gap:25px}@media (min-width: 768px){.advantages__list{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:38px}}@media (min-width: 1280px){.advantages__list{gap:50px}}.advantages__item{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;row-gap:5px;background-color:#fff;padding:75px 16px 15px;border-radius:30px;background-size:55px 55px;background-repeat:no-repeat;background-position:50% 13%}.advantages__item:nth-of-type(1){background-image:url(/plumber/icons/one.svg)}.advantages__item:nth-of-type(2){background-image:url(/plumber/icons/two.svg)}.advantages__item:nth-of-type(3){background-image:url(/plumber/icons/three.svg)}.advantages__item:nth-of-type(4){background-image:url(/plumber/icons/four.svg)}.advantages__item:nth-of-type(5){background-image:url(/plumber/icons/five.svg)}.advantages__item:nth-of-type(6){background-image:url(/plumber/icons/six.svg)}@media (min-width: 768px){.advantages__item{width:298px}}@media (min-width: 1280px){.advantages__item{background-size:65px 65px;width:316px;padding:90px 20px 20px}}@media (min-width: 1920px){.advantages__item{justify-content:center;width:490px;background-size:75px 75px;padding:110px 25px 25px}}.advantages__info{display:flex;justify-content:space-evenly;margin-top:30px;overflow:hidden}@media (min-width: 768px){.advantages__info{margin-top:50px}}@media (min-width: 1280px){.advantages__info{margin-top:70px}}@media (min-width: 1920px){.advantages__info{margin-top:85px}}.advantages__info-item{text-align:center}.advantages__num{text-decoration:underline;font-size:28px;line-height:34px;color:#3897fe}@media (min-width: 768px){.advantages__num{font-size:32px;line-height:39px}}@media (min-width: 1280px){.advantages__num{font-size:37px;line-height:44px}}@media (min-width: 1920px){.advantages__num{font-size:41px;line-height:48px}}.works{scroll-margin-top:3em}.works__block{display:flex;flex-direction:column;align-items:center}.works__block--repair{background-color:#edf7fa}@media (min-width: 768px){.works__block--repair{align-items:start;flex-direction:row;flex-wrap:wrap;justify-content:space-around}}.works__subtitle{text-transform:uppercase;text-align:center}.works__list{display:flex;flex-direction:column;align-items:center;width:345px}.works__list--install{row-gap:50px;margin-top:30px}.works__list--repair{display:grid;grid-template-columns:1fr 1fr;justify-items:center;row-gap:90px;margin-top:90px}@media (min-width: 768px){.works__list{justify-content:space-around}.works__list--install{flex-direction:row;flex-wrap:wrap;width:auto;margin-top:55px}.works__list--repair{grid-template-columns:1fr 1fr 1fr;column-gap:60px;row-gap:130px;width:698px;margin-top:110px}}@media (min-width: 1280px){.works__list--install{column-gap:30px;row-gap:90px}.works__list--repair{grid-template-columns:repeat(6,1fr);width:1170px;margin-top:140px}}@media (min-width: 1920px){.works__list--install{row-gap:90px;margin-top:70px}.works__list--repair{width:1720px;column-gap:65px;margin-top:200px}}.works__item{display:flex;flex-direction:column}.works__item--repair{align-items:center;position:relative;width:max-content}.works__item--repair:before{content:"";position:absolute;top:-45px;background-repeat:no-repeat;background-size:contain;width:37px;height:37px}.works__item--repair:nth-of-type(1):before{background-image:url(/plumber/icons/repair/water.svg)}.works__item--repair:nth-of-type(2):before{background-image:url(/plumber/icons/repair/malfunction.svg)}.works__item--repair:nth-of-type(3):before{background-image:url(/plumber/icons/repair/toilet.svg)}.works__item--repair:nth-of-type(4):before{background-image:url(/plumber/icons/repair/sink.svg)}.works__item--repair:nth-of-type(5):before{background-image:url(/plumber/icons/repair/shower.svg)}.works__item--repair:nth-of-type(6):before{background-image:url(/plumber/icons/repair/repair.svg)}@media (min-width: 768px){.works__item--repair:before{top:-60px;width:50px;height:50px}}@media (min-width: 1280px){.works__item--install{gap:0}.works__item--repair:before{top:-80px;width:63px;height:63px}}@media (min-width: 1920px){.works__item--repair:before{top:-100px;width:75px;height:75px}}.works__work-img{border-top-right-radius:20px;border-top-left-radius:20px}@media (min-width: 768px){.works__work-img{width:430px;height:380px}}@media (min-width: 1280px){.works__work-img{width:350px;height:310px}}@media (min-width: 1920px){.works__work-img{width:500px;height:460px}}.works__info{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border:1px solid #3897fe;border-bottom-right-radius:20px;border-bottom-left-radius:20px}@media (min-width: 768px){.works__info{padding:12px 20px}}@media (min-width: 1920px){.works__info{padding:20px 30px}}.works__work-name,.works__work-price{font-weight:300}.works__work-price span{border-bottom:1px solid #3897fe}.faq__block{display:flex;flex-direction:column;align-items:center;row-gap:15px}@media (min-width: 768px){.faq__block{row-gap:20px}}@media (min-width: 1280px){.faq__block{row-gap:25px}}@media (min-width: 1920px){.faq__block{row-gap:35px}}.faq__details{width:303px;padding:15px 20px;border:1px solid #3897fe;border-radius:30px}.faq__details[open] .faq__question:after{transform:rotate(0)}@media (min-width: 768px){.faq__details{width:646px;padding:15px 25px}}@media (min-width: 1280px){.faq__details{width:1108px;padding:20px 30px;border-radius:35px}}@media (min-width: 1920px){.faq__details{width:1658px;padding:25px 35px}}.faq__question{font-weight:400;position:relative;cursor:pointer}.faq__question:after{content:"";position:absolute;top:-3px;right:0;width:30px;height:30px;background-image:url(/plumber/icons/close.svg);transform:rotate(45deg);transition:.4s}@media (min-width: 768px){.faq__question:after{top:-5px;width:35px;height:35px}}@media (min-width: 1280px){.faq__question:after{top:-7px;width:40px;height:40px}}@media (min-width: 1920px){.faq__question:after{width:45px;height:45px}}.faq__answer{text-align:justify;margin-top:10px}@media (min-width: 768px){.faq__answer{margin-top:20px}}.main-footer{background-color:#edf7fa;padding:30px 15px}@media (min-width: 768px){.main-footer{padding:35px}}@media (min-width: 1280px){.main-footer{padding:35px 55px}}@media (min-width: 1920px){.main-footer{padding:35px 100px}}.main-footer__info{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}@media (min-width: 768px){.main-footer__info{flex-direction:row;justify-content:center;column-gap:30px}}@media (min-width: 1920px){.main-footer__info{margin-bottom:25px}}@media (min-width: 768px){.main-footer__time{position:relative}.main-footer__time:before{content:"";position:absolute;top:2px;right:-15px;width:1px;height:1em;background-color:#21243d}}.main-footer__socials-list{display:flex;justify-content:space-between;border-bottom:1px solid #21243D}@media (min-width: 768px){.main-footer__socials-list{justify-content:space-around;padding-bottom:5px}}@media (min-width: 1920px){.main-footer__socials-list{padding-bottom:10px}}.main-footer__socials-item{display:flex;justify-content:center}.main-footer__socials-link{text-decoration:none;color:#59636e;transition:.4s}.main-footer__socials-link:hover{color:#3897fe}.main-footer__other{display:flex;flex-direction:column;align-items:center;margin-top:15px}@media (min-width: 768px){.main-footer__other{flex-direction:row;margin-top:30px}}@media (min-width: 1920px){.main-footer__other{margin-top:35px}}.main-footer__copyright{font-size:15px}.main-footer__dev{font-size:13px;line-height:16px;color:#8695a4;display:block;width:max-content;margin:5px auto 0}@media (min-width: 768px){.main-footer__dev{margin:0 0 0 auto}}.main-footer__button-up{position:fixed;bottom:35px;right:15px;width:45px;height:45px;background-color:#fff;background-image:url(/plumber/icons/arrow.svg);border:1px solid #3897fe;border-radius:50%;opacity:0;transform:translateY(200%);transition:.4s}.main-footer__button-up--active{transform:translateY(0);opacity:1}@media (min-width: 768px){.main-footer__button-up{right:35px;bottom:50px;width:50px;height:50px}}@media (min-width: 1280px){.main-footer__button-up{right:55px;width:55px;height:55px}}@media (min-width: 1920px){.main-footer__button-up{right:100px;bottom:80px;width:65px;height:65px}}.call-master{font-size:17px;font-weight:100;text-decoration:none;color:#fff;display:flex;justify-content:center;align-items:center;background-color:#3897fe;height:21px;padding:12px 15px;border:1px solid #3897fe;border-radius:30px;transition:.4s}.call-master:hover{color:#3897fe;background-color:#fff}.call-master--feedback{height:47px;cursor:pointer}.call-master--repair{margin-top:20px}@media (min-width: 768px){.call-master{padding:10px 15px}.call-master--feedback{height:43px;margin:0}.call-master--repair{margin-top:25px}}@media (min-width: 1280px){.call-master{height:30px;padding:10px 25px}.call-master--feedback{height:52px}.call-master--repair{margin-top:35px}}@media (min-width: 1920px){.call-master{font-size:21px;height:39px}.call-master--feedback{height:61px}.call-master--repair{margin-top:45px}}.popup{color:#21243d;text-align:center;position:fixed;background-color:#000000bf;width:100vw;height:100vh;z-index:11;transition:.4s;opacity:0;transform:translate(-110%)}.popup--open{opacity:1;transform:translate(0)}.popup__form{position:absolute;top:150px;left:15px;right:15px;display:flex;flex-direction:column;row-gap:25px;width:305px;margin:0 auto;padding:25px 20px;background-color:#edf7fa;border-radius:30px}@media (min-width: 768px){.popup__form{width:360px;row-gap:20px}}@media (min-width: 1280px){.popup__form{width:400px;row-gap:25px;padding:30px 25px}}@media (min-width: 1920px){.popup__form{width:550px;row-gap:35px;padding:35px 30px}}.popup__inputs{display:flex;flex-direction:column;row-gap:20px;border:none}@media (min-width: 1920px){.popup__inputs{row-gap:25px}}.popup__input{padding:12px 15px;transition:.4s;border-radius:30px;border-color:transparent}.popup__input:hover{border:2px solid #ff6464}@media (min-width: 768px){.popup__input{padding:15px 20px}}@media (min-width: 1280px){.popup__input{padding:20px 25px}}@media (min-width: 1920px){.popup__input{padding:25px 30px}.popup__input::placeholder{font-size:18px}}.popup__work-list{padding:12px 15px;border:2px solid transparent;border-radius:30px;transition:.4s;cursor:pointer}.popup__work-list:hover{border:2px solid #ff6464}@media (min-width: 768px){.popup__work-list{padding:15px 20px}}@media (min-width: 1280px){.popup__work-list{padding:20px 25px}}@media (min-width: 1920px){.popup__work-list{font-size:18px;padding:25px 30px}}.popup__button{cursor:pointer;transition:.4s}.popup__button--close{position:absolute;top:-55px;right:0;width:40px;height:40px;background-image:url(/plumber/icons/close.svg);background-size:75%;background-repeat:no-repeat;background-position:50%;border:none;border-radius:30px}.popup__button--close:hover{transform:rotate(90deg)}.popup__button--send{font-weight:100;color:#fff;background-color:#3897fe;width:max-content;margin:0 auto;padding:15px 25px;border:1px solid #3897fe;border-radius:30px}.popup__button--send:hover{color:#3897fe;background-color:#fff}@media (min-width: 768px){.popup__button--close{top:-70px;width:50px;height:50px}.popup__button--send{font-size:15px;padding:18px 30px}}@media (min-width: 1920px){.popup__button--close{top:-85px;width:60px;height:60px}.popup__button--send{font-size:18px}}