/*breakpoints*/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2000;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  header {
    padding-left: 80px;
  }
}
@media screen and (max-width: 767.98px) {
  header {
    z-index: 1020;
  }
}
header .header__section {
  padding: 0.74rem 0;
}
header .header__section--mobilenav {
  margin-top: 0.4rem;
}
header .header__section--mobilenav .nav-icon {
  font-size: 1.625rem;
}
header .header__section--mobilenav .offcanvas {
  z-index: 5001;
}
@media screen and (max-width: 1199.98px) {
  header .header__section--mobilenav .offcanvas .offcanvas-header {
    padding: 2rem 2rem 1rem;
  }
}
@media screen and (max-width: 991.98px) {
  header .header__section--mobilenav .offcanvas .offcanvas-header {
    padding: 1rem 2rem;
  }
}
header .header__section--mobilenav .offcanvas .offcanvas-header .offcanvas-logo {
  width: 70px;
}
header .header__section--mobilenav .offcanvas .offcanvas-header .btn-close {
  opacity: 1;
}
header .header__section--mobilenav .offcanvas .offcanvas-header .btn-close:focus {
  box-shadow: none;
}
@media screen and (max-width: 1199.98px) {
  header .header__section--mobilenav .offcanvas .offcanvas-header .btn-close {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 991.98px) {
  header .header__section--mobilenav .offcanvas .offcanvas-header .btn-close {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767.98px) {
  header .header__section--mobilenav .offcanvas .offcanvas-header .btn-close {
    font-size: 1.1rem;
  }
}
header .header__section--mobilenav .offcanvas .offcanvas-body {
  padding: 1rem 2rem 2rem;
}
header .header__section--mobilenav .offcanvas-backdrop {
  z-index: 5000;
}
header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 62%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 0%);
  z-index: -1;
  border-bottom-right-radius: 30px;
  transition: width 0.3s ease-out;
}
@media screen and (min-width: 2200px) {
  header::before {
    width: 58%;
  }
}
@media screen and (min-width: 2000px) {
  header::before {
    width: 59%;
  }
}
@media screen and (max-width: 1399.98px) {
  header::before {
    width: 55%;
  }
}
@media screen and (max-width: 1199.98px) {
  header::before {
    width: 100%;
    border-bottom-right-radius: 0;
  }
}
header.solid::before {
  width: 100%;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid #E1E1E1;
}
header.solid {
  transition: var(--transition-default);
}
header.solid .topbar__area .dividingline {
  color: #000000 !important;
}
header.solid .topbar__area .topbar__item a {
  color: #000000 !important;
  transition: var(--transition-default);
}
header.solid .topbar__area .topbar__item a:hover {
  color: #00862F !important;
}
header.solid .header__cart--section .header__card--link:hover {
  color: #00862F !important;
}
header.solid .header__cart--section .header__card--link:hover .header__card--icon {
  color: #00862F !important;
}
header.solid .header__cart--section .header__card--link {
  color: #000000 !important;
}
header.solid .header__cart--section .header__card--link .header__card--icon {
  color: #000000 !important;
}
header.solid__header {
  transition: var(--transition-default);
}
header.solid__header .topbar__area .dividingline {
  color: #000000 !important;
}
header.solid__header .topbar__area .topbar__item a {
  color: #000000 !important;
  transition: var(--transition-default);
}
header.solid__header .topbar__area .topbar__item a:hover {
  color: #00862F !important;
}
header.solid__header .header__cart--section .header__card--link:hover {
  color: #00862F !important;
}
header.solid__header .header__cart--section .header__card--link:hover .header__card--icon {
  color: #00862F !important;
}
header.solid__header .header__cart--section .header__card--link {
  color: #000000 !important;
}
header.solid__header .header__cart--section .header__card--link .header__card--icon {
  color: #000000 !important;
}
header.solid__header::before {
  width: 100%;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid #E1E1E1;
}
header:hover::before {
  width: 100%;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid #E1E1E1;
}
header:hover {
  transition: var(--transition-default);
}
header:hover .topbar__area .dividingline {
  color: #000000 !important;
}
header:hover .topbar__area .topbar__item a {
  color: #000000 !important;
  transition: var(--transition-default);
}
header:hover .topbar__area .topbar__item a:hover {
  color: #00862F !important;
}
header:hover .header__cart--section .header__card--link:hover {
  color: #00862F !important;
}
header:hover .header__cart--section .header__card--link:hover .header__card--icon {
  color: #00862F !important;
}
header:hover .header__cart--section .header__card--link {
  color: #000000 !important;
}
header:hover .header__cart--section .header__card--link .header__card--icon {
  color: #000000 !important;
}
header .header__overlay {
  background: black;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  z-index: -2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
header .header__logo img {
  width: 132px;
  height: auto;
}
@media screen and (max-width: 991.98px) {
  header .header__logo img {
    width: 110px;
  }
}
@media screen and (max-width: 767.98px) {
  header .header__logo img {
    width: 90px;
  }
}
header .header__left--area {
  transition: background-color 0.3s ease-out;
  padding-right: 0;
}
header .header__left--area:hover .navbar .nav-link {
  color: black;
}
header .header__center--area .search__area {
  position: relative;
}
header .header__center--area .search__area input[type="search"] {
  width: 100%;
  padding: 18px 24px 16px;
  border: 1px solid #E1E1E1;
  outline: none;
  transition: border-color 0.3s ease;
  border-radius: 99px;
  font-size: 1rem;
  position: relative;
}
@media screen and (max-width: 991.98px) {
  header .header__center--area .search__area input[type="search"] {
    font-size: 0.938rem;
    padding: 14px 20px 12px;
  }
}
@media screen and (max-width: 767.98px) {
  header .header__center--area .search__area input[type="search"] {
    font-size: 0.875rem;
    padding: 12px 18px 10px;
  }
}
header .header__center--area .search__area input[type="search"]::placeholder {
  color: #999999;
  font-size: 1rem;
}
@media screen and (max-width: 767.98px) {
  header .header__center--area .search__area input[type="search"]::placeholder {
    font-size: 0.938rem;
  }
}
@media screen and (max-width: 767.98px) {
  header .header__center--area .search__area input[type="search"]::placeholder {
    font-size: 0.875rem;
  }
}
header .header__center--area .search__area input[type="search"]:focus {
  box-shadow: none;
  border: 1px solid #00862F;
}
header .header__center--area .search__area button {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  padding: 0;
  border-radius: 50%;
}
@media screen and (max-width: 991.98px) {
  header .header__center--area .search__area button {
    right: 5px;
  }
}
@media screen and (max-width: 767.98px) {
  header .header__center--area .search__area button {
    right: 6px;
  }
}
header .header__center--area .search__area button:hover {
  background: transparent;
}
header .header__center--area .search__area button .search-icon {
  background: #00862F;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  text-align: center;
  line-height: 44px;
  vertical-align: middle;
  padding: 0;
  font-size: 1rem;
  transition: var(--transition-default);
}
@media screen and (max-width: 991.98px) {
  header .header__center--area .search__area button .search-icon {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 0.938rem;
  }
}
@media screen and (max-width: 767.98px) {
  header .header__center--area .search__area button .search-icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 0.875rem;
  }
}
header .header__center--area .search__area button .search-icon:hover {
  background: #006B26;
}
header .header__right--area {
  background-color: transparent;
  transition: background-color 0.3s ease-out;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
header .header__right--area .topbar__area ul {
  line-height: 1;
}
header .header__right--area .topbar__area ul li {
  line-height: 1;
}
header .header__right--area .topbar__area .dividingline {
  font-size: 1rem;
  color: var(--white);
}
@media screen and (max-width: 991.98px) {
  header .header__right--area .topbar__area .dividingline {
    color: #000000 !important;
    font-size: 0.813rem;
  }
}
header .header__right--area .topbar__area .topbar__item a {
  font-size: 1rem;
  text-decoration: none;
  color: var(--white);
}
@media screen and (max-width: 991.98px) {
  header .header__right--area .topbar__area .topbar__item a {
    color: #000000 !important;
    font-size: 0.813rem;
  }
}
header .header__right--area .header__cart--section .header__card--link {
  color: var(--white);
  text-decoration: none;
  font-size: 1.125rem;
  line-height: 1;
}
header .header__right--area .header__cart--section .header__card--link .header__card--icon {
  color: var(--white);
  font-size: 1.5rem;
}
header .header__right--area .header__cart--section .badge {
  position: absolute;
  right: -12px;
  z-index: 10;
  border-radius: 5rem;
  transform: scale(0.8);
  text-align: center;
  min-width: 24px;
  padding: 3px 6px;
  font-size: 14px;
  font-weight: 100;
  background-color: #00862F;
  top: -8px;
}
header .header__topbar {
  background: #F2F2F2;
}
@media screen and (max-width: 991.98px) {
  header .header__topbar {
    padding: 0;
  }
}
@media screen and (max-width: 767.98px) {
  header .header__topbar {
    padding: 0.2rem 0;
  }
}
header .header__topbar .topbar__area ul {
  line-height: 1;
}
header .header__topbar .topbar__area ul li {
  line-height: 1;
}
header .header__topbar .topbar__area .dividingline {
  color: #000000;
  font-size: 0.813rem;
}
header .header__topbar .topbar__area .topbar__item a {
  text-decoration: none;
  color: #000000;
}
@media screen and (max-width: 1199.98px) {
  header .header__topbar .topbar__area .topbar__item a {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991.98px) {
  header .header__topbar .topbar__area .topbar__item a {
    font-size: 0.813rem;
  }
}
header .navbar .nav-link {
  color: #00862F;
}
header .navbar .nav-link:hover {
  color: #FFED00;
}
header .navbar .nav-link.active {
  color: #FFED00;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fuhl%2Fscss%2Fcomponents%2F_header.scss%22%2C%22%2Fthemes%2Fuhl%2Fscss%2Fcomponents%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACyCI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAhCA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADOF%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BACVA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADwBI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAC1BN%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADgDE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAQJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACXE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAhCA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD8EF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAASF%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAON%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAASF%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAASF%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAQN%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYE%3BAAAA%3BAAAA%3BAAAA%3BAC7NA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD8OF%3BAAAA%3BAAAA%3BAAAA%3BAAMM%3BAAAA%3BAAAA%3BAAQJ%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC3PF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADmRI%3BAAAA%3BAAAA%3BAAAA%3BACnRJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADgSI%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAClSF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADuTI%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACvTJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADqVM%3BAAAA%3BAAAA%3BAASR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAIF%3BAAAA%3BAAAA%3BAAAA%3BACxWF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADkXI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAClXJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADgYE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAiBJ%3BAAAA%3BAAAA%3BAC7ZE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD4aE%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAIF%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAChbJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADucA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%22%7D */