﻿/*  
---------------------------------------------------
Header - Large Breakpoint
---------------------------------------------------  
*/
header#site-header {
  overflow: visible;
  height: var(--large-header);
}

html:not(.reveal-out) body.transparent-header-lg header#site-header {
  position: fixed;
  width: calc(100% - var(--site-spacing_lg) - var(--site-spacing_lg));
}

html:not(.reveal-out) body.max-width.transparent-header-lg header#site-header {
  max-width: calc(var(--site-max-width) - var(--site-spacing_lg) - var(--site-spacing_lg));
}

header#site-header #logo.no-image span {
  height: calc(var(--large-header) - var(--logo_lg-padding_top) - var(--logo_lg-padding_bottom));
}

header#site-header #logo,
header#site-header nav.main,
header#site-header nav.cta-links,
header#site-header .site-search,
header#site-header nav.secondary,
header#site-header nav.shopping-cart {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

header#site-header nav.cta-links .btn {
  margin: 0;
}

/*  
---------------------------------------------------
Header

- Burger Navigation Open
---------------------------------------------------  
*/
/* This removes the vertical scrollbar when buger navigation is open */
html.reveal-out {
  overflow: hidden;
}

/* END */
html.reveal-out body.header-03-lg header#site-header,
html.reveal-out body.header-11-lg header#site-header,
html.reveal-out body.header-12-lg header#site-header,
html.reveal-out body.header-17-lg header#site-header,
html.reveal-out body.header-19-lg header#site-header,
html.reveal-out body.header-20-lg header#site-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: calc(100% - var(--site-spacing_lg) - var(--site-spacing_lg));
  height: 100%;
  max-height: 100%;
  overflow: auto;
  padding-bottom: var(--large-header);
}

html.reveal-out body.max-width.header-03-lg header#site-header,
html.reveal-out body.max-width.header-17-lg header#site-header,
html.reveal-out body.max-width.header-19-lg header#site-header,
html.reveal-out body.max-width.header-20-lg header#site-header {
  max-width: calc(var(--site-max-width) - var(--site-spacing_lg) - var(--site-spacing_lg));
}

header#site-header .container {
  max-width: var(--header-max-width) !important;
}

html.reveal-out body.header-03-lg #site,
html.reveal-out body.header-11-lg #site,
html.reveal-out body.header-12-lg #site,
html.reveal-out body.header-17-lg #site,
html.reveal-out body.header-19-lg #site,
html.reveal-out body.header-20-lg #site {
  max-height: 100%;
}

/* iOS 13 issues with html, body overflow */
html.reveal-out body.header-03-lg,
html.reveal-out body.header-11-lg,
html.reveal-out body.header-12-lg,
html.reveal-out body.header-17-lg,
html.reveal-out body.header-19-lg,
html.reveal-out body.header-20-lg {
  overflow-y: hidden;
  height: 100%;
  max-height: 100%;
}

html.reveal-out body.header-03-lg header#site-header,
html.reveal-out body.header-11-lg header#site-header,
html.reveal-out body.header-12-lg header#site-header,
html.reveal-out body.header-17-lg header#site-header,
html.reveal-out body.header-19-lg header#site-header,
html.reveal-out body.header-20-lg header#site-header {
  bottom: 0;
  overflow-x: hidden;
}

html.reveal-out body.header-03-lg header#site-header,
html.reveal-out body.header-11-lg header#site-header,
html.reveal-out body.header-12-lg header#site-header,
html.reveal-out body.header-17-lg header#site-header,
html.reveal-out body.header-19-lg header#site-header,
html.reveal-out body.header-20-lg header#site-header {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

/* iOS 13 issues with html, body overflow --- END */
/* Display none of internal header items before expanded */
html:not(.reveal-out) body.header-03-lg header#site-header nav.main,
html:not(.reveal-out) body.header-03-lg header#site-header .site-search,
html:not(.reveal-out) body.header-03-lg header#site-header nav.secondary {
  display: none;
}

html:not(.reveal-out) body.header-11-lg header#site-header nav.main,
html:not(.reveal-out) body.header-11-lg header#site-header .site-search,
html:not(.reveal-out) body.header-11-lg header#site-header nav.secondary,
html:not(.reveal-out) body.header-11-lg header#site-header nav.cta-links {
  display: none;
}

html:not(.reveal-out) body.header-12-lg header#site-header nav.main,
html:not(.reveal-out) body.header-12-lg header#site-header .site-search,
html:not(.reveal-out) body.header-12-lg header#site-header nav.secondary,
html:not(.reveal-out) body.header-12-lg header#site-header nav.cta-links {
  display: none;
}

html:not(.reveal-out) body.header-17-lg header#site-header nav.main,
html:not(.reveal-out) body.header-17-lg header#site-header .site-search,
html:not(.reveal-out) body.header-17-lg header#site-header nav.secondary {
  display: none;
}

html:not(.reveal-out) body.header-19-lg header#site-header nav.main,
html:not(.reveal-out) body.header-19-lg header#site-header .site-search,
html:not(.reveal-out) body.header-19-lg header#site-header nav.secondary {
  display: none;
}

html:not(.reveal-out) body.header-20-lg header#site-header nav.main,
html:not(.reveal-out) body.header-20-lg header#site-header .site-search,
html:not(.reveal-out) body.header-20-lg header#site-header nav.secondary {
  display: none;
}

/* Expand subpages clickable on burger navigations */
body.header-03-lg nav.main ul li.has-child > .expand-subpages,
body.header-11-lg nav.main ul li.has-child > .expand-subpages,
body.header-12-lg nav.main ul li.has-child > .expand-subpages,
body.header-17-lg nav.main ul li.has-child > .expand-subpages,
body.header-19-lg nav.main ul li.has-child > .expand-subpages body.header-20-lg nav.main ul li.has-child > .expand-subpages {
  z-index: 100;
}

/*  
---------------------------------------------------
Header

- Transparent header
---------------------------------------------------  
*/
body.transparent-header-lg header#site-header {
  background: transparent;
}

html.reached-top body.transparent-header-lg header#site-header nav.main > ul > li,
html:not(.nav-down):not(.nav-up) body.transparent-header-lg header#site-header nav.main > ul > li {
  border-color: transparent;
}

html.reached-top body.transparent-header-lg header#site-header #logo,
html:not(.nav-down):not(.nav-up) body.transparent-header-lg header#site-header #logo,
html.reached-top body.transparent-header-lg header#site-header #logo::after,
html:not(.nav-down):not(.nav-up) body.transparent-header-lg header#site-header #logo::after,
html.reached-top body.transparent-header-lg header#site-header .row::after,
html:not(.nav-down):not(.nav-up) body.transparent-header-lg header#site-header .row::after,
html.reached-top body.transparent-header-lg header#site-header .site-search::after,
html:not(.nav-down):not(.nav-up) body.transparent-header-lg header#site-header .site-search::after,
html.reached-top body.transparent-header-lg header#site-header nav.shopping-cart::after,
html:not(.nav-down):not(.nav-up) body.transparent-header-lg header#site-header nav.shopping-cart::after {
  background: transparent !important;
}

html.nav-down:not(.reached-top) body.transparent-header-lg header#site-header,
html.nav-up:not(.reached-top) body.transparent-header-lg header#site-header,
html.nav-down:not(.reached-top) body.transparent-header-lg header#site-header.header-bg-solid,
html.nav-up:not(.reached-top) body.transparent-header-lg header#site-header.header-bg-solid {
  background: rgba(var(--header-bg-color1), 1);
}

html.nav-down:not(.reached-top) body.transparent-header-lg header#site-header.header-bg-linear,
html.nav-up:not(.reached-top) body.transparent-header-lg header#site-header.header-bg-linear {
  background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.nav-down:not(.reached-top) body.transparent-header-lg header#site-header.header-bg-radial,
html.nav-up:not(.reached-top) body.transparent-header-lg header#site-header.header-bg-radial {
  background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

body.transparent-header-lg header#site-header::after {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out 0s;
  transition: opacity 0.4s ease-in-out 0s;
}

html.nav-down:not(.reached-top) body.transparent-header-lg header#site-header::after,
html.nav-up:not(.reached-top) body.transparent-header-lg header#site-header::after {
  opacity: 1;
}

/*  
---------------------------------------------------
Header

- On scroll
---------------------------------------------------  
*/
html.nav-down:not(.reached-top) body.transparent-header-lg header#site-header::after,
html.nav-up:not(.reached-top) body.transparent-header-lg header#site-header::after {
  opacity: 1;
}

/* Header */
html.nav-up body:not(.show_header-on-scroll-lg) header#site-header {
  top: calc((var(--large-header) + 5px) * -1);
}

/*  
---------------------------------------------------
Header

Users can mix and match these layouts by using a different class for 
each breakpoint e.g. header-01-lg header-04-sm
---------------------------------------------------  
*/
/*  
------------------------------------------------------------------------------------------------------
Header

Large screens
------------------------------------------------------------------------------------------------------    
*/
/*  
---------------------------------------------------
Header large screens 01
---------------------------------------------------  
*/
body.header-01-lg header#site-header .row::before {
  content: "";
  -ms-flex-order: 3;
  order: 3;
}

html[dir=ltr] body.header-01-lg header#site-header .row::before {
  margin-left: auto;
}

html[dir=rtl] body.header-01-lg header#site-header .row::before {
  margin-right: auto;
}

/* Logo */
body.header-01-lg header#site-header #logo {
  order: 1;
  -ms-align-self: start;
  align-self: start;
}

/* Main Navigation */
body.header-01-lg header#site-header nav.main {
  -ms-flex-order: 2;
  order: 2;
}

html.no-touch body.header-01-lg header#site-header nav.main ul li:not(.active):hover > span::before,
body.header-01-lg header#site-header nav.main ul li:not(.active):focus > span::before,
body.header-01-lg header#site-header nav.main ul li:not(.active):active > span::before,
body.header-01-lg header#site-header nav.main ul li:not(.active).open-child > span::before {
  background: rgba(var(--navigation-dropdown-color1), 1);
}

body.header-01-lg header#site-header nav.main ul li:not(.active):focus-within > span::before {
  background: rgba(var(--navigation-dropdown-color1), 1);
}

body.header-01-lg header#site-header nav.main ul li.active > span::before {
  background: rgba(var(--navigation-dropdown-color1), 1);
}

body.header-01-lg header#site-header nav.main > ul > li > span::before {
  top: 0;
  right: 0;
  left: 0;
  max-height: 0;
  border-radius: 0;
}

body.header-01-lg header#site-header nav.main > ul > li:hover > span::before,
body.header-01-lg header#site-header nav.main > ul > li:focus > span::before,
body.header-01-lg header#site-header nav.main > ul > li:active > span::before,
body.header-01-lg header#site-header nav.main > ul > li.active > span::before,
body.header-01-lg header#site-header nav.main > ul > li.open-child > span::before {
  max-height: var(--nav-main-height);
  height: var(--nav-main-height);
}

body.header-01-lg header#site-header nav.main > ul > li.active > span::before {
  max-height: var(--nav-main-height);
  height: var(--nav-main-height);
  opacity: 1;
}

body.header-01-lg header#site-header nav.main > ul > li:focus-within > span::before {
  max-height: var(--nav-main-height);
  height: var(--nav-main-height);
}

body.header-01-lg header#site-header .has-child > .expand-subpages,
body.header-01-lg header#site-header nav.main ul li.has-child > span::after {
  width: 30px;
}

html[dir=ltr] body.header-01-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-right: 30px;
}

html[dir=rtl] body.header-01-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-left: 30px;
}

/* Main Navigation - Dropdowns */
body.header-01-lg header#site-header nav.main ul > li > ul {
  top: calc(var(--nav-main-height) - 7px);
}

html[dir=ltr] body.header-01-lg header#site-header nav.main ul > li > ul {
  border-top-left-radius: 0;
}

html[dir=rtl] body.header-01-lg header#site-header nav.main ul > li > ul {
  border-top-right-radius: 0;
}

html.no-touch body.header-01-lg header#site-header nav.main ul > li:hover > ul,
body.header-01-lg header#site-header nav.main ul > li.open-child > ul {
  top: var(--nav-main-height);
}

body.header-01-lg header#site-header nav.main ul ul > li > ul {
  top: -7px;
}

html.no-touch body.header-01-lg header#site-header nav.main ul ul > li:hover > ul,
body.header-01-lg header#site-header nav.main ul ul > li.open-child > ul {
  top: 0;
}

/* Secondary Navigation */
body.header-01-lg header#site-header nav.secondary {
  -ms-flex-order: 3;
  order: 3;
}

html[dir=ltr] body.header-01-lg header#site-header nav.secondary {
  margin-right: calc(var(--base-half-spacing) - 10px);
}

html[dir=rtl] body.header-01-lg header#site-header nav.secondary {
  margin-left: calc(var(--base-half-spacing) - 10px);
}

body.header-01-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  top: calc(var(--nav-main-height) - 2px) !important;
}

html[dir=ltr] body.header-01-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  right: 0 !important;
  left: auto !important;
}

html[dir=rtl] body.header-01-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  left: 0 !important;
  right: auto !important;
}

body.header-01-lg header#site-header nav.secondary ul li.dropdown > a > span {
  display: none;
}

body.header-01-lg header#site-header nav.secondary ul li.dropdown > a > i {
  top: 2px;
  font-size: 125%;
}

/* Shopping Cart */
body.header-01-lg header#site-header nav.shopping-cart {
  -ms-flex-order: 4;
  order: 4;
}

html[dir=ltr] body.header-01-lg header#site-header nav.shopping-cart {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-01-lg header#site-header nav.shopping-cart {
  margin-left: var(--base-half-spacing);
}

/* CTA Navigation */
body.header-01-lg header#site-header nav.cta-links {
  -ms-flex-order: 5;
  order: 5;
}

html[dir=ltr] body.header-01-lg header#site-header nav.cta-links {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-01-lg header#site-header nav.cta-links {
  margin-left: var(--base-half-spacing);
}

/* Site Search */
body.header-01-lg header#site-header .site-search {
  -ms-flex-order: 6;
  order: 6;
}

html[dir=ltr] body.header-01-lg header#site-header .site-search {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-01-lg header#site-header .site-search {
  margin-left: var(--base-half-spacing);
}

html[dir=ltr] body.header-01-lg header#site-header .site-search form {
  right: 30px;
}

html[dir=rtl] body.header-01-lg header#site-header .site-search form {
  left: 30px;
}

@media (min-width: 1279px) {
  body.header-01-lg header#site-header nav.main {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
/*  
---------------------------------------------------
Header large screens 02
---------------------------------------------------  
*/
body.header-02-lg header#site-header .row::before {
  content: "";
  -ms-flex-order: 2;
  order: 2;
}

html[dir=ltr] body.header-02-lg header#site-header .row::before {
  margin-left: auto;
}

html[dir=rtl] body.header-02-lg header#site-header .row::before {
  margin-right: auto;
}

/* Logo */
body.header-02-lg header#site-header #logo {
  -ms-flex-order: 1;
  order: 1;
  -ms-align-self: start;
  align-self: start;
}

/* Main Navigation */
body.header-02-lg header#site-header nav.main {
  -ms-flex-order: 2;
  order: 2;
}

html[dir=ltr] body.header-02-lg header#site-header nav.main {
  margin-right: calc(var(--base-half-spacing) - 5px);
}

html[dir=rtl] body.header-02-lg header#site-header nav.main {
  margin-left: calc(var(--base-half-spacing) - 5px);
}

body.header-02-lg header#site-header nav.main > ul > li > span > a {
  padding: 0 10px;
}

body.header-02-lg header#site-header nav.main > ul > li > span::before {
  top: calc(var(--large-header) / 2 + 10px);
  right: 10px;
  left: 10px;
  width: 0;
  background: rgba(var(--header-highlight), 1);
}

html.no-touch body.header-02-lg header#site-header nav.main > ul > li:hover > span::before,
body.header-02-lg header#site-header nav.main > ul > li:focus > span::before,
body.header-02-lg header#site-header nav.main > ul > li:active > span::before,
body.header-02-lg header#site-header nav.main > ul > li.active > span::before,
body.header-02-lg header#site-header nav.main > ul > li.open-child > span::before {
  height: var(--base-border-width);
  width: calc(100% - 10px - 10px);
}

body.header-02-lg header#site-header nav.main > ul > li:focus-within > span::before {
  height: var(--base-border-width);
  width: calc(100% - 10px - 10px);
}

html.no-touch body.header-02-lg header#site-header nav.main > ul > li.has-child:hover > span::before,
body.header-02-lg header#site-header nav.main > ul > li.has-child:focus > span::before,
body.header-02-lg header#site-header nav.main > ul > li.has-child:active > span::before,
body.header-02-lg header#site-header nav.main > ul > li.has-child.active > span::before,
body.header-02-lg header#site-header nav.main > ul > li.has-child.open-child > span::before {
  width: calc(100% - 10px - 20px);
}

body.header-02-lg header#site-header nav.main > ul > li.has-child:focus-within > span::before {
  width: calc(100% - 10px - 20px);
}

html[dir=ltr] body.header-02-lg header#site-header nav.main > ul > li.has-child > span::before {
  right: 20px;
}

html[dir=rtl] body.header-02-lg header#site-header nav.main > ul > li.has-child > span::before {
  left: 20px;
}

body.header-02-lg header#site-header .has-child > .expand-subpages,
body.header-02-lg header#site-header nav.main ul li.has-child > span::after {
  width: 20px;
}

html[dir=ltr] body.header-02-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-right: 20px;
}

html[dir=rtl] body.header-02-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-left: 20px;
}

/* Main Navigation - Dropdowns */
body.header-02-lg header#site-header nav.main ul > li > ul {
  top: calc(var(--nav-main-height) - 7px);
}

html.no-touch body.header-02-lg header#site-header nav.main ul > li:hover > ul,
body.header-02-lg header#site-header nav.main ul > li.open-child > ul {
  top: var(--nav-main-height);
}

body.header-02-lg header#site-header nav.main ul ul > li > ul {
  top: -7px;
}

html.no-touch body.header-02-lg header#site-header nav.main ul ul > li:hover > ul,
body.header-02-lg header#site-header nav.main ul ul > li.open-child > ul {
  top: 0;
}

/* Secondary Navigation */
body.header-02-lg header#site-header nav.secondary {
  -ms-flex-order: 3;
  order: 3;
}

html[dir=ltr] body.header-02-lg header#site-header nav.secondary {
  margin-right: calc(var(--base-half-spacing) - 10px);
}

html[dir=rtl] body.header-02-lg header#site-header nav.secondary {
  margin-left: calc(var(--base-half-spacing) - 10px);
}

body.header-02-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  top: calc(var(--nav-main-height) - 2px) !important;
}

html[dir=ltr] body.header-02-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  right: 23px !important;
  left: auto !important;
}

html[dir=rtl] body.header-02-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  left: 23px !important;
  right: auto !important;
}

body.header-02-lg header#site-header nav.secondary ul li.dropdown > a > span {
  display: none;
}

body.header-02-lg header#site-header nav.secondary ul li.dropdown > a > i {
  top: 2px;
  font-size: 125%;
}

/* Shopping Cart */
body.header-02-lg header#site-header nav.shopping-cart {
  -ms-flex-order: 4;
  order: 4;
}

html[dir=ltr] body.header-02-lg header#site-header nav.shopping-cart {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-02-lg header#site-header nav.shopping-cart {
  margin-left: var(--base-half-spacing);
}

/* CTA Navigation */
body.header-02-lg header#site-header nav.cta-links {
  -ms-flex-order: 5;
  order: 5;
}

html[dir=ltr] body.header-02-lg header#site-header nav.cta-links {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-02-lg header#site-header nav.cta-links {
  margin-left: var(--base-half-spacing);
}

/* Site Search */
body.header-02-lg header#site-header .site-search {
  -ms-flex-order: 6;
  order: 6;
}

html[dir=ltr] body.header-02-lg header#site-header .site-search {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-02-lg header#site-header .site-search {
  margin-left: var(--base-half-spacing);
}

html[dir=ltr] body.header-02-lg header#site-header .site-search form {
  right: 30px;
}

html[dir=rtl] body.header-02-lg header#site-header .site-search form {
  left: 30px;
}

@media (min-width: 1279px) {
  html[dir=ltr].no-touch body.header-02-lg header#site-header nav.main ul > li:hover > ul,
  html[dir=ltr] body.header-02-lg header#site-header nav.main ul > li.open-child > ul {
    left: auto;
    right: 20px;
  }
  html[dir=rtl].no-touch body.header-02-lg header#site-header nav.main ul > li:hover > ul,
  html[dir=rtl] body.header-02-lg header#site-header nav.main ul > li.open-child > ul {
    right: auto;
    left: 20px;
  }
  html[dir=ltr].no-touch body.header-02-lg header#site-header nav.main ul ul > li:hover > ul,
  html[dir=ltr] body.header-02-lg header#site-header nav.main ul ul > li.open-child > ul {
    left: auto;
    right: var(--nav-main-dropdown-width);
  }
  html[dir=rtl].no-touch body.header-02-lg header#site-header nav.main ul ul > li:hover > ul,
  html[dir=rtl] body.header-02-lg header#site-header nav.main ul ul > li.open-child > ul {
    right: auto;
    left: var(--nav-main-dropdown-width);
  }
}
/*  
---------------------------------------------------
Header large screens 03
---------------------------------------------------  
*/
/* Header */
body.header-03-lg header#site-header {
  overflow: hidden;
}

html.reveal-out body.header-03-lg header#site-header,
html.reveal-out body.header-03-lg header#site-header.header-bg-solid {
  background: rgba(var(--header-bg-color1), 1);
}

html.reveal-out body.header-03-lg header#site-header.header-bg-linear {
  background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-03-lg header#site-header.header-bg-radial {
  background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-03-lg.transparent-header-lg header#site-header,
html.reveal-out body.header-03-lg.transparent-header-lg header#site-header.header-bg-solid {
  background: rgba(var(--header-bg-color1), 1);
}

html.reveal-out body.header-03-lg.transparent-header-lg header#site-header.header-bg-linear {
  background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-03-lg.transparent-header-lg header#site-header.header-bg-radial {
  background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

/* Row */
body.header-03-lg header#site-header .row {
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: var(--large-header);
  padding-bottom: var(--large-header);
}

/* Logo */
body.header-03-lg header#site-header #logo {
  position: absolute;
  left: 50%;
  z-index: 501;
  transform: translateX(-50%);
  -ms-flex-order: 2;
  order: 2;
}

/* Shopping Cart */
body.header-03-lg header#site-header nav.shopping-cart {
  -ms-flex-order: 3;
  order: 3;
  height: var(--large-header);
  position: absolute;
  top: 0;
}

html[dir=ltr] body.header-03-lg header#site-header nav.shopping-cart {
  right: var(--large-header);
}

html[dir=rtl] body.header-03-lg header#site-header nav.shopping-cart {
  left: var(--large-header);
}

body.header-03-lg header#site-header nav.shopping-cart button.open-cart,
html#ecwid_html.usn body#ecwid_body.header-03-lg header#site-header nav.shopping-cart .ec-cart-widget,
html#ecwid_html.usn body#ecwid_body.header-03-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart,
html#ecwid_html.usn body#ecwid_body.header-03-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__body,
html#ecwid_html.usn body#ecwid_body.header-03-lg .ec-cart-widget .ec-minicart__body .ec-minicart__wrap {
  height: var(--large-header);
}

