html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit;margin:0;padding:0}body{background-color:#ffffff;font-family:"Roboto",sans-serif;font-size:18px;color:#fff}h1{margin:0}img{display:block}.link{text-decoration:none;display:block}.list{list-style:none;margin:0;padding:0}.container{width:1200px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}.backdrop{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);display:flex;justify-content:center;align-items:center}.modal-form{position:relative;width:528px;display:flex;flex-direction:column;background-color:#fff;padding:40px}.modal-form-title{font-family:Roboto;font-style:normal;font-weight:bold;font-size:20px;line-height:1.15;text-align:center;letter-spacing:0.03em;color:#212121;margin-bottom:30px}.modal-form-input-wrapper{position:relative;margin-bottom:28px}.modal-form-input{height:40px;padding-left:50px}.modal-form-message{height:120px;resize:none}.modal-form-input,.modal-form-message{display:block;width:100%;border:1px solid rgba(33,33,33,0.2);box-sizing:border-box;border-radius:4px}.modal-form-input:focus,.modal-form-message:focus{outline:none}.modal-form-input:hover,.modal-form-message:focus{border:1px solid #2196f3;box-sizing:border-box;border-radius:4px}.modal-form-message{margin-bottom:28px;padding-top:12px;padding-left:16px;padding-right:16px}.modal-form-label{position:absolute;top:50%;left:7%;transform:translateY(-50%);font-family:Roboto;font-style:normal;font-weight:normal;font-size:14px;line-height:1.14;letter-spacing:0.01em;color:#757575;padding-left:8px;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form-message{font-family:Roboto;font-style:normal;font-weight:normal;font-size:14px;line-height:16px;letter-spacing:0.01em;color:#757575}.modal-form-message:focus::placeholder{color:#2196f3}.modal-form-input:focus+.modal-form-label,.modal-form-input:not(:placeholder-shown)+.modal-form-label{transform:translate(-35px, -40px);color:#2196f3;font-size:12px;line-height:1.17;letter-spacing:0.01em}.modal-form-in:focus+.modal-icon-svg-name{color:#2196f3}.modal-form-option-span{font-family:Roboto;font-style:normal;font-weight:normal;font-size:14px;line-height:1.71;letter-spacing:0.03em;color:#757575}.link-span-wind{font-family:Roboto;font-style:normal;font-weight:normal;font-size:14px;line-height:1.71;letter-spacing:0.03em;text-decoration-line:underline;color:#2196f3}.label{display:flex;align-items:center;position:relative}.modal-form-button{font-weight:bold;font-size:16px;line-height:1.87;letter-spacing:0.06em;color:#ffffff;border:none;width:200px;height:50px;margin-left:110px;margin-top:30px;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);background:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,0.15);border-radius:4px}.modal-form-button:hover,.modal-form-button:focus{background-color:#188ce8}.checkbox{margin-right:7px}.modal-icon-svg-name{position:absolute;width:18px;height:18px;display:inline-block;top:50%;left:2%;transform:translateY(-50%);transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-close-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:#ffffff;border:1px solid rgba(0,0,0,0.1);cursor:pointer;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.icon-close-svg{width:11px;height:11px}.icon-close-svg:hover,.icon-close-svg:focus{fill:#2196f3}.modal-form-input:focus ~ .modal-icon-svg-name{fill:#188ce8}.checkbox-input{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}.label::before{content:"";border:2px solid #020202;width:15px;height:15px;margin-right:7px;background-color:#fff}.checkbox-input:checked .label:checked::before{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}.checkbox-input:checked+label:before{border:0.2px solid #ffffff;background:#2196f3;border-radius:2px;background-image:url("../images/icon-check.svg");background-size:contain}.logo-first-title{font-family:Raleway;font-style:normal;font-weight:bold;font-size:26px;line-height:1.19;letter-spacing:0.03em;color:#2196f3;text-decoration:none;padding-top:24px;padding-bottom:24px}.logo-second-title{font-family:Raleway;font-style:normal;font-weight:bold;font-size:26px;line-height:1.19;letter-spacing:0.03em;color:#000000;text-decoration:none;padding-top:24px;padding-bottom:24px}.logo-footer-link{text-decoration:none}.logo-img{margin-right:85px;text-decoration:none}.header{border-bottom:1px solid #ececec}.header .container{display:flex;align-items:center;justify-content:space-between}.navigation{display:flex;align-items:center}.navigation-list{display:flex}.navigation-list-item:not(:last-child){margin-right:50px}.contacts-header{display:flex}.header-address-link{font-family:Roboto;font-style:normal;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;text-decoration:none;margin-right:30px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header-address-link:hover,.header-address-link:focus{color:#2196f3}.header-address-link:hover,.header-address-link:focus .header-svg{fill:#2196f3}.navigation-list-link{font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;color:#212121;padding-top:32px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.navigation-list-link:hover,.navigation-list-link:focus{color:#2196f3}.header-tel-link{font-family:Roboto;font-style:normal;font-weight:500;font-size:14px;line-height:1.4;letter-spacing:0.02em;color:#757575;text-decoration:none}.header-tel-link{color:#757575}.modal-btn,.contact-form-btn{font-weight:bold;font-size:16px;line-height:1.87;display:flex;align-items:center;text-align:center;letter-spacing:0.06em;color:#ffffff;border:none;width:200px;height:50px;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-btn:hover,.modal-btn:focus,.contact-form-btn:hover,.contact-form-btn:focus{background-color:#188ce8}.current::after{width:47px;height:4px;background-color:#2196f3;content:"";display:block;margin-left:auto;margin-right:auto;width:100%;margin-top:28px}.header-list{display:flex}.header-svg{width:16px;height:11px;margin-right:10px;color:#757575;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header-tel-svg{width:16px;height:11px;margin-right:10px;color:#757575;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.filter-list{display:flex;justify-content:center;padding-top:88px;padding-bottom:34px}.filter-list-item{background:#F5F4FA;box-shadow:0px 2px 2px rgba(0,0,0,0.12),0px 1px 2px rgba(0,0,0,0.08),0px 3px 1px rgba(0,0,0,0.1);border-radius:4px}.filter-list-item{transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.filter-list-item:hover,.filter-list-item:focus{background:#2196f3}.filter-list-item:not(:last-child){margin-right:8px}.filter-list-link{font-family:Roboto;font-style:normal;font-weight:500;font-size:16px;line-height:1.62;text-align:center;letter-spacing:0.03em;color:#212121;text-decoration:none;display:block;padding-top:6px;padding-bottom:6px;padding-left:22px;padding-right:22px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.filter-list-link:hover,.filter-list-link:focus{color:#2196f3;color:#ffffff}.product-list-flex{display:flex;flex-wrap:wrap}.list-portfolio-items{width:370px;height:404px;margin-right:30px;margin-bottom:30px;background:#ffffff;border:1px solid #eeeeee;background:#ffffff;border:1px solid #eeeeee;box-sizing:border-box}.list-portfolio-items:hover,.list-portfolio-items:focus{background:#ffffff;border:1px solid #eeeeee;box-sizing:border-box;box-shadow:1px 4px 6px rgba(0,0,0,0.16),0px 4px 4px rgba(0,0,0,0.06),0px 1px 1px rgba(0,0,0,0.12)}.list-portfolio-items:hover .portfolio-overlay-text{transform:translateY(0)}.list-portfolio-items:nth-child(3n){margin-right:0}.list-portfolio-items:nth-last-child(-n+3){margin-bottom:0}.title-description{font-family:Roboto;font-style:normal;font-weight:bold;font-size:18px;line-height:2;letter-spacing:0.06em;color:#212121;padding-top:20px;padding-left:24px;margin-bottom:4px}.product-list-item-link{text-decoration:none}.product-description{font-family:"Roboto",sans-serif;font-style:normal;font-weight:normal;font-size:16px;line-height:1.87;letter-spacing:0.03em;color:#757575;padding-left:24px}.list-portfolio-items:nth-last-child(-n+3){margin-bottom:94px}.potrfolio-overlay{overflow:hidden;position:relative}.portfolio-overlay-text{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(33,150,243,0.9);color:#fff;transform:translateY(100%);transition:250ms cubic-bezier(0.4, 0, 0.2, 1);display:flex;align-items:center;padding-top:63px;padding-bottom:63px;padding-left:24px;padding-right:24px;letter-spacing:0.03em;line-height:1.56}.footer{padding-top:60px;padding-bottom:60px;background-color:#2f303a}.footer .container{display:flex}.footer-container-address{margin-right:69px;margin-left:60px}.logo-footer-distance{margin-bottom:20px}.contact-list-item:not(:last-child){margin-bottom:10px}.contact-list-item-link{display:block;font-family:Roboto;font-style:normal;font-weight:normal;font-size:14px;line-height:1.71;letter-spacing:0.03em;color:rgba(255,255,255,0.6)}.logo-footer-first-title{font-family:Raleway;font-style:normal;font-weight:bold;font-size:26px;line-height:1.19;letter-spacing:0.03em;color:#2196f3;text-decoration:none;padding-top:60px}.logo-footer-second-title{font-family:Raleway;font-style:normal;font-weight:bold;font-size:26px;line-height:1.19;letter-spacing:0.03em;color:#ffffff;text-decoration:none;padding-top:60px}.footer-container-connect{margin-right:94px}.social-links{display:flex}.footer-join-us{font-family:Roboto;font-style:normal;font-weight:bold;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;color:#ffffff;margin-bottom:20px}.social-links-item-link:nth-child(1) .footer-list-item-link-svg{width:20px;height:20px}.social-links-item-link:nth-child(2) .footer-list-item-link-svg{width:20px;height:20px}.social-links-item-link:nth-child(3) .footer-list-item-link-svg{width:20px;height:20px}.social-links-item-link:nth-child(4) .footer-list-item-link-svg{width:20px;height:20px}.social-links-item-link:not(:last-child){margin-right:10px}.desctext{margin-bottom:20px}.footer-link-list{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%;background-color:rgba(255,255,255,0.1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer-link-list:hover,.footer-link-list:focus{background-color:#2196f3}.footer-link-list:hover .footer-list-item-link-svg,.footer-link-list:focus .footer-list-item-link-svg{fill:#ffffff}.footer-list-item-link-svg{fill:#ffffff}.footer-form{margin-right:470px}.contact-form{display:flex;justify-content:space-between}.contact-form-btn{margin-left:12px;width:200px;height:50px;background:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,0.15);border-radius:4px;padding-left:29px}.contact-form-input{width:358px;height:50px;border:1px solid rgba(255,255,255,0.3);box-sizing:border-box;filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.15));border-radius:4px;background:#2f303a;font-family:Roboto;font-style:normal;font-weight:normal;font-size:16px;line-height:1.25;letter-spacing:0.03em;color:rgba(255,255,255,0.6);padding-left:16px}.container-footer{display:flex;justify-content:space-between}.contact-form-btn{font-family:Roboto;font-style:normal;font-weight:bold;font-size:16px;line-height:1.87;align-items:center;text-align:center;letter-spacing:0.06em;color:#ffffff}.text-footer-form{font-family:Roboto;font-style:normal;font-weight:bold;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;color:#ffffff}
/*# sourceMappingURL=portfolio.min.css.map */