/*
Item Name : CSS3 Mega Drop Down Menu
Author URI : http://codecanyon.net/user/Pixelworkshop/
Item URI : http://codecanyon.net/item/css3-mega-drop-down-menu/126387
Version : 6.1
*/

/*

TABLE OF CONTENTS

01 MENU BAR
02 DROP DOWN MENU
03 CONTENT STYLING
04 CONTACT FORM
05 VERTICAL MEGA MENU
06 LIGHT THEME
07 DARK THEME
08 COLORS
09 MOBILE DEVICES

*/
.pagecontent{width:960px;margin:30px auto; text-shadow:1px 1px 1px #ffffff;}
.pagecontent p,.pagecontent li{color:#666;font-size:12px;line-height:18px;}
.pagecontent ul,.pagecontent li{padding-right: 16px}
.pagecontent .pusher{width:100%;height:50px}
.pagecontent a{color:#999;text-decoration:none}
.pagecontent h1,.pagecontent h3{color:#222}
.pagecontentclear {clear: both;}
/* Vertical Menu Demos */
.pagewrapper {width: 960px;margin: 0 auto;}
.pagewrapper .pagecontent {width:690px;float: right;margin: 10px 0 0 0;}
.pagewrapper .megamenu_vertical_right {margin-right: 30px;}
.pagewrapper .megamenu_vertical_left {margin-left: 30px;}

@media only screen and (max-width: 1024px) {
.pagecontent, .pagewrapper{width:95%;}
.pagewrapper .pagecontent {width:100%;}
.pagewrapper .megamenu_vertical_right {margin-left: auto;}
.pagewrapper .megamenu_vertical_left {margin-right: auto;}
}
@media only screen and (max-width:767px) {
.pagecontent, .pagewrapper{width:420px;}
.pagewrapper .pagecontent {width:420px;}
}
@media only screen and (max-width:479px) {
.pagecontent, .pagewrapper{width:300px;}
.pagewrapper .pagecontent {width:300px;}
}


/*  _______________________________________

01 MENU BAR
_______________________________________  */

/* 
IMPORTANT NOTICE
If you're using the whole width menu, you should use at least a reset like :
body {margin:0; padding:0;}
Otherwise, some browsers may add margins and won't place the menu properly.
It generally helps to include a CSS reset like : 
http://meyerweb.com/eric/tools/css/reset/
Keep in mind that a reset must be placed first, before any other CSS markup.
*/

.megamenu_wrapper {
margin:12px auto 0;
display:block;
position: relative;
/*z-index:9999;*/
font-family: 'Open Sans Hebrew', Arial, Helvetica, sans-serif;
}
.megamenu_wrapper {
/* width: 100%; */ /*980px;*/
	
}
.megamenu_container {
/*	width:100%; */
margin:0 auto;
}
	
	
	
.megamenu_wrapper .megamenu_container {
/* width:100%; */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.megamenu_container .megamenu {
list-style:none;
margin: 0;
padding: 0;
display: block;
clear: both;
}

.megamenu > li {
float: none;
display: inline-block;
position:relative;
/*margin-left:5px;*/
border:none;
}

.megamenu li.menuitem_fullwidth { /*position: static !important;*/ }

li.menuitem_fullwidth:hover > ul.dropdown_fullwidth { display: block; width: 180px; }

.megamenu > li > a {	margin: 0; padding: 0 30px; font-size: 28px; text-decoration:none;	display:block; font-family: 'Open Sans Hebrew', Arial, Helvetica, sans-serif; }
/*.megamenu > li:first-child a{ padding: 0 0 0 10px;}*/
.megamenu > li:first-child a { padding-right: 0; }
.megamenu > li:last-child a { /*padding-left: 0;*/ }
 
.megamenu > li:hover > a { background: rgba(255, 255, 255, .7); }

/* left aligned menu item */
.megamenu > li.menuitem_left {
float:left;
left:0;
margin-left:0;
}

/* Menu Button (Mobiles) */

.megamenu li.megamenu_button {
display: none;
}
.megamenu li.megamenu_button_active {
background:#000000 !important;
}




/*  _______________________________________

02 DROP DOWN MENU
_______________________________________  */




/* Drop Downs Containers */

.megamenu .dropdown_1column, 
.megamenu .dropdown_2columns, 
.megamenu .dropdown_3columns, 
.megamenu .dropdown_4columns,
.megamenu .dropdown_5columns,
.megamenu .dropdown_fullwidth {
margin:0;
display:none;
position:absolute;
}



/* Drop Downs Sizes */

.megamenu .dropdown_1column {width: 135px;padding:15px 15px 15px 14px;}
.megamenu .dropdown_2columns {width: 290px;padding:15px 15px 15px 11px;}
.megamenu .dropdown_3columns {width: 445px;padding:15px 15px 15px 8px;}
.megamenu .dropdown_4columns {width: 600px;padding:15px 15px 15px 5px;}
.megamenu .dropdown_5columns {width: 755px;padding:15px 15px 15px 2px;}
.megamenu .dropdown_fullwidth {
padding: 10px;
-webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.75);
z-index: 9;
background: rgba(237, 236, 239, 0.9);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
right: 0;
}

/*.megamenu .dropdown_fullwidth:before { 
content: '';
background: url('/design/images/tafrit_arrow.png') no-repeat;
float: right;
width: 30px;
height: 20px;
position: absolute;
top: -16px;
right: 20px; 
}*/

.megamenu_wrapper .dropdown_left {
left:auto;
right:-1px;
}
.megamenu_wrapper .megamenu li.menuitem_left .dropdown_fullwidth {
right:auto;
left:8px;
}

/* Showing Drop Down on Mouse Hover */

.megamenu li:hover > div {
display: block;
}

/* Columns Sizes */

.megamenu .col_one_sixth,
.megamenu .col_one_fifth,
.megamenu .col_one_quarter,
.megamenu .col_one_third,
.megamenu .col_two_fifths,
.megamenu .col_half,
.megamenu .col_three_fifths,
.megamenu .col_two_thirds,
.megamenu .col_three_quarters,
.megamenu .col_four_fifths,
.megamenu .col_five_sixths,
.megamenu .col_full {
float: right;
}

.megamenu .col_one_quarter:nth-child(2) {}
.megamenu .col_one_quarter:last-child { margin: 0; }
ul.dropdown_fullwidth_rtl li.col_one_quarter_rtl { margin: 0 0 10px 0; border-bottom: 1px solid #000; padding-bottom: 5px; width: 100%; text-align: center; }
ul.dropdown_fullwidth_rtl li.col_one_quarter_rtl:last-child { margin: 0; border-bottom: none; }
 
.megamenu .col_one_sixth {width:14.66667%;}
.megamenu .col_one_fifth {width:18%;}
.megamenu .col_one_quarter {/*width:23%;*/}
.megamenu .col_one_third {width:31.33333%;}
.megamenu .col_two_fifths {width:38%;}
.megamenu .col_half {width:48%;}
.megamenu .col_three_fifths {width:58%;}
.megamenu .col_two_thirds {width:64.66667%;}
.megamenu .col_three_quarters {width:73%;}
.megamenu .col_four_fifths {width:78%;}
.megamenu .col_five_sixths {width:81.33333%;}
.megamenu .col_full {width:98%;}

/* IMPORTANT */

/* Use the firstcolumn class for the first element of a new row of content */
.megamenu .firstcolumn {
margin-right: 0;
clear: right;
}




/*  _______________________________________

03 CONTENT STYLING
_______________________________________  */

.megamenu p {
margin:0;
margin-bottom:18px;
}
.megamenu .strong {
font-weight:bold;
}
.megamenu .italic {
font-style:italic;
}
.megamenu h2, 
.megamenu h3 {
margin-top:7px;
}
.megamenu h2 {
font-weight:400;
font-size:21px;
margin-bottom:18px;
padding-bottom:11px;
}
.megamenu h3 {
font-weight:600;
font-size:14px;
margin-bottom:14px;
padding-bottom:7px;
}
.megamenu li a {
text-decoration:none;
}
.megamenu .pusher { /* Use this pucher if you want to give more vertical spacing between your rows of content */
margin-top:18px;
}

/* Icon paragraphs */

.megamenu .help,
.megamenu .favorite,
.megamenu .mail,
.megamenu .print {
padding-right:36px;
margin-bottom:18px;
}
.megamenu .help {background:url("IMG_MENU/help.png") no-repeat 0 2px;}
.megamenu .favorite {background:url("IMG_MENU/favorite.png") no-repeat 0 2px;}
.megamenu .mail {background:url("IMG_MENU/mail.png") no-repeat 0 2px;}
.megamenu .print {background:url("IMG_MENU/print.png") no-repeat 0 2px;}

/* Images styles */

.megamenu .imgshadow_dark,
.megamenu .imgshadow_light {
padding:4px;
margin-top:5px;
}
.megamenu .img_right { /* Image sticks to the right */
float:right;
margin:5px 0 5px 15px;
}
.megamenu .img_left { /* Image sticks to the left */
float:left;
margin:5px 15px 5px 0;
}

/* Box styles */

.megamenu li .black_box,
.megamenu li .dark_grey_box {
margin: -8px 0 18px 0;
color: #eeeeee;
text-shadow: 1px 1px 1px #000;
padding:8px 12px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

/* Standard lists styles */

.megamenu ul li{
list-style:none;
padding:0;
margin:0 0 12px 0;
}

.megamenu ul li {
position:relative;
text-shadow: 1px 1px 1px #000000;
padding:0;
margin:0;
float:right;
text-align:right;
}

.megamenu ul li a {
padding:0;
font-size: 18px;
font-size: 1.5em;
color: #fff;
}
  


/* Greybox lists styles */

.megamenu li .greybox li {
margin:0 0 4px 0;
padding:4px 6% 4px 6%;
width:88%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

/* Other lists styles */

.megamenu li .plus li {	float: right; text-align: right; }



/* Social Icons */

.megamenu li ul.social {
list-style:none;
margin:0;
padding:0;
}
.megamenu li ul.social li {
padding-top:5px;
margin:0 0 12px 12px;
float:right;
position:relative;
display:inline;
width:32px;
}
.megamenu li ul.social li img {
border:none;
}
.megamenu li ul.social li:hover {
padding-top:5px;
margin:-1px 0 12px 12px;
}
.megamenu li ul.social li span {
display:none;
}

/* 2-Levels Drop Down */

.megamenu .dropdown_flyout {
min-width: 120px;
}
.megamenu .levels, 
.megamenu .levels ul {
padding: 0;
margin: 0;
list-style: none;
}
.megamenu .levels a {
display: block;
width: 10em;
}
.megamenu .levels li {
float: right;
}
.megamenu .levels li ul {
position: absolute;
top:-23px;
margin:15px 4px 0 0;
padding:6px 12px;
right: -999em;
z-index: 9999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.megamenu .levels li:hover > ul {
right: 96%;
}




/*  _______________________________________

04 CONTACT FORM
_______________________________________  */




.megamenu .contact_form {
display: block;
margin-bottom:10px;
font-size: 12px;
font-family: 'Open Sans Hebrew', Arial, Helvetica, sans-serif;
}
.megamenu .contact_form label {
display: inline-block; 
float: right; 
width:80px;
font-size:12px; 
}
.megamenu .contact_form input, 
.megamenu .contact_form textarea {
font-family: 'Open Sans Hebrew', Arial, Helvetica, sans-serif;
font-size:12px;
width:90%;
padding: 8px 4% 8px 4%;
margin: 9px 0 9px 0; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}   
.megamenu .contact_form textarea {
resize:none;
}   
.megamenu .contact_form .required {
color:#C00;
}
.megamenu .contact_form .form_buttons {
margin:4px 0 0 0;
}
.megamenu .contact_form input.button {
width: 80px;
margin-right:10px;
cursor: pointer;
padding: 8px;
}
.megamenu .contact_form .special {
display:none;
}
.megamenu .contact_form .error, 
.megamenu .contact_form .sent {
font-size:11px;
padding:2px 5px 2px 5px;
text-shadow:none;
-webkit-border-radius:3px; 
-moz-border-radius:3px; 
border-radius: 3px;
}
.megamenu .contact_form .error {
background:#FBE5E2; 
border:#F2A197 solid 1px; 
color:#992213;
}
.megamenu .contact_form .sent {
background:#E1F8CB; 
border:#C6D880 solid 1px; 
color:#37620d;
}




/*  _______________________________________

05 VERTICAL MEGA MENU
_______________________________________  */








/*  _______________________________________

06 LIGHT THEME
_______________________________________  */

.megamenu_light_theme .megamenu_container > ul > li:hover > a,
.megamenu_light_theme .megamenu_container .megamenu > li >a.current_active,
.megamenu_light_theme .megamenu_container > ul > li.menuitem_nodrop:hover {
background: transparent;
color: #914990;
text-decoration: underline!important;
}
.megamenu_light_theme .megamenu_container > ul > li > a,
.megamenu_light_theme .megamenu_container .megamenu > li a {
color: #464646; 
}


#access-navigation > li > a { line-height: 60px; }
#access-navigation > li > ul > li > a { color: #464646; font-size: 18px; overflow: hidden; display: block; word-wrap: break-word; }
#access-navigation > li > ul > li > a:hover { color: #914990; }

.megamenu_wrapper_vertical .megamenu_light_theme .megamenu > li > div,
.megamenu_light_theme ul .levels li ul {
border:1px solid #444444;
}
.megamenu_light_theme ul p,
.megamenu_light_theme ul h2, 
.megamenu_light_theme ul h3,
.megamenu_light_theme ul li ul li {
text-shadow: none;

}
.megamenu_light_theme ul h2, 
.megamenu_light_theme ul h3 {
border-bottom:1px solid #888888;
}
.megamenu_light_theme ul .imgshadow_dark { /* Better style on dark background */
background:#FFFFFF;
border:1px solid #333333;
-moz-box-shadow:0 0 5px #000000;
-webkit-box-shadow:0 0 5px #000000;
box-shadow:0 0 5px #000000;
}
.megamenu_light_theme ul .imgshadow_light { /* Better style on light background */
background:#FFFFFF;
border:1px solid #777777;
-webkit-box-shadow:0 0 5px #666666;
-moz-box-shadow:0 0 5px #666666;
box-shadow:0 0 5px #666666;
}
.megamenu_light_theme ul li .black_box {
color:#ffffff;
text-shadow:1px 1px 1px #000000;
background-color:#333333;
-webkit-box-shadow:inset 0 0 3px #000000;
-moz-box-shadow:inset 0 0 3px #000000;
box-shadow:inset 0 0 3px #000000;
}
.megamenu_light_theme ul li .dark_grey_box {
color:#ffffff;
text-shadow:1px 1px 1px #000000;
background-color:#555555;
-webkit-box-shadow:inset 0 0 3px #111111;
-moz-box-shadow:inset 0 0 3px #111111;
box-shadow:inset 0 0 3px #111111;
}
.megamenu_light_theme ul li .greybox li {
background:#F4F4F4;
border:1px solid #bbbbbb;
}
.megamenu_light_theme ul li .greybox li:hover {
background:#ffffff;
border:1px solid #aaaaaa;
}
.megamenu_light_theme ul li .plus li {	border-bottom: 2px solid #800371; 	margin-bottom:25px; 	background:none; line-height: normal; padding-bottom: 10px;}

.megamenu_light_theme ul .levels a.parent, 
.megamenu_light_theme ul .levels a.parent:hover {background: url("IMG_MENU/arrow_left1.png") left center no-repeat;}
.megamenu_vertical_left .megamenu_light_theme ul .levels a.parent, 
.megamenu_vertical_left .megamenu_light_theme ul .levels a.parent:hover {background: url("IMG_MENU/arrow_left.png") right center no-repeat;}
.megamenu_light_theme ul .contact_form input:focus, 
.megamenu_light_theme ul .contact_form textarea:focus, 
.megamenu_light_theme ul .contact_form select:focus,
.megamenu_light_theme ul .contact_form input:hover, 
.megamenu_light_theme ul .contact_form textarea:hover, 
.megamenu_light_theme ul .contact_form select:hover {
box-shadow: rgba(0,0,0, 0.7) 0 0 3px;
-moz-box-shadow: rgba(0,0,0, 0.7) 0 0 3px;
-webkit-box-shadow: rgba(0,0,0, 0.7) 0 0 3px;  
border:1px solid #333333;
}
.megamenu_light_theme ul .contact_form input, 
.megamenu_light_theme ul textarea, 
.megamenu_light_theme ul select {
color: #FFFFFF; 
background-color:#222222;
border:1px solid #0A0A0A;
}
.megamenu_light_theme ul .contact_form input.button {
background-color:#1E1E1E;
border:1px solid #0A0A0A;
color:#cccccc;	
}
.megamenu_light_theme ul .contact_form input.button:hover {
color:#eeeeee;	
background-color:#222222;
border:1px solid #000000;
}




/*  _______________________________________

07 DARK THEME
_______________________________________  */








/*  _______________________________________

08 COLORS
_______________________________________  */




/* Black */


/* Blue */


/* Brown */


/* Green */


/* Light Blue */

.megamenu_lightblue {
/*background: #52786b;
background-image: -webkit-gradient(linear, right top, right bottom, from(#709e8e), to(#52786b));
background: -webkit-linear-gradient(top, #709e8e, #52786b);
background: -moz-linear-gradient(top, #709e8e, #52786b);
background: -o-linear-gradient(top, #709e8e, #52786b);
background: -ms-linear-gradient(top, #709e8e, #52786b);
background: linear-gradient(top, #709e8e, #52786b);
border: 1px solid #608c7d;
border-top: 1px solid #99b9ae;*/
}
.megamenu_dark_theme .megamenu_lightblue li div a {/*color:#4b4b4b;*/}
.megamenu_dark_theme .megamenu_lightblue li div a:hover {/*color:#800371;*/}
.megamenu_dark_theme .megamenu_lightblue li ul li a:hover {/*color:#800371;*/}
.megamenu_light_theme .megamenu_lightblue li div a {/*color:#4b4b4b;*/}
.megamenu_light_theme .megamenu_lightblue li div a:hover {/*color:#800371;*/}
.megamenu_light_theme .megamenu_lightblue li ul li a:hover {/*color:#800371;*/}

/* Orange */


/* Pink */


/* Purple */


/* Red */


/* No right & left borders if full width menu bar */





/*  _______________________________________

09 MOBILE DEVICES
_______________________________________  */




.megamenu_dark_theme .megamenu_container .megamenu > li.noactive,
.megamenu_light_theme .megamenu_container .megamenu > li.noactive {
background-color:transparent;
border:none;
}



/* MIKI  20/10/2013  */

.dropdown_fullwidth_rtl {
direction:rtl!important;
text-align:right!important;
}

.megamenu_rtl li .plus_rtl li  {
float: right!important;
text-align:right!important;
direction:rtl!important;
margin:0 0 4px 0;
padding:0 10px 0 0; /*20px*/
}

.megamenu li .plus_rtl li {
margin:0 0 4px 0;
padding:0 0 0 10px!important; /*20px*/
float: right!important;
}

.megamenu_light_theme ul li .plus_rtl li {
/*background: url("IMG_MENU/plus.png") left 6px no-repeat!important;*/
} 



.megamenu .col_one_sixth_rtl,
.megamenu .col_one_fifth_rtl,
.megamenu .col_one_quarter_rtl,
.megamenu .col_one_third_rtl,
.megamenu .col_two_fifths_rtl,
.megamenu .col_half_rtl,
.megamenu .col_three_fifths_rtl,
.megamenu .col_two_thirds_rtl,
.megamenu .col_three_quarters_rtl,
.megamenu .col_four_fifths_rtl,
.megamenu .col_five_sixths_rtl,
.megamenu .col_full {
float: right;
}	


.megamenu a, nav a {text-decoration:none!important;}

.col_12 
{
float: right;
display: inline;
position: relative;
width:100%;
}

.title_group {
font-size: 125%;
padding-bottom: 15px;
background: none;
min-height: 30px;
line-height: 30px;
padding: 0 10px 0 0;
}

.level3 span{
font-size:100%;
background: none;
min-height: 30px;
line-height: 30px;
padding: 0 0 0 10px;
}


/* template only*/
.fullwidth_template  {background: #00FF00!important;}
.fullwidth_template_hover :hover {background: #00FF00!important;}
.one_column_template {background:#99b9ae;min-width:125px;width:135px;}
div.one_column_template {min-width:125px;width:135px;}

#nav li a div ul li a .sublevel:first-child{margin-top:15px;}
.sublevel a{font-weight:normal!important;}