/* Main Navigation */
body.header-03-lg header#site-header nav.main {
  -ms-flex-order: 4;
  order: 4;
  height: auto;
  width: 100%;
  text-align: center;
}

body.header-03-lg header#site-header nav.main > ul {
  display: block;
}

body.header-03-lg header#site-header nav.main ul {
  max-width: 768px;
  margin: 0 auto;
}

body.header-03-lg header#site-header nav.main ul li span::before {
  display: none !important;
}

body.header-03-lg header#site-header .has-child > .expand-subpages,
body.header-03-lg header#site-header nav.main ul li.has-child > span::after {
  font-size: 25px;
  cursor: pointer;
  height: auto;
  min-height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
  padding-top: 0;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

body.header-03-lg header#site-header .has-child > .expand-subpages {
  height: 100%;
  top: 0;
  transform: none;
}

body.header-03-lg header#site-header nav.main > ul > li > span > a,
body.header-03-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding: var(--base-spacing) calc(var(--base-spacing) * 2);
  min-height: calc(var(--large-header) / 2);
}

body.header-03-lg header#site-header nav.main ul ul > li > span > a,
body.header-03-lg header#site-header nav.main ul li.has-child ul span a {
  padding: var(--base-half-spacing) calc(var(--base-half-spacing) * 2);
}

body.header-03-lg header#site-header nav.main ul ul {
  display: none;
  position: relative !important;
  left: auto !important;
}

body.header-03-lg header#site-header nav.main ul ul {
  padding: 0;
}

body.header-03-lg header#site-header nav.main ul ul::before {
  content: "";
  display: block;
  width: 30px;
  height: var(--base-border-width);
  margin: 5px auto var(--base-half-spacing);
  background: rgba(var(--header-highlight), 1);
}

body.header-03-lg header#site-header nav.main ul > li.open-child_mobile > ul {
  display: block;
}

html[dir=ltr] body.header-03-lg header#site-header nav.main ul li i.before {
  margin-right: 10px;
}

html[dir=rtl] body.header-03-lg header#site-header nav.main ul li i.before {
  margin-left: 10px;
}

/* Site Search */
body.header-03-lg header#site-header .site-search {
  -ms-flex-order: 5;
  order: 5;
  padding: calc(var(--base-spacing) * 1.5) var(--base-spacing) 0;
  margin: 0 auto;
  width: 100%;
  max-width: 460px;
}

body.header-03-lg header#site-header .site-search .expand-search {
  display: none;
}

/* Secondary Navigation */
body.header-03-lg header#site-header nav.secondary {
  -ms-flex-order: 6;
  order: 6;
  padding: var(--base-spacing) 0 0;
  width: 100%;
}

body.header-03-lg header#site-header nav.secondary > ul {
  display: block;
  text-align: center;
}

body.header-03-lg header#site-header nav.secondary > ul > li > span > div,
body.header-03-lg header#site-header nav.secondary > ul > li > span > a,
body.header-03-lg header#site-header nav.secondary > ul > li > a {
  padding: calc(var(--base-half-spacing) / 1.5);
  width: 100%;
  display: block;
}

body.header-03-lg header#site-header nav.secondary ul li {
  clear: both;
}

body.header-03-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  width: 100%;
  border: 0 none;
  position: relative !important;
  top: auto !important;
  right: 0 !important;
  left: 0 !important;
  transform: none !important;
  padding: calc(var(--base-half-spacing) / 2) 0;
}

body.header-03-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu > a {
  background: none;
  padding: calc(var(--base-half-spacing) / 2);
  text-align: center;
}

/* Burger expand */
body.header-03-lg header#site-header .expand-header {
  display: block;
  width: var(--large-header);
  height: var(--large-header);
}

body.header-03-lg header#site-header .container .expand-header {
  width: 30px;
}

html[dir=ltr] body.header-03-lg header#site-header .container .expand-header {
  right: var(--base-half-spacing);
}

html[dir=rtl] body.header-03-lg header#site-header .container .expand-header {
  left: var(--base-half-spacing);
}

/* CTA Links */
body.header-03-lg header#site-header nav.cta-links {
  -ms-flex-order: 1;
  order: 1;
  position: relative;
  top: calc(var(--large-header) * -1);
  z-index: 0;
  z-index: 601;
  height: var(--large-header);
}

html[dir=ltr] body.header-03-lg header#site-header nav.cta-links {
  margin-right: auto;
  left: var(--base-spacing);
}

html[dir=rtl] body.header-03-lg header#site-header nav.cta-links {
  margin-left: auto;
  right: var(--base-spacing);
}

body.header-03-lg header#site-header nav.cta-links .btn {
  position: relative;
  top: 50%;
  transform: translateY(-50%) translateX(0);
}

html[dir=ltr] body.header-03-lg header#site-header nav.cta-links .btn + .btn {
  margin: 0 -2px 0 5px;
}

html[dir=rtl] body.header-03-lg header#site-header nav.cta-links .btn + .btn {
  margin: 0 5px 0 -2px;
}

/* Animate in */
html.reveal-out body.header-03-lg header#site-header nav.main > ul > li {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

html.reveal-out body.header-03-lg header#site-header .site-search,
html.reveal-out body.header-03-lg header#site-header nav.secondary > ul > li {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*  
---------------------------------------------------
Header large screens 04
---------------------------------------------------  
*/
/* Header */
body.header-04-lg:not(.transparent-header-lg) header#site-header {
  box-shadow: var(--header-box-shadow_h) var(--header-box-shadow_v) var(--header-box-shadow_b) rgba(var(--true-black), var(--header-box-shadow_o));
}

body.header-04-lg header#site-header .container-fluid::after,
body.header-04-lg header#site-header .container::after {
  content: "";
  position: absolute;
  top: calc(var(--large-header) / 2);
  right: 15px;
  left: 15px;
  z-index: -1;
  height: var(--base-border-width);
  background: rgba(var(--header-borders), 1);
}

body.header-04-lg header#site-header .container-fluid::after {
  right: 0;
  left: 0;
}

body.header-04-lg header#site-header > .container > .row {
  margin: 0;
  border-width: 0 var(--base-border-width);
  border-style: solid;
  border-color: rgba(var(--header-borders), 1);
}

body.header-04-lg header#site-header .row {
  -ms-align-items: flex-end;
  align-items: flex-end;
  height: var(--large-header);
}

body.header-04-lg header#site-header #logo {
  -ms-flex-order: 1;
  order: 1;
  -ms-align-self: start;
  align-self: start;
}

body.header-04-lg header#site-header nav.main {
  -ms-flex-order: 2;
  order: 2;
}

body.header-04-lg header#site-header .row::after {
  -ms-flex-order: 3;
  order: 3;
  content: "";
  width: 100%;
  height: 0;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
}

body.header-04-lg header#site-header .row::before {
  content: "";
  -ms-flex-order: 4;
  order: 4;
  width: 1px;
  height: 1px;
}

html[dir=ltr] body.header-04-lg header#site-header .row::before {
  margin-left: auto;
}

html[dir=rtl] body.header-04-lg header#site-header .row::before {
  margin-right: auto;
}

body.header-04-lg header#site-header nav.secondary {
  -ms-flex-order: 5;
  order: 5;
  position: relative;
  top: calc(var(--large-header) * -1);
  -ms-align-self: flex-start;
  align-self: flex-start;
}

body.header-04-lg header#site-header nav.cta-links {
  -ms-flex-order: 6;
  order: 6;
  position: relative;
  top: calc(var(--large-header) * -1);
  -ms-align-self: flex-start;
  align-self: flex-start;
}

body.header-04-lg header#site-header nav.shopping-cart {
  -ms-flex-order: 7;
  order: 7;
}

body.header-04-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  -ms-flex-order: 8;
  order: 8;
}

/* Logo */
body.header-04-lg header#site-header #logo {
  background: rgba(var(--header-bg-color1), 1);
}

body.header-04-lg header#site-header #logo::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--base-border-width);
  height: var(--large-header);
  background: rgba(var(--header-borders), 1);
}

html[dir=ltr] body.header-04-lg header#site-header #logo::after {
  right: 0;
}

html[dir=rtl] body.header-04-lg header#site-header #logo::after {
  left: 0;
}

/* Main Navigation */
body.header-04-lg header#site-header nav.main {
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-04-lg header#site-header nav.main {
  margin-right: auto;
}

html[dir=rtl] body.header-04-lg header#site-header nav.main {
  margin-left: auto;
}

body.header-04-lg header#site-header nav.main > ul > li {
  border-style: solid;
  border-color: rgba(var(--header-borders), 1);
}

html[dir=ltr] body.header-04-lg header#site-header nav.main > ul > li {
  border-width: 0 var(--base-border-width) 0 0;
}

html[dir=rtl] body.header-04-lg header#site-header nav.main > ul > li {
  border-width: 0 0 0 var(--base-border-width);
}

body.header-04-lg header#site-header nav.main > ul > li > span > a {
  padding: 0 var(--base-half-spacing);
}

body.header-04-lg header#site-header nav.main > ul > li > span::before {
  top: calc(var(--large-header) / 2 - var(--base-border-width) * 1.75);
  right: 0;
  left: 0;
  width: 0;
}

html.no-touch body.header-04-lg header#site-header nav.main > ul > li:hover > span::before,
body.header-04-lg header#site-header nav.main > ul > li:focus > span::before,
body.header-04-lg header#site-header nav.main > ul > li:active > span::before,
body.header-04-lg header#site-header nav.main > ul > li.active > span::before,
body.header-04-lg header#site-header nav.main > ul > li.open-child > span::before {
  height: calc(var(--base-border-width) * 1.75);
  width: 100%;
}

body.header-04-lg header#site-header nav.main > ul > li:focus-within > span::before {
  height: calc(var(--base-border-width) * 1.75);
  width: 100%;
}

html[dir=ltr] body.header-04-lg header#site-header nav.main > ul > li.has-child > span::before {
  right: 30px;
}

html[dir=rtl] body.header-04-lg header#site-header nav.main > ul > li.has-child > span::before {
  left: 30px;
}

body.header-04-lg header#site-header .has-child > .expand-subpages,
body.header-04-lg header#site-header nav.main ul li.has-child > span::after {
  width: 30px;
}

html[dir=ltr] body.header-04-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-right: 30px;
}

html[dir=rtl] body.header-04-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-left: 30px;
}

body.header-04-lg header#site-header nav.main > ul > li {
  height: calc(var(--large-header) / 2);
}

body.header-04-lg header#site-header nav.main > ul > li > span > a {
  height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
}

body.header-04-lg header#site-header .has-child > .expand-subpages,
body.header-04-lg header#site-header nav.main > ul > li.has-child > span::after {
  height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
}

/* Main Navigation - Dropdowns */
body.header-04-lg header#site-header nav.main ul > li > ul {
  top: calc(var(--large-header) / 2 - 7px);
}

html[dir=ltr] body.header-04-lg header#site-header nav.main ul > li > ul {
  border-top-left-radius: 0;
}

html[dir=rtl] body.header-04-lg header#site-header nav.main ul > li > ul {
  border-top-right-radius: 0;
}

html.no-touch body.header-04-lg header#site-header nav.main ul > li:hover > ul,
body.header-04-lg header#site-header nav.main ul > li.open-child > ul {
  top: calc(var(--large-header) / 2);
}

body.header-04-lg header#site-header nav.main ul ul > li > ul {
  top: -7px;
}

html.no-touch body.header-04-lg header#site-header nav.main ul ul > li:hover > ul,
body.header-04-lg header#site-header nav.main ul ul > li.open-child > ul {
  top: 0;
}

/* Secondary Navigation */
body.header-04-lg header#site-header nav.secondary {
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-04-lg header#site-header nav.secondary {
  margin-right: calc(var(--base-half-spacing) - 10px);
}

html[dir=rtl] body.header-04-lg header#site-header nav.secondary {
  margin-right: calc(var(--base-half-spacing) - 10px);
}

body.header-04-lg header#site-header nav.secondary > ul,
body.header-04-lg header#site-header nav.secondary > ul > li > span > div,
body.header-04-lg header#site-header nav.secondary > ul > li > span > a,
body.header-04-lg header#site-header nav.secondary > ul > li > a {
  height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
}

body.header-04-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  top: calc(var(--large-header) / 2 - 2px) !important;
}

html[dir=ltr] body.header-04-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  right: 23px !important;
  left: auto !important;
}

html[dir=rtl] body.header-04-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  left: 23px !important;
  right: auto !important;
}

/* CTA Navigation */
body.header-04-lg header#site-header nav.cta-links {
  z-index: 602;
  display: -ms-flexbox;
  display: flex;
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-04-lg header#site-header nav.cta-links {
  right: 0;
}

html[dir=ltr] body.header-04-lg header#site-header nav.cta-links {
  margin-left: calc(var(--base-half-spacing) / 2);
}

html[dir=rtl] body.header-04-lg header#site-header nav.cta-links {
  left: 0;
}

html[dir=rtl] body.header-04-lg header#site-header nav.cta-links {
  margin-right: calc(var(--base-half-spacing) / 2);
}

body.header-04-lg header#site-header nav.cta-links .btn {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  height: calc(var(--large-header) / 2);
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}

html[dir=ltr] body.header-04-lg header#site-header nav.cta-links .btn + .btn {
  margin: 0 -2px 0 10px;
}

html[dir=rtl] body.header-04-lg header#site-header nav.cta-links .btn + .btn {
  margin: 0 10px 0 -2px;
}

html[dir=ltr] body.header-04-lg header#site-header nav.cta-links .btn + .btn {
  margin-left: -5px;
  margin-right: 0;
}

html[dir=rtl] body.header-04-lg header#site-header nav.cta-links .btn + .btn {
  margin-right: -5px;
  margin-left: 0;
}

/* Shopping Cart */
body.header-04-lg header#site-header nav.shopping-cart {
  position: absolute;
  top: calc(var(--large-header) / 2);
  width: calc(var(--large-header) / 2);
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-04-lg header#site-header nav.shopping-cart {
  right: calc(var(--large-header) / 2);
}

html[dir=rtl] body.header-04-lg header#site-header nav.shopping-cart {
  left: calc(var(--large-header) / 2);
}

body.header-04-lg header#site-header nav.shopping-cart::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--base-border-width);
  height: calc(var(--large-header) / 2);
  background: rgba(var(--header-borders), 1);
}

html[dir=ltr] body.header-04-lg header#site-header nav.shopping-cart::after {
  left: 0;
}

html[dir=rtl] body.header-04-lg header#site-header nav.shopping-cart::after {
  right: 0;
}

body.header-04-lg header#site-header nav.shopping-cart button.open-cart,
html#ecwid_html.usn body#ecwid_body.header-04-lg header#site-header .ec-cart-widget,
html#ecwid_html.usn body#ecwid_body.header-04-lg header#site-header .ec-cart-widget .ec-minicart,
html#ecwid_html.usn body#ecwid_body.header-04-lg header#site-header .ec-cart-widget .ec-minicart__body {
  width: calc(var(--large-header) / 2);
  height: calc(var(--large-header) / 2);
}

/* Site search */
body.header-04-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  position: absolute;
  top: calc(var(--large-header) / 2);
  width: calc(var(--large-header) / 2);
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-04-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  right: 0;
}

html[dir=rtl] body.header-04-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  left: 0;
}

body.header-04-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--base-border-width);
  height: calc(var(--large-header) / 2);
  background: rgba(var(--header-borders), 1);
}

html[dir=ltr] body.header-04-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search::after {
  left: 0;
}

html[dir=rtl] body.header-04-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search::after {
  right: 0;
}

body.header-04-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .expand-search {
  position: relative;
  width: calc(var(--large-header) / 2);
  height: calc(var(--large-header) / 2);
  padding: 0;
  text-align: center;
}

body.header-04-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .expand-search i.icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

html[dir=ltr] body.header-04-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search form {
  right: calc(var(--large-header) / 2 - 1px);
}

html[dir=rtl] body.header-04-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search form {
  left: calc(var(--large-header) / 2);
}

body.header-04-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .form-control {
  min-height: calc(var(--large-header) / 2);
  height: calc(var(--large-header) / 2);
}

body.header-04-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search button.btn {
  width: calc(var(--large-header) / 2 - var(--base-border-width) - var(--base-border-width));
  min-width: calc(var(--large-header) / 2 - var(--base-border-width) - var(--base-border-width));
  height: calc(var(--large-header) / 2 - var(--base-border-width) - var(--base-border-width));
  width: calc(var(--large-header) / 2);
  min-width: calc(var(--large-header) / 2);
  height: calc(var(--large-header) / 2);
  min-height: calc(var(--large-header) / 2);
}

/* On scroll */
html.nav-up body.header-04-lg.show_header-on-scroll-lg header#site-header {
  top: calc(var(--large-header) / 2 * -1);
}

body.header-04-lg header#site-header .container,
body.header-04-lg header#site-header .container-fluid::after,
body.header-04-lg header#site-header .container::after,
body.header-04-lg header#site-header #logo,
body.header-04-lg header#site-header #logo::after,
body.header-04-lg header#site-header #logo picture,
body.header-04-lg header#site-header #logo img,
body.header-04-lg header#site-header #logo.no-image span,
body.header-04-lg header#site-header nav.main {
  -webkit-transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
  transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}

html.nav-up body.header-04-lg.show_header-on-scroll-lg header#site-header .container-fluid::after,
html.nav-up body.header-04-lg.show_header-on-scroll-lg header#site-header .container::after {
  opacity: 0;
}

html.nav-up body.show_header-on-scroll-lg.header-04-lg:not(.no-header) header#site-header #logo {
  top: calc(var(--large-header) / 2);
  padding: calc(var(--logo_lg-padding_top) / 2) calc(var(--logo_lg-padding_right) / 2) calc(var(--logo_lg-padding_bottom) / 2) calc(var(--logo_lg-padding_left) / 2);
  height: calc(var(--large-header) / 2);
}

html.nav-up body.show_header-on-scroll-lg.header-04-lg header#site-header #logo::after {
  height: calc(var(--large-header) / 2);
}

html.nav-up body.show_header-on-scroll-lg.header-04-lg:not(.no-header) header#site-header #logo picture,
html.nav-up body.show_header-on-scroll-lg.header-04-lg:not(.no-header) header#site-header #logo img {
  height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) / 2 - var(--logo_lg-padding_bottom) / 2);
  max-height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) / 2 - var(--logo_lg-padding_bottom) / 2);
}

html.nav-up body.show_header-on-scroll-lg.header-04-lg:not(.no-header) header#site-header #logo.no-image span {
  height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) / 2 - var(--logo_lg-padding_bottom) / 2);
}

html.nav-up body.show_header-on-scroll-lg.header-04-lg:not(.no-header) header#site-header nav.main {
  padding-top: calc(var(--large-header) / 2);
}

/*  
---------------------------------------------------
Header large screens 05
---------------------------------------------------  
*/
/* Row */
body.header-05-lg:not(.transparent-header-lg) header#site-header {
  box-shadow: var(--header-box-shadow_h) var(--header-box-shadow_v) var(--header-box-shadow_b) rgba(var(--true-black), var(--header-box-shadow_o));
}

body.header-05-lg header#site-header .container-fluid::after,
body.header-05-lg header#site-header .container::after {
  content: "";
  position: absolute;
  top: calc(var(--large-header) / 2);
  right: var(--base-half-spacing);
  left: var(--base-half-spacing);
  z-index: -1;
  height: var(--base-border-width);
  background-color: rgba(var(--header-borders), 1);
}

body.header-05-lg header#site-header .row {
  position: relative;
  height: var(--large-header);
  -ms-align-items: flex-end;
  align-items: flex-end;
}

body.header-05-lg header#site-header .row::before {
  content: "";
  width: 1px;
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-05-lg header#site-header .row::before {
  margin-left: auto;
}

html[dir=rtl] body.header-05-lg header#site-header .row::before {
  margin-right: auto;
}

/* Logo */
body.header-05-lg header#site-header #logo {
  position: absolute;
  top: 0;
  padding: 0 var(--logo_lg-padding_right) 0 var(--logo_lg-padding_left);
  height: calc(var(--large-header) / 2);
}

body.header-05-lg header#site-header #logo:not(.no-image) {
  padding: var(--logo_lg-padding_top) var(--logo_lg-padding_right) var(--logo_lg-padding_bottom) var(--logo_lg-padding_left);
}

html[dir=ltr] body.header-05-lg header#site-header #logo {
  left: 0;
}

html[dir=rtl] body.header-05-lg header#site-header #logo {
  right: 0;
}

body.header-05-lg header#site-header #logo picture,
body.header-05-lg header#site-header #logo img {
  height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) - var(--logo_lg-padding_bottom));
  max-height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) - var(--logo_lg-padding_bottom));
}

body.header-05-lg header#site-header #logo.no-image span {
  height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) - var(--logo_lg-padding_bottom));
  line-height: calc(var(--large-header) / 2);
}

/* Orders */
body.header-05-lg header#site-header #logo {
  -ms-flex-order: 1;
  order: 1;
  -ms-align-self: start;
  align-self: start;
}

body.header-05-lg header#site-header .row::before {
  -ms-flex-order: 2;
  order: 2;
  -ms-align-self: flex-start;
  align-self: flex-start;
  flex-basis: auto;
}

body.header-05-lg header#site-header nav.secondary {
  -ms-flex-order: 3;
  order: 3;
  -ms-align-self: flex-start;
  align-self: flex-start;
}

body.header-05-lg header#site-header nav.cta-links {
  -ms-flex-order: 4;
  order: 4;
  -ms-align-self: flex-start;
  align-self: flex-start;
}

body.header-05-lg header#site-header nav.main {
  -ms-flex-order: 5;
  order: 5;
  -ms-align-self: flex-end;
  align-self: flex-end;
}

body.header-05-lg header#site-header nav.shopping-cart {
  -ms-flex-order: 6;
  order: 6;
  -ms-align-self: flex-end;
  align-self: flex-end;
}

body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  -ms-flex-order: 7;
  order: 7;
  -ms-align-self: flex-end;
  align-self: flex-end;
}

/* Main Navigation */
body.header-05-lg header#site-header nav.main {
  width: 100%;
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-05-lg header#site-header nav.main {
  margin-right: auto;
}

html[dir=rtl] body.header-05-lg header#site-header nav.main {
  margin-left: auto;
}

body.header-05-lg header#site-header nav.main > ul > li {
  height: calc(var(--large-header) / 2);
}

body.header-05-lg header#site-header nav.main > ul > li > span > a {
  height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
}

body.header-05-lg header#site-header .has-child > .expand-subpages,
body.header-05-lg header#site-header nav.main > ul > li.has-child > span::after {
  height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
}

body.header-05-lg header#site-header nav.main > ul > li > span > a {
  padding: 0 var(--base-half-spacing);
}

body.header-05-lg header#site-header nav.main > ul > li > span::before {
  top: calc(var(--large-header) / 2 - 15px);
  right: var(--base-half-spacing);
  left: var(--base-half-spacing);
  border-radius: var(--base-border-radius);
  width: 0;
}

html.no-touch body.header-05-lg header#site-header nav.main > ul > li:hover > span::before,
body.header-05-lg header#site-header nav.main > ul > li:focus > span::before,
body.header-05-lg header#site-header nav.main > ul > li:active > span::before,
body.header-05-lg header#site-header nav.main > ul > li.active > span::before,
body.header-05-lg header#site-header nav.main > ul > li.open-child > span::before {
  height: calc(var(--base-border-width) * 1.5);
  width: calc(100% - var(--base-half-spacing) - var(--base-half-spacing));
}

