.pushmenu { /*this is the nav*/
background: rgba(249,250,252,1);
background: -moz-linear-gradient(top, rgba(249,250,252,1) 0%, rgba(47,106,178,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,250,252,1)), color-stop(100%, rgba(47,106,178,1)));
background: -webkit-linear-gradient(top, rgba(249,250,252,1) 0%, rgba(47,106,178,1) 100%);
background: -o-linear-gradient(top, rgba(249,250,252,1) 0%, rgba(47,106,178,1) 100%);
background: -ms-linear-gradient(top, rgba(249,250,252,1) 0%, rgba(47,106,178,1) 100%);
background: linear-gradient(to bottom, rgba(249,250,252,1) 0%, rgba(47,106,178,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fafc', endColorstr='#2f6ab2', GradientType=0 );

  text-align: center;
  width: 300px;
  height: 100%;
  top: 0;
  z-index: 1000;
  position: fixed; overflow:auto !important;
}
 
.links {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 25%;
  width: 50%;
}

.links li { margin-top: 30px; }

.links li a {
  position: relative;
  display: block; /* drops the nav vertically*/
  color: #ff0000;
  font-size: 18px; font-family:"font1"; 
  text-decoration: none;
  padding: 0px; 
}

.links li a:after {
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  bottom: -5px;
  width: 0;
  height: 2px;
  background-color: #ff0000;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.links li a:hover:after { width: 70%; }

.links li a:active { color: #ff8800; }

.pushmenu-left { left: -300px; } 
.pushmenu-left.pushmenu-open { left: 0; }  

.pushmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}

.pushmenu-push-toright { left: 300px; }
.pushmenu-push-toleft { left: 0px; }



/*Transition*/

.pushmenu, .pushmenu-push {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#nav_list {
  background: url(icon_nav.png) no-repeat left top;
  cursor: pointer;
  height: 27px;
  width: 66px;   font-size: 18px; font-family:"font1";  padding-left:35px; color:#fff; line-height:30px;
 
}

nav-list.active { background-position: -300px top; }

.buttonset {
background: rgba(255,145,0,1);
background: -moz-linear-gradient(top, rgba(255,145,0,1) 0%, rgba(255,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,145,0,1)), color-stop(100%, rgba(255,0,0,1)));
background: -webkit-linear-gradient(top, rgba(255,145,0,1) 0%, rgba(255,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,145,0,1) 0%, rgba(255,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,145,0,1) 0%, rgba(255,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,145,0,1) 0%, rgba(255,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9100', endColorstr='#ff0000', GradientType=0 );
  height: 40px;
  padding: 5px 10px 5px;
}

section.content {
  padding: 0px 0px; 
}


@media screen and (max-width: 1200px){ 


.pushmenu {
  width: 270px;
}
 
.links { 
  margin: 0 0 0 20%;
  width: 60%;
} 
.links li { margin-top: 10px; } 
.pushmenu-left { left: -270px; } 

.pushmenu-push-toright { left: 270px; } 
.pushmenu-push-toleft { left: 0px; }

nav-list.active { background-position: -270px top; }
 
 
}	
			
@media screen and (max-width: 990px){ 
	  
}  

@media screen and (max-width: 767px){ 


.pushmenu {
  width: 240px;
}
 
.links { 
  margin: 0 0 0 20%;
  width: 60%;
} 
.links li { margin-top: 5px; } 
.pushmenu-left { left: -240px; } 

.pushmenu-push-toright { left: 240px; } 
.pushmenu-push-toleft { left: 0px; }

nav-list.active { background-position: -240px top; }
 
 
}