Jquery Navigation Menu

Thursday 20 August 2015

Responsive Dropdown MENU

Create index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="main.min.css">
<script type='text/javascript' src='http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js'></script>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js'></script>
<script type='text/javascript' src='scripts.min.js'></script>
</head>
<body>
<header id="navbar-default" class="banner navbar navbar-default navbar-fixed-top ">
  <div class="container">
    <div class="navbar-header ">
      <button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target=".navbar-offcanvas"> <span class="sr-only"></span> <span class="icon-bar"></span></button>
    </div>
    <div class="navbar-offcanvas offcanvas navbar-right hor-nav-menu" role="navigation">
      <ul id="menu-header-menu" class="nav hor navbar-nav nav-hover">
        <li class="gldpnl-has-children dropdown menu-news"><a class="dropdown-toggle" data-target="#" href="#">Main1 <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="#">Home1</a></li>
            <li><a href="#">Home2</a></li>
            <li><a href="#">Home3</a></li>
          </ul>
        </li>
        <li class="gldpnl-has-children dropdown menu-learn"><a class="dropdown-toggle" data-target="#" href="#">Main2 <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="#">Home1</a></li>
            <li><a href="#">Home2</a></li>
            <li><a href="#">Home3</a></li>
          </ul>
        </li>
        <li class="gldpnl-has-children dropdown menu-community"><a class="dropdown-toggle" href="#">Main3 <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="#">Home1</a></li>
            <li><a href="#">Home2</a></li>
          </ul>
        </li>
        <li class="gldpnl-has-children dropdown menu-networks"><a class="dropdown-toggle" href="#">Main4 <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="#">Home1</a></li>
            <li><a href="#">Home2</a></li>
          </ul>
        </li>
        <li class="gldpnl-has-children dropdown menu-about"><a class="dropdown-toggle" href="#">Main5 <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="#">Home1</a></li>
            <li><a href="#">Home2</a></li>
            <li><a href="#">Home3</a></li>
            <li><a href="#">Home4</a></li>
            <li><a href="#">Home5</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
  
</header>
</body>
</html>

Create main.min.css

html {
 font-family:sans-serif;
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%
}
 [hidden], template {
display:none
}
* {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
*:before, *:after {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
a {
 color:#1495d1;
 text-decoration:none
}
a:hover, a:focus {
 color:#0d638b
}
a:focus {
 outline:thin dotted;
 outline:5px auto -webkit-focus-ring-color;
 outline-offset:-2px
}
.sr-only {
 position:absolute;
 width:1px;
 height:1px;
 margin:-1px;
 padding:0;
 overflow:hidden;
 clip:rect(0, 0, 0, 0);
 border:0
}
.lead {
 margin-bottom:22px;
 font-size:18px;
 font-weight:200;
 line-height:1.4
}
.page-header {
 padding-bottom:10px;
 margin:44px 0 22px;
 border-bottom:1px solid #ccc
}
ul, ol {
 margin-top:0;
 margin-bottom:11px
}
ul ul, ol ul, ul ol, ol ol {
 margin-bottom:0
}
.list-unstyled {
 padding-left:0;
 list-style:none
}
.list-inline {
 padding-left:0;
 list-style:none;
 margin-left:-5px
}
.list-inline>li {
 display:inline-block;
 padding-left:5px;
 padding-right:5px
}
dl {
 margin-top:0;
 margin-bottom:22px
}
dt, dd {
 line-height:1.428571429
}
dt {
 font-weight:bold
}
dd {
 margin-left:0
}
@media (min-width:768px) {
.dl-horizontal dt {
float:left;
width:160px;
clear:left;
text-align:right;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.dl-horizontal dd {
margin-left:180px
}
}
 @media (min-width:768px) {
.container {
width:750px
}
}
@media (min-width:992px) {
.container {
width:970px
}
}
@media (min-width:1200px) {
.container {
width:1170px
}
}
.container-fluid {
 margin-right:auto;
 margin-left:auto;
 padding-left:15px;
 padding-right:15px
}
.row {
 margin-left:-15px;
 margin-right:-15px
}
.fade {
 opacity:0;
-webkit-transition:opacity .15s linear;
transition:opacity .15s linear
}
.fade.in {
 opacity:1
}
.collapse {
 display:none
}
.collapse.in {
 display:block
}
.collapsing {
 position:relative;
 height:0;
 overflow:hidden;
-webkit-transition:height .35s ease;
transition:height .35s ease
}
.caret {
 display:inline-block;
 width:0;
 height:0;
 margin-left:2px;
 vertical-align:middle;
 border-top:4px solid;
 border-right:4px solid transparent;
 border-left:4px solid transparent
}
.dropdown {
 position:relative
}
.dropdown-toggle:focus {
 outline:0
}
.dropdown-menu {
 position:absolute;
 top:100%;
 left:0;
 z-index:1000;
 display:none;
 float:left;
 min-width:160px;
 padding:0;
 margin:2px 0 0;
 list-style:none;
 font-size:16px;
 background-color:#fff;
 background-clip:padding-box
}
.dropdown-menu.pull-right {
 right:0;
 left:auto
}
.dropdown-menu .divider {
 height:1px;
 margin:10px 0;
 overflow:hidden;
 background-color:#e5e5e5
}
.dropdown-menu>li>a {
 display:block;
 padding:4px 15px;
 clear:both;
 font-weight:300;
 line-height:1.428571429;
 color:#333;
 white-space:nowrap
}
.dropdown-menu-sec {
 position:absolute;
 top:100%;
 left:0;
 z-index:1000;
 display:none;
 float:left;
 min-width:160px;
 padding:0;
 margin:2px 0 0;
 list-style:none;
 font-size:16px;
 background-color:#fff;
 background-clip:padding-box
}
.dropdown-menu-sec.pull-right {
 right:0;
 left:auto
}
.dropdown-menu-sec .divider {
 height:1px;
 margin:10px 0;
 overflow:hidden;
 background-color:#e5e5e5
}
.dropdown-menu-sec>li>a {
 display:block;
 padding:4px 15px;
 clear:both;
 font-weight:300;
 line-height:1.428571429;
 color:#333;
 white-space:nowrap
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
 text-decoration:none;
 color:#262626;
 background-color:#f5f5f5
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
 color:#fff;
 text-decoration:none;
 outline:0;
 background-color:#1495d1
}
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
 color:#999
}
.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
 text-decoration:none;
 background-color:transparent;
 background-image:none;
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
 cursor:not-allowed
}
.open>.dropdown-menu {
 display:block
}
.open>a {
 outline:0
}
.dropdown-menu-right {
 left:auto;
 right:0
}
.dropdown-menu-left {
 left:0;
 right:auto
}
.dropdown-header {
 display:block;
 padding:3px 20px;
 font-size:14px;
 line-height:1.428571429;
 color:#999
}
.dropdown-backdrop {
 position:fixed;
 left:0;
 right:0;
 bottom:0;
 top:0;
 z-index:990
}
.pull-right>.dropdown-menu {
 right:0;
 left:auto
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
 border-top:0;
 border-bottom:4px solid;
 content:""
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
 top:auto;
 bottom:100%;
 margin-bottom:1px
}
@media (min-width:768px) {
.navbar-right .dropdown-menu {
left:auto;
right:0
}
.navbar-right .dropdown-menu-left {
left:0;
right:auto
}
}
.input-group {
 position:relative;
 display:table;
 border-collapse:separate
}
.input-group[class*="col-"] {
float:none;
padding-left:0;
padding-right:0
}
.input-group .form-control {
 position:relative;
 z-index:2;
 float:left;
 width:100%;
 margin-bottom:0
}
.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
 height:49px;
 padding:10px 16px;
 font-size:20px;
 line-height:1.33;
 border-radius:0
}
select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon, select.input-group-lg>.input-group-btn>.btn {
 height:49px;
 line-height:49px
}
textarea.input-group-lg>.form-control, textarea.input-group-lg>.input-group-addon, textarea.input-group-lg>.input-group-btn>.btn, select[multiple].input-group-lg>.form-control, select[multiple].input-group-lg>.input-group-addon, select[multiple].input-group-lg>.input-group-btn>.btn {
 height:auto
}
.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
 height:33px;
 padding:5px 10px;
 font-size:14px;
 line-height:1.5;
 border-radius:0
}
select.input-group-sm>.form-control, select.input-group-sm>.input-group-addon, select.input-group-sm>.input-group-btn>.btn {
 height:33px;
 line-height:33px
}
textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addon, textarea.input-group-sm>.input-group-btn>.btn, select[multiple].input-group-sm>.form-control, select[multiple].input-group-sm>.input-group-addon, select[multiple].input-group-sm>.input-group-btn>.btn {
 height:auto
}
.input-group-addon, .input-group-btn, .input-group .form-control {
 display:table-cell
}
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
border-radius:0
}
.input-group-addon, .input-group-btn {
 width:1%;
 white-space:nowrap;
 vertical-align:middle
}
.input-group-addon {
 padding:6px 12px;
 font-size:16px;
 font-weight:normal;
 line-height:1;
 color:#999;
 text-align:center;
 background-color:#ccc;
 border:1px solid #f5f5f5;
 border-radius:0
}
.input-group-addon.input-sm {
 padding:5px 10px;
 font-size:14px;
 border-radius:0
}
.input-group-addon.input-lg {
 padding:10px 16px;
 font-size:20px;
 border-radius:0
}
.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
 margin-top:0
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
border-bottom-right-radius:0;
border-top-right-radius:0
}
.input-group-addon:first-child {
 border-right:0
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
border-bottom-left-radius:0;
border-top-left-radius:0
}
.input-group-addon:last-child {
 border-left:0
}
.input-group-btn {
 position:relative;
 font-size:0;
 white-space:nowrap
}
.input-group-btn>.btn {
 position:relative
}
.input-group-btn>.btn+.btn {
 margin-left:-1px
}
.input-group-btn>.btn:hover, .input-group-btn>.btn:focus, .input-group-btn>.btn:active {
 z-index:2
}
.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group {
 margin-right:-1px
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
 margin-left:-1px
}
.nav {
 margin-bottom:0;
 padding-left:0;
 list-style:none
}
.nav>li {
 position:relative;
 display:block
}
.nav>li>a {
 position:relative;
 display:block;
 padding:10px 15px
}
.nav>li>a:hover, .nav>li>a:focus {
 text-decoration:none;
 background-color:#ccc
}
.nav>li.disabled>a {
 color:#999
}
.nav>li.disabled>a:hover, .nav>li.disabled>a:focus {
 color:#999;
 text-decoration:none;
 background-color:transparent;
 cursor:not-allowed
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
 background-color:#ccc;
 border-color:#1495d1
}
.nav .nav-divider {
 height:1px;
 margin:10px 0;
 overflow:hidden;
 background-color:#e5e5e5
}
.nav>li>a>img {
 max-width:none
}
.nav-sec {
 font-size:14px;
 margin-bottom:0;
 padding-left:0;
 list-style:none
}
.nav-sec>li {
 position:relative;
 display:block
}
.nav-sec>li>a {
 color:#fff !important;
 position:relative;
 display:block;
 padding:10px 15px
}
.nav-sec>li>a:hover, .nav-sec>li>a:focus {
 text-decoration:none;
 background-color:#333
}
.nav-sec>li.disabled>a {
 color:#999
}
.nav-sec>li.disabled>a:hover, .nav-sec>li.disabled>a:focus {
 color:#999;
 text-decoration:none;
 background-color:transparent;
 cursor:not-allowed
}
.nav-sec .open>a, .nav-sec .open>a:hover, .nav-sec .open>a:focus {
 background-color:#333;
 border-color:#1495d1
}
.nav-sec .nav-divider {
 height:1px;
 margin:10px 0;
 overflow:hidden;
 background-color:#e5e5e5
}
.nav-sec>li>a>img {
 max-width:none
}
.nav-tabs {
 border-bottom:1px solid #ddd
}
.nav-tabs>li {
 float:left;
 margin-bottom:-1px
}
.nav-tabs>li>a {
 margin-right:2px;
 line-height:1.428571429;
 border:1px solid transparent;
 border-radius:0 0 0 0
}
.nav-tabs>li>a:hover {
 border-color:#ccc #ccc #ddd
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
 color:#555;
 background-color:#f5f5f5;
 border:1px solid #ddd;
 border-bottom-color:transparent;
 cursor:default
}
.nav-tabs.nav-justified {
 width:100%;
 border-bottom:0
}
.nav-tabs.nav-justified>li {
 float:none
}
.nav-tabs.nav-justified>li>a {
 text-align:center;
 margin-bottom:5px
}
.nav-tabs.nav-justified>.dropdown .dropdown-menu, .nav-tabs.nav-justified .dropdown .dropdown-menu-sec {
 top:auto;
 left:auto
}
@media (min-width:768px) {
.nav-tabs.nav-justified>li {
display:table-cell;
width:1%
}
.nav-tabs.nav-justified>li>a {
margin-bottom:0
}
}
.nav-tabs.nav-justified>li>a {
 margin-right:0;
 border-radius:0
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
 border:1px solid #ddd
}
@media (min-width:768px) {
.nav-tabs.nav-justified>li>a {
border-bottom:1px solid #ddd;
border-radius:0 0 0 0
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
border-bottom-color:#f5f5f5
}
}
.nav-pills>li {
 float:left
}
.nav-pills>li>a {
 border-radius:0
}
.nav-pills>li+li {
 margin-left:2px
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
 color:#fff;
 background-color:#1495d1
}
.nav-stacked>li {
 float:none
}
.nav-stacked>li+li {
 margin-top:2px;
 margin-left:0
}
.nav-justified {
 width:100%
}
.nav-justified>li {
 float:none
}
.nav-justified>li>a {
 text-align:center;
 margin-bottom:5px
}
.nav-justified>.dropdown .dropdown-menu, .nav-justified .dropdown .dropdown-menu-sec {
 top:auto;
 left:auto
}
@media (min-width:768px) {
.nav-justified>li {
display:table-cell;
width:1%
}
.nav-justified>li>a {
margin-bottom:0
}
}
.nav-tabs-justified {
 border-bottom:0
}
.nav-tabs-justified>li>a {
 margin-right:0;
 border-radius:0
}
.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus {
 border:1px solid #ddd
}
@media (min-width:768px) {
.nav-tabs-justified>li>a {
border-bottom:1px solid #ddd;
border-radius:0 0 0 0
}
.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus {
border-bottom-color:#f5f5f5
}
}
.tab-content>.tab-pane {
 display:none
}
.tab-content>.active {
 display:block
}
.nav-tabs .dropdown-menu, .nav-tabs .dropdown-menu-sec {
 margin-top:-1px;
 border-top-right-radius:0;
 border-top-left-radius:0
}
.navbar {
 position:relative;
 min-height:85px;
 margin-bottom:22px;
 border:1px solid transparent
}
@media (min-width:768px) {
.navbar {
border-radius:0
}
}
@media (min-width:1200px) {
.navbar-header {
float:left
}
}
.navbar-collapse {
 max-height:340px;
 overflow-x:visible;
 padding-right:15px;
 padding-left:15px;
 border-top:1px solid transparent;
 box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1);
 -webkit-overflow-scrolling:touch
}
.navbar-collapse.in {
 overflow-y:auto
}
@media (min-width:768px) {
.navbar-collapse {
width:auto;
border-top:0;
box-shadow:none
}
.navbar-collapse.collapse {
display:block !important;
height:auto !important;
padding-bottom:0;
overflow:visible !important
}
.navbar-collapse.in {
overflow-y:visible
}
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
padding-left:0;
padding-right:0
}
}
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
 margin-right:-15px;
 margin-left:-15px
}
@media (min-width:768px) {
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
margin-right:0;
margin-left:0
}
}
.navbar-static-top {
 z-index:1000;
 border-width:0 0 1px
}
@media (min-width:768px) {
.navbar-static-top {
border-radius:0
}
}
.navbar-fixed-top, .navbar-fixed-bottom {
 position:fixed;
 right:0;
 left:0;
 z-index:1030
}
@media (min-width:768px) {
.navbar-fixed-top, .navbar-fixed-bottom {
border-radius:0
}
}
.navbar-fixed-top {
 top:0;
 border-width:0 0 1px
}
.navbar-fixed-bottom {
 bottom:0;
 margin-bottom:0;
 border-width:1px 0 0
}
.navbar-brand {
 float:left;
 margin-left:15px;
 font-size:20px;
 line-height:55px;
 height:55px
}
.navbar-brand:hover, .navbar-brand:focus {
 text-decoration:none
}
@media (min-width:768px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
margin-left:0px
}
}
.navbar-toggle {
 position:relative;
 float:right;
 margin-right:15px;
 padding:9px 10px;
 margin-top:25.5px;
 margin-bottom:25.5px;
 background-color:transparent;
 background-image:none;
 border:1px solid transparent;
 border-radius:0
}
.navbar-toggle:focus {
 outline:none
}
.navbar-toggle .icon-bar {
 display:block;
 width:22px;
 height:2px;
 border-radius:1px
}
.navbar-toggle .icon-bar+.icon-bar {
 margin-top:4px
}
@media (min-width:1200px) {
.navbar-toggle {
display:none
}
}
.navbar-nav {
 margin:16px -15px;
 text-transform:uppercase
}
.navbar-nav>li>a {
 padding-top:10px;
 padding-bottom:10px;
 line-height:22px
}
@media (max-width:1200px) {
.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
box-shadow:none
}
.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
padding:5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu>li>a {
line-height:22px
}
.navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus {
background-image:none
}
.navbar-nav .open .dropdown-menu-sec {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
box-shadow:none
}
.navbar-nav .open .dropdown-menu-sec>li>a, .navbar-nav .open .dropdown-menu-sec .dropdown-header {
padding:5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu-sec>li>a {
line-height:22px
}
.navbar-nav .open .dropdown-menu-sec>li>a:hover, .navbar-nav .open .dropdown-menu-sec>li>a:focus {
background-image:none
}
}
@media (min-width:1200px) {
.navbar-nav {
float:left;
margin:0
}
.navbar-nav>li {
float:left
}
.navbar-nav>li>a {
padding-top:32px;
padding-bottom:32px
}
.navbar-nav.navbar-right:last-child {
margin-right:-15px
}
}
.navbar-nav-sec {
 margin:16px -15px;
 text-transform:uppercase
}
.navbar-nav-sec>li>a {
 padding-top:7px !important;
 padding-bottom:6px !important;
 line-height:22px
}
@media (max-width:1200px) {
.navbar-nav-sec .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
box-shadow:none
}
.navbar-nav-sec .open .dropdown-menu>li>a, .navbar-nav-sec .open .dropdown-menu .dropdown-header {
padding:5px 15px 5px 25px
}
.navbar-nav-sec .open .dropdown-menu>li>a {
line-height:22px
}
.navbar-nav-sec .open .dropdown-menu>li>a:hover, .navbar-nav-sec .open .dropdown-menu>li>a:focus {
background-image:none
}
.navbar-nav-sec .open .dropdown-menu-sec {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
box-shadow:none
}
.navbar-nav-sec .open .dropdown-menu-sec>li>a, .navbar-nav-sec .open .dropdown-menu-sec .dropdown-header {
padding:5px 15px 5px 25px
}
.navbar-nav-sec .open .dropdown-menu-sec>li>a {
line-height:22px
}
.navbar-nav-sec .open .dropdown-menu-sec>li>a:hover, .navbar-nav-sec .open .dropdown-menu-sec>li>a:focus {
background-image:none
}
}
@media (min-width:768px) {
.navbar-nav-sec {
float:left;
margin:0
}
.navbar-nav-sec>li {
float:left
}
.navbar-nav-sec>li>a {
padding-top:32px;
padding-bottom:32px
}
.navbar-nav-sec.navbar-right:last-child {
margin-right:-15px
}
}
@media (min-width:768px) {
.navbar-left {
float:left !important
}
.navbar-right {
float:right !important
}
}
.navbar-form {
 margin-left:-15px;
 margin-right:-15px;
 padding:10px 15px;
 border-top:1px solid transparent;
 border-bottom:1px solid transparent;
 -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
 box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
 margin-top:24.5px;
 margin-bottom:24.5px
}
.navbar-nav>li>.dropdown-menu {
 margin-top:0;
 border-top-right-radius:0;
 border-top-left-radius:0
}
.navbar-nav>li>.dropdown-menu-sec {
 margin-top:0;
 border-top-right-radius:0;
 border-top-left-radius:0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
 border-bottom-right-radius:0;
 border-bottom-left-radius:0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu-sec {
 border-bottom-right-radius:0;
 border-bottom-left-radius:0
}
.navbar-btn {
 margin-top:24.5px;
 margin-bottom:24.5px
}
.navbar-btn.btn-sm {
 margin-top:26px;
 margin-bottom:26px
}
.navbar-btn.btn-xs {
 margin-top:31.5px;
 margin-bottom:31.5px
}
.navbar-text {
 margin-top:31.5px;
 margin-bottom:31.5px
}
@media (min-width:768px) {
.navbar-text {
float:left;
margin-left:15px;
margin-right:15px
}
.navbar-text.navbar-right:last-child {
margin-right:0
}
}
.navbar-default {
 background-color:#fff
}
.navbar-default .navbar-brand {
 color:#777
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
 color:#5e5e5e;
 background-color:transparent
}
.navbar-default .navbar-text {
 color:#777
}
.navbar-default .navbar-nav>li>a {
 color:#777
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
 color:#333;
 background-color:transparent
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
 color:#555;
 background-color:#fff
}
.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus {
 color:#ccc;
 background-color:transparent
}
.navbar-default .navbar-toggle {
 border-color:#ddd
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
 background-color:#ddd
}
.navbar-default .navbar-toggle .icon-bar {
 background-color:#888
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
 border-color:#eee
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
 background-color:#fff;
 color:#555
}
@media (max-width:1200px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color:#777
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
color:#555;
background-color:#fff
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color:#ccc;
background-color:transparent
}
.navbar-default .navbar-nav .open .dropdown-menu-sec>li>a {
color:#777
}
.navbar-default .navbar-nav .open .dropdown-menu-sec>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu-sec>li>a:focus {
color:#333;
background-color:transparent
}
.navbar-default .navbar-nav .open .dropdown-menu-sec>.active>a, .navbar-default .navbar-nav .open .dropdown-menu-sec>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu-sec>.active>a:focus {
color:#555;
background-color:#fff
}
.navbar-default .navbar-nav .open .dropdown-menu-sec>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu-sec>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu-sec>.disabled>a:focus {
color:#ccc;
background-color:transparent
}
}
.navbar-default .navbar-link {
 color:#777
}
.navbar-default .navbar-link:hover {
 color:#333
}
.navbar-inverse {
 background-color:#222;
 border-color:#080808
}
.navbar-inverse .navbar-brand {
 color:#999
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
 color:#fff;
 background-color:transparent
}
.navbar-inverse .navbar-text {
 color:#999
}
.navbar-inverse .navbar-nav>li>a {
 color:#999
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
 color:#fff;
 background-color:transparent
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
 color:#fff;
 background-color:#080808
}
.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus {
 color:#444;
 background-color:transparent
}
.navbar-inverse .navbar-toggle {
 border-color:#333
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
 background-color:#333
}
.navbar-inverse .navbar-toggle .icon-bar {
 background-color:#fff
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
 border-color:#101010
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
 background-color:#080808;
 color:#fff
}
@media (max-width:1200px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
border-color:#080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color:#080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color:#999
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
color:#fff;
background-color:transparent
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
color:#fff;
background-color:#080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color:#444;
background-color:transparent
}
.navbar-inverse .navbar-nav .open .dropdown-menu-sec>.dropdown-header {
border-color:#080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu-sec .divider {
background-color:#080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu-sec>li>a {
color:#999
}
.navbar-inverse .navbar-nav .open .dropdown-menu-sec>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu-sec>li>a:focus {
color:#fff;
background-color:transparent
}
.navbar-inverse .navbar-nav .open .dropdown-menu-sec>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu-sec>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu-sec>.active>a:focus {
color:#fff;
background-color:#080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu-sec>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu-sec>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu-sec>.disabled>a:focus {
color:#444;
background-color:transparent
}
}
.navbar-inverse .navbar-link {
 color:#999
}
.navbar-inverse .navbar-link:hover {
 color:#fff
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .nav:before, .nav:after, .nav-sec:before, .nav-sec:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .modal-footer:before, .modal-footer:after {
 content:" ";
 display:table
}
.clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .nav:after, .nav-sec:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .modal-footer:after {
 clear:both
}
.center-block {
 display:block;
 margin-left:auto;
 margin-right:auto
}
.pull-right {
 float:right !important
}
.pull-left {
 float:left !important
}
.hide {
 display:none !important
}
.show {
 display:block !important
}
.nav-tabs-bottom {
 border-bottom:0;
 border-top:1px solid #ddd
}
.nav-tabs-bottom>li {
 margin-bottom:0;
 margin-top:-1px
}
.nav-tabs-bottom>li>a {
 border-radius:0 0 4px 4px
}
.nav-tabs-bottom>li>a:hover, .nav-tabs-bottom>li>a:focus, .nav-tabs-bottom>li.active>a, .nav-tabs-bottom>li.active>a:hover, .nav-tabs-bottom>li.active>a:focus {
 border:1px solid #ddd;
 border-top-color:transparent
}
.nav-tabs-left {
 border-bottom:0;
 border-right:1px solid #ddd
}
.nav-tabs-left>li {
 margin-bottom:0;
 margin-right:-1px;
 float:none
}
.nav-tabs-left>li>a {
 border-radius:4px 0 0 4px;
 margin-right:0;
 margin-bottom:2px
}
.nav-tabs-left>li>a:hover, .nav-tabs-left>li>a:focus, .nav-tabs-left>li.active>a, .nav-tabs-left>li.active>a:hover, .nav-tabs-left>li.active>a:focus {
 border:1px solid #ddd;
 border-right-color:transparent
}
.row>.nav-tabs-left {
 padding-right:0;
 padding-left:15px;
 margin-right:-1px;
 position:relative;
 z-index:1
}
.row>.nav-tabs-left+.tab-content {
 border-left:1px solid #ddd
}
.nav-tabs-right {
 border-bottom:0;
 border-left:1px solid #ddd
}
.nav-tabs-right>li {
 margin-bottom:0;
 margin-left:-1px;
 float:none
}
.nav-tabs-right>li>a {
 border-radius:0 4px 4px 0;
 margin-left:0;
 margin-bottom:2px
}
.nav-tabs-right>li>a:hover, .nav-tabs-right>li>a:focus, .nav-tabs-right>li.active>a, .nav-tabs-right>li.active>a:hover, .nav-tabs-right>li.active>a:focus {
 border:1px solid #ddd;
 border-left-color:transparent
}
.row>.nav-tabs-right {
 padding-left:0;
 padding-right:15px
}
.navmenu, .navbar-offcanvas {
 width:300px;
 height:auto;
 border-width:1px;
 border-style:solid;
 border-radius:4px
}
.navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas {
 position:fixed;
 z-index:1030;
 top:0;
 bottom:0;
 overflow-y:auto;
 border-radius:0
}
.navmenu-fixed-left, .navbar-offcanvas.navmenu-fixed-left {
 left:0;
 right:auto;
 border-width:0 1px 0 0
}
.navmenu-fixed-right, .navbar-offcanvas {
 left:auto;
 right:0;
 border-width:0 0 0 1px
}
.navmenu-nav {
 margin-bottom:10px
}
.navmenu-nav.dropdown-menu {
 position:static;
 margin:0;
 padding-top:0;
 float:none;
 border:none;
 -webkit-box-shadow:none;
 box-shadow:none;
 border-radius:0
}
.navbar-offcanvas .navbar-nav {
 margin:0
}
@media (min-width:1200px) {
.navbar-offcanvas {
width:auto;
border-top:0;
box-shadow:none
}
.navbar-offcanvas.offcanvas {
position:static;
display:block!important;
height:auto!important;
padding-bottom:0;
overflow:visible !important
}
.navbar-offcanvas .navbar-nav.navbar-left:first-child {
margin-left:-15px
}
.navbar-offcanvas .navbar-nav.navbar-right:last-child {
margin-right:-15px
}
.navbar-offcanvas .navmenu-brand {
display:none
}
}
.navmenu-brand {
 display:block;
 font-size:18px;
 line-height:20px;
 padding:10px 15px;
 margin:10px 0
}
.navmenu-brand:hover, .navmenu-brand:focus {
 text-decoration:none
}
.navmenu-default, .navbar-default .navbar-offcanvas {
 background-color:#f8f8f8;
 border-color:#e7e7e7
}
.navmenu-default .navmenu-brand, .navbar-default .navbar-offcanvas .navmenu-brand {
 color:#777
}
.navmenu-default .navmenu-brand:hover, .navbar-default .navbar-offcanvas .navmenu-brand:hover, .navmenu-default .navmenu-brand:focus, .navbar-default .navbar-offcanvas .navmenu-brand:focus {
 color:#5e5e5e;
 background-color:transparent
}
.navmenu-default .navmenu-text, .navbar-default .navbar-offcanvas .navmenu-text {
 color:#777
}
.navmenu-default .navmenu-nav>.dropdown>a:hover .caret, .navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:hover .caret, .navmenu-default .navmenu-nav>.dropdown>a:focus .caret, .navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:focus .caret {
 border-top-color:#333;
 border-bottom-color:#333
}
.navmenu-default .navmenu-nav>.open>a, .navbar-default .navbar-offcanvas .navmenu-nav>.open>a, .navmenu-default .navmenu-nav>.open>a:hover, .navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover, .navmenu-default .navmenu-nav>.open>a:focus, .navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus {
 background-color:#e7e7e7;
 color:#555
}
.navmenu-default .navmenu-nav>.open>a .caret, .navbar-default .navbar-offcanvas .navmenu-nav>.open>a .caret, .navmenu-default .navmenu-nav>.open>a:hover .caret, .navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover .caret, .navmenu-default .navmenu-nav>.open>a:focus .caret, .navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus .caret {
 border-top-color:#555;
 border-bottom-color:#555
}
.navmenu-default .navmenu-nav>.dropdown>a .caret, .navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a .caret {
 border-top-color:#777;
 border-bottom-color:#777
}
.navmenu-default .navmenu-nav.dropdown-menu, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu {
 background-color:#e7e7e7
}
.navmenu-default .navmenu-nav.dropdown-menu>.divider, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.divider {
 background-color:#f8f8f8
}
.navmenu-default .navmenu-nav.dropdown-menu>.active>a, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a, .navmenu-default .navmenu-nav.dropdown-menu>.active>a:hover, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:hover, .navmenu-default .navmenu-nav.dropdown-menu>.active>a:focus, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:focus {
 background-color:#d7d7d7
}
.navmenu-default .navmenu-nav>li>a, .navbar-default .navbar-offcanvas .navmenu-nav>li>a {
 color:#777
}
.navmenu-default .navmenu-nav>li>a:hover, .navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover, .navmenu-default .navmenu-nav>li>a:focus, .navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus {
 color:#333;
 background-color:transparent
}
.navmenu-default .navmenu-nav>.active>a, .navbar-default .navbar-offcanvas .navmenu-nav>.active>a, .navmenu-default .navmenu-nav>.active>a:hover, .navbar-default .navbar-offcanvas .navmenu-nav>.active>a:hover, .navmenu-default .navmenu-nav>.active>a:focus, .navbar-default .navbar-offcanvas .navmenu-nav>.active>a:focus {
 color:#555;
 background-color:#e7e7e7
}
.navmenu-default .navmenu-nav>.disabled>a, .navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a, .navmenu-default .navmenu-nav>.disabled>a:hover, .navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a:hover, .navmenu-default .navmenu-nav>.disabled>a:focus, .navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a:focus {
 color:#ccc;
 background-color:transparent
}
.navmenu-inverse, .navbar-inverse .navbar-offcanvas {
 background-color:#222;
 border-color:#080808
}
.navmenu-inverse .navmenu-brand, .navbar-inverse .navbar-offcanvas .navmenu-brand {
 color:#999
}
.navmenu-inverse .navmenu-brand:hover, .navbar-inverse .navbar-offcanvas .navmenu-brand:hover, .navmenu-inverse .navmenu-brand:focus, .navbar-inverse .navbar-offcanvas .navmenu-brand:focus {
 color:#fff;
 background-color:transparent
}
.navmenu-inverse .navmenu-text, .navbar-inverse .navbar-offcanvas .navmenu-text {
 color:#999
}
.navmenu-inverse .navmenu-nav>.dropdown>a:hover .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a:hover .caret, .navmenu-inverse .navmenu-nav>.dropdown>a:focus .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a:focus .caret {
 border-top-color:#fff;
 border-bottom-color:#fff
}
.navmenu-inverse .navmenu-nav>.open>a, .navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a, .navmenu-inverse .navmenu-nav>.open>a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:hover, .navmenu-inverse .navmenu-nav>.open>a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:focus {
 background-color:#080808;
 color:#fff
}
.navmenu-inverse .navmenu-nav>.open>a .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a .caret, .navmenu-inverse .navmenu-nav>.open>a:hover .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:hover .caret, .navmenu-inverse .navmenu-nav>.open>a:focus .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:focus .caret {
 border-top-color:#fff;
 border-bottom-color:#fff
}
.navmenu-inverse .navmenu-nav>.dropdown>a .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a .caret {
 border-top-color:#999;
 border-bottom-color:#999
}
.navmenu-inverse .navmenu-nav.dropdown-menu, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu {
 background-color:#080808
}
.navmenu-inverse .navmenu-nav.dropdown-menu>.divider, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.divider {
 background-color:#222
}
.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a, .navmenu-inverse .navmenu-nav.dropdown-menu>.active>a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:hover, .navmenu-inverse .navmenu-nav.dropdown-menu>.active>a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:focus {
 background-color:#000
}
.navmenu-inverse .navmenu-nav>li>a, .navbar-inverse .navbar-offcanvas .navmenu-nav>li>a {
 color:#999
}
.navmenu-inverse .navmenu-nav>li>a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav>li>a:hover, .navmenu-inverse .navmenu-nav>li>a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav>li>a:focus {
 color:#fff;
 background-color:transparent
}
.navmenu-inverse .navmenu-nav>.active>a, .navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a, .navmenu-inverse .navmenu-nav>.active>a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a:hover, .navmenu-inverse .navmenu-nav>.active>a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a:focus {
 color:#fff;
 background-color:#080808
}
.navmenu-inverse .navmenu-nav>.disabled>a, .navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a, .navmenu-inverse .navmenu-nav>.disabled>a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a:hover, .navmenu-inverse .navmenu-nav>.disabled>a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a:focus {
 color:#444;
 background-color:transparent
}
.alert-fixed-top, .alert-fixed-bottom {
 position:fixed;
 width:100%;
 z-index:1035;
 border-radius:0;
 margin:0;
 left:0
}
@media (min-width:992px) {
.alert-fixed-top, .alert-fixed-bottom {
width:992px;
left:50%;
margin-left:-496px
}
}
.alert-fixed-top {
 top:0;
 border-width:0 0 1px
}
@media (min-width:992px) {
.alert-fixed-top {
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
border-width:0 1px 1px
}
}
.alert-fixed-bottom {
 bottom:0;
 border-width:1px 0 0
}
@media (min-width:992px) {
.alert-fixed-bottom {
border-top-right-radius:4px;
border-top-left-radius:4px;
border-width:1px 1px 0
}
}
.offcanvas {
 display:none
}
.offcanvas.in {
 display:block
}
@media (max-width:767px) {
.offcanvas-xs {
display:none
}
.offcanvas-xs.in {
display:block
}
}
@media (max-width:991px) {
.offcanvas-sm {
display:none
}
.offcanvas-sm.in {
display:block
}
}
@media (max-width:1199px) {
.offcanvas-md {
display:none
}
.offcanvas-md.in {
display:block
}
}
.offcanvas-lg {
 display:none
}
.offcanvas-lg.in {
 display:block
}
.canvas-sliding {
-webkit-transition:top .35s, left .35s, bottom .35s, right .35s;
transition:top .35s, left .35s, bottom .35s, right .35s
}
.offcanvas-clone {
 height:0!important;
 width:0!important;
 overflow:hidden!important;
 border:none!important;
 margin:0!important;
 padding:0!important;
 position:absolute!important;
 top:auto!important;
 left:auto!important;
 bottom:0!important;
 right:0!important;
 opacity:0 !important
}
 @media (max-width:992px) {
.dropdown-login>.open>.dropdown-menu {
width:100% !important;
position:relative !important
}
}
.h-login-fix {
 right:0 !important;
 left:inherit !important
}
.navbar-brand {
 width:210px;
 height:55px;
 display:block;
 background-position:0 0;
 text-indent:-999999em;
 margin-top:15px
}
.navbar-brand {
 background:#333;
 overflow:hidden
}
@media (max-width:992px) {
.navbar-brand {
width:140px;
height:37px;
background-size:140px 37px;
display:block;
background-position:0 0;
text-indent:-999999em;
margin-top:25px
}
}
.navmenu-default, .navbar-default .navbar-offcanvas {
 background-color:#fff !important;
border-color:#000000 !imporant;
 border-style:none
}
li.menu-profile a {
 padding-top:28px;
 padding-bottom:28px
}
.navbar-icons-sm a, .navbar-icons-md a {
 font-size:20px;
 color:#777 !important
}
.navbar-icons-sm a:hover, .navbar-icons-md a:hover {
 color:#333
}
.navbar-icons-sm {
 margin-right:10px;
 float:right;
 margin-top:29px
}
.navbar-icons-sm li {
 margin-right:10px
}
.navbar-icons-md {
 display:none
}
.navbar-icons-md li a {
 padding-top:30px
}
@media (min-width:1200px) {
.navbar-icons-sm {
display:none
}
.navbar-icons-md {
display:block
}
}
.icon-size {
 font-size:22px;
 line-height:12px;
 top:3px;
 margin:0px 5px 0px 10px
}
 @media (max-width:768px) {
.hiring {
display:none
}
}
.hiring:hover {
 opacity:0.7
}
.navbar-collapse.collapse {
 overflow:hidden !important
}
@media (max-width:1200px) {
.navbar-collapse.collapse {
overflow:visible !important
}
}
.dropdown-menu {
 width:100%;
 position:fixed;
 top:86px;
 left:0;
 z-index:750;
 display:none;
 float:left;
 min-width:160px;
 margin:0 auto;
 text-align:center
}
.dropdown-menu li {
 display:inline-block
}
@media (max-width:1200px) {
.dropdown-menu li {
display:block;
text-align:left
}
}
.navbar-brand img {
 max-width:130px
}
.sec-menu {
 background:#555555
}
.nav-sec .dropdown-menu-sec {
 background-color:#555;
 padding:0 0;
 margin:0px
}
.nav-sec .dropdown-menu-sec a {
 line-height:29px;
 font-size:14px;
 color:#fff !important
}
.nav-sec .dropdown-menu-sec a:hover, .nav-sec .dropdown-menu-sec a:focus {
 color:#fff;
 background-color:#333
}
.open>.dropdown-menu-sec {
 display:block
}
body {
 padding-top:115px
}
body.admin-bar .navbar-fixed-top {
 top:32px !important
}
body.admin-bar .navbar-fixed-top {
 top:32px !important
}
@media (max-width:782px) {
body.admin-bar .navbar-fixed-top {
top:46px !important
}
}
body.admin-bar #wpadminbar {
 position:fixed
}
.navbar-default {
 border-bottom:30px solid;
 border-color:#1495d1
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
 color:#fff
}
.navbar-toggle-sec {
 color:#555;
 position:relative;
 float:right;
 margin:32px 15px 0px 0px;
 background-color:transparent;
 background-image:none
}
.navbar-toggle-sec:focus {
 outline:none
}
.navbar-toggle-sec:hover {
 color:#000000
}
@media (min-width:1200px) {
.navbar-toggle-sec {
display:none
}
}
.open {
 z-index:1000
}
.open-menu>.dropdown-menu {
 display:block
}
.menu-news.open>a, .menu-news.open>a:hover, .menu-news.open>a:focus {
 background:#1495d1 !important;
 color:#fff !important
}
.menu-learn.open>a, .menu-learn.open>a:hover, .menu-learn.open>a:focus {
 background:#f49e0d !important;
 color:#fff !important
}
.menu-community.open>a, .menu-community.open>a:hover, .menu-community.open>a:focus {
 background:#72bfe3 !important;
 color:#fff !important
}
.menu-networks.open>a, .menu-networks.open>a:hover, .menu-networks.open>a:focus {
 background:#e64342 !important;
 color:#fff !important
}
.menu-about.open>a, .menu-about.open>a:hover, .menu-about.open>a:focus {
 background:#813e8e !important;
 color:#fff !important
}
.menu-community>a:hover, .menu-community>a:focus {
 background:#72bfe3 !important;
 color:#fff !important
}
.menu-networks>a:hover, .menu-networks>a:focus {
 background:#e64342 !important;
 color:#fff !important
}
.menu-news .dropdown-menu>li>a {
 background:#1495d1;
 color:#fff
}
.menu-news .dropdown-menu>li>a:hover {
 background:#5cc0ef
}
.menu-learn .dropdown-menu>li>a {
 background:#f49e0d;
 color:#fff
}
.menu-learn .dropdown-menu>li>a:hover {
 background:#f8c56f
}
.menu-community .dropdown-menu>li>a {
 background:#72bfe3;
 color:#fff
}
.menu-community .dropdown-menu>li>a:hover {
 background:#9dd2eb
}
.menu-networks .dropdown-menu>li>a {
 background:#e64342;
 color:#fff
}
.menu-networks .dropdown-menu>li>a:hover {
 background:#f29d9c
}
.menu-about .dropdown-menu>li>a {
 background:#813e8e;
 color:#fff
}
.menu-about .dropdown-menu>li>a:hover {
 background:#b471c1
}
@media (max-width:992px) {
.menu-news .dropdown-menu>li>a:hover {
background:#1495d1
}
.menu-learn .dropdown-menu>li>a:hover {
background:#f49e0d
}
.menu-community .dropdown-menu>li>a:hover {
background:#72bfe3
}
.menu-networks .dropdown-menu>li>a:hover {
background:#e64342
}
.menu-about .dropdown-menu>li>a:hover {
background:#813e8e
}
}
.menu-news .dropdown-menu {
 background:#1495d1
}
@media (min-width:1200px) {
.menu-news .dropdown-menu {
padding-left:205px
}
}
.menu-learn .dropdown-menu {
 background:#f49e0d
}
@media (min-width:1200px) {
.menu-learn .dropdown-menu {
padding-left:340px
}
}
.menu-community .dropdown-menu {
 background:#72bfe3
}
@media (min-width:1200px) {
.menu-community .dropdown-menu {
padding-left:340px
}
}
.menu-networks .dropdown-menu {
 background:#e64342
}
@media (min-width:1200px) {
.menu-networks .dropdown-menu {
padding-left:304px
}
}
.menu-about .dropdown-menu {
 background:#813e8e
}
@media (min-width:1200px) {
.menu-about .dropdown-menu {
padding-left:491px
}
}
.b-blue {
 border-color:#1495d1 !important
}
.b-blue-two {
 border-color:#72bfe3 !important
}
.b-yellow {
 border-color:#f49e0d !important
}
.b-red {
 border-color:#e64342 !important
}
.b-purple {
 border-color:#813e8e !important
}
.btn {
 background-color:#1495d1;
 color:#fff
}
.btn:hover {
 background:#5cc0ef;
 color:#fff
}

