*{margin:0;padding:0}*:focus{outline:none}.doing-item{line-height:0}.portfolio-project{line-height:0}img{width:100%;height:auto;line-height:0;display:block}a{text-decoration-line:none}ul{list-style-type:none}button{cursor:pointer;display:block;border:none}html{scroll-behavior:smooth}body{font-family:"Roboto",sans-serif;background-color:#fff}*::-moz-selection{background-color:#2196f3;color:#fff}*::selection{background-color:#2196f3;color:#fff}.block{height:60px}@media screen and (min-width: 768px){.block{height:80px}}@media screen and (min-width: 1200px){.block{height:78px}}.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}}.header{padding:10px 0;background-color:#fff;border-bottom:#ececec solid 1px;width:100%;position:fixed;top:0;left:0;z-index:10}.header__container{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;z-index:9}.header__logo{color:#2196f3;font-size:24px;font-weight:700;font-family:Raleway;letter-spacing:.78px}.header__accent{color:#212121}.header__list{display:flex;justify-content:start;align-items:start;flex-wrap:wrap;gap:50px;margin-left:93px;display:none}.header__item{position:relative}.header__link{color:#212121;font-size:14px;font-weight:500;letter-spacing:.28px;position:relative;z-index:5;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__link:hover,.header__link:focus{color:#2196f3}.header__sublist{position:absolute;top:48px;z-index:3;transition:opacity .5s;background-color:#fff;padding:8px;border:#ececec solid 1px;display:flex;justify-content:start;align-items:start;flex-wrap:wrap;flex-direction:column;gap:4px;opacity:0;border-radius:4px;box-shadow:0px 9px 14.9px #ececec;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) .5s}.header__item:hover .header__sublist{opacity:1}.header__sublink{color:#757575;font-size:14px;font-weight:500;letter-spacing:.28px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__sublink:hover,.header__sublink:focus{color:#2196f3}.header__contacts{display:flex;justify-content:start;align-items:start;flex-wrap:wrap;gap:30px;margin-left:auto;display:none}.header__address{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;gap:10px;align-items:center}.header__icon{fill:#757575;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__address:hover .header__icon,.header__address:focus .header__icon{fill:#2196f3}.header__text{color:#757575;font-size:14px;font-weight:500;letter-spacing:.28px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__address:hover .header__text,.header__address:focus .header__text{color:#2196f3}.header__btn{background-color:rgba(0,0,0,0);margin-left:auto;border:none}.header__burger{fill:#212121;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__burger:hover,.header__burger:focus{fill:#2196f3}@media screen and (min-width: 768px){.header{padding:21px 0}.header__list{display:flex}.header__contacts{display:flex;flex-direction:column;gap:10px}.header__icon{width:14px;height:10px}.header__contact:nth-child(2) .header__icon{width:10px;height:14px}.header__btn{display:none}.header__text{color:#757575;font-size:12px;font-weight:500}}@media screen and (min-width: 1200px){.header{padding:24px 0}.header__logo{color:#2196f3;font-size:26px;font-weight:700}.header__contacts{flex-direction:row;gap:30px}.header__icon{width:16px;height:12px}.header__contact:nth-child(2) .header__icon{width:10px;height:16px}.header__text{color:#757575;font-size:14px;font-weight:500}}.is-hidden{opacity:0;pointer-events:none}.no_scroll{overflow:hidden}.menu{width:100%;height:100%;position:fixed;top:0;left:0;z-index:200;padding:48px 40px;background-color:#fff}.menu__modal{height:85%;display:flex;flex-direction:column;justify-content:space-between}.menu__btn{background-color:rgba(0,0,0,0);display:block;position:absolute;top:10px;right:110px}.menu__icon{fill:#212121;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.menu__icon:hover,.menu__icon:focus{fill:#2196f3}.menu__list{display:flex;flex-direction:column;gap:35px}.menu__link{font-weight:500;font-size:40px;letter-spacing:.02em;color:#212121;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.menu__contacts{display:flex;flex-direction:column;gap:32px;margin-bottom:64px}.menu__address{font-weight:500;font-size:34px;letter-spacing:.02em;color:#2196f3}.menu__contact:nth-child(2) .menu__address{font-size:24px;color:#757575}.menu__medias{display:flex;flex-wrap:wrap;gap:9px}.menu__media{padding-right:10px;border-right:1px solid rgba(33,33,33,.2)}.menu__media:nth-child(4){padding-right:0;border-right:none}.menu__run{font-weight:500;font-size:18px;line-height:1.22222;letter-spacing:.02em;color:#2196f3}.wrapper{padding:35px 0}.footer{padding:60px 0;background:#2f303a;background-size:100%}.footer__container{display:flex;justify-content:center;align-items:start;flex-wrap:wrap;gap:60px}.footer__wrapper{justify-content:center;align-items:start;flex-wrap:wrap;gap:60px}.footer__wrap{margin-top:60px}.footer__box{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;flex-direction:column}.footer__logo{color:#2196f3;font-size:24px;font-weight:700;font-family:Raleway;letter-spacing:.78px}.footer__accent{color:#fff}.footer__address{margin-top:20px}.footer__list{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;flex-direction:column;gap:8px}.footer__map{color:#fff;font-size:14px;font-weight:400;line-height:1.71;font-style:normal;letter-spacing:.42px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__map:hover,.footer__map:focus{color:#2196f3}.footer__link{color:rgba(255,255,255,.6);font-size:14px;font-weight:400;line-height:1.71;font-style:normal;letter-spacing:.42px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__link:hover,.footer__link:focus{color:#2196f3}.footer__medias{display:flex;justify-content:start;align-items:start;flex-wrap:wrap;gap:10px}.footer__run{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:12px;border-radius:50%;background-color:rgba(255,255,255,.1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__run:hover,.footer__run:focus{background-color:#2196f3}.footer__icon{fill:#fff}.footer__form{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;flex-direction:column;width:450px}.footer__title{color:#fff;font-size:14px;font-weight:700;letter-spacing:.42px;text-transform:uppercase;margin-bottom:20px;text-align:center}.footer__name{display:block;width:100%}.footer__input{display:block;border-radius:4px;border:1px solid rgba(255,255,255,.3);background-color:rgba(0,0,0,0);box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);height:50px;width:95%;padding-left:15px;color:#fff;font-size:16px;font-weight:400;line-height:1.25;letter-spacing:.48px;transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px}.footer__input::-moz-placeholder{color:rgba(255,255,255,.6);font-size:16px;font-weight:400;line-height:1.25;letter-spacing:.48px}.footer__input::placeholder{color:rgba(255,255,255,.6);font-size:16px;font-weight:400;line-height:1.25;letter-spacing:.48px}.footer__input:hover,.footer__input:focus{border:1px solid #2196f3}.footer__btn{display:flex;justify-content:start;align-items:center;color:#fff;font-size:16px;font-weight:700;margin-left:90px;line-height:1.88;letter-spacing:.96px;border-radius:4px;background:#2196f3;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);gap:12px;border:none;padding:10px 28px;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__btn:hover,.footer__btn:focus{background-color:#046ec3}.footer__send{fill:#fff}@media screen and (min-width: 480px){.footer__form{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;flex-direction:column;width:450px}.footer__btn{display:flex;justify-content:start;align-items:center;color:#fff;font-size:16px;font-weight:700;margin-left:130px;line-height:1.88;letter-spacing:.96px;border-radius:4px;background:#2196f3;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);gap:12px;border:none;padding:10px 28px;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__btn:hover,.footer__btn:focus{background-color:#046ec3}.footer__send{fill:#fff}.footer__input{display:block;border-radius:4px;border:1px solid rgba(255,255,255,.3);background-color:rgba(0,0,0,0);box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);height:50px;width:95%;padding-left:15px;margin-right:50px;color:#fff;font-size:16px;font-weight:400;line-height:1.25;letter-spacing:.48px;transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px}.footer__input::-moz-placeholder{color:rgba(255,255,255,.6);font-size:16px;font-weight:400;line-height:1.25;letter-spacing:.48px}.footer__input::placeholder{color:rgba(255,255,255,.6);font-size:16px;font-weight:400;line-height:1.25;letter-spacing:.48px}.footer__input:hover,.footer__input:focus{border:1px solid #2196f3}}@media screen and (min-width: 768px){.footer__wrapper{display:flex;justify-content:center;align-items:start;flex-wrap:wrap;gap:165px}.footer__wrap{margin-top:0px}.footer__btn{margin-left:130px}.footer__wrap{padding-top:5px}}@media screen and (min-width: 1200px){.footer__wrapper{gap:70px}.footer__logo{color:#2196f3;font-size:26px;font-weight:700}.footer__wrap{padding-top:12px}.footer__form{margin-left:auto;width:570px}.footer__input{width:358px;display:inline-block}.footer__btn{gap:10px;margin:0;height:50px}.footer__title{text-align:left;width:570px}.footer__box{display:flex;justify-content:start;align-items:start;flex-wrap:wrap}.footer__list{display:flex;justify-content:start;align-items:start;flex-wrap:wrap}.footer__form{padding-top:12px}.footer__name{display:flex;justify-content:space-between}.footer__wrap{width:206px}}@keyframes scroll-rotate{0%{transform:rotate(0deg)}33%{transform:rotate(360deg)}66%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}.gotopbtn{position:fixed;width:50px;border-radius:50%;border:5px solid #fff;height:50px;background:#2196f3;bottom:40px;right:50px;text-decoration:none;text-align:center;line-height:60px;color:#fff;font-size:32px;animation-name:scroll-rotate;animation-duration:2s;animation-timing-function:cubic-bezier(0.52, 0.8, 0.54, 0.26);animation-iteration-count:infinite}.portfolio{padding:60px 0}.portfolio__buttons{display:flex;justify-content:start;align-items:start;flex-wrap:wrap;gap:8px;row-gap:15px;max-width:326px}.portfolio__btn{color:#212121;text-align:center;font-size:16px;font-weight:500;line-height:1.63;letter-spacing:.48px;border-radius:4px;background:#f5f5fa;border:none;padding:6px 22px;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)}.portfolio__btn:hover,.portfolio__btn:focus{color:#fff;background-color:#2196f3;box-shadow:0px 2px 2px 0px rgba(0,0,0,.12),0px 1px 2px 0px rgba(0,0,0,.08),0px 3px 1px 0px rgba(0,0,0,.1)}.portfolio__projects{margin-top:40px;display:flex;justify-content:start;align-items:start;flex-wrap:wrap;flex-wrap:wrap;gap:30px}.portfolio__project{background-color:#fff;width:100%}.portfolio__link{height:450px;height:100%;display:block;transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio__link:hover,.portfolio__link:focus{box-shadow:1px 4px 6px 0px rgba(0,0,0,.16),0px 4px 4px 0px rgba(0,0,0,.06),0px 1px 1px 0px rgba(0,0,0,.12)}.portfolio__wrap{position:relative;overflow:hidden}.portfolio__mobile{width:100%}.portfolio__info{position:absolute;background:rgba(33,150,243,.9);top:100%;left:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio__link:hover .portfolio__info,.portfolio__link:focus .portfolio__info{transform:translate(0, -100%)}.portfolio__text{color:#fff;font-size:14px;font-weight:400;line-height:1.56;letter-spacing:.54px}.portfolio__wraper{padding:20px 24px;border:1px solid #eee;border-top:0}.portfolio__subtitle{color:#212121;font-family:Roboto;font-size:18px;font-weight:700;line-height:2;letter-spacing:1.08px;margin-bottom:4px}.portfolio__type{color:#757575;font-family:Roboto;font-size:16px;font-weight:400;line-height:1.88;letter-spacing:.48px}@media screen and (min-width: 400px){.portfolio__text{font-size:18px}}@media screen and (min-width: 768px){.portfolio__buttons{max-width:100%;display:flex;justify-content:center;align-items:start;flex-wrap:wrap}.portfolio__projects{margin-top:30px}.portfolio__project{width:354px;height:auto}.portfolio__project:nth-child(1) .portfolio__wraper{padding-bottom:56px}.portfolio__link:hover .portfolio__info,.portfolio__link:focus .portfolio__info{padding:49px 24px 77px}.portfolio__img{display:block;width:100%;height:294px}.portfolio__mobile{display:none}}@media screen and (min-width: 1200px){.portfolio{padding:94px 0}.portfolio__project{width:370px}.portfolio__project:nth-child(1) .portfolio__wraper{padding-bottom:20px}.portfolio__projects{margin-top:50px}}.header__item:nth-child(2) .header__link{color:#2196f3}.header__item:nth-child(2)::after{content:"";display:block;position:absolute;background-color:#2196f3;width:100%;border-radius:2px;height:4px;top:45px}.menu__item:nth-child(2) .menu__link{color:#2196f3}/*# sourceMappingURL=portfolio.min.css.map */