#megamenu-bar{ border-top: 1px none #cecece; border-bottom: 1px none #cecece; border-left: 1px none #cecece; border-right: 1px none #cecece; background-color: #fff; } .megamenu__nav--horizontal .megamenu__badge{ background-color: #CA5058; color: #ffffff; } .megamenu__nav--horizontal .megamenu__badge .megamenu__badge-arrow{ color: #CA5058; } .megamenu__nav--horizontal > ul > li.is-open > a, .megamenu__nav--horizontal > ul > li.is-open > a:hover{ background-color: ; color: #67A6DB; } .megamenu__nav--horizontal > ul > li > a, .megamenu__nav--horizontal > ul > li > span.megamenu__link{ color: #000000; padding-left: 16px; max-width: 400px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; font-weight: bold; font-size: 16px; border-left: 1px none #cecece; } @media (min-width: 1320px){ .megamenu__nav--horizontal > ul > li > a, .megamenu__nav--horizontal > ul > li > span.megamenu__link{ font-size: 16px; padding-left: 16px; padding-right: 16px; } } .megamenu__nav--horizontal > ul > li > a .megamenu__icon, .megamenu__nav--horizontal > ul > li > a .megamenu__icon-img{ font-size: 14px; max-height: 14px; } .megamenu__nav .megamenu__panel, .megamenu__nav ul.megamenu__flyout, .megamenu__tree-item--parent > .megamenu__tree-link > ul { border-top: 1px none #cecece; border-bottom: 1px none #cecece; border-left: 1px none #cecece; border-right: 1px none #cecece; background-color: #ffffff; } .megamenu__nav .megamenu__col { border-color: #cecece; } .megamenu__nav .megamenu__panel, .megamenu__nav ul.megamenu__flyout, .megamenu__tree-item--parent:hover > .megamenu__tree-link > ul { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); } .megamenu__nav .megamenu__tabs-nav li .megamenu__tabs-mask{ width: 1px; right: -1px; } .megamenu__nav .megamenu__tabs-nav li{ border-bottom: 1px none #cecece; } .megamenu__nav .megamenu__tabs-pane{ border-left: 1px none #cecece; } .is_rtl .megamenu__nav .megamenu__tabs-pane{ border-right: 1px none #cecece; } .megamenu__nav .megamenu__panel .megamenu__col-title, .megamenu__nav .megamenu__panel a.megamenu__col-title:link { font-size: 20px; line-height: 24px; color: #364F8B; text-transform: uppercase; font-weight: bold; } .megamenu__nav .megamenu__panel a.megamenu__col-title:hover { color: #67A6DB; } .megamenu__nav .megamenu__panel .megamenu__col-title{ padding-bottom: 6px; border-bottom: 1px solid #cecece; } .megamenu__nav .megamenu__panel{ font-size: 16px; line-height: 20px; color: #2E93D1; } .megamenu__nav .megamenu__panel a, .megamenu__nav .megamenu__panel a:link{ color: #2E93D1; } .megamenu__nav .megamenu__panel a:hover{ color: #0C70AF; } .megamenu__vertical-title{ background-color: #000000; color: #ffffff; font-size: 14px; line-height: 45px; text-transform: uppercase; } .megamenu__vertical-title:hover{ background-color: #282828; color: #ffffff; } .megamenu__nav.megamenu__nav--vertical > ul{ border-top: 1px none #cecece; border-bottom: 1px solid #cecece; border-left: 1px solid #cecece; border-right: 1px solid #cecece; background-color: transparent; } .megamenu__nav--vertical .megamenu__badge{ background-color: #CA5058; color: #ffffff; } .megamenu__nav--vertical .megamenu__badge .megamenu__badge-arrow{ color: #CA5058; } .megamenu__nav--vertical > ul > li.is-open > a, .megamenu__nav--vertical > ul > li.is-open > a:hover{ background-color: #fafafa; color: #000000; } .megamenu__nav--vertical > ul > li > a, .megamenu__nav--vertical > ul > li > span.megamenu__link{ color: #777777; padding-top: 20px; padding-bottom: 20px; text-transform: uppercase; font-size: 14px; border-top: 1px solid #cecece; } .megamenu__nav--vertical > ul > li > a .megamenu__icon, .megamenu__nav--vertical > ul > li > a .megamenu__icon-img{ font-size: 14px; max-height: 14px; }.megamenu__vertical .megamenu__nav.megamenu__nav--vertical > ul{ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); } .megamenu__nav > ul > li.megamenu__item--6 > a, .megamenu__nav > ul > li.megamenu__item--6 > span.megamenu__link { color: #2E93D1; } .megamenu__nav .megamenu__panel .megamenu__tabs-nav li a { background-color: ; color: #2E93D1; } .megamenu__nav .megamenu__tabs-caret{ color: #2E93D1;} .megamenu__tabs-nav li a:hover, .megamenu__nav .megamenu__tabs-nav li.active a, .megamenu__tabs-nav li .megamenu__tabs-mask { background-color: ; color: #0C70AF; } .megamenu__nav li.active .megamenu__tabs-caret{ color: #0C70AF;}