/*
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

00 PAGE STYLING (REMOVABLE)
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 {
	width:979px;
	height:57px;
	margin:0 auto;
	position:absolute;
	left:0;bottom:0;
	z-index:2000;
	background-image:url("nav.jpg")/*tpa=http://ec-tlt.ru/img/nav.jpg*/;
	background-repeat: repeat-x;
	background-color: #3d3d3d;

	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;	

	-webkit-box-shadow: 0 0px 2px #5b5a5a;
	-moz-box-shadow: 0 0px 2px #5b5a5a;
	-o-box-shadow: 0 0px 2px #5b5a5a;
	box-shadow: 0 0px 2px #5b5a5a;

	text-align:center;
}
.megamenu {

	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	list-style:none;
	padding:0;
	margin:0 0 0 20px;
	}
	.megamenu > li {
		position:relative;
		z-index:1;
		float:left;
		border:none;
		margin:0;
		padding-right:2px;
		background-image:url(dot.png)/*tpa=http://ec-tlt.ru/img/dot.png*/;
		background-position:right center;
		background-repeat: no-repeat;

		background-color:transparent;
		/*padding: 14px 0 15px 10px;*/
		-webkit-transition: background-color 0.4s ease-out;
		-moz-transition: background-color 0.4s ease-out;
		-o-transition: background-color 0.4s ease-out;
		-ms-transition: background-color 0.4s ease-out;
		transition: background-color 0.4s ease-out;
	}
	.megamenu >li >span {
		display:inline-block;
		margin-right:5px;
		}
	.megamenu_fixed .megamenu > li {
		padding: 15px 0 15px 10px;
	}
		.megamenu > li:hover {
			/*background-color:#202020;*/
		}
		.megamenu > li.active,
		.megamenu > li.active:hover {
		}
		.megamenu_container .megamenu > li:first-child {
			-webkit-border-radius:3px 0 0 3px;
			-moz-border-radius:3px 0 0 3px;
			border-radius:3px 0 0 3px;	
			border-left:none;
		}
		.megamenu_fixed .megamenu > li:first-child,
		.megamenu_carousel .megamenu > li:first-child {
			-webkit-border-radius:0 0 0 3px;
			-moz-border-radius:0 0 0 3px;
			border-radius:0 0 0 3px;	
			border-left:none;
		}
		.megamenu > li:last-child {
			background-image:none;
		}
		.megamenu > li a {
			text-decoration:none;
			color:#bbbbbb;
		}
		.megamenu > li span a {
			color:#000;
		}
		.megamenu > li a:focus {
			outline:none;
		}
		.megamenu > li .drop,
		.megamenu > li .nodrop >a {
			display:inline-block;
			padding:0 13px;

			font-family: 'Novecentowide-Medium', sans-serif;
			font-size:14px;
			font-weight:400;
			line-height:57px;
			color:#000;
			text-transform:uppercase;
			outline:0;
			text-decoration:none;
		}
		.megamenu > li .drop {
			/*background:url("http://ec-tlt.ru/img/down.png") no-repeat right 18px;
			padding:14px 20px 20px 0;*/
		}
		.megamenu > li .nodrop {
			/*padding:14px 5px 20px 0;*/
		}
		.megamenu > li .drop:hover,
		.megamenu > li .nodrop >a:hover,
		.megamenu > .active .drop,
		.megamenu > .active .nodrop >a {
			cursor:pointer;
			background:url(navH.png)/*tpa=http://ec-tlt.ru/img/navH.png*/;

			-webkit-box-shadow: 0px 0px 3px #538498;
			-moz-box-shadow: 0px 0px 3px #538498;
			-o-box-shadow: 0px 0px 3px #538498;
			box-shadow: 0px 0px 3px #538498;
		}

		.megamenu > li .drop.selected,
		.megamenu > li .nodrop .selected,
		.megamenu > .active .drop.selected,
		.megamenu > .active .nodrop .selected {
			cursor:pointer;
			background:url(navH.png)/*tpa=http://ec-tlt.ru/img/navH.png*/;

			-webkit-box-shadow: 0px 0px 3px #538498;
			-moz-box-shadow: 0px 0px 3px #538498;
			-o-box-shadow: 0px 0px 3px #538498;
			box-shadow: 0px 0px 3px #538498;
			}

