.MobileHeaderContainer {
z-index: 3;
position: relative;
-webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
width:100%;
background-color:#2d2926;
}

.MobileHeaderContainer.is-hidden {
  -webkit-transform: translateY(-160%);
      -ms-transform: translateY(-160%);
          transform: translateY(-160%);
}


.mobile-menu-bar {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-direction:row;
    -ms-flex-direction:row;
    -ms-flex-line-pack:stretch center;
    align-content:stretch center;
    z-index:2;
}

.menuButton {
    padding:10px;
    border-left:1px solid #EEEEEE;
    color:#2d2926;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -ms-flex-direction:column;
    position:relative;
    font-weight:600;
    text-decoration: none;
    font-size:12px;
    background-color: #FFFFFF;
    border-bottom:2px solid #89cb31;
    cursor:pointer;
}


.menuButton.logo {
-webkit-box-flex:4;
    -ms-flex:4;
        flex:4;
-webkit-box-ordinal-group:2;
    -ms-flex-order:1;
        order:1;
}


.menuButton.login {
-webkit-box-flex:1;
    -ms-flex:1;
        flex:1;
-webkit-box-ordinal-group:3;
    -ms-flex-order:2;
        order:2;
}


.menuButton.login::before,
span.menuButton.search::before,
.menuButton.menu::before {
font-family: "FontAwesome";
font-weight: 400;
color:#2d2926;
font-size:16px;
margin:10px 0;
}

.menuButton.login::before {
content: "\f023";
}

.menuButton.login a,
.menuButton.menu span,
.menuButton.search .SearchContainer div {
text-transform: uppercase;
font-size: 10px;
display:block;
}


.menuButton.search .SearchContainer div{
position: absolute;
bottom: 6px;
left:0;
}

.menuButton.menu {
-webkit-box-flex:1;
    -ms-flex:1;
        flex:1;
-webkit-box-ordinal-group:5;
    -ms-flex-order:4;
        order:4;
}

.menuButton.menu::before {
content: "\f0c9";
}

.menuButton.login.Selected::before,
span.menuButton.search.close::before,
.menuButton.menu.Selected::before {
content: "\f00d";
}

.menuButton.search {
-webkit-box-flex:1;
    -ms-flex:1;
        flex:1;
-webkit-box-ordinal-group:4;
    -ms-flex-order:3;
        order:3;
}

.MobileHeaderContainer .PrimaryHeader {
    display: none!important;
}


.MobileLoginPanel .pCMS_MobileMenuLinkContainer {
background-color: #eeeeee;
}


.MobileMenuPanelContainer {
height:0;
}

.phone .menuButton.search .SearchContainer::before{

border: 2px solid #2d2926;
top: 9px;
left: 15px;
width: 13px;
height: 13px;
}

.phone .menuButton.search .SearchContainer::after{
bottom: 25px;
left: 24px;
background: #2d2926;
height: 2px;
width: 6px;
}

.phone .menuButton.search .SearchContainer span::before, 
.phone .menuButton.search .SearchContainer span::after{

background: #2d2926;
width:12px;
left:26px;
height:3px;
top:32%;
}


.pCMS_MobileMenuPanelContainer {
margin:0;
}
.pCMS_MobileSiteMenuItemContainer {
display: block;
background-color: #ffffff;
}
.MobileMenuPanel,
.MobileLoginPanel {
width: 100%;
   transition: opacity .2s ease-in-out;
   -moz-transition: opacity .2s ease-in-out;
   -webkit-transition: opacity .2s ease-in-out;
position: absolute;
}
.Open{
visibility: visible;
opacity: 1;
}
.Closed{
visibility: hidden;
opacity: 0;
}
.pCMS_MobileMenuPanelHeader {
display: none;
}
.pCMS_MobileMenuPanelContainer .AccordionVertical_item:first-child{
border-top:1px solid #EEE;
}

.pCMS_MobileMenuPanelContainer .AccordionVertical_item {
margin:0;
border-radius:0;
border:0;
}
.pCMS_MobileMenuPanelContainer .AccordionVertical___title {
padding: 18px 20px 18px 45px;
font-size: 18px;
font-weight: 600;
}
.pCMS_MobileMenuPanelContainer .AccordionVertical___icon {
top: 15px;
padding:0;
right:20px;
}
.AccordionVertical___icon > .fa-angle-down::before {
content: '\f078';
}
.pCMS_MobileMenuPanelContainer .AccordionVertical_item.open > .AccordionVertical__header > .AccordionVertical___icon > .fa {
transform: rotate(-180deg);
height:22px;
}
.pCMS_MobileMenuPanelContainer .AccordionVertical_item.open > .AccordionVertical__content {
border-bottom:none;
}
.MobileMenuControl.MobileControl.Selected .fa-navicon:before,
.MobileMenuControl.MobileControl.Selected .fa-reorder:before,
.MobileMenuControl.MobileControl.Selected .fa-bars:before {
content: "\f00d";
}
.pCMS_MobileSiteMenuItemContainer.Title {
color: #2d2926;
font-weight: 800;
text-transform: uppercase;
padding: 40px 20px 10px 20px;
letter-spacing: 0.5px;
font-size: 16px;
background-color: #eeeeee;
}

.pCMS_MobileSiteMenuItemContainer.button .pCMS_MobileMenuLinkContainer a {
background-color: #ffffff;
color: #2d2926;
border: 2px solid #64a60c;
margin: 10px 20px;
width: auto;
border-radius:2px;
padding:15px;
}
.pCMS_MobileSiteMenuItemContainer.button .pCMS_MobileMenuLinkContainer a:before {
content: none;
}
.pCMS_MobileMenuLinkContainer {
background-color: #eeeeee;
}
.pCMS_MobileMenuLinkContainer a,
.pCMS_MobileMenuLinkContainer a:link,
.pCMS_MobileMenuLinkContainer a:visited {
padding: 14px 20px 14px;
text-decoration: none;
font-weight: 600;
width:100%;
color: #2d2926;
}
.pCMS_MobileMenuLinkContainer a::before,
.pCMS_MobileMenuLinkContainer a:link::before,
.pCMS_MobileMenuLinkContainer a:visited::before {
content: "\f054";
font-family: FontAwesome;
margin: 0 10px 0 0;
color: #89cb31;
font-size: 15px;
}

.phone .menuButton .SearchContainer{
position: relative;
float: none;
padding: 0;
display: block;
width: 100%;
height: 100%;
}

.phone .HeaderSearchContainer.is-visible{
top: 70px;
}