.topTierMenuContainer{
  text-align: right;   
}

.topTierMenuContainer ul{
  padding-left: 0px; 
  list-style-type: none; 
  margin: 0px; 
}

.topTierMenuContainer ul li{
  display: inline-block; 
  padding: 10px; 
  font-size: 10px; 
  text-transform: uppercase; 
}

.topTierMenuContainer ul li a{
  color: white;   
  text-decoration: none; 
}


.mainMenuArea{
  text-align: center;   
}


.mainMenuArea ul{
  padding-left: 0px; 
  list-style-type: none; 
}

.mainMenuArea ul li{
  display: inline-block; 
  padding: 10px 20px; 
  position: relative; 
}

.mainMenuArea .hs-menu-children-wrapper{
  display: none; 
  width: 170px; 
  background-color: white; 
  padding-left: 0px; 
  list-style-type: none; 
  padding: 10px; 
  text-align: left; 
  position: absolute; 
  top: 35px; 
  left: 10px; 
}

.mainMenuArea .hs-item-has-children:hover .hs-menu-children-wrapper{
  display: block;   
}

.mainMenuArea .hs-menu-depth-2{
  padding-left: 0px; 
  padding-right: 0px; 
  display: block;   
}

.mainMenuArea ul li a{  
  color: black; 
  text-decoration: none; 
}

.mainMenuArea ul li a: hover{
  color: #49819f;
}

.show-mobile-menu{
  display: none;   
}

.globalheaderSpacer{
  height: 140px;   
}

@media screen and (max-width: 800px){
  
  .hide-desktop-menu, .globalheaderSpacer {
    display: none;    
  }
  
  .show-mobile-menu{
    display: block;      
  }  
  

  
}

/* mobile menu styling */ 

.show-mobile-menu{
  background-color: white;   
}


.globalMobileWrapper{
  display: flex; 
  flex-direction: row; 
  flex-wrap: wrap; 
  justify-content: space-between; 
  align-items: center; 
  padding: 15px; 
}

.globalMobileLogo{
  flex-basis: 70%;   
}

.globalMobileBars{
  flex-basis: 25%;   
  text-align: right; 
}

.mobileWhiteLogo{
  width: 200px;   
}

.fas.fa-bars{
  color: black;      
  font-size: 25px; 
}

.topTierMobile{
  background-color: black;   
  padding: 5px 15px;
}

.topTierMobile ul{
  display: flex; 
  flex-direction: row; 
  flex-wrap: wrap; 
  justify-content: space-evenly; 
}

.topTierMobile ul li{ 
  flex-basis: 30%; 
}

.topTierMobile ul li a{ 
  color: white; 
  text-decoration: none; 
}

.bottomTierMobile{
  padding-left: 15px; 
  padding-right: 15px; 
}

.bottomTierMobile ul{
  list-style-type:none; 
}


.bottomTierMobile ul li a{
  color: black; 
  text-decoration: none;    
}


.bottomTierMobile .hs-menu-children-wrapper{
  background-color: rgb(220,220,220);   
  padding-left: 13px; 
  padding-top: 10px; 
  padding-bottom: 10px; 
  display: none; 
}

.bottomTierMobile .hs-menu-depth-2{
  border-bottom: none;   
}


.makeGray{
  background-color: white;    
}

.hideMe{
  display: none;   
}

.fas.fa-times{
  color: #49819f; 
  font-size: 25px; 
}
 
.activeMobileMenu{
  display: block!important;   
}

#MainNavContainer{
  box-shadow: 10px 10px 24px 0px rgb(214 214 214 / 50%); 
  margin-bottom: 15px; 
  position: fixed; 
  width: 100%; 
  top: 40px; 
  left: 0px; 
  z-index: 999; 
}


.globalBannerArea{
  text-align: center; 
  background-color: #713364; 
  padding-top: 7px; 
  padding-bottom: 7px; 
  position: fixed; 
  top:0px; 
  left:0px; 
  width: 100%;   
  z-index: 999; 
}

.globalBannerArea p{
  margin: 0px;   
  color: white;   
  background-color: #713364; 
  text-align: center; 
}

@media screen and (max-width: 767px){
  
  .hideBannerMobile{
    display: none;  
  }
  
}


.the__mobile__menu{
  padding-left: 0px; 
  list-style-type: none; 
}

.the__mobile__menu__items{
  margin-top: 15px; 
  margin-bottom: 15px; 
}

.nested__children__menu{
  font-size: 13px;
  padding-left: 15px; 
}

.nested__menu__children__items{
  margin-top: 15px; 
  margin-bottom: 15px; 
}

.hiddenNested{
  display: none;   
}

{#
.marquee {
    position: relative;
    overflow: hidden;
    --offset: 0vw;
    --move-initial: calc(350% + var(--offset));
    --move-final: calc(-100% + var(--offset)); 
}

.marquee__inner {
    width: fit-content;
    display: flex;
    position: relative;
    transform: translate3d(var(--move-initial), 0, 0);
    animation: marquee 14s linear infinite;
    animation-play-state: paused;
}

.marquee span {
    font-size: 10vw;
    padding: 0 2vw;
}

.marquee__inner {
    animation-play-state: running;
}

@keyframes marquee {
    0% {
        transform: translate3d(var(--move-initial), 0, 0);
    }

    100% {
        transform: translate3d(var(--move-final), 0, 0);
    }
}
#}