/**
 * @version		3.2.9
 * @subpackage	mod_jux_megamenu
 * @copyright	Copyright (C) SET ЭNIKEN 11.2024
*/

#js-mainnav{position:absolute !important}
#jux_memamenu97 #js-mainnav.megamenu{border:none !important}
#jux_memamenu97 #js-mainnav.megamenu div.megaMenuToggle{
	width:32px !important;
	/*background:#34347D;*/
	background:#4e4ea9;
	margin-top:-12px;
	margin-bottom:13px;
	padding:16px 12px 16px 10px;
}

#jux_memamenu97 #js-mainnav.megamenu div.megaMenuToggle:hover{background:#5E5EC8}

.level0 > li.megacss.first{
	padding-bottom:8px !important;
    padding-top:8px !important;
    margin-top:-8px !important;
}

.level0 > li.megacss.first:hover,.level0 > li.megacss.first:focus{background:#47479D!important}
.level0 > li.megacss.first,
.level0 > li.megacss.first:hover,
.level0 > li.megacss.first:focus{-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out}

a.megacss img {margin-right:10px;width:50px; /*width:55px*/}
.cols3 a.megacss img {width:40px;padding-top:7px;padding-bottom:7px}
#megamenucss #js-mainnav.megamenu .childcontent{padding-top:10px}

/*== template code==*/
@media screen and (max-width:950px) {
	#s5_menu_spacer{
		display: block !important;
    	background: url(/templates/corolko/images/logo-corolko-970.jpg) no-repeat;
    	background-position:100% -2px;
    	width:96% !important;
    	margin-left:2%;
	}
}

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

/*== template code==*/
	#s5_header_wrap{margin-top:60px}
	#s5_menu_spacer{display:none !important}

	#js-mainnav{
		width: 96% !important;
		top:10px !important;
		background: url('/templates/corolko/images/logo-corolko-970.jpg') no-repeat;
		background-position:94% -6px;
	}

	#js-mainnav li img {display:none}
	#jux_memamenu97 #js-mainnav.megamenu ul.level1 li.megacss span.megacss, #jux_memamenu97 #js-mainnav.megamenu ul.level1 li.megacss a.megacss {padding-top:15px !important;padding-bottom:15px !important}
	#jux_memamenu97 #js-mainnav.megamenu .js-megamenu {background:#34347D !IMPORTANT;width:54% !important}

	.level0 > li.megacss.first{/*background:#02374F!important;*/background:#00223377!important}

	.level0 > li.megacss.first,
	.level0 > li.megacss.first:hover,
	.level0 > li.megacss.first:focus,
	#jux_memamenu97 #js-mainnav.megamenu div.megaMenuToggle,
	#jux_memamenu97 #js-mainnav.megamenu div.megaMenuToggle:hover,
	#jux_memamenu97 #js-mainnav.megamenu div.megaMenuToggle:focus{
		  -webkit-transition:all 0.3s ease-out;
		  -moz-transition:all 0.3s ease-out;
		  -ms-transition:all 0.3s ease-out;
		  -o-transition:all 0.3s ease-out;
		  transition:all 0.3s ease-out;
	}
}

@media screen and (max-width: 420px) {#jux_memamenu97 #js-mainnav.megamenu .js-megamenu {width:60% !important}}
@media screen and (max-device-width: 1100px) {#js-mainnav.megamenu .js-megamenu li.megacss .childcontent {top:70px}}

#js-mainnav.megamenu.darkblue {padding-top:10px}
#js-mainnav.megamenu.darkblue #js-megaMenuToggle {border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}
#js-mainnav.megamenu.darkblue ul.level0 li.megacss span.megacss,
#js-mainnav.megamenu.darkblue ul.level0 li.megacss a.megacss,
#js-mainnav.megamenu.darkblue .megaMenuToggle {color:#fff;padding:10px 5px 12px 6px}
#js-mainnav.megamenu.dèault ul.level1 li:hover,#js-mainnav.megamenu.darkblue ul.level1 li.over,#js-mainnav.megamenu.darkblue ul.level1 li.haschild-over {background-color:#006699}
#js-mainnav.megamenu.darkblue ul.level1 li.haschild,#js-mainnav.megamenu.darkblue ul.level1 li.haschild-over {background-image: url(../../images/arrow.png);background-repeat: no-repeat;background-position:95% center}

/* CHILD CONTENT
-----------------------------------*/
#js-mainnav.megamenu.darkblue .childcontent-inner{/*background-color:#002A40;*/background:#212121;color:#fff}
#js-mainnav.megamenu.darkblue .childcontent-inner .group ul li.active {background-color:#00527C !important}
#js-mainnav.megamenu.darkblue .childcontent .group h3 {background:none;color:#fff}
#js-mainnav.megamenu.darkblue .childcontent .moduletable {color:#fff}

#js-mainnav.megamenu.darkblue .childcontent .js-moduletable a:hover,
#js-mainnav.megamenu.darkblue .childcontent .js-moduletable a:focus,
#js-mainnav.megamenu.darkblue .childcontent .js-moduletable a:active {color:#fff;text-decoration:none}
#js-mainnav.megamenu.darkblue .group-title .menu-title {color:#fff}
#js-mainnav.megamenu.darkblue .group-title .menu-desc {color:#999}
#js-mainnav.megamenu.darkblue ul.level0 li.megacss.submenu-align-left > .childcontent {margin-left:1px!important}

#megamenucss .darkblue .megamenu .dropdown-menu ul.level1 li.megacss:hover>a.megacss,#megamenucss .darkblue .dropdown-menu ul.level1 li.megacss a.megacss:hover{
   /* background: #b8b8b8!important;*/
	background:#47479D !important; 
    color: #fff!important;
}

#megamenucss #js-mainnav.darkblue .js-megamenu{/*background: #014E72!important;*/width:100%}
#js-mainnav.megamenu.darkblue ul.level0 li.megacss span.megacss,#js-mainnav.megamenu.darkblue ul.level0 li.megacss a.megacss,#js-mainnav.megamenu.darkblue .megaMenuToggle {color:#f4e2f5;padding:4px 5px 12px 6px}