.mobile-menu .main-nav{position:fixed;top:0;right:0;left:0;bottom:0;text-align:end;background:#FFF;opacity:0;z-index:-1;visibility:hidden;transition:all .375s}.mobile-menu .main-nav:before{content:"";position:fixed;top:0;bottom:0;left:0;right:-15px;background:#4f536e;transform-origin:0 0;transform:skew(-16deg) translate(-120%);transition:all .275s .1s}.mobile-menu .main-nav .menu-segment{width:100%}.mobile-menu .main-nav ul{display:inline-flex;margin-right:15vh;flex-direction:column;height:100%;align-items:center;justify-content:space-evenly;transform:skew(-16deg) translate(-100vw);transition:all .275s .1s}.mobile-menu .main-nav li{display:block;margin:.5rem 0;text-align:right;transform:skew(16deg)}.mobile-menu .main-nav ul,.mobile-menu .main-nav li{list-style:none;padding:0}.mobile-menu .main-nav a{opacity:0;transform:translateY(-10px);display:block;padding:12px 0;color:#ff834a;font-size:1.4em;text-decoration:none;font-weight:700}.mobile-menu .main-nav.expanded{opacity:1;z-index:100;visibility:visible}.mobile-menu .main-nav.expanded a{opacity:1;transform:translateY(0)}.mobile-menu .main-nav.expanded:before{transform:skew(-16deg) translate(0)}.mobile-menu .main-nav.expanded ul{transform:translate(0) skew(-16deg)}.mobile-menu .open-main-nav{position:fixed;top:27px;padding-top:20px;right:15px;z-index:1000;background:none;border:0;cursor:pointer}.mobile-menu .open-main-nav:focus{outline:none}.mobile-menu .burger{position:relative;display:block;width:28px;height:4px;margin:0 auto;background:#ff834a;transition:all .275s}.mobile-menu .burger:after,.mobile-menu .burger:before{content:"";display:block;height:100%;background:#ff834a;transition:all .275s}.mobile-menu .burger:before{transform:translateY(-16px) skew(-10deg)}.mobile-menu .burger:after{transform:translateY(-12px) translate(-2px) skew(-20deg)}.mobile-menu .expanded .burger{transform:skew(5deg) translateY(-8px) rotate(-45deg)}.mobile-menu .expanded .burger:before{transform:translateY(0) skew(-10deg) rotate(75deg)}.mobile-menu .expanded .burger:after{transform:translateY(-12px) translate(10px) skew(-20deg);opacity:0}.mobile-menu .burger-text{display:block;font-size:.675rem;letter-spacing:.05em;margin-top:.5em;text-transform:uppercase;font-weight:500;text-align:center;color:#5a3b5d}.mobile-menu .container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.mobile-menu .container.expanded{position:fixed}.mobile-menu .container .profile-button{position:fixed;top:10px;right:55px;display:flex;padding:10px;border-radius:10px;cursor:pointer}.mobile-menu .container .profile-button .profile-image{width:40px;height:40px;border-radius:50%}.mobile-menu .container .profile-button .profile-name-container{padding-left:5px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;max-width:200px}.mobile-menu .container .profile-button .profile-name-container .profile-name{line-height:14px;font-size:14px}.mobile-menu .container .profile-button .profile-name-container .profile-username{line-height:12px;font-size:12px}.mobile-menu .container .profile-button .profile-name-container .profile-name,.mobile-menu .container .profile-button .profile-name-container .profile-username{text-overflow:ellipsis;overflow:hidden;max-width:155px}.mobile-menu html{height:100%}.mobile-menu body{height:100%;display:flex;justify-content:center;align-items:center}.menu{width:100%;display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu .header-menu{max-width:1390px;padding:0 80px;height:100%;display:flex;align-items:center}.menu .header-user-menu{min-width:174px;height:100%;display:flex;align-items:center;justify-content:flex-end}.menu .header-user-menu .profile-button{display:flex;padding:10px;border-radius:10px;cursor:pointer}.menu .header-user-menu .profile-button:hover{background-color:#d3d3d3}.menu .header-user-menu .profile-button .profile-image{width:40px;height:40px;border-radius:50%}.menu .header-user-menu .profile-button .profile-name-container{padding-left:5px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;max-width:200px}.menu .header-user-menu .profile-button .profile-name-container .profile-name{line-height:14px;font-size:14px}.menu .header-user-menu .profile-button .profile-name-container .profile-username{line-height:12px;font-size:12px}.menu .header-user-menu .profile-button .profile-name-container .profile-name,.menu .header-user-menu .profile-button .profile-name-container .profile-username{text-overflow:ellipsis;overflow:hidden;max-width:155px}.menu .header-user-menu .profile-dropdown{min-width:200px;background-color:#fff;border-radius:5px;position:absolute;top:83px;right:3px;display:flex}.menu .header-user-menu .profile-dropdown .profile-dropdown-item{padding:10px;width:100%;font-weight:700;color:#ff834a}.menu .header-user-menu .profile-dropdown .profile-dropdown-item:hover{color:#000;background-color:#eee}.menu .header-user-menu .profile-dropdown .profile-dropdown-item:first-child{border-radius:5px 5px 0 0}.menu .header-user-menu .profile-dropdown .profile-dropdown-item:last-child{border-radius:0 0 5px 5px}.menu .header-user-menu .profile-dropdown .profile-dropdown-item:last-child:first-child{border-radius:5px}.menu .menu-item{font-weight:600;cursor:pointer;color:#ff834a;font-size:18px;line-height:18px;margin-left:15px}.menu .menu-item:first-child{margin-left:0}.menu .menu-item:hover{color:#000}.header{position:fixed;padding:20px;background-color:#fff;height:80px;width:100%;display:flex;top:0;left:0;right:0;z-index:10}.header .header-logo{height:100%;display:flex;align-items:center;min-width:60px}.header .header-logo img{height:60px;width:auto}.first-banner{background-image:url(/images/main-background.png);background-repeat:no-repeat;background-position:center;background-size:cover;height:750px;width:100%;position:absolute;top:80px;left:0;right:0;z-index:-1}.main-container{max-width:1390px;padding:0;margin:205px auto 80px;display:flex;grid-gap:80px;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.main-container .tile{background-color:transparent;border-radius:5px;perspective:1000px;width:350px;min-width:350px;height:500px}.main-container .tile:hover .tile-inner{transform:rotateY(180deg)}.main-container .tile .tile-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.main-container .tile .tile-inner .tile-front,.main-container .tile .tile-inner .tile-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:5px}.main-container .tile .tile-inner .tile-front{background-color:#fff;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:center;padding:10px}.main-container .tile .tile-inner .tile-front .tile-front-title{font-size:20px;color:#fff}.main-container .tile .tile-inner .tile-back{background-color:#2f4f4f;transform:rotateY(180deg);color:#fff;display:flex;gap:8px;padding:15%;flex-direction:column;align-content:center;justify-content:center}.main-container .tile .tile-inner .tile-back .tile-back-type-text{display:flex;justify-content:space-between}.main-container .tile .tile-inner .tile-back .tile-back-type-text .tile-back-text-prefix{margin-right:4px;font-weight:700}.main-container .tile .tile-inner .tile-back .tile-back-type-link{background-color:#fff;padding:4px 8px;border-radius:4px;color:#ff834a;font-weight:700}.main-container .tile .tile-inner .tile-back .tile-back-type-link:hover{background-color:#eee;color:#000}
