/* Links 

*/
html, body { padding: 0px; margin: 0px; /*margin: 0px auto !important; max-width: 1280px !important;*/ }
#main p { font-weight: normal !important; }
#main p a { font-weight: normal; font-size: inherit; line-height: inherit; text-decoration: none; transition: all 0.3s ease-in-out 0s; outline: none; box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; }
#main { margin-left: 0; margin-right: 0; }
#main a:hover { text-decoration: underline; }
#main a:focus, #main a:active { text-decoration: none; }
:focus { outline: 0; }
.container-full-width { margin-bottom: 0px; padding: 0; max-width: 100%; overflow: inherit; }
.two-col-container .article-content { overflow: inherit !important; }
.container-full-width + img[width="1"] { display: none; }
div.ntvBlueBarDisclaimer { position: relative; margin: 0px; z-index: 1; }
.template-two-col.container-full-width, .template-two-col .container-full-width, .articleContainer { max-width: 100%; }
.articleContainer__header, .articleContainer__content { margin: 0px; max-width: 100%; }
.mdex-test.template-article .container-full-width .article-container { max-width: 100%; padding: 0px; margin: 0px; }
.component.footer-test { margin-top: 0px; }
.template-article .two-col-container .two-col-main-content .article-content { margin-top: 0px; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; margin: 0; padding: 0; overflow: hidden; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, #main #layout .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-sr-only, .slick-autoplay-toggle-button { font-size: 0px !important; line-height: 0px !important; border: 0!important; clip: rect(1px,1px,1px,1px)!important; -webkit-clip-path: inset(50%)!important; clip-path: inset(50%)!important; height: 1px!important; margin: -1px!important; overflow: hidden!important; padding: 0!important; position: absolute!important; width: 1px!important; white-space: nowrap!important }

/* layout common css */
#main, #main *, #main *:before, #main *:after { padding: 0px; margin: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; letter-spacing: 0px; }
#main #layout img { max-width: 100%; height: auto; border: 0px; display: block; }
#main #layout { padding: 0px; margin: 0px; border: 0px; position: relative; z-index: 10; width: 100%; font-family: "acumin-pro",sans-serif; font-weight: 500; overflow: hidden; background: #1F375B; }

.hidden-text { display: none !important; }

#main .d-flex { display: flex; flex-wrap: wrap; }
#main .d-v-center { align-items: center; }
#main .d-v-start { align-items: flex-start; }
#main .d-v-end { align-items: flex-end; }
#main .d-h-center { justify-content: center; }
#main .d-h-end { justify-content: flex-end; }

#main #layout .cs-wrapper { padding: 0px 20px; margin: 0px auto; width: 100%; max-width: 1208px; position: relative; }
#main #layout .hidden-text { display: none !important; }
#main #layout sup { line-height: 1; font-size: 60%; }

#main #layout p { padding: 0px 0px 10px; margin: 0px; color: #1F375B; font-weight: 500; !important; font-size: 22px; line-height: 34px; font-family: "acumin-pro",sans-serif; max-width: 100% !important; letter-spacing: 0px; }
#main #layout p strong { font-weight: 800; font-family: "acumin-pro",sans-serif; }
#main #layout p strong a { font-family: "acumin-pro",sans-serif; }
#main #layout p sup { line-height: 1; top: auto; font-size: 60%; font-weight: normal; font-family: "acumin-pro",sans-serif; }
#main #layout p a { color: #1F375B !important; text-decoration: underline; font-weight: 400 !important; font-family: "acumin-pro",sans-serif; letter-spacing: 0px; }
#main #layout p a:hover, #main #layout .cs-cta-bar p a:hover, #main #layout .cs-intro-bar p a:hover { text-decoration: none; box-shadow: none; -webkit-box-shadow: none; background-size: 0px; }

#main #layout .clear { clear: both; overflow: hidden; height: 0px; width: 100%; display: block; }

#main #layout .top-overflow { overflow: hidden; }

#main #layout .hero-bar { padding: 52px 0px 81px; position: relative; }
#main #layout .hero-bar .top-tag { padding: 0px 0px 21px; color: #FFF; text-align: center; font-family: "acumin-pro-condensed",sans-serif; font-size: 20px;font-weight: 900; line-height: 30px; letter-spacing: 1.5px; text-transform: uppercase; }
#main #layout .hero-bar h1 { padding: 0px; margin: 0px; color: #B8E4FF; text-align: center; font-family: "ivyora-display",serif; font-size: 66px; font-style: italic; font-weight: 500; line-height: 76px; position: relative; right: 88px; }
#main #layout .hero-bar .sparkle { margin: -22px auto 0px; width: 951px; position: relative; right: 20px; }
#main #layout .hero-bar h2 { padding: 0px 252px 0px 0px; margin: -96px 0px 0px; text-align: right; color: #B8E4FF; font-family: "ivyora-display",serif; font-size: 44px; font-weight: 500; line-height: 54px; position: relative; }
#main #layout .hero-bar h2 em { font-style: italic; font-size: 30px; line-height: 1; }
#main #layout .hero-bar .icon { position: absolute; bottom: -131px; right: 66px; width: 210.5px; }
#main #layout .hero-bar .click-play { padding-left: 19px; margin: 33px 337px 0px auto; text-decoration: none; width: 200px; height: 27px; color: #FFF; font-family: "acumin-pro-condensed",sans-serif;font-size: 13px; font-weight: 800; line-height: 15.18px; letter-spacing: 1px; text-transform: uppercase; background: #E10025 url(../images/sound.png) top 50% left 16px no-repeat; background-size: 17px auto; }
#main #layout .hero-bar .click-play.playing { background-image: url(../images/sound-off.png); }
#main #layout .hero-bar #mainaudio { position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; opacity: 0; visibility: hidden; }

#main #layout .hero-bar .inner { padding: 68px 0px 47px; margin: 0px auto; position: relative; max-width: 1096px; }
#main #layout .hero-bar .l-img { width: 170px; }
#main #layout .hero-bar .l-img .author { margin: 0px auto 10px; width: 125px; }
#main #layout .hero-bar .l-img .link { gap: 4px; color: #FFF; font-family: "acumin-pro-condensed",sans-serif; font-size: 12px; font-weight: 800; line-height: 1; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; }
#main #layout .hero-bar .l-img .link .ins { width: 18.5px; }
#main #layout .hero-bar .l-img .link .check { width: 12.5px; }
#main #layout .hero-bar .text { padding: 18px 65px 0px 26px; width: calc(100% - 170px); }
#main #layout .hero-bar .text p { padding-bottom: 12px; color: #FFFDF7; line-height: 37px; }
#main #layout .hero-bar .text p a { color: #FFFDF7 !important; }
#main #layout .hero-bar .scroll-down { flex-direction: column; position: absolute; bottom: -48px; left: 66px; text-align: right; color: #FFF; font-family: "acumin-pro-condensed",sans-serif; font-size: 10px; font-weight: 600; line-height: 1; letter-spacing: 2px; }
#main #layout .hero-bar .scroll-down div { padding-bottom: 8px; margin-right: -3px; display: block; writing-mode: vertical-rl; text-orientation: mixed; white-space: nowrap; }
#main #layout .hero-bar .scroll-down div span { display: block; transform: rotate(-180deg); letter-spacing: 2px; }
#main #layout .hero-bar .scroll-down img { width: 19.5px; }
#main #layout .hero-bar .sparkle-vid { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; object-fit: contain; pointer-events: none; }

#main #layout .cs-paidcontent { padding: 0px 0px 0px; margin: 0 auto; z-index: 2; text-align: center; }
#main #layout .cs-paidinfo { position: relative; z-index: 2; }
#main #layout .cs-paidinfo .cs-hover { cursor: pointer; display: inline-block; vertical-align: top; font-family: 'RobotoRegular'; font-weight: normal; font-size: 14px; line-height: 16px; letter-spacing: 0.25px; text-transform: uppercase; color: #ffffff; position: relative; text-decoration: none; z-index: 2; }
#main #layout .cs-paidinfo .cs-hover svg { margin: -1px 0px 0px 0px; width: 11px; display: inline-block; vertical-align: top; }
#main #layout .cs-paidinfo .cs-hover span { padding: 7px 10px; display: block; font-size: 12px; line-height: 18px; color: #000000; font-family: 'RobotoRegular'; will-change: filter; visibility: hidden; position: absolute; top:calc(100% + .5rem); left: -42px; width: 13.5rem; height: fit-content; background: #fff; text-transform: none; text-align: left; cursor: pointer; filter: drop-shadow(0 0 0.1em #000) drop-shadow(0 0 0.1em #000) }
#main #layout .cs-paidinfo .cs-hover span:before { content: ""; position: absolute; bottom:calc(100% - .0625rem); left: 40px; height:.375rem; width:.75rem; background: #ffffff; clip-path: polygon(50% 0, 0 100%, 100% 100%); -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%) }
#main #layout .cs-paidinfo .cs-hover:hover span { opacity: 1; visibility: visible; }
#main #layout .cs-paidcontent .cs-brand-logo { margin: 5px auto 0px; width: 143.5px; display: inline-block; vertical-align: top; }

#main #layout .step-bar { padding: 16px 0px 0px; position: relative; z-index: 1; }
#main #layout .step-bar .cs-wrapper { max-width: 1160px; }
#main #layout .step-bar .first { padding: 9px; position: relative; background: #A3DDFF; }
#main #layout .step-bar .second { padding: 5px; border: 5px solid #1F375B; }
#main #layout .step-bar .third { padding: 40px 20px 35px; border: 2px solid #1F375B; }
#main #layout .step-bar .text { margin: 0px auto; max-width:  880px; text-align: center; }
#main #layout .step-bar .step { padding-bottom: 14px; display: block; color: #1F375B; text-align: center; font-family: "acumin-pro-condensed",sans-serif; font-size: 16px; font-weight: 800; line-height: 1; letter-spacing: 2px; text-transform: uppercase; }
#main #layout .step-bar h3 { padding: 0px 0px 27px; margin: 0px; color: #1F375B; text-align: center; font-family: "ivyora-display",serif; font-size: 60px; font-style: italic; font-weight: 500; line-height: 1; }
#main #layout .step-bar .cs-note { padding-top: 16px; gap: 4px; color: #1F375B; font-family: "acumin-pro-condensed",sans-serif; font-size: 12px; font-weight: 800; line-height: 14px; letter-spacing: 2px; }
#main #layout .step-bar .cs-note img { width: 27px; }
#main #layout .step-bar .sparkle-vid { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; object-fit: contain; pointer-events: none; }

#main #layout .step-bar.v1 { padding: 0px 0px 0px; }
#main #layout .step-bar.v1 p { padding-bottom: 12px; }
#main #layout .step-bar.v1 .text { padding-bottom: 5px; }

#main #layout .img__full { margin-top: -36px; width: 100%; }
#main #layout .img__full .img__inner { position: relative; }
#main #layout .img__full img { width: 100%; }
#main #layout .img__full .starTrigger-wrap { position: absolute; top: 74.1%; left: 58.1%; width: 100px; }
#main #layout .img__full .starTrigger-wrap .starTrigger { display: block; width: 100%; }
#main #layout .img__full .pinterestLink { position: absolute; bottom: 50px; right: 78px; width: 38px; }
#main #layout .img__full .star-overlay { padding: 91px 45px 37px; margin: 0px 0px 0px -200px; opacity: 0; pointer-events: none; visibility: hidden; position: absolute; top: 50%; left: 50%; width: 400px; transform: translateY(-50%); transition: all 350ms; background: #1F375B; box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25); }
#main #layout .img__full .is-show .star-overlay { opacity: 1; visibility: visible; pointer-events: auto; }
#main #layout .img__full .star-overlay .icon { margin: 36px auto 0px; width: 51.5px; }
#main #layout .img__full .star-overlay p { color: #FFF; text-align: center; font-family: "ivyora-text",serif; font-size: 22px;
font-weight: 700; line-height: 32px; }
#main #layout .img__full .star-overlay p strong { font-family: "ivyora-text",serif; font-weight: 700; }
#main #layout .img__full .star-overlay .star-overlay-close { position: absolute; top: 23px; right: 20px; width: 19px; cursor: pointer; }

