.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}.join-form__button{min-width:200px;min-height:50px;border-radius:4px;background-color:#2196f3;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:16px;line-height:1.875;letter-spacing:.06em;color:#fff;text-align:center;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.join-form__button:hover,.join-form__button:focus{background-color:#188ce8}.project,.site-nav,.header-contacts,.nav__list,.socials-list,.mobile-menu-socials,.mobile-menu-contacts,.mobile-menu-nav{list-style:none;margin:0;padding:0}.address__tel,.address__email,.project__link,.header-contacts__link,.nav__link,.socials-list__link,.logo,.mobile-menu-socials__link,.mobile-menu-contacts__link,.mobile-menu-nav__link{text-decoration:none;color:inherit}.project__img{display:block;max-width:100%;height:auto}/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}body{font-family:"Roboto",sans-serif;color:#757575;background-color:#fff;letter-spacing:.03em}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.section-title{margin-bottom:30px;font-weight:700;font-size:28px;line-height:1.1785714286;color:#212121;text-align:center}@media screen and (min-width: 1200px){.section-title{margin-bottom:50px;font-size:36px;line-height:1.1666666667}}.no-scroll{overflow:hidden}.container{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}}h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0}input,textarea{outline:rgba(0,0,0,0)}.mobile-menu__button{position:absolute;top:10px;right:15px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:0;padding:0;border:none;background-color:rgba(0,0,0,0);cursor:pointer}@media screen and (min-width: 768px){.mobile-menu__button{display:none}}.mobile-menu{position:absolute;top:0;left:0;width:100vw;height:100vh;padding:48px 83px 48px 40px;display:none;z-index:999;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;overflow-y:scroll}@media screen and (max-width: 767px){.mobile-menu.is-open{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translateX(0);transform:translateX(0)}}.mobile-menu__icon:hover,.mobile-menu__icon:focus{fill:#2196f3}.mobile-menu-nav{margin-bottom:60px}.mobile-menu-nav__item{font-weight:500;font-size:40px;line-height:1.175;letter-spacing:.02em;color:#212121}.mobile-menu-nav__item:not(:last-child){margin-bottom:32px}.mobile-menu-nav__link--current{color:#2196f3}.mobile-menu-contacts{margin-top:auto;margin-bottom:64px}.mobile-menu-contacts{margin-bottom:64px}.mobile-menu-contacts__item:not(:last-child){margin-bottom:32px}.mobile-menu-contacts__link--tel{font-weight:500;font-size:34px;line-height:1.1764705882;letter-spacing:.02em;color:#2196f3}@media screen and (max-width: 479px){.mobile-menu-contacts__link--tel{font-size:24px;line-height:1.1666666667}}.mobile-menu-contacts__link--email{font-weight:500;font-size:24px;line-height:1.1666666667;letter-spacing:.02em;color:#757575}@media screen and (max-width: 479px){.mobile-menu-contacts__link--email{font-size:18px;line-height:1.2222222222}}.mobile-menu-socials{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.mobile-menu-socials__item{font-weight:500;font-size:18px;line-height:1.2222222222;letter-spacing:.02em;color:#2196f3}.mobile-menu-socials__link::after{position:absolute;content:"";height:22px}.logo{font-family:"Raleway";font-weight:700;font-size:24px;line-height:1.1666666667}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.1923076923}}.header__logo{display:block;padding-top:16px;padding-bottom:16px}@media screen and (min-width: 768px){.header__logo{padding-top:26px;padding-bottom:26px;margin-right:88px}}@media screen and (min-width: 1200px){.header__logo{margin-right:93px;padding-top:24px;padding-bottom:25px}}.logo__label{color:#2196f3}.logo__label--black-theme{color:#000}.logo__label--white-theme{color:#fff}.footer__logo{display:inline-block;margin-bottom:20px}.socials-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;gap:10px}.socials-list__item{cursor:pointer}.socials-list__link{height:44px;width:44px;margin:0;padding:0;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;border-radius:50%;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.socials-list__link--gray{background-color:rgba(255,255,255,.1)}.socials-list__link:hover,.socials-list__link:focus{background-color:#2196f3}.socials-list__icon{-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.socials-list__icon--grey{fill:#afb1b8}.socials-list__icon--white{fill:#fff}.socials-list__link:hover .socials-list__icon,.socials-list__link:focus .socials-list__icon{fill:#fff}.header{border-bottom:1px solid #ececec}@media screen and (min-width: 768px){.header__container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 1200px){.header-cont-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (max-width: 767px){.nav,.header-contacts{display:none}}@media screen and (min-width: 768px){.nav,.header-contacts{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (min-width: 768px)and (max-width: 1199px){.nav,.header-contacts{display:-webkit-box;display:-ms-flexbox;display:flex}}.nav__list{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:50px}@media screen and (max-width: 1199px){.nav__list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:84px}}@media screen and (min-width: 1200px){.nav__list{display:-webkit-box;display:-ms-flexbox;display:flex}}.header-contacts{-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 768px)and (max-width: 1199px){.header-contacts{display:block}}@media screen and (min-width: 1200px){.header-contacts{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;gap:30px}}.nav__link{padding-top:32px;padding-bottom:32px;font-weight:500;font-size:14px;line-height:1.1428571429;letter-spacing:.02em;color:#212121;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.nav__link:hover,.nav__link:focus{color:#2196f3}.nav__link--current{position:relative;color:#2196f3}.nav__link--current::after{position:absolute;left:0;bottom:0;content:"";display:block;width:100%;height:4px;border-radius:2px;background-color:#2196f3}.header-contacts__link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:21px;padding-bottom:21px;font-weight:500;font-size:12px;line-height:1.1666666667;letter-spacing:.02em;color:#757575;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header-contacts__link:hover,.header-contacts__link:focus{color:#2196f3}@media screen and (max-width: 1199px){.header-contacts__link--email{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:10px;margin:0}.header-contacts__link--tel{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:0}}@media screen and (min-width: 1200px){.header-contacts__link{padding-top:32px;padding-bottom:32px;font-size:14px;line-height:1.1428571429}}.header-contacts__icon{fill:currentColor;margin-right:8px}.header-contacts__icon--envelope{width:14px;height:10px}.header-contacts__icon--smartphone{width:10px;height:14px}@media screen and (min-width: 1200px){.header-contacts__icon{margin-right:10px}.header-contacts__icon--envelope{width:16px;height:12px}.header-contacts__icon--smartphone{height:16px}}.site-nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:40px;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}@media screen and (min-width: 768px){.site-nav{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px}}@media screen and (min-width: 1200px){.site-nav{margin-bottom:50px}}.site-nav__button{background-color:#f5f4fa;color:#212121;border-radius:4px;font-family:inherit;cursor:pointer;display:inline-block;border-radius:4px;padding:6px 22px;min-width:73px;border:none;font-style:normal;font-weight:500;font-size:16px;line-height:1.625;letter-spacing:.03em;text-align:center;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);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);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),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.site-nav__button:hover,.site-nav__button:focus,.site-nav__button--active{background-color:#2196f3;color:#fff;-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);border-radius:4px}@media screen and (min-width: 768px){.project{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}}.project__item{-webkit-transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 767px){.project__item:not(:last-child){margin-bottom:30px}}.project__item:hover{outline:1px solid #eee;-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)}@media screen and (min-width: 768px){.project__item{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.project__item{-ms-flex-preferred-size:calc((100% - 60px)/3);flex-basis:calc((100% - 60px)/3)}}.project__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}.project__title{margin-bottom:4px;color:#212121;font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em}.project__text{color:#757575;font-size:16px;line-height:1.875}.project__container{border:1px solid #ececec;padding:20px 24px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.project__overlay-text{padding:24px;font-style:normal;font-size:18px;line-height:1.5555555556;color:#fff}.project__box{position:relative;overflow:hidden}.project__overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;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;background-color:rgba(33,150,243,.9);-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.project__item:hover .project__overlay{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.footer{padding:60px 0;background:#2f303a}@media screen and (max-width: 767px){.footer__container{text-align:center}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;text-align:left}}@media screen and (min-width: 1200px){.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer-contacts{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}}@media screen and (min-width: 1200px){.footer-contacts{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (max-width: 767px){.address{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}}@media screen and (min-width: 768px){.address{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.address__post{display:inline-block;margin-bottom:8px;font-style:normal;font-weight:400;font-size:14px;line-height:1.7142857143;color:#fff}@media screen and (min-width: 1200px){.address__post{margin-bottom:9px}}.address__email{margin-bottom:8px;font-style:normal;font-weight:400;font-size:14px;line-height:1.7142857143;color:rgba(255,255,255,.6);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.address__email:hover,.address__email:focus{color:#fff}@media screen and (max-width: 1199px){.address__email{display:inline-block}}@media screen and (min-width: 1200px){.address__email{display:inline-block;margin-bottom:9px}}.address__tel{font-style:normal;font-weight:400;font-size:14px;line-height:1.7142857143;color:rgba(255,255,255,.6);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.address__tel:hover,.address__tel:focus{color:#fff}@media screen and (max-width: 1199px){.address__tel{display:inline-block;margin-bottom:60px}}@media screen and (min-width: 1200px){.address__tel{display:inline-block}}@media screen and (min-width: 768px)and (max-width: 1199px){.subscribe{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}}@media screen and (min-width: 1200px){.subscribe{margin-left:70px}}@media screen and (min-width: 768px)and (max-width: 1199px){.subscription{text-align:center}}@media screen and (min-width: 1200px){.subscription{margin-left:93px}}.footer-join-title{display:inline-block;margin-bottom:20px;font-size:14px;line-height:1.1428571429;font-weight:700;color:#fff;text-transform:uppercase}@media screen and (max-width: 767px){.socials-list--footer{margin-bottom:60px}}@media screen and (min-width: 768px)and (max-width: 1199px){.join-form__box{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1200px){.join-form__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.join-form__input{margin:0;padding:0;padding-top:15px;padding-bottom:15px;padding-left:16px;max-width:358px;height:50px;font-weight:400;font-size:16px;line-height:1.25;color:rgba(255,255,255,.6);background-color:rgba(0,0,0,0);border:1px solid rgba(255,255,255,.3);-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));border-radius:4px;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);outline:rgba(0,0,0,0)}.join-form__input::-webkit-input-placeholder{font-weight:400;font-size:16px;line-height:1.25;color:rgba(255,255,255,.6)}.join-form__input::-moz-placeholder{font-weight:400;font-size:16px;line-height:1.25;color:rgba(255,255,255,.6)}.join-form__input:-ms-input-placeholder{font-weight:400;font-size:16px;line-height:1.25;color:rgba(255,255,255,.6)}.join-form__input::-ms-input-placeholder{font-weight:400;font-size:16px;line-height:1.25;color:rgba(255,255,255,.6)}.join-form__input::placeholder{font-weight:400;font-size:16px;line-height:1.25;color:rgba(255,255,255,.6)}.join-form__input:hover,.join-form__input:focus{border-color:#2196f3}@media screen and (max-width: 1199px){.join-form__input{margin-bottom:20px}}@media screen and (min-width: 480px){.join-form__input{width:358px}}.join-form__button{padding:0;margin:0;padding:10px 28px 10px 29px}@media screen and (min-width: 480px){.join-form__button{margin-left:12px}}@media screen and (min-width: 1200px){.join-form__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.join-form__icon{fill:currentColor;margin-left:10px}/*# sourceMappingURL=portfolio.min.css.map */