/**

 * @version		$Id$

 * @author		Joomseller!

 * @package		Joomla.Site

 * @subpackage	mod_jse_megamenu

 * @copyright	Copyright (C) 2008 - 2013 by Joomseller. All rights reserved.

 * @license		http://www.gnu.org/licenses/gpl.html GNU/GPL version 3

*/



#js-meganav{

    display: block;

}



@media screen and (max-width: 767px) {

	

	#js-mainnav.megamenu.noJS #css3-megaMenuToggle,

	#js-mainnav.megamenu #js-megaMenuToggle {

		display: block;

		padding: 12px 15px;

		cursor: pointer;

		font-size: 16px;

		text-transform: uppercase;

		text-align: left;
		font-weigh: lighter;

	}

	

	#js-mainnav.megamenu #js-megaMenuToggle { display: inline-flex !important; }

	

	#js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon,

	#js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon {

		display: inline-block;

		background: rgba(230, 230, 230, 0.7);

		height: 2px;

		width: 16px;

		position: relative;

		float: right;

		margin-top: 10px;

		text-align: left;

	}

	

	#js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon:before,

	#js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon:before {

		content: '';

		position: absolute;

		background: rgba(230, 230, 230, 0.8);

		height: 2px;

		width: 16px;

		top: -4px;

	}

	

	#js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon:after,

	#js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon:after {

		content: '';

		position: absolute;

		background: rgba(230, 230, 230, 0.9);

		height: 2px;

		width: 16px;

		top: -8px;

	}

	

	#js-mainnav.megamenu {

		width: 275px !important;
		overflow: hidden;

	}



    #js-mainnav.megamenu ul.level0{

		float:none !important;

		font-size: 12px;

    }



    #js-mainnav.megamenu ul.level0 li.mega{

		float:none !important;

        position:relative;

		background:none repeat scroll 0 0 #06854E !important;

    }
	
	#js-mainnav.megamenu ul.level1 li.mega {
    background: none repeat scroll 0 0 #EEEEEE !important;
    float: none !important;
    position: relative;
	}

	#js-mainnav.megamenu ul.level2 li.mega {
    background: none repeat scroll 0 0 #FFFFFF !important;
    float: none !important;
    position: relative;
	margin-left: -10px !important;
	opacity: 0.9;
	width: 100%;
	}
	

	#js-mainnav.megamenu ul.megamenu li.mega a.mega span.menu-desc {

		display: none;

	}



	#js-mainnav.megamenu ul.level1 li.mega span.mega,

	#js-mainnav.megamenu ul.level1 li.mega a.mega {

		padding-left:10px !important;

	}



	#js-mainnav.megamenu ul.level2 li.mega span.mega,

	#js-mainnav.megamenu ul.level2 li.mega a.mega{

		padding-left:30px !important;

	}



	#js-mainnav.megamenu ul.level3 li.mega span.mega,

	#js-mainnav.megamenu ul.level3 li.mega a.mega{

		padding-left:40px !important;

	}



	#js-mainnav.megamenu ul.level4 li.mega span.mega,

	#js-mainnav.megamenu ul.level4 li.mega a.mega{

		padding-left:50px !important;

	}



	#js-mainnav.megamenu ul.level0 li.mega span.mega,

    #js-mainnav.megamenu ul.level0 li.mega a.mega{

        padding:15px 10px;

    }



	#js-mainnav.megamenu .js-megamenu {

		font-size: 12px;
		position: relative;
		width: 275px;

	}



	#js-mainnav.megamenu.megamenu.vertical.right ul.level0 li.mega a.mega {

		text-align:left !important;

	}



	#js-mainnav.megamenu.megamenu.vertical.right .js-megamenu ul.level0 li.mega .childcontent {

		right:0px !important;

	}



    #js-mainnav.megamenu .js-megamenu li.mega .childcontent {

		height: 100% !important;

		margin: 0 !important;

		position: relative;

		width: 100% !important;

		overflow:visible !important;

	}
	
#js-mainnav.megamenu .childcontent-inner {
	left: 0px !important;
    position: relative;
    top: 1px;
}



	#js-mainnav.megamenu ul.level0 li a.haschild.mega span.menu-title,

	#js-mainnav.megamenu ul.level0 li a.haschild-over.mega span.menu-title
	{

		background:none !important;
		padding-left:0px !important;
		color: #FFFFFF !important;

	}
	
	#js-mainnav.megamenu ul.level1 li a.haschild.mega span.menu-title,

	#js-mainnav.megamenu ul.level1 li a.haschild-over.mega span.menu-title
	{

		background:none repeat scroll 0 0 #EEEEEE !important;
		padding-left:0px !important;
		color: #06854E !important;

	}
	
#js-mainnav.megamenu.white ul.level0 li.mega span.mega, #js-mainnav.megamenu.white ul.level0 li.mega a.mega {
    color: #ffffff !important;
    padding: 12px 20px;
    position: relative;
    text-decoration: none;
}

#js-mainnav.megamenu.white ul.level1 li.mega span.mega, #js-mainnav.megamenu.white ul.level1 li.mega a.mega {
    color: #06854E !important;
}

#js-mainnav.megamenu.white ul.level2 li.mega span.mega, #js-mainnav.megamenu.white ul.level2 li.mega a.mega {
    color: #000000 !important;
	margin-left: -20px;
}

