body{font-family:"Roboto";color:#212121;background-color:#fff;font-size:14px;letter-spacing:.03em}h4{margin:0;text-transform:uppercase;color:#fff;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em}ul{margin:0;padding:0}.link,.link-grey,.link-grey:visited,.link-grey:hover,.link-grey:focus,.link:hover,.link:focus,.link:visited{text-decoration:none;color:#212121;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);will-change:color}.link:hover,.link-grey:hover,.link:focus,.link-grey:focus{color:#2196f3;fill:#2196f3}.link-grey{color:#757575;fill:#757575;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1);will-change:color,fill}.link-grey:hover,.link-grey:focus{color:#2196f3;fill:#2196f3}.link-blue{text-decoration:none;color:#2196f3}.link-blue:hover,.link-blue:focus,.link-blue:visited{color:#2196f3}.container{width:100%;margin:0 auto;padding:0 15px}@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}}.section{padding-block:60px}@media screen and (min-width: 1200px){.section{padding-block:94px}}.list{list-style-type:none;display:flex;text-decoration:none}.our-team-card__socials,.what-we-do-cards{list-style-type:none;display:flex}.active-page,.main-navigation__item--active{text-decoration:none;color:#2196f3;fill:#2196f3;position:relative}.active-page::after,.main-navigation__item--active::after{content:"";position:absolute;top:46px;left:0;width:100%;height:4px;background-color:#2196f3;border-radius:2px}@media screen and (min-width: 1200px){.active-page::after,.main-navigation__item--active::after{top:46px}}.header2{margin:0;font-weight:700;font-size:26px;line-height:1.18;letter-spacing:.03em}@media screen and (min-width: 1200px){.header2{font-size:36px;line-height:1.17}}.what-we-do__title{margin:0;font-weight:700;font-size:36px;line-height:1.17;letter-spacing:.03em}.is-hidden{transform:scale(0)}.menu-container{position:fixed;top:0;left:0;width:100%;height:100%;padding:48px 40px;background-color:#fff;z-index:100;transform:translateX(100%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);display:none;font-weight:500;letter-spacing:.02em}.menu-container.is-open{transform:translateX(0);display:block}.mobile-menu{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%}.mobile-menu__list-nav{display:flex;flex-direction:column;gap:32px;list-style-type:none;font-size:40px;line-height:1.175;margin-bottom:auto}.mobile-menu__list-contacts{display:flex;flex-direction:column;list-style-type:none;gap:32px;padding-bottom:64px;line-height:1.17}.mobile-menu__list-contacts--phone{color:#2196f3;font-size:34px}.mobile-menu__list-contacts--mail{font-size:24px}.mobile-menu__list-socials{padding-right:83px;justify-content:space-between}.button{font-size:16px;border:none;border-radius:4px;cursor:pointer}.menu-toggle{position:absolute;top:10px;right:15px;background-color:rgba(0,0,0,0);border:none;cursor:pointer}.menu-toggle:hover,.menu-toggle:focus{color:#2196f3;fill:#2196f3}@media screen and (min-width: 768px){.menu-toggle{display:none}}.header-underline{border-bottom:1px solid #ececec}.header{position:relative}.menu{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;text-decoration:none;color:#000;font-family:"Raleway";padding-top:16px;padding-bottom:16px;font-weight:700;font-size:24px;line-height:1.17}.logo:hover,.logo:focus{color:#2196f3}@media screen and (min-width: 768px){.logo{padding-top:26px;padding-bottom:26px}}@media screen and (min-width: 1200px){.logo{padding-top:24px;padding-bottom:25px;font-size:26px;line-height:1.19}}.logo--blue{color:#2196f3}.logo--white{color:#fff}.logo-footer{display:flex;text-decoration:none;color:#fff;font-family:"Raleway";font-weight:700;font-size:24px;line-height:1.17}.logo-footer:hover,.logo-footer:focus{color:#2196f3}.navigation{display:none}@media screen and (min-width: 768px){.navigation{display:block}}.main-navigation{list-style-type:none;display:flex;gap:60px}@media screen and (min-width: 1200px){.main-navigation{gap:50px;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em}}.main-navigation__item{font-weight:500;letter-spacing:.02em}.header-contact{display:none}@media screen and (min-width: 768px){.header-contact{display:flex;flex-direction:column;gap:10px;padding-block:21px;font-weight:500}}@media screen and (min-width: 1200px){.header-contact{display:flex;flex-direction:row;gap:30px;font-size:14px;line-height:1.14;letter-spacing:.02em;padding-block:32px}}.header-contact__item{display:flex;align-items:center;gap:10px}@media screen and (max-width: 1199px){.header-contact__item{font-size:12px;line-height:1.17;letter-spacing:.02em;gap:8px}}@media screen and (min-width: 768px){.header-contact__icon{width:14px;height:10px}.header-contact__icon--phone{width:10px;height:14px}}@media screen and (min-width: 1200px){.header-contact__icon{width:16px;height:12px}.header-contact__icon--phone{width:10px;height:16px}}.main-baner{color:#fff;height:400px;padding:118px 0;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/baner_background_mobile@1x.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;max-width:767px}@media screen and (min-device-pixel-ratio: 2),screen and (-webkit-min-device-pixel-ratio: 2),screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx){.main-baner .main-baner{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/baner_background_mobile@2x.jpg)}}@media screen and (min-device-pixel-ratio: 3),screen and (-webkit-min-device-pixel-ratio: 3),screen and (min-resolution: 288dpi),screen and (min-resolution: 3dppx){.main-baner .main-baner{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/baner_background_mobile@3x.jpg)}}@media screen and (min-width: 768px){.main-baner{max-width:1199px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/baner_background_tablet@1x.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}}@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){.main-baner .main-baner{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/baner_background_tablet@2x.jpg)}}@media screen and (min-width: 768px)and (min-device-pixel-ratio: 3),screen and (min-width: 768px)and (-webkit-min-device-pixel-ratio: 3),screen and (min-width: 768px)and (min-resolution: 288dpi),screen and (min-width: 768px)and (min-resolution: 3dppx){.main-baner .main-baner{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/baner_background_tablet@3x.jpg)}}@media screen and (min-width: 1200px){.main-baner{padding:200px 0;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/baner_background_desktop@1x.jpg);max-width:1600px;height:600px;margin:0 auto}}@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){.main-baner .main-baner{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/baner_background_desktop@2x.jpg)}}@media screen and (min-width: 1200px)and (min-device-pixel-ratio: 3),screen and (min-width: 1200px)and (-webkit-min-device-pixel-ratio: 3),screen and (min-width: 1200px)and (min-resolution: 288dpi),screen and (min-width: 1200px)and (min-resolution: 3dppx){.main-baner .main-baner{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/baner_background_desktop@3x.jpg)}}.main-baner__title{text-transform:uppercase;font-weight:900;margin:0 auto;margin-bottom:30px;text-align:center;letter-spacing:.06em;max-width:365px;font-size:26px;line-height:1.62;color:#fff}@media screen and (min-width: 1200px){.main-baner__title{max-width:696px;margin:0 auto;margin-bottom:30px;font-size:44px;line-height:1.36}}.main-baner__button{font-weight:700;line-height:1.875;letter-spacing:.06em;margin:auto;display:block;padding:10px 42px;text-align:center;color:#fff;background-color:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,.15)}.backdrop{position:fixed;left:0;top:0;display:flex;width:100%;height:100%;background-color:rgba(0,0,0,.1);transition:transform 250ms;z-index:10}.is-hidden{transform:scale(0)}.modal{padding:40px;margin:auto;width:450px;height:609px;background-color:#fff;border-radius:4px;position:relative}@media screen and (min-width: 1200px){.modal{width:528px;height:581px}}.modal .modal__close-btn{position:absolute;right:8px;top:8px;display:flex;width:30px;height:30px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background-color:#fff;cursor:pointer}.modal .modal__close-btn:hover,.modal .modal__close-btn:focus{fill:#212121}.modal__close-icon{margin:auto;width:18px;height:18px}.modal__header{margin-top:0;margin-bottom:12px;font-weight:700;font-size:20px;line-height:1.15;text-align:center;letter-spacing:.03em;color:#212121}.modal-forms{margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.modal-forms__label{display:flex;flex-direction:column;gap:4px;width:100%;font-size:12px;color:#757575;line-height:1.17;letter-spacing:.01em}.modal-forms__input-container{position:relative;width:100%}.modal-forms__input-container:focus-within{fill:#2196f3}.modal-forms__input{padding-left:42px;width:100%;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:rgba(0,0,0,0)}.modal-forms__input:focus-within{border-color:#2196f3}.modal-forms__textarea{padding:12px 16px;width:100%;height:120px;border:1px solid rgba(33,33,33,.2);border-radius:4px;resize:none;outline:rgba(0,0,0,0);transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);will-change:border}.modal-forms__textarea:focus{border-color:#2196f3}.modal-forms__textarea::-moz-placeholder{opacity:.5;color:#757575;line-height:1.17;letter-spacing:.01em}.modal-forms__textarea::placeholder{opacity:.5;color:#757575;line-height:1.17;letter-spacing:.01em}@media screen and (min-width: 1200px){.modal-forms__textarea::-moz-placeholder{font-size:12px;line-height:1.17}.modal-forms__textarea::placeholder{font-size:12px;line-height:1.17}}.modal-forms__icon{width:18px;height:18px;position:absolute;top:11px;left:12px}.modal-forms__icon:focus-within{fill:#2196f3}.modal-send-btn{font-weight:700;line-height:1.875;letter-spacing:.06em;display:flex;margin:auto;padding:10px 76px;color:#fff;background-color:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,.15)}.modal-send-btn:hover,.modal-send-btn:focus{color:#212121}.statement{display:flex;align-items:center;padding-left:15px;margin-bottom:30px;font-size:14px;color:#757575;line-height:1.71;letter-spacing:.03em}@media screen and (min-width: 1200px){.statement{font-size:14px;line-height:1.71;padding-left:15px}}.statement__label{position:relative}.statement__input{position:absolute}.statement__input:checked+svg{visibility:hidden}.statement__input~svg:nth-of-type(2){visibility:hidden}.statement__input:checked~svg:nth-of-type(2){visibility:visible}.statement__link,.statement__link:hover{color:#2196f3}.statement__checkbox{position:absolute;width:16px;height:15px;top:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:hidden;top:-1px}@media screen and (min-width: 1200px){.statement__checkbox{top:3px}}.statement__text{margin-left:24px}.our-skills-cards{display:block;padding-top:60px}@media screen and (min-width: 768px){.our-skills-cards{display:flex;flex-wrap:wrap;justify-content:space-between}}@media screen and (min-width: 1200px){.our-skills-cards{display:flex;flex-wrap:nowrap;padding-top:94px;margin-bottom:0;gap:30px}}.our-skills-card{margin-bottom:30px;max-width:450px}@media screen and (min-width: 768px){.our-skills-card{max-width:354px}}@media screen and (min-width: 1200px){.our-skills-card{flex-basis:calc((100% - 90px)/4);margin-bottom:0}}.our-skills-card__icon{background-color:#f5f4fa;margin-bottom:30px;border-radius:4px;text-align:center;padding-block:25px}@media screen and (min-width: 1200px){.our-skills-card__icon{padding-inline:100px}}.our-skills-icon{width:70px;height:70px}.our-skills-card__title{margin-bottom:10px;margin-top:0;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;text-align:center}@media screen and (min-width: 768px)and (max-width: 1199px){.our-skills-card__title{text-align:left}}.our-skills-card__description{margin:0;font-size:14px;line-height:1.71;letter-spacing:.03em;color:#757575}@media screen and (max-width: 1199px){.what-we-do{display:none}}@media screen and (min-width: 1200px){.what-we-do{display:flex;flex-direction:column;padding-left:15px;padding-right:15px;align-items:center;gap:50px}}.what-we-do-cards{margin-bottom:0;display:flex;justify-content:space-between;-moz-column-gap:30px;column-gap:30px}.what-we-do-card{position:relative;flex-basis:calc((100% - 60px)/3);height:294px}.what-we-do-card__label{padding:27px;width:100%;background-color:rgba(47,48,58,.8);position:absolute;bottom:0;text-align:center;z-index:0}.main-bottom{background-color:#f5f4fa}.our-team{display:flex;flex-direction:column;align-items:center;gap:30px}@media screen and (min-width: 1200px){.our-team{gap:50px}}.our-team-cards{flex-direction:column;margin-bottom:0;display:flex;justify-content:center;max-width:767px;width:100%;-moz-column-gap:30px;column-gap:30px}@media screen and (min-width: 768px){.our-team-cards{flex-direction:row;flex-wrap:wrap;justify-content:space-between;max-width:1199px}}@media screen and (min-width: 1200px){.our-team-cards{margin-bottom:0;display:flex;justify-content:space-between;-moz-column-gap:30px;column-gap:30px}}.our-team-card{box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);background-color:#fff;border-radius:0px 0px 4px 4px;margin-bottom:30px}@media screen and (min-width: 768px){.our-team-card{max-width:354px;width:100%}}@media screen and (min-width: 1200px){.our-team-card{width:270px}}.our-team-card__photo{margin:0}.our-team-cards__img{width:100%;height:100%}.our-team-card__name{margin:0;padding-bottom:10px;padding-top:30px;font-weight:500;font-size:16px;line-height:1.19;text-align:center;letter-spacing:.03em}.our-team-card__position{margin:0;margin-top:0;margin-bottom:30px;font-size:16px;line-height:1.19;text-align:center;letter-spacing:.03em;color:#757575}.our-team-card__socials{padding-bottom:30px;display:flex;justify-content:center;align-items:center;gap:10px}.our-team-card__social-link{display:flex;cursor:pointer;width:44px;height:44px;background-color:#fff;border-radius:50%;align-items:center;justify-content:center;fill:#afb1b8;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1);will-change:background-color,fill}.our-team-card__social-link:hover,.our-team-card__social-link:focus{background-color:#2196f3;fill:#fff}.our-team-card__social-icon{width:20px;height:20px}.our-clients{display:flex;flex-direction:column;align-items:center;gap:30px}@media screen and (min-width: 1200px){.our-clients{gap:50px}}.our-clients-cards{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}@media screen and (min-width: 1200px){.our-clients-cards{flex-wrap:nowrap}}.our-clients-cards__item{max-width:210px;width:100%}@media screen and (min-width: 768px){.our-clients-cards__item{max-width:226px}}.our-clients-cards__link{display:flex;border:1px solid #afb1b8;padding-block:16px;border-radius:4px;justify-content:center;fill:#afb1b8;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1);will-change:border-color,fill}.our-clients-cards__link:hover,.our-clients-cards__link:focus{border-color:#2196f3;fill:#2196f3}@media screen and (min-width: 1200px){.our-clients-cards__link{padding:16px 32px}}.our-clients-cards__icon{width:106px;height:60px}.footer{background-color:#2f303a;padding-top:60px;padding-bottom:60px}.footer-container{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 768px){.footer-container{flex-direction:row;flex-wrap:wrap;justify-content:center;-moz-column-gap:144px;column-gap:144px;align-items:flex-start}}@media screen and (min-width: 1200px){.footer-container{flex-wrap:nowrap;justify-content:flex-start;gap:0;align-items:baseline}}.footer-left-block{display:flex;flex-direction:column;gap:20px;align-items:center}@media screen and (min-width: 1200px){.footer-left-block{align-items:flex-start;margin-right:70px}}.footer-contact{font-size:14px;font-style:inherit;line-height:1.71;letter-spacing:.03em;color:rgba(255,255,255,.1);margin-bottom:60px}@media screen and (min-width: 1200px){.footer-contact{margin-bottom:0;width:246px}}.footer-contact-list{padding:0;margin:0;display:flex;flex-direction:column;gap:8px;align-items:center}@media screen and (min-width: 1200px){.footer-contact-list{gap:9px;align-items:flex-start}}.footer-contact-list__address{color:#fff}.footer-contact-list__mail,.footer-contact-list__phone{color:rgba(255,255,255,.6)}.footer-socials{display:inline-flex;flex-direction:column;align-items:center;margin-bottom:60px}@media screen and (min-width: 768px){.footer-socials{padding-top:5px}}@media screen and (min-width: 1200px){.footer-socials{align-items:flex-start;margin-right:78px}}.footer-socials__title{margin-bottom:20px}.footer-social-list{display:flex;gap:10px}.footer-social-list__link{display:flex;width:44px;height:44px;background-color:rgba(255,255,255,.1);border-radius:50%;align-items:center;justify-content:center;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);will-change:background-color}.footer-social-list__link:hover,.footer-social-list__link:focus{background-color:#2196f3}.footer-social-list__icon{width:20px;height:20px}.footer-newsletter{display:flex;flex-direction:column;align-items:center;max-width:450px}@media screen and (min-width: 1199px){.footer-newsletter{width:100%}}@media screen and (min-width: 1200px){.footer-newsletter{align-items:flex-start}}.footer-newsletter__title{margin-bottom:20px}.footer-input{display:flex;flex-direction:column;gap:20px;width:450px}@media screen and (min-width: 1200px){.footer-input{flex-direction:row;width:570px;align-items:flex-start;justify-content:center;gap:10px}}.footer-input__input{padding-left:16px;max-width:450px;height:50px;background-color:rgba(0,0,0,0);border:1px solid rgba(255,255,255,.3);border-radius:4px;color:rgba(255,255,255,.6)}@media screen and (max-width: 1199px){.footer-input__input{width:100%}}@media screen and (min-width: 1200px){.footer-input__input{width:358px}}.footer-input__input::-moz-placeholder{font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer-input__input::placeholder{font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer-input__button{font-weight:700;line-height:1.875;letter-spacing:.06em;margin:0 auto;height:50px;padding-left:42px;padding-right:28px;display:flex;align-items:center;gap:24px;color:#fff;background-color:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,.15)}@media screen and (min-width: 1200px){.footer-input__button{padding-block:10px;margin:0}}.portfolio-main{padding-bottom:94px}.portfolio-filters{padding-top:94px;padding-bottom:50px;flex-wrap:wrap;justify-content:center;gap:8px}.portfolio-filters__button{font-weight:500;line-height:1.625;letter-spacing:.03em;padding:6px 22px;text-align:center;border-radius:4px;border:0;background-color:#f5f4fa;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);will-change:background-color,color,box-shadow}.portfolio-filters__button:hover,.portfolio-filters__button:focus{color:#fff;background-color:#2196f3;box-shadow:0px 3px 1px rgba(0,0,0,.1),0px 1px 2px rgba(0,0,0,.08),0px 2px 2px rgba(0,0,0,.12)}.portfolio-products{padding-top:60px;display:flex;flex-wrap:wrap;justify-content:center;gap:30px}@media screen and (max-width: 480px){.portfolio-products{gap:30px;justify-content:center}}@media screen and (min-width: 1200px){.portfolio-products{gap:30px}}.portfolio-product{margin:0;border-bottom:1px solid #eee;flex-basis:calc(33.33% - 30px);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);will-change:box-shadow;max-width:450px}@media screen and (min-width: 768px){.portfolio-product{flex-basis:calc(50% - 30px)}}@media screen and (min-width: 1200px){.portfolio-product{flex-basis:calc(33.33% - 30px)}}.portfolio-product__image{position:relative;overflow:hidden}.portfolio-product__overlay{padding:49px 45px 49px 24px;font-size:18px;line-height:1.56;letter-spacing:.03em;color:#fff;width:100%;height:100%;position:absolute;background-color:rgba(33,150,243,.9);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transform:translateY(0);will-change:transform}.portfolio-product:hover{box-shadow:0px 1px 1px rgba(0,0,0,.12),0px 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16)}.portfolio-product:hover .portfolio-product__overlay{transform:translateY(-100%)}.portfolio-product__name{padding-left:24px;padding-top:20px;margin:0;font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em}.portfolio-product__category{padding-left:24px;padding-top:4px;padding-bottom:20px;margin:0;font-size:16px;line-height:1.875;letter-spacing:.03em;color:#757575}/*# sourceMappingURL=main.min.css.map */