.header {position: fixed;top: 0;left: 0;width: 100%;padding: 10px 30px;display: flex;align-items: center;background: #fff;box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.1);z-index: 998;}.menu {flex-grow: 1;}.menu-list {display: flex;align-items: center;justify-content: start;}.menu-list .menu-list-item {display: inline-block;margin-left: 10px;}.menu-list .menu-list-item.has-dropdown {position: relative;}.menu-list .dropdown-menu {display: none;}.menu-list .menu-list-link {position: relative;display: block;padding: 10px 15px;color: #555;font-weight: lighter;transition: 0.2s;}.menu-list .menu-list-link:hover {}.menu-list .menu-list-item.has-dropdown .menu-list-link:after, .menu-list .menu-list-item.has-megamenu .menu-list-link:after {content: "\f107";font-family: "Font Awesome 5 Pro";
position: absolute;top: 11px;left: -1px;color: #888;transition: 0.2s;
}.menu-list .menu-list-item.has-dropdown .menu-list-link:hover:after, .menu-list .menu-list-item.has-megamenu .menu-list-link:hover:after {color: var(--app-green);}.menu-list .menu-list-link .menu-list-icon {vertical-align: middle;margin-right: 10px;color: #888;transition: 0.2s;}.menu-list .menu-list-link:hover .menu-list-icon {color: var(--app-green);}.menu-list .menu-list-link .menu-list-pic {width: 30px;height: 29px;margin-right: 5px;transition: 0.3s;}.menu-list .menu-list-link:hover .menu-list-pic {transform: scale(1.03) rotate(360deg);}.dropdown-menu-item .dropdown-menu-link {display: block;padding: 7px 15px;color: #555;font-weight: lighter;transition: 0.2s;}.dropdown-menu-item .dropdown-menu-link:hover {color: var(--app-green);background: #f7f7f7;}.header .logo-and-toggler {display: flex;margin-right: auto;}.header .logo-and-toggler > img {max-width: 100px;}.header .accounting-action {display: inline-block;padding: 1px 0px;border: 1px solid var(--app-red);border-radius: 40px;margin-left: 30px;}.header .accounting-action a {display: inline-block;padding: 4px 0;color: var(--app-red);position: relative;width: 71px;text-align: center;font-size: 13px;}.header .accounting-action a:first-child:after {content: "";width: 1px;height: 15px;background: var(--app-red);position: absolute;left: 0;top: 6px;}.dropdown-menu-item.has-sub-dropdown:hover, .dropdown-menu-item.has-sub-dropdown:hover > a {background: #f0f0f0;}.dropdown-menu-item.has-sub-dropdown:after {content: "\f104";font-family: "Font Awesome 5 Pro";
position: absolute;top: 8px;left: 19px;color: #888;transition: 0.2s;
}.dropdown-menu-item.has-sub-dropdown {position: relative;}@media screen and (min-width: 992px) {.menu-toggler {display: none;}.menu-list-item .dropdown-menu {position: absolute;top: 40px;right: -10px;background: #fff;min-width: 170px;padding: 10px 0;box-shadow: 0 5px 20px -7px rgba(0, 0, 0, 0.2);border-radius: 5px;animation: none;z-index: 500;}.menu-list-item.has-dropdown:hover .dropdown-menu {display: block;animation: 0.7s show-menu forwards;}.dropdown-menu-item.has-sub-dropdown .sub-dropdown-menu {display: none;position: absolute;top: 0;right: 100%;min-width: 180px;background: #fff;padding: 10px;border-radius: 6px 0 6px 6px;box-shadow: 0 8px 20px -10px #0006;}.dropdown-menu-item.has-sub-dropdown:hover .sub-dropdown-menu {display: block;animation: 0.4s drop-down-anim forwards;}.has-megamenu .mega-menu {position: absolute;display: none;top: 100%;left: 0;right: 0;width: 100vw;padding-top: 20px;background: #fff;border-bottom: 1px solid #eee;box-shadow: 0 5px 15px -10px rgba(0, 0, 0, 0.14);opacity: 0;}.mega-menu-content {padding-top: 10px;border-top: 1px solid #eee;}.has-megamenu:hover .mega-menu {display: block;animation: 0.4s show-megamenu forwards;}}.menu .menu-header {display: none;}.menu .submenu-toggler {display: none;}@media screen and (max-width: 992px) {.menu {position: fixed;height: 100%;top: 0;right: -100%;width: calc(100% - 70px);background: linear-gradient(to right, #27bd78, #3cda98);color: #555;border-top: 1px solid #eee;z-index: 100;transition: right 0.3s;}.menu .menu-header {display: flex;height: 55px;width: 100%;background: #fff;box-shadow: 0 5px 10px -7px rgba(0, 0, 0, 0.26);align-items: center;justify-content: space-between;padding: 14px;}.menu-header .account {border: 1px solid var(--app-green);border-radius: 30px;padding: 2px 10px;color: var(--app-green);}.menu-header .account a {font-weight: 300;font-size: 11px;display: inline-block;margin: 0 3px;min-width: 26px;text-align: center;color: var(--app-green);}.menu .menu-list .submenu-toggler {display: block;margin: 10px 0 15px 0;padding: 10px;text-align: center;background: rgba(255, 255, 255, 0.11);border-radius: 5px;}.menu .menu-list .submenu-toggler a i {vertical-align: middle;margin-right: 6px;}.menu .menu-list .submenu-toggler a {color: #fff;font-weight: lighter;}.menu-list {position: relative;padding: 10px 0;height: calc(100% - 55px);flex-direction: column;flex-wrap: wrap;}.menu-list .menu-list-item.has-dropdown {position: static;}.menu-list .menu-list-item.has-dropdown .menu-list-link:after, .menu-list .menu-list-item.has-megamenu .menu-list-link:after, .menu-list .menu-list-item.has-dropdown .menu-list-link:hover:after, .menu-list .menu-list-item.has-megamenu .menu-list-link:hover:after {color: #fff;}.menu-list .menu-list-link .menu-list-icon {color: #fff;}.menu-list .menu-list-item {display: block;width: 100%;margin: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.08);}.menu-list .menu-list-link {display: block;padding: 14px 25px;color: #fff;transition: 0.2s;}.menu-list .menu-list-item:last-child {border-bottom: 0;}.menu-list .menu-list-item.has-dropdown .menu-list-link:after, .menu-list .menu-list-item.has-megamenu .menu-list-link:after {left: 20px;}.dropdown-menu-item .dropdown-menu-link {display: block;padding: 10px 15px;color: #fff;border-radius: 5px;transition: 0.2s;}.menu-list .dropdown-menu {width: 95%;display: block;position: absolute;top: 0;right: -100%;height: 100%;background: linear-gradient(to right, #27bd78, #3cda98);box-shadow: -5px 0 10px -5px rgba(0, 0, 0, 0.1411764705882353);padding: 0 10px;transition: all 0.3s;z-index: 8;}.header .logo-and-toggler {order: 1;margin-left: auto;margin-right: 0;flex-direction: row-reverse;align-items: center;}.header .accounting-action {order: 2;margin-left: 0;}a.menu-toggler {vertical-align: middle;display: inline-block;margin-left: 30px;font-size: 19px;color: #888;margin-top: 5px;}.dropdown-menu-item.has-sub-dropdown:after {content: "\f107";}.dropdown-menu-item.has-sub-dropdown .sub-dropdown-menu {display: none;margin: 0 10px 10px 10px;padding: 5px;}.mega-menu {width: 95%;display: block;position: absolute;top: 0;right: -100%;height: 100%;background: linear-gradient(to right, #27bd78, #3cda98);box-shadow: -5px 0 10px -5px rgba(0, 0, 0, 0.1411764705882353);overflow: auto;padding: 10px;transition: all 0.3s;z-index: 8;}.mega-menu .city-item {padding: 10px;}.mega-menu .c-main-green {color: #fff !important;}.mega-menu .city-item {min-width: calc(50% - 10px) !important;}.cities p, .cities a {color: #fff;font-weight: normal !important;}.menu .state-item {color: #f5f5f5;}.mega-menu .container-fluid {padding: 0;}.sub-dropdown-menu .dropdown-menu-link {color: #555;}.dropdown-menu-item.has-sub-dropdown:hover .dropdown-menu-link {color: #555;}.dropdown-menu-item.has-sub-dropdown.is-shown, .dropdown-menu-item.has-sub-dropdown.is-shown .dropdown-menu-link {background: #fff;color: #555;}.header .menu-backdrop a {display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;background: #fff;border-radius: 50%;font-size: 14px;}.header .menu-backdrop {position: fixed;top: 0;left: 0;display: flex;align-items: center;justify-content: flex-end;height: 100%;width: 100%;padding: 10px;background: rgba(0, 0, 0, 0.7);z-index: 2;}}@keyframes show-menu {0% {top: 50px;}100% {top: 40px;}}@keyframes drop-down-anim {0% {top: 5px }100% {top: 0px }}@keyframes show-megamenu {0% {top: 56px;opacity: 0;}100% {top: 52px;opacity: 1;}}