/* #home-logo{
  right: 50px;
} */
.bg-overlay{
display: none;
width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  box-shadow: 1px 0px 15px 3px rgba(0, 0, 0, 0.80);
  background: rgba(0, 0, 0, 0.25);
}
#main-wrapper {
  transition-duration: 300ms;
}
.menu li {
  display: block;
  border-bottom: 1px solid #da9400;
}
.menu > li > a{
display: block;
color: #102867;
padding: 15px;
text-decoration: none;
}
.menu li.home i{
font-size: 17px;
}
.menu li a .fa-plus{
float: right;
margin-top: 2px;
}
.menu li i.fa-plus.active:before {
  content: "\f068";
}
.menu .sub-menu{
  display: none;
  background: #4795fe;
  text-align: center;
}
.menu .sub-menu a{

}
.menu .sub-menu-wrap{
display: block;
padding: 15px 15px 0;
}
.sub-menu-title{
display: block;
  background: #2975dc;
  color: #fff;
  padding: 5px 10px;
  margin: 10px -15px 0;
  vertical-align: middle;
  letter-spacing: 1px;
}
.menu li.active {
  background: #ffce41;
  border-right: 3px solid #0d83ff;
  position: relative;
}
.menu li.active:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 5px solid #0d83ff;
  border-bottom: 7px solid transparent;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.menu-open,.menu-open body{
overflow: hidden;
width: 100%;
height: 100%;
}
.menu-open #main-wrapper {
  transform: translate(-230px, 0);
  height: 100%;
}
.menu-open .bg-overlay {
  display: block;
}
.menu li i.fa-plus.active:before {
  content: "\f068";
}
.menu li.active {
  background: #ffce41;
  border-right: 3px solid #0d83ff;
  position: relative;
}
.menu li.active:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 5px solid #0d83ff;
  border-bottom: 7px solid transparent;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.secondary-nav .sub-menu li.active a{
color: #ffce3f;
}
#site-navigation{
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6bd14+0,f4b507+40,fc9300+100 */
background: #f6bd14; /* Old browsers */
background: -moz-linear-gradient(top, #f6bd14 0%, #f4b507 40%, #fc9300 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f6bd14 0%,#f4b507 40%,#fc9300 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f6bd14 0%,#f4b507 40%,#fc9300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6bd14', endColorstr='#fc9300',GradientType=0 ); /* IE6-9 */

  display: block;
  position: fixed;
  top: 0;
  right: -230px;
  height: 100%;
  width: 230px;
  margin-top: 0;
  overflow-y: scroll;
  padding-bottom: 100px;
}
#site-navigation ul{
padding-left: 0;
margin-bottom: 0;
}
.hamburger {
/*display: none;*/
padding: 15px 15px;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
position: absolute;
top: 46px;
right: 0;
z-index: 100;
}
.hamburger:focus {
outline: none; }
.hamburger-box {
width: 30px;
height: 24px;
display: inline-block;
position: relative; }

.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 30px;
height: 4px;
background-color: #d0ebff;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -10px; }
.hamburger-inner::after {
bottom: -10px; }

/*
* Elastic
*/
.hamburger--elastic .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic .hamburger-inner::before {
top: 10px;
transition: opacity 0.125s 0.275s ease; }
.hamburger--elastic .hamburger-inner::after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(135deg);
transition-delay: 0.075s; }
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0; }
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-270deg);
transition-delay: 0.075s; }

/*
* Elastic Reverse
*/
.hamburger--elastic-r .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic-r .hamburger-inner::before {
top: 10px;
transition: opacity 0.125s 0.275s ease; }
.hamburger--elastic-r .hamburger-inner::after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-135deg);
transition-delay: 0.075s; }
.hamburger--elastic-r.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0; }
.hamburger--elastic-r.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(270deg);
transition-delay: 0.075s; }