body.header-05-lg header#site-header nav.main > ul > li:focus-within > span::before {
  height: calc(var(--base-border-width) * 1.5);
  width: calc(100% - var(--base-half-spacing) - var(--base-half-spacing));
}

html.no-touch body.header-05-lg header#site-header nav.main > ul > li.has-child:hover > span::before,
body.header-05-lg header#site-header nav.main > ul > li.has-child:focus > span::before,
body.header-05-lg header#site-header nav.main > ul > li.has-child:active > span::before,
body.header-05-lg header#site-header nav.main > ul > li.has-child.active > span::before,
body.header-05-lg header#site-header nav.main > ul > li.has-child.open-child > span::before {
  width: calc(100% - var(--base-half-spacing) - 20px);
}

body.header-05-lg header#site-header nav.main > ul > li.has-child:focus-within > span::before {
  width: calc(100% - var(--base-half-spacing) - 20px);
}

html[dir=ltr] body.header-05-lg header#site-header nav.main > ul > li.has-child > span::before {
  right: 20px;
}

html[dir=rtl] body.header-05-lg header#site-header nav.main > ul > li.has-child > span::before {
  left: 20px;
}

body.header-05-lg header#site-header .has-child > .expand-subpages,
body.header-05-lg header#site-header nav.main ul li.has-child > span::after {
  width: 20px;
}

html[dir=ltr] body.header-05-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-right: 20px;
}

html[dir=rtl] body.header-05-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-left: 20px;
}

/* Main Navigation - Dropdowns */
body.header-05-lg header#site-header nav.main ul > li > ul {
  top: calc(var(--large-header) / 2 - 12px);
}

html.no-touch body.header-05-lg header#site-header nav.main ul > li:hover > ul,
body.header-05-lg header#site-header nav.main ul > li.open-child > ul {
  top: calc(var(--large-header) / 2 - 5px);
}

body.header-05-lg header#site-header nav.main ul ul > li > ul {
  top: -7px;
}

html.no-touch body.header-05-lg header#site-header nav.main ul ul > li:hover > ul,
body.header-05-lg header#site-header nav.main ul ul > li.open-child > ul {
  top: 0;
}

/* Secondary Navigation */
body.header-05-lg header#site-header nav.secondary {
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-05-lg header#site-header nav.secondary {
  margin-right: calc(var(--base-half-spacing) - 10px);
}

html[dir=rtl] body.header-05-lg header#site-header nav.secondary {
  margin-left: calc(var(--base-half-spacing) - 10px);
}

body.header-05-lg header#site-header nav.secondary > ul,
body.header-05-lg header#site-header nav.secondary > ul > li > span > div,
body.header-05-lg header#site-header nav.secondary > ul > li > span > a,
body.header-05-lg header#site-header nav.secondary > ul > li > a {
  height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
}

body.header-05-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  top: calc(var(--large-header) / 2 - 7px) !important;
}

html[dir=ltr] body.header-05-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  right: 0 !important;
  left: auto !important;
}

html[dir=rtl] body.header-05-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  left: 0 !important;
  right: auto !important;
}

/* CTA Navigation */
body.header-05-lg header#site-header nav.cta-links {
  position: relative;
  top: 25%;
  z-index: 602;
  transform: translateY(-50%);
}

html[dir=ltr] body.header-05-lg header#site-header nav.cta-links {
  padding-left: calc(var(--base-half-spacing) / 2);
  padding-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-05-lg header#site-header nav.cta-links {
  padding-right: calc(var(--base-half-spacing) / 2);
  padding-left: var(--base-half-spacing);
}

html[dir=ltr] body.header-05-lg header#site-header nav.cta-links .btn + .btn {
  margin-left: 5px;
}

html[dir=rtl] body.header-05-lg header#site-header nav.cta-links .btn + .btn {
  margin-right: 5px;
}

/* Shopping Cart */
body.header-05-lg header#site-header nav.shopping-cart {
  position: absolute;
  top: calc(var(--large-header) / 2);
  width: calc(var(--large-header) / 2);
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-05-lg header#site-header nav.shopping-cart {
  right: 0;
}

html[dir=rtl] body.header-05-lg header#site-header nav.shopping-cart {
  left: 0;
}

html[dir=ltr] body.header-05-lg header#site-header .site-search + nav.shopping-cart {
  right: calc(var(--large-header) / 2 - 10px);
}

html[dir=rtl] body.header-05-lg header#site-header .site-search + nav.shopping-cart {
  left: calc(var(--large-header) / 2 - 10px);
}

body.header-05-lg header#site-header nav.shopping-cart button.open-cart,
html#ecwid_html.usn body#ecwid_body.header-05-lg header#site-header .ec-cart-widget,
html#ecwid_html.usn body#ecwid_body.header-05-lg header#site-header .ec-cart-widget .ec-minicart,
html#ecwid_html.usn body#ecwid_body.header-05-lg header#site-header .ec-cart-widget .ec-minicart__body {
  width: calc(var(--large-header) / 2);
  height: calc(var(--large-header) / 2);
}

/* Site Search */
body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  position: absolute;
  top: calc(var(--large-header) / 2);
  width: calc(var(--large-header) / 2);
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  right: 0;
}

html[dir=rtl] body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  left: 0;
}

body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .expand-search {
  position: relative;
  width: calc(var(--large-header) / 2);
  height: calc(var(--large-header) / 2);
  padding: 0;
  text-align: center;
}

body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .expand-search i.icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

html[dir=ltr] body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search form {
  right: calc(var(--large-header) / 2 - 10px);
}

html[dir=rtl] body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search form {
  left: calc(var(--large-header) / 2 - 10px);
}

body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .form-control {
  min-height: calc(var(--large-header) / 2 - 20px);
  height: calc(var(--large-header) / 2 - 20px);
}

body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search button.btn {
  width: calc(var(--large-header) / 2 - var(--base-half-spacing));
  min-width: calc(var(--large-header) / 2 - var(--base-half-spacing));
  height: 100%;
}

/* On scroll */
html.nav-up body.header-05-lg.show_header-on-scroll-lg header#site-header {
  top: calc(var(--large-header) / 2 * -1);
}

body.header-05-lg header#site-header .container,
body.header-05-lg header#site-header .container-fluid::after,
body.header-05-lg header#site-header .container::after {
  -webkit-transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
  transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}

html.nav-up body.header-05-lg.show_header-on-scroll-lg header#site-header .container {
  width: 100%;
}

html.nav-up body.header-05-lg.show_header-on-scroll-lg header#site-header .container-fluid::after,
html.nav-up body.header-05-lg.show_header-on-scroll-lg header#site-header .container::after {
  opacity: 0;
}

/*  
---------------------------------------------------
Header large screens 06
---------------------------------------------------  
*/
body.header-06-lg header#site-header .row::before {
  content: "";
  -ms-flex-order: 3;
  order: 3;
}

html[dir=ltr] body.header-06-lg header#site-header .row::before {
  margin-left: auto;
}

html[dir=rtl] body.header-06-lg header#site-header .row::before {
  margin-right: auto;
}

/* Logo */
body.header-06-lg header#site-header #logo {
  -ms-flex-order: 1;
  order: 1;
  -ms-align-self: start;
  align-self: start;
}

/* Main Navigation */
body.header-06-lg header#site-header nav.main {
  -ms-flex-order: 2;
  order: 2;
}

html[dir=ltr] body.header-06-lg header#site-header nav.main {
  margin-left: 0;
  margin-right: auto;
}

html[dir=rtl] body.header-06-lg header#site-header nav.main {
  margin-right: 0;
  margin-right: auto;
}

body.header-06-lg header#site-header .has-child > .expand-subpages,
body.header-06-lg header#site-header nav.main ul li.has-child > span::after {
  width: 20px;
}

html[dir=ltr] body.header-06-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-right: 20px;
}

html[dir=rtl] body.header-06-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-left: 20px;
}

/* Main Navigation - Dropdowns */
body.header-06-lg header#site-header nav.main ul > li > ul {
  top: calc(var(--large-header) / 2 + 15px);
}

html.no-touch body.header-06-lg header#site-header nav.main ul > li:hover > ul,
body.header-06-lg header#site-header nav.main ul > li.open-child > ul {
  top: calc(var(--large-header) / 2 + 22px);
}

body.header-06-lg header#site-header nav.main ul ul > li > ul {
  top: 0;
}

html.no-touch body.header-06-lg header#site-header nav.main ul ul > li:hover > ul,
body.header-06-lg header#site-header nav.main ul ul > li.open-child > ul {
  top: 7px;
}

html[dir=ltr] body.header-06-lg header#site-header nav.main ul ul li.has-child > span::after {
  right: 10px;
}

html[dir=rtl] body.header-06-lg header#site-header nav.main ul ul li.has-child > span::after {
  left: 10px;
}

/* Secondary Navigation */
body.header-06-lg header#site-header nav.secondary {
  -ms-flex-order: 3;
  order: 3;
}

html[dir=ltr] body.header-06-lg header#site-header nav.secondary {
  margin-right: calc(var(--base-half-spacing) - 10px);
}

html[dir=rtl] body.header-06-lg header#site-header nav.secondary {
  margin-left: calc(var(--base-half-spacing) - 10px);
}

body.header-06-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  top: calc(var(--large-header) / 2 + 22px) !important;
}

html[dir=ltr] body.header-06-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  right: 0 !important;
  left: auto !important;
}

html[dir=rtl] body.header-06-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  left: 0 !important;
  right: auto !important;
}

body.header-06-lg header#site-header nav.secondary ul li.dropdown > a > span {
  display: none;
}

body.header-06-lg header#site-header nav.secondary ul li.dropdown > a > i {
  top: 2px;
  font-size: 125%;
}

/* Shopping Cart */
body.header-06-lg header#site-header nav.shopping-cart {
  -ms-flex-order: 4;
  order: 4;
}

html[dir=ltr] body.header-06-lg header#site-header nav.shopping-cart {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-06-lg header#site-header nav.shopping-cart {
  margin-left: var(--base-half-spacing);
}

/* CTA Navigation */
body.header-06-lg header#site-header nav.cta-links {
  -ms-flex-order: 5;
  order: 5;
}

html[dir=ltr] body.header-06-lg header#site-header nav.cta-links {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-06-lg header#site-header nav.cta-links {
  margin-left: var(--base-half-spacing);
}

/* Site Search */
body.header-06-lg header#site-header .site-search {
  -ms-flex-order: 6;
  order: 6;
}

html[dir=ltr] body.header-06-lg header#site-header .site-search {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-06-lg header#site-header .site-search {
  margin-left: var(--base-half-spacing);
}

html[dir=ltr] body.header-06-lg header#site-header .site-search form {
  right: 30px;
}

html[dir=rtl] body.header-06-lg header#site-header .site-search form {
  left: 30px;
}

@media (min-width: 1279px) {
  body.header-06-lg header#site-header nav.main {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  html[dir=ltr] body.header-06-lg header#site-header nav.main {
    margin-left: 0;
    margin-right: 0;
  }
  html[dir=rtl] body.header-06-lg header#site-header nav.main {
    margin-right: 0;
    margin-right: 0;
  }
}
/*  
---------------------------------------------------
Header large screens 07
---------------------------------------------------  
*/
body.header-07-lg header#site-header .row::before {
  content: "";
  -ms-flex-order: 3;
  order: 3;
}

html[dir=ltr] body.header-07-lg header#site-header .row::before {
  margin-left: auto;
}

html[dir=rtl] body.header-07-lg header#site-header .row::before {
  margin-right: auto;
}

/* Logo */
body.header-07-lg header#site-header #logo {
  -ms-flex-order: 1;
  order: 1;
}

/* Main Navigation */
body.header-07-lg header#site-header nav.main {
  -ms-flex-order: 2;
  order: 2;
}

html[dir=ltr] body.header-07-lg header#site-header nav.main {
  margin-right: auto;
}

html[dir=rtl] body.header-07-lg header#site-header nav.main {
  margin-left: auto;
}

body.header-07-lg header#site-header nav.main > ul > li > span::before {
  top: calc(var(--large-header) / 2 + 12px);
  right: var(--base-half-spacing);
  left: var(--base-half-spacing);
  width: 0;
}

html.no-touch body.header-07-lg header#site-header nav.main > ul > li:hover > span::before,
body.header-07-lg header#site-header nav.main > ul > li:focus > span::before,
body.header-07-lg header#site-header nav.main > ul > li:active > span::before,
body.header-07-lg header#site-header nav.main > ul > li.active > span::before,
body.header-07-lg header#site-header nav.main > ul > li.open-child > span::before {
  height: var(--base-border-width);
  width: calc(100% - var(--base-half-spacing) - 15px);
}

body.header-07-lg header#site-header nav.main > ul > li:focus-within > span::before {
  height: var(--base-border-width);
  width: calc(100% - var(--base-half-spacing) - 15px);
}

html[dir=ltr] body.header-07-lg header#site-header nav.main > ul > li.has-child > span::before {
  right: 20px;
  width: calc(100% - var(--base-half-spacing) - 20px);
}

html[dir=rtl] body.header-07-lg header#site-header nav.main > ul > li.has-child > span::before {
  left: 20px;
}

body.header-07-lg header#site-header .has-child > .expand-subpages,
body.header-07-lg header#site-header nav.main ul li.has-child > span::after {
  width: 20px;
}

html[dir=ltr] body.header-07-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-right: 20px;
}

html[dir=rtl] body.header-07-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-left: 20px;
}

/* Main Navigation - Dropdowns */
body.header-07-lg header#site-header nav.main ul > li > ul {
  top: calc(var(--large-header) - 7px);
}

html.no-touch body.header-07-lg header#site-header nav.main ul > li:hover > ul,
body.header-07-lg header#site-header nav.main ul > li.open-child > ul {
  top: var(--large-header);
}

body.header-07-lg header#site-header nav.main ul ul > li > ul {
  top: -7px;
}

html.no-touch body.header-07-lg header#site-header nav.main ul ul > li:hover > ul,
body.header-07-lg header#site-header nav.main ul ul > li.open-child > ul {
  top: 0;
}

/* Secondary Navigation */
body.header-07-lg header#site-header nav.secondary {
  -ms-flex-order: 3;
  order: 3;
}

html[dir=ltr] body.header-07-lg header#site-header nav.secondary {
  margin-right: calc(var(--base-half-spacing) - 10px);
}

html[dir=rtl] body.header-07-lg header#site-header nav.secondary {
  margin-left: calc(var(--base-half-spacing) - 10px);
}

body.header-07-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  top: calc(var(--large-header) - 2px) !important;
}

html[dir=ltr] body.header-07-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  right: 0 !important;
  left: auto !important;
}

html[dir=rtl] body.header-07-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  left: 0 !important;
  right: auto !important;
}

body.header-07-lg header#site-header nav.secondary ul li.dropdown > a > span {
  display: none;
}

body.header-07-lg header#site-header nav.secondary ul li.dropdown > a > i {
  top: 2px;
  font-size: 125%;
}

/* Shopping Cart */
body.header-07-lg header#site-header nav.shopping-cart {
  -ms-flex-order: 4;
  order: 4;
}

html[dir=ltr] body.header-07-lg header#site-header nav.shopping-cart {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-07-lg header#site-header nav.shopping-cart {
  margin-left: var(--base-half-spacing);
}

/* CTA Navigation */
body.header-07-lg header#site-header nav.cta-links {
  -ms-flex-order: 5;
  order: 5;
}

html[dir=ltr] body.header-07-lg header#site-header nav.cta-links {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-07-lg header#site-header nav.cta-links {
  margin-left: var(--base-half-spacing);
}

/* Site Search */
body.header-07-lg header#site-header .site-search {
  -ms-flex-order: 6;
  order: 6;
}

html[dir=ltr] body.header-07-lg header#site-header .site-search {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-07-lg header#site-header .site-search {
  margin-left: var(--base-half-spacing);
}

html[dir=ltr] body.header-07-lg header#site-header .site-search form {
  right: 30px;
}

html[dir=rtl] body.header-07-lg header#site-header .site-search form {
  left: 30px;
}

/*  
---------------------------------------------------
Header large screens 08
---------------------------------------------------  
*/
body.header-08-lg header#site-header .row {
  height: var(--large-header);
}

body.header-08-lg header#site-header .row::before {
  content: "";
  -ms-flex-order: 2;
  order: 2;
}

html[dir=ltr] body.header-08-lg header#site-header .row::before {
  margin-left: auto;
}

html[dir=rtl] body.header-08-lg header#site-header .row::before {
  margin-right: auto;
}

/* Logo */
body.header-08-lg header#site-header #logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-flex-order: 2;
  order: 2;
}

/* Main Navigation */
body.header-08-lg header#site-header nav.main {
  -ms-flex-order: 1;
  order: 1;
}

body.header-08-lg header#site-header .has-child > .expand-subpages,
body.header-08-lg header#site-header nav.main ul li.has-child > span::after {
  width: 20px;
}

html[dir=ltr] body.header-08-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-right: 20px;
}

html[dir=rtl] body.header-08-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-left: 20px;
}

/* Main Navigation - Dropdowns */
body.header-08-lg header#site-header nav.main ul > li > ul {
  top: calc(var(--large-header) / 2 + 15px);
}

html.no-touch body.header-08-lg header#site-header nav.main ul > li:hover > ul,
body.header-08-lg header#site-header nav.main ul > li.open-child > ul {
  top: calc(var(--large-header) / 2 + 22px);
}

body.header-08-lg header#site-header nav.main ul ul > li > ul {
  top: -7px;
}

html.no-touch body.header-08-lg header#site-header nav.main ul ul > li:hover > ul,
body.header-08-lg header#site-header nav.main ul ul > li.open-child > ul {
  top: 0;
}

/* Secondary Navigation */
body.header-08-lg header#site-header nav.secondary {
  -ms-flex-order: 3;
  order: 3;
}

html[dir=ltr] body.header-08-lg header#site-header nav.secondary {
  margin-right: calc(var(--base-half-spacing) - 10px);
}

html[dir=rtl] body.header-08-lg header#site-header nav.secondary {
  margin-left: calc(var(--base-half-spacing) - 10px);
}

body.header-08-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  top: calc(var(--large-header) / 2 + 22px) !important;
}

html[dir=ltr] body.header-08-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  right: 0 !important;
  left: auto !important;
}

html[dir=rtl] body.header-08-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  left: 0 !important;
  right: auto !important;
}

body.header-08-lg header#site-header nav.secondary ul li.dropdown > a > span {
  display: none;
}

body.header-08-lg header#site-header nav.secondary ul li.dropdown > a > i {
  top: 2px;
  font-size: 125%;
}

/* Shopping Cart */
body.header-08-lg header#site-header nav.shopping-cart {
  -ms-flex-order: 4;
  order: 4;
}

html[dir=ltr] body.header-08-lg header#site-header nav.shopping-cart {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-08-lg header#site-header nav.shopping-cart {
  margin-left: var(--base-half-spacing);
}

/* CTA Navigation */
body.header-08-lg header#site-header nav.cta-links {
  -ms-flex-order: 5;
  order: 5;
}

html[dir=ltr] body.header-08-lg header#site-header nav.cta-links {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-08-lg header#site-header nav.cta-links {
  margin-left: var(--base-half-spacing);
}

/* Site Search */
body.header-08-lg header#site-header .site-search {
  -ms-flex-order: 6;
  order: 6;
}

html[dir=ltr] body.header-08-lg header#site-header .site-search {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-08-lg header#site-header .site-search {
  margin-left: var(--base-half-spacing);
}

html[dir=ltr] body.header-08-lg header#site-header .site-search form {
  right: 30px;
}

html[dir=rtl] body.header-08-lg header#site-header .site-search form {
  left: 30px;
}

/*  
---------------------------------------------------
Header large screens 09
---------------------------------------------------  
*/
/* Row */
body.header-09-lg:not(.transparent-header-lg) header#site-header {
  box-shadow: var(--header-box-shadow_h) var(--header-box-shadow_v) var(--header-box-shadow_b) rgba(var(--true-black), var(--header-box-shadow_o));
}

body.header-09-lg header#site-header .row {
  position: relative;
  height: var(--large-header);
}

body.header-09-lg header#site-header .row::after {
  content: "";
  position: absolute;
  top: calc(var(--large-header) / 2);
  right: var(--base-half-spacing);
  left: var(--base-half-spacing);
  z-index: -1;
  height: var(--base-border-width);
  background: rgba(var(--header-borders), 1);
}

body.header-09-lg header#site-header .row::before {
  content: "";
  -ms-flex-order: 4;
  order: 4;
}

html[dir=ltr] body.header-09-lg header#site-header .row::before {
  margin-left: auto;
}

html[dir=rtl] body.header-09-lg header#site-header .row::before {
  margin-right: auto;
}

/* Logo */
body.header-09-lg header#site-header #logo {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -ms-flex-order: 1;
  order: 1;
  -ms-align-self: center;
  align-self: center;
  padding: 0 var(--logo_lg-padding_right) 0 var(--logo_lg-padding_left);
  height: calc(var(--large-header) / 2);
}

body.header-09-lg header#site-header #logo:not(.no-image) {
  padding: var(--logo_lg-padding_top) var(--logo_lg-padding_right) var(--logo_lg-padding_bottom) var(--logo_lg-padding_left);
}

body.header-09-lg header#site-header #logo picture,
body.header-09-lg header#site-header #logo img {
  height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) - var(--logo_lg-padding_bottom));
  max-height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) - var(--logo_lg-padding_bottom));
}

body.header-09-lg header#site-header #logo.no-image span {
  height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) - var(--logo_lg-padding_bottom));
  line-height: calc(var(--large-header) / 2);
}

/* Main Navigation */
body.header-09-lg header#site-header nav.main {
  position: absolute;
  top: calc(var(--large-header) / 2);
  left: 50%;
  transform: translateX(-50%);
  -ms-flex-order: 2;
  order: 2;
  height: calc(var(--large-header) / 2);
}

body.header-09-lg header#site-header nav.main > ul > li {
  height: calc(var(--large-header) / 2);
}

body.header-09-lg header#site-header nav.main > ul > li > span > a {
  height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
}

body.header-09-lg header#site-header .has-child > .expand-subpages,
body.header-09-lg header#site-header nav.main > ul > li.has-child > span::after {
  height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
}

body.header-09-lg header#site-header nav.main > ul > li > span > a {
  padding: 0 var(--base-half-spacing);
}

body.header-09-lg header#site-header nav.main > ul > li > span::before {
  top: calc(var(--large-header) / 2 - var(--base-border-width) * 1.75);
  right: var(--base-half-spacing);
  left: var(--base-half-spacing);
  border-radius: var(--base-border-radius);
}

html.no-touch body.header-09-lg header#site-header nav.main > ul > li:hover > span::before,
body.header-09-lg header#site-header nav.main > ul > li:focus > span::before,
body.header-09-lg header#site-header nav.main > ul > li.active > span::before,
body.header-09-lg header#site-header nav.main > ul > li:active > span::before,
body.header-09-lg header#site-header nav.main > ul > li.open-child > span::before {
  height: calc(var(--base-border-width) * 1.75);
}

