/*
Item Name : Mega Menu Reloaded
Item URI : http://codecanyon.net/item/mega-menu-reloaded/1593152
Author URI : http://codecanyon.net/user/Pixelworkshop/
Version : 1.41
*/

/*

TABLE OF CONTENTS

01 MENU BAR
   1. Mega Menu Bar
   2. Mega Menu Trigger Button
   3. Mega Menu Carousel Buttons
02 DROP DOWN CONTAINER
03 DROP DOWN SCROLLBARS
04 COLUMNS GRID
05 CONTENT & TYPOGRAPHY
   1. Basic Typography
   2. Lists
   3. Paragraphs with Icons
   4. Paragraphs with borders
   5. Tables
   6. Inline Images
06 DROP DOWN TABS
07 CONTACT FORM
08 MOBILE DEVICES

*/




/*  _______________________________________

    01 MENU BAR
    _______________________________________  */




/* 1. Mega Menu Bar */

.megamenu_container {
	float:right;
	position:relative;
	z-index:2;
}

.megamenu {
	text-transform:uppercase;
/* 	margin:-18px 0 0 0; */
}
	.megamenu > li {
		display:inline-block;
        float: left;
		border:none;
		margin:0;
		background-color:transparent;
		margin:2px 12px 0;
		font-family:'RobotoBold', Arial, sans-serif;
        padding-bottom: 10px;
	}
	.megamenu_fixed .megamenu > li {
		padding:0;
	}
		.megamenu > li:hover {
/* 			background-color:#fff; */
			color:#222;
		}
		.megamenu > li.active,
		.megamenu > li.active:hover {
/* 			background-color:#fff; */
			color:#222;
		}
		.megamenu > li.active span { color: inherit; }
		.megamenu_container .megamenu > li:first-child {
			border-left:none;
		}
		.megamenu_fixed .megamenu > li:first-child,
		.megamenu_carousel .megamenu > li:first-child {
			border-left:none;
		}
		.megamenu > li:last-child {
		}
		.megamenu > li a {
			text-decoration:none;
			color:#3272b3;
		}
			.megamenu > li a:hover {
				color:#222;
			}
		.megamenu > li span a {
			color:#3272b3;
		}
		.megamenu > li a:focus {
			outline:none;
		}
		.megamenu > li .drop,
		.megamenu > li .nodrop {
			text-transform:uppercase;
			outline:0;
			text-decoration:none;
			color:#3272b3;
			font-size:14px;
		}
		.megamenu > li .drop {
			background:url("../images/down.png") no-repeat right 4px;
			padding:0 22px 0 0;
			-webkit-transition: all 250ms ease-in-out;
			-moz-transition: all 250ms ease-in-out;
			-o-transition: all 250ms ease-in-out;
			-ms-transition: all 250ms ease-in-out;
			transition: all 250ms ease-in-out;
		}
		.megamenu > li .nodrop {
/* 			padding:14px 0 20px 0; */
		}
		.megamenu > li .drop:hover,
		.megamenu > li .nodrop:hover {
			cursor:pointer;
			color:#222;
		}

/* 2. Mega Menu Trigger Button */

#megamenu_trigger {
	position: fixed;
	z-index:2;
	margin:0 auto;
	left:50%;
	margin-left:510px;
	top: 0;
	width:35px;
	height:46px;
	background:url("../img/button_up.png") right no-repeat #121212;
	display: block;
    -webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
#megamenu_trigger.active {
	background:url("../img/button_down.png") right no-repeat #121212;
}



/*  _______________________________________

    02 DROP DOWN CONTAINER
    _______________________________________  */




.megamenu > li .megamenu_fullwidth {
	position:absolute;
	top:100%;
	left:-9999em;
	z-index:9998;
	float:left;
	width: 100%;
	margin:0 0 40px 0;
	padding:18px 0;
	background:#3673b2;
}
.megamenu_push .megamenu > li .megamenu_fullwidth {
	position:relative;
	top:5px;
}
.megamenu > li:hover .megamenu_fullwidth {
	left:0;
}


/*  _______________________________________

    05 CONTENT & TYPOGRAPHY
    _______________________________________  */

.megamenu .col_12 {}

.megamenu .col_12 ul {
	padding:0 20px;
	font-family:'RobotoMedium', Arial, sans-serif;
}

.megamenu .col_12 ul li {
	font-size:14px;
	padding:0 5px 10px 50px;
	border-bottom:1px dotted #6e95bf;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
	background-repeat:no-repeat;
	background-position:10px 13px;
}

.megamenu .col_12 ul li:hover {
	background-color:#30669e;
}

.megamenu .col_12 ul li img {
	width:26px;
	height:26px;
	margin:0 15px 0 -42px;
	position:relative;
	top:17px;
}

.megamenu .col_12 ul li a {
	text-transform:none;
	color:#fff;
}

.megamenu .col_12 ul li a:hover {
	color:#f7ff26;
}

