/**
 * @version		$Id$
 * @author		JoomlaUX
 * @package		Joomla.Site
 * @subpackage	mod_jux_vm_megamenu
 * @copyright	Copyright (C) 2008 - 2013 JoomlaUX. All rights reserved.
 * @license		License GNU General Public License version 2 or later; see LICENSE.txt, see LICENSE.php
 */

.clearfix,.jux-nav {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after,
.jux-nav:before,
.jux-nav:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after,.jux-nav:after  {
  clear: both;
}
.jux-backdrop {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 990;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.jux-megamenu .row-fluid {
	width: 100%;
	*zoom: 1;
}
.jux-megamenu .row-fluid:before,
.jux-megamenu .row-fluid:after {
	display: table;
	content: "";
	line-height: 0;
}
.jux-megamenu .row-fluid:after {
	clear: both;
}
.jux-megamenu [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.127659574%;
	*margin-left: 2.0744680846383%;
}
.jux-megamenu [class*="span"]:first-child {
	margin-left: 0;
}

/*  Fix the vertical problem with fullwidth*/
div.jux-vertical > div.jux-megamenu li.mega-align-justify [class*="span"] {
	width: auto;
	*width: auto;
}
.jux-megamenu .span12 {
	width: 99.99999999%;
	*width: 99.946808500638%;
}
.jux-megamenu .span11 {
	width: 91.489361693%;
	*width: 91.436170203638%;
}
.jux-megamenu .span10 {
	width: 82.978723396%;
	*width: 82.925531906638%;
}
.jux-megamenu .span9 {
	width: 74.468085099%;
	*width: 74.414893609638%;
}
.jux-megamenu .span8 {
	width: 65.957446802%;
	*width: 65.904255312638%;
}
.jux-megamenu .span7 {
	width: 57.446808505%;
	*width: 57.393617015638%;
}
.jux-megamenu .span6 {
	width: 48.936170208%;
	*width: 48.882978718638%;
}
.jux-megamenu .span5 {
	width: 40.425531911%;
	*width: 40.372340421638%;
}
.jux-megamenu .span4 {
	width: 31.914893614%;
	*width: 31.861702124638%;
}
.jux-megamenu .span3 {
	width: 23.404255317%;
	*width: 23.351063827638%;
}
.jux-megamenu .span2 {
	width: 14.89361702%;
	*width: 14.840425530638%;
}
.jux-megamenu .span1 {
	width: 6.382978723%;
	*width: 6.3297872336383%;
}
.jux-megamenu .offset12 {
	margin-left: 104.255319138%;
	*margin-left: 104.14893615928%;
}
.jux-megamenu .offset12:first-child {
	margin-left: 102.127659564%;
	*margin-left: 102.02127658528%;
}
.jux-megamenu .offset11 {
	margin-left: 95.744680841%;
	*margin-left: 95.638297862277%;
}
.jux-megamenu .offset11:first-child {
	margin-left: 93.617021267%;
	*margin-left: 93.510638288277%;
}
.jux-megamenu .offset10 {
	margin-left: 87.234042544%;
	*margin-left: 87.127659565277%;
}
.jux-megamenu .offset10:first-child {
	margin-left: 85.10638297%;
	*margin-left: 84.999999991277%;
}
.jux-megamenu .offset9 {
	margin-left: 78.723404247%;
	*margin-left: 78.617021268277%;
}
.jux-megamenu .offset9:first-child {
	margin-left: 76.595744673%;
	*margin-left: 76.489361694277%;
}
.jux-megamenu .offset8 {
	margin-left: 70.21276595%;
	*margin-left: 70.106382971277%;
}
.jux-megamenu .offset8:first-child {
	margin-left: 68.085106376%;
	*margin-left: 67.978723397277%;
}
.jux-megamenu .offset7 {
	margin-left: 61.702127653%;
	*margin-left: 61.595744674277%;
}
.jux-megamenu .offset7:first-child {
	margin-left: 59.574468079%;
	*margin-left: 59.468085100277%;
}
.jux-megamenu .offset6 {
	margin-left: 53.191489356%;
	*margin-left: 53.085106377277%;
}
.jux-megamenu .offset6:first-child {
	margin-left: 51.063829782%;
	*margin-left: 50.957446803277%;
}
.jux-megamenu .offset5 {
	margin-left: 44.680851059%;
	*margin-left: 44.574468080277%;
}
.jux-megamenu .offset5:first-child {
	margin-left: 42.553191485%;
	*margin-left: 42.446808506277%;
}
.jux-megamenu .offset4 {
	margin-left: 36.170212762%;
	*margin-left: 36.063829783277%;
}
.jux-megamenu .offset4:first-child {
	margin-left: 34.042553188%;
	*margin-left: 33.936170209277%;
}
.jux-megamenu .offset3 {
	margin-left: 27.659574465%;
	*margin-left: 27.553191486277%;
}
.jux-megamenu .offset3:first-child {
	margin-left: 25.531914891%;
	*margin-left: 25.425531912277%;
}
.jux-megamenu .offset2 {
	margin-left: 19.148936168%;
	*margin-left: 19.042553189277%;
}
.jux-megamenu .offset2:first-child {
	margin-left: 17.021276594%;
	*margin-left: 16.914893615277%;
}
.jux-megamenu .offset1 {
	margin-left: 10.638297871%;
	*margin-left: 10.531914892277%;
}
.jux-megamenu .offset1:first-child {
	margin-left: 8.510638297%;
	*margin-left: 8.4042553182766%;
}
@media (max-width: 767px) {
	.jux-megamenu .row-fluid {
		width: 100%;
	}
	.jux-megamenu [class*="span"],
	.jux-megamenu .row-fluid [class*="span"] {
		float: none;
		display: block;
		width: auto;
		margin-left: 0;
	}
	.jux-megamenu .span12,
	.jux-megamenu .row-fluid .span12 {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}
.jux-megamenu .mega-inner {
  padding: 10px;
  *zoom: 1;
}
.jux-megamenu .mega-inner:before,
.jux-megamenu .mega-inner:after {
  display: table;
  content: "";
  line-height: 0;
}
.jux-megamenu .mega-inner:after {
  clear: both;
}
.jux-megamenu .row-fluid + .row-fluid {
  padding-top: 10px;
  border-top: 1px solid #eeeeee;
}

.jux-megamenu .mega-group {
  *zoom: 1;
}
.jux-megamenu .mega-group:before,
.jux-megamenu .mega-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.jux-megamenu .mega-group:after {
  clear: both;
}
.jux-megamenu .mega-nav .mega-group > .mega-group-title,
.jux-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title,
.jux-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title {
  background: inherit;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
.jux-megamenu .mega-nav .mega-group > .mega-group-title:hover,
.jux-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:hover,
.jux-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:hover,
.jux-megamenu .mega-nav .mega-group > .mega-group-title:active,
.jux-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:active,
.jux-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:active,
.jux-megamenu .mega-nav .mega-group > .mega-group-title:focus,
.jux-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:focus,
.jux-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:focus {
  background: inherit;
  /*color: inherit;*/
}
.jux-megamenu .mega-group-ct {
  margin: 0;
  padding: 0;
  *zoom: 1;
}
.jux-megamenu .mega-group-ct:before,
.jux-megamenu .mega-group-ct:after {
  display: table;
  content: "";
  line-height: 0;
}
.jux-megamenu .mega-group-ct:after {
  clear: both;
}
.jux-megamenu .mega-group-ct > .row-fluid > [class*="span"] > .mega-inner {
  padding: 0;
}
.jux-megamenu .span12.mega-col-nav .mega-inner {
  padding: 5px;
}
.jux-megamenu .mega-nav,
.jux-megamenu .dropdown-menu .mega-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.jux-megamenu .mega-nav > li,
.jux-megamenu .dropdown-menu .mega-nav > li {
  list-style: none;
  margin-left: 0;
  position: relative;
}
.jux-megamenu .mega-nav > li a,
.jux-megamenu .dropdown-menu .mega-nav > li a {
  white-space: normal;
}
.jux-megamenu .mega-group > .mega-nav,
.jux-megamenu .dropdown-menu .mega-group > .mega-nav {
  margin-left: -5px;
  margin-right: -5px;
}
.jux-megamenu .mega-nav .dropdown-submenu > a:after {
  margin-right: 5px;
}
.jux-megamenu .jux-module {
  margin-bottom: 10px;
}
.jux-megamenu .jux-module .module-title {
  margin-bottom: 0;
}
.jux-megamenu .jux-module .module-ct {
  margin: 0;
  padding: 0;
}
.jux-megamenu .mega-align-left > .dropdown-menu {
  left: 0;
}
.jux-megamenu .mega-align-right > .dropdown-menu {
  left: auto;
  right: 0;
}
@media (min-width: 768px) {
	.horizontal-up .jux-megamenu .mega-align-center > .dropdown-menu ,
	.horizontal-down .jux-megamenu .mega-align-center > .dropdown-menu {
	  	left: 50%;
		transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
}
.jux-megamenu .dropdown-submenu.mega-align-left > .dropdown-menu {
  left: 100%;
}
.jux-megamenu .dropdown-submenu.mega-align-right > .dropdown-menu {
  left: auto;
  right: 100%;
}

.jux-megamenu .mega-align-justify > .dropdown-menu {
  left: 0;
  margin-left: 0;
  top: auto;
}
.jux-megamenu .mega-caption {
  display: block;
  white-space: nowrap;
  font-weight: normal;
  font-size: 90%;
}
.jux-megamenu .jux-nav .caret,
.jux-megamenu .dropdown-submenu .caret,
.jux-megamenu .mega-menu .caret {
  display: none;
}
.jux-megamenu .jux-nav > .dropdown > .dropdown-toggle .caret {
  display: inline-block;
}
.jux-megamenu .jux-nav [class^="icon-"],
.jux-megamenu .jux-nav [class*=" icon-"] {
  margin-right: 5px;
}

@media (min-width: 768px) {
  .jux-megamenu .mega > .mega-dropdown-menu {
 	 opacity: 0;
     visibility: hidden;
  }
  .jux-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;
    visibility: hidden;
  }
  .jux-megamenu.animate .mega.animating > .mega-dropdown-menu {
    display: block!important;
  }
  .jux-megamenu.animate .mega.open > .mega-dropdown-menu,
  .jux-megamenu.animate .mega:hover > .mega-dropdown-menu,
  .jux-megamenu.animate .mega.animating.open > .mega-dropdown-menu {
    opacity: 1;
    visibility: visible;
  }
  .jux-megamenu .mega.open > .mega-dropdown-menu,
  .jux-megamenu .mega:hover > .mega-dropdown-menu,
  .jux-megamenu .mega.animating.open > .mega-dropdown-menu {
    opacity: 1;
    visibility: visible;
  }
  .jux-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%;
  }
  .horizontal-down .jux-megamenu.animate.zoom .mega.mega-align-center > .mega-dropdown-menu {
    transform:translateX(-50%) scale(0, 0);
    transform-origin: 20% 20%;
    -webkit-transform:translateX(-50%) scale(0, 0);
    -webkit-transform-origin: 20% 20%;
    -ms-transform:translateX(-50%) scale(0, 0);
    -ms-transform-origin: 20% 20%;
    -o-transform:translateX(-50%) scale(0, 0);
    -o-transform-origin: 20% 20%;
  }
  .jux-megamenu.animate.zoom .mega.open > .mega-dropdown-menu,
  .jux-megamenu.animate.zoom .mega:hover > .mega-dropdown-menu {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
  }
  .horizontal-down .jux-megamenu.animate.zoom .mega.mega-align-center.open > .mega-dropdown-menu,
  .horizontal-down .jux-megamenu.animate.zoom .mega.mega-align-center:hover > .mega-dropdown-menu {
    transform:translateX(-50%) scale(1, 1);
    -webkit-transform:translateX(-50%) scale(1, 1);
    -ms-transform:translateX(-50%) scale(1, 1);
    -o-transform:translateX(-50%) scale(1, 1);
  }
  .jux-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);
  }

 .horizontal-down  .jux-megamenu.animate.elastic .level0 > .mega.mega-align-center > .mega-dropdown-menu {
    transform:translateX(-50%) scale(1, 0);
    -webkit-transform:translateX(-50%) scale(1, 0);
    -ms-transform:translateX(-50%) scale(1, 0);
    -o-transform:translateX(-50%) scale(1, 0);
  }
  .jux-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;
  }
  .horizontal-down  .jux-megamenu.animate.elastic .mega.mega-align-center > .mega-dropdown-menu {
  	 transform:translateX(-50%) scale(0, 1);
    transform-origin: 10% 0;
    -webkit-transform:translateX(-50%) scale(0, 1);
    -webkit-transform-origin: 10% 0;
    -ms-transform:translateX(-50%) scale(0, 1);
    -ms-transform-origin: 10% 0;
    -o-transform:translateX(-50%) scale(0, 1);
    -o-transform-origin: 10% 0;
  }
  .jux-megamenu.animate.elastic .mega.open > .mega-dropdown-menu,
  .jux-megamenu.animate.elastic .mega:hover > .mega-dropdown-menu {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
  }
  .horizontal-down .jux-megamenu.animate.elastic .mega.mega-align-center.open > .mega-dropdown-menu,
  .horizontal-down  .jux-megamenu.animate.elastic .mega.mega-align-center:hover > .mega-dropdown-menu {
    transform:translateX(-50%) scale(1, 1);
    -webkit-transform:translateX(-50%) scale(1, 1);
    -ms-transform:translateX(-50%) scale(1, 1);
    -o-transform:translateX(-50%) scale(1, 1);
  }
  .jux-megamenu.animate.slide .mega.animating > .mega-dropdown-menu {
    overflow: hidden;
    
  }
  .horizontal-down .jux-megamenu.animate.slide .mega > .mega-dropdown-menu{
  	margin-top: 50px !important;
  	visibility: hidden;
  }
  .horizontal-down .jux-megamenu.animate.slide .mega:hover > .mega-dropdown-menu{
  	margin-top: 0px !important;
  	visibility: visible;
  }
  .horizontal-down .jux-megamenu.animate.slide .mega .mega > .mega-dropdown-menu{
  	margin-left:80px;
  	margin-top:0;
  	visibility: hidden;
  }
  .horizontal-down .jux-megamenu.animate.slide .mega .mega:hover > .mega-dropdown-menu{
  	margin-left:0px;
  	visibility: visible;
  }
  
  .jux-vertical .jux-megamenu.animate.slide .mega > .mega-dropdown-menu{
  	margin-left:80px;
  	visibility: hidden;
  }
  .jux-vertical .jux-megamenu.animate.slide .mega:hover > .mega-dropdown-menu{
  	margin-left:0;
  	visibility: visible;
  }
  .jux-vertical .jux-megamenu.animate.slide .mega .mega > .mega-dropdown-menu{
  	margin-left:80px;
  	visibility: hidden;
  }
  .jux-vertical .jux-megamenu.animate.slide .mega .mega:hover > .mega-dropdown-menu{
  	margin-left:0px;
  	visibility: visible;
  }
  
  .jux-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;
  }
  .jux-megamenu.animate.slide .mega.open > .mega-dropdown-menu > div,
   .jux-megamenu.animate.slide .mega:hover > .mega-dropdown-menu > div  {
    margin-top: 0%;
  }
  .jux-megamenu.animate.slide .mega .mega > .mega-dropdown-menu {
    min-width: 0;
  }
  .jux-megamenu.animate.slide .mega .mega > .mega-dropdown-menu > div {
    min-width: 200px;
    margin-top: 0;
  }
  .jux-megamenu.animate.slide .mega .mega.open > .mega-dropdown-menu > div,
  .jux-megamenu.animate.slide .mega .mega:hover > .mega-dropdown-menu > div {
    margin-left: 0;
  }
}
