
.clr {clear:both;visibility : hidden;}



/*---------------------------------------------
---	 	menu container						---
----------------------------------------------*/

@media (max-width: 575.98px) {
  div#menu {line-height:32px;}
}


/* menu */
div#menu {
  font-size:14px;
  line-height:21px;
  /*text-align:left;*/
  zoom:1;
}

/* container style */
div#menu ul.maximenuck {
  clear:both;
  position : relative;
  z-index:999;
  overflow: visible !important;
  display: block !important;
  float: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  list-style:none;
  /*padding: 0;*/
  margin:0 auto;
  zoom:1;
  filter: none;
}

div#menu ul.maximenuck:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}

/*---------------------------------------------
---	 	Root items - level 1				---
----------------------------------------------*/

div#menu ul.maximenuck li.maximenuck.level1 {
  display: inline-block;
  float: none;
  position:static;
  /*padding : 0;
  margin : 0;*/
  list-style : none;
  text-align:center;
  cursor: pointer;
  filter: none;
}

/** IE 7 only **/
*+html div#menu ul.maximenuck li.maximenuck.level1 {
  display: inline !important;
}

/* vertical menu */
div#menu.maximenuckv ul.maximenuck li.maximenuck.level1 {
  display: block !important;
  /*margin: 0;
  padding: 0;*/
  text-align: left;
}

div#menu ul.maximenuck li.maximenuck.level1:hover,
div#menu ul.maximenuck li.maximenuck.level1.active {

}

div#menu ul.maximenuck li.maximenuck.level1 > a,
div#menu ul.maximenuck li.maximenuck.level1 > span.separator {
  display:block;
  float : none;
  float : left;
  position:relative;
  text-decoration:none;
  outline : none;
  /*border : none;*/
  white-space: nowrap;
  filter: none;
}

/* parent item on mouseover (if subemnus exists) */
div#menu ul.maximenuck li.maximenuck.level1.parent:hover,
div#menu ul.maximenuck li.maximenuck.level1.parent:hover {

}

/* item color on mouseover */
div#menu ul.maximenuck li.maximenuck.level1:hover > a span.titreck,
div#menu ul.maximenuck li.maximenuck.level1.active > a span.titreck,
div#menu ul.maximenuck li.maximenuck.level1:hover > span.separator,
div#menu ul.maximenuck li.maximenuck.level1.active > span.separator {

}

div#menu.maximenuckh ul.maximenuck li.level1.parent > a,
div#menu.maximenuckh ul.maximenuck li.level1.parent > span.separator {
  padding-right: 12px;
}

/* arrow image for parent item */
div#menu ul.maximenuck li.level1.parent > a:after,
div#menu ul.maximenuck li.level1.parent > span.separator:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 6px 0 6px;
  border-color: #000 transparent transparent transparent;
  top: 7px;
  right: 0px;
}

div#menu ul.maximenuck li.level1.parent:hover > a:after,
div#menu ul.maximenuck li.level1.parent:hover > span.separator:after {

}

/* vertical menu */
div#menu.maximenuckv ul.maximenuck li.level1.parent > a:after,
div#menu.maximenuckv ul.maximenuck li.level1.parent > span.separator:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 7px;
  border-color: transparent transparent transparent #000;
  margin: 3px 10px 3px 0;
  position: absolute;
  right: 3px;
  top: 3px;
}

/* arrow image for submenu parent item */
div#menu ul.maximenuck li.level1.parent li.parent > a:after,
div#menu ul.maximenuck li.level1.parent li.parent > span.separator:after,
div#menu ul.maximenuck li.maximenuck ul.maximenuck2 li.parent:hover > a:after,
div#menu ul.maximenuck li.maximenuck ul.maximenuck2 li.parent.active > a:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 7px;
  border-color: transparent transparent transparent #007bff;
  margin: 0 3px;
  position: absolute;
  right: 3px;
  top: 2px;
}

/* styles for right position */
div#menu ul.maximenuck li.maximenuck.level1.align_right,
div#menu ul.maximenuck li.maximenuck.level1.menu_right,
div#menu ul.maximenuck li.align_right,
div#menu ul.maximenuck li.menu_right {
  float:right !important;
  margin-right:0px !important;
}

div#menu ul.maximenuck li.align_right:not(.fullwidth) div.floatck,
div#menu ul.maximenuck li:not(.fullwidth) div.floatck.fixRight {
  left:auto;
  right:0px;
  top:auto;
}