.megamenu .col_12 ul li .description {
	text-transform:none;
	padding:2px 0 0 0;
	color:#a2ccf7;
	font-family:'CartoGothicStdBook', Arial, sans-serif;
	font-size:12px;
	line-height:18px;
}

.megamenu .col_12 ul li .description a {
	margin:0 0 0 5px;
	font-family:'RobotoMedium', Arial, sans-serif;
}

.megamenu .col_12 ul li.level-1 {
	background-image:url(../images/icon_l1.png);
}

.megamenu .col_12 ul li.level-2 {
	background-image:url(../images/icon_l2.png);
}

.megamenu .col_12 ul li.level-3 {
	background-image:url(../images/icon_l3.png);
}

.megamenu .col_12 ul li.level-4 {
	background-image:url(../images/icon_l4.png);
}

.megamenu .col_12 ul li.level-5 {
	background-image:url(../images/icon_l5.png);
}

.megamenu .col_12 ul li.level-6 {
	background-image:url(../images/icon_l6.png);
}

.megamenu .col_12 ul li.level-7 {
	background-image:url(../images/icon_l7.png);
}

.megamenu .col_12 ul li.level-8 {
	background-image:url(../images/icon_l8.png);
}

.megamenu .col_12 ul li.level-9 {
	background-image:url(../images/icon_l9.png);
}

.megamenu .col_12 ul li.level-10 {
	background-image:url(../images/icon_l9.png);
}

.megamenu .col_12 ul li.level-11 {
	background-image:url(../images/icon_l9.png);
}

.megamenu .col_12 ul li.level-12 {
	background-image:url(../images/icon_l9.png);
}

.megamenu .col_12 ul li.level-13 {
	background-image:url(../images/icon_l10.png);
}

.megamenu .col_12 ul li.level-14 {
	background-image:url(../images/icon_l11.png);
}

.megamenu .col_12 ul li.level-15 {
	background-image:url(../images/icon_l12.png);
}

.megamenu .col_12 ul li.level-16 {
	background-image:url(../images/icon_l13.png);
}

.megamenu .col_12 ul li.level-17 {
	background-image:url(../images/icon_l14.png);
}

.megamenu .col_12 ul li.level-18 {
	background-image:url(../images/icon_l15.png);
}





/*  _______________________________________

    08 MOBILE DEVICES
    _______________________________________  */


@media (min-width: 1070px) and (max-width: 1350px) {

.megamenu > li {
font-family:'RobotoCondensed', Arial, sans-serif;
}

.megamenu > li .drop,
.megamenu > li .nodrop {
font-size:14px;
}

}

@media (min-width: 790px) and (max-width: 1070px) {


.megamenu > li {
font-family:'RobotoCondensed', Arial, sans-serif;
margin:0 0 0 6px;
}

.megamenu > li .drop,
.megamenu > li .nodrop {
font-size:14px;
}

.megamenu > li .megamenu_fullwidth {
/* 	top:15px; */
}
}

@media (min-width: 520px) and (max-width: 790px) {

.megamenu_container {
	background-color:#e5e5e5;
	margin:22px 0 0 0;
	height:auto;
}

.megamenu {
	margin:15px 0 0 0;
    overflow: hidden;
    padding-bottom: 15px;
}

.megamenu > li {
	font-family:'RobotoRegular', Arial, sans-serif;
}

.megamenu > li:hover {
	background-color:#e5e5e5;
}
.megamenu > li.active,
.megamenu > li.active:hover {
	background-color:#e5e5e5;
}

.megamenu > li .drop,
.megamenu > li .nodrop {
	text-transform:none;
	font-size:14px;
    white-space: nowrap;
}

.megamenu > li .nodrop {
	position:relative;
/* 	top:10px; */
}

.megamenu > li .megamenu_fullwidth {
	top:100%;
	width: 100%;
	margin:0 0 40px 0;
}
.megamenu > li:hover .megamenu_fullwidth {
}

}


@media (min-width: 100px) and (max-width: 520px) {

.megamenu_container {
	background-color:#dcdcdc;
	margin:15px 0 0 0;
/* 	height:150px; */
	width:220px;
	float:left;
}

.megamenu {
	margin:15px 0 0;
    padding: 0 0 15px 0;
    overflow: hidden;
}

.megamenu > li {
/* 	font-family:'RobotoRegular', Arial, sans-serif; */
/* 	display:block; */
/* 	height:20px; */
}

.megamenu > li:hover {
/* 	background-color:#e5e5e5; */
}
.megamenu > li.active,
.megamenu > li.active:hover {
/* 	background-color:#e5e5e5; */
}

.megamenu > li .drop,
.megamenu > li .nodrop {
/* 	text-transform:none; */
/* 	font-size:12px; */
}

.megamenu > li .nodrop {
/* 	position:relative; */
/* 	top:0px; */
}

.megamenu > li .megamenu_fullwidth {
/* 	top:151px; */
/* 	width: 98%; */
/* 	margin:0 0 40px 5px; */
}
.megamenu > li:hover .megamenu_fullwidth {
}

}