@keyframes fon{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes slogan1{0%{opacity:0;transform:translateX(-10%)}to{opacity:1;transform:translateX(0)}}@keyframes podslogan1{0%{opacity:0;transform:translateX(-50%)}30%{opacity:0;transform:translateX(-25%)}to{opacity:1;transform:translateX(0)}}@keyframes slogan2{0%{opacity:0;transform:translateX(10%)}to{opacity:1;transform:translateX(0)}}@keyframes podslogan2{0%{opacity:0;transform:translateX(50%)}30%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes ugol1{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes ugol2{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes button{0%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes backgroundMove{0%{opacity:0}to{opacity:1}}.hero-video{object-fit:cover;object-position:center bottom;bottom:0;z-index:-10;animation:backgroundMove .5s ease;-webkit-animation:backgroundMove .5s ease}.hero,.hero-video{position:absolute;width:100%;height:100vh}.hero{display:flex;box-shadow:inset 0 -95vh 100vh -5vh rgba(3,7,8,.55);overflow:hidden}.hero .hero-content{display:flex;flex-direction:column;width:100%;height:100vh;justify-content:space-between;gap:10%}.hero .hero-content .linkhero{font-family:inherit;text-transform:uppercase;font-size:20px;align-self:flex-end;margin-right:10%;background:hsla(32,41%,87%,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #ebdecf;border-radius:30px;padding:15px 40px;cursor:pointer;transition:.3s ease;margin-bottom:15vh;animation:button 1s ease;color:#fff}.hero .hero-content .linkhero:hover{background-color:rgba(107,133,87,.329);border:1px solid #6b8557}.hero .slogan{display:flex;position:relative;flex-direction:column;margin-top:32vh;margin-left:10%;max-width:66%;min-width:1232px;color:#ebdecf;gap:30px}.hero .slogan .slogan-top{display:flex;gap:30px;align-items:flex-start}.hero .slogan .slogan-top p{font-size:128px;font-weight:900;text-transform:uppercase;line-height:80%;animation:slogan1 1s ease}.hero .slogan .slogan-top h1{font-family:MontserratAlternates;font-weight:500;font-size:26px;animation:podslogan1 2s ease}.hero .slogan .slogan-bottom{display:flex;flex-direction:row-reverse;gap:30px;align-items:flex-start}.hero .slogan .slogan-bottom p{font-size:128px;font-weight:900;text-transform:uppercase;line-height:80%;animation:slogan2 1s ease}.hero .slogan .slogan-bottom span{font-family:MontserratAlternates;font-weight:500;font-size:26px;margin-left:10px;animation:podslogan2 2s ease}.hero .slogan:after{border-left:1px solid hsla(0,0%,100%,.8);border-bottom:1px solid hsla(0,0%,100%,.8);bottom:-30px;left:-30px;transform-origin:bottom left;animation:ugol1 2s ease-in-out}.hero .slogan:after,.hero .slogan:before{content:"";display:block;height:52%;width:11%;position:absolute;transition:.3s cubic-bezier(0,0,.5,1);-webkit-transition:.3s cubic-bezier(0,0,.5,1);-moz-transition:.3s cubic-bezier(0,0,.5,1);-ms-transition:.3s cubic-bezier(0,0,.5,1);-o-transition:.3s cubic-bezier(0,0,.5,1)}.hero .slogan:before{border-right:1px solid hsla(0,0%,100%,.8);border-top:1px solid hsla(0,0%,100%,.8);top:-30px;right:-30px;transform-origin:top right;animation:ugol2 2s ease-in-out}.hero .slogan:hover:after{transform:translate(-15%,10%);-webkit-transform:translate(-15%,10%);-moz-transform:translate(-15%,10%);-ms-transform:translate(-15%,10%);-o-transform:translate(-15%,10%);border-left:1px solid hsla(0,0%,100%,.8);border-bottom:1px solid hsla(0,0%,100%,.8)}.hero .slogan:hover:before{transform:translate(15%,-10%);-webkit-transform:translate(15%,-10%);-moz-transform:translate(15%,-10%);-ms-transform:translate(15%,-10%);-o-transform:translate(15%,-10%);border-right:1px solid hsla(0,0%,100%,.8);border-top:1px solid hsla(0,0%,100%,.8)}.hero:after{content:"";position:absolute;width:100%;height:100%;background-color:#747474;z-index:-11;bottom:0}@media(max-width:1600px){.hero .slogan{margin-top:34vh;margin-left:5%;max-width:85%;min-width:0}.hero .slogan .slogan-top p{font-size:100px;line-height:80%;margin-bottom:0}.hero .slogan .slogan-top h1{font-family:MontserratAlternates;font-weight:500;font-size:22px;animation:podslogan1 2s ease}.hero .slogan .slogan-bottom{gap:30px}.hero .slogan .slogan-bottom p{font-size:100px;font-weight:900;line-height:80%;margin-bottom:0}.hero .slogan .slogan-bottom span{font-size:22px}.hero .hero-content .linkhero{font-size:18px;align-self:flex-end;margin-right:5%;border-radius:30px;padding:15px 40px;cursor:pointer;transition:.3s ease;margin-bottom:15vh;animation:button 1s ease;color:#fff}}@media(max-width:1175px){.hero .slogan{margin-top:34vh;margin-left:5%;max-width:75%;min-width:0}.hero .slogan .slogan-top p{font-size:80px;line-height:75%;margin-bottom:0}.hero .slogan .slogan-top h1{font-size:18px}.hero .slogan .slogan-bottom{gap:30px}.hero .slogan .slogan-bottom p{font-size:80px;font-weight:900;line-height:75%;margin-bottom:0}.hero .slogan .slogan-bottom span{font-size:18px}.hero .hero-content .linkhero{font-size:18px;align-self:flex-end;margin-right:5%;border-radius:30px;padding:15px 40px;cursor:pointer;transition:.3s ease;margin-bottom:15vh;animation:button 1s ease;color:#fff}}@media(max-width:1100px){.hero .slogan{margin-top:34vh;margin-left:5%;max-width:75%;min-width:0}.hero .slogan .slogan-top p{font-size:74px;line-height:75%;margin-bottom:0}.hero .slogan .slogan-top h1{font-size:16px}.hero .slogan .slogan-bottom{gap:30px}.hero .slogan .slogan-bottom p{font-size:74px;font-weight:900;line-height:75%;margin-bottom:0}.hero .slogan .slogan-bottom span{font-size:16px}.hero .hero-content .linkhero{font-size:18px;align-self:flex-end;margin-right:5%;border-radius:30px;padding:15px 40px;cursor:pointer;transition:.3s ease;margin-bottom:15vh;animation:button 1s ease;color:#fff}}@media(max-width:995px){.hero .slogan{margin-top:34vh;margin-left:5%;max-width:90%;min-width:0}.hero .slogan .slogan-top p{font-size:74px;line-height:75%;margin-bottom:0}.hero .slogan .slogan-top h1{font-size:16px}.hero .slogan .slogan-bottom{gap:30px}.hero .slogan .slogan-bottom p{font-size:74px;font-weight:900;line-height:75%;margin-bottom:0}.hero .slogan .slogan-bottom span{font-size:16px}.hero .hero-content .linkhero{font-size:18px;align-self:flex-end;margin-right:5%;border-radius:30px;padding:15px 40px;cursor:pointer;transition:.3s ease;margin-bottom:15vh;animation:button 1s ease;color:#fff}}@media(max-width:692px){.hero{height:100vh}.hero .slogan{margin-top:28vh;margin-left:5%;max-width:90%;min-width:0;gap:10px}.hero .slogan .slogan-top{flex-direction:column-reverse;gap:5px}.hero .slogan .slogan-top p{font-size:36px;line-height:75%;margin-bottom:0}.hero .slogan .slogan-top h1{font-size:11px;display:none}.hero .slogan .slogan-bottom{gap:10px;flex-direction:column-reverse;align-items:end}.hero .slogan .slogan-bottom p{font-size:36px;font-weight:900;line-height:75%;margin-bottom:0}.hero .slogan .slogan-bottom span{font-size:11px;margin-left:0;align-self:center}.hero .hero-content .linkhero{font-size:16px;align-self:flex-end;margin-right:0;align-self:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:30px;padding:10px 30px;cursor:pointer;transition:.3s ease;margin-bottom:40vh;animation:button 1s ease;color:#fff}.hero .slogan:after{bottom:-20px;left:-10px;transform-origin:bottom left;animation:ugol1 2s ease-in-out}.hero .slogan:after,.hero .slogan:before{content:"";display:block;height:72%;width:30%;position:absolute}.hero .slogan:before{top:-20px;right:-10px;transform-origin:top right;animation:ugol2 2s ease-in-out}}.home-block{padding:100px 10%;display:flex}.about{flex-direction:row;gap:100px;margin-top:100vh;background-color:#eee}.about img{height:inherit;width:25%;object-fit:cover}.about img:nth-child(2){display:none}.about .about-text{display:flex;flex-direction:column;gap:40px}.about .about-text h2{font-size:48px;font-weight:500}.about .about-text h2 span{color:#566747}.about .about-text p{font-size:18px;font-weight:400}.about .advantage-block{display:flex;flex-direction:row;gap:10%;padding-right:40px}.about .advantage-block .advantage{display:flex;flex-direction:column;gap:20px;width:201px}.about .advantage-block .advantage span{font-size:58px;font-weight:500;color:#566747}.about .advantage-block .advantage .advantage-line{height:1px;width:100%;background-color:#566747}.about .advantage-block .advantage p{font-size:16px;font-weight:400;padding-right:10px}@media(max-width:1600px){.home-block{padding:100px 5%}}@media(max-width:992px){.home-block{padding:60px 5%}.about{flex-direction:column;gap:5%;margin-top:100vh}.about img:nth-child(2){display:block}.about img{height:inherit;width:100%;height:40vh;object-fit:cover}.about img:first-child{display:none}.about .about-text{display:flex;flex-direction:column;gap:20px}.about .about-text h2{font-size:22px;font-weight:500}.about .about-text h2 span{color:#566747}.about .about-text p{font-size:14px;font-weight:400;margin-bottom:0}.about .advantage-block{display:flex;flex-direction:column;align-items:end;gap:10%;padding-right:0}.about .advantage-block .advantage{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:start;gap:2px;width:75%}.about .advantage-block .advantage span{font-size:42px;font-weight:500;color:#566747;margin-top:20px}.about .advantage-block .advantage .advantage-line{height:1px;width:100%;background-color:#566747;margin-top:-10px}.about .advantage-block .advantage p{font-size:14px;font-weight:400;padding-right:0;margin-bottom:0;margin-top:-48px;flex:1 1;text-align:end;width:100%}}.projects{display:flex;flex-direction:column;gap:80px;background-color:#eee}.projects h2{font-weight:400;text-transform:uppercase;font-size:48px}.projects h2 span{font-weight:200}.projects .projects-block{display:flex;flex-wrap:wrap;gap:15px;padding:0 8%}.projects .projects-block .article-card{position:relative;flex-grow:1;flex-shrink:1;flex-basis:calc(25% - 20px);max-width:calc(50% - 20px);min-width:40%;box-sizing:border-box;padding:60px;color:#fff;border-radius:0;display:flex;flex-direction:column;justify-content:center;height:50vh;transition:.3s ease;animation:serv1 1s ease;gap:10px;margin-bottom:0!important;overflow:hidden}.projects .projects-block .article-card img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;left:0;bottom:0;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-ms-transition:.5s ease;-o-transition:.5s ease}.projects .projects-block .article-card h4{margin:0 0 10px;color:#fff;font-size:24px;overflow:hidden;transition:.3s ease;z-index:1;text-align:center;transform:translateY(50%);opacity:0}.projects .projects-block .article-card span{padding:3px 10px;color:#fff;font-size:16px;font-weight:400;z-index:1;text-align:center;transform:translateY(100%);opacity:0;transition:.3s ease}.projects .projects-block .article-card:after{content:"";width:100%;height:100%;top:0;left:0;position:absolute;background:#262626;background:linear-gradient(0deg,hsla(0,0%,5%,.7),hsla(0,0%,5%,0) 50%,hsla(0,0%,5%,0));background-size:100% 200%;transition:.3s ease;background-position:top}.projects .projects-block .article-card:hover:after{background-position:bottom}.projects .projects-block .article-card:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05)}.projects .projects-block .article-card:hover h4,.projects .projects-block .article-card:hover span{transform:translateY(0);opacity:1;color:#fff}@media(max-width:992px){.projects{display:flex;flex-direction:column;gap:40px;padding:60px 3%}.projects h2{font-weight:400;text-transform:uppercase;font-size:26px;text-align:center}.projects h2 span{font-weight:200}.projects .projects-block{display:flex;flex-wrap:wrap;gap:10px;padding:0}.projects .projects-block .article-card{position:relative;flex:1 1;max-width:100%;min-width:100%;height:35vh;box-sizing:border-box;padding:30px}.projects .projects-block .article-card h4{margin:0 0 10px;color:#fff;font-size:18px;overflow:hidden;transition:.3s ease;z-index:1;text-align:center}.projects .projects-block .article-card span{padding:3px 10px;color:#fff;font-size:14px;font-weight:400;z-index:1;text-align:center;transition:.3s ease}.projects .projects-block .article-card:after{content:"";width:100%;height:100%;top:0;left:0;position:absolute;background:#262626;background:linear-gradient(0deg,hsla(0,0%,5%,.7),hsla(0,0%,5%,0) 50%,hsla(0,0%,5%,0));background-size:100% 200%;transition:.3s ease}.projects .projects-block .article-card:hover:after{background-position:bottom}.projects .projects-block .article-card:hover{background-size:auto 107%}.projects .projects-block .article-card:hover h4{transform:translateY(0);opacity:1;color:#fff}.projects .projects-block .article-card:hover span{transform:translateY(0);opacity:1}.projects .link-more{margin-right:5%}}.services{display:flex;flex-direction:column;padding:0 0 100px;background-color:#eee}.services .link-more{margin-right:15%;margin-top:50px}.services h2{font-weight:400;text-transform:uppercase;font-size:48px;padding:20px 10% 80px}.services h2 span{font-weight:200}.services .mySwiper{height:calc(60vh + 80px);width:100%;padding-bottom:80px}.services .mySwiper .swiper-slide-active{opacity:1!important;transform:scale(1)!important;cursor:default!important}.services .mySwiper .swiper-slide-active .slide-fon a{pointer-events:all!important}.services .mySwiper .swiper-slide:first-child{background-image:url(/Home/дизайн.webp)}.services .mySwiper .swiper-slide:nth-child(2){background-image:url(/Home/архитектура.webp)}.services .mySwiper .swiper-slide:nth-child(3){background-image:url(/Home/услуга3.webp)}.services .mySwiper .swiper-slide{background-size:cover;background-position:50%;color:#fff;opacity:.8;transition:.3s ease;transform:scale(.9);cursor:pointer}.services .mySwiper .swiper-slide .slide-fon{display:flex;flex-direction:column;justify-content:end;gap:25px;width:100%;height:100%;background-color:hsla(0,0%,39%,.4);padding:30px;box-shadow:inset 0 -35vh 250px -5vh rgba(3,7,8,.45)}.services .mySwiper .swiper-slide .slide-fon strong{font-size:20px;font-weight:800}.services .mySwiper .swiper-slide .slide-fon a{border:1px solid #6b8557;align-self:flex-end;padding:8px 20px;border-radius:30px;margin:10px 0;font-size:14px;transition:.3s ease;pointer-events:none}.services .mySwiper .swiper-slide .slide-fon a:hover{background-color:#6b8557}.services .mySwiper .swiper-button-next,.services .mySwiper .swiper-button-prev{width:45px;height:45px;border-radius:40px;background-color:#d2d2d2;border:none;top:calc(50% - 30px)}.services .mySwiper .swiper-button-prev{left:3%}.services .mySwiper .swiper-button-next{right:3%}.services .mySwiper .swiper-button-next:after,.services .mySwiper .swiper-button-prev:after{font-size:18px;color:#000}.services .mySwiper .swiper-pagination-bullet{width:9%;height:1px;background:rgba(0,0,0,.624);margin:0 2px;border-radius:0!important}@media(max-width:600px){.services .mySwiper{padding-left:8%;padding-right:8%;height:calc(65vh + 80px);width:100%;padding-bottom:80px}}@media(max-width:992px){.services h2{font-size:26px;text-align:center;padding-bottom:30px}.services .mySwiper .swiper-button-next{right:1%}.services .mySwiper .swiper-button-prev{left:1%}.services .link-more{margin-right:5%;margin-top:30px}}