/* arrow image for submenu parent item to open left */
div#menu ul.maximenuck li.level1.parent div.floatck.fixRight li.parent > a:after,
div#menu ul.maximenuck li.level1.parent div.floatck.fixRight li.parent > span.separator:after,
div#menu ul.maximenuck li.level1.parent.menu_right li.parent > a:after,
div#menu ul.maximenuck li.level1.parent.menu_right li.parent > span.separator:after {
  border-color: transparent #007bff transparent transparent;
}

/* margin for right elements that rolls to the left */
div#menu ul.maximenuck li.maximenuck div.floatck div.floatck.fixRight,
div#menu ul.maximenuck li.level1.parent.menu_right div.floatck div.floatck  {
  margin-right : 180px;
}

div#menu ul.maximenuck li div.floatck.fixRight{

}


/*---------------------------------------------
---	 	Sublevel items - level 2 to n		---
----------------------------------------------*/

div#menu ul.maximenuck li div.floatck ul.maximenuck2,
div#menu ul.maximenuck2 {
  z-index:11000;
  clear:left;
  text-align : left;
  background : transparent;
  margin : 0 !important;
  padding : 0 !important;
  border : none !important;
  box-shadow: none !important;
  width : 100%; /* important for Chrome and Safari compatibility */
  position: static !important;
  overflow: visible !important;
  display: block !important;
  float: none !important;
  visibility: visible !important;
}

div#menu ul.maximenuck li ul.maximenuck2 li.maximenuck,
div#menu ul.maximenuck2 li.maximenuck {
  text-align : left;
  z-index : 11001;
  /*padding:0;*/
  position:static;
  float:none !important;
  list-style : none;
  display: block;
}

div#menu ul.maximenuck li ul.maximenuck2 li.maximenuck:hover,
div#menu ul.maximenuck2 li.maximenuck:hover {
}

/* all links styles */
div#menu ul.maximenuck li.maximenuck a,
div#menu ul.maximenuck li.maximenuck span.separator,
div#menu ul.maximenuck2 a,
div#menu ul.maximenuck2 li.maximenuck span.separator {
  display: block;
  float : none !important;
  float : left;
  position:relative;
  text-decoration:none;
  outline : none;
  white-space: normal;
  filter: none;
}

/* submenu link */
div#menu ul.maximenuck li.maximenuck ul.maximenuck2 li a,
div#menu ul.maximenuck2 li a {

}

div#menu ul.maximenuck li.maximenuck ul.maximenuck2 a,
div#menu ul.maximenuck2 a {
  display: block;
}

div#menu ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a,
div#menu ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a,
div#menu ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a,
div#menu ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a,
div#menu ul.maximenuck2 li:hover > a,
div#menu ul.maximenuck2 li:hover > h2 a,
div#menu ul.maximenuck2 li:hover > h3 a,
div#menu ul.maximenuck2 li.active > a{

}


/* link image style */
div#menu li.maximenuck > a img {
  margin : 3px;
  border : none;
}

/* img style without link (in separator) */
div#menu li.maximenuck img {
  border : none;
}

/* item title */
div#menu span.titreck {
  text-decoration : none;
  /*min-height : 17px;*/
  float : none !important;
  float : left;
  margin: 0;
}

/* item description */
div#menu span.descck {
  display : block;
  text-transform : none;
  font-size : 10px;
  text-decoration : none;
  height : 12px;
  line-height : 12px;
  float : none !important;
  float : left;
}

/*--------------------------------------------
---		Submenus						------
---------------------------------------------*/

/* submenus container */
div#menu div.floatck {
  position : absolute;
  display: none;
  padding : 0;
  margin : 0;
  background : url(../images/transparent.gif); /* important for hover to work good under IE7 */
  /*width : 180px;*/ /* default width */
  text-align:left;
  width: auto;
  z-index:9999;
  cursor: auto;
}

div#menu div.maxidrop-main {
  width : 180px; /* default width */
}

/* vertical menu */
div#menu.maximenuckv div.floatck {
  margin : -39px 0 0 90%;
}

div#menu .maxipushdownck div.floatck {
  margin: 0;
}

/* child blocks position (from level2 to n) */
div#menu ul.maximenuck li.maximenuck div.floatck div.floatck {
  margin : -30px 0 0 93%; /* default sub submenu position */
}

