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


/* MENU CONFIGURATION
**********************************************************/
.jetmenu{
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	float: left;
	list-style: none;
	margin-top:10px;

}
.jetmenu > li{
	display: inline-block;
	float: left;
	padding-right:22px; 
	background:url(../images/menu_divider_page.png) no-repeat right 25px;
	margin-right:10px; 
}
.jetmenu > li:last-child { margin-right:0px; padding-right:0px; background:none; float:right}
.jetmenu 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{
	padding: 20px 11px 20px 11px;
	font-size: 18px;
	 font-weight: bolder;
	color: #484848;
	text-decoration: none;
	display: inline-block;
}
.jetmenu > li:hover > a,
.jetmenu > li.open > a{
	background: #fff;
	color: #ec3800;
	-webkit-box-shadow: 0 0 5px 0 rgba(2,2,2,0.3);
box-shadow: 0 0 5px 0 rgba(2,2,2,0.3);
z-index:100;
position:relative;

}
.jetmenu > li > a.open:after { content:''; width:100%; height:10px; bottom:-5px; position:absolute; left:0px; z-index:110; display:block; background:#fff; }
/* DROPDOWN CONFIGURATION
**********************************************************/
.jetmenu ul.dropdown, 
.jetmenu ul.dropdown li ul.dropdown {
	list-style: none;
    margin: 0;
    padding: 0px;   
	display: none;
    position: absolute;
    z-index: 99;
	min-width: 134px;
	background: #fff;
}
.jetmenu ul.dropdown{
    top: 65px;
}
.jetmenu ul.dropdown li ul.dropdown{
    left: 100%;
	top: inherit;
}
.jetmenu ul.dropdown li{
	clear:both;
	width:100%;
	font-size: 12px;
}
.jetmenu ul.dropdown li a{
	width:100%;
	padding: 12px 24px 12px;
	display:inline-block;
	float:left;
	clear:both;
	text-decoration: none;
	color: #999;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}
.jetmenu ul.dropdown li:hover > a{
	background: #e0e0e0;
	color: #555;
}

/* dropdowns to left side */
.jetmenu ul.dropdown li ul.dropdown.left{
    left: auto;
	right: 100%;
}

/* SUBMENU INDICATORS
**********************************************************/
.jetmenu .indicator{
	
	display:none;
}
.jetmenu ul li .indicator{
	font-size: 12px;
	top: 1px;
	left: 10px;
}

/* MEGAMENU
**********************************************************/
.jetmenu > li > .megamenu{
	position: absolute;
	display: none;
	background: #fff;
	width: 25%;
	top: 60px;
	font-size: 14px;
	color: #999;
	z-index: 99;
	padding: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 5px 0 rgba(2,2,2,0.3);
box-shadow: 0 0 5px 0 rgba(2,2,2,0.3);
}

/* megamenu list */
.jetmenu li > .megamenu ul{
	margin: 0 0 0px 0;
	float: left;
	padding: 0;
	display: block;
	position: relative;
}
.jetmenu li > .megamenu ul li{
	width: 100%;
	padding:  0;
}
.jetmenu li > .megamenu ul li:last-child {
	margin-bottom:0px;
}


.jetmenu li > .megamenu ul li.title{
	margin: 0 0 8px;
	padding: 0 0 5px;
	font-size: 14px;

}

.megamenu h3 {
	margin-bottom: 25px;
	font-size: 18px;
	line-height: 1;
	color: #000;
}
.megamenu ul {
}

.jetmenu li > .megamenu ul li {
	padding: 0px
}
.megamenu .col3 li {
	padding: 0px;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
}

.megamenu .col3 li a {
	color: #151515;
	font-size: 14px;
	line-height: 24px;
	padding-left: 20px !important;
	display:block;

}
.megamenu .col3 li a:hover {
	
}


.jetmenu li.current:nth-child(1) > a, .jetmenu li:nth-child(1) > a.open  { color:#ec3800}
.jetmenu li.current:nth-child(2) > a , .jetmenu li:nth-child(2) > a.open{ color:#ff8a00}
.jetmenu li.current:nth-child(3) > a, .jetmenu li:nth-child(3) > a.open { color:#77a640}
.jetmenu li.current:nth-child(4) > a, .jetmenu li:nth-child(4) > a.open { color:#0071da}
.jetmenu li.current:nth-child(5) > a, .jetmenu li:nth-child(5) > a.open { color:#ffba00}
.jetmenu li.current:nth-child(6) > a, .jetmenu li:nth-child(6) > a.open { color:#a356d9}




.jetmenu li:nth-child(1) .megamenu .col3 li a:hover {color:#ec3800}
.jetmenu li:nth-child(2) .megamenu .col3 li a:hover {color:#ff8a00}
.jetmenu li:nth-child(3) .megamenu .col3 li a:hover {color:#77a640}
.jetmenu li:nth-child(4) .megamenu .col3 li a:hover {color:#0071da}
.jetmenu li:nth-child(5) .megamenu .col3 li a:hover {color:#ffba00}
.jetmenu li:nth-child(6) .megamenu .col3 li a:hover {color:#a356d9}


.jetmenu li:nth-child(1) .megamenu .col3 li a,.jetmenu li:nth-child(1) .megamenu .col3 li.active span  { background:url(../images/list-romb.png) no-repeat left 5px; }
.jetmenu li:nth-child(2) .megamenu .col3 li a,.jetmenu li:nth-child(2) .megamenu .col3 li.active span{ background: url(../images/list-romb_org.png) no-repeat left 5px; }
.jetmenu li:nth-child(3) .megamenu .col3 li a,.jetmenu li:nth-child(3) .megamenu .col3 li.active span{ background: url(../images/list-romb_green.png) no-repeat left 5px; }
.jetmenu li:nth-child(4) .megamenu .col3 li a,.jetmenu li:nth-child(4) .megamenu .col3 li.active span{ background: url(../images/list-romb_blue.png) no-repeat left 5px; }
.jetmenu li:nth-child(5) .megamenu .col3 li a,.jetmenu li:nth-child(5) .megamenu .col3 li.active span{ background: url(../images/list-romb_yellow.png) no-repeat left 5px; }
.jetmenu li:nth-child(6) .megamenu .col3 li a,.jetmenu li:nth-child(6) .megamenu .col3 li.active span{ background: url(../images/list-romb_purple.png) no-repeat left 5px; }

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

/* megamenu links */
.jetmenu li > .megamenu a {
	color: #151515;
	text-decoration: none;
	font-size: 14px;
	-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.current li.active span { color:#000;font-family: 'PFAgoraSlabPro-Bold'; font-size: 14px;color: #151515;padding-left: 20px !important;
	display:block; } 

.jetmenu li > .megamenu a:hover{
	color: #dedede;
}

/* megamenu images */
.jetmenu  .megamenu img{
	width: 100%;
	-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{
	right: 0;
}

/* MEGAMENU WIDTHS
**********************************************************/
.jetmenu > li > .megamenu.half-width{
	width: 50%;
}
.jetmenu > 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%;
}

/* RIGHT ALIGNMENT (MENU ITEM)
**********************************************************/
.jetmenu > li.right{
	float: right;
}
.jetmenu > li.right > .megamenu,
.jetmenu > li.right > .megamenu.half-width,
.jetmenu > li.right > .dropdown{
	right: 0;
}

/* to fix right attribute on submenus (menu aligned to right) */
.jetmenu > li.jsright{
	float: right;
}
.jetmenu > li.jsright.last > .megamenu,
.jetmenu > li.jsright.last > .megamenu.half-width,
.jetmenu > li.jsright.last > .dropdown{
	right: 0;
}

/* ICONS (FONT AWESOME)
**********************************************************/
.jetmenu > li > a > i{
	line-height: 23px !important;
	margin-right: 6px;
	font-size: 18px;
	float: left;
}