* html .clearfix {
     height: 1%;
}

html[xmlns] .clearfix {
     display: block;
}

#js-mainnav.megamenu .clearfix::after {
     clear: both;
     content: ".";
     display: block;
     height: 0px;
     visibility: hidden;
}

#js-mainnav.megamenu {
     line-height: 1;
     position: relative;
     z-index: 9;
}

#js-mainnav.megamenu ul {
     list-style: outside none none;
}

#js-mainnav.megamenu div.megaMenuToggle {
     display: none;
}

#js-mainnav.megamenu .js-megamenu {
     font-size: 12px;
     margin: 0px;
     padding: 0px;
}

#js-mainnav.megamenu ul.megamenu {
     margin: 10px;
}

#js-mainnav.megamenu ul.megamenu.level1 {
     padding: 0px;
}

#js-mainnav.megamenu ul.level0 {
     margin: 0px;
     padding: 0px;
}

#js-mainnav.megamenu ul.level0 li.mega {
     display: block;
     float: left;
     margin: 0px;
     padding: 0px;
     position: relative;
}

#js-mainnav.megamenu ul.level0 li.mega.right {
     float: right;
}

#js-mainnav.megamenu ul.level0 li.mega span.mega, #js-mainnav.megamenu ul.level0 li.mega a.mega {
     cursor: pointer;
     display: block;
     line-height: normal;
     margin: 0px;
     padding: 8px 15px;
     text-decoration: none;
}

#js-mainnav.megamenu ul.level0 li.mega .has-image {
     background-position: left top;
     background-repeat: no-repeat;
     cursor: pointer;
     display: block;
     padding-left: 25px;
}

#js-mainnav.megamenu span.menu-image {
     background-position: left 1px;
     background-repeat: no-repeat;
     display: block;
     overflow: hidden;
     padding-left: 21px;
}

#js-mainnav.megamenu ul.level1 li.mega.group:hover {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% ! important;
}

#js-mainnav.megamenu ul.level0 li.mega span.menu-title {
     display: block;
}

#js-mainnav.megamenu ul.level0 li.mega span.menu-desc {
     display: block;
     font-size: 92%;
     font-weight: normal;
}

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

#js-mainnav.megamenu ul.level0 li.mega span.image-title {
     padding-left: 5px;
}

#js-mainnav.megamenu ul.level0 li.haschild a.mega span.menu-desc, #js-mainnav.megamenu ul.level0 li.haschild-over a.mega span.menu-desc {
     padding-left: 12px;
}

#js-mainnav.megamenu ul.level0 li #current.active {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
}

#js-mainnav.megamenu.vertical {
     background-image: none;
}

#js-mainnav.megamenu.horizontal.left ul.level0 {
     float: left;
     width: 100%;
}

#js-mainnav.megamenu.horizontal.center ul.level0 {
     float: left;
     left: 50%;
     position: relative;
     transform: translate(-50%);
}

body {
     overflow-x: hidden ! important;
}

#js-mainnav.megamenu.horizontal.right ul.level0 {
     float: right;
}

#js-mainnav.megamenu.vertical ul.level0 {
     float: left;
     max-width: 100%;
     width: 100%;
}

#js-mainnav.megamenu.horizontal.center ul.megamenu.level1 {
     left: 0px;
     position: relative;
}

#js-mainnav.megamenu.vertical ul.level0 li.mega {
     float: none;
}

#js-mainnav.megamenu.vertical li.mega {
     float: none;
}

#js-mainnav.megamenu.horizontal.center ul.level0 li.mega {
     position: relative;
}

#js-mainnav.megamenu.vertical.right ul.level0 li.mega span.mega, #js-mainnav.megamenu.vertical.right ul.level0 li.mega a.mega {
     text-align: right;
}

#js-mainnav.megamenu.horizontal ul.level0 li a.haschild.mega span.menu-title, #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.mega span.menu-title {
     background: rgba(0, 0, 0, 0) url("../images/arrow3.png") no-repeat scroll left center;
     padding-left: 12px;
}

#js-mainnav.megamenu.vertical.left li a.haschild.mega span.menu-title, #js-mainnav.megamenu.vertical.left li a.haschild-over.mega span.menu-title {
     background: rgba(0, 0, 0, 0) url("../images/arrow.png") no-repeat scroll right center;
     padding-left: 0px;
}

#js-mainnav.megamenu.vertical.right li a.haschild.mega span.menu-title, #js-mainnav.megamenu.vertical.right li a.haschild-over.mega span.menu-title {
     background: rgba(0, 0, 0, 0) url("../images/arrow_right.png") no-repeat scroll left center;
     padding-left: 0px;
}

#js-mainnav.megamenu.vertical ul.level0 li a.haschild.mega span.menu-desc, #js-mainnav.megamenu.vertical ul.level0 li a.haschild-over.mega span.menu-desc {
     padding-left: 0px;
}

#js-mainnav.megamenu.horizontal.center ul.level1 li.mega {
     position: relative;
     right: 0px;
}