Create scripts.min.js

if(+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one(a.support.transition.end,function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b()})}(jQuery),+function(a){"use strict";var b='[data-dismiss="alert"]',c=function(c){a(c).on("click",b,this.close)};c.prototype.close=function(b){function c(){f.trigger("closed.bs.alert").remove()}var d=a(this),e=d.attr("data-target");e||(e=d.attr("href"),e=e&&e.replace(/.*(?=#[^\s]*$)/,""));var f=a(e);b&&b.preventDefault(),f.length||(f=d.hasClass("alert")?d:d.parent()),f.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one(a.support.transition.end,c).emulateTransitionEnd(150):c())};var d=a.fn.alert;a.fn.alert=function(b){return this.each(function(){var d=a(this),e=d.data("bs.alert");e||d.data("bs.alert",e=new c(this)),"string"==typeof b&&e[b].call(d)})},a.fn.alert.Constructor=c,a.fn.alert.noConflict=function(){return a.fn.alert=d,this},a(document).on("click.bs.alert.data-api",b,c.prototype.close)}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.isLoading=!1};b.DEFAULTS={loadingText:"loading..."},b.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",f.resetText||d.data("resetText",d[e]()),d[e](f[b]||this.options[b]),setTimeout(a.proxy(function(){"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},b.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")&&(c.prop("checked")&&this.$element.hasClass("active")?a=!1:b.find(".active").removeClass("active")),a&&c.prop("checked",!this.$element.hasClass("active")).trigger("change")}a&&this.$element.toggleClass("active")};var c=a.fn.button;a.fn.button=function(c){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof c&&c;e||d.data("bs.button",e=new b(this,f)),"toggle"==c?e.toggle():c&&e.setState(c)})},a.fn.button.Constructor=b,a.fn.button.noConflict=function(){return a.fn.button=c,this},a(document).on("click.bs.button.data-api","[data-toggle^=button]",function(b){var c=a(b.target);c.hasClass("btn")||(c=c.closest(".btn")),c.button("toggle"),b.preventDefault()})}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.transitioning=null,this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};b.DEFAULTS={toggle:!0},b.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},b.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b=a.Event("show.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.$parent&&this.$parent.find("> .panel > .in");if(c&&c.length){var d=c.data("bs.collapse");if(d&&d.transitioning)return;c.collapse("hide"),d||c.data("bs.collapse",null)}var e=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[e](0),this.transitioning=1;var f=function(){this.$element.removeClass("collapsing").addClass("collapse in")[e]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return f.call(this);var g=a.camelCase(["scroll",e].join("-"));this.$element.one(a.support.transition.end,a.proxy(f,this)).emulateTransitionEnd(350)[e](this.$element[0][g])}}},b.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var d=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return a.support.transition?void this.$element[c](0).one(a.support.transition.end,a.proxy(d,this)).emulateTransitionEnd(350):d.call(this)}}},b.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var c=a.fn.collapse;a.fn.collapse=function(c){return this.each(function(){var d=a(this),e=d.data("bs.collapse"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c);!e&&f.toggle&&"show"==c&&(c=!c),e||d.data("bs.collapse",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.collapse.Constructor=b,a.fn.collapse.noConflict=function(){return a.fn.collapse=c,this},a(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(b){var c,d=a(this),e=d.attr("data-target")||b.preventDefault()||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,""),f=a(e),g=f.data("bs.collapse"),h=g?"toggle":d.data(),i=d.attr("data-parent"),j=i&&a(i);g&&g.transitioning||(j&&j.find('[data-toggle=collapse][data-parent="'+i+'"]').not(d).addClass("collapsed"),d[f.hasClass("in")?"addClass":"removeClass"]("collapsed")),f.collapse(h)})}(jQuery),+function(a){"use strict";function b(b){a(d).remove(),a(e).each(function(){var d=c(a(this)),e={relatedTarget:this};d.hasClass("open")&&(d.trigger(b=a.Event("hide.bs.dropdown",e)),b.isDefaultPrevented()||d.removeClass("open").trigger("hidden.bs.dropdown",e))})}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}var d=".dropdown-backdrop",e="[data-toggle=dropdown]",f=function(b){a(b).on("click.bs.dropdown",this.toggle)};f.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a('<div class="dropdown-backdrop"/>').insertAfter(a(this)).on("click",b);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;f.toggleClass("open").trigger("shown.bs.dropdown",h),e.focus()}return!1}},f.prototype.keydown=function(b){if(/(38|40|27)/.test(b.keyCode)){var d=a(this);if(b.preventDefault(),b.stopPropagation(),!d.is(".disabled, :disabled")){var f=c(d),g=f.hasClass("open");if(!g||g&&27==b.keyCode)return 27==b.which&&f.find(e).focus(),d.click();var h=" li:not(.divider):visible a",i=f.find("[role=menu]"+h+", [role=listbox]"+h);if(i.length){var j=i.index(i.filter(":focus"));38==b.keyCode&&j>0&&j--,40==b.keyCode&&j<i.length-1&&j++,~j||(j=0),i.eq(j).focus()}}}};var g=a.fn.dropdown;a.fn.dropdown=function(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new f(this)),"string"==typeof b&&d[b].call(c)})},a.fn.dropdown.Constructor=f,a.fn.dropdown.noConflict=function(){return a.fn.dropdown=g,this},a(document).on("click.bs.dropdown.data-api",b).on("click.bs.dropdown.data-api",".dropdown form",function(a){a.stopPropagation()}).on("click.bs.dropdown.data-api",e,f.prototype.toggle).on("keydown.bs.dropdown.data-api",e+", [role=menu], [role=listbox]",f.prototype.keydown)}(jQuery),+function(a){"use strict";var b=function(b,c){this.options=c,this.$element=a(b),this.$backdrop=this.isShown=null,this.options.remote&&this.$element.find(".modal-content").load(this.options.remote,a.proxy(function(){this.$element.trigger("loaded.bs.modal")},this))};b.DEFAULTS={backdrop:!0,keyboard:!0,show:!0},b.prototype.toggle=function(a){return this[this.isShown?"hide":"show"](a)},b.prototype.show=function(b){var c=this,d=a.Event("show.bs.modal",{relatedTarget:b});this.$element.trigger(d),this.isShown||d.isDefaultPrevented()||(this.isShown=!0,this.escape(),this.$element.on("click.dismiss.bs.modal",'[data-dismiss="modal"]',a.proxy(this.hide,this)),this.backdrop(function(){var d=a.support.transition&&c.$element.hasClass("fade");c.$element.parent().length||c.$element.appendTo(document.body),c.$element.show().scrollTop(0),d&&c.$element[0].offsetWidth,c.$element.addClass("in").attr("aria-hidden",!1),c.enforceFocus();var e=a.Event("shown.bs.modal",{relatedTarget:b});d?c.$element.find(".modal-dialog").one(a.support.transition.end,function(){c.$element.focus().trigger(e)}).emulateTransitionEnd(300):c.$element.focus().trigger(e)}))},b.prototype.hide=function(b){b&&b.preventDefault(),b=a.Event("hide.bs.modal"),this.$element.trigger(b),this.isShown&&!b.isDefaultPrevented()&&(this.isShown=!1,this.escape(),a(document).off("focusin.bs.modal"),this.$element.removeClass("in").attr("aria-hidden",!0).off("click.dismiss.bs.modal"),a.support.transition&&this.$element.hasClass("fade")?this.$element.one(a.support.transition.end,a.proxy(this.hideModal,this)).emulateTransitionEnd(300):this.hideModal())},b.prototype.enforceFocus=function(){a(document).off("focusin.bs.modal").on("focusin.bs.modal",a.proxy(function(a){this.$element[0]===a.target||this.$element.has(a.target).length||this.$element.focus()},this))},b.prototype.escape=function(){this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.bs.modal",a.proxy(function(a){27==a.which&&this.hide()},this)):this.isShown||this.$element.off("keyup.dismiss.bs.modal")},b.prototype.hideModal=function(){var a=this;this.$element.hide(),this.backdrop(function(){a.removeBackdrop(),a.$element.trigger("hidden.bs.modal")})},b.prototype.removeBackdrop=function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},b.prototype.backdrop=function(b){var c=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var d=a.support.transition&&c;if(this.$backdrop=a('<div class="modal-backdrop '+c+'" />').appendTo(document.body),this.$element.on("click.dismiss.bs.modal",a.proxy(function(a){a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),d&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;d?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()):b&&b()};var c=a.fn.modal;a.fn.modal=function(c,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},b.DEFAULTS,e.data(),"object"==typeof c&&c);f||e.data("bs.modal",f=new b(this,g)),"string"==typeof c?f[c](d):g.show&&f.show(d)})},a.fn.modal.Constructor=b,a.fn.modal.noConflict=function(){return a.fn.modal=c,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(b){var c=a(this),d=c.attr("href"),e=a(c.attr("data-target")||d&&d.replace(/.*(?=#[^\s]+$)/,"")),f=e.data("bs.modal")?"toggle":a.extend({remote:!/#/.test(d)&&d},e.data(),c.data());c.is("a")&&b.preventDefault(),e.modal(f,this).one("hide",function(){c.is(":visible")&&c.focus()})}),a(document).on("show.bs.modal",".modal",function(){a(document.body).addClass("modal-open")}).on("hidden.bs.modal",".modal",function(){a(document.body).removeClass("modal-open")})}(jQuery),+function(a){"use strict";var b=function(b){this.element=a(b)};b.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.data("target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a")[0],f=a.Event("show.bs.tab",{relatedTarget:e});if(b.trigger(f),!f.isDefaultPrevented()){var g=a(d);this.activate(b.parent("li"),c),this.activate(g,g.parent(),function(){b.trigger({type:"shown.bs.tab",relatedTarget:e})})}}},b.prototype.activate=function(b,c,d){function e(){f.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),b.addClass("active"),g?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu")&&b.closest("li.dropdown").addClass("active"),d&&d()}var f=c.find("> .active"),g=d&&a.support.transition&&f.hasClass("fade");g?f.one(a.support.transition.end,e).emulateTransitionEnd(150):e(),f.removeClass("in")};var c=a.fn.tab;a.fn.tab=function(c){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new b(this)),"string"==typeof c&&e[c]()})},a.fn.tab.Constructor=b,a.fn.tab.noConflict=function(){return a.fn.tab=c,this},a(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(b){b.preventDefault(),a(this).tab("show")})}(jQuery),+function(a){"use strict";var b=function(c,d){this.options=a.extend({},b.DEFAULTS,d),this.$window=a(window).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(c),this.affixed=this.unpin=this.pinnedOffset=null,this.checkPosition()};b.RESET="affix affix-top affix-bottom",b.DEFAULTS={offset:0},b.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(b.RESET).addClass("affix");var a=this.$window.scrollTop(),c=this.$element.offset();return this.pinnedOffset=c.top-a},b.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},b.prototype.checkPosition=function(){if(this.$element.is(":visible")){var c=a(document).height(),d=this.$window.scrollTop(),e=this.$element.offset(),f=this.options.offset,g=f.top,h=f.bottom;"top"==this.affixed&&(e.top+=d),"object"!=typeof f&&(h=g=f),"function"==typeof g&&(g=f.top(this.$element)),"function"==typeof h&&(h=f.bottom(this.$element));var i=null!=this.unpin&&d+this.unpin<=e.top?!1:null!=h&&e.top+this.$element.height()>=c-h?"bottom":null!=g&&g>=d?"top":!1;if(this.affixed!==i){this.unpin&&this.$element.css("top","");var j="affix"+(i?"-"+i:""),k=a.Event(j+".bs.affix");this.$element.trigger(k),k.isDefaultPrevented()||(this.affixed=i,this.unpin="bottom"==i?this.getPinnedOffset():null,this.$element.removeClass(b.RESET).addClass(j).trigger(a.Event(j.replace("affix","affixed"))),"bottom"==i&&this.$element.offset({top:c-h-this.$element.height()}))}}};var c=a.fn.affix;a.fn.affix=function(c){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof c&&c;e||d.data("bs.affix",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.affix.Constructor=b,a.fn.affix.noConflict=function(){return a.fn.affix=c,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var b=a(this),c=b.data();c.offset=c.offset||{},c.offsetBottom&&(c.offset.bottom=c.offsetBottom),c.offsetTop&&(c.offset.top=c.offsetTop),b.affix(c)})})}(jQuery),"undefined"==typeof jQuery)throw new Error("Jasny Bootstrap's JavaScript requires jQuery");+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}void 0===a.support.transition&&(a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one(a.support.transition.end,function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b()}))}(window.jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.state=null,this.placement=null,this.options.recalc&&(this.calcClone(),a(window).on("resize",a.proxy(this.recalc,this))),this.options.autohide&&a(document).on("click",a.proxy(this.autohide,this)),this.options.toggle&&this.toggle(),this.options.disablescrolling&&(this.options.disableScrolling=this.options.disablescrolling,delete this.options.disablescrolling)};b.DEFAULTS={toggle:!0,placement:"auto",autohide:!0,recalc:!0,disableScrolling:!0},b.prototype.offset=function(){switch(this.placement){case"left":case"right":return this.$element.outerWidth();case"top":case"bottom":return this.$element.outerHeight()}},b.prototype.calcPlacement=function(){function b(a,b){if("auto"===e.css(b))return a;if("auto"===e.css(a))return b;var c=parseInt(e.css(a),10),d=parseInt(e.css(b),10);return c>d?b:a}if("auto"!==this.options.placement)return void(this.placement=this.options.placement);this.$element.hasClass("in")||this.$element.css("visiblity","hidden !important").addClass("in");var c=a(window).width()/this.$element.width(),d=a(window).height()/this.$element.height(),e=this.$element;this.placement=c>=d?b("left","right"):b("top","bottom"),"hidden !important"===this.$element.css("visibility")&&this.$element.removeClass("in").css("visiblity","")},b.prototype.opposite=function(a){switch(a){case"top":return"bottom";case"left":return"right";case"bottom":return"top";case"right":return"left"}},b.prototype.getCanvasElements=function(){var b=this.options.canvas?a(this.options.canvas):this.$element,c=b.find("*").filter(function(){return"fixed"===a(this).css("position")}).not(this.options.exclude);return b.add(c)},b.prototype.slide=function(b,c,d){if(!a.support.transition){var e={};return e[this.placement]="+="+c,b.animate(e,350,d)}var f=this.placement,g=this.opposite(f);b.each(function(){"auto"!==a(this).css(f)&&a(this).css(f,(parseInt(a(this).css(f),10)||0)+c),"auto"!==a(this).css(g)&&a(this).css(g,(parseInt(a(this).css(g),10)||0)-c)}),this.$element.one(a.support.transition.end,d).emulateTransitionEnd(350)},b.prototype.disableScrolling=function(){var b=a("body").width(),c="padding-"+this.opposite(this.placement);if(void 0===a("body").data("offcanvas-style")&&a("body").data("offcanvas-style",a("body").attr("style")||""),a("body").css("overflow","hidden"),a("body").width()>b){var d=parseInt(a("body").css(c),10)+a("body").width()-b;setTimeout(function(){a("body").css(c,d)},1)}},b.prototype.show=function(){if(!this.state){var b=a.Event("show.bs.offcanvas");if(this.$element.trigger(b),!b.isDefaultPrevented()){this.state="slide-in",this.calcPlacement();var c=this.getCanvasElements(),d=this.placement,e=this.opposite(d),f=this.offset();-1!==c.index(this.$element)&&(a(this.$element).data("offcanvas-style",a(this.$element).attr("style")||""),this.$element.css(d,-1*f),this.$element.css(d)),c.addClass("canvas-sliding").each(function(){void 0===a(this).data("offcanvas-style")&&a(this).data("offcanvas-style",a(this).attr("style")||""),"static"===a(this).css("position")&&a(this).css("position","relative"),"auto"!==a(this).css(d)&&"0px"!==a(this).css(d)||"auto"!==a(this).css(e)&&"0px"!==a(this).css(e)||a(this).css(d,0)}),this.options.disableScrolling&&this.disableScrolling();var g=function(){"slide-in"==this.state&&(this.state="slid",c.removeClass("canvas-sliding").addClass("canvas-slid"),this.$element.trigger("shown.bs.offcanvas"))};setTimeout(a.proxy(function(){this.$element.addClass("in"),this.slide(c,f,a.proxy(g,this))},this),1)}}},b.prototype.hide=function(){if("slid"===this.state){var b=a.Event("hide.bs.offcanvas");if(this.$element.trigger(b),!b.isDefaultPrevented()){this.state="slide-out";var c=a(".canvas-slid"),d=(this.placement,-1*this.offset()),e=function(){"slide-out"==this.state&&(this.state=null,this.placement=null,this.$element.removeClass("in"),c.removeClass("canvas-sliding"),c.add(this.$element).add("body").each(function(){a(this).attr("style",a(this).data("offcanvas-style")).removeData("offcanvas-style")}),this.$element.trigger("hidden.bs.offcanvas"))};c.removeClass("canvas-slid").addClass("canvas-sliding"),setTimeout(a.proxy(function(){this.slide(c,d,a.proxy(e,this))},this),1)}}},b.prototype.toggle=function(){"slide-in"!==this.state&&"slide-out"!==this.state&&this["slid"===this.state?"hide":"show"]()},b.prototype.calcClone=function(){this.$calcClone=this.$element.clone().html("").addClass("offcanvas-clone").removeClass("in").appendTo(a("body"))},b.prototype.recalc=function(){if("none"!==this.$calcClone.css("display")&&("slid"===this.state||"slide-in"===this.state)){this.state=null,this.placement=null;var b=this.getCanvasElements();this.$element.removeClass("in"),b.removeClass("canvas-slid"),b.add(this.$element).add("body").each(function(){a(this).attr("style",a(this).data("offcanvas-style")).removeData("offcanvas-style")})}},b.prototype.autohide=function(b){0===a(b.target).closest(this.$element).length&&this.hide()};var c=a.fn.offcanvas;a.fn.offcanvas=function(c){return this.each(function(){var d=a(this),e=d.data("bs.offcanvas"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c);e||d.data("bs.offcanvas",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.offcanvas.Constructor=b,a.fn.offcanvas.noConflict=function(){return a.fn.offcanvas=c,this},a(document).on("click.bs.offcanvas.data-api","[data-toggle=offcanvas]",function(b){var c,d=a(this),e=d.attr("data-target")||b.preventDefault()||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,""),f=a(e),g=f.data("bs.offcanvas"),h=g?"toggle":d.data();b.stopPropagation(),g?g.toggle():f.offcanvas(h)})}(window.jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.$element.on("click.bs.rowlink","td:not(.rowlink-skip)",a.proxy(this.click,this))};b.DEFAULTS={target:"a"},b.prototype.click=function(b){var c=a(b.currentTarget).closest("tr").find(this.options.target)[0];if(a(b.target)[0]!==c)if(b.preventDefault(),c.click)c.click();else if(document.createEvent){var d=document.createEvent("MouseEvents");d.initMouseEvent("click",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),c.dispatchEvent(d)}};var c=a.fn.rowlink;a.fn.rowlink=function(c){return this.each(function(){var d=a(this),e=d.data("bs.rowlink");e||d.data("bs.rowlink",e=new b(this,c))})},a.fn.rowlink.Constructor=b,a.fn.rowlink.noConflict=function(){return a.fn.rowlink=c,this},a(document).on("click.bs.rowlink.data-api",'[data-link="row"]',function(b){if(0===a(b.target).closest(".rowlink-skip").length){var c=a(this);c.data("bs.rowlink")||(c.rowlink(c.data()),a(b.target).trigger("click.bs.rowlink"))}})}(window.jQuery),+function(a){"use strict";var b=void 0!==window.orientation,c=navigator.userAgent.toLowerCase().indexOf("android")>-1,d="Microsoft Internet Explorer"==window.navigator.appName,e=function(b,d){c||(this.$element=a(b),this.options=a.extend({},e.DEFAULTS,d),this.mask=String(this.options.mask),this.init(),this.listen(),this.checkVal())};e.DEFAULTS={mask:"",placeholder:"_",definitions:{9:"[0-9]",a:"[A-Za-z]",w:"[A-Za-z0-9]","*":"."}},e.prototype.init=function(){var b=this.options.definitions,c=this.mask.length;this.tests=[],this.partialPosition=this.mask.length,this.firstNonMaskPos=null,a.each(this.mask.split(""),a.proxy(function(a,d){"?"==d?(c--,this.partialPosition=a):b[d]?(this.tests.push(new RegExp(b[d])),null===this.firstNonMaskPos&&(this.firstNonMaskPos=this.tests.length-1)):this.tests.push(null)},this)),this.buffer=a.map(this.mask.split(""),a.proxy(function(a){return"?"!=a?b[a]?this.options.placeholder:a:void 0},this)),this.focusText=this.$element.val(),this.$element.data("rawMaskFn",a.proxy(function(){return a.map(this.buffer,function(a,b){return this.tests[b]&&a!=this.options.placeholder?a:null}).join("")},this))},e.prototype.listen=function(){if(!this.$element.attr("readonly")){var b=(d?"paste":"input")+".mask";this.$element.on("unmask.bs.inputmask",a.proxy(this.unmask,this)).on("focus.bs.inputmask",a.proxy(this.focusEvent,this)).on("blur.bs.inputmask",a.proxy(this.blurEvent,this)).on("keydown.bs.inputmask",a.proxy(this.keydownEvent,this)).on("keypress.bs.inputmask",a.proxy(this.keypressEvent,this)).on(b,a.proxy(this.pasteEvent,this))}},e.prototype.caret=function(a,b){if(0!==this.$element.length){if("number"==typeof a)return b="number"==typeof b?b:a,this.$element.each(function(){if(this.setSelectionRange)this.setSelectionRange(a,b);else if(this.createTextRange){var c=this.createTextRange();c.collapse(!0),c.moveEnd("character",b),c.moveStart("character",a),c.select()}});if(this.$element[0].setSelectionRange)a=this.$element[0].selectionStart,b=this.$element[0].selectionEnd;else if(document.selection&&document.selection.createRange){var c=document.selection.createRange();a=0-c.duplicate().moveStart("character",-1e5),b=a+c.text.length}return{begin:a,end:b}}},e.prototype.seekNext=function(a){for(var b=this.mask.length;++a<=b&&!this.tests[a];);return a},e.prototype.seekPrev=function(a){for(;--a>=0&&!this.tests[a];);return a},e.prototype.shiftL=function(a,b){var c=this.mask.length;if(!(0>a)){for(var d=a,e=this.seekNext(b);c>d;d++)if(this.tests[d]){if(!(c>e&&this.tests[d].test(this.buffer[e])))break;this.buffer[d]=this.buffer[e],this.buffer[e]=this.options.placeholder,e=this.seekNext(e)}this.writeBuffer(),this.caret(Math.max(this.firstNonMaskPos,a))}},e.prototype.shiftR=function(a){for(var b=this.mask.length,c=a,d=this.options.placeholder;b>c;c++)if(this.tests[c]){var e=this.seekNext(c),f=this.buffer[c];if(this.buffer[c]=d,!(b>e&&this.tests[e].test(f)))break;d=f}},e.prototype.unmask=function(){this.$element.unbind(".mask").removeData("inputmask")},e.prototype.focusEvent=function(){this.focusText=this.$element.val();var a=this.mask.length,b=this.checkVal();this.writeBuffer();var c=this,d=function(){b==a?c.caret(0,b):c.caret(b)};d(),setTimeout(d,50)},e.prototype.blurEvent=function(){this.checkVal(),this.$element.val()!==this.focusText&&this.$element.trigger("change")},e.prototype.keydownEvent=function(a){var c=a.which;if(8==c||46==c||b&&127==c){var d=this.caret(),e=d.begin,f=d.end;return f-e===0&&(e=46!=c?this.seekPrev(e):f=this.seekNext(e-1),f=46==c?this.seekNext(f):f),this.clearBuffer(e,f),this.shiftL(e,f-1),!1}return 27==c?(this.$element.val(this.focusText),this.caret(0,this.checkVal()),!1):void 0},e.prototype.keypressEvent=function(a){var b=this.mask.length,c=a.which,d=this.caret();if(a.ctrlKey||a.altKey||a.metaKey||32>c)return!0;if(c){d.end-d.begin!==0&&(this.clearBuffer(d.begin,d.end),this.shiftL(d.begin,d.end-1));var e=this.seekNext(d.begin-1);if(b>e){var f=String.fromCharCode(c);if(this.tests[e].test(f)){this.shiftR(e),this.buffer[e]=f,this.writeBuffer();var g=this.seekNext(e);this.caret(g)}}return!1}},e.prototype.pasteEvent=function(){var a=this;setTimeout(function(){a.caret(a.checkVal(!0))},0)},e.prototype.clearBuffer=function(a,b){for(var c=this.mask.length,d=a;b>d&&c>d;d++)this.tests[d]&&(this.buffer[d]=this.options.placeholder)},e.prototype.writeBuffer=function(){return this.$element.val(this.buffer.join("")).val()},e.prototype.checkVal=function(a){for(var b=this.mask.length,c=this.$element.val(),d=-1,e=0,f=0;b>e;e++)if(this.tests[e]){for(this.buffer[e]=this.options.placeholder;f++<c.length;){var g=c.charAt(f-1);if(this.tests[e].test(g)){this.buffer[e]=g,d=e;break}}if(f>c.length)break}else this.buffer[e]==c.charAt(f)&&e!=this.partialPosition&&(f++,d=e);return!a&&d+1<this.partialPosition?(this.$element.val(""),this.clearBuffer(0,b)):(a||d+1>=this.partialPosition)&&(this.writeBuffer(),a||this.$element.val(this.$element.val().substring(0,d+1))),this.partialPosition?e:this.firstNonMaskPos};var f=a.fn.inputmask;a.fn.inputmask=function(b){return this.each(function(){var c=a(this),d=c.data("bs.inputmask");d||c.data("bs.inputmask",d=new e(this,b))})},a.fn.inputmask.Constructor=e,a.fn.inputmask.noConflict=function(){return a.fn.inputmask=f,this},a(document).on("focus.bs.inputmask.data-api","[data-mask]",function(){var b=a(this);b.data("bs.inputmask")||b.inputmask(b.data())})}(window.jQuery),+function(a){"use strict";var b="Microsoft Internet Explorer"==window.navigator.appName,c=function(b,c){if(this.$element=a(b),this.$input=this.$element.find(":file"),0!==this.$input.length){this.name=this.$input.attr("name")||c.name,this.$hidden=this.$element.find('input[type=hidden][name="'+this.name+'"]'),0===this.$hidden.length&&(this.$hidden=a('<input type="hidden">').insertBefore(this.$input)),this.$preview=this.$element.find(".fileinput-preview");var d=this.$preview.css("height");"inline"!==this.$preview.css("display")&&"0px"!==d&&"none"!==d&&this.$preview.css("line-height",d),this.original={exists:this.$element.hasClass("fileinput-exists"),preview:this.$preview.html(),hiddenVal:this.$hidden.val()},this.listen()}};c.prototype.listen=function(){this.$input.on("change.bs.fileinput",a.proxy(this.change,this)),a(this.$input[0].form).on("reset.bs.fileinput",a.proxy(this.reset,this)),this.$element.find('[data-trigger="fileinput"]').on("click.bs.fileinput",a.proxy(this.trigger,this)),this.$element.find('[data-dismiss="fileinput"]').on("click.bs.fileinput",a.proxy(this.clear,this))},c.prototype.change=function(b){var c=void 0===b.target.files?b.target&&b.target.value?[{name:b.target.value.replace(/^.+\\/,"")}]:[]:b.target.files;if(b.stopPropagation(),0===c.length)return void this.clear();this.$hidden.val(""),this.$hidden.attr("name",""),this.$input.attr("name",this.name);var d=c[0];if(this.$preview.length>0&&("undefined"!=typeof d.type?d.type.match(/^image\/(gif|png|jpeg)$/):d.name.match(/\.(gif|png|jpe?g)$/i))&&"undefined"!=typeof FileReader){var e=new FileReader,f=this.$preview,g=this.$element;e.onload=function(b){var e=a("<img>");e[0].src=b.target.result,c[0].result=b.target.result,g.find(".fileinput-filename").text(d.name),"none"!=f.css("max-height")&&e.css("max-height",parseInt(f.css("max-height"),10)-parseInt(f.css("padding-top"),10)-parseInt(f.css("padding-bottom"),10)-parseInt(f.css("border-top"),10)-parseInt(f.css("border-bottom"),10)),f.html(e),g.addClass("fileinput-exists").removeClass("fileinput-new"),g.trigger("change.bs.fileinput",c)},e.readAsDataURL(d)}else this.$element.find(".fileinput-filename").text(d.name),this.$preview.text(d.name),this.$element.addClass("fileinput-exists").removeClass("fileinput-new"),this.$element.trigger("change.bs.fileinput")},c.prototype.clear=function(a){if(a&&a.preventDefault(),this.$hidden.val(""),this.$hidden.attr("name",this.name),this.$input.attr("name",""),b){var c=this.$input.clone(!0);this.$input.after(c),this.$input.remove(),this.$input=c}else this.$input.val("");this.$preview.html(""),this.$element.find(".fileinput-filename").text(""),this.$element.addClass("fileinput-new").removeClass("fileinput-exists"),void 0!==a&&(this.$input.trigger("change"),this.$element.trigger("clear.bs.fileinput"))},c.prototype.reset=function(){this.clear(),this.$hidden.val(this.original.hiddenVal),this.$preview.html(this.original.preview),this.$element.find(".fileinput-filename").text(""),this.original.exists?this.$element.addClass("fileinput-exists").removeClass("fileinput-new"):this.$element.addClass("fileinput-new").removeClass("fileinput-exists"),this.$element.trigger("reset.bs.fileinput")},c.prototype.trigger=function(a){this.$input.trigger("click"),a.preventDefault()};var d=a.fn.fileinput;a.fn.fileinput=function(b){return this.each(function(){var d=a(this),e=d.data("bs.fileinput");e||d.data("bs.fileinput",e=new c(this,b)),"string"==typeof b&&e[b]()})},a.fn.fileinput.Constructor=c,a.fn.fileinput.noConflict=function(){return a.fn.fileinput=d,this},a(document).on("click.fileinput.data-api",'[data-provides="fileinput"]',function(b){var c=a(this);if(!c.data("bs.fileinput")){c.fileinput(c.data());var d=a(b.target).closest('[data-dismiss="fileinput"],[data-trigger="fileinput"]');d.length>0&&(b.preventDefault(),d.trigger("click.bs.fileinput"))}})}(window.jQuery),!function(a,b){var c=a();a.fn.dropdownHover=function(d){return"ontouchstart"in document?this:(c=c.add(this.parent()),this.each(function(){function e(){c.find(":focus").blur(),m.instantlyCloseOthers===!0&&c.removeClass("open"),b.clearTimeout(f),h.addClass("open"),g.trigger(k)}var f,g=a(this),h=g.parent(),i={delay:500,instantlyCloseOthers:!0},j={delay:a(this).data("delay"),instantlyCloseOthers:a(this).data("close-others")},k="show.bs.dropdown",l="hide.bs.dropdown",m=a.extend(!0,{},i,d,j);h.hover(function(a){return h.hasClass("open")||g.is(a.target)?void e(a):!0
},function(){f=b.setTimeout(function(){h.removeClass("open"),g.trigger(l)},m.delay)}),g.hover(function(a){return h.hasClass("open")||h.is(a.target)?void e(a):!0}),h.find(".dropdown-submenu").each(function(){var c,d=a(this);d.hover(function(){b.clearTimeout(c),d.children(".dropdown-menu").show(),d.siblings().children(".dropdown-menu").hide()},function(){var a=d.children(".dropdown-menu");c=b.setTimeout(function(){a.hide()},m.delay)})})}))},a(document).ready(function(){a('[data-hover="dropdown"]').dropdownHover()})}(jQuery,this),!function(a,b,c,d){function e(b,c){this.element=a(b),this.settings=a.extend({},w,c),this._defaults=w,this._name=m,this.init()}function f(b){v&&(b.element.addClass("navbar-hidden").animate({top:-b.element.height()},{queue:!1,duration:b.settings.animationDuration}),a(".dropdown.open .dropdown-toggle",b.element).dropdown("toggle"),v=!1)}function g(a){v||(a.element.removeClass("navbar-hidden").animate({top:0},{queue:!1,duration:a.settings.animationDuration}),v=!0)}function h(a){var b=n.scrollTop(),c=b-t;if(t=b,0>c){if(v)return;(a.settings.showOnUpscroll||l>=b)&&g(a)}else if(c>0){if(!v)return void(a.settings.showOnBottom&&b+u===o.height()&&g(a));b>=l&&f(a)}}function i(a){a.settings.disableAutohide||(s=(new Date).getTime(),h(a))}function j(a){o.on("scroll."+m,function(){(new Date).getTime()-s>r?i(a):(clearTimeout(p),p=setTimeout(function(){i(a)},r))}),n.on("resize."+m,function(){clearTimeout(q),q=setTimeout(function(){u=n.height()},r)})}function k(){o.off("."+m),n.off("."+m)}var l,m="autoHidingNavbar",n=a(b),o=a(c),p=null,q=null,r=70,s=0,t=null,u=n.height(),v=!0,w={disableAutohide:!1,showOnUpscroll:!0,showOnBottom:!0,hideOffset:"auto",animationDuration:200};e.prototype={init:function(){return this.elements={navbar:this.element},this.setDisableAutohide(this.settings.disableAutohide),this.setShowOnUpscroll(this.settings.showOnUpscroll),this.setShowOnBottom(this.settings.showOnBottom),this.setHideOffset(this.settings.hideOffset),this.setAnimationDuration(this.settings.animationDuration),l="auto"===this.settings.hideOffset?this.element.height():this.settings.hideOffset,j(this),this.element},setDisableAutohide:function(a){return this.settings.disableAutohide=a,this.element},setShowOnUpscroll:function(a){return this.settings.showOnUpscroll=a,this.element},setShowOnBottom:function(a){return this.settings.showOnBottom=a,this.element},setHideOffset:function(a){return this.settings.hideOffset=a,this.element},setAnimationDuration:function(a){return this.settings.animationDuration=a,this.element},show:function(){return g(this),this.element},hide:function(){return f(this),this.element},destroy:function(){return k(this),g(this),a.data(this,"plugin_"+m,null),this.element}},a.fn[m]=function(b){var c=arguments;if(b===d||"object"==typeof b)return this.each(function(){a.data(this,"plugin_"+m)||a.data(this,"plugin_"+m,new e(this,b))});if("string"==typeof b&&"_"!==b[0]&&"init"!==b){var f;return this.each(function(){var d=a.data(this,"plugin_"+m);d instanceof e&&"function"==typeof d[b]&&(f=d[b].apply(d,Array.prototype.slice.call(c,1)))}),f!==d?f:this}}}(jQuery,window,document),function(a){var b={common:{init:function(){a(document).ready(function(){var b=document.location.hash,c="tab_";b&&a(".nav-tabs a[href="+b.replace(c,"")+"]").tab("show"),a(".nav-tabs a").on("shown.bs.tab",function(a){window.location.hash=a.target.hash.replace("#","#"+c)})}),a('a[data-toggle="tab"]').on("shown.bs.tab",function(){var b=this.href.split("#");a(".nav a").filter('[href="#'+b[1]+'"]').tab("show")}),a(document).ready(function(){a("body").hasClass("news")?a(".menu-news").addClass("open-menu"):a("body").hasClass("learn")?a(".menu-learn").addClass("open-menu"):a("body").hasClass("sensei")?a(".menu-learn").addClass("open-menu"):a("body").hasClass("module-archive")?a(".menu-learn").addClass("open-menu"):a("body").hasClass("events")?a(".menu-learn").addClass("open-menu"):a("body").hasClass("community")?a(".menu-community").addClass("open-menu"):a("body").hasClass("networks")?a(".menu-networks").addClass("open-menu"):a("body").hasClass("about")?a(".menu-about").addClass("open-menu"):a("body").hasClass("post-type-archive-meet_the_team")&&a(".menu-about").addClass("open-menu"),a("body").hasClass("home-page")&&a(".menu-news").removeClass("open-menu");var b=a("body");(b.hasClass("bp-user")||b.hasClass("buddypress"))&&a(".menu-learn").removeClass("open-menu"),(b.hasClass("register")||b.hasClass("sensei"))&&(a(".menu-learn").removeClass("open-menu"),a(".menu-learn").removeClass("active")),(b.hasClass("forum")||b.hasClass("sensei"))&&a("body").removeClass("sensei"),(b.hasClass("community")||b.hasClass("forums"))&&(a(".menu-community").addClass("open-menu"),a(".menu-community").addClass("active")),b.hasClass("topic")&&a(".menu-community").addClass("active")}),Modernizr.mq("(max-width: 1200px)")?(a("#menu-header-menu li").addClass("open"),a("#menuLogin").addClass("open"),a(".navbar-fixed-top").autoHidingNavbar()):a(".dropdown-toggle").dropdownHover();var b=function(){a(".search-open").click(function(){a(".search-panel").animate({top:"0px"},250)}),a(".search-close").click(function(){a(".search-panel").animate({top:"-86px"},250)}),a(".current-post-ancestor").addClass("active")};a(document).ready(b)}},home:{init:function(){}},about_us:{init:function(){}}},c={fire:function(a,c,d){var e=b;c=void 0===c?"init":c,""!==a&&e[a]&&"function"==typeof e[a][c]&&e[a][c](d)},loadEvents:function(){c.fire("common"),a.each(document.body.className.replace(/-/g,"_").split(/\s+/),function(a,b){c.fire(b)})}};a(document).ready(c.loadEvents)}(jQuery);