/*  _______________________________________

    02 DROP DOWN CONTAINER
    _______________________________________  */




.megamenu > li .megamenu_fullwidth {
	display:none;
	position:absolute;
	top:57px;
	z-index:-4000;
	float:left;
	width: 685px;
	margin:0 0 40px 0px;
	padding-top:24px;

	border-top:none;
	background:#5aabce url(dropBg.jpg)/*tpa=http://ec-tlt.ru/img/dropBg.jpg*/ repeat-y 0 0;

	-webkit-box-shadow: 0 0px 3px #000;
	-moz-box-shadow: 0 0px 3px #000;
	-o-box-shadow: 0 0px 3px #000;
	box-shadow: 0 0px 3px #000;

	text-align:left;
}
.megamenu_push .megamenu > li .megamenu_fullwidth {
	position:relative;
	top:5px;
}
.megamenu > li:hover .megamenu_fullwidth {
	left:0;
}

/*  _______________________________________

    04 COLUMNS GRID
    _______________________________________  */




.megamenu .col {
	float: left;
	position: relative;
	width: 140px;
	margin-left: 22px;
}

.megamenu .col_nomargins {
	margin:0;
}
.megamenu .col_nomargin_left {
	margin-left:0;
}
.megamenu .col_nomargin_right {
	margin-right:0;
}

.megamenu .clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 18px;
}




/*  _______________________________________

    05 CONTENT & TYPOGRAPHY
    _______________________________________  */




/* 1. Basic Typography */

.megamenu .black_bg {
	background-color:#000000;
	padding:4px 6px 4px 6px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;	
}
.megamenu p, 
.megamenu h1, 
.megamenu h2, 
.megamenu h3 {
	padding:0;
	margin:0;
	font-weight: normal;
	color:#ffffff;
	
	margin-bottom:18px;
}
.megamenu p {
	font-size:12px;
	line-height:18px;
}
.megamenu strong a {
	display:block;
	padding-top:25px;
	background:url(email.png)/*tpa=http://ec-tlt.ru/img/email.png*/ no-repeat right bottom;

	font-size:12px;
	line-height:29px;
	color:#fff;
	font-weight:bold;
	}
.megamenu strong a:hover {
	text-decoration: underline;
	}

.megamenu h1 {
	font-size:32px;
}
.megamenu h2 {
	font-size:28px;
}
.megamenu h3 {
	font-family: 'Novecentowide-Medium', sans-serif;
	font-size:16px;
}

/* 2. Lists */

.megamenu > li ul,
.megamenu > li ol {
	padding:0 0 0 18px;
	margin:0 0 18px 0;
}
.megamenu > li ul {
	list-style:disc;
}
.megamenu > li ol {
	list-style:decimal;
}
.megamenu > li ul li,
.megamenu > li ol li {
	font-size:12px;
	line-height:22px;
	position:relative;
	color:#dddddd;
}

/* 6. Inline Images */

.megamenu .inline_img {
	border: 1px solid #000000;
	-webkit-box-shadow: 0 1px 1px #000000;
	-moz-box-shadow: 0 1px 1px #000000;
	-o-box-shadow: 0 1px 1px #000000;
	box-shadow: 0 1px 1px #000000;
	padding:4px;
	background:#F4F4F4;
	margin-bottom:18px;
}
.megamenu .megamenu_fullwidth .img_list {
	float:left;
	list-style:none;
	margin:0 0 0 3px;
	padding:0;
	max-width:506px;
}
.megamenu .megamenu_fullwidth .img_list li {
	float:left;
	position:relative;
	margin-right:15px;
	margin-left:14px;
}
.megamenu .img_list img {
	vertical-align: middle;
	border:2px solid #fff;
}
.megamenu .img_list span {
	display:block;
	height:36px;

	font-family: 'Novecentowide-Medium', sans-serif;
	font-size: 12px;
	line-height:27px;
	color:#fff;
	text-transform: uppercase;
	}
.megamenu iframe {
	border:none;
}
.megamenu .img_list a:hover img {
	border:2px solid #333;
	}
.megamenu .img_list a:hover span {
	color:#333;
	}