/* NAVBAR
================================*/
.navbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: initial;
  -ms-flex-align: initial;
  align-items: initial;
  width: 100%;
  min-height: 60px;
  padding: 0;
  position: relative;
  line-height: initial;
  font-family: inherit;
  box-sizing: border-box;
  background-color: #ffffff;
  opacity: 0.98;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

@media (min-width: 99999px) {
  .navbar {
    height: auto;
  }
}

.navbar *,
.navbar *:before,
.navbar *:after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
}

.navbar.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 19998;
}

.navbar.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  will-change: opacity;
  z-index: 19998;
}

.navbar > .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* MOBILE HEADER
================================*/
.navbar-header {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (min-width: 99999px) {
  .navbar-header {
    display: none;
  }
}

/* OVERLAY PANEL
================================*/
.overlay-panel {
  width: 0;
  height: 0;
  position: fixed;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -999999;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
}

.overlay-panel.is-visible {
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 19999;
}

.overlay-panel.is-invisible {
  opacity: 0;
}

@media (min-width: 99999px) {
  .overlay-panel.is-visible {
    display: none !important;
  }
}

/* NAVBAR LOGO
================================*/
.navbar-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-logo a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-logo a img {
  height: 36px;
  display: block;
}

.navbar-logo-top .navbar-body .navbar-logo img {
  width: auto;
  height: auto;
}

.navbar-header .navbar-logo {
  padding: 0 1rem;
}

.navbar-logo.navbar-item a img {
  width: auto;
  height: auto;
}

/* NAVBAR BUTTON TOGGLER
================================*/
.navbar-button-toggler {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  cursor: pointer;
}

.navbar-button-toggler .hamburger-icon {
  width: 20px;
  height: 2px;
  display: inline-block;
  font-style: normal;
  color: #555d65;
  box-shadow: inset 0 0 0 32px, 0 -6px, 0 6px;
}

/* NAVBAR BODY
================================*/
.navbar-body {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: -100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #ffffff;
  z-index: 20000;
  -webkit-transition: left 0.8s cubic-bezier(0.1, 0.1, 0.1, 0.1), right 0.8s cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition: left 0.8s cubic-bezier(0.1, 0.1, 0.1, 0.1), right 0.8s cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

@media (min-width: 500px) {
  .navbar-body {
    width: 320px;
  }
}

@media (min-width: 99999px) {
  .navbar-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    left: auto;
    overflow: visible;
    z-index: auto;
    background-color: transparent;
    -webkit-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
  }
}

.navbar-body.offcanvas-right {
  left: auto;
  right: -100%;
}

@media (min-width: 99999px) {
  .navbar-body.offcanvas-right {
    right: auto;
  }
}

.navbar-body.is-visible {
  left: 0;
  -webkit-transition: left 0.8s, right 0.8s;
  transition: left 0.8s, right 0.8s;
}

.navbar-body.offcanvas-right.is-visible {
  right: 0;
  left: auto;
}

@media (min-width: 99999px) {
  .navbar-body.offcanvas-right.is-visible {
    right: auto;
  }
}

.navbar-body.is-invisible {
  left: -100%;
}

.navbar-body.offcanvas-right.is-invisible {
  right: -100%;
}

.navbar-body.scroll-momentum {
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 99999px) {
  .navbar-centered .navbar-body {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .navbar-justified .navbar-body {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .navbar-logo-top .navbar-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.navbar-body-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 16px;
  border-bottom: solid 1px #e9ecef;
}

@media (min-width: 99999px) {
  .navbar-body-header {
    border: none;
  }
  .navbar-centered .navbar-body-header {
    padding: 0;
  }
  .navbar-logo-top .navbar-body-header {
    padding-top: 20px;
  }
}

.navbar-body-close-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: auto;
  padding-bottom: 2px;
  line-height: initial;
  text-align: center;
  font-size: 25px;
  color: #555d65;
  cursor: pointer;
}

@media (min-width: 99999px) {
  .navbar-body-close-button {
    display: none;
  }
}

.navbar-body-section {
  width: 100%;
  padding: 16px;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 99999px) {
  .navbar-body-section {
    width: auto;
    display: inline-block;
  }
}

.navbar-body-section + .navbar-body-section {
  padding-top: 0;
}

@media (min-width: 99999px) {
  .navbar-body-section + .navbar-body-section {
    padding-top: 16px;
  }
}

.column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

/* NAVBAR MENU
================================*/
.navbar-menu {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0rem;
  display: inline-block;
  float: left;
}

@media (min-width: 99999px) {
  .navbar-menu {
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .navbar .navbar-menu {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .navbar-logo-top .navbar-menu {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

/* Navbar item */
.navbar-item {
  width: 100%;
  margin: 0;
  float: left;
  display: inline-block;
}

@media (min-width: 99999px) {
  .navbar-item {
    width: auto;
  }
}

/* Navbar link */
.navbar-link {
  width: 100%;
  padding: 13px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.3px;
  color: #555d65;
  border-bottom: solid 1px #e9ecef;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.navbar-link:visited {
  color: #555d65;
}

@media (min-width: 99999px) {
  .navbar-item:last-child .navbar-link {
    border-top: none;
    border-bottom: none;
  }
}

.navbar-item:not(.navbar-brand-text):hover .navbar-link,
.navbar-item:not(.navbar-brand-text):focus .navbar-link,
.navbar-item:not(.navbar-brand-text).is-active .navbar-link {
  text-decoration: none !important;
  color: #30caa0;
  background-color: transparent;
}

@media (min-width: 99999px) {
  .navbar-link {
    height: 100%;
    padding: 10px 16px;
    line-height: 60px;
    border: none;
  }
}

.navbar-menu.navbar-social-menu + .navbar-menu:not(.navbar-social-menu) .navbar-item:first-child .navbar-link {
  border-top: solid 1px #e9ecef;
}

@media (min-width: 99999px) {
  .navbar-menu.navbar-social-menu + .navbar-menu:not(.navbar-social-menu) .navbar-item:first-child .navbar-link {
    border-top: none;
  }
}

.navbar-link i {
  width: 28px;
  float: left;
  text-align: center;
  font-size: 24px;
  line-height: 0;
}

.navbar-link i[class*=fa] {
  font-size: 21px;
}

@media (min-width: 99999px) {
  .navbar-link i {
    width: auto;
  }
}

.navbar-link i + span {
  padding-left: 8px;
}

.navbar-icon-item .navbar-link {
  padding: 13px 16px;
}

@media (min-width: 99999px) {
  .navbar-icon-item .navbar-link {
    width: 100%;
    margin: 0;
    padding: 25px 25.6px;
    border-left: solid 1px #e9ecef;
  }
}

@media (min-width: 99999px) {
  .navbar-icon-item .navbar-link span:not(.submenu-indicator) {
    display: none;
  }
}

@media (min-width: 99999px) {
  .navbar-icon-item .navbar-link .navbar-badge {
    right: 10px;
  }
}

@media (min-width: 99999px) {
  .navbar-icon-item .navbar-link i {
    width: 20px;
    height: 26px;
    margin: 0;
    line-height: 26px;
    text-align: center;
    float: left;
    font-size: 25.6px;
  }
  .navbar-icon-item .navbar-link i[class*=fa] {
    width: auto;
    font-size: 21px;
  }
}

.navbar-avatar-item .navbar-link {
  font-size: 12px;
  font-weight: bold;
}

.navbar-avatar-item .navbar-link img {
  width: 48px;
  border: solid 2px #30caa0;
  border-radius: 50%;
}

.navbar-avatar-item .navbar-link span {
  margin-left: 8px;
}

.navbar-body-section + .navbar-menu:not(.navbar-social-menu) > .navbar-item:first-child > .navbar-link {
  border-top: solid 1px #e9ecef;
}

@media (min-width: 99999px) {
  .navbar-body-section + .navbar-menu:not(.navbar-social-menu) > .navbar-item:first-child > .navbar-link {
    border-top: none;
  }
}

/*@import 'navbar/_navbar.menu.social';
@import 'navbar/_navbar.submenu.indicator';
@import 'navbar/_navbar.button';
@import 'navbar/_navbar.text';
@import 'navbar/_navbar.badge';
@import 'navbar/_navbar.inline.form';
@import 'navbar/_navbar.dropdown';
/*@import 'navbar/_navbar.dropdown.horizontal';
@import 'navbar/_navbar.megamenu';
@import 'navbar/_navbar.megamenu.grid';
@import 'navbar/_navbar.megamenu.list';
@import 'navbar/_navbar.tabs';
@import 'navbar/_navbar.transparent';*/
/* NAVBAR FULLSCREEN
 ================================*/
@media (max-width: 99998px) {
  .navbar-fullscreen .navbar-body {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .navbar-fullscreen .navbar-body-header {
    border: none;
    padding: 0;
  }
  .navbar-fullscreen .navbar-body-header .navbar-body-close-button,
  .navbar-fullscreen .navbar-body-header .navbar-brand-text,
  .navbar-fullscreen .navbar-body-header .navbar-logo {
    position: absolute;
    top: 20px;
  }
  .navbar-fullscreen .navbar-body-header .navbar-body-close-button {
    right: 20px;
  }
  .navbar-fullscreen .navbar-body-header .navbar-brand-text,
  .navbar-fullscreen .navbar-body-header .navbar-logo {
    left: 20px;
  }
  .navbar-fullscreen .navbar-menu {
    width: 300px;
  }
  .navbar-fullscreen .navbar-link,
  .navbar-fullscreen .navbar-dropdown-link {
    border: none;
  }
  .navbar-fullscreen .navbar-link {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .navbar-fullscreen .navbar-dropdown-link {
    text-align: center;
  }
  .navbar-fullscreen .navbar-btn {
    width: 300px;
    -webkit-align-self: center;
    align-self: center;
  }
  .navbar-fullscreen .navbar-inline-form {
    width: 300px;
    margin: auto;
  }
  .navbar-fullscreen .navbar-inline-form .navbar-btn {
    width: auto;
  }
}

/* BOXED SKIN
================================*/
@media (min-width: 99999px) {
  .navbar-menu:not(.navbar-social-menu) .navbar-item:not(.navbar-icon-item):not(.navbar-avatar-item):not(.navbar-logo) .navbar-link {
    z-index: 1;
  }
  .navbar-menu:not(.navbar-social-menu) .navbar-item:not(.navbar-icon-item):not(.navbar-avatar-item):not(.navbar-logo) .navbar-link:after {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    z-index: -1;
    -webkit-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s;
  }
  .navbar-menu:not(.navbar-social-menu) .navbar-item:not(.navbar-icon-item):not(.navbar-avatar-item):not(.navbar-logo):not(.navbar-brand-text):hover .navbar-link,
  .navbar-menu:not(.navbar-social-menu) .navbar-item:not(.navbar-icon-item):not(.navbar-avatar-item):not(.navbar-logo):not(.navbar-brand-text):focus .navbar-link,
  .navbar-menu:not(.navbar-social-menu) .navbar-item:not(.navbar-icon-item):not(.navbar-avatar-item):not(.navbar-logo):not(.navbar-brand-text).is-active .navbar-link {
    color: #fff;
  }
  .navbar-menu:not(.navbar-social-menu) .navbar-item:not(.navbar-icon-item):not(.navbar-avatar-item):not(.navbar-logo):not(.navbar-brand-text):hover .navbar-link:after,
  .navbar-menu:not(.navbar-social-menu) .navbar-item:not(.navbar-icon-item):not(.navbar-avatar-item):not(.navbar-logo):not(.navbar-brand-text):focus .navbar-link:after,
  .navbar-menu:not(.navbar-social-menu) .navbar-item:not(.navbar-icon-item):not(.navbar-avatar-item):not(.navbar-logo):not(.navbar-brand-text).is-active .navbar-link:after {
    background-color: #30caa0 !important;
  }
  .navbar-menu:not(.navbar-social-menu) .navbar-item:not(.navbar-icon-item):not(.navbar-avatar-item):not(.navbar-logo):not(.navbar-brand-text):hover > .navbar-link > .submenu-indicator:after,
  .navbar-menu:not(.navbar-social-menu) .navbar-item:not(.navbar-icon-item):not(.navbar-avatar-item):not(.navbar-logo):not(.navbar-brand-text):focus > .navbar-link > .submenu-indicator:after,
  .navbar-menu:not(.navbar-social-menu) .navbar-item:not(.navbar-icon-item):not(.navbar-avatar-item):not(.navbar-logo):not(.navbar-brand-text).is-active > .navbar-link > .submenu-indicator:after {
    border-color: transparent #fff #fff transparent;
  }
}

/* UTILITIES
 ================================*/
.align-to-right {
  margin-left: auto !important;
}

.align-to-left {
  margin-right: auto !important;
}

.margin-top {
  margin-top: 1rem !important;
}

@media (min-width: 99999px) {
  .margin-top {
    margin-top: 0 !important;
  }
}

@media (max-width: 99998px) {
  .hide-on-portrait {
    display: none !important;
  }
}

@media (min-width: 99999px) {
  .hide-on-landscape {
    display: none !important;
  }
}

.navbar{
    height: 0 !important;
    width: 0 !important;
}
.navbar-header{
    display: none !important;
}