#js-mainnav.megamenu.vertical.left ul.level1 li.haschild, #js-mainnav.megamenu.vertical.left ul.level1 li.haschild-over {
     background-image: url("../images/arrow.png");
     background-position: 95% center;
     background-repeat: no-repeat;
     padding: 0px;
}

#js-mainnav.megamenu.vertical.right ul.level1 li.haschild, #js-mainnav.megamenu.vertical.right ul.level1 li.haschild-over {
     background-image: url("../images/arrow_right.png");
     background-position: left center;
     background-repeat: no-repeat;
     padding: 0px;
}

#js-mainnav.megamenu.vertical.left .js-megamenu ul.level0 li.mega .childcontent {
     margin-left: 100% ! important;
     margin-top: -32px;
}

#js-mainnav.megamenu.vertical.right .js-megamenu ul.level0 li.mega .childcontent {
     margin-left: -99% ! important;
     margin-top: -32px;
     right: 95%;
}

#js-mainnav.megamenu.vertical.left .js-megamenu ul.level1 li.mega .childcontent {
     margin-top: 0px ! important;
     top: 0px;
}

#js-mainnav.megamenu.vertical.right .js-megamenu ul.level1 li.mega .childcontent {
     margin-left: -100% ! important;
     margin-top: -32px;
}

#js-mainnav.megamenu.vertical.left ul.level1 li.haschild, ul.level1 li.haschild-over {
     position: relative;
}

#js-mainnav.megamenu .js-megamenu li.mega .childcontent {
     display: block;
     height: auto;
     position: absolute;
}

#js-mainnav.megamenu .js-megamenu li.mega .childcontent, #js-mainnav.megamenu .js-megamenu li.haschild-over li.mega .childcontent, #js-mainnav.megamenu .js-megamenu li.mega li.haschild-over li.mega .childcontent, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.haschild-over li.mega .childcontent, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.haschild-over li.mega .childcontent, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.mega li.haschild-over li.mega .childcontent {
     left: -999em;
}

#js-mainnav.megamenu .js-megamenu li.haschild-over .childcontent, #js-mainnav.megamenu .js-megamenu li.mega li.haschild-over .childcontent, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.haschild-over .childcontent, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.haschild-over .childcontent, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.mega li.haschild-over .childcontent, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.mega li.mega li.haschild-over .childcontent {
     left: auto;
}

#js-mainnav.megamenu .js-megamenu li.mega .right, #js-mainnav.megamenu .js-megamenu li.haschild-over li.mega .right, #js-mainnav.megamenu .js-megamenu li.mega li.haschild-over li.mega .right, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.haschild-over li.mega .right, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.haschild-over li.mega .right, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.mega li.haschild-over li.mega .right {
     right: auto;
}

#js-mainnav.megamenu .js-megamenu li.haschild-over .right {
     right: 0px;
}

#js-mainnav.megamenu .js-megamenu li.mega li.haschild-over .right, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.haschild-over .right, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.haschild-over .right, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.mega li.haschild-over .right, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.mega li.mega li.haschild-over .right {
     right: 12em;
}

#js-mainnav.megamenu ul.level1 li.mega {
     float: none;
}

#js-mainnav.megamenu ul.level1 .childcontent {
     margin: -20px 0px 0px;
}

#js-mainnav.megamenu .megacol {
     float: left;
}

#js-mainnav.megamenu ul.level1 li.mega {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
}

#js-mainnav.megamenu ul.level1 li.first {
     border-top: 0px none;
}

#js-mainnav.megamenu ul.level1 li.mega span.mega, #js-mainnav.megamenu ul.level1 li.mega a.mega {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     border: 0px none;
     font-weight: normal;
     padding: 8px 5px;
}

#js-mainnav.megamenu ul.level1 li.mega a.haschild.mega span.menu-title, #js-mainnav.megamenu ul.level1 li.mega a.haschild-over.mega span.menu-title {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     padding: 0px;
}

#js-mainnav.megamenu ul.level1 li.group {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
}

#js-mainnav.megamenu .childcontent {
     z-index: 999;
}

#js-mainnav.megamenu .childcontent .js-moduletable {
     border-bottom: 0px none;
     line-height: 1.5;
     margin: 10px 0px;
     padding: 0px;
}

#js-mainnav.megamenu .childcontent-inner a {
     text-decoration: none;
     width: auto;
}

#js-mainnav.megamenu .childcontent-inner .group ul li.active {
    
}

#js-mainnav.megamenu .childcontent .group h3 {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     padding: 0px 5px 8px;
     text-transform: none;
}

#js-mainnav.megamenu .childcontent .group .moduletable {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     padding-top: 12px;
}

#js-mainnav.megamenu .childcontent .js-moduletable .js-box-ct {
     padding: 0px 5px;
}

#js-mainnav.megamenu .childcontent .js-moduletable a {
     text-decoration: none;
}

#js-mainnav.megamenu .childcontent .js-moduletable a:hover, #js-mainnav.megamenu .childcontent .js-moduletable a:focus, #js-mainnav.megamenu .childcontent .js-moduletable a:active {
     text-decoration: none;
}

