:root{--main-background-color: #e5e5e5;--main-white-color: #ffffff;--title-text-color: #212121;--main-text-color: #757575;--dark-bg-color: #2f303a;--accent-color: #2196f3;--background-button: #f5f4fa;--contact-color: #ffffff99;--logo-color: #000000;--border-color-line: #ececec;--border-box-color: #eeeeee;--social-icons-color: #afb1b8;--grid-item: 3;--font-title: Roboto, sans-serif;--font-logo: Raleway, sans-serif;--animation: 250ms cubic-bezier(0.4, 0, 0.2, 1);--hero-gradient: linear-gradient(
    to right,
    rgba(47, 48, 58, 0.4),
    rgba(47, 48, 58, 0.4)
  );--button-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15)}html{box-sizing:border-box}*,*::after,*::before{box-sizing:inherit}body{margin:0;font-family:var(--font-title);background-color:var(--main-white-color);color:var(--main-text-color);font-size:14px;line-height:1.71;letter-spacing:0.03em}img{display:block;width:100%;height:auto}h1,h2,h3,h4,h5,h6,p,ul{padding:0;margin:0}h2,h3{color:var(--title-text-color)}address{font-style:normal}.link{text-decoration:none;color:inherit}.list{list-style:none}.visually-hidden{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden}.container{width:100%;padding-left:15px;padding-right:15px;margin-left:auto;margin-right: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}}.button{border:none;text-decoration:none;display:inline-block;font-weight:500;font-size:16px;line-height:1.62;color:var(--title-text-color);background-color:var(--background-button);cursor:pointer;border-radius:4px;transition:color var(--animation),background-color var(--animation)}.button:hover,.button:focus{background-color:var(--accent-color);color:var(--main-white-color)}.button__accent{cursor:pointer;border:none;font-weight:700;font-size:16px;line-height:1.87;letter-spacing:0.06em;color:var(--main-white-color);border-radius:4px;box-shadow:var(--button-shadow);background-color:var(--accent-color)}.logo{display:flex;padding-top:25px;padding-bottom:25px}.logo__title{font-family:var(--font-logo);font-weight:700;font-size:26px;line-height:1.19;color:var(--logo-color);text-decoration:none}.logo__title--color{font-family:var(--font-logo);font-weight:700;font-size:26px;line-height:1.19;color:var(--accent-color);text-decoration:none}.logo__title--light{font:var(--font-logo);font-weight:700;font-size:26px;line-height:1.19;color:var(--main-white-color)}.social-icons{display:inline-flex}.social-icons__icon{width:20px;height:20px;fill:var(--social-icons-color)}.social-icons__icon{transition:fill var(--animation)}.social-icons__link:hover .social-icons__icon,.social-icons__link:focus .social-icons__icon{fill:var(--main-white-color)}.social-icons__link{display:flex;justify-content:center;align-items:center;border-radius:50%;width:44px;height:44px;background-color:rgba(255,255,255,0.1);transition:background-color var(--animation)}.social-icons__link:hover,.social-icons__link:focus{background-color:var(--accent-color)}.social-icons--footer-color{fill:var(--main-white-color)}.social-icons__item+.social-icons__item{margin-left:10px}.mobile__menu{width:100%;display:flex;justify-content:space-between}@media screen and (max-width: 767.98px){.mobile__menu{position:fixed;top:0;right:-120%;min-width:320px;height:100vh;overflow-y:scroll;background-color:var(--main-white-color);padding:48px 40px;z-index:1;flex-direction:column;transition:right ease-out 500ms}}@media screen and (min-width: 768px){.mobile__menu{align-items:center}}.mobile__menu.is-open{right:0}.menu__icon-menu,.menu__icon-cross{fill:var(--title-text-color)}.menu__button{position:absolute;top:10px;right:15px;display:inline-flex;margin:0;padding:0;border:none;background-color:transparent;z-index:2}.menu__button.is-open{position:fixed}@media screen and (min-width: 768px){.menu__button{display:none}}.menu__button .menu__icon-cross{display:none}.menu__button.menu__icon-menu{display:block}.menu__button.is-open .menu__icon-cross{display:block}.menu__button.is-open .menu__icon-menu{display:none}.menu__icon-menu{display:block}.menu__icon-menu:hover,.menu__icon-menu:focus{fill:var(--accent-color)}.menu__icon-cross:hover,.menu__icon-cross:focus{fill:var(--accent-color)}.menu__icon-menu,.menu__icon-cross{transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.menu__socials{display:none}}.menu__socials{width:100vw}.menu__socials-link{color:var(--accent-color);font-weight:500;font-size:18px;line-height:1.22;letter-spacing:0.02em}@media screen and (max-width: 380px){.menu__socials-link{font-size:12px}}.menu__socials-list{display:flex;flex-wrap:wrap;text-align:center;bottom:48px}.menu__socials-item{padding-left:10px}.menu__socials-item:not(:last-child){border-right:1px solid rgba(33,33,33,0.2);padding-right:10px}.menu__socials-item:first-child{padding-left:0}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);opacity:1;transition:opacity 500ms ease-out 200ms;z-index:900;padding:75px 15px;overflow-y:scroll}.backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.is-hidden .modal{transform:translate(100%, 100%) scale(0.2)}.modal{position:relative;margin:0 auto;width:100%;padding:40px;border-radius:4px;background-color:var(--main-white-color);box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);transition:transform 600ms ease-out 100ms}@media screen and (max-width: 1199.98px){.modal{max-width:450px}}@media screen and (min-width: 1200px){.modal{max-width:528px;min-height:581px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}}.modal__title{display:block;align-items:center;text-align:center;font-weight:bold;font-size:20px;line-height:23px;color:var(--title-text-color);margin-bottom:12px}@media screen and (max-width: 399.98px){.modal__title{font-size:18px}}.modal__btn-close{position:absolute;top:0;right:0;margin:8px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;border:1px solid rgba(0,0,0,0.1);border-radius:50%;cursor:pointer;background-color:var(--main-white-color);transition:fill var(--animation)}.modal__btn-close:hover,.modal__btn-close:focus{fill:var(--accent-color)}.form__field{position:relative;display:flex;flex-direction:column;margin-bottom:10px}.form__input{outline-color:var(--accent-color);padding:11px 12px;padding-left:42px;border:1px solid rgba(33,33,33,0.2);border-radius:4px;cursor:pointer;transition:border-color var(--animation);width:100%}.form__input:hover,.form__input:focus{border-color:var(--accent-color)}@media screen and (max-width: 767.98px){.form__input:hover,.form__input:focus{max-width:370px}}@media screen and (min-width: 1200px){.form__input:hover,.form__input:focus{max-width:448px}}.form__label{font-size:12px;line-height:1.16;letter-spacing:0.01em;color:var(--main-text-color);padding-bottom:4px}.form__icon{position:absolute;fill:var(--title-text-color);top:52%;left:12px;transition:fill var(--animation)}.form__input:hover+.form__icon,.form__input:focus+.form__icon{fill:var(--accent-color)}.form__comment{resize:none;padding:12px 16px;outline-color:var(--accent-color);border:1px solid rgba(33,33,33,0.2);border-radius:4px;cursor:pointer;width:100%;transition:border-color var(--animation)}@media screen and (max-width: 767.98px){.form__comment{max-width:370px}}@media screen and (min-width: 1200px){.form__comment{max-width:448px}}.form__comment:hover,.form__comment:focus{border-color:var(--accent-color)}.form__comment::placeholder{line-height:16px;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.form__link{color:var(--accent-color);margin-left:5px}.form__button{display:block;align-items:center;text-align:center;padding:10px 55px;margin:auto;transition:background-color var(--animation)}.form__button:hover,.form__button:focus{background-color:#188ce8}.form__check-label{letter-spacing:0.03em;display:flex;align-items:center;cursor:pointer;font-size:8px;flex-wrap:wrap}@media screen and (min-width: 422px) and (max-width: 478.98px){.form__check-label{font-size:10px}}@media screen and (min-width: 479px) and (max-width: 1199.98px){.form__check-label{font-size:12px;line-height:1.17}}@media screen and (min-width: 1200px){.form__check-label{font-size:14px;line-height:1.71}}.form__icon-check{display:inline-block;width:16px;height:15px;margin-right:7px;border:2px solid var(--title-text-color);border-radius:4px}.form__checkbox:checked+.form__icon-check{border-color:var(--accent-color);background-color:var(--accent-color);background-image:url(../images/icons.svg/icon-check.svg);background-size:contain;background-origin:border-box}.grid{margin:0;padding:0;display:flex;flex-wrap:wrap;margin-top:-30px;margin-left:-30px}.grid__item{flex-basis:calc((100% - 30px * var(--grid-item)) / var(--grid-item));margin-top:30px;margin-left:30px}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.section-title{margin-bottom:30px;text-align:center;font-weight:700;font-size:28px;line-height:1.18;text-align:center}@media screen and (min-width: 1200px){.section-title{font-size:36px;line-height:1.17;margin-bottom:50px}}.header{background-color:var(--main-white-color)}.header__container{display:flex;flex-basis:80px;position:relative}@media screen and (min-width: 768px){.header__container{align-items:center}}.header__line{border-bottom:1px solid var(--border-color-line)}.navigation__container{position:relative;display:flex;align-items:center}.navigation__list{font-weight:500}@media screen and (min-width: 768px){.navigation__list{display:flex;margin-left:93px}}@media screen and (min-width: 768px) and (max-width: 1199.98px){.navigation__list{margin-left:88px}}.navigation__item{position:relative}.navigation__item:not(:last-child){margin-right:50px}.navigation__link{display:block;color:var(--title-text-color);text-decoration:none;transition:color var(--animation)}.navigation__link:hover,.navigation__link:focus{color:var(--accent-color)}@media screen and (max-width: 767.98px){.navigation__link{font-size:40px;line-height:1.175;letter-spacing:0.02em;margin-bottom:36px}}@media screen and (min-width: 768px) and (max-width: 1199.98px){.navigation__link{line-height:1.14;letter-spacing:0.02em}}@media screen and (min-width: 768px){.navigation__link{padding-top:32px;padding-bottom:32px}}.navigation__link--current{color:var(--accent-color)}@media screen and (min-width: 768px){.navigation__link--current::after{position:absolute;left:0;bottom:0;display:block;content:"";width:100%;height:4px;border-radius:2px;background-color:var(--accent-color)}}.contacts{font-weight:500;line-height:1.14;letter-spacing:0.02em}@media screen and (max-width: 767.98px){.contacts{display:flex;flex-direction:column-reverse}}@media screen and (min-width: 1200px){.contacts{display:flex}}@media screen and (min-width: 768px) and (max-width: 1199.98px){.contacts__block{font-size:12px;margin-left:75px}}@media screen and (max-width: 767.98px){.contacts__block{font-weight:500;font-size:34px;line-height:1.8;letter-spacing:0.02em}}@media screen and (min-width: 1200px){.contacts__item:not(:last-child){margin-right:50px}}@media screen and (min-width: 768px) and (max-width: 1199.98px){.contacts__item:not(:last-child){margin-bottom:10px}}.contacts__link{display:flex;align-items:center;fill:var(--main-text-color);transition:fill var(--animation),color var(--animation)}@media screen and (min-width: 1200px){.contacts__link{padding-top:32px;padding-bottom:32px}}.contacts__link:hover,.contacts__link:focus{color:var(--accent-color);fill:var(--accent-color)}.contacts__icon{margin-right:10px}@media screen and (min-width: 768px) and (max-width: 1199.98px){.contacts__icon{margin-right:8px}}@media screen and (max-width: 767.98px){.contacts__icon{display:none}}@media screen and (max-width: 767.98px){.contacts__mobile-tel{color:var(--accent-color);margin-bottom:34px}}@media screen and (max-width: 380px){.contacts__mobile-tel{font-size:25px}}@media screen and (max-width: 767.98px){.contacts__mobile-mail{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:0.02em;margin-bottom:64px}}@media screen and (max-width: 380px){.contacts__mobile-mail{font-size:18px}}@media screen and (min-width: 768px) and (max-width: 1199.98px){.contacts__mail--size{width:14px;height:10px}.contacts__tel--size{width:10px;height:14px}}.hero{background-color:var(--dark-bg-color);background-image:var(--hero-gradient),url(../images/hero/hero-mobile.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;min-height:400px;display:flex;justify-content:center;align-items:center;text-align:-webkit-center}@media (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx){.hero{background-image:var(--hero-gradient),url(../images/hero/hero-mobile@2x.jpg)}}@media screen and (min-width: 768px) and (max-width: 1199.98px){.hero{background-image:var(--hero-gradient),url(../images/hero/hero-tablet.jpg)}}@media screen and (min-width: 768px) and (max-width: 1199.98px) and (min-device-pixel-ratio: 2), screen and (min-width: 768px) and (max-width: 1199.98px) and (min-resolution: 192dpi), screen and (min-width: 768px) and (max-width: 1199.98px) and (min-resolution: 2dppx){.hero{background-image:var(--hero-gradient),url(../images/hero/hero-tablet@2x.jpg)}}@media screen and (min-width: 1200px){.hero{background-image:var(--hero-gradient),url(../images/hero/hero-desktop.jpg)}}@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:var(--hero-gradient),url(../images/hero/hero-desktop@2x.jpg)}}.hero__container{display:block;justify-content:center;text-align:center;padding-top:118px;padding-bottom:118px}@media screen and (min-width: 1200px){.hero__container{padding-top:200px;padding-bottom:200px}}.hero__title{font-weight:900;letter-spacing:0.06em;text-transform:uppercase;color:var(--main-white-color);font-size:26px;line-height:1.62}@media screen and (min-width: 1200px){.hero__title{font-size:44px;line-height:1.36;max-width:700px}}.hero__button{min-width:200px;margin-top:30px;margin-right:auto;margin-left:auto;padding:10px 32px}.features__list{display:inline-flex;justify-content:space-between;flex-direction:row}.features__item{--grid-item: 1;margin-top:30px;margin-left:30px}@media screen and (min-width: 768px){.features__item{--grid-item: 2;max-width:354px}}@media screen and (min-width: 1200px){.features__item{--grid-item: 4;max-width:270px}}.features__title{font-size:14px;line-height:1.14;text-transform:uppercase;margin-bottom:10px}@media screen and (max-width: 767.98px){.features__title{text-align:center}}.features__thumb{display:flex;align-items:center;justify-content:center;height:120px;background-color:var(--background-button);margin-bottom:30px}.features__icon{width:70px;height:70px}.gallery{padding-top:0}@media screen and (max-width: 1199px){.gallery{display:none}}.gallery__item{position:relative}.gallery__description{position:absolute;bottom:0;background-color:rgba(47,48,58,0.8);width:370px;height:70px;text-align:center}.gallery__title{font-weight:700;font-size:14px;line-height:1.14;text-transform:uppercase;color:var(--main-white-color);padding-top:27px}.team-section{background-color:var(--background-button)}.team__list{font-weight:400;font-size:16px;line-height:1.19;text-align:center}.team__item{--grid-item: 1;box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);border-radius:0px 0px 4px 4px;background-color:var(--main-white-color)}@media screen and (min-width: 768px){.team__item{--grid-item: 2}}@media screen and (min-width: 1200px){.team__item{--grid-item: 4}}.team__card{padding-top:30px;padding-bottom:30px}.team__name{padding-bottom:10px;font-size:16px;line-height:1.19;font-weight:500}.team__position{color:var(--main-text-color);padding-bottom:16px}.clients{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.clients__item{flex-basis:calc((100% - 30px) / 2);margin-right:30px;margin-bottom:30px;height:90px}@media screen and (min-width: 768px){.clients__item{flex-basis:calc((100% - 30px * 2) / 3)}}@media screen and (min-width: 1200px){.clients__item{flex-basis:calc((100% - 30px * 5) / 6);margin-bottom:0}.clients__item:nth-child(6n){margin-right:0}}@media screen and (min-width: 768px) and (max-width: 1199px){.clients__item:nth-child(3n){margin-right:0}}@media screen and (max-width: 767px){.clients__item:nth-child(2n){margin-right:0}}.clients__label{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border:1px solid #afb1b8;border-radius:4px;fill:#afb1b8;transition:border var(--animation),fill var(--animation)}.clients__label:hover,.clients__label:focus{border:1px solid var(--accent-color);fill:var(--accent-color)}.footer{background-color:var(--dark-bg-color)}.footer__section{padding-top:60px;padding-bottom:60px}.footer__container{justify-content:space-between;align-items:flex-start}@media screen and (min-width: 768px) and (max-width: 1199.98px){.footer__container{display:flex;align-items:center;flex-direction:column}}@media screen and (min-width: 1200px){.footer__container{display:flex}}.footer__title{display:inline-block;align-items:center;justify-content:center;font-family:var(--font-title);font-weight:700;font-size:14px;line-height:1.14;text-transform:uppercase;color:var(--main-white-color);padding-bottom:20px}@media screen and (min-width: 1200px){.footer__address{display:inline-block;margin-right:70px;width:231px}}@media screen and (max-width: 767px){.footer__address{margin-bottom:60px}}.footer__contacts{color:var(--contact-color)}.footer__item--margin{margin-top:20px}.footer__map{color:var(--main-white-color);text-decoration:none}.footer__item{margin-top:9px}.footer__social{width:206px}@media screen and (max-width: 767px){.footer__social{margin-left:auto;margin-right:auto}}@media screen and (min-width: 768px) and (max-width: 1199.98px){.footer__social{margin-left:165px}}@media screen and (min-width: 1200px){.footer__social{display:inline-block;align-items:flex-start;margin-right:93px}}@media screen and (max-width: 1199.98px){.footer__tablet{text-align:center;margin-bottom:60px}}@media screen and (min-width: 768px){.footer__tablet{display:flex}}@media screen and (min-width: 768px) and (max-width: 1198px){.footer__tablet{justify-content:space-between}}@media screen and (min-width: 1200px){.footer__subscribe{display:inline-block;min-width:575px;height:86px}}@media screen and (max-width: 1199.98px){.footer__subscribe{align-items:center;text-align:center}}.footer__input{padding:15px 16px;border:1px solid rgba(255,255,255,0.3);border-radius:4px;line-height:1.25;filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.15));color:var(--main-white-color);background-color:var(--dark-bg-color)}.footer__input::placeholder{color:rgba(255,255,255,0.6)}@media screen and (max-width: 1199.98px){.footer__input{width:100%;max-width:450px}}@media screen and (min-width: 1200px){.footer__input{min-width:358px}}.footer__button{align-items:center;text-align:center;padding:10px 28px;margin-left:12px}@media screen and (min-width: 1200px){.footer__button{display:inline-flex}}@media screen and (max-width: 1199.98px){.footer__button{margin-top:20px}}.footer__submit{fill:currentColor;margin-left:10px}
/*# sourceMappingURL=main.min.css.map */