.visually-hidden{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden}:root{--main-font: "Roboto", sans-serif;--secondary-font: "Raleway", sans-serif;--accent-color: #2196f3;--cubic-bezier: cubic-bezier(0.4, 0, 0.2, 1)}.list{list-style:none}.link{text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}ul,ol{margin-bottom:0;margin-top:0;margin-left:0;padding-left:0;padding-right:0}img{display:block}.container{width:1200px;padding-left:10px;padding-right:10px;margin:0 auto}.header-partfolio{border:1px solid #ececec}.work__nav-btn{font-family:var(--main-font);font-weight:500;font-size:16px;line-height:1.62;text-align:center;letter-spacing:.03em;color:#212121;background:#f5f4fa;border-radius:4px;margin-right:8px;border:rgba(0,0,0,0);padding-top:6px;padding-bottom:6px;padding-right:22px;padding-left:22px;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.work__nav-btn:hover,.work__nav-btn:focus{color:#fff;background:var(--accent-color)}.work__nav{display:flex;justify-content:center;margin-bottom:50px;margin-top:94px}.header-partfolio__container__div{display:flex;align-items:center;justify-content:space-between;height:80px}.header-partfolio__container__nav{display:flex;align-items:center}.menu{display:flex;align-items:center}.logo{font-family:var(--main-font);font-weight:bold;font-size:26px;line-height:.7;letter-spacing:.03em;color:#212121;margin-right:90px}.logo-web{font-family:var(--secondary-font);font-weight:bold;font-size:26px;line-height:.83;letter-spacing:.03em;color:var(--accent-color)}.header__contact-list{display:flex;align-items:center}.menu-link-l{position:relative;font-family:var(--main-font);font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:#212121;transition:250ms var(--cubic-bezier);padding-bottom:30px;margin-right:50px}.menu-link{position:relative;font-family:var(--main-font);font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:#212121;transition:250ms var(--cubic-bezier);padding-bottom:30px;margin-right:50px}.menu-link:hover,.menu-link:focus{color:var(--accent-color)}.menu-link-l::after{display:block;content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:var(--accent-color);transition:opacity 250ms;border-radius:2px}.menu-link-l:hover::after{opacity:1}.menu-link::after{display:block;content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:var(--accent-color);opacity:0;transition:opacity 250ms;border-radius:2px}.menu-link:hover::after{opacity:1}.current{color:var(--accent-color)}.header__link-adres{display:flex;align-items:center;font-family:var(--main-font);font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:#757575;margin-right:50px;transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__link-adres:hover,.header__link-adres:focus{color:var(--accent-color)}.header__link-adres:hover .svg__mail,.header__link-adres:focus .svg__mail{fill:var(--accent-color)}.svg__mail{width:16px;height:12px;margin-right:10px;fill:#757575}.header__link-num{display:flex;align-items:center;font-family:var(--main-font);font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:#757575;transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__link-num:hover,.header__link-num:focus{color:var(--accent-color)}.header__link-num:hover .svg__phone,.header__link-num:focus .svg__phone{fill:var(--accent-color)}.svg__phone{width:10px;height:16px;margin-right:10px;fill:#757575}.footer__logo{font-family:var(--main-font);font-weight:bold;font-size:26px;line-height:.83;letter-spacing:.03em;color:#fff;display:block;margin-bottom:20px}.footer__li-adres{font-family:var(--main-font);font-weight:normal;font-size:14px;line-height:1.71;letter-spacing:.03em;color:#fff;transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__li-adres:hover,.footer__li-adres:focus{color:var(--accent-color)}.footer__li-link{font-family:var(--main-font);font-weight:normal;font-size:14px;line-height:1.71;letter-spacing:.03em;color:rgba(255,255,255,.6);transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__li-link:hover,.footer__li-link:focus{color:var(--accent-color)}.footer{background:#2f303a;padding-top:60px;padding-bottom:60px}.footer__container{display:flex}.footer__subs{margin-left:70px}.footer__li{margin-bottom:9px}.footer__social{display:flex;align-items:center;justify-content:space-evenly;margin-top:20px}.footer__h2{font-family:var(--main-font);font-weight:bold;font-size:14px;line-height:.87;letter-spacing:.03em;text-transform:uppercase;color:#fff}.footer__social-a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50px;background-color:rgba(255,255,255,.1)}.footer__social-a:nth-last-child(1){margin-right:10px;transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__social-svg{width:20px;height:20px;fill:#fff}.footer__social-a:focus,.footer__social-a:hover{background-color:#2196f3}.footer__social-a:hover .footer__social-svg,.footer__social-a:focus .footer__social-svg{fill:#fff}.modal-btn{font-family:var(--main-font);font-weight:bold;font-size:16px;line-height:1.87;display:flex;align-items:center;text-align:center;letter-spacing:.06em;cursor:pointer;color:#fffaf0;background:var(--accent-color);align-items:center;display:inline-block;padding-right:32px;padding-left:32px;padding-top:10px;padding-bottom:10px;margin-top:32px;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px}.about__first-phrase{font-family:var(--main-font);font-weight:900;font-size:44px;line-height:1.36;text-align:center;letter-spacing:.06em;text-transform:uppercase;color:#fff;display:flex;align-items:center;width:696px;margin-right:auto;margin-left:auto}.about{display:flex;text-align:center;padding-top:200px;padding-bottom:200px;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/index/hero/bg.jpg)}.skills__svg{margin-top:25px;margin-bottom:25px}.skills__list-div{height:120px;width:270px;display:flex;align-items:center;background:#f5f4fa;border-radius:4px;margin-right:30px;margin-bottom:30px}.skills__head-lines{font-family:var(--main-font);font-weight:bold;font-size:14px;line-height:2.07;letter-spacing:.03em;text-transform:uppercase;align-items:center;display:flex;margin-right:30px}.skills{padding-top:94px}.skills__head-skills{font-family:var(--main-font);font-weight:normal;font-size:14px;line-height:1.71;letter-spacing:.03em;color:#757575;align-items:center;display:flex;margin-right:30px;margin-top:10px}.skills__container{align-items:center;display:flex;background:#fff}.skills__list{align-items:center;display:flex;margin-left:30px}.do{padding-top:94px;padding-bottom:94px}.do__ul{display:flex;flex-wrap:wrap;justify-content:space-between}.do__container{background:#fff}.do__list{position:relative;padding-right:15px}.do__overlay{font-family:var(--main-font);font-weight:bold;font-size:14px;line-height:.8;text-align:center;letter-spacing:.03em;text-transform:uppercase;position:absolute;display:flex;align-items:center;justify-content:center;width:370px;height:70px;bottom:0;color:#fff;background-color:rgba(47,48,58,.8)}.name-page{font-family:var(--main-font);font-weight:bold;font-size:36px;line-height:1.16;text-align:center;letter-spacing:.03em;margin-top:94px;margin-bottom:50px}.team__ul{display:flex;flex-wrap:wrap;margin-top:-30px;margin-left:-30px}.team__li{margin-left:30px;margin-top:30px;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;background:#fff}.team__people{font-family:var(--main-font);font-weight:500;font-size:16px;line-height:1.18;text-align:center;letter-spacing:.03em;margin-top:30px}.team__people-position{font-family:var(--main-font);font-weight:normal;font-size:16px;line-height:19px;text-align:center;letter-spacing:.03em;color:#757575;margin-top:10px;margin-bottom:30px}.team{background:#f5f4fa;padding-bottom:94px}.social__list-link{width:20px;height:20px;fill:#afb1b8}.team__container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.social{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.social .social__list{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50px}.social__list:nth-last-child(1){margin-right:10px;transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.social__list:hover,.social__list:focus{background-color:#2196f3}.social__list:hover .social__list-link,.social__list:focus .social__list-link{fill:#fff}.klient__h2{text-align:center;font-family:var(--main-font);font-weight:bold;font-size:36px;line-height:.85;text-align:center;letter-spacing:.03em;color:#212121;padding-top:94px;padding-bottom:50px}.klient__ul{display:flex;justify-content:space-between;margin-bottom:94px}.klient__svg{width:106px;height:60px;fill:#afb1b8;transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.klient__a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:170px;height:92px;border-radius:4px;border:1px solid #afb1b8;transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.klient__a:hover,.klient__a:focus{fill:var(--accent-color);border:1px solid #2196f3}.klient__a:hover .klient__svg,.klient__a:focus .klient__svg{fill:var(--accent-color)}.modal__beckdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.modal__beckdrop.is-hidden{opacity:0;pointer-events:none}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);min-height:581px;min-width:528px;border-radius:4px;padding:40px;background-color:#fff}.modal__form-feedback{font-family:var(--main-font);font-style:normal;font-weight:bold;font-size:20px;line-height:23px;text-align:center;letter-spacing:.03em;padding-bottom:20px;color:#212121}.modal__btn-close-svg{width:11px;height:11px;fill:#000}.modal__btn-close-svg:hover{fill:var(--accent-color)}.modal__btn-close{position:absolute;cursor:pointer;top:8px;right:8px;width:30px;height:30px;border:1px solid rgba(0,0,0,.1);border-radius:50%;background-color:rgba(0,0,0,0);padding:0}.modal__form-label-svg{position:absolute;display:block;top:50%;left:15px;transform:translateY(-50%);width:15px;height:15px;outline:none}.modal__form{display:flex;flex-direction:column}.modal__form-input{width:100%;height:40px;padding-left:40px;margin-top:4px;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:none;cursor:pointer}.modal__form-input:focus{border-color:var(--accent-color)}.modal__form-input:focus+.modal__form-label-svg{fill:var(--accent-color)}.modal__form-input-wrapper{position:relative;display:block;margin-bottom:10px}.modal__form-mesage{width:100%;height:120px;margin-top:4px;outline:none;border:1px solid rgba(33,33,33,.2);border-radius:4px;resize:none;padding:12px 16px;cursor:pointer}.modal__form-mesage:focus{border-color:var(--accent-color)}.modal__form-mesage::placeholder{color:rgba(117,117,117,.5)}.modal__form-btn{align-self:center;font-family:var(--main-font);font-weight:bold;font-size:16px;line-height:1.87;display:flex;align-items:center;text-align:center;letter-spacing:.06em;cursor:pointer;width:200px;height:50px;color:#fffaf0;background:var(--accent-color);align-items:center;display:block;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px}.modal__form-checkbox-policy{display:flex;align-items:center;justify-content:center;margin-top:20px;margin-bottom:30px;font-family:var(--main-font);font-style:normal;font-weight:normal;font-size:14px;line-height:.5;letter-spacing:.03em;color:#757575}.modal__span{display:flex;align-items:center;justify-content:center;width:16px;height:15px;border:2px solid #000;border-radius:4px;margin-right:10px}.modal__form-checkbox{position:relative}.modal__form-checkbox:checked+.modal__span{background-color:var(--accent-color);border-color:var(--accent-color)}.modal__form-policy-link{margin-left:2px;color:var(--accent-color)}.modal__form-svg{position:absolute;width:11px;height:8px}.footer__container-mail{margin-left:93px}.footer__mail{display:flex;margin-top:20px;height:50px}.footer__h3{font-family:var(--main-font);font-weight:bold;font-size:14px;line-height:.8;letter-spacing:.03em;text-transform:uppercase;color:#fff}.footer__mail-input{font-family:var(--main-font);font-weight:normal;font-size:16px;line-height:.8;background-color:#2f303a;border:1px solid rgba(255,255,255,.3);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;color:rgba(255,255,255,.6);width:358px;height:50px;margin-right:12px;padding-left:16px}.footer__mail-btn{font-family:var(--main-font);font-weight:bold;font-size:16px;line-height:1.87;display:flex;align-items:center;justify-content:center;letter-spacing:.06em;cursor:pointer;color:#fffaf0;background:var(--accent-color);padding:10px 32px;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px}.footer__mail-svg-send{margin-left:10px;width:24px;height:24px;fill:#fff}.modal__form-label{font-family:var(--main-font);font-style:normal;font-weight:normal;font-size:12px;line-height:.8;letter-spacing:.01em;color:#757575}.work{margin-bottom:94px}.work__card-link{display:block}.work__card-link:hover .work__card-overlay{opacity:1;transform:translateY(0);transition:0}.work__card-img{position:relative;overflow:hidden}.text{font-family:var(--main-font);font-style:normal;font-weight:normal;font-size:18px;line-height:28px;letter-spacing:.03em;color:#fff}.work__card-overlay{position:absolute;width:100%;height:100%;top:0;left:0;margin:0;padding-left:24px;padding-top:63px;padding-right:24px;padding-bottom:63px;font-size:18px;line-height:1.56;opacity:0;transform:translateY(100%);transition:250ms cubic-bezier(0.4, 0, 0.2, 1);letter-spacing:.03em;color:#fff;background-color:rgba(33,150,243,.9)}.work__card-link:focus,.work__card-link:hover{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)}.work__card-link{transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.div-photo{padding-top:20px;padding-bottom:20px;padding-left:24px;padding-right:24px}.photo-second-name-list{font-family:var(--main-font);font-style:normal;font-weight:normal;font-size:16px;line-height:1.87;letter-spacing:.03em;color:#757575}.photo-name-list{font-family:var(--main-font);font-weight:bold;font-size:18px;line-height:2;letter-spacing:.06em;color:#212121}.work__card-list{display:flex;flex-wrap:wrap;margin-top:-30px;margin-left:-30px}.work__card{margin-left:30px;margin-top:30px;background:#fff;border:1px solid #eee;box-sizing:border-box}/*# sourceMappingURL=main.min.css.map */