@charset "utf-8";

*, ::after, ::before { box-sizing: border-box; }

.scroller { overflow-y: scroll; }

.scroller, .scroller-inner { position: relative; }

.menu-trigger { position: relative; padding-left: 60px; font-size: 0.9em; }

.menu-trigger::before { position: absolute; top: 2px; left: 0px; width: 40px; height: 6px; background: rgb(255, 255, 255); content: ""; }

.mp-pusher { position: fixed; left: 0px; height: 100%; z-index: 500; width: 100%; display: none; }

.mp-menu { position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100vh; transform: translate3d(-100%, 0px, 0px); }

.mp-level { position: absolute; top: 0px; left: 0px; width: 100%; height: 100vh; background: rgb(131, 38, 38); transform: translate3d(-100%, 0px, 0px); overflow: hidden scroll; z-index: 100; }

.mp-pusher::after, .mp-level::after, .mp-level::before { position: absolute; top: 0px; right: 0px; width: 0px; height: 0px; content: ""; opacity: 0; }

.mp-level::after { z-index: -1; }

.mp-pushed { z-index: 500 !important; }

.mp-pusher.mp-pushed::after, .mp-level.mp-level-overlay::after { width: 100%; height: 100%; opacity: 1; transition: opacity 0.3s; }

.mp-level.mp-level-overlay { cursor: pointer; }

.mp-level.mp-level-overlay.mp-level::before { width: 100%; height: 100%; background: transparent; opacity: 1; }

.mp-pusher, .mp-level { transition: 0.5s; }

.mp-overlap .mp-level.mp-level-open { box-shadow: rgba(0, 0, 0, 0.2) 1px 0px 2px; transform: translate3d(-40px, 0px, 0px); }

.mp-menu > .mp-level, .mp-menu > .mp-level.mp-level-open, .mp-menu.mp-overlap > .mp-level, .mp-menu.mp-overlap > .mp-level.mp-level-open { box-shadow: none; transform: translate3d(0px, 0px, 0px); }

.mp-cover .mp-level.mp-level-open { transform: translate3d(0px, 0px, 0px); }

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) { transform: translate3d(-100%, 0px, 0px); }

.mp-menu ul { margin: 0px; padding: 0px; list-style: none; }

.mp-menu ul li { border-bottom: 1px solid rgb(167, 72, 71); }

.mp-menu h2 { margin: 0px; padding: 1em; color: rgba(0, 0, 0, 0.4); text-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; font-weight: 300; font-size: 2em; }

.mp-menu.mp-overlap h2::before { position: absolute; top: 0px; right: 0px; margin-right: 8px; font-size: 75%; line-height: 1.8; opacity: 0; transition: opacity 0.3s, transform 0.1s 0.3s; transform: translateX(-100%); }

.mp-menu.mp-cover h2 { text-transform: uppercase; letter-spacing: 1px; font-size: 1rem; color: rgb(255, 255, 255); padding-left: 50px; text-align: right; }

.mp-overlap .mp-level.mp-level-overlay > h2::before { opacity: 1; transition: transform 0.3s, opacity 0.3s; transform: translateX(0px); }

.mp-menu ul li > a { display: block; padding: 12px 15px; outline: none; text-shadow: rgba(255, 255, 255, 0.1) 0px 0px 1px; font-size: 0.95rem; color: rgb(255, 255, 255); text-transform: uppercase; position: relative; }

.mp-menu ul li > a::after { position: absolute; top: 50%; right: 15px; margin-top: -26px; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; content: ""; transform: translate(0%, 50%); color: rgb(253, 153, 7); }

.mp-menu ul li > a > span { position: relative; top: 0px; right: auto; margin-left: 10px; }

.mp-menu ul li::before { position: absolute; left: 10px; z-index: -1; color: rgba(0, 0, 0, 0.2); line-height: 3.5; }

.mp-level > ul > li:first-child > a { }

.mp-menu ul li a:hover, .mp-level > ul > li:first-child > a:hover { }

.mp-menu .mp-level.mp-level-overlay > ul > li > a, .mp-level.mp-level-overlay > ul > li:first-child > a { }

.mp-level > ul > li:first-child > a:hover, .mp-level.mp-level-overlay > ul > li:first-child > a { }

.mp-back { background: none; outline: none; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 1px; font-weight: 700; display: block; font-size: 0.85rem; padding: 1em 1em 1em 40px; position: absolute; left: 0px; top: 0px; transition: background 0.3s; }

.mp-back::after { font-family: "Font Awesome 5 Pro"; position: absolute; content: ""; left: 15px; font-size: 1.25rem; color: rgb(255, 255, 255); top: 7px; font-weight: 400; }

.mp-menu .mp-level.mp-level-overlay > .mp-back, .mp-menu .mp-level.mp-level-overlay > .mp-back::after { background: transparent; box-shadow: none; color: transparent; }

.no-csstransforms3d .mp-pusher, .no-js .mp-pusher { padding-left: 300px; }

.no-csstransforms3d .mp-menu .mp-level, .no-js .mp-menu .mp-level { display: none; }

.no-csstransforms3d .mp-menu > .mp-level, .no-js .mp-menu > .mp-level { display: block; }

.m-menu-icon { position: fixed; top: 8px; left: 0px; width: 40px; height: 34px; align-items: center; text-align: center; z-index: 10000; display: none; }

.hamburger-box { position: relative; display: inline-block; width: 40px; height: 24px; line-height: 0.5; }

.hamburger-box span { width: 26px; height: 2px; background-color: rgb(0, 0, 0); display: inline-block; }

.mp-menu .dd_box { padding: 0px; margin-bottom: 15px; border-bottom: 1px solid rgb(167, 72, 71); }

.mp-menu .dd_box h3 { color: rgb(253, 153, 7); padding: 0px 15px; font-size: 1.15rem; position: relative; text-transform: uppercase; font-weight: normal; }

.mp-menu .dd_box li { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }

@media screen and (max-width: 991px) {
  .m-menu-icon { display: block; }
  .mp-pusher { top: 47px; }
  .mp-pusher { display: block; z-index: 0; }
}

#lottie { width: 87px; height: 90px; }