/**
** Show/hide sub menu if mootools is off - horizontal style
**/
div#menu ul.maximenuck li:hover:not(.maximenuckanimation) div.floatck div.floatck, div#menu ul.maximenuck li:hover:not(.maximenuckanimation) div.floatck:hover div.floatck div.floatck, div#menu ul.maximenuck li:hover:not(.maximenuckanimation) div.floatck:hover div.floatck:hover div.floatck div.floatck,
div#menu ul.maximenuck li.sfhover:not(.maximenuckanimation) div.floatck div.floatck, div#menu ul.maximenuck li.sfhover:not(.maximenuckanimation) div.floatck.sfhover div.floatck div.floatck, div#menu ul.maximenuck li.sfhover:not(.maximenuckanimation) div.floatck.sfhover div.floatck.sfhover div.floatck div.floatck {
  display: none;
}

div#menu ul.maximenuck li.maximenuck:hover > div.floatck, div#menu ul.maximenuck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck, div#menu ul.maximenuck li.maximenuck:hover>  div.floatck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck, div#menu ul.maximenuck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck,
div#menu ul.maximenuck li.sfhover > div.floatck, div#menu ul.maximenuck li.sfhover > div.floatck li.sfhover > div.floatck, div#menu ul.maximenuck li.sfhover > div.floatck li.sfhover > div.floatck li.sfhover > div.floatck, div#menu ul.maximenuck li.sfhover > div.floatck li.sfhover > div.floatck li.sfhover > div.floatck li.sfhover > div.floatck {
  display: block;
}

div#menu div.maximenuck_mod ul {
  display: block;
}

/*---------------------------------------------
---	 	Columns management					---
----------------------------------------------*/

div#menu ul.maximenuck li div.floatck div.maximenuck2 {
  /*width : 180px;*/ /* default width */
  margin: 0;
  padding: 0;
}


/* h2 title */
div#menu ul.maximenuck li.maximenuck ul.maximenuck2 h2 a,
div#menu ul.maximenuck li.maximenuck ul.maximenuck2 h2 span.separator,
div#menu ul.maximenuck2 h2 a,
div#menu ul.maximenuck2 h2 span.separator {
  font-size:21px;
  font-weight:400;
  letter-spacing:-1px;
  margin:7px 0 14px 0;
  padding-bottom:14px;
  line-height:21px;
  text-align:left;
}

/* h3 title */
div#menu ul.maximenuck li.maximenuck ul.maximenuck2 h3 a,
div#menu ul.maximenuck li.maximenuck ul.maximenuck2 h3 span.separator,
div#menu ul.maximenuck2 h3 a,
div#menu ul.maximenuck2 h3 span.separator {
  font-size:14px;
  margin:7px 0 14px 0;
  padding-bottom:7px;
  line-height:21px;
  text-align:left;
}

/* paragraph */
div#menu ul.maximenuck li ul.maximenuck2 li p,
div#menu ul.maximenuck2 li p {
  line-height:18px;
  margin:0 0 10px 0;
  font-size:12px;
  text-align:left;
}




/* image shadow with specific class */
div#menu .imgshadow { /* Better style on light background */
  background:#FFFFFF !important;
  padding:4px;
  border:1px solid #777777;
  margin-top:5px;
  -moz-box-shadow:0px 0px 5px #666666;
  -webkit-box-shadow:0px 0px 5px #666666;
  box-shadow:0px 0px 5px #666666;
}

/* blackbox style */
div#menu ul.maximenuck li ul.maximenuck2 li.blackbox,
div#menu ul.maximenuck2 li.blackbox {
  background-color:#333333 !important;
  color: #eeeeee;
  text-shadow: 1px 1px 1px #000;
  padding:4px 6px 4px 6px !important;
  margin: 0px 4px 4px 4px !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow:inset 0 0 3px #000000;
  -moz-box-shadow:inset 0 0 3px #000000;
  box-shadow:inset 0 0 3px #000000;
}

div#menu ul.maximenuck li ul.maximenuck2 li.blackbox:hover,
div#menu ul.maximenuck2 li.blackbox:hover {
  background-color:#333333 !important;
}

div#menu ul.maximenuck li ul.maximenuck2 li.blackbox a,
div#menu ul.maximenuck2 li.blackbox a {
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  display: inline !important;
}

