img{display:block;height:auto;width:100%}ul{padding:0;margin:0}h1,h2,h3,p,li,a{margin:0;padding:0;text-decoration:none;list-style-type:none}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}.section-title{color:var(--title-text-color);font-weight:700;font-size:36px;line-height:100%;text-align:center;margin-bottom:50px}.section{padding-bottom:94px;padding-top:94px}body{font-family:Roboto,sans-serif}.social-link{width:44px;height:44px;border-radius:50%;padding:0;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:250ms cubic-bezier(0.4, 0, 0.2, 1);transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.social-link:hover,.social-link:focus{background-color:#2196f3;-webkit-transition-duration:250ms;transition-duration:250ms}.social-link:hover .social-icon,.social-link:focus .social-icon{fill:#fff}.social-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;margin-top:16px}.social-icon{display:block;fill:#afb1b8}.footer-social__icon{fill:#fff}.footer-social__link{width:44px;height:44px;border-radius:50%;display:block;background-color:hsla(0,0%,100%,.1019607843);padding:0;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition-duration:250ms;transition-duration:250ms}.footer-social__link-hover{background-color:#2196f3;-webkit-transition-duration:250ms;transition-duration:250ms}.button{color:#fff;background-color:#2196f3;font-weight:700;font-size:16px;line-height:1.88;text-align:center;cursor:pointer;border-radius:4px;width:200px;height:50px;border:1px solid rgba(0,0,0,0)}.logo{display:inline-block;font-family:Raleway,sans-serif;font-size:26px;font-weight:700;letter-spacing:.03em;line-height:100%;color:#2196f3}.main-nav__logo--accent{color:#000}.footer-logo__accent{color:#fff}.container{width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.page-header{border-bottom:solid 1px #ececec}.main-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:0}.main-nav__logo{color:#2196f3;font-family:Raleway,sans-serif;font-weight:700;font-size:26px;line-height:100%}.main-nav--accent{color:#000;font-family:Raleway,sans-serif;font-weight:700;font-size:26px;line-height:100%}.navigation{margin-left:93px}.navigation-list{display:-webkit-box;display:-ms-flexbox;display:flex}.navigation-list .navigation-item:not(:last-child){margin-right:50px}.navigation-link{color:#212121;font-weight:500;font-size:14px;line-height:100%;-webkit-transition:250ms cubic-bezier(0.4, 0, 0.2, 1);transition:250ms cubic-bezier(0.4, 0, 0.2, 1);padding-bottom:32px;padding-top:32px}.navigation-link:focus,.navigation-link:hover{color:#2196f3}.accent{color:#2196f3;position:relative}.accent::after{content:"";display:inline-block;height:4px;width:100%;background-color:#2196f3;position:absolute;left:0;bottom:-1px;border-radius:2px}.contact{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto}.contact-item:not(:last-child){margin-right:50px}.contact-link{color:#757575;font-weight:500;font-size:14px;line-height:100%;-webkit-transition-duration:250ms;transition-duration:250ms;padding-bottom:32px;padding-top:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:250ms cubic-bezier(0.4, 0, 0.2, 1);transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.contact-link:focus,.contact-link:hover{color:#2196f3}.contact-icon{fill:#757575;margin-right:10px}.contact-link:hover .contact-icon{fill:#2196f3}.hero{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4))),url(../images/background-image.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4)),url(../images/background-image.jpg);height:600px;max-width:1600px;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center;padding-top:200px;padding-bottom:200px}.hero-title{color:#fff;font-weight:900;font-size:44px;line-height:1.36;text-transform:uppercase;margin-bottom:30px;text-align:center}.feature{padding-top:94px;padding-bottom:94px}.feature-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;gap:30px}.feature-item{width:270px}.feature-background{width:270px;height:120px;background-color:#f5f4fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.feature-title{color:#212121;font-weight:700;font-size:14px;line-height:100%;margin-top:30px}.feature-text{color:#757575;font-size:14px;line-height:1.71;margin-top:10px}.work{padding-bottom:94px}.work-title{color:#212121;font-weight:700;font-size:36px;line-height:100%;text-align:center;margin-bottom:50px}.work-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}.work-list .work-item{position:relative}.work-service{width:100%;height:70px;font-weight:700;font-size:14px;line-height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:uppercase;color:#fff;bottom:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;background-color:rgba(47,48,58,.8);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.command{background-color:#f5f4fa;padding-top:94px;padding-bottom:94px}.command-title{color:var(--title-text-color);font-weight:700;font-size:36px;line-height:100%;text-align:center;margin-bottom:50px}.command-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;padding-left:0;text-align:center;margin-top:50px}.command-item{background-color:#fff;border-radius:4px;-webkit-box-shadow:0px 4px 4px 0px rgba(0,0,0,.25);box-shadow:0px 4px 4px 0px rgba(0,0,0,.25)}.command-employees{padding-top:30px;padding-bottom:30px}.command-title{color:var(--title-text-color);font-weight:700;font-size:36px;line-height:100%;text-align:center;margin-bottom:50px}.command-person{color:var(--title-text-color);font-weight:500;font-size:16px;line-height:100%}.command-description{color:#757575;font-size:16px;line-height:100%;margin-top:10px}.client{padding-top:94px;padding-bottom:94px}.client-title{color:#212121;font-weight:700;font-size:36px;line-height:100%;text-align:center;margin-bottom:50px}.client-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.client-item:hover{border-color:#2196f3}.client-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:170px;height:92px;border:1px solid #afb1b8;border-radius:4px;-webkit-transition:250ms cubic-bezier(0.4, 0, 0.2, 1);transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.client-link:focus,.client-link:hover{border-color:#2196f3}.client-icon{fill:#afb1b8;-webkit-transition:250ms cubic-bezier(0.4, 0, 0.2, 1);transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.client-link:hover .client-icon,.client-link:focus .client-icon{fill:#2196f3}.footer{margin-right:70px;width:321px}.footer-container{display:-webkit-box;display:-ms-flexbox;display:flex}.footer-section{background-color:#2f303a;padding-top:60px;padding-bottom:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer-logo--accent{color:#fff;font-family:Raleway,sans-serif;font-weight:700;font-size:26px;line-height:100%}.footer-contact__link{color:#757575;font-weight:500;font-size:14px;line-height:100%;-webkit-transition-duration:250ms;transition-duration:250ms;margin-bottom:9px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer-social{margin-bottom:12px}.footer-link__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.footer-social__link{width:44px;height:44px;border-radius:50%;display:block;background-color:hsla(0,0%,100%,.1019607843);padding:0;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition-duration:250ms;transition-duration:250ms}.footer-social__link:hover,.footer-social__link:focus{background-color:#2196f3}.footer-social-icon{fill:#fff}.address{margin-top:20px;margin-bottom:9px;font-style:normal}.home-adress{color:#fff;font-size:14px;line-height:1.71}.cta-title{color:#fff;font-size:14px;font-weight:700;line-height:100%;margin-bottom:22px}.footer-form{margin-left:93px}.footer-form__option{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:20px}.footer-form__field label{font-weight:700;font-size:14px;line-height:100%;color:#fff;text-transform:uppercase;margin-bottom:22px}.footer-form__field{display:block;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.footer-form__field input{display:block;border-radius:4px;border:1px solid hsla(0,0%,100%,.3019607843);background-color:#2f303a;color:var(--white-color);width:358px;height:50px;padding:15px 16px}.footer-form__field input:focus{outline:none}.footer-form__icon{margin-left:10px;fill:#fff}.footer-form__button{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#2196f3;color:#fff;width:200px;height:50px;border-radius:4px;font-weight:700;font-size:16px;line-height:1.87;padding:10px 28px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid rgba(0,0,0,0);margin-left:12px;cursor:pointer}.contact-link__footer{color:hsla(0,0%,100%,.6);font-size:14px;line-height:1.71;-webkit-transition-duration:250ms;transition-duration:250ms}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1019607843)}.backdrop.is-hidden{opacity:0;pointer-events:none}.modal{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:528px;height:581px;background-color:#fff}.modal-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;padding:40px}.modal-form__field{position:relative}.modal-form__field input::-webkit-input-placeholder{margin-left:15px}.modal-form__field input::-moz-placeholder{margin-left:15px}.modal-form__field input:-ms-input-placeholder{margin-left:15px}.modal-form__field input::-ms-input-placeholder{margin-left:15px}.modal-form__field input::placeholder{margin-left:15px}.modal-form__title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:700;font-size:20px;line-height:100%}.modal-form__label{margin-bottom:4px;margin-top:10px;font-weight:400;font-size:12px;line-height:100%;color:#757575}.modal-form__input{border:1px solid rgba(33,33,33,.2);border-radius:4px;height:40px;padding-left:42px;padding-top:12px;padding-bottom:12px;width:100%}.modal-form__input:focus{border-color:#2196f3;outline:none;-webkit-transition:250ms cubic-bezier(0.4, 0, 0.2, 1);transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__icon{position:absolute;width:18px;height:18px;top:11px;left:12px;fill:#000}.modal-form__input:focus+.modal-form__icon{fill:#2196f3;-webkit-transition:250ms cubic-bezier(0.4, 0, 0.2, 1);transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__textarea{height:120px;width:100%;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding:12px 16px;resize:none}.modal-form__textarea:focus{border-color:#2196f3;outline:none;-webkit-transition:250ms cubic-bezier(0.4, 0, 0.2, 1);transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:400;font-size:14px;line-height:1.71;color:#757575;margin-top:20px;margin-bottom:30px;margin-left:auto;margin-right:auto}.modal-form__button{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:700;font-size:16px;line-height:1.88;background-color:#2196f3;width:200px;height:50px;border:none;color:#fff;border-radius:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:12px;cursor:pointer}.modal-checkbox__icon{display:inline-block;width:15px;height:16px;border-radius:2px;border:2px solid #000;margin-right:7px;background-origin:border-box;background-size:contain}.modal-checkbox-input:checked+.modal-checkbox__icon{background-image:url(../images/icon-check.svg);background-color:#2196f3;border-color:#2196f3;-webkit-transition:250ms cubic-bezier(0.4, 0, 0.2, 1);transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-checkbox-input{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-button__option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal-agreement__link{color:#2196f3;font-weight:400;font-size:14px;line-height:100%;text-decoration:underline;margin-left:5px}.close-button{position:absolute;top:8px;right:8px;width:30px;height:30px;background-color:#fff;border-radius:50%;border:1px solid rgba(0,0,0,.1019607843);padding:0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.close-button:hover,.close-button:focus{fill:#2196f3;-webkit-transition:250ms cubic-bezier(0.4, 0, 0.2, 1);transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.filter{padding-top:94px;padding-bottom:94px}.filter-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;margin-bottom:50px}.filter-button{color:#212121;background-color:#f5f4fa;font-weight:500;font-size:16px;line-height:1.63;text-align:center;cursor:pointer;border-radius:4px;border:rgba(0,0,0,0);padding-top:6px;padding-right:22px;padding-bottom:6px;padding-left:22px;-webkit-box-shadow:0px 4px 4px 0px rgba(0,0,0,.25);box-shadow:0px 4px 4px 0px rgba(0,0,0,.25);-webkit-transition:250ms cubic-bezier(0.4, 0, 0.2, 1);transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.filter-button:hover{color:#fff;background-color:#2196f3;-webkit-box-shadow:0px 4px 4px 0px rgba(0,0,0,.25);box-shadow:0px 4px 4px 0px rgba(0,0,0,.25)}.project{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.project-item{position:relative;overflow:hidden}.project-description{height:294px;width:100%;background-color:rgba(33,150,243,.8980392157);-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;color:#fff;font-weight:400;font-size:18px;line-height:1.55;padding:63px 24px;opacity:0;-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),transform 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translateY(100%);transform:translateY(100%)}.project-description--accept{position:relative}.project-item:hover .project-description{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.project-content{border-right:solid 1px #eee;border-bottom:solid 1px #eee;border-left:solid 1px #eee;padding-top:20px;padding-left:24px;padding-bottom:20px}.project-title{color:#212121;font-weight:700;font-size:18px;line-height:2}.project-categories{color:#757575;font-size:16px;line-height:1.88;margin-top:4px}/*# sourceMappingURL=main.min.css.map */