.visually-hidden{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden}:root{--main-font: 'Roboto', sans-serif;--secondary-font: 'Raleway', sans-serif;--main-color: #2196F3;--secondary-color: #212121;--description-color: #757575;--third-text-color: #FFFFFF;--logo-studio-color:  #000000;--footer-contact-color:  rgba(255, 255, 255, 0.6);--main-background-color: #FFFFFF;--secondary-background-color: #2F303A;--third-background-color: #F5F4FA}h1,h2,h3,h4,h5,h6,p,ul{margin:0px;padding:0px}.container{width:100%;padding:15px;margin:0 auto}@media screen and (min-width: 480px){.container{max-width:480px;padding:0 15px}}@media screen and (min-width: 768px){.container{max-width:768px;padding:0 15px}}@media screen and (min-width: 1200px){.container{max-width:1200px;padding:0 15px}}.button{font-family:var(--main-font);font-style:normal;min-width:200px;min-height:50px;background-color:var(--third-background-color);box-shadow:0px 4px 4px rgba(0,0,0,0.15);border-radius:4px;border:0px;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer}.button:hover,.button:focus{color:var(--third-text-color);background-color:var(--main-color);cursor:pointer}.button--hero-theme{font-weight:700;line-height:1.875;display:flex;align-items:center;letter-spacing:0.06em;padding:10px 41px 10px 42px;margin:0 auto}.button--modal-theme{font-family:Roboto;font-style:normal;font-weight:700;font-size:16px;line-height:30px;padding:6px 22px;padding:10px 76px;margin-top:30px;margin-bottom:40px;margin-left:90px}.logo{font-family:var(--secondary-font);font-style:normal;font-weight:700;font-size:24px;line-height:1.166;letter-spacing:0.03em;text-decoration:none;position:relative}.logo__accent-text{color:var(--main-color)}.logo--dark-theme{color:var(--logo-studio-color)}.logo--light-theme{color:var(--third-text-color)}.logo--footer-theme{text-align:center}@media screen and (min-width: 768px){.logo--footer-theme{padding-left:115px}}@media screen and (min-width: 1200px){.logo--footer-theme{padding-left:0px}}.secondary-header{font-family:var(--main-font);font-style:normal;font-weight:700;font-size:36px;line-height:1.166;text-align:center;letter-spacing:0.03em;margin:0 auto;padding-bottom:50px;padding-top:60px}.social__list{display:flex;align-items:center;justify-content:center;margin-right:16px;margin-bottom:24px;list-style:none;padding-left:1px}.social__item{display:flex;background-color:var(--main-background-color);border-radius:50%;align-items:center;justify-content:center;min-width:44px;min-height:44px;fill:#AFB1B8;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-right:10px;margin-bottom:24px}.social__item:hover,.social__item:focus{fill:var(--third-text-color);background-color:var(--main-color)}.social__item--last-child{margin-right:0px}.social__icon{width:20px;height:20px}.social--footer-theme{min-width:206px;height:80px;text-align:center;align-items:center;justify-content:center}.social__title{font-family:var(--main-font);font-weight:700;font-size:14px;line-height:1.143;letter-spacing:0.03em;text-transform:uppercase;color:var(--third-text-color);min-height:16px;margin-bottom:20px;text-align:center;padding-top:60px}.social__list--footer-theme{margin-right:0px}.social__item--footer-theme{background:none}.social__item--footer-theme:hover,.social__item--footer-theme:focus{background:none;fill:none}.social__icon--footer-theme{width:20px;height:20px}.social__link--footer-theme{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.1);border-radius:50%;fill:var(--main-background-color);transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-right:10px}.social__link--footer-theme:hover,.social__link--footer-theme:focus{background-color:var(--main-color)}@media screen and (min-width: 768px){.social__list--footer-theme{margin-bottom:0px;padding-left:350px}.social__title{padding-top:0px;padding-left:325px;max-width:100%;margin-top:-130px;min-width:146px}}@media screen and (min-width: 1200px){.social__list{margin-bottom:0px}.social__list--footer-theme{margin-bottom:0px;padding-left:0px;padding-right:340px}.social__title{padding-left:0px;padding-right:350px}}.contact{display:none;align-items:center;justify-content:center;list-style:none}.contact__link{font-family:var(--main-font);font-style:normal;font-weight:500;font-size:14px;line-height:1.142;letter-spacing:0.02em;color:var(--description-color);text-decoration:none;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.contact__link:hover,.contact__link:focus,.contact__link:active{color:var(--main-color)}.contact__link:hover .contact__icon,.contact__link:focus .contact__icon,.contact__link:active .contact__icon{fill:var(--main-color)}.contact__icon{fill:#757575;margin-right:10px}.contact__icon:hover,.contact__icon:focus,.contact__icon:active{fill:var(--main-color)}.contact--footer-theme{display:block;text-align:center}.contact__item--footer-theme{margin-bottom:9px}.contact__link--footer-theme{font-family:var(--main-font);font-weight:normal;font-size:14px;font-weight:400;line-height:1.714;letter-spacing:0.03em;color:var(--footer-contact-color)}.contact__link--portfolio-theme{text-decoration:underline}@media screen and (min-width: 768px){.contact{display:block;margin-top:-30px;margin-left:550px}.contact__list{padding-top:21px;padding-bottom:21px;display:flex}.contact--footer-theme{margin-top:0;margin-left:0;text-align:left;padding-left:115px}}@media screen and (min-width: 1200px){.contact{display:flex;margin-top:-25px}.contact__list{padding-top:36px;padding-bottom:36px}.contact__item--first-child{margin-right:30px}.contact--footer-theme{text-align:left;padding-left:0;margin-top:0;display:block}}.navigation{display:none;align-items:center;justify-content:center;list-style:none}.navigation__item{margin-right:46px;position:relative}.navigation__item::after{position:absolute;content:"";width:100%;height:4px;display:block;border-radius:2px;background-color:var(--main-color);left:0;bottom:-32px;opacity:0}.navigation__item:hover::after{opacity:1}.navigation__link{font-family:var(--main-font);font-style:400;font-weight:500;font-size:14px;line-height:1.142;letter-spacing:0.02em;color:var(--secondary-color);text-decoration:none;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.navigation__link:hover,.navigation__link:focus{color:var(--main-color)}@media screen and (min-width: 768px){.navigation{display:flex}.navigation__item{margin-right:60px;position:relative;margin-top:-30px}}@media screen and (min-width: 1200px){.navigation{display:flex}.navigation__item{margin-right:46px;position:relative;margin-top:-30px}.navigation__item--last-child{margin-right:371px}}@media screen and (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx){.hero{background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/hero_bg_mobile@2x.jpg)}}.hero{background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/hero_bg_mobile.jpg);background-repeat:no-repeat;background-size:cover;max-width:1600px;margin:0 auto;padding:118px 58px}.hero__header{font-family:var(--main-font);font-style:normal;font-weight:900;font-size:26px;line-height:1.615;text-align:center;letter-spacing:0.06em;text-transform:uppercase;color:#fff;margin-bottom:30px}@media screen and (min-width: 768px){.hero{max-width:100%;padding:122px 201px 114px 202px;background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/hero_bg_tablet.jpg)}.hero .hero__header{min-width:385px}}@media screen and (min-width: 768px) and (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:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/hero_bg_tablet@2x.jpg)}}@media screen and (min-width: 768px) and (min-width: 1200px){.hero{max-width:1600px;padding-top:200px;padding-bottom:200px;background-size:cover;background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/herobackground.png)}.hero__header{font-size:44px;line-height:1.363;width:696px;margin:0 auto}}@media screen and (min-width: 768px) and (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:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/herobackground@2x.jpg)}}.advantages{padding-bottom:60px;padding-top:60px}.advantages__list{align-items:center;list-style:none}.advantages__icon{display:flex;margin:0 auto}.advantages__gallery{display:flex;background-color:#F5F4FA;border-radius:4px;margin-bottom:30px;min-height:120px;padding-top:25px}.advantages__name{font-family:var(--main-font);font-weight:700;font-size:14px;line-height:1.143;letter-spacing:0.03em;text-transform:uppercase;margin-bottom:14px;text-align:center}.advantages__description{font-family:var(--main-font);font-style:normal;font-weight:400;font-size:14px;line-height:1.714;letter-spacing:0.03em;text-transform:none;color:var(--description-color);min-height:50px;margin-bottom:30px}@media screen and (min-width: 768px){.advantages{padding-bottom:45px}.advantages__list{display:inline-block}.advantages__item{display:inline-block;margin-left:10px}.advantages__gallery{max-width:354px}.advantages__icon{display:inline-block}.advantages__name{text-align:left}.advantages__description{max-width:354px;max-height:75px}}@media screen and (min-width: 1200px){.advantages__list{display:flex}.advantages__item{margin-right:30px}}.about{display:none}@media screen and (min-width: 1200px){.about{display:block;padding-bottom:94px}.about__list{display:flex;align-items:center;list-style:none}.about__item{margin-right:30px;position:relative}.about__description{font-family:var(--main-font);position:absolute;width:144px;height:16px;font-style:normal;font-weight:700;font-size:14px;line-height:1.143;text-align:center;letter-spacing:0.03em;text-transform:uppercase;color:var(--third-text-color);background:rgba(47,48,58,0.8);padding-top:27px;padding-bottom:27px;width:100%;height:70px;bottom:0}}.team{align-items:center;justify-content:center;background-color:var(--third-background-color);padding-bottom:60px}.team__list{list-style:none;justify-content:center}.team__item{background:var(--main-background-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__image{margin-bottom:30px;max-width:100%}.team__name{font-family:var(--main-font);font-style:normal;font-weight:500;font-size:16px;line-height:1.187;text-align:center;letter-spacing:0.03em;margin-bottom:10px}.team__workplace{font-family:var(--main-font);font-style:normal;font-weight:400;color:var(--description-color);font-size:16px;line-height:1.187;text-align:center;letter-spacing:0.03em;margin-bottom:16px}@media screen and (min-width: 768px){.team{display:inline-block}.team__list{display:inline-block}.team__item{display:inline-block;max-width:354px;margin-left:10px;margin-bottom:30px;align-items:center;justify-content:center}}@media screen and (min-width: 1200px){.team{display:flex}.team__list{display:flex}.team__item{margin-right:30px;margin-left:0px}}.customers{padding-bottom:60px}.customers__list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;list-style:none;margin-left:-30px}.customers__item{display:flex;align-items:center;justify-content:center;min-width:210px;min-height:92px;fill:#AFB1B8;border:1px solid #AFB1B8;border-radius:4px;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:30px;margin-left:30px}.customers__item:hover,.customers__item:focus{border:1px solid var(--main-color);fill:var(--main-color)}.customers__icon{display:flex;width:106px;height:60px}@media screen and (min-width: 768px){.customers__item{min-width:226px}}@media screen and (min-width: 768px){.customers__item{min-width:170px}}.footer{padding-top:60px;background-color:var(--secondary-background-color);align-items:center;justify-content:center;text-align:center;min-width:100%;display:flex}.footer__addres{font-family:var(--main-font);font-style:normal;font-weight:400;font-size:14px;line-height:1.714;letter-spacing:0.03em;color:var(--third-text-color);margin-top:20px;margin-bottom:8px;min-width:251px;text-align:center}@media screen and (min-width: 768px){.footer{text-align:left}.footer__addres{text-align:left;padding-left:70px}}@media screen and (min-width: 1200px){.footer{padding-bottom:60px;text-align:left}.footer__addres{padding-left:0}}.newsletter{align-items:center;justify-content:center;text-align:center;padding-top:60px;padding-bottom:60px;padding-right:15px;padding-left:15px;width:100%}.newsletter__title{font-family:Roboto;font-style:normal;height:16px;font-weight:700;font-size:14px;line-height:1.143;letter-spacing:0.03em;text-transform:uppercase;color:var(--third-text-color);margin-bottom:20px;margin-top:60px}.newsletter__input{font-family:var(--main-font);font-style:normal;height:50px;border:1px solid rgba(255,255,255,0.3);box-sizing:border-box;filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.15));border-radius:4px;background-color:transparent;margin-bottom:20px}.newsletter__button{font-family:var(--main-font);font-style:normal;font-weight:700;width:200px;height:50px;min-width:82px;min-height:30px;font-size:16px;line-height:1.875;padding-left:42px;letter-spacing:0.06em;color:#FFFFFF;background:#2196F3;box-shadow:0px 4px 4px rgba(0,0,0,0.15);border-radius:4px;display:flex;padding-top:10px;padding-bottom:10px;border:none;cursor:pointer;margin:0 auto}.newsletter__icon{margin-left:24px}@media screen and (min-width: 768px){.newsletter__input{min-width:350px}}@media screen and (min-width: 1200px){.newslettter__wrapper{display:flex;align-items:center;justify-content:center}.newslettter__disclaimer{display:flex;align-items:center;justify-content:center}.newsletter{margin-left:78px;padding-bottom:0px;padding-bottom:0px}.newsletter__title{height:16px;margin-top:-140px;padding-left:100px;max-width:100%;min-width:207px}.newslettter__disclaimer{padding-left:450px}.newsletter__button{margin-left:12px;margin-top:-20px}}.backdrop{position:fixed;left:0;top:0;min-width:100vw;min-height:100vh;background-color:rgba(0,0,0,0.2);transition:250ms;transform:scale(1)}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:450px;min-height:609px;width:100%;height:100%;padding:40px;background-color:var(--main-background-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__close-btn{position:absolute;display:flex;align-items:center;justify-content:center;right:8px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.1);box-sizing:border-box;border-radius:50%;background-color:var(--main-background-color)}.modal__tittle{font-family:var(--main-font);font-style:normal;height:23px;font-weight:700;font-size:20px;line-height:23px;text-align:center;letter-spacing:0.03em;color:#212121;margin:0 auto;margin-top:40px;margin-bottom:12px}.modal__accept-link{font-family:var(--main-font);font-style:normal;font-weight:normal;font-size:12px;line-height:24px;letter-spacing:0.03em;text-decoration-line:underline;color:#2196F3}.modal__label{font-family:var(--main-font);font-style:normal;height:14px;font-size:12px;line-height:14px;letter-spacing:0.01em;color:#757575;margin-top:10px;margin-bottom:4px;display:flex;width:100%}.modal__input{font-family:var(--main-font);font-style:normal;width:100%;height:40px;border:1px solid rgba(33,33,33,0.2);box-sizing:border-box;border-radius:4px;padding-left:30px;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal__input:focus{border-color:#2196F3;outline:none}.modal__input:focus+.modal__icon{fill:#2196F3;outline:none}.modal__textarea{font-family:var(--main-font);font-style:normal;position:relative;width:100%;height:120px;border:1px solid rgba(33,33,33,0.2);box-sizing:border-box;border-radius:4px;margin-bottom:20px;font-size:12px;line-height:14px;letter-spacing:0.01em;color:rgba(117,117,117,0.5);padding:12px 16px;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal__textarea:focus{border-color:#2196F3;outline:none}.modal__accept-label{font-family:var(--main-font);font-style:normal;font-style:400;font-weight:normal;font-size:12px;line-height:24px;letter-spacing:0.03em;color:#757575;display:flex;align-items:center;justify-content:center;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);width:100%}.modal__accept-label::before{content:"";width:16px;height:16px;border:1px solid #212121;margin-right:8px;box-sizing:border-box;border-radius:2px}.modal__check:checked+.modal__accept-label::before{background-color:#2196F3;border:none;background-image:url(../images/Vector.svg);background-repeat:no-repeat;background-size:contain}.modal__wrapper{position:relative}.modal__icon{position:absolute;top:15px;left:12px;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.modal{max-height:581px}.modal__tittle{margin-top:0}.modal__close-btn{right:8px}}.filters{padding-top:60px;padding-bottom:40px}.filters__list{display:flex;flex-wrap:wrap;list-style:none}.filters__item{margin-right:8px;margin-bottom:15px;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.filters__item:hover,.filters__item:focus{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)}.filters__btn{font-family:var(--main-font);font-style:normal;font-weight:500;font-size:16px;text-align:center;letter-spacing:0.03em;background-color:var(--third-background-color);border-radius:4px;border:0px;padding:6px 22px;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.filters__btn:hover,.filters__btn:focus{color:var(--third-text-color);background-color:var(--main-color);cursor:pointer}@media screen and (min-width: 768px){.filters{padding-bottom:30px}.filters__list{align-items:center;justify-content:center;margin:0 auto}}@media screen and (min-width: 1200px){.filters{padding-top:94px}.filters__list{display:flex;align-items:center;justify-content:center}}.project{margin:0 auto}.projects__list{display:flex;flex-wrap:wrap;list-style:none}.projects__item{background:var(--main-background-color);border:1px solid #EEEEEE;box-sizing:border-box;margin-bottom:30px}.projects__item .projects__item:hover{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)}.projects__item:hover .overlay{transform:translateY(0)}.projects__img{display:block;padding-bottom:20px;max-width:100%}.projects__text{font-family:var(--main-font);font-style:normal;font-weight:700;font-size:18px;line-height:2;letter-spacing:0.06em;padding-bottom:4px;margin-left:24px;max-width:100%}.projects__description{font-family:Roboto;font-style:normal;font-size:16px;line-height:1.875;letter-spacing:0.03em;color:var(--description-color);padding-bottom:20px;margin-left:24px}.projects__div{position:relative;overflow:hidden;width:100%}@media screen and (min-width: 768px){.projects__list{flex-wrap:wrap;justify-content:left}.projects__item{margin-right:20px}.projects__item--each-second-child{margin-right:0px}}@media screen and (min-width: 1200px){.projects__item{margin-right:30px}.projects__item--each-third-child{margin-right:0px}.projects__item--first-three-child{margin-top:0px}}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateY(100%);background-color:rgba(33,150,243,0.9);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.overlay__text{font-family:Roboto;font-style:normal;font-style:normal;font-weight:normal;font-size:18px;line-height:1.555;letter-spacing:0.03em;color:var(--third-text-color);padding:77px 24px 77px 24px;text-align:left}@media screen and (min-width: 768px){.overlay__text{padding:49px 24px 49px 24px}}.header__container{padding-top:16px;padding-bottom:16px;border-bottom:1px solid #ECECEC}@media screen and (min-width: 768px){.header__container{padding-top:32px;padding-bottom:32px}}@media screen and (min-width: 1200px){.header__container{padding-top:32px;padding-bottom:32px}}.burger__btn{background-color:transparent;border:none;padding:0;cursor:pointer;display:flex;position:absolute;top:20px;right:15px}.burger__icon{transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.burger__btn{display:none}}@media screen and (min-width: 1200px){.burger__btn{display:none}}.menu-mobile{box-sizing:border-box;width:480px;height:796px;background-color:#fff;position:absolute;padding-top:48px;padding-left:40px}.menu-mobile__close{position:absolute;display:flex;align-items:center;justify-content:center;top:8px;right:8px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.1);box-sizing:border-box;background-color:var(--main-background-color);border:none}.menu-mobile__icon{position:absolute;width:16px;height:16px;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.menu-mobile__list{list-style:none}.menu-mobile__item{padding-bottom:32px}.menu-mobile__link{font-family:Roboto;font-style:400;font-weight:500;font-size:40px;line-height:1.175;letter-spacing:0.02em;text-decoration:none;color:black}.menu-mobile__link--first-child{color:#2196F3}.menu-contact__list{list-style:none}.menu-contact__item{margin-bottom:32px}.menu-contact__link{text-decoration:none}.menu-contact__link--first-child{font-family:Roboto;font-style:normal;font-weight:500;font-size:34px;line-height:40px;letter-spacing:0.02em;color:#2196F3}.menu-contact__link--second-child{font-family:Roboto;font-style:normal;font-weight:500;font-size:24px;line-height:28px;letter-spacing:0.02em;color:#757575}.menu-social__list{list-style:none;display:flex;padding-top:64px}.menu-social__item{margin-right:10px}.menu-social__link{text-decoration:none;font-family:Roboto;font-style:normal;font-weight:500;font-size:18px;line-height:1.222;letter-spacing:0.02em;color:#2196F3;border-right:1px solid rgba(33,33,33,0.2);padding-right:10px}.menu-social__link--last-child{border:transparent}
/*# sourceMappingURL=main.min.css.map */