.visually-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);margin:-1px}ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}img{display:block;max-width:100%;height:auto}.container{margin:0 auto;padding:0 15px}@media(min-width: 480px){.container{width:480px}}@media(min-width: 768px){.container{width:768px}}@media(min-width: 1200px){.container{width:1200px}}.section,.section-team{padding:60px 0}@media(min-width: 1200px){.section,.section-team{padding:94px 0}}.section--position{padding-top:0}@media(max-width: 1199px){.section--position{display:none}}.section--bckcolor{background-color:#f5f4fa}.section-footer{background-color:#2f303a;padding:60px 0}body{font-family:"Roboto",sans-serif;font-weight:400;font-size:14px;line-height:1.7;letter-spacing:.03em;background-color:#fff;color:#757575}body.modal-open{overflow:hidden}.body-portfolio{color:#757575;background-color:#fff}.primary-title{margin-bottom:50px;font-weight:700;font-size:28px;line-height:1.2;text-align:center;letter-spacing:.03em;color:#212121}@media(min-width: 1200px){.primary-title{font-size:36px}}.activity{display:flex;gap:30px;list-style:none}.activity__item{position:relative}.activity__title{position:absolute;display:flex;justify-content:center;align-items:center;height:70px;width:100%;background-color:rgba(47,48,58,.8);margin:0;bottom:0;font-weight:700;font-size:14px;line-height:1.143;text-transform:uppercase;color:#fff}.adress{margin-top:11px;list-style:none;font-style:normal}.adress__item:not(:last-child){margin-bottom:9px}.adress__text{color:#fff;text-decoration:none;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.adress__text:hover,.adress__text:focus{color:#2196f3}.adress__mail,.adress__tel{color:#757575;text-decoration:none;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.adress__mail:hover,.adress__mail:focus,.adress__tel:hover,.adress__tel:focus{color:#2196f3}.button{display:flex;align-items:center;justify-content:center;margin:0 auto;border-radius:4px;padding:10px 32px;min-width:200px;color:#fff;background-color:#2196f3;font-family:"Roboto",sans-serif;border:none;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;cursor:pointer;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media(min-width: 1200px){.button{min-width:216px}}.button:hover,.button:focus{color:#fff;background-color:#188ce8}.button-footer{padding:0;min-width:200px;height:50px}.button-footer:hover,.button-footer:focus{color:#fff;background-color:#188ce8}.button__icon{fill:currentColor;margin-left:10px}.button-nav{display:flex;gap:8px;justify-content:center;margin-bottom:40px;list-style:none}@media(max-width: 767px){.button-nav{-moz-column-gap:8px;column-gap:8px;row-gap:15px;justify-content:start;width:400px;flex-wrap:wrap}}@media(min-width: 768px){.button-nav{margin-bottom:30px}}@media(min-width: 1200px){.button-nav{margin-bottom:50px}}.button-nav__item{padding:6px 22px;border-radius:4px;border:0;color:#212121;background-color:#f5f4fa;font-family:"Roboto";font-style:normal;font-weight:500;font-size:16px;line-height:1.6;text-align:center;letter-spacing:.03em;cursor:pointer;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.button-nav__item:hover,.button-nav__item: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)}.projects{background-color:#fff;list-style:none}@media(min-width: 768px){.projects{display:flex;flex-wrap:wrap;margin:-15px}}.projects__item{display:block}@media(max-width: 767px){.projects__item:not(:last-child){margin-bottom:30px}}@media(min-width: 768px){.projects__item{margin:15px;flex-basis:calc((100% - 60px)/2)}}@media(min-width: 1200px){.projects__item{margin:15px;flex-basis:calc((100% - 90px)/3)}}.projects__link{text-decoration:none;transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.projects__link:hover,.projects__link:focus{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)}@media(min-width: 768px)and (max-width: 1199px){.projects__link{display:flex;flex-direction:column;height:100%}}.projects__link:hover .card-box--overlay{transform:translateY(0)}.card-box{position:relative;overflow:hidden}.card-box--overlay{position:absolute;top:0;left:0;width:450px;height:294px;background-color:rgba(33,150,243,.9);transform:translateY(100%);pointer-events:none;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media(min-width: 768px){.card-box--overlay{width:354px}}@media(min-width: 1200px){.card-box--overlay{width:370px}}.card-box__text{margin:0;font-weight:400;font-size:18px;line-height:1.56;letter-spacing:inherit;color:#fff}@media(max-width: 767px){.card-box__text{padding:77px 24px}}@media(min-width: 768px){.card-box__text{padding:49px 24px 77px 24px}}@media(min-width: 1200px){.card-box__text{padding:63px 24px}}.projects__content{padding:20px 24px;margin-bottom:auto;border:1px solid #eee;border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;flex-grow:1}.projects__title{color:#212121;font-size:18px;line-height:2;letter-spacing:.06em;margin-bottom:4px}.projects__text{color:#757575;font-size:16px;line-height:1.88}.checkbox-input{appearance:none;-webkit-appearance:none;-moz-appearance:none}.checkbox{display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1.16;letter-spacing:.03em}@media(min-width: 1200px){.checkbox{font-size:14px;line-height:1.71}}.checkbox__icon{margin-right:7px;width:16px;height:15px;border:2px solid #212121;border-radius:2px;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.checkbox__input:checked+.checkbox__icon{background-color:#2196f3;border:none}.checkbox__link{margin-left:5px;color:#2196f3}.form__button{margin:30px auto 0 auto}.form__button:hover,.form__button:focus{background-color:#188ce8}.clients-list{display:flex;flex-wrap:wrap;margin:-15px;list-style:none}.clients-list__iteam{margin:15px;flex-basis:calc((100% - 60px)/2)}@media(min-width: 768px){.clients-list__iteam{flex-basis:calc((100% - 90px)/3)}}@media(min-width: 1200px){.clients-list__iteam{flex-basis:calc((100% - 180px)/6)}}.clients-list__link{display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #afb1b8;height:92px;background-color:#fff;fill:#afb1b8;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients-list__link:hover,.clients-list__link:focus{border-color:#2196f3;fill:#2196f3}.contacts{margin-left:auto;list-style:none}@media(max-width: 767px){.contacts{display:none}}@media(min-width: 768px)and (max-width: 1199px){.contacts{margin-top:21px;margin-bottom:21px}}@media(min-width: 1200px){.contacts{display:flex;align-items:center;gap:50px}}@media(max-width: 1199px){.contacts__iteam:not(:last-child){margin-bottom:10px}}.contacts__link{color:#757575;font-weight:500;font-size:12px;font-size:14px;line-height:1.1;letter-spacing:.02em;text-decoration:none;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media(min-width: 1200px){.contacts__link{display:flex;align-items:center;padding:32px 0}}.contacts__link:hover,.contacts__link:focus{color:#2196f3}.contacts__icon{fill:currentColor;margin-right:8px}@media(min-width: 1200px){.contacts__icon{margin-right:10px}}.features{list-style:none}@media(min-width: 768px){.features{display:flex;flex-wrap:wrap;margin:-15px}}@media(max-width: 767px){.features__iteam:not(:first-child){margin-top:30px}}@media(min-width: 768px){.features__iteam{margin:15px;flex-basis:calc((100% - 60px)/2)}}@media(min-width: 1200px){.features__iteam{margin:15px;flex-basis:calc((100% - 120px)/4)}}.features__box{display:flex;justify-content:center;align-items:center;margin-bottom:30px;border-radius:4px;height:120px;background-color:#f5f4fa}.features__title{margin-bottom:10px;color:#212121;font-weight:700;font-size:14px;line-height:1.1;letter-spacing:.03em;text-transform:uppercase}@media(max-width: 767px){.features__title{text-align:center}}.logo{text-decoration:none;font-family:"Raleway";font-style:normal;font-weight:700;font-size:24px;line-height:1.2;color:#2196f3}@media(min-width: 1200px){.logo{font-size:26px}}.logo__text{font-family:"Raleway";font-style:normal;font-weight:700;font-size:24px;line-height:1.2;color:#000}@media(min-width: 1200px){.logo__text{font-size:26px}}.logo__text--inverse{color:#fff}.mobile-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:999;transform:translateY(-100%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mobile-menu.is-open{transform:translate(0)}.mobile-menu__nav{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:480px;min-height:100%;padding:48px 40px}.menu__button{display:inline-flex;margin:0;padding:0;border:none;background-color:rgba(0,0,0,0)}@media(min-width: 768px){.menu__button{display:none}}.mobile-menu__close{position:absolute;top:10px;right:15px;display:inline-flex;margin:0;padding:0;border:none;background-color:rgba(0,0,0,0)}.mobile-menu__close:hover{fill:#2196f3}.mobile-menu__list{margin-bottom:auto;list-style:none}.mobile-menu__item:not(:last-child){padding-bottom:32px}.mobile-menu__link{display:block;color:#212121;text-decoration:none;font-weight:500;font-size:40px;line-height:1.2;letter-spacing:.02em;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mobile-menu__link:hover,.mobile-menu__link:focus{color:#2196f3}.mobile-menu__link--current{color:#2196f3}.mobile-menu__contacts{margin-bottom:64px}.mobile-menu__item{list-style:none}.mobile-menu__phone-number{display:block;color:#2196f3;text-decoration:none;font-weight:500;font-size:34px;line-height:1.2;letter-spacing:.02em}.mobile-menu__mail{display:block;color:#757575;text-decoration:none;font-weight:500;font-size:24px;line-height:1.2;letter-spacing:.02em}.mobile-menu__social-list{display:flex;gap:10px;list-style:none}.mobile-menu__social:not(:last-child){padding-right:10px;border-right:1px solid rgba(33,33,33,.2)}.mobile-menu__text{position:relative;font-weight:500;font-size:18px;line-height:1.2;letter-spacing:.02em;color:#2196f3;text-decoration:none}.backdrop{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);transform:translateY(0);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1),transform 250ms cubic-bezier(0.4, 0, 0.2, 1);overflow-y:scroll}@media(max-width: 450px){.backdrop{padding:93px 15px}}.backdrop--hidden{opacity:0;transform:translateY(100%);visibility:hidden;pointer-events:none}.modal{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);border-radius:4px;background-color:#fff;padding:40px}@media(min-width: 450px){.modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:450px}}@media(min-width: 1200px){.modal{height:581px;width:528px}}.modal__title{margin-bottom:12px;font-weight:700;font-size:20px;line-height:1.5;text-align:center;letter-spacing:.03em;color:#212121}@media(min-width: 1200px){.modal__title{line-height:1.15}}.form__label{display:block;margin-bottom:4px;font-size:12px;line-height:1.16;letter-spacing:.01em}.form__control{position:relative;margin-bottom:10px}.form__input{box-sizing:border-box;width:100%;height:40px;color:#757575;padding:12px 12px 12px 42px;border:1px solid rgba(33,33,33,.2);border-radius:4px;gap:18px;cursor:pointer;outline:none;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__input:focus{border-color:#2196f3}.form__icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__control:focus-within .form__icon{fill:#2196f3}textarea{display:block;margin-bottom:20px;resize:none;width:100%;height:120px;padding:12px 16px;cursor:pointer;color:#757575;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:none;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}textarea:focus{border-color:#2196f3}.button-close{position:absolute;display:flex;justify-content:center;align-items:center;top:8px;right:8px;width:30px;height:30px;border:1px solid rgba(0,0,0,.1);border-radius:50%;background-color:#fff;cursor:pointer}.button-close:hover,.button-close:focus{fill:#2196f3}.site-nav{display:none;list-style:none}@media(min-width: 768px){.site-nav{display:flex;gap:50px;margin-left:88px}}@media(min-width: 1200px){.site-nav{margin-left:93px}}.site-nav__link{position:relative;display:block;color:#212121;text-decoration:none;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.site-nav__link:hover,.site-nav__link:focus{color:#2196f3}@media(min-width: 768px){.site-nav__link{padding:32px 0}}.site-nav__link--current{color:#2196f3}@media(min-width: 768px){.site-nav__link--current::after{display:block;content:"";position:absolute;left:0;bottom:-2px;width:100%;height:4px;background-color:#2196f3;border-radius:2px}}.social{display:flex;justify-content:center;gap:10px;list-style:none}.social__link{display:flex;align-items:center;justify-content:center;border-radius:50%;width:44px;height:44px;background-color:#fff;fill:#afb1b8;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social__link:hover,.social__link:focus{background-color:#2196f3;fill:#fff}@media(min-width: 1200px){.social--position{margin-left:70px;margin-right:93px}}.social__link--inverse{background-color:rgba(255,255,255,.1);fill:#fff;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social__link--inverse:hover,.social__link--inverse:focus{background-color:#2196f3}.social-list--inverse:hover,.social-list--inverse:focus{background-color:#2196f3}.team-list{list-style:none}@media(min-width: 768px){.team-list{display:flex;flex-wrap:wrap;margin:-15px}}@media(min-width: 1200px){.team-list{flex-wrap:nowrap}}.team-list__card{background-color:#fff;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);border-radius:0px 0px 4px 4px}@media(max-width: 767px){.team-list__card:not(:last-child){margin-bottom:30px}}@media(min-width: 768px){.team-list__card{margin:15px}}.team-list__container{padding:30px 0 24px 0;text-align:center}@media(min-width: 1200px){.team-list__container{padding:30px 0}}.team-list__title{margin-bottom:10px;color:#212121;font-weight:500;font-size:16px;line-height:1.2;letter-spacing:.03em}.team-list__text{padding-bottom:16px;line-height:1.2}@media(max-width: 1199px){.footer-all{text-align:center}}@media(min-width: 1200px){.footer-all{display:flex;align-items:center;justify-content:space-between}}@media(min-width: 768px){.tablet--position{display:flex;justify-content:space-between;align-items:center;margin:0 89px 60px 76px}}@media(min-width: 1200px){.tablet--position{margin:0}}.footer-title{margin:60px 0 20px 0;font-style:normal;font-weight:700;font-size:14px;line-height:1.1;letter-spacing:.03em;text-transform:uppercase;color:#fff}@media(min-width: 768px)and (max-width: 1199px){.footer-title{margin:0 0 20px 0}}@media(min-width: 1200px){.footer-title{margin:0px 93px 0px 70px;margin-bottom:20px}}@media(min-width: 1200px){.footer-title--position{margin:0px 0px 20px 0px}}@media(min-width: 1200px){.footer-label{display:flex;justify-content:center;align-items:center;gap:12px}}.footer-label__input{width:100%;height:50px;margin-bottom:20px;color:#757575;border:1px solid rgba(255,255,255,.3);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;background-color:#2f303a;padding-left:16px}@media(min-width: 768px){.footer-label__input{width:450px}}@media(min-width: 1200px){.footer-label__input{width:358px;margin-bottom:0}}.header{border-bottom:1px solid #ececec}@media(max-width: 767px){.container--position{padding:15px}}@media(min-width: 768px){.container--position{display:flex;margin-bottom:-8px}}@media(min-width: 1200px){.container--position{margin-bottom:0}}.header__navigation{display:flex;align-items:center;justify-content:space-between}.hero{padding:118px 0;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-480.jpg)}@media(min-device-pixel-ration: 2),(-webkit-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-960-@2x.jpg)}}@media(min-width: 768px){.hero{padding:118px 0;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-768.jpg)}}@media(min-width: 768px)and (min-device-pixel-ration: 2),(min-width: 768px)and (-webkit-min-device-pixel-ratio: 2),(min-width: 768px)and (min-resolution: 192dpi),(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-1536-@2x.jpg)}}@media(min-width: 1200px){.hero{padding:200px 0;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-1600.jpg)}}@media(min-width: 1200px)and (min-device-pixel-ration: 2),(min-width: 1200px)and (-webkit-min-device-pixel-ratio: 2),(min-width: 1200px)and (min-resolution: 192dpi),(min-width: 1200px)and (min-resolution: 2dppx){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-3200-@2x.jpg)}}.hero__title{margin:0 auto 30px auto;color:#fff;max-width:360px;font-weight:900;font-size:26px;line-height:1.6;text-align:center;letter-spacing:.06em;text-transform:uppercase}@media(min-width: 1200px){.hero__title{max-width:696px;font-weight:900;font-size:44px;line-height:1.36}}/*# sourceMappingURL=main.min.css.map */