/*
NAME: Jet Responsive Megamenu 
AUTHOR PAGE: http://codecanyon.net/user/marcoarib
ITEM PAGE: http://codecanyon.net/item/jet-responsive-megamenu/5719593
*/

/* MENU CONFIGURATION
**********************************************************/
.jetmenu, 
.jetmenu1, 
.jetmenu2,
.globalMenu  {
    width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	float: left;
}

.jetmenu li, 
.jetmenu1 li, 
.jetmenu2 li,
.globalMenu li  {
	display: inline-block;
	float: left;
}

.jetmenu a, 
.jetmenu1 a, 
.jetmenu2 a,
.globalMenu a {
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	outline: none;
	z-index: 10;
}

.jetmenu > li > a, 
.jetmenu1 > li > a,
.jetmenu2 > li > a,
.globalMenu > li > a    {
	padding: 20px 24px;
	text-decoration: none;
	display: inline-block;
     border:none;
}

.jetmenu > li:hover > a,
.jetmenu > li.active > a,
.jetmenu1 > li:hover > a,
.jetmenu1 > li.active > a,
.jetmenu2 > li:hover > a,
.jetmenu2 > li.active > a,
.globalMenu > li:hover > a,
.globalMenu > li.active > a   {
}


/* MEGAMENU
**********************************************************/
.jetmenu > li > .megamenu,
.jetmenu1 > li > .megamenu,
.jetmenu2 > li > .megamenu  {
	position: absolute;
	display: none;
	width: 25%;
	top: 57px;
	z-index: 99;
	padding: 20px 30px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* megamenu list */
.jetmenu li > .megamenu ul,
.jetmenu1 li > .megamenu ul,
.jetmenu2 li > .megamenu ul {
	margin: 0 0 20px 0;
	float: left;
	padding: 0;
	display: block;
	position: relative;
}
.jetmenu li > .megamenu ul li,
.jetmenu1 li > .megamenu ul li,
.jetmenu2 li > .megamenu ul li {
	width: 100%;
	padding: 4px 0;
}
.jetmenu li > .megamenu ul li.title,
.jetmenu1 li > .megamenu ul li.title,
.jetmenu2 li > .megamenu ul li.title {
	margin: 0 0 8px;
	padding: 0 0 5px;
}

/* megamenu h5 */
.jetmenu li > .megamenu h5,
.jetmenu1 li > .megamenu h5,
.jetmenu2 li > .megamenu h5 {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* megamenu links */
.jetmenu li > .megamenu a,
.jetmenu1 li > .megamenu a,
.jetmenu2 li > .megamenu a {
	text-decoration: none;
	-webkit-transition: color 0.3s linear; 
	-moz-transition: color 0.3s linear; 
	-o-transition: color 0.3s linear; 
	transition: color 0.3s linear; 
}

.jetmenu li > .megamenu a:hover,
.jetmenu1 li > .megamenu a:hover,
.jetmenu2 li > .megamenu a:hover {
     
}

/* megamenu images */
.jetmenu  .megamenu img,
.jetmenu1  .megamenu img,
.jetmenu2  .megamenu img {
	-webkit-transition: border 0.3s linear; 
	-moz-transition: border 0.3s linear;
	-o-transition: border 0.3s linear;
	transition: border 0.3s linear;
}

/* to fix right attribute on submenus (menu aligned to left (default)) */
.jetmenu > li.fix-sub > .megamenu,
.jetmenu > li.fix-sub > .megamenu.half-width,
.jetmenu > li.fix-sub > .dropdown,
.jetmenu1 > li.fix-sub > .megamenu,
.jetmenu1 > li.fix-sub > .megamenu.half-width,
.jetmenu1 > li.fix-sub > .dropdown,
.jetmenu2 > li.fix-sub > .megamenu,
.jetmenu2 > li.fix-sub > .megamenu.half-width,
.jetmenu2 > li.fix-sub > .dropdown {
	right: 0;
}

/* MEGAMENU WIDTHS
**********************************************************/
.jetmenu > li > .megamenu.half-width,
.jetmenu1 > li > .megamenu.half-width,
.jetmenu2 > li > .megamenu.half-width {
	width: 50%;
}

.jetmenu > li > .megamenu.full-width,
.jetmenu1 > li > .megamenu.full-width,
.jetmenu2 > li > .megamenu.full-width {
	width: 100%;
	left: 0;
}


/* MEGAMENU GRID SYSTEM
**********************************************************/
.megamenu .row {
	width: 100%;
	margin-top: 15px;
}
.megamenu .row:first-child  {
	margin-top: 0;
}
.megamenu .row:before,
.megamenu .row:after  {
	display: table;
	content: "";
	line-height: 0;
}
.megamenu .row:after  {
	clear: both;
}
.megamenu .row .col1,
.megamenu .row .col2,
.megamenu .row .col3,
.megamenu .row .col4,
.megamenu .row .col5,
.megamenu .row .col6 {
	display: block;
	width: 100%;
	min-height: 20px;
	float: left;
	margin-left: 2.127659574468085%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.megamenu .row [class*="col"]:first-child  {
	margin-left: 0;
}
.megamenu .row .col1 {
	width: 14.893617021276595%;
}
.megamenu .row .col2 {
	width: 31.914893617021278%;
}
.megamenu .row .col3 {
	width: 48.93617021276595%;
}
.megamenu .row .col4 {
	width: 65.95744680851064%;
}
.megamenu .row .col5 {
	width: 82.97872340425532%;
}
.megamenu .row .col6 {
	width: 100%;
}


/* COLLAPSIBLE MENU
**********************************************************/
.jetmenu > li.showhide, 
.jetmenu1 > li.showhide,
.jetmenu2 > li.showhide {
	display: none;
	width: 100%;
	height: 54px;
	cursor: pointer;
     padding: -15px 0 0 0;
}


.jetmenu1 > li.showhide {
     color:#ffffff;
}

.jetmenu2 > li.showhide {
     color:#ffffff;
}

.jetmenu > li.showhide span.title, 
.jetmenu1 > li.showhide span.title,
.jetmenu2 > li.showhide span.title {
	margin: 15px 0 15px 25px;
	float: left;
     font-weight:bold;
}

.jetmenu > li.showhide span.icon, 
.jetmenu1 > li.showhide span.icon,
.jetmenu2 > li.showhide span.icon {
	margin: 17px 20px;
	float: right;
}

.jetmenu > li.showhide .icon em, 
.jetmenu1 > li.showhide .icon em,
.jetmenu2 > li.showhide .icon em {
	margin-bottom: 6px;
	display: block;
	width: 30px;
	height: 3px;
	background: #fff;
}


/* RESPONSIVE LAYOUT
**********************************************************/
@media (max-width: 767px)  {

.jetmenu > li, 
.jetmenu1 > li,
.jetmenu2 > li {
	display: block;
     width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}

.jetmenu > li > a, 
.jetmenu1 > li > a,
.jetmenu2 > li > a {
	padding: 15px 25px;
}

.jetmenu a, 
.jetmenu1 a,
.jetmenu2 a {
	width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
}
     
.jetmenu ul.dropdown, 
.jetmenu ul.dropdown li ul.dropdown,
.jetmenu1 ul.dropdown, 
.jetmenu1 ul.dropdown li ul.dropdown,
.jetmenu2 ul.dropdown, 
.jetmenu2 ul.dropdown li ul.dropdown {
	width: 100% !important;
	left: 0;
	position: static !important;
	border: none;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
}

.jetmenu ul.dropdown li,
.jetmenu1 ul.dropdown li,
.jetmenu2 ul.dropdown li   {
	background: #fff !important;
	border: none;
}

.jetmenu ul.dropdown > li > a,
.jetmenu1 ul.dropdown > li > a,
.jetmenu2 ul.dropdown > li > a {
	padding-left: 40px !important;
}

.jetmenu > li > .megamenu {
	width: 100% !important;
	position: static;
	border-top: none;
}

.jetmenu > li > .megamenu .row [class*="col"] {
	float: none;
	display: block;
	width: 100% !important;
	margin-left: 0;
	margin-top: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.jetmenu > li > .megamenu .row:first-child  [class*="col"]:first-child  {
	margin-top: 0;
}

.jetmenu > li > .megamenu .row {
	margin-top: 0;
}
	
}

@media (min-width: 768px) and (max-width: 900px)  {
	.jetmenu > li > .megamenu {
		width: 100% !important;
		left: 0 !important;
	}
}