/*header menu*/
.MainMenu{margin: 0px; padding: 0px;list-style: none; display: block;}
header .MainMenu li{padding: 0px 15px;}
header .MainMenu li a{font-size: 115px;line-height: 132px;letter-spacing:-6.9px; font-weight:normal;font-family: 'BTGroup-Headline';padding: 0px 0px;text-decoration: none;text-transform:none;
}

.MainMenu ul > li.menu-item-has-children ul.sub-menu li {
  border: none;
}

/*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;
}
.menuBtn {
  margin-top: 0px;
  position: absolute;
  height: 62px;
  width: 62px;
  right: 60px;
  top: 50%;
  margin-top: -31px;
  cursor: pointer;
/* background: red; */
  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;
}


.mainNavmenu-container {
  margin: 0 auto;
  width:100%;
  display: block;
}

/* menu icon start here */
.hamburger--spin-r .hamburger-inner{top:5px;}

.hamburger--spin-r.is-active .hamburger-inner {
    top: 15px;
}
.hamburger--spin-r .hamburger-inner::before {
 top: -18px;
 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: 18px; }



.hamburger--spin-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 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);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    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);
}
.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;
}

.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;
}

.hamburger-box {width:100%; height:100%; display: inline-block;position: relative;}

.hamburger-inner {display:block;}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 62px;
  height: 7px;
  background-color: #1c1c1c;
 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{
  top: 0%;
}
.menuOpen .hamburger-inner, .menuOpen .hamburger-inner::before, .menuOpen .hamburger-inner::after{
  background-color:  #fff;
}


.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;
  top: -155%;
  right: 0;
  background-color: #1c1c1c;
  width: 100%;
  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;
}



.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 16px 0;}


header .main-nav ul li a {

  display: inline-block;
  color:#fff;
  text-decoration: none;
  position: relative;
  z-index: 1;
}

header .main-nav ul li a::before {
  content: '';
  width: 100%;
  height: 20%;
  background-color: #ff7fff;
  position: absolute;
  left: 0;
  bottom: 11.4%;
  z-index: -1;
}

header .main-nav ul li a::after {
  content: '';
  width: 0;
  height: 20%;
  background-color: #ffffff;
  position: absolute;
  left: 0;
bottom: 11.4%;
  transition: width .3s;
  z-index: -1;
}

@-moz-document url-prefix() {
  header .main-nav ul li a::before, header .main-nav ul li a::after{
      bottom: 12%;
  }
}

header .main-nav ul.communityMenu li a::before{
    background-color: #edf23a;
}
header .main-nav ul.communityMenu li a::after{  background-color: #ffffff;}

header .main-nav ul.communityMenu li.current_page_item a::before {
    background: #ffffff;
    color: #edf23a;
}
header .main-nav ul.communityMenu li.current_page_item a:hover::before{background: #edf23a; color: #ffffff;}
header .main-nav ul.communityMenu li.current_page_item a, header .main-nav ul.communityMenu li a:hover{color:#edf23a}


header .main-nav ul li a:hover::after {
width: 100%;
}

.main-nav ul li a.mPS2id-highlight-last
{
    color: #fff;
    border-bottom: 2px solid #fff
}


header .main-nav ul li a:hover {
  color: #ff7fff;
  text-decoration: none;

}



header .main-nav ul li.current_page_item a{
  color:#ff7fff;
  text-decoration: none;
}

header .main-nav ul li.current_page_item a::after{
background: #ffffff;
color:#ff7fff;
}

header .main-nav ul li.current_page_item a::before{
  background: #ffffff;
  color: #ff7fff;
}
header .main-nav ul li.current_page_item a:hover::before{
  background: #ff7fff;
  color: #ffffff;
}


/**/
header .main-nav ul li.menuItemactive a{
  color:#ff7fff;
  text-decoration: none;
}

header .main-nav ul li.menuItemactive a::after{
background: #ffffff;
color:#ff7fff;
}

header .main-nav ul li.menuItemactive a::before{
  background: #ffffff;
  color: #ff7fff;
}
header .main-nav ul li.menuItemactive a:hover::before{
  background: #ff7fff;
  color: #ffffff;
}


.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: 0px;
/*padding: 3px;*/
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

#header section{ overflow: visible;}
.desktopNav .MainMenu ul li ul.sub-menu{
  background-color: #fff;
border-top: #000 solid 3px;
position:absolute; left:0; top:71px;
text-align: center; opacity:0;
visibility:hidden;
padding-top:40px; padding-bottom:40px;
text-align: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: block;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;}
.MainMenu ul li:hover ul.sub-menu{ opacity: 1; visibility: visible;}
.MainMenu ul li ul.sub-menu li a{ display:inline-block; font-size:20px; line-height: 20px; letter-spacing:0.08px;font-weight: normal; text-transform:capitalize; padding-top: 0px; padding-bottom: 0px;border:none;text-transform: uppercase;}
.MainMenu ul li ul.sub-menu li a:after{ display: none;}
.MainMenu ul li ul.sub-menu li a:before, .mobileNav ul li ul.sub-menu li a:before{ content:''; width:200px; height:auto; display:block; margin: 0 auto; margin-bottom:4px;
background-size: 105px;
background-position: center center;
background-repeat:no-repeat;
border-radius: 50%;
}


.mobileNav ul > li > ul.sub-menu{display: none;}
header .mobileNav .MainMenu ul.sub-menu {padding:20px 40px 0 20px;}
header .mobileNav .MainMenu ul.sub-menu li{
padding-left:0px;
}

#header section{ overflow: visible;}
.mobileNav.MainMenu ul li ul.sub-menu{
position:relative;

}
.accordionTrigger{ width: 100%; height: 50px; position:absolute;
z-index:9;
cursor:pointer;}
.accordionTrigger > span{
    width:30px;
    height:30px;
    right:20px;
    top:10px;
    position:absolute;
    z-index:9;
    cursor:pointer;
    background-image: url('../images/menu-icon.svg');
    background-repeat:no-repeat;
    background-position:center center;
    background-size:26px;
}
.accordionTrigger.active > span{-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.MainMenu ul > li.menu-item-has-children > a::before .accordionTrigger.active{
  transform: rotate(45deg);
  -webkit-transform: rotate(225deg);
}

.mobileNav ul > li > ul.sub-menu > li > .accordionTrigger.active span{
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
}
.mobileNav ul > li > ul.sub-menu > li > .accordionTrigger:before, .mobileNav ul > li > ul.sub-menu > li > .accordionTrigger:after{-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
/*.mobileNav ul > li > ul.sub-menu > li > .accordionTrigger.active > span{background-image:url('../images/minus-sign.svg');}
.mobileNav ul > li > ul.sub-menu > li > .accordionTrigger > span{ background-image:url('../images/plus-sign.svg'); background-position:center center; background-repeat: no-repeat; background-size:30px;}*/
 .mobileNav ul > li > ul.sub-menu > li > .accordionTrigger:before{ width:24px;height:4px; content:''; background-color:#453A8F; position: absolute; top:13px; left:3px;}
.mobileNav ul > li > ul.sub-menu > li > .accordionTrigger:after{width:4px;height:24px; content:''; background-color:#453A8F; position: absolute; left:13px; top:3px;}
.mobileNav {
    position: fixed;
     left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding: 0 0px;
    padding-top: 0px;
    padding-top:172px;
    z-index: 999;
     opacity: 1;
     display:none;
}
.menuOpen .mobileNav{
  display:block;
}
