header.banner {z-index:20;}
.navbar {
background-color:#fff;
margin-bottom:0;
}
header.banner #logo {
float:left;
display:block;
margin:30px 0;
}
header.banner #logo .logo-trans {display:none}
.navbar .navbar-nav {
float:right;
text-align:right;
margin:12px 0 0 0;
}
.navbar .navbar-nav > li > a {
position:relative;
color:#5d5d5d;
font-size:15px;
font-weight:400;
padding:15px 0;
margin:0 15px;
-webkit-transition:all 0.1s linear;
-moz-transition:all 0.1s linear;
transition:all 0.1s linear;
}
.navbar .navbar-nav > li > a:after {
position:absolute;
bottom:12px;
left:0;
content:'';
width:0;
height:1px;
background-color:#fff;
transition:all 0.2s linear;
}
.navbar .navbar-nav > li > a:hover {color:#5d5d5d}
.navbar .navbar-nav > li > a:hover:after,
.navbar .navbar-nav > li.active > a:after,
.navbar .navbar-nav > li.active > a:hover:after,
.navbar .navbar-nav > li.active > a:focus:after {
width:100%;
height:1px;
background-color:#151515;
}
.navbar-nav > li + li {margin-left:2px}
.navbar .navbar-nav > li.active > a,
.navbar .navbar-nav > li.active > a:hover,
.navbar .navbar-nav > li.active > a:focus {
color:#5d5d5d;
background-color:transparent;
}
.navbar .navbar-nav .dropdown-menu {
background-color:#2e2f30;
border-radius:0 !important;
}
.navbar .navbar-nav .dropdown-menu li a {
position:relative;
font-size:14px;
}
.navbar .navbar-nav .dropdown-menu li.active a {
background-color:transparent;
color:#151515;
}
.navbar .navbar-nav .dropdown-menu li a:hover,
.navbar .navbar-nav .dropdown-menu li.active a:hover {
color:#151515;
background-color:transparent;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {background-color:transparent !important}
@media (min-width:768px) and (max-width:1449px) {
.navbar .navbar-nav .dropdown .dropdown .dropdown-menu {right:auto}
}
.navbar-collapse {max-height:none}
.navbar-collapse ul {margin-bottom:10px}
.navbar-default .navbar-nav> .open > a, .navbar-default .navbar-nav> .open > a:hover, .navbar-default .navbar-nav> .open > a:focus,
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color:transparent}
.navbar .navbar-nav .th-anchor.active a:after {width:0} .top-nav {
background:rgba(0,0,0,0.03);
padding:5px 0;
}
.top-nav-text {float:left}
.top-nav-icon-blocks {float:right}
.top-nav-icon-blocks .icon-block {
display:inline-block;
padding: 0 10px;
text-align: right;
}
.top-nav-icon-blocks .icon-block:last-child {
padding: 0 0 0 10px;
}
.top-nav-icon-blocks .icon-block a:hover {
text-decoration: none;
}
.top-nav-icon-blocks .icon-block i {
padding-right: 6px;
}
.top-nav-icon-blocks .icon-block p, .top-nav-icon-blocks .icon-block a,
.top-nav-text p, .top-nav-text a {
font-size:12px;
line-height:26px;
margin:0;
color:#5d5d5d;
}
.top-nav-icon-blocks .icon-block i {
font-size:13px;
} header.banner[data-transparent-header="true"] {
width:100%;
top:0;
left:0;
position:absolute;
overflow:visible !important;
z-index:9998;
background-color:transparent;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-o-box-shadow:none;
border-bottom:0;
}
.boxed-mode header.banner[data-transparent-header="true"] {
left:0; right:0; margin:0 auto;
}
header.banner[data-transparent-header="true"] #logo .logo-trans {display:inline}
header.banner[data-transparent-header="true"] #logo .logo-main {display:none}
header.banner[data-transparent-header="true"] .navbar-nav > li > a,
header.banner[data-transparent-header="true"] .navbar-nav > li.active > a {color:#fff}
header.banner[data-transparent-header="true"] .navbar-nav > li > a:hover,
header.banner[data-transparent-header="true"] .navbar-nav > li.active > a:hover {color:#fff}
header.banner[data-transparent-header="true"] .navbar-nav > li > a:hover:after,
header.banner[data-transparent-header="true"] .navbar-nav > li.active > a:after,
header.banner[data-transparent-header="true"] .navbar-nav > li.active > a:hover:after,
header.banner[data-transparent-header="true"] .navbar-nav > li.active > a:focus:after {background-color:#fff}
header.banner[data-transparent-header="true"] .top-nav-icon-blocks .icon-block p,
header.banner[data-transparent-header="true"] .top-nav-icon-blocks .icon-block a,
header.banner[data-transparent-header="true"] .top-nav-text p,
header.banner[data-transparent-header="true"] .top-nav-text a {color:#fff}
header.banner[data-transparent-header="true"] .top-nav {background: rgba(255,255,255,0.1)}  .th-accent, .headhesive--clone.banner[data-transparent-header="true"] .th-accent {
border: 1px solid rgba(0,0,0,0.4);
padding: 8px 18px;
margin-top: 6px;
margin-left:16px;
border-radius:50px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
header.banner[data-transparent-header="true"] .th-accent {
border: 1px solid rgba(255,255,255,0.5);
}
.navbar .navbar-nav > li.th-accent > a {
padding:0;
margin:0;
}
.navbar .navbar-nav > li.th-accent:hover, header.banner[data-transparent-header="true"].headhesive--clone.navbar .navbar-nav > li.th-accent:hover {
border-color: rgba(0,0,0,0.6);
background: none;
}
header.banner[data-transparent-header="true"].navbar .navbar-nav > li.th-accent:hover {
border: 1px solid rgba(255, 255, 255,0.7);
background: rgba(0,0,0,0.2);
}
.navbar .navbar-nav > li.th-accent > a:after,
.navbar .navbar-nav > li.th-accent > a:hover:after,
.navbar .navbar-nav > li.th-accent.active > a:after,
.navbar .navbar-nav > li.th-accent.active > a:hover:after,
.navbar .navbar-nav > li.th-accent.active > a:focus:after {
background: none !important;
} header.dark-header {
background-color:#252b2d;
border-color:transparent;
border-bottom:0;
}
.headhesive--clone.dark-header {background-color:#252b2d !important;}
header.dark-header .navbar-nav > li > a,
header.dark-header .navbar-nav > li > a:hover,
.headhesive--clone.dark-header .navbar-nav > li > a,
.headhesive--clone.dark-header .navbar-nav > li > a:hover {color:#fff !important;}
header.dark-header .navbar-nav > li.active > a,
header.dark-header .navbar-nav > li.active > a:hover,
header.dark-header .navbar-nav > li.active > a:focus {color:#fff;}
header.dark-header .top-nav {background: rgba(255,255,255,0.04)}
.headhesive--clone.dark-header .top-nav {background: rgba(255,255,255,0.04) !important;}
header.dark-header .top-nav-icon-blocks .icon-block p,
header.dark-header .top-nav-icon-blocks .icon-block a,
header.dark-header .top-nav-text p, .top-nav-text a,
.headhesive--clone.dark-header .top-nav-icon-blocks .icon-block p,
.headhesive--clone.dark-header .top-nav-icon-blocks .icon-block a,
.headhesive--clone.dark-header .top-nav-text p,
.headhesive--clone.dark-header .top-nav-text a {color: #fff !important;}
header.dark-header .navbar-nav > li > a:hover:after,
header.dark-header .navbar-nav > li.active > a:after,
header.dark-header .navbar-nav > li.active > a:hover:after {background-color: #fff !important;}
header.dark-header .navbar-collapse {box-shadow:none}
header.dark-header .navbar-nav > li.th-accent,
header.dark-header.headhesive--clone[data-transparent-header="true"] .navbar-nav > li.th-accent {border: 1px solid rgba(255,255,255,0.65);}
header.dark-header .navbar-nav > li.th-accent:hover,
header.dark-header.headhesive--clone[data-transparent-header="true"] .navbar-nav > li.th-accent:hover {border: 1px solid rgba(255,255,255,0.9) !important;}
@media (max-width: 767px) {
header.dark-header .navbar-nav .open .dropdown-toggle {background-color: #1c2022 !important;}
header.dark-header .navbar-nav .dropdown-menu {background-color: #1f2426 !important;}
header.dark-header .navbar-nav .open .dropdown-menu > li > a,
header.dark-header .navbar-nav .open .dropdown-menu > .active > a,
header.dark-header .navbar-nav .open .dropdown-menu > .active > a:focus {color: #a2a7a9;}
header.dark-header .navbar-nav .open .dropdown-menu > li > a:hover,
header.dark-header .navbar-nav .open .dropdown-menu > .active > a:hover {color: #fff;}
header.dark-header .navbar-toggle .icon-bar {background-color:#acacac;}
} @media (max-width:767px) {
.navbar .navbar-nav .dropdown-menu > li > a {white-space:normal}
.navbar-nav > li + li {margin-left:0}
.navbar .navbar-nav .dropdown-submenu .dropdown-menu {background-color:#eaeaea; margin-bottom:5px}
.dark-header.navbar .navbar-nav .dropdown-submenu .dropdown-menu {background-color:#1d1f22 !important}
.navbar .navbar-nav .dropdown-submenu .dropdown-menu li {padding-left:10px}
.navbar .navbar-nav .dropdown-submenu:not(.open) .dropdown-toggle {background-color:transparent !important}
.dropdown-toggle .caret {margin-left:4px}
.dark-header .dropdown-submenu.open > a.dropdown-toggle {color:#fff !important}
header.banner[data-transparent-header="true"], header.banner[data-transparent-header="true"] .navbar-nav .dropdown-menu{
background-color: white;
}
header.banner[data-transparent-header="true"].dark-header{
background-color: #252b2d;
}
header.banner[data-transparent-header="true"] .navbar-nav > li > a, header.banner[data-transparent-header="true"] .navbar-nav > li > a:hover, header.banner[data-transparent-header="true"] .navbar-nav > li.active > a:hover{
color: #5d5d5d;
}
header.banner[data-transparent-header="true"] .th-accent{
border: 1px solid rgba(0,0,0,0.4);
padding: 8px 18px;
margin-top: 6px;
margin-left:16px;
border-radius:50px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
}
@media (min-width:768px) {
.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-menu {display:none !important}
.navbar .navbar-nav .dropdown-menu .dropdown:hover .dropdown-menu {
display:block !important;
position:absolute;
top:-14px;
left:100%;
}
.headhesive--clone .navbar-nav .dropdown-menu .dropdown:hover .dropdown-menu {top:-10px}
.navbar .navbar-nav li:last-child .dropdown-menu .dropdown:hover .dropdown-menu {
right:100%;
left:auto !important;
}
}