/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
  display: none; display:inline-block;
  text-align: right;}
  #nav-trigger span {
    display: inline-block; width:40px;
    color: #313133; font-size:14px; font-weight:bold;
    cursor: pointer; font-family: 'proxima_nova_alt_rgbold';
    text-transform: uppercase; margin:55px 0 0 0;}
    #nav-trigger span:after {
      display: inline-block;
     width:40px; height:16px;
      content: "";
      background:url(../images/nav.png) no-repeat; }
    #nav-trigger span:hover {
       }
    #nav-trigger span.open:after {
       }

nav {
  } 

nav#nav-main {
}
  nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;}
  nav#nav-main li {
    display: inline-block;
    padding: 0 5px; }
    nav#nav-main li:last-child {
      border-right: none; }
  nav#nav-main a {
    display: block;
    color: white; text-decoration:none;
    padding: 10px 30px; }
    nav#nav-main a:hover {
      background-color: #2a2c29;
      }

nav#nav-mobile {
  position: relative; z-index:999;
  display: none; width:220px; float:right;  }
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0; 
    right: 0;
    margin-left: auto;
    margin-right: auto;
    }
  nav#nav-mobile li {
    display: block;
    padding: 0 0;
    margin: 0 0;
    }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
   	text-decoration:none;
    padding: 15px 30px 15px 30px; }
    nav#nav-mobile a:hover {
      text-decoration:none; }

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 1800px) {
  #nav-trigger {
    display: block; }
	 #nav-trigger span {
 margin:55px 0 0 0;}

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; }
}