:root{--primary-text-color: #333333;--secondary-text-color: #BDBDBD;--third-text-color: #F2F2F2;--accent-color: #E0E0E0;--hover-color: #7d24e4;--accent-secondary-color: #FBFBFB;--primary-bgc-color: #ffffff;--secondary-bgc-color: #2C2C2C;--accent-bgc-color: #F3F3F3}.check-text,.title-projects,.text-task,.number-task,.site-nav,.container-nav,.container-header{display:flex;align-items:center}.check-text,.footer-list-icon{display:flex;justify-content:center}body{color:var(--primary-text-color);font-family:Raleway,sans-serif;font-size:14px;letter-spacing:.03em}.list{padding:0;margin:0;list-style:none}.link{text-decoration:none}.title{padding:0;margin:0}.text{padding:0;margin:0}img{height:auto}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}.section{margin-top:100px;margin-bottom:100px;padding-top:40px;padding-bottom:40px}.container{width:1170px;padding-left:0;padding-right:0;margin:0 auto}.input-connect{width:100%;height:45px;padding-left:22px;border:none;background-color:var(--accent-bgc-color);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.input-connect:hover,.input-connect:focus{border-color:var(--secondary-bgc-color);box-shadow:0px 4px 4px rgba(0,0,0,.15)}.logo{margin-left:0;padding:0;margin:0}.logo-icon{margin-top:15px;margin-right:440px}.icon-footer,.logo-icon{width:145px;height:94px}.icon-footer{fill:var(--primary-bgc-color)}.button{background-color:rgba(0,0,0,0);border:none;width:222px;height:71px;padding:24px 65px;font-weight:400;font-size:12px;line-height:1.24;letter-spacing:.02em;font-family:inherit;text-align:center;cursor:pointer;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.button:hover,.button:focus{border:1px solid #f2f2f2;box-shadow:0px 4px 4px rgba(0,0,0,.15)}.button-hero{width:53px;height:53px;margin-right:20px;border:1px solid #f2f2f2;background-color:rgba(0,0,0,0);cursor:pointer}.button-hero:hover,.button-hero:focus{border-color:var(--hover-color);box-shadow:0px 4px 4px rgba(0,0,0,.15)}.hero-image .button-hero-image{position:absolute;top:91.2%;left:0;background-color:var(--primary-bgc-color)}.button-about{margin-top:10px;background-color:var(--primary-bgc-color)}.button-projects{margin-top:26px;background-color:var(--primary-text-color);color:var(--primary-bgc-color);margin-left:948px}.button-connect{background-color:var(--primary-text-color);color:var(--primary-bgc-color)}.section-title{color:var(--secondary-text-color);margin-bottom:20px;font-weight:300;font-size:60px;line-height:1.28;letter-spacing:.02em;text-align:left;text-transform:uppercase}.footer-social-icon{width:193px;height:64px}.social-list-item{width:44px;height:44px}.social-list-item:not(:last-child){margin-right:35px}.social-list-icon{width:20px;height:20px;fill:var(--primary-bgc-color);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social-list-link:hover .social-list-icon,.social-list-link:focus .social-list-icon{fill:var(--hover-color)}.header-nav{width:100%;height:102px}.container-header{width:1440px}.container-nav{margin:0 auto}.site-nav .link{transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.site-nav .link:hover,.site-nav .link:focus{color:var(--hover-color)}.header-item{align-items:center}.header-item:not(:last-child){margin-right:40px}.header-link{display:block;padding:32px 0;margin:0;color:var(--primary-text-color);font-weight:400;font-size:12px;line-height:1.14;letter-spacing:.02em;position:relative}.current{color:var(--hover-color)}.current::after{content:"";position:absolute;width:100%;height:4px;border-radius:2px;background-color:var(--hover-color);display:block;bottom:-1px}.section-hero{height:830px;width:1440px;margin:0 auto;padding-top:0;padding-bottom:0}.container-hero{display:flex}.hero-title{margin-top:300px;margin-right:130px}.title-home{font-weight:700;font-size:64px;line-height:1.14;letter-spacing:.02em;color:var(--primary-text-color)}.icon-button{width:24px;height:24px}.icon-button:hover,.icon-button:focus{fill:var(--hover-color)}.hero-image{margin-top:0;position:relative}.image{width:770px;height:830px}.section-about{height:435px}.container-about{display:flex;background-color:var(--accent-bgc-color);padding-top:20px;padding-left:40px}.box-images-about{position:relative;margin-left:40px;margin-right:25px}.box-images-about .image2-about{position:absolute;left:0;top:70%}.image-about,.image2-about,.image3-about{width:270px}.image-about{height:265px}.image2-about{height:140px;margin-top:20px}.image3-about{height:345px;margin-top:35px;margin-right:20px}.box-about{display:flex}.box-text-about{padding-right:50px}.text-about{font-weight:300;font-size:16px;line-height:1.6;letter-spacing:.03em}.section-tasks{height:268px}.tasks{display:flex}.box-task-1{width:413px}.box-task-1,.box-task-2{display:flex;height:144px}.number-task{font-weight:900;font-size:200px;line-height:1.19;letter-spacing:.03em;color:var(--third-text-color);height:144px}.text-task{font-weight:400;font-size:20px;line-height:1.64;letter-spacing:.03em;padding-top:20px}.box-task-2{margin-left:187px;width:570px}.section-projects{height:765px}.box-images1-projects{margin-top:40px;display:flex}.box-images-item{position:relative;width:570px;height:255px}.box-images-item:not(:last-child),.image-project:not(:last-child){margin-right:26px}.title-projects{height:100%;width:100%;padding:65px;margin:0;color:var(--primary-bgc-color);background-color:var(--primary-text-color);opacity:80%;position:absolute;font-weight:700;font-size:64px;line-height:1;letter-spacing:.03em;text-transform:uppercase}.text-project{position:absolute;bottom:13%;left:12%;font-weight:400;font-size:12px;line-height:1.66;letter-spacing:.03em;color:var(--primary-bgc-color)}.box-images2-projects{margin-top:26px}.section-connect{height:603px}.section-connect-container{display:flex}.box-connect{display:block;width:391px;height:539px;margin-right:30px}.form-connect{display:block}.block-connect{margin-bottom:10px}.lock-connect{margin-bottom:26px}.text-connect{width:100%;height:147px;padding:12px 16px;border:none;font-weight:400;font-size:14px;line-height:1.14;letter-spacing:.23;background-color:var(--accent-bgc-color);resize:none}.text-connect::placeholder{color:var(--primary-text-color)}.checkbox-connect:hover+.check-text span,.checkbox-connect:focus+.check-text span{border:2px solid var(--secondary-text-color)}.checkbox-connect:checked+.check-text span{background-color:var(--secondary-bgc-color);border:none}.check-text{font-weight:400;font-size:14px;line-height:1.17;letter-spacing:.03em;margin-bottom:30px;position:relative}.span-connect{width:16px;height:15px;border:2px solid #212121;border-radius:2px;margin-right:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.image-connect{width:749px;height:369px}.footer{height:417px;padding-top:60px;padding-bottom:60px;background-color:var(--secondary-bgc-color)}.footer-nav{display:flex}.container-nav-footer{margin-right:100px;margin-left:100px;width:200px;height:229px}.title-footer{margin-bottom:20px;font-weight:700;font-size:16px;line-height:1.25;letter-spacing:.03em;color:var(--primary-bgc-color)}.site-nav-footer .link,.list-footer .link{transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.site-nav-footer .link:hover,.site-nav-footer .link:focus,.list-footer .link:hover,.list-footer .link:focus{color:var(--hover-color)}.nav-item-footer:not(:last-child){margin-bottom:20px}.footer-link{font-weight:500;font-size:14px;line-height:.12;letter-spacing:.03em;color:var(--primary-bgc-color);font-family:inherit}.address-footer{width:325px;height:229px;margin-right:60px}.item-footer:not(:last-child){margin-bottom:45px}.map-icon,.tel-icon,.mail-icon{fill:var(--primary-bgc-color);margin-right:15px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.map-icon:hover,.map-icon:focus,.tel-icon:hover,.tel-icon:focus,.mail-icon:hover,.mail-icon:focus{fill:var(--hover-color)}.map-icon{width:16px;height:21px}.tel-icon{width:16px;height:16px}.mail-icon{width:16px;height:11px}.copyright{width:100%;height:70px;border-top:1px solid var(--secondary-text-color)}.text-copyright{margin-top:44px;font-weight:400;font-size:12px;line-height:1.83;letter-spacing:.03em;color:var(--accent-color);opacity:50%;text-align:center}/*# sourceMappingURL=main.min.css.map */