#main #layout .img__full.v1 .starTrigger-wrap { top: 51%; left: 23.5%; }
#main #layout .img__full.v2 .starTrigger-wrap { top: 40.3%; left: 53.5%; }

#main #layout .author-bar { padding: 0px 0px 100px; position: relative; }
#main #layout .author-bar .cs-wrapper { max-width: 720px; }
#main #layout .author-bar .l-img { width: 170px; }
#main #layout .author-bar .l-img .author { margin: 0px auto 10px; width: 125px; }
#main #layout .author-bar .l-img .link { gap: 4px; color: #FFF; font-family: "acumin-pro-condensed",sans-serif; font-size: 12px; font-weight: 800; line-height: 1; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; }
#main #layout .author-bar .l-img .link .ins { width: 18.5px; }
#main #layout .author-bar .l-img .link .check { width: 12.5px; }
#main #layout .author-bar .cs-text { padding: 20px 20px 0px; width: calc(100% - 170px); }
#main #layout .author-bar p { color: #FFF; text-align: center; font-family: "acumin-pro-condensed",sans-serif; font-size: 22px; font-weight: 600; line-height: 30px; }
#main #layout .author-bar p a, #main #layout .author-bar p strong { text-decoration: none; color: #FFFFFF !important; font-weight: 800 !important; font-family: "acumin-pro-condensed",sans-serif !important; }

