/*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:auto;padding:0;margin:1px 0;position:relative;float:left;list-style:none;/*background:#f0f0f0;*/}
.jetmenu li{display:inline-block;float:left;}
.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:15px 25px;font-family:'Open Sans', sans-serif;font-size:17px;color:#FFF;text-decoration:none;display:inline-block;border-right:1px solid #eee;}
.jetmenu > li:last-child > a{border-right:none;}
.jetmenu > li:hover > a{background:rgba(255,255,255,0.25);color:#FFF!important;}
.jetmenu > li.active > a{background:rgba(255,255,255,0.95);color:#036!important;}
/* DROPDOWN CONFIGURATION*/
.jetmenu ul.dropdown, .jetmenu ul.dropdown li ul.dropdown{list-style:none;margin:0;padding:0;display:none;position:absolute;z-index:99;min-width:144px;background:#EEE;}
.jetmenu ul.dropdown{top:51px;}
.jetmenu ul.dropdown li ul.dropdown{left:100%;top:inherit;min-width:205px;}
.jetmenu ul.dropdown li{clear:both;display:block;width:100%;font-size:14px;border-bottom:1px solid #AAA!important;}
.jetmenu ul.dropdown li:last-child{border-bottom:none!important;}
.jetmenu ul.dropdown li a{width:100%;padding:12px 24px;display:inline-block;float:left;clear:both;font-family:'Open Sans', sans-serif;text-decoration:none;color:#444;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.jetmenu ul.dropdown li:hover > a{color:#FFF;background:#036;}
/* dropdowns to left side */
.jetmenu ul.dropdown li ul.dropdown.left{left:auto;right:100%;}
/* SUBMENU INDICATORS*/
.jetmenu .indicator{position:relative;left:5px;top:0;font-size:14px;float:right;}
.jetmenu ul li .indicator{font-size:12px;top:1px;left:10px;}
/* MEGAMENU*/
.jetmenu > li > .megamenu{position:absolute;display:none;background:#f0f0f0;width:25%;top:60px;font-family:'Open Sans', sans-serif;font-size:12px;color:#183248;z-index:99;padding:20px 30px 20px;border-top:1px solid #000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/* megamenu list */
.jetmenu li > .megamenu ul{margin:0 0 20px 0;float:left;padding:0;display:block;	position:relative;}
.jetmenu li > .megamenu ul li{width:100%;padding:4px 0;}
.jetmenu li > .megamenu ul li.title{margin:0 0 8px;padding:0 0 5px;font-size:14px;border-bottom:solid 1px #666;}
/* megamenu h5 */
.jetmenu li > .megamenu h5{width:100%;margin:0;padding:0;}
/* megamenu links */
.jetmenu li > .megamenu a{color:#183248;text-decoration:none;font-size:12px;-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{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 FORM CONFIGURATION*/
.jetmenu li > .megamenu form{width:100%;}
/* megamenu inputs */
.jetmenu li > .megamenu form input[type="text"], .jetmenu li > .megamenu form textarea{padding:5px;color:#183248;background:#444;font-family:'Open Sans', sans-serif;font-size:14px;border:solid 1px transparent;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border 0.3s linear;-moz-transition:border 0.3s linear;-o-transition:border 0.3s linear;transition:border 0.3s linear;}
.jetmenu li > .megamenu form input[type="text"]:focus, .jetmenu li > .megamenu form textarea:focus{border-color:#e41e43;}
.jetmenu li > .megamenu form input[type="text"]{width:100%;margin-top:10px;}
.jetmenu li > .megamenu form textarea{width:100%;margin-top:10px;}
.jetmenu li > .megamenu form input[type="submit"]{width:25%;float:right;height:30px;margin-top:10px;border:none;cursor:pointer;background:#444;color:#777;font-family:'Open Sans', sans-serif;-webkit-transition:background 0.3s linear;-moz-transition:background 0.3s linear;-o-transition:background 0.3s linear;transition:background 0.3s linear;}
.jetmenu li > .megamenu form input[type="submit"]:hover{background:#e41e43;color:#eee;}
/* 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;}
/* COLLAPSIBLE MENU*/
.jetmenu > li.showhide{display:none;padding:5px 0 5px 20px;width:210px;height:54px;cursor:pointer;}
.jetmenu > li.showhide:hover{background:#b01e23;color:#eee;}
.jetmenu > li.showhide span.title{margin:13px 0 0 30px;font-size:1.5em;font-family:'Open Sans', sans-serif;float:left;}
.jetmenu > li.showhide span.icon{margin:23px 20px;float:none;}
.jetmenu > li.showhide .icon em{margin-bottom:3px;display:block;width:24px;height:2px;background:#eee;}
/* STYLES*/
/* black */
.black > li:hover > a, .black > li.active > a{background:#111111;color:#fff;}
.black ul.dropdown li:hover > a{background:#111111;color:#fff;}
.black li > .megamenu form input[type="text"]:focus, .black li > .megamenu form textarea:focus{border-color:#111111;}
.black li > .megamenu form input[type="submit"]:hover{background:#111111;color:#fff;}
.black li > .megamenu a:hover{color:#dedede;}
/* grey */
.grey > li:hover > a, .grey > li.active > a{background:#82837E;	color:#fff;}
.grey ul.dropdown li:hover > a{background:#82837E;color:#fff;}
.grey li > .megamenu form input[type="text"]:focus, .grey li > .megamenu form textarea:focus{border-color:#82837E;}
.grey li > .megamenu form input[type="submit"]:hover{background:#82837E;color:#fff;}
.grey li > .megamenu a:hover{color:#dedede;}
/* blue */
.blue > li:hover > a, .blue > li.active > a{background:#02b8fa;color:#fff;}
.blue ul.dropdown li:hover > a{background:#02b8fa;color:#fff;}
.blue li > .megamenu form input[type="text"]:focus, .blue li > .megamenu form textarea:focus{border-color:#02b8fa;}
.blue li > .megamenu form input[type="submit"]:hover{background:#02b8fa;color:#fff;}
.blue li > .megamenu a:hover{color:#02b8fa;}
/* deeper */
.deeper > li:hover > a, .deeper > li.active > a{	background:#008C9E;color:#fff;}
.deeper ul.dropdown li:hover > a{background:#008C9E;color:#fff;}
.deeper li > .megamenu form input[type="text"]:focus, .deeper li > .megamenu form textarea:focus{border-color:#008C9E;}
.deeper li > .megamenu form input[type="submit"]:hover{background:#008C9E;color:#fff;}
.deeper li > .megamenu a:hover{color:#008C9E;}
/* green */
.green > li:hover > a, .green > li.active > a{background:#88c425;color:#fff;}
.green ul.dropdown li:hover > a{background:#88c425;color:#fff;}
.green li > .megamenu form input[type="text"]:focus, .green li > .megamenu form textarea:focus{border-color:#88c425;}
.green li > .megamenu form input[type="submit"]:hover{background:#88c425;color:#fff;}
.green li > .megamenu a:hover{color:#88c425;}
/* emerald */
.emerald > li:hover > a, .emerald > li.active > a{background:#2ecc71;color:#fff;}
.emerald ul.dropdown li:hover > a{background:#2ecc71;color:#fff;}
.emerald li > .megamenu form input[type="text"]:focus, .emerald li > .megamenu form textarea:focus{border-color:#2ecc71;}
.emerald li > .megamenu form input[type="submit"]:hover{background:#2ecc71;color:#fff;}
.emerald li > .megamenu a:hover{color:#2ecc71;}
/* red */
.red > li:hover > a, .red > li.active > a{background:#C21A01;color:#fff;}
.red ul.dropdown li:hover > a{background:#C21A01;color:#fff;}
.red li > .megamenu form input[type="text"]:focus, .red li > .megamenu form textarea:focus{border-color:#C21A01;}
.red li > .megamenu form input[type="submit"]:hover{background:#C21A01;color:#fff;}
.red li > .megamenu a:hover{color:#C21A01;}
/* pox */
.pox > li:hover > a, .pox > li.active > a{background:#FA023C;color:#fff;}
.pox ul.dropdown li:hover > a{background:#FA023C;color:#fff;}
.pox li > .megamenu form input[type="text"]:focus, .pox li > .megamenu form textarea:focus{border-color:#FA023C;}
.pox li > .megamenu form input[type="submit"]:hover{background:#FA023C;color:#fff;}
.pox li > .megamenu a:hover{color:#FA023C;}
/* orange */
.orange > li:hover > a, .orange > li.active > a{background:#ff670f;color:#fff;}
.orange ul.dropdown li:hover > a{background:#ff670f;color:#fff;}
.orange li > .megamenu form input[type="text"]:focus, .orange li > .megamenu form textarea:focus{border-color:#ff670f;}
.orange li > .megamenu form input[type="submit"]:hover{background:#ff670f;color:#fff;}
.orange li > .megamenu a:hover{color:#ff670f;}
/* sunburst */
.sunburst > li:hover > a, .sunburst > li.active > a{background:#D46D22;color:#fff;}
.sunburst ul.dropdown li:hover > a{background:#D46D22;color:#fff;}
.sunburst li > .megamenu form input[type="text"]:focus, .sunburst li > .megamenu form textarea:focus{border-color:#D46D22;}
.sunburst li > .megamenu form input[type="submit"]:hover{background:#D46D22;color:#fff;}
.sunburst li > .megamenu a:hover{color:#D46D22;}
/* yellow */
.yellow > li:hover > a, .yellow > li.active > a{background:#febf01;color:#222;}
.yellow ul.dropdown li:hover > a{background:#febf01;color:#222;}
.yellow li > .megamenu form input[type="text"]:focus, .yellow li > .megamenu form textarea:focus{border-color:#febf01;}
.yellow li > .megamenu form input[type="submit"]:hover{background:#febf01;color:#222;}
.yellow li > .megamenu a:hover{color:#febf01;}
/* purple */
.purple > li:hover > a, .purple > li.active > a{background:#a849a3;color:#fff;}
.purple ul.dropdown li:hover > a{background:#a849a3;color:#fff;}
.purple li > .megamenu form input[type="text"]:focus, .purple li > .megamenu form textarea:focus{border-color:#a849a3;}
.purple li > .megamenu form input[type="submit"]:hover{background:#a849a3;color:#fff;}
.purple li > .megamenu a:hover{color:#a849a3;}
/* pink */
.pink > li:hover > a, .pink > li.active > a{background:#F56991;color:#fff;}
.pink ul.dropdown li:hover > a{background:#F56991;color:#fff;}
.pink li > .megamenu form input[type="text"]:focus, .pink li > .megamenu form textarea:focus{border-color:#F56991;}
.pink li > .megamenu form input[type="submit"]:hover{background:#F56991;color:#fff;}
.pink li > .megamenu a:hover{color:#F56991;}
/* RESPONSIVE LAYOUT*/
@media (max-width:1000px){
	.jetmenu > li > a{font-size:15px;}
}
@media (max-width:900px){
.jetmenu > li{display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.jetmenu > li > a{padding:15px 25px;}
.jetmenu > li.active > a {color: #FFF!important;}
.jetmenu a{width:100%;background:#f0f0f0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.jetmenu ul.dropdown, .jetmenu 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{background:#fff !important;border:none;}
.jetmenu 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;}
.jetmenu > li > ul.dropdown > li > a{padding-left:40px !important;background-color:ghostwhite;}
.jetmenu > li > ul.dropdown > li > ul.dropdown > li > a{padding-left:60px !important;}
.jetmenu > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a{padding-left:80px !important;}
.jetmenu ul.dropdown li > ul.dropdown li a{color:#222 !important;}
.jetmenu ul.dropdown li > ul.dropdown li:hover a{color:#eee !important;}
.jetmenu > li > .megamenu{width:100% !important;left:0 !important;}
.jetmenu ul.dropdown{top:45px;}
}