:root{--main-title-color: #ffffff;--secondary-title-color: #212121;--main-text-color: #757575;--accent-color: #2196f3;--main-background-color: #2f303a;--svg-links-color: #afb1b8;--section-padding: 94px;--mobile-section-padding: 60px}body{font-family:"Roboto", sans-serif}p,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}ul{margin-top:0;margin-bottom:0;padding-left:0}img{display:block;max-width:100%}.list{list-style:none}.link{text-decoration:none}body.menu-open{overflow:hidden}.section{padding-left:15px;padding-right:15px}.container{margin:0 auto}@media screen and (max-width: 479px){.container{max-width:100%}}@media screen and (min-width: 480px){.container{max-width:450px}}@media screen and (min-width: 768px){.container{max-width:738px}}@media screen and (min-width: 1200px){.container{max-width:1170px}}.button{border:none;border-radius:4px;cursor:pointer}.logo{font-family:"Raleway", sans-serif;font-weight:700;letter-spacing:0.03em}@media screen and (max-width: 1199px){.logo{font-size:24px;line-height:1.17}}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.19}}.logo__part{color:var(--accent-color)}.social-media__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.social-media__item:not(:last-child){margin-right:10px}.social-media__link{display:block;padding:12px;border-radius:50%;color:var(--svg-links-color);-webkit-transition-property:background-color, color;transition-property:background-color, color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.social-media__link:hover,.social-media__link:focus{background-color:var(--accent-color);color:#ffffff}.social-media__icon{display:block;fill:currentColor}.header{border-bottom:1px solid #ececec}@media screen and (max-width: 767px){.header{position:relative}}@media screen and (max-width: 767px){.mobile-menu__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:10px;padding-bottom:10px}}@media screen and (min-width: 768px){.mobile-menu__container{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width: 479px){.mobile-menu{height:100%}}@media screen and (min-width: 480px) and (max-width: 767px){.mobile-menu{height:100%}}.mobile-menu .navigation-container{padding-left:0;padding-right:0;margin:0 auto}@media screen and (max-width: 479px){.mobile-menu .navigation-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 480px) and (max-width: 767px){.mobile-menu .navigation-container{width:480px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 768px){.mobile-menu .navigation-container{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width: 767px){.mobile-menu{display:none;position:fixed;top:0;left:0;z-index:2;width:100%;padding:48px 40px;background-color:#ffffff}.mobile-menu.is-open{display:block}}@media screen and (max-width: 767px){.navigation{display:block;margin-bottom:auto}}@media screen and (min-width: 768px){.navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.header__logo{color:#000000}@media screen and (max-width: 767px){.header__logo{padding-top:6px;padding-bottom:6px}}@media screen and (min-width: 768px){.header__logo{margin-right:88px;padding-top:24px;padding-bottom:25px}}@media screen and (min-width: 1200px){.header__logo{margin-right:93px}}@media screen and (min-width: 768px){.navigation__list{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 768px){.navigation__item:not(:last-child){margin-right:50px}}.header-menu__button{display:none}@media screen and (max-width: 767px){.header-menu__button{display:block;width:40px;height:40px;padding:0;background-color:#ffffff;z-index:3}.header-menu__button:hover,.header-menu__button:focus{color:var(--accent-color)}}.header-menu__icon{display:block;text-align:center;fill:currentColor;width:40px;height:40px}.header-menu__icon--cross{display:none}.header-menu__button.is-open .header-menu__icon--cross{display:block}.header-menu__button.is-open .header-menu__icon--menu{display:none}.navigation__link{display:block;font-weight:500;letter-spacing:0.02em;color:var(--secondary-title-color);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 767px){.navigation__link{font-size:40px;line-height:1.18}}@media screen and (min-width: 768px){.navigation__link{font-size:14px;line-height:1.14;padding-top:32px;padding-bottom:32px}}.navigation__link:hover,.navigation__link:focus{color:var(--accent-color)}.navigation__link--active{position:relative;color:var(--accent-color)}@media screen and (min-width: 768px){.navigation__link--active::after{position:absolute;bottom:-1px;left:0;right:0;content:"";background-color:var(--accent-color);border:2px solid var(--accent-color);border-radius:2px}}@media screen and (max-width: 767px){.navigation__item:not(:last-child){margin-bottom:32px}}.header-contacts__list{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 767px){.header-contacts__list{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin-bottom:64px}}@media screen and (min-width: 768px) and (max-width: 1199px){.header-contacts__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:84px}}@media screen and (min-width: 1200px){.header-contacts__list{margin-left:305px}}@media screen and (max-width: 767px){.header-contacts__item:last-child{margin-bottom:32px}}@media screen and (min-width: 768px) and (max-width: 1199px){.header-contacts__item{margin-bottom:10px}}@media screen and (min-width: 1200px){.header-contacts__item:first-child{margin-right:30px}}.header-contacts__link{font-weight:500;letter-spacing:0.02em;color:var(--main-text-color);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 767px){.header-contacts__link{display:block}.header-contacts__link--tel{font-size:34px;line-height:1.18;color:var(--accent-color)}.header-contacts__link--email{font-size:24px;line-height:1.17}}@media screen and (min-width: 768px){.header-contacts__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;line-height:1.17}}@media screen and (min-width: 1200px){.header-contacts__link{font-size:14px;line-height:1.14;padding-top:32px;padding-bottom:32px}}.header-contacts__link:hover,.header-contacts__link:focus{color:var(--accent-color)}.header-contacts__icon{display:none}@media screen and (min-width: 768px){.header-contacts__icon{display:block;margin-right:10px;fill:currentColor}.header-contacts__icon--envelope{width:16px;height:12px}.header-contacts__icon--smartphone{width:10px;height:16px}}.mobile-social-media__list{display:none}@media screen and (max-width: 767px){.mobile-social-media__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}.mobile-social-media__item:not(:last-child)::after{content:"";padding-right:10px;margin-right:10px;border-right:solid 1px rgba(33,33,33,0.2)}.mobile-social-media__link{font-weight:500;font-size:18px;line-height:1.22;letter-spacing:0.02em;color:var(--accent-color)}@media screen and (max-width: 1199px){.portfolio__section{padding-top:var(--mobile-section-padding);padding-bottom:var(--mobile-section-padding)}}@media screen and (min-width: 1200px){.portfolio__section{padding-top:var(--section-padding);padding-bottom:var(--section-padding)}}.portfolio__buttons-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 767px){.portfolio__buttons-list{margin-bottom:40px}}@media screen and (min-width: 768px){.portfolio__buttons-list{margin-bottom:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1200px){.portfolio__buttons-list{margin-bottom:50px}}@media screen and (max-width: 767px){.portfolio__buttons-item{margin-bottom:15px}}.portfolio__buttons-item:not(:last-child){margin-right:8px}.portfolio__button{font-weight:500;font-size:16px;line-height:1.62;text-align:center;letter-spacing:0.03em;color:var(--secondary-title-color);padding-top:6px;padding-bottom:6px;padding-left:22px;padding-right:22px;-webkit-transition-property:color, background-color, -webkit-box-shadow;transition-property:color, background-color, -webkit-box-shadow;transition-property:color, background-color, box-shadow;transition-property:color, background-color, box-shadow, -webkit-box-shadow;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.portfolio__button:hover,.portfolio__button:focus{color:#ffffff;background-color:var(--accent-color);-webkit-box-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);box-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)}.porfolio__project-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 767px){.porfolio__project-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 768px){.porfolio__project-list{margin:-15px}}.portfolio__project-item{-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 767px){.portfolio__project-item{max-width:450px}.portfolio__project-item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px){.portfolio__project-item{max-width:354px;-ms-flex-preferred-size:calc(100% / 2 - 30px);flex-basis:calc(100% / 2 - 30px);margin:15px}}@media screen and (min-width: 1200px){.portfolio__project-item{max-width:370px;-ms-flex-preferred-size:calc(100% / 3 - 30px);flex-basis:calc(100% / 3 - 30px)}}.portfolio__project-item:hover,.portfolio__project-item:focus{-webkit-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);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)}.portfolio__img-container{position:relative;overflow:hidden}.portfolio__img-container img{-o-object-fit:cover;object-fit:cover}.portfolio__overlay{position:absolute;top:0;-webkit-transform:translateY(100%);transform:translateY(100%);height:294px;padding-left:24px;padding-right:24px;padding-bottom:63px;padding-top:63px;background-color:rgba(33,117,243,0.9);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.portfolio__overlay{width:370px}}.portfolio__project-item:hover .portfolio__overlay{-webkit-transform:translateY(0);transform:translateY(0)}.overlay__description{font-weight:400;font-size:18px;line-height:1.56;letter-spacing:0.03em;color:#ffffff}.portfolio__description-container{padding-top:20px;padding-bottom:20px;padding-left:24px;padding-right:24px;border-bottom:1px solid #eeeeee;border-right:1px solid #eeeeee;border-left:1px solid #eeeeee}@media screen and (min-width: 768px) and (max-width: 1199px){.portfolio__description-container{height:146px}}.porfolio__project-title{font-weight:700;font-size:18px;line-height:2;letter-spacing:0.06em;color:var(--secondary-title-color);margin-bottom:4px}.porfolio__project-description{font-size:16px;line-height:1.87;letter-spacing:0.03em;color:var(--main-text-color)}.footer{padding-top:60px;padding-bottom:60px;background-color:var(--main-background-color)}@media screen and (min-width: 768px){.footer .container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.footer .social-media__link{background-color:rgba(255,255,255,0.1);color:#ffffff}.footer .social-media__link:hover,.footer .social-media__link:focus{background-color:var(--accent-color);color:#ffffff}@media screen and (max-width: 1199px){.footer address{text-align:center}}@media screen and (max-width: 767px){.footer-address__container{margin-bottom:60px}}@media screen and (min-width: 768px) and (max-width: 1199px){.footer-address__container{margin-right:165px;margin-bottom:60px}}@media screen and (min-width: 1200px){.footer-address__container{margin-right:70px}}.footer__logo{display:block;color:#ffffff;margin-bottom:20px}@media screen and (max-width: 1199px){.footer__logo{text-align:center}}.footer__address{font-style:normal;font-weight:400;font-size:14px;line-height:1.71;letter-spacing:0.03em;color:#ffffff;display:block;margin-bottom:9px}.footer-contacts__item:not(:last-child){margin-bottom:9px}.footer-contacts__link{font-style:normal;font-weight:400;font-size:14px;line-height:1.71;letter-spacing:0.03em;color:rgba(255,255,255,0.6);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer-contacts__link:hover,.footer-contacts__link:focus{color:var(--accent-color)}@media screen and (max-width: 767px){.footer__social-media{margin-bottom:60px}}@media screen and (max-width: 1199px){.footer__social-media{text-align:center}}@media screen and (min-width: 768px){.footer__social-media{padding-top:5px}}@media screen and (min-width: 1200px){.footer__social-media{padding-top:12px;margin-right:93px}}.social-media__slogan{font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;color:#ffffff;margin-bottom:20px}@media screen and (min-width: 1200px){.footer__subscribe-form{padding-top:12px}}@media screen and (max-width: 1199px){.footer__subscribe-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.subscribe-form__slogan{display:block;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;color:#ffffff;margin-bottom:20px}@media screen and (max-width: 1199px){.subscribe-form__slogan{text-align:center}}.subscribe-form__email-input{padding-top:15px;padding-bottom:15px;padding-left:16px;height:50px;font-size:16px;line-height:1.25;letter-spacing:0.03em;color:#ffffff;background-color:var(--main-background-color);border:1px solid rgba(255,255,255,0.3);border-radius:4px;-webkit-filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.15));filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.15))}@media screen and (min-width: 1200px){.subscribe-form__email-input{margin-right:12px;width:358px}}@media screen and (max-width: 1199px){.subscribe-form__email-input{margin-bottom:20px;width:450px}}@media screen and (max-width: 479px){.subscribe-form__email-input{width:100%}}.subscribe-form__email-input::-webkit-input-placeholder{color:rgba(255,255,255,0.6)}.subscribe-form__email-input:-ms-input-placeholder{color:rgba(255,255,255,0.6)}.subscribe-form__email-input::-ms-input-placeholder{color:rgba(255,255,255,0.6)}.subscribe-form__email-input::placeholder{color:rgba(255,255,255,0.6)}.subscribe-form__button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;padding-left:29px;padding-right:28px;width:200px;height:50px;font-weight:700;font-size:16px;line-height:1.87;letter-spacing:0.06em;color:#ffffff;background-color:var(--accent-color);-webkit-transition-property:background-color, -webkit-box-shadow;transition-property:background-color, -webkit-box-shadow;transition-property:background-color, box-shadow;transition-property:background-color, box-shadow, -webkit-box-shadow;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.subscribe-form__button:hover,.subscribe-form__button:focus{background-color:#188ce8;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15)}.subscribe-form__icon{fill:currentColor;margin-left:10px}
/*# sourceMappingURL=portfolio.min.css.map */