#main #layout .bottomb-row { position:relative; }
#main #layout .bottomb-row .sparkle-vid { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; object-fit: contain; pointer-events: none; }


#main #layout .cta-bar { padding: 0px 0px 148px; position: relative; text-align: center; }
#main #layout .cta-bar .cs-wrapper { max-width: 900px; }
#main #layout .cta-bar .cta-inner { background: #A3DDFF; }
#main #layout .cta-bar .text { padding: 0px 27px 0px 0px; width: calc(100% - 215.5px); }
#main #layout .cta-bar .img { margin: -71px 0px -77px; width: 215.5px; }
#main #layout .cta-bar p { padding: 0px 0px 36px; margin: 0px 0px 0px auto !important; max-width: 500px !important; color: #1F375B; text-align: right; font-family: "ivyora-text",serif; font-size: 28px; font-weight: 700 !important; line-height: 40px; }
#main #layout .cta-bar .cs-btn { margin: 0px 67px -20px auto; text-decoration: none; color: #FFF; text-align: center; font-family: "acumin-pro-condensed",sans-serif; font-size: 18px; font-weight: 800; line-height: 1; letter-spacing: 2px; text-transform: uppercase; width: 241px; height: 39.379px; background: #E10025; }

.articleContainer__content h2 a { text-decoration: underline; }
html.is-hidden, body.is-hidden { overflow: hidden; }
.hidden-text { display: none !important; }

