:root{--brend-color: #2196f3;--primery-text-color: #212121;--secondary-text-color: #757575;--color-text-dark-theme: #ffffff;--text-paragraph: "Roboto", sans-serif;--color-icon: #afb1b8;--transition-dur-fun: 250ms 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;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.customer-link-icon,.customers-icon,.technology__icon,.polity,.modal__btn-close,.social-link__icon,.social-icon-list,.social-link,.button-nav{display:flex;justify-content:center}*,*::after,*::before{box-sizing:inherit}h1,h2,h3,h4,h5,p{margin-top:0;margin-bottom:0}ul,li{margin-top:0;margin-bottom:0;padding-left:0}.link{text-decoration:none}.list{list-style:none}img{display:block;min-height:100%;height:auto}button{cursor:pointer}.link-active{color:var(--brend-color)}.link-active::after{content:"";position:absolute;display:block;width:100%;height:4px;left:0;bottom:-1px;background-color:var(--brend-color);border-radius:2px}html{box-sizing:border-box}body{font-family:"Roboto",sans-serif;font-size:14px;font-weight:400;letter-spacing:.03em;color:var(--primery-text-color)}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.container{width:100%;padding-left:15px;padding-right:15px}@media screen and (min-width: 480px){.container{margin-left:auto;margin-right:auto;width:480px}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}.logo__part-color{color:var(--brend-color)}.logo-up{font-family:"Raleway";font-size:24px;font-weight:700;line-height:1.16;color:#000;padding-top:16px;padding-bottom:16px}@media screen and (min-width: 768px){.logo-up{padding-top:26px;padding-bottom:26px;margin-right:87px}}@media screen and (min-width: 1200px){.logo-up{font-size:26px;font-weight:700;line-height:1.19;margin-right:93px;padding-top:24px;padding-bottom:25px;transition:color var(--transition-dur-fun)}}.logo-down-link{display:inline-block;font-style:normal;font-family:"Raleway";font-size:26px;font-weight:700;line-height:1.14;color:#fff;margin-bottom:20px;transition:color var(--transition-dur-fun)}.logo-down-link:hover,.logo-down-link:focus{color:var(--brend-color)}.hero-btn{font-family:"Roboto";font-style:normal;font-size:16px;font-weight:700;line-height:1.88;align-items:center;text-align:center;letter-spacing:.06em;width:216px;height:50px;border-radius:4px;border-color:rgba(0,0,0,0)}.button-nav{gap:8px;margin-bottom:50px;margin-right:11px;flex-wrap:wrap;justify-content:flex-start}@media screen and (min-width: 768px){.button-nav{margin-right:0;justify-content:center}}.button-nav__link{font-family:var(--text-paragraph);background:#f5f4fa;padding:6px 22px;border-radius:4px;border:1px solid rgba(0,0,0,0);font-size:16px;font-weight:500;line-height:1.62;text-align:center;letter-spacing:.03em;color:#212121;transition:background-color var(--transition-dur-fun),color var(--transition-dur-fun),box-shadow var(--transition-dur-fun)}.button-nav__link:hover,.button-nav__link:focus{background-color:var(--brend-color);color:var(--color-text-dark-theme);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);border-radius:4px}.send-btn{padding:10px 28px;width:200px;height:50px;background-color:var(--brend-color);color:var(--color-text-dark-theme);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;border:rgba(0,0,0,0);font-size:16px;font-weight:700;line-height:1.88;display:flex;letter-spacing:.06em;margin-left:auto;margin-right:auto}.modal__btn-send{width:200px;height:50px;left:700px;top:712px;color:var(--color-text-dark-theme);background:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;border-color:rgba(0,0,0,0)}.button-active{background-color:var(--brend-color);color:var(--color-text-dark-theme);transition:background-color var(--transition-dur-fun)}.button-active:hover,.button-active:focus{background:#188ce8;box-shadow:0px 4px 4px rgba(0,0,0,.15)}.social-link{align-items:center;width:44px;height:44px;border-radius:50%;transition:background-color var(--transition-dur-fun)}.social-link:hover,.social-link:focus{background-color:var(--brend-color);width:44px;height:44px;border-radius:50%}.social-icon-list{align-items:center;gap:10px}.social-link__icon{align-items:center;width:20px;height:20px;fill:var(--color-icon);transition:fill var(--transition-dur-fun)}.social-link:hover .social-link__icon,.social-link:focus .social-link__icon{fill:var(--color-text-dark-theme)}.follow{align-items:center;justify-content:center;text-align:center;margin-top:60px;margin-bottom:60px}@media screen and (min-width: 768px){.follow{margin-top:0;margin-bottom:0}}@media screen and (min-width: 1200px){.follow{margin-left:70px;margin-right:93px}}.follow__icon-title{font-style:normal;font-weight:700;line-height:1.14;text-transform:uppercase;color:var(--color-text-dark-theme);margin-bottom:20px}.footer-social__icon{fill:#fff}.social-link{background:rgba(255,255,255,.1);transition:background-color var(--transition-dur-fun)}.social-link:hover,.social-link:focus{background-color:var(--brend-color)}.mail-form{text-align:center}@media screen and (min-width: 1200px){.mail-form{text-align:start}}.mail-form__title{font-size:14px;font-weight:700;line-height:1.14;text-transform:uppercase;color:var(--color-text-dark-theme);margin-bottom:20px}.footer-form__enter-mail{display:inline-block;align-items:center;width:100%;height:50px;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;color:var(--color-text-dark-theme);padding:15px;outline:none;transition:border-color var(--transition-dur-fun);margin-bottom:20px}.footer-form__enter-mail::placeholder{font-size:16px;line-height:1.25;align-items:center;color:rgba(255,255,255,.6)}.footer-form__enter-mail:focus-within{border-color:var(--brend-color)}@media screen and (min-width: 768px){.footer-form__enter-mail{width:450px}}@media screen and (min-width: 1200px){.footer-form__enter-mail{width:358px;margin-right:12px;margin-bottom:0}}.send__icon{width:100%;height:100%;margin-left:10px}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background-color:rgba(0,0,0,.2);transition:opacity var(--transition-dur-fun),visibility var(--transition-dur-fun)}.backdrop.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.modal{width:450px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:var(--color-text-dark-theme);padding:40px}@media screen and (min-width: 1200px){.modal{width:528px}}@media screen and (max-width: 450px){.modal{width:90%;padding-left:15px;padding-right:15px}}.modal__btn-close{position:absolute;top:8px;right:8px;align-items:center;width:30px;height:30px;border-radius:50%;background:var(--color-text-dark-theme);border:1px solid rgba(0,0,0,.1);padding:0;transform:fill var(--transition-dur-fun)}.modal__close-icon{transition:fill var(--transition-dur-fun)}.modal__btn-close:hover .modal__close-icon,.modal__btn-close:focus .modal__close-icon{fill:var(--brend-color)}.modal__cta-title{font-size:20px;font-weight:700;margin-bottom:12px;text-align:center;line-height:1.15;color:var(--primery-text-color)}.modal__label-title{display:block;margin-bottom:4px;color:var(--secondary-text-color)}.modal__input-name,.modal__input-phone,.modal__input-mail{display:block;width:100%;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding-left:42px;color:var(--primery-text-color);outline:none;transition:border-color var(--transition-dur-fun)}.modal__input-name:focus-within,.modal__input-phone:focus-within,.modal__input-mail:focus-within{border-color:var(--brend-color)}.modal__input-position{display:block;position:relative;margin-bottom:10px}.modal__input-position:focus-within{fill:var(--brend-color)}.modal__icon-input{position:absolute;top:0;left:0;width:18px;height:18px;margin:11px;transition:fill var(--transition-dur-fun)}.user-name{display:block;margin-bottom:10px}.modal__input-coment{width:100%;height:120px;padding:16px;outline:none}.modal__input-coment:focus-within{border-color:var(--brend-color)}.modal__input-coment::placeholder{font-size:12px;line-height:1.16;letter-spacing:.01em;color:rgba(117,117,117,.5)}textarea{display:block;resize:none;border:1px solid rgba(33,33,33,.2);border-radius:4px;margin-bottom:20px}.polity{text-align:left;align-items:center;font-family:"Roboto";font-style:normal;margin-bottom:30px;font-size:12px;font-weight:400;line-height:1.71;letter-spacing:.03em;color:var(--secondary-text-color)}@media screen and (min-width: 1200px){.polity{font-size:14px}}.checkbox-title{font-family:"Roboto";font-style:normal;font-size:14px;font-weight:400;line-height:1.71;color:#757575}.checkbox__link{color:var(--brend-color)}.checkbox__icon{display:inline-block;width:16px;height:15px;margin-right:7px;border:2px solid var(--primery-text-color);border-radius:2px}.checkbox:checked+.checkbox__icon{border-color:var(--brend-color);background-color:var(--brend-color);background-image:url(../images/icon-check.svg);background-size:contain;background-repeat:no-repeat;background-origin:border-box}.centre{align-items:center;justify-content:center;text-align:center}.mobile-menu{position:fixed;top:0;left:0;z-index:99;width:100%;height:100%;background:var(--color-text-dark-theme);opacity:0;visibility:hidden;pointer-events:none}@media screen and (min-width: 768px){.mobile-menu{display:none}}.mobile-menu-list{display:flex;gap:32px;flex-direction:column}.mobile-menu__link{font-weight:500;font-size:40px;line-height:1.17;letter-spacing:.02em;color:var(--primery-text-color)}.mobile-menu__container{height:100%;position:relative;padding-left:40px;padding-top:48px;padding-bottom:48px;display:flex;flex-direction:column}.mobile-menu__close-btn{position:absolute;top:10px;right:15px;border:none;padding:0;line-height:0;background-color:rgba(0,0,0,0)}.mobile-menu__close-icon{width:40px;height:40px;transition:fill var(--transition-dur-fun)}.mobile-menu__close-btn:hover .mobile-menu__close-icon,.mobile-menu__close-btn:focus .mobile-menu__close-icon{fill:var(--brend-color)}.mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto}.current{color:var(--brend-color)}.mobile-list-contact{display:flex;gap:32px;flex-direction:column;margin-bottom:64px;margin-top:auto}.mobile-list-contact__link-phone{font-weight:500;font-size:34px;line-height:1.17;letter-spacing:.02em;color:var(--brend-color)}@media screen and (max-width: 360px){.mobile-list-contact__link-phone{font-size:26px}}.mobile-list-contact__link-mail{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em;color:var(--secondary-text-color)}.mobile-social-list{display:flex;flex-wrap:wrap;row-gap:10px}.mobile-social__item:not(:last-child){padding-right:10px;margin-right:10px;border-right:1px solid rgba(33,33,33,.2)}.mobile-social__link{font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;color:var(--brend-color)}.studio-header{border:1px solid #ececec;padding-top:10px;padding-bottom:16px}@media screen and (min-width: 768px){.studio-header{padding-top:0;padding-bottom:0}}@media screen and (min-width: 768px){.studio-header .container{display:flex;align-items:center}.studio-header a:hover,.studio-header a:focus{color:var(--brend-color)}}@media screen and (min-width: 768px){.menu-nav{display:flex;align-items:center}}.menu-nav-list{display:none}@media screen and (min-width: 768px){.menu-nav-list{display:flex;gap:50px}}@media screen and (min-width: 768px){.menu-nav__link{display:inline-block;color:var(--primery-text-color);font-weight:500;line-height:1.14;letter-spacing:.02em;padding-top:32px;padding-bottom:32px;transition:color var(--transition-dur-fun);position:relative}}@media screen and (min-width: 1200px){.menu-nav__link{line-height:1.14;letter-spacing:.02em;padding-top:32px;padding-bottom:32px;transition:color var(--transition-dur-fun);position:relative}}.list-contact{display:none}@media screen and (min-width: 768px){.list-contact{display:block}}@media screen and (min-width: 1200px){.list-contact{display:flex;justify-content:center;align-items:center;gap:50px;margin-left:auto}}@media screen and (min-width: 768px){.list-contact__item{margin-bottom:10px}}@media screen and (min-width: 1200px){.list-contact__item{margin-bottom:0}}.list-contact-link{color:var(--secondary-text-color);font-weight:500;line-height:1.14px;letter-spacing:.02em}@media screen and (min-width: 768px){.list-contact-link{font-size:12px}}@media screen and (min-width: 1200px){.list-contact-link{font-size:14px;padding-top:32px;padding-bottom:32px;display:flex;justify-content:center;align-items:center;transition:color var(--transition-dur-fun)}}@media screen and (min-width: 768px){.header-contact-phone,.header-contact-mail{margin-right:10px;fill:currentColor}}.open-mobile-menu-btn{border:none;background-color:rgba(0,0,0,0);padding:0;line-height:0}.open-mobile-menu-btn__icon{width:40px;height:40px}@media screen and (min-width: 768px){.open-mobile-menu-btn{display:none}}.page-header__conteiner{display:flex;align-items:center;justify-content:space-between;padding-left:15px;padding-right:15px}.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-mobile.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#2f303a;text-align:center}@media screen and (min-width: 768px){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-tablet.jpg);padding-top:118px;padding-bottom:118px}}@media screen and (min-width: 1200px){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-desktop.jpg);padding-top:200px;padding-bottom:200px;max-width:1600px;margin:0 auto}}@media screen and (min-device-pixel-ratio: 2)and (max-width: 767px),screen and (min-resolution: 192dpi)and (max-width: 767px),screen and (min-resolution: 2dppx)and (max-width: 767px){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-mobile@2x.jpg)}}@media screen and (min-device-pixel-ratio: 2)and (min-width: 768px),screen and (min-resolution: 192dpi)and (min-width: 768px),screen and (min-resolution: 2dppx)and (min-width: 768px){.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-device-pixel-ratio: 2)and (min-width: 1200px),screen and (min-resolution: 192dpi)and (min-width: 1200px),screen and (min-resolution: 2dppx)and (min-width: 1200px){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-desktop@2x.jpg)}}.hero__title{color:var(--color-text-dark-theme);font-size:26px;font-weight:900;line-height:1.62;margin-bottom:30px;margin-right:auto;margin-left:auto;letter-spacing:.06em;text-transform:uppercase}@media screen and (min-width: 768px){.hero__title{width:360px}}@media screen and (min-width: 1200px){.hero__title{font-size:44px;font-weight:900;line-height:1.36;width:696px}}.technology{text-align:center}@media screen and (min-width: 768px){.technology{text-align:start}}.technology-list{display:flex;gap:30px;flex-wrap:wrap}@media screen and (min-width: 1200px){.technology-list{flex-wrap:nowrap}}.technology__icon{align-items:center;box-sizing:border-box;background:#f5f4fa;border-radius:4px;margin-bottom:30px;width:100%;height:120px}.technology__icon-pick{width:70px;height:70px}.technology-list__item{width:100%}@media screen and (min-width: 768px){.technology-list__item{width:354px}}.technology__title{line-height:1.14;text-transform:uppercase;font-size:14px;margin-bottom:10px;color:var(--primery-text-color)}.technology__paragraph{line-height:1.71;color:var(--secondary-text-color)}.prezents{padding-top:0}@media screen and (max-width: 1200px){.prezents{display:none}}.prezents_title{font-weight:700;font-size:36px;line-height:1.16;text-align:center;margin-bottom:50px}.prezents-list{display:flex;align-items:center;justify-content:space-between;gap:30px}.prezents__position{position:relative}.prezents_title-text{position:absolute;bottom:0%;left:0%;text-align:center;padding:27px 0;font-weight:700;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-dark-theme);width:100%;height:70px;background-color:rgba(47,48,58,.8)}.team{text-align:center;background-color:#f5f4fa}.team-list{align-items:center;display:flex;gap:30px;flex-wrap:wrap}@media screen and (min-width: 1200px){.team-list{flex-wrap:nowrap}}.team-list__item{box-sizing:content-box;background:#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 screen and (min-width: 768px){.team-list__item{width:calc(100% - 30px)/2}}.team__title{font-size:36px;font-weight:700;line-height:1.16;text-align:center;margin-bottom:50px}.team-list__img{max-width:100%}@media screen and (min-width: 768px){.team-list__img{max-width:354px}}@media screen and (min-width: 1200px){.team-list__img{max-width:370px}}.card{padding:30px 32px}.team__title-name{font-size:16px;font-weight:500;line-height:1.19;text-align:center;margin-bottom:10px}.team__paragraph{font-size:16px;line-height:1.19;text-align:center;margin-bottom:16px;color:var(--secondary-text-color)}.customers{text-align:center}.customers-list{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}@media screen and (min-width: 1200px){.customers-list{flex-wrap:nowrap}}.customers-list-item{box-sizing:border-box;background-color:#fff;width:calc((100% - 30px)/2)}@media screen and (min-width: 768px){.customers-list-item{width:226px}}.customers-icon{align-items:center;fill:#afb1b8;transition:fill var(--transition-dur-fun)}.customer-link-icon:hover .customers-icon,.customer-link-icon:focus .customers-icon{fill:var(--brend-color)}.customers-icon-border{width:106px;height:60px}.customer-link-icon{align-items:center;box-sizing:border-box;width:100%;height:92px;border:1px solid #afb1b8;border-radius:4px;background-color:#fff;transition:border var(--transition-dur-fun)}.customer-link-icon:hover,.customer-link-icon:focus{border:1px solid var(--brend-color)}@media screen and (min-width: 1200px){.customer-link-icon{width:170px}}.project-list__card{display:block;transition:box-shadow var(--transition-dur-fun)}.project-list__card:hover,.project-list__card: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)}.project-list{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}@media screen and (min-width: 768px){.project-list{justify-content:flex-start}}.project-list .card{padding:20px 24px;background-color:#fff}.project-list__item{border-right:1px solid #eee;border-bottom:1px solid #eee;border-left:1px solid #eee;box-sizing:border-box}@media screen and (min-width: 768px){.project-list__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.project-list__item{width:370px}}.project-list__img{width:100%}@media screen and (min-width: 768px){.project-list__img{max-width:354px}}@media screen and (min-width: 1200px){.project-list__img{max-width:370px}}.project-list__title{font-size:18px;font-weight:700;line-height:2;letter-spacing:.06em;margin-bottom:4px;color:var(--primery-text-color)}.project-item__paragraph{font-size:16px;line-height:1.87;color:var(--secondary-text-color)}.project-list__position{position:relative;overflow:hidden}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;padding:63px 24px;background-color:rgba(33,150,243,.9);font-style:normal;font-size:18px;font-weight:400;line-height:1.56;color:var(--color-text-dark-theme);overflow:auto;transform:translateY(101%);transition:transform var(--transition-dur-fun)}.project-list__card:hover .overlay,.project-list__card:focus .overlay{transform:translateY(0)}.studio-footer{background-color:#2f303a;padding-top:60px;padding-bottom:60px;display:block}@media screen and (min-width: 768px){.studio-footer .container{display:flex;flex-wrap:wrap;gap:60px;column-gap:165px;justify-content:center}}@media screen and (min-width: 1200px){.studio-footer .container{display:flex;align-items:baseline;column-gap:normal}}.footer-address{text-align:center}@media screen and (min-width: 1200px){.footer-address{width:231px;text-align:left}}.address{font-style:normal}.address-nav-link{display:inline-block;line-height:1.71;color:var(--color-text-dark-theme)}.address-link{display:inline-block;line-height:1.71;color:rgba(255,255,255,.6);transition:color var(--transition-dur-fun)}.address-link:hover,.address-link:focus{color:var(--brend-color)}.address__item:not(:last-child){margin-bottom:9px}@media screen and (min-width: 1200px){.footer-form{display:flex;width:100%}}/*# sourceMappingURL=main.min.css.map */