div#menu ul.maximenuck li ul.maximenuck2 li.blackbox:hover > a,
div#menu ul.maximenuck2 li.blackbox:hover > a{
  text-decoration: underline;
}

/* greybox style */
div#menu ul.maximenuck li ul.maximenuck2 li.greybox,
div#menu ul.maximenuck2 li.greybox {
  background:#f0f0f0 !important;
  border:1px solid #bbbbbb;
  padding: 4px 6px 4px 6px !important;
  margin: 0px 4px 4px 4px !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

div#menu ul.maximenuck li ul.maximenuck2 li.greybox:hover,
div#menu ul.maximenuck2 li.greybox:hover {
  background:#ffffff !important;
  border:1px solid #aaaaaa;
}


/*---------------------------------------------
---	 	Module in submenus					---
----------------------------------------------*/

/* module title */
div#menu ul.maximenuck div.maximenuck_mod > div > h3,
div#menu ul.maximenuck2 div.maximenuck_mod > div > h3 {
  width : 100%;
  font-weight : bold;
  font-size: 16px;
}

div#menu div.maximenuck_mod {
  /*width : 100%;*/
  padding : 0;
  white-space : normal;
}

div#menu div.maximenuck_mod div.moduletable {
  border : none;
  background : none;
}

div#menu div.maximenuck_mod  fieldset{
  width : 100%;
  padding : 0;
  margin : 0 auto;
  overflow : hidden;
  background : transparent;
  border : none;
}

div#menu ul.maximenuck2 div.maximenuck_mod a {
  border : none;
  margin : 0;
  padding : 0;
  display : inline;
  background : transparent;
  font-weight : normal;
}

div#menu ul.maximenuck2 div.maximenuck_mod a:hover {

}

div#menu ul.maximenuck2 div.maximenuck_mod ul {
  margin : 0;
  padding : 0;
  width : 100%;
  background : none;
  border : none;
  text-align : left;
}

div#menu ul.maximenuck2 div.maximenuck_mod li {
  margin : 0 0 0 15px;
  padding : 0;
  background : none;
  border : none;
  text-align : left;
  font-size : 11px;
  float : none;
  display : block;
  line-height : 20px;
  white-space : normal;
}

/* login module */
div#menu ul.maximenuck2 div.maximenuck_mod #form-login ul {
  left : 0;
  margin : 0;
  padding : 0;
  width : 100%;
}

div#menu ul.maximenuck2 div.maximenuck_mod #form-login ul li {
  margin : 2px 0;
  padding : 0 5px;
  height : 20px;
  background : transparent;
}


/*---------------------------------------------
---	 	Fancy styles (floating cursor)		---
----------------------------------------------*/

div#menu .maxiFancybackground {
  position: absolute;
  top : 0;
  list-style : none;
  padding: 0;
  margin: 0;
  border: none;
  z-index: -1;
  border-top: 1px solid #fff;
}

div#menu .maxiFancybackground .maxiFancycenter {
  /*border-top: 1px solid #fff;*/
}



/*---------------------------------------------
---	 	Button to close on click			---
----------------------------------------------*/

div#menu span.maxiclose {
  color: #fff;
}

/*---------------------------------------------
---	 Stop the dropdown                  ---
----------------------------------------------*/

div#menu ul.maximenuck li.maximenuck.nodropdown div.floatck,
div#menu ul.maximenuck li.maximenuck div.floatck li.maximenuck.nodropdown div.floatck,
div#menu .maxipushdownck div.floatck div.floatck {
  position: static !important;
  background:  none;
  border: none;
  left: auto;
  margin: 3px;
  moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block !important;
}

div#menu ul.maximenuck li.level1.parent ul.maximenuck2 li.maximenuck.nodropdown li.maximenuck,
div#menu .maxipushdownck ul.maximenuck2 li.maximenuck.nodropdown li.maximenuck {
  background: none;
  text-indent: 5px;
}

div#menu ul.maximenuck li.maximenuck.level1.parent ul.maximenuck2 li.maximenuck.parent.nodropdown > a,
div#menu ul.maximenuck li.maximenuck.level1.parent ul.maximenuck2 li.maximenuck.parent.nodropdown > span.separator,
div#menu .maxipushdownck ul.maximenuck2 li.maximenuck.parent.nodropdown > a,
div#menu .maxipushdownck ul.maximenuck2 li.maximenuck.parent.nodropdown > span.separator {
  background:  none;
}

