:root{--primary-text-color: #757575;--title-text-color: #212121;--accent-color: #2196f3;--white-color: #ffffff;--background-grey-color: #f5f4fa;--footer-background-color: #2f303a;--black-color: #000000;--black-opacity-color: rgba(255, 255, 255, 0.6);--modal-comment-placeholder: rgba(117, 117, 117, 0.5);--background-active-button: #188ce8;--background-footer-icon: rgba(255, 255, 255, 0.1);--background-item-work: rgba(47, 48, 58, 0.8);--background-hero: #c4c4c4;--background-item-projects: rgba(33, 150, 243, 0.9);--background-backdrop: rgba(0, 0, 0, 0.2);--projects-border-color: #eeeeee;--client-icon-color: #afb1b8;--hero-gradient: linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4));--border-color-btn-modal: rgba(0, 0, 0, 0.1);--border-color-btn-push-mail: rgba(255, 255, 255, 0.3);--border-modal-input: rgba(33, 33, 33, 0.2);--button-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);--team-card-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);--project-card-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);--filtr-card-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);--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);--list-gap: 30px;--social-gap: 10px;--filtr-gap: 8px;--timing-function: cubic-bezier(0.4, 0, 0.2, 1)}.button.secondary,.button.primary{padding:0;border-radius:4px;color:var(--title-text-color);background-color:var(--white-color);text-align:center;border:none}.work__title,.feature__title{margin-bottom:50px;color:var(--title-text-color);font-size:36px;line-height:1.17;text-align:center}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@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{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.link{text-decoration:none;text-transform:none}.list{margin:0;padding:0;list-style:none}.button{border-radius:4px;color:var(--title-text-color);background-color:var(--white-color);text-align:center;border:none}.section-title{margin-bottom:50px;color:var(--title-text-color);font-size:36px;line-height:1.17;text-align:center}body{background-color:var(--white-color);color:var(--primary-text-color);font-family:Roboto,sans-serif;font-size:14px;line-height:1.71;letter-spacing:.03em}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}img{display:block;max-width:100%;width:100%;height:auto}button{cursor:pointer}.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}.no-scroll{overflow:hidden}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}header{border-bottom:1px solid #ececec}.header--container{display:flex;justify-content:space-between;align-items:center}.logo-header{padding-top:26px;padding-bottom:26px;color:var(--black-color);font-family:Raleway,sans-serif;font-weight:700;font-size:24px;line-height:1.1666666667}@media screen and (min-width: 1200px){.logo-header{padding-top:24px;padding-bottom:25px;margin-right:93px;font-size:26px;line-height:1.19}}.logo-header__accent{color:var(--accent-color)}.nav{display:none}@media screen and (min-width: 768px){.nav{display:flex;align-items:center}}.site-nav{display:flex;gap:50px}.site-nav__link{position:relative;display:block;padding-top:32px;padding-bottom:32px;color:var(--title-text-color);font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;transition:color 250ms var(--timing-function)}.site-nav__link::after,.site-nav__link--current::after{position:absolute;bottom:-1px;left:0;width:100%;height:4px;content:"";background-color:var(--accent-color);border-radius:2px;transform:scaleX(0);transition:transform 250ms var(--timing-function)}.site-nav__link--current::after{transform:scaleX(1)}.site-nav__link:hover::after,.site-nav__link:focus::after{transform:scaleX(1)}.site-nav__link:hover,.site-nav__link:focus,.site-nav__link--current{color:var(--accent-color)}.auth-nav{display:none}@media screen and (min-width: 768px){.auth-nav{display:block}}@media screen and (min-width: 1200px){.auth-nav{display:flex;gap:30px;margin-left:auto}}.auth-nav__link{display:flex;align-items:center;padding-top:5px;padding-bottom:5px;color:var(--primary-text-color);font-weight:500;font-size:12px;line-height:1.1666666667;letter-spacing:.02em;transition:color 250ms var(--timing-function)}.auth-nav__link:hover,.auth-nav__link:focus{color:var(--accent-color)}@media screen and (min-width: 1200px){.auth-nav__link{padding-top:32px;padding-bottom:32px;font-size:14px;line-height:1.1428571429}}.auth-nav__icon{margin-right:10px;fill:currentColor;transition:fill 250ms var(--timing-function)}.auth-nav__icon:hover,.auth-nav__icon:focus{fill:var(--accent-color)}.mob-menu{position:fixed;top:0;width:100vw;height:100%;z-index:10;padding:48px 40px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;overflow:auto;background-color:var(--white-color)}@media screen and (min-width: 768px){.mob-menu{display:none}}.menu-open__icon:hover,.menu-open__icon:focus,.menu-close__icon:hover,.menu-close__icon:focus{fill:currentColor}.site-menu__item:not(:last-child){margin-bottom:32px}.site-menu__link{display:block;color:var(--title-text-color);font-weight:500;font-size:30px;line-height:1.175;letter-spacing:.02em;transition:color 250ms var(--timing-function)}.site-menu__link:hover,.site-menu__link:focus,.site-menu__link--current{color:var(--accent-color)}@media screen and (min-width: 468px){.site-menu__link{font-size:40px}}.auth-menu{margin-top:auto;margin-bottom:64px}.auth-menu__item:not(:last-child){margin-bottom:32px}.auth-menu__link{color:var(--accent-color);font-weight:500;font-size:34px;line-height:1.1764705882;letter-spacing:.02em}@media screen and (max-width: 377px){.auth-menu__link.tel{font-size:26px}}.auth-menu__link.mail{color:var(--primary-text-color);font-size:24px;line-height:1.1666666667}.menu-social{display:flex;flex-wrap:wrap}.menu-social__link{display:block;font-weight:500;font-size:18px;line-height:1.2222222222;letter-spacing:.02em;color:var(--accent-color)}.menu-social__item:not(:first-child){padding-left:10px}.menu-social__item:not(:last-child){padding-right:10px}.menu-social__item:not(:last-child){border-right:1px solid rgba(33,33,33,.2)}.button.menu-open,.button.menu-close{top:10px;right:15px;display:block;margin-left:auto;padding:0}.button.menu-open:hover,.button.menu-open:focus,.button.menu-close:hover,.button.menu-close:focus{color:var(--accent-color)}@media screen and (min-width: 768px){.button.menu-open,.button.menu-close{display:none}}.button.menu-close{position:absolute}.hero{padding-top:118px;padding-bottom:118px;margin-left:auto;margin-right:auto;background-color:var(--background-hero);background-image:var(--hero-gradient),url(../images/hero-bg-mob.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;text-align:center}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero{background-image:var(--hero-gradient),url(../images/hero-bg-mob-2x.jpg)}}@media screen and (min-width: 768px){.hero{background-image:var(--hero-gradient),url(../images/hero-bg-tab.jpg)}}@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){.hero{background-image:var(--hero-gradient),url(../images/hero-bg-tab-2x.jpg)}}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px;height:600px;max-width:1600px;background-image:var(--hero-gradient),url(../images/hero-background.jpg)}}@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){.hero{background-image:var(--hero-gradient),url(../images/hero-background-2x.jpg)}}.hero__title{margin-bottom:30px;color:var(--white-color);font-weight:900;font-size:26px;line-height:1.6153846154;letter-spacing:.06em;text-transform:uppercase}@media screen and (min-width: 1200px){.hero__title{font-size:44px;line-height:1.36}}@media screen and (min-width: 1200px){.feature{padding-bottom:0}}.feature__title{margin-bottom:10px;color:var(--title-text-color);font-size:14px;line-height:1.14;text-transform:uppercase}@media screen and (min-width: 768px){.feature__title{text-align:left}}.feature__list{display:flex;flex-wrap:wrap;gap:var(--list-gap)}.feature__item{width:100%}@media screen and (min-width: 768px){.feature__item{flex-basis:calc((100% - 1*var(--list-gap))/2)}}@media screen and (min-width: 1200px){.feature__item{flex-basis:calc((100% - 3*var(--list-gap))/4)}}.feature__icon{display:flex;justify-content:center;align-items:center;margin-bottom:30px;height:120px;background-color:var(--background-grey-color)}@media screen and (max-width: 1199px){.work.section{display:none}}@media screen and (min-width: 1200px){.work.section{display:block}}.work__list{display:flex;gap:var(--list-gap)}.work__item{flex-basis:calc((100% - 2*var(--list-gap))/3)}.work-thumb{position:relative}.work-thumb__text{position:absolute;width:100%;bottom:0;right:0;padding-top:27px;padding-bottom:27px;font-weight:700;line-height:1.14;text-align:center;text-transform:uppercase;color:var(--white-color);background-color:var(--background-item-work)}.team{background-color:var(--background-grey-color)}@media screen and (max-width: 1199px){.team__title{margin-bottom:30px;color:var(--title-text-color);font-size:28px;line-height:1.18;text-align:center}}@media screen and (min-width: 1200px){.team__title{margin-bottom:50px;color:var(--title-text-color);font-size:36px;line-height:1.17;text-align:center}}.team__list{display:flex;flex-wrap:wrap;gap:var(--list-gap)}.team__item{width:100%;background-color:var(--white-color);box-shadow:var(--team-card-shadow);border-radius:0px 0px 4px 4px}@media screen and (min-width: 768px){.team__item{flex-basis:calc((100% - 1*var(--list-gap))/2)}}@media screen and (min-width: 1200px){.team__item{flex-basis:calc((100% - 3*var(--list-gap))/4)}}.team__card{padding-top:30px;padding-bottom:24px;text-align:center}@media screen and (min-width: 1200px){.team__card{padding-top:30px;padding-bottom:30px}}.team__card-title{margin-bottom:10px;color:var(--title-text-color);font-weight:500;font-size:16px;line-height:1.19}.team__card-text{margin-bottom:16px;font-size:16px;line-height:1.19}.team-social{display:flex;gap:var(--social-gap);justify-content:center}.team-social__link{display:flex;justify-content:center;align-items:center;width:44px;height:44px;color:var(--client-icon-color);background-color:var(--white-color);border-radius:50%;transition:background-color 250ms var(--timing-function)}.team-social__link svg{transition:fill 250ms var(--timing-function)}.team-social__link:hover,.team-social__link:focus{background-color:var(--background-active-button)}.team-social__link:hover svg,.team-social__link:focus svg{fill:var(--white-color)}.team-social__icon{fill:currentColor}@media screen and (max-width: 1199px){.section-title{margin-bottom:30px;color:var(--title-text-color);font-size:28px;line-height:1.18;text-align:center}}@media screen and (min-width: 1200px){.section-title{margin-bottom:50px;color:var(--title-text-color);font-size:36px;line-height:1.17;text-align:center}}.client-list{display:flex;flex-wrap:wrap;gap:var(--list-gap)}.client-item{flex-basis:calc((100% - 1*var(--list-gap))/2)}@media screen and (min-width: 768px){.client-item{flex-basis:calc((100% - 2*var(--list-gap))/3)}}@media screen and (min-width: 1200px){.client-item{flex-basis:calc((100% - 5*var(--list-gap))/6)}}.client-link{display:flex;justify-content:center;align-items:center;height:92px;border:1px solid var(--client-icon-color);border-radius:4px;color:var(--client-icon-color);transition:border 250ms var(--timing-function)}.client-link:hover,.client-link:focus{border:1px solid var(--accent-color)}.client-icon{fill:currentColor}.client-link svg{transition:color 250ms var(--timing-function)}.client-link:hover svg,.client-link:focus svg{color:var(--accent-color)}.page-footer{padding-top:60px;padding-bottom:60px;color:var(--white-color);background-color:var(--footer-background-color)}.footer{text-align:center}@media screen and (min-width: 768px){.footer{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-around;row-gap:60px}}@media screen and (min-width: 1200px){.footer{justify-content:flex-start;gap:93px;text-align:left}}.section-adress,.section-active{margin-bottom:60px}@media screen and (min-width: 768px){.section-adress,.section-active{margin-bottom:0}}.logo-footer{display:inline-block;margin-bottom:28px;color:var(--white-color);font-family:"Raleway",sans-serif;font-weight:700;font-size:26px;line-height:1.19}.accent{color:var(--accent-color)}.adress-map{color:var(--white-color);font-style:normal;transition:color 250ms var(--timing-function)}.adress-item:not(:last-child){margin-bottom:12px}.auth-mail,.auth-tel{color:var(--black-opacity-color);font-style:normal;transition:color 250ms var(--timing-function)}.adress-map:hover,.adress-map:focus,.auth-mail:hover,.auth-mail:focus,.auth-tel:hover,.auth-tel:focus{color:var(--accent-color)}.active-social{display:block;margin-bottom:20px;font-weight:700;line-height:1.1429;letter-spacing:.03em;text-transform:uppercase}.footer-social-list{display:flex;gap:var(--social-gap);justify-content:center}.footer-social-link{display:flex;justify-content:center;align-items:center;width:44px;height:44px;color:var(--white-color);background-color:var(--background-footer-icon);border-radius:50%;transition:background-color 250ms var(--timing-function)}.social-icon{fill:currentColor}.footer-social-link:hover,.footer-social-link:focus{background-color:var(--background-active-button)}.push-mail{display:block;margin-bottom:20px;font-weight:700;line-height:1.1429;text-transform:uppercase}@media screen and (min-width: 1200px){.footer-form{display:flex}}.footer-label{margin-right:12px}.footer-input{margin-bottom:20px;width:100%;padding:15px 16px;border:1px solid var(--border-color-btn-push-mail);border-radius:4px;background-color:var(--footer-background-color);transition:border-color 250ms var(--timing-function);transition:outline 250ms var(--timing-function)}@media screen and (min-width: 768px){.footer-input{width:450px}}@media screen and (min-width: 1200px){.footer-input{width:358px}}.footer-input:focus{border-color:var(--accent-color);outline:var(--accent-color)}.footer-input::-moz-placeholder{font-size:16px;line-height:1.25;color:var(--black-opacity-color)}.footer-input::placeholder,.footer-input{font-size:16px;line-height:1.25;color:var(--black-opacity-color)}.push-icon{margin-left:10px}.button.primary{min-width:200px;height:50px;color:var(--white-color);background-color:var(--accent-color);font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;box-shadow:var(--button-shadow);transition:background-color 250ms var(--timing-function);transition:box-shadow 250ms var(--timing-function)}.button.primary:hover,.button.primary:focus{background-color:var(--background-active-button);box-shadow:var(--button-shadow)}@media screen and (min-width: 1200px){.button.primary{min-width:216px}}.button.push{min-width:200px;height:30px;display:flex;justify-content:center;align-items:center;margin:0 auto;font-size:16px;line-height:1.88;height:50px}.button.push:hover,.button.push:focus{background-color:var(--background-active-button);box-shadow:var(--button-shadow)}.button.secondary{padding:6px 25px;color:var(--title-text-color);background-color:var(--background-grey-color);font-weight:500;font-size:16px;line-height:1.63;letter-spacing:.03em;transition:color 250ms var(--timing-function);transition:background-color 250ms var(--timing-function);transition:box-shadow 250ms var(--timing-function)}.button.secondary:hover,.button.secondary:focus{color:var(--white-color);background-color:var(--accent-color);box-shadow:var(--filtr-card-shadow)}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-backdrop);opacity:1;transition:opacity 250ms var(--timing-function);transition:visibility 250ms var(--timing-function)}.backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.modal{display:flex;flex-direction:column;position:absolute;overflow:auto;min-width:100%;max-height:500px;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);padding:20px;background-color:var(--white-color);box-shadow:var(--modal-shadow);border-radius:4px;opacity:1;transition:transform 250ms var(--timing-function);transition:opacity 250ms var(--timing-function)}.backdrop.is-hidden .modal{transform:translate(-50%, -50%) scale(0);opacity:0}@media screen and (min-width: 480px){.modal{min-width:450px;max-height:609px;padding:40px}}@media screen and (min-width: 1200px){.modal{min-width:528px;min-height:581px}}.modal-button{position:absolute;top:8px;right:8px;display:flex;justify-content:center;align-items:center;width:30px;height:30px;background-color:var(--white-color);border:1px solid var(--border-color-btn-modal);border-radius:50%;transition:color 250ms var(--timing-function)}.modal-button:hover,.modal-button:focus{color:var(--accent-color)}.modal-icon-close{fill:currentColor}.modal-text{display:block;margin-bottom:12px;font-size:14px;line-height:1.4285714286;color:var(--title-text-color);text-align:center}@media screen and (min-width: 480px){.modal-text{font-size:20px;line-height:1.5}}@media screen and (min-width: 1200px){.modal-text{line-height:1.15}}.modal-field{display:flex;position:relative;flex-direction:column;margin-bottom:10px;font-size:12px;line-height:1.1667;letter-spacing:.01em}.modal-field:nth-of-type(4n){margin-bottom:20px}.modal-field:focus-within>.modal-icon{fill:var(--accent-color)}.modal-label{margin-bottom:4px}.modal-input{padding:8px 30px;border:1px solid var(--border-modal-input);border-radius:4px;transition:border-color 250ms var(--timing-function);transition:outline 250ms var(--timing-function)}.modal-input:focus{border-color:var(--accent-color);outline:var(--accent-color)}@media screen and (min-width: 480px){.modal-input{padding:11px 40px}}.modal-icon{position:absolute;top:50%;left:12px;fill:var(--title-text-color);transition:fill 250ms var(--timing-function)}.modal-comment{margin-top:4px;resize:none;border:1px solid var(--border-modal-input);border-radius:4px;padding:12px 16px;transition:border-color 250ms var(--timing-function);transition:outline 250ms var(--timing-function)}.modal-comment::-moz-placeholder{font-size:12px;line-height:1.1666666667;letter-spacing:.01em;color:var(--modal-comment-placeholder)}.modal-comment::placeholder{font-size:12px;line-height:1.1666666667;letter-spacing:.01em;color:var(--modal-comment-placeholder)}.modal-comment:focus{border-color:var(--accent-color);outline:var(--accent-color)}@media screen and (min-width: 480px){.modal-comment{font-size:14px;line-height:1.1428571429}}@media screen and (min-width: 1200px){.modal-comment{width:448px;height:120px}.modal-comment::-moz-placeholder{font-size:12px;line-height:14px}.modal-comment::placeholder{font-size:12px;line-height:14px}}.checkbox-field{display:flex;align-items:center;margin-bottom:30px}@media screen and (min-width: 1200px){.checkbox-field{padding-left:11px}}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}.checkbox:checked+.checkbox-icon{background-color:var(--accent-color);border-color:rgba(0,0,0,0)}.checkbox:focus+.checkbox-icon{box-shadow:var(--button-shadow)}.checkbox-icon{display:inline-block;width:16px;height:15px;border:2px solid var(--title-text-color);border-radius:2px;cursor:pointer}.checkbox-label{margin-left:8px;margin-right:3px}@media screen and (max-width: 1199px){.checkbox-label{font-size:12px;line-height:14px}}@media screen and (min-width: 1200px){.checkbox-label{margin-right:8px}}.checkbox-link{position:relative;display:block;color:var(--accent-color);text-decoration:underline}@media screen and (min-width: 480px){.checkbox-link{text-decoration:none}}@media screen and (max-width: 1199px){.checkbox-link{font-size:12px;line-height:14px}}.checkbox-link::after{display:none;position:absolute;bottom:1px;left:0;content:"";width:100%;height:1px;background-color:var(--accent-color)}@media screen and (min-width: 480px){.checkbox-link::after{display:block}}@media screen and (min-width: 1200px){.checkbox-link::after{bottom:3px}}.filtr-list{display:flex;flex-wrap:wrap;-moz-column-gap:8px;column-gap:8px;row-gap:15px;margin-bottom:40px}@media screen and (min-width: 768px){.filtr-list{justify-content:center;margin-bottom:30px}}@media screen and (min-width: 1200px){.filtr-list{margin-bottom:50px}}.section .projects{padding-top:0}.projects-list{display:flex;flex-wrap:wrap;gap:var(--list-gap)}@media screen and (min-width: 768px){.projects-item{flex-basis:calc((100% - 1*var(--list-gap))/2)}}@media screen and (min-width: 1200px){.projects-item{flex-basis:calc((100% - 2*var(--list-gap))/3)}}.projects-link{display:flex;flex-direction:column;height:100%;transition:box-shadow 250ms var(--timing-function)}.projects-link:hover,.projects-link:focus{box-shadow:var(--project-card-shadow)}.projects-thumb{position:relative;overflow:hidden}.projects-overlay-text{position:absolute;top:0;width:100%;height:100%;display:flex;align-items:center;padding-left:24px;padding-right:24px;font-size:18px;line-height:1.55;color:var(--white-color);background-color:var(--background-item-projects);overflow:auto;transform:translateY(100%);transition:transform 250ms var(--timing-function)}.projects-link:hover .projects-overlay-text,.projects-link:focus .projects-overlay-text{transform:translateY(0)}.projects-name{flex-grow:1;padding:20px 24px;border:1px solid var(--projects-border-color);border-top:none}.projects-title{margin-bottom:4px;color:var(--title-text-color);font-size:18px;line-height:2;letter-spacing:.06em}.projects-text{color:var(--primary-text-color);font-size:16px;line-height:1.88}/*# sourceMappingURL=main.min.css.map */