/* NAVIGATION
================================*/
/*.navigation {  display: grid;  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;  transition: background 0.3s;}*/

@media (min-width: 1024px) {
  /*.navigation {    height: auto;  }*/
}

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

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

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

.navigation > .container {  display: flex;}

/* MOBILE HEADER
================================*/
.navigation-header {  width: 100%;  display: flex;  align-items: center;  justify-content: space-between;}

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

/* OVERLAY PANEL
================================*/
.overlay-panel {  width: 0;  height: 0;  position: fixed;  left: 0;  top: 0;  opacity: 0;  z-index: -999999;  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: 1024px) {
  .overlay-panel.is-visible {    display: none !important;  }
}

/* NAVIGATION BRAND TEXT
================================*/
.navigation-brand-text a {  font-size: 16px;  font-weight: bold;  color: #555d65;  text-decoration: none;}

@media (min-width: 1024px) {
  .navigation-brand-text a {    font-size: 22px;  }
}

.navigation-header .navigation-brand-text {  padding: 0 1rem;}

/* NAVIGATION LOGO
================================*/
.navigation-logo {  display: flex;  align-items: center;}

.navigation-logo a {  display: flex;  align-items: center;}

.navigation-logo a img {  height: 40px;  display: block;}

@media (min-width: 1024px) {
  .navigation-logo a img {    height: 48px;  }
}

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

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

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

/* NAVIGATION BUTTON TOGGLER
================================*/
.navigation-button-toggler {  display: flex;  align-items: center; justify-content: flex-start; /*justify-content: center;*/  width: 45px;  height: 35px;  cursor: pointer;background: transparent;border-radius: 4px;}

.navigation-button-toggler .hamburger-icon {  width: 26px;  height: 2px;  display: inline-block;  font-style: normal;  color: #164266;  box-shadow: inset 0 0 0 32px, 0 -8px, 0 8px;}

/* NAVIGATION BODY
================================*/
.navigation-body {  width: 100%;  height: 100%; /*height:45px;*/  position: fixed;  top: 0;  left: -100%;  overflow-x: hidden;  overflow-y: auto;  background-color: #ffffff;  z-index: 20000;  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) {
  .navigation-body {    width: 320px;  }
}

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

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

@media (min-width: 1024px) {
  .navigation-body.offcanvas-right {    right: auto;  }
  
  
  .navigation-body {height:45px;}
  
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  .navigation-centered .navigation-body {    justify-content: center;  }
  /*.navigation-justified .navigation-body {    justify-content: space-between;  }*/
  .navigation-logo-top .navigation-body {    flex-direction: column;  }
}

.navigation-body-header {  display: flex;  align-items: center;  justify-content: space-between;  /*padding: 16px;*/  border-bottom: solid 1px #e9ecef;}

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

.navigation-body-close-button {  display: flex;  justify-content: center;  align-items: center;  width:48px;  height:48px;  margin-left: auto;  padding:5px;  line-height: initial;  text-align: center;  font-size: 36px;  color: #164266;  cursor: pointer;}

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

.navigation-body-section {  width: 100%;  padding: 16px;  display: inline-flex;  flex-direction: column;}

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

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

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

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

@media (min-width: 1024px) {
  .navigation-menu {    width: auto;    display: flex;    align-items: center;  }
  .navigation .navigation-menu {    align-self: stretch;    align-items: stretch;  }
  .navigation-logo-top .navigation-menu {    justify-content: center;  }
}

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

@media (min-width: 1024px) {
  .navigation-item {    width: auto;  }
}

/* Navbar link */
.navigation-link {  /*width: 100%; */ padding: 13px 16px;  display: flex;  align-items: center;  position: relative;  font-size: 1.25rem;  letter-spacing: 0.3px;  color: #555d65;  border-bottom: solid 1px #e9ecef;  transition: color 0.3s;}

/*.navigation-link:visited {  color: #555d65;}*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.navigation-avatar-item .navigation-link img {  width: 48px;  border: solid 2px #7367F0;  border-radius: 50%;}

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

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

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



/* SUBMENU INDICATOR
================================*/
.submenu-indicator {  width: 46px;  height: 100%;  position: absolute;  top:0px;  right:35px;  z-index: 20000;}

@media (min-width: 1024px) {
  .submenu-indicator {    width: 6px;   height: 6px;    margin-left: 6px;    float: right;    position: relative;  }
  li:not(.navigation-icon-item) span:not(.navigation-badge) + .submenu-indicator,  li:not(.navigation-icon-item) i + span + .navigation-badge + .submenu-indicator {    margin-left: 0;  }
}

.submenu-indicator:after {  height: 10px;  width: 10px;  margin: -3px 0 0 -3px;  top: 40%;  left: 50%;  content: "";  position: absolute;  border-style: solid;  border-width: 0 1px 1px 0;  border-color: transparent #212121 #212121 transparent;  transform: rotate(45deg);  transition: border 0.3s, transform 0.3s;}

.navigation-item:hover > .navigation-link > .submenu-indicator:after,.navigation-item:focus > .navigation-link > .submenu-indicator:after,.navigation-item.is-active > .navigation-link > .submenu-indicator:after {  border-color: transparent #212121 #212121 transparent;}

.submenu-indicator.is-active:after {  transform: rotate(-135deg);}

@media (min-width: 1024px) {
  .submenu-indicator.is-active:after {    transform: rotate(45deg);  }
}

/* NAVIGATION BUTTON
================================*/
.navigation-btn {  width: 100%;  padding: 10px 12px;  text-align: center;  display: block;  line-height: 1.4;  font-size: 14px;  white-space: nowrap;  color: #fff;  cursor: pointer;  border-radius: 4px;  border: solid 1px #7367F0;  background-color: #7367F0;  transition: opacity 0.3s, background 0.3s;}

.navigation-btn:hover, .navigation-btn:focus {  color: #ffffff;  text-decoration: none;  background-color: #6254ee;}

@media (min-width: 1024px) {
  .navigation-btn {    width: auto;  }
}

/* NAVIGATION TEXT
================================*/
.navigation-text {  padding: 11px 0;  display: inline-block;  color: #555d65;  font-size: 14px;}

@media (min-width: 1024px) {
  .navigation-text {    padding: 11px 16px;  }
}

/* NAVIGATION BADGE
================================*/
.navigation-badge {  min-width: 18px !important;  height: 18px;  margin: 0 5px;  display: inline-block;  line-height: 18px;  text-align: center;  font-size: 11px;  color: #ffffff;  border-radius: 20px;  background-color: #7367F0;}

@media (min-width: 1024px) {
  .navigation-link .navigation-badge {    position: absolute;    right: -2px;    top: calc(50% + -20px);  }
  .navigation-dropdown-link .navigation-badge {    position: static;  }
}

/* NAVIGATION INLINE FORM
================================*/
.navigation-inline-form {  position: relative;}

@media (min-width: 1024px) {
  .navigation-inline-form {    display: flex;  }
}

.navigation-inline-form .navigation-btn {  display: flex;  width: auto;  height: 100%;  position: absolute;  top: 0;  right: 4px;  background-color: transparent !important;  border-color: transparent !important;  box-shadow: none !important;}

.navigation-input {  width: 100%;  padding: 11px 32px 11px 12px;  outline-width: 0;  font-size: 14px;  color: #555d65;  line-height: 1.4;  box-shadow: none;  border-radius: 4px;  background-color: #fbfcfc;  border-style: solid;  border-width: 1px;  border-color: #dee2e6;  transition: border 0.3s;}

.navigation-input:hover, .navigation-input:focus {  border-color: #7367F0;}

.navigation-input::placeholder {  color: #575f68;}

.navigation-input:-ms-input-placeholder {  color: #575f68;}

.navigation-input::-ms-input-placeholder {  color: #575f68;}

.navigation-search-icon {  width: 14px;  height: 14px;  display: inline-block;  vertical-align: middle;  position: relative;  color: #a2a9b1;  text-align: left;  text-indent: -9999px;  border: 2px solid;  border-radius: 50%;  transform: rotate(-45deg);  transition: color 0.3s;}

.navigation-search-icon:after, .navigation-search-icon:before {  content: '';  pointer-events: none;}

.navigation-search-icon:before {  width: 2px;  height: 7px;  top: 10px;  position: absolute;  left: 50%;  border-radius: 0 0 1px 1px;  box-shadow: inset 0 0 0 32px;  transform: translateX(-50%);}

.navigation-btn:hover .navigation-search-icon {  color: #7367F0;}

/* NAVIGATION DROPDOWN
================================*/
.navigation-dropdown {  width: 100%;  max-height: 0;  margin: 0;  padding: 0;  overflow: hidden;  list-style: none;  position: static;  display: block;  z-index: 20001;  background-color: #fcfdfd;  transition: max-height 2s cubic-bezier(0, 1, 0, 1);}

.navigation-dropdown.is-visible {  max-height: 2500px;  transition: max-height 5s ease-out;}

@media (min-width: 1024px) {
  .navigation-dropdown {   width: 180px;    position: absolute;    display: inline-block;    opacity: 0;    box-shadow: 0 12px 20px -5px rgba(0, 0, 0, 0.05);    transition: opacity 0.3s linear, max-height 0s linear 0.4s;  }
  .navigation-dropdown.is-visible {    opacity: 1;    overflow: visible;    transition: opacity 0.3s linear, max-height 0s linear;  }
  /*.navigation-item > .navigation-dropdown {   box-shadow: inset 0 1px 0 #e9ecef, 0 12px 20px -5px rgba(0, 0, 0, 0.05); }*/
  
  /*.navigation-item > .navigation-dropdown .dm-arrow{     width: 0;
    height: 0;
    position: relative;
    border-bottom: 0 solid transparent;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    margin-left: -20px;
    margin-bottom: 0;
    z-index: 9999;
    bottom: 9px;
    left: 50%;}*/
  

  
}

.navigation-dropdown .navigation-dropdown {  left: 100%;}

.navigation-dropdown .navigation-dropdown-left {  right: 100%;  left: auto;}

.navigation-dropdown-item {  width: 100%;  margin: 0;  float: left;  display: inline-block;}

.navigation-dropdown-link {  width: 100%;  display: inline-block;  position: relative;  font-size: 13px;  color: #212121;  border-bottom: solid 1px #e9ecef;  transition: color 0.3s, background 0.3s;}

/*.navigation-dropdown-link:visited {  color: #212121;}*/

.navigation-dropdown-item:hover > .navigation-dropdown-link,.navigation-dropdown-item:focus > .navigation-dropdown-link,.navigation-dropdown-item.is-active > .navigation-dropdown-link {  text-decoration: none !important;  color: #000000;/*  background-color: #f5f6f8;*/}

.navigation-dropdown-link {  padding: 14px 19px;}

.navigation-dropdown-link + ul .navigation-dropdown-link {  padding-left: 32px;}

.navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link {  padding-left: 48px;}

.navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link {  padding-left: 48px;}

.navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link {  padding-left: 64px;}

.navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link {  padding-left: 128px;}

@media (min-width: 1024px) {
  .navigation-dropdown-link {    padding-left: 19px !important;    border-bottom: none;  }
}

.navigation-dropdown-link > .submenu-indicator {  right: 0;  top: 0;  position: absolute;}

.navigation-dropdown-item:hover > .navigation-dropdown-link > .submenu-indicator:after,.navigation-dropdown-item:focus > .navigation-dropdown-link > .submenu-indicator:after,.navigation-dropdown-item.is-active > .navigation-dropdown-link > .submenu-indicator:after {  border-color: transparent #7367F0 #7367F0 transparent;}

@media (min-width: 1024px) {
  .navigation-dropdown-link > .submenu-indicator {    position: absolute;    top: 50%;    right: 10px;    transform: translateY(-50%);  }
  .navigation-dropdown-link > .submenu-indicator:after {    transform: rotate(-45deg);  }
  .navigation-dropdown-link > .submenu-indicator.submenu-indicator-left:after {    transform: rotate(135deg);  }
}

/* NAVIGATION HORIZONTAL DROPDOWN
================================*/
.navigation-dropdown-horizontal {  background-color: #fcfdfd;}

@media (min-width: 1024px) {
  .navigation-dropdown-horizontal {    width: 100% !important;    left: 0;  }
  .navigation-dropdown-horizontal .navigation-dropdown-horizontal {    left: 0;    top: 100%;    box-shadow: inset 0 1px 0 #e9ecef, 0 12px 20px -5px rgba(0, 0, 0, 0.05);  }
  .navigation-dropdown-horizontal .navigation-dropdown-item {    width: auto;  }
  .navigation-dropdown-horizontal .navigation-dropdown-link {    padding: 19px 19px;    display: flex;  }
  .navigation-dropdown-horizontal .submenu-indicator {    right: 0px;    position: relative; }
  .navigation-dropdown-horizontal .submenu-indicator:after {    margin-top: 5px;    transform: rotate(45deg);  }
  .navigation-dropdown-horizontal.is-visible {    display: block;  }
}

/* MEGAMENU
================================*/
.navigation-megamenu {  width: 100%;  max-height: 0;  overflow: hidden;  display: block;  position: static; font-size: 14px;  color: #555d65;  z-index: 20001;  background-color: #fcfdfd;  transition: max-height 2s cubic-bezier(0, 1, 0, 1);}

.navigation-megamenu.is-visible {  max-height: 2500px;  border-bottom: solid 1px #e9ecef;  transition: max-height 5s ease-out;}

@media (min-width: 1024px) {
  .navigation-megamenu {    position: absolute;    opacity: 0;    border-top: solid 0px transparent;    box-shadow: inset 0 1px 0 #e9ecef, 0 12px 20px -5px rgba(0, 0, 0, 0.05);    transition: opacity 0.3s linear, max-height 0s linear 0.4s;  }
  .navigation-megamenu.is-visible {    opacity: 1;    border-bottom: none;    transition: opacity 0.3s linear, max-height 0s linear;  }
  .navigation-megamenu.navigation-megamenu-half {   width: 50%;  }
  .navigation-megamenu.navigation-megamenu-quarter {    width: 25%; }
}

.scroll-momentum .navigation-megamenu {  transform: translateZ(0);}

@media (min-width: 1024px) {
  .scroll-momentum .navigation-megamenu {    transform: none;}
}

.navigation-megamenu [class*="container"] {  width: 100%;}

.navigation-megamenu [class*="container"] [class*="col-"] {  padding: 0;}

.navigation-megamenu-container {  padding: 16px;  display: table;}

/* MEGAMENU GRID
================================*/
.navigation-row {  width: 100%;  display: flex;  flex-wrap: wrap;}

.navigation-row > [class^=navigation-col] {  width: 100%;  min-height: 20px;  margin-bottom: 1rem;  position: relative;}

@media (min-width: 1024px) {
  .navigation-row .navigation-col {    flex-basis: 0;   flex-grow: 1;    max-width: 100%;  }
}

@media (min-width: 1024px) {
  .navigation-row .navigation-col-1 {    flex: 0 0 8.333333%;    max-width: 8.333333%;  }
  .navigation-row .navigation-col-2 {    flex: 0 0 16.666666%;    max-width: 16.666666%;  }
  .navigation-row .navigation-col-3 {    flex: 0 0 25%;    max-width: 25%;  }
  .navigation-row .navigation-col-4 {    flex: 0 0 33.333333%;    max-width: 33.333333%;  }
  .navigation-row .navigation-col-5 {    flex: 0 0 41.666667%;    max-width: 41.666666%;  }
  .navigation-row .navigation-col-6 {   flex: 0 0 50%;    max-width: 50%;  }
  .navigation-row .navigation-col-7 {    flex: 0 0 58.333333%;    max-width: 58.333333%;  }
  .navigation-row .navigation-col-8 {    flex: 0 0 66.666666%;    max-width: 66.666666%;  }
  .navigation-row .navigation-col-9 {    flex: 0 0 75%;    max-width: 75%;  }
  .navigation-row .navigation-col-10 {   flex: 0 0 83.333333%;    max-width: 83.333333%;
  }
  .navigation-row .navigation-col-11 { flex: 0 0 91.666666%;    max-width: 91.666666%;
  }
  .navigation-row .navigation-col-12 {    flex: 0 0 100%;    max-width: 100%;  }
}

.navigation-row:last-of-type [class^=navigation-col]:last-child {  margin-bottom: 0;}

@media (min-width: 1024px) {
  .navigation-row:last-of-type [class^=navigation-col] {    margin-bottom: 0;  }
}

/* MEGAMENU LIST
================================*/
.navigation-list {  width: 100%;  margin: 0;  padding: 0;  list-style: none;}

@media (min-width: 1024px) {
  [class^=navigation-col]:last-of-type .navigation-list {    padding: 0;  }
}

.navigation-list > li {  width: 100%;  margin: 0;}

.navigation-list > li > a {  padding: 10px 30px 10px 30px; display: flex; align-items: center;  position: relative;  font-size: 13px;  color: #555d65;  text-decoration: none;  transition: color 0.3s, background 0.3s;}

.navigation-list > li > a:hover {  color: #7367F0;  background-color: #f5f6f8;}

@media (min-width: 1024px) {
  .navigation-list > li > a {    border-right: solid 1px #e9ecef;}
}

[class^=navigation-col]:last-of-type .navigation-list > li > a {  border-right: none;}

.navigation-list > li:not(.navigation-list-heading) > a:before {  content: "\25E5";  position: absolute;  left: 12px;  font-size: 9px;  transform: rotate(45deg);}

.navigation-list-heading {  text-transform: uppercase;  font-weight: bold;}

.navigation-list-heading > a {  padding: 0 16px 13px !important;}

.navigation-list-heading > a:hover {  color: #555d65 !important;  background-color: transparent !important;}

/* NAVIGATION TABS
================================*/
.navigation-tabs {  width: 100%;  float: left;  display: block;  position: relative;  background-color: #f8f9fa;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07);}

@media (min-width: 1024px) {
  .navigation-tabs:after {    content: "";    width: 80%;   height: 100%;    position: absolute;    right: 0;    background-color: #ffffff;    z-index: 99;  }
}

.navigation-tabs-nav {  width: 100%;  margin: 0;  padding: 0;  float: left;  list-style: none;}

@media (min-width: 1024px) {
  .navigation-tabs-nav {width: 20%;}
}

.navigation-tabs-nav > li a { width: 100%;  padding: 14px 16px;  float: left;  font-size: 14px;  text-decoration: none;  color: #555d65;  outline: 0;  background-color: #f8f9fa;  transition: background 0.3s;}

.navigation-tabs-nav > li.is-active a,.navigation-tabs-nav > li:hover a,.navigation-tabs-nav > li:active a {  background-color: #ffffff;}

.navigation-tabs-pane {  width: 100%;  min-height: 30px;  padding: 16px;  float: right;  display: none;  position: relative;  opacity: 0;  font-size: 15px;color: #555d65;z-index: 100;background-color: #ffffff;transition: opacity 0.5s;}

.navigation-tabs-pane.is-active {display: block;opacity: 1;}

@media (min-width: 1024px) {
  .navigation-tabs-pane {width: 80%;}
}

/* TRANSPARENT NAVIGATION
 ================================*/
.navigation-transparent {background-color: transparent;}

.navigation-transparent .navigation-header .navigation-brand-text a {color: #ffffff;}

@media (min-width: 1024px) {
  .navigation-transparent .navigation-body .navigation-brand-text a {color: #ffffff;}
}

.navigation-transparent .navigation-button-toggler .hamburger-icon {color: #ffffff;}

@media (min-width: 1024px) {
  .navigation-transparent .navigation-link {color: #ffffff;}
  .navigation-transparent .navigation-link > .submenu-indicator:after {border-color: transparent #ffffff #ffffff transparent;}
  .navigation-transparent .navigation-item:hover > .navigation-link > .submenu-indicator:after,.navigation-transparent .navigation-item:focus > .navigation-link > .submenu-indicator:after,.navigation-transparent .navigation-item.is-active > .navigation-link > .submenu-indicator:after {border-color: transparent #ffffff #ffffff transparent;}
  .navigation-transparent .navigation-item:not(.navigation-brand-text):hover .navigation-link,.navigation-transparent .navigation-item:not(.navigation-brand-text):focus .navigation-link,.navigation-transparent .navigation-item:not(.navigation-brand-text).is-active .navigation-link {color: #ffffff;}
  .navigation-transparent .navigation-icon-item .navigation-link {border-left: none;}
}

@media (min-width: 1024px) {
  .navigation-transparent .navigation-input {color: #ffffff;background-color: rgba(255, 255, 255, 0.01);border-color: rgba(255, 255, 255, 0.05);}
  .navigation-transparent .navigation-input ::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.2);}
  .navigation-transparent .navigation-input ::-moz-placeholder {color: rgba(255, 255, 255, 0.2);}
  .navigation-transparent .navigation-input :-ms-input-placeholder {color: rgba(255, 255, 255, 0.2);}
  .navigation-transparent .navigation-input :-moz-placeholder {color: rgba(255, 255, 255, 0.2);}
}

@media (min-width: 1024px) {
  .navigation-transparent .navigation-social-menu .navigation-link i {background-color: rgba(255, 255, 255, 0.05);}
}

@media (min-width: 1024px) {
  .navigation-transparent .navigation-item > .navigation-dropdown,.navigation-transparent .navigation-megamenu.is-visible {border-top-color: transparent;}
}

/* NAVIGATION FULLSCREEN
 ================================*/
@media (max-width: 991px) {
  .navigation-fullscreen .navigation-body {width: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
  .navigation-fullscreen .navigation-body-header {border: none;padding: 0;}
  .navigation-fullscreen .navigation-body-header .navigation-body-close-button,.navigation-fullscreen .navigation-body-header .navigation-brand-text,.navigation-fullscreen .navigation-body-header .navigation-logo { position: absolute;top: 20px;}
  .navigation-fullscreen .navigation-body-header .navigation-body-close-button {right: 20px;}
  .navigation-fullscreen .navigation-body-header .navigation-brand-text,.navigation-fullscreen .navigation-body-header .navigation-logo {left: 20px;}
  .navigation-fullscreen .navigation-menu {width: 300px;}
  .navigation-fullscreen .navigation-link,.navigation-fullscreen .navigation-dropdown-link {border: none;}
  .navigation-fullscreen .navigation-link {justify-content: center;}
  .navigation-fullscreen .navigation-dropdown-link {text-align: center;}
  .navigation-fullscreen .navigation-btn {width: 300px;align-self: center;}
  .navigation-fullscreen .navigation-inline-form {width:300px;margin:auto;}
  .navigation-fullscreen .navigation-inline-form .navigation-btn {width:auto;}
}

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

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

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

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

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

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