.popup_view { overflow: hidden; }
#main #layout .innovate-to-a-future-state { position: fixed !important; top: 200%; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.88); display: block; z-index: 99999; overflow: auto; padding: 0px; }
#main #layout .innovate-to-a-future-state .innovate-to-a-future-state-inner { width: 100vw; height: 56.25vw; max-height: 100vh; max-width: 177.78vh; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
/*.innovate-to-a-future-state .jwplayer.jw-flag-aspect-mode .jw-aspect { padding-top: calc(56.25% - 10vh) !important; }*/
#main #layout .innovate-to-a-future-state.active { top: 0px; }
#main #layout .innovate-to-a-future-state .video-js { height: 100%; width: 100%; }
#main #layout .innovate-to-a-future-state .video-js video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
#main #layout .innovate-to-a-future-state .brightcovevideo { width: 100%; height: 100%; }
#main #layout .innovate-to-a-future-state .you-tube-video-container { background: #000; }
#main #layout .innovate-to-a-future-state .facebook-video-container { width: 100%; height: 100%; background: #000; overflow: hidden; position: relative; }
#main #layout .innovate-to-a-future-state .facebook-video-container iframe { width: 100%; height: 100%; border: 0px; }
#main #layout .innovate-to-a-future-state .you-tube-video-container, 
#main #layout .innovate-to-a-future-state iframe { width: 100%; height: 100%; }
#main #layout .innovate-to-a-future-state .close-btn { cursor: pointer; position: absolute; top: 0px; right: 0px; background: #000; width: 45px; height: 45px; color: #fff; text-align: center; font-weight: normal; line-height: 44px; font-size: 22px; z-index: 99; }
#main #layout .innovate-to-a-future-state .close-btn img { width: 15px; }
#main #layout .innovate-to-a-future-state .close-btn:hover { background: #EB4A49; }