.button-nav-toggle {
  font-size: 16px;  
  border: 0;
  background: 0 0;
  color: #fff;
  outline: 0;
  cursor: pointer;
  margin-top: 26px;
  text-transform: uppercase;
  font-weight: bold;
}

.nav-main {
  transition: all 0.2s ease-in;
  background: #f1f2f3;
  position: fixed;
  overflow-x: hidden;
  width:0px;
/*  left: -280px;*/
  top: 0px;
  bottom: 0;
      z-index: 9999;
}

.nav-main .nav-container {
  transition: left .25s ease-in-out;
  position: relative;
  left: 0;
}

.nav-main .nav-container.show-sub { left: -320px }

.nav-main .nav-container ul {
  margin: 0;
  padding: 0 20px !important;
}

.nav-main .nav-container ul li {
  list-style: none;
  border-bottom: 1px solid #d5d7da;
}

.nav-main .nav-container ul li a {
  text-decoration: none;
  display: block;
  padding: 12px 0;
  color: #000 !important;
  font-size: 16px;
  text-transform: uppercase;

}

.nav-main .nav-container ul li a:hover { color: #4d5152; }

.nav-main .nav-container ul li ul {
  display: none;
  width: 320px;
  position: absolute;
  left: 320px;
  top: 0;
}

.nav-main .nav-container ul li ul li { border: 0 }

.nav-main .nav-container ul li ul li.nav-label {
  border-top: 1px solid #d5d7da;
  padding: 25px 0 10px;
}

.nav-main .nav-container ul li ul li a {
  padding: 7px 0 15px;
  font-size: 14px;
}

.nav-main .nav-container ul li ul li a.back {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 20px 25px;
  background: url(arrow-left.png) left center no-repeat;
}

.nav-main .nav-container ul li.has-sub-nav a { background: url(arrow-right.png) right center no-repeat; }

.nav-main .nav-container ul li.has-sub-nav ul a { background: 0 0; }

.nav-main .nav-container ul li.active ul { display: block; }

.open .nav-main { left: 0; }

*,
:after,
:before { box-sizing: border-box; }



.page-wrapper {
  max-width: 1040px;
  margin: 0 auto;
}

.header-main {
  overflow: hidden;
  padding: 20px 0;
}

.section-stage {
  background: #202020;
  width: 100%;
  height: 500px;
}

.main {
  transition: left .25s ease-in-out;
  position: relative;
  left: 0 !important;
}

.main.open { left:0px; }

.nav-main .closebtn {
    position: absolute;
    top: -53px;
    right: 25px;
    font-size:50px !important;
    margin-left: 50px;
    color: #4d5152;
}
.bg-black{background: rgba(0,0,0,0.5); position: fixed;width:100%;top:0px;padding:10px 0px;z-index: 999;box-sizing: border-box;}
.nav-main .nav-container {top:50px;}
.mystyle{width:320px;}
@media only screen and (max-width : 768px) {
  .top-right-menu {text-align: center;
}
}