/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{padding:15px;display:inline-block;cursor:pointer;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger-box{width:24px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:24px;height:2px;background-color:#000;border-radius:0;position:absolute;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-8px}.hamburger-inner::after{bottom:-8px}.hamburger:focus{outline:0}.hamburger--spin .hamburger-inner{transition-duration:.3s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .34s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{-webkit-transform:rotate(225deg);transform:rotate(225deg);transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .14s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1)}
 
 
 
 /* Main Nav */
 
 .main-nav {
  margin: 10px 0;
  /* / ul.main_menu */
  /* clear fix */
  /* replace with mobile navigation - uses JS to toggle classes to open and close the menu */
  /* / Mobile MQ */
  /* / Mobile MQ */
  width: 100%;
  max-width: 1440px;
  margin: 10px auto 60px auto;
  font-family: "franklin-gothic-urw", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.main-nav ul.main_menu {
  /* / li */
  margin: 0;
  padding: 0;
}
.main-nav ul.main_menu li {
  display: block;
  float: left;
  text-align: center;
  list-style-type: none;
  width: 20%;
  margin: 0;
  padding: 0;
}
.main-nav ul.main_menu li a, .main-nav ul.main_menu li a:visited {
  text-decoration: none;
  text-transform: none;
  letter-spacing: 2px;
  transition: all 0.5s ease-out;
  border-bottom: 1px solid #f3f3f3;
   padding: 0 0 5px 0;
}

.main-nav ul.main_menu li a:hover {
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #ccc;
  	-webkit-transition: all 1s;
	transition: all 1s;

}

.main-nav ul.main_menu li a.active-page{
	border-bottom: 1px solid #ccc;
}
.main-nav ul.main_menu:after {
  content: '';
  display: block;
  clear: both;
}
@media (max-width: 736px) {
  .main-nav {
    background-color: #999;
    box-shadow: -3px 0px 10px 1px rgba(0,0,0,0.3);
    padding: 50px 10px 0 10px;
    width: 200px;
    height: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    margin: 0;
    z-index: 999;
    /* Move the menu offscreen initially */
    -webkit-transform: translateX(110%);
    transform: translateX(110%);
  }
  .main-nav ul.main_menu li {
    display: block;
    float: none;
    text-align: right;
    width: 100%;
    margin: 10px 0;
    padding: 0;
  }
  
  .main-nav ul.main_menu li:first-of-type{
	  margin-top: 20px;
  }
  .main-nav ul.main_menu li a, .main-nav ul.main_menu li a:visited {
    padding: 10px 15px 10px 10px;
    line-height: 1.4;
    color: #fff;
    text-decoration: none;
    display: block;
    font-weight: bold;
    font-size: 0.813rem;
    text-align: right;
    text-transform: uppercase;
  }
  .main-nav ul.main_menu li a:hover {
    color: #fff;
    text-decoration: none;
  }
	.main-nav ul.main_menu li a.active-page{
		border-bottom: 1px solid #aaa9a9;
	}
	.main-nav ul.main_menu li a, .main-nav ul.main_menu li a:visited {
	  border-bottom: 1px solid #aaa9a9;
	}
}
@media (max-width: 736px) {
  .main-nav {
    width: 50%;
  }
}

/* / main-nav */
.res-menu-wrap {
  display: none;
}
@media (max-width: 736px) {
  .res-menu-wrap {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000;
  }
}

a.hamburger, a.hamburger:visited {
  font-size: 2rem;
  text-align: right;
  height: 40px;
  width: 40px;
  display: block;
  background-color: blue;
  color: #333;
}

a.hamburger:hover {
  text-decoration: none;
  color: #333;
}

@media (max-width: 736px) {
  nav.rn-nav-closed {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 1s;
    transition: all 1s;
  }
}

@media (max-width: 736px) {
  nav.rn-nav-open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 1s;
    transition: all 1s;
  }
}

a.rn-icon-cancel {
  display: none;
}

ul[class*="menu-"] {
  margin: 1em 0;
  padding: 0;
}
ul[class*="menu-"] li {
  position: relative;
  list-style: none;
}
ul[class*="menu-"] li a {
  padding: 0.75em 1.25em;
  line-height: 100%;
  color: #ccc;
  text-decoration: none;
}
ul[class*="menu-"] li:hover > a,
ul[class*="menu-"] li a:hover,
ul[class*="menu-"] li a.selected, ul[class*="menu-"] li.selected a {
  background: #333;
}
ul[class*="menu-"] li a:active,
ul[class*="menu-"] li a.selected:hover, ul[class*="menu-"] li.selected a:hover {
  background: #2b2b2b;
}

ul.menu-primary li {
  display: inline-block;
}
ul.menu-primary li a {
  display: inline-block;
}
ul.menu-primary li ul {
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 2.25em;
  left: 0;
  border: 1px solid #333;
  background: white;
  z-index: 1000;
}
ul.menu-primary li ul li {
  display: block;
}
ul.menu-primary li ul li a {
  display: block;
  white-space: nowrap;
}
ul.menu-primary li:hover ul,
ul.menu-primary li ul:hover {
  display: inline-block;
}

ul.menu-secondary {
  border: 1px solid #333;
}
ul.menu-secondary li {
  display: block;
}
ul.menu-secondary li a {
  display: block;
}