body.header-09-lg header#site-header nav.main > ul > li:focus-within > span::before {
  height: calc(var(--base-border-width) * 1.75);
}

html[dir=ltr] body.header-09-lg header#site-header nav.main > ul > li.has-child > span::before {
  right: 20px;
}

body.header-09-lg header#site-header .has-child > .expand-subpages,
body.header-09-lg header#site-header nav.main ul li.has-child > span::after {
  width: 20px;
}

html[dir=ltr] body.header-09-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-right: 20px;
}

html[dir=rtl] body.header-09-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-left: 20px;
}

/* Main Navigation - Dropdowns */
body.header-09-lg header#site-header nav.main ul > li > ul {
  top: calc(var(--large-header) / 2 - 7px);
}

html.no-touch body.header-09-lg header#site-header nav.main ul > li:hover > ul,
body.header-09-lg header#site-header nav.main ul > li.open-child > ul {
  top: calc(var(--large-header) / 2);
}

body.header-09-lg header#site-header nav.main ul ul > li > ul {
  top: -7px;
}

html.no-touch body.header-09-lg header#site-header nav.main ul ul > li:hover > ul,
body.header-09-lg header#site-header nav.main ul ul > li.open-child > ul {
  top: 0;
}

/* Position dropdown */
html[dir=ltr].no-touch body.header-09-lg header#site-header nav.main > ul > li:hover > ul,
html[dir=ltr] body.header-09-lg header#site-header nav.main > ul > li.open-child > ul {
  left: 50%;
  transform: translateX(-50%);
}

html[dir=rtl].no-touch body.header-09-lg header#site-header nav.main > ul > li:hover > ul,
html[dir=rtl] body.header-09-lg header#site-header nav.main > ul > li.open-child > ul {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

/* Secondary Navigation */
body.header-09-lg header#site-header nav.secondary {
  -ms-flex-order: 3;
  order: 3;
  -ms-align-self: flex-start;
  align-self: flex-start;
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-09-lg header#site-header nav.secondary {
  margin-right: auto;
}

html[dir=rtl] body.header-09-lg header#site-header nav.secondary {
  margin-left: auto;
}

body.header-09-lg header#site-header nav.secondary > ul,
body.header-09-lg header#site-header nav.secondary > ul > li > span > div,
body.header-09-lg header#site-header nav.secondary > ul > li > span > a,
body.header-09-lg header#site-header nav.secondary > ul > li > a {
  height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-09-lg header#site-header nav.secondary > ul {
  padding-left: var(--base-half-spacing);
}

html[dir=rtl] body.header-09-lg header#site-header nav.secondary > ul {
  padding-right: var(--base-half-spacing);
}

html[dir=ltr] body.header-09-lg header#site-header nav.secondary > ul > li > span > div,
html[dir=ltr] body.header-09-lg header#site-header nav.secondary > ul > li > span > a,
html[dir=ltr] body.header-09-lg header#site-header nav.secondary > ul > li > a {
  padding-left: 0;
  padding-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-09-lg header#site-header nav.secondary > ul > li > span > div,
html[dir=rtl] body.header-09-lg header#site-header nav.secondary > ul > li > span > a,
html[dir=rtl] body.header-09-lg header#site-header nav.secondary > ul > li > a {
  padding-right: 0;
  padding-left: var(--base-half-spacing);
}

body.header-09-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  top: calc(var(--large-header) / 2 - 10px) !important;
}

html[dir=ltr] body.header-09-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  left: 0 !important;
  right: auto !important;
}

html[dir=rtl] body.header-09-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  right: 0 !important;
  left: auto !important;
}

/* CTA Navigation */
body.header-09-lg header#site-header nav.cta-links {
  -ms-flex-order: 4;
  order: 4;
  -ms-align-self: flex-start;
  align-self: flex-start;
  position: relative;
  top: 25%;
  z-index: 602;
  transform: translateY(-50%);
}

html[dir=ltr] body.header-09-lg header#site-header nav.cta-links {
  margin-left: calc(var(--base-half-spacing) / 2);
  padding-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-09-lg header#site-header nav.cta-links {
  margin-right: calc(var(--base-half-spacing) / 2);
  padding-left: var(--base-half-spacing);
}

html[dir=ltr] body.header-09-lg header#site-header nav.cta-links .btn + .btn {
  margin-left: 5px;
}

html[dir=rtl] body.header-09-lg header#site-header nav.cta-links .btn + .btn {
  margin-right: 5px;
}

/* Shopping Cart */
body.header-09-lg header#site-header nav.shopping-cart {
  -ms-flex-order: 5;
  order: 5;
  -ms-align-self: flex-end;
  align-self: flex-end;
  position: absolute;
  top: calc(var(--large-header) / 2);
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-09-lg header#site-header nav.shopping-cart {
  left: var(--base-half-spacing);
}

html[dir=rtl] body.header-09-lg header#site-header nav.shopping-cart {
  right: var(--base-half-spacing);
}

body.header-09-lg header#site-header nav.shopping-cart button.open-cart,
html#ecwid_html.usn body#ecwid_body.header-09-lg header#site-header .ec-cart-widget,
html#ecwid_html.usn body#ecwid_body.header-09-lg header#site-header .ec-cart-widget .ec-minicart,
html#ecwid_html.usn body#ecwid_body.header-09-lg header#site-header .ec-cart-widget .ec-minicart__body {
  height: calc(var(--large-header) / 2);
}

/* Site Search */
body.header-09-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  -ms-flex-order: 6;
  order: 6;
  position: absolute;
  top: calc(var(--large-header) / 2);
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-09-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  right: var(--base-half-spacing);
}

html[dir=rtl] body.header-09-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  left: var(--base-half-spacing);
}

body.header-09-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .expand-search {
  position: relative;
  height: calc(var(--large-header) / 2);
  padding: 0;
  text-align: center;
}

body.header-09-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .expand-search i.icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.header-09-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .form-control {
  min-height: calc(var(--large-header) / 2 - var(--base-half-spacing));
  height: calc(var(--large-header) / 2 - var(--base-half-spacing));
}

body.header-09-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search button.btn {
  width: calc(var(--large-header) / 2 - 20px);
  min-width: 30px;
  height: 100%;
}

html[dir=ltr] body.header-09-lg header#site-header .site-search form {
  right: 30px;
}

html[dir=rtl] body.header-09-lg header#site-header .site-search form {
  left: 30px;
}

/* On scroll */
html.nav-up body.header-09-lg.show_header-on-scroll-lg header#site-header {
  top: calc((var(--large-header) / 2 + 1px) * -1);
}

body.header-09-lg header#site-header .container,
body.header-09-lg header#site-header #logo,
body.header-09-lg header#site-header #logo picture,
body.header-09-lg header#site-header #logo img,
body.header-09-lg header#site-header #logo.no-image span,
body.header-09-lg header#site-header nav.main,
body.header-09-lg header#site-header .row::after {
  -webkit-transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
  transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}

html.nav-up body.header-09-lg.show_header-on-scroll-lg header#site-header .container {
  width: 100%;
  max-width: 100%;
}

html.nav-up body.header-09-lg.show_header-on-scroll-lg header#site-header .row::after {
  opacity: 0;
}

html.nav-up body.show_header-on-scroll-lg.header-09-lg:not(.no-header) header#site-header #logo {
  top: calc(var(--large-header) / 2 * -1);
}

html.nav-up body.show_header-on-scroll-lg.header-09-lg:not(.no-header) header#site-header nav.main {
  top: calc(var(--large-header) / 2);
}

/*  
---------------------------------------------------
Header large screens 10
---------------------------------------------------  
*/
/* Header */
body.header-10-lg:not(.transparent-header-lg) header#site-header {
  box-shadow: var(--header-box-shadow_h) var(--header-box-shadow_v) var(--header-box-shadow_b) rgba(var(--true-black), var(--header-box-shadow_o));
}

/* Logo */
body.header-10-lg header#site-header #logo {
  -ms-flex-order: 1;
  order: 1;
  -ms-align-self: start;
  align-self: start;
}

html[dir=ltr] body.header-10-lg header#site-header #logo {
  margin-right: auto;
}

html[dir=rtl] body.header-10-lg header#site-header #logo {
  margin-left: auto;
}

/* Main Navigation */
body.header-10-lg header#site-header nav.main {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-flex-order: 2;
  order: 2;
  -ms-align-self: flex-end;
  align-self: flex-end;
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-10-lg header#site-header nav.main {
  margin-right: auto;
}

html[dir=rtl] body.header-10-lg header#site-header nav.main {
  margin-left: auto;
}

body.header-10-lg header#site-header nav.main > ul > li > span > a {
  padding: 0 var(--base-half-spacing);
}

body.header-10-lg header#site-header nav.main > ul > li > span::before {
  top: calc(var(--large-header) / 2 - 15px);
  right: var(--base-half-spacing);
  left: var(--base-half-spacing);
  width: 0;
}

html.no-touch body.header-10-lg header#site-header nav.main > ul > li:hover > span::before,
body.header-10-lg header#site-header nav.main > ul > li:focus > span::before,
body.header-10-lg header#site-header nav.main > ul > li:active > span::before,
body.header-10-lg header#site-header nav.main > ul > li.active > span::before,
body.header-10-lg header#site-header nav.main > ul > li.open-child > span::before {
  height: calc(var(--base-border-width) * 1.5);
  width: calc(100% - var(--base-half-spacing) - var(--base-half-spacing));
}

body.header-10-lg header#site-header nav.main > ul > li:focus-within > span::before {
  height: calc(var(--base-border-width) * 1.5);
  width: calc(100% - var(--base-half-spacing) - var(--base-half-spacing));
}

body.header-10-lg header#site-header nav.main > ul > li.has-child > span::before {
  width: calc(100% - var(--base-half-spacing) - 20px);
}

html[dir=ltr] body.header-10-lg header#site-header nav.main > ul > li.has-child > span::before {
  right: 20px;
}

html[dir=rtl] body.header-10-lg header#site-header nav.main > ul > li.has-child > span::before {
  left: 20px;
}

html[dir=rtl] body.header-10-lg header#site-header nav.main > ul > li > ul::before {
  left: calc(50% + 2.5px);
}

body.header-10-lg header#site-header .has-child > .expand-subpages,
body.header-10-lg header#site-header nav.main ul li.has-child > span::after {
  width: 20px;
}

html[dir=ltr] body.header-10-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-right: 20px;
}

html[dir=rtl] body.header-10-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-left: 20px;
}

body.header-10-lg header#site-header nav.main > ul > li {
  height: calc(var(--large-header) / 2);
}

body.header-10-lg header#site-header nav.main > ul > li > span > a {
  height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
}

body.header-10-lg header#site-header nav.main > ul > li.has-child > span::after {
  height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
}

/* Main Navigation - Dropdowns */
body.header-10-lg header#site-header nav.main ul > li > ul {
  top: calc(var(--large-header) / 2 + 5px);
}

html.no-touch body.header-10-lg header#site-header nav.main ul > li:hover > ul,
body.header-10-lg header#site-header nav.main ul > li.open-child > ul {
  top: calc(var(--large-header) / 2 - 3px);
}

body.header-10-lg header#site-header nav.main ul ul > li > ul {
  top: -7px;
}

html.no-touch body.header-10-lg header#site-header nav.main ul ul > li:hover > ul,
body.header-10-lg header#site-header nav.main ul ul > li.open-child > ul {
  top: 0;
}

/* Position dropdown */
html.no-touch body.header-10-lg header#site-header nav.main > ul > li:hover > ul,
body.header-10-lg header#site-header nav.main > ul > li.open-child > ul {
  left: 50%;
  transform: translateX(-50%);
}

html[dir=rtl].no-touch body.header-10-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header nav.main > ul > li:hover > ul,
html[dir=rtl] body.header-10-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header nav.main > ul > li.open-child > ul {
  right: auto;
}

/* Position dropdown arrow */
body.header-10-lg header#site-header nav.main > ul > li > ul::before {
  content: "";
  position: absolute;
  top: -5px;
  left: calc(50% - 2.5px);
  width: 10px;
  height: 10px;
  background: rgba(var(--navigation-dropdown-color1), 1);
  opacity: 0;
  transform: translateX(-50%) rotate(45deg);
}

html.no-touch body.header-10-lg header#site-header nav.main > ul > li:hover > ul::before,
body.header-10-lg header#site-header nav.main > ul > li.open-child > ul::before {
  opacity: 1;
  transform: translateX(-50%) rotate(45deg);
}

/* Secondary Navigation */
body.header-10-lg header#site-header nav.secondary {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-flex-order: 3;
  order: 3;
  -ms-align-self: flex-start;
  align-self: flex-start;
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-10-lg header#site-header nav.secondary {
  margin-right: auto;
}

html[dir=rtl] body.header-10-lg header#site-header nav.secondary {
  margin-left: auto;
}

body.header-10-lg header#site-header nav.secondary > ul,
body.header-10-lg header#site-header nav.secondary > ul > li > span > div,
body.header-10-lg header#site-header nav.secondary > ul > li > span > a,
body.header-10-lg header#site-header nav.secondary > ul > li > a {
  height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
}

body.header-10-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  top: calc(var(--large-header) / 2 - 7px - 2px) !important;
  right: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* Position dropdown arrow */
body.header-10-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu::before {
  content: "";
  position: absolute;
  top: -5px;
  left: calc(50% - 2.5px);
  width: 10px;
  height: 10px;
  background: rgba(var(--navigation-dropdown-color1), 1);
  opacity: 1;
  transform: translateX(-50%) rotate(45deg);
}

/* CTA Navigation */
body.header-10-lg header#site-header nav.cta-links {
  -ms-flex-order: 4;
  order: 4;
  -ms-align-self: flex-start;
  align-self: flex-start;
  position: relative;
  top: 0;
  z-index: 602;
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-10-lg header#site-header nav.cta-links {
  padding-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-10-lg header#site-header nav.cta-links {
  padding-left: var(--base-half-spacing);
}

body.header-10-lg header#site-header nav.cta-links .btn {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

html[dir=ltr] body.header-10-lg header#site-header nav.cta-links .btn + .btn {
  margin-left: 5px;
}

html[dir=rtl] body.header-10-lg header#site-header nav.cta-links .btn + .btn {
  margin-right: 5px;
}

/* Shopping Cart */
body.header-10-lg header#site-header nav.shopping-cart {
  -ms-flex-order: 5;
  order: 5;
  -ms-align-self: flex-end;
  align-self: flex-end;
  position: absolute;
  top: calc(var(--large-header) / 2);
  width: calc(var(--large-header) / 2 - 10px);
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-10-lg header#site-header nav.shopping-cart {
  right: var(--base-half-spacing);
}

html[dir=rtl] body.header-10-lg header#site-header nav.shopping-cart {
  left: var(--base-half-spacing);
}

html[dir=ltr] body.header-10-lg header#site-header .site-search + nav.shopping-cart {
  right: calc(var(--base-spacing) * 2);
}

html[dir=rtl] body.header-10-lg header#site-header .site-search + nav.shopping-cart {
  left: calc(var(--base-spacing) * 2);
}

body.header-10-lg header#site-header nav.shopping-cart button.open-cart,
html#ecwid_html.usn body#ecwid_body.header-10-lg header#site-header .ec-cart-widget,
html#ecwid_html.usn body#ecwid_body.header-10-lg header#site-header .ec-cart-widget .ec-minicart,
html#ecwid_html.usn body#ecwid_body.header-10-lg header#site-header .ec-cart-widget .ec-minicart__body,
html#ecwid_html.usn body#ecwid_body.header-10-lg header#site-header .ec-cart-widget .ec-minicart__body .ec-minicart__wrap {
  width: calc(var(--large-header) / 2 - 10px);
  height: calc(var(--large-header) / 2);
}

/* Site search */
body.header-10-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  -ms-flex-order: 6;
  order: 6;
  -ms-align-self: flex-end;
  align-self: flex-end;
  position: absolute;
  top: calc(var(--large-header) / 2);
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-10-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  right: var(--base-half-spacing);
}

html[dir=rtl] body.header-10-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  left: var(--base-half-spacing);
}

body.header-10-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .expand-search {
  position: relative;
  height: calc(var(--large-header) / 2);
  padding: 0;
  text-align: center;
}

body.header-10-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .expand-search i.icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.header-10-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .form-control {
  height: calc(var(--large-header) / 2 - 20px);
  min-height: calc(var(--large-header) / 2 - 20px);
}

body.header-10-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search button.btn {
  width: calc(var(--large-header) / 2 - 20px);
  min-width: 40px;
  height: 100%;
}

html[dir=ltr] body.header-10-lg header#site-header .site-search form {
  right: 30px;
}

html[dir=rtl] body.header-10-lg header#site-header .site-search form {
  left: 30px;
}

/* On scroll */
html.nav-up body.header-10-lg.show_header-on-scroll-lg header#site-header {
  top: calc(var(--large-header) / 2 * -1);
}

body.header-10-lg header#site-header .container,
body.header-10-lg header#site-header #logo,
body.header-10-lg header#site-header #logo picture,
body.header-10-lg header#site-header #logo img,
body.header-10-lg header#site-header #logo.no-image span,
body.header-10-lg header#site-header nav.main {
  -webkit-transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
  transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}

html.nav-up body.header-10-lg.show_header-on-scroll-lg header#site-header .container {
  width: 100%;
  max-width: 100%;
}

html.nav-up body.show_header-on-scroll-lg.header-10-lg:not(.no-header) header#site-header #logo {
  top: calc(var(--large-header) / 2);
  padding: calc(var(--logo_lg-padding_top) / 2) calc(var(--logo_lg-padding_right) / 2) calc(var(--logo_lg-padding_bottom) / 2) calc(var(--logo_lg-padding_left) / 2);
  height: calc(var(--large-header) / 2);
}

html.nav-up body.show_header-on-scroll-lg.header-10-lg:not(.no-header) header#site-header #logo picture,
html.nav-up body.show_header-on-scroll-lg.header-10-lg:not(.no-header) header#site-header #logo img {
  height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) / 2 - var(--logo_lg-padding_bottom) / 2);
  max-height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) / 2 - var(--logo_lg-padding_bottom) / 2);
}

html.nav-up body.show_header-on-scroll-lg.header-10-lg:not(.no-header) header#site-header #logo.no-image span {
  height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) / 2 - var(--logo_lg-padding_bottom) / 2);
}

html.nav-up body.show_header-on-scroll-lg.header-10-lg:not(.no-header) header#site-header nav.main {
  padding-top: calc(var(--large-header) / 2);
}

/*  
---------------------------------------------------
Header large screens 11
---------------------------------------------------  
*/
/* Site Content / Footer Overlay */
body.header-11-lg #site-content::before {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: var(--large-header);
  z-index: 902;
  width: 0;
  background-color: rgba(var(--body-bg-color1), 0);
  opacity: 0.85;
  -webkit-transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
  transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}

html[dir=ltr] body.header-11-lg #site-content::before {
  left: var(--large-header);
}

html[dir=rtl] body.header-11-lg #site-content::before {
  right: var(--large-header);
}

/* Overlay BG */
html.reveal-out body.header-11-lg #site-content::before {
  width: calc(100% - var(--large-header));
  background: rgba(var(--body-bg-color1), 1);
}

html.reveal-out body.body-bg-linear.header-11-lg #site-content::before {
  background: linear-gradient(var(--body-bg-angle), rgba(var(--body-bg-color1), 1) 0%, rgba(var(--body-bg-color2), 1) 100%);
}

html.reveal-out body.body-bg-radial.header-11-lg #site-content::before {
  background: radial-gradient(farthest-side at var(--body-bg-start-perc) var(--body-bg-stop-perc), rgba(var(--body-bg-color1), 1) 0%, rgba(var(--body-bg-color2), 1) 100%);
}

/* Header */
body.header-11-lg header#site-header {
  position: fixed;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 903;
  overflow: hidden;
  width: var(--large-header);
  height: 100vh;
  box-shadow: var(--header-box-shadow_h) var(--header-box-shadow_v) var(--header-box-shadow_b) rgba(var(--true-black), var(--header-box-shadow_o));
  -webkit-transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
  transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}

html[dir=ltr] body.header-11-lg header#site-header {
  left: 0;
}

html[dir=rtl] body.header-11-lg header#site-header {
  right: 0;
}

html:not(.reveal-out) body.transparent-header-lg.header-11-lg header#site-header {
  width: var(--large-header);
  max-width: var(--large-header);
}

html.reveal-out body.header-11-lg header#site-header {
  padding-bottom: 0;
}

html.reveal-out body.header-11-lg header#site-header {
  width: calc(50vw + var(--large-header) / 2);
  max-width: calc(50vw + var(--large-header) / 2);
  z-index: 1002;
  -webkit-transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
  transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}

html.reveal-out[dir=ltr] body.header-11-lg header#site-header {
  right: auto;
}

html.reveal-out[dir=rtl] body.header-11-lg header#site-header {
  left: auto;
}

html:not(.reveal-out) .header-11-lg.transparent-header-lg header#site-header {
  box-shadow: none;
}

html.reveal-out body.header-11-lg.transparent-header-lg header#site-header {
  width: 50vw;
}

html.reveal-out body.header-11-lg header#site-header,
html.reveal-out body.header-11-lg header#site-header.header-bg-solid,
body.header-11-lg header#site-header::after,
body.header-11-lg header#site-header.header-bg-solid::after {
  background: rgba(var(--header-bg-color1), 1);
}

html.reveal-out body.header-11-lg header#site-header.header-bg-linear,
body.header-11-lg header#site-header.header-bg-linear::after {
  background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-11-lg header#site-header.header-bg-radial,
body.header-11-lg header#site-header.header-bg-radial::after {
  background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-11-lg.transparent-header-lg header#site-header,
html.reveal-out body.header-11-lg.transparent-header-lg header#site-header.header-bg-solid {
  background: rgba(var(--header-bg-color1), 1);
}

html.reveal-out body.header-11-lg.transparent-header-lg header#site-header.header-bg-linear {
  background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-11-lg.transparent-header-lg header#site-header.header-bg-radial {
  background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.nav-down:not(.reached-top):not(.reveal-out) body.header-11-lg.transparent-header-lg header#site-header,
html.nav-up:not(.reached-top):not(.reveal-out) body.header-11-lg.transparent-header-lg header#site-header {
  background: transparent;
}

html[dir=ltr] body.header-11-lg:not(.transparent-header-lg):not(.no-header) #site {
  padding-left: var(--large-header);
}

html[dir=rtl] body.header-11-lg:not(.transparent-header-lg):not(.no-header) #site {
  padding-right: var(--large-header);
}

/* Logo */
body.header-11-lg header#site-header #logo {
  position: fixed;
  z-index: 501;
}

html[dir=ltr] body.header-11-lg header#site-header #logo {
  left: 0;
  transform-origin: top left;
  transform: translateY(100vh) rotate(-90deg);
}

html[dir=ltr] body.header-11-lg header#site-header #logo.no-image {
  transform-origin: top left;
  transform: translateY(100vh) rotate(-90deg);
}

html[dir=rtl] body.header-11-lg header#site-header #logo {
  top: 0;
  right: 0;
  transform: rotate(-90deg) translate(0, -100%);
  transform-origin: 100% 0;
}

html[dir=rtl] body.header-11-lg header#site-header #logo.no-image {
  transform: rotate(-90deg) translate(0, -100%);
  transform-origin: 100% 0;
}

/* Burger expand */
body.header-11-lg header#site-header .expand-header {
  position: fixed;
  display: block;
  width: var(--large-header);
  height: var(--large-header);
}

html[dir=ltr] body.header-11-lg header#site-header .expand-header {
  top: 0;
  left: 0;
}

html[dir=rtl] body.header-11-lg header#site-header .expand-header {
  top: calc(100vh - var(--large-header));
  right: 0;
  font-size: 0;
}

/* Shopping Cart */
body.header-11-lg header#site-header nav.shopping-cart {
  position: fixed;
  width: var(--large-header);
  height: var(--large-header);
}

html[dir=ltr] body.header-11-lg header#site-header nav.shopping-cart {
  top: var(--large-header);
  left: 0;
}

html[dir=rtl] body.header-11-lg header#site-header nav.shopping-cart {
  top: calc(100vh - var(--large-header) - var(--large-header));
  right: 0;
}

body.header-11-lg header#site-header nav.shopping-cart button.open-cart,
html#ecwid_html.usn body#ecwid_body.header-11-lg header#site-header nav.shopping-cart .ec-cart-widget,
html#ecwid_html.usn body#ecwid_body.header-11-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart,
html#ecwid_html.usn body#ecwid_body.header-11-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__body {
  width: var(--large-header);
  height: var(--large-header);
}

/* All expanded elements */
/* Container */
body.header-11-lg header#site-header .container-fluid,
body.header-11-lg header#site-header .container {
  position: relative;
  width: calc(50vw - var(--large-header) / 2);
  margin: 0;
  padding: 0;
  -webkit-transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
  transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}

html[dir=ltr] body.header-11-lg header#site-header .container-fluid,
html[dir=ltr] body.header-11-lg header#site-header .container {
  left: var(--large-header);
}

html[dir=rtl] body.header-11-lg header#site-header .container-fluid,
html[dir=rtl] body.header-11-lg header#site-header .container {
  right: var(--large-header);
}

html[dir=ltr].reveal-out body.header-11-lg header#site-header .container-fluid,
html[dir=ltr].reveal-out body.header-11-lg header#site-header .container {
  left: var(--large-header);
}

html[dir=rtl].reveal-out body.header-11-lg header#site-header .container-fluid,
html[dir=rtl].reveal-out body.header-11-lg header#site-header .container {
  right: var(--large-header);
}

/* Row */
body.header-11-lg header#site-header .row {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-justify-content: center;
  justify-content: center;
  margin: 0;
  padding: var(--base-spacing) 0;
  min-height: calc(100vh - var(--base-spacing) - var(--base-spacing));
}

body.header-11-lg header#site-header .site-search,
body.header-11-lg header#site-header nav.main,
body.header-11-lg header#site-header nav.secondary,
body.header-11-lg header#site-header nav.cta-links {
  text-align: center;
  width: 100%;
}

body.header-11-lg header#site-header nav.main {
  -ms-flex-order: 1;
  order: 1;
  padding: var(--base-half-spacing) 0;
}

body.header-11-lg header#site-header nav.cta-links {
  -ms-flex-order: 2;
  order: 2;
  padding: var(--base-half-spacing) 0;
}

body.header-11-lg header#site-header .site-search {
  -ms-flex-order: 3;
  order: 3;
  padding: var(--base-half-spacing) 0;
}

body.header-11-lg header#site-header nav.secondary {
  -ms-flex-order: 4;
  order: 4;
  -ms-align-self: flex-end;
  align-self: flex-end;
  padding: var(--base-half-spacing) 0;
}

/* Main Navigation */
body.header-11-lg header#site-header nav.main {
  height: auto;
}

body.header-11-lg header#site-header nav.main > ul {
  display: block;
}

body.header-11-lg header#site-header nav.main ul li span::before {
  display: none !important;
}

body.header-11-lg header#site-header .has-child > .expand-subpages,
body.header-11-lg header#site-header nav.main ul li.has-child > span::after {
  font-size: 20px;
  cursor: pointer;
  height: auto;
  min-height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
  padding-top: 0;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

body.header-11-lg header#site-header .has-child > .expand-subpages {
  height: 100%;
  top: 0;
  transform: none;
}

body.header-11-lg header#site-header nav.main > ul > li > span > a,
body.header-11-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding: var(--base-half-spacing);
  min-height: calc(var(--large-header) / 2);
}

body.header-11-lg header#site-header nav.main ul ul > li > span > a,
body.header-11-lg header#site-header nav.main ul li.has-child ul span a {
  padding: var(--base-half-spacing) calc(var(--base-half-spacing) * 2);
}

body.header-11-lg header#site-header nav.main ul ul {
  display: none;
  position: relative !important;
  left: auto !important;
}

body.header-11-lg header#site-header nav.main ul ul {
  padding: 0;
}

body.header-11-lg header#site-header nav.main ul > li.open-child_mobile > ul {
  display: block;
}

html[dir=ltr] body.header-11-lg header#site-header nav.main ul li i.before {
  margin-right: 10px;
}

html[dir=rtl] body.header-11-lg header#site-header nav.main ul li i.before {
  margin-left: 10px;
}

/* Site Search */
body.header-11-lg header#site-header .site-search {
  margin: 0 auto;
  width: 100%;
  max-width: 360px;
}

body.header-11-lg header#site-header .site-search .expand-search {
  display: none;
}

/* Secondary Navigation */
body.header-11-lg header#site-header nav.secondary > ul {
  display: block;
  text-align: center;
}

body.header-11-lg header#site-header nav.secondary > ul > li > span > div,
body.header-11-lg header#site-header nav.secondary > ul > li > span > a,
body.header-11-lg header#site-header nav.secondary > ul > li > a {
  padding: calc(var(--base-half-spacing) / 1.5);
  width: 100%;
  display: block;
}

body.header-11-lg header#site-header nav.secondary ul li {
  clear: both;
}

body.header-11-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  width: 100%;
  border: 0 none;
  position: relative !important;
  top: auto !important;
  right: 0 !important;
  left: 0 !important;
  transform: none !important;
  padding: calc(var(--base-half-spacing) / 2) 0;
}

body.header-11-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu > a {
  background: none;
  padding: calc(var(--base-half-spacing) / 2);
  text-align: center;
}

/* CTA Links */
html[dir=ltr] body.header-11-lg header#site-header nav.cta-links .btn + .btn {
  margin: 0 -2px 0 5px;
}

html[dir=rtl] body.header-11-lg header#site-header nav.cta-links .btn + .btn {
  margin: 0 5px 0 -2px;
}

/* Animate in */
html.reveal-out body.header-11-lg header#site-header nav.main > ul > li,
html.reveal-out body.header-11-lg header#site-header .site-search,
html.reveal-out body.header-11-lg header#site-header nav.secondary > ul > li,
html.reveal-out body.header-11-lg header#site-header nav.cta-links {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/*  
---------------------------------------------------
Header large screens 12
---------------------------------------------------  
*/
/* Site Content / Footer Overlay */
body.header-12-lg #site-content::before {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 902;
  width: 0;
  background-color: rgba(var(--body-bg-color1), 0);
  opacity: 0.85;
  -webkit-transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
  transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}

html[dir=ltr] body.header-12-lg #site-content::before {
  right: var(--large-header);
}

html[dir=rtl] body.header-12-lg #site-content::before {
  left: var(--large-header);
}

/* Overlay BG */
html.reveal-out body.header-12-lg #site-content::before {
  width: calc(100% - var(--large-header));
  background: rgba(var(--body-bg-color1), 1);
}

html.reveal-out body.body-bg-linear.header-12-lg #site-content::before {
  background: linear-gradient(var(--body-bg-angle), rgba(var(--body-bg-color1), 1) 0%, rgba(var(--body-bg-color2), 1) 100%);
}

html.reveal-out body.body-bg-radial.header-12-lg #site-content::before {
  background: radial-gradient(farthest-side at var(--body-bg-start-perc) var(--body-bg-stop-perc), rgba(var(--body-bg-color1), 1) 0%, rgba(var(--body-bg-color2), 1) 100%);
}

/* Header */
body.header-12-lg header#site-header {
  position: fixed;
  top: 0 !important;
  bottom: 0 !important;
  overflow: hidden;
  width: var(--large-header);
  height: 100vh;
  box-shadow: var(--header-box-shadow_h) var(--header-box-shadow_v) var(--header-box-shadow_b) rgba(var(--true-black), var(--header-box-shadow_o));
  -webkit-transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
  transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}

html[dir=ltr] body.header-12-lg header#site-header {
  right: 0;
}

html[dir=rtl] body.header-12-lg header#site-header {
  left: 0;
}

html:not(.reveal-out) body.transparent-header-lg.header-12-lg header#site-header {
  width: var(--large-header);
  max-width: var(--large-header);
}

html.reveal-out body.header-12-lg header#site-header {
  padding-bottom: 0;
}

html.reveal-out body.header-12-lg header#site-header {
  width: calc(50vw + var(--large-header) / 2);
  max-width: calc(50vw + var(--large-header) / 2);
  z-index: 1002;
  -webkit-transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
  transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}

html.reveal-out[dir=ltr] body.header-12-lg header#site-header {
  left: auto;
}

html.reveal-out[dir=rtl] body.header-12-lg header#site-header {
  right: auto;
}

html:not(.reveal-out) .header-12-lg.transparent-header-lg header#site-header {
  box-shadow: none;
}

html.reveal-out body.header-12-lg.transparent-header-lg header#site-header {
  width: 50vw;
}

html.reveal-out body.header-12-lg header#site-header,
html.reveal-out body.header-12-lg header#site-header.header-bg-solid,
body.header-12-lg header#site-header::after,
body.header-12-lg header#site-header.header-bg-solid::after {
  background: rgba(var(--header-bg-color1), 1);
}

html.reveal-out body.header-12-lg header#site-header.header-bg-linear,
body.header-12-lg header#site-header.header-bg-linear::after {
  background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-12-lg header#site-header.header-bg-radial,
body.header-12-lg header#site-header.header-bg-radial::after {
  background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-12-lg.transparent-header-lg header#site-header,
html.reveal-out body.header-12-lg.transparent-header-lg header#site-header.header-bg-solid {
  background: rgba(var(--header-bg-color1), 1);
}

html.reveal-out body.header-12-lg.transparent-header-lg header#site-header.header-bg-linear {
  background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-12-lg.transparent-header-lg header#site-header.header-bg-radial {
  background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.nav-down:not(.reached-top):not(.reveal-out) body.header-12-lg.transparent-header-lg header#site-header,
html.nav-up:not(.reached-top):not(.reveal-out) body.header-12-lg.transparent-header-lg header#site-header {
  background: transparent;
}

html[dir=ltr] body.header-12-lg:not(.transparent-header-lg):not(.no-header) #site {
  padding-right: var(--large-header);
}

html[dir=rtl] body.header-12-lg:not(.transparent-header-lg):not(.no-header) #site {
  padding-left: var(--large-header);
}

/* Logo */
body.header-12-lg header#site-header #logo {
  position: fixed;
  z-index: 501;
}

html[dir=ltr] body.header-12-lg header#site-header #logo {
  top: 0;
  right: 0;
  transform: rotate(-90deg) translate(0, -100%);
  transform-origin: 100% 0;
}

html[dir=ltr] body.header-12-lg header#site-header #logo.no-image {
  transform: rotate(-90deg) translate(0, -100%);
  transform-origin: 100% 0;
}

html[dir=rtl] body.header-12-lg header#site-header #logo {
  left: 0;
  transform-origin: top left;
  transform: translateY(100vh);
}

html[dir=rtl] body.header-12-lg header#site-header #logo.no-image {
  transform-origin: top left;
  transform: translateY(100vh) rotate(-90deg);
}

/* Burger expand */
body.header-12-lg header#site-header .expand-header {
  position: fixed;
  display: block;
  width: var(--large-header);
  height: var(--large-header);
}

html[dir=ltr] body.header-12-lg header#site-header .expand-header {
  top: calc(100vh - var(--large-header));
  right: 0;
  font-size: 0;
}

html[dir=rtl] body.header-12-lg header#site-header .expand-header {
  top: 0;
  left: 0;
}

/* Shopping Cart */
body.header-12-lg header#site-header nav.shopping-cart {
  position: fixed;
  width: var(--large-header);
  height: var(--large-header);
}

html[dir=ltr] body.header-12-lg header#site-header nav.shopping-cart {
  top: calc(100vh - var(--large-header) - var(--large-header));
  right: 0;
}

html[dir=rtl] body.header-12-lg header#site-header nav.shopping-cart {
  top: var(--large-header);
  left: 0;
}

body.header-12-lg header#site-header nav.shopping-cart button.open-cart,
html#ecwid_html.usn body#ecwid_body.header-12-lg header#site-header nav.shopping-cart .ec-cart-widget,
html#ecwid_html.usn body#ecwid_body.header-12-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart,
html#ecwid_html.usn body#ecwid_body.header-12-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__body {
  width: var(--large-header);
  height: var(--large-header);
}

/* All expanded elements */
/* Container */
body.header-12-lg header#site-header .container-fluid,
body.header-12-lg header#site-header .container {
  position: relative;
  width: calc(50vw - var(--large-header) / 2);
  margin: 0;
  padding: 0;
  -webkit-transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
  transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}

html[dir=ltr] body.header-12-lg header#site-header .container-fluid,
html[dir=ltr] body.header-12-lg header#site-header .container {
  left: var(--large-header);
}

html[dir=rtl] body.header-12-lg header#site-header .container-fluid,
html[dir=rtl] body.header-12-lg header#site-header .container {
  right: var(--large-header);
}

html[dir=ltr].reveal-out body.header-12-lg header#site-header .container-fluid,
html[dir=ltr].reveal-out body.header-12-lg header#site-header .container {
  right: 0;
  left: auto;
}

html[dir=rtl].reveal-out body.header-12-lg header#site-header .container-fluid,
html[dir=rtl].reveal-out body.header-12-lg header#site-header .container {
  left: 0;
  right: auto;
}

/* Row */
body.header-12-lg header#site-header .row {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-justify-content: center;
  justify-content: center;
  margin: 0;
  padding: var(--base-spacing) 0;
  min-height: calc(100vh - var(--base-spacing) - var(--base-spacing));
}

body.header-12-lg header#site-header .site-search,
body.header-12-lg header#site-header nav.main,
body.header-12-lg header#site-header nav.secondary,
body.header-12-lg header#site-header nav.cta-links {
  text-align: center;
  width: 100%;
}

body.header-12-lg header#site-header nav.main {
  -ms-flex-order: 1;
  order: 1;
  padding: var(--base-half-spacing) 0;
}

body.header-12-lg header#site-header nav.cta-links {
  -ms-flex-order: 2;
  order: 2;
  padding: var(--base-half-spacing) 0;
}

body.header-12-lg header#site-header .site-search {
  -ms-flex-order: 3;
  order: 3;
  padding: var(--base-half-spacing) 0;
}

body.header-12-lg header#site-header nav.secondary {
  -ms-flex-order: 4;
  order: 4;
  -ms-align-self: flex-end;
  align-self: flex-end;
  padding: var(--base-half-spacing) 0;
}

/* Main Navigation */
body.header-12-lg header#site-header nav.main {
  height: auto;
}

body.header-12-lg header#site-header nav.main > ul {
  display: block;
}

body.header-12-lg header#site-header nav.main ul li span::before {
  display: none !important;
}

body.header-12-lg header#site-header .has-child > .expand-subpages,
body.header-12-lg header#site-header nav.main ul li.has-child > span::after {
  font-size: 20px;
  cursor: pointer;
  height: auto;
  min-height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
  padding-top: 0;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

body.header-12-lg header#site-header .has-child > .expand-subpages {
  height: 100%;
  top: 0;
  transform: none;
}

body.header-12-lg header#site-header nav.main > ul > li > span > a,
body.header-12-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding: var(--base-half-spacing);
  min-height: calc(var(--large-header) / 2);
}

body.header-12-lg header#site-header nav.main ul ul > li > span > a,
body.header-12-lg header#site-header nav.main ul li.has-child ul span a {
  padding: var(--base-half-spacing) calc(var(--base-half-spacing) * 2);
}

body.header-12-lg header#site-header nav.main ul ul {
  display: none;
  position: relative !important;
  left: auto !important;
}

body.header-12-lg header#site-header nav.main ul ul {
  padding: 0;
}

body.header-12-lg header#site-header nav.main ul > li.open-child_mobile > ul {
  display: block;
}

html[dir=ltr] body.header-12-lg header#site-header nav.main ul li i.before {
  margin-left: 10px;
}

html[dir=rtl] body.header-12-lg header#site-header nav.main ul li i.before {
  margin-right: 10px;
}

/* Site Search */
body.header-12-lg header#site-header .site-search {
  margin: 0 auto;
  width: 100%;
  max-width: 360px;
}

body.header-12-lg header#site-header .site-search .expand-search {
  display: none;
}

/* Secondary Navigation */
body.header-12-lg header#site-header nav.secondary > ul {
  display: block;
  text-align: center;
}

body.header-12-lg header#site-header nav.secondary > ul > li > span > div,
body.header-12-lg header#site-header nav.secondary > ul > li > span > a,
body.header-12-lg header#site-header nav.secondary > ul > li > a {
  padding: calc(var(--base-half-spacing) / 1.5);
  width: 100%;
  display: block;
}

body.header-12-lg header#site-header nav.secondary ul li {
  clear: both;
}

body.header-12-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  width: 100%;
  border: 0 none;
  position: relative !important;
  top: auto !important;
  right: 0 !important;
  left: 0 !important;
  transform: none !important;
  padding: calc(var(--base-half-spacing) / 2) 0;
}

body.header-12-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu > a {
  background: none;
  padding: calc(var(--base-half-spacing) / 2);
  text-align: center;
}

/* CTA Links */
html[dir=ltr] body.header-12-lg header#site-header nav.cta-links .btn + .btn {
  margin: 0 5px 0 -2px;
}

html[dir=rtl] body.header-12-lg header#site-header nav.cta-links .btn + .btn {
  margin: 0 -2px 0 5px;
}

/* Animate in */
html.reveal-out body.header-12-lg header#site-header nav.main > ul > li,
html.reveal-out body.header-12-lg header#site-header .site-search,
html.reveal-out body.header-12-lg header#site-header nav.secondary > ul > li,
html.reveal-out body.header-12-lg header#site-header nav.cta-links {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/*  
---------------------------------------------------
Header large screens 13
---------------------------------------------------  
*/
/* Header */
body.header-13-lg:not(.transparent-header-lg) header#site-header {
  box-shadow: var(--header-box-shadow_h) var(--header-box-shadow_v) var(--header-box-shadow_b) rgba(var(--true-black), var(--header-box-shadow_o));
}

body.header-13-lg header#site-header .row {
  -ms-align-items: flex-end;
  align-items: flex-end;
  height: var(--large-header);
}

body.header-13-lg header#site-header #logo {
  -ms-flex-order: 1;
  order: 1;
  -ms-align-self: start;
  align-self: start;
}

body.header-13-lg header#site-header nav.main {
  -ms-flex-order: 2;
  order: 2;
}

body.header-13-lg header#site-header nav.cta-links {
  -ms-flex-order: 3;
  order: 3;
}

body.header-13-lg header#site-header .row::after {
  -ms-flex-order: 4;
  order: 4;
  content: "";
  width: 100%;
  height: 0;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
}

body.header-13-lg header#site-header .row::before {
  -ms-flex-order: 5;
  order: 5;
  content: "";
  width: 1px;
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-13-lg header#site-header .row::before {
  margin-right: auto;
}

html[dir=rtl] body.header-13-lg header#site-header .row::before {
  margin-left: auto;
}

body.header-13-lg header#site-header nav.secondary {
  -ms-flex-order: 6;
  order: 6;
}

body.header-13-lg header#site-header nav.shopping-cart {
  -ms-flex-order: 7;
  order: 7;
}

body.header-13-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  -ms-flex-order: 8;
  order: 8;
}

body.header-13-lg header#site-header .row::after,
body.header-13-lg header#site-header nav.secondary,
body.header-13-lg header#site-header nav.shopping-cart,
body.header-13-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  position: relative;
  top: calc(var(--large-header) * -1);
  -ms-align-self: flex-start;
  align-self: flex-start;
}

/* Main Navigation */
body.header-13-lg header#site-header nav.main {
  position: relative;
  top: 0;
  height: calc(var(--large-header) / 2);
}

body.header-13-lg header#site-header nav.main > ul > li {
  height: calc(var(--large-header) / 2);
}

body.header-13-lg header#site-header nav.main > ul > li > span > a {
  height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
}

body.header-13-lg header#site-header .has-child > .expand-subpages,
body.header-13-lg header#site-header nav.main > ul > li.has-child > span::after {
  height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
}

body.header-13-lg header#site-header nav.main > ul > li > span > a {
  padding: 0 var(--base-half-spacing);
}

body.header-13-lg header#site-header nav.main > ul > li > span::before {
  top: calc(var(--large-header) / 2 - 20px);
  right: var(--base-half-spacing);
  left: var(--base-half-spacing);
  border-radius: var(--base-border-radius);
  width: 0;
}

html.no-touch body.header-13-lg header#site-header nav.main > ul > li:hover > span::before,
body.header-13-lg header#site-header nav.main > ul > li:focus > span::before,
body.header-13-lg header#site-header nav.main > ul > li:active > span::before,
body.header-13-lg header#site-header nav.main > ul > li.active > span::before,
body.header-13-lg header#site-header nav.main > ul > li.open-child > span::before {
  height: calc(var(--base-border-width) * 1.5);
  width: calc(100% - var(--base-half-spacing) - var(--base-half-spacing));
}

body.header-13-lg header#site-header nav.main > ul > li:focus-within > span::before {
  height: calc(var(--base-border-width) * 1.5);
  width: calc(100% - var(--base-half-spacing) - var(--base-half-spacing));
}

html.no-touch body.header-13-lg header#site-header nav.main > ul > li.has-child:hover > span::before,
body.header-13-lg header#site-header nav.main > ul > li.has-child:focus > span::before,
body.header-13-lg header#site-header nav.main > ul > li.has-child:active > span::before,
body.header-13-lg header#site-header nav.main > ul > li.has-child.active > span::before,
body.header-13-lg header#site-header nav.main > ul > li.has-child.open-child > span::before {
  width: calc(100% - var(--base-half-spacing) - 20px);
}

body.header-13-lg header#site-header nav.main > ul > li.has-child:focus-within > span::before {
  width: calc(100% - var(--base-half-spacing) - 20px);
}

html[dir=ltr] body.header-13-lg header#site-header nav.main > ul > li.has-child > span::before {
  right: 20px;
}

html[dir=rtl] body.header-13-lg header#site-header nav.main > ul > li.has-child > span::before {
  left: 20px;
}

body.header-13-lg header#site-header .has-child > .expand-subpages,
body.header-13-lg header#site-header nav.main ul li.has-child > span::after {
  width: 20px;
}

html[dir=ltr] body.header-13-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-right: 20px;
}

html[dir=rtl] body.header-13-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-left: 20px;
}

/* Main Navigation - Dropdowns */
body.header-13-lg header#site-header nav.main ul > li > ul {
  top: calc(var(--large-header) / 2 - 12px);
}

