:root{--primary-text-color: #757575;--titles-text-color: #212121;--main-logo-color: #000000;--bg-color: #2f303a;--alternate-logo-color: #ffffff;--accent-color: #2196f3;--hover-modal-btn-color: #188ce8;--overlay-color: rgba(33, 150, 243, 0.9);--footer-contacts-color: rgba(255, 255, 255, 0.6);--filter-btn-color: #f5f4fa;--hr-border-color: #ececec;--card-border-color: #eeeeee;--link-icons-color: #afb1b8;--dark-theme-icon-bg: rgba(255, 255, 255, 0.1);--dark-theme-border-color: rgba(255, 255, 255, 0.3);--modal-placeholder-color: rgba(117, 117, 117, 0.5);--logo-font-family: 'Raleway', 'Arial', 'Helvetica', sans-serif;--main-font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif;--timing-func: 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;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}h1,h2,h3,h4,h5,h6,p,button,ul,ol,li{margin-top:0;margin-bottom:0}ul{padding-left:0}img,a,b{display:block}.link{text-decoration:none;color:inherit;-webkit-transition:color 250ms var(--timing-func);transition:color 250ms var(--timing-func)}.list{list-style:none}body{font-family:var(--main-font-family);color:var(--primary-text-color)}.container{width:100%;padding:0 15px}.section{padding-top:60px;padding-bottom:60px}@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}.section{padding-top:94px;padding-bottom:94px}}.logo{font-family:var(--logo-font-family);font-weight:700;font-size:24px;line-height:1.17;letter-spacing:0.03em;color:var(--main-logo-color);-webkit-animation-name:logo-animation;animation-name:logo-animation;-webkit-animation-timing-function:cubic-bezier(0.37, 0.6, 0.66, 0.82);animation-timing-function:cubic-bezier(0.37, 0.6, 0.66, 0.82);-webkit-animation-duration:1200ms;animation-duration:1200ms;-webkit-animation-delay:500ms;animation-delay:500ms}.logo_accent-color{color:var(--accent-color)}.logo_secondary-color{color:var(--alternate-logo-color)}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.19}}@-webkit-keyframes logo-animation{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}40%{-webkit-transform:scale(0.85, 1.6);transform:scale(0.85, 1.6)}55%{-webkit-transform:scale(1, 0.6);transform:scale(1, 0.6)}65%{-webkit-transform:scale(1, 1.5);transform:scale(1, 1.5)}75%{-webkit-transform:scale(1, 0.8);transform:scale(1, 0.8)}85%{-webkit-transform:scale(1, 1.1);transform:scale(1, 1.1)}95%{-webkit-transform:scale(1, 0.9);transform:scale(1, 0.9)}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@keyframes logo-animation{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}40%{-webkit-transform:scale(0.85, 1.6);transform:scale(0.85, 1.6)}55%{-webkit-transform:scale(1, 0.6);transform:scale(1, 0.6)}65%{-webkit-transform:scale(1, 1.5);transform:scale(1, 1.5)}75%{-webkit-transform:scale(1, 0.8);transform:scale(1, 0.8)}85%{-webkit-transform:scale(1, 1.1);transform:scale(1, 1.1)}95%{-webkit-transform:scale(1, 0.9);transform:scale(1, 0.9)}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}}.menu-opener-btn{border:none;background-color:transparent;cursor:pointer;padding:10px 0;line-height:0}.menu-opener-btn__icon{fill:var(--titles-text-color);-webkit-transition:fill 250ms var(--timing-func);transition:fill 250ms var(--timing-func)}.menu-opener-btn__icon:hover,.menu-opener-btn__icon:focus{fill:var(--accent-color)}@media screen and (min-width: 768px){.menu-opener-btn{display:none}}@media screen and (max-width: 767px){.navigation{display:none}.nav-menu__item:not(:last-child){margin-bottom:32px}.nav-menu__item:last-child{margin-bottom:64px}.nav-menu__link{font-weight:500;font-size:40px;line-height:1.18;letter-spacing:.02em;color:var(--titles-text-color)}.nav-menu__link:hover,.nav-menu__link:focus{color:var(--accent-color)}.nav-menu__link_accent-color{color:var(--accent-color)}}@media screen and (min-width: 768px){.nav-menu{display:block}.nav-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-menu__item:not(:last-child){margin-right:50px}.nav-menu__link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:32px;padding-bottom:32px;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:var(--titles-text-color)}.nav-menu__link:hover::after,.nav-menu__link:focus::after,.nav-menu__link:hover,.nav-menu__link:focus{color:var(--accent-color)}.nav-menu__link::after{position:absolute;content:'';display:block;bottom:-1px;width:100%;height:4px;border-radius:2px;background-color:var(--accent-color);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 250ms var(--timing-func);transition:-webkit-transform 250ms var(--timing-func);transition:transform 250ms var(--timing-func);transition:transform 250ms var(--timing-func), -webkit-transform 250ms var(--timing-func)}.nav-menu__link:hover::after,.nav-menu__link:focus::after{-webkit-transform:scale(1);transform:scale(1)}.nav-menu__link_accent-color{color:var(--accent-color)}.nav-menu__link_accent-color::after{-webkit-transform:scale(1);transform:scale(1)}}.contacts-menu{display:none}.contacts-menu__link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:var(-primary-text-color)}.contacts-menu__link:hover,.contacts-menu__link:focus{color:var(--accent-color)}.contacts-menu__icon{margin-right:10px;display:block;fill:currentColor}@media screen and (min-width: 768px){.contacts-menu{display:block;margin-left:auto}}@media screen and (min-width: 768px) and (max-width: 1199px){.contacts-menu__item:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 1200px){.contacts-menu{display:-webkit-box;display:-ms-flexbox;display:flex}.contacts-menu__link{padding-top:32px;padding-bottom:32px}.contacts-menu__item:not(:last-child){margin-right:50px}}.mobile-menu__backdrop.is-open{visibility:visible;pointer-events:auto;opacity:1}.mobile-menu__backdrop.is-close{-webkit-transition:visibility 250ms linear 250ms, pointer-events 250ms linear 250ms,
 opacity 250ms linear 250ms;transition:visibility 250ms linear 250ms, pointer-events 250ms linear 250ms,
 opacity 250ms linear 250ms;visibility:hidden;pointer-events:none;opacity:0}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--alternate-logo-color);overflow:auto;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform 250ms var(--timing-func) 125ms;transition:-webkit-transform 250ms var(--timing-func) 125ms;transition:transform 250ms var(--timing-func) 125ms;transition:transform 250ms var(--timing-func) 125ms, -webkit-transform 250ms var(--timing-func) 125ms}.mobile-menu__backdrop.is-open .mobile-menu{-webkit-transform:translateY(0);transform:translateY(0)}.mobile-menu__backdrop.is-close .mobile-menu{-webkit-transition:-webkit-transform 250ms var(--timing-func);transition:-webkit-transform 250ms var(--timing-func);transition:transform 250ms var(--timing-func);transition:transform 250ms var(--timing-func), -webkit-transform 250ms var(--timing-func)}.mobile-menu__container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;padding-top:48px;padding-bottom:48px;padding-left:40px;padding-right:40px}.mobile-menu__close-btn{position:absolute;top:10px;right:15px;padding:0;border:none;background-color:transparent;cursor:pointer;line-height:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 250ms var(--timing-func) 375ms;transition:-webkit-transform 250ms var(--timing-func) 375ms;transition:transform 250ms var(--timing-func) 375ms;transition:transform 250ms var(--timing-func) 375ms, -webkit-transform 250ms var(--timing-func) 375ms}.mobile-menu__backdrop.is-open .mobile-menu__close-btn{-webkit-transform:scale(1);transform:scale(1)}.mobile-menu__close-icon{fill:var(--titles-text-color);-webkit-transition:fill 250ms var(--timing-func);transition:fill 250ms var(--timing-func)}.mobile-menu__close-icon:hover,.mobile-menu__close-icon:focus{fill:var(--accent-color)}.mobile-menu__contacts{margin-top:auto;margin-bottom:64px;font-weight:500;letter-spacing:0.02em}.mobile-menu__phone-link{margin-bottom:32px;font-size:34px;line-height:1.18;color:var(--accent-color)}.mobile-menu__phone-link:hover,.mobile-menu__phone-link:focus{color:var(--accent-color)}.mobile-menu_mail-link{font-size:24px;line-height:1.17;color:var(--primary-text-color)}.mobile-menu_mail-link:hover,.mobile-menu_mail-link:focus{color:var(--accent-color)}@media screen and (min-width: 768px){.mobile-menu{display:none}.mobile-menu__backdrop{display:none}}.company-social{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-10px;margin-top:-10px}.company-social__item{margin-left:10px;margin-top:10px}.company-social__link{font-weight:500;font-size:18px;line-height:1.22;color:var(--accent-color)}.company-social__link:hover,.company-social__link:focus{color:var(--hover-modal-btn-color)}.company-social__item:not(:last-child){border-right:1px solid rgba(33,33,33,0.2);padding-right:10px}@media screen and (max-width: 430px){.company-social__item:not(:last-child){margin-bottom:10px;-ms-grid-column-align:center;justify-self:center}.company-social__item:first-child{margin-bottom:10px;-ms-grid-column-align:center;justify-self:center}}.modal-btn{padding-left:32px;padding-right:32px;padding-top:10px;padding-bottom:10px;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;text-align:center;color:var(--alternate-logo-color);background-color:var(--accent-color);cursor:pointer;border:none;border-radius:4px;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15);-webkit-transition:background-color 250ms var(--timing-func);transition:background-color 250ms var(--timing-func)}.modal-btn:hover,.modal-btn:focus{background-color:var(--hover-modal-btn-color)}.title{margin-bottom:30px;font-size:28px;line-height:1.18;letter-spacing:.03em;text-align:center;color:var(--titles-text-color)}@media screen and (min-width: 1200px){.title{margin-bottom:50px;font-size:36px;line-height:1.17;letter-spacing:.03em}}.filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-15px}.filter__item{margin-top:15px}.filter__item:not(:last-child){margin-right:8px}.filter__btn{padding-top:6px;padding-right:22px;padding-bottom:6px;padding-left:22px;font-weight:500;font-size:16px;line-height:1.63;letter-spacing:.03em;text-align:center;color:var(--titles-text-color);background-color:var(--filter-btn-color);cursor:pointer;border:none;border-radius:4px;-webkit-transition:color 250ms var(--timing-func),background-color 250ms var(--timing-func),-webkit-box-shadow 250ms var(--timing-func);transition:color 250ms var(--timing-func),background-color 250ms var(--timing-func),-webkit-box-shadow 250ms var(--timing-func);transition:color 250ms var(--timing-func),background-color 250ms var(--timing-func),box-shadow 250ms var(--timing-func);transition:color 250ms var(--timing-func),background-color 250ms var(--timing-func),box-shadow 250ms var(--timing-func),-webkit-box-shadow 250ms var(--timing-func)}.filter__btn:hover,.filter__btn:focus{background-color:var(--accent-color);color:var(--alternate-logo-color);-webkit-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);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)}@media screen and (min-width: 768px){.filter{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width: 767px){.grid__cell:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px){.grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-30px;margin-top:-30px}.grid__cell{margin-left:30px;margin-top:30px}}.card-type1{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;height:120px;margin-bottom:30px;border-radius:4px;background-color:var(--filter-btn-color)}.card-type1__title{margin-bottom:10px;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--titles-text-color)}.card-type1__icon{display:block;width:70px;height:70px}.card-type1__description{font-size:14px;line-height:1.71;letter-spacing:.03em}.card-type2{position:relative}.card-type2__img{background-color:var(--bg-color);max-width:100%;height:auto}.card-type2__desctiprtion{position:absolute;bottom:0;left:0;width:100%;padding-top:27px;padding-bottom:27px;padding-left:24px;padding-right:24px;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-align:center;text-transform:uppercase;background-color:rgba(47,48,58,0.8);color:var(--alternate-logo-color)}.card-type3__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-transition:-webkit-box-shadow 250ms var(--timing-func);transition:-webkit-box-shadow 250ms var(--timing-func);transition:box-shadow 250ms var(--timing-func);transition:box-shadow 250ms var(--timing-func), -webkit-box-shadow 250ms var(--timing-func)}.card-type3__link:hover,.card-type3__link:focus{-webkit-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);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-type3__overlay{position:relative;overflow:hidden}.card-type3__img{background-color:var(--bg-color);max-width:100%;height:auto}.card-type3__description{position:absolute;top:0;left:0;-webkit-transform:translateY(100%);transform:translateY(100%);overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;padding:24px;font-size:18px;line-height:1.56;letter-spacing:.03em;background-color:var(--overlay-color);color:var(--alternate-logo-color);-webkit-transition:-webkit-transform 250ms var(--timing-func);transition:-webkit-transform 250ms var(--timing-func);transition:transform 250ms var(--timing-func);transition:transform 250ms var(--timing-func), -webkit-transform 250ms var(--timing-func)}.card-type3__link:hover .card-type3__description,.card-type3__link:focus .card-type3__description{-webkit-transform:translateY(0);transform:translateY(0)}.card-type3__title{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-top:20px;padding-bottom:20px;padding-left:24px;padding-right:24px;border-bottom:1px solid var(--card-border-color);border-right:1px solid var(--card-border-color);border-left:1px solid var(--card-border-color)}.card-type3__name{margin-bottom:4px;font-size:18px;line-height:2;letter-spacing:.06em;color:var(--titles-text-color)}.card-type3__type{font-size:16px;line-height:1.88;letter-spacing:.03em}.member-card{text-align:center;-webkit-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);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(--alternate-logo-color)}.member-card__img{background-color:var(--bg-color);width:100%}.member-card__description-wrapper{padding-top:30px;padding-bottom:30px;padding-left:15px;padding-right:15px}.member-card__name{margin-bottom:10px;font-weight:500;font-size:16px;line-height:1.19;letter-spacing:.03em;color:var(--titles-text-color)}.member-card__work-position{margin-bottom:16px;font-size:16px;line-height:1.19;letter-spacing:.03em}.social-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.social-list__item:not(:last-child){margin-right:10px}.personal-social-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.social-list__link{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;width:44px;height:44px;border-radius:50%}.social-list__link:hover,.social-list__link:focus{background-color:var(--accent-color)}.social-list__icon{width:20px;height:20px}.social-list__link_light-theme-icon-bg:hover .social-list__icon,.social-list__link_light-theme-icon-bg:focus .social-list__icon{fill:var(--alternate-logo-color)}.social-list__link_light-theme-icon-bg{background-color:var(--alternate-logo-color);-webkit-transition:background-color 250ms var(--timing-func);transition:background-color 250ms var(--timing-func)}.social-list__icon_light-theme{fill:var(--link-icons-color);-webkit-transition:fill 250ms var(--timing-func);transition:fill 250ms var(--timing-func)}.social-list__link_dark-theme-icon-bg{background-color:var(--dark-theme-icon-bg);-webkit-transition:background-color 250ms var(--timing-func);transition:background-color 250ms var(--timing-func)}.social-list__icon_dark-theme{fill:var(--alternate-logo-color)}.client-link{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;width:100%;height:92px;border-width:1px;border-style:solid;border-radius:4px;border-color:var(--link-icons-color);-webkit-transition:border-color 250ms var(--timing-func);transition:border-color 250ms var(--timing-func)}.client-link:hover,.client-link:focus{border-color:var(--accent-color)}.client-link__icon{display:block;width:106px;height:60px}.client-link:hover .client-link__icon,.client-link:focus .client-link__icon{fill:var(--accent-color)}.client-link__icon_light-theme{fill:var(--link-icons-color);-webkit-transition:fill 250ms var(--timing-func);transition:fill 250ms var(--timing-func)}.subscribe__mail-input{margin-bottom:20px;padding-top:15px;padding-bottom:15px;padding-left:16px;width:100%;border-radius:4px;border:1px solid rgba(255,255,255,0.3);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15);background-color:var(--bg-color);color:var(--alternate-logo-color)}.subscribe__mail-input::-webkit-input-placeholder{font-size:16px;line-height:1.25;letter-spacing:.03em;color:var(--footer-contacts-color)}.subscribe__mail-input:-ms-input-placeholder{font-size:16px;line-height:1.25;letter-spacing:.03em;color:var(--footer-contacts-color)}.subscribe__mail-input::-ms-input-placeholder{font-size:16px;line-height:1.25;letter-spacing:.03em;color:var(--footer-contacts-color)}.subscribe__mail-input::placeholder{font-size:16px;line-height:1.25;letter-spacing:.03em;color:var(--footer-contacts-color)}.subscribe__btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:auto;padding-top:10px;padding-right:28px;padding-bottom:10px;padding-left:29px;cursor:pointer;border-radius:4px;border:none;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;text-align:center;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15);color:var(--alternate-logo-color);background-color:var(--accent-color);-webkit-transition:background-color 250ms var(--timing-func);transition:background-color 250ms var(--timing-func)}.subscribe__btn:hover,.subscribe__btn:focus{background-color:var(--hover-modal-btn-color)}.subscribe__icon{width:24px;height:24px;margin-left:10px;fill:currentColor}@media screen and (min-width: 1200px){.subscribe{display:-webkit-box;display:-ms-flexbox;display:flex}.subscribe__mail-input{margin-right:12px;margin-bottom:0;width:358px}}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.2);z-index:100;-webkit-transition:opacity 250ms linear, visibility 250ms linear;transition:opacity 250ms linear, visibility 250ms linear;overflow:auto}.backdrop_is-hidden{opacity:0;visibility:hidden;pointer-events:none}.is-lock{overflow:hidden}.modal{position:absolute;top:50%;left:50%;width:calc(100% - 30px);min-height:160px;max-height:calc(100vh - 30px);-webkit-transform:translate(-50%, -50%) scaleY(1);transform:translate(-50%, -50%) scaleY(1);border-radius:4px;background-color:var(--alternate-logo-color);-webkit-transition:-webkit-transform 250ms var(--timing-func);transition:-webkit-transform 250ms var(--timing-func);transition:transform 250ms var(--timing-func);transition:transform 250ms var(--timing-func), -webkit-transform 250ms var(--timing-func);overflow:auto}.backdrop_is-hidden .modal{-webkit-transform:translate(-50%, -50%) scaleY(0);transform:translate(-50%, -50%) scaleY(0)}.modal__close-btn{position:absolute;top:8px;right:8px}@media screen and (min-width: 480px){.modal{width:450px}}@media screen and (min-width: 1200px){.modal{width:528px}}.close-btn{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;width:30px;height:30px;border-radius:50%;cursor:pointer;background-color:transparent;border:1px solid rgba(0,0,0,0.1)}.close-btn__icon{width:10px;height:10px;fill:var(--main-logo-color);-webkit-transition:fill 250ms var(--timing-func);transition:fill 250ms var(--timing-func)}.close-btn:focus .close-btn__icon,.close-btn:hover .close-btn__icon{fill:var(--accent-color)}.callback{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px;text-align:center}.callback__title{margin-bottom:12px;font-size:20px;line-height:1.5;letter-spacing:.03em;color:var(--titles-text-color)}@media screen and (min-width: 1200px){.callback__title{font-size:20px;line-height:1.15}}.input-element{font-size:12px;line-height:1.17;letter-spacing:.01em;margin-bottom:4px;text-align:left}.input-element__entry-field,.input-element__coment-field{width:100%;font-size:14px;line-height:1.14;letter-spacing:.01em;border:1px solid rgba(33,33,33,0.2);border-radius:4px;color:var(--titles-text-color)}.input-element__entry-field{height:40px;padding-left:42px;-webkit-transition:border-color 250ms var(--timing-func);transition:border-color 250ms var(--timing-func)}.input-element__entry-field:focus{border-color:var(--accent-color);outline:none}.input-element__coment-field{margin-bottom:20px;resize:none;min-height:120px;padding-top:12px;padding-left:16px;padding-bottom:12px;padding-right:16px;-webkit-transition:border-color 250ms var(--timing-func);transition:border-color 250ms var(--timing-func)}.input-element__coment-field:focus{border-color:var(--accent-color);outline:none}.input-element__coment-field::-webkit-input-placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:var(--modal-placeholder-color)}.input-element__coment-field:-ms-input-placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:var(--modal-placeholder-color)}.input-element__coment-field::-ms-input-placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:var(--modal-placeholder-color)}.input-element__coment-field::placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:var(--modal-placeholder-color)}.input-element__field-wrapper{position:relative;margin-bottom:10px}.input-element__icon{position:absolute;width:18px;height:18px;top:50%;left:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);fill:var(--titles-text-color);-webkit-transition:fill 250ms var(--timing-func);transition:fill 250ms var(--timing-func)}.input-element__entry-field:focus+.input-element__icon{fill:var(--accent-color)}@media screen and (min-width: 1200px){.input-element__coment-field::-webkit-input-placeholder{font-size:14px;line-height:1.14}.input-element__coment-field:-ms-input-placeholder{font-size:14px;line-height:1.14}.input-element__coment-field::-ms-input-placeholder{font-size:14px;line-height:1.14}.input-element__coment-field::placeholder{font-size:14px;line-height:1.14}}.custom-checkbox{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;margin-bottom:30px;font-size:12px;line-height:1.17;letter-spacing:.03em}.custom-checkbox__icon{-ms-flex-negative:0;flex-shrink:0;margin-right:7px;border-radius:2px;width:16px;height:15px;border:2px solid var(--titles-text-color);cursor:pointer;background-size:contain;fill:var(--alternate-logo-color);-webkit-transition:-webkit-transform 250ms var(--timing-func);transition:-webkit-transform 250ms var(--timing-func);transition:transform 250ms var(--timing-func);transition:transform 250ms var(--timing-func), -webkit-transform 250ms var(--timing-func)}.custom-checkbox__input:not(:checked):focus+.custom-checkbox__icon{outline:1px solid var(--accent-color);outline-offset:2px}.custom-checkbox__input:focus+.custom-checkbox__icon{outline:1px solid var(--titles-text-color);outline-offset:2px}.custom-checkbox__input:checked+.custom-checkbox__icon{border:none;background-color:var(--accent-color);-webkit-transform:rotate(360deg);transform:rotate(360deg)}.custom-checkbox__link{display:inline-block;color:var(--accent-color)}.callback__btn{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;padding-top:10px;padding-right:55px;padding-bottom:10px;padding-left:55px;border:none;border-radius:4px;font-weight:700;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;color:var(--alternate-logo-color);background-color:var(--accent-color);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15);-webkit-transition:background-color 250ms var(--timing-func);transition:background-color 250ms var(--timing-func)}.callback__btn:hover,.callback__btn:focus{background-color:var(--hover-modal-btn-color)}@media screen and (min-width: 1200px){.custom-checkbox{font-size:14px;line-height:1.71}}.header{border-bottom-color:var(--hr-border-color);border-bottom-width:1px;border-bottom-style:solid}.header__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 767px){.header__container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 768px){.header__logo{margin-right:88px}}@media screen and (min-width: 1200px){.header__logo{margin-right:93px}}.hero{max-width:480px;margin-right:auto;margin-left:auto;background-color:var(--bg-color);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url("../images/hero/hero-mobile.jpg");background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/hero/hero-mobile.jpg");background-position:center;background-size:cover;background-repeat:no-repeat;padding-top:118px;padding-bottom:118px;text-align:center}@media (min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url("../images/hero/hero-mobile@2x.jpg");background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/hero/hero-mobile@2x.jpg")}}.hero__title{max-width:360px;margin-left:auto;margin-right:auto;margin-bottom:30px;font-weight:900;font-size:26px;line-height:1.62;letter-spacing:.06em;text-transform:uppercase;color:var(--alternate-logo-color)}@media screen and (min-width: 768px){.hero{max-width:768px;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url("../images/hero/hero-tablet.jpg");background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/hero/hero-tablet.jpg")}}@media screen and (min-width: 768px) and (min-device-pixel-ratio: 2), screen and (min-width: 768px) and (-webkit-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:-webkit-gradient(linear, left top, left bottom, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url("../images/hero/hero-tablet@2x.jpg");background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/hero/hero-tablet@2x.jpg")}}@media screen and (min-width: 1200px){.hero{max-width:1600px;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url("../images/hero/hero-desktop.jpg");background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/hero/hero-desktop.jpg");padding-top:200px;padding-bottom:200px}}@media screen and (min-width: 1200px) and (min-device-pixel-ratio: 2), screen and (min-width: 1200px) and (-webkit-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:-webkit-gradient(linear, left top, left bottom, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url("../images/hero/hero-desktop@2x.jpg");background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/hero/hero-desktop@2x.jpg")}}@media screen and (min-width: 1200px){.hero__title{max-width:696px;font-size:44px;line-height:1.36}}.benefits{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 768px){.benefits__item{-ms-flex-preferred-size:calc((100% - 60px) / 2);flex-basis:calc((100% - 60px) / 2)}}@media screen and (min-width: 1200px){.benefits{padding-top:94px;padding-bottom:47px}.benefits__item{-ms-flex-preferred-size:calc((100% - 120px) / 4);flex-basis:calc((100% - 120px) / 4)}}.services{display:none}@media screen and (min-width: 1200px){.services{display:block;padding-top:47px;padding-bottom:94px}.services__item{-ms-flex-preferred-size:calc((100% - 90px) / 3);flex-basis:calc((100% - 90px) / 3)}}.section_with-bg{background-color:var(--filter-btn-color)}@media screen and (min-width: 768px){.team__item{-ms-flex-preferred-size:calc((100% - 60px) / 2);flex-basis:calc((100% - 60px) / 2)}}@media screen and (min-width: 1200px){.team__item{-ms-flex-preferred-size:calc((100% - 120px) / 4);flex-basis:calc((100% - 120px) / 4)}}.client-link{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;width:100%;height:92px;border-width:1px;border-style:solid;border-radius:4px;border-color:var(--link-icons-color);-webkit-transition:border-color 250ms var(--timing-func);transition:border-color 250ms var(--timing-func)}.client-link:hover,.client-link:focus{border-color:var(--accent-color)}.client-link__icon{display:block;width:106px;height:60px}.client-link:hover .client-link__icon,.client-link:focus .client-link__icon{fill:var(--accent-color)}.client-link__icon_light-theme{fill:var(--link-icons-color);-webkit-transition:fill 250ms var(--timing-func);transition:fill 250ms var(--timing-func)}.clients__grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-30px;margin-top:-30px}@media screen and (max-width: 767px){.clients__item{margin-left:30px;margin-top:30px}.clients__item:not(:last-child){margin-bottom:0}}.clients__item{-ms-flex-preferred-size:calc((100% - 60px) / 2);flex-basis:calc((100% - 60px) / 2)}@media screen and (min-width: 768px){.clients__item{-ms-flex-preferred-size:calc((100% - 90px) / 3);flex-basis:calc((100% - 90px) / 3)}}@media screen and (min-width: 1200px){.clients__item{-ms-flex-preferred-size:calc((100% - 180px) / 6);flex-basis:calc((100% - 180px) / 6)}}.card-type3{height:100%}.portfolio__filter{margin-bottom:40px}@media screen and (min-width: 768px){.portfolio__filter{margin-bottom:30px}.portfolio__item{-ms-flex-preferred-size:calc((100% - 60px) / 2);flex-basis:calc((100% - 60px) / 2)}}@media screen and (min-width: 1200px){.portfolio__filter{margin-bottom:50px}.portfolio__item{-ms-flex-preferred-size:calc((100% - 90px) / 3);flex-basis:calc((100% - 90px) / 3)}}.footer{padding-top:60px;padding-bottom:60px;background-color:var(--bg-color);text-align:center}.footer__address{margin-top:20px;font-style:normal}.footer__contacts{margin-bottom:60px}.footer__item:not(:last-child){margin-bottom:8px}.footer__link{font-size:14px;line-height:1.71;letter-spacing:.03em;color:var(--footer-contacts-color)}.footer__link:hover,.footer__link:focus{color:var(--accent-color)}.footer__link_address-color{color:var(--alternate-logo-color)}.footer__title{margin-bottom:20px;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--alternate-logo-color)}@media screen and (max-width: 767px){.footer__social-list{margin-bottom:60px}}@media screen and (min-width: 768px){.footer__item:not(:last-child){margin-bottom:9px}}@media screen and (min-width: 768px) and (max-width: 1199px){.footer_top-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-ms-flex-pack:distribute;justify-content:space-around}.footer__subscribe{margin-left:auto;margin-right:auto;width:450px}}@media screen and (min-width: 1200px){.footer{text-align:left}.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.footer__contacts{margin-right:70px;margin-bottom:0}.footer_top-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.footer__subscribe{margin-left:auto}}
/*# sourceMappingURL=main.min.css.map */