/*
 * off-canvas Layout
*/

.container {
  max-width: 980px;
  padding: 0 8px;
  margin-left: 255px;
}
@media (max-width: 992px) {
  .container {
    /*padding: 0;*/
    /*padding-left: 59px;
    padding-right: 15px;*/
    margin: 0 auto;
  }
}
aside#off-canvas {
  left: 0px;
  position: fixed;
  top: 0;
  height: 100%;
  transition: all .4s ease;
}
@media (max-width: 992px) {
  aside#off-canvas {
    left: -240px;
  }
}
aside#off-canvas > div {
  float: left;
}
aside#off-canvas a:focus,
aside#off-canvas a:active {
  outline: none;
}
#handle {
  position:fixed;
  top:0;
  left:0;
  text-align: center;
  cursor: pointer;
  display: none;
  font-size: 22px;
  color: #ffffff;
  background-color: #2163a9;
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding-right: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  opacity:0.25;	
    transition: all .4s ease;

}

/*aside#off-canvas #handle:hover {
  background-color: #124c8a;
}*/
@media (max-width: 992px) {
	#handle {
    display: block;
  }
}
aside#off-canvas .menu {
  background-color: #2163a9;
  width: 240px;
  height: 100%;
  color: #ffffff;
  overflow-y: auto;
}
aside#off-canvas .menu strong {
  display: block;
  text-align: center;
  line-height: 55px;
  font-weight: 300;
  font-size: 20px;
}
aside#off-canvas .menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
aside#off-canvas .menu ul li {
  border-bottom: 1px solid #194a7e;
}
aside#off-canvas .menu ul li:first-child {
  border-top: 1px solid #194a7e;
}
aside#off-canvas .menu ul li > a {
  padding: 0 20px;
  color: #ffffff;
  line-height: 48px;
  display: block;
  text-decoration: none;
}
aside#off-canvas .menu ul li:hover > a {
  background-color: #124c8a;
}
aside#off-canvas .menu ul li.opened {
  background-color: #124c8a;
}
aside#off-canvas .menu ul li.parent {
  position: relative;
}
aside#off-canvas .menu ul li.parent > a {
  background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALBAMAAABrDns0AAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMAD9oc3cseGb3H6i8s9o6o++0AAABfSURBVAjXY+BuZAACxm4GhlNPBYAs0VcHGPreBQKF4t41MBS9AwqKvntUwMCu924i47x36gwMQMGXme8eGQBZzHrv7r1TZgABk3fvngCFQIJ+75wZICDlSQKUxdYGIgFpRR7dEVGfnAAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  background-position: right 20px center;
}
aside#off-canvas .menu ul li.parent ul.nav-child {
  transition: height .4s ease;
  height: 0px;
  overflow: hidden;
}
aside#off-canvas .menu ul li.parent ul.nav-child li {
  background-color: #4782c0;
  border-color: #36699e;
}
aside#off-canvas .menu ul li.parent ul.nav-child li:first-child {
  border-top: none;
}
aside#off-canvas .menu ul li.parent ul.nav-child li:last-child {
  border-bottom: none;
}
aside#off-canvas .menu ul li.parent ul.nav-child li:hover a {
  background-color: #93b6da;
}
aside#off-canvas .menu ul li.parent ul.nav-child li a {
  padding-left: 30px;
  line-height: 38px;
  font-size: 0.96em;
}
aside#off-canvas #indicator {
  position: absolute;
  bottom: -1px;
  width: 1px;
  height: 1px;
  background-color: transparent;
  display: none;
  visibility: hidden;
}
@media (max-width: 992px) {
  aside#off-canvas #indicator {
    display: block;
    visibility: visible;
  }
}