#js-mainnav.megamenu ul.level1 li.mega a.mega span.menu-title {
    padding: 0 !important;
    text-transform: none;
}



	#js-mainnav.megamenu ul.level1 li.haschild,

	#js-mainnav.megamenu ul.level1 li.haschild-over {

		background: none repeat scroll 0 0 #EEEEEE !important;

	}



	#js-mainnav.megamenu .childcontent-inner-wrap{

		margin:0px !important;

	}



	#js-mainnav.megamenu .childcontent-inner-wrap,

	#js-mainnav.megamenu .childcontent-inner,

	#js-mainnav.megamenu .megacol{

		width:100% !important;

	}



	#js-mainnav.megamenu ul.megamenu{

		margin: 0px !important;

	}



	#js-mainnav.megamenu .megacol,.childcontent-inner{

		border:none !important;

		float: none !important;

	}



	#js-mainnav.megamenu ul.level0 li.haschild span.arrow-icon,

	#js-mainnav.megamenu ul.level0 li.haschild-over span.arrow-icon {

		display: block;

		float: right;

		position: absolute;

		right: 2px;

		top:2px;

		z-index: 99;

	}



	#js-mainnav.megamenu ul.level0 li.haschild span.arrow-icon,

	#js-mainnav.megamenu ul.level0 li.haschild-over span.arrow-icon{

		display:block;

		cursor: pointer;

	}



	#js-mainnav.megamenu ul.level0 li.haschild span.arrow-icon {

		background: url(../images/arrow_white.png) no-repeat scroll 15px 10px transparent !important;

		display: block !important;

		text-indent: 9999px;

		width: 40px;

		height: 31px;

		border: 0 none !important;

		padding: 0 !important;

		margin: 0 !important;

		-webkit-box-shadow: none !important;

		-moz-box-shadow: none !important;

		box-shadow: none !important;

	}



 	#js-mainnav.megamenu ul.level0 li.haschild-over span.arrow-icon {

		background: url(../images/arrow_down_white.png) no-repeat scroll 12px 12px transparent;

		display: block !important;

		height: 31px;

		text-indent: 9999px;

		width: 40px;

		padding: 0 !important;

		margin: 0 !important;

		border: 0 none !important;

		-webkit-box-shadow: none !important;

		-moz-box-shadow: none !important;

		box-shadow: none !important;

	} 


#js-mainnav.megamenu ul.level1 li.haschild span.arrow-icon {
    background: url(../images/arrow_green.png) no-repeat scroll 15px 10px rgba(0, 0, 0, 0) !important;
    border: 0 none !important;
    box-shadow: none !important;
    display: block !important;
    height: 31px;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: 9999px;
    width: 40px;
}

#js-mainnav.megamenu ul.level1 li.haschild-over span.arrow-icon {

background: url(../images/arrow_down_green.png) no-repeat scroll 12px 12px transparent;
display: block !important;
height: 31px;
text-indent: 9999px;
width: 40px;
padding: 0 !important;
margin: 0 !important;
border: 0 none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
	} 


	#js-mainnav.megamenu ul.level1 li.mega span.arrow-icon{

		display:none;

	}



	#js-mainnav.megamenu ul.level1 li.haschild span.arrow-icon,

	#js-mainnav.megamenu ul.level1 li.haschild-over span.arrow-icon {

		display: block;

		float: right;

		position: absolute;

		right: 2px;

		top:2px;

		z-index: 99;

	}

	

	#js-mainnav.megamenu ul.level0 li.mega.submenu-align-fullwidth {

		position: relative !important;

	}

	

	/******************************************************************************************/

	/*                                    CSS3 RESPONSIVE                                     */

	/******************************************************************************************/

	/*

	#js-mainnav.megamenu.noJS #css3-megaMenuToggle {

		display: block;

	}

	

	#js-mainnav.megamenu.noJS li {

		display: none;

	}



	#js-mainnav.megamenu.noJS:hover li {

		display: block;

	}

	

	#js-mainnav.megamenu.noJS:hover #css3-megaMenuToggle {

		display: none;

	}

	

	#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent {

		display: none;

	}

	

	#js-mainnav.noJS ul.megamenu li.haschild:hover > div.childcontent {

		display: block;

	}

 */

	

	#js-mainnav.megamenu.noJS ul.megamenu li {

/*		display: none;*/

		padding: 0 !important;

		border: 0 !important;

		border-radius: 0 !important;

	}

	

	#js-mainnav.megamenu.noJS ul.megamenu li a {

		position: relative;

	}

	

	#js-mainnav.megamenu.noJS #css3-megaMenuToggle {

		display: block;

		border-radius: 5px;

		padding: 15px;

	}

	

	#js-mainnav.megamenu.noJS:hover #css3-megaMenuToggle {

		/*display: none;*/

	}

	

	#js-mainnav.megamenu.noJS:hover ul.megamenu li {

		display: block;

	}

	

	#js-mainnav.megamenu.noJS ul.megamenu li.haschild a.haschild {

		

	}

	

	#js-mainnav.megamenu.noJS ul.megamenu li.haschild > div.childcontent {

		display: none;

	}

	

	#js-mainnav.megamenu.noJS ul.megamenu li.haschild:hover > div.childcontent {

		display: block;

	}

	

	/* CSS 3 arrow down*/

	#js-mainnav.megamenu.noJS ul.level0 li.mega > a.haschild:after {

		content: '';

		position: absolute;

		top: 50%;

		right: 12px;

		width: 0;

		height: 0;

		border-top: 4px solid #a6a6a6;

		border-right: 3px solid transparent;

		border-left: 3px solid transparent;

	}

	

	#js-mainnav.megamenu.noJS ul.level0 li.mega.haschild:hover > a.haschild:after {

		border-top-color: #fff;

	}

}