You are here

tb_megamenu.default.css in The Better Mega Menu 8

Same filename and directory in other branches
  1. 2.x css/tb_megamenu.default.css
.tb-megamenu {
  background-color: #000;
}
.tb-megamenu:before,
.tb-megamenu:after {
  content: "";
  display: table;
  line-height: 0;
}
.tb-megamenu:after {
  clear: both;
}
.tb-megamenu .nav {
  margin: 0;
}
.tb-megamenu .nav > li {
  float: left;
  margin-left: 0;
}
.tb-megamenu .nav > li > a,
.tb-megamenu .nav > li > span.tb-megamenu-no-link {
  border-bottom: 0;
  border-right: 1px solid #222;
  border-top: 0;
  color: #fff;
  font-weight: bold;
  padding: 15px 20px;
  text-shadow: none;
}
.tb-megamenu .nav > li > a:focus,
.tb-megamenu .nav > li > a:hover,
.tb-megamenu .nav > li > span.tb-megamenu-no-link:focus,
.tb-megamenu .nav > li > span.tb-megamenu-no-link:hover {
  background-color: #fff;
  color: #e54e4b;
  text-decoration: none;
  text-shadow: none;
  outline: none;
}
.tb-megamenu .nav > .active > a,
.tb-megamenu .nav > .active > a:hover,
.tb-megamenu .nav > .active > a:focus,
.tb-megamenu .nav > .active > span.tb-megamenu-no-link,
.tb-megamenu .nav > .active > span.tb-megamenu-no-link:hover,
.tb-megamenu .nav > .active > span.tb-megamenu-no-link:focus {
  background-color: #e54e4b;
  color: #fff;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.tb-megamenu .btn-navbar {
  display: none;
  float: left;
  padding: 10px;
  margin: 0;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #e8e8e8;
  *background-color: #d9d9d9;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
}
.tb-megamenu .btn-navbar:hover,
.tb-megamenu .btn-navbar:focus,
.tb-megamenu .btn-navbar:active,
.tb-megamenu .btn-navbar.active,
.tb-megamenu .btn-navbar.disabled,
.tb-megamenu .btn-navbar[disabled] {
  color: #fff;
  background-color: #d9d9d9;
  *background-color: #cccccc;
}
.tb-megamenu .btn-navbar:active,
.tb-megamenu .btn-navbar.active {
  background-color: #bfbfbf \9;
}
.tb-megamenu .btn-navbar [class^="fa-"],
.tb-megamenu .btn-navbar [class^=" fa-"] {
  color: #666;
  text-shadow: none;
}
.tb-megamenu .dropdown .caret {
  margin-left: 5px;
  margin-top: 9px;
}
.tb-megamenu .dropdown-menu {
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
.tb-megamenu .dropdown-menu li > a,
.tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link {
  border-bottom: 0;
  border-top: 1px solid #eee;
  padding: 5px 20px;
  text-shadow: none;
}
.tb-megamenu .dropdown-menu li:first-child > a,
.tb-megamenu .dropdown-menu li:first-child > span.tb-megamenu-no-link {
  border-top: 0;
}
.tb-megamenu .mega-nav > li:first-child > a,
.tb-megamenu .dropdown-menu .mega-nav > li:first-child > a,
.tb-megamenu .mega-nav > li:first-child > span.tb-megamenu-no-link,
.tb-megamenu .dropdown-menu .mega-nav > li:first-child > span.tb-megamenu-no-link {
  margin-top: 0;
  padding-top: 0;
}
.tb-megamenu .nav > li > .dropdown-menu:before {
  display: none;
}
.tb-megamenu .nav > li > .dropdown-menu:after {
  display: none;
}
.tb-megamenu .dropdown-menu .disabled > a,
.tb-megamenu .dropdown-menu .disabled > a:hover,
.tb-megamenu .dropdown-menu .disabled > span.tb-megamenu-no-link,
.tb-megamenu .dropdown-menu .disabled > span.tb-megamenu-no-link:hover {
  color: #999;
}
.tb-megamenu .dropdown-menu .disabled > a:hover,
.tb-megamenu .dropdown-menu .disabled > span.tb-megamenu-no-link:hover {
  background-color: transparent;
}
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
  background-color: #fff;
  color: #e54e4b;
}
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #e54e4b;
  color: #fff;
}
.tb-megamenu .mega-inner {
  padding: 10px;
}
.tb-megamenu .row-fluid + .row-fluid {
  border-top: 1px solid #ddd;
}
.tb-megamenu .mega-nav > li a,
.tb-megamenu .dropdown-menu .mega-nav > li a,
.tb-megamenu .mega-nav > li span.tb-megamenu-no-link,
.tb-megamenu .dropdown-menu .mega-nav > li span.tb-megamenu-no-link {
  padding: 5px 0;
}
.tb-megamenu .mega-nav .dropdown-submenu > a::after,
.tb-megamenu .mega-nav .dropdown-submenu > span.tb-megamenu-no-link::after {
  margin-right: 0;
}
.tb-megamenu .tb-block .block-title {
  font-size: 12px;
  color: #333;
  display: block;
  line-height: 20px;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.tb-megamenu .tb-block ul,
.tb-megamenu .tb-block .nav {
  margin: 0;
}
.tb-megamenu .tb-block ul li,
.tb-megamenu .tb-block .nav li {
  background: none;
  list-style: disc;
  display: list-item;
  float: none;
  margin: 0;
  padding: 0;
  border: 0;
}
.tb-megamenu .tb-block ul li a,
.tb-megamenu .tb-block .nav li a,
.tb-megamenu .tb-block ul li span.tb-megamenu-no-link,
.tb-megamenu .tb-block .nav li span.tb-megamenu-no-link {
  display: inline;
  padding: 0;
  margin: 0;
  border: 0;
  font-size: 100%;
  background: none;
  font: inherit;
  white-space: normal;
}
.tb-megamenu .tb-block ul li a:hover,
.tb-megamenu .tb-block ul li a:focus,
.tb-megamenu .tb-block ul li a:active,
.tb-megamenu .tb-block .nav li a:hover,
.tb-megamenu .tb-block .nav li a:focus,
.tb-megamenu .tb-block .nav li a:active,
.tb-megamenu .tb-block ul li span.tb-megamenu-no-link:hover,
.tb-megamenu .tb-block ul li span.tb-megamenu-no-link:focus,
.tb-megamenu .tb-block ul li span.tb-megamenu-no-link:active,
.tb-megamenu .tb-block .nav li span.tb-megamenu-no-link:hover,
.tb-megamenu .tb-block .nav li span.tb-megamenu-no-link:focus,
.tb-megamenu .tb-block .nav li span.tb-megamenu-no-link:active {
  background: none;
  font: inherit;
}
.tb-megamenu .mega-caption {
  color: #999;
  font-size: 12px;
  margin-top: 3px;
  font-weight: normal;
}


.tb-megamenu .caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}
.tb-megamenu .dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}
.tb-megamenu .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,0.2);
  border-bottom: 3px solid #e65855;
  border-top: none;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  padding: 0;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.tb-megamenu .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.tb-megamenu .dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
}
.tb-megamenu .dropdown-menu li > a,
.tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link {
  clear: both;
  color: #333;
  display: block;
  line-height: 20px;
  font-weight: normal;
  padding: 3px 20px;
  text-shadow: none;
  white-space: nowrap;
}
.tb-megamenu .dropdown-menu li > a:hover,
.tb-megamenu .dropdown-menu li > a:focus,
.tb-megamenu .dropdown-submenu:hover > a,
.tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link:hover,
.tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link:focus,
.tb-megamenu .dropdown-submenu:hover > span.tb-megamenu-no-link {
  background-color: inherit;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #e54e4b;
  text-decoration: none;
}
.tb-megamenu .dropdown-menu .active > a,
.tb-megamenu .dropdown-menu .active > a:hover,
.tb-megamenu .dropdown-menu .active > span.tb-megamenu-no-link,
.tb-megamenu .dropdown-menu .active > span.tb-megamenu-no-link:hover {
  color: #eee;
  text-decoration: none;
  outline: 0;
  background-color: #e54e4b;
}
.tb-megamenu .dropdown-menu .disabled > a,
.tb-megamenu .dropdown-menu .disabled > a:hover,
.tb-megamenu .dropdown-menu .disabled > span.tb-megamenu-no-link,
.tb-megamenu .dropdown-menu .disabled > span.tb-megamenu-no-link:hover {
  color: #999;
}
.tb-megamenu .dropdown-menu .disabled > a:hover,
.tb-megamenu .dropdown-menu .disabled > span.tb-megamenu-no-link:hover {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: default;
}
.tb-megamenu .open {
  *z-index: 1000;
}
.tb-megamenu .open > .dropdown-menu {
  display: block;
}
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle,
.tb-megamenu .nav > li.dropdown.open.active > a:hover,
.tb-megamenu .nav > li.dropdown.open.active > span.tb-megamenu-no-link:hover {
  background-color: #e54e4b;
  border-color: #444;
  color: #eee;
}
.tb-megamenu .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #666;
  border-bottom-color: #666;
  margin-top: 8px;
}
.tb-megamenu .nav li.dropdown > .dropdown-toggle:hover .caret {
  border-top-color: #eee;
  border-bottom-color: #eee;
}
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle .caret,
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle .caret,
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #eee;
  border-bottom-color: #eee;
}
.tb-megamenu .pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.tb-megamenu .dropup .caret,
.tb-megamenu .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000;
  content: "";
}
.tb-megamenu .dropup .dropdown-menu,
.tb-megamenu .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.tb-megamenu .dropdown-submenu {
  position: relative;
}
.tb-megamenu .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.tb-megamenu .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.tb-megamenu .touch .dropdown-submenu:hover > .dropdown-menu {
  display: none;
}
.tb-megamenu .touch .dropdown-submenu.open > .dropdown-menu {
  display: block;
}
.tb-megamenu .dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.tb-megamenu .dropdown-submenu > a:after,
.tb-megamenu .dropdown-submenu > span.tb-megamenu-no-link:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.tb-megamenu .dropdown-submenu:hover > a:after,
.tb-megamenu .dropdown-submenu:hover > span.tb-megamenu-no-link:after {
  border-left-color: #eee;
}
.tb-megamenu .dropdown-submenu.pull-left {
  float: none;
}
.tb-megamenu .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.tb-megamenu .dropdown .dropdown-menu .nav-header {
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 980px) and (max-width: 1199px) {
  .tb-megamenu .row {
    margin-left: -40px;
    *zoom: 1;
  }
  .tb-megamenu .row:before,
  .tb-megamenu .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .tb-megamenu .row:after {
    clear: both;
  }
  .tb-megamenu [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 40px;
  }
  .tb-megamenu .container,
  .tb-megamenu .navbar-static-top .container,
  .tb-megamenu .navbar-fixed-top .container,
  .tb-megamenu .navbar-fixed-bottom .container {
    width: 932px;
  }
  .tb-megamenu .span12 {
    width: 932px;
  }
  .tb-megamenu .span11 {
    width: 851px;
  }
  .tb-megamenu .span10 {
    width: 770px;
  }
  .tb-megamenu .span9 {
    width: 689px;
  }
  .tb-megamenu .span8 {
    width: 608px;
  }
  .tb-megamenu .span7 {
    width: 527px;
  }
  .tb-megamenu .span6 {
    width: 446px;
  }
  .tb-megamenu .span5 {
    width: 365px;
  }
  .tb-megamenu .span4 {
    width: 284px;
  }
  .tb-megamenu .span3 {
    width: 203px;
  }
  .tb-megamenu .span2 {
    width: 122px;
  }
  .tb-megamenu .span1 {
    width: 41px;
  }
  .tb-megamenu .offset12 {
    margin-left: 1012px;
  }
  .tb-megamenu .offset11 {
    margin-left: 931px;
  }
  .tb-megamenu .offset10 {
    margin-left: 850px;
  }
  .tb-megamenu .offset9 {
    margin-left: 769px;
  }
  .tb-megamenu .offset8 {
    margin-left: 688px;
  }
  .tb-megamenu .offset7 {
    margin-left: 607px;
  }
  .tb-megamenu .offset6 {
    margin-left: 526px;
  }
  .tb-megamenu .offset5 {
    margin-left: 445px;
  }
  .tb-megamenu .offset4 {
    margin-left: 364px;
  }
  .tb-megamenu .offset3 {
    margin-left: 283px;
  }
  .tb-megamenu .offset2 {
    margin-left: 202px;
  }
  .tb-megamenu .offset1 {
    margin-left: 121px;
  }
  .tb-megamenu .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .tb-megamenu .row-fluid:before,
  .tb-megamenu .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .tb-megamenu .row-fluid:after {
    clear: both;
  }
  .tb-megamenu .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 4.2918454935622%;
    *margin-left: 4.2381974248927%;
  }
  .tb-megamenu .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .tb-megamenu .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 4.2918454935622%;
  }
  .tb-megamenu .row-fluid .span12 {
    width: 100%;
    *width: 99.94635193133%;
  }
  .tb-megamenu .row-fluid .span11 {
    width: 91.309012875536%;
    *width: 91.255364806867%;
  }
  .tb-megamenu .row-fluid .span10 {
    width: 82.618025751073%;
    *width: 82.564377682403%;
  }
  .tb-megamenu .row-fluid .span9 {
    width: 73.927038626609%;
    *width: 73.87339055794%;
  }
  .tb-megamenu .row-fluid .span8 {
    width: 65.236051502146%;
    *width: 65.182403433476%;
  }
  .tb-megamenu .row-fluid .span7 {
    width: 56.545064377682%;
    *width: 56.491416309013%;
  }
  .tb-megamenu .row-fluid .span6 {
    width: 47.854077253219%;
    *width: 47.800429184549%;
  }
  .tb-megamenu .row-fluid .span5 {
    width: 39.163090128755%;
    *width: 39.109442060086%;
  }
  .tb-megamenu .row-fluid .span4 {
    width: 30.472103004292%;
    *width: 30.418454935622%;
  }
  .tb-megamenu .row-fluid .span3 {
    width: 21.781115879828%;
    *width: 21.727467811159%;
  }
  .tb-megamenu .row-fluid .span2 {
    width: 13.090128755365%;
    *width: 13.036480686695%;
  }
  .tb-megamenu .row-fluid .span1 {
    width: 4.3991416309013%;
    *width: 4.3454935622318%;
  }
  .tb-megamenu .row-fluid .offset12 {
    margin-left: 108.58369098712%;
    *margin-left: 108.47639484979%;
  }
  .tb-megamenu .row-fluid .offset12:first-child {
    margin-left: 104.29184549356%;
    *margin-left: 104.18454935622%;
  }
  .tb-megamenu .row-fluid .offset11 {
    margin-left: 99.892703862661%;
    *margin-left: 99.785407725322%;
  }
  .tb-megamenu .row-fluid .offset11:first-child {
    margin-left: 95.600858369099%;
    *margin-left: 95.49356223176%;
  }
  .tb-megamenu .row-fluid .offset10 {
    margin-left: 91.201716738197%;
    *margin-left: 91.094420600858%;
  }
  .tb-megamenu .row-fluid .offset10:first-child {
    margin-left: 86.909871244635%;
    *margin-left: 86.802575107296%;
  }
  .tb-megamenu .row-fluid .offset9 {
    margin-left: 82.510729613734%;
    *margin-left: 82.403433476395%;
  }
  .tb-megamenu .row-fluid .offset9:first-child {
    margin-left: 78.218884120172%;
    *margin-left: 78.111587982833%;
  }
  .tb-megamenu .row-fluid .offset8 {
    margin-left: 73.81974248927%;
    *margin-left: 73.712446351931%;
  }
  .tb-megamenu .row-fluid .offset8:first-child {
    margin-left: 69.527896995708%;
    *margin-left: 69.420600858369%;
  }
  .tb-megamenu .row-fluid .offset7 {
    margin-left: 65.128755364807%;
    *margin-left: 65.021459227468%;
  }
  .tb-megamenu .row-fluid .offset7:first-child {
    margin-left: 60.836909871245%;
    *margin-left: 60.729613733906%;
  }
  .tb-megamenu .row-fluid .offset6 {
    margin-left: 56.437768240343%;
    *margin-left: 56.330472103004%;
  }
  .tb-megamenu .row-fluid .offset6:first-child {
    margin-left: 52.145922746781%;
    *margin-left: 52.038626609442%;
  }
  .tb-megamenu .row-fluid .offset5 {
    margin-left: 47.74678111588%;
    *margin-left: 47.639484978541%;
  }
  .tb-megamenu .row-fluid .offset5:first-child {
    margin-left: 43.454935622318%;
    *margin-left: 43.347639484979%;
  }
  .tb-megamenu .row-fluid .offset4 {
    margin-left: 39.055793991416%;
    *margin-left: 38.948497854077%;
  }
  .tb-megamenu .row-fluid .offset4:first-child {
    margin-left: 34.763948497854%;
    *margin-left: 34.656652360515%;
  }
  .tb-megamenu .row-fluid .offset3 {
    margin-left: 30.364806866953%;
    *margin-left: 30.257510729614%;
  }
  .tb-megamenu .row-fluid .offset3:first-child {
    margin-left: 26.072961373391%;
    *margin-left: 25.965665236052%;
  }
  .tb-megamenu .row-fluid .offset2 {
    margin-left: 21.673819742489%;
    *margin-left: 21.56652360515%;
  }
  .tb-megamenu .row-fluid .offset2:first-child {
    margin-left: 17.381974248927%;
    *margin-left: 17.274678111588%;
  }
  .tb-megamenu .row-fluid .offset1 {
    margin-left: 12.982832618026%;
    *margin-left: 12.875536480687%;
  }
  .tb-megamenu .row-fluid .offset1:first-child {
    margin-left: 8.6909871244635%;
    *margin-left: 8.5836909871245%;
  }
  .tb-megamenu input,
  .tb-megamenu textarea,
  .tb-megamenu .uneditable-input {
    margin-left: 0;
  }
  .tb-megamenu .controls-row [class*="span"] + [class*="span"] {
    margin-left: 40px;
  }
  .tb-megamenu input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 918px;
  }
  .tb-megamenu input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 837px;
  }
  .tb-megamenu input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 756px;
  }
  .tb-megamenu input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 675px;
  }
  .tb-megamenu input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 594px;
  }
  .tb-megamenu input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 513px;
  }
  .tb-megamenu input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 432px;
  }
  .tb-megamenu input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 351px;
  }
  .tb-megamenu input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 270px;
  }
  .tb-megamenu input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 189px;
  }
  .tb-megamenu input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 108px;
  }
  .tb-megamenu input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 27px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .tb-megamenu .offset-12 {
    margin-left: -736px;
  }
  .tb-megamenu .offset-11 {
    margin-left: -673px;
  }
  .tb-megamenu .offset-10 {
    margin-left: -610px;
  }
  .tb-megamenu .offset-9 {
    margin-left: -547px;
  }
  .tb-megamenu .offset-8 {
    margin-left: -484px;
  }
  .tb-megamenu .offset-7 {
    margin-left: -421px;
  }
  .tb-megamenu .offset-6 {
    margin-left: -358px;
  }
  .tb-megamenu .offset-5 {
    margin-left: -295px;
  }
  .tb-megamenu .offset-4 {
    margin-left: -232px;
  }
  .tb-megamenu .offset-3 {
    margin-left: -169px;
  }
  .tb-megamenu .offset-2 {
    margin-left: -106px;
  }
  .tb-megamenu .offset-1 {
    margin-left: -43px;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  .tb-megamenu .offset-12 {
    margin-left: -932px;
  }
  .tb-megamenu .offset-11 {
    margin-left: -851px;
  }
  .tb-megamenu .offset-10 {
    margin-left: -770px;
  }
  .tb-megamenu .offset-9 {
    margin-left: -689px;
  }
  .tb-megamenu .offset-8 {
    margin-left: -608px;
  }
  .tb-megamenu .offset-7 {
    margin-left: -527px;
  }
  .tb-megamenu .offset-6 {
    margin-left: -446px;
  }
  .tb-megamenu .offset-5 {
    margin-left: -365px;
  }
  .tb-megamenu .offset-4 {
    margin-left: -284px;
  }
  .tb-megamenu .offset-3 {
    margin-left: -203px;
  }
  .tb-megamenu .offset-2 {
    margin-left: -122px;
  }
  .tb-megamenu .offset-1 {
    margin-left: -41px;
  }
}
@media (min-width: 1200px) {
  .tb-megamenu .offset-12 {
    margin-left: -1196px;
  }
  .tb-megamenu .offset-11 {
    margin-left: -1093px;
  }
  .tb-megamenu .offset-10 {
    margin-left: -990px;
  }
  .tb-megamenu .offset-9 {
    margin-left: -887px;
  }
  .tb-megamenu .offset-8 {
    margin-left: -784px;
  }
  .tb-megamenu .offset-7 {
    margin-left: -681px;
  }
  .tb-megamenu .offset-6 {
    margin-left: -578px;
  }
  .tb-megamenu .offset-5 {
    margin-left: -475px;
  }
  .tb-megamenu .offset-4 {
    margin-left: -372px;
  }
  .tb-megamenu .offset-3 {
    margin-left: -269px;
  }
  .tb-megamenu .offset-2 {
    margin-left: -166px;
  }
  .tb-megamenu .offset-1 {
    margin-left: -63px;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .tb-megamenu .row,
  .tb-megamenu .row-fluid {
    width: 100%;
    margin-left: 0;
    *zoom: 1;
  }
  .tb-megamenu .row:before,
  .tb-megamenu .row:after,
  .tb-megamenu .row-fluid:before,
  .tb-megamenu .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .tb-megamenu .row:after,
  .tb-megamenu .row-fluid:after {
    clear: both;
  }
  .tb-megamenu .row [class*="span"],
  .tb-megamenu .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.7173913043478%;
    *margin-left: 2.6637432356783%;
  }
  .row [class*="span"]:first-child:not(.pull-right),
  .row-fluid [class*="span"]:first-child:not(.pull-right) {
    margin-left: 0;
  }
  .row [class*="span"].pull-right:first-child + [class*="span"]:not(.pull-right),
  .row-fluid [class*="span"].pull-right:first-child + [class*="span"]:not(.pull-right) {
    margin-left: 0;
  }
  .tb-megamenu .row .span12,
  .tb-megamenu .row-fluid .span12 {
    width: 100%;
    *width: 99.94635193133%;
  }
  .tb-megamenu .row .span11,
  .tb-megamenu .row-fluid .span11 {
    width: 91.440217391304%;
    *width: 91.386569322635%;
  }
  .tb-megamenu .row .span10,
  .tb-megamenu .row-fluid .span10 {
    width: 82.880434782609%;
    *width: 82.826786713939%;
  }
  .tb-megamenu .row .span9,
  .tb-megamenu .row-fluid .span9 {
    width: 74.320652173913%;
    *width: 74.267004105244%;
  }
  .tb-megamenu .row .span8,
  .tb-megamenu .row-fluid .span8 {
    width: 65.760869565217%;
    *width: 65.707221496548%;
  }
  .tb-megamenu .row .span7,
  .tb-megamenu .row-fluid .span7 {
    width: 57.201086956522%;
    *width: 57.147438887852%;
  }
  .tb-megamenu .row .span6,
  .tb-megamenu .row-fluid .span6 {
    width: 48.641304347826%;
    *width: 48.587656279157%;
  }
  .tb-megamenu .row .span5,
  .tb-megamenu .row-fluid .span5 {
    width: 40.08152173913%;
    *width: 40.027873670461%;
  }
  .tb-megamenu .row .span4,
  .tb-megamenu .row-fluid .span4 {
    width: 31.521739130435%;
    *width: 31.468091061765%;
  }
  .tb-megamenu .row .span3,
  .tb-megamenu .row-fluid .span3 {
    width: 22.961956521739%;
    *width: 22.90830845307%;
  }
  .tb-megamenu .row .span2,
  .tb-megamenu .row-fluid .span2 {
    width: 14.402173913043%;
    *width: 14.348525844374%;
  }
  .tb-megamenu .row .span1,
  .tb-megamenu .row-fluid .span1 {
    width: 5.8423913043478%;
    *width: 5.7887432356783%;
  }
  .tb-megamenu .span12 .row [class*="span"] {
    margin-left: 2.7173913043478%;
    *margin-left: 2.6637432356783%;
  }
  .tb-megamenu .span12 .row [class*="span"]:first-child {
    margin-left: 0;
  }
  .tb-megamenu .span12 .row .span12 {
    width: 100%;
    *width: 99.94635193133%;
  }
  .tb-megamenu .span12 .row .span11 {
    width: 91.440217391304%;
    *width: 91.386569322635%;
  }
  .tb-megamenu .span12 .row .span10 {
    width: 82.880434782609%;
    *width: 82.826786713939%;
  }
  .tb-megamenu .span12 .row .span9 {
    width: 74.320652173913%;
    *width: 74.267004105244%;
  }
  .tb-megamenu .span12 .row .span8 {
    width: 65.760869565217%;
    *width: 65.707221496548%;
  }
  .tb-megamenu .span12 .row .span7 {
    width: 57.201086956522%;
    *width: 57.147438887852%;
  }
  .tb-megamenu .span12 .row .span6 {
    width: 48.641304347826%;
    *width: 48.587656279157%;
  }
  .tb-megamenu .span12 .row .span5 {
    width: 40.08152173913%;
    *width: 40.027873670461%;
  }
  .tb-megamenu .span12 .row .span4 {
    width: 31.521739130435%;
    *width: 31.468091061765%;
  }
  .tb-megamenu .span12 .row .span3 {
    width: 22.961956521739%;
    *width: 22.90830845307%;
  }
  .tb-megamenu .span12 .row .span2 {
    width: 14.402173913043%;
    *width: 14.348525844374%;
  }
  .tb-megamenu .span12 .row .span1 {
    width: 5.8423913043478%;
    *width: 5.7887432356783%;
  }
  .tb-megamenu .span11 .row [class*="span"] {
    margin-left: 2.9717682020802%;
    *margin-left: 2.9181201334107%;
  }
  .tb-megamenu .span11 .row [class*="span"]:first-child {
    margin-left: 0;
  }
  .tb-megamenu .span11 .row .span11 {
    width: 91.440217391304%;
    *width: 91.386569322635%;
  }
  .tb-megamenu .span11 .row .span10 {
    width: 82.880434782609%;
    *width: 82.826786713939%;
  }
  .tb-megamenu .span11 .row .span9 {
    width: 74.320652173913%;
    *width: 74.267004105244%;
  }
  .tb-megamenu .span11 .row .span8 {
    width: 65.760869565217%;
    *width: 65.707221496548%;
  }
  .tb-megamenu .span11 .row .span7 {
    width: 57.201086956522%;
    *width: 57.147438887852%;
  }
  .tb-megamenu .span11 .row .span6 {
    width: 48.641304347826%;
    *width: 48.587656279157%;
  }
  .tb-megamenu .span11 .row .span5 {
    width: 40.08152173913%;
    *width: 40.027873670461%;
  }
  .tb-megamenu .span11 .row .span4 {
    width: 31.521739130435%;
    *width: 31.468091061765%;
  }
  .tb-megamenu .span11 .row .span3 {
    width: 22.961956521739%;
    *width: 22.90830845307%;
  }
  .tb-megamenu .span11 .row .span2 {
    width: 14.402173913043%;
    *width: 14.348525844374%;
  }
  .tb-megamenu .span11 .row .span1 {
    width: 5.8423913043478%;
    *width: 5.7887432356783%;
  }
  .tb-megamenu .span10 .row [class*="span"] {
    margin-left: 3.2786885245902%;
    *margin-left: 3.2250404559206%;
  }
  .tb-megamenu .span10 .row [class*="span"]:first-child {
    margin-left: 0;
  }
  .tb-megamenu .span10 .row .span10 {
    width: 90.638930163447%;
    *width: 90.585282094778%;
  }
  .tb-megamenu .span10 .row .span9 {
    width: 81.277860326894%;
    *width: 81.224212258225%;
  }
  .tb-megamenu .span10 .row .span8 {
    width: 71.916790490342%;
    *width: 71.863142421672%;
  }
  .tb-megamenu .span10 .row .span7 {
    width: 62.555720653789%;
    *width: 62.502072585119%;
  }
  .tb-megamenu .span10 .row .span6 {
    width: 53.194650817236%;
    *width: 53.141002748567%;
  }
  .tb-megamenu .span10 .row .span5 {
    width: 43.833580980684%;
    *width: 43.779932912014%;
  }
  .tb-megamenu .span10 .row .span4 {
    width: 34.472511144131%;
    *width: 34.418863075461%;
  }
  .tb-megamenu .span10 .row .span3 {
    width: 25.111441307578%;
    *width: 25.057793238908%;
  }
  .tb-megamenu .span10 .row .span2 {
    width: 15.750371471025%;
    *width: 15.696723402356%;
  }
  .tb-megamenu .span10 .row .span1 {
    width: 6.3893016344725%;
    *width: 6.335653565803%;
  }
  .tb-megamenu .span9 .row [class*="span"] {
    margin-left: 3.6563071297989%;
    *margin-left: 3.6026590611294%;
  }
  .tb-megamenu .span9 .row [class*="span"]:first-child {
    margin-left: 0;
  }
  .tb-megamenu .span9 .row .span9 {
    width: 89.672131147541%;
    *width: 89.618483078871%;
  }
  .tb-megamenu .span9 .row .span8 {
    width: 79.344262295082%;
    *width: 79.290614226412%;
  }
  .tb-megamenu .span9 .row .span7 {
    width: 69.016393442623%;
    *width: 68.962745373953%;
  }
  .tb-megamenu .span9 .row .span6 {
    width: 58.688524590164%;
    *width: 58.634876521494%;
  }
  .tb-megamenu .span9 .row .span5 {
    width: 48.360655737705%;
    *width: 48.307007669035%;
  }
  .tb-megamenu .span9 .row .span4 {
    width: 38.032786885246%;
    *width: 37.979138816576%;
  }
  .tb-megamenu .span9 .row .span3 {
    width: 27.704918032787%;
    *width: 27.651269964117%;
  }
  .tb-megamenu .span9 .row .span2 {
    width: 17.377049180328%;
    *width: 17.323401111658%;
  }
  .tb-megamenu .span9 .row .span1 {
    width: 7.0491803278689%;
    *width: 6.9955322591993%;
  }
  .tb-megamenu .span8 .row [class*="span"] {
    margin-left: 4.1322314049587%;
    *margin-left: 4.0785833362892%;
  }
  .tb-megamenu .span8 .row [class*="span"]:first-child {
    margin-left: 0;
  }
  .tb-megamenu .span8 .row .span8 {
    width: 88.482632541133%;
    *width: 88.428984472464%;
  }
  .tb-megamenu .span8 .row .span7 {
    width: 76.965265082267%;
    *width: 76.911617013597%;
  }
  .tb-megamenu .span8 .row .span6 {
    width: 65.4478976234%;
    *width: 65.394249554731%;
  }
  .tb-megamenu .span8 .row .span5 {
    width: 53.930530164534%;
    *width: 53.876882095864%;
  }
  .tb-megamenu .span8 .row .span4 {
    width: 42.413162705667%;
    *width: 42.359514636998%;
  }
  .tb-megamenu .span8 .row .span3 {
    width: 30.895795246801%;
    *width: 30.842147178131%;
  }
  .tb-megamenu .span8 .row .span2 {
    width: 19.378427787934%;
    *width: 19.324779719265%;
  }
  .tb-megamenu .span8 .row .span1 {
    width: 7.8610603290676%;
    *width: 7.8074122603981%;
  }
  .tb-megamenu .span7 .row [class*="span"] {
    margin-left: 4.750593824228%;
    *margin-left: 4.6969457555585%;
  }
  .tb-megamenu .span7 .row [class*="span"]:first-child {
    margin-left: 0;
  }
  .tb-megamenu .span7 .row .span7 {
    width: 86.98347107438%;
    *width: 86.929823005711%;
  }
  .tb-megamenu .span7 .row .span6 {
    width: 73.96694214876%;
    *width: 73.913294080091%;
  }
  .tb-megamenu .span7 .row .span5 {
    width: 60.950413223141%;
    *width: 60.896765154471%;
  }
  .tb-megamenu .span7 .row .span4 {
    width: 47.933884297521%;
    *width: 47.880236228851%;
  }
  .tb-megamenu .span7 .row .span3 {
    width: 34.917355371901%;
    *width: 34.863707303231%;
  }
  .tb-megamenu .span7 .row .span2 {
    width: 21.900826446281%;
    *width: 21.847178377611%;
  }
  .tb-megamenu .span7 .row .span1 {
    width: 8.8842975206612%;
    *width: 8.8306494519916%;
  }
  .tb-megamenu .span6 .row [class*="span"] {
    margin-left: 5.586592178771%;
    *margin-left: 5.5329441101014%;
  }
  .tb-megamenu .span6 .row [class*="span"]:first-child {
    margin-left: 0;
  }
  .tb-megamenu .span6 .row .span6 {
    width: 85.035629453682%;
    *width: 84.981981385012%;
  }
  .tb-megamenu .span6 .row .span5 {
    width: 70.071258907363%;
    *width: 70.017610838694%;
  }
  .tb-megamenu .span6 .row .span4 {
    width: 55.106888361045%;
    *width: 55.053240292376%;
  }
  .tb-megamenu .span6 .row .span3 {
    width: 40.142517814727%;
    *width: 40.088869746057%;
  }
  .tb-megamenu .span6 .row .span2 {
    width: 25.178147268409%;
    *width: 25.124499199739%;
  }
  .tb-megamenu .span6 .row .span1 {
    width: 10.21377672209%;
    *width: 10.160128653421%;
  }
  .tb-megamenu .span5 .row [class*="span"] {
    margin-left: 6.7796610169492%;
    *margin-left: 6.7260129482796%;
  }
  .tb-megamenu .span5 .row [class*="span"]:first-child {
    margin-left: 0;
  }
  .tb-megamenu .span5 .row .span5 {
    width: 82.402234636872%;
    *width: 82.348586568202%;
  }
  .tb-megamenu .span5 .row .span4 {
    width: 64.804469273743%;
    *width: 64.750821205073%;
  }
  .tb-megamenu .span5 .row .span3 {
    width: 47.206703910615%;
    *width: 47.153055841945%;
  }
  .tb-megamenu .span5 .row .span2 {
    width: 29.608938547486%;
    *width: 29.555290478817%;
  }
  .tb-megamenu .span5 .row .span1 {
    width: 12.011173184358%;
    *width: 11.957525115688%;
  }
  .tb-megamenu .span4 .row [class*="span"] {
    margin-left: 8.6206896551724%;
    *margin-left: 8.5670415865029%;
  }
  .tb-megamenu .span4 .row [class*="span"]:first-child {
    margin-left: 0;
  }
  .tb-megamenu .span4 .row .span4 {
    width: 78.64406779661%;
    *width: 78.590419727941%;
  }
  .tb-megamenu .span4 .row .span3 {
    width: 57.28813559322%;
    *width: 57.234487524551%;
  }
  .tb-megamenu .span4 .row .span2 {
    width: 35.932203389831%;
    *width: 35.878555321161%;
  }
  .tb-megamenu .span4 .row .span1 {
    width: 14.576271186441%;
    *width: 14.522623117771%;
  }
  .tb-megamenu .span3 .row [class*="span"] {
    margin-left: 11.834319526627%;
    *margin-left: 11.780671457958%;
  }
  .tb-megamenu .span3 .row [class*="span"]:first-child {
    margin-left: 0;
  }
  .tb-megamenu .span3 .row .span3 {
    width: 72.844827586207%;
    *width: 72.791179517537%;
  }
  .tb-megamenu .span3 .row .span2 {
    width: 45.689655172414%;
    *width: 45.636007103744%;
  }
  .tb-megamenu .span3 .row .span1 {
    width: 18.534482758621%;
    *width: 18.480834689951%;
  }
  .tb-megamenu .span2 .row [class*="span"] {
    margin-left: 18.867924528302%;
    *margin-left: 18.814276459632%;
  }
  .tb-megamenu .span2 .row [class*="span"]:first-child {
    margin-left: 0;
  }
  .tb-megamenu .span2 .row .span2 {
    width: 62.721893491124%;
    *width: 62.668245422455%;
  }
  .tb-megamenu .span2 .row .span1 {
    width: 25.443786982249%;
    *width: 25.390138913579%;
  }
  .tb-megamenu .span1 .row [class*="span"] {
    margin-left: 46.511627906977%;
    *margin-left: 46.457979838307%;
  }
  .tb-megamenu .span1 .row [class*="span"]:first-child {
    margin-left: 0;
  }
  .tb-megamenu .span1 .row .span1 {
    width: 40.566037735849%;
    *width: 40.51238966718%;
  }
  .tb-megamenu .spanfirst {
    margin-left: 0 !important;
    clear: left;
  }
}
.tb-megamenu .row .span50,
.tb-megamenu .row-fluid .span50 {
  width: 50%;
  float: left;
}
.tb-megamenu .row .span33,
.tb-megamenu .row-fluid .span33 {
  width: 33.3333%;
  float: left;
}
.tb-megamenu .row .span25,
.tb-megamenu .row-fluid .span25 {
  width: 25%;
  float: left;
}
.tb-megamenu .row .span20,
.tb-megamenu .row-fluid .span20 {
  width: 20%;
  float: left;
}
.tb-megamenu .row .span16,
.tb-megamenu .row-fluid .span16 {
  width: 16.6666%;
  float: left;
}
.tb-megamenu .hidden {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 979px) {
  .tb-megamenu .always-show .mega > .mega-dropdown-menu,
  .tb-megamenu .always-show .dropdown-menu {
    display: block !important;
  }
  .tb-megamenu .navbar-collapse-fixed-top,
  .tb-megamenu .navbar-collapse-fixed-bottom {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
  }
  .tb-megamenu .navbar-collapse-fixed-top .nav-collapse.in,
  .tb-megamenu .navbar-collapse-fixed-bottom .nav-collapse.in {
    position: fixed;
    width: 100%;
    overflow-y: auto;
    top: 40px;
    bottom: 0;
  }
  .tb-megamenu .navbar-collapse-fixed-top .nav-collapse.in > *,
  .tb-megamenu .navbar-collapse-fixed-bottom .nav-collapse.in > * {
    padding-bottom: 50px;
  }
  .tb-megamenu .navbar-collapse-fixed-bottom {
    bottom: 0;
    top: auto;
  }
  .tb-megamenu .navbar-collapse-fixed-bottom .nav-collapse.in {
    top: 0;
    bottom: 40px;
  }
}
@media (max-width: 979px) {
  .tb-megamenu {
    background-color: inherit;
    height: auto;
}
  .tb-megamenu .btn-navbar {
    display: block;
    margin-bottom: 10px;
  }
  .tb-megamenu .btn-navbar:hover {
    cursor: pointer;
  }
  .tb-megamenu .nav-collapse {
    background: #000;
    margin-top: 10px;
    position: absolute;
    top: 27px;
    width: 100%;
    z-index: 999;
  }
  .tb-megamenu .nav-collapse .nav {
    margin: 0;
  }
  .tb-megamenu .nav-collapse .nav > li > a,
  .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link {
    font-size: 15px;
    margin-bottom: 0;
  }
  .tb-megamenu .nav-collapse .nav > li > a,
  .tb-megamenu .nav-collapse .dropdown-menu a,
  .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link,
  .tb-megamenu .nav-collapse .dropdown-menu span.tb-megamenu-no-link {
    border-bottom: 1px solid #222;
    border-right: none;
    color: #fff;
    text-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .tb-megamenu .nav-collapse .dropdown-menu li + li a,
  .tb-megamenu .nav-collapse .dropdown-menu li + li span.tb-megamenu-no-link {
    margin-bottom: 0;
  }
  .tb-megamenu .nav-collapse .nav > li > a:hover,
  .tb-megamenu .nav-collapse .nav > li > a:focus,
  .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link:hover,
  .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link:focus {
    background-color: #fff;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color: #e54e4b;
  }
  .tb-megamenu .nav-collapse .nav > li.active > a:hover,
  .tb-megamenu .nav-collapse .nav > li.active > a:focus,
  .tb-megamenu .nav-collapse .nav > li.active > span.tb-megamenu-no-link:hover,
  .tb-megamenu .nav-collapse .nav > li.active > span.tb-megamenu-no-link:focus {
    background-color: #e54e4b;
}
  .tb-megamenu .nav-collapse .dropdown-menu a {
    border-top: 1px solid #222;
    border-bottom: 0;
    font-weight: normal;
    padding: 10px 20px;
  }
  .tb-megamenu .nav-collapse .dropdown-menu a:hover,
  .tb-megamenu .nav-collapse .dropdown-menu a:focus,
  .tb-megamenu .nav-collapse .dropdown-menu span.tb-megamenu-no-link:hover,
  .tb-megamenu .nav-collapse .dropdown-menu span.tb-megamenu-no-link:focus {
    background-color: inherit;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  }
  .tb-megamenu .nav-collapse .dropdown-menu {
    margin: 0;
    padding: 0;
    background-color: #000;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100% !important;
  }
  .tb-megamenu.navbar-collapse-fixed-top {
    margin-left: 0;
    margin-right: 0;
  }
  .tb-megamenu .navbar .nav > li > .dropdown-menu:before,
  .tb-megamenu .navbar .nav > li > .dropdown-menu:after,
  .tb-megamenu .navbar .nav > li > .dropdown-menu .divider {
    display: none;
  }
  .tb-megamenu .customization {
    display: none;
  }
  .tb-megamenu .tb-block .block-title {
    color: #fff;
}
}

@media (min-width: 980px) {
  .tb-megamenu.animate .mega > .mega-dropdown-menu {
    transition: all 400ms;
    -webkit-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
  }
  .tb-megamenu.animate .mega.animating > .mega-dropdown-menu {
    display: block!important;
  }
  .tb-megamenu.animate .mega.open > .mega-dropdown-menu,
  .tb-megamenu.animate .mega.animating.open > .mega-dropdown-menu {
    opacity: 1;
  }
  .tb-megamenu.animate.zoom .mega > .mega-dropdown-menu {
    transform: scale(0, 0);
    transform-origin: 20% 20%;
    -webkit-transform: scale(0, 0);
    -webkit-transform-origin: 20% 20%;
    -ms-transform: scale(0, 0);
    -ms-transform-origin: 20% 20%;
    -o-transform: scale(0, 0);
    -o-transform-origin: 20% 20%;
  }
  .tb-megamenu.animate.zoom .mega.open > .mega-dropdown-menu {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
  }
  .tb-megamenu.animate.elastic .level0 > .mega > .mega-dropdown-menu {
    transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
  }
  .tb-megamenu.animate.elastic .mega > .mega-dropdown-menu {
    transform: scale(0, 1);
    transform-origin: 10% 0;
    -webkit-transform: scale(0, 1);
    -webkit-transform-origin: 10% 0;
    -ms-transform: scale(0, 1);
    -ms-transform-origin: 10% 0;
    -o-transform: scale(0, 1);
    -o-transform-origin: 10% 0;
  }
  .tb-megamenu.animate.elastic .mega.open > .mega-dropdown-menu {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
  }
  .tb-megamenu.animate.slide .mega.animating > .mega-dropdown-menu {
    overflow: hidden;
  }
  .tb-megamenu.animate.slide .mega > .mega-dropdown-menu > div {
    transition: all 400ms;
    -webkit-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-top: -100%;
  }
  .tb-megamenu.animate.slide .mega.open > .mega-dropdown-menu > div {
    margin-top: 0%;
  }
  .tb-megamenu.animate.slide .mega .mega > .mega-dropdown-menu {
    min-width: 0;
  }
  .tb-megamenu.animate.slide .mega .mega > .mega-dropdown-menu > div {
    min-width: 200px;
    margin-top: 0;
    margin-left: -500px;
  }
  .tb-megamenu.animate.slide .mega .mega.open > .mega-dropdown-menu > div {
    margin-left: 0;
  }
}

@media (max-width: 979px) {
  .tb-megamenu .mega-inner {
    padding: 10px 20px;
  }
  .tb-megamenu .row-fluid,
  .tb-megamenu .mega-dropdown-menu,
  .tb-megamenu .row-fluid [class*="span"] {
    width: 100% !important;
    min-width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
  }
  .tb-megamenu .row-fluid + .row-fluid {
    padding-top: 10px;
    border-top: 1px solid #222;
  }
  .tb-megamenu .hidden-collapse,
  .tb-megamenu .always-show  .caret,
  .tb-megamenu .sub-hidden-collapse > .nav-child,
  .tb-megamenu .sub-hidden-collapse .caret,
  .tb-megamenu .sub-hidden-collapse > a:after,
  .tb-megamenu .always-show .dropdown-submenu > a:after {
    display: none !important;
  }
  .tb-megamenu .mega-caption {
    display: none !important;
  }
  .tb-megamenu .mega-nav > li a,
  .tb-megamenu .dropdown-menu .mega-nav > li a,
  .tb-megamenu .mega-nav > li span.tb-megamenu-no-link,
  .tb-megamenu .dropdown-menu .mega-nav > li span.tb-megamenu-no-link {
    padding: 5px 0;
    margin-left: 20px;
  }
  .tb-megamenu .tb-block {
    margin-bottom: 0;
  }
}

.block-view-demo .views-field-title a {
  border-top: none !important;
  color: #eee;
  padding: 0 !important;
}

.tb-megamenu .block-view-demo .views-field-field-image {
  float: left;
}

.tb-megamenu .block-view-demo .views-field-field-image img {
  border: 1px solid #333;
  margin: 0 20px 0 0;
  max-width: none !important;
  padding: 4px;
  width: auto;
}

.tb-megamenu .block-view-demo .item-list ul li {
  border-bottom: 1px solid #333;
  margin: 0;
  min-height: 60px;
  padding: 10px 0;
}

.tb-megamenu .block-view-demo .item-list ul li.views-row-first {
  padding-top: 0;
}

.tb-megamenu .block-view-demo a {
  padding: 0 !important;
}

.tb-megamenu .block-view-demo .views-field-title a {
  border-top: none;
  color: #aaa;
  padding: 0;
}

.tb-megamenu .block-view-demo a:hover,
.tb-megamenu .block-view-demo a:focus {
  background: none !important;
  border: none !important;
  color: #e54e4b;
  text-decoration: none;
}

File

css/tb_megamenu.default.css
View source
  1. .tb-megamenu {
  2. background-color: #000;
  3. }
  4. .tb-megamenu:before,
  5. .tb-megamenu:after {
  6. content: "";
  7. display: table;
  8. line-height: 0;
  9. }
  10. .tb-megamenu:after {
  11. clear: both;
  12. }
  13. .tb-megamenu .nav {
  14. margin: 0;
  15. }
  16. .tb-megamenu .nav > li {
  17. float: left;
  18. margin-left: 0;
  19. }
  20. .tb-megamenu .nav > li > a,
  21. .tb-megamenu .nav > li > span.tb-megamenu-no-link {
  22. border-bottom: 0;
  23. border-right: 1px solid #222;
  24. border-top: 0;
  25. color: #fff;
  26. font-weight: bold;
  27. padding: 15px 20px;
  28. text-shadow: none;
  29. }
  30. .tb-megamenu .nav > li > a:focus,
  31. .tb-megamenu .nav > li > a:hover,
  32. .tb-megamenu .nav > li > span.tb-megamenu-no-link:focus,
  33. .tb-megamenu .nav > li > span.tb-megamenu-no-link:hover {
  34. background-color: #fff;
  35. color: #e54e4b;
  36. text-decoration: none;
  37. text-shadow: none;
  38. outline: none;
  39. }
  40. .tb-megamenu .nav > .active > a,
  41. .tb-megamenu .nav > .active > a:hover,
  42. .tb-megamenu .nav > .active > a:focus,
  43. .tb-megamenu .nav > .active > span.tb-megamenu-no-link,
  44. .tb-megamenu .nav > .active > span.tb-megamenu-no-link:hover,
  45. .tb-megamenu .nav > .active > span.tb-megamenu-no-link:focus {
  46. background-color: #e54e4b;
  47. color: #fff;
  48. text-shadow: none;
  49. -webkit-box-shadow: none;
  50. -moz-box-shadow: none;
  51. box-shadow: none;
  52. outline: none;
  53. }
  54. .tb-megamenu .btn-navbar {
  55. display: none;
  56. float: left;
  57. padding: 10px;
  58. margin: 0;
  59. color: #fff;
  60. text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  61. background-color: #e8e8e8;
  62. *background-color: #d9d9d9;
  63. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  64. -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  65. box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  66. }
  67. .tb-megamenu .btn-navbar:hover,
  68. .tb-megamenu .btn-navbar:focus,
  69. .tb-megamenu .btn-navbar:active,
  70. .tb-megamenu .btn-navbar.active,
  71. .tb-megamenu .btn-navbar.disabled,
  72. .tb-megamenu .btn-navbar[disabled] {
  73. color: #fff;
  74. background-color: #d9d9d9;
  75. *background-color: #cccccc;
  76. }
  77. .tb-megamenu .btn-navbar:active,
  78. .tb-megamenu .btn-navbar.active {
  79. background-color: #bfbfbf \9;
  80. }
  81. .tb-megamenu .btn-navbar [class^="fa-"],
  82. .tb-megamenu .btn-navbar [class^=" fa-"] {
  83. color: #666;
  84. text-shadow: none;
  85. }
  86. .tb-megamenu .dropdown .caret {
  87. margin-left: 5px;
  88. margin-top: 9px;
  89. }
  90. .tb-megamenu .dropdown-menu {
  91. -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  92. -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  93. box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  94. }
  95. .tb-megamenu .dropdown-menu li > a,
  96. .tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link {
  97. border-bottom: 0;
  98. border-top: 1px solid #eee;
  99. padding: 5px 20px;
  100. text-shadow: none;
  101. }
  102. .tb-megamenu .dropdown-menu li:first-child > a,
  103. .tb-megamenu .dropdown-menu li:first-child > span.tb-megamenu-no-link {
  104. border-top: 0;
  105. }
  106. .tb-megamenu .mega-nav > li:first-child > a,
  107. .tb-megamenu .dropdown-menu .mega-nav > li:first-child > a,
  108. .tb-megamenu .mega-nav > li:first-child > span.tb-megamenu-no-link,
  109. .tb-megamenu .dropdown-menu .mega-nav > li:first-child > span.tb-megamenu-no-link {
  110. margin-top: 0;
  111. padding-top: 0;
  112. }
  113. .tb-megamenu .nav > li > .dropdown-menu:before {
  114. display: none;
  115. }
  116. .tb-megamenu .nav > li > .dropdown-menu:after {
  117. display: none;
  118. }
  119. .tb-megamenu .dropdown-menu .disabled > a,
  120. .tb-megamenu .dropdown-menu .disabled > a:hover,
  121. .tb-megamenu .dropdown-menu .disabled > span.tb-megamenu-no-link,
  122. .tb-megamenu .dropdown-menu .disabled > span.tb-megamenu-no-link:hover {
  123. color: #999;
  124. }
  125. .tb-megamenu .dropdown-menu .disabled > a:hover,
  126. .tb-megamenu .dropdown-menu .disabled > span.tb-megamenu-no-link:hover {
  127. background-color: transparent;
  128. }
  129. .tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
  130. background-color: #fff;
  131. color: #e54e4b;
  132. }
  133. .tb-megamenu .nav li.dropdown.active > .dropdown-toggle,
  134. .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle {
  135. background-color: #e54e4b;
  136. color: #fff;
  137. }
  138. .tb-megamenu .mega-inner {
  139. padding: 10px;
  140. }
  141. .tb-megamenu .row-fluid + .row-fluid {
  142. border-top: 1px solid #ddd;
  143. }
  144. .tb-megamenu .mega-nav > li a,
  145. .tb-megamenu .dropdown-menu .mega-nav > li a,
  146. .tb-megamenu .mega-nav > li span.tb-megamenu-no-link,
  147. .tb-megamenu .dropdown-menu .mega-nav > li span.tb-megamenu-no-link {
  148. padding: 5px 0;
  149. }
  150. .tb-megamenu .mega-nav .dropdown-submenu > a::after,
  151. .tb-megamenu .mega-nav .dropdown-submenu > span.tb-megamenu-no-link::after {
  152. margin-right: 0;
  153. }
  154. .tb-megamenu .tb-block .block-title {
  155. font-size: 12px;
  156. color: #333;
  157. display: block;
  158. line-height: 20px;
  159. margin: 0 0 15px;
  160. text-transform: uppercase;
  161. }
  162. .tb-megamenu .tb-block ul,
  163. .tb-megamenu .tb-block .nav {
  164. margin: 0;
  165. }
  166. .tb-megamenu .tb-block ul li,
  167. .tb-megamenu .tb-block .nav li {
  168. background: none;
  169. list-style: disc;
  170. display: list-item;
  171. float: none;
  172. margin: 0;
  173. padding: 0;
  174. border: 0;
  175. }
  176. .tb-megamenu .tb-block ul li a,
  177. .tb-megamenu .tb-block .nav li a,
  178. .tb-megamenu .tb-block ul li span.tb-megamenu-no-link,
  179. .tb-megamenu .tb-block .nav li span.tb-megamenu-no-link {
  180. display: inline;
  181. padding: 0;
  182. margin: 0;
  183. border: 0;
  184. font-size: 100%;
  185. background: none;
  186. font: inherit;
  187. white-space: normal;
  188. }
  189. .tb-megamenu .tb-block ul li a:hover,
  190. .tb-megamenu .tb-block ul li a:focus,
  191. .tb-megamenu .tb-block ul li a:active,
  192. .tb-megamenu .tb-block .nav li a:hover,
  193. .tb-megamenu .tb-block .nav li a:focus,
  194. .tb-megamenu .tb-block .nav li a:active,
  195. .tb-megamenu .tb-block ul li span.tb-megamenu-no-link:hover,
  196. .tb-megamenu .tb-block ul li span.tb-megamenu-no-link:focus,
  197. .tb-megamenu .tb-block ul li span.tb-megamenu-no-link:active,
  198. .tb-megamenu .tb-block .nav li span.tb-megamenu-no-link:hover,
  199. .tb-megamenu .tb-block .nav li span.tb-megamenu-no-link:focus,
  200. .tb-megamenu .tb-block .nav li span.tb-megamenu-no-link:active {
  201. background: none;
  202. font: inherit;
  203. }
  204. .tb-megamenu .mega-caption {
  205. color: #999;
  206. font-size: 12px;
  207. margin-top: 3px;
  208. font-weight: normal;
  209. }
  210. .tb-megamenu .caret {
  211. display: inline-block;
  212. width: 0;
  213. height: 0;
  214. vertical-align: top;
  215. border-top: 4px solid #000;
  216. border-right: 4px solid transparent;
  217. border-left: 4px solid transparent;
  218. content: "";
  219. }
  220. .tb-megamenu .dropdown .caret {
  221. margin-top: 8px;
  222. margin-left: 2px;
  223. }
  224. .tb-megamenu .dropdown-menu {
  225. position: absolute;
  226. top: 100%;
  227. left: 0;
  228. z-index: 1000;
  229. display: none;
  230. float: left;
  231. min-width: 160px;
  232. list-style: none;
  233. background-color: #fff;
  234. border: 1px solid #ccc;
  235. border: 1px solid rgba(0,0,0,0.2);
  236. border-bottom: 3px solid #e65855;
  237. border-top: none;
  238. *border-right-width: 2px;
  239. *border-bottom-width: 2px;
  240. padding: 0;
  241. margin: 0;
  242. -webkit-border-radius: 0;
  243. -moz-border-radius: 0;
  244. border-radius: 0;
  245. -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  246. -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  247. box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  248. -webkit-background-clip: padding-box;
  249. -moz-background-clip: padding;
  250. background-clip: padding-box;
  251. }
  252. .tb-megamenu .dropdown-menu.pull-right {
  253. right: 0;
  254. left: auto;
  255. }
  256. .tb-megamenu .dropdown-menu .divider {
  257. *width: 100%;
  258. height: 1px;
  259. margin: 9px 1px;
  260. *margin: -5px 0 5px;
  261. overflow: hidden;
  262. background-color: #e5e5e5;
  263. border-bottom: 1px solid #fff;
  264. }
  265. .tb-megamenu .dropdown-menu li > a,
  266. .tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link {
  267. clear: both;
  268. color: #333;
  269. display: block;
  270. line-height: 20px;
  271. font-weight: normal;
  272. padding: 3px 20px;
  273. text-shadow: none;
  274. white-space: nowrap;
  275. }
  276. .tb-megamenu .dropdown-menu li > a:hover,
  277. .tb-megamenu .dropdown-menu li > a:focus,
  278. .tb-megamenu .dropdown-submenu:hover > a,
  279. .tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link:hover,
  280. .tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link:focus,
  281. .tb-megamenu .dropdown-submenu:hover > span.tb-megamenu-no-link {
  282. background-color: inherit;
  283. background-image: none;
  284. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  285. color: #e54e4b;
  286. text-decoration: none;
  287. }
  288. .tb-megamenu .dropdown-menu .active > a,
  289. .tb-megamenu .dropdown-menu .active > a:hover,
  290. .tb-megamenu .dropdown-menu .active > span.tb-megamenu-no-link,
  291. .tb-megamenu .dropdown-menu .active > span.tb-megamenu-no-link:hover {
  292. color: #eee;
  293. text-decoration: none;
  294. outline: 0;
  295. background-color: #e54e4b;
  296. }
  297. .tb-megamenu .dropdown-menu .disabled > a,
  298. .tb-megamenu .dropdown-menu .disabled > a:hover,
  299. .tb-megamenu .dropdown-menu .disabled > span.tb-megamenu-no-link,
  300. .tb-megamenu .dropdown-menu .disabled > span.tb-megamenu-no-link:hover {
  301. color: #999;
  302. }
  303. .tb-megamenu .dropdown-menu .disabled > a:hover,
  304. .tb-megamenu .dropdown-menu .disabled > span.tb-megamenu-no-link:hover {
  305. text-decoration: none;
  306. background-color: transparent;
  307. background-image: none;
  308. cursor: default;
  309. }
  310. .tb-megamenu .open {
  311. *z-index: 1000;
  312. }
  313. .tb-megamenu .open > .dropdown-menu {
  314. display: block;
  315. }
  316. .tb-megamenu .nav li.dropdown.active > .dropdown-toggle,
  317. .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle,
  318. .tb-megamenu .nav > li.dropdown.open.active > a:hover,
  319. .tb-megamenu .nav > li.dropdown.open.active > span.tb-megamenu-no-link:hover {
  320. background-color: #e54e4b;
  321. border-color: #444;
  322. color: #eee;
  323. }
  324. .tb-megamenu .nav li.dropdown > .dropdown-toggle .caret {
  325. border-top-color: #666;
  326. border-bottom-color: #666;
  327. margin-top: 8px;
  328. }
  329. .tb-megamenu .nav li.dropdown > .dropdown-toggle:hover .caret {
  330. border-top-color: #eee;
  331. border-bottom-color: #eee;
  332. }
  333. .tb-megamenu .nav li.dropdown.open > .dropdown-toggle .caret,
  334. .tb-megamenu .nav li.dropdown.active > .dropdown-toggle .caret,
  335. .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle .caret {
  336. border-top-color: #eee;
  337. border-bottom-color: #eee;
  338. }
  339. .tb-megamenu .pull-right > .dropdown-menu {
  340. right: 0;
  341. left: auto;
  342. }
  343. .tb-megamenu .dropup .caret,
  344. .tb-megamenu .navbar-fixed-bottom .dropdown .caret {
  345. border-top: 0;
  346. border-bottom: 4px solid #000;
  347. content: "";
  348. }
  349. .tb-megamenu .dropup .dropdown-menu,
  350. .tb-megamenu .navbar-fixed-bottom .dropdown .dropdown-menu {
  351. top: auto;
  352. bottom: 100%;
  353. margin-bottom: 1px;
  354. }
  355. .tb-megamenu .dropdown-submenu {
  356. position: relative;
  357. }
  358. .tb-megamenu .dropdown-submenu > .dropdown-menu {
  359. top: 0;
  360. left: 100%;
  361. margin-top: -6px;
  362. margin-left: -1px;
  363. -webkit-border-radius: 0;
  364. -moz-border-radius: 0;
  365. border-radius: 0;
  366. }
  367. .tb-megamenu .dropdown-submenu:hover > .dropdown-menu {
  368. display: block;
  369. }
  370. .tb-megamenu .touch .dropdown-submenu:hover > .dropdown-menu {
  371. display: none;
  372. }
  373. .tb-megamenu .touch .dropdown-submenu.open > .dropdown-menu {
  374. display: block;
  375. }
  376. .tb-megamenu .dropup .dropdown-submenu > .dropdown-menu {
  377. top: auto;
  378. bottom: 0;
  379. margin-top: 0;
  380. margin-bottom: -2px;
  381. -webkit-border-radius: 0;
  382. -moz-border-radius: 0;
  383. border-radius: 0;
  384. }
  385. .tb-megamenu .dropdown-submenu > a:after,
  386. .tb-megamenu .dropdown-submenu > span.tb-megamenu-no-link:after {
  387. display: block;
  388. content: " ";
  389. float: right;
  390. width: 0;
  391. height: 0;
  392. border-color: transparent;
  393. border-style: solid;
  394. border-width: 5px 0 5px 5px;
  395. border-left-color: #cccccc;
  396. margin-top: 5px;
  397. margin-right: -10px;
  398. }
  399. .tb-megamenu .dropdown-submenu:hover > a:after,
  400. .tb-megamenu .dropdown-submenu:hover > span.tb-megamenu-no-link:after {
  401. border-left-color: #eee;
  402. }
  403. .tb-megamenu .dropdown-submenu.pull-left {
  404. float: none;
  405. }
  406. .tb-megamenu .dropdown-submenu.pull-left > .dropdown-menu {
  407. left: -100%;
  408. margin-left: 10px;
  409. -webkit-border-radius: 6px 0 6px 6px;
  410. -moz-border-radius: 6px 0 6px 6px;
  411. border-radius: 6px 0 6px 6px;
  412. }
  413. .tb-megamenu .dropdown .dropdown-menu .nav-header {
  414. padding-left: 20px;
  415. padding-right: 20px;
  416. }
  417. @media (min-width: 980px) and (max-width: 1199px) {
  418. .tb-megamenu .row {
  419. margin-left: -40px;
  420. *zoom: 1;
  421. }
  422. .tb-megamenu .row:before,
  423. .tb-megamenu .row:after {
  424. display: table;
  425. content: "";
  426. line-height: 0;
  427. }
  428. .tb-megamenu .row:after {
  429. clear: both;
  430. }
  431. .tb-megamenu [class*="span"] {
  432. float: left;
  433. min-height: 1px;
  434. margin-left: 40px;
  435. }
  436. .tb-megamenu .container,
  437. .tb-megamenu .navbar-static-top .container,
  438. .tb-megamenu .navbar-fixed-top .container,
  439. .tb-megamenu .navbar-fixed-bottom .container {
  440. width: 932px;
  441. }
  442. .tb-megamenu .span12 {
  443. width: 932px;
  444. }
  445. .tb-megamenu .span11 {
  446. width: 851px;
  447. }
  448. .tb-megamenu .span10 {
  449. width: 770px;
  450. }
  451. .tb-megamenu .span9 {
  452. width: 689px;
  453. }
  454. .tb-megamenu .span8 {
  455. width: 608px;
  456. }
  457. .tb-megamenu .span7 {
  458. width: 527px;
  459. }
  460. .tb-megamenu .span6 {
  461. width: 446px;
  462. }
  463. .tb-megamenu .span5 {
  464. width: 365px;
  465. }
  466. .tb-megamenu .span4 {
  467. width: 284px;
  468. }
  469. .tb-megamenu .span3 {
  470. width: 203px;
  471. }
  472. .tb-megamenu .span2 {
  473. width: 122px;
  474. }
  475. .tb-megamenu .span1 {
  476. width: 41px;
  477. }
  478. .tb-megamenu .offset12 {
  479. margin-left: 1012px;
  480. }
  481. .tb-megamenu .offset11 {
  482. margin-left: 931px;
  483. }
  484. .tb-megamenu .offset10 {
  485. margin-left: 850px;
  486. }
  487. .tb-megamenu .offset9 {
  488. margin-left: 769px;
  489. }
  490. .tb-megamenu .offset8 {
  491. margin-left: 688px;
  492. }
  493. .tb-megamenu .offset7 {
  494. margin-left: 607px;
  495. }
  496. .tb-megamenu .offset6 {
  497. margin-left: 526px;
  498. }
  499. .tb-megamenu .offset5 {
  500. margin-left: 445px;
  501. }
  502. .tb-megamenu .offset4 {
  503. margin-left: 364px;
  504. }
  505. .tb-megamenu .offset3 {
  506. margin-left: 283px;
  507. }
  508. .tb-megamenu .offset2 {
  509. margin-left: 202px;
  510. }
  511. .tb-megamenu .offset1 {
  512. margin-left: 121px;
  513. }
  514. .tb-megamenu .row-fluid {
  515. width: 100%;
  516. *zoom: 1;
  517. }
  518. .tb-megamenu .row-fluid:before,
  519. .tb-megamenu .row-fluid:after {
  520. display: table;
  521. content: "";
  522. line-height: 0;
  523. }
  524. .tb-megamenu .row-fluid:after {
  525. clear: both;
  526. }
  527. .tb-megamenu .row-fluid [class*="span"] {
  528. display: block;
  529. width: 100%;
  530. min-height: 30px;
  531. -webkit-box-sizing: border-box;
  532. -moz-box-sizing: border-box;
  533. box-sizing: border-box;
  534. float: left;
  535. margin-left: 4.2918454935622%;
  536. *margin-left: 4.2381974248927%;
  537. }
  538. .tb-megamenu .row-fluid [class*="span"]:first-child {
  539. margin-left: 0;
  540. }
  541. .tb-megamenu .row-fluid .controls-row [class*="span"] + [class*="span"] {
  542. margin-left: 4.2918454935622%;
  543. }
  544. .tb-megamenu .row-fluid .span12 {
  545. width: 100%;
  546. *width: 99.94635193133%;
  547. }
  548. .tb-megamenu .row-fluid .span11 {
  549. width: 91.309012875536%;
  550. *width: 91.255364806867%;
  551. }
  552. .tb-megamenu .row-fluid .span10 {
  553. width: 82.618025751073%;
  554. *width: 82.564377682403%;
  555. }
  556. .tb-megamenu .row-fluid .span9 {
  557. width: 73.927038626609%;
  558. *width: 73.87339055794%;
  559. }
  560. .tb-megamenu .row-fluid .span8 {
  561. width: 65.236051502146%;
  562. *width: 65.182403433476%;
  563. }
  564. .tb-megamenu .row-fluid .span7 {
  565. width: 56.545064377682%;
  566. *width: 56.491416309013%;
  567. }
  568. .tb-megamenu .row-fluid .span6 {
  569. width: 47.854077253219%;
  570. *width: 47.800429184549%;
  571. }
  572. .tb-megamenu .row-fluid .span5 {
  573. width: 39.163090128755%;
  574. *width: 39.109442060086%;
  575. }
  576. .tb-megamenu .row-fluid .span4 {
  577. width: 30.472103004292%;
  578. *width: 30.418454935622%;
  579. }
  580. .tb-megamenu .row-fluid .span3 {
  581. width: 21.781115879828%;
  582. *width: 21.727467811159%;
  583. }
  584. .tb-megamenu .row-fluid .span2 {
  585. width: 13.090128755365%;
  586. *width: 13.036480686695%;
  587. }
  588. .tb-megamenu .row-fluid .span1 {
  589. width: 4.3991416309013%;
  590. *width: 4.3454935622318%;
  591. }
  592. .tb-megamenu .row-fluid .offset12 {
  593. margin-left: 108.58369098712%;
  594. *margin-left: 108.47639484979%;
  595. }
  596. .tb-megamenu .row-fluid .offset12:first-child {
  597. margin-left: 104.29184549356%;
  598. *margin-left: 104.18454935622%;
  599. }
  600. .tb-megamenu .row-fluid .offset11 {
  601. margin-left: 99.892703862661%;
  602. *margin-left: 99.785407725322%;
  603. }
  604. .tb-megamenu .row-fluid .offset11:first-child {
  605. margin-left: 95.600858369099%;
  606. *margin-left: 95.49356223176%;
  607. }
  608. .tb-megamenu .row-fluid .offset10 {
  609. margin-left: 91.201716738197%;
  610. *margin-left: 91.094420600858%;
  611. }
  612. .tb-megamenu .row-fluid .offset10:first-child {
  613. margin-left: 86.909871244635%;
  614. *margin-left: 86.802575107296%;
  615. }
  616. .tb-megamenu .row-fluid .offset9 {
  617. margin-left: 82.510729613734%;
  618. *margin-left: 82.403433476395%;
  619. }
  620. .tb-megamenu .row-fluid .offset9:first-child {
  621. margin-left: 78.218884120172%;
  622. *margin-left: 78.111587982833%;
  623. }
  624. .tb-megamenu .row-fluid .offset8 {
  625. margin-left: 73.81974248927%;
  626. *margin-left: 73.712446351931%;
  627. }
  628. .tb-megamenu .row-fluid .offset8:first-child {
  629. margin-left: 69.527896995708%;
  630. *margin-left: 69.420600858369%;
  631. }
  632. .tb-megamenu .row-fluid .offset7 {
  633. margin-left: 65.128755364807%;
  634. *margin-left: 65.021459227468%;
  635. }
  636. .tb-megamenu .row-fluid .offset7:first-child {
  637. margin-left: 60.836909871245%;
  638. *margin-left: 60.729613733906%;
  639. }
  640. .tb-megamenu .row-fluid .offset6 {
  641. margin-left: 56.437768240343%;
  642. *margin-left: 56.330472103004%;
  643. }
  644. .tb-megamenu .row-fluid .offset6:first-child {
  645. margin-left: 52.145922746781%;
  646. *margin-left: 52.038626609442%;
  647. }
  648. .tb-megamenu .row-fluid .offset5 {
  649. margin-left: 47.74678111588%;
  650. *margin-left: 47.639484978541%;
  651. }
  652. .tb-megamenu .row-fluid .offset5:first-child {
  653. margin-left: 43.454935622318%;
  654. *margin-left: 43.347639484979%;
  655. }
  656. .tb-megamenu .row-fluid .offset4 {
  657. margin-left: 39.055793991416%;
  658. *margin-left: 38.948497854077%;
  659. }
  660. .tb-megamenu .row-fluid .offset4:first-child {
  661. margin-left: 34.763948497854%;
  662. *margin-left: 34.656652360515%;
  663. }
  664. .tb-megamenu .row-fluid .offset3 {
  665. margin-left: 30.364806866953%;
  666. *margin-left: 30.257510729614%;
  667. }
  668. .tb-megamenu .row-fluid .offset3:first-child {
  669. margin-left: 26.072961373391%;
  670. *margin-left: 25.965665236052%;
  671. }
  672. .tb-megamenu .row-fluid .offset2 {
  673. margin-left: 21.673819742489%;
  674. *margin-left: 21.56652360515%;
  675. }
  676. .tb-megamenu .row-fluid .offset2:first-child {
  677. margin-left: 17.381974248927%;
  678. *margin-left: 17.274678111588%;
  679. }
  680. .tb-megamenu .row-fluid .offset1 {
  681. margin-left: 12.982832618026%;
  682. *margin-left: 12.875536480687%;
  683. }
  684. .tb-megamenu .row-fluid .offset1:first-child {
  685. margin-left: 8.6909871244635%;
  686. *margin-left: 8.5836909871245%;
  687. }
  688. .tb-megamenu input,
  689. .tb-megamenu textarea,
  690. .tb-megamenu .uneditable-input {
  691. margin-left: 0;
  692. }
  693. .tb-megamenu .controls-row [class*="span"] + [class*="span"] {
  694. margin-left: 40px;
  695. }
  696. .tb-megamenu input.span12,
  697. textarea.span12,
  698. .uneditable-input.span12 {
  699. width: 918px;
  700. }
  701. .tb-megamenu input.span11,
  702. textarea.span11,
  703. .uneditable-input.span11 {
  704. width: 837px;
  705. }
  706. .tb-megamenu input.span10,
  707. textarea.span10,
  708. .uneditable-input.span10 {
  709. width: 756px;
  710. }
  711. .tb-megamenu input.span9,
  712. textarea.span9,
  713. .uneditable-input.span9 {
  714. width: 675px;
  715. }
  716. .tb-megamenu input.span8,
  717. textarea.span8,
  718. .uneditable-input.span8 {
  719. width: 594px;
  720. }
  721. .tb-megamenu input.span7,
  722. textarea.span7,
  723. .uneditable-input.span7 {
  724. width: 513px;
  725. }
  726. .tb-megamenu input.span6,
  727. textarea.span6,
  728. .uneditable-input.span6 {
  729. width: 432px;
  730. }
  731. .tb-megamenu input.span5,
  732. textarea.span5,
  733. .uneditable-input.span5 {
  734. width: 351px;
  735. }
  736. .tb-megamenu input.span4,
  737. textarea.span4,
  738. .uneditable-input.span4 {
  739. width: 270px;
  740. }
  741. .tb-megamenu input.span3,
  742. textarea.span3,
  743. .uneditable-input.span3 {
  744. width: 189px;
  745. }
  746. .tb-megamenu input.span2,
  747. textarea.span2,
  748. .uneditable-input.span2 {
  749. width: 108px;
  750. }
  751. .tb-megamenu input.span1,
  752. textarea.span1,
  753. .uneditable-input.span1 {
  754. width: 27px;
  755. }
  756. }
  757. @media (min-width: 768px) and (max-width: 979px) {
  758. .tb-megamenu .offset-12 {
  759. margin-left: -736px;
  760. }
  761. .tb-megamenu .offset-11 {
  762. margin-left: -673px;
  763. }
  764. .tb-megamenu .offset-10 {
  765. margin-left: -610px;
  766. }
  767. .tb-megamenu .offset-9 {
  768. margin-left: -547px;
  769. }
  770. .tb-megamenu .offset-8 {
  771. margin-left: -484px;
  772. }
  773. .tb-megamenu .offset-7 {
  774. margin-left: -421px;
  775. }
  776. .tb-megamenu .offset-6 {
  777. margin-left: -358px;
  778. }
  779. .tb-megamenu .offset-5 {
  780. margin-left: -295px;
  781. }
  782. .tb-megamenu .offset-4 {
  783. margin-left: -232px;
  784. }
  785. .tb-megamenu .offset-3 {
  786. margin-left: -169px;
  787. }
  788. .tb-megamenu .offset-2 {
  789. margin-left: -106px;
  790. }
  791. .tb-megamenu .offset-1 {
  792. margin-left: -43px;
  793. }
  794. }
  795. @media (min-width: 980px) and (max-width: 1199px) {
  796. .tb-megamenu .offset-12 {
  797. margin-left: -932px;
  798. }
  799. .tb-megamenu .offset-11 {
  800. margin-left: -851px;
  801. }
  802. .tb-megamenu .offset-10 {
  803. margin-left: -770px;
  804. }
  805. .tb-megamenu .offset-9 {
  806. margin-left: -689px;
  807. }
  808. .tb-megamenu .offset-8 {
  809. margin-left: -608px;
  810. }
  811. .tb-megamenu .offset-7 {
  812. margin-left: -527px;
  813. }
  814. .tb-megamenu .offset-6 {
  815. margin-left: -446px;
  816. }
  817. .tb-megamenu .offset-5 {
  818. margin-left: -365px;
  819. }
  820. .tb-megamenu .offset-4 {
  821. margin-left: -284px;
  822. }
  823. .tb-megamenu .offset-3 {
  824. margin-left: -203px;
  825. }
  826. .tb-megamenu .offset-2 {
  827. margin-left: -122px;
  828. }
  829. .tb-megamenu .offset-1 {
  830. margin-left: -41px;
  831. }
  832. }
  833. @media (min-width: 1200px) {
  834. .tb-megamenu .offset-12 {
  835. margin-left: -1196px;
  836. }
  837. .tb-megamenu .offset-11 {
  838. margin-left: -1093px;
  839. }
  840. .tb-megamenu .offset-10 {
  841. margin-left: -990px;
  842. }
  843. .tb-megamenu .offset-9 {
  844. margin-left: -887px;
  845. }
  846. .tb-megamenu .offset-8 {
  847. margin-left: -784px;
  848. }
  849. .tb-megamenu .offset-7 {
  850. margin-left: -681px;
  851. }
  852. .tb-megamenu .offset-6 {
  853. margin-left: -578px;
  854. }
  855. .tb-megamenu .offset-5 {
  856. margin-left: -475px;
  857. }
  858. .tb-megamenu .offset-4 {
  859. margin-left: -372px;
  860. }
  861. .tb-megamenu .offset-3 {
  862. margin-left: -269px;
  863. }
  864. .tb-megamenu .offset-2 {
  865. margin-left: -166px;
  866. }
  867. .tb-megamenu .offset-1 {
  868. margin-left: -63px;
  869. }
  870. }
  871. @media (min-width: 600px) and (max-width: 767px) {
  872. .tb-megamenu .row,
  873. .tb-megamenu .row-fluid {
  874. width: 100%;
  875. margin-left: 0;
  876. *zoom: 1;
  877. }
  878. .tb-megamenu .row:before,
  879. .tb-megamenu .row:after,
  880. .tb-megamenu .row-fluid:before,
  881. .tb-megamenu .row-fluid:after {
  882. display: table;
  883. content: "";
  884. line-height: 0;
  885. }
  886. .tb-megamenu .row:after,
  887. .tb-megamenu .row-fluid:after {
  888. clear: both;
  889. }
  890. .tb-megamenu .row [class*="span"],
  891. .tb-megamenu .row-fluid [class*="span"] {
  892. display: block;
  893. width: 100%;
  894. min-height: 30px;
  895. -webkit-box-sizing: border-box;
  896. -moz-box-sizing: border-box;
  897. box-sizing: border-box;
  898. float: left;
  899. margin-left: 2.7173913043478%;
  900. *margin-left: 2.6637432356783%;
  901. }
  902. .row [class*="span"]:first-child:not(.pull-right),
  903. .row-fluid [class*="span"]:first-child:not(.pull-right) {
  904. margin-left: 0;
  905. }
  906. .row [class*="span"].pull-right:first-child + [class*="span"]:not(.pull-right),
  907. .row-fluid [class*="span"].pull-right:first-child + [class*="span"]:not(.pull-right) {
  908. margin-left: 0;
  909. }
  910. .tb-megamenu .row .span12,
  911. .tb-megamenu .row-fluid .span12 {
  912. width: 100%;
  913. *width: 99.94635193133%;
  914. }
  915. .tb-megamenu .row .span11,
  916. .tb-megamenu .row-fluid .span11 {
  917. width: 91.440217391304%;
  918. *width: 91.386569322635%;
  919. }
  920. .tb-megamenu .row .span10,
  921. .tb-megamenu .row-fluid .span10 {
  922. width: 82.880434782609%;
  923. *width: 82.826786713939%;
  924. }
  925. .tb-megamenu .row .span9,
  926. .tb-megamenu .row-fluid .span9 {
  927. width: 74.320652173913%;
  928. *width: 74.267004105244%;
  929. }
  930. .tb-megamenu .row .span8,
  931. .tb-megamenu .row-fluid .span8 {
  932. width: 65.760869565217%;
  933. *width: 65.707221496548%;
  934. }
  935. .tb-megamenu .row .span7,
  936. .tb-megamenu .row-fluid .span7 {
  937. width: 57.201086956522%;
  938. *width: 57.147438887852%;
  939. }
  940. .tb-megamenu .row .span6,
  941. .tb-megamenu .row-fluid .span6 {
  942. width: 48.641304347826%;
  943. *width: 48.587656279157%;
  944. }
  945. .tb-megamenu .row .span5,
  946. .tb-megamenu .row-fluid .span5 {
  947. width: 40.08152173913%;
  948. *width: 40.027873670461%;
  949. }
  950. .tb-megamenu .row .span4,
  951. .tb-megamenu .row-fluid .span4 {
  952. width: 31.521739130435%;
  953. *width: 31.468091061765%;
  954. }
  955. .tb-megamenu .row .span3,
  956. .tb-megamenu .row-fluid .span3 {
  957. width: 22.961956521739%;
  958. *width: 22.90830845307%;
  959. }
  960. .tb-megamenu .row .span2,
  961. .tb-megamenu .row-fluid .span2 {
  962. width: 14.402173913043%;
  963. *width: 14.348525844374%;
  964. }
  965. .tb-megamenu .row .span1,
  966. .tb-megamenu .row-fluid .span1 {
  967. width: 5.8423913043478%;
  968. *width: 5.7887432356783%;
  969. }
  970. .tb-megamenu .span12 .row [class*="span"] {
  971. margin-left: 2.7173913043478%;
  972. *margin-left: 2.6637432356783%;
  973. }
  974. .tb-megamenu .span12 .row [class*="span"]:first-child {
  975. margin-left: 0;
  976. }
  977. .tb-megamenu .span12 .row .span12 {
  978. width: 100%;
  979. *width: 99.94635193133%;
  980. }
  981. .tb-megamenu .span12 .row .span11 {
  982. width: 91.440217391304%;
  983. *width: 91.386569322635%;
  984. }
  985. .tb-megamenu .span12 .row .span10 {
  986. width: 82.880434782609%;
  987. *width: 82.826786713939%;
  988. }
  989. .tb-megamenu .span12 .row .span9 {
  990. width: 74.320652173913%;
  991. *width: 74.267004105244%;
  992. }
  993. .tb-megamenu .span12 .row .span8 {
  994. width: 65.760869565217%;
  995. *width: 65.707221496548%;
  996. }
  997. .tb-megamenu .span12 .row .span7 {
  998. width: 57.201086956522%;
  999. *width: 57.147438887852%;
  1000. }
  1001. .tb-megamenu .span12 .row .span6 {
  1002. width: 48.641304347826%;
  1003. *width: 48.587656279157%;
  1004. }
  1005. .tb-megamenu .span12 .row .span5 {
  1006. width: 40.08152173913%;
  1007. *width: 40.027873670461%;
  1008. }
  1009. .tb-megamenu .span12 .row .span4 {
  1010. width: 31.521739130435%;
  1011. *width: 31.468091061765%;
  1012. }
  1013. .tb-megamenu .span12 .row .span3 {
  1014. width: 22.961956521739%;
  1015. *width: 22.90830845307%;
  1016. }
  1017. .tb-megamenu .span12 .row .span2 {
  1018. width: 14.402173913043%;
  1019. *width: 14.348525844374%;
  1020. }
  1021. .tb-megamenu .span12 .row .span1 {
  1022. width: 5.8423913043478%;
  1023. *width: 5.7887432356783%;
  1024. }
  1025. .tb-megamenu .span11 .row [class*="span"] {
  1026. margin-left: 2.9717682020802%;
  1027. *margin-left: 2.9181201334107%;
  1028. }
  1029. .tb-megamenu .span11 .row [class*="span"]:first-child {
  1030. margin-left: 0;
  1031. }
  1032. .tb-megamenu .span11 .row .span11 {
  1033. width: 91.440217391304%;
  1034. *width: 91.386569322635%;
  1035. }
  1036. .tb-megamenu .span11 .row .span10 {
  1037. width: 82.880434782609%;
  1038. *width: 82.826786713939%;
  1039. }
  1040. .tb-megamenu .span11 .row .span9 {
  1041. width: 74.320652173913%;
  1042. *width: 74.267004105244%;
  1043. }
  1044. .tb-megamenu .span11 .row .span8 {
  1045. width: 65.760869565217%;
  1046. *width: 65.707221496548%;
  1047. }
  1048. .tb-megamenu .span11 .row .span7 {
  1049. width: 57.201086956522%;
  1050. *width: 57.147438887852%;
  1051. }
  1052. .tb-megamenu .span11 .row .span6 {
  1053. width: 48.641304347826%;
  1054. *width: 48.587656279157%;
  1055. }
  1056. .tb-megamenu .span11 .row .span5 {
  1057. width: 40.08152173913%;
  1058. *width: 40.027873670461%;
  1059. }
  1060. .tb-megamenu .span11 .row .span4 {
  1061. width: 31.521739130435%;
  1062. *width: 31.468091061765%;
  1063. }
  1064. .tb-megamenu .span11 .row .span3 {
  1065. width: 22.961956521739%;
  1066. *width: 22.90830845307%;
  1067. }
  1068. .tb-megamenu .span11 .row .span2 {
  1069. width: 14.402173913043%;
  1070. *width: 14.348525844374%;
  1071. }
  1072. .tb-megamenu .span11 .row .span1 {
  1073. width: 5.8423913043478%;
  1074. *width: 5.7887432356783%;
  1075. }
  1076. .tb-megamenu .span10 .row [class*="span"] {
  1077. margin-left: 3.2786885245902%;
  1078. *margin-left: 3.2250404559206%;
  1079. }
  1080. .tb-megamenu .span10 .row [class*="span"]:first-child {
  1081. margin-left: 0;
  1082. }
  1083. .tb-megamenu .span10 .row .span10 {
  1084. width: 90.638930163447%;
  1085. *width: 90.585282094778%;
  1086. }
  1087. .tb-megamenu .span10 .row .span9 {
  1088. width: 81.277860326894%;
  1089. *width: 81.224212258225%;
  1090. }
  1091. .tb-megamenu .span10 .row .span8 {
  1092. width: 71.916790490342%;
  1093. *width: 71.863142421672%;
  1094. }
  1095. .tb-megamenu .span10 .row .span7 {
  1096. width: 62.555720653789%;
  1097. *width: 62.502072585119%;
  1098. }
  1099. .tb-megamenu .span10 .row .span6 {
  1100. width: 53.194650817236%;
  1101. *width: 53.141002748567%;
  1102. }
  1103. .tb-megamenu .span10 .row .span5 {
  1104. width: 43.833580980684%;
  1105. *width: 43.779932912014%;
  1106. }
  1107. .tb-megamenu .span10 .row .span4 {
  1108. width: 34.472511144131%;
  1109. *width: 34.418863075461%;
  1110. }
  1111. .tb-megamenu .span10 .row .span3 {
  1112. width: 25.111441307578%;
  1113. *width: 25.057793238908%;
  1114. }
  1115. .tb-megamenu .span10 .row .span2 {
  1116. width: 15.750371471025%;
  1117. *width: 15.696723402356%;
  1118. }
  1119. .tb-megamenu .span10 .row .span1 {
  1120. width: 6.3893016344725%;
  1121. *width: 6.335653565803%;
  1122. }
  1123. .tb-megamenu .span9 .row [class*="span"] {
  1124. margin-left: 3.6563071297989%;
  1125. *margin-left: 3.6026590611294%;
  1126. }
  1127. .tb-megamenu .span9 .row [class*="span"]:first-child {
  1128. margin-left: 0;
  1129. }
  1130. .tb-megamenu .span9 .row .span9 {
  1131. width: 89.672131147541%;
  1132. *width: 89.618483078871%;
  1133. }
  1134. .tb-megamenu .span9 .row .span8 {
  1135. width: 79.344262295082%;
  1136. *width: 79.290614226412%;
  1137. }
  1138. .tb-megamenu .span9 .row .span7 {
  1139. width: 69.016393442623%;
  1140. *width: 68.962745373953%;
  1141. }
  1142. .tb-megamenu .span9 .row .span6 {
  1143. width: 58.688524590164%;
  1144. *width: 58.634876521494%;
  1145. }
  1146. .tb-megamenu .span9 .row .span5 {
  1147. width: 48.360655737705%;
  1148. *width: 48.307007669035%;
  1149. }
  1150. .tb-megamenu .span9 .row .span4 {
  1151. width: 38.032786885246%;
  1152. *width: 37.979138816576%;
  1153. }
  1154. .tb-megamenu .span9 .row .span3 {
  1155. width: 27.704918032787%;
  1156. *width: 27.651269964117%;
  1157. }
  1158. .tb-megamenu .span9 .row .span2 {
  1159. width: 17.377049180328%;
  1160. *width: 17.323401111658%;
  1161. }
  1162. .tb-megamenu .span9 .row .span1 {
  1163. width: 7.0491803278689%;
  1164. *width: 6.9955322591993%;
  1165. }
  1166. .tb-megamenu .span8 .row [class*="span"] {
  1167. margin-left: 4.1322314049587%;
  1168. *margin-left: 4.0785833362892%;
  1169. }
  1170. .tb-megamenu .span8 .row [class*="span"]:first-child {
  1171. margin-left: 0;
  1172. }
  1173. .tb-megamenu .span8 .row .span8 {
  1174. width: 88.482632541133%;
  1175. *width: 88.428984472464%;
  1176. }
  1177. .tb-megamenu .span8 .row .span7 {
  1178. width: 76.965265082267%;
  1179. *width: 76.911617013597%;
  1180. }
  1181. .tb-megamenu .span8 .row .span6 {
  1182. width: 65.4478976234%;
  1183. *width: 65.394249554731%;
  1184. }
  1185. .tb-megamenu .span8 .row .span5 {
  1186. width: 53.930530164534%;
  1187. *width: 53.876882095864%;
  1188. }
  1189. .tb-megamenu .span8 .row .span4 {
  1190. width: 42.413162705667%;
  1191. *width: 42.359514636998%;
  1192. }
  1193. .tb-megamenu .span8 .row .span3 {
  1194. width: 30.895795246801%;
  1195. *width: 30.842147178131%;
  1196. }
  1197. .tb-megamenu .span8 .row .span2 {
  1198. width: 19.378427787934%;
  1199. *width: 19.324779719265%;
  1200. }
  1201. .tb-megamenu .span8 .row .span1 {
  1202. width: 7.8610603290676%;
  1203. *width: 7.8074122603981%;
  1204. }
  1205. .tb-megamenu .span7 .row [class*="span"] {
  1206. margin-left: 4.750593824228%;
  1207. *margin-left: 4.6969457555585%;
  1208. }
  1209. .tb-megamenu .span7 .row [class*="span"]:first-child {
  1210. margin-left: 0;
  1211. }
  1212. .tb-megamenu .span7 .row .span7 {
  1213. width: 86.98347107438%;
  1214. *width: 86.929823005711%;
  1215. }
  1216. .tb-megamenu .span7 .row .span6 {
  1217. width: 73.96694214876%;
  1218. *width: 73.913294080091%;
  1219. }
  1220. .tb-megamenu .span7 .row .span5 {
  1221. width: 60.950413223141%;
  1222. *width: 60.896765154471%;
  1223. }
  1224. .tb-megamenu .span7 .row .span4 {
  1225. width: 47.933884297521%;
  1226. *width: 47.880236228851%;
  1227. }
  1228. .tb-megamenu .span7 .row .span3 {
  1229. width: 34.917355371901%;
  1230. *width: 34.863707303231%;
  1231. }
  1232. .tb-megamenu .span7 .row .span2 {
  1233. width: 21.900826446281%;
  1234. *width: 21.847178377611%;
  1235. }
  1236. .tb-megamenu .span7 .row .span1 {
  1237. width: 8.8842975206612%;
  1238. *width: 8.8306494519916%;
  1239. }
  1240. .tb-megamenu .span6 .row [class*="span"] {
  1241. margin-left: 5.586592178771%;
  1242. *margin-left: 5.5329441101014%;
  1243. }
  1244. .tb-megamenu .span6 .row [class*="span"]:first-child {
  1245. margin-left: 0;
  1246. }
  1247. .tb-megamenu .span6 .row .span6 {
  1248. width: 85.035629453682%;
  1249. *width: 84.981981385012%;
  1250. }
  1251. .tb-megamenu .span6 .row .span5 {
  1252. width: 70.071258907363%;
  1253. *width: 70.017610838694%;
  1254. }
  1255. .tb-megamenu .span6 .row .span4 {
  1256. width: 55.106888361045%;
  1257. *width: 55.053240292376%;
  1258. }
  1259. .tb-megamenu .span6 .row .span3 {
  1260. width: 40.142517814727%;
  1261. *width: 40.088869746057%;
  1262. }
  1263. .tb-megamenu .span6 .row .span2 {
  1264. width: 25.178147268409%;
  1265. *width: 25.124499199739%;
  1266. }
  1267. .tb-megamenu .span6 .row .span1 {
  1268. width: 10.21377672209%;
  1269. *width: 10.160128653421%;
  1270. }
  1271. .tb-megamenu .span5 .row [class*="span"] {
  1272. margin-left: 6.7796610169492%;
  1273. *margin-left: 6.7260129482796%;
  1274. }
  1275. .tb-megamenu .span5 .row [class*="span"]:first-child {
  1276. margin-left: 0;
  1277. }
  1278. .tb-megamenu .span5 .row .span5 {
  1279. width: 82.402234636872%;
  1280. *width: 82.348586568202%;
  1281. }
  1282. .tb-megamenu .span5 .row .span4 {
  1283. width: 64.804469273743%;
  1284. *width: 64.750821205073%;
  1285. }
  1286. .tb-megamenu .span5 .row .span3 {
  1287. width: 47.206703910615%;
  1288. *width: 47.153055841945%;
  1289. }
  1290. .tb-megamenu .span5 .row .span2 {
  1291. width: 29.608938547486%;
  1292. *width: 29.555290478817%;
  1293. }
  1294. .tb-megamenu .span5 .row .span1 {
  1295. width: 12.011173184358%;
  1296. *width: 11.957525115688%;
  1297. }
  1298. .tb-megamenu .span4 .row [class*="span"] {
  1299. margin-left: 8.6206896551724%;
  1300. *margin-left: 8.5670415865029%;
  1301. }
  1302. .tb-megamenu .span4 .row [class*="span"]:first-child {
  1303. margin-left: 0;
  1304. }
  1305. .tb-megamenu .span4 .row .span4 {
  1306. width: 78.64406779661%;
  1307. *width: 78.590419727941%;
  1308. }
  1309. .tb-megamenu .span4 .row .span3 {
  1310. width: 57.28813559322%;
  1311. *width: 57.234487524551%;
  1312. }
  1313. .tb-megamenu .span4 .row .span2 {
  1314. width: 35.932203389831%;
  1315. *width: 35.878555321161%;
  1316. }
  1317. .tb-megamenu .span4 .row .span1 {
  1318. width: 14.576271186441%;
  1319. *width: 14.522623117771%;
  1320. }
  1321. .tb-megamenu .span3 .row [class*="span"] {
  1322. margin-left: 11.834319526627%;
  1323. *margin-left: 11.780671457958%;
  1324. }
  1325. .tb-megamenu .span3 .row [class*="span"]:first-child {
  1326. margin-left: 0;
  1327. }
  1328. .tb-megamenu .span3 .row .span3 {
  1329. width: 72.844827586207%;
  1330. *width: 72.791179517537%;
  1331. }
  1332. .tb-megamenu .span3 .row .span2 {
  1333. width: 45.689655172414%;
  1334. *width: 45.636007103744%;
  1335. }
  1336. .tb-megamenu .span3 .row .span1 {
  1337. width: 18.534482758621%;
  1338. *width: 18.480834689951%;
  1339. }
  1340. .tb-megamenu .span2 .row [class*="span"] {
  1341. margin-left: 18.867924528302%;
  1342. *margin-left: 18.814276459632%;
  1343. }
  1344. .tb-megamenu .span2 .row [class*="span"]:first-child {
  1345. margin-left: 0;
  1346. }
  1347. .tb-megamenu .span2 .row .span2 {
  1348. width: 62.721893491124%;
  1349. *width: 62.668245422455%;
  1350. }
  1351. .tb-megamenu .span2 .row .span1 {
  1352. width: 25.443786982249%;
  1353. *width: 25.390138913579%;
  1354. }
  1355. .tb-megamenu .span1 .row [class*="span"] {
  1356. margin-left: 46.511627906977%;
  1357. *margin-left: 46.457979838307%;
  1358. }
  1359. .tb-megamenu .span1 .row [class*="span"]:first-child {
  1360. margin-left: 0;
  1361. }
  1362. .tb-megamenu .span1 .row .span1 {
  1363. width: 40.566037735849%;
  1364. *width: 40.51238966718%;
  1365. }
  1366. .tb-megamenu .spanfirst {
  1367. margin-left: 0 !important;
  1368. clear: left;
  1369. }
  1370. }
  1371. .tb-megamenu .row .span50,
  1372. .tb-megamenu .row-fluid .span50 {
  1373. width: 50%;
  1374. float: left;
  1375. }
  1376. .tb-megamenu .row .span33,
  1377. .tb-megamenu .row-fluid .span33 {
  1378. width: 33.3333%;
  1379. float: left;
  1380. }
  1381. .tb-megamenu .row .span25,
  1382. .tb-megamenu .row-fluid .span25 {
  1383. width: 25%;
  1384. float: left;
  1385. }
  1386. .tb-megamenu .row .span20,
  1387. .tb-megamenu .row-fluid .span20 {
  1388. width: 20%;
  1389. float: left;
  1390. }
  1391. .tb-megamenu .row .span16,
  1392. .tb-megamenu .row-fluid .span16 {
  1393. width: 16.6666%;
  1394. float: left;
  1395. }
  1396. .tb-megamenu .hidden {
  1397. display: none !important;
  1398. visibility: hidden;
  1399. }
  1400. @media (max-width: 979px) {
  1401. .tb-megamenu .always-show .mega > .mega-dropdown-menu,
  1402. .tb-megamenu .always-show .dropdown-menu {
  1403. display: block !important;
  1404. }
  1405. .tb-megamenu .navbar-collapse-fixed-top,
  1406. .tb-megamenu .navbar-collapse-fixed-bottom {
  1407. position: fixed;
  1408. left: 0;
  1409. top: 0;
  1410. width: 100%;
  1411. z-index: 1000;
  1412. }
  1413. .tb-megamenu .navbar-collapse-fixed-top .nav-collapse.in,
  1414. .tb-megamenu .navbar-collapse-fixed-bottom .nav-collapse.in {
  1415. position: fixed;
  1416. width: 100%;
  1417. overflow-y: auto;
  1418. top: 40px;
  1419. bottom: 0;
  1420. }
  1421. .tb-megamenu .navbar-collapse-fixed-top .nav-collapse.in > *,
  1422. .tb-megamenu .navbar-collapse-fixed-bottom .nav-collapse.in > * {
  1423. padding-bottom: 50px;
  1424. }
  1425. .tb-megamenu .navbar-collapse-fixed-bottom {
  1426. bottom: 0;
  1427. top: auto;
  1428. }
  1429. .tb-megamenu .navbar-collapse-fixed-bottom .nav-collapse.in {
  1430. top: 0;
  1431. bottom: 40px;
  1432. }
  1433. }
  1434. @media (max-width: 979px) {
  1435. .tb-megamenu {
  1436. background-color: inherit;
  1437. height: auto;
  1438. }
  1439. .tb-megamenu .btn-navbar {
  1440. display: block;
  1441. margin-bottom: 10px;
  1442. }
  1443. .tb-megamenu .btn-navbar:hover {
  1444. cursor: pointer;
  1445. }
  1446. .tb-megamenu .nav-collapse {
  1447. background: #000;
  1448. margin-top: 10px;
  1449. position: absolute;
  1450. top: 27px;
  1451. width: 100%;
  1452. z-index: 999;
  1453. }
  1454. .tb-megamenu .nav-collapse .nav {
  1455. margin: 0;
  1456. }
  1457. .tb-megamenu .nav-collapse .nav > li > a,
  1458. .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link {
  1459. font-size: 15px;
  1460. margin-bottom: 0;
  1461. }
  1462. .tb-megamenu .nav-collapse .nav > li > a,
  1463. .tb-megamenu .nav-collapse .dropdown-menu a,
  1464. .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link,
  1465. .tb-megamenu .nav-collapse .dropdown-menu span.tb-megamenu-no-link {
  1466. border-bottom: 1px solid #222;
  1467. border-right: none;
  1468. color: #fff;
  1469. text-shadow: none;
  1470. -webkit-border-radius: 0;
  1471. -moz-border-radius: 0;
  1472. border-radius: 0;
  1473. }
  1474. .tb-megamenu .nav-collapse .dropdown-menu li + li a,
  1475. .tb-megamenu .nav-collapse .dropdown-menu li + li span.tb-megamenu-no-link {
  1476. margin-bottom: 0;
  1477. }
  1478. .tb-megamenu .nav-collapse .nav > li > a:hover,
  1479. .tb-megamenu .nav-collapse .nav > li > a:focus,
  1480. .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link:hover,
  1481. .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link:focus {
  1482. background-color: #fff;
  1483. background-image: none;
  1484. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  1485. color: #e54e4b;
  1486. }
  1487. .tb-megamenu .nav-collapse .nav > li.active > a:hover,
  1488. .tb-megamenu .nav-collapse .nav > li.active > a:focus,
  1489. .tb-megamenu .nav-collapse .nav > li.active > span.tb-megamenu-no-link:hover,
  1490. .tb-megamenu .nav-collapse .nav > li.active > span.tb-megamenu-no-link:focus {
  1491. background-color: #e54e4b;
  1492. }
  1493. .tb-megamenu .nav-collapse .dropdown-menu a {
  1494. border-top: 1px solid #222;
  1495. border-bottom: 0;
  1496. font-weight: normal;
  1497. padding: 10px 20px;
  1498. }
  1499. .tb-megamenu .nav-collapse .dropdown-menu a:hover,
  1500. .tb-megamenu .nav-collapse .dropdown-menu a:focus,
  1501. .tb-megamenu .nav-collapse .dropdown-menu span.tb-megamenu-no-link:hover,
  1502. .tb-megamenu .nav-collapse .dropdown-menu span.tb-megamenu-no-link:focus {
  1503. background-color: inherit;
  1504. background-image: none;
  1505. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  1506. }
  1507. .tb-megamenu .nav-collapse .dropdown-menu {
  1508. margin: 0;
  1509. padding: 0;
  1510. background-color: #000;
  1511. border: none;
  1512. -webkit-border-radius: 0;
  1513. -moz-border-radius: 0;
  1514. border-radius: 0;
  1515. -webkit-box-shadow: none;
  1516. -moz-box-shadow: none;
  1517. box-shadow: none;
  1518. width: 100% !important;
  1519. }
  1520. .tb-megamenu.navbar-collapse-fixed-top {
  1521. margin-left: 0;
  1522. margin-right: 0;
  1523. }
  1524. .tb-megamenu .navbar .nav > li > .dropdown-menu:before,
  1525. .tb-megamenu .navbar .nav > li > .dropdown-menu:after,
  1526. .tb-megamenu .navbar .nav > li > .dropdown-menu .divider {
  1527. display: none;
  1528. }
  1529. .tb-megamenu .customization {
  1530. display: none;
  1531. }
  1532. .tb-megamenu .tb-block .block-title {
  1533. color: #fff;
  1534. }
  1535. }
  1536. @media (min-width: 980px) {
  1537. .tb-megamenu.animate .mega > .mega-dropdown-menu {
  1538. transition: all 400ms;
  1539. -webkit-transition: all 400ms;
  1540. -ms-transition: all 400ms;
  1541. -o-transition: all 400ms;
  1542. -webkit-backface-visibility: hidden;
  1543. -moz-backface-visibility: hidden;
  1544. -o-backface-visibility: hidden;
  1545. backface-visibility: hidden;
  1546. opacity: 0;
  1547. }
  1548. .tb-megamenu.animate .mega.animating > .mega-dropdown-menu {
  1549. display: block!important;
  1550. }
  1551. .tb-megamenu.animate .mega.open > .mega-dropdown-menu,
  1552. .tb-megamenu.animate .mega.animating.open > .mega-dropdown-menu {
  1553. opacity: 1;
  1554. }
  1555. .tb-megamenu.animate.zoom .mega > .mega-dropdown-menu {
  1556. transform: scale(0, 0);
  1557. transform-origin: 20% 20%;
  1558. -webkit-transform: scale(0, 0);
  1559. -webkit-transform-origin: 20% 20%;
  1560. -ms-transform: scale(0, 0);
  1561. -ms-transform-origin: 20% 20%;
  1562. -o-transform: scale(0, 0);
  1563. -o-transform-origin: 20% 20%;
  1564. }
  1565. .tb-megamenu.animate.zoom .mega.open > .mega-dropdown-menu {
  1566. transform: scale(1, 1);
  1567. -webkit-transform: scale(1, 1);
  1568. -ms-transform: scale(1, 1);
  1569. -o-transform: scale(1, 1);
  1570. }
  1571. .tb-megamenu.animate.elastic .level0 > .mega > .mega-dropdown-menu {
  1572. transform: scale(1, 0);
  1573. -webkit-transform: scale(1, 0);
  1574. -ms-transform: scale(1, 0);
  1575. -o-transform: scale(1, 0);
  1576. }
  1577. .tb-megamenu.animate.elastic .mega > .mega-dropdown-menu {
  1578. transform: scale(0, 1);
  1579. transform-origin: 10% 0;
  1580. -webkit-transform: scale(0, 1);
  1581. -webkit-transform-origin: 10% 0;
  1582. -ms-transform: scale(0, 1);
  1583. -ms-transform-origin: 10% 0;
  1584. -o-transform: scale(0, 1);
  1585. -o-transform-origin: 10% 0;
  1586. }
  1587. .tb-megamenu.animate.elastic .mega.open > .mega-dropdown-menu {
  1588. transform: scale(1, 1);
  1589. -webkit-transform: scale(1, 1);
  1590. -ms-transform: scale(1, 1);
  1591. -o-transform: scale(1, 1);
  1592. }
  1593. .tb-megamenu.animate.slide .mega.animating > .mega-dropdown-menu {
  1594. overflow: hidden;
  1595. }
  1596. .tb-megamenu.animate.slide .mega > .mega-dropdown-menu > div {
  1597. transition: all 400ms;
  1598. -webkit-transition: all 400ms;
  1599. -ms-transition: all 400ms;
  1600. -o-transition: all 400ms;
  1601. -webkit-backface-visibility: hidden;
  1602. -moz-backface-visibility: hidden;
  1603. -o-backface-visibility: hidden;
  1604. backface-visibility: hidden;
  1605. margin-top: -100%;
  1606. }
  1607. .tb-megamenu.animate.slide .mega.open > .mega-dropdown-menu > div {
  1608. margin-top: 0%;
  1609. }
  1610. .tb-megamenu.animate.slide .mega .mega > .mega-dropdown-menu {
  1611. min-width: 0;
  1612. }
  1613. .tb-megamenu.animate.slide .mega .mega > .mega-dropdown-menu > div {
  1614. min-width: 200px;
  1615. margin-top: 0;
  1616. margin-left: -500px;
  1617. }
  1618. .tb-megamenu.animate.slide .mega .mega.open > .mega-dropdown-menu > div {
  1619. margin-left: 0;
  1620. }
  1621. }
  1622. @media (max-width: 979px) {
  1623. .tb-megamenu .mega-inner {
  1624. padding: 10px 20px;
  1625. }
  1626. .tb-megamenu .row-fluid,
  1627. .tb-megamenu .mega-dropdown-menu,
  1628. .tb-megamenu .row-fluid [class*="span"] {
  1629. width: 100% !important;
  1630. min-width: 100% !important;
  1631. left: 0 !important;
  1632. margin-left: 0 !important;
  1633. transform: none !important;
  1634. -webkit-transform: none !important;
  1635. -moz-transform: none !important;
  1636. -ms-transform: none !important;
  1637. -o-transform: none !important;
  1638. }
  1639. .tb-megamenu .row-fluid + .row-fluid {
  1640. padding-top: 10px;
  1641. border-top: 1px solid #222;
  1642. }
  1643. .tb-megamenu .hidden-collapse,
  1644. .tb-megamenu .always-show .caret,
  1645. .tb-megamenu .sub-hidden-collapse > .nav-child,
  1646. .tb-megamenu .sub-hidden-collapse .caret,
  1647. .tb-megamenu .sub-hidden-collapse > a:after,
  1648. .tb-megamenu .always-show .dropdown-submenu > a:after {
  1649. display: none !important;
  1650. }
  1651. .tb-megamenu .mega-caption {
  1652. display: none !important;
  1653. }
  1654. .tb-megamenu .mega-nav > li a,
  1655. .tb-megamenu .dropdown-menu .mega-nav > li a,
  1656. .tb-megamenu .mega-nav > li span.tb-megamenu-no-link,
  1657. .tb-megamenu .dropdown-menu .mega-nav > li span.tb-megamenu-no-link {
  1658. padding: 5px 0;
  1659. margin-left: 20px;
  1660. }
  1661. .tb-megamenu .tb-block {
  1662. margin-bottom: 0;
  1663. }
  1664. }
  1665. .block-view-demo .views-field-title a {
  1666. border-top: none !important;
  1667. color: #eee;
  1668. padding: 0 !important;
  1669. }
  1670. .tb-megamenu .block-view-demo .views-field-field-image {
  1671. float: left;
  1672. }
  1673. .tb-megamenu .block-view-demo .views-field-field-image img {
  1674. border: 1px solid #333;
  1675. margin: 0 20px 0 0;
  1676. max-width: none !important;
  1677. padding: 4px;
  1678. width: auto;
  1679. }
  1680. .tb-megamenu .block-view-demo .item-list ul li {
  1681. border-bottom: 1px solid #333;
  1682. margin: 0;
  1683. min-height: 60px;
  1684. padding: 10px 0;
  1685. }
  1686. .tb-megamenu .block-view-demo .item-list ul li.views-row-first {
  1687. padding-top: 0;
  1688. }
  1689. .tb-megamenu .block-view-demo a {
  1690. padding: 0 !important;
  1691. }
  1692. .tb-megamenu .block-view-demo .views-field-title a {
  1693. border-top: none;
  1694. color: #aaa;
  1695. padding: 0;
  1696. }
  1697. .tb-megamenu .block-view-demo a:hover,
  1698. .tb-megamenu .block-view-demo a:focus {
  1699. background: none !important;
  1700. border: none !important;
  1701. color: #e54e4b;
  1702. text-decoration: none;
  1703. }