#js-mainnav.megamenu .childcontent .js-moduletable ul:first-child {
     margin-top: 0px ! important;
}

#js-mainnav.megamenu .childcontent .js-moduletable li {
     margin-bottom: 5px;
}

#js-mainnav.megamenu .group {
    
}

#js-mainnav.megamenu .group-title {
     overflow: hidden;
}

#js-mainnav.megamenu .group-title .menu-title {
     font-size: 115%;
     font-weight: bold;
     text-transform: uppercase;
}

#js-mainnav.megamenu .group-title .menu-desc {
     padding-left: 0px ! important;
}

#js-mainnav.megamenu .group-content .js-moduletable, #js-mainnav.megamenu .group-content ul.megamenu {
     margin: 10px;
     padding: 0px;
}

#js-mainnav.megamenu .childcontent .moduletable {
     padding: 10px;
}

#js-mainnav.megamenu ul.level0 .childcontent .moduletable li:hover, #js-mainnav.megamenu ul.level0 .childcontent .moduletable a:hover {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
}

#js-mainnav.megamenu .childcontent-inner {
     overflow: visible;
}

#js-mainnav.megamenu .childcontent .moduletable h3 {
     margin: 0px;
     padding: 0px 0px 10px;
}

#js-mainnav.megamenu .childcontent .moduletable {
     padding: 10px;
}

#js-mainnav.megamenu span.no-title {
     padding: 0px;
}

#js-mainnav.megamenu span.no-title img {
     padding: 0px ! important;
}

#js-mainnav.megamenu ul.megamenu.level0 li.big-img-left, #js-mainnav.megamenu ul.megamenu.level0 .big-img-right {
     padding: 5px 0px;
}

#js-mainnav.megamenu ul.megamenu.level0 .big-img-left img {
     float: left;
     margin: 0px 10px 10px 0px;
}

#js-mainnav.megamenu ul.megamenu.level0 .big-img-right img {
     float: right;
     margin: 0px 10px;
}

#js-mainnav.megamenu ul.megamenu.level0 .big-img-left span.image-title, #js-mainnav.megamenu ul.megamenu.level0 .big-img-right span.image-title {
     padding: 0px;
}

#js-mainnav.megamenu ul.megamenu.level0 input#mod-search-searchword {
     max-width: 100px;
}

#js-mainnav.megamenu ul.megamenu.level0 form {
     margin: 6px 10px;
}

#js-mainnav.megamenu ul.megamenu.level0 .contact-form form {
     margin: 0px;
}

#js-mainnav.megamenu ul.megamenu.level0 .contact-form form p {
     font-size: 10px;
     margin: 0px;
     padding: 0px;
}

.tip-wrap {
     z-index: 9999;
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent {
     opacity: 0;
     transition: opacity 0.4s ease 0s;
     visibility: hidden;
}

#js-mainnav.noJS ul.megamenu li.haschild:hover > div.childcontent {
     left: auto;
     opacity: 1;
     visibility: visible;
}

#js-mainnav.horizontal ul.level0 li.mega.submenu-align-center > .childcontent {
     left: 50% ! important;
     margin-left: 0px ! important;
     transform: translate(-50%);
}

#js-mainnav.horizontal ul.level0 li.mega.submenu-align-fullwidth {
     position: static ! important;
}

#js-mainnav.horizontal ul.level0 li.mega.submenu-align-fullwidth > .childcontent {
     left: 0px ! important;
     margin-left: 0px ! important;
}

#js-mainnav.horizontal ul.level0 li.mega.submenu-align-fullwidth > .childcontent, #js-mainnav.horizontal ul.level0 li.mega.submenu-align-fullwidth > .childcontent > .childcontent-inner-wrap, #js-mainnav.horizontal ul.level0 li.mega.submenu-align-fullwidth > .childcontent > .childcontent-inner-wrap > .childcontent-inner {
     width: 100% ! important;
}

#js-mainnav.horizontal ul.level0 li.mega.submenu-align-right > .childcontent {
     left: auto ! important;
     margin-left: 0px ! important;
     right: 0px ! important;
}

#js-mainnav.horizontal ul.level1 li.mega.submenu-align-right > .childcontent {
     left: auto ! important;
     right: 100% ! important;
}

#js-mainnav.horizontal ul.level0 li.mega.submenu-align-left > .childcontent {
     left: 0px ! important;
     margin-left: 0px ! important;
}

#js-mainnav.horizontal ul.level1 li.mega.submenu-align-left > .childcontent {
     left: 100% ! important;
}

@media screen and (min-width: 768px) {
  #js-mainnav.megamenu-sticky { left: 0px; right: auto; width: 100%; border-radius: 0px; margin: 0px ! important; z-index: 1000; position: fixed ! important; top: 0px; bottom: auto ! important; transition: none 0s ease 0s ; }
}

@media screen and (max-width: 768px) {
  .tip-wrap { display: none ! important; }
}