@font-face{font-display:swap;font-family:"DM Sans";font-style:normal;font-weight:400;src:url(../fonts/dm-sans-v15-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Roboto Serif";font-style:normal;font-weight:500;src:url(../fonts/roboto-serif-v15-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Roboto Serif";font-style:normal;font-weight:600;src:url(../fonts/roboto-serif-v15-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Roboto Serif";font-style:normal;font-weight:700;src:url(../fonts/roboto-serif-v15-latin-700.woff2) format("woff2")}/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;margin:0;overflow:visible}.green,.main-menu ul li a.current,footer a:active,footer a:hover{color:var(--green-color)}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#000}.hamburger-box{width:30px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger--squeeze .hamburger-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner::before{transition:top 75ms .12s ease,opacity 75ms ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms .12s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1)}footer{background:var(--black-color);color:#FFF}footer .container{padding-top:100px;padding-bottom:60px}footer .block{display:flex;justify-content:space-between;gap:105px}footer .about{width:357px}footer .about img{width:200px;margin-bottom:21px}footer h4{font-family:"Roboto Serif",serif;font-size:1.25rem;font-weight:600;margin-bottom:24px}footer .pages li{margin-bottom:16px;font-size:1rem;letter-spacing:.03rem}.btn,.subscribe-block form,.subscribe-block form button,body{font-family:"DM Sans",sans-serif;letter-spacing:.03375rem}footer .pages li:last-child{margin-bottom:0}footer a{color:var(--grey-color)}.subscribe-block{width:31%}.subscribe-block h4{margin-bottom:17px}.subscribe-block form{color:var(--text-color);font-size:1.125rem;position:relative}.subscribe-block form button{position:absolute;padding:8px 15px;color:var(--white-color);font-size:1.125rem;right:15px;top:12px;border-radius:20px;background:var(--black-color);border:2px solid #000;display:inline-block;cursor:pointer;overflow:hidden;z-index:1;transition:all .3s}.subscribe-block form button::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:var(--black-color);border-radius:10rem;z-index:-2}.subscribe-block form button::before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:var(--orange-color);transition:all .3s;border-radius:10rem;z-index:-1}.subscribe-block form button:hover{color:var(--black-color)}.subscribe-block form button:hover::before{width:100%}.subscribe-block form button:active::before{background-color:var(--dark-orange)}.subscribe-block input{width:433px;padding:10px 9px 10px 23px;border-radius:40px;background:#FFF;height:67px;font-family:"DM Sans",sans-serif;font-size:1.125rem}.subscribe-block input::placeholder{color:var(--text-color);font-family:"DM Sans",sans-serif;font-size:1.125rem;letter-spacing:.03375rem;transform:translateY(2px)}.block-top{padding-bottom:101px;border-bottom:1px solid var(--grey-color);margin-bottom:29px}.block-bottom h4{margin-bottom:16px}.block-bottom address{font-style:normal}.socials-list{display:flex;justify-content:space-between;gap:29px}.socials-list a{width:50px;height:50px;border-radius:50%;background-color:var(--white-color);display:flex;justify-content:center;align-items:center;border:1px solid #fff}.socials-list a:hover{background-color:var(--black-color);transition:all .2s ease;border:1px solid #fff}.socials-list a:hover svg{transition:all .2s ease;filter:invert(1)}.socials-list svg{width:23px;height:23px}@media screen and (max-width:1552px){.subscribe-block form input{width:100%}.subscribe-block form button{left:65%;right:4%}}@media screen and (max-width:1430px){footer .block-bottom{flex-wrap:wrap;gap:20px 20%;justify-content:space-between}footer .block-bottom>div{width:40%}footer .block-bottom .socials-list{margin-right:auto}}@media screen and (max-width:1328px){.container{width:min(90%,1000px)}footer .block{gap:50px}.subscribe-block{width:40%}footer .block-bottom .socials-list{margin-right:20%}}@media screen and (max-width:1065px){footer .block-bottom .address,footer .block-top .pages{display:none}footer .container{padding-top:60px;width:min(90%,700px)}footer .block-top{flex-wrap:wrap;padding-bottom:40px}footer .block-top div{width:70%;margin-inline:auto}footer .block-bottom{gap:30px}footer .block-bottom .socials-list{margin-inline:auto}}@media screen and (max-width:674px){.copyright a,.telephone a{font-size:1rem}footer .block-top div{width:100%}}@media screen and (max-width:442px){input[type=email]::placeholder{font-size:1rem}.subscribe-block form button{left:60%}footer .block-bottom>div{width:80%}}.buttons-block .btn,body{font-size:1.125rem}@media screen and (max-width:375px){.subscribe-block form button{left:50%}}:root{--text-color:rgba(12, 12, 12, 0.9);--white-color:#FBFBFB;--black-color:#0C0C0C;--green-color:#64CCC5;--orange-color:#ffd930;--grey-color:#f4f4f4;--dark-orange:#ff9e30;--dark-grey:#808080}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color)}.container{width:min(90%,1400px);margin-inline:auto}ul{list-style-type:none}a{text-decoration:none}img{width:100%;object-fit:contain;vertical-align:top}.btn{display:inline-block;color:var(--text-color);font-size:1.25rem;padding:9px 15px;border-radius:23px;background-color:var(--white-color);cursor:pointer;overflow:hidden;z-index:1;position:relative;transition:all .3s;border:2px solid var(--white-color)}.btn::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:var(--white-color);border-radius:10rem;z-index:-2}.btn::before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:var(--orange-color);transition:all .3s;border-radius:10rem;z-index:-1}.btn:hover::before{width:100%}.btn:active::before{background-color:var(--dark-orange)}header{padding-top:21px}header .container{display:flex;justify-content:space-between;margin-inline:auto}header .logo img{height:100%}.main-menu ul{display:flex;gap:40px;padding:17px 0}.main-menu ul :active,.main-menu ul a,.main-menu ul a:visited{color:var(--text-color);position:relative;display:inline-block}.main-menu ul :active::after,.main-menu ul a::after,.main-menu ul a:visited::after{content:"";position:absolute;width:0;height:2px;background:var(--orange-color);bottom:-5px;left:50%;display:inline-block;transition:all .3s ease;transform:translateX(-50%)}.main-menu ul :active:hover::after,.main-menu ul a:hover::after,.main-menu ul a:visited:hover::after{width:calc(100% - 10px)}.buttons-block{margin-right:6px;margin-top:5px}.hamburger{display:none;width:47px;height:47px;border:none;background:0 0;position:relative}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:19px;height:3px}.hamburger-inner{top:60%}.hamburger-inner::before{top:-8px}.hamburger-inner::after{bottom:-8px}.black-btn,.contacts p,.first,.mission{color:var(--white-color)}.go-btn{display:flex;padding:10px 20px 10px 10px;justify-content:center;align-items:center;gap:10px;font-size:1.25rem;border-radius:26px;letter-spacing:-.01rem;width:212px}.btn-arrow{display:inline-block;width:28px;height:28px;position:relative;background-color:var(--black-color);border-radius:50%}.btn-arrow::before{content:"";position:absolute;border-top:1px solid var(--white-color);border-left:1px solid var(--white-color);z-index:1;left:9px;top:10px;width:8px;aspect-ratio:1;rotate:135deg}.black-btn{background:var(--black-color);border:2px solid #000}.black-btn::after{background-color:var(--black-color)}.black-btn:hover{color:var(--black-color)}.black-btn .btn-arrow{background-color:var(--white-color)}.black-btn .btn-arrow::before{border-top:1px solid var(--black-color);border-left:1px solid var(--black-color)}.black-burger{border:2px solid #000}.first .container,.gallery .image-box,.gallery img,.member .image-box img,.partners-image-box img,.side-statistics .image-box img{border-radius:20px}.black-burger::after{background-color:var(--black-color)}.black-burger .hamburger-inner,.black-burger .hamburger-inner::after,.black-burger .hamburger-inner::before{background-color:#f4f4f4}.black-burger .hamburger-inner{top:50%;left:-3px}.mobile-panel,.page-shadow{position:fixed;top:0;transition:all .5s ease;left:0}@media screen and (max-width:836px){.main-menu{display:none}.hamburger{display:inline-block}.buttons-block{display:flex;gap:20px}}.page-shadow{background-color:rgba(0,0,0,.7);width:100%;height:100%;z-index:999;opacity:0;visibility:hidden}.mobile-panel{transform:translateX(-300px);background:#fff;width:300px;height:100vh;z-index:1000}.mobile-panel .logo{scale:.6;padding-top:10px}.open-mobile-menu .page-shadow{opacity:1;visibility:visible}.open-mobile-menu .mobile-panel{transform:translateX(0)}.mobile-menu ul{padding-top:20px}.mobile-menu ul li a{display:inline-block;padding:10px 30px;color:var(--dark-grey);width:100%}@media screen and (max-width:442px){header .buttons-block .contact-btn{display:none}header .logo{margin-left:20px}}.gallery{position:relative;width:55%}.photo-1{position:absolute;z-index:9}.photo-1 img{position:relative;z-index:9}.photo-1::before{position:absolute;content:"";background:rgba(18,18,18,.2);width:100%;display:block;height:100%;border-radius:20px;z-index:10}.photo-2,.photo-3{position:absolute}.photo-2::before,.photo-3::before{position:absolute;content:"";background:rgba(18,18,18,.2);width:100%;display:block;height:100%;border-radius:20px}.photo-2{z-index:8}.photo-2::before{left:0;bottom:0;z-index:8}.photo-2 img{opacity:.5;z-index:7}.photo-3::before{left:0;bottom:0;z-index:6}.photo-3 img{opacity:.2;z-index:5}.photo{transition:transform 1s ease-in-out,z-index .5s}@media screen and (max-width:1650px){.about-us .gallery .image-box{width:500px}}@media screen and (max-width:1328px){.about-us .gallery .image-box{width:350px}}@media screen and (max-width:1065px){.about-us .gallery .image-box{width:300px}.photo-2{transform:translate(77px,35px)}.photo-3{transform:translate(45px,69px)}}@media screen and (max-width:986px){.about-us .gallery{display:none}}.first{margin-top:60px;margin-bottom:167px}.first .container{background:var(--black-color);padding:92px 72px;display:flex}.first .text-content{width:45%;margin-bottom:60px}h1{font-family:"Roboto Serif",serif;font-size:4rem;margin-top:5px;letter-spacing:-.2rem;margin-bottom:25px}.rate{margin-top:40px;display:flex;font-family:"Roboto Serif",serif;font-size:1.25rem;letter-spacing:-.02rem}.rate .image-box{width:70px;height:70px;margin-right:12px}.rate .image-box+div{margin-top:10px}.rate .stars{margin-top:3px}.rate svg{width:20px;height:20px;margin-right:2px}.gallery .image-box{width:567px;aspect-ratio:0;height:614px}.photo-1{transform:translate(196px,66px)}.photo-2{transform:translate(123px,35px)}.photo-3{transform:translate(42px,0)}.statistics-list{padding:45px;display:flex;gap:105px;margin-bottom:100px;text-align:center}.statistics-list .stats{font-family:"Roboto Serif",serif;font-size:2.8125rem;font-weight:700;margin-bottom:17px}.mission h2,.statistics-list h3{font-family:"Roboto Serif",serif;font-size:1.5625rem}.statistics-list h3{font-weight:500;letter-spacing:-.02rem;margin-bottom:20px}.mission{background-color:var(--black-color)}.mission .container{padding-top:100px;display:flex;padding-bottom:130px}.mission .text-content{padding-top:137px;width:45%;margin-right:30px}.mission h2{font-weight:700;margin-bottom:24px}.member .image-box+div,.mission h2+p{font-weight:600;font-family:"Roboto Serif",serif}.mission h2+p{font-size:4rem;margin-bottom:32px}.missions-list{margin-top:48px;display:grid;column-gap:10px;grid-template-columns:1fr 1fr;padding-left:20px}.missions-list li{position:relative;margin-bottom:10px}.missions-list li::before{position:absolute;content:"";border-radius:50%;width:15px;height:15px;background-color:var(--green-color);left:-21px;top:2px}.missions-list li::after{position:absolute;content:"";width:8px;height:6px;border-bottom:2px solid #000;border-left:2px solid #000;rotate:-47deg;left:-17px;top:6px}.side-statistics{margin-right:86px}.side-statistics .image-box img{width:327px;margin-bottom:32px}.side-statistics .stats{display:flex;text-align:center}.side-statistics .stats .left{margin-left:37px;padding-right:25px;border-right:1px solid #fff;align-self:flex-start;width:190px}.side-statistics .stats .right{margin-top:70px;margin-left:36px;width:110px;margin-bottom:61px}.side-statistics .stats .number{font-family:"Roboto Serif",serif;font-size:2.8125rem;font-weight:700;margin-bottom:15px}.side-statistics .stats .number+div{font-size:1rem;letter-spacing:.03rem}.partners-image-box{align-self:flex-end}.our-team .container{padding-top:100px}.our-team h2{text-align:center;font-family:"Roboto Serif",serif;font-size:4rem;margin-bottom:85px}.team-members{display:flex;gap:74px;margin-bottom:100px}.member{position:relative}.member .image-box{margin-bottom:16px}.member .image-box+div{font-size:1.25rem;margin-bottom:10px}.member .image-box+div+div{font-size:1rem;letter-spacing:.03rem}.member .socials-list{position:absolute;right:15px;top:19px;gap:17px}.member .socials-list a{width:35px;height:35px}.contacts .container{background-image:url(../img/about/last-bg.jpg);padding-top:45px;padding-bottom:33px;margin-bottom:100px}.contacts p{text-align:center;font-family:"Roboto Serif",serif;font-size:2.8125rem;font-weight:700;margin-bottom:24px}.contacts .button-block{width:160px;margin-inline:auto}@media screen and (max-width:1606px){.missions-list li{width:260px}}@media screen and (max-width:1482px){.gallery .image-box{width:400px;height:433px}h1{font-size:3rem}.first{margin-bottom:100px}}@media screen and (max-width:1320px){.partners-image-box{display:none}.side-statistics{margin-right:0}.mission .text-content{padding-top:100px;width:70%}.mission .container{padding-bottom:0}.mission h2+p{font-size:3rem}}@media screen and (max-width:1256px){.photo-2{transform:translate(84px,35px)}.photo-1{transform:translate(124px,68px)}}@media screen and (max-width:1122px){.first,.our-team h2,.statistics-list{margin-bottom:30px}.first .container{gap:20px;padding-bottom:0}.gallery .image-box{width:300px;height:333px}.side-statistics .stats .left{margin-left:0}.side-statistics .stats .right{margin-top:0}.our-team .container{padding-top:50px}.our-team h2{font-size:3rem}.missions-list li{width:220px}.member .socials-list{bottom:88px;top:auto}}@media screen and (max-width:982px){.mission h2+p,.our-team h2,h1{font-size:2.5rem}.missions-list{grid-template-columns:1fr}.missions-list li{width:100%}.mission .text-content{padding-top:0}h1{letter-spacing:0}.statistics-list{gap:30px}.contacts p{font-size:2rem}}@media screen and (max-width:940px){.gallery{display:none}.first .text-content{width:100%}.statistics-list{flex-wrap:wrap}}@media screen and (max-width:924px){.team-members{gap:30px}.side-statistics{display:none}.mission .container{width:min(90%,600px);padding:50px 0}.mission .text-content{width:100%}}@media screen and (max-width:835px){.member .socials-list{top:60%}.contacts .container,.team-members{margin-bottom:40px}}@media screen and (max-width:772px){.member .socials-list{top:55%;right:15%}}@media screen and (max-width:706px){.member .socials-list{right:13%}}@media screen and (max-width:676px){.team-members{flex-wrap:wrap;justify-content:center}.member{width:50%}.member .socials-list{top:70%;right:78px}.mission .container{padding-right:40px;padding-left:40px}.contacts p{font-size:1.2rem}}@media screen and (max-width:620px){.member .socials-list{top:70%;right:94px}.member{width:60%}}@media screen and (max-width:544px){.member .socials-list{top:67%;right:74px}}@media screen and (max-width:486px){.member .socials-list{top:64%;right:19%}}@media screen and (max-width:426px){.first .container{padding-top:50px}h1{font-size:2.1em}.member{width:80%}.member .socials-list{top:67%;right:27%}.contacts p{width:300px;margin-inline:auto}}@media screen and (max-width:358px){.mission h2+p,.our-team h2,h1{font-size:1.6rem}.first .container{padding:30px}}