.btn,.hamburger button,button{cursor:pointer}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:400;src:url(../fonts/Lato/lato-v24-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:700;src:url(../fonts/Lato/lato-v24-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Red Hat Display";font-style:normal;font-weight:400;src:url(../fonts/Red_Hat_Display/red-hat-display-v20-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Red Hat Display";font-style:normal;font-weight:500;src:url(../fonts/Red_Hat_Display/red-hat-display-v20-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Red Hat Display";font-style:normal;font-weight:600;src:url(../fonts/Red_Hat_Display/red-hat-display-v20-latin-600.woff2) format("woff2")}*,::after,::before{padding:0;margin:0;box-sizing:border-box}ol,ul{list-style:none}a,button{transition:all .2s ease}img{vertical-align:top;width:100%;height:100%;object-fit:cover}.container{width:min(90%,1170px);margin:0 auto}body{color:#000;font-family:Lato;font-size:1rem;font-weight:400;line-height:1.66rem;min-width:320px}.blog .content hgroup h4,.post-item .content h4 a,h1,h2,h3{font-family:"Red Hat Display"}.main-menu a,.mobile-menu a{font-size:.875rem;letter-spacing:.2625rem;text-transform:uppercase;color:#000}.page-wrapper{display:flex;flex-direction:column;justify-content:space-between}.page-wrapper main{flex-grow:1;padding-top:100px}header{height:100px;position:fixed;top:0;left:0;width:100%;background-color:rgba(244,244,244,.7);backdrop-filter:blur(5px)}header .container{display:flex;justify-content:space-between;align-items:center;height:100%}header .logo-wrap img{vertical-align:baseline}.right-menu{display:flex;gap:79px;align-items:center;justify-content:flex-end}.main-menu{margin-top:1px}.main-menu ul{display:flex;justify-content:flex-end;align-items:center;gap:38px}.main-menu a{position:relative;text-decoration:none}.main-menu a:hover::after{content:"";display:inline-block;width:71%;height:1px;background-color:#000;position:absolute;bottom:-3px;left:50%;transform:translateX(-50%)}.mobile-menu-panel{position:fixed;top:0;right:0;width:300px;height:100dvh;background-color:#fff;z-index:101;transform:translateX(100%);transition:all .5s ease}.mobile-menu-panel .mm-top{display:flex;justify-content:space-around;align-items:center;margin:30px 0}.mobile-menu-panel .close{width:35px;height:30px}.mobile-menu-panel .close span{display:none}.mobile-menu-panel .close::after{transform:rotate(-45deg)}.mobile-menu-panel .close::before{transform:rotate(45deg);top:15px;bottom:auto}.mobile-menu{text-align:center}.mobile-menu a{height:50px;display:block;line-height:1.5rem;text-decoration:none;padding:10px}.mobile-menu a:hover{background-color:#565656;color:#fff}.open-menu .mobile-menu-panel{transform:translateX(0)}.hamburger{display:none}.hamburger button{display:inline-block;width:40px;height:30px;border:none;position:relative;background-color:transparent}.hamburger button::after,.hamburger button::before{content:""}.hamburger button span,.hamburger button::after,.hamburger button::before{display:inline-block;width:30px;height:3px;border-radius:2px;background-color:#000;position:absolute;left:3px}.hamburger button span{top:5px}.hamburger button::after{top:50%;transform:translateY(-50%)}.hamburger button::before{bottom:5px}section{margin-bottom:90px}h1,h2,h3{line-height:4rem;letter-spacing:.15rem}.hero{height:calc(100dvh - 100px);min-height:500px;background:url(../images/bg-image-lg.png) center center/cover no-repeat #D0EAEE}.hero .container{padding-top:100px}.hero h1{font-size:clamp(1.875rem,3.33vw,3rem);font-weight:600;padding-right:38%}@media screen and (max-width:800px){.hero .container{padding-top:80px}.hero h1{text-align:center}}.blog h2{margin-bottom:50px;font-size:3rem;font-weight:400}.blog .blog-list{display:flex;gap:50px;flex-direction:column}.blog .blog-list div+div{flex-direction:row-reverse}.blog .blog-item{display:flex;gap:30px;align-items:center}.blog .blog-item>div{width:50%;align-self:stretch}.blog .content{padding-right:20%}.blog .content hgroup{margin-bottom:40px}.blog .content hgroup p{line-height:1.66rem;letter-spacing:.1rem;color:#7B7B7B;margin-bottom:30px}.blog .content hgroup h4{font-size:1.4375rem;font-weight:500;line-height:2.38625rem;letter-spacing:.14375rem;margin-bottom:15px}.blog .content hgroup time{line-height:1.66rem;letter-spacing:.1rem;color:#7B7B7B}.blog .content a{letter-spacing:.05rem;text-decoration:none;color:#565656}.blog .content a::after{content:"";display:inline-block;width:30px;height:12px;background:url(../images/Arrow_small.svg) top left no-repeat;margin-left:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}.section-heading h3{font-size:1.75rem;font-weight:600;line-height:2.905rem;letter-spacing:.175rem}.section-heading a{letter-spacing:.1rem;color:#7B7B7B;text-decoration:none}.section-heading .show-posts::after{content:"";display:inline-block;width:30px;height:12px;background:url(../images/Arrow_small.svg) top left no-repeat}.post-list{display:flex;gap:30px;flex-wrap:wrap}.post-item{display:flex;flex-direction:column;flex-basis:370px;gap:25px}.post-item hgroup{display:flex;justify-content:space-between;align-items:center}.post-item hgroup h5,.post-item hgroup p{font-size:.75rem;line-height:1.245rem;letter-spacing:.075rem;color:#7B7B7B}.post-item .img-wrap{width:100%;aspect-ratio:1.423;background-color:#7B7B7B}.post-item .post-descrption hgroup{margin-bottom:25px}.post-item .content h4{margin-bottom:20px}.post-item .content h4 a{text-decoration:none;font-size:1.375rem;font-weight:500;line-height:2.2825rem;letter-spacing:.1375rem;color:#000}.post-item .content p{letter-spacing:.05rem;color:#565656}.popular .post-list{margin-bottom:50px;flex-wrap:nowrap}.popular .post-item{flex-basis:50%}.popular .img-wrap{width:100%;aspect-ratio:2.19;background-color:#7B7B7B}.btn{border:none;font-family:Lato;font-size:1rem;font-weight:700;line-height:1.66rem;letter-spacing:.1rem;min-width:180px;background-color:#565656;color:#fff;padding:5px 10px}.bottom-text .work-link,.contacts .text{font-family:"Red Hat Display";font-weight:400}.button-wrap{text-align:center}.bottom-text{margin-bottom:90px}.bottom-text .container{display:flex;justify-content:space-between}.bottom-text .container>div{flex-basis:470px}.bottom-text .work-link{font-size:1.4375rem;line-height:2.38625rem;letter-spacing:.14375rem;white-space:pre-line}.bottom-text .work-link a{color:#000;text-decoration:none}.bottom-text .work-desrption{line-height:2rem;letter-spacing:.05938rem;color:#565656}.bottom-text .work-desrption p+p{margin-top:15px}footer{background-color:#F4F4F4;padding:70px 0 50px}footer .footer-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.contacts .text{margin-bottom:30px;font-size:3rem;line-height:4rem;letter-spacing:.15rem}.contacts .email,.contacts .phone{margin-bottom:13.7px;line-height:1.66rem;letter-spacing:.1rem}.contacts .email{margin-bottom:0}.footer-legal{text-align:center;font-size:.75rem;line-height:1.245rem;letter-spacing:.075rem}.soc-list{display:flex;gap:23px}.soc-list a{width:50px;height:50px;padding:12px;border:1px solid #565656;display:inline-block}.soc-list a svg{width:24px;height:24px;fill:#565656}.soc-list a svg *{transition:all .3s ease-in-out}.soc-list a:hover{background-color:#565656}.soc-list a:hover svg *{fill:#fff}@media screen and (max-width:1024px){h1{padding-right:30%}}@media screen and (max-width:970px){.blog .blog-item .content,.hero h1{padding-right:0}.main-menu{display:none}.hamburger{display:block}.right-menu{gap:40px}.hero{background-image:url(../images/bg-image-768.png)}.hero h1{line-height:3.125rem;letter-spacing:.1125rem}.blog .content{padding:0}.blog .blog-item{gap:20px}.last-posts .post-item:nth-child(2n){flex-direction:row-reverse}.last-posts .post-item{flex-direction:row;flex-basis:auto;gap:20px}.last-posts .post-item>div{flex-basis:50%}.last-posts .post-item .content h4{letter-spacing:.1375rem}.bottom-text .container{flex-direction:column;gap:70px}.bottom-text .container>div{flex-basis:auto}.bottom-text .container .work-desrption{direction:rtl}footer .footer-info{flex-direction:column;text-align:center;gap:40px;margin-bottom:40px}}@media screen and (max-width:544px){.footer-legal,h2{text-align:center}.container{min-height:95%}.hamburger button{width:30px;height:30px}.logo-wrap{width:175px;height:auto}.right-menu{gap:20px}.blog .content a::after{margin-left:3px}.blog .blog-item,.blog .blog-list div+div{flex-direction:column-reverse}.blog .blog-item>div,.blog .blog-list div+div>div{width:auto}.hero{background-image:url(../images/hero-bg-small.png)}.hero h1{line-height:3.125rem;letter-spacing:.09375rem}.section-heading{flex-direction:column;align-items:flex-start;margin-bottom:30px}.last-posts .post-item,.last-posts .post-list{flex-direction:column}.last-posts .post-item:nth-child(2n){flex-direction:column}.popular .post-list{flex-direction:column}.contacts .text{font-size:2rem;letter-spacing:.1rem}.contacts .email,.contacts .phone{font-size:1.125rem;letter-spacing:.1125rem}.footer-legal{line-height:1.66rem;letter-spacing:.1rem}}