html.no-touch body.header-13-lg header#site-header nav.main ul > li:hover > ul,
body.header-13-lg header#site-header nav.main ul > li.open-child > ul {
  top: calc(var(--large-header) / 2 - 5px);
}

body.header-13-lg header#site-header nav.main ul ul > li > ul {
  top: -7px;
}

html.no-touch body.header-13-lg header#site-header nav.main ul ul > li:hover > ul,
body.header-13-lg header#site-header nav.main ul ul > li.open-child > ul {
  top: 0;
}

/* Secondary Navigation */
body.header-13-lg header#site-header nav.secondary {
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-13-lg header#site-header nav.secondary {
  margin-right: calc(var(--base-half-spacing) / 2);
}

html[dir=rtl] body.header-13-lg header#site-header nav.secondary {
  margin-left: calc(var(--base-half-spacing) / 2);
}

body.header-13-lg header#site-header nav.secondary > ul,
body.header-13-lg header#site-header nav.secondary > ul > li > span > div,
body.header-13-lg header#site-header nav.secondary > ul > li > span > a,
body.header-13-lg header#site-header nav.secondary > ul > li > a {
  height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
}

body.header-13-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  top: calc(var(--large-header) / 2 - 7px) !important;
}

html[dir=ltr] body.header-13-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  right: 0 !important;
  left: auto !important;
}

html[dir=rtl] body.header-13-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  left: 0 !important;
  right: auto !important;
}

/* CTA Navigation */
body.header-13-lg header#site-header nav.cta-links {
  position: absolute;
  top: calc(var(--large-header) / 2);
  display: -ms-flexbox;
  display: flex;
  height: calc(var(--large-header) / 2);
  z-index: 602;
}

html[dir=ltr] body.header-13-lg header#site-header nav.cta-links {
  margin-right: var(--base-half-spacing);
  right: 0;
}

html[dir=rtl] body.header-13-lg header#site-header nav.cta-links {
  margin-left: var(--base-half-spacing);
  left: 0;
}

body.header-13-lg header#site-header nav.cta-links .btn {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  -ms-align-self: center;
  align-self: center;
}

html[dir=ltr] body.header-13-lg header#site-header nav.cta-links .btn + .btn {
  margin-left: 2.5px;
  margin-right: 0;
}

html[dir=rtl] body.header-13-lg header#site-header nav.cta-links .btn + .btn {
  margin-right: 2.5px;
  margin-left: 0;
}

/* Shopping Cart */
body.header-13-lg header#site-header nav.shopping-cart {
  width: 40px;
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-13-lg header#site-header nav.shopping-cart {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-13-lg header#site-header nav.shopping-cart {
  margin-left: var(--base-half-spacing);
}

body.header-13-lg header#site-header nav.shopping-cart button.open-cart,
html#ecwid_html.usn body#ecwid_body.header-13-lg header#site-header .ec-cart-widget,
html#ecwid_html.usn body#ecwid_body.header-13-lg header#site-header .ec-cart-widget .ec-minicart,
html#ecwid_html.usn body#ecwid_body.header-13-lg header#site-header .ec-cart-widget .ec-minicart__body,
html#ecwid_html.usn body#ecwid_body.header-13-lg header#site-header .ec-cart-widget .ec-minicart__body .ec-minicart__wrap {
  width: 40px;
  height: calc(var(--large-header) / 2);
}

/* Site Search */
body.header-13-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  width: 40px;
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-13-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-13-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  margin-left: var(--base-half-spacing);
}

body.header-13-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .expand-search {
  position: relative;
  top: 50%;
  width: 40px;
  height: calc(var(--large-header) / 2 - var(--base-spacing));
  padding: 0;
  text-align: center;
  transform: translateY(-50%);
}

body.header-13-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .expand-search i.icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

html[dir=ltr] body.header-13-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search form {
  right: 40px;
}

html[dir=rtl] body.header-13-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search form {
  left: 40px;
}

/* On scroll */
html.nav-up body.header-13-lg.show_header-on-scroll-lg header#site-header {
  top: calc(var(--large-header) / 2 * -1);
}

body.header-13-lg header#site-header .container,
body.header-13-lg header#site-header #logo,
body.header-13-lg header#site-header #logo::after,
body.header-13-lg header#site-header #logo picture,
body.header-13-lg header#site-header #logo img,
body.header-13-lg header#site-header #logo.no-image span,
body.header-13-lg header#site-header nav.main,
body.header-13-lg header#site-header nav.cta-links {
  -webkit-transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
  transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}

html.nav-up body.show_header-on-scroll-lg.header-13-lg:not(.no-header) header#site-header #logo {
  top: calc(var(--large-header) / 2);
  padding: calc(var(--logo_lg-padding_top) / 2) calc(var(--logo_lg-padding_right) / 2) calc(var(--logo_lg-padding_bottom) / 2) calc(var(--logo_lg-padding_left) / 2);
  height: calc(var(--large-header) / 2);
}

html.nav-up body.show_header-on-scroll-lg.header-13-lg header#site-header #logo::after {
  height: calc(var(--large-header) / 2);
}

html.nav-up body.show_header-on-scroll-lg.header-13-lg:not(.no-header) header#site-header #logo picture,
html.nav-up body.show_header-on-scroll-lg.header-13-lg:not(.no-header) header#site-header #logo img {
  height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) / 2 - var(--logo_lg-padding_bottom) / 2);
  max-height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) / 2 - var(--logo_lg-padding_bottom) / 2);
}

html.nav-up body.show_header-on-scroll-lg.header-13-lg:not(.no-header) header#site-header #logo img[src*=svg] {
  width: 50%;
}

html.nav-up body.show_header-on-scroll-lg.header-13-lg:not(.no-header) header#site-header #logo.no-image span {
  height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) / 2 - var(--logo_lg-padding_bottom) / 2);
}

html.nav-up body.show_header-on-scroll-lg.header-13-lg:not(.no-header) header#site-header nav.main,
html.nav-up body.show_header-on-scroll-lg.header-13-lg:not(.no-header) header#site-header nav.cta-links {
  top: calc(var(--large-header) / 2);
}

/*  
---------------------------------------------------
Header large screens 14
---------------------------------------------------  
*/
/* Header */
body.header-14-lg:not(.transparent-header-lg) header#site-header {
  box-shadow: var(--header-box-shadow_h) var(--header-box-shadow_v) var(--header-box-shadow_b) rgba(var(--true-black), var(--header-box-shadow_o));
}

body.header-14-lg header#site-header .row {
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-align-items: flex-end;
  align-items: flex-end;
  height: var(--large-header);
}

body.header-14-lg header#site-header #logo {
  -ms-flex-order: 1;
  order: 1;
  -ms-align-self: start;
  align-self: start;
}

body.header-14-lg header#site-header nav.main {
  -ms-flex-order: 2;
  order: 2;
}

html[dir=ltr] body.header-14-lg header#site-header nav.main {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-14-lg header#site-header nav.main {
  margin-left: var(--base-half-spacing);
}

body.header-14-lg header#site-header .row::after {
  -ms-flex-order: 3;
  order: 3;
  content: "";
  width: 100%;
  height: 0;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
}

body.header-14-lg header#site-header .row::before {
  -ms-flex-order: 4;
  order: 4;
  content: "";
  width: 1px;
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-14-lg header#site-header .row::before {
  margin-right: auto;
}

html[dir=rtl] body.header-14-lg header#site-header .row::before {
  margin-left: auto;
}

body.header-14-lg header#site-header nav.secondary {
  -ms-flex-order: 5;
  order: 5;
}

body.header-14-lg header#site-header nav.cta-links {
  -ms-flex-order: 6;
  order: 6;
}

body.header-14-lg header#site-header nav.shopping-cart {
  -ms-flex-order: 7;
  order: 7;
}

body.header-14-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  -ms-flex-order: 8;
  order: 8;
}

/* Main Navigation */
body.header-14-lg header#site-header nav.main {
  position: relative;
  height: calc(var(--large-header) * 0.6666666667);
}

body.header-14-lg header#site-header nav.main > ul > li {
  height: calc(var(--large-header) * 0.6666666667);
}

body.header-14-lg header#site-header nav.main > ul > li > span > a {
  height: calc(var(--large-header) * 0.6666666667);
  line-height: calc(var(--large-header) * 0.6666666667);
}

body.header-14-lg header#site-header .has-child > .expand-subpages,
body.header-14-lg header#site-header nav.main > ul > li.has-child > span::after {
  height: calc(var(--large-header) * 0.6666666667);
  line-height: calc(var(--large-header) * 0.6666666667);
  display: none;
}

body.header-14-lg header#site-header nav.main > ul > li > span > a {
  padding: 0 var(--base-border-width);
}

body.header-14-lg header#site-header nav.main > ul > li > span::before {
  top: calc(var(--large-header) * 0.6666666667 - 15px);
  right: var(--base-half-spacing);
  left: var(--base-half-spacing);
  border-radius: var(--base-border-radius);
  width: 0;
}

html[dir=ltr] body.header-14-lg header#site-header nav.main > ul > li > span > a {
  padding: 0 15px;
}

html[dir=rtl] body.header-14-lg header#site-header nav.main > ul > li > span > a {
  padding-left: 20px;
}

/* Main Navigation - Dropdowns */
body.header-14-lg header#site-header nav.main ul ul > li > ul {
  top: -7px;
}

html.no-touch body.header-14-lg header#site-header nav.main ul ul > li:hover > ul,
body.header-14-lg header#site-header nav.main ul ul > li.open-child > ul {
  top: 0;
}

/* Position dropdown from left */
html[dir=ltr].no-touch body.header-14-lg header#site-header nav.main ul ul > li:hover > ul,
html[dir=ltr] body.header-14-lg header#site-header nav.main ul ul > li.open-child > ul {
  left: var(--nav-main-dropdown-width);
}

/* Position dropdown from right */
html[dir=ltr].no-touch body.header-14-lg header#site-header nav.main ul #dropdown-left ul > li:hover > ul,
html[dir=ltr] body.header-14-lg header#site-header nav.main ul #dropdown-left ul > li.open-child > ul {
  right: var(--nav-main-dropdown-width);
  left: auto;
}

html[dir=rtl].no-touch body.header-14-lg header#site-header nav.main ul ul > li:hover > ul,
html[dir=rtl] body.header-14-lg header#site-header nav.main ul ul > li.open-child > ul {
  right: auto;
  left: var(--nav-main-dropdown-width);
}

/* Secondary Navigation */
body.header-14-lg header#site-header nav.secondary {
  height: calc(var(--large-header) / 3);
}

html[dir=ltr] body.header-14-lg header#site-header nav.secondary {
  margin-right: calc(var(--base-half-spacing) / 3);
}

html[dir=rtl] body.header-14-lg header#site-header nav.secondary {
  margin-right: calc(var(--base-half-spacing) / 3);
}

body.header-14-lg header#site-header nav.secondary > ul,
body.header-14-lg header#site-header nav.secondary > ul > li > span > div,
body.header-14-lg header#site-header nav.secondary > ul > li > span > a,
body.header-14-lg header#site-header nav.secondary > ul > li > a {
  height: calc(var(--large-header) / 3);
  line-height: calc(var(--large-header) / 3);
}

body.header-14-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  top: calc(var(--large-header) / 2 - 7px) !important;
}

html[dir=ltr] body.header-14-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  right: 0 !important;
  left: auto !important;
}

html[dir=rtl] body.header-14-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  left: 0 !important;
  right: auto !important;
}

/* CTA Navigation */
body.header-14-lg header#site-header nav.cta-links {
  display: -ms-flexbox;
  display: flex;
  height: calc(var(--large-header) / 2);
  z-index: 602;
}

html[dir=ltr] body.header-14-lg header#site-header nav.cta-links {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-14-lg header#site-header nav.cta-links {
  margin-left: var(--base-half-spacing);
}

body.header-14-lg header#site-header nav.cta-links .btn {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  -ms-align-self: center;
  align-self: center;
}

html[dir=ltr] body.header-14-lg header#site-header nav.cta-links .btn + .btn {
  margin-left: 2.5px;
  margin-right: 0;
}

html[dir=rtl] body.header-14-lg header#site-header nav.cta-links .btn + .btn {
  margin-right: 2.5px;
  margin-left: 0;
}

/* Shopping Cart */
body.header-14-lg header#site-header nav.shopping-cart {
  width: 40px;
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-14-lg header#site-header nav.shopping-cart {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-14-lg header#site-header nav.shopping-cart {
  margin-left: var(--base-half-spacing);
}

body.header-14-lg header#site-header nav.shopping-cart button.open-cart,
html#ecwid_html.usn body#ecwid_body.header-14-lg header#site-header .ec-cart-widget,
html#ecwid_html.usn body#ecwid_body.header-14-lg header#site-header .ec-cart-widget .ec-minicart,
html#ecwid_html.usn body#ecwid_body.header-14-lg header#site-header .ec-cart-widget .ec-minicart__body,
html#ecwid_html.usn body#ecwid_body.header-14-lg header#site-header .ec-cart-widget .ec-minicart__body .ec-minicart__wrap {
  width: 40px;
  height: calc(var(--large-header) / 2);
}

/* Site Search */
html[dir=ltr] body.header-14-lg header#site-header .site-search {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-14-lg header#site-header .site-search {
  margin-left: var(--base-half-spacing);
}

body.header-14-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .expand-search {
  position: relative;
  top: 50%;
  width: 40px;
  height: calc(var(--large-header) / 2);
  padding: 0;
  text-align: center;
  transform: translateY(-50%);
}

body.header-14-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .expand-search i.icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

html[dir=ltr] body.header-14-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search form {
  right: 40px;
}

html[dir=rtl] body.header-14-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search form {
  left: 40px;
}

/* On scroll */
html.nav-up body.header-14-lg.show_header-on-scroll-lg header#site-header {
  top: calc(var(--large-header) / 2 * -1);
}

body.header-14-lg header#site-header .container,
body.header-14-lg header#site-header .row::after,
body.header-14-lg header#site-header #logo,
body.header-14-lg header#site-header #logo::after,
body.header-14-lg header#site-header #logo picture,
body.header-14-lg header#site-header #logo img,
body.header-14-lg header#site-header #logo.no-image span,
body.header-14-lg header#site-header nav.main {
  -webkit-transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
  transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}

html.nav-up body.header-14-lg.show_header-on-scroll-lg header#site-header .row::after {
  opacity: 0;
}

html.nav-up body.show_header-on-scroll-lg.header-14-lg:not(.no-header) header#site-header #logo {
  top: calc(var(--large-header) / 2);
  padding: calc(var(--logo_lg-padding_top) / 2) calc(var(--logo_lg-padding_right) / 2) calc(var(--logo_lg-padding_bottom) / 2) calc(var(--logo_lg-padding_left) / 2);
  height: calc(var(--large-header) / 2);
}

html.nav-up body.show_header-on-scroll-lg.header-14-lg header#site-header #logo::after {
  height: calc(var(--large-header) / 2);
}

html.nav-up body.show_header-on-scroll-lg.header-14-lg:not(.no-header) header#site-header #logo picture,
html.nav-up body.show_header-on-scroll-lg.header-14-lg:not(.no-header) header#site-header #logo img {
  height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) / 2 - var(--logo_lg-padding_bottom) / 2);
  max-height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) / 2 - var(--logo_lg-padding_bottom) / 2);
}

/*html.nav-up body.show_header-on-scroll-lg.header-14-lg:not(.no-header) header#site-header #logo img[src*="svg"] {
    width:50%;
}*/
html.nav-up body.show_header-on-scroll-lg.header-14-lg:not(.no-header) header#site-header #logo.no-image span {
  height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) / 2 - var(--logo_lg-padding_bottom) / 2);
}

html.nav-up body.show_header-on-scroll-lg.header-14-lg:not(.no-header) header#site-header nav.main {
  top: calc(var(--large-header) / 2);
}

/*  
---------------------------------------------------
Header large screens 15
---------------------------------------------------  
*/
/* Header */
body.header-15-lg header#site-header {
  position: fixed;
  top: 0 !important;
  bottom: 0 !important;
  overflow-x: none;
  overflow-y: auto;
  width: var(--large-header);
  height: 100vh;
  box-shadow: var(--header-box-shadow_h) var(--header-box-shadow_v) var(--header-box-shadow_b) rgba(var(--true-black), var(--header-box-shadow_o));
  -webkit-transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
  transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}

html[dir=ltr] body.header-15-lg header#site-header {
  left: 0;
}

html[dir=rtl] body.header-15-lg header#site-header {
  right: 0;
}

html:not(.reveal-out) body.transparent-header-lg.header-15-lg header#site-header {
  width: var(--large-header);
  max-width: var(--large-header);
}

html.reveal-out body.header-15-lg header#site-header {
  padding-bottom: 0;
}

/* Header BG */
html.reveal-out body.header-15-lg header#site-header,
html.reveal-out body.header-15-lg header#site-header.header-bg-solid,
body.header-15-lg header#site-header::after,
body.header-15-lg header#site-header.header-bg-solid::after {
  background: rgba(var(--header-bg-color1), 1);
}

html.reveal-out body.header-15-lg header#site-header.header-bg-linear,
body.header-15-lg header#site-header.header-bg-linear::after {
  background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-15-lg header#site-header.header-bg-radial,
body.header-15-lg header#site-header.header-bg-radial::after {
  background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-15-lg.transparent-header-lg header#site-header,
html.reveal-out body.header-15-lg.transparent-header-lg header#site-header.header-bg-solid {
  background: rgba(var(--header-bg-color1), 1);
}

html.reveal-out body.header-15-lg.transparent-header-lg header#site-header.header-bg-linear {
  background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-15-lg.transparent-header-lg header#site-header.header-bg-radial {
  background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.nav-down:not(.reached-top):not(.reveal-out) body.header-15-lg.transparent-header-lg header#site-header,
html.nav-up:not(.reached-top):not(.reveal-out) body.header-15-lg.transparent-header-lg header#site-header {
  background: transparent;
}

/* Site */
html[dir=ltr] body.header-15-lg:not(.transparent-header-lg):not(.no-header) #site {
  padding-left: var(--large-header);
}

html[dir=rtl] body.header-15-lg:not(.transparent-header-lg):not(.no-header) #site {
  padding-right: var(--large-header);
}

/* Container */
body.header-15-lg header#site-header .container-fluid,
body.header-15-lg header#site-header .container {
  position: relative;
  margin: 0;
  padding: 0;
}

/* Row */
body.header-15-lg header#site-header .row {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-justify-content: start;
  justify-content: start;
  -ms-flex-item-align: flex-start;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

body.header-15-lg header#site-header #logo,
body.header-15-lg header#site-header nav.main,
body.header-15-lg header#site-header .site-search,
body.header-15-lg header#site-header nav.secondary,
body.header-15-lg header#site-header nav.cta-links,
body.header-15-lg header#site-header nav.shopping-cart {
  width: 100%;
}

/* Logo */
body.header-15-lg header#site-header #logo {
  -ms-flex-order: 1;
  order: 1;
  height: auto;
}

body.header-15-lg header#site-header #logo.no-image span {
  height: auto;
}

body.header-15-lg header#site-header nav.main {
  -ms-flex-order: 3;
  order: 3;
  padding: 0 0 var(--base-half-spacing);
}

body.header-15-lg header#site-header nav.cta-links {
  -ms-flex-order: 4;
  order: 4;
  padding: 0 var(--base-half-spacing) var(--base-half-spacing);
}

body.header-15-lg header#site-header .site-search {
  -ms-flex-order: 5;
  order: 5;
  padding: 0 var(--base-half-spacing) var(--base-half-spacing);
}

body.header-15-lg header#site-header nav.secondary {
  -ms-flex-order: 6;
  order: 6;
  padding: 0 0 var(--base-half-spacing);
}

body.header-15-lg header#site-header nav.shopping-cart {
  -ms-flex-order: 7;
  order: 7;
}

/* Main Navigation */
body.header-15-lg header#site-header nav.main {
  height: auto;
}

body.header-15-lg header#site-header nav.main > ul {
  display: block;
}

body.header-15-lg header#site-header nav.main ul li span::before {
  display: none !important;
}

body.header-15-lg header#site-header .has-child > .expand-subpages,
body.header-15-lg header#site-header nav.main ul li.has-child > span::after {
  font-size: 20px;
  cursor: pointer;
  height: 100%;
  padding-top: 0;
  top: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-items: center;
  -ms-justify-content: center;
  justify-content: center;
}

body.header-15-lg header#site-header .has-child > .expand-subpages {
  height: 100%;
  top: 0;
  z-index: 100;
  transform: none;
}

body.header-15-lg header#site-header nav.main > ul > li > span > a,
body.header-15-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding: var(--base-half-spacing);
}

body.header-15-lg header#site-header nav.main ul ul > li > span > a,
body.header-15-lg header#site-header nav.main ul li.has-child ul span a {
  padding: calc(var(--base-half-spacing) / 2) var(--base-half-spacing);
}

body.header-15-lg header#site-header nav.main ul ul {
  display: none;
  position: relative !important;
  left: auto !important;
}

body.header-15-lg header#site-header nav.main ul ul {
  padding: 0;
}

body.header-15-lg header#site-header nav.main ul > li.open-child_mobile > ul {
  display: block;
}

html[dir=ltr] body.header-15-lg header#site-header nav.main ul li i.before {
  margin-left: 10px;
}

html[dir=rtl] body.header-15-lg header#site-header nav.main ul li i.before {
  margin-right: 10px;
}

/* Site Search */
body.header-15-lg header#site-header .site-search .expand-search {
  display: none;
}

/* Secondary Navigation */
body.header-15-lg header#site-header nav.secondary > ul {
  display: block;
}

body.header-15-lg header#site-header nav.secondary > ul > li > span > div,
body.header-15-lg header#site-header nav.secondary > ul > li > span > a,
body.header-15-lg header#site-header nav.secondary > ul > li > a {
  padding: calc(var(--base-half-spacing) / 2) var(--base-half-spacing);
  width: 100%;
  display: block;
}

body.header-15-lg header#site-header nav.secondary ul li {
  clear: both;
}

body.header-15-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  width: 100%;
  border: 0 none;
  position: relative !important;
  top: auto !important;
  right: 0 !important;
  left: 0 !important;
  transform: none !important;
  padding: calc(var(--base-half-spacing) / 2) 0;
}

body.header-15-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu > a {
  background: none;
  padding: calc(var(--base-half-spacing) / 2) var(--base-half-spacing);
}

/* CTA Links */
body.header-15-lg header#site-header nav.cta-links .btn {
  display: block;
}

body.header-15-lg header#site-header nav.cta-links .btn + .btn {
  margin: 10px 0 0;
}

/* Shopping Cart */
body.header-15-lg header#site-header nav.shopping-cart {
  position: relative;
  top: auto;
  width: var(--large-header);
  height: 40px;
}

body.header-15-lg header#site-header nav.shopping-cart i {
  height: 22px;
  transform: translateY(-50%);
}

html[dir=ltr] body.header-15-lg header#site-header nav.shopping-cart i {
  left: var(--base-half-spacing);
}

html[dir=rtl] body.header-15-lg header#site-header nav.shopping-cart i {
  right: var(--base-half-spacing);
}

body.header-15-lg header#site-header nav.shopping-cart button.open-cart,
html#ecwid_html.usn body#ecwid_body.header-15-lg header#site-header nav.shopping-cart .ec-cart-widget,
html#ecwid_html.usn body#ecwid_body.header-15-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart,
html#ecwid_html.usn body#ecwid_body.header-15-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__body,
html#ecwid_html.usn body#ecwid_body.header-15-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__body .ec-minicart__wrap {
  width: 100%;
  height: 100%;
}

