:root{--title-text-color: #212121;--text-color: #757575;--accent-color: #2196f3;--white-color: #ffffff;--social-link: #afb1b8;--main-font: "Roboto", sans-serif;--timing-fn: 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}h1,h2,h3,h4,h5,h6{margin:0}p{margin:0}body{font-family:var(--main-font)}ul,ol{list-style:none;margin:0;padding:0}a{text-decoration:none}.address,.contact{font-style:normal}img{display:block}.contener{width:100%;padding:0 15px;margin-left:auto;margin-right:auto}@media screen and (min-width: 480px){.contener{max-width:480px}}@media screen and (min-width: 768px){.contener{max-width:768px}}@media screen and (min-width: 1200px){.contener{max-width:1200px}}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.logo{font-family:Raleway, sans-serif;font-weight:700;font-size:26px;line-height:1.192;text-align:left;letter-spacing:.03em}@media screen and (min-width: 768px){.logo{font-weight:700;font-size:24px;line-height:1.666;text-align:left;letter-spacing:.03em}}@media screen and (min-width: 1200px){.logo{font-weight:700;font-size:26px;line-height:1.192;text-align:left;letter-spacing:.03em}}.header__logo{color:#000000}.logo-first{color:var(--accent-color)}.footer__logo{display:block;margin-bottom:20px;color:var(--white-color);font-weight:700;font-size:26px;line-height:1.192;text-align:center;letter-spacing:.03em}@media screen and (min-width: 1200px){.footer__logo{font-weight:700;font-size:26px;line-height:1.192;text-align:left;letter-spacing:.03em}}.header__contener{position:relative;max-width:480px}.navigation{display:flex;align-items:center;justify-content:space-between;height:60px;border-top:1px solid #eeeeee}.menu-button{position:absolute;top:10px;right:15px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;border:none;background-color:transparent;cursor:pointer}@media screen and (min-width: 768px){.menu-button{display:none}}.menu-button__icon{width:24px;height:16px;fill:#000000}.menu-button:hover .menu-button__icon{fill:var(--accent-color)}.menu-button .icon-cross{display:none}.menu-button.is-open .icon-cross{display:block}.menu-button.is-open .icon-menu{display:none}.menu-contener{height:400px;padding-top:60px;background-color:white;text-align:center;border-top:1px solid #eeeeee;z-index:2}.menu-contener.is-open{display:block}@media screen and (max-width: 767px){.menu-contener{display:none;position:absolute;top:60px;left:0;width:100%}}.navigation__list{margin-bottom:60px}.navigation__list-item:not(:last-child){margin-bottom:40px}.navigation__list-link{display:inline-flex;position:relative;font-weight:500;font-size:18px;line-height:1.666;text-align:center;letter-spacing:.02em;color:var(--title-text-color);transition-property:color;transition-duration:250ms;transition-timing-function:var(--timing-fn)}.navigation__list-link:hover,.navigation__list-link:focus{color:var(--accent-color)}.navigation__list-link.current::after{position:absolute;content:"";left:0;bottom:-8px;width:100%;height:4px;border-radius:2px;background-color:var(--accent-color)}.current{color:var(--accent-color)}.address{width:100%;margin-left:0;margin-right:0}@media screen and (max-width: 767px){.address{position:absolute;top:280px;left:0}}.address__list{display:flex;flex-direction:column}.address__list-item:not(:last-child){margin-bottom:16px}.address__list-icon{margin-right:10px;fill:currentcolor}.address__list-icon:hover,.address__list-icon:focus{fill:currentcolor}.address__list-link{font-weight:500;font-size:18px;line-height:1.166;text-align:center;letter-spacing:.02em;color:var(--text-color);transition-property:color;transition-duration:250ms;transition-timing-function:var(--timing-fn)}.address__list-link:hover,.address__list-link:focus{color:var(--accent-color)}@media screen and (min-width: 768px){.header__contener{max-width:768px;display:flex;height:79px;align-items:center}.navigation{display:flex;justify-content:start;align-items:center;height:80px;min-width:768px}.menu-contener{display:flex;justify-content:center;align-items:center;height:78px;padding-top:0px;padding-left:0}.menu-contener.is-open{display:flex;align-items:center}.navigation__list{display:flex;align-items:center;margin-left:88px;margin-right:84px;margin-bottom:0}.navigation__list-item{position:relative}.navigation__list-item:not(:last-child){margin-bottom:0px}.navigation__list-item:not(:last-child){margin-right:50px}.navigation__list-link{font-weight:500;font-size:14px;line-height:1.143;text-align:left;letter-spacing:.02em}.navigation__list-link.current::after{bottom:-30px}.address__list{text-align:left}.address__list-item:not(:last-child){margin-bottom:10px}.address__list-link{align-items:left;font-weight:500;font-size:12px;line-height:1.666;text-align:left;letter-spacing:.02em}}@media screen and (min-width: 1200px){.header__contener{max-width:1200px}.navigation__list{margin-left:93px;margin-right:305px}.address__list{display:flex;flex-direction:row;justify-content:center;align-items:center}.address__list-item{width:100%}.address__list-link{font-weight:500;font-size:14px;line-height:1.143;text-align:left;letter-spacing:.02em;display:flex}.address__list-item:not(:last-child){margin-right:30px;margin-bottom:0}}.filter__list{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:40px}.filter__list-btn{padding:6px 22px;font-family:var(--main-font);font-weight:500;font-size:16px;line-height:1.625;text-align:center;letter-spacing:.03em;color:var(--title-text-color);border:none;border-radius:4px;transition-property:background-color, color;transition-duration:250ms;transition-timing-function:var(--timing-fn)}.filter__list-btn:hover,.filter__list-btn:focus{color:var(--white-color);background-color:var(--accent-color);box-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)}@media screen and (max-width: 392px){.filter__list-item{margin-bottom:5px;margin-right:5px}}@media screen and (min-width: 392px) and (max-width: 768px){.filter__list-item:not(:nth-child(n+4)){margin-bottom:15px}.filter__list-item:nth-child(-n+2){margin-right:8px}.filter__list-item:nth-child(4){margin-right:8px}}@media screen and (min-width: 768px){.filter__list{justify-content:center;margin-bottom:30px}.filter__list-item:not(:last-child){margin-right:8px}}@media screen and (min-width: 1200px){.filter__list{margin-bottom:50px}}.example-list__link:hover,.example-list__link:focus{display:block;box-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)}.example-list__thumb{position:relative;overflow:hidden}.example-list__link:hover .example-list__thumb::before{opacity:1}.example-list__img{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;top:0;left:0;padding:77px 24px;width:100%;height:100%;font-weight:400;font-size:18px;line-height:1.556;text-align:left;letter-spacing:.03em;color:var(--white-color);background-color:rgba(33,150,243,0.9);transition:transform 500ms var(--timing-fn);transform:translateY(100%)}.example-list__link:hover .overlay,.example-list__link:focus .overlay{transform:translateY(0%)}.example-list__information{padding:20px 24px;border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;border-left:1px solid #eeeeee}.example-list__title{margin-bottom:4px;font-weight:700;font-size:18px;line-height:2;text-align:left;letter-spacing:.06em;color:var(--title-text-color)}.example-list__text{font-weight:400;font-size:16px;line-height:1.875;text-align:left;letter-spacing:.03em;color:var(--text-color)}@media screen and (min-width: 480px) and (max-width: 767px){.example-list__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px){.example-list{display:flex;flex-wrap:wrap}.example-list__thumb{width:354px}}@media screen and (min-width: 768px) and (max-width: 1200px){.example-list__item:nth-child(2n+1){margin-right:30px}.example-list__item:not(:nth-child(9)){margin-bottom:30px}}@media screen and (min-width: 1200px){.example-list__thumb{width:370px}.example-list__item:not(:nth-child(3n)){margin-right:30px}.example-list__item:not(:nth-last-child(-n+3)){margin-bottom:30px}}.button{display:flex;align-items:center;justify-content:center;min-width:200px;height:50px;margin:0 auto;font-family:var(--main-font);font-weight:700;font-size:16px;line-height:1.875;text-align:center;letter-spacing:.06em;color:var(--white-color);background-color:var(--accent-color);border-radius:4px;border:none;cursor:pointer}.social-links{display:flex;justify-content:center;align-items:center}.social-links__item:not(:last-child){margin-right:10px}.social-links__link{display:flex;justify-content:center;align-items:center;width:44px;height:44px;color:var(--white-color);background-color:var(--white-color);border-radius:50%;transition-property:background-color;transition-duration:250ms;transition-timing-function:var(--timing-fn)}.social-links__link:hover,.social-links__link:focus{background-color:var(--accent-color)}.social-links__icon{width:20px;height:20px;fill:var(--social-link);transition-property:fill;transition-duration:250ms;transition-timing-function:var(--timing-fn)}.social-links__link:hover .social-links__icon,.social-links__link:focus .social-links__icon{fill:currentColor}.social-links__link--dark{background:rgba(255,255,255,0.1);box-shadow:0px 4px 4px rgba(0,0,0,0.25)}.social-links__link--dark:hover,.social-links__link--dark:focus{background:var(--accent-color)}.social-links__icon--dark{fill:var(--white-color)}.footer{background-color:#2f303a}.footer__contener{max-width:100%;padding:0 15px;margin:0 auto}.footer__left-side{margin-bottom:60px}.contact__list-city{font-weight:400;font-size:14px;line-height:1.714;text-align:center;letter-spacing:.03em;color:var(--white-color)}.contact__list-link{font-weight:400;font-size:14px;line-height:1.714;text-align:center;letter-spacing:.03em;color:rgba(255,255,255,0.6)}.contact__list-item{text-align:center}.contact__list-item:not(:last-child){margin-bottom:8px}.footer__center-side{margin-bottom:60px}.footer__title{margin-bottom:20px;font-weight:700;font-size:14px;line-height:1.143;text-align:center;letter-spacing:.03em;text-transform:uppercase;color:var(--white-color)}.footer__right-side{width:100%;margin:0 auto}.footer__form{text-align:center}.footer__form-email{width:450px;height:50px;margin-bottom:20px;color:var(--white-color);background-color:transparent;border:1px solid rgba(255,255,255,0.3);border-radius:4px}@media screen and (max-width: 480px){.footer__form-email{width:100%}}.footer__form-button{width:24px;height:24px;margin-left:10px;fill:var(--white-color)}@media screen and (min-width: 768px){.footer__contener{display:flex;flex-wrap:wrap;align-items:baseline;width:768px}.footer__left-side{margin-left:76px;margin-right:165px}.footer__center-side{margin-right:0}}@media screen and (min-width: 1200px){.footer__contener{width:1200px}.footer__title{font-weight:700;font-size:14px;line-height:1.143;text-align:left;letter-spacing:.03em}.footer__left-side{width:231px;margin-left:0;margin-bottom:0;margin-right:70px}.contact__list-item{text-align:left}.contact__list-city{font-weight:400;font-size:14px;line-height:1.714;text-align:left;letter-spacing:.03em}.contact__list-link{font-weight:400;font-size:14px;line-height:1.714;text-align:left;letter-spacing:.03em}.footer__center-side{min-width:206px;height:80px;margin-right:93px;margin-bottom:0}.footer__right-side{width:570px}.footer__form{display:flex;align-items:center}.footer__form-email{width:358px;margin-bottom:0;margin-right:12px}}
/*# sourceMappingURL=portfolio.min.css.map */