/* GLOBAL SECONDARY NAV ------------------- */
/* ---------------------------------------- */
.cmeLegendaryNav {
  width: 100%;
  top: 0;
  position: relative;
  display: none;
  height: 44px;
  overflow: hidden;
  margin-bottom: 20px;
  font-size: 14px;
}
.cmeLegendaryNav.show {
  display: block;
}
.cmeLegendaryNavBreadcrumbContainer {
  height: 100%;
  width: 100%;
  overflow: auto;
  padding-bottom: 20px;
  box-sizing: content-box;
}
.cmeLegendaryNavBackgroundPrimary {
  background: #0195E7;
}
.cmeLegendaryNavBackgroundSecondary {
  background: #047ABB;
}
.cmeLegendaryNav li a {
  color: #fff;
}
.cmeLegendaryNav li a:hover {
  color: #ccc;
  transition: color .5s ease;
}
.cmeLegendaryNavBreadcrumbContainer {
  white-space: nowrap;
  overflow-x: scroll;
  max-width: 984px;
  display: block;
  overflow-y: hidden;
}
.cmeLegendaryNavBreadcrumbContainer,
.cmeLegendaryNavSubnav {
  background: #047ABB;
}
.cmeLegendaryNavBreadcrumbs {
  background: #0195E7;
  padding: 3px 10px 3px 5px;
}
.cmeLegendaryNav .cmeIcon-angle-right:before {
  margin-right: 0;
  margin-left: 0;
}
.cmeLegendaryNavActiveItem,
.cmeLegendaryNavActiveItem a {
  color: #ccc;
}
.cmeLegendaryNavBreadcrumbs .cmeLegendaryNavActiveItem {
  color: #C5E8FF;
}
.cmeLegendaryNavSubnav {
  padding: 8px 0px 8px 10px;
  background: #047ABB;
}
.cmeLegendaryNavSubnavItem {
  margin-left: 15px;
}
.cmeLegendaryNavSubnavItem:first-child {
  margin-left: 0;
}
.cmeLegendaryNavSubnavItem:last-child {
  padding-right: 25px !important;
}
.cmeLegendaryNavBreadcrumbItem.cmeLegendaryNavHome {
  padding: 0;
}
.cmeLegendaryNavBreadcrumbs {
  background: #0195E7;
}
.cmeLegendaryNavBreadcrumb + .cmeLegendaryNavSubnav {
  border-left: 1px solid #ccc;
}
.cmeLegendaryNavBreadcrumbItem {
  padding: 10px 0;
}
.cmeLegendaryNavSubnavItem a,
.cmeLegendaryNavBreadcrumbItem a {
  cursor: pointer;
  padding: 14px 0;
}
.cmeLegendaryNavSubnavItem a:hover {
  color: #bbb;
}
.cmeLegendaryNavBreadcrumbItem {
  margin-left: 0;
}
.cmeLegendaryNavBreadcrumbs,
.cmeLegendaryNavBreadcrumbItem {
  display: inline-block;
}
.cmeLegendaryNavSubnav,
.cmeLegendaryNavSubnavItem {
  display: inline-block;
}
.cmeLegendaryNavScrollIcon,
.cmeLegendaryNavScrollIconLeft {
  position: absolute;
  background-color: #000;
  padding: 14px 5px;
  z-index: 9999;
  opacity: 1;
  top: 0;
  border-left: 1px solid white;
  border-right: 1px solid white;
  width: 20px;
  display: none;
  cursor: pointer;
}
.cmeLegendaryNavScrollIconLeft {
  left: 0;
}
.cmeLegendaryNavScrollIcon {
  right: 0;
}
.cmeLegendaryNavScrollIconShow {
  display: block;
}
.cmeLegendaryNavScrollIconPadding {
  padding-right: 35px;
}
.cmeIcon-angle-right:before {
  content: '\e86c';
  color: #ccc;
}
.cmeIcon-home:before {
  content: '\e822';
}
.cmePineapple .cmeLegendaryNav {
  position: fixed;
  top: 0;
  z-index: 1029;
  background: #fff;
  font-family: 'Roboto', 'Helvetica Neue', helvetica, arial, sans-serif;
  font-weight: 500;
}
.cmePineapple .cmeLegendaryNav li a {
  color: #4994db;
}
.cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer {
  background: #ffffff;
  max-width: 1455px;
  margin: 0 auto;
  position: relative;
  left: 0;
}
@media screen and (min-width: 1455px) {
  .cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer {
    left: 60px;
  }
}
.cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer .cmeLegendaryNavBreadcrumbs {
  background: #fff;
  padding: 0;
  position: relative;
  height: 44px;
  line-height: 44px;
  z-index: 2;
}
.cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer .cmeLegendaryNavBreadcrumbs > li > a {
  padding: 0 10px;
}
.cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer .cmeLegendaryNavBreadcrumbs.hasChildren > li.cmeLegendaryNavActiveItem > span {
  color: #333333;
  font-weight: bold;
  padding: 0 10px;
  font-size: 14px;
}
.cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer .cmeLegendaryNavBreadcrumbs.hasChildren > li .cmeIcon-angle-right:before {
  margin-right: -20px;
  margin-left: 0;
  content: '\e86c';
  color: #666666;
}
.cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer .cmeLegendaryNavBreadcrumbs .cmeLegendaryNavBreadcrumbItem {
  padding: 0;
  margin: 0 10px;
}
.cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer .cmeLegendaryNavBreadcrumbs .cmeLegendaryNavBreadcrumbItem:first-child a {
  padding: 0 15px 0 10px;
}
.cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer .cmeLegendaryNavBreadcrumbs .cmeLegendaryNavBreadcrumbItem:last-child a {
  padding: 0 0 0 10px;
}
.cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer .cmeLegendaryNavBreadcrumbs .cmeLegendaryNavBreadcrumbItem:last-child a {
  color: #272727;
}
.cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer .cmeLegendaryNavBreadcrumbs .cmeLegendaryNavBreadcrumbItem:last-child a:after {
  font-family: "cmeIcons";
  content: '\e86c';
  font-size: 16px;
  color: #666666;
  padding-left: 20px;
}
.cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer .cmeLegendaryNavBreadcrumbs > li {
  position: relative;
  z-index: 2;
}
.cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer .cmeLegendaryNavBreadcrumbs > li.cmeLegendaryNavActiveItem:before {
  background-color: #4994db;
  bottom: 0;
  content: '';
  display: block;
  height: 5px;
  left: 10px;
  position: absolute;
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(((100% - 20px)));
}
.cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer .cmeLegendaryNavBreadcrumbs > li > a {
  color: #666666;
  position: relative;
  z-index: 2;
  padding: 0 20px;
}
.cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer .cmeLegendaryNavSubnav {
  padding: 0;
  background: transparent;
  z-index: 1;
}
.cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer .cmeLegendaryNavSubnav .cmeLegendaryNavSubnavItem {
  padding: 0;
  margin: 0 10px;
  line-height: 44px;
}
.cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer .cmeLegendaryNavSubnav .cmeLegendaryNavSubnavItem > a {
  color: #4994db;
  display: block;
  font-size: 14px;
  padding: 0 10px;
  position: relative;
}
.cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer .cmeLegendaryNavSubnav .cmeLegendaryNavSubnavItem > a:hover {
  color: #0195e7;
}
.cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer .cmeLegendaryNavSubnav .cmeLegendaryNavSubnavItem.cmeLegendaryNavActiveItem > a {
  color: #333333;
}
.cmePineapple .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer .cmeLegendaryNavSubnav .cmeLegendaryNavSubnavItem.cmeLegendaryNavActiveItem a:before {
  background-color: #4994db;
  bottom: 0;
  content: '';
  display: block;
  height: 5px;
  left: 10px;
  position: absolute;
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(((100% - 20px)));
}
.cmePineapple .cmeHasPrimaryNav .cmeLegendaryNav {
  top: 50px;
}
.cmePineapple .cmeHasPrimaryNav.cq-wcm-edit .cmeLegendaryNav {
  top: 68px;
}
.cmeTransform .cmeLegendaryNav {
  left: 0;
  top: 0;
  transition: top 1000ms;
  padding-left: 68px;
  padding-right: 68px;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3);
  transition: all 0.7s ease 0.3s;
}
.cmeTransform .cmeLegendaryNav.need-hide {
  top: -50px !important;
  transition: all 0.7s ease 0.5s;
}
@media (min-width: 993px) and (max-width: 1200px) {
  .cmeTransform .cmeLegendaryNav {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media screen and (max-width: 992px) {
  .cmeTransform .cmeLegendaryNav {
    z-index: 3;
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.cmeTransform .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer {
  max-width: 1600px;
}
@media screen and (min-width: 1455px) {
  .cmeTransform .cmeLegendaryNav .cmeLegendaryNavBreadcrumbContainer {
    left: 0px;
  }
}
.cmeTransform .cmeHasTransformNav .cmeLegendaryNav {
  top: 100px;
}
@media screen and (max-width: 992px) {
  .cmeTransform .cmeHasTransformNav .cmeLegendaryNav {
    top: 50px;
  }
}
.cmeHasTransformNav.cmeHasLegendaryNav #navbar {
  box-shadow: none;
}
.cmeHasTransformNav.cmeHasLegendaryNav #cmePageContentArea {
  margin-top: 60px;
}
.cmeHasTransformNav.cmeHasLegendaryNav.cmeHasPineappleImageBanner #cmePageContentArea {
  margin-top: 45px;
}