Multi-Dropdown CSS MENU

Create only index.html

<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />
<title>Multi Dropdown Css Menu</title>
<style>
#primary_nav_wrap {
 background: #fff;
 height: 33px;
 margin-top: 15px;
 padding: 10px;
}
#primary_nav_wrap ul {
 list-style:none;
 position:relative;
 float:left;
 margin:0;
 padding:0
}
#primary_nav_wrap ul a {
 display:block;
 color:#333;
 text-decoration:none;
 font-weight:700;
 font-size:12px;
 line-height:32px;
 padding: 0 55px;
 font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif
}
#primary_nav_wrap ul li {
 position:relative;
 float:left;
 margin:0;
 padding:0
}
#primary_nav_wrap ul li.current-menu-item {
 background:#0099FF;
}
#primary_nav_wrap ul li:hover {
 background:#f6f6f6
}
#primary_nav_wrap ul ul {
 display:none;
 position:absolute;
 top:100%;
 left:0;
 background:#fff;
 padding:0
}
#primary_nav_wrap ul ul li {
 float:none;
 width:200px
}
#primary_nav_wrap ul ul a {
 line-height:120%;
 padding:10px 15px
}
#primary_nav_wrap ul ul ul {
 top:0;
 left:100%
}
#primary_nav_wrap ul li:hover > ul {
 display:block
}
/*you can remove*/
body {
 background:#333;
}
h3 {
 text-align:center;
 color:#fff;
}
</style>
</head>
<body>
<h3>Multi Dropdown Css Menu</h3>
<nav id="primary_nav_wrap">
  <ul>
    <li class="current-menu-item"><a href="#">Home</a></li>
    <li><a href="#">DropDown</a>
      <ul>
        <li><a href="#">Menu 1.1</a></li>
        <li><a href="#">Menu 1.2</a></li>
        <li><a href="#">Menu 1.3</a></li>
        <li><a href="#">Menu 1.4</a>
          <ul>
            <li><a href="#">DropDown</a>
              <ul>
                <li><a href="#">Menu 2.1</a></li>
                <li><a href="#">Menu 2.2</a></li>
                <li><a href="#">Menu 2.3</a></li>
                <li><a href="#">Menu 2.4</a></li>
              </ul>
            </li>
            <li><a href="#">DropDown</a></li>
          </ul>
        </li>
        <li><a href="#">Menu 3.1</a></li>
      </ul>
    </li>
    <li><a href="#">Menu 2</a>
      <ul>
        <li><a href="#">Menu 2.1</a></li>
        <li><a href="#">Menu 2.2</a></li>
        <li><a href="#">Menu 2.3</a></li>
      </ul>
    </li>
    <li><a href="#">Menu 3</a>
      <ul>
        <li class="dir"><a href="#">Menu 3.1</a></li>
        <li class="dir"><a href="#">Menu 3.2 </a>
          <ul>
            <li><a href="#">Menu 3.3</a></li>
            <li><a href="#">Menu 3.4</a></li>
            <li><a href="#">Menu 3.5</a></li>
            <li><a href="#">Menu 3.6</a></li>
            <li><a href="#">Menu 3.7</a></li>
          </ul>
        </li>
        <li><a href="#">Menu 4</a></li>
        <li><a href="#">Menu 5</a></li>
        <li><a href="#">Menu 6</a></li>
      </ul>
    </li>
    <li><a href="#">Menu 7</a></li>
    <li><a href="#">Menu 8</a></li>
    <li><a href="#">Menu 9</a></li>
    <li><a href="#">Contact Us</a></li>
  </ul>
