/* Spacing */
/* Font Size */
/* Basic colors*/
/* Main colors */
/* For text colours on light background */
/* For text colors on dark background */
/* Background */
/* Background */
/* Size */
/* Brand */
/* 18098-18198-banner-video-KO-PRD-fix */
/* *************************************/
/* 22823-Extra spacing observed on iPad devices */
/* *************************************/
#banner-nav { margin-top: -8vh; margin-bottom: 0vh; clear: both; width: 100%; overflow: hidden; }
#banner-nav .stuck { position: fixed; top: 0px; z-index: 10000; background-color: #333333; height: 80px; width: 100%; }
#banner-nav .stuck ul { display: table; margin: 0em auto 0; text-align: center; width: 100%; }
#banner-nav .stuck ul .tab-link { white-space: nowrap; background-color: transparent; border-top: none; color: white; display: block; font-weight: 600; padding: 0.75em 0.809em; text-decoration: none; text-transform: uppercase; }

#banner-nav > div > div > div > div > a { min-width: 250px; }

/* Minimum aspect ratio */
@media (max-aspect-ratio: 1200 / 1000) and (min-height: 1000px) { #banner-nav { margin-top: -6% !important; margin-bottom: 0; clear: both; } }
.sticky-banner-nav { padding: 0.75em 0.809em; bottom: 0; transform: translateX(0%); z-index: 10000; background-color: transparent; height: 80px; }
.sticky-banner-nav .field--formatter-link { width: 55%; }
.sticky-banner-nav div, .sticky-banner-nav ul { display: table; margin: 0em auto 0; padding: 0; width: 75%; text-align: center; /* sticky nav on smaller screens*/ }
.sticky-banner-nav div::after, .sticky-banner-nav ul::after { clear: both; content: ""; display: table; }
.sticky-banner-nav div li.ds-categories__tab__name, .sticky-banner-nav ul li.ds-categories__tab__name { display: table-cell; }
.sticky-banner-nav div .tab-link, .sticky-banner-nav div .swipper-slide { display: table-cell; white-space: normal; background-color: transparent; border-top: none; color: white !important; font-weight: 600; text-decoration: none; text-transform: uppercase; }
.sticky-banner-nav div a { display: table-cell; white-space: normal; background-color: transparent; border-top: none; color: white !important; font-weight: 600; text-decoration: none; text-transform: uppercase; }
.sticky-banner-nav ul a, .sticky-banner-nav ul .tab-link, .sticky-banner-nav ul .swipper-slide { display: table-cell; white-space: pre-wrap; background-color: transparent; border-top: none; color: white !important; font-weight: 600; text-decoration: none; text-transform: uppercase; }
.sticky-banner-nav div a:visited, .sticky-banner-nav div .tab-link:visited, .sticky-banner-nav div .swipper-slide:visited { color: #ffffff !important; text-decoration: none; }
.sticky-banner-nav ul a:visited, .sticky-banner-nav ul .tab-link:visited, .sticky-banner-nav ul .swipper-slide:visited { color: #ffffff !important; text-decoration: none; }
.sticky-banner-nav div a::after, .sticky-banner-nav div .tab-link::after, .sticky-banner-nav div .swipper-slide::after { content: ""; display: block; bottom: -12px; width: calc(70%); margin: 0 auto; position: relative; height: 2px; background-color: #ffffff; -webkit-transform: scale(0.5); transform: scale(0.5); transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }
.sticky-banner-nav ul a::after, .sticky-banner-nav ul .tab-link::after, .sticky-banner-nav ul .swipper-slide::after { content: ""; display: block; bottom: -12px; width: calc(70%); margin: 0 auto; position: relative; height: 2px; background-color: #ffffff; -webkit-transform: scale(0.5); transform: scale(0.5); transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }
.sticky-banner-nav div a:focus, .sticky-banner-nav div .tab-link:focus, .sticky-banner-nav div .swipper-slide:focus { outline: none; }
.sticky-banner-nav ul a:focus, .sticky-banner-nav ul .tab-link:focus, .sticky-banner-nav ul .swipper-slide:focus { outline: none; }
.sticky-banner-nav div a.is-active, .sticky-banner-nav div a:hover { background-color: transparent; color: #ffffff; text-decoration: none; }
.sticky-banner-nav div .tab-link.is-active, .sticky-banner-nav div .tab-link:hover { background-color: transparent; color: #ffffff; text-decoration: none; }
.sticky-banner-nav div .swipper-slide.is-active, .sticky-banner-nav div .swipper-slide:hover { background-color: transparent; color: #ffffff; text-decoration: none; }
.sticky-banner-nav ul a.is-active, .sticky-banner-nav ul a:hover { background-color: transparent; color: #ffffff; text-decoration: none; }
.sticky-banner-nav ul .tab-link.is-active, .sticky-banner-nav ul .tab-link:hover { background-color: transparent; color: #ffffff; text-decoration: none; }
.sticky-banner-nav ul .swipper-slide.is-active, .sticky-banner-nav ul .swipper-slide:hover { background-color: transparent; color: #ffffff; text-decoration: none; }
.sticky-banner-nav div a.is-active::after, .sticky-banner-nav div a:hover::after { content: ""; display: block; bottom: -12px; width: calc(85%); margin: 0 auto; position: relative; height: 2px; background-color: #239de8; -webkit-transform: scale(0.8); transform: scale(0.8); transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }
.sticky-banner-nav div .tab-link.is-active::after, .sticky-banner-nav div .tab-link:hover::after { content: ""; display: block; bottom: -12px; width: calc(85%); margin: 0 auto; position: relative; height: 2px; background-color: #239de8; -webkit-transform: scale(0.8); transform: scale(0.8); transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }
.sticky-banner-nav div .swipper-slide.is-active::after, .sticky-banner-nav div .swipper-slide:hover::after { content: ""; display: block; bottom: -12px; width: calc(85%); margin: 0 auto; position: relative; height: 2px; background-color: #ffffff; -webkit-transform: scale(0.8); transform: scale(0.8); transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }
.sticky-banner-nav ul a.is-active::after, .sticky-banner-nav ul a:hover::after { content: ""; display: block; bottom: -12px; width: calc(85%); margin: 0 auto; position: relative; height: 2px; background-color: #ffffff; -webkit-transform: scale(0.8); transform: scale(0.8); transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }
.sticky-banner-nav ul .tab-link.is-active::after, .sticky-banner-nav ul .tab-link:hover::after { content: ""; display: block; bottom: -12px; width: calc(85%); margin: 0 auto; position: relative; height: 2px; background-color: #ffffff; -webkit-transform: scale(0.8); transform: scale(0.8); transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }
.sticky-banner-nav ul .swipper-slide.is-active::after, .sticky-banner-nav ul .swipper-slide:hover::after { content: ""; display: block; bottom: -12px; width: calc(85%); margin: 0 auto; position: relative; height: 2px; background-color: #ffffff; -webkit-transform: scale(0.8); transform: scale(0.8); transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }
.sticky-banner-nav div a.is-active::after, .sticky-banner-nav div .tab-link.is-active::after, .sticky-banner-nav div .swipper-slide.is-active::after { background-color: #239de8; }
.sticky-banner-nav ul a.is-active::after, .sticky-banner-nav ul .tab-link.is-active::after, .sticky-banner-nav ul .swipper-slide.is-active::after { background-color: #239de8; }

@media (max-width: 1366px) { .sticky-banner-nav div, .sticky-banner-nav ul { width: 100% !important; transition: width 1s ease-in-out; } }
@media (max-width: 840px) { #banner-nav { margin-top: 0; }
  #banner-nav .stuck { width: 1800px; }
  .sticky-banner-nav { background-color: #333333 !important; transition: width 1s ease-in-out; display: inline-block !important; margin: 0 auto; width: 1920px; overflow: hidden; }
  .sticky-banner-nav div, .sticky-banner-nav ul { display: table; margin: 0em 0 0 2em; padding: 0; width: 75%; text-align: left; /* sticky nav on smaller screens*/ }
  .sticky-banner-nav div { transition: width 1s ease-in-out; }
  .sticky-banner-nav div a { white-space: nowrap; text-align: center !important; display: inline-block !important; padding: 0 1em; color: #ffffff !important; min-width: 150px; }
  .sticky-banner-nav div a:visited { color: #ffffff !important; text-decoration: none; }
  .sticky-banner-nav.stuck { background-color: #333333; transition: width 1s ease-in-out; display: inline-block !important; margin: 0 auto; width: 1300px; }
  .sticky-banner-nav.stuck div { transition: width 1s ease-in-out; width: 1300px; }
  .sticky-banner-nav.stuck div a { white-space: nowrap !important; text-align: center !important; display: inline-block !important; margin: 0 1em 1em auto; color: #ffffff !important; }
  .sticky-banner-nav.stuck div a:visited { color: #ffffff !important; text-decoration: none; }
  /* Portrait and Landscape */ }
@media only screen and (max-width: 840px) and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { .sticky-banner-nav { width: 1800px !important; } }