/* remove the arrow image for parent item */
div#menu ul.maximenuck li.maximenuck.level1.parent ul.maximenuck2 li.parent.nodropdown > *:after,
div#menu .maxipushdownck ul.maximenuck2 li.parent > *:after {
  display: none;
}

div#menu li.maximenuck.nodropdown > div.floatck > div.maxidrop-main {
  width: auto;
}

/*---------------------------------------------
---	 Full width				                ---
----------------------------------------------*/

div#menu.maximenuckh li.fullwidth > div.floatck {
  margin: 0;
  padding: 0;
  width: auto !important;
  left: 0;
  right: 0;
}

div#menu.maximenuckv li.fullwidth > div.floatck {
  margin: 0;
  padding: 0;
  top: 0;
  bottom: 0;
  left: 100%;
  right: auto !important;
}

div#menu li.fullwidth > div.floatck > div.maxidrop-main {
  width: auto;
}

/*---------------------------------------------
---	 Responsive design behavior         ---
---         Maximenu CK                     ---
----------------------------------------------*/

@media screen and (max-width: 524px) {
    div.maximenuckh {
        height: auto !important;
    }
	
	.maximenuckh li.maxiFancybackground {
		display: none !important;
	}

    div.maximenuckh ul:not(.noresponsive) {
        height: auto !important;
        padding-left: 0 !important;
        /*padding-right: 0 !important;*/
    }

    div.maximenuckh ul:not(.noresponsive) li {
        float :none !important;
        width: 100% !important;
		box-sizing: border-box;
        /*padding-right: 0 !important;*/
		padding-left: 0 !important;
		padding-right: 0 !important;
        margin-right: 0 !important;
    }

    div.maximenuckh ul:not(.noresponsive) li > div.floatck {
        width: 100% !important;
		box-sizing: border-box;
		right: 0 !important;
		left: 0 !important;
		margin-left: 0 !important;
		position: relative !important;
		/*display: none;
		height: auto !important;*/
    }
	
	div.maximenuckh ul:not(.noresponsive) li:hover > div.floatck {
		/*display: block !important;*/
		position: relative !important;
		margin-left: 0 !important;
    }

    div.maximenuckh ul:not(.noresponsive) div.floatck div.maximenuck2 {
        width: 100% !important;
    }

    div.maximenuckh ul:not(.noresponsive) div.floatck div.floatck {
        width: 100% !important;
        margin: 20px 0 0 0 !important;
    }
	
	div.maximenuckh ul:not(.noresponsive) div.floatck div.maxidrop-main {
        width: 100% !important;
    }

    div.maximenuckh ul:not(.noresponsive) li.maximenucklogo img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
    }
	
	
	/* for vertical menu  */
	div.maximenuckv {
        height: auto !important;
    }
	
	.maximenuckh li.maxiFancybackground {
		display: none !important;
	}

    div.maximenuckv ul:not(.noresponsive) {
        height: auto !important;
        padding-left: 0 !important;
        /*padding-right: 0 !important;*/
    }

    div.maximenuckv ul:not(.noresponsive) li {
        float :none !important;
        width: 100% !important;
        /*padding-right: 0 !important;*/
		padding-left: 0 !important;
        margin-right: 0 !important;
    }

    div.maximenuckv ul:not(.noresponsive) li > div.floatck {
        width: 100% !important;
		right: 0 !important;
		margin-left: 0 !important;
		margin-top: 0 !important;
		position: relative !important;
		left: 0 !important;
		/*display: none;
		height: auto !important;*/
    }
	
	div.maximenuckv ul:not(.noresponsive) li:hover > div.floatck {
		/*display: block !important;*/
		position: relative !important;
		margin-left: 0 !important;
    }

    div.maximenuckv ul:not(.noresponsive) div.floatck div.maximenuck2 {
        width: 100% !important;
    }

    div.maximenuckv ul:not(.noresponsive) div.floatck div.floatck {
        width: 100% !important;
        margin: 20px 0 0 0 !important;
    }
	
	div.maximenuckv ul:not(.noresponsive) div.floatck div.maxidrop-main {
        width: 100% !important;
    }

    div.maximenuckv ul:not(.noresponsive) li.maximenucklogo img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
    }
}