/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */@import"https://fonts.googleapis.com/css2?family=Raleway:wght@700&family=Roboto:wght@400;500;700;900&display=swap";html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:none;appearance:none}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:none;appearance:none;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.footer-form__btn{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}.visually-hidden{white-space:nowrap;margin:-1px;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%)}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.container{margin:0 auto;padding:0 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}}.container-header{margin:0 auto;padding:0 15px;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:center;-ms-flex-align:center;align-items:center;background-color:#fff}@media screen and (min-width: 320px){.container-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 480px){.container-header{width:480px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 768px){.container-header{width:768px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}}@media screen and (min-width: 1200px){.container-header{width:1200px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}}body{font-family:"Roboto",sans-serif;background-color:#fff;color:#212121}body.modal-open{overflow:hidden}.header-border-botoom{border-bottom:1px solid #ececec}.header__name-site{font-family:"Raleway";font-weight:700;letter-spacing:.03em;text-decoration:none;color:#000}@media screen and (min-width: 320px){.header__name-site{font-size:24px;line-height:1.16;padding:16px 0;display:inline-block}}@media screen and (min-width: 1200px){.header__name-site{font-size:26px;line-height:1.19;padding-top:24px;padding-bottom:25px}}.header__name-color{color:#2196f3}@media screen and (max-width: 768px){.reviews-a{display:none}}@media screen and (min-width: 480px){.header__nav{margin-left:87px}}@media screen and (min-width: 1200px){.header__nav{margin-left:90px}}@media screen and (min-width: 768px){.nav__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;list-style:none;gap:50px}}@media screen and (min-width: 768px){.nav__link{position:relative;display:block;padding-top:32px;padding-bottom:32px;list-style:none;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;text-decoration:none;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}}@media screen and (min-width: 768px){.current{color:#2196f3}.current::after{position:absolute;bottom:0;right:0px;content:"";width:100%;height:4px;background-color:#2196f3;border-radius:2px}}.header__cont{list-style:none}@media screen and (min-width: 768px){.header__cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:96px}}@media screen and (min-width: 1200px){.header__cont{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-left:auto;gap:50px}}@media screen and (min-width: 768px){.cont__item:last-child{margin-bottom:0}}.cont__header-mail,.cont__header-tel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;font-weight:500;letter-spacing:.02em;text-decoration:none;color:#757575;fill:#757575;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.cont__header-mail:hover,.cont__header-mail:focus,.cont__header-tel:hover,.cont__header-tel:focus{color:#2196f3;fill:#2196f3}@media screen and (min-width: 768px){.cont__header-mail,.cont__header-tel{font-size:12px;line-height:1.16}}@media screen and (min-width: 1200px){.cont__header-mail,.cont__header-tel{padding-top:32px;padding-bottom:32px;margin-bottom:0;font-size:14px;line-height:1.14}}.cont__header-mail .cont__mail-icon,.cont__header-tel .cont__mail-icon{margin-bottom:2px;margin-right:10px;width:16px;height:12px}.cont__header-mail .cont__tel-icon,.cont__header-tel .cont__tel-icon{margin-right:10px;width:10px;height:16px}@media screen and (min-width: 768px)and (max-width: 1199.9px){.cont__header-mail{margin-bottom:10px}}.projects{padding-top:94px;padding-bottom:94px}.projects__filtr{list-style:none;margin-bottom:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.projects__btn{font-weight:500;font-size:16px;line-height:1.62;letter-spacing:.03em;cursor:pointer;border:none;border-radius:4px;padding:6px 22px;background-color:#f5f4fa;color:#212121;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),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)}.projects__btn:hover,.projects__btn:focus{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)}.projects__card-set{padding:0;margin:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.projects__items{max-width:370px}.projects__link{text-decoration:none;-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)}.projects__link:hover,.projects__link:focus{display:block;-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)}.projects__thumb{position:relative;overflow:hidden}.projects__link:hover .projects__thumb::before{-webkit-transform:translateY(0);transform:translateY(0)}.projects__photo{display:block}.projects__overlay{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(33,150,243,.9);-webkit-transform:translateY(100%);transform:translateY(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)}.projects__link:hover .projects__overlay,.projects__link:focus .projects__overlay{-webkit-transform:translateY(0);transform:translateY(0)}.projects__hover-card{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:322px;opacity:0;-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.projects__link:hover .projects__hover-card,.projects__link:focus .projects__hover-card{opacity:1}.projects__card-desc{font-weight:400;font-size:18px;line-height:1.5;letter-spacing:.03em;color:#fff}.projects__meta{padding:20px 24px;border:1px solid #f5f4fa;border-top-style:none}.projects__subtitle{font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em;margin-bottom:4px;color:#212121}.projects__text{font-size:16px;line-height:1.87;letter-spacing:.03em;color:#757575}.page-footer{padding-top:60px;padding-bottom:60px;background-color:#2f303a}.page-footer__position{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){.page-footer__position{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media screen and (min-width: 1200px){.page-footer__position{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.page-footer__position-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: 1200px){.page-footer__position-address{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.page-footer__site-name{display:inline-block;font-family:"Raleway";font-weight:700;text-decoration:none;margin-bottom:20px;letter-spacing:.03em;color:#fff}@media screen and (min-width: 320px){.page-footer__site-name{width:154px;font-size:24px;line-height:1.16;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1200px){.page-footer__site-name{width:145px;font-size:26px;line-height:1.19}}.page-footer__color-name-site{color:#2196f3}.page-footer__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;width:230px;font-style:normal}@media screen and (min-width: 1200px){.page-footer__address{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.page-footer__office{font-size:14px;line-height:1.7;letter-spacing:.03em;margin-bottom:10px;color:#fff}.page-footer__list{list-style:none}.page-footer__item{margin-bottom:10px}.page-footer__item:last-child{margin-bottom:0}.page-footer__mail,.page-footer__tel{display:block;font-size:14px;line-height:1.7;text-decoration:none;letter-spacing:.03em;color:rgba(255,255,255,.6)}.page-footer__mail:hover,.page-footer__mail:focus,.page-footer__tel:hover,.page-footer__tel:focus{color:#2196f3}.page-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;margin-top:60px}@media screen and (min-width: 768px){.page-footer__social{margin-top:0}}@media screen and (min-width: 1200px){.page-footer__social{margin-left:70px}}.page-footer__social-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;margin-bottom:20px;color:#fff}@media screen and (min-width: 1200px){.page-footer__social-title{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}}.page-footer__social-links{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;width:206px;height:80x;gap:10px}.page-footer__social-link{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;border-radius:50%;width:44px;height:44px;background-color:#44454e;-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)}.page-footer__social-link:hover,.page-footer__social-link:focus{background-color:#2196f3}.page-footer__social-icon{fill:#fff;width:20px;height:20px}.footer-form{margin-top:60px}@media screen and (min-width: 1200px){.footer-form{margin-left:93px;margin-top:0}}.footer-form__title{font-weight:700;font-size:14px;line-height:16px;letter-spacing:.03em;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px;color:#fff}@media screen and (min-width: 1200px){.footer-form__title{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}}.footer-form__posotion-input{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: 1200px){.footer-form__posotion-input{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.footer-form__input{width:358px;height:50px;margin-bottom:20px;padding-left:16px;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;background-color:#2f303a;color:#fff}@media screen and (min-width: 320px)and (max-width: 479.9px){.footer-form__input{width:250px}}@media screen and (min-width: 768px)and (max-width: 1199.9px){.footer-form__input{width:450px}}@media screen and (min-width: 1200px){.footer-form__input{margin-bottom:0}}.footer-form__input:focus-within{outline:none}.footer-form__btn{width:200px;padding:10px 28px;font-weight:700;font-size:16px;line-height:1.8;letter-spacing:.06em;border:none;cursor:pointer;color:#fff;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-radius:4px}@media screen and (min-width: 1200px){.footer-form__btn{margin-left:12px}}.footer-form__icon{margin-left:10px;width:24px;height:24px;fill:#fff}/*# sourceMappingURL=portfolio.min.css.map */