You are here

default.css in The Better Mega Menu 7

.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 {
  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 {
  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 {
  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^="icon-"],
.tb-megamenu .btn-navbar [class^=" icon-"] {
  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 {
  border-top: 1px solid #eee;
  padding: 5px 20px;
  text-shadow: none;
}
.tb-megamenu .dropdown-menu li:first-child > a {
  border-top: 0;
}
.tb-megamenu .mega-nav > li:first-child > a,
.tb-megamenu .dropdown-menu .mega-nav > li:first-child > a {
  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 {
  color: #999;
}
.tb-megamenu .dropdown-menu .disabled > a: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 {
  padding: 5px 0;
}
.tb-megamenu .mega-nav .dropdown-submenu > a::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 {
  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 {
  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 {
  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 {
  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 {
  color: #eee;
  text-decoration: none;
  outline: 0;
  background-color: #e54e4b;
}
.tb-megamenu .dropdown-menu .disabled > a,
.tb-megamenu .dropdown-menu .disabled > a:hover {
  color: #999;
}
.tb-megamenu .dropdown-menu .disabled > a: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 {
  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 {
  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 {
  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 {
    font-size: 15px;
    margin-bottom: 0;
  }
.tb-megamenu .nav-collapse .nav > li > a,
.tb-megamenu .nav-collapse .dropdown-menu a {
    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 {
    margin-bottom: 0;
  }
.tb-megamenu .nav-collapse .nav > li > a:hover,
.tb-megamenu .nav-collapse .nav > li > a: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 {
  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 {
    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 {
    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: #e54e4;
  text-decoration: none;
}

File

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