html[dir=ltr] body.header-15-lg header#site-header nav.shopping-cart button.open-cart,
html[dir=ltr]#ecwid_html.usn body#ecwid_body.header-15-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__body .ec-minicart__wrap {
  padding-left: var(--base-half-spacing);
}

html[dir=rtl] body.header-15-lg header#site-header nav.shopping-cart button.open-cart,
html[dir=rtl]#ecwid_html.usn body#ecwid_body.header-15-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__body .ec-minicart__wrap {
  padding-right: var(--base-half-spacing);
}

body.header-15-lg header#site-header nav.shopping-cart span.amount,
html#ecwid_html.usn body#ecwid_body.header-15-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__counter {
  transform: translateY(-50%);
}

html[dir=ltr] body.header-15-lg header#site-header nav.shopping-cart span.amount,
html[dir=ltr]#ecwid_html.usn body#ecwid_body.header-15-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__counter {
  left: 25px !important;
}

html[dir=rtl] body.header-15-lg header#site-header nav.shopping-cart span.amount,
html[dir=rtl]#ecwid_html.usn body#ecwid_body.header-15-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__counter {
  right: 25px !important;
  left: auto !important;
}

/*  
---------------------------------------------------
Header large screens 16
---------------------------------------------------  
*/
/* Header */
body.header-16-lg header#site-header {
  position: fixed;
  top: 0 !important;
  bottom: 0 !important;
  overflow-x: none;
  overflow-y: auto;
  width: var(--large-header);
  height: 100vh;
  box-shadow: var(--header-box-shadow_h) var(--header-box-shadow_v) var(--header-box-shadow_b) rgba(var(--true-black), var(--header-box-shadow_o));
  -webkit-transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
  transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}

html[dir=ltr] body.header-16-lg header#site-header {
  right: 0;
}

html[dir=rtl] body.header-16-lg header#site-header {
  left: 0;
}

html:not(.reveal-out) body.transparent-header-lg.header-16-lg header#site-header {
  width: var(--large-header);
  max-width: var(--large-header);
}

html.reveal-out body.header-16-lg header#site-header {
  padding-bottom: 0;
}

/* Header BG */
html.reveal-out body.header-16-lg header#site-header,
html.reveal-out body.header-16-lg header#site-header.header-bg-solid,
body.header-16-lg header#site-header::after,
body.header-16-lg header#site-header.header-bg-solid::after {
  background: rgba(var(--header-bg-color1), 1);
}

html.reveal-out body.header-16-lg header#site-header.header-bg-linear,
body.header-16-lg header#site-header.header-bg-linear::after {
  background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-16-lg header#site-header.header-bg-radial,
body.header-16-lg header#site-header.header-bg-radial::after {
  background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-16-lg.transparent-header-lg header#site-header,
html.reveal-out body.header-16-lg.transparent-header-lg header#site-header.header-bg-solid {
  background: rgba(var(--header-bg-color1), 1);
}

html.reveal-out body.header-16-lg.transparent-header-lg header#site-header.header-bg-linear {
  background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-16-lg.transparent-header-lg header#site-header.header-bg-radial {
  background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.nav-down:not(.reached-top):not(.reveal-out) body.header-16-lg.transparent-header-lg header#site-header,
html.nav-up:not(.reached-top):not(.reveal-out) body.header-16-lg.transparent-header-lg header#site-header {
  background: transparent;
}

/* Site */
html[dir=ltr] body.header-16-lg:not(.transparent-header-lg):not(.no-header) #site {
  padding-right: var(--large-header);
}

html[dir=rtl] body.header-16-lg:not(.transparent-header-lg):not(.no-header) #site {
  padding-left: var(--large-header);
}

/* Container */
body.header-16-lg header#site-header .container-fluid,
body.header-16-lg header#site-header .container {
  position: relative;
  margin: 0;
  padding: 0;
}

/* Row */
body.header-16-lg header#site-header .row {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-justify-content: start;
  justify-content: start;
  -ms-flex-item-align: flex-start;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

body.header-16-lg header#site-header #logo,
body.header-16-lg header#site-header nav.main,
body.header-16-lg header#site-header .site-search,
body.header-16-lg header#site-header nav.secondary,
body.header-16-lg header#site-header nav.cta-links,
body.header-16-lg header#site-header nav.shopping-cart {
  width: 100%;
}

/* Logo */
body.header-16-lg header#site-header #logo {
  -ms-flex-order: 1;
  order: 1;
  height: auto;
}

body.header-16-lg header#site-header #logo.no-image span {
  height: auto;
}

body.header-16-lg header#site-header nav.main {
  -ms-flex-order: 3;
  order: 3;
  padding: 0 0 var(--base-half-spacing);
}

body.header-16-lg header#site-header nav.cta-links {
  -ms-flex-order: 4;
  order: 4;
  padding: 0 var(--base-half-spacing) var(--base-half-spacing);
}

body.header-16-lg header#site-header .site-search {
  -ms-flex-order: 5;
  order: 5;
  padding: 0 var(--base-half-spacing) var(--base-half-spacing);
}

body.header-16-lg header#site-header nav.secondary {
  -ms-flex-order: 6;
  order: 6;
  padding: 0 0 var(--base-half-spacing);
}

body.header-16-lg header#site-header nav.shopping-cart {
  -ms-flex-order: 7;
  order: 7;
}

/* Main Navigation */
body.header-16-lg header#site-header nav.main {
  height: auto;
}

body.header-16-lg header#site-header nav.main > ul {
  display: block;
}

body.header-16-lg header#site-header nav.main ul li span::before {
  display: none !important;
}

body.header-16-lg header#site-header .has-child > .expand-subpages,
body.header-16-lg header#site-header nav.main ul li.has-child > span::after {
  font-size: 20px;
  cursor: pointer;
  height: 100%;
  padding-top: 0;
  top: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-items: center;
  -ms-justify-content: center;
  justify-content: center;
}

body.header-16-lg header#site-header .has-child > .expand-subpages {
  height: 100%;
  top: 0;
  z-index: 100;
  transform: none;
}

body.header-16-lg header#site-header nav.main > ul > li > span > a,
body.header-16-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding: var(--base-half-spacing);
}

body.header-16-lg header#site-header nav.main ul ul > li > span > a,
body.header-16-lg header#site-header nav.main ul li.has-child ul span a {
  padding: calc(var(--base-half-spacing) / 2) var(--base-half-spacing);
}

body.header-16-lg header#site-header nav.main ul ul {
  display: none;
  position: relative !important;
  left: auto !important;
}

body.header-16-lg header#site-header nav.main ul ul {
  padding: 0;
}

body.header-16-lg header#site-header nav.main ul > li.open-child_mobile > ul {
  display: block;
}

html[dir=ltr] body.header-16-lg header#site-header nav.main ul li i.before {
  margin-left: 10px;
}

html[dir=rtl] body.header-16-lg header#site-header nav.main ul li i.before {
  margin-right: 10px;
}

/* Site Search */
body.header-16-lg header#site-header .site-search .expand-search {
  display: none;
}

/* Secondary Navigation */
body.header-16-lg header#site-header nav.secondary > ul {
  display: block;
}

body.header-16-lg header#site-header nav.secondary > ul > li > span > div,
body.header-16-lg header#site-header nav.secondary > ul > li > span > a,
body.header-16-lg header#site-header nav.secondary > ul > li > a {
  padding: calc(var(--base-half-spacing) / 2) var(--base-half-spacing);
  width: 100%;
  display: block;
}

body.header-16-lg header#site-header nav.secondary ul li {
  clear: both;
}

body.header-16-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  width: 100%;
  border: 0 none;
  position: relative !important;
  top: auto !important;
  right: 0 !important;
  left: 0 !important;
  transform: none !important;
  padding: calc(var(--base-half-spacing) / 2) 0;
}

body.header-16-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu > a {
  background: none;
  padding: calc(var(--base-half-spacing) / 2) var(--base-half-spacing);
}

/* CTA Links */
body.header-16-lg header#site-header nav.cta-links .btn {
  display: block;
}

body.header-16-lg header#site-header nav.cta-links .btn + .btn {
  margin: 10px 0 0;
}

/* Shopping Cart */
body.header-16-lg header#site-header nav.shopping-cart {
  position: relative;
  top: auto;
  width: var(--large-header);
  height: 40px;
}

body.header-16-lg header#site-header nav.shopping-cart i {
  height: 22px;
  transform: translateY(-50%);
}

html[dir=ltr] body.header-16-lg header#site-header nav.shopping-cart i {
  left: var(--base-half-spacing);
}

html[dir=rtl] body.header-16-lg header#site-header nav.shopping-cart i {
  right: var(--base-half-spacing);
}

body.header-16-lg header#site-header nav.shopping-cart button.open-cart,
html#ecwid_html.usn body#ecwid_body.header-16-lg header#site-header nav.shopping-cart .ec-cart-widget,
html#ecwid_html.usn body#ecwid_body.header-16-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart,
html#ecwid_html.usn body#ecwid_body.header-16-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__body,
html#ecwid_html.usn body#ecwid_body.header-16-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__body .ec-minicart__wrap {
  width: 100%;
  height: 100%;
}

html[dir=ltr] body.header-16-lg header#site-header nav.shopping-cart button.open-cart,
html[dir=ltr]#ecwid_html.usn body#ecwid_body.header-16-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__body .ec-minicart__wrap {
  padding-left: var(--base-half-spacing);
}

html[dir=rtl] body.header-16-lg header#site-header nav.shopping-cart button.open-cart,
html[dir=rtl]#ecwid_html.usn body#ecwid_body.header-16-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__body .ec-minicart__wrap {
  padding-right: var(--base-half-spacing);
}

body.header-16-lg header#site-header nav.shopping-cart span.amount,
html#ecwid_html.usn body#ecwid_body.header-16-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__counter {
  transform: translateY(-50%);
}

html[dir=ltr] body.header-16-lg header#site-header nav.shopping-cart span.amount,
html[dir=ltr]#ecwid_html.usn body#ecwid_body.header-16-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__counter {
  left: 25px !important;
}

html[dir=rtl] body.header-16-lg header#site-header nav.shopping-cart span.amount,
html[dir=rtl]#ecwid_html.usn body#ecwid_body.header-16-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__counter {
  right: 25px !important;
  left: auto !important;
}

/*  
---------------------------------------------------
Header large screens 17
---------------------------------------------------  
*/
/* Header */
body.header-17-lg header#site-header {
  overflow: hidden;
}

html.reveal-out body.header-17-lg header#site-header,
html.reveal-out body.header-17-lg header#site-header.header-bg-solid {
  background: rgba(var(--header-bg-color1), 1);
}

html.reveal-out body.header-17-lg header#site-header.header-bg-linear {
  background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-17-lg header#site-header.header-bg-radial {
  background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-17-lg.transparent-header-lg header#site-header,
html.reveal-out body.header-17-lg.transparent-header-lg header#site-header.header-bg-solid {
  background: rgba(var(--header-bg-color1), 1);
}

html.reveal-out body.header-17-lg.transparent-header-lg header#site-header.header-bg-linear {
  background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-17-lg.transparent-header-lg header#site-header.header-bg-radial {
  background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

/* Row */
body.header-17-lg header#site-header .row {
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: var(--large-header);
  padding-bottom: var(--large-header);
}

/* Logo */
body.header-17-lg header#site-header #logo {
  position: absolute;
  left: 50%;
  z-index: 501;
  transform: translateX(-50%);
  -ms-flex-order: 2;
  order: 2;
}

/* Shopping Cart */
body.header-17-lg header#site-header nav.shopping-cart {
  -ms-flex-order: 3;
  order: 3;
  height: var(--large-header);
  position: absolute;
  top: 0;
}

html[dir=ltr] body.header-17-lg header#site-header nav.shopping-cart {
  left: var(--large-header);
}

html[dir=rtl] body.header-17-lg header#site-header nav.shopping-cart {
  right: var(--large-header);
}

body.header-17-lg header#site-header nav.shopping-cart button.open-cart,
html#ecwid_html.usn body#ecwid_body.header-17-lg header#site-header nav.shopping-cart .ec-cart-widget,
html#ecwid_html.usn body#ecwid_body.header-17-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart,
html#ecwid_html.usn body#ecwid_body.header-17-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__body,
html#ecwid_html.usn body#ecwid_body.header-17-lg header#site-header .ec-cart-widget .ec-minicart__body .ec-minicart__wrap {
  height: var(--large-header);
}

/* Main Navigation */
body.header-17-lg header#site-header nav.main {
  -ms-flex-order: 4;
  order: 4;
  height: auto;
  width: 100%;
  text-align: center;
}

body.header-17-lg header#site-header nav.main > ul {
  display: block;
}

body.header-17-lg header#site-header nav.main ul {
  max-width: 768px;
  margin: 0 auto;
}

body.header-17-lg header#site-header nav.main ul li span::before {
  display: none !important;
}

body.header-17-lg header#site-header .has-child > .expand-subpages,
body.header-17-lg header#site-header nav.main ul li.has-child > span::after {
  font-size: 25px;
  cursor: pointer;
  height: auto;
  min-height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
  padding-top: 0;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

body.header-17-lg header#site-header .has-child > .expand-subpages {
  height: 100%;
  top: 0;
  z-index: 100;
  transform: none;
}

body.header-17-lg header#site-header nav.main > ul > li > span > a,
body.header-17-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding: var(--base-spacing) calc(var(--base-spacing) * 2);
  min-height: calc(var(--large-header) / 2);
}

body.header-17-lg header#site-header nav.main ul ul > li > span > a,
body.header-17-lg header#site-header nav.main ul li.has-child ul span a {
  padding: var(--base-half-spacing) calc(var(--base-half-spacing) * 2);
}

body.header-17-lg header#site-header nav.main ul ul {
  display: none;
  position: relative !important;
  left: auto !important;
}

body.header-17-lg header#site-header nav.main ul ul {
  padding: 0;
}

body.header-17-lg header#site-header nav.main ul ul::before {
  content: "";
  display: block;
  width: 30px;
  height: var(--base-border-width);
  margin: 5px auto var(--base-half-spacing);
  background: rgba(var(--header-highlight), 1);
}

body.header-17-lg header#site-header nav.main ul > li.open-child_mobile > ul {
  display: block;
}

html[dir=ltr] body.header-17-lg header#site-header nav.main ul li i.before {
  margin-left: 10px;
}

html[dir=rtl] body.header-17-lg header#site-header nav.main ul li i.before {
  margin-right: 10px;
}

/* Site Search */
body.header-17-lg header#site-header .site-search {
  -ms-flex-order: 5;
  order: 5;
  padding: calc(var(--base-spacing) * 1.5) var(--base-spacing) 0;
  margin: 0 auto;
  width: 100%;
  max-width: 460px;
}

body.header-17-lg header#site-header .site-search .expand-search {
  display: none;
}

/* Secondary Navigation */
body.header-17-lg header#site-header nav.secondary {
  -ms-flex-order: 6;
  order: 6;
  padding: var(--base-spacing) 0 0;
  width: 100%;
}

body.header-17-lg header#site-header nav.secondary > ul {
  display: block;
  text-align: center;
}

body.header-17-lg header#site-header nav.secondary > ul > li > span > div,
body.header-17-lg header#site-header nav.secondary > ul > li > span > a,
body.header-17-lg header#site-header nav.secondary > ul > li > a {
  padding: calc(var(--base-half-spacing) / 1.5);
  width: 100%;
  display: block;
}

body.header-17-lg header#site-header nav.secondary ul li {
  clear: both;
}

body.header-17-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  width: 100%;
  border: 0 none;
  position: relative !important;
  top: auto !important;
  right: 0 !important;
  left: 0 !important;
  transform: none !important;
  padding: calc(var(--base-half-spacing) / 2) 0;
}

body.header-17-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu > a {
  background: none;
  padding: calc(var(--base-half-spacing) / 2);
  text-align: center;
}

/* Burger expand */
body.header-17-lg header#site-header .expand-header {
  display: block;
  width: var(--large-header);
  height: var(--large-header);
}

html[dir=ltr] body.header-17-lg header#site-header .expand-header {
  left: 0;
}

html[dir=rtl] body.header-17-lg header#site-header .expand-header {
  right: 0;
}

body.header-17-lg header#site-header .container .expand-header {
  width: 30px;
}

html[dir=ltr] body.header-17-lg header#site-header .container .expand-header {
  left: var(--base-half-spacing);
}

html[dir=rtl] body.header-17-lg header#site-header .container .expand-header {
  right: var(--base-half-spacing);
}

/* CTA Links */
body.header-17-lg header#site-header nav.cta-links {
  -ms-flex-order: 1;
  order: 1;
  position: relative;
  top: calc(var(--large-header) * -1);
  z-index: 0;
  z-index: 601;
  height: var(--large-header);
}

html[dir=ltr] body.header-17-lg header#site-header nav.cta-links {
  margin-left: auto;
  right: var(--base-spacing);
}

html[dir=rtl] body.header-17-lg header#site-header nav.cta-links {
  margin-right: auto;
  left: var(--base-spacing);
}

body.header-17-lg header#site-header nav.cta-links .btn {
  position: relative;
  top: 50%;
  transform: translateY(-50%) translateX(0);
}

html[dir=ltr] body.header-17-lg header#site-header nav.cta-links .btn + .btn {
  margin: 0 5px 0 -2px;
}

html[dir=rtl] body.header-17-lg header#site-header nav.cta-links .btn + .btn {
  margin: 0 -2px 0 5px;
}

/* Shopping Cart */
html[dir=ltr] body.header-17-lg header#site-header nav.shopping-cart {
  left: var(--large-header);
  right: auto;
}

html[dir=rtl] body.header-17-lg header#site-header nav.shopping-cart {
  right: var(--large-header);
  left: auto;
}

/* Animate in */
html.reveal-out body.header-17-lg header#site-header nav.main > ul > li {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

html.reveal-out body.header-17-lg header#site-header .site-search,
html.reveal-out body.header-17-lg header#site-header nav.secondary > ul > li {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*  
---------------------------------------------------
Header large screens 18
---------------------------------------------------  
*/
/* Row */
body.header-18-lg:not(.transparent-header-lg) header#site-header {
  box-shadow: var(--header-box-shadow_h) var(--header-box-shadow_v) var(--header-box-shadow_b) rgba(var(--true-black), var(--header-box-shadow_o));
}

body.header-18-lg header#site-header .container-fluid::after,
body.header-18-lg header#site-header .container::after {
  content: "";
  position: absolute;
  top: calc(var(--large-header) / 2);
  right: var(--base-half-spacing);
  left: var(--base-half-spacing);
  z-index: -1;
  height: var(--base-border-width);
  background-color: rgba(var(--header-borders), 1);
}

body.header-18-lg header#site-header .row {
  position: relative;
  height: var(--large-header);
  -ms-align-items: flex-end;
  align-items: flex-end;
}

body.header-18-lg header#site-header .row::before {
  content: "";
  width: 1px;
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-18-lg header#site-header .row::before {
  margin-left: auto;
}

html[dir=rtl] body.header-18-lg header#site-header .row::before {
  margin-right: auto;
}

body.header-18-lg header#site-header .row::after {
  content: "";
  width: 100%;
  height: var(--base-border-width);
}

/* Logo */
body.header-18-lg header#site-header #logo {
  padding: 0 var(--logo_lg-padding_right) 0 var(--logo_lg-padding_left);
  height: calc(var(--large-header) / 2);
}

body.header-18-lg header#site-header #logo:not(.no-image) {
  padding: var(--logo_lg-padding_top) var(--logo_lg-padding_right) var(--logo_lg-padding_bottom) var(--logo_lg-padding_left);
}

body.header-18-lg header#site-header #logo picture,
body.header-18-lg header#site-header #logo img {
  height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) - var(--logo_lg-padding_bottom));
  max-height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) - var(--logo_lg-padding_bottom));
}

body.header-18-lg header#site-header #logo.no-image span {
  height: calc(var(--large-header) / 2 - var(--logo_lg-padding_top) - var(--logo_lg-padding_bottom));
  line-height: calc(var(--large-header) / 2);
}

/* Orders */
body.header-18-lg header#site-header #logo {
  -ms-flex-order: 1;
  order: 1;
  -ms-align-self: start;
  align-self: start;
  flex: 0 0 1;
}

body.header-18-lg header#site-header .row::before {
  -ms-flex-order: 2;
  order: 2;
  -ms-align-self: flex-start;
  align-self: flex-start;
  flex: 0;
}

body.header-18-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  -ms-flex-order: 3;
  order: 3;
  -ms-align-self: flex-start;
  align-self: flex-start;
  flex: 1;
}

body.header-18-lg header#site-header nav.cta-links {
  -ms-flex-order: 4;
  order: 4;
  -ms-align-self: flex-start;
  align-self: flex-start;
  flex: 0 1 auto;
}

body.header-18-lg header#site-header nav.shopping-cart {
  -ms-flex-order: 5;
  order: 5;
  -ms-align-self: flex-start;
  align-self: flex-start;
  flex: 1;
}

body.header-18-lg header#site-header .row::after {
  -ms-flex-order: 6;
  order: 6;
  -ms-align-self: flex-start;
  align-self: flex-start;
  flex: 1 0 100%;
}

body.header-18-lg header#site-header nav.main {
  -ms-flex-order: 7;
  order: 7;
  -ms-align-self: flex-end;
  align-self: flex-end;
  flex: 1;
}

body.header-18-lg header#site-header nav.secondary {
  -ms-flex-order: 8;
  order: 8;
  -ms-align-self: flex-end;
  align-self: flex-end;
  flex: 0;
}

/* Main Navigation */
body.header-18-lg header#site-header nav.main {
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-18-lg header#site-header nav.main {
  margin-right: auto;
}

html[dir=rtl] body.header-18-lg header#site-header nav.main {
  margin-left: auto;
}

body.header-18-lg header#site-header nav.main > ul > li {
  height: calc(var(--large-header) / 2);
}

body.header-18-lg header#site-header nav.main > ul > li > span > a {
  height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
}

body.header-18-lg header#site-header .has-child > .expand-subpages,
body.header-18-lg header#site-header nav.main > ul > li.has-child > span::after {
  height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
}

body.header-18-lg header#site-header nav.main > ul > li > span > a {
  padding: 0 var(--base-half-spacing);
}

body.header-18-lg header#site-header nav.main > ul > li > span::before {
  top: calc(var(--large-header) / 2 - var(--base-border-width) * 2);
  right: var(--base-half-spacing);
  left: var(--base-half-spacing);
  border-radius: var(--base-border-radius);
  width: 0;
  height: calc(var(--base-border-width) * 2);
}

html.no-touch body.header-18-lg header#site-header nav.main > ul > li:hover > span::before,
body.header-18-lg header#site-header nav.main > ul > li:focus > span::before,
body.header-18-lg header#site-header nav.main > ul > li:active > span::before,
body.header-18-lg header#site-header nav.main > ul > li.active > span::before,
body.header-18-lg header#site-header nav.main > ul > li.open-child > span::before {
  height: calc(var(--base-border-width) * 2);
  width: calc(100% - var(--base-half-spacing) - var(--base-half-spacing));
}

