body{color:#757575;background-color:#fff;font-family:Roboto,sans-serif;font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em}@media screen and (min-width: 480px){.section{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.list{margin:0;padding:0;list-style:none}.text{margin-top:0;margin-bottom:0}.visually-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px}.portfolio__pic,.team-set__img,.work-set__img{display:block;max-width:100%;height:auto}.container{width:100%;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@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}}.logo{padding:16px 0;font-family:Raleway,sans-serif;text-decoration:none;color:#2196f3;font-size:24px;font-weight:700;line-height:1.17;letter-spacing:.03em}@media screen and (min-width: 480px){.logo{font-size:24px;font-weight:700;line-height:1.17;letter-spacing:.03em}}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.19;letter-spacing:.03em}}.header__logo{color:#000}.logo-set{margin-bottom:20px;text-align:center}@media screen and (min-width: 1200px){.logo-set{text-align:left}}.footer__logo{color:#fff;font-size:24px;font-weight:700;line-height:1.17;letter-spacing:.03em}.menu-button{position:absolute;top:10px;right:15px;display:block;margin-left:auto;border:none;background-color:rgba(0,0,0,0);fill:#000}.menu-button:hover,.menu-button:focus{fill:#2196f3}@media screen and (min-width: 768px){.menu-button{display:none}}@media screen and (min-width: 768px){.mobile-menu{display:none}}.mobile-menu-set{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9;background-color:#fff;padding:48px 40px;opacity:0;pointer-events:none;transform:translateY(-100%);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1),transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mobile-menu-set .menu-button{position:absolute;top:10px;right:15px}.mobile-menu-set.is-open{display:block;opacity:1;visibility:visible;pointer-events:initial;transform:translateY(0)}.mobile-menu-set .container{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;overflow-y:auto}@media screen and (min-width: 768px){.mobile-menu-set{display:none}}.mobile-menu__item:not(:last-child){margin-bottom:32px}.mobile-menu__link{font-size:40px;font-weight:500;line-height:1.18;letter-spacing:.02em;color:#212121;text-decoration:none}.mobile-menu__link:hover,.mobile-menu__link:focus{color:#2196f3}.mobile-menu__link--current{color:#2196f3}.mobile-network{display:flex}.mobile-network__item:not(:last-child){border-right:1px solid rgba(33,33,33,.2)}.mobile-network__link{padding-left:10px;padding-right:10px;color:#2196f3;text-decoration:none;transform:rotate(90deg)}@media screen and (min-width: 768px){.mobile-network{display:none}}.header__contact{display:none;margin-left:auto}@media screen and (min-width: 768px){.header__contact{display:flex;flex-direction:column;font-size:12px;font-weight:500;line-height:1.17;letter-spacing:.02em}}@media screen and (min-width: 1200px){.header__contact{flex-direction:row;font-size:14px;font-weight:500;line-height:1.14;letter-spacing:.02em}}@media screen and (min-width: 768px){.header__contact__item:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 1200px){.header__contact__item:not(:last-child){margin-right:30px;margin-bottom:0}}.contact__link{color:#757575;text-decoration:none;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.contact__link:hover,.contact__link:focus{color:#2196f3;fill:#2196f3}.contact__link--email{padding-top:21px}@media screen and (min-width: 1200px){.contact__link--email{padding-top:32px;padding-bottom:32px}}.contact__link--tel{padding-bottom:21px}@media screen and (min-width: 1200px){.contact__link--tel{padding-top:32px;padding-bottom:32px}}@media screen and (min-width: 1200px){.contact__icon{margin-right:10px}.contact__icon:not(:last-child){margin-bottom:9px}}.footer__contact{display:flex;flex-direction:column;margin-bottom:60px;align-items:center}@media screen and (min-width: 768px){.footer__contact{margin-bottom:0}}@media screen and (min-width: 1200px){.footer__contact{align-items:flex-start}}.footer__contact__link{display:flex;font-style:normal;padding-top:0;flex-wrap:nowrap;justify-content:normal;color:rgba(255,255,255,.6);text-decoration:none;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__contact__link--white{text-decoration:none;font-style:normal;color:#fff}.footer__contact__link--tel{margin-bottom:0}@media screen and (min-width: 480px){.footer__contact__item{margin-bottom:9px}.footer__contact__item--address{margin-bottom:9px}}.mobile__contact{margin-bottom:64px}.mobile__contact__item{margin-bottom:32px}.mobile__contact__link{padding-left:40px}.mobile__contact__link:hover,.mobile__contact__link:focus{color:#2196f3}.mobile__contact__link--tel{font-size:34px;font-weight:500;line-height:1.18;letter-spacing:.02em;color:#2196f3;text-decoration:none}.mobile__contact__link--email{font-size:24px;font-weight:500;line-height:1.17;letter-spacing:.02em;text-decoration:none;color:#757575}@media screen and (min-width: 768px){.mobile__contact{display:none}}.button{align-items:center;border-radius:4px;padding:10px 32px;min-width:200px;border:rgba(0,0,0,0);color:#fff;background-color:#2196f3;text-align:center;font-family:"Roboto";font-size:16px;font-weight:700;line-height:1.88;letter-spacing:.06em;cursor:pointer;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.button:hover,.button:focus{background-color:#188ce8}.send{display:flex;align-items:center;justify-content:center}.title{margin-bottom:30px;margin-top:0;font-size:28px;font-weight:700;line-height:1.18;letter-spacing:.03em;color:#212121;text-align:center}@media screen and (min-width: 1200px){.title{margin-bottom:50px;padding-top:0;font-size:36px;font-weight:700;line-height:1.17;letter-spacing:.03em}}.network{display:flex;justify-content:center}.network__item{margin-right:10px}.network__item:last-child{margin-right:0}.network__link{padding:12px;width:44px;height:44px;border-radius:50%;display:block;fill:#afb1b8;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.network__link:not(:last-child){margin-right:10px}.network__link:hover{background-color:#2196f3;fill:#fff}.network__link--dark{fill:#fff;background-color:rgba(255,255,255,.1)}@media screen and (max-width: 767px){.social{text-align:center;margin:0}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);opacity:1;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1);overflow-y:scroll}.backdrop.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:40px;border-radius:4px;width:100%;background:#fff;box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);opacity:1;transform:translate(-50%, -50%) scale(1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 480px){.modal{width:450px;height:609px}}@media screen and (min-width: 1200px){.modal{width:528px;height:581px}}.backdrop.is-hidden .modal{transform:translate(-50%, -50%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.close-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;padding:6px;margin:0;width:30px;height:30px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.close-btn:hover{fill:#2196f3}.connection{margin-top:0;margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.15;letter-spacing:.03em;text-align:center;color:#212121}.form__field{position:relative;display:flex;flex-direction:column;margin-top:0;margin-bottom:10px;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__field:focus-within{fill:#2196f3;outline:none;border-color:#2196f3}.form__label{margin-bottom:4px;font-size:12px;line-height:1.17;letter-spacing:.01em}.form__input{width:100%;height:40px;margin:0;padding:0;padding-left:42px;border:1px solid rgba(33,33,33,.2);border-radius:4px;font:inherit;outline:none;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__input:focus-within{border-color:#2196f3}.form__icon{position:absolute;top:50%;left:12px;display:block;content:""}.form__textarea{height:120px;resize:none;padding:12px 16px;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:none;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__textarea::placeholder{line-height:1.14;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__textarea:focus-within{border-color:#2196f3}.field{margin-bottom:20px}.agreement{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.checkbox{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}.checkbox__text{display:flex;align-items:center;justify-content:center}@media screen and (max-width: 1119px){.checkbox__text{font-size:12px;font-weight:400;line-height:1.17;letter-spacing:.03em}}.checkbox__text span{display:flex;align-items:center;justify-content:center;width:16px;height:15px;background-color:rgba(0,0,0,0);margin-right:7px;border:2px solid #212121;box-shadow:0px 4px 4px rgba(0,0,0,.25);border-radius:2px;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.checkbox__icon{fill:rgba(0,0,0,0)}.checkbox__link{margin-left:5px;color:#2196f3}.checkbox:checked+.checkbox__text span{border-color:#2196f3;background-color:#2196f3}.checkbox:checked+.checkbox__text .checkbox__icon{fill:#fff}.header{position:relative;border-bottom:1px solid #ececec}@media screen and (min-width: 768px){.header{padding-top:0px;padding-bottom:0px}}.header-nav{position:relative;display:flex;align-items:center}.site-nav{display:none}@media screen and (min-width: 768px){.site-nav{display:flex;margin:0px 0px 0px 88px;font-weight:500;line-height:1.14;letter-spacing:.02em}.site-nav__item{margin-right:50px}.site-nav__item:last-child{margin-right:0}}@media screen and (min-width: 1200px){.site-nav{display:flex;margin:0px 0px 0px 93px;font-weight:500;line-height:1.14;letter-spacing:.02em}.site-nav__item{margin-right:50px}}.site-nav__link{display:block;padding-top:38px;padding-bottom:32px;position:relative;color:#212121;text-decoration:none;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.site-nav__link:hover,.site-nav__link:focus{color:#2196f3}.site-nav__link--current{color:#2196f3}.site-nav__link--current::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:4px;background:#2196f3;border-radius:2px}@media screen and (min-width: 1200px){.site-nav__link{padding-top:32px}}.overlay{height:400px;margin-left:auto;margin-right:auto;background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-mob.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}@media(min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.overlay{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-mob-2x.jpg)}}@media screen and (min-width: 768px){.overlay{height:400px;background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-tab.jpg)}}@media screen and (min-width: 768px)and (min-device-pixel-ratio: 2),screen and (min-width: 768px)and (min-resolution: 192dpi),screen and (min-width: 768px)and (min-resolution: 2dppx){.overlay{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-tab-2x.jpg)}}@media screen and (min-width: 1200px){.overlay{max-width:1600px;height:600px;background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero.jpg)}}@media screen and (min-width: 1200px)and (min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (min-resolution: 192dpi),screen and (min-width: 1200px)and (min-resolution: 2dppx){.overlay{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-2x.jpg)}}.hero{display:block;text-align:center;padding-top:118px;padding-bottom:118px;background-color:#c4c4c4}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px}}.hero-thumb{margin:0 auto;text-align:center}.hero-thumb__title{display:inline-block;width:360px;margin-top:0;margin-bottom:30px;color:#fff;font-size:26px;font-weight:900;line-height:1.62;letter-spacing:.06em;text-transform:uppercase}@media screen and (min-width: 1200px){.hero-thumb__title{display:inline-block;font-size:44px;line-height:1.36;width:696px}}.benefits{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.benefits{padding-top:94px;padding-bottom:94px}}@media screen and (min-width: 768px){.benefits-set{display:flex;flex-wrap:wrap;gap:30px}}.benefits-set__item:not(:last-child){margin-bottom:30px}@media screen and (min-width: 768px){.benefits-set__item{width:calc((100% - 30px)/2)}.benefits-set__item:not(:last-child){margin-bottom:0px}}@media screen and (min-width: 1200px){.benefits-set__item{width:calc((100% - 90px)/4)}}.benefits-card{display:flex;align-items:center;justify-content:center;height:120px;margin-bottom:30px;background:#f5f4fa;border-radius:4px}@media screen and (min-width: 768px){.benefits-card{display:flex;align-items:center;justify-content:center}}.benefits-card__icon{display:block;content:"";align-items:center}.benefits-card__title{margin-top:0;margin-bottom:10px;text-align:center;color:#212121;font-weight:700;line-height:1.14;letter-spacing:.03em;text-transform:uppercase}@media screen and (min-width: 768px){.benefits-card__title{text-align:start}}.work{padding-top:0}@media screen and (max-width: 1119px){.work{display:none}}.work-set{display:flex}.work-set__item{position:relative;margin-right:30px}.work-set__item:last-child{margin-right:0px}.work-set__title{position:absolute;left:0;bottom:0;width:100%;margin:0;padding-top:27px;padding-bottom:27px;font-weight:700;line-height:1.14;letter-spacing:.03em;text-align:center;text-transform:uppercase;background-color:rgba(47,48,58,.8);color:#fff}.team{padding-top:60px;padding-bottom:60px;gap:30px;background-color:#f5f4fa}@media screen and (min-width: 1200px){.team{padding-top:94px;padding-bottom:94px}}@media screen and (min-width: 768px){.team-set{display:flex;flex-wrap:wrap;gap:30px}}.team-set__item{margin-bottom:30px;background:#fff;box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);border-radius:0px 0px 4px 4px}@media screen and (min-width: 480px){.team-set__item:nth-child(n+4){margin-bottom:0}}@media screen and (min-width: 768px){.team-set__item{margin-bottom:0;width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.team-set__item{width:calc((100% - 90px)/4)}}.team-card{padding-top:30px;padding-bottom:24px;box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2)}@media screen and (min-width: 1200px){.team-card{padding-bottom:30px}}.team-card__name{margin-top:0;margin-bottom:10px;color:#212121;font-size:16px;font-weight:500;line-height:1.19;letter-spacing:.03em;text-align:center}.team-card__profession{text-align:center;font-size:16px;line-height:1.19;letter-spacing:.03em;margin-bottom:16px}.clients{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.clients{padding-top:94px;padding-bottom:94px}}.clients-set{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}@media screen and (min-width: 480px){.clients-set{display:flex;flex-wrap:wrap;justify-content:center}}@media screen and (min-width: 480px){.clients-set__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 768px){.clients-set__item{width:calc((100% - 60px)/3)}}@media screen and (min-width: 1200px){.clients-set__item{width:calc((100% - 150px)/6)}}.clients-set__item:last-child{margin-right:0}.clients-set__link{display:flex;justify-content:center;align-items:center;height:92px;border:1px solid #afb1b8;border-radius:4px;fill:#afb1b8;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients-set__link:hover{fill:#2196f3;border-color:#2196f3}.footer{background-color:#2f303a;padding-top:60px;padding-bottom:60px}@media screen and (min-width: 768px){.footer__blocks{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline}}@media screen and (min-width: 1200px){.footer__blocks{text-align:center;justify-content:normal}}.footer-address{text-align:center}@media screen and (min-width: 768px){.footer-address{flex-direction:column;text-align:center;margin-bottom:60px}}@media screen and (min-width: 1200px){.footer-address{margin-bottom:0}}.social{margin-bottom:60px}@media screen and (min-width: 480px){.social{text-align:center}}@media screen and (min-width: 768px){.social{margin-left:165px}}@media screen and (min-width: 1200px){.social{margin-left:70px;padding-top:12px;margin-bottom:0}}.social__title{padding:0;margin-top:0;margin-bottom:20px;font-weight:700;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:#fff}@media screen and (min-width: 768px){.social{text-align:center}}@media screen and (min-width: 1200px){.social{text-align:start;align-items:flex-start}}.subscribe{text-align:center}@media screen and (min-width: 768px){.subscribe{display:flex;flex-direction:column}}@media screen and (min-width: 1200px){.subscribe{text-align:start;margin-left:93px;padding-top:12px}}.subscribe__title{padding:0;margin-top:0;margin-bottom:20px;font-weight:700;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:#fff}@media screen and (min-width: 768px){.subscribe{text-align:center}}@media screen and (min-width: 1200px){.subscribe{display:flex;text-align:start}}@media screen and (min-width: 1200px){.subscription_thumb{display:flex}}@media screen and (min-width: 1200px){.subscription__thumb{display:flex;text-align:start}}@media screen and (min-width: 1200px){.subscription{display:flex}}.subscription__label{text-align:center;width:100%}@media screen and (min-width: 1200px){.subscription__label{width:0}}.subscription__label--text{position:absolute;padding-top:15px;padding-left:16px;font-size:16px;font-weight:400;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.subscription__input{width:100%;margin-bottom:20px;padding:15px 16px;height:50px;outline:none;border:1px solid rgba(255,255,255,.3);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;background-color:rgba(0,0,0,0);color:rgba(255,255,255,.6);font-style:16px;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.subscription__input{width:450px}}@media screen and (min-width: 1200px){.subscription__input{display:flex;width:358px;margin-right:12px}}.subscription__input:hover,.subscription__input:focus-within{border-color:#2196f3}.subscription__button{display:flex;margin:0 auto;justify-content:center;padding:10px}@media screen and (min-width: 768px){.subscription__button{max-width:200px}}@media screen and (min-width: 1200px){.subscription{max-height:50px}}.subscription__icon{display:flex;content:"";margin-left:10px}@media screen and (min-width: 1200px){.footer-container{display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:center}}.filter{display:flex;flex-wrap:wrap;margin-bottom:40px}@media screen and (min-width: 768px){.filter{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:30px}}@media screen and (min-width: 1200px){.filter{margin-bottom:50px}}.filter__item{margin-right:8px;margin-bottom:15px}.filter__item:last-child{margin-right:0}@media screen and (min-width: 480px){.filter__item:nth-child(n+4){margin-bottom:0}}@media screen and (min-width: 480px)and (min-width: 768px){.filter__item{margin-bottom:0}}.filter__button{padding:6px 22px;margin-bottom:0;border-radius:4px;border:rgba(0,0,0,0);color:#212121;font-size:16px;font-weight:500;line-height:1.62;letter-spacing:.03em;text-align:center;cursor:pointer;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.filter__button:hover,.filter__button:focus{color:#fff;background-color:#2196f3;box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2)}.filter__button--current{color:#fff;background-color:#2196f3;box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2)}.gallery{padding-top:60px;padding-bottom:60px}.portfolio{gap:30px}@media screen and (min-width: 768px){.portfolio{display:flex;flex-wrap:wrap}}.portfolio a{text-decoration:none}.portfolio__item{margin-bottom:30px}@media screen and (min-width: 480px){.portfolio__item:nth-child(n+9){margin-bottom:0}}@media screen and (min-width: 768px){.portfolio__item{width:calc((100% - 30px)/2);margin-bottom:0}}@media screen and (min-width: 1200px){.portfolio__item{width:calc((100% - 60px)/3)}}.portfolio__link{display:flex;flex-direction:column;height:100%;transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio__link:hover,.portfolio__link:focus{display:block;box-shadow:inset 0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2)}.portfolio__image{position:relative;overflow:hidden}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(33,150,243,.9);opacity:0;transform:translateY(100%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio-overlay:hover{opacity:1}.portfolio-overlay__text{position:absolute;top:0;left:0;margin:0;padding:63px 24px;width:100%;height:100%;font-size:18px;line-height:1.56;color:#fff}.portfolio__link:hover .portfolio-overlay,.portfolio__link:focus .portfolio-overlay{transform:translateY(0);opacity:1}.portfolio-content{flex-grow:1;padding:20px 24px;border:1px solid #eee}.portfolio-content__title{margin-top:0;margin-bottom:4px;color:#212121;font-size:18px;font-weight:700;line-height:2;letter-spacing:.06em}.portfolio-content__text{color:#757575;font-size:16px;line-height:1.88}/*# sourceMappingURL=main.min.css.map */