</nav>
</body>
</html>

Dropdown CSS MENU

Create only index.html

<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />
<title>Responsive Design</title>
<style>
body {
 font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 font-size: 13px;
 text-align: center;
 background: #6C6C6C;
}
ul {
 text-align: left;
 display: inline;
 margin: 0;
 padding: 15px 4px 17px 0;
 list-style: none;
 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
ul li {
 font: bold 12px/18px sans-serif;
 display: inline-block;
 margin-right: -4px;
 position: relative;
 padding: 15px 20px;
 background: #fff;
 cursor: pointer;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
}
ul li a {
 text-decoration:none;
 color:#303030;
}
ul li:hover {
 background: #555;
 color: #fff;
}
ul li ul {
 padding: 0;
 position: absolute;
 top: 48px;
 left: 0;
 width: 150px;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 display: none;
 opacity: 0;
 visibility: hidden;
 -webkit-transiton: opacity 0.2s;
 -moz-transition: opacity 0.2s;
 -ms-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 -transition: opacity 0.2s;
}
ul li ul li {
 background: #555;
 display: block;
 color: #fff;
 text-shadow: 0 -1px 0 #000;
}
ul li ul li a {
 color:#FFFFFF;
 text-decoration:none;
}
ul li ul li:hover {
 background: #666;
}
ul li:hover ul {
 display: block;
 opacity: 1;
 visibility: visible;
}
h2 {
 color:#FFFFFF;
}
</style>
</head>
<body>
<h2>Simple Dropdown Menu Using Css</h2>
<ul>
  <li><a href="#">Menu1</a></li>
  <li><a href="#">Menu2</a></li>
  <li>Drop-Down
    <ul>
      <li><a href="#">Menu1.1</a></li>
      <li><a href="#">Menu1.2</a></li>
      <li><a href="#">Menu1.3</a></li>
    </ul>
  </li>
  <li><a href="#">Menu3</a></li>
  <li><a href="#">Menu4</a></li>
  <li><a href="#">Menu5</a></li>
  <li>Drop-Down
    <ul>
      <li><a href="#">Menu2.1</a></li>
      <li><a href="#">Menu2.2</a></li>
      <li><a href="#">Menu2.3</a></li>
    </ul>
  </li>
  <li><a href="#">Menu6</a></li>
  <li><a href="#">Menu7</a></li>
</ul>
</body>
</html>

Editable Table

Create only index.html

Editable table with clone,print,edit,save,reset

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Editable table with jQuery</title>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function () {
 $("td").dblclick(function () { 
 var OriginalContent = $(this).text();
$(this).addClass("cellEditing");
$(this).html("<input type='text' value='" + OriginalContent + "' />");
$(this).children().first().focus();
$(this).children().first().keypress(function (e) { if (e.which == 13) { var newContent = $(this).val(); 
$(this).parent().text(newContent); 
$(this).parent().removeClass("cellEditing"); } });
$(this).children().first().blur(function(){ $(this).parent().text(OriginalContent);
$(this).parent().removeClass("cellEditing"); 
});
}); 
});
</script>
<style>
.smallBox {
 float: left;
 margin: 10px;
 padding: 10px;
 width: 79%;
 background:#ddd;
}
.smallBox2 {
 float: right;
 margin: 10px;
 padding: 10px;
 width: 79%;
 background:#ccc;
}
.button_container {
}
body {
 background:#333;
}
.main_wrapper {
 margin:auto;
 padding:20px;
 background:#eee;
 overflow:auto;
}
.table_container {
 padding:10px;
 float:left;
 width:40%;
 margin:10px;
}
.mybutton {
 background: #1b1b1b;
 border: 1px solid #333;
 box-shadow: 1px 1px 1px 1px #000;
 color: #fff;
 cursor: pointer;
 float: left;
 margin: 10px;
 padding: 2px 27px;
 text-align: center;
}
.editableTable {
 border:solid 1px;
 width:100%
}
.editableTable td {
 border:solid 1px;
}
.editableTable .cellEditing {
 padding: 0;
}
.editableTable .cellEditing input[type=text] {
 width:100%;
 border:0;
 background-color:#0099FF;
 color:#fff;
}
</style>
</head>
<body>
<div class="main_wrapper">
  <h3> Editable Table</h3>
  <p>Just double click on td and you can edit as well as enter to save</p>
  <p>click on clone and make copy of the same table</p>
  <p>click on print and get print copy of your table/page as pdf</p>
  <p>click on reset it will refresh your page</p>
  <div class="table_container">
    <div class="button_container">
      <div class="mybutton" id="cloneButton1">Clone</div>
      <div class="mybutton" onClick="myFunction()" id="pr">Print</div>
      <div class="mybutton"  id="reset">Reset</div>
    </div>
    
    <div class="smallBox">
      <table class="editableTable">
        <thead>
          <tr>
            <th>S.No</th>
            <th>Name</th>
            <th>Email</th>
            <th>Phone</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>001</td>
            <td>Ram Kumar</td>
            <td>ram.ku@gmail.com</td>
            <td>(91) 9999-8888</td>
          </tr>
          <tr>
            <td>002</td>
            <td>Shyam Kumar</td>
            <td>shyam.gk@gmail.com</td>
            <td>(91) 8787-8686</td>
          </tr>
          <tr>
            <td>003</td>
            <td>Mohan Kumar</td>
            <td>mohan.yk@gmail.com</td>
            <td>(91) 3232-3232</td>
          </tr>
        </tbody>
      </table>
    </div>
    
  </div>
  
