/*header menu*/
.MainMenu{margin: 0px; padding: 0px;list-style: none; display: block;}
header .MainMenu li{padding: 0px 15px;}
header .MainMenu li a{font-size: 55px;line-height: 75px;letter-spacing:0.55px; font-weight:300;font-family:'GT Super Display Light'; padding: 0px 0px;text-decoration: none;text-transform:none;
}

.MainMenu ul > li.menu-item-has-children ul.sub-menu li {

  border: none;
}

.is-reverse .hamburger-box *{

background-color: #ffffff;
}

/*mobile menu*/
.menuOpen .menuoverlay {
    opacity: 1;
    visibility: visible;
}
.menuoverlay {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
}


  .menuBackground{border:0px;
  position: absolute;
  height: 45px;
/*  width: 45px;*/
  right: 40px;
  top: 15px;
  z-index: 9999;

}

.menuOpen .menuBackground{top: 15px;border:none;background:none;}
.menuOpen .sticky .menuBackground{border:none;background:none;}

.sticky .menuBackground{

  /*background-color:#fff;*/
  margin-top: 0px;
  position: absolute;
  height: 45px;
  width: 45px;
  right: 40px;
  top: 15px; 
border:0px;

}


.sticky.menuBtn {

  height: 45px;
  width: 55px;}


.menuBtn {

  height: 45px;
  width: 45px;
  cursor: pointer;

 clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 55% 100%);
  z-index: 9999;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;

}
.menuOpen .menuBtn{clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%)!important;}

.mainNavmenu-container {
  margin: 0 auto;
  width:100%;
  display: block;
}

/* menu icon start here */
.hamburger--spin-r .hamburger-inner{top:0px;}

.hamburger--spin-r.is-active .hamburger-inner {
    top: 10px;
}

.hamburger--spin-r .hamburger-inner-before {
 top: -10px;
 transition-property: opacity, -webkit-transform;
 transition-property: transform, opacity;
 transition-property: transform, opacity, -webkit-transform;
 transition-timing-function: ease;
 transition-duration: 0.2s;
}
.hamburger--spin-r .hamburger-inner-after { top: 10px; }



.hamburger--spin-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.32s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    background-color:#000000!important;/*for cross menu icob bar color do not change*/
}
.hamburger--spin-r.is-active .hamburger-inner-before {
    top: 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
background-color:#000000!important;/*for cross menu icob bar color do not change*/
}
.hamburger--spin-r.is-active .hamburger-inner-after {
    top: 0;
    opacity: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
    background-color:transparent!important;
}

.hamburger {
 display: inline-block;
 cursor: pointer;
 border-radius:0px;
 transition-property: opacity, -webkit-filter;
 transition-property: opacity, filter;
 transition-property: opacity, filter, -webkit-filter;
 transition-duration: 0.15s;
 transition-timing-function: linear;
 font: inherit;
 color: inherit;
 text-transform: none;
 border: 0;
 margin: 0;
 overflow: visible;
 position:absolute;
 top:-6px;

}

.hamburger-box {width:100%; height:100%; display: inline-block;position: relative;}

.hamburger-inner {display:block;}
.hamburger-inner, .hamburger-inner-before, .hamburger-inner-after {
  width: 45px;
  height: 4px;
  background-color: #000;
 border-radius: 0px;
 position: absolute;
 transition-property: -webkit-transform;
 transition-property: transform;
 transition-property: transform, -webkit-transform;
 transition-duration: 0.15s;
 transition-timing-function: ease;

}
.hamburger-inner-before, .hamburger-inner-after {content: ""; display: block; }
.hamburger-inner-before {top: -20px; }
.hamburger-inner-after {bottom: -10px; }
/* menu icon end here */
.menuOpen .MenuWrapper{
  right: 0%;
}

.menuOpen.hamburger-inner::before{top: 8px!important;}


.menuOpen .main-nav .mainNavmenu-container ul li {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0.5s
  transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);
  opacity:1;

}
@keyframes bounceInDown {
   0%, 100%, 60%, 75%, 90% {
     -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
     animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
   }
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, -100px, 0);
     transform: translate3d(0, -100px, 0)
   }
   100% {
     opacity: 1;
     -webkit-transform: translate3d(0px, 0, 0);
     transform: translate3d(0px, 0, 0)
   }
 }


.menuOpen .main-nav .mainNavmenu-container ul li:first-child {
  -webkit-animation-duration: .60s;
  animation-duration: .60s;

}

.menuOpen .main-nav .mainNavmenu-container ul li:nth-child(2) {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;

}

.menuOpen .main-nav .mainNavmenu-container ul li:nth-child(3) {
  -webkit-animation-duration: .90s;
  animation-duration: .90s;

}

.menuOpen .main-nav .mainNavmenu-container ul li:nth-child(4) {
  -webkit-animation-duration: 1.05s;
  animation-duration: 1.05s;

}

.menuOpen .main-nav .mainNavmenu-container ul li:nth-child(5) {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;

}

.menuOpen .main-nav .mainNavmenu-container ul li:nth-child(6) {
  -webkit-animation-duration: 1.35s;
  animation-duration: 1.35s;

}


.MenuWrapper{
  position: fixed;
  right: -155%;
  top: 0;
  background-color: #f5f3f1;
  width: 50%;
  z-index: 9;
  -webkit-transition: all 1.0s linear;
    -moz-transition: all 1.0s linear;
    transition: all .80s linear;
    overflow-y: auto;
    height:100%;
    transition-timing-function: cubic-bezier(.65,.05,.36,1);

display: flex;
justify-content: center;
align-items: center;
/*display:block;*/
}



.main-nav {
  float: right;
  margin-top: 0px;
  font-size: 42px;
  line-height: 50px;
  text-transform: capitalize;
  width: 100%;
  max-width: 100%;
 display: inline-block;
}
.menuOpen .MenuWrapper
{
  bottom: 0px;
}
.main-nav
{
  width: 100%;
    display: table;
    margin: 0px auto;
}
.mainNavmenu-container
{
  width: 100%;
    display: block;
    vertical-align: middle;
    margin: 0px auto;

}
ul.MainMenu
{
  overflow: auto;
  overflow-x: hidden;
}
.main-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0px;

}
.main-nav ul li {
  list-style: none;
  margin-left: 0px;
  padding:0px 0;
  display: block;
  text-align: left;
  -webkit-appearance: none;
-moz-appearance: none;
  -webkit-transform: translateZ(0);
}

header .main-nav ul li{padding: 0 0 0px 0;}


header .main-nav ul li a {

  display: inline-block;
  color:#000;
  text-decoration: none;
  position: relative;

}



.main-nav ul li a.mPS2id-highlight-last
{
    color: #fff;
    border-bottom: 2px solid #fff
}


header .main-nav ul li a:hover {
  color: #80a001;  text-decoration: none;

}



header .main-nav ul li.current_page_item a {
  color: #80a001;  text-decoration: none;
}



/**/
header .main-nav ul li.menuItemactive a{
  color: #80a001;  text-decoration: none;
}




.MainMenu ul li ul.sub-menu li.current-menu-item a{color:#FF265C;}
.MainMenu ul > li.menu-item-has-children{ padding-right:26px;}
.MainMenu ul > li.menu-item-has-children > a:before{content: '';
width: 0;
height: 0;
position: absolute;
right: -18px;
top: 10px;
border: solid black;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

#header section{ overflow: visible;}

.menuOpen .mobileNav{
  display:block;
}