h1,h2,h3,h4,h5,h6,p{margin:0}ul{list-style:none;padding:0;margin:0}a{text-decoration:none}button{border:none;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:normal}ul,ol{list-style:none}a{text-decoration:none}table{border-collapse:collapse;width:100%}img{width:100%;display:block;max-width:100%}input{outline:none}textarea{outline:none}.container{max-width:1200px;padding-left:15px;padding-right: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}}body{font-family:Roboto;font-style:normal;color:var(--title-color);font-weight:400;font-size:14px;line-height:normal;letter-spacing:.42px}.no-scroll{overflow:hidden}:root{--accent-color: #2196f3;--title-color: #212121;--text-color: #757575;--main-color: #FFF}.header{background:var(--main-color);padding-top:10px;padding-bottom:10px;border:solid;border-color:var(--main-color)}@media screen and (min-width: 768px){.header{padding-top:21px;padding-bottom:21px}}@media screen and (min-width: 1200px){.header{padding-top:24px;padding-bottom:25px}}.header__div{display:flex;align-items:center}.header__logo{color:var(--title-color);font-family:Raleway;font-size:24px;font-weight:700;letter-spacing:.72px}@media screen and (min-width: 1200px){.header__logo{font-size:26px;letter-spacing:.78px}}.header__logo-blue{color:var(--accent-color)}.header__list{display:none;gap:50px;margin-left:88px;margin-right:auto;align-items:center}@media screen and (min-width: 768px){.header__list{display:flex}}@media screen and (min-width: 1200px){.header__list{margin-left:93px}}.header__item{position:relative}.header__item::after{display:flex;content:"";position:absolute;top:46px;left:0px;width:100%;background-color:var(--accent-color);border-radius:2px;border:var(--accent-color) solid 2px;transition-property:width,opacity,transform;transition-duration:250ms;text-align:center;transform:scale(0)}.header__item:hover::after{transform:scale(1)}.header__link{color:inherit;font-weight:500;letter-spacing:.28px;transition-property:color;transition-duration:250ms;font-size:14px}.header__link:hover{color:var(--accent-color)}.header__contacts{display:none;gap:10px;align-items:center}@media screen and (min-width: 768px){.header__contacts{display:flex;flex-direction:column}}@media screen and (min-width: 1200px){.header__contacts{gap:30px;flex-direction:row}}.header__mail{display:flex;color:var(--text-color);font-size:14px;font-style:normal;font-weight:500;line-height:normal;align-items:center;gap:3px;transition-property:color;transition-duration:250ms}.header__mail:hover>.header__icon{fill:var(--accent-color)}.header__mail:hover{color:var(--accent-color)}.header__icon{width:16px;height:12px;fill:var(--text-color);margin-right:3px}.header__icon2{width:10px;height:16px;fill:var(--text-color);margin-right:3px}.header__number{color:var(--text-color);display:flex;font-weight:500;letter-spacing:.28px;align-items:center;gap:3px;transition-property:color;transition-duration:250ms}.header__number:hover>.header__icon2{fill:var(--accent-color)}.header__number:hover{color:var(--accent-color)}.header__menu{width:40px;height:40px;background-color:rgba(0,0,0,0);margin-left:auto}@media screen and (min-width: 768px){.header__menu{display:none}}.header__open{width:40px;height:40px}.mobile{position:fixed;top:0;width:100%;height:100%;left:0;background-color:var(--main-color);z-index:6;padding:48px 0 48px 40px;opacity:1}.mobile__exit{width:40px;height:40px;background-color:rgba(0,0,0,0);border:none;position:absolute;top:10px;right:15px}.mobile__icon{width:18.7px;height:18.7px;fill:#212121}.mobile__list{display:flex;flex-direction:column;gap:35px}.mobile__link{color:#212121;font-family:Roboto;font-size:40px;font-weight:500;line-height:normal;letter-spacing:.8px}.mobile__link:hover{color:var(--accent-color)}.mobile__lists{display:flex;flex-direction:column;gap:33px;margin-top:270px}.mobile__number{color:#2196f3;font-family:Roboto;font-size:34px;font-weight:500;line-height:normal;letter-spacing:.68px}.mobile__email{color:#757575;font-family:Roboto;font-size:24px;font-weight:500;line-height:normal;letter-spacing:.48px}.mobile__elements{margin-top:64px;display:flex;gap:10px}.mobile__socials{color:#2196f3;font-family:Roboto;font-size:18px;font-weight:500;line-height:22px;letter-spacing:.36px}.mobile__social{display:flex;align-items:center}.mobile__social::after{margin-left:10px;content:"";display:block;width:1px;height:22px;background:rgba(33,33,33,.2)}.mobile__social:nth-child(4)::after{display:none}.is-hidden{opacity:0;pointer-events:none}.hero{background:#fff;padding-bottom:118px;padding-top:118px;display:flex;background-image:radial-gradient(ellipse at left, rgba(47, 48, 58, 0.4)),url(../photo/mobile/title-mobile@1x.webp);background-repeat:no-repeat;background-position:center;background-size:cover}@media(min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero{background-image:radial-gradient(ellipse at left, rgba(47, 48, 58, 0.4)),url(../photo/mobile/title-mobile@2x.webp)}}@media screen and (min-width: 768px){.hero{background-image:radial-gradient(ellipse at left, rgba(47, 48, 58, 0.4)),url(../photo/tablet/title-tablet@1x.webp)}}@media screen and (min-width: 768px)and (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:radial-gradient(ellipse at left, rgba(47, 48, 58, 0.4)),url(../photo/tablet/title-tablet@2x.webp)}}@media screen and (min-width: 1200px){.hero{padding-bottom:200px;padding-top:200px;background-image:radial-gradient(ellipse at left, rgba(47, 48, 58, 0.4)),url(../photo/desktop/title-desktop@1x.webp)}}@media screen and (min-width: 1200px)and (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:radial-gradient(ellipse at left, rgba(47, 48, 58, 0.4)),url(../photo/desktop/title-desktop@2x.webp)}}.hero__div{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:30px}.hero__title{width:100%;color:#fff;text-align:center;font-family:Roboto;font-size:26px;font-style:normal;font-weight:900;line-height:42px;letter-spacing:1.56px;text-transform:uppercase}@media screen and (min-width: 480px){.hero__title{width:360px}}@media screen and (min-width: 1200px){.hero__title{width:696px;font-size:44px;line-height:60px;letter-spacing:2.64px;display:flex}}.hero__button{color:#fff;text-align:center;font-family:Roboto;font-size:16px;font-style:normal;font-weight:700;line-height:30px;letter-spacing:.96px;border-radius:4px;background:#2196f3;width:200px;height:50px;flex-shrink:0;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);animation-name:anim-button;animation-timing-function:0s;animation-iteration-count:infinite;animation-duration:2s}@media screen and (min-width: 1200px){.hero__button{width:216px;height:50px}}.hero__subtitle{font-size:14px;font-weight:700;text-transform:uppercase}@keyframes anim-button{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}.info{padding-bottom:60px;padding-top:60px}@media screen and (min-width: 1200px){.info{padding-bottom:94px;padding-top:94px}}.info__list{display:flex;gap:30px;flex-wrap:wrap}.info__icon{width:70px;height:70px;background-color:#f5f4fa}.info__div{width:100%;height:120px;background-color:#f5f4fa;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 480px){.info__div{width:450px}}@media screen and (min-width: 768px){.info__div{width:354px}}@media screen and (min-width: 1200px){.info__div{width:270px;height:120px}}.info__subtitile{margin-bottom:10px;margin-top:30px;color:#212121;text-align:center;font-family:Roboto;font-size:14px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.42px;text-transform:uppercase}@media screen and (min-width: 768px){.info__subtitile{text-align:start}}.info__text{color:var(--text-color);line-height:24px;color:#757575;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.42px;width:100%}@media screen and (min-width: 480px){.info__text{width:450px}}@media screen and (min-width: 768px){.info__text{width:354px}}@media screen and (min-width: 1200px){.info__text{width:270px}}.service{display:none}@media screen and (min-width: 1200px){.service{padding-bottom:94px;display:block}}.service__subtitle{text-align:center;margin-bottom:50px;font-size:36px;font-weight:700;letter-spacing:1.08px}.service__list{display:flex;gap:30px}.service__item{position:relative}.service__text{display:flex;position:absolute;bottom:0;left:0;right:0;justify-content:center;padding:27px;font-family:var(--font-family);font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase;text-align:center;color:#fff;background:rgba(47,48,58,.8)}.people{padding-top:60px;background:#f5f4fa;padding-bottom:60px}@media screen and (min-width: 1200px){.people{padding-top:94px;padding-bottom:94px}}.people__title{text-align:center;margin-bottom:30px;font-size:28px;font-weight:700;letter-spacing:.84px}@media screen and (min-width: 1200px){.people__title{letter-spacing:1.08px;margin-bottom:50px;font-size:36px}}.people__list{display:flex;flex-wrap:wrap;gap:30px}.people__item{flex-basis:100%;background:#fff;padding-bottom:30px;border-radius:0px 0px 4px 4px;box-shadow:0px 1px 3px 0px rgba(0,0,0,.12),0px 1px 1px 0px rgba(0,0,0,.14),0px 2px 1px 0px rgba(0,0,0,.2)}@media screen and (min-width: 480px){.people__item{flex-basis:450px}}@media screen and (min-width: 768px){.people__item{flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.people__item{flex-basis:calc((100% - 90px)/4)}}.people__subtitle{text-align:center;margin-top:30px;margin-bottom:10px;font-size:16px;font-weight:500;letter-spacing:.48px}.people__text{color:var(--text-color);text-align:center;font-size:16px;letter-spacing:.48px}.people__socials{display:flex;gap:10px;justify-content:center}.people__social{display:flex;width:44px;height:44px;border-radius:50%;margin-top:16px;justify-content:center;align-items:center;transition-property:background-color;transition-duration:250ms}.people__social:hover{background-color:#2196f3}.people__social:hover>.people__icon{fill:#f5f4fa}.people__icon{width:20px;height:20px;fill:#afb1b8}.regular{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.regular{padding-top:93px;padding-bottom:93px}}.regular__h2{display:flex;justify-content:center;margin-bottom:30px;font-family:var(--font-family);font-weight:700;font-size:28px;letter-spacing:.84px;text-align:center;color:#212121}@media screen and (min-width: 1200px){.regular__h2{font-size:36px;letter-spacing:.03em;margin-bottom:50px}}.regular__list{display:flex;gap:30px;flex-wrap:wrap}.regular__list-item{flex-basis:calc((100% - 30px)/2)}@media screen and (min-width: 768px){.regular__list-item{flex-basis:calc((100% - 60px)/3)}}@media screen and (min-width: 1200px){.regular__list-item{flex-basis:calc((100% - 150px)/6)}}.regular__list-item:hover{border-color:#2196f3}.regular__list-item:hover>.regular__icon{fill:#2196f3}.regular__link{display:flex;outline:1px solid #afb1b8;border-radius:4px;width:100%;height:92px;transition-property:outline;transition-duration:250ms;align-items:center;justify-content:center}@media screen and (min-width: 480px){.regular__link{width:210px}}@media screen and (min-width: 768px){.regular__link{width:226px}}@media screen and (min-width: 1200px){.regular__link{width:170px}}.regular__icon{display:flex;width:106px;height:60px;fill:#afb1b8}.footer{padding-top:60px;padding-bottom:60px;background:#2f303a}.footer__container{display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 768px){.footer__container{align-items:baseline;flex-direction:row;flex-wrap:wrap;justify-content:center}}@media screen and (min-width: 1200px){.footer__container{flex-wrap:nowrap}}.footer__div{text-align:center}@media screen and (min-width: 1200px){.footer__div{text-align:start}}.footer__logo{color:#fff;text-align:center;font-family:Raleway;font-size:24px;margin-bottom:20px;font-weight:700;letter-spacing:.72px}@media screen and (min-width: 1200px){.footer__logo{text-align:start;margin-bottom:20px;font-size:26px;letter-spacing:.78px}}.footer__logo-blue{color:var(--accent-color);font-family:Raleway;font-size:26px;font-weight:700;letter-spacing:.78px}.footer__list{gap:9px;display:flex;flex-direction:column}.footer__address{color:#fff;text-align:center;font-family:Roboto;font-size:14px;font-weight:400;line-height:24px;letter-spacing:.42px}.footer__mail{color:hsla(0,0%,100%,.6);font-style:normal;line-height:24px}.footer__number{color:hsla(0,0%,100%,.6);line-height:24px}.footer__socials-text{font-family:var(--font-family);font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase;color:#fff}.footer__list-socials{display:flex;gap:10px}.footer__socials{margin-right:auto;margin-left:auto;margin-top:60px;margin-bottom:60px;text-align:center}@media screen and (min-width: 768px){.footer__socials{margin-left:165px;margin-top:0;margin-right:0}}@media screen and (min-width: 1200px){.footer__socials{text-align:start;margin-left:70px;margin-right:auto}}.footer__socials .socials__icon{width:20px;height:20px;fill:#fff}.footer__socials .socials__list-item{margin-top:20px;display:flex;width:44px;height:44px;border-radius:50%;background-color:hsla(0,0%,100%,.1);justify-content:center;align-items:center;transition-property:background-color;transition-duration:250ms}.footer__socials .socials__list-item:hover{background-color:#2196f3}.mailing{text-align:center}@media screen and (min-width: 768px){.mailing{margin-top:60px}}@media screen and (min-width: 1200px){.mailing{text-align:start;margin-top:0px}}.mailing__box{display:flex;align-items:center;gap:20px;flex-direction:column}@media screen and (min-width: 1200px){.mailing__box{align-items:end;flex-direction:row;gap:10px}}.mailing__text{font-family:var(--font-family);font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase;color:#fff}.mailing__input{border:1px solid hsla(0,0%,100%,.3);border-radius:4px;width:100%;height:50px;box-shadow:0 4px 4px 0 rgba(0,0,0,.15);background:rgba(33,150,243,0);margin-top:20px;padding-left:16px;color:#fff}@media screen and (min-width: 480px){.mailing__input{width:450px}}@media screen and (min-width: 1200px){.mailing__input{width:358px}}.mailing__button{padding-left:28px;padding-right:28px;gap:10px;display:flex;border-radius:4px;width:200px;height:50px;box-shadow:0 4px 4px 0 rgba(0,0,0,.15);background:#2196f3;font-family:var(--font-family);font-weight:700;font-size:16px;line-height:187%;letter-spacing:.06em;text-align:center;color:#fff;justify-content:center;align-items:center;animation-name:anim-button;animation-timing-function:0s;animation-iteration-count:infinite;animation-duration:2s}.mailing__icon{fill:#fff;width:24px;height:24px}.buttons{border-top:1px solid #ececec;padding-top:60px}@media screen and (min-width: 1200px){.buttons{padding-top:94px}}.buttons__list{display:flex;flex-wrap:wrap;justify-content:start;gap:8px;row-gap:15px}@media screen and (min-width: 450px){.buttons__list{width:350px}}@media screen and (min-width: 768px){.buttons__list{justify-content:center;flex-wrap:nowrap;width:100%}}.buttons__btn{padding:6px 22px;border-radius:4px;background:#f5f4fa;font-family:inherit;font-size:16px;font-style:normal;font-weight:500;transition-property:border-radius,color,background-color,box-shadow;transition-duration:250ms}.buttons__btn:hover{border-radius:4px;color:#fff;background-color:#2196f3;box-shadow:0px 3px 1px 0px rgba(0,0,0,.1),0px 1px 2px 0px rgba(0,0,0,.08),0px 2px 2px 0px rgba(0,0,0,.12)}.buttons__item:nth-child(1) button{animation-name:water-button;animation-duration:1s;animation-iteration-count:1;animation-delay:750ms}.buttons__item:nth-child(2) button{animation-name:water-button;animation-duration:2s;animation-iteration-count:1;animation-delay:750ms}.buttons__item:nth-child(3) button{animation-name:water-button;animation-duration:3s;animation-iteration-count:1;animation-delay:750ms}.buttons__item:nth-child(4) button{animation-name:water-button;animation-duration:4s;animation-iteration-count:1;animation-delay:750ms}.buttons__item:nth-child(5) button{animation-name:water-button;animation-duration:5s;animation-iteration-count:1;animation-delay:750ms}@keyframes water-button{0%{transform:scale(1);background-color:#fff;color:#000}50%{transform:scale(1.01);background-color:#2196f3;color:#fff}100%{transform:scale(1.02);background-color:#fff;color:#000}}.posters{padding-top:40px;margin-bottom:60px}@media screen and (min-width: 768px){.posters{padding-top:30px}}@media screen and (min-width: 1200px){.posters{padding-top:50px;margin-bottom:94px}}.posters__list{display:flex;flex-wrap:wrap;gap:30px}.posters__item{border:1px solid #eee;flex-basis:100%;background:#fff;z-index:2}@media screen and (min-width: 768px){.posters__item{flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.posters__item{flex-basis:calc((100% - 60px)/3)}}.posters__item:hover{border:1px solid #eee;background:#fff;box-shadow:0px 1px 1px 0px rgba(0,0,0,.12),0px 4px 4px 0px rgba(0,0,0,.06),1px 4px 6px 0px rgba(0,0,0,.16)}.posters__item:hover .posters__up{opacity:1;transform:translateY(0);z-index:1}.posters__box{position:relative;overflow:hidden}.posters__up{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:370px;height:294px;background:rgba(33,150,243,.7);color:#fff;padding:15px;box-sizing:border-box;opacity:0;font-family:var(--font-family);font-weight:400;font-size:18px;line-height:156%;letter-spacing:.03em;color:#fff;transition-property:opacity transform;transition-duration:250ms;transform:translateY(90%);transition:transform .4s cubic-bezier(0.4, 0, 0.2, 1);z-index:1}.posters__title{margin-top:20px;margin-bottom:4px;font-size:18px;font-style:normal;font-weight:700;margin-left:24px}.posters__text{color:#757575;padding-left:24px;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;padding-bottom:20px}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);opacity:1;transition-property:opacity;transition-duration:250ms}.backdrop.is-hidden .model{transform:translate(-50%, -50%) scale(0)}.backdrop.is-hidden{opacity:0;pointer-events:none}.backdrop__model{border-radius:4px;width:90%;padding-bottom:40px;background-color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);transition-property:transform;transition-duration:250ms;transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 480px){.backdrop__model{width:450px}}@media screen and (min-width: 1200px){.backdrop__model{width:528px}}.backdrop__button{position:absolute;top:8px;right:6px;background-color:rgba(0,0,0,0);padding-right:10px;padding-top:6px;border-radius:100%;border:rgba(0,0,0,.1) solid;padding:6px 6px;stroke-width:1px;stroke:rgba(0,0,0,.1);display:flex;justify-content:center}.backdrop__button:hover{fill:#2196f3}.backdrop__exit-icon{width:11px;height:11px}.backdrop__exit-icon:hover{fill:#2196f3;border-color:#2196f3}.backdrop__h1text{font-family:var(--font-family);font-weight:700;font-size:20px;letter-spacing:.03em;text-align:center;color:#212121;width:100%;padding-top:40px;margin-left:auto;margin-right:auto}@media screen and (min-width: 480px){.backdrop__h1text{width:370px}}@media screen and (min-width: 1200px){.backdrop__h1text{width:100%}}.backdrop__form{display:flex;flex-direction:column;padding-left:40px;margin-top:12px;padding-right:40px;gap:10px;justify-content:left;align-items:left}.backdrop__text{position:relative;font-family:var(--font-family);font-weight:400;font-size:12px;letter-spacing:.01em;color:#757575}.backdrop__label{margin-bottom:4px;display:block}.backdrop__input{border:1px solid rgba(33,33,33,.2);border-radius:4px;width:100%;height:40px;padding-left:40px}.backdrop__input:hover+.backdrop__icon{fill:#2196f3}.backdrop__input:hover{border-color:#2196f3}.backdrop__icon{position:absolute;top:29px;left:15px;width:12px;height:12px}.backdrop__form-massage{border:1px solid rgba(33,33,33,.2);border-radius:4px;width:100%;height:120px;resize:none;padding:12px 16px}.backdrop__form-massage::-moz-placeholder{font-weight:400;font-size:12px;letter-spacing:.01em;color:rgba(117,117,117,.5)}.backdrop__form-massage::placeholder{font-weight:400;font-size:12px;letter-spacing:.01em;color:rgba(117,117,117,.5)}.backdrop__form-massage:hover{border-color:#2196f3}.backdrop__checkbox{display:flex;font-family:var(--font-family);font-weight:400;font-size:14px;line-height:171%;letter-spacing:.03em;color:#757575;justify-content:center;gap:8.38px;margin-top:20px}.backdrop__send{border-radius:4px;width:200px;height:50px;box-shadow:0 4px 4px 0 rgba(0,0,0,.15);background:#188ce8;font-family:var(--font-family);font-weight:700;font-size:16px;line-height:187%;letter-spacing:.06em;text-align:center;color:#fff;align-self:center;margin-top:30px}.backdrop__send:hover{box-shadow:0 4px 4px 0 rgba(0,0,0,.15);background:#188ce8}.backdrop__terms{text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#2196f3}/*# sourceMappingURL=main.min.css.map */