/**************
Header Styles
*******************/
.headerTop
{
  background-color: var(--color-bg-primary);
  padding-top: 0;
  padding: var(--spacing-md);
}

.headerTop .centeredContent
{
  display: flex;
  justify-content: flex-end;
  padding: 0;
}

.headerTop_left
{
  margin-top: 0;
}

li.headerTop_language
{
  order: 1;
}

li.headerTop_currency
{
  order: 2;
}

.headerTop_pop.headerTop_currency a B
{
  line-height: 1.5;
  font-size: 16px;
  font-weight: 400;
  background-color: var(--color-bg-primary);
  color: var(--color-text-white);
}

ul.headerTop_right
{
  order: 1;
  margin-right: unset;
}

div#headerTop_left
{
  display: none
}

ul.headerTop_right li a.headerTop_toggle span:after
{
  border: none;
  position: relative;
  width: 20px;
  height: 20px;
  content: url(https://storage.aerocrs.com/567/system/angle-arrow-down-white.png);
  top: 0px;
}

ul.headerTop_right li a.headerTop_toggle span
{
  display: inline-flex;
  align-items: flex-end;
  gap: 0px;
  margin: 0;
  color: #fff;
}

.headerTop #customerLogin .svgHolder svg,
a.loginMenu_toggleMobile .svgHolder svg
{
  display: none;
}

.headerTop #customerLogin .svgHolder,
a.loginMenu_toggleMobile .svgHolder
{
  background-image: url(https://storage.aerocrs.com/567/system/user20x20.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

a.loginMenu_toggleMobile span
{
  color: #fff;
  padding-inline-start: 10px;
}

ul.headerTop_right li a.headerTop_toggle.headerTop_currency B
{
  background-image: url(https://storage.aerocrs.com/567/system/coins20x20.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-color: unset;
  color: transparent;
  border-radius: unset;
  margin-inline-end: 4px;
}

ul.headerTop_right li a.headerTop_toggle.headerTop_flags B
{
  background-image: url(https://storage.aerocrs.com/567/system/globe20x20.png);
  background-repeat: no-repeat;
  width: clamp(1rem, 0.6875rem + 1vw, 1.25rem);
  height: clamp(1rem, 0.6875rem + 1vw, 1.25rem);
  background-color: unset;
  color: transparent;
  border-radius: unset;
  margin-inline-end: 4px;
  background-size: cover;
}

ul.headerTop_right li a.headerTop_toggle
{
  font-size: clamp(0.875rem, 0.7188rem + 0.5vw, 1rem);
}

ul.headerTop_right li a.headerTop_toggle.headerTop_flags B img
{
  display: none;
}

ul.headerTop_right>li
{
  padding-inline-end: clamp(1.25rem, -0.3125rem + 5vw, 2.5rem);
  padding-right: 10px;
}

.headerTop_pop a
{
  gap: 12px;
  justify-content: space-between;
}

.headerTop_pop a span
{
  padding-left: unset;
}

.headerTop_left ul a
{
  font-size: 16px;
}

.headerTop_left ul
{
  left: unset;
  inset-inline-end: -10px;
}

.headerTop_left ul:before
{
  left: unset;
  inset-inline-end: 30px;
}

.headerBottom
{
  position: relative;
  background-color: var(--color-bg-white);
  padding: var(--spacing-lg) 0;
}

.headerBottom .centeredContent
{
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}

.headerBottom_menuPop
{
  right: unset;
  inset-inline-end: 0;
}

.headerMenu>ul>li
{
  border: none;
}

.headerMenu
{
  float: unset;
  padding-top: unset;
  margin-inline-start: auto;
}

.headerMenu>ul
{
  height: unset;
  gap: 45px;
}

.headerMenu>ul>li>a
{
  display: flex;
  align-items: flex-end;
  gap: 10px;
  color: var(--color-text-black);
  font-size: clamp(1rem, 0.6875rem + 1vw, 1.25rem) !important;
  text-decoration: none;
  cursor: pointer;
  font-weight: 400;
  padding: 0;
}

a.headerMenu_toggleMobile span
{
  background-color: #101340;
  border-top: 1px solid #101340;
  width: 25px;
  height: 2px;
  border-radius: 50px;
  transition: all 0.3s ease;
}

@media (min-width: 1025px)
{
  .headerMenu>ul>li>a.headerMenu_toggle:after
  {
    position: unset;
    border: none;
    width: 20px;
    height: 20px;
    background-image: url(https://storage.aerocrs.com/567/system/world20x20.png);
    background-repeat: no-repeat;
    background-position: center;
  }
}

@media screen and (max-width:1025px)
{
  .headerBottom_logo
  {
    height: 32px !important;
    width: 198px !important;
  }
}

@media screen and (max-width: 1024px)
{
  .headerBottom
  {
    padding: var(--spacing-xs) 0;
  }

  .headerTop_left ul a span
  {
    color: #333;
  }

  ul.headerTop_right li a.headerTop_toggle span
  {
    gap: 0;
  }

  a.headerMenu_toggleMobile
  {
    align-items: center;
  }

  .headerMenu>ul
  {
    box-shadow: none;
    background-color: var(--color-bg-light-gray);
    width: 100vw;
    height: 100vh;
    right: unset;
    left: unset;
    inset-inline-end: -15px;
  }

  .headerMenu>ul>li
  {
    padding: 20px;
  }

  .headerMenu>ul>li:before
  {
    background-color: #d1d1d1;
  }

  a.headerMenu_toggleMobile[aria-expanded="true"]
  {
    background-color: var(--color-bg-light-gray);
    box-shadow: none;
  }

  header .headerBottom .centeredContent .headerMenu a.headerMenu_toggleMobile[aria-expanded="true"] span:first-child
  {
    transform: translate3d(0, 4.25px, 0) rotate(45deg);
  }

  header .headerBottom .centeredContent .headerMenu a.headerMenu_toggleMobile[aria-expanded="true"] span:nth-child(2)
  {
    display: none;
  }

  header .headerBottom .centeredContent .headerMenu a.headerMenu_toggleMobile[aria-expanded="true"] span:last-child
  {
    transform: translate3d(0px, -2px, 0) rotate(-45deg);
  }

  .headerMenu>ul>li>a.headerMenu_toggle:after
  {
    right: unset;
    inset-inline-end: 18px;
  }
}

@media screen and (max-width: 375px)
{
  .headerTop .centeredContent
  {
    display: flex;
    justify-content: center !important;
    align-items: center;
  }

  .headerBottom_logo img
  {
    height: 32px !important;
    width: 198px !important;
  }

  a.headerMenu_toggleMobile
  {
    justify-content: center;
    padding-top: 0;
  }
}