body.header-18-lg header#site-header nav.main > ul > li:focus-within > span::before {
  height: var(--base-border-width);
  width: calc(100% - var(--base-half-spacing) - var(--base-half-spacing));
}

html.no-touch body.header-18-lg header#site-header nav.main > ul > li.has-child:hover > span::before,
body.header-18-lg header#site-header nav.main > ul > li.has-child:focus > span::before,
body.header-18-lg header#site-header nav.main > ul > li.has-child:active > span::before,
body.header-18-lg header#site-header nav.main > ul > li.has-child.active > span::before,
body.header-18-lg header#site-header nav.main > ul > li.has-child.open-child > span::before {
  width: calc(100% - var(--base-half-spacing) - 20px);
}

body.header-18-lg header#site-header nav.main > ul > li.has-child:focus-within > span::before {
  width: calc(100% - var(--base-half-spacing) - 20px);
}

html[dir=ltr] body.header-18-lg header#site-header nav.main > ul > li.has-child > span::before {
  right: 20px;
}

html[dir=rtl] body.header-18-lg header#site-header nav.main > ul > li.has-child > span::before {
  left: 20px;
}

body.header-18-lg header#site-header .has-child > .expand-subpages,
body.header-18-lg header#site-header nav.main ul li.has-child > span::after {
  width: 20px;
}

html[dir=ltr] body.header-18-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-right: 20px;
}

html[dir=rtl] body.header-18-lg header#site-header nav.main > ul > li.has-child > span > a {
  padding-left: 20px;
}

/* Main Navigation - Dropdowns */
body.header-18-lg header#site-header nav.main ul > li > ul {
  top: calc(var(--large-header) / 2 - 3px);
}

html.no-touch body.header-18-lg header#site-header nav.main ul > li:hover > ul,
body.header-18-lg header#site-header nav.main ul > li.open-child > ul {
  top: calc(var(--large-header) / 2);
}

html.no-touch[dir=ltr] body.header-18-lg header#site-header nav.main > ul > li:hover > ul,
html[dir=ltr] body.header-18-lg header#site-header nav.main > ul > li.open-child > ul {
  left: var(--base-half-spacing);
}

html.no-touch[dir=rtl] body.header-18-lg header#site-header nav.main > ul > li:hover > ul,
html[dir=rtl] body.header-18-lg header#site-header nav.main > ul > li.open-child > ul {
  right: var(--base-half-spacing);
}

body.header-18-lg header#site-header nav.main ul ul > li > ul {
  top: -3px;
}

html.no-touch body.header-18-lg header#site-header nav.main ul ul > li:hover > ul,
body.header-18-lg header#site-header nav.main ul ul > li.open-child > ul {
  top: 0;
}

/* Secondary Navigation */
body.header-18-lg header#site-header nav.secondary {
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-18-lg header#site-header nav.secondary {
  margin-right: var(--base-half-spacing);
  margin-left: auto;
}

html[dir=rtl] body.header-18-lg header#site-header nav.secondary {
  margin-left: var(--base-half-spacing);
  margin-right: auto;
}

body.header-18-lg header#site-header nav.secondary > ul,
body.header-18-lg header#site-header nav.secondary > ul > li > span > div,
body.header-18-lg header#site-header nav.secondary > ul > li > span > a,
body.header-18-lg header#site-header nav.secondary > ul > li > a {
  height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
}

body.header-18-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  top: calc(var(--large-header) / 2 - 3px) !important;
}

html[dir=ltr] body.header-18-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  right: 0 !important;
  left: auto !important;
}

html[dir=rtl] body.header-18-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  left: 0 !important;
  right: auto !important;
}

html[dir=ltr] body.header-18-lg header#site-header nav.secondary ul li.language-selector.dropdown {
  padding-right: 5px;
}

html[dir=rtl] body.header-18-lg header#site-header nav.secondary ul li.language-selector.dropdown {
  padding-left: 5px;
}

/* CTA Navigation */
body.header-18-lg header#site-header nav.cta-links {
  position: relative;
  top: 25%;
  z-index: 602;
  display: flex;
  transform: translateY(-50%);
}

html[dir=ltr] body.header-18-lg header#site-header nav.cta-links {
  padding-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-18-lg header#site-header nav.cta-links {
  padding-left: var(--base-half-spacing);
}

html[dir=ltr] body.header-18-lg header#site-header nav.cta-links .btn + .btn {
  margin-left: 5px;
}

html[dir=rtl] body.header-18-lg header#site-header nav.cta-links .btn + .btn {
  margin-right: 5px;
}

/* Shopping Cart */
body.header-18-lg header#site-header nav.shopping-cart {
  width: 30px;
  max-width: 30px;
  height: calc(var(--large-header) / 2);
}

body.header-18-lg header#site-header nav.shopping-cart button.open-cart,
html#ecwid_html.usn body#ecwid_body.header-18-lg header#site-header nav.shopping-cart .ec-cart-widget,
html#ecwid_html.usn body#ecwid_body.header-18-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart,
html#ecwid_html.usn body#ecwid_body.header-18-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__body,
html#ecwid_html.usn body#ecwid_body.header-18-lg header#site-header .ec-cart-widget .ec-minicart__body .ec-minicart__wrap {
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-18-lg header#site-header nav.shopping-cart {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-18-lg header#site-header nav.shopping-cart {
  margin-left: var(--base-half-spacing);
}

/* Site Search */
body.header-18-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  position: relative;
  top: 25%;
  transform: translateY(-50%);
  height: calc(var(--large-header) / 2);
}

html[dir=ltr] body.header-18-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  padding-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-18-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  padding-left: var(--base-half-spacing);
}

body.header-18-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search form {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

body.header-18-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .form-control {
  width: 100%;
}

/* On scroll */
html.nav-up body.header-18-lg.show_header-on-scroll-lg header#site-header {
  top: calc(var(--large-header) / 2 * -1);
}

body.header-18-lg header#site-header .container,
body.header-18-lg header#site-header .container-fluid::after,
body.header-18-lg header#site-header .container::after {
  -webkit-transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
  transition: top 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}

html.nav-up body.header-18-lg.show_header-on-scroll-lg header#site-header .container {
  width: 100%;
}

html.nav-up body.header-18-lg.show_header-on-scroll-lg header#site-header .container-fluid::after,
html.nav-up body.header-18-lg.show_header-on-scroll-lg header#site-header .container::after {
  opacity: 0;
}

/*  
---------------------------------------------------
Header large screens 19
---------------------------------------------------  
*/
/* Header */
body.header-19-lg header#site-header {
  overflow: hidden;
}

html.reveal-out body.header-19-lg header#site-header,
html.reveal-out body.header-19-lg header#site-header.header-bg-solid {
  background: rgba(var(--header-bg-color1), 1);
}

html.reveal-out body.header-19-lg header#site-header.header-bg-linear {
  background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-19-lg header#site-header.header-bg-radial {
  background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-19-lg.transparent-header-lg header#site-header,
html.reveal-out body.header-19-lg.transparent-header-lg header#site-header.header-bg-solid {
  background: rgba(var(--header-bg-color1), 1);
}

html.reveal-out body.header-19-lg.transparent-header-lg header#site-header.header-bg-linear {
  background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-19-lg.transparent-header-lg header#site-header.header-bg-radial {
  background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

/* Row */
body.header-19-lg header#site-header .row {
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-bottom: var(--large-header);
}

/* Logo */
body.header-19-lg header#site-header #logo {
  -ms-flex-order: 1;
  order: 1;
}

html[dir=ltr] body.header-19-lg header#site-header #logo {
  margin-right: auto;
}

html[dir=rtl] body.header-19-lg header#site-header #logo {
  margin-left: auto;
}

/* Main Navigation */
body.header-19-lg header#site-header nav.main {
  -ms-flex-order: 5;
  order: 5;
  height: auto;
  width: 100%;
}

body.header-19-lg header#site-header nav.main > ul {
  display: block;
}

html[dir=ltr] body.header-19-lg header#site-header nav.main > ul {
  padding-right: var(--logo_lg-padding_left);
}

html[dir=rtl] body.header-19-lg header#site-header nav.main > ul {
  padding-left: var(--logo_lg-padding_left);
}

body.header-19-lg header#site-header nav.main ul li span::before {
  display: none !important;
}

body.header-19-lg header#site-header .has-child > .expand-subpages,
body.header-19-lg header#site-header nav.main ul li.has-child > span::after {
  font-size: 25px;
  cursor: pointer;
  height: auto;
  width: calc(var(--large-header) / 2);
  min-height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
  padding-top: 0;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

body.header-19-lg header#site-header .has-child > .expand-subpages {
  height: 100%;
  top: 0;
  z-index: 100;
  transform: none;
}

body.header-19-lg header#site-header nav.main > ul > li > span > a,
body.header-19-lg header#site-header nav.main > ul > li.has-child > span > a,
body.header-19-lg header#site-header nav.main ul ul > li > span > a,
body.header-19-lg header#site-header nav.main ul li.has-child ul span a {
  padding: var(--base-half-spacing) var(--logo_lg-padding_left);
}

html[dir=ltr] body.header-19-lg header#site-header nav.main > ul > li > span > a,
html[dir=ltr] body.header-19-lg header#site-header nav.main > ul > li.has-child > span > a,
html[dir=ltr] body.header-19-lg header#site-header nav.main ul ul > li > span > a,
html[dir=ltr] body.header-19-lg header#site-header nav.main ul li.has-child ul span a {
  padding-right: calc(var(--large-header) / 2);
}

html[dir=rtl] body.header-19-lg header#site-header nav.main > ul > li > span > a,
html[dir=rtl] body.header-19-lg header#site-header nav.main > ul > li.has-child > span > a,
html[dir=rtl] body.header-19-lg header#site-header nav.main ul ul > li > span > a,
html[dir=rtl] body.header-19-lg header#site-header nav.main ul li.has-child ul span a {
  padding-left: calc(var(--large-header) / 2);
}

body.header-19-lg header#site-header nav.main ul ul {
  display: none;
  position: relative !important;
  left: auto !important;
}

body.header-19-lg header#site-header nav.main ul ul {
  padding: 0;
}

body.header-19-lg header#site-header nav.main ul > li.open-child_mobile > ul {
  display: block;
}

html[dir=ltr] body.header-19-lg header#site-header nav.main ul li i.before {
  margin-right: 10px;
}

html[dir=rtl] body.header-19-lg header#site-header nav.main ul li i.before {
  margin-left: 10px;
}

/* Site Search */
body.header-19-lg header#site-header .site-search {
  -ms-flex-order: 6;
  order: 6;
  padding: calc(var(--base-spacing) * 1.5) var(--logo_lg-padding_left) 0;
}

body.header-19-lg header#site-header .site-search .expand-search {
  display: none;
}

/* Secondary Navigation */
body.header-19-lg header#site-header nav.secondary {
  -ms-flex-order: 7;
  order: 7;
  padding: var(--base-spacing) 0 0;
  width: 100%;
}

body.header-19-lg header#site-header nav.secondary > ul {
  display: block;
}

body.header-19-lg header#site-header nav.secondary > ul > li > span > div,
body.header-19-lg header#site-header nav.secondary > ul > li > span > a,
body.header-19-lg header#site-header nav.secondary > ul > li > a {
  padding: calc(var(--base-half-spacing) / 1.5) var(--logo_lg-padding_left);
  width: 100%;
  display: block;
}

body.header-19-lg header#site-header nav.secondary ul li {
  clear: both;
}

body.header-19-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  width: 100%;
  border: 0 none;
  position: relative !important;
  top: auto !important;
  right: 0 !important;
  left: 0 !important;
  transform: none !important;
  padding: calc(var(--base-half-spacing) / 2) 0;
}

body.header-19-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu > a {
  background: none;
  padding: calc(var(--base-half-spacing) / 2) var(--base-half-spacing);
}

html[dir=ltr] body.header-19-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu > a {
  padding-left: var(--logo_lg-padding_left);
}

html[dir=rtl] body.header-19-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu > a {
  padding-right: var(--logo_lg-padding_left);
}

/* Burger expand */
body.header-19-lg header#site-header .expand-header {
  position: relative;
  display: block;
  -ms-flex-order: 4;
  order: 4;
  width: calc(var(--large-header) / 2);
  height: var(--large-header);
}

html[dir=ltr] body.header-19-lg header#site-header .expand-header {
  margin-right: var(--logo_lg-padding_left);
}

html[dir=rtl] body.header-19-lg header#site-header .expand-header {
  margin-left: var(--logo_lg-padding_left);
}

/* Shopping Cart */
body.header-19-lg header#site-header nav.shopping-cart {
  -ms-flex-order: 3;
  order: 3;
  width: calc(var(--large-header) / 2);
  height: var(--large-header);
}

html[dir=ltr] body.header-19-lg header#site-header nav.shopping-cart {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-19-lg header#site-header nav.shopping-cart {
  margin-left: var(--base-half-spacing);
}

body.header-19-lg header#site-header nav.shopping-cart button.open-cart,
html#ecwid_html.usn body#ecwid_body.header-19-lg header#site-header nav.shopping-cart .ec-cart-widget,
html#ecwid_html.usn body#ecwid_body.header-19-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart,
html#ecwid_html.usn body#ecwid_body.header-19-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__body,
html#ecwid_html.usn body#ecwid_body.header-19-lg header#site-header .ec-cart-widget .ec-minicart__body .ec-minicart__wrap {
  width: calc(var(--large-header) / 2);
  height: var(--large-header);
}

/* CTA Links */
body.header-19-lg header#site-header nav.cta-links {
  -ms-flex-order: 2;
  order: 2;
  height: var(--large-header);
}

html[dir=ltr] body.header-19-lg header#site-header nav.cta-links {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-19-lg header#site-header nav.cta-links {
  margin-left: var(--base-half-spacing);
}

body.header-19-lg header#site-header nav.cta-links .btn {
  position: relative;
  top: 50%;
  transform: translateY(-50%) translateX(0);
}

html[dir=ltr] body.header-19-lg header#site-header nav.cta-links .btn + .btn {
  margin: 0 -2px 0 5px;
}

html[dir=rtl] body.header-19-lg header#site-header nav.cta-links .btn + .btn {
  margin: 0 5px 0 -2px;
}

/* Animate in */
html.reveal-out body.header-19-lg header#site-header nav.main > ul > li {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

html.reveal-out body.header-19-lg header#site-header .site-search,
html.reveal-out body.header-19-lg header#site-header nav.secondary > ul > li {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*  
---------------------------------------------------
Header large screens 20
---------------------------------------------------  
*/
/* Header */
body.header-20-lg header#site-header {
  overflow: hidden;
}

html.reveal-out body.header-20-lg header#site-header,
html.reveal-out body.header-20-lg header#site-header.header-bg-solid {
  background: rgba(var(--header-bg-color1), 1);
}

html.reveal-out body.header-20-lg header#site-header.header-bg-linear {
  background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-20-lg header#site-header.header-bg-radial {
  background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-20-lg.transparent-header-lg header#site-header,
html.reveal-out body.header-20-lg.transparent-header-lg header#site-header.header-bg-solid {
  background: rgba(var(--header-bg-color1), 1);
}

html.reveal-out body.header-20-lg.transparent-header-lg header#site-header.header-bg-linear {
  background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

html.reveal-out body.header-20-lg.transparent-header-lg header#site-header.header-bg-radial {
  background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

/* Row */
body.header-20-lg header#site-header .row {
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-bottom: var(--large-header);
}

/* Logo */
body.header-20-lg header#site-header #logo {
  -ms-flex-order: 2;
  order: 2;
}

html[dir=ltr] body.header-20-lg header#site-header #logo {
  margin-right: auto;
}

html[dir=rtl] body.header-20-lg header#site-header #logo {
  margin-left: auto;
}

/* Main Navigation */
body.header-20-lg header#site-header nav.main {
  -ms-flex-order: 6;
  order: 6;
  height: auto;
  width: 100%;
}

body.header-20-lg header#site-header nav.main > ul {
  display: block;
}

html[dir=ltr] body.header-20-lg header#site-header nav.main > ul {
  padding-right: var(--logo_lg-padding_left);
}

html[dir=rtl] body.header-20-lg header#site-header nav.main > ul {
  padding-left: var(--logo_lg-padding_left);
}

body.header-20-lg header#site-header nav.main ul li span::before {
  display: none !important;
}

body.header-20-lg header#site-header .has-child > .expand-subpages,
body.header-20-lg header#site-header nav.main ul li.has-child > span::after {
  font-size: 25px;
  cursor: pointer;
  height: auto;
  width: calc(var(--large-header) / 2);
  min-height: calc(var(--large-header) / 2);
  line-height: calc(var(--large-header) / 2);
  padding-top: 0;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

body.header-20-lg header#site-header .has-child > .expand-subpages {
  height: 100%;
  top: 0;
  z-index: 100;
  transform: none;
}

body.header-20-lg header#site-header nav.main > ul > li > span > a,
body.header-20-lg header#site-header nav.main > ul > li.has-child > span > a,
body.header-20-lg header#site-header nav.main ul ul > li > span > a,
body.header-20-lg header#site-header nav.main ul li.has-child ul span a {
  padding: var(--base-half-spacing) var(--logo_lg-padding_left);
}

html[dir=ltr] body.header-20-lg header#site-header nav.main > ul > li > span > a,
html[dir=ltr] body.header-20-lg header#site-header nav.main > ul > li.has-child > span > a,
html[dir=ltr] body.header-20-lg header#site-header nav.main ul ul > li > span > a,
html[dir=ltr] body.header-20-lg header#site-header nav.main ul li.has-child ul span a {
  padding-right: calc(var(--large-header) / 2);
}

html[dir=rtl] body.header-20-lg header#site-header nav.main > ul > li > span > a,
html[dir=rtl] body.header-20-lg header#site-header nav.main > ul > li.has-child > span > a,
html[dir=rtl] body.header-20-lg header#site-header nav.main ul ul > li > span > a,
html[dir=rtl] body.header-20-lg header#site-header nav.main ul li.has-child ul span a {
  padding-left: calc(var(--large-header) / 2);
}

body.header-20-lg header#site-header nav.main ul ul {
  display: none;
  position: relative !important;
  left: auto !important;
}

body.header-20-lg header#site-header nav.main ul ul {
  padding: 0;
}

body.header-20-lg header#site-header nav.main ul > li.open-child_mobile > ul {
  display: block;
}

html[dir=ltr] body.header-20-lg header#site-header nav.main ul li i.before {
  margin-right: 10px;
}

html[dir=rtl] body.header-20-lg header#site-header nav.main ul li i.before {
  margin-left: 10px;
}

/* Site Search */
body.header-20-lg header#site-header .site-search {
  -ms-flex-order: 5;
  order: 5;
  padding: var(--base-spacing) var(--logo_lg-padding_left) calc(var(--base-spacing) * 1.5);
}

body.header-20-lg header#site-header .site-search .expand-search {
  display: none;
}

/* Secondary Navigation */
body.header-20-lg header#site-header nav.secondary {
  -ms-flex-order: 7;
  order: 7;
  padding: var(--base-spacing) 0 0;
  width: 100%;
}

body.header-20-lg header#site-header nav.secondary > ul {
  display: block;
}

body.header-20-lg header#site-header nav.secondary > ul > li > span > div,
body.header-20-lg header#site-header nav.secondary > ul > li > span > a,
body.header-20-lg header#site-header nav.secondary > ul > li > a {
  padding: calc(var(--base-half-spacing) / 1.5) var(--logo_lg-padding_left);
  width: 100%;
  display: block;
}

body.header-20-lg header#site-header nav.secondary ul li {
  clear: both;
}

body.header-20-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
  width: 100%;
  border: 0 none;
  position: relative !important;
  top: auto !important;
  right: 0 !important;
  left: 0 !important;
  transform: none !important;
  padding: calc(var(--base-half-spacing) / 2) 0;
}

body.header-20-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu > a {
  background: none;
  padding: calc(var(--base-half-spacing) / 2) var(--base-half-spacing);
}

html[dir=ltr] body.header-20-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu > a {
  padding-left: var(--logo_lg-padding_left);
}

html[dir=rtl] body.header-20-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu > a {
  padding-right: var(--logo_lg-padding_left);
}

/* Burger expand */
body.header-20-lg header#site-header .expand-header {
  position: relative;
  display: block;
  -ms-flex-order: 1;
  order: 1;
  width: calc(var(--large-header) / 2);
  height: var(--large-header);
}

html[dir=ltr] body.header-20-lg header#site-header .expand-header {
  margin-left: var(--logo_lg-padding_left);
}

html[dir=rtl] body.header-20-lg header#site-header .expand-header {
  margin-right: var(--logo_lg-padding_left);
}

/* Shopping Cart */
body.header-20-lg header#site-header nav.shopping-cart {
  -ms-flex-order: 3;
  order: 3;
  width: calc(var(--large-header) / 2);
  height: var(--large-header);
}

html[dir=ltr] body.header-20-lg header#site-header nav.shopping-cart {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-20-lg header#site-header nav.shopping-cart {
  margin-left: var(--base-half-spacing);
}

body.header-20-lg header#site-header nav.shopping-cart button.open-cart,
html#ecwid_html.usn body#ecwid_body.header-20-lg header#site-header nav.shopping-cart .ec-cart-widget,
html#ecwid_html.usn body#ecwid_body.header-20-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart,
html#ecwid_html.usn body#ecwid_body.header-20-lg header#site-header nav.shopping-cart .ec-cart-widget .ec-minicart__body,
html#ecwid_html.usn body#ecwid_body.header-20-lg header#site-header .ec-cart-widget .ec-minicart__body .ec-minicart__wrap {
  width: calc(var(--large-header) / 2);
  height: var(--large-header);
}

/* CTA Links */
body.header-20-lg header#site-header nav.cta-links {
  -ms-flex-order: 2;
  order: 2;
  height: var(--large-header);
}

html[dir=ltr] body.header-20-lg header#site-header nav.cta-links {
  margin-right: var(--base-half-spacing);
}

html[dir=rtl] body.header-20-lg header#site-header nav.cta-links {
  margin-left: var(--base-half-spacing);
}

body.header-20-lg header#site-header nav.cta-links .btn {
  position: relative;
  top: 50%;
  transform: translateY(-50%) translateX(0);
}

html[dir=ltr] body.header-20-lg header#site-header nav.cta-links .btn + .btn {
  margin: 0 -2px 0 5px;
}

html[dir=rtl] body.header-20-lg header#site-header nav.cta-links .btn + .btn {
  margin: 0 5px 0 -2px;
}

/* Animate in */
html.reveal-out body.header-20-lg header#site-header .site-search {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

html.reveal-out body.header-20-lg header#site-header nav.secondary > ul > li,
html.reveal-out body.header-20-lg header#site-header nav.main > ul > li {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/* Rumpke Custom Styles */
html[dir=ltr] body.header-14-lg header#site-header nav.cta-links {
  position: fixed;
  right: 0;
  background-color: #E91627;
  top: 60vh;
  margin-right: 0;
  height: 8rem;
  width: 5rem;
}
html[dir=ltr] body.header-14-lg header#site-header nav.cta-links a {
  transform: rotate(270deg) translateY(-2rem);
  background: transparent;
  border: none;
}
html[dir=ltr] body.header-14-lg header#site-header nav.cta-links a:hover > span {
  display: none;
}
html[dir=ltr] body.header-14-lg header#site-header nav.cta-links a > span {
  display: none;
}
