/*Nexus 10*/
.navbar-wrp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  -webkit-transform: translateY(-60px);
          transform: translateY(-60px);
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms; }

.navbar-wrp.show {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.navbar {
  margin-bottom: 5px;
  background-color: #FFF;
  border-bottom: 1px solid #38a6d7; }
  .navbar h5 {
    display: inline-block;
    margin-top: 7px; }

/*menu*/
.menu {
  position: absolute;
  top: 0;
  right: 0;
  height: 54px; }

.menu h3 {
  font-size: 1.7rem;
  color: white;
  text-transform: uppercase;
  line-height: 1;
  padding: 18px 30px 0 30px;
  white-space: nowrap;
  cursor: pointer;
  height: 54px;
  float: left; }

/*menu-icn*/
.menu-icn span {
  background: #FFF; }

.menu-icn {
  display: none;
  height: 45px;
  width: 100%;
  background-color: #000;
  cursor: pointer;
  position: relative;
  z-index: 3;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  transition: .5s ease-in-out; }

.menu-icn span {
  width: 20px;
  height: 2px;
  position: absolute;
  top: 18px;
  right: 13px;
  display: block;
  position: absolute;
  opacity: 1;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  transition: .25s ease-in-out; }

.menu-icn span:nth-child(1) {
  top: 18px; }

.menu-icn span:nth-child(2), .menu-icn span:nth-child(3) {
  top: 24px; }

.menu-icn span:nth-child(4) {
  top: 30px; }

/*open*/
.menu-icn.open {
  background: transparent; }
  .menu-icn.open span {
    background-color: #000; }

.menu-icn.open span:nth-child(1) {
  top: 18px;
  width: 0;
  left: 50%; }

.menu-icn.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 20px; }

.menu-icn.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 20px; }

.menu-icn.open span:nth-child(4) {
  top: 18px;
  width: 0;
  left: 50%; }

@media (max-width: 41.25em) {
  /*hide nav*/
  .navbar {
    display: none; }
  .menu-icn {
    display: block; }
  nav .logo {
    margin-top: 0; } }

.nav-btns {
  margin-bottom: 0;
  width: 100%; }

.nav-btns a {
  color: #000;
  font-family: "Brandon_bld", sans-serif;
  text-transform: uppercase;
  text-decoration: none; }

.nav-btns li {
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.9em;
  cursor: pointer;
  text-align: center;
  margin-right: 1em; }

.navbar.open {
  display: block !important;
  position: absolute;
  right: 0;
  z-index: 2;
  width: 100%;
  /*height: 100%;*/ }

.navbar.open li {
  display: block;
  padding: 0.5em;
  margin-bottom: 1em;
  border-right: none; }