/* navbar menu */
#jm-nav {
	height: 59px;
  }

#jm-main-nav nav {
  height: 60px;
  max-width: 100vw;
  margin: 0;
  box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2);
  z-index: 200;
}
#jm-main-nav nav .bu-container {
  max-width: 1200px;
}
#jm-main-nav nav svg {
  margin-left: 20px;
}

/* navbar-brand */
#jm-main-nav .bu-navbar-brand .bu-navbar-item {
  padding:0;
}
#jm-main-nav .bu-navbar-brand .bu-navbar-item img {
  margin:10px 0 10px 15px!important;
  max-height:40px!important;
}


/* navbar menu1 */
#jm-nav .jm-nav-menu {
  width: 140px;
  height:60px;
  border-left: solid 1px #ebe9e7;
  border-right: solid 1px #ebe9e7;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
#jm-nav .jm-nav-menu:hover {
  background-color: #ebe9e7;
}
#jm-nav .jm-nav-menu > div {
  display: block;
  color: #333333;
}
#jm-nav .jm-nav-menu > div > i {
  font-size: 14px;
  line-height: 1.2;
}
#jm-nav .jm-nav-menu > div  {
  font-size: 11px;
  letter-spacing: 0.02rem;
}
#jm-nav .jm-nav-menu-end {
  border-right:solid 1px #EBE9E7;
}
/*navbar menu1 selected style*/
#jm-nav-cart.selected, #jm-nav-clipboard.selected {
  background-color: #eaeaea;
}


/* navbar menu2 */
#jm-nav .bu-tag.bu-is-danger {
  background-color: #F5554E;
}

#jm-nav .jm-nav-menu-lmargin {
  margin-left: 45px;
}
#jm-nav .jm-nav-menu-rmargin {
  margin-right: 25px;
}
#jm-nav .jm-nav-menu2 {
  padding: 0;
  margin: 0;
}

#jm-nav .jm-nav-menu2.nu-navbar-contact {
  margin-right: 1em;
}

#jm-nav .jm-nav-menu2 a {
  color:#333333!important;
}

#jm-nav .jm-nav-menu2 .bu-button {
  border: 0;
  padding: 2px 13px;
}
#jm-nav .jm-nav-menu2 .bu-button:hover {
  background-color: #EAEAEA;
}
#jm-nav .jm-nav-menu2 i {
  font-size: 14px;
}
#jm-nav .jm-nav-menu2 span {
  font-size: 11px;
  letter-spacing: 0.02rem;
  margin-left: 3px;
}
#jm-nav .jm-nav-burger {
  line-height: 16px;
  font-size: 16px;
  padding-top: 18px;
}

/* nav for tablet */
@media screen and (min-width: 769px) and (max-width: 900px) {
  #jm-nav .jm-nav-menu-lmargin {
    margin-left: 0px;
  }
  #jm-nav .jm-nav-menu-rmargin {
    margin-right: 0px;
  }
  #jm-nav .jm-nav-menu {
    padding: 0;
    width: 110px;
  }
  #jm-nav .jm-nav-menu2 .bu-button {
    padding: 2px 10px;
  }
}

/*navbar-brand for mobile*/
@media screen and (max-width: 768px) {
  #jm-main-nav nav {
    height:54px;
  }
  #jm-main-nav .bu-navbar-brand {
    padding:0;
  }
  #jm-main-nav .bu-navbar-brand a {
    line-height:54px;
    height:54px;
    padding:0;
  }
  #jm-main-nav .bu-navbar-brand a.bu-navbar-burger {
    width:54px;
    text-align: center;
  }
  #jm-main-nav .bu-navbar-brand a svg {
    margin-left: 10px;
  }
  #jm-main-nav .bu-navbar-brand a.bu-navbar-burger i {
    font-size:22px;
    line-height:54px;
    color:#205EA5;
  }
}



/* prog */
.top-visual-active {
  padding-top: 36px;