:root{--accent-color: #2196f3;--text-color-black: #212121;--text-color-gray: #757575;--white-color: #ffffff;--absolute-black: #000000;--grid-row-gap: 30px;--grid-column-gap: 30px;--bg-gradient: linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4));--bg-color-button: #188CE8;--bg-icon-color: #F5F4FA}body{font-family:Roboto,sans-serif;font-style:normal;color:var(--text-color-gray);letter-spacing:.03em}h1,h2,h3,h4,h5,h6,p,ul{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}.container{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}@media screen and (min-width: 480px){.container{width:480px}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}img{display:block;max-width:100%;height:auto}ul,ol{margin:0;padding:0;list-style-type:none}a{text-decoration:none;color:var(--text-color-black)}.header{background-color:var(--white-color);border-bottom:#ececec 1px solid}.header__list{margin-left:auto;list-style:none;display:flex;transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.header__item{margin-right:50px}.header__item:last-child{margin-right:0}.header__address{display:flex;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;text-decoration:none;color:var(--text-color-gray);align-items:center;transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.header__address:hover,.header__address:focus{color:var(--accent-color);transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.logo{margin-right:93px;font-family:Raleway;font-weight:700;font-size:26px;line-height:1.2;text-decoration:none;color:var(--absolute-black)}.logo__accent{color:var(--accent-color)}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);transition:opacity .5s,visibility .5s}.backdrop.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.confirmation{display:flex;align-items:center;justify-content:center;font-family:"Roboto";font-style:normal;font-weight:400;font-size:12px;line-height:1.71;letter-spacing:.03em;color:var(--text-color-gray)}@media screen and (min-width: 768px){.confirmation{font-weight:400;font-size:12px;line-height:14px;letter-spacing:.03em;color:var(--text-color-gray)}}@media screen and (min-width: 1200px){.confirmation{font-weight:400;font-size:14px;line-height:24px;letter-spacing:.03em;color:var(--text-color-gray)}}.confirmation-input__checkbox{position:absolute;top:0;left:0;pointer-events:none;appearance:none}.confirmation__icon{width:16px;height:15px;margin-right:7px;background-origin:border-box;border:2px solid #212121;border-radius:2px;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);display:flex;align-items:baseline}.confirmation-input__checkbox:checked+.confirmation__icon{opacity:1;border:none;background-color:var(--accent-color)}.confirmation__agreement{text-decoration-line:underline;color:var(--accent-color);display:flex;font-weight:400;font-size:12px;line-height:14px;letter-spacing:.03em}.section__clients{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section__clients{padding-top:94px;padding-bottom:94px}}.section__title-clients{margin-bottom:30px;font-family:"Roboto";font-style:normal;font-weight:700;font-size:28px;line-height:33px;text-align:center;letter-spacing:.03em;color:var(--text-color-black)}@media screen and (min-width: 1200px){.section__title-clients{margin-bottom:50px;font-size:36px}}.client__item{margin:15px}@media screen and (max-width: 767px){.client__item{width:calc((100% - 60px)/2)}}@media screen and (min-width: 768px)and (max-width: 1199px){.client__item{width:calc((100% - 90px)/3)}}@media screen and (min-width: 1200px){.client__item{width:calc(100% - 30px)}}.client__list{display:flex;justify-content:center;margin:-15px}@media screen and (max-width: 1199px){.client__list{flex-wrap:wrap}}.clients{display:flex;justify-content:center;align-items:center;width:100%;height:92px;border:1px solid #afb1b8;border-radius:4px;color:inherit}.clients:hover,.clients:focus{border-color:var(--accent-color);color:var(--accent-color);transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.client__logo{fill:currentColor;display:flex;justify-content:center;align-items:center;transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.container__clients{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media screen and (min-width: 480px){.container__clients{width:480px}}@media screen and (min-width: 768px){.container__clients{width:768px}}@media screen and (min-width: 1200px){.container__clients{width:1200px}}.details__section{background-color:var(--white-color);padding-top:60px;padding-bottom:60px}@media screen and (min-width: 768px){.details__section{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.details__section{padding-top:94px;padding-bottom:94px}}.details__item{width:100%}@media screen and (min-width: 768px){.details__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.details__item{width:calc((100% - 90px)/4)}}.details__item:last-child{margin-right:0}.details__list{display:flex;flex-wrap:wrap;gap:30px;list-style:none;padding-left:0px}.details__title{width:100%;font-weight:700;font-size:14px;line-height:1.14;color:var(--text-color-black);margin-bottom:10px;text-transform:uppercase;text-align:center}@media screen and (min-width: 480px){.details__title{text-align:center}}.details__text{font-weight:400;font-size:14px;line-height:1.71;color:var(--text-color-gray)}.section__title{font-family:"Roboto";font-style:normal;font-weight:700;font-size:36px;line-height:42px;text-align:center;letter-spacing:.03em;color:var(--text-color-black);margin-bottom:50px}@media screen and (min-width: 480px){.section__title{text-align:center}}.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}.footer{padding-top:60px;padding-bottom:60px;background-color:#2f303a;font-style:normal;font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;text-align:center}@media screen and (min-width: 1200px){.footer{text-align:left}}.footer__logo{display:inline-block;font-family:Raleway,serif;font-weight:700;font-size:26px;line-height:1.2;text-decoration:none;color:var(--white-color);margin-bottom:20px}.footer__icon-social:not(:last-child){margin-right:10px}.footer__team-social{display:flex;width:44px;height:44px;border:none;border-radius:50%;list-style:none;margin-left:0px;margin-right:0px;cursor:pointer;justify-content:center;align-items:center;fill:var(--white-color);background:rgba(255,255,255,.1);transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer__team-social:hover,.footer__team-social:focus{background-color:var(--accent-color);fill:var(--white-color);transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.container__footer-social{display:flex;align-items:baseline}@media screen and (max-width: 1199px){.footer__flex{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:165px}}@media screen and (min-width: 1200px){.footer__flex{display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:space-between}}.footer--main{text-align:center;margin-bottom:60px}@media screen and (min-width: 1200px){.footer--main{text-align:left}}.join__list{display:flex;flex-direction:column;align-items:center;margin-bottom:60px}@media screen and (min-width: 768px){.join__list{margin-bottom:0}}@media screen and (min-width: 1200px){.join__list{margin-left:70px;align-items:flex-start}}.footer__team-social-items{display:flex;align-items:center;list-style:none;margin-left:0px;padding:0px;width:100%;height:100%;color:var(--white-color);transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.address__list{list-style:none;padding-left:0}.address__item{font-weight:400;font-size:14px;line-height:1.71;text-decoration:none;font-style:normal;color:var(--white-color);margin-bottom:9px}.address__item:last-child{margin-bottom:0px}.address__link{color:rgba(255,255,255,.6);text-decoration:none}.address__link:hover,.address__link:focus{color:var(--accent-color);transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.join{width:145px;height:16px;font-family:"Roboto";font-style:normal;font-weight:700;font-size:14px;line-height:16px;letter-spacing:.03em;text-transform:uppercase;color:var(--white-color);margin-bottom:20px}@media screen and (max-width: 1199px){.footer--form{text-align:center}}@media screen and (min-width: 1200px){.footer--form{align-items:flex-end;margin-left:93px}}.footer-form__container{display:flex;flex-direction:column}.form-field{margin-bottom:20px}.footer__form-label{display:block;font-family:"Roboto";font-style:normal;font-weight:700;font-size:14px;line-height:16px;letter-spacing:.03em;text-transform:uppercase;color:var(--white-color)}.footer__form-input{width:100%;height:50px;padding-left:16px;color:var(--white-color);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;margin-top:20px}@media screen and (min-width: 480px){.footer__form-input{width:450px}}@media screen and (min-width: 1200px){.footer__form-input{width:358px}}.footer__form-button{width:200px;height:50px;font-family:"Roboto";font-style:normal;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;color:var(--white-color);background:var(--accent-color);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;margin-left:0;margin-top:20px}@media screen and (min-width: 1200px){.footer__form-button{margin-left:12px}}.footer__form-icon{fill:var(--white-color);margin-left:10px;vertical-align:middle}@media screen and (max-width: 1199px){.footer__form-submit{width:450px}}.form__field{position:relative;left:0;top:0;margin-bottom:10px;font-family:"Roboto";font-style:normal;font-weight:400;font-size:12px;line-height:14px;letter-spacing:.01em;color:var(--text-color-gray)}.form__field-label{display:block;font-family:"Roboto";font-style:normal;font-weight:400;font-size:12px;line-height:14px;letter-spacing:.01em;color:var(--text-color-gray);margin-bottom:4px}.form__field-input{font-family:"Roboto";font-style:normal;font-weight:400;font-size:12px;line-height:14px;letter-spacing:.01em;color:var(--text-color-gray);width:100%;padding:11px 12px 11px 42px;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)}.form__field-input:hover,.form__field-input:focus{color:var(--accent-color);border:1px solid #2196f3;border-radius:4px}.form__field-input:hover+.form__field-icon,.form__field-input:focus+.form__field-icon,.form__field-input:active+.form__field-icon{fill:var(--accent-color)}.form__field-inner{position:relative}.form__field-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);fill:CurrentColor;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);color:#212121;padding-right:15px;width:30px;height:12px}.form__field-texarea{resize:none;padding:12px 16px;height:120px}.form-field__button{display:block;margin-left:auto;margin-right:auto;margin-top:30px;width:200px;height:50px;padding:10px 52px;font-family:"Roboto";font-style:normal;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;color:var(--white-color);cursor:pointer;background:var(--accent-color);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;border:0;transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-field__button:focus,.form-field__button:active{box-shadow:0px 4px 4px rgba(0,0,0,.15)}.header{background-color:var(--white-color);border-bottom:#ececec 1px solid}.header__list{margin-left:auto;list-style:none;display:flex;transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.header__item{margin-right:50px}.header__item:last-child{margin-right:0}.header__address{display:flex;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;text-decoration:none;color:var(--text-color-gray);align-items:center;transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.header__address:hover,.header__address:focus{color:var(--accent-color);transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.hero__section{background-color:#2f303a;text-align:center;width:100%}.hero__title{font-family:"Roboto";font-style:normal;font-weight:900;font-size:26px;line-height:42px;text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--white-color);margin-left:auto;margin-right:auto;margin-bottom:30px;max-width:700px}@media screen and (max-width: 1199px){.hero__title{width:360px;font-family:"Roboto";font-style:normal;font-weight:900;font-size:26px;line-height:42px;text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--white-color);margin-bottom:30px}}@media screen and (min-width: 1200px){.hero__title{font-weight:900;font-size:44px;line-height:60px;text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--white-color)}}.hero__btn{font-family:Roboto,sans-serif;font-weight:700;font-size:16px;line-height:1.87;letter-spacing:.06em;background-color:var(--accent-color);color:var(--white-color);border-radius:4px;padding-top:10px;padding-bottom:10px;padding-left:32px;padding-right:32px;cursor:pointer}.hero__btn:hover,.hero__btn:focus{background-color:var(--bg-color-button);color:var(--white-color);cursor:pointer;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.icon-mail{margin-right:10px;fill:currentColor}.icon-mail:hover,.icon-mail:focus{color:var(--accent-color);transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.icon-telefon{margin-right:10px;fill:currentColor}.icon-telefon:hover,.icon-telefon:focus{color:var(--accent-color);transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.details__icon-sputnik{height:120px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-icon-color);margin-bottom:30px;border-radius:4px}.details__icon-watch{height:120px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-icon-color);margin-bottom:30px;border-radius:4px}.details__icon-clock{height:120px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-icon-color);margin-bottom:30px;border-radius:4px}.details__icon-nout{height:120px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-icon-color);margin-bottom:30px;border-radius:4px}.details__icon-astronaut{height:120px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-icon-color);margin-bottom:30px;border-radius:4px}.logo{margin-right:93px;font-family:Raleway;font-weight:700;font-size:26px;line-height:1.2;text-decoration:none;color:var(--absolute-black)}.logo__accent{color:var(--accent-color)}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);overflow-y:scroll;background:var(--white-color);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;color:var(--text-color-gray);font-size:12px;line-height:14px;width:450px;z-index:2;letter-spacing:.03em}@media screen and (min-width: 480px)and (max-width: 1199px){.modal{width:450px;font-size:20px;line-height:30px;letter-spacing:.03em;color:var(--text-color-black)}}@media screen and (min-width: 1200px){.modal{min-width:528px;min-height:581px}}.modal__close{padding:40px}.modal__close-button{position:absolute;top:8px;right:8px;width:30px;height:30px;background:var(--white-color);border:1px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer}.modal__close-button:hover .modal__close-icon,.modal__close-button:focus .modal__close-icon{fill:var(--accent-color)}.modal__close-icon{fill:var(--absolute-black);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__title{margin-bottom:12px;font-family:"Roboto";font-style:normal;font-weight:700;font-size:20px;line-height:30px;text-align:center;letter-spacing:.03em;color:var(--text-color-black)}@media screen and (min-width: 1200px){.modal__title{font-family:"Roboto";font-style:normal;font-weight:700;font-size:20px;line-height:23px;text-align:center;letter-spacing:.03em}}.navigation{display:flex;align-items:center;justify-content:center;min-height:60px}@media screen and (max-width: 768px){.navigation{justify-content:space-between}}.mobile-button{display:inline-flex;background-color:rgba(0,0,0,0);margin:0;padding:0;border:none;cursor:pointer;z-index:990}@media screen and (min-width: 768px){.mobile-button{display:none}}.mobile-button__icon-close{width:40px;height:40px}.mobile-button:hover .mobile-button__icon-open{fill:var(--accent-color)}.mobile-button:focus .mobile-button__icon-open{fill:var(--accent-color)}.mobile-button:hover .mobile-button__icon-close{fill:var(--accent-color)}.mobile-button__icon-close{display:none}.mobile-button.is-open .mobile-button__icon-close{display:block}.mobile-button.is-open .mobile-button__icon-open{display:none}.close-burger{position:fixed;top:20px;right:25px}.menu-container{background-color:var(--white-color);padding:48px 40px;text-align:center;z-index:0}@media screen and (max-width: 767px){.menu-container{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:900}.menu-container.is-open{display:flex;flex-direction:column;justify-content:space-between}}@media screen and (min-width: 768px){.menu-container{display:flex;justify-content:space-between;align-items:center;flex-grow:1;padding:0}}@media screen and (min-width: 1200px){.menu-container{gap:30px}}.site-navigation{display:flex;flex-direction:column;align-items:flex-start}@media screen and (max-width: 768px){.site-navigation{margin-left:0}}@media screen and (min-width: 768px){.site-navigation{flex-direction:row;gap:50px;margin-left:0;margin-bottom:0}}@media screen and (min-width: 1200px){.site-navigation{margin-left:93px}}.site-navigation__link{display:block;padding-top:16px;padding-bottom:16px;font-style:normal;font-weight:500;font-size:40px;line-height:1.14;letter-spacing:.02em;color:var(-text-color-black);transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.site-navigation__link:hover,.site-navigation__link:focus{color:#2196f3;transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.site-navigation__link{padding-top:32px;padding-bottom:32px;font-size:14px;line-height:1.14}}.current-session::after{content:"";display:block;width:100%;height:4px;background:var(--accent-color);border-radius:2px}@media screen and (max-width: 768px){.current-session::after{display:none}}.current-session--link{color:var(--accent-color)}.auth-navigation{display:flex;flex-direction:column-reverse}@media screen and (max-width: 768px){.auth-navigation{margin-bottom:64px}}@media screen and (min-width: 768px){.auth-navigation{flex-direction:column;justify-content:center;margin-bottom:0;margin-left:90px}}@media screen and (min-width: 1200px){.auth-navigation{display:flex;flex-direction:row;align-items:center}}@media screen and (min-width: 768px)and (max-width: 1199px){.auth-navigation__item{margin-left:0}}@media screen and (min-width: 1200px){.auth-navigation__item:first-child{margin-right:32px}}.auth-navigation__link{display:flex;padding-top:16px;padding-bottom:16px;color:var(--secondary-color);font-style:normal;font-weight:500;font-size:14px;line-height:1.15;letter-spacing:.02em;transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 768px){.auth-navigation__link{font-size:34px;line-height:1.17}}@media screen and (min-width: 768px)and (max-width: 1200px){.auth-navigation__link{padding:5px 0px;font-size:12px;line-height:1.14;padding-bottom:10px}}@media screen and (min-width: 1200px){.auth-navigation__link{padding-top:32px;padding-bottom:32px}}.auth-navigation__link:hover,.auth-navigation__link:focus{color:var(--accent-color);transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.auth-navigation__link:hover .contact-icon,.auth-navigation__link:focus .contact-icon{fill:var(--accent-color);transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 768px){.auth-navigation-link__phone{color:var(--accent-color)}}.contact-icon{display:flex;fill:var(--secondary-color);margin-right:10px;display:none}.contact-icon:hover{fill:var(--secondary-color)}@media screen and (min-width: 768px){.contact-icon{display:block}}@media screen and (min-width: 768px){.contact-icon{margin-right:8px}}.mobile-list{display:flex}@media screen and (min-width: 768px){.mobile-list{display:none}}.mobile-list__item{border-right:1px solid rgba(33,33,33,.2);margin-right:10px}.mobile-list__link{padding-right:10px;text-decoration:none;color:var(--accent-color);font-size:18px}.overlay{background-image:var(--bg-gradient),url(../images/hero-bg-mob-1x.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;background-color:#2f303a;margin-left:auto;margin-right:auto;padding-top:118px;padding-bottom:118px}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.overlay .overlay{background-image:var(--bg-gradient),url(../images/hero-bg-mob-2x.jpg)}}@media screen and (min-width: 768px){.overlay{background-image:var(--bg-gradient),url(../images/hero-bg-tablet-1x.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;background-color:#2f303a;margin-left:auto;margin-right:auto}}@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){.overlay .overlay{background-image:var(--bg-gradient),url(../images/hero-bg-tablet-2x.jpg)}}@media screen and (min-width: 1200px){.overlay{max-width:1600px;height:600px;background-image:var(--bg-gradient),url(../images/hero-bg-desk-1x.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;background-color:#2f303a;margin-left:auto;margin-right:auto;padding-bottom:200px;padding-top:200px}}@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){.overlay .overlay{background-image:var(--bg-gradient),url(../images/hero-bg-desk-2x.jpg)}}.portfolio-main{background-color:var(--white-color)}.portfolio-section{padding-top:94px;padding-bottom:94px}.btn-list{display:flex;margin-bottom:40px;flex-wrap:wrap;gap:8px;padding-left:15px}@media screen and (max-width: 767px){.btn-list{display:flex;margin-bottom:40px;flex-wrap:wrap;gap:8px;width:326px}}@media screen and (min-width: 768px){.btn-list{justify-content:center;padding-left:96px;padding-right:96px}}@media screen and (min-width: 1200px){.btn-list{margin-bottom:60px}}.portfolio-button{font-family:Roboto,sans-serif;font-weight:500;font-size:16px;line-height:1.62;background-color:#f5f4fa;color:var(--text-color-black);border-radius:4px;border:1px solid #f5f4fa}.portfolio-button:hover,.portfolio-button:focus{background-color:var(--accent-color);color:var(--white-color);cursor:pointer;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;transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.portfolio__list{display:flex;flex-wrap:wrap;gap:30px}@media screen and (min-width: 1200px){.portfolio__list{justify-content:center}}.portfolio__item{width:450px;background:var(--white-color);border:1px solid #eee}@media screen and (min-width: 768px){.portfolio__item{width:354px}}@media screen and (min-width: 1200px){.portfolio__item{width:370px}}.portfolio__link:focus,.portfolio__link:hover{transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);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__item:nth-child(3n){margin-right:0px}.portfolio__item:nth-last-child(-n+3){margin-bottom:0px}.portfolio__link{text-decoration:none}.portfolio-title{font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em;color:var(--text-color-black);padding-bottom:4px}.portfolio__text{font-weight:400;font-size:16px;line-height:1.87;color:var(--text-color-gray);margin-top:4px;list-style:none}.portfolio-container{padding-top:20px;padding-left:24px;padding-bottom:20px;padding-right:24px;border-bottom:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee}.portfolio-thumb{position:relative;overflow:hidden}.portfolio-overlay{position:absolute;top:0;right:0;width:100%;height:100%;padding:64px 24px;background-color:rgba(33,150,243,.9);transform:translateY(101%);transition:transform 250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.portfolio__item:hover .portfolio-overlay,.portfolio__item:focus .portfolio-overlay{transform:translateY(0)}.portfolio-overlay-description{font-family:"Roboto";font-style:normal;font-weight:400;font-size:18px;line-height:1.56;letter-spacing:.03em;color:var(--white-color)}.portfolio-list__description{padding-left:24px;padding-bottom:20px;padding-top:20px}.portfolio-list__title{font-family:"Roboto";font-style:normal;font-weight:700;font-size:18px;line-height:36px;letter-spacing:.06em;color:var(--text-color-black)}.team__section{background-color:#f5f4fa;padding-top:94px;padding-bottom:94px;text-align:center}.team__list{display:flex;flex-wrap:wrap;gap:30px;list-style:none;padding-left:0px}.team__item{width:auto;margin-left:0;background-color:var(--white-color);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__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.team__item{width:calc((100% - 90px)/4)}}.team__title{font-weight:500;font-size:16px;line-height:1.18;color:var(--text-color-black);margin-bottom:10px}.team__text{font-weight:400;font-size:16px;line-height:1.18;color:var(--text-color-gray);margin-bottom:16px}.team__container{padding:30px}.team__social-items{display:flex;justify-content:center}.team__social-item:not(:last-child){margin-right:10px}.team__social-item{list-style:none;display:flex;margin-left:0px;padding:0px}.team__social-link{display:flex;width:44px;height:44px;border:none;border-radius:50%;list-style:none;margin-left:0px;margin-right:0px;cursor:pointer;justify-content:center;align-items:center;fill:#afb1b8;transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.team__social-link:hover,.team__social-link:focus{background-color:var(--accent-color);fill:var(--white-color);transition:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.work__section{display:flex;justify-content:space-between;padding-top:0}@media screen and (max-width: 1200px){.work__section{display:none}}@media screen and (min-width: 1200px){.work__section{padding-bottom:94px}}.work__list{list-style:none;display:flex;padding-left:0}.work__item{position:relative}.work__item:not(:last-child){margin-right:30px}.work__text{position:absolute;left:0;bottom:0;display:flex;justify-content:center;align-items:center;width:100%;height:70px;font-family:"Roboto";font-style:normal;font-weight:700;font-size:14px;line-height:1.14;text-align:center;letter-spacing:.03em;text-transform:uppercase;color:var(--white-color);background:rgba(47,48,58,.8)}/*# sourceMappingURL=main.min.css.map */