/*=== BANNER CSS STARTS ===*/

.articleLandingVideoBannerWrapper{background: #fff; position: relative; overflow: hidden}
.mfp-container .mfp-content.full-video{width: 100%;height: 100vh;}
.mfp-container .mfp-content.full-video #full-video{width: 60%;margin: 0 auto;position: absolute;top: 55%;left: 0;right: 0;transform: translateY(-50%);min-height: auto;}
.mfp-container .mfp-content.full-video #full-video #full-video-ext{width: 100%;height: 100%;}
.mfp-container .mfp-content.full-video #full-video #full-video-ext #full-video-ext_html5_api{position: relative;}
.mfp-container .mfp-content.full-video #full-video .mfp-close{color: #fff;background: #000;top: 0;}
.articleLandingVideoBannerWrapper #full-video{display: none}
.articleLandingVideoBannerWrapper .video-banner-title .bannerVideoRow{display: flex;position: absolute;z-index: 1;bottom: 0;width: 100%;max-width: 700px;margin-left: 8.33333333%;}
.articleLandingVideoBannerWrapper .video-banner-title h1{font-size: 8rem;line-height: 8rem;padding-left: 0;margin: 0;margin-bottom: 35px;}
.articleLandingVideoBannerWrapper .articleLandingVideoBannerContainer{padding: 20px 0}
.articleLandingVideoBannerInnerWrapper{position: relative; min-height: 400px}
.articleLandingVideoBannerInnerWrapper .video-banner-play{position: absolute;margin: 0 auto;text-align: center;z-index: 10;right: 15px;bottom: 45px;}
.articleLandingVideoBannerInnerWrapper .video-banner-play a{display: inline-block;color: #fff;font-size: 1.4rem;padding: 15px 20px 15px 40px;background: #000;border: 1px solid #fff;position: relative;font-family: 'notosans-light', sans-serif;text-transform: uppercase;opacity: 0.8}
.articleLandingVideoBannerInnerWrapper .video-banner-play a:hover, .articleLandingVideoBannerInnerWrapper .video-banner-play a:focus{opacity: 0.8}
.articleLandingVideoBannerInnerWrapper .video-banner-play a span.arrow-play{width: 0px;height: 0px;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 10px solid #fff;display: block;position: absolute;top: 50%;transform: translateY(-50%);left: 20px;}
#videoBannerLanding{height: 100%;width: 100%;}
.articleLandingVideoBannerInnerWrapper .vjs-play-button-position-top-right .vjs-big-play-button{display: none !important}
.articleLandingVideoBannerInnerWrapper .vjs-text-track-display{display: none !important}

.articleLandingVideoBannerWrapper .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible),
.articleLandingVideoBannerWrapper .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible),
.articleLandingVideoBannerWrapper .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible),
.articleLandingVideoBannerWrapper .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible),
.articleLandingVideoBannerWrapper .video-js.vjs-has-started.vjs-paused.vjs-ad-playing.vjs-user-inactive .vjs-control-bar,
.articleLandingVideoBannerWrapper .video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible){
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
  display: none
}

