:root{--main-light-color: #ffffff;--main-font-color: #757575;--secondory-font-color: #212121;--accent-color: #2196f3;--secondary-accent-color: #188ce8;--logo-color: #000000;--boder-bg-color: #2f303a;--section-team-bg-color: #f5f4fa;--address-text-color: rgba(255, 255, 255, 0.6);--border-color: #eeeeee;--border-header-color: #ececec;--shadow-btn-color: rgba(0, 0, 0, 0.15);--icon-color: #afb1b8;--time-function: cubic-bezier(0.4, 0, 0.2, 1);--hero-gradient: linear-gradient( to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4) ) }html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}body{font-family:"Roboto",sans-serif;font-size:14px;background-color:var(--main-light-color);color:var(--main-font-color);margin:0}body.modal-open{overflow:hidden}.mobile-menu__networks,.mobile-menu__contact,.mobile-menu__list,.footer-social_list,.footer__list,.card,.filter__list,.header__contact,.header__list{list-style:none}.mobile-menu__networks-link,.mobile-menu__contact-mail,.mobile-menu__contact-tel,.mobile-menu__link,.footer-social__link,.address__contact,.address__link,.card__link,.header__contact-link,.header__link,.logo,.logo__dark{text-decoration:none}h1,h2,h3,p,ul{margin:0;padding:0}img{display:block;max-width:100%;height:auto}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right: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}}.section{padding-top:60px;padding-bottom:60px;width:100%}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.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}.title{font-size:36px;line-height:1.16;letter-spacing:.03em;color:var(--secondory-font-color);text-align:center;margin-bottom:50px}.logo,.logo__dark{font-family:"Raleway";font-style:normal;color:var(--accent-color);font-weight:700;font-size:24px;line-height:1.19;letter-spacing:.03em}@media screen and (min-width: 1200px){.logo,.logo__dark{font-size:26px;line-height:1.19}}.logo--dark,.logo__dark--dark{color:var(--logo-color)}.logo--light,.logo__dark--light{color:var(--main-light-color)}.header{width:100%;border:1px solid var(--border-header-color)}.header__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 761px){.header__nav{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}.header__btn{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;margin:0;border:none;cursor:pointer;background-color:var(--main-light-color);-webkit-transition:fill 250ms var(--time-function);transition:fill 250ms var(--time-function)}.header__btn:hover,.header__btn:focus{fill:var(--accent-color)}@media screen and (min-width: 768px){.header__btn{display:none}}.header__list{display:none}@media screen and (min-width: 768px){.header__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:50px;margin-left:88px}}@media screen and (min-width: 1200px){.header__list{margin-left:93px}}.header__link{position:relative;display:block;padding-top:32px;padding-bottom:32px;color:var(--secondary-font-color);font-weight:500;line-height:1.14;letter-spacing:.02em;-webkit-transition:color 250ms var(--time-function);transition:color 250ms var(--time-function)}.header__link--current{color:var(--accent-color)}.header__link:hover,.header__link:focus{color:var(--accent-color)}.header__link--current::after{position:absolute;left:0;bottom:-1px;content:"";display:block;width:100%;height:4px;border-radius:2px;background:var(--accent-color)}.header__contact{display:none}@media screen and (min-width: 768px){.header__contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-left:auto}}@media screen and (min-width: 1200px){.header__contact{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:50px}}.header__contact-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;color:var(--main-font-color);fill:currentColor;font-weight:500;font-size:12px;line-height:1.17;letter-spacing:.02em;-webkit-transition:color 250ms var(--time-function);transition:color 250ms var(--time-function)}@media screen and (min-width: 1200px){.header__contact-link{font-size:14px;line-height:1.14}}.header__contact-link:hover,.header__contact-link:focus{color:var(--accent-color)}.filter__list{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;gap:8px;margin-bottom:50px}@media screen and (min-width: 768px){.filter__list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.filter__button{font-family:inherit;font-weight:500;font-size:16px;line-height:1.62;letter-spacing:.03em;text-align:center;color:var(--secondory-font-color);background:var(--section-team-bg-color);border-radius:4px;border:none;cursor:pointer;padding:6px 22px;-webkit-transition:background-color 250ms var(--time-function),color 250ms var(--time-function),-webkit-box-shadow 250ms var(--time-function);transition:background-color 250ms var(--time-function),color 250ms var(--time-function),-webkit-box-shadow 250ms var(--time-function);transition:background-color 250ms var(--time-function),color 250ms var(--time-function),box-shadow 250ms var(--time-function);transition:background-color 250ms var(--time-function),color 250ms var(--time-function),box-shadow 250ms var(--time-function),-webkit-box-shadow 250ms var(--time-function)}.filter__button:hover,.filter__button:focus{color:var(--main-light-color);background-color:var(--accent-color);-webkit-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);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)}@media screen and (min-width: 768px){.card{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:-30px;margin-right:-30px}}.card__item{margin-bottom:30px}@media screen and (min-width: 768px){.card__item{width:calc(50% - 30px);margin-right:30px;margin-bottom:30px}}@media screen and (min-width: 1200px){.card__item{width:calc(33.3333333333% - 30px)}}.card__description{position:relative;overflow:hidden}.card__link{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;-webkit-transition:-webkit-box-shadow 250ms var(--time-function);transition:-webkit-box-shadow 250ms var(--time-function);transition:box-shadow 250ms var(--time-function);transition:box-shadow 250ms var(--time-function), -webkit-box-shadow 250ms var(--time-function)}.card__link:hover,.card__link:focus{-webkit-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);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)}.card__link:hover .card-overlay,.card__link:focus .card-overlay{-webkit-transform:translateY(0);transform:translateY(0)}.card-overlay{position:absolute;top:0;left:0;width:100%;height:294px;background-color:rgba(33,150,243,.9);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 250ms var(--time-function);transition:-webkit-transform 250ms var(--time-function);transition:transform 250ms var(--time-function);transition:transform 250ms var(--time-function), -webkit-transform 250ms var(--time-function)}.card-overlay__text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:322px;height:168px;color:var(--main-light-color);font-size:18px;line-height:1.55;letter-spacing:.03em}.card__box{padding:20px 24px;border:1px solid var(--border-color);background-color:var(--main-light-color);margin-bottom:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.card__title{font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em;color:var(--secondory-font-color);margin-bottom:4px}.card__text{font-size:16px;line-height:1.87;letter-spacing:.03em;color:var(--main-font-color)}.footer{padding-top:60px;padding-bottom:60px;background-color:var(--boder-bg-color)}.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:60px}@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-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-ms-flex-pack:distribute;justify-content:space-around}}@media screen and (min-width: 1200px){.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:93px}}.footer .logo{display:inline-block;margin-bottom:20px}@media screen and (max-width: 1199px){.footer__content{text-align:center}}.footer__list{font-style:normal}.address__link{color:var(--main-light-color);letter-spacing:.03em;margin-bottom:9px;line-height:1.71;-webkit-transition:color 250ms var(--time-function);transition:color 250ms var(--time-function)}.address__link:hover,.address__link:focus{color:var(--accent-color)}.address__contact{color:var(--address-text-color);letter-spacing:.03em;line-height:1.71;-webkit-transition:color 250ms var(--time-function);transition:color 250ms var(--time-function)}.address__contact:hover,.address__contact:focus{color:var(--accent-color)}.footer-social{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-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media screen and (max-width: 1199px){.footer-social{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.footer-social_title{margin-bottom:20px;color:var(--main-light-color);font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase}.footer-social_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.footer-social__link{display:-webkit-box;display:-ms-flexbox;display:flex;width:44px;height:44px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;color:var(--main-light-color);fill:currentColor;background-color:rgba(255,255,255,.1);-webkit-transition:background-color 250ms var(--time-function);transition:background-color 250ms var(--time-function)}.footer-social__link:hover,.footer-social__link:focus{background-color:var(--accent-color)}@media screen and (min-width: 768px){.footer-form{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}}@media screen and (max-width: 1199px){.footer-form{text-align:center}}.footer-form__text{font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;margin-bottom:20px;color:var(--main-light-color)}@media screen and (min-width: 1200px){.footer-form__box{display:-webkit-box;display:-ms-flexbox;display:flex}}.footer-form__input{display:block;width:100%;padding:15px 16px;border:1px solid rgba(255,255,255,.3);border-radius:4px;outline:none;background-color:var(--boder-bg-color)}@media screen and (max-width: 767px){.footer-form__input{margin-bottom:20px}}@media screen and (min-width: 768px)and (min-width: 1200px){.footer-form__input{width:358px;margin-right:12px;margin-bottom:0}}.footer-form__btn{font-weight:700;font-size:16px;line-height:1.9;letter-spacing:.06em;color:var(--main-light-color);position:relative;padding:10px 62px 10px 28px;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;border:none;cursor:pointer;background:var(--accent-color);fill:var(--main-light-color);gap:12px}.footer-form__btn::after{position:absolute;display:inline-block;content:"";width:24px;height:24px;margin-left:10px;right:28px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-image:url(../img/icon-send.svg)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;padding-top:48px;padding-bottom:48px;padding-right:40px;padding-left:40px;-webkit-box-shadow:0px 4px 8px rgba(0,0,0,.04),0px 2px 4px rgba(0,0,0,.08),0px 1px 3px rgba(0,0,0,.16);box-shadow:0px 4px 8px rgba(0,0,0,.04),0px 2px 4px rgba(0,0,0,.08),0px 1px 3px rgba(0,0,0,.16);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 250ms var(--time-function);transition:-webkit-transform 250ms var(--time-function);transition:transform 250ms var(--time-function);transition:transform 250ms var(--time-function), -webkit-transform 250ms var(--time-function);background-color:var(--main-light-color)}.mobile-menu.is-open{-webkit-transform:translateX(0);transform:translateX(0)}.mobile-menu__btn{position:absolute;top:10px;right:15px;margin:0;padding:0;border:none;cursor:pointer;fill:var(--secondory-font-color);background-color:var(--main-light-color);-webkit-transition:fill 250ms var(--time-function);transition:fill 250ms var(--time-function)}.mobile-menu__btn:hover,.mobile-menu__btn:focus{fill:var(--accent-color)}.mobile-menu__content{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}.mobile-menu__nav{margin-bottom:auto}.mobile-menu__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:35px}.mobile-menu__link{font-weight:500;font-size:40px;line-height:1.23;letter-spacing:.02em;color:var(--secondory-font-color)}@media screen and (min-width: 480px){.mobile-menu__link{font-size:40px;line-height:1.17}}.mobile-menu__link:hover,.mobile-menu__link:focus{color:var(--accent-color)}.mobile-menu__link--current{color:var(--accent-color)}.mobile-menu__contact{margin-bottom:64px}.mobile-menu__contact-tel{font-weight:500;font-size:34px;line-height:1.22;letter-spacing:.02em;color:var(--accent-color);display:inline-block;width:100%;margin-bottom:32px}@media screen and (min-width: 480px){.mobile-menu__contact-tel{font-size:34px;line-height:1.18}}.mobile-menu__contact-tel:hover,.mobile-menu__contact-tel:focus{color:var(--accent-color)}.mobile-menu__contact-mail{font-weight:500;font-size:22px;line-height:1.18;letter-spacing:.02em;color:var(--main-font-color)}@media screen and (min-width: 480px){.mobile-menu__contact-mail{font-size:24px;line-height:1.17}}.mobile-menu__contact-mail:hover,.mobile-menu__contact-mail:focus{color:var(--accent-color)}.mobile-menu__networks{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.mobile-menu__networks-item:not(:last-child)::after{content:"";width:22px;height:0;margin-left:10px;border:1px solid rgba(33,33,33,.2)}.mobile-menu__networks-link{font-weight:500;font-size:10px;line-height:1.4;letter-spacing:.02em;color:var(--accent-color)}@media screen and (min-width: 480px){.mobile-menu__networks-link{font-size:18px;line-height:1.22}}/*# sourceMappingURL=portfolio.min.css.map */