button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; }

.collapse {display: none}
.collapse.in {display: block}

/*** Toggle button***/

.navbar-brand{ display:block; width:250px; padding:5px 0px; position:relative; top:4px; }
.navbar-brand img{ width:100%; max-width:100%; }

.navbar-default { width: 100%;padding:0px 0px;  }

.navbar-default .navbar-toggle {position: absolute; top:25px; right:10px; padding: 9px 10px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px;border-color: #ddd}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #fff; background-color: #fa5806}
.navbar-default  .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #ddd; outline: 0}
.navbar-default .navbar-toggle .icon-bar {display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #888}
.navbar-default .navbar-toggle .icon-bar+.icon-bar {margin-top: 4px}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #fa5806}

.nav { padding:0px; margin:0px; list-style:none;   }
.nav>li {position: relative; display: block; border-bottom:1px solid #fecdb5; }
.nav>li>a { position: relative; display: block; padding: 10px 20px; font:bold 16px "proxima_nova_rgregular", "Open Sans", arial; color:#fff; text-decoration:none; background:#fd5709;}
.nav>li>a:focus, .nav>li>a:hover {  color:#fff; background:#fa5806;  }


@media (min-width:1019px) {
.navbar {position: relative; }
.navbar-header {float: left; display: table; }
.navbar-nav { float:right; border:0px solid #ff0000;  }
.navbar-nav>li {float: left; border-bottom:0px; }
.navbar-nav>li>a { position: relative; display: block; padding:31px 15px; line-height:55px; font:normal 20px "proxima_nova_rgregular", "Open Sans", arial; color:#666; text-decoration:none; background:none;}

#home .navbar-nav>li.current1>a,
#about .navbar-nav>li.current2>a, 
#product .navbar-nav>li.current3>a,
#services .navbar-nav>li.current4>a,
#tech .navbar-nav>li.current5>a,
#portfolio .navbar-nav>li.current6>a,
#contact .navbar-nav>li.current7>a
  { color:#fff; background:#fd5709;}




.navbar-toggle {display: none}
.navbar-collapse.collapse {display: block!important;}
}

.dropdown-menu {position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 0px 0; margin:0px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 0px solid #ccc; border: 0px solid rgba(0,0,0,.15);  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175)}

.dropdown-menu>li>a {display: block; padding:10px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; font:normal 16px "proxima_nova_rgregular", "Open Sans", arial; text-decoration:none;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: #fd5709; text-decoration: none; background-color: #f5f5f5}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {color: #fff; text-decoration: none; background-color: #fd5709; outline: 0}

/*
dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {color: #777}
.dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}*/

.open>.dropdown-menu {display: block}
.open>a {outline: 0}
.dropdown-menu-right {right: 0; left: auto}
.dropdown-menu-left {right: auto; left: 0}

.dropdown-header {display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap}
.dropdown-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990}
.pull-right>.dropdown-menu {right: 0; left: auto}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {content: ""; border-top: 0; border-bottom: 4px solid}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {top: auto; bottom: 100%; margin-bottom: 2px}

.caret {display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent}
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0}
.sr-only-focusable:active, .sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto}
[role=button] {cursor:pointer}


/*** Drodown > sub dropdown in mobile ***/
@media (max-width:1020px) {
	
.navbar-brand{ display:block; width:200px; padding:15px 0px; position:relative; top:4px; }
.navbar-brand img{ width:100%; max-width:100%; }

	
.navbar-nav .open .dropdown-menu {position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius:0px; padding:0px; margin:0px; }
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding:10px 15px 10px 25px}
.navbar-nav .open .dropdown-menu>li>a {line-height: 20px; color:#fff; text-decoration:none; background:#ff8142;}
.navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover {background-image: none;background:#faab83;}
}

.collapsing {position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility}