.footerBackground{border-top:1px solid #D9D9D9;background-color:#fff;height:10vh;z-index:100;position:relative;overflow:hidden}.flex-footer{display:flex;justify-content:flex-start;gap:12rem;position:relative;padding-left:10rem}.footer-button.active .flex-name{color:#000;font-weight:700}.footer-button{position:relative;background:none;border:none;padding-top:1rem;cursor:pointer;width:10%;transition:border-color .3s ease}.footer-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background-color:#000;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.footer-button:hover:after{transform:scaleX(1)}.footer-button.active:after{transform:scaleX(1)}.footer-button.retract:after{transform:scaleX(0)}.animation-div1,.animation-div-2{position:absolute;height:10px;background-color:#000;transition:transform .3s ease}.flex-button{display:flex;flex-direction:column}.flex-number{text-align:start;padding-top:.8rem;color:silver;font-weight:700}.flex-name{font-weight:600;font-size:14px;color:silver;text-align:start;padding-top:.1rem}.headerMenu{margin-right:3rem;margin-left:3rem}.headerFlex{display:flex;justify-content:space-around;gap:60rem;padding-top:1rem;position:relative;z-index:1000}.toggleButton{background-color:#000;color:#fff;padding:10px 20px;cursor:pointer;z-index:1001;position:relative;border:1px solid black}.toggleButton{border:1px solid white}.navContainer{position:fixed;top:0;right:0;width:100%;height:100%;background-color:#000;transform:translate(100%);transition:transform .5s ease-in-out;z-index:999}.navContainer.open{transform:translate(0)}.navContent{display:flex;height:100%}.nav{width:50%;color:#fff;font-family:Arial,sans-serif;padding-left:4rem}.navList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem;opacity:0;transform:translateY(1200px);transition:opacity 1.5s ease-in-out,transform 1.5s ease-in-out;margin-left:10rem;gap:3rem;padding-top:10rem;width:25%;font-size:30px;position:sticky}.navList li.transform{transform:translateY(-10px);transition:transform .5s ease,margin-top .5s ease;margin-top:20px}.navList.show{opacity:1;transform:translateY(0)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.navList.show li{animation:fadeIn .5s forwards}.navList.close{transition:opacity .5s ease-in-out,transform .5s ease-in-out;opacity:0;transform:translateY(800px)}.navList li{color:#fff;padding:0;position:relative;display:inline-block;transition:color .3s ease;cursor:pointer;opacity:0;transform:translateY(20px);animation:fadeIn .5s forwards}.navList li:hover{background-color:transparent}.submenu{display:flex;flex-direction:column;opacity:0;transition:opacity .8s ease-in-out,transform 1.2s ease-in-out;transform:translateY(-30px);gap:2rem;font-size:16px;max-height:0;overflow:hidden}.submenu.show{opacity:1;transform:translateY(0);max-height:300px;margin-top:.8rem}.submenu.hide{opacity:0;transform:translateY(-30px);max-height:0}.navList li:hover .submenu{display:flex;opacity:1;cursor:pointer}.submenu li{color:#bdbcbc}.submenu li:hover{color:#fff}.imageContainer{width:50%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:flex-end;padding-right:27rem;padding-bottom:11rem}.imageContainer img{width:80%;height:auto;transform:translateY(120%);opacity:0;transition:transform 1s ease-in-out,opacity 1s ease-in-out}.imageContainer.show img{transform:translateY(-30%);opacity:1}.imageContainer.show img{transform:translateY(10%);opacity:.8}.headerLogo{color:#000;transition:color .3s ease,z-index .3s ease}.headerLogo.white{color:#fff;position:relative;z-index:1001}.footerNav{list-style:none;display:grid;grid-template-rows:50px 100px 100px;grid-template-columns:100px 100px 100px;padding-top:10rem;padding-left:8rem;opacity:0;transform:translateY(800px);transition:opacity 1.5s ease-in-out 1s,transform 1.5s ease-in-out .5s;z-index:1002;position:fixed;bottom:0;left:65px;right:0}.navContainer.open .footerNav{opacity:1;transform:translateY(0)}.navContainer .footerNav.close{transition:opacity .5s ease-in-out,transform .5s ease-in-out;opacity:0;transform:translateY(800px)}.footerNav li{margin:2rem;opacity:.5;padding-top:6rem}.navList li:hover+.footerNav{margin:0;padding:0}.footerNav li{margin:2rem;opacity:.5;padding-top:6rem;transition:color .3s ease}.footerNav li:hover{color:#fff;opacity:1}body{font-family:sans-serif}.flexContainer{display:flex;gap:14rem;margin-top:10rem;opacity:0;transform:translateY(20px);transition:transform 3s ease-in-out,opacity 3s ease-in-out}.flex-left,.flex-right{width:50%}.flex-left{padding-left:12rem;transition-delay:.5s}.fixed-button{bottom:2rem;position:absolute;padding:1rem 2rem;background-color:#000;margin-left:12rem;color:#fff;border:none;transform:translateY(-400px);cursor:pointer;z-index:10;transition:background-color .3s ease;border:1px solid black}.fixed-button.no-transition{transition:none}.fixed-button:hover{background-color:transparent;border:1px solid black;color:#000}.flex-right{padding-right:12rem;transition-delay:.7s}.furniture-container{position:relative;height:100%;overflow:hidden;opacity:0;transform:translateY(20px);transition:transform 3s ease-in-out,opacity 3s ease-in-out;margin-bottom:2.5rem}.furniture-container.first-active{transform:translateY(0);opacity:1}.furniture-container.first-exit{transform:translateY(-100%);opacity:0}.furniture-container.second-active{transform:translateY(0);opacity:1}.furniture-container.second-exit{transform:translateY(100%);opacity:0}.first-active .flexContainer,.second-active .flexContainer{transform:translateY(0);opacity:1;transition-delay:.3s}body,*:after,*:before{margin:0;padding:0;box-sizing:border-box}
