body{font-family:Roboto, sans-serif;color:#757575}h2,h3{color:#212121}ul{list-style:none}h1,h2,h3,h4,h5,h6,ul,p{margin:0;padding:0}a{text-decoration:none}img{display:block;max-width:100%;height:auto}.nav,.contacts__link,.subscribe-form__button,.features__thumb,.social-list__link,.clients__link{display:flex;align-items:center}.clients__list{display:flex;flex-wrap:wrap}.hero__button,.contact-form__button,.subscribe-form__button{display:block;padding-top:10px;padding-bottom:10px;border-radius:4px;border-color:transparent;min-width:200px;color:#fff;background-color:#2196f3;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:0.06em;cursor:pointer}.header{border-bottom:1px solid #ececec;padding-top:16px;padding-bottom:16px}@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:24px}}.container{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}}.logo{font-family:Raleway, sans-serif;font-weight:700;letter-spacing:0.03em;color:#2196f3}@media screen and (max-width: 1199px){.logo{font-size:24px;line-height:1.17;margin-right:auto}}@media screen and (min-width: 768px) and (max-width: 1199px){.logo{margin-right:88px}}@media screen and (min-width: 1200px){.logo{margin-right:93px;font-size:26px;line-height:1.19}}.logo__word{color:#000}.logo__word--contrast-color{color:#fff}.nav{position:relative;background-color:#fff}@media screen and (min-width: 768px){.nav .nav__list{display:flex}}@media screen and (max-width: 767px){.nav .nav__item:not(:first-child){margin-top:32px}}@media screen and (min-width: 768px){.nav .nav__item:not(:first-child){margin-left:50px}}.nav__link{color:#212121;font-weight:500;font-size:40px;line-height:.85;letter-spacing:.02em;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.nav__link{padding-bottom:32px;padding-top:32px;font-size:14px;line-height:1.14}.nav__link--current{position:relative;color:#2196f3}.nav__link--current::after{position:absolute;bottom:0;left:0;display:block;content:'';width:100%;height:4px;background-color:#2196f3;border-radius:2px}}.nav__link:hover,.nav__link:focus{color:#2196f3}@media screen and (max-width: 767px){.contacts{margin-bottom:64px}}@media screen and (min-width: 768px) and (max-width: 1199px){.contacts{display:flex;flex-direction:column-reverse}}@media screen and (min-width: 1200px){.contacts{display:flex;flex-direction:row-reverse}}.contacts__icon{fill:currentColor}@media screen and (max-width: 767px){.contacts__icon{display:none}}@media screen and (min-width: 768px){.contacts__icon{width:14px;height:14px;margin-right:8px}}@media screen and (min-width: 1200px){.contacts__icon{width:16px;height:16px;margin-right:10px}}.contacts__link{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em;color:#757575;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.contacts__link:hover,.contacts__link:focus{color:#2196f3}@media screen and (min-width: 768px){.contacts__link{font-size:12px;line-height:1.17}}@media screen and (min-width: 1200px){.contacts__link{font-size:14px;line-height:1.14}}@media screen and (max-width: 767px){.contacts__link--big{font-size:34px;line-height:1.18}}@media screen and (max-width: 767px){.contacts__item:not(:first-child){margin-top:32px}}@media screen and (min-width: 768px) and (max-width: 1199px){.contacts__item:not(:first-child){margin-bottom:10px}}@media screen and (min-width: 1200px){.contacts__item:not(:first-child){margin-right:30px}}.menu-container{display:flex;justify-content:space-between;flex-grow:1}@media screen and (max-width: 767px){.menu-container{flex-direction:column;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;padding:48px 40px;background-color:#ffffff;transform:translateX(100%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}}@media screen and (min-width: 768px){.menu-container{align-items:center}}.menu-container.is-open{transform:translateX(0)}.menu-button{display:inline-flex;border:none;padding:0;margin:0;background-color:transparent;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.menu-button--close{position:absolute;top:10px;right:15px}.menu-button .menu-button__icon{width:40px;height:40px;fill:currentColor}.menu-button:hover,.menu-button:focus{color:#2196f3}@media screen and (min-width: 768px){.menu-button{display:none}}@media screen and (max-width: 767px){.mobile-social{display:flex}}@media screen and (min-width: 768px){.mobile-social{display:none}}.mobile-social .mobile-social__link{font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;color:#2196f3}.mobile-social__item{display:flex;align-items:center}.mobile-social__item:not(:last-child){margin-right:10px}.mobile-social__item:not(:last-child)::after{display:block;content:'';height:22px;width:1px;background-color:rgba(33,33,33,0.2);margin-left:10px}.hero{background-color:#2f303a;text-align:center;margin-left:auto;margin-right:auto;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/bg/header-mobile.jpg")}@media (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/bg/header-mobile@2x.jpg")}}@media screen and (min-width: 481px){.hero{background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/bg/header-tablet.jpg")}}@media screen and (min-width: 481px) and (min-device-pixel-ratio: 2), screen and (min-width: 481px) and (min-resolution: 192dpi), screen and (min-width: 481px) and (min-resolution: 2dppx){.hero{background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/bg/header-tablet@2x.jpg")}}@media screen and (min-width: 769px){.hero{background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/bg/header-desktop.jpg")}}@media screen and (min-width: 769px) and (min-device-pixel-ratio: 2), screen and (min-width: 769px) and (min-resolution: 192dpi), screen and (min-width: 769px) and (min-resolution: 2dppx){.hero{background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/bg/header-desktop@2x.jpg")}}@media screen and (max-width: 1199px){.hero{padding-top:118px;padding-bottom:118px}}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px;max-width:1600px}}.hero__content{margin-right:auto;margin-left:auto}@media screen and (max-width: 1199px){.hero__content{width:360px}}@media screen and (min-width: 1200px){.hero__content{width:696px}}.hero__title{margin-bottom:30px;font-weight:900;letter-spacing:0.06em;text-transform:uppercase;color:#fff}@media screen and (max-width: 1199px){.hero__title{font-size:26px;line-height:1.62}}@media screen and (min-width: 1200px){.hero__title{font-size:44px;line-height:1.36}}.button__icon{margin-left:10px;width:24px;height:24px}.hero__button{margin-left:auto;margin-right:auto}.contact-form__button{margin-left:auto;margin-right:auto;box-shadow:0px 4px 4px rgba(0,0,0,0.15)}.subscribe-form__button{justify-content:center}@media screen and (max-width: 1199px){.subscribe-form__button{margin-left:auto;margin-right:auto}}@media screen and (min-width: 1200px){.subscribe-form__button{margin-left:12px}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);overflow-y:scroll;opacity:1;z-index:998;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden{opacity:0;pointer-events:none}.modal{position:absolute;top:50%;left:50%;background-color:#fff;transform:translate(-50%, -50%) scale(1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden .modal{transform:translate(-50%, -50%) scale(0.9)}@media screen and (max-width: 1199px){.modal{max-width:450px;width:100%;height:609px}}@media screen and (min-width: 1200px){.modal{width:528px;height:581px}}.modal .modal__close-icon{width:30px;height:30px;fill:currentColor;stroke:currentColor;stroke-opacity:0.3}.modal__close-button{display:block;cursor:pointer;margin-left:auto;width:30px;height:30px;border:none;padding:0px;margin-right:8px;margin-top:8px;margin-bottom:2px;border-radius:50%;background-color:transparent;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:outline 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__close-button:hover,.modal__close-button:focus{color:#2196f3;outline:#2196f3}.contact-form{padding-bottom:40px;padding-left:41px;padding-right:39px}.contact-form .contact-form__appeal{display:block;margin-bottom:12px;font-weight:700;font-size:20px;line-height:1.5;letter-spacing:.03em;font-weight:700;font-size:20px;line-height:1.5;letter-spacing:0.03em;text-align:center;color:#212121}@media screen and (min-width: 1200px){.contact-form .contact-form__appeal{line-height:1.15}}.contact-form .contact-form__field{display:flex;flex-direction:column;margin-bottom:10px}.contact-form .contact-form__comment-field{display:flex;flex-direction:column;margin-bottom:20px}.contact-form .contact-form__label{margin-bottom:4px;font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.01em;color:#757575}.contact-form .contact-form__wrap{position:relative}.contact-form .contact-form__icon{width:18px;height:18px;fill:currentColor}.contact-form .contact-form__agreement-label{display:flex;align-items:center;font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.03em;margin-left:24px;color:#757575}@media screen and (min-width: 1200px){.contact-form .contact-form__agreement-label{font-size:14px;line-height:1.71;margin-left:36px}}.contact-form .contact-form__agreement-field{position:relative;margin-bottom:30px}.contact-form .contact-form__link{display:block;color:#2196f3;text-decoration:underline;margin-left:5px}.contact-form__input{height:40px;width:100%;padding-left:42px;border:1px solid rgba(33,33,33,0.2);border-radius:4px;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.contact-form__input:focus{outline:none;border-color:#2196f3}.contact-form__textarea{height:120px;padding:12px 16px;resize:none;border:1px solid rgba(33,33,33,0.2);border-radius:4px;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.contact-form__textarea:focus{outline:none;border-color:#2196f3}.contact-form__textarea::placeholder{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,0.5)}.contact-form__icon-place{position:absolute;top:50%;transform:translateY(-50%);left:12px;color:#212121;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.contact-form__field:focus-within .contact-form__icon-place{color:#2196f3}.contact-form__check-box{position:absolute;display:inline-block;width:16px;height:15px;border:2px solid #212121;border-radius:4px;left:0;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.contact-form__check-box{left:12px}}.contact-form__check-input:checked ~ .contact-form__check-box{background-color:#2196f3;background-image:url("../images/svg/check.svg");background-size:contain;background-position:center;background-origin:border-box;border-color:#2196f3}.contact-form__agreement-field:focus-within .contact-form__check-box{border-color:#2196f3}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.section .section__title{text-align:center;margin-bottom:30px;font-weight:700;font-size:28px;line-height:1.18;letter-spacing:.03em}@media screen and (min-width: 1200px){.section .section__title{font-size:36px;line-height:1.17;margin-bottom:50px}}.features__title{margin-bottom:10px;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase}@media screen and (max-width: 767px){.features__title{text-align:center}}.features__text{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em}.features__icon{display:block;width:70px;height:70px}.features__thumb{justify-content:center;height:120px;background:#f5f4fa;border-radius:4px;border:1px solid transparent;margin-bottom:30px;transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.features__thumb:hover{border:1px solid #000000;box-shadow:0px 4px 4px rgba(0,0,0,0.25)}@media screen and (min-width: 768px){.features__list{display:flex;flex-wrap:wrap;margin:-15px}}@media screen and (max-width: 767px){.features__item{width:100%}.features__item:not(:first-child){margin-top:30px}}@media screen and (min-width: 768px){.features__item{margin:15px;flex-basis:calc((100% - 2 * 30px) / 2)}}@media screen and (min-width: 1200px){.features__item{margin:15px;flex-basis:calc((100% - 4 * 30px) / 4)}}.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}.work{padding-top:0px;padding-bottom:94px}@media screen and (max-width: 1199px){.work{display:none}}.work .work__list{display:flex}.work .work__title{position:absolute;bottom:0;left:0;width:100%;padding:27px 82px 27px 83px;background:rgba(47,48,58,0.8);font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-align:center;text-transform:uppercase;color:#fff}.work__item{position:relative}.work__item:not(:first-child){margin-left:30px}.staff{background-color:#f5f4fa}@media screen and (min-width: 768px){.staff .staff__list{display:flex;flex-wrap:wrap;margin:-15px}}@media screen and (max-width: 767px){.staff .staff__item:not(:first-child){margin-top:30px}}@media screen and (min-width: 768px){.staff .staff__item{flex-basis:calc((100% - 2 * 30) / 2);margin:15px}}@media screen and (min-width: 1200px){.staff .staff__item{flex-basis:calc((100% - 4 * 30) / 4);margin:15px}}.staff .staff__name{margin-bottom:10px;font-weight:500;font-size:16px;line-height:1.19;letter-spacing:.03em;text-align:center}.staff .staff__profession{color:#757575;font-weight:400;font-size:16px;line-height:1.19;letter-spacing:.03em;text-align:center;margin-bottom:16px}.staff .staff__card{padding-top:30px;padding-bottom:30px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0px 1px 3px 0px rgba(0,0,0,0.12),0px 1px 1px 0px rgba(0,0,0,0.14),0px 2px 1px 0px rgba(0,0,0,0.2)}.social-list{display:flex;justify-content:center}.social-list .social-list__icon{width:20px;height:20px;fill:currentColor}.social-list__item{width:44px;height:44px}.social-list__item:not(:first-child){margin-left:10px}.social-list__link{justify-content:center;width:100%;height:100%;border-radius:50%;color:#afb1b8;background-color:transparent;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social-list__link:hover,.social-list__link:focus{background-color:#2196f3;color:#fff}.social-list__link--white-color{background-color:rgba(255,255,255,0.1);color:#fff;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients__list{justify-content:center;margin:-15px}.clients__link{justify-content:center;width:100%;height:100%;border-radius:4px;border:1px solid #afb1b8;color:#afb1b8;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients__link:hover,.clients__link:focus{color:#2196f3;border-color:#2196f3}.clients__item{height:92px;margin:15px;flex-basis:calc((100% - 2 * 30px) / 2)}@media screen and (min-width: 768px){.clients__item{flex-basis:calc((100% - 3 * 30px) / 3)}}@media screen and (min-width: 1200px){.clients__item{flex-basis:calc((100% - 6 * 30px) / 6)}}.clients__icon{width:106px;height:60px;fill:currentColor}.footer{padding-top:60px;padding-bottom:60px;background-color:#2f303a}@media screen and (max-width: 767px){.footer .footer__container{text-align:center}}@media screen and (min-width: 1200px){.footer .footer__container{display:flex;align-items:baseline}}@media screen and (min-width: 768px) and (max-width: 1199px){.footer .footer__logo{margin-right:auto;margin-left:auto}}@media screen and (max-width: 1199px){.footer .footer__address{text-align:center;margin-bottom:60px}}@media screen and (max-width: 1199px){.footer .footer__join{text-align:center;margin-bottom:60px}}@media screen and (min-width: 1200px){.footer .footer__join{margin-left:70px}}@media screen and (min-width: 768px){.footer .footer__for-tablet{display:flex;align-items:baseline}}@media screen and (min-width: 768px) and (max-width: 1199px){.footer .footer__for-tablet{justify-content:space-between;padding-left:76px;padding-right:89px}}.footer .footer__appeal{display:block;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;margin-bottom:20px;color:#fff}.address{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;margin-top:20px;font-style:normal}.address__map{color:#fff;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.address__map:hover,.address__map:focus{color:#2196f3}.address__contact{color:rgba(255,255,255,0.6);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.address__contact:hover,.address__contact:focus{color:#2196f3}.address__item:not(:first-child){margin-top:9px}@media screen and (min-width: 768px) and (max-width: 1199px){.subscribe-form{text-align:center;margin-right:auto;margin-left:auto;width:450px}}@media screen and (min-width: 1200px){.subscribe-form{margin-left:auto}}@media screen and (min-width: 1200px){.subscribe-form .subscribe-form__field{display:flex;margin-left:auto}}.subscribe-form__input{padding-left:16px;padding-top:15px;padding-bottom:15px;border:1px solid rgba(255,255,255,0.3);border-radius:4px;background-color:transparent;font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,0.6)}.subscribe-form__input::placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,0.6)}@media screen and (max-width: 1199px){.subscribe-form__input{margin-bottom:20px;width:100%}}@media screen and (min-width: 1200px){.subscribe-form__input{width:358px}}
/*# sourceMappingURL=main.min.css.map */