<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!--Its Supports bootstrap 3.3.7 also-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="container">
<nav class="navbar navbar-mega-black-red no-radius" id="main_menubar">
<div class="container-fluid">
<!-- Logo and toggle mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar_mobile"> <span class="toggle-only">Toggle navigation</span> <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </button>
<a class="navbar-logo" href="index.html"> Mega Navigator</a>
</div>
<div class="collapse navbar-collapse" id="navbar_mobile">
<ul class="nav navbar-nav navbar-left">
<!-- dropdown default -->
<li class="short-dropdown dropdown-onhover">
<a data-toggle="dropdown" href="" class="dropdown-toggle" aria-expanded="true">
<i class="fa fa-bars"></i> <span class="hidden-sm">Menu</span> <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li class="dropdown-right-onhover no-fix">
<!-- Menu item with submenu -->
<a href="javascript:void(0);" data-toggle="collapse" class="dropdown-toggle collapsed" data-target="#id_1"> Right Menu</a>
<!-- start submenu -->
<ul class="dropdown-menu collapse dropdown-onhover" id="id_1">
<li class="dropdown-right-onhover">
<!-- Menu item with Sub Menu -->
<a href="javascript:void(0);" data-toggle="collapse" class="dropdown-toggle collapsed" data-target="#id_11">Right</a>
<!-- Sub Menu -->
<ul class="dropdown-menu collapse" id="id_11">
<li><a href="#" class="">Themeforest</a> </li>
<li><a href="#" class="">Codecanyon</a> </li>
<li><a href="#" class="">Videohive</a> </li>
<li><a href="#" class="">Audiojungle</a> </li>
</ul>
<!-- End Sub Menu -->
</li>
<li class="dropdown-right-onhover">
<!-- Menu item with Sub Menu -->
<a href="" data-toggle="collapse" class="dropdown-toggle collapsed">
<i class="fa fa-bars"></i> Envato</a>
<!-- Sub Menu -->
<ul class="dropdown-menu collapse">
<li><a href="#" class="">Themeforest</a> </li>
<li><a href="#" class="">Codecanyon</a> </li>
<li><a href="#" class="">Videohive</a> </li>
<li><a href="#" class="">Audiojungle</a> </li>
</ul>
<!-- End Sub Menu -->
</li>
<li><a href="#" class="">Themeforst</a> </li>
<li><a href="#" class="">Codecanyon</a> </li>
<li><a href="#" class="">Audiojungle</a> </li>
</ul>
<!-- end submenu -->
</li>
<li class="dropdown-left-onhover caret-left">
<!-- Menu item with submenu -->
<a href="javascript:void(0);" data-toggle="collapse" class="dropdown-toggle collapsed" data-target="#id_2"> Left Menu</a>
<!-- start submenu -->
<ul class="dropdown-menu collapse dropdown-onhover" id="id_2">
<li><a href="#" class="">Themeforest</a> </li>
<li><a href="#" class="">Codecanyon</a> </li>
<li><a href="#" class="">Videohive</a> </li>
</ul>
<!-- end submenu -->
</li>
<li><a href="#">Simple Menu</a> </li>
<li><a href="#">Mega Menu</a> </li>
</ul>
</li>
<!-- divider -->
<li class="divider hidden-sm hidden-md"></li>
<!-- wide -->
<li class="dropdown-wide dropdown-onhover"> <a data-toggle="dropdown" href="javascript:;" class="dropdown-toggle"><i class="fa fa-check-square-o"></i> <span class="hidden-sm hidden-md">Wide Menu</span> <span class="caret"></span></a>
<ul class="dropdown-menu no-padding">
<li class="col-xs-12 col-sm-4 col-md-4 col-lg-4 no-padding">
<div class="embed-responsive embed-responsive-16by9">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3151.840108181589!2d144.95373631531888!3d-37.8172139797519!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad65d4c2b349649%3A0xb6899234e561db11!2sEnvato!5e0!3m2!1sen!2sau!4v1467040565723" width="398" height="224" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</li>
<li class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
<br>
<form role="form">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-group">
<div class="col-sm-8">
<div class="checkbox">
<label>
<input type="checkbox"> Remember me</label>
</div>
</div>
<div class="col-sm-4">
<button type="submit" class="pull-right btn btn-default">Submit</button>
</div>
</div>
</form>
</li>
</ul>
</li>
<!-- divider -->
<li class="divider"></li>
<li class="dropdown-full dropdown-onhover"> <a data-toggle="dropdown" href="javascript:;" class="dropdown-toggle" aria-expanded="true"><span class="hidden-sm hidden-md">Full Menu </span><span class="caret"></span></a>
<div class="dropdown-menu no-padding HingeUpToDown">
<ul>
<li class="col-xs-12 col-sm-4 col-md-2 col-lg-2">
<div class="header">Standard</div>
<br>
<ul>
<li><a href="#">Soccer</a>
</li>
<li><a href="#">Football</a>
</li>
<li><a href="#">Basketball</a>
</li>
<li><a href="#">Baseball</a>
</li>
<li><a href="#">Hockey</a>
</li>
</ul>
</li>
<li class="col-xs-12 col-sm-4 col-md-2 col-lg-2">
<div class="header">Description</div>
<br>
<ul>
<li><a href="#" class="">Themeforst<span class="desc"> Website Templates</span></a> </li>
<li><a href="#" class="">Codecanyon<span class="desc">Code Scripts</span></a> </li>
<li><a href="#" class="">Audiojungle<span class="desc">Music and Sound</span></a> </li>
</ul>
</li>
<li class="col-xs-12 col-sm-4 col-md-3 col-lg-3">
<div class="header">Text + Icons</div>
<br>
<ul>
<li>
<a href="#" class=""><img class="pull-left gap-right" src="images/barcode.png" style="width:40px;">Themeforst<span class="desc"> Website Templates</span>
</a>
</li>
<li>
<a href="#" class=""><img class="pull-left gap-right" src="images/smartphone.png" style="width:40px;">Codecanyon<span class="desc">Code Scripts</span>
</a>
</li>
<li>
<a href="#" class=""><img class="pull-left gap-right" src="images/play-button.png" style="width:40px;"> Audiojungle<span class="desc">Music and Sound</span>
</a>
</li>
</ul>
</li>
<li class="col-xs-12 col-sm-4 col-md-2 col-lg-2">
<div class="header">Text + Icons</div>
<br>
<ul>
<li><a href="#"><i class="fa fa-ambulance gap-right"></i>Ambulance</a>
</li>
<li><a href="#"><i class="fa fa-bluetooth gap-right"></i> Bluetooth</a>
</li>
<li><a href="#"><i class="fa fa-youtube-play gap-right"></i> Youtube</a>
</li>
<li><a href="#"><i class="fa fa-heartbeat gap-right"></i> Heartbeat</a>
</li>
<li><a href="#"><i class="fa fa-skype gap-right"></i> Skype</a>
</li>
</ul>
</li>
<li class="col-xs-12 col-sm-4 col-md-3 col-lg-3">
<div class="header">Custom Text</div>
<br>
<ul>
<p>he standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</p>
<br>
</ul>
</li>
</ul>
</div>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<!-- search form -->
<form class="navbar-form-expanded navbar-form navbar-left visible-lg-block visible-md-block visible-xs-block" role="search">
<div class="input-group">
<input type="text" class="form-control" data-width="80px" data-width-expanded="170px" placeholder="Search..." name="query">
<span class="input-group-btn">
<button class="btn btn-default" type="submit"><i class="fa fa-search"></i> </button>
</span> </div>
</form>
<li class="dropdown-grid visible-sm-block"> <a data-toggle="dropdown" href="" class="dropdown-toggle"><i class="fa fa-search"></i> Search</a>
<div class="dropdown-grid-wrapper" role="menu">
<ul class="dropdown-menu col-sm-6">
<li>
<form class="no-margin">
<div class="input-group">
<input type="text" class="form-control">
<span class="input-group-btn">
<button class="btn btn-default" type="button"> <i class="fa fa-search"></i></button>
</span> </div>
</form>
</li>
</ul>
</div>
</li>
<p class="navbar-text">Signed in as John Doe</p>
<li class="dropdown-grid dropdown-onhover"> <a data-toggle="dropdown" href="javascript:;" class="dropdown-toggle"> <span class="hidden-sm">Demo</span><span class="caret"></span></a>
<ul class="dropdown-menu dropdown-menu-right" style="z-index: 10000" id="change-menu">
<li class="demos active"><a href="index.html">Index</a></li>
<li class="demos"><a href="menu_components.html" class="demos">Demo components</a></li>
<li class="demos"><a href="menu-images.html" class="demos">Demo images</a></li>
<li class="demos"><a href="menu-maps.html" class="demos">Demo maps</a></li>
<li class="demos"><a href="menu-shop.html" class="demos">Demo shop</a></li>
<li class="demos"><a href="menu-tabs.html" class="demos">Demo tabs</a></li>
<li class="demos"><a href="menu-video.html" class="demos">Demo video</a></li>
</ul>
</li>
</ul>
</div>
</nav>
</div>
html, body {
width: 100%;
height: 100%;
}
body {
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.text-vertical-center {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.text-vertical-center h1 {
margin: 0;
padding: 0;
font-size: 4.5em;
font-weight: 700;
}/* Custom Button Styles */
.btn-dark {
border-radius: 0;
color: #fff;
background-color: rgba(0,0,0,0.4);
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active {
color: #fff;
background-color: rgba(0,0,0,0.7);
}
.btn-light {
border-radius: 0;
color: #333;
background-color: rgb(255,255,255);
}
.btn-light:hover, .btn-light:focus, .btn-light:active {
color: #333;
background-color: rgba(255,255,255,0.8);
}
#sidebar-wrapper.active {
right: 250px;
width: 250px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}/* Header */
.header-front {
display: table;
position: relative;
width: 100%;
height: 100%;
background: url(../img/bg.jpg) no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
margin-top: -20px;
}/* Footer */
footer {
background: #000;
color: #fff;
padding: 10px;
}
/*Navigation Bar Page*/
.navbar {
margin-bottom: 0;
}
/* ---GENERAL ---*/
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 0px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: none;
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.mega {
width: 831px;
margin-top: -132px !important;
}
.navbar, .dropdown-menu {
min-width: none;
}
.navbar .container, .navbar .container-fluid {
position: relative
}
.navbar .navbar a, a:hover, a:focus {
text-decoration: none
}
.navbar a.navbar-link, .navbar .navbar-text {
line-height: 20px;
padding: 15px;
margin: 0;
}
.navbar p>a.navbar-link, .navbar p>.navbar-text {
padding: 15px 0;
}
.navbar .dropdown-menu {
overflow: visible!important;
-webkit-transition: height 1ms;
transition: height 1ms
}
.navbar .navbar-nav .dropdown-menu li.disabled:hover>a, .navbar .navbar-nav .dropdown-menu li.disabled:focus>a {
cursor: not-allowed
}
.navbar.navbar-fixed-top, .navbar.navbar-fixed-bottom {
-webkit-transform: none;
-o-transform: none;
-moz-transform: none;
transform: none;
-ms-transform: none;
}
.navbar .nav > li > a {
display: inline-block;
}
@media (max-width: 767px) {
.navbar {
border-bottom: 0px;
}
.navbar .navbar-nav>li.divider {
display: none
}
.navbar .navbar-header a.navbar-link {
display: block;
margin: 0;
padding: 15px 15px
}
.navbar a.navbar-link, .navbar .navbar-text {
display: block;
margin: 0;
padding: 10px 15px;
line-height: 20px;
}
.navbar p>a.navbar-link {
display: inline-block;
padding: 0!important
}
.navbar .navbar-header .navbar-text {
padding: 15px;
margin: 0
}
.navbar .navbar-form {
border: 0;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none
}
}
.navbar .navbar-nav .dropdown-menu ul, .navbar .navbar-nav .dropdown-menu ul .dropdown-menu {
padding: 0px
}
.navbar .navbar-nav .dropdown-menu li {
list-style: none
}
.navbar .navbar-nav.navbar-right:last-child {
margin-right: 0px
}
.navbar .navbar-header {
z-index: 1;
position: relative
}
.navbar .container-fluid .navbar-collapse, .navbar .container .navbar-collapse {
position: relative;
padding-right: 0px;
padding-left: 0px
}
.navbar.navbar-static-top .container .navbar-collapse, .navbar.navbar-static-top .container-fluid .navbar-collapse {
margin-right: -15px;
margin-left: -15px
}
.navbar.navbar-static-top .container .navbar-header, .navbar.navbar-static-top .container-fluid .navbar-header {
margin-right: 0px
}
.navbar.navbar-static-top.brand-right .container .navbar-header, .navbar.navbar-static-top.brand-right .container-fluid .navbar-header {
margin-left: 0px;
margin-right: -15px
}
.navbar.navbar-fixed-top.brand-right .container .navbar-header, .navbar.navbar-fixed-bottom.brand-right .container .navbar-header, .navbar.navbar-fixed-top.brand-right .container-fluid .navbar-header, .navbar.navbar-fixed-bottom.brand-right .container-fluid .navbar-header {
margin-left: 0px;
margin-right: 0px!important
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
margin-left: 0px
} /*Headers, labels, buttons*/
.navbar .dropdown-menu li.dropdown-header {
display: block;
padding: 5px 15px;
font-size: 16px;
line-height: 20px;
white-space: nowrap;
font-weight: bold
}
.navbar .short-dropdown .dropdown-menu li.dropdown-header {
display: block;
padding: 5px 0px;
font-size: 16px;
line-height: 20px;
white-space: nowrap;
font-weight: bold
}
.navbar h1, .navbar .h1, .navbar h2, .navbar .h2, .navbar h3, .navbar .h3 {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 20px;
padding-bottom: 10px
}
.navbar p {
font-size: 14px;
text-shadow:none !important;
}
.navbar h4, .navbar .h4, .navbar h5, .navbar .h5, .navbar h6, .navbar .h6 {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 10px
}
.navbar .panel-title {
padding-top: 0px;
padding-bottom: 0px
}
.navbar .label {
line-height: 14px;
margin: 0 0 0 10px;
padding: 3px 5px;
vertical-align: top
}
.navbar-nav>.btn-group {
margin: 8px 10px 8px 0px
}
.navbar .btn-group>.dropdown-menu, .navbar .navbar-form>.input-group .dropdown-menu {
margin-top: 8px
}
.navbar .dropdown-menu li>a.dropdown-toggle {
display: block;
padding: 5px 30px 5px 15px;
clear: both;
font-weight: 400;
line-height: 20px;
white-space: nowrap;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis
}
.navbar.caret-left .navbar-nav .dropdown-menu li>a.dropdown-toggle, .navbar .navbar-nav.caret-left .dropdown-menu li>a.dropdown-toggle, .navbar .navbar-nav .dropdown-menu.caret-left li>a.dropdown-toggle, .navbar .navbar-nav .dropdown-menu li.caret-left>a.dropdown-toggle, .navbar .navbar-nav .dropdown-menu li>a.caret-left.dropdown-toggle {
padding: 12px 12px 12px 30px
}
.navbar .dropdown-menu li>a {
display: block;
padding: 5px 15px 5px 15px;
clear: both;
font-weight: 400;
line-height: 20px;
white-space: nowrap;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis
}
.navbar a>span.desc {
display: block;
font-size: smaller;
text-overflow: ellipsis;
overflow: hidden
}
@media (max-width: 767px) {
.navbar .navbar-collapse .navbar-nav>.navbar-form, .navbar .navbar-collapse>.navbar-form {
margin: 0;
border-top: none;
border-bottom-width: 1px;
border-bottom-style: solid
}
.navbar .navbar-collapse .navbar-nav>a.navbar-link, .navbar .navbar-collapse>a.navbar-link, .navbar .navbar-collapse .navbar-nav>.navbar-text, .navbar .navbar-collapse>.navbar-text, .navbar .navbar-collapse .navbar-nav>li {
border-bottom-width: 1px;
border-bottom-style: solid
}
.navbar .navbar-collapse .navbar-nav>li>a {
padding-top: 9px;
margin-top: 1px
}
.navbar .navbar-collapse .navbar-nav>li.open>a, .navbar .navbar-collapse .navbar-nav>li.xs-hover:hover>a, .navbar-nav>li.active>a {
padding-top: 10px;
padding-bottom: 11px;
margin-top: 0px
}
.navbar .navbar-nav>li {
clear: both
}
.navbar .navbar-header .navbar-nav>li {
clear: none
}
.navbar.navbar-fixed-bottom .navbar-collapse {
position: absolute!important;
bottom: 100%;
width: 100%;
border-bottom: 1px solid
}
.navbar .navbar-nav>li>a {
display: block
}
.navbar .navbar-nav .dropdown-menu {
padding: 0;
border-radius: 0!important
}
.navbar.navbar-fixed-top.brand-right .container .navbar-header, .navbar.navbar-fixed-bottom.brand-right .container .navbar-header, .navbar.navbar-fixed-top.brand-right .container-fluid .navbar-header, .navbar.navbar-fixed-bottom.brand-right .container-fluid .navbar-header {
margin-left: -15px!important;
margin-right: -15px!important
}
.navbar .navbar-nav>button {
display: block;
width: 100%
}
.navbar .navbar-nav>.btn-group {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
margin: 8px 10px 8px 0
}
.navbar .navbar-nav>.btn-group>.btn-group {
display: table-cell;
float: none;
width: 1%
}
.navbar .navbar-nav>.btn-group>.btn-group .btn {
width: 100%
}
.navbar .navbar-header .navbar-nav.navbar-right {
float: right
}
.navbar .navbar-header .navbar-nav.navbar-left {
float: left
}
.navbar .navbar-toggle {
margin-left: 15px
}
.navbar .navbar-nav {
margin: 1px
}
}
/* --- END GENERAL ---*/
/* --- HELPERS CLASSES ---*/
.navbar .no-border, .navbar.no-border, .navbar .no-border>*, .navbar.no-border>* {
border: none!important;
border-radius: 0!important
}
.navbar .no-radius, .navbar.no-radius, .navbar .no-radius>*, .navbar.no-radius>* {
border-radius: 0!important
}
.navbar .no-padding {
padding: 0!important
}
.navbar .padding15 {
padding: 15px!important
}
.navbar .no-margin {
margin: 0!important
}
.navbar .margin15 {
margin: 15px!important
}
.navbar .no-shadow, .navbar.no-shadow, .navbar .no-shadow>*, .navbar.no-shadow>* {
-webkit-box-shadow: none!important;
box-shadow: none!important
}
.navbar .navbar-nav li:not(.dropdown)>.dropdown-menu.bordered:not(.no-padding):after, .navbar .navbar-nav li:not(.dropdown)>.dropdown-grid-wrapper>.dropdown-menu.bordered:not(.no-padding):after {
content: '';
display: block;
z-index: -1;
top: 15px;
outline-width: 1px;
outline-style: solid;
position: absolute;
left: 15px;
right: 15px;
bottom: 15px
}/* --- END HELPERS CLASSES ---*/
/* --- MAINBAR CARET --- */
.navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap)>a.dropdown-toggle:not(.caret-bootstrap)>span:not(.caret-bootstrap).caret {
position: relative;
width: 8px;
height: 20px;
vertical-align: top;
font-family: FontAwesome;
margin-left: 8px;
border: none
}
.navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap)>a.dropdown-toggle:not(.caret-bootstrap)>span:not(.caret-bootstrap).caret:before {
content: "\f107"
}
.navbar.navbar-fixed-bottom:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap)>a.dropdown-toggle:not(.caret-bootstrap)>span:not(.caret-bootstrap).caret:before {
content: "\f106"
}
@media (max-width:768px) {
.navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap)>a.dropdown-toggle:not(.caret-bootstrap)>span:not(.caret-bootstrap).caret {
float: right
}
}
.navbar.caret-bootstrap .navbar-nav li>a.dropdown-toggle>span.caret, .navbar .navbar-nav.caret-bootstrap li>a.dropdown-toggle>span.caret, .navbar .navbar-nav li.caret-bootstrap>a.dropdown-toggle>span.caret, .navbar .navbar-nav li>a.dropdown-toggle.caret-bootstrap>span.caret, .navbar .navbar-nav li>a.dropdown-toggle>span.caret.caret-bootstrap {
float: right;
margin-top: 8px;
display: inline-block;
width: 0;
height: 0;
margin-left: 8px;
margin-right: 0px;
vertical-align: middle;
border-top: 4px solid;
border-bottom: 0px;
border-right: 4px solid transparent;
border-left: 4px solid transparent
}
.navbar.navbar-fixed-bottom.caret-bootstrap .navbar-nav li>a.dropdown-toggle>span.caret, .navbar.navbar-fixed-bottom .navbar-nav.caret-bootstrap li>a.dropdown-toggle>span.caret, .navbar.navbar-fixed-bottom .navbar-nav li.caret-bootstrap>a.dropdown-toggle>span.caret, .navbar.navbar-fixed-bottom .navbar-nav li>a.dropdown-toggle.caret-bootstrap>span.caret, .navbar.navbar-fixed-bottom .navbar-nav li>a.dropdown-toggle>span.caret.caret-bootstrap {
float: right;
display: inline-block;
width: 0;
height: 0;
margin-left: 8px;
margin-right: 0px;
vertical-align: middle;
border-top: 0px;
border-bottom: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent
}
.navbar.caret-left .navbar-nav li>a.dropdown-toggle>span.caret, .navbar .navbar-nav.caret-left li>a.dropdown-toggle>span.caret, .navbar .navbar-nav li.caret-left>a.dropdown-toggle>span.caret {
margin-right: 8px!important;
margin-left: 0px!important;
float: left!important
}
/* --- END MAINBAR CARET --- */
/* --- SUBMENU CARET --- */
.navbar.caret-bootstrap .navbar-nav .dropdown-menu li>a.dropdown-toggle:before, .navbar .navbar-nav.caret-bootstrap .dropdown-menu li>a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.caret-bootstrap>a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li>a.dropdown-toggle.caret-bootstrap:before {
width: 0;
height: 0;
position: absolute;
border-top: 4px solid;
border-bottom: 0px;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: ""!important;
margin-top: 8px;
float: right
}
.navbar .navbar-nav .dropdown-menu li>a.dropdown-toggle:before {
position: absolute;
width: 10px;
left: auto;
right: 10px;
font-family: FontAwesome;
content: ""
}
.navbar.caret-left .navbar-nav .dropdown-menu li>a.dropdown-toggle:before, .navbar .navbar-nav.caret-left .dropdown-menu li>a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu.caret-left li>a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.caret-left>a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li>a.caret-left.dropdown-toggle:before {
left: 10px;
right: auto
}
.navbar .navbar-nav .dropdown-menu li.dropup-left-onclick>a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.dropdown-left-onclick>a.dropdown-toggle:not(.collapsed):before {
content: "\f104"
}
.navbar .navbar-nav .dropdown-menu li.dropup-right-onclick>a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.dropdown-right-onclick>a.dropdown-toggle:not(.collapsed):before {
content: "\f105"
}
.navbar .navbar-nav .dropdown-menu li[class*="dropup-"]>a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li[class*="collapse-up-"]>a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropup-center-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.collapse-up-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before {
content: "\f106"
}
.navbar .navbar-nav .dropdown-menu li[class*="dropdown-"]>a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li[class*="collapse-down-"]>a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropdown-center-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.collapse-down-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before {
content: "\f107"
}
@media (min-width:768px) {
.navbar .navbar-nav .dropdown-menu li.dropup-left-onhover:hover>a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropdown-left-onhover:hover>a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropup-left-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.dropdown-left-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before {
content: "\f104"
}
.navbar .navbar-nav .dropdown-menu li.dropup-right-onhover:hover>a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropdown-right-onhover:hover>a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropup-right-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.dropdown-right-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before {
content: "\f105"
}
}
@media (max-width:767px) {
.navbar .navbar-nav .dropdown-menu li[class*="collapse-up-"]>a.dropdown-toggle:before {
content: "\f106"!important
}
.navbar .navbar-nav .dropdown-menu li>a.dropdown-toggle:before {
content: "\f107"!important
}
.navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) .dropdown-menu:not(.caret-bootstrap) li:not(.caret-bootstrap).collapse-up-onclick>a:not(.caret-bootstrap).dropdown-toggle.collapsed:before {
content: "\f106"!important
}
}/* --- END SUBMENU CARET --- *//* --- MAINMENU --- */
.navbar .dropdown-menu {
position: absolute;
}
.navbar .navbar-nav>li:not(.short-dropdown)[class*="dropdown-"] {
position: static
}
.navbar:not(.no-border) .navbar-nav>li[class*="dropdown"]>.dropdown-menu, .navbar:not(.no-border) .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu {
margin-top: 1px !important;
min-width: 150px;
}
.navbar.no-border .navbar-nav>li[class*="dropdown"]>.dropdown-menu, .navbar.no-border .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu {
margin-top: 0px;
margin-bottom: 0px
}
.navbar.navbar-fixed-bottom .navbar-nav>li[class*="dropdown"]>.dropdown-menu, .navbar.navbar-fixed-bottom .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu {
top: auto;
bottom: 100%;
border-top-width: 1px;
border-bottom-width: 0px;
border-radius: 4px 4px 0 0
}
.navbar .navbar-nav>li[class*="dropdown"]>.dropdown-menu, .navbar .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu {
top: 100%;
bottom: auto;
border-top-width: 0px;
border-bottom-width: 1px;
border-radius: 0 0 4px 4px
}
.navbar .navbar-nav>li.dropdown>.dropdown-menu {
padding: 0px;
}
.navbar .navbar-nav.navbar-left>li.dropdown-grid>.dropdown-grid-wrapper, .navbar .navbar-nav.navbar-right>li.dropdown-grid>.dropdown-grid-wrapper.dropdown-menu-left {
direction: ltr;
float: left
}
.navbar .navbar-nav.navbar-right>li.dropdown-grid>.dropdown-grid-wrapper, .navbar .navbar-nav.navbar-left>li.dropdown-grid>.dropdown-grid-wrapper.dropdown-menu-right {
direction: rtl;
float: right
}
.navbar .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu {
left: auto;
direction: ltr;
padding: 15px
}
.navbar .navbar-nav.navbar-right>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu {
right: auto
}
.navbar .navbar-nav>li.dropdown-grid.open>.dropdown-grid-wrapper>.dropdown-menu {
display: block
}
.navbar .navbar-nav>li.dropdown-wide>.dropdown-menu, .navbar .navbar-nav>li.dropdown-full>.dropdown-menu {
left: 0;
right: 0;
padding: 15px;
margin-left: 0px;
margin-right: 0px
}
.navbar.navbar-fixed-bottom .navbar-nav>li.dropdown-wide>.dropdown-menu, .navbar.navbar-fixed-top .navbar-nav>li.dropdown-wide>.dropdown-menu, .navbar.navbar-static-top .navbar-nav>li.dropdown-wide>.dropdown-menu {
margin-left: 15px;
margin-right: 15px
}
.navbar:not(.no-border) .navbar-nav>li.dropdown-full>.dropdown-menu {
margin-left: -16px;
margin-right: -16px
}
.navbar.no-border .navbar-nav>li.dropdown-full>.dropdown-menu {
margin-left: -15px;
margin-right: -15px
}
.navbar.navbar-fixed-bottom .navbar-nav>li.dropdown-full>.dropdown-menu, .navbar.navbar-fixed-top .navbar-nav>li.dropdown-full>.dropdown-menu, .navbar.navbar-static-top .navbar-nav>li.dropdown-full>.dropdown-menu, .navbar.no-border.navbar-static-top .navbar-nav>li.dropdown-full>.dropdown-menu {
margin-left: 0px;
margin-right: 0px
}
@media (min-width: 768px) {
.navbar.dropdown-onhover .navbar-nav>li:hover>.dropdown-menu,
.navbar.dropdown-onhover .navbar-nav>li:hover>.dropdown-grid-wrapper>.dropdown-menu,
.navbar li.dropdown-onhover:hover>.dropdown-menu,
.navbar li.dropdown-onhover:hover>.dropdown-grid-wrapper>.dropdown-menu, .navbar
.navbar-nav.dropdown-onhover>li:hover>.dropdown-menu, .navbar
.navbar-nav.dropdown-onhover>li:hover>.dropdown-grid-wrapper>.dropdown-menu {
display: block!important;
visibility: visible;
z-index: 1001!important;
}
}
@media (max-width: 767px) {
.navbar .navbar-nav>li.short-dropdown>.dropdown-menu .h-divided {
width: 100%
}
.navbar .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper {
float: none!important
}
.navbar .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu, .navbar .navbar-nav>li>.dropdown-menu {
border-top-style: solid;
border-top-width: 1px!important;
margin-top: 0px!important;
margin-bottom: 0px!important;
position: relative;
left: 0!important;
right: 0!important;
top: 0px!important;
bottom: auto!important;
}
.navbar.navbar-fixed-bottom .navbar-nav>li.dropdown-wide>.dropdown-menu, .navbar.navbar-fixed-top .navbar-nav>li.dropdown-wide>.dropdown-menu, .navbar.navbar-static-top .navbar-nav>li.dropdown-wide>.dropdown-menu, .navbar .navbar-nav>li.dropdown-wide>.dropdown-menu, .navbar .navbar-nav>li.dropdown-full>.dropdown-menu {
margin-left: 0!important;
margin-right: 0!important;
width: 100%
}
.navbar .navbar-nav>li.dropdown-wide.open>.dropdown-menu, .navbar .navbar-nav>li.dropdown-full.open>.dropdown-menu {
display: inline-block;
visibility: visible;
}
.navbar .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu, .navbar .navbar-nav>li.dropdown-grid>a {
margin-right: 0px!important
}
.navbar .navbar-nav.navbar-right>li>.dropdown-grid-wrapper>.dropdown-menu, .navbar .navbar-nav.navbar-right>li>a, .navbar .navbar-nav.navbar-right>li>ul {
margin-right: 1px!important
}/*Hover force v2.0.1 new*/
.navbar li.xs-hover:hover>.dropdown-menu {
display: block;
visibility: visible;
height: inherit!important;
float: none;
width: auto;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.navbar li.xs-hover:hover>.dropdown-grid-wrapper>.dropdown-menu {
display: block;
visibility: visible;
height: inherit!important;
float: none;
width: auto;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.navbar li.xs-hover.no-fix:not(:hover)>.dropdown-menu, .navbar li.xs-hover.no-fix:not(:hover)>.dropdown-grid-wrapper>.dropdown-menu {
display: none;
}
.navbar li.dropdown-wide.xs-hover:hover>.dropdown-menu, .navbar li.dropdown-full.xs-hover:hover>.dropdown-menu {
display: inline-block!important;
visibility: visible;
}
.navbar li.xs-hover:hover>.dropdown-menu .dropdown-menu {
position: static;
float: none;
border: 0;
}
.navbar li.xs-hover:hover>.dropdown-grid-wrapper>.dropdown-menu .dropdown-menu {
position: static;
float: none;
border: 0;
}
}/* --- END MAINMENU --- */
/* --- SUBMENUS --- */
.navbar .navbar-nav>li ul li[class*="-onhover"] {
position: relative;
}
.navbar .navbar-nav>li ul li.dropdown-right-onhover>.dropdown-menu {
left: 100%;
right: auto;
top: 0px;
bottom: auto;
z-index: 1001;
display: none;
overflow: visible
}
.navbar .navbar-nav>li ul li.dropup-left-onhover>.dropdown-menu {
left: auto;
right: 100%;
top: auto;
bottom: 0px;
z-index: 1001;
display: none;
overflow: visible
}
.navbar .navbar-nav>li ul li.dropdown-left-onclick>.dropdown-menu {
left: auto;
right: 100%;
top: 0px;
bottom: auto;
z-index: 1001
}
.navbar .navbar-nav>li ul li.dropdown-left-onhover>.dropdown-menu {
left: auto;
right: 100%;
top: 0px;
bottom: auto;
z-index: 1001;
display: none;
overflow: visible
}
.navbar .navbar-nav>li:not(.dropdown) ul li.dropup-right-onclick>.dropdown-menu, .navbar .navbar-nav>li:not(.dropdown) ul li.dropdown-right-onclick>.dropdown-menu, .navbar .navbar-nav>li:not(.dropdown) ul li.dropup-right-onhover>.dropdown-menu, .navbar .navbar-nav>li:not(.dropdown) ul li.dropdown-right-onhover>.dropdown-menu {
margin: 0 0 0 -1px;
padding: 0px;
min-width: 150px;
}
.navbar .navbar-nav>li:not(.dropdown) ul li.dropup-left-onclick>.dropdown-menu, .navbar .navbar-nav>li:not(.dropdown) ul li.dropdown-left-onclick>.dropdown-menu, .navbar .navbar-nav>li:not(.dropdown) ul li.dropup-left-onhover>.dropdown-menu, .navbar .navbar-nav>li:not(.dropdown) ul li.dropdown-left-onhover>.dropdown-menu {
margin: 0 -1px 0 0;
padding: 0px;
min-width: 150px;
}
.navbar .navbar-nav>li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li>a {
padding-left: 90px
}
@media (max-width: 767px) {
.navbar .navbar-nav>li ul li[class*="-onhover"]>.dropdown-menu.collapse.in {
display: block;
visibility: visible;
height: inherit!important
}
.navbar .navbar-nav>li ul li[class*="-onhover"]>.dropdown-toggle.collapsed + .dropdown-menu.collapsing {
display: none;
height: inherit!important
}
.navbar .navbar-nav>li ul li[class*="-onhover"]>.dropdown-toggle:not(.collapsed) + .dropdown-menu.collapsing {
display: block;
visibility: visible;
height: inherit!important
}
.navbar .navbar-nav>li ul li[class*="-onclick"]>.dropdown-menu, .navbar .navbar-nav>li ul li[class*="-onhover"]>.dropdown-menu {
padding: 0!important;
margin: 1px 0 1px 0;
width: auto
}
.navbar .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
padding-left: 15px
}
.navbar .navbar-nav .dropdown-menu, .navbar .navbar-nav .dropdown-menu {
-webkit-box-shadow: none!important;
box-shadow: none!important
}
.navbar.caret-left .navbar-nav .open .dropdown-menu>li>a.dropdown-toggle, .navbar-nav.caret-left .open .dropdown-menu>li>a.dropdown-toggle, .navbar-nav .open.caret-left .dropdown-menu>li>a.dropdown-toggle, .navbar-nav .open .dropdown-menu.caret-left>li>a.dropdown-toggle, .navbar-nav .open .dropdown-menu>li.caret-left>a.dropdown-toggle, .navbar-nav .open .dropdown-menu>li>a.dropdown-toggle.caret-left {
padding-left: 30px
}
.navbar .navbar-nav>li ul li[class*="collapse-"] .dropdown-menu li>a {
padding-left: 15px!important
}
.navbar-nav .dropdown-menu .dropdown-menu {
margin-left: 15px!important;
margin-right: 0px!important;
margin-top: 1px!important;
}
}
@media (min-width: 768px) {
.navbar .navbar-nav>li ul li[class*="-onhover"]:hover>.dropdown-menu,
.navbar .navbar-nav>li ul li[class*="-onhover"]:not(.no-fix)>.dropdown-menu.collapse.in {
display: block!important;
visibility: visible;
height: inherit!important;
}
}
/* --- END SUBMENUS --- */
@media screen and (min-width: 768px) {
.jumbotron {
padding-top:0px !important;
padding-bottom: 48px;
}
}
.jumbotron {
padding-top: 0px;
background: url("../../../images/bg.jpg");
background-size: cover;
color: #FFF;
}
.jumbotron h2{
text-shadow: 0px 0px 4px #000000;
}
.jumbotron p{
text-shadow: 0px 0px 4px #000000;
}
/*Mega-black and green Bar Page*/
.navbar {
border: 1px solid #222;
background-color: #6ed50f;
background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#b8000c),color-stop(50%,#b8000c),color-stop(50%,#99000a));
background: -webkit-linear-gradient(top,#b8000c,#99000a);
background: -moz-linear-gradient(top,#3fb800,#590);
background: -ms-linear-gradient(top,#b8000c,#99000a);
background: -o-linear-gradient(top,#b8000c,#99000a);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,.1);
-moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,.1);
box-shadow: inset 1px 1px 0 0 rgba(255,255,255,.1);
color: #ffffff;
border-right: solid 1px #000;
}
.navbar.hover>a {
background: #000;
}
.navbar.navbar-mega-black-red .navbar-nav>li>a {
color: #eeeeee;
border-left: solid 1px #000;
}
.navbar.navbar-mega-black-red .navbar-nav>li:hover>a {
color: #ffffff;
background-color: #000;
}
.navbar.navbar-mega-black-red .navbar-nav>li.active>a {
color: #ffffff;
background-color: #000;
}
.navbar.navbar-mega-black-red .navbar-nav>li.active:hover>a {
color: #ffffff;
background-color: #000;
}
.navbar.navbar-mega-black-red .navbar-nav>li.open>a {
color: #ffffff;
background-color: #000;
}
.navbar.navbar-mega-black-red .navbar-nav>li.open:hover>a {
color: #ffffff;
background-color: #000;
}
/* Active */
.navbar.navbar-mega-black-red .navbar-nav .dropdown-menu li.active > a {
color: #f7f7f7;
background-color: #222;
}
.navbar.navbar-mega-black-red .navbar-nav .dropdown-menu li.active > a:hover {
color: #f7f7f7;
background-color: #222;
}
/* Disable */
.navbar.navbar-mega-black-red .navbar-nav .dropdown-menu li.disabled > a {
color: #777777;
background-color: #ffffff;
}
.navbar.navbar-mega-black-red .navbar-nav .dropdown-menu li.disabled > a>span.desc {
color: #777777;
}
.navbar.navbar-mega-black-red .navbar-nav .dropdown-menu li.disabled > a:hover>span.desc {
color: #777777;
}
.navbar.navbar-mega-black-red .navbar-nav .dropdown-menu li.disabled > a:hover {
color: #777777;
background-color: #ffffff;
}
/* Toggle Bar */
.navbar.navbar-mega-black-red .navbar-toggle .icon-bar {
background-color: #cccccc;
color: #000000;
border-radius: 2px;
}
.navbar.navbar-mega-black-red .navbar-toggle:hover .icon-bar, .navbar.navbar-mega-black-red .navbar-toggle:focus .icon-bar {
background-color: #ffffff;
color: #cccccc;
}
/* Logo Brand */
.navbar.navbar-mega-black-red .navbar-logo {
color: #eeeeee;
}
.navbar.navbar-mega-black-red .navbar-logo:hover, .navbar.navbar-mega-black-red .navbar-logo:focus {
color: #ffffff;
}
/* Sub Menu */
.navbar.navbar-mega-black-red .dropdown-menu {
background: #000;
color: #fff;
}
.navbar.navbar-mega-black-red:not(.navbar-fixed-bottom) .navbar-nav>.open>a:after, .navbar.navbar-mega-black-red:not(.navbar-fixed-bottom) .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a:after, .navbar.navbar-mega-black-red:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:after {
border-bottom-color: #d92524;
}
.navbar .dropdown-menu li>a {
color: #eee;
}
.navbar .dropdown-menu li>a:hover {
color: #fff;
}
.navbar.navbar-mega-black-red .dropdown-menu .btn-default:hover, .navbar.navbar-mega-black-red .dropdown-menu .btn-default:focus, .navbar.navbar-mega-black-red .dropdown-menu .btn-default:active, .navbar.navbar-mega-black-red .dropdown-menu .btn-default.active {
color: #f7f7f7;
border-color: #777777;
}
.navbar.navbar-mega-black-red .dropdown-menu>li>a {
color: #d9d9d9;
background-color: #000;
padding: 12px;
}
.navbar.navbar-mega-black-red .dropdown-menu>li>a:hover {
color: #fff;
}
.navbar.navbar-mega-black-red .navbar-nav .dropdown-menu>li[class*="-onhover"]:hover>a, .navbar.navbar-mega-black-red .navbar-nav .dropdown-menu>li[class*="-onclick"]:hover>a {
color: #fff;
}
/* Dropdown Pointer */
.navbar.navbar-mega-black-red:not(.navbar-fixed-bottom) .navbar-nav>.open>a:after, .navbar.navbar-mega-black-red:not(.navbar-fixed-bottom) .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a:after, .navbar.navbar-mega-black-red:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:after {
border-bottom-color: #222;
}
/* Dropdown Divider */
.navbar.navbar-mega-black-red .dropdown-menu li.divider, .navbar.navbar-mega-black-red .v-divided>*:before, .navbar.navbar-mega-black-red .v-divided>*:after, .navbar.navbar-mega-black-red .h-divided>*:after, .navbar.navbar-mega-black-red .h-divided>*:first-child:before, .navbar.navbar-mega-black-red .h-divider:after {
background-color: #cccccc;
}
.navbar.navbar-mega-black-red .divided>*:before {
border-color: #cccccc;
}
@media (max-width: 767px) {
.navbar.navbar-mega-black-red .navbar-collapse>.navbar-form, .navbar.navbar-mega-black-red .navbar-collapse>a.navbar-link, .navbar.navbar-mega-black-red .navbar-collapse>.navbar-text, .navbar.navbar-mega-black-red .navbar-collapse .navbar-nav>.navbar-form, .navbar.navbar-mega-black-red .navbar-collapse .navbar-nav>li, .navbar.navbar-mega-black-red .navbar-collapse .navbar-nav>.navbar-text, .navbar.navbar-mega-black-red .navbar-collapse .navbar-nav>a.navbar-link, .navbar.navbar-mega-black-red .navbar-collapse .navbar-nav>.navbar-form {
border-bottom-color: #ac000b !important;
-webkit-box-shadow: 0 1px 0 #710007 !important;
}
}
.navbar .menu-border {
border-left: 1px solid #000;
-webkit-box-shadow: inset 1px 0 0 0 rgba(255,255,255,.1);
-moz-box-shadow: inset 1px 0 0 0 rgba(255,255,255,.1);
box-shadow: inset 1px 0 0 0 rgba(255,255,255,.1);
}
.gap-right {
margin-right: 10px;
}
.navbar .header {
font-weight: bold;
border-bottom: solid 1px #bbb;
padding: 14px;
}
jQuery(document).ready(function(e) {
jQuery('a[data-toggle="tab"]').on('show.bs.tab', function (e) {
e.preventDefault();
jQuery('a[data-toggle="tab"]').each(function() {
jQuery(this).parent('li').removeClass('active');
});
})
jQuery('.carousel').carousel();
});
var navHeight = $('#main_menubar').offset().top;
FixMegamenubar(navHeight);
$(window).bind('scroll', function() {FixMegamenubar(navHeight);});
function FixMegamenubar(navHeight) {
if (!$('#main_menubar').hasClass('navbar-fixed-bottom')) {
if ($(window).scrollTop() > navHeight) {
$('#main_menubar').addClass('navbar-fixed-top')
$('body').css({'margin-top': $('#main_menubar').height()+'px'});
if ($('#main_menubar').parent('div').hasClass('container')) $('#main_menubar').children('div').addClass('container').removeClass('container-fluid');
else if ($('#main_menubar').parent('div').hasClass('container-fluid')) $('#main_menubar').children('div').addClass('container-fluid').removeClass('container');
}
else {
$('#main_menubar').removeClass('navbar-fixed-top');
$('#main_menubar').children('div').addClass('container-fluid').removeClass('container');
$('body').css({'margin-top': ''});
}
}
}
$( window ).load(function() {
$(document).on('click', '.navbar .dropdown-menu', function(e) {e.stopPropagation();});
});
$(document).ready(function() {
$(".toTop").css("display", "none");
$(window).scroll(function(){
if($(window).scrollTop() > 0){$(".toTop").fadeIn("slow");} else {$(".toTop").fadeOut("slow");}
});
$(".toTop").click(function(){
event.preventDefault();
$("html, body").animate({scrollTop:0},"slow");
});
});
$(document).ready(function(){
jQuery('a.demos').live("click",function(event){
event.preventDefault();
var href = "ajax_templates/"+jQuery(this).attr("href");
$('#content').load(href);
return false;
});
});
