.footer{width:100%;display:flex;flex-direction:column;align-items:center;.section{width:100%;max-width:1920px;height:400px}.section.top{height:auto;padding:100px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;.part{width:25%;min-height:200px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;color:var(--text-body-color);.t{font-weight:700;margin-bottom:35px}.item{margin-top:10px;cursor:pointer}.item:hover{color:var(--text-hover-color)}}.part.big{width:50%;p{max-width:300px;margin-top:35px}}}.bottom{width:100%;min-height:100px;background-color:var(--footer-bottom-bg-color);display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:20px 100px;.social{display:grid;grid-template-columns:repeat(3,auto);grid-gap:40px;gap:40px;justify-content:center;align-items:center;svg{cursor:pointer}svg:hover>g path,svg:hover>path{fill:#000}}p{font-weight:400;font-size:14px;color:var(--text-second-color);opacity:.9}}}@media screen and (max-width:968px){.footer{.section.top{padding:50px;.part{width:250px}.part.big{margin-bottom:50px}}.bottom{padding:20px 50px}}}@media screen and (max-width:400px){.footer{.bottom{.social{margin-top:10px}}}}*{box-sizing:border-box}.upper-navbar{width:100%;height:30px;position:relative;z-index:5;background-color:var(--upper-bg-color);display:flex;flex-direction:row;justify-content:center;align-items:center}.upper-navbar span{color:var(--text-second-color);text-align:center;font-size:smaller}.navbar{width:100%;height:50px;position:-webkit-sticky;position:sticky;z-index:5;top:-1px;padding:40px;transition:background-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:row;justify-content:space-between;align-items:center;.logo{width:auto;height:36px}.menu{width:500px;max-width:1000px;height:50px;padding:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;span{font-size:15px;color:var(--text-color);display:flex;flex-direction:row;align-items:center;svg{margin-left:5px}cursor:pointer}span:hover{color:var(--text-hover-color)}}.end{display:flex;flex-direction:row;justify-content:space-between;align-items:center;svg{margin-left:15px}.mobile-menu-open{display:none}}}.navbar.scrolled{background-color:var(--navbar-bg-color);box-shadow:0 4px 10px hsla(0,0%,59%,.1)}@media screen and (max-width:968px){.navbar{.menu{display:none}.end{.mobile-menu-open{display:block}}}}@media screen and (max-width:632px){.navbar{.end{.contact-button{display:none}}}}