.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,p{margin:0}ul,ol{margin:0;padding:0}img{display:block;max-width:100%;height:auto}.link{text-decoration:none}.list{list-style:none}.section{padding-bottom:60px;padding-top:60px}@media screen and (min-width: 1200px){.section{padding-bottom:94px;padding-top:94px}}.container{width:100%;padding:0 15px}.header .container{display:flex;align-items:center}@media screen and (min-width: 480px){.container{width:480px;margin:0 auto}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}body{font-family:"Roboto",sans-serif;font-size:14px;font-weight:400;color:#212121;letter-spacing:0.03em}@media screen and (max-width: 767px){.nav__list,.header-contact{display:none}.header{padding-top:16px;padding-bottom:16px;border:1px solid #ECECEC}.button-menu,.button-close{background-color:transparent;border:none;padding:0;margin-left:auto}.button-close{position:absolute;top:21px;right:25px}.button-menu__icon{width:24px;height:16px;fill:#000}.button-menu:focus .button-menu__icon{fill:#2196f3}.button-close__icon{width:19px;height:19px;fill:#000}.button-close:focus .button-close__icon{fill:#2196f3}.mobile-menu{position:fixed;display:flex;width:100%;max-height:796px;height:100vh;top:0;left:50%;transform:translateX(-50%) translateY(-100%);background-color:#fff;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);z-index:1}.mobile-menu.is-open{transform:translateX(-50%) translateY(0%)}.menu-container{display:flex;flex-direction:column;justify-content:space-between;padding:48px 40px}.mobile-menu__nav{display:block}.mobile-contact{display:block}.mobile-menu__link{position:relative;display:inline-block;font-weight:500;font-size:40px;line-height:1.18;letter-spacing:0.02em;color:#212121}.mobile-menu__link:hover,.mobile-menu__link:focus{outline:transparent;color:#2196f3}.mobile-menu__link--current{color:#2196f3}.mobile-menu__item:not(:last-child){margin-bottom:40px}.mobile-contact__icon{fill:#757575;margin-right:10px}.mobile-contact__phone{font-weight:500;font-size:34px;line-height:1.18;letter-spacing:0.02em;color:#2196f3}.mobile-contact__mail{display:block;font-weight:500;font-size:24px;line-height:1.17;letter-spacing:0.02em;color:#757575;color:#757575;margin-bottom:64px}.mobile-contact__item:not(:last-child){margin-bottom:16px}.social-menu__list{display:flex}.social-menu__link{display:block;font-weight:500;font-size:18px;line-height:1.22;letter-spacing:0.02em;color:#2196f3}.social-menu__item:not(:last-child){margin-right:20px}}@media screen and (min-width: 768px){.mobile-menu,.button-menu{display:none}.header{border-bottom:1px solid #ececec}.nav__list{display:flex;align-items:center;justify-content:center}.header-contact{margin-left:auto}.header-contact__item:not(:last-child){margin-bottom:10px}.mobile-menu__link{font-size:18px;line-height:1.17}.header-contact__mail,.header-contact__phone{display:block;padding-top:0;padding-bottom:0;font-weight:500;font-size:12px;line-height:1.17;letter-spacing:0.02em;color:#757575}.header-contact__mail:hover,.header-contact__mail:focus,.header-contact__phone:hover,.header-contact__phone:focus{outline:transparent;color:#2196f3}.header-contact__icon{fill:#757575}.header-contact__icon{margin-right:8px}.icon-mail{width:14px;height:10px}.icon-phone{width:10px;height:14px}}.header__container{display:flex;align-items:center}@media screen and (min-width: 1200px){.header-contact{display:flex;margin-left:auto}.header-contact__mail,.header-contact__phone{display:block;font-size:14px}.header-contact__item:not(:last-child){margin-right:30px;margin-bottom:0}}.icon-mail{width:16px;height:12px}.icon-phone{width:10px;height:16px}.header-contact__mail{display:block;font-weight:500;line-height:1.14;letter-spacing:0.02em;color:#757575;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header-contact__mail:hover,.header-contact__mail:focus{outline:transparent;color:#2196f3}.header-contact__phone{display:block;font-weight:500;line-height:1.14;letter-spacing:0.02em;color:#757575;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header-contact__phone:hover,.header-contact__phone:focus{outline:transparent;color:#2196f3}.header-contact__icon{margin-right:10px;fill:currentColor}.nav__link{position:relative;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;color:#212121;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);display:block;padding-top:32px;padding-bottom:32px}.nav__link:hover,.nav__link:focus{outline:transparent;color:#2196f3}.nav__link--current{color:#2196f3}@media screen and (min-width: 768px){.nav__link--current::after{content:"";display:block;margin-top:28px;width:100%;height:4px;border-radius:2px;background-color:#2196f3;position:absolute;left:0;bottom:0;bottom:-1px}}.nav__item:not(:last-child){margin-right:50px}@media screen and (max-width: 767px){.btn-list__item:nth-child(-n+3){margin-bottom:15px}}.btn-list{margin-bottom:40px;display:flex;flex-wrap:wrap}.btn-list__item:not(:last-child){margin-right:8px}.btn-list__btn{padding:6px 22px;font-family:inherit;font-weight:500;font-size:16px;line-height:1.62;color:#212121;cursor:pointer;border:0;border-radius:4px;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.btn-list__btn:hover,.btn-list__btn:focus{outline:transparent;background-color:#188ce8;border-radius:4px;color:#fff}@media screen and (min-width: 768px){.btn-list{margin-bottom:30px;justify-content:center}.btn-list__item{margin-bottom:0px}}@media screen and (min-width: 1200px){.btn-list{margin-bottom:50px}}.portfolio-item{margin:15px}.portfolio-item__img{display:block;width:450px;height:294px}.portfolio-list{display:flex;flex-direction:column;margin:-15px}.portfolio-item__link{display:block;transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio-item__link:hover,.portfolio-item__link:focus{outline:transparent;box-shadow:0px 1px 1px rgba(0,0,0,0.12),0px 1px 1px rgba(0,4,4,0.06),0px 1px 1px rgba(1,4,6,0.16)}.portfolio-item__title{margin-bottom:4px;font-weight:700;font-size:18px;line-height:2;letter-spacing:0.06em;color:#212121}.portfolio-item__name{font-size:16px;line-height:1.88;color:#757575}.portfolio-item__description{padding:20px 24px;border-bottom:1px solid #ececec;border-right:1px solid #ececec;border-left:1px solid #ececec}@media screen and (min-width: 768px){.portfolio-list{flex-direction:row;flex-wrap:wrap;margin:-15px}.portfolio-item{flex-basis:calc((100% - 60px) / 2)}.portfolio-item__img{display:inline-block;width:354px;height:294px}.portfolio-item__title{margin-bottom:10px;font-weight:700;font-size:18px;line-height:2;letter-spacing:0.06em;color:#212121}.card{padding-bottom:36px}}@media screen and (min-width: 1200px){.portfolio-list{margin:-15px;display:flex;flex-wrap:wrap}.portfolio-item{flex-basis:calc((100% - 90px) / 3)}.portfolio-item__img{display:block;width:370px;height:294px}.card{padding-bottom:0px}}.footer{text-align:center;padding:60px 0;background-color:#2f303a}.adress-list{margin-bottom:60px}.adress-list__item:not(:last-child){margin-bottom:8px}.adress-list__adress{font-style:normal;line-height:1.71;color:#fff;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.adress-list__adress:hover,.adress-list__adress:focus{outline:transparent;color:#2196f3}.adress-list__mail{line-height:1.71;color:rgba(255,255,255,0.6);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.adress-list__mail:hover,.adress-list__mail:focus{outline:transparent;color:#2196f3}.adress-list__phone{line-height:1.71;color:rgba(255,255,255,0.6);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.adress-list__phone:hover,.adress-list__phone:focus{outline:transparent;color:#2196f3}.sotial-list-footer{margin-bottom:60px}@media screen and (min-width: 768px){.sotial-list{margin-bottom:0}}@media screen and (min-width: 1200px){.adress-list__item:not(:last-child){margin-bottom:9px}.adress-list{margin-bottom:0}}.logo{font-family:"Raleway",sans-serif;font-weight:700;font-size:24px;line-height:1.17}.logo__section{color:#2196f3}.header__logo{display:block;color:#000}.header__logo:focus{outline:1px solid #2196f3}@media screen and (min-width: 768px){.logo{font-size:24px;line-height:1.17;margin-right:88px}}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.19;margin-right:93px}}.footer__logo{display:inline-block;margin-bottom:20px;color:#fff}.footer__logo:focus{outline:1px solid #2196f3}.sotial-list{display:flex;justify-content:center}.social-item__link{display:flex;justify-content:center;align-items:center;width:44px;height:44px;background-color:#fff;border-radius:50%;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social-item__link:hover,.social-item__link:focus{outline:transparent;background-color:#2196f3}.social-item__icon{fill:#AFB1B8;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social-item__link:hover .social-item__icon,.social-item__link:focus .social-item__icon{outline:transparent;fill:#fff}.social-item:not(:last-child){margin-right:10px}.join{display:block;margin-bottom:20px;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;color:#fff}.social-item__link--footer{background-color:rgba(255,255,255,0.1)}.social-item__icon--footer{fill:#fff}.footer-form__action{display:block;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;color:#fff;margin-bottom:20px}.footer-form__input{margin-bottom:20px;width:450px;height:50px;border-color:rgba(255,255,255,0.3);filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.15));border-radius:4px;background-color:#2f303a;font-weight:400;font-size:16px;line-height:1.25;letter-spacing:0.03em;color:rgba(255,255,255,0.6);padding-left:16px;outline:transparent;transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer-form__input:focus{border:1px solid #2196f3;border-radius:4px;outline:transparent}.footer-form__btn{display:flex;justify-content:center;align-items:center;margin:auto;width:200px;height:50px;background:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,0.15);border-radius:4px;border-color:transparent;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:0.06em;color:#fff;cursor:pointer;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer-form__btn:hover,.footer-form__btn:focus{outline:transparent;background-color:#188ce8;border-radius:4px}.footer-form__icon{margin-top:13px;margin-left:10px;align-self:baseline}@media screen and (min-width: 768px){.footer-container{display:flex;flex-wrap:wrap}.footer-nav{margin-left:76px}.footer-social{margin-left:165px}.form-part{margin-left:166px}}@media screen and (min-width: 1200px){.footer-container{text-align:start;flex-wrap:nowrap}.footer-form__input{margin-bottom:0;margin-right:12px;width:358px}.footer-form__subscription{display:flex}.footer-nav{margin-left:0px}.footer-social{margin-left:70px}.form-part{margin-left:93px}}.footer-form{display:flex;flex-direction:column}.portfolio-item__wrapper{position:relative;overflow:hidden}.portfolio-item__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(33,150,243,0.9);font-size:18px;line-height:1.55;letter-spacing:0.03em;color:#fff;padding:63px 24px;transform:translateY(101%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio-item__link:hover .portfolio-item__overlay,.portfolio-item__link:focus .portfolio-item__overlay{outline:transparent;transform:translateY(0)}
/*# sourceMappingURL=portfolio.min.css.map */