/* Copyright (c) All Rights Reserved. */
/* Protected by the Copyright Laws and Trademark Laws and other International Laws. */
/* Use must comply with the Terms and Conditions. */


.b-a {
   transition: all .5s;
   content: "";
   position: absolute;
   right: 0;
   height: 4px;
   width: 50px;
   border-radius: 0px;
   background-color: rgba(255, 0, 0, 1.0);
}

.menu-collapsed {
   transition: all .5s;
   position: fixed;
   top: 8px;
   right: 40px;
   height: 54px;
   width: 74px;
   z-index: 1;
   cursor: pointer;
}

.menu-collapsed ul {
   transition: all 0s;
   position: fixed;
   right: -9000px;
   list-style: none;   
}

.bar {
   transition: all .5s;
   content: "";
   position: absolute;
   right: 0;
   height: 4px;
   width: 50px;
   border-radius: 0px;
   background-color: rgba(255, 0, 0, 1.0);
   position: fixed;
   right: 52px;
   top: 32px;
}   

.bar:before {
   transition: all .5s;
   content: "";
   position: absolute;
   right: 0;
   height: 4px;
   width: 50px;
   border-radius: 0px;
   background-color: rgba(255, 0, 0, 1.0);
   top: -12px;
}

.bar:after {
   transition: all .5s;
   content: "";
   position: absolute;
   right: 0;
   height: 4px;
   width: 50px;
   border-radius: 0px;
   background-color: rgba(255, 0, 0, 1.0);
   top: 12px;
}

.b-a-expanded {
   transition: all .5s;
   top: -0px;
}

.menu-expanded {
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
   transition: all .5s;
   height: 100%;
   width: 100%;
   border-radius: 0px;
   top: 0;
   right: 0;
   background-color: rgba(255, 0, 0, 1.00);
}

.menu-expanded ul {
   transition: all 0s;
   position: relative;
   list-style: none;
   right: 20px;
   z-index: 2;
}

.menu-expanded a {
   transition: all .3s;
   text-decoration: none;
   color: #FFFFFF;
}      

.menu-expanded a:hover {
   transition: all .15s;
}
   
.menu-expanded .bar {
   background-color: transparent;
   transition: all .5s;
}

.menu-expanded .bar:before {
   content: "";
   border-radius: 0px;
   background-color: rgba(255, 255, 255, 1.0);
   transition: all .5s;
   top: -0px;
   transform: rotate(45deg);
}

.menu-expanded .bar:after {
   content: "";
   border-radius: 0px;
   background-color: rgba(255, 255, 255, 1.0);
   transition: all .5s;
   top: -0px;
   transform: rotate(-45deg);
}
   


.menu-item {
  margin-bottom: 7px;
  list-style: none;
}

.menu-anchor {
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 7px;
}


@media only screen and (pointer: fine) and (hover: hover) { 

.menu-anchor:before {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 1.0);
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -ms-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

.menu-anchor:hover:before { width: 100%; }

}




/* End */