</div>

<script type="text/javascript">
 
    $("#reset").click(function () {
   location.reload();
    });
 
    $("#cloneButton1").click(function () {
  
   $('.smallBox').clone().insertAfter(".smallBox");
   
    });
 function myFunction() {
    window.print();
}

$("#pr").click(function(){
        $(".button_container").hide();
    });
    
 </script>
</body>
</html>

Wednesday 5 August 2015

Tab navigation in html

Create index.html

<!DOCTYPE html>
<html>
<head>
<title>Tabs Navigation</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0-rc2/css/bootstrap.css" rel="stylesheet" media="screen">


<style>
body {
 background:#333;
}
.main-wrapper {
 padding:10px;
 overflow:auto;
 background:#ddd;
 margin:auto;
}
.myblock {
 padding:20px;
 margin:auto;
}
.fade {
 opacity: 0;
 -webkit-transition: opacity 2.25s linear;
 -moz-transition: opacity 2.25s linear;
 -ms-transition: opacity 2.25s linear;
 -o-transition: opacity 2.25s linear;
 transition: opacity 2.25s linear;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
 background-color: #0066FF!important;
 border-color:transparent!important;
 border-image: none;
 border-radius: 50%;
 border-style: solid;
 border-width: 2px;
 color: #555555;
 cursor: default;
 height: 50px;
 width: 50px;
}
.nav-tabs > li {
 float: left;
 margin-bottom:0px!important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
 background-color: #0066FF!important;
 border-color:transparent!important;
 border-image: none;
 border-style: solid;
 border-width: 0px;
 color: #555555;
 cursor: default;
 height: 50px;
 width: 50px;
 border-radius: 50%!important;
}
.nav > li > a:hover {
 height: 50px;
 width: 50px;
 border-radius: 50%!important;
 border:none!important;
 background:#ccc!important;
}
.nav > li > a {
 background: #333 none repeat scroll 0 0 !important;
 border-radius: 50% !important;
 display: block;
 height: 50px!important;
 padding: 12px 15px!important;
 position: relative;
}
</style>
</head>
<body>
<div class="main-wrapper">
  <div class="myblock">
    <div class="container">
      <ul class="nav nav-tabs">
        <li class="active"><a href="#tab_a" data-toggle="tab"><img src="img/contact.png" height="20" width="20"></a></li>
        <li><a href="#tab_b" data-toggle="tab"><img src="img/email.png" height="20" width="20"></a></li>
        <li><a href="#tab_c" data-toggle="tab"><img src="img/eye.png" height="20" width="20"></a></li>
        <li><a href="#tab_d" data-toggle="tab"><img src="img/location.png" height="20" width="20"></a></li>
      </ul>
      <div class="tab-content">
        <div class="tab-pane fade in active" id="tab_a">
          <h4>Contact</h4>
          <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames
            ac turpis egestas.</p>
        </div>
        <div class="tab-pane fade" id="tab_b">
          <h4>Email</h4>
          <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
        </div>
        <div class="tab-pane fade" id="tab_c">
          <h4>About</h4>
          <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames
            ac turpis egestas.</p>
        </div>
        <div class="tab-pane fade" id="tab_d">
          <h4>Location</h4>
          <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames
            ac turpis egestas.</p>
        </div>
      </div>
      
    </div>
    
  </div>
  
</div>


<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0-rc2/js/bootstrap.min.js"></script>
</body>
</html>