:root{--logo-text-color: #000000;--accent-text-color: #2196f3;--modal-button-color: #188ce8;--primary-text-color: #212121;--secondary-text-color: #757575;--placeholder-text-color: rgba(117, 117, 117, 0.5);--additional-color: rgba(255, 255, 255, 0.6);--hero-bcg-color: #2f303a;--primary-white-color: #ffffff;--card-radius: 0px 0px 4px 4px;--border-color: #eeeeee;--header-border: #ececec;--fieldset--border-color: rgba(33, 33, 33, 0.2);--button-floor-color: #f5f4fa;--team-bcg-color: #f5f4fa;--primary-bcg-color: #ffffff;--gradient: rgba(47, 48, 58, 0.4);--icon-color: #afb1b8;--modal-x-close-color: #00000010;--footer-icon-bcg-color: #ffffff10;--backdrop-bcg-color: rgba(0, 0, 0, 0.2);--overlay-bcg-design: rgba(47, 48, 58, 0.8);--overlay-project: rgba(33, 150, 243, 0.9);--footer-input-border: rgba(255, 255, 255, 0.3);--timing-function: cubic-bezier(0.4, 0, 0.2, 1);--button-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);--button-hero-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);--card-footer-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);--card-project-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);--modal-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);--filter-shadow: 0px 3px 1px rgba(0, 0, 0, 0.1),
    0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);--modal-button-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);--primary-font-family: "roboto", sans-serif;--secondary-font-family: "raleway", sans-serif}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body{margin:0;background-color:var(--primary-bcg-color);color:var(--primary-text-color);font-family:var(--primary-font-family);letter-spacing:0.03em}button{font-family:inherit;cursor:pointer}a{text-decoration:none}img{display:block;max-width:100%;height:auto}picture{display:block;max-width:100%;height:auto}.link{color:var(--primary-text-color);font-style:normal;transition-property:color;transition-duration:250ms;transition-timing-function:var(--timing-function)}.link:focus,.link:hover{color:var(--accent-text-color)}.container{width:100%;padding-left:15px;padding-right:15px;margin-right:auto;margin-left:auto}@media screen and (max-width: 479px){.container{max-width:479px}}@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{display:flex;padding-top:60px;padding-bottom:60px}@media screen and (min-width: 768px){.section{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.section--display-block{display:block}h1,h2,h3,p{font-family:var(--primary-font-family);margin:0;padding:0}.list{list-style:none;margin:0;padding:0}.header{display:flex;background-color:var(--primary-white-color);border-bottom:1px solid var(--header-border)}.header-container{display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--secondary-font-family);font-weight:700;font-size:26px;line-height:1.17}.logo--margin{margin-top:16px;margin-bottom:16px}@media screen and (min-width: 768px) and (max-width: 1199px){.logo--margin{margin-top:26px;margin-bottom:26px}}.logo__text--color{color:var(--accent-text-color)}.logo__text-footer--color{color:var(--primary-white-color)}.main-nav{display:none}@media screen and (max-width: 767px){.main-nav{display:flex;align-items:center;justify-content:space-between}.main-nav .logo__mobile{display:flex}.main-nav .site-nav{display:none}.main-nav .auth-nav{display:none}}@media screen and (min-width: 768px){.main-nav{display:inline-flex;align-items:center;justify-content:space-between}}@media screen and (min-width: 1200px){.main-nav{display:flex;align-items:center;justify-content:start}}@media screen and (min-width: 768px){.nav{margin-left:0}}@media screen and (min-width: 1200px){.nav{margin-left:93px}}.site-nav{display:flex;font-size:14px;line-height:1.17;letter-spacing:0.02em;font-weight:500}@media screen and (min-width: 1200px){.site-nav{margin-right:305px}}.site-nav__item:not(:last-child){margin-right:50px}.site-nav__item:last-child{margin-right:0px}.site-nav__item{position:relative;display:block}.site-nav__link{display:block;padding-top:32px;padding-bottom:32px}.site-nav__link::after{position:absolute;content:"";display:block;width:100%;height:4px;left:0;bottom:-1px;opacity:0;transform:scaley(1);border-radius:2px;background-color:var(--accent-text-color);transition-property:color;transition-duration:250ms;transition-timing-function:var(--timing-function);transition-property:opacity;transition-duration:250ms;transition-timing-function:var(--timing-function)}.current{color:var(--accent-text-color)}.current::after{content:"";opacity:1}.current:hover::after{opacity:0;transform:scaley(0);background-color:var(--accent-text-color)}.auth-nav__wrap{display:none}@media screen and (min-width: 768px){.auth-nav__wrap{display:block}.auth-nav{display:block}}@media screen and (min-width: 1200px){.auth-nav__wrap{display:flex}.auth-nav{display:flex}}.auth-nav{font-size:14px;line-height:1.17;letter-spacing:0.02em;font-weight:500}.auth-nav__item+.auth-nav__item{margin-left:50px}.auth-nav__item:last-child{margin-right:0px}@media screen and (min-width: 768px) and (max-width: 1199px){.auth-nav{margin-left:0}.auth-nav__item+.auth-nav__item{margin-left:0px}.auth-nav__item:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 1200px){.auth-nav__item+.auth-nav__item{margin-left:30px}}.auth-nav__contact{display:flex;align-items:center;color:var(--secondary-text-color);transition-property:color;transition-duration:250ms;transition-timing-function:var(--timing-function)}.auth-nav__contact:hover,.auth-nav__contact:focus{color:var(--accent-text-color)}.auth-nav__contact:hover .auth-nav__icon,.auth-nav__contact:focus .auth-nav__icon{fill:var(--accent-text-color)}.auth-nav__icon{align-items:center;margin-right:10px;margin-bottom:2px;fill:var(--secondary-text-color);transition-property:fill;transition-duration:250ms;transition-timing-function:var(--timing-function)}.mobile-menu{position:fixed;display:flex;flex-direction:column;z-index:1;top:0;left:100%;width:100%;height:100vh;padding:48px 40px;transition:50ms;background-color:var(--primary-white-color)}.mobile-menu.is-open{left:0}.mobile-menu__container{height:100%;display:flex;flex-direction:column;justify-content:space-between}.is-open .mobile-menu-button{display:none}.mobile-menu-button{display:block;align-items:center;justify-content:center;width:40px;height:40px;z-index:10;background-color:transparent;border:none;cursor:pointer}@media screen and (min-width: 768px){.mobile-menu-button{display:none}}.mobile-menu-button .mobile-menu-button__icon--close{display:none}.mobile-menu-button.is-open .mobile-menu-button__icon--close{display:block}.mobile-menu-button.is-open .mobile-menu-button__icon--open{display:none}.mobile-menu-button:focus .mobile-menu-button__icon--open,.mobile-menu-button:focus .mobile-menu-button__icon--close{fill:var(--accent-text-color)}.mobile-menu__item{font-weight:500;font-size:40px;line-height:1.17;letter-spacing:0.02em;color:var(--primary-text-color)}.mobile-menu__item:last-child{margin-bottom:auto}@media screen and (min-width: 480px) and (max-height: 767px){.mobile-menu__item{font-size:40px}.mobile-menu__item:last-child{margin-bottom:auto}}.mobile-menu__item:not(:last-child){margin-bottom:32px}.mobile-menu__link--current{color:var(--accent-text-color)}.mobile-menu__contacts{display:flex;flex-direction:column}.mobile-menu__contacts--tel{font-weight:500;font-size:34px;line-height:1.17;letter-spacing:0.02em;color:var(--accent-text-color);margin-bottom:32px}.mobile-menu__contacts--email{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:0.02em;color:var(--secondary-text-color);margin-bottom:64px}.mobile-menu-socials__list{display:flex}.mobile-menu-socials__item{font-weight:500;font-size:18px;line-height:1.22;letter-spacing:0.02em}.mobile-menu-socials__item:not(:last-child){margin-right:10px;margin-left:10px}.mobile-menu-socials__item:last-child{margin-left:10px}.mobile-menu-socials__item:first-child{margin-left:0px}@media screen and (min-width: 480px) and (min-height: 760px){.mobile-menu-socials__item{font-size:18px}}.mobile-menu-socials__link{color:var(--accent-text-color)}.hero{display:flex;justify-content:center;align-items:center;text-align:center;background-color:var(--hero-bcg-color);background-image:linear-gradient(to right, var(--gradient), var(--gradient)),url(../images/mobile/bcg.jpg);background-repeat:no-repeat;background-position:center;background-size:480px 400px;min-width:100%;height:400px}@media (min-resolution: 2dppx){.hero{background-image:linear-gradient(to right, var(--gradient), var(--gradient)),url(../images/mobile/bcg@2x.jpg)}}@media (min-width: 480px){.hero{background-image:linear-gradient(to right, var(--gradient), var(--gradient)),url(../images/tablet/bcg.jpg);background-size:768px 400px;max-width:100%;height:400px}}@media (min-width: 480px) and (min-resolution: 2dppx){.hero{background-image:linear-gradient(to right, var(--gradient), var(--gradient)),url(../images/tablet/bcg@2x.jpg)}}@media (min-width: 768px){.hero{background-image:linear-gradient(to right, var(--gradient), var(--gradient)),url(../images/desktop/bcg.jpg);background-size:1200px 400px;max-width:100%;height:400px;padding:118px 0px 118px}}@media (min-width: 768px) and (min-resolution: 2dppx){.hero{background-image:linear-gradient(to right, var(--gradient), var(--gradient)),url(../images/desktop/bcg@2x.jpg)}}@media (min-width: 1200px){.hero{background-image:linear-gradient(to right, var(--gradient), var(--gradient)),url(../images/desktop/bcg.jpg);background-size:1600px 600px;max-width:100%;height:600px;padding:200px 0px 200px}}@media (min-width: 1200px) and (min-resolution: 2dppx){.hero{background-image:linear-gradient(to right, var(--gradient), var(--gradient)),url(../images/desktop/bcg@2x.jpg)}}.hero--margin{margin-left:auto;margin-right:auto}.hero__title{color:var(--primary-white-color);font-weight:900;font-size:26px;line-height:1.62;letter-spacing:0.06em;text-transform:uppercase;margin-top:0;margin-bottom:0}@media screen and (min-width: 1200px){.hero__title{font-size:44px;line-height:1.36}}.hero__btn{display:inline-block;color:var(--primary-white-color);background-color:var(--accent-text-color);font-size:16px;line-height:1.88;letter-spacing:0.06em;font-weight:700;min-width:200px;min-height:50px;padding:10px 0px;margin-top:30px;margin-left:auto;margin-right:auto;border:0px;border-radius:4px;box-shadow:var(--button-hero-shadow)}.feature{display:flex;flex-wrap:wrap}.feature__item{flex-basis:100%;text-align:center}@media screen and (max-width: 479px){.feature__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 480px) and (max-width: 767px){.feature__item{flex-basis:100%;max-width:450px}.feature__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px) and (max-width: 1199px){.feature__item{max-width:354px;margin-right:30px;margin-bottom:30px}.feature__item:nth-child(2n){margin-right:0px}.feature__item:nth-child(n+3){margin-bottom:0px}}@media screen and (min-width: 1200px){.feature__item{flex-basis:calc((100% - 3 * 30px) / 4);margin-right:30px;max-width:270px}}.feature__item:nth-child(4n){margin-right:0px}.feature__title{font-size:14px;line-height:1.17;text-transform:uppercase;margin-bottom:10px}@media screen and (min-width: 768px) and (max-width: 1199px){.feature__title{text-align:left}}@media screen and (min-width: 1200px){.feature__title{text-align:left}}.feature__text{color:var(--secondary-text-color);font-size:14px;line-height:1.71;text-align:left}.feature__icon{display:inline-flex;justify-content:center;align-items:center;margin-bottom:30px;background-color:var(--button-floor-color);border-radius:4px;width:100%;height:120px}@media screen and (min-width: 1200px){.feature__icon{width:270px;height:120px}}@media screen and (min-width: 320px) and (max-width: 479px){.feature__icon{max-width:449px;height:120px}}@media screen and (min-width: 480px) and (max-width: 767px){.feature__icon{width:450px}}@media screen and (min-width: 768px) and (max-width: 1199px){.feature__icon{width:354px}}.what-we-do__title,.team__title,.clients__title{display:block;font-size:28px;line-height:1.17;margin-bottom:30px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1199px){.what-we-do__title,.team__title,.clients__title{font-size:28px}}@media screen and (min-width: 1200px){.what-we-do__title,.team__title,.clients__title{font-size:36px;margin-bottom:50px}}.what-we-do{padding-top:0}@media screen and (max-width: 479px){.what-we-do{display:none}}@media screen and (min-width: 480px) and (max-width: 767px){.what-we-do{display:none}}@media screen and (min-width: 768px) and (max-width: 1199px){.what-we-do{display:none}}.what-we-do__set{display:flex}.what-we-do__visual-list{margin-right:30px;width:calc((100% - 2 * 30px) / 3)}.what-we-do__visual-list:nth-child(3n){margin-right:0}.what-we-do__thumb{position:relative}.what-we-do__text{position:absolute;bottom:0;right:0;left:0;margin:0;text-align:center;padding:27px 0px;font-size:14px;line-height:1.17;font-weight:700;text-transform:uppercase;color:var(--primary-white-color);background-color:var(--overlay-bcg-design)}.team{background-color:var(--team-bcg-color)}.team__set{display:flex;flex-wrap:wrap}.team__card{flex-basis:100%;text-align:center;box-shadow:var(--card-footer-shadow);border-radius:var(--card-radius)}.team__card:not(:last-child){margin-bottom:30px}@media screen and (min-width: 480px) and (max-width: 767px){.team__card{flex-basis:100%;max-width:450px}}@media screen and (min-width: 768px) and (max-width: 1199px){.team__card{max-width:354px;margin-right:30px;margin-bottom:30px}.team__card:nth-child(2n){margin-right:0}.team__card:nth-child(n+3){margin-bottom:0}}@media screen and (min-width: 1200px){.team__card{flex-basis:calc((100% - 3 * 30px) / 4);margin-right:30px;margin-bottom:0px}.team__card:not(:last-child){margin-bottom:0px}}.team__card:nth-child(4n){margin-right:0}.team-card-footer__name{margin-bottom:10px;font-size:16px;line-height:1.19;font-weight:500;text-align:center}.team-card-footer__position{color:var(--secondary-text-color);font-size:16px;line-height:1.19;text-align:center;margin-bottom:16px}.team-card-footer{background-color:var(--primary-white-color);padding-top:30px;padding-bottom:24px}.social-icon-set{display:flex;justify-content:center}.social-icon-set__item:not(:last-child){margin-right:10px}.social-icon-set__link{width:44px;height:44px;border-radius:50%;background-color:var(--primary-bcg-color);display:flex;justify-content:center;align-items:center;transition-property:background-color;transition-duration:250ms;transition-timing-function:var(--timing-function)}.social-icon-set__link:hover,.social-icon-set__link:focus{background-color:var(--accent-text-color)}.social-icon-set__link:hover .social-icon-set__svg,.social-icon-set__link:focus .social-icon-set__svg{fill:var(--primary-white-color)}.social-icon-set__svg{fill:var(--icon-color);transition-property:fill;transition-duration:250ms;transition-timing-function:var(--timing-function)}.clients-set{display:flex;flex-wrap:wrap}.clients-set__item{flex-basis:100%;text-align:center;max-width:100%;margin-bottom:30px}@media screen and (min-width: 320px) and (max-width: 767px){.clients-set__item{flex-basis:calc((100% - 1 * 30px) / 2);max-width:210px;margin-right:30px}.clients-set__item:nth-child(2n){margin-right:0px}.clients-set__item:nth-child(n+5){margin-bottom:0}}@media screen and (min-width: 768px) and (max-width: 1199px){.clients-set__item{flex-basis:calc((100% - 2 * 30px) / 3);max-width:226px;margin-right:30px;margin-bottom:30px}.clients-set__item:nth-child(3n){margin-right:0}.clients-set__item:nth-child(n+4){margin-bottom:0}}@media screen and (min-width: 1200px){.clients-set__item{flex-basis:calc((100% - 5 * 30px) / 6);margin-bottom:0}.clients-set__item:not(:last-child){margin-right:30px}}.clients-set__link{display:flex;justify-content:center;align-items:center;width:100%;height:92px;border:1px solid var(--icon-color);border-radius:4px;text-decoration:none;transition-property:color;transition-duration:250ms;transition-timing-function:var(--timing-function)}.clients-set__link:hover,.clients-set__link:focus{border:1px solid var(--accent-text-color)}.clients-set__link:hover .clients-set__icon,.clients-set__link:focus .clients-set__icon{fill:var(--accent-text-color)}@media screen and (min-width: 480px) and (max-width: 767px){.clients-set__link{width:210px}}@media screen and (min-width: 768px) and (max-width: 1199px){.clients-set__link{width:226px}}.clients-set__icon{fill:var(--icon-color);transition-property:fill;transition-duration:250ms;transition-timing-function:var(--timing-function)}.filter--margin{margin-bottom:40px}@media screen and (min-width: 768px){.filter--margin{margin-bottom:30px}}@media screen and (min-width: 1200px){.filter--margin{margin-bottom:50px}}.filter{display:flex;flex-wrap:wrap;align-content:flex-start}.filter__item:not(:last-child){margin-right:8px}.filter__item:last-child{margin-right:0}@media screen and (min-width: 768px){.filter{display:flex;font-weight:nowrap;justify-content:center}}.filter__btn{background-color:var(--button-floor-color);display:inline-block;font-weight:500;font-size:16px;line-height:1.62;margin-bottom:15px;border-radius:4px;border-color:transparent;padding:6px 22px;transition-property:background-color;transition-duration:250ms;transition-timing-function:var(--timing-function);transition-property:box-shadow;transition-duration:250ms;transition-timing-function:var(--timing-function);transition-property:color;transition-duration:50ms;transition-timing-function:var(--timing-function)}@media screen and (min-width: 768px){.filter__btn{margin-bottom:0px}}.filter__btn:hover,.filter__btn:focus{background-color:var(--accent-text-color);color:var(--primary-white-color);box-shadow:var(--filter-shadow)}.project-set{display:block;flex-wrap:wrap;width:100%}@media screen and (min-width: 768px) and (max-width: 1199px){.project-set{display:flex}}@media screen and (min-width: 1200px){.project-set{display:flex}}.project-set__link{text-decoration:none;color:inherit}.project-set__link:hover .project-set__overlay-text,.project-set__link:focus .project-set__overlay-text{transform:translateY(0%)}.project-set__item{display:block;text-align:left;border:1px solid var(--border-color);transition-property:box-shadow;transition-duration:250ms;transition-timing-function:var(--timing-function)}.project-set__item:hover,.project-set__item:focus{box-shadow:var(--card-project-shadow);cursor:pointer}.project-set__item:not(:last-child){margin-bottom:30px}@media screen and (min-width: 480px) and (max-width: 767px){.project-set__item{display:block}}@media screen and (min-width: 768px) and (max-width: 1199px){.project-set__item{flex-basis:calc((100% - 1 * 30px) / 2);max-width:354px;margin-right:30px;margin-bottom:30px}.project-set__item:nth-child(2n){margin-right:0}.project-set__item:nth-child(n+9){margin-bottom:0;margin-left:0}}@media screen and (min-width: 1200px){.project-set__item{flex-basis:calc((100% - 2 * 30px) / 3);max-width:370px;margin-right:30px;margin-bottom:30px}.project-set__item:nth-child(3n){margin-right:0px}.project-set__item:nth-last-child(-n+3){margin-bottom:0}}.project-set-footer{padding:20px 24px;background:var(--primary-background-color)}.project-set-footer__title{font-size:18px;line-height:2;letter-spacing:0.06em}.project-set-footer__text{color:var(--secondary-text-color);font-size:16px;line-height:1.88;margin-top:4px}.project-set__overlay{position:relative;overflow:hidden}.project-set__overlay-text{position:absolute;display:inline-block;width:100%;height:100%;bottom:0;right:0;background-color:var(--overlay-project);padding:77px 24px;transform:translateY(120%);font-size:18px;line-height:1.55;font-weight:normal;text-align:left;color:var(--primary-white-color);transition-property:transform;transition-duration:250ms;transition-timing-function:var(--timing-function)}@media screen and (min-width: 480px) and (max-width: 767px){.project-set__overlay-text{font-size:18px;padding:77px 24px}}@media screen and (min-width: 768px) and (max-width: 1199px){.project-set__overlay-text{font-size:18px;padding:49px 24px 77px 24px}}@media screen and (min-width: 1200px){.project-set__overlay-text{font-size:18px;padding:63px 24px}}.footer--flex-box{display:flex}@media screen and (min-width: 1200px){.footer--flex-box{align-items:baseline}}@media screen and (max-width: 479px){.footer--flex-box{display:block;text-align:center}.footer-form__field{display:block}.footer__contacts--list{text-align:center;margin-right:0}.footer-form--margin{margin-left:0}.footer-form__email{width:inherit;margin-right:15px;margin-left:15px;margin-bottom:20px}.footer-address{margin-top:20px}.footer-address__map,.footer-address__contacts{margin-bottom:8px}.footer-address__contacts:last-child{margin-bottom:0}}@media screen and (min-width: 480px) and (max-width: 767px){.footer--flex-box{text-align:center;display:block}.footer-form__field{display:block}.footer__contacts--list{margin-right:0px}.footer-address{margin-top:20px}.footer-address__map,.footer-address__contacts{margin-bottom:8px}.footer-address__contacts:last-child{margin-bottom:0}.footer-form--margin{margin-left:0}.footer-form__text{padding-top:0;padding-bottom:0;margin-bottom:20px}.footer-form__email{width:100%;margin-bottom:20px}}@media screen and (min-width: 768px) and (max-width: 1199px){.footer-form__field{display:block;margin-left:auto;margin-right:auto}.footer__contacts--list{margin-right:0px}.footer--flex-box{display:block;justify-content:center}.join{display:block;margin-left:165px}.footer-contact-links{display:flex;justify-content:space-evenly;text-align:center}.footer-address{margin-top:20px}.footer-address__map,.footer-address__contacts{margin-bottom:8px}.footer-address__contacts:last-child{margin-bottom:0}.footer-form--margin{margin-left:0;margin-top:60px}.footer-form{display:block}.footer-form__text{padding-top:0;padding-bottom:0;margin-bottom:20px;text-align:center}.footer-form__email{width:450px;height:50px;margin-left:140px;margin-bottom:20px}}@media screen and (min-width: 1200px){.footer-form__field{display:flex}.footer-contact-links{display:flex;align-items:baseline}.footer-address__map,.footer-address__contacts{margin-bottom:9px}.footer-address__contacts:last-child{margin-bottom:0}.footer-address{margin-top:20px}}.footer--flex-box:last-child{margin-left:auto}.footer-address{color:var(--primary-white-color);font-size:14px;line-height:1.71;font-style:normal}.footer-address__location{color:var(--primary-white-color)}.footer-address__email,.footer-address__tel{color:var(--additional-color)}.footer{background-color:var(--hero-bcg-color);padding-top:60px;padding-bottom:60px}.join{margin-top:60px}@media screen and (min-width: 768px) and (max-width: 1199px){.join{margin-top:0}}@media screen and (min-width: 1200px){.join{margin-top:0;margin-left:70px}}.join__title{color:var(--primary-white-color);font-size:14px;line-height:1.17;text-transform:uppercase;margin-bottom:20px;text-align:center}@media screen and (min-width: 1200px){.join__title{text-align:left}}.footer-soc-icons{display:flex;justify-content:center}.footer-soc-icons__item:not(:last-child){margin-right:10px}.footer-soc-icons__item:last-child{margin-right:0}.footer-soc-icons__link{width:44px;height:44px;border-radius:50%;background-color:var(--footer-icon-bcg-color);display:flex;justify-content:center;align-items:center;transition-property:background-color;transition-duration:250ms;transition-timing-function:var(--timing-function)}.footer-soc-icons__link:hover,.footer-soc-icons__link:focus{background-color:var(--accent-text-color)}.footer-soc-icons__link:hover .footer-soc-icons__svg,.footer-soc-icons__link:focus .footer-soc-icons__svg{fill:var(--primary-white-color)}.footer-soc-icons__svg{fill:var(--primary-white-color);transition-property:background-color;transition-duration:250ms;transition-timing-function:var(--timing-function)}.footer-form{display:block;margin-left:auto}@media screen and (min-width: 1200px){.footer-form{display:inline-block;width:570px}}.footer-form--margin{margin-top:60px}@media screen and (min-width: 1200px){.footer-form--margin{margin-top:0;margin-left:93px}}.footer-form__text{text-transform:uppercase;color:var(--primary-white-color);font-size:14px;line-height:1.17;font-weight:700}@media screen and (min-width: 1200px){.footer-form__text{margin-bottom:20px}}@media screen and (max-width: 479px){.footer-form__text{margin-bottom:20px}}.footer-form__email{max-width:450px;height:50px;padding-top:15px;padding-left:16px;padding-bottom:15px;border-radius:4px;background-color:transparent;border:1px solid var(--footer-input-border);box-shadow:var(--modal-button-shadow);color:var(--primary-white-color)}@media screen and (min-width: 1200px){.footer-form__email{width:358px;margin-right:12px}}.button-submit{margin:auto;display:flex;text-align:center;border-radius:4px;min-width:200px;height:50px;padding:10px 28px 10px 29px;border:0px;background-color:var(--accent-text-color);color:var(--primary-white-color);box-shadow:var(--modal-button-shadow);font-size:16px;line-height:1.88;font-weight:700;letter-spacing:0.06em}.button-submit__svg{margin-left:10px;fill:var(--primary-white-color)}.backdrop{position:fixed;padding:93px 15px 94px 15px;overflow-y:scroll;z-index:10;top:0;left:0;width:100%;height:100%;background-color:var(--backdrop-bcg-color);transition-property:opacity;transition-duration:250ms;transition-timing-function:var(--timing-function)}.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.is-hidden .modal{transform:translate(-50%, -50%) scale(0.9)}.modal{position:absolute;width:450px;height:609px;padding:40px;left:50%;top:50%;transform:translate(-50%, -50%);background-color:var(--primary-bcg-color);border-radius:4px;box-shadow:var(--modal-shadow);transition-property:transform;transition-duration:250ms;transition-timing-function:var(--timing-function)}.modal-content{width:370px;height:342px}@media screen and (min-width: 769px){.modal-content{width:448px}}@media screen and (max-width: 480px){.checkbox__agree-policy{font-size:12px;line-height:1.16}}@media screen and (min-width: 481px) and (max-width: 768px){.modal{width:450px;max-height:609px;padding:40px}.checkbox__agree-policy{font-size:12px;line-height:1.16}}@media screen and (min-width: 769px){.modal{width:528px;height:581px;padding:40px}}.modal-close{position:absolute;top:8px;right:8px;border-radius:50%;width:30px;height:30px;border:1px solid var(--modal-x-close-color);background-color:var(--primary-bcg-color)}.modal-close:hover .modal-close__svg,.modal-close:focus .modal-close__svg{fill:var(--accent-text-color)}.modal-close__svg{position:absolute;bottom:6px;right:5px;top:5px;transition-property:fill;transition-duration:250ms;transition-timing-function:var(--timing-function)}.sign-up-form--margin{margin-left:auto;margin-right:auto}.fieldset{position:relative;width:100%;display:flex;flex-direction:column}.fieldset--margin:not(:last-child){margin-bottom:10px}.fieldset--margin:last-child{margin-bottom:20px}.sign-up-form__title{margin-bottom:12px;text-align:center;font-size:20px;line-height:1.15;font-weight:700}.fieldset__text{margin-bottom:4px;font-size:12px;line-height:1.17;font-weight:normal;letter-spacing:0.01em;color:var(--secondary-text-color)}.fieldset__input{width:100%;height:40px;padding-left:42px;border-radius:4px;border:1px solid var(--fieldset--border-color);outline-color:var(--accent-text-color);transition-property:border;transition-duration:250ms;transition-timing-function:var(--timing-function)}.fieldset__input:focus{border:1px solid var(--accent-text-color)}.fieldset__input:focus+.fieldset__svg{fill:var(--accent-text-color)}.fieldset__textarea{padding-left:16px;padding-top:12px;width:100%;height:120px;border-radius:4px;resize:none;border:1px solid var(--fieldset--border-color);outline-color:var(--accent-text-color)}.fieldset__textarea::placeholder{font-size:14px;line-height:1.17;font-weight:normal;letter-spacing:0.01em;color:var(--placeholder-text-color)}.fieldset__svg{position:absolute;top:50%;left:12px;fill:var(--primary-text-color);transition-property:fill;transition-duration:250ms;transition-timing-function:var(--timing-function)}.fieldset__svg:focus,.fieldset__svg:hover{fill:var(--accent-text-color)}.checkbox{appearance:none;position:absolute}.checkbox:checked+.checkbox__accept-svg{background-color:var(--accent-text-color);fill:var(--primary-white-color);background-size:contain;background-origin:border-box}.checkbox--width{display:flex}.checkbox__accept-svg{display:inline-block;width:16px;height:15px;border-radius:2px;margin-left:0px;margin-right:0px;fill:var(--primary-white-color);border:1px solid var(--fieldset--border-color);background-color:transparent}.checkbox__agree-policy{font-size:12px;line-height:1.16;color:var(--secondary-text-color)}@media screen and (min-width: 769px){.checkbox__agree-policy{font-size:14px;line-height:1.71}}.checkbox__policy{text-decoration:underline;color:var(--accent-text-color)}.checkbox-button-submit{display:flex;justify-content:center}.checkbox-button-submit--margin{margin-top:30px}.checkbox-button-submit__form{display:inline-block;min-width:200px;min-height:50px;padding-top:10px;padding-bottom:10px;border:0;border-radius:4px;background-color:var(--modal-button-color);color:var(--primary-white-color);box-shadow:var(--modal-button-shadow);font-size:16px;line-height:1.88;font-weight:700;letter-spacing:0.06em;text-align:center;transition-property:background-color, color;transition-duration:250ms, 250ms;transition-timing-function:var(--timing-function),var(--timing-function)}.checkbox-button-submit__form:hover,.checkbox-button-submit__form:focus{background-color:var(--modal-button-color);color:var(--primary-white-color)}.visuallyhidden:not(:focus):not(:active){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}
/*# sourceMappingURL=main.min.css.map */