:root{--main-color: #757575;--secondary-color: #212121;--accent-color: #2196f3;--main-footer-text-color: #ffffff;--background-color: #2f303a;--links-color: #afb1b8;--bcg-btn-color: #188ce8;--placeholder-color: rgba(117, 117, 117, 0.5);--bcg-grey-color: #f5f4fa;--main-bcg-color: #ffffff;--primary-font-family: 'Roboto', sans-serif;--secondary-font-family: 'Raleway', sans-serif;--transition-duration: 250ms;--transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}.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}.social-contact__link,.modal-close-btn,.footer-social__link,.btn-subscription{display:flex;align-items:center}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}ul,ol{margin-top:0;margin-bottom:0;padding-left:0}img{display:block;width:100%;height:auto}.list{list-style:none}.link{text-decoration:none}body{font-family:var(--primary-font-family);color:var(--main-color)}body.modal-open{overflow:hidden}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.container{position:relative;padding-left:15px;padding-right:15px}@media screen and (min-width: 480px){.container{width:480px;margin:0 auto}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}.mobile-menu-btn__open{display:inline-flex;background-color:transparent;border:none;padding:0;margin:0;line-height:0;transition:fill var(--transition-duration),var(--transition-timing-function)}.mobile-menu-btn__open:hover,.mobile-menu-btn__open:focus,.mobile-menu-btn__open:active{fill:var(--accent-color);cursor:pointer}@media screen and (min-width: 768px){.mobile-menu-btn__open{display:none}}.mobile-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;overflow:auto;z-index:1;opacity:0;visibility:hidden;pointer-events:none}.mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu__container{position:relative;width:100vw;height:100vh;padding-top:48px;padding-bottom:48px;padding-left:25px;display:flex;flex-direction:column;justify-content:space-between}.mobile-menu-nav__link{position:relative;font-weight:500;font-size:40px;line-height:1.175;letter-spacing:0.02em;color:var(--secondary-color)}.mobile-menu-nav__item:not(:last-child),.mobile-menu-contacts__item:not(:last-child){margin-bottom:32px}.mobile-menu-contacts{margin-bottom:64px}.mobile-menu-contacts__link{font-weight:500;font-size:24px;line-height:1.167;letter-spacing:0.02em;color:var(--main-color)}.mobile-menu-contacts__link_phone{font-size:34px;line-height:1.176;color:var(--accent-color)}.mobile-menu-contacts__item:hover .mobile-menu-contacts__link,.mobile-menu-contacts__item:focus .mobile-menu-contacts__link{color:var(--accent-color)}.mobile-menu-social-links{display:flex;flex-wrap:wrap;align-items:center}.mobile-menu-social-links__item:not(:last-child){border-right:1px solid rgba(33,33,33,0.2);padding-right:10px;margin-right:10px}.mobile-menu-social-links__link{font-weight:500;font-size:18px;line-height:1.222;letter-spacing:0.02em;color:var(--accent-color)}.mobile-menu-btn__close{position:absolute;top:10px;right:15px;padding:0;border:none;background-color:#fff}.mobile-menu-btn__close:hover,.mobile-menu-btn__close:focus,.mobile-menu-btn__close:active{fill:var(--accent-color);cursor:pointer}@media screen and (min-width: 768px){.mobile-menu{display:none}}.btn{font-family:inherit;font-weight:700;font-size:16px;line-height:1.88;text-align:center;letter-spacing:0.06em;background-color:var(--accent-color);color:var(--main-footer-text-color);border:transparent;border-radius:4px;transition:background-color var(--transition-duration) var(--transition-timing-function);box-shadow:0px 4px 4px rgba(0,0,0,0.15)}.btn:hover,.btn:focus{background-color:var(--bcg-btn-color);cursor:pointer}.title{font-weight:700;font-size:28px;line-height:1.178;text-align:center;letter-spacing:0.03em;color:var(--secondary-color);margin-bottom:30px}@media screen and (min-width: 1200px){.title{font-size:36px;line-height:1.16}}.social-contact{display:flex;align-items:center}.social-contact__item:not(:last-child){margin-right:10px}.social-contact__link{justify-content:center;width:44px;height:44px;border-radius:50%;background-color:transparent;transition:background-color var(--transition-duration) var(--transition-timing-function)}.social-contact__link:hover,.social-contact__link:focus{background-color:var(--accent-color)}.social-contact__icon{width:20px;height:20px;fill:var(--links-color);transition:fill var(--transition-duration) var(--transition-timing-function)}.social-contact__link:hover .social-contact__icon,.social-contact__link:focus .social-contact__icon{fill:var(--main-footer-text-color)}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;padding:15px;overflow-y:scroll;background:rgba(0,0,0,0.2);z-index:100;transition:opacity var(--transition-duration) var(--transition-timing-function),visibility var(--transition-duration) var(--transition-timing-function)}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}@media screen and (min-width: 768px){.backdrop{padding:0}}.modal{position:relative;max-width:450px;height:609px;padding:40px;background:var(--main-bcg-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);border-radius:4px}.modal-icon{width:18px;height:18px;fill:currentColor}.modal-close-btn{position:absolute;top:8px;right:8px;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:1px solid rgba(0,0,0,0.1);border-radius:50%;cursor:pointer}@media screen and (min-width: 480px){.modal{position:absolute;top:50%;left:50%;width:450px;transform:translate(-50%, -50%)}}@media screen and (min-width: 1200px){.modal{width:528px;height:581px}}.modal-request{display:block;font-size:20px;font-weight:700;line-height:1.5;text-align:center;letter-spacing:0.03em;color:var(--secondary-color);margin-bottom:12px}.modal-form{display:flex;flex-direction:column}.modal-label{display:block;margin-bottom:10px;font-weight:400;font-size:12px;line-height:1.17;letter-spacing:0.01em;color:var(--main-color)}.modal-input-wrapper{display:block;position:relative;margin-top:4px}.modal-input{width:100%;height:40px;padding-left:42px;border:1px solid rgba(33,33,33,0.2);border-radius:4px;font-size:14px;line-height:1.15;letter-spacing:0.01em;color:var(--secondary-color)}.modal-input:focus{outline:none;border:1px solid var(--accent-color)}.modal-input-icon{position:absolute;width:18px;height:18px;top:50%;left:12px;transform:translateY(-50%);background-size:contain;fill:#000000}.modal-input:focus+.modal-input-icon{fill:var(--accent-color)}.modal-message{width:100%;height:120px;resize:none;padding:12px 16px;margin-top:4px;color:var(--secondary-color);border:1px solid rgba(33,33,33,0.2);border-radius:4px}.modal-message::placeholder{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:0.01em;color:var(--placeholder-color)}.modal-message:focus{outline:none;border-color:var(--accent-color)}.modal-label-checkbox{display:inline-block;font-weight:normal;font-size:12px;line-height:1.167;letter-spacing:0.03em;color:var(--main-color)}.modal-input-checkbox{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}.modal-checkbox-icon{display:inline-block;vertical-align:bottom;width:16px;height:15px;margin-right:7px;border:2px solid var(--secondary-color);border-radius:2px;transition:background-color 50ms var(--transition-timing-function),background-image 50ms var(--transition-timing-function)}.modal-input-checkbox:checked+.modal-checkbox-icon{border:transparent;background-color:var(--accent-color);background-image:url(../img/icon-check.svg);background-size:contain;background-origin:border-box}.modal-input-checkbox:focus+.modal-checkbox-icon{border-color:var(--accent-color)}.modal-submit-btn{align-self:center;max-width:200px;max-height:50px;padding:10px 55px;margin-top:30px}@media screen and (min-width: 1200px){.modal-request{line-height:1.15}.modal-label-checkbox{font-size:14px;line-height:1.71}.modal-checkbox-icon{vertical-align:middle}}@media screen and (max-width: 1999px){.logo{color:#000000;font-family:var(--secondary-font-family);font-weight:700;font-size:24px;line-height:1.167;letter-spacing:0.03em}}@media screen and (min-width: 1200px){.logo{color:#000000;font-family:var(--secondary-font-family);font-weight:700;font-size:26px;line-height:1.2;letter-spacing:0.03em}}.logo--blue{color:var(--accent-color)}.logo--white{color:var(--main-footer-text-color);display:block;margin-bottom:20px}.header{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #ececec}@media screen and (max-width: 767px){.header-container{display:flex;justify-content:space-between;align-items:center}.menu-list{display:none}.contacts-list{display:none}}@media screen and (min-width: 768px){.header{padding-top:21px;padding-bottom:21px}.header-container{display:flex;align-items:center}.menu-nav{display:flex}.menu-list{display:flex;align-items:center;margin-left:88px}.menu__item:not(:last-child){margin-right:50px}.contacts-list{margin-left:84px}.contacts-item:not(:last-child){margin-bottom:10px}.address-link{display:flex;align-items:center;font-weight:500;font-size:12px;line-height:1.167;letter-spacing:0.02em;color:var(--main-color);transition:color var(--transition-duration),var(--transition-timing-function)}.address-link:hover,.address-link:focus{color:var(--accent-color)}.icon-envelope{fill:currentColor;width:14px;height:10px;margin-right:8px}.icon-smartphone{fill:currentColor;width:10px;height:14px;margin-right:8px}}@media screen and (min-width: 1200px){.header{padding-top:24px;padding-bottom:24px}.menu-list{display:flex;align-items:center;margin-left:93px}.contacts-list{display:flex;align-items:center;margin-left:305px}.contacts-item:not(:last-child){margin-bottom:0}.contacts-item+.contacts-item{margin-left:30px}.address-link{font-size:14px;line-height:1.15}.icon-envelope{fill:currentColor;width:16px;height:12px;margin-right:10px}.icon-smartphone{fill:currentColor;width:10px;height:16px;margin-right:10px}}.menu__link{position:relative;font-weight:500;font-size:14px;line-height:1.15;letter-spacing:0.02em;color:var(--secondary-color);padding-top:32px;padding-bottom:32px;transition:color var(--transition-duration),var(--transition-timing-function)}.menu__link:hover,.menu__link:focus{color:var(--accent-color)}.current{color:var(--accent-color)}.current::after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:4px;background:var(--accent-color);border-radius:2px}.hero{background-color:#c4c4c4;background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../img/bgimage-mob.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;text-align:center;max-width:767px;height:400px;padding-top:118px;padding-bottom:118px;margin-left:auto;margin-right:auto}.hero__title{max-width:360px;font-weight:900;font-size:26px;line-height:1.615;text-align:center;letter-spacing:0.06em;text-transform:uppercase;color:var(--main-footer-text-color);margin-left:auto;margin-right:auto;margin-bottom:30px}.hero--btn{padding:10px 32px}@media (min-device-pixel-ratio: 2) and (max-width: 767px), (min-resolution: 192dpi) and (max-width: 767px), (min-resolution: 2dppx) and (max-width: 767px){.hero{background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../img/bgimage-mob@2x.jpg)}}@media screen and (min-width: 768px){.hero{background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../img/bgimage-tablet.jpg);max-width:1199px}}@media (min-device-pixel-ratio: 2) and (min-width: 768px), (min-resolution: 192dpi) and (min-width: 768px), (min-resolution: 2dppx) and (min-width: 768px){.hero{background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../img/bgimage-tablet@2x.jpg)}}@media screen and (min-width: 1200px){.hero{background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../img/bgimage-desktop.jpg);max-width:1600px;height:600px;padding-top:200px;padding-bottom:200px}.hero__title{max-width:696px;font-size:44px;line-height:1.36}}@media (min-device-pixel-ratio: 2) and (min-width: 1200px), (min-resolution: 192dpi) and (min-width: 1200px), (min-resolution: 2dppx) and (min-width: 1200px){.hero{background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../img/bgimage-desktop@2x.jpg)}}.features__img{height:120px;display:flex;align-items:center;justify-content:center;background:var(--bcg-grey-color);border-radius:4px;margin-bottom:30px}.features__icons{width:70px;height:70px;fill:var(--secondary-color)}.features__title{font-weight:700;font-size:14px;line-height:1.15;letter-spacing:0.03em;text-align:center;text-transform:uppercase;color:var(--secondary-color);margin-bottom:10px}.features__text{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:0.03em}@media screen and (max-width: 1199px){.features__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px) and (max-width: 1199px){.features__list{display:flex;flex-wrap:wrap}.features__item{width:calc((100% - 30px) / 2)}.features__item:nth-child(odd){margin-right:30px}.features__item:nth-last-child(-n+2){margin-bottom:0}.features__title{text-align:left}}@media screen and (min-width: 1200px){.features__list{display:flex;margin:-15px}.features__item{width:calc((100% - 90px) / 4);margin:15px}.features__title{text-align:left}}@media screen and (max-width: 1199px){.work{display:none}}@media screen and (min-width: 1200px){.work{padding-top:0}.work__list{display:flex;margin:-15px}.work__item{width:calc((100% - 60px) / 3);margin:15px}.work__wrapper{position:relative}.work__overlay{position:absolute;left:0;bottom:0;width:100%;font-weight:700;font-size:14px;line-height:1.15;text-align:center;letter-spacing:0.03em;text-transform:uppercase;color:var(--main-footer-text-color);padding:27px 82px;background:rgba(47,48,58,0.8)}}.team{background-color:var(--bcg-grey-color)}.team__item{font-size:16px;line-height:1.19;text-align:center;letter-spacing:0.03em;background-color:var(--main-bcg-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);border-radius:0px 0px 4px 4px}.team-member{display:inline-block;padding:30px 30px 24px 30px;margin:0 auto}.team-member__name{font-weight:500;font-size:16px;color:var(--secondary-color);margin-bottom:10px}.team-member__profession{font-size:16px;margin-bottom:16px}@media screen and (max-width: 767px){.team__item{max-width:450px}.team__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px){.team__list{display:flex;flex-wrap:wrap;margin:-15px}.team__item{width:calc((100% - 60px) / 2);margin:15px}}@media screen and (min-width: 1200px){.team__list{flex-wrap:nowrap}.team__item{width:calc((100% - 120px) / 2)}.team-member{padding:30px}}.clients-list{display:flex;flex-wrap:wrap;margin:-15px}.clients-item{margin:15px}.clients-item-link{display:flex;align-items:center;justify-content:center;height:92px;background-color:var(--main-bcg-color);border:1px solid var(--links-color);border-radius:4px;transition:border-color var(--transition-duration) var(--transition-timing-function)}.clients-item-link:hover,.clients-item-link:focus{border-color:var(--accent-color)}.clients-icon{width:106px;height:60px;fill:var(--links-color);transition:fill var(--transition-duration) var(--transition-timing-function)}.clients-item-link:hover .clients-icon,.clients-item-link:focus .clients-icon{fill:var(--accent-color)}@media screen and (max-width: 767px){.clients-item{width:calc((100% - 60px) / 2)}.clients-item-link{max-width:210px}}@media screen and (min-width: 767px){.clients-item{width:calc((100% - 90px) / 3)}.clients-item-link{width:226px}}@media screen and (min-width: 1200px){.clients-list{flex-wrap:nowrap}.clients-item{width:calc((100% - 120px) / 4)}.clients-item-link{width:170px}}.footer{background-color:var(--background-color);padding-top:60px;padding-bottom:60px}.footer-left-side{text-align:center}.address-list{margin-bottom:60px}.address-list .maps{color:var(--main-footer-text-color)}.address-item:not(:last-child){margin-bottom:8px}.address-footer-link{font-style:normal;font-size:14px;line-height:1.71;letter-spacing:0.03em;color:rgba(255,255,255,0.6)}.footer-title{font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;text-align:center;color:var(--main-footer-text-color);margin-bottom:20px}.footer-social__list{display:flex;justify-content:center;margin-bottom:60px}.footer-social__item:not(:last-child){margin-right:10px}.footer-social__link{justify-content:center;width:44px;height:44px;border-radius:50%;background-color:rgba(255,255,255,0.1);transition:background-color var(--transition-duration) var(--transition-timing-function)}.footer-social__link:hover,.footer-social__link:focus{background-color:var(--accent-color)}.footer-social__icons{width:20px;height:20px;fill:var(--main-footer-text-color)}.footer-right-side{text-align:center}.footer-form{display:flex;flex-direction:column;align-items:center;margin-top:20px}.input-email{width:100%;height:50px;font-weight:400;font-size:16px;line-height:1.25;letter-spacing:0.03em;padding:15px 16px;color:var(--main-footer-text-color);background-color:transparent;border:1px solid rgba(255,255,255,0.3);filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.15));border-radius:4px}.btn-subscription{justify-content:center;width:200px;height:50px;margin-top:20px;padding:10px 28px 10px 29px}.icon-send{width:24px;height:24px;background-size:contain;fill:currentColor;margin-left:10px}@media screen and (min-width: 768px){.footer__wrapper{display:flex;justify-content:center;align-items:baseline;margin-bottom:60px}.footer-left-side{margin-right:165px}.address-list{margin-bottom:0}.input-email{width:450px}}@media screen and (min-width: 1200px){.footer-content{display:flex;align-items:baseline}.footer__wrapper{margin-bottom:0}.footer-left-side{text-align:left;margin-right:70px}.address-item:not(:last-child){margin-bottom:9px}.footer-social__list{margin-bottom:0}.footer-right-side{text-align:left;margin-left:93px}.footer-form{flex-direction:row;align-items:center}.input-email{width:358px;margin-right:12px}.btn-subscription{margin-top:0}}.filtres-list{display:flex;flex-wrap:wrap;justify-content:left;margin-bottom:40px}.filtres-item{margin-bottom:15px}.filtres-item:not(:last-child){margin-right:8px}.filtres-btn{font-family:inherit;font-weight:500;font-size:16px;line-height:1.6;text-align:center;letter-spacing:0.03em;background:var(--bcg-grey-color);color:var(--secondary-color);border:transparent;border-radius:4px;padding:6px 22px;transition:background-color var(--transition-duration) var(--transition-timing-function),color var(--transition-duration) var(--transition-timing-function),box-shadow var(--transition-duration) var(--transition-timing-function)}.filtres-btn:hover,.filtres-btn:focus{background-color:var(--accent-color);color:var(--main-footer-text-color);cursor:pointer;box-shadow:0px 3px 1px rgba(0,0,0,0.1),0px 1px 2px rgba(0,0,0,0.08),0px 2px 2px rgba(0,0,0,0.12)}.cards-item{border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;transition:box-shadow var(--transition-duration) var(--transition-timing-function)}.cards-item:hover,.cards-item:focus,.cards-item:active{box-shadow:0px 1px 1px rgba(0,0,0,0.12),0px 4px 4px rgba(0,0,0,0.06),1px 4px 6px rgba(0,0,0,0.16)}.card-wrapper{position:relative;overflow:hidden}.overlay{position:absolute;width:100%;height:100%;top:0;left:0;padding:77px 24px;font-weight:400;font-size:18px;line-height:1.56;letter-spacing:0.03em;color:var(--main-footer-text-color);background:rgba(33,150,243,0.9);overflow:auto;transform:translateY(100%);transition:transform var(--transition-duration) var(--transition-timing-function)}.cards-item-link:hover .overlay,.cards-item-link:focus .overlay{transform:translateY(0%)}.cards-title-list{font-weight:700;font-size:18px;line-height:2;letter-spacing:0.06em;color:var(--secondary-color);margin:0 0 4px 0}.cards-text{font-size:16px;line-height:1.87;letter-spacing:0.03em;color:var(--main-color)}.card-list-text{padding:20px 24px}@media screen and (max-width: 767px){.cards-item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px){.filtres-list{flex-wrap:nowrap;justify-content:center;margin-bottom:30px}.cards-list{display:flex;flex-wrap:wrap;margin:-15px}.cards-item{width:calc((100% - 60px) / 2);margin:15px}.overlay{padding:49px 24px}}@media screen and (min-width: 1200px){.filtres-list{margin-bottom:30px}.cards-item{width:calc((100% - 90px) / 3)}.overlay{padding:63px 24px}}
/*# sourceMappingURL=main.min.css.map */