*{margin:0;padding:0;font-family:'Inter', sans-serif;box-sizing:border-box}body{background-color:#070d1b}.hat{background-color:#0a101e;display:flex;justify-content:center;width:100%;position:fixed;opacity:1;z-index:9}.hat__wrapper{display:flex;justify-content:center;align-items:center;height:80px;width:100%;padding-right:10px}.hat__stone{width:395px}.hat__items{display:grid;grid-template-columns:78px 85px 85px 115px 87px;justify-content:center}.hat__items li{display:inline-block}.hat__item{color:#fdfeff;padding:30px 0;font-size:15px;font-weight:500;text-decoration:none}.hat__item:hover{color:#fec544}.hat__img{position:relative;width:50px;margin-left:140px;padding-top:3px}.hat__img:before{content:'';position:absolute;background-color:white;height:11px;width:1px;left:-72px;top:15px}.hat__img img{width:35px}.hat__phone{width:185px;color:#fec544;text-decoration:none}.hat__hamburger{display:none;position:absolute;top:21px;left:15px;cursor:pointer}.hat__hamburger span{display:block;width:30px;height:2px;background-color:#666;margin-top:7px}.menu{position:fixed;width:100%;height:100vh;top:-100%;z-index:12;visibility:hidden;opacity:0;transition:all .4s}.menu.active{top:0;visibility:visible;opacity:1}.menu__block{background-color:#070d1b;width:100%;height:350px;padding-top:50px;transition:all .4s}.menu__close{position:absolute;top:20px;right:20px;cursor:pointer}.menu__close svg{width:22px}.menu__list{padding-left:20px}.menu__list li{list-style-type:none;margin-top:30px}.menu__link{text-decoration:none;color:#a9adb8;font-size:14px;font-weight:400}.i{width:100%;height:580px;background:url("../img/hero-bg-1.jpg") center center/cover no-repeat}.i__wrapper{padding-top:20px;padding-bottom:32px}.i__img-wrapper{margin:61px auto;width:178px;height:178px}.i__img{display:block;width:100%;height:100%;object-fit:cover;border-radius:100%;border:6px solid #8f9ff633}.i__title{color:white;font-size:60px;font-weight:600;text-align:center;margin-top:-55px}.i__title span{color:#fec544}.i__descr{color:#a9adb8;text-align:center;font-size:18px;font-weight:300;line-height:30px;margin-top:15px}.i__wrapper-svg{display:flex;justify-content:center;align-items:center;height:137px}.i__svg{display:flex;justify-content:center;align-items:center;border:2px solid rgba(255,255,255,0.1);border-radius:100%;width:60px;height:60px;margin-right:15px;margin-top:70px;fill:#6b75ac}.i__svg:hover{transition:all .5s;border-color:rgba(255,255,255,0.6)}.about{width:100%;height:100%;background-color:#070d1b}.about__wrapper{display:grid;grid-template-columns:repeat(2, 530px);column-gap:65px;padding:0 65px;justify-content:center}.about__photo{height:550px}.about__photo img{height:100%;width:100%;object-fit:cover}.about__h2{font-size:36px;font-weight:400;margin-bottom:15px;color:white}.about__h5{font-size:24px;font-weight:300;color:#fec544;margin-bottom:15px}.about__text{font-size:16px;font-weight:400;line-height:29px;margin-bottom:15px;color:#a9adb8}.about__port{color:#fec544;text-decoration:none}.about__port:hover{text-decoration:underline}.about__info{font-size:16px;font-weight:400;line-height:29px;margin-bottom:15px;color:#a9adb8}.about_before{display:inline-block;margin-right:-5px;width:108px}.about_after{margin-left:7px}.about__butt{display:block;background-color:#fec544;color:#070d1b;width:170px;height:50px;border-radius:50px;text-decoration:none;margin-top:35px;font-size:16px;font-weight:500;line-height:50px;text-align:center}.about__butt:hover{transition:all 0.4s;box-shadow:0px 5px 10px 0px #fec64450;transform:translateY(-1px)}.services{width:100%;min-height:500px;background-color:#070d1b}.services__wrapper{display:grid;grid-template-columns:repeat(3, 350px);grid-template-rows:repeat(2, 300px);gap:30px;justify-content:center}.services__item{border:1px solid #232935;background-color:#101624;border-radius:3px;text-align:center;padding:50px 30px}.services__item:hover .services__svg{transition:all .5s;border:0.5px solid #fec544}.services__item:hover .services__svg svg{transition:all .5s;fill:#fec544}.services__item:hover .services__titl{transition:all .5s;color:#fec544}.services__svg{display:flex;justify-content:center;background-color:#0a101e;border:0.5px solid #3f4551;border-radius:50%;width:90px;height:90px;margin:0 auto}.services__svg svg{width:52px;fill:#3f4551}.services__titl{font-weight:400;line-height:1.2em;font-size:20px;margin-bottom:16px;margin-top:28px;color:white}.services__text{color:#a9adb8;font-size:16px;line-height:1.6em}.portfolios{width:100%;min-height:500px;background-color:#070d1b;padding-bottom:12px}.portfolios__wrapper{display:grid;grid-template-columns:repeat(3, 350px);grid-template-rows:repeat(2, 284px);gap:30px;justify-content:center}.portfolios__work{position:relative;color:#000;overflow:hidden}.portfolios__work h5{position:absolute;display:flex;justify-content:center;opacity:0;width:350px;bottom:43px;font-size:20px;color:#fdfeff}.portfolios__work p{position:absolute;opacity:0;bottom:24px;left:50%;transform:translateX(-50%)}.portfolios__work:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#3f4551;opacity:0;transition:all 0.5s ease}.portfolios__work:after{content:'';position:absolute;border:1px solid #fdfeff;width:90%;height:90%;top:50%;left:50%;opacity:0;transform:translate(-50%, -50%)}.portfolios__work .plus{position:absolute;display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:100%;background-color:#fec544;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0}.portfolios__work .plus .fas{font-size:27px}.portfolios__work:hover{transition:all .5s;transform:scale(1.07);opacity:1}.portfolios__work:hover h5{opacity:1;z-index:2}.portfolios__work:hover p{opacity:1;z-index:2}.portfolios__work:hover:before{z-index:2;opacity:.85}.portfolios__work:hover:after{opacity:1;z-index:2}.portfolios__work:hover .plus{opacity:1;z-index:2}.portfolios__img{overflow:hidden;width:100%;height:100%}.portfolios__img img{width:100%;height:100%;object-fit:cover}.portfolios__butt{display:block;margin:50px auto 0 auto;background-color:#fec544;color:#070d1b;width:170px;height:50px;border-radius:50px;text-decoration:none;font-size:16px;font-weight:500;line-height:50px;text-align:center;border:none;cursor:pointer}.portfolios__butt:hover{transition:all 0.4s;box-shadow:0px 5px 10px 0px #fec64450;transform:translateY(-1px)}.contact{width:100%;min-height:815px;background-color:#070d1b}.contact__wrapper{display:flex;justify-content:center}.contact__hello{width:632px;min-height:300px;padding:0 15px 0 75px}.contact__hello .input{margin-bottom:30px}.contact__hello .input input{display:block;width:542px;color:#a9adb8;padding:12px 20px;border:1px solid #232935;background-color:#101624;height:52px;border-radius:7px;transition:all .4s ease}.contact__hello .input input:focus{border-color:#fec544;outline:0}.contact__hello .input textarea{display:block;width:542px;color:#a9adb8;padding:12px 20px;border:1px solid #232935;background-color:#101624;height:150px;border-radius:7px;transition:all .4s ease}.contact__hello .input textarea:focus{border-color:#fec544;outline:0}.contact__butt{display:block;background-color:#fec544;color:#070d1b;width:170px;height:50px;border-radius:50px;text-decoration:none;font-size:16px;font-weight:500;line-height:50px;text-align:center;border:none;cursor:pointer}.contact__butt:hover{transition:all 0.4s;box-shadow:0px 5px 10px 0px #fec64450;transform:translateY(-1px)}.contact__info{width:632px;min-height:300px;padding:0 75px 0 15px}.contact__title{font-size:30px;font-weight:400;margin-top:-4px;margin-bottom:22px;color:#fdfeff}.contact__text{color:#a9adb8;font-size:16px;font-weight:400;line-height:1.6em;margin-top:-6px;margin-bottom:23px}.contact__point{display:flex;margin-bottom:30px}.contact__point:hover .contact__icon{transition:.5s all;border-color:#fec544}.contact__point a:hover{color:#fec544;transition:.5s all}.contact__icon{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:100%;border:0.5px solid #3f4551;margin-right:20px}.contact__icon .fas{color:#a9adb8}.contact__details h4{font-size:20px;font-weight:400;margin-top:-4px;margin-bottom:6px;color:#fdfeff}.contact__details a{display:block;text-decoration:none;color:#a9adb8;margin-bottom:5px}.contact__details div{color:#a9adb8;margin-bottom:5px}.contact__details .address{line-height:25px}.contact__descr{margin-top:-4px;margin-bottom:25px;font-size:20px;font-weight:500;color:#a9adb8}.contact__svg{margin-right:10px;text-decoration:none;margin-right:15px}.contact__svg svg{fill:#6b411d;width:45px;height:45px;border-radius:100%}.contact__svg svg:hover{transition:all .5s;fill:#fec544;box-shadow:0px 5px 10px 0px #fec64450}.footer{display:flex;justify-content:center;align-items:center;background-color:#0a101e;width:100%;min-height:75px}.footer__text{color:#a9adb8}@media (max-width: 1200px){.hat__items{grid-template-columns:78px 85px 110px 115px 1px}.hat__stone{width:275px}.hat__img:before{left:-31px}.about__wrapper{grid-template-columns:repeat(2, 433px)}.about__butt{margin-top:22px}.services__wrapper{grid-template-columns:repeat(3, 310px);gap:15px}.portfolios__wrapper{grid-template-columns:repeat(3, 310px);gap:15px}.contact__hello{padding-left:30px}.contact__hello .input input{width:430px}.contact__hello .input textarea{width:430px}.contact__info{padding-right:30px}}@media (max-width: 992px){.hat__hamburger{display:block}.hat__wrapper{justify-content:flex-end}.hat__stone{display:none}.hat__items{display:none}.hat__img{position:absolute;top:19px;right:150px}.hat__img:before{display:none}.hat__phone{width:140px}.about__wrapper{display:block}.about__h2{margin-top:25px}.services__wrapper{grid-template-columns:repeat(2, 350px);grid-template-rows:repeat(3, 300px);gap:30px}.portfolios__wrapper{grid-template-columns:repeat(2, 350px);grid-template-rows:repeat(3, 284px);gap:30px}.contact__wrapper{display:block}.contact__hello{padding:0 30px;width:100%}.contact__hello .input input{width:100%}.contact__hello .input textarea{width:100%}.contact__info{margin-top:30px;padding:0 30px;width:100%}}@media (max-width: 768px){.i__title{font-size:45px}.i__descr{font-size:15px}.services__wrapper{grid-template-columns:500px;grid-template-rows:repeat(6, 300px);gap:30px}.portfolios .title{font-size:88px}.portfolios__wrapper{grid-template-columns:500px;grid-template-rows:repeat(6, 460px);gap:30px}.contact .title{font-size:86px}.contact .title .subtitle{top:49%}}@media (max-width: 576px){.hat__img{top:18px;right:120px}.hat__phone{width:120px;font-size:14px}.i{padding:0 15px}.i__title{font-size:31px}.about .title{height:126px;font-size:56px}.about__wrapper{padding:0 13px}.services .title{height:126px;font-size:56px}.services__wrapper{grid-template-columns:330px;grid-template-rows:repeat(6, 300px);gap:15px}.portfolios .title{height:126px;font-size:54px}.portfolios__wrapper{grid-template-columns:330px;grid-template-rows:repeat(6, 284px);gap:15px}.contact .title{height:100px;font-size:52px}.contact .title .subtitle{top:35%}.contact__hello{padding:0 15px}.contact__info{padding:0 15px}}.title{display:flex;position:relative;height:190px;color:rgba(21,27,41,0.5);font-size:90px;font-weight:700;justify-content:center;align-items:flex-end;padding-bottom:10px;background-color:#070d1b}.subtitle{position:absolute;color:#fec544;font-size:24px;font-weight:500;top:48%}.subtitle:before{content:'';position:absolute;width:170px;height:2px;background-color:#3f4551;left:50%;transform:translateX(-50%);bottom:-16px}.subtitle:after{content:'';position:absolute;width:70px;height:2px;background-color:#fec544;left:50%;transform:translateX(-50%);bottom:-16px}