.articleLandingVideoBannerWrapper .vjs-control-bar > div{display: none!important; }
.articleLandingVideoBannerWrapper .vjs-picture-in-picture-control{display: none!important; }
.articleLandingVideoBannerWrapper .vjs-control-bar > div:first-child{display: block!important;}
.articleLandingVideoBannerWrapper .vjs-control-bar{background: transparent!important; margin-bottom: 25px;display: none!important}
.articleLandingVideoBannerWrapper .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .articleLandingVideoBannerWrapper .vjs-icon-pause:before{margin-left:25px;content:''; background-image: url(https://viz.tools.investis.com/video/videoPlayer-v.2.0-latest/elc-v3/images/sprites.png);background-position: -158px -585px!important;}

.articleLandingVideoBannerWrapper .video-js .vjs-play-control.vjs-paused .vjs-icon-placeholder:before, .articleLandingVideoBannerWrapper .vjs-icon-pause:before{margin-left:25px;content:''; background-image: url(https://viz.tools.investis.com/video/videoPlayer-v.2.0-latest/elc-v3/images/sprites.png);background-position: -158px -540px!important;}

.articleLandingVideoBannerWrapper .vjs-play-control{outline: none;}

@media all and (max-width: 991.98px){
.mfp-container .mfp-content.full-video #full-video{max-width: 90%}
.articleLandingVideoBannerWrapper .video-banner-title h1{font-size: 5rem;line-height: 5.5rem;}
.articleLandingVideoBannerInnerWrapper .video-banner-play a{font-size: 1.2rem;padding: 15px 15px 15px 40px;}
.articleLandingVideoBannerInnerWrapper .video-banner-play{bottom: 40px}
}

@media all and (max-width: 767.98px){
.articleLandingVideoBannerWrapper .video-banner-title .bannerVideoRow{bottom: 20px;width: auto;margin-left: 20px;}
.articleLandingVideoBannerWrapper .video-banner-title h1{font-size: 4rem;line-height: 4.2rem;margin-bottom: 10px}
.articleLandingVideoBannerInnerWrapper .video-banner-play a{padding: 15px 15px 15px 40px;font-size: 1.3rem;}
.mfp-container .mfp-content.full-video #full-video{width: 100%;max-width: 100%}
.mfp-container .mfp-content.full-video #full-video .mfp-close{font-size: 2rem;line-height: 2rem;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;}
.articleLandingVideoBannerInnerWrapper .video-banner-play{bottom: 32px;}
.articleLandingVideoBannerInnerWrapper .video-banner-play a{padding: 12px 15px 12px 40px;font-size: 1.2rem;}
}
@media all and (max-width: 640.98px){
.articleLandingVideoBannerWrapper .video-banner-title .bannerVideoRow{width: 100%;margin-left: 0;padding: 0 20px;}
.articleLandingVideoBannerWrapper .video-banner-title h1{margin-bottom: 0;font-size: 3rem;line-height: 3.5rem;}
.articleLandingVideoBannerInnerWrapper .video-banner-play{bottom: 18px;}
.articleLandingVideoBannerInnerWrapper .video-banner-play a{padding: 12px 10px 12px 35px;font-size: 1.1rem;}
.articleLandingVideoBannerInnerWrapper .video-banner-play a span.arrow-play{left: 15px;}
}
@media all and (max-width: 480.98px){
.articleLandingVideoBannerWrapper .video-banner-title h1{margin-bottom: 40px;}
.articleLandingVideoBannerInnerWrapper .video-banner-play{bottom: 18px;left: 21px;right: auto;}
.articleLandingVideoBannerInnerWrapper .video-banner-play a{padding: 10px 10px 10px 35px;}
}
/*=== BANNER CSS ENDS ===*/

/*=== INTRO TITLE CSS STARTS ===*/

.introTitleWrapper{text-align: center; padding: 50px 0 65px; background: #ffffff}
.introTitleWrapper .modIntroTitle h2{text-transform: uppercase;margin-bottom: 6px;font-family: optimaRoman;color: #000 !important;font-size: 4.6rem;line-height: 5rem;font-style: italic;}
.introTitleWrapper .modIntroTitle p.coloredLine{max-width: 245px;margin: 0 auto;margin-top: 20px;}
.introTitleWrapper .modIntroTitle p.coloredLine span{display: inline-block; width: 20%;height: 8px;}
.introTitleWrapper .modIntroTitle p.coloredLine span.b{background: #015f9c;}
.introTitleWrapper .modIntroTitle p.coloredLine span.g{background: #767676;}
.introTitleWrapper .modIntroTitle p.coloredLine span.db{background: #002b54;}
.introTitleWrapper .modIntroTitle p.coloredLine span.lb{background: #55c1e8;}
.introTitleWrapper .modIntroTitle p.coloredLine span.bl{background: #000000;}

@media all and (max-width: 767.98px){
.introTitleWrapper .modIntroTitle h2{font-size: 2.8rem;line-height: 3.5rem;}
.introTitleWrapper .modIntroTitle p.coloredLine{margin-top: 15px;}

.introTitleWrapper .modIntroTitle{max-width: 340px;margin: 0 auto;}
}

/*=== INTRO TITLE CSS ENDS ===*/

/*=== QUOTE WITH BACKGROUND CSS STARTS ===*/

.quoteWithBackgroundWrapper{padding: 70px 0}
.quoteWithBackgroundWrapper .modQuoteContent{text-align: center}
.quoteWithBackgroundWrapper .modQuoteContent > p{font-size: 3.6rem;line-height: 4.6rem;color: #fff !important;font-family: optimaRoman;margin-bottom: 30px;}

.quoteWithBackgroundWrapper .modQuoteBottomContent {text-align: center;}
.quoteWithBackgroundWrapper .modQuoteBottomContent p.modQuote{color: #fff;font-family: optimaRoman;font-size: 2.0rem;line-height: 2.4rem;}

@media all and (max-width: 767.98px){
.quoteWithBackgroundWrapper .modQuoteContent > p{font-size: 3rem;line-height: 4rem;}
}
@media all and (max-width: 640.98px){
.quoteWithBackgroundWrapper .modQuoteContent > p{font-size: 2.7rem;line-height: 3.4rem;margin-bottom: 20px}
.quoteWithBackgroundWrapper .modQuoteBottomContent p.modQuote{font-size: 1.4rem;line-height: 2.4rem;}
}
/*=== QUOTE WITH BACKGROUND CSS ENDS ===*/

/*=== FOCUS AREA ANIMATED CSS STARTS ===*/

.focusAreaAnimatedWrapper{background: #fff; padding: 100px 0 0;overflow: hidden}
.focusAreaAnimatedWrapper .modIntroTitle h2{color: #000; font-size: 4rem;line-height: 4.6rem;}
.focusAreaAnimatedWrapper .modIntroTitle{margin-bottom: 0}
.focusAreaItemLink{position: relative; display: block;pointer-events: none;}
.focusAreaItem.active .focusAreaItemLink{pointer-events: all}
.focusAreaItemLink:hover, .focusAreaItemLink:focus{opacity: 1 !important}
.focusAreaItemImage{display: inline-block; border-radius: 50%;border: 20px solid #c7cfcf;transition: all 0.3s ease-in-out; max-width: 200px}
.focusAreaItemImage.active{border: 1px solid #c7cfcf}
.focusAreaItemLink:hover .focusAreaItemImage{transform: scale(1.1)}
.focusAreaItemLink:hover .focusAreaItemImage img{box-shadow: 0px 5px 12px 1px #000;}
.focusAreaItemImage img{border-radius: 50%;opacity: 1; transition: all 0.5s ease-in-out;max-width: 122px;box-shadow: 0px 5px 12px 1px #808080;}
.focusAreaItemDesc{position: absolute;bottom: 0;width: 200%;right: -220%;top: 50%;transform: translateY(-42%);opacity: 0;visibility: hidden;transition: all 0.5s ease-in-out;}
.focusAreaItemDesc a.focusAreaItemSnapLink{font-size: 1.4rem;line-height: 2.0rem;margin-top: 20px;display: inline-block;color: #000 !important;transition: 0.3s ease-in-out; opacity: 1}
.focusAreaItemDesc a.focusAreaItemSnapLink.active{opacity: 0;visibility: hidden;}
.focusAreaItemTitle h2{color: #000; font-style: italic;}
.focusAreaItemContainer {position: relative;width: 350px;height: 350px;padding: 2.8em;border-radius: 50%;margin: 0 auto;margin-top: 100px;transform: scale(0);transition: all 1s ease-in-out;}
.focusAreaItemContainer::before {content: '';background: #fff;width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;border-radius: 50%;transition: all 0.3s ease-in-out}
.focusAreaItemContainer.actFinal::before{opacity: 0.5}
.focusAreaItem {display: block;position: absolute;top: 50%;left: 50%;margin: -8em;transition: all 0.5s ease-in-out; opacity: 0}

.ang-135{transform: rotate(-180deg) translate(17em) rotate(180deg);}
.ang-225{transform: rotate(90deg) translate(17em) rotate(-90deg);}
.ang-315{transform: rotate(0deg) translate(17em) rotate(-0deg);}
.ang-45{transform: rotate(-90deg) translate(17em) rotate(90deg);}

.focusAreaItem.inactive {transform: rotate(90deg) translate(17em) rotate(-90deg);opacity: 0;}

.focusAreaItem .focusAreaItemTitle.inactive{opacity: 0; transition: all 0.3s ease-in-out}

.focusAreaItemImage img{opacity: 0; transition: all 0.3s ease-in-out}
.focusAreaItemImage.active img{opacity: 1;max-width: 200px}

.focusAreaItemTitle{position: absolute; opacity: 0.5; transition: all 0.5s ease-in-out}
.focusAreaItemTitle.active{opacity: 1}
.focusAreaItem .focusAreaItemTitle{left: 0;top: 50%;}
.focusAreaItem.left .focusAreaItemTitle{transform: translateY(-50%);left: -200%;max-width: 250px;text-align: right}
html[lang="ja-JP"] .focusAreaItem.left .focusAreaItemTitle{width: 100%;}
html[lang="ja-JP"] .focusAreaItem.left .focusAreaItemTitle.active{left: -125%}
.focusAreaItem.right .focusAreaItemTitle{left: 160%;transform: translateY(-50%);text-align: left;width: 100%}

.focusAreaItem.left .focusAreaItemTitle.active{left: -145%;}
.focusAreaItem.right .focusAreaItemTitle.active{left: 120%;}

.focusAreaSnapdownContainer {margin-top: 150px;position: relative;padding-top: 30px;padding-bottom: 50px;}
.focusAreaSnapdownContainer.active{border-top: 1px solid #e5e5e5}
.focusAreaSnapdownContainer a.snapClose{position: absolute;top: 50px;right: 0;font-size: 2.0rem;color: #000;opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out}
.focusAreaSnapdownContainer a.snapClose.visible{opacity: 1; visibility: visible}

.focusAreaSnapdownContainer .focusAreaItemSnapdownWrapper{display: none}

.focusAreaSnapdownContainer .snapdownTitle{margin-bottom: 40px;padding-right: 50px;}
.focusAreaSnapdownContainer .snapdownTitle h2{color: #000;font-size: 4rem;line-height: 4.6rem;}

.focusAreaSnapdownContainer .snapdownSectionTitle{margin-bottom: 20px}
.focusAreaSnapdownContainer .snapdownSectionTitle h2{color: #000;font-size: 2.8rem;}

.focusAreaSnapdownContainer .snapdownContent{display: flex;flex-wrap: wrap;}
.focusAreaSnapdownContainer .snapdownContentBox{width: 33.33%;margin-bottom: 30px;padding-right: 30px;}

.focusAreaSnapdownContainer .snapdownContentBox h2{color: #135d9a; margin-bottom: 20px;}
.focusAreaSnapdownContainer .snapdownContentBox p{margin-bottom: 15px}
.focusAreaSnapdownContainer .snapdownContentBox p.rad-notes{font-size: 1.0rem !important}
.focusAreaSnapdownContainer .snapdownContentBox p sup{font-size: 1.0rem !important}

.focusAreaSnapdownContainer .snapdownContentBox ul {list-style: disc;padding-left: 15px;}
.focusAreaSnapdownContainer .snapdownContentBox ul ul {margin-top: 15px}
.focusAreaSnapdownContainer .snapdownContentBox ul li {color: #000;font-family: 'notosans-light', sans-serif;font-size: 1.4rem;line-height: 2rem;margin-bottom: 10px;}

.focusAreaSnapdownContainer .bottomLink .downloadImageLink{text-transform: uppercase}
.focusAreaSnapdownContainer .bottomLink .downloadImageLink p{color: #428bca}

.mobiFocusAreaSnapdownContainer .mobiSnapdownContentBox ul {list-style: disc;padding-left: 15px;}
.mobiFocusAreaSnapdownContainer .mobiSnapdownContentBox ul li {color: #000;font-family: 'notosans-light', sans-serif;font-size: 1.4rem;line-height: 2rem;margin-bottom: 10px;}

.mobiFocusAreaSnapdownContainer .mobiSnapdownContentBox p{margin-bottom: 15px}


.focusAreaItemContainer.active{transform: scale(1)}

.focusAreaSnapdownContainer .bottomFootnote{margin-bottom: 20px;}

.ang-225.a{opacity: 1}
.ang-225.a.b{transform: rotate(0deg) translate(17em) rotate(-0deg);}
.ang-225.a.b.c{transform: rotate(-90deg) translate(17em) rotate(90deg);}
.ang-225.a.b.c.d{transform: rotate(-180deg) translate(17em) rotate(180deg);}

.ang-135.a{opacity: 1}
.ang-135.a.b{transform: rotate(0deg) translate(17em) rotate(-0deg);}
.ang-135.a.b.c{transform: rotate(-90deg) translate(17em) rotate(90deg);}

.ang-45.a{opacity: 1}
.ang-45.a.b{transform: rotate(0deg) translate(17em) rotate(-0deg);}

.ang-315.a{opacity: 1}

.focusAreaItemContainer.active.actFinal .ang-225{transform: rotate(-225deg) translate(17em) rotate(225deg) !important;}
.focusAreaItemContainer.active.actFinal .ang-135{transform: rotate(-135deg) translate(17em) rotate(135deg) !important;}
.focusAreaItemContainer.active.actFinal .ang-45{transform: rotate(-45deg) translate(17em) rotate(45deg) !important;}
.focusAreaItemContainer.active.actFinal .ang-315{transform: rotate(45deg) translate(17em) rotate(-45deg) !important;}

.focusAreaItemContainer.active.actFinal.clicking .focusAreaItem .focusAreaItemTitle{opacity: 1; transition: all 0.1s ease-in-out}
.focusAreaItemContainer.active.actFinal.clicking .focusAreaItem:not(.current) .focusAreaItemTitle{/*opacity: 0*/}

/*On click to Ang 225*/

.focusAreaItemContainer.active.actFinal.clicking.ang-225 .focusAreaItem:not(.current).ang-135{transform: rotate(-150deg) translate(17em) rotate(150deg) scale(0.6) !important;}
.focusAreaItemContainer.active.actFinal.clicking.ang-225 .focusAreaItem:not(.current).ang-45{transform: rotate(-90deg) translate(17em) rotate(90deg) scale(0.6) !important;}
.focusAreaItemContainer.active.actFinal.clicking.ang-225 .focusAreaItem:not(.current).ang-315{transform: rotate(-30deg) translate(17em) rotate(30deg) scale(0.6) !important;}

.focusAreaItemContainer.active.actFinal.clicking.ang-225 .focusAreaItem:not(.current).ang-45 .focusAreaItemTitle{top: 40%}

/*On click to Ang 135*/

.focusAreaItemContainer.active.actFinal.clicking.ang-135 .focusAreaItem:not(.current).ang-225{transform: rotate(-305deg) translate(17em) rotate(305deg) scale(0.6) !important;}
.focusAreaItemContainer.active.actFinal.clicking.ang-135 .focusAreaItem:not(.current).ang-45{transform: rotate(-55deg) translate(17em) rotate(55deg) scale(0.6) !important;}
.focusAreaItemContainer.active.actFinal.clicking.ang-135 .focusAreaItem:not(.current).ang-315{transform: rotate(-0deg) translate(17em) rotate(0deg) scale(0.6) !important;}

.focusAreaItemContainer.active.actFinal.clicking.ang-135 .focusAreaItem:not(.current).ang-225 .focusAreaItemTitle{left: 120%;text-align: left;}

/*On click to Ang 45*/

.focusAreaItemContainer.active.actFinal.clicking.ang-45 .focusAreaItem:not(.current).ang-225{transform: rotate(-180deg) translate(17em) rotate(180deg) scale(0.6) !important;}
.focusAreaItemContainer.active.actFinal.clicking.ang-45 .focusAreaItem:not(.current).ang-135{transform: rotate(-130deg) translate(17em) rotate(130deg) scale(0.6) !important;}
.focusAreaItemContainer.active.actFinal.clicking.ang-45 .focusAreaItem:not(.current).ang-315{transform: rotate(130deg) translate(17em) rotate(-130deg) scale(0.6) !important;}

.focusAreaItemContainer.active.actFinal.clicking.ang-45 .focusAreaItem:not(.current).ang-315 .focusAreaItemTitle{left: -180%;max-width: 250px;text-align: right;}

/*On click to Ang 315*/

.focusAreaItemContainer.active.actFinal.clicking.ang-315 .focusAreaItem:not(.current).ang-225{transform: rotate(-145deg) translate(17em) rotate(145deg) scale(0.6) !important;}
.focusAreaItemContainer.active.actFinal.clicking.ang-315 .focusAreaItem:not(.current).ang-135{transform: rotate(-90deg) translate(17em) rotate(90deg) scale(0.6) !important;}
.focusAreaItemContainer.active.actFinal.clicking.ang-315 .focusAreaItem:not(.current).ang-45{transform: rotate(-35deg) translate(17em) rotate(35deg) scale(0.6) !important;}

.focusAreaItemContainer.active.actFinal.clicking.ang-315 .focusAreaItem:not(.current).ang-135 .focusAreaItemTitle{top: 35%;}

/*Description*/
.focusAreaItemContainer .focusAreaItemDesc p{font-size: 1.6rem}
.focusAreaItemContainer.active.actFinal.clicking.ang-45 .focusAreaItem.ang-45.current .focusAreaItemDesc{visibility: visible;opacity: 1;left: 20%;top: 120%;transform: translateY(50%);}
.focusAreaItemContainer.active.actFinal.clicking.ang-315 .focusAreaItem.ang-315.current .focusAreaItemDesc{visibility: visible;opacity: 1;left: -220%;}
.focusAreaItemContainer.active.actFinal.clicking.ang-135 .focusAreaItem.ang-135.current .focusAreaItemDesc{visibility: visible;opacity: 1;left: -110%;top: 110%;}
.focusAreaItemContainer.active.actFinal.clicking.ang-225 .focusAreaItem.ang-225.current .focusAreaItemDesc{visibility: visible;opacity: 1;}


.focusAreaMobiItemsWrapper .mobiFocusAreaItem {margin-bottom: 40px;}
.focusAreaMobiItemsWrapper .mobiFocusAreaItemImage{display: inline-block;width: 30%; border-radius: 50%;border: 10px solid #c7cfcf}
.focusAreaMobiItemsWrapper .mobiFocusAreaItemImage img{border-radius: 50%;width: 100%}
.focusAreaMobiItemsWrapper .mobiFocusAreaItemTitle{margin-left: 30px;width: 70%;}
.focusAreaMobiItemsWrapper .mobiFocusAreaItemTitle h2{color: #000}
.focusAreaMobiItemsWrapper .mobiFocusAreaItemContent {display: flex;align-items: center;margin-bottom: 20px;}
.focusAreaMobiItemsWrapper .mobiFocusAreaSnapdownContainer{display: none; position: relative}
/*.focusAreaMobiItemsWrapper .mobiFocusAreaSnapdownContainer{display: none; position: relative}
.focusAreaMobiItemsWrapper .mobiFocusAreaSnapdownContainer{ height:0; overflow: hidden ;position: relative}
.focusAreaMobiItemsWrapper .mobiFocusAreaSnapdownContainer.active{position: relative}*/
.focusAreaMobiItemsWrapper a.mobiSnapClose{position: absolute;color: #000;font-size: 1.5rem;right: 25px;top: 28px;}
.focusAreaMobiItemsWrapper .mobiFocusAreaItemLink {font-size: 15px;color: #000 !important;margin-top: 20px;display: inline-block;position: relative; text-transform: uppercase; opacity: 1; transition: all 0.3s ease-in-out}
.focusAreaMobiItemsWrapper .mobiFocusAreaItem.active .mobiFocusAreaItemLink{opacity: 0}

.mobiFocusAreaItemSnapdownWrapper{padding: 20px 0 50px ; border-top: 1px solid #e5e5e5}
.mobiFocusAreaItemSnapdownWrapper .mobisnapdownTitle, .mobiFocusAreaItemSnapdownWrapper .snapdownSectionTitle{padding-right: 50px;margin-bottom: 20px;font-size: 3.2rem;line-height: 3.6rem;}
.mobiFocusAreaItemSnapdownWrapper .mobisnapdownTitle h2{color: #000}
.mobiFocusAreaItemSnapdownWrapper .snapdownSectionTitle h2{color: #000; font-size: 2.2rem; line-height: 2.8rem}
.mobiFocusAreaItemSnapdownWrapper .mobiSnapdownContentBox h2{color: #135d9a; margin-bottom: 20px}
.mobiFocusAreaItemSnapdownWrapper .mobiSnapdownContentBox{margin-bottom:30px}

@media only screen and (max-width: 991.98px) {
.focusAreaItemContainer{width: 300px;height: 300px;}
.focusAreaItemContainer.active.actFinal.clicking.ang-45 .focusAreaItem.ang-45.current .focusAreaItemDesc{left: 0}
.focusAreaItem.left .focusAreaItemTitle{max-width: 190px;}
.focusAreaItem.left .focusAreaItemTitle.active{left: -135%;}
.focusAreaItem.right .focusAreaItemTitle{max-width: 190px;}
.focusAreaItem.right .focusAreaItemTitle.active{left: 110%;}
.focusAreaItemTitle h2{font-size: 2.0rem;line-height: 3rem;}
.focusAreaItemLink:hover .focusAreaItemImage{transform: scale(1.1);}

.focusAreaItemImage.active img{max-width: 150px;}
}
@media only screen and (max-width: 767.98px) {
	.deskFocusAreaItems{display: none !important;}
    .mobiFocusAreaItems{display: block !important;}
    .focusAreaAnimatedWrapper .modIntroTitle h2{font-size: 3.5rem;line-height: 4.6rem;margin-bottom: 50px;}
}

body.nojs .deskFocusAreaItems {display: none !important}
body.nojs .mobiFocusAreaItems {display: block !important}
body.nojs .focusAreaMobiItemsWrapper .mobiFocusAreaSnapdownContainer{display: block}
body.nojs #fullPageSlider{height: auto;}
body.nojs #fullPageSlider .fullPageSliderItemListWrapper{height: auto;}
body.nojs #fullPageSlider .fullPageSliderItem{position: relative;}
body.nojs #fullPageSlider .scroll-pagination, body.nojs #fullPageSlider .bottom-indicator{display: none}
/*=== FOCUS AREA ANIMATED CSS ENDS ===*/

/*=== VERTICLE SLIDER CSS STARTS ===*/

#fullPageSlider .fullPageSliderContent{text-align: center;padding: 0 50px}

body.activeFullSlide{overflow: hidden}
#fullPageSlider p{color: #fff}
#fullPageSlider{position: relative;width:100%;}
#fullPageSlider .fullPageSliderItemListWrapper{position: relative;width: 100%;background: #000;min-height: 80vh;}
#fullPageSlider .fullPageSliderItem{background-repeat: no-repeat;background-size: cover;background-position: center center;background-color: #9d9d9d;float: left;width: 100%;overflow: hidden;position: relative;min-height: 80vh;}
#fullPageSlider .fullPageSliderItem::before{position: absolute;content: '';background: #000;height: 100%;width: 100%;opacity: 0.2;}
#fullPageSlider .fullPageSliderItem .container-fluid, .fullPageSliderWrapper .fullPageSliderItem .row{height: 100%;height: 80vh;}
#fullPageSlider .fullPageSliderItem .row{display: flex;justify-content: center;align-items: center;}
#fullPageSlider .fullPageSliderContent h2{font-size: 4.5rem; line-height: 5rem;margin-bottom: 50px;}
#fullPageSlider .fullPageSliderMiddleContent{margin-bottom: 50px;text-align: center;padding: 0 50px}
#fullPageSlider .fullPageSliderBottomContent{text-align: center;padding: 0 50px}
#fullPageSlider .fullPageSliderMiddleContent.half {max-width: 700px;}
#fullPageSlider .fullPageSliderMiddleContent.centered {text-align: center;}
#fullPageSlider .fullPageSliderMiddleContent p{font-size: 4.0rem;line-height: 4.5rem;font-family: optimaRoman;letter-spacing: -0.2px;margin-bottom: 10px;}
#fullPageSlider .fullPageSliderBottomContent p{font-size: 3.5rem;line-height: 4rem;font-family: optimaRoman;letter-spacing: -0.2px;margin-bottom: 10px;}

#fullPageSlider .fullPageSliderItemListWrapper .slick-dots{position: absolute;z-index: 10;bottom: 30px;left: 0;right: 0;margin: 0 auto;text-align: center;}
#fullPageSlider .fullPageSliderItemListWrapper .slick-dots li{width: 10px;height: 10px;background: #353538;border: 1px solid #353538;margin-bottom: 20px;border-radius: 50px;}
#fullPageSlider .fullPageSliderItemListWrapper .slick-dots li.slick-active{background: #fff;border: 1px solid #fff}
#fullPageSlider .fullPageSliderItemListWrapper .slick-arrow{color: #fff;font-size: 4rem;position: absolute;top: 50%;z-index: 9;transform: translateY(-50%);}
#fullPageSlider .fullPageSliderItemListWrapper .slick-arrow:focus{opacity: 1}
#fullPageSlider .fullPageSliderItemListWrapper .slick-arrow.slick-next{right: 1%;}
#fullPageSlider .fullPageSliderItemListWrapper .slick-arrow.slick-prev{left: 1%;}


@media only screen and (max-width: 1280.98px) {
/*#fullPageSlider .fullPageSliderContent{padding-right: 50px}
#fullPageSlider .fullPageSliderMiddleContent{padding-right: 50px}
#fullPageSlider .fullPageSliderBottomContent{padding-right: 50px}*/
}

@media only screen and (max-width: 1024.98px) {
/*#fullPageSlider .fullPageSliderItem .container-fluid, .fullPageSliderWrapper .fullPageSliderItem .row{min-height: 600px;}
#fullPageSlider .fullPageSliderContent, #fullPageSlider .fullPageSliderMiddleContent{padding-right: 50px;}*/
#fullPageSlider .fullPageSliderMiddleContent{margin-bottom: 20px}
#fullPageSlider .fullPageSliderContent h2{font-size: 4rem;line-height: 4.5rem;margin-bottom: 20px}
#fullPageSlider .fullPageSliderMiddleContent p{font-size: 3.5rem;line-height: 4rem;}
#fullPageSlider .fullPageSliderBottomContent p{font-size: 3rem;line-height: 3.5rem;}
/*#fullPageSlider .fullPageSliderItem{height: 600px;position: relative; min-height: 600px}
#fullPageSlider .fullPageSliderItem:first-child{height: 600px;position: relative;min-height: 600px}
#fullPageSlider .fullPageSliderItemListWrapper{height: 100%;min-height: 600px}
#fullPageSlider{height: 600px;min-height: 600px}*/
}

@media only screen and (max-width: 767.98px) {
/*.focusAreaAnimatedWrapper{padding: 50px 0 0;}*/
#fullPageSlider .fullPageSliderContent h2{font-size: 2.8rem;line-height: 3.5rem;margin-bottom: 20px}
#fullPageSlider .fullPageSliderMiddleContent p{font-size: 1.8rem;line-height: 2.5rem;}
#fullPageSlider .fullPageSliderBottomContent p{font-size: 1.6rem;line-height: 2.4rem;}
#fullPageSlider .fullPageSliderItemListWrapper .slick-dots{bottom: 0}
}

@media only screen and (max-width: 575.98px) {
/*#fullPageSlider .fullPageSliderContent h2{font-size: 2.8rem;line-height: 3.5rem;margin-bottom: 20px}
#fullPageSlider .fullPageSliderMiddleContent p{font-size: 1.8rem;line-height: 2.5rem;margin-bottom: 8px;}
#fullPageSlider .fullPageSliderBottomContent p{font-size: 1.6rem;line-height: 2.4rem;}*/
}

@media only screen and(min-width: 767.98px) and (max-height: 767.98px) {
#fullPageSlider .fullPageSliderContent h2{font-size: 4rem;line-height: 4.5rem;margin-bottom: 20px}
#fullPageSlider .fullPageSliderMiddleContent p{font-size: 3rem;line-height: 4rem;}
#fullPageSlider .fullPageSliderBottomContent p{font-size: 2.5rem;line-height: 3.5rem;}
}
/*=== VERTICLE SLIDER CSS ENDS ===*/

/*=== QUOTE WITH COPY CSS STARTS ===*/

.quoteWithCopyModule{background: #fff;padding: 60px 0 60px;}
.quoteWithCopyModule .quoteWithCopyContent{text-align: center;}
.quoteWithCopyModule .quoteWithCopyContent p.h7{margin-bottom: 30px;font-family: optimaRoman;color: #000 !important;font-size: 3.6rem;line-height: 4.5rem;}
.quoteWithCopyModule .quoteWithCopySayer{text-align: center}
.quoteWithCopyModule .quoteWithCopySayer p{font-family: optimaRoman;font-size: 2.0rem; line-height: 2.4rem}
.quoteWithCopyModule .quoteWithCopyWrapper{border-bottom: 1px solid #dddddd}
.quoteWithCopyModule .quoteWithCopyWrapper.noBottom{padding-bottom: 50px}
.quoteWithCopyModule .quoteWithCopyWrapper.noBottom.noBorderBottom{padding-bottom: 0}
.quoteWithCopyModule .quoteWithCopyWrapper.noBorderBottom{border-bottom: 0}
.quoteWithCopyModule .quoteWithCopyBottomContent{padding: 30px 0;border-top: 1px solid #dddddd;margin: 20px 0 0;}
.quoteWithCopyModule .quoteWithCopyBottomContent p{font-size: 2.5rem;line-height: 3rem;font-family: optimaRoman;}

@media all and (max-width:767.98px){
.quoteWithCopyModule .quoteWithCopyWrapper.noBottom{padding-bottom: 50px}
.quoteWithCopyModule .quoteWithCopyContent p.h7{font-size: 3rem;line-height: 4rem;}
}
@media all and (max-width:640.98px){
.quoteWithCopyModule .quoteWithCopyContent p.h7{font-size: 2.7rem;line-height: 3.4rem;margin-bottom: 20px}
.quoteWithCopyModule .quoteWithCopySayer p{font-size: 1.4rem;line-height: 2.4rem}
}

/*=== QUOTE WITH COPY CSS ENDS ===*/

/*=== DOWNLOAD IMAGE AND COPY CSS STARTS ===*/

.downloadImageCopyWrapper{background: #fff;padding: 50px 0 50px;}
.downloadImageCopyWrapper .title{margin-bottom: 40px;}
.downloadImageCopyWrapper .title h2{color: #000;font-size: 4rem;line-height: 4rem;}
.downloadImageCopyWrapper .downloadNextContent h2{color: #000;color: #000;margin-bottom: 25px;}
.downloadImageCopyWrapper .downloadNextContent p{font-size: 1.6rem;line-height: 2.2rem;margin-bottom: 10px}

.downloadImageCopyWrapper .flex-download-image{display: flex;flex-wrap: wrap;align-items: center;}
.downloadImageCopyWrapper .flex-download-image .imageWithBottomText{padding-right: 80px;}
.downloadImageCopyWrapper .flex-download-image .imageWithBottomText{width: 36%;}
.downloadImageCopyWrapper .flex-download-image .downloadNextContent{width: 64%;}

.downloadImageCopyWrapper .flex-download-image .downloadImageResultContent{position: relative; margin-bottom: 20px}
.downloadImageCopyWrapper .flex-download-image .downloadResultContent{position: absolute;background: rgba(19, 21, 34, 0.9);height: 100%;width: 100%;top: 0;opacity: 0;visibility: hidden;transition: all 0.5s ease;z-index: 0;transition: all 0.3s ease-in-out}
.downloadImageCopyWrapper .flex-download-image .downloadResultContent > a{width: 100%;height: 100%;display: table;opacity: 1 !important}
.downloadImageCopyWrapper .flex-download-image .downloadResultContent p{color: #fff;text-transform: uppercase;font-size: 1.1rem;line-height: 1.6rem;text-align: center;font-family: 'Noto Sans', sans-serif;padding: 0 55px;vertical-align: middle;display: table-cell;}.downloadImageCopyWrapper .flex-download-image .downloadResultContent .icon-pdf-download-icon.pdf{left: 0;line-height: 4rem;margin-left: 0;position: relative;top: 0;width: auto;padding-bottom: 15px;color: #fff;font-size: 5.8rem;display: block;text-align: center;}
.downloadImageCopyWrapper .flex-download-image .imageWithBottomText:hover{cursor: pointer}
.downloadImageCopyWrapper .flex-download-image .imageWithBottomText:hover .downloadResultContent{opacity: 1;visibility: visible}

.downloadImageCopyWrapper .imageWithBottomText a.downloadImageLink{width: 100%}

.downloadImageCopyWrapper .imageBottomText{color: #015F9C;}
@media only screen and (max-width: 767.98px) {
.downloadImageCopyWrapper{padding: 50px 0 50px;}
.downloadImageCopyWrapper .flex-download-image .download-image-content{width: 100%;}
.downloadImageCopyWrapper .flex-download-image .imageWithBottomText{padding-right: 0;margin-bottom: 30px;}
.downloadImageCopyWrapper .flex-download-image .downloadNextContent{padding-left: 0;}
}
/*=== DOWNLOAD IMAGE AND COPY CSS ENDS ===*/

/*=== RECOMMENDATION V3 CSS STARTS ===*/

.recommendationV3Wrapper{background: #fff; padding: 0 0 50px }
#ip3-our-commitments .recommendationV3Wrapper{padding: 50px 0 50px }
.recommendationV3Wrapper h2{color: #000;font-size: 4rem;line-height: 4rem;margin-bottom: 40px;}
.recommendationV3Wrapper .recommendationV3BoxContent{margin-top: 20px}
.recommendationV3Wrapper .recommendationV3BoxContent p.boxLink{margin-top: 20px;text-transform: uppercase;}
.recommendationV3Wrapper a{display: block;}
.recommendationV3Wrapper .recommendationV3ContentBoxImage img{width: 100%;}

.recommendationV3Wrapper .flexRecommendation{display: flex;flex-wrap: nowrap}

.recommendationV3Wrapper .flexRecommendation .rec-col:first-child{padding-right: 85px;}
.recommendationV3Wrapper .flexRecommendation .rec-col:last-child{padding-left: 85px;}

.recommendationV3Wrapper .recommendationDownloadContentBox{position: absolute;background: rgba(19, 21, 34, 0.9);height: 100%;width: 100%;top: 0;opacity: 0;visibility: hidden;transition: all 0.5s ease;z-index: 0;transition: all 0.3s ease-in-out;}

.recommendationV3Wrapper .recommendationDownloadContentBox a.downloadImageLink{display: block; width: 100%; height: 100%;display: table;opacity: 1 !important;}
.recommendationV3Wrapper .recommendationDownloadContentBox a.downloadImageLink p{color: #fff;text-transform: uppercase;font-size: 1.1rem;line-height: 1.6rem;text-align: center;font-family: 'Noto Sans', sans-serif;padding: 0 55px;vertical-align: middle;display: table-cell;}
.recommendationV3Wrapper .recommendationDownloadContentBox a.downloadImageLink .icon-pdf-download-icon{left: 0;line-height: 4rem;margin-left: 0;position: relative;top: 0;width: auto;padding-bottom: 15px;color: #fff;font-size: 5.8rem;display: block;text-align: center;}
.recommendationV3Wrapper .recommendationDownloadContentBox a.downloadImageLink .document-size{display: block}

.recommendationV3Wrapper .recommendationV3ContentBoxImage .imagePdf{position: relative;}
.recommendationV3Wrapper .recommendationV3ContentBoxImage .imagePdf img{width: 100%}
.recommendationV3Wrapper .recommendationV3ContentBoxImage .imagePdf::before {content: '';position: absolute;width: 100%;height: 100%;background: #000;opacity: 0;transition: all 0.3s ease-in-out}
.recommendationV3Wrapper .downlaodBoxWrapper{position: relative}
.recommendationV3Wrapper .downlaodBoxContainer:hover .recommendationDownloadContentBox{opacity: 1; visibility: visible}

@media all and (min-width: 768px) and (max-width: 1023px) {
.recommendationV3Wrapper .flexRecommendation .rec-col:first-child{padding-right: 55px;}
.recommendationV3Wrapper .flexRecommendation .rec-col:last-child{padding-left: 55px;}
}
@media only screen and (max-width: 767.98px) {
.recommendationV3Wrapper a{display: block;}
.recommendationV3Wrapper .flexRecommendation{flex-direction: column;}
.recommendationV3Wrapper .flexRecommendation .rec-col:first-child{padding-right: 0;padding-bottom: 56px;}
.recommendationV3Wrapper .flexRecommendation .rec-col:last-child{padding-left: 0;}
.recommendationV3Wrapper .flexRecommendation .rec-col:not(:last-child){padding-bottom: 30px;}
}
/*=== RECOMMENDATION V3 CSS ENDS ===*/

/*=== LATEST NEWS MODULE CSS STARTS ===*/

.module-latest-news .latest-news-brands-heading h2.h1{color: #fff;float: left;font-family: optimaRoman;font-size: 6rem;line-height: 9rem;padding: 0;}
.module-latest-news .latest-news-brands-heading h2.h1 a{color: #fff;display: inline-block;font-family: 'Noto Sans', sans-serif;font-size: 1.1rem;line-height: 1.1rem;margin: 0 0 0 9px;text-transform: uppercase;letter-spacing: 0;}
.module-latest-news .intro-content{margin-bottom: 40px}
.module-latest-news .intro-content p{font-size: 2.2rem;font-family: optimaRoman;line-height: 2.6rem;}

@media only screen and (max-width: 767.98px) {
.module-latest-news .latest-news-brands-heading h2.h1{line-height: 4rem;font-size: 3rem;line-height: 3rem;}
}
/*=== LATEST NEWS MODULE CSS ENDS ===*/

.highlightsWrapper{min-height: 330px;border-bottom: 60px solid #fff;padding: 50px 0;}
.highlightsWrapper .row{display: flex;width: 100%;flex-direction: column;min-height: 330px;justify-content: center;}
.highlightsWrapper h2{color: #fff}
.highlightsWrapper p{color: #fff}
.highlightsWrapper .modHighlightsTitle{}
.highlightsWrapper .modHighlightsTitle h2{margin-bottom: 20px}
.highlightsWrapper .modHighlightsTitle h2 span.introText{font-family: 'notosans-light', sans-serif;font-size: 1.2rem;text-transform: uppercase;}
.highlightsWrapper .modHighlightsBox{text-align: center;padding: 0 30px;position: relative;max-width: 330px;}
.highlightsWrapper .modHighlightsBox:last-child::before{display: none}
.highlightsWrapper .modHighlightsBox::before{content: '';width: 1px;height: 100%;background: #fff;right: 0;position: absolute;}
.highlightsWrapper .modHighlightsBox h2{margin-bottom: 20px;font-size: 3.8rem}
.highlightsWrapper .modHighlightsBox p{font-size: 1.6rem;line-height: 2.0rem;}
.highlightsWrapper .modHighlightsBoxWrapper{display: flex;justify-content: center;}
.highlightsWrapper .modHighlightsBottomNotes p{font-size: 1.2rem;text-transform: uppercase;}
.highlightsWrapper .modHighlightsBottomNotes{margin-top: 30px}

@media only screen and (max-width: 767.98px) {
.highlightsWrapper{border-bottom: 20px solid #fff;}
.highlightsWrapper .modHighlightsBoxWrapper{flex-direction: column;}
.highlightsWrapper .modHighlightsBox{width: 100%;max-width: 100%;margin: 0;border-bottom: 1px solid #e5e5e5;padding: 15px 0;}
.highlightsWrapper .modHighlightsBox::before{display: none}
}

.module-latest-news .news-col-home a{display: inline-block}



@media all and (min-width:1025px) {
/*#ip3-pink-ribbon-products .bcc-donate-signpost .bcc-donate-signpost-inr {background-position: 40px 45px !important;}*/
}

body#ip3-Homepage .articleLandingVideoBannerWrapper .video-banner-title .bannerVideoRow{max-width: 818px!important;}
body#ip3-Homepage .articleLandingVideoBannerWrapper.fullVideoBanner .video-banner-play-link a{display: inline-block;
    color: #fff;
    font-size: 1.4rem;
    padding: 15px 20px 15px 40px;
    background: #000;
    border: 1px solid #fff;
    position: relative;
    font-family: 'notosans-light', sans-serif;
    text-transform: uppercase;
    opacity: 0.8;padding: 15px 20px !important;}
.articleLandingVideoBannerInnerWrapper .video-banner-play-link{position: absolute;
    margin: 0 auto;
    text-align: center;
    z-index: 10;
    right: 15px;
    bottom: 45px;}    
    
    
/*#ip3-investors .InvestorEvents .InvestorEventItem, #ip3-news-and-media .InvestorEvents .InvestorEventItem{width: 47%;}*/

#ip3-Homepage .visibleMobileDevices {display:none;}
body#ip3-Homepage .articleLandingVideoBannerWrapper.fullVideoBanner .video-banner-play-link a:hover {color: #fff !important;
    background-color: #000 !important;border: 1px solid #000 !important;}
/*.articleLandingVideoBannerWrapper.fullVideoBanner .video-banner-title h1 {margin-bottom: 10px;}*/