body:not(.js-focus-visible) :focus, html:not(.js-focus-visible) :focus {
outline:none;
}
/** FT CSS OVERRIDES **/
.o-header__drawer, .o-header {position: relative; z-index: 99999}
.o-footer {margin-top:0 !important; position: relative; z-index: 3}
/* 2020 OVERRIDES */
[class*=col-] {float:none !important}
.pc {padding-top: 11px; padding-bottom: 10px; /*z-index: 30*/ z-index: 99999;}
.pc__share-content,
.pc__client .pc__client-title,
.pc__title-content {font-family: MetricWeb, sans-serif !important;}
.pc__disclaimer-content {font-family: MetricWeb, sans-serif !important; font-size: 16px; line-height: 1.5em; color: #333333;}
.o-header__drawer[data-o-header-drawer--js] {z-index: 999999;}
.o-header__drawer * {font-family: MetricWeb,sans-serif !important;}
/*****************/
* {margin:0; padding:0; outline:none; border:none; box-sizing:border-box; -moz-box-sizing:border-box;}
form {height:100%;}
/* GLOBAL */
html {min-height:100%;}
body {line-height:1; height:100%; background-color: #ffffff !important; font-family: 'Source Sans Pro', sans-serif;}
#content {position:relative;}
#content p {font-size:17px; line-height: 1.4em; font-family: lexicon-ttw-no-2,"times new roman",serif; font-weight: 400;}
#content h1 {font-family: lexicon-ttw-no-2,"times new roman",serif; font-weight: 400;}
#content h2 {font-family: lexicon-ttw-no-2,"times new roman",serif; font-weight: 400; font-size: 26px; color: #ffffff; line-height: 1.3em;}
.safari-fix {height:500px; width:100%; display: block; content: ''; background-color: #ffffff; z-index: 1000; position: absolute; top: -589px;}
#tvn-content .left-panel {z-index: 21 !important}
/*
video {
object-fit: cover;
font-family: 'object-fit: cover;';
}
video {
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: left top;';
}
*/
::-webkit-input-placeholder {color:#bdbdbd;}
::-moz-placeholder {color:#bdbdbd; opacity:1;}
:-ms-input-placeholder {color:#bdbdbd;}
:-moz-placeholder {color:#bdbdbd; opacity:1;}
.col-row {font-size:0; width: 1108px; margin: auto; padding: 0;}
.col-container {margin-left:0; margin-right: 0; width: 100%;}
.col-2 {width:50%; display: inline-block; vertical-align: top; padding:0 29px;}
.col-3 {width:33.333%; display: inline-block; vertical-align: top; padding:0 29px;}
.col-4 {width:25%; display: inline-block; vertical-align: top; padding:0 29px;}
.inner {/**width:1050px;**/ width: 100%; margin: auto; max-width:100%; position: relative; padding: 0 80px 0 160px;}
.inner-content {width:884px; margin: auto; max-width:100%;}
img {max-width:100%; height:auto; }
a {color:inherit;}
a.cover {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0); display:block; z-index:5;}
/** STICKY NAV **/
.left-panel {position:fixed; width: 80px; left: 0; top: 0; bottom: 0; background-color: #A32B2C; z-index: 3}
.menu-icon {width:18px; height: 18px; display: block; position: absolute; top: 90px; left: 31px; background-image: url(/_assets/icon-menu.png); background-size: 36px 18px; z-index: 22}
.menu-icon.active {background-position:-18px 0; z-index: 101}
.share-btn {width:80px; height: 80px; background-color: rgba(163,43,44,1); display: block; position: absolute; bottom: 0; left: 0;}
.share-btn:after {width:28px; height: 28px; background-image: url(/_assets/icon-share-new.png); background-size: cover; display: block; content: ''; position: absolute; left: 50%; margin-left: -13.5px; top: 50%; margin-top: -13.5px;}
.arrow-icon {width:18px; height: 13px; background-image: url(/_assets/icon-arrow-left.png); background-size: cover; display: block; position: absolute; top: 133px; left: 31px; z-index: 22}
/** MENU **/
.menu {position:absolute; left: 0; top: 0; padding: 70px 0; width: 100%; background-color: #E8E8E8; z-index: 100; display: none;}
.menu.active {display: block;}
.arrow-icon.fixed,
.menu-icon.fixed,
.menu.fixed {}
.menu.fixed {top: 0; height: 100%; overflow: scroll;}
.menu p {font-family: lexicon-ttw-no-2,"times new roman",serif; line-height: 1.4em;}
.menu .col-row {width: 1075px; max-width:100%;}
.menu .col-1 {padding:12.5px; padding-bottom: 60px}
.menu .col-4 {padding:12.5px;}
.menu .panel {height: 100%}
.menu .panel .panel-text {margin-left:20px;}
.menu .panel-image-header-text {left:18px;}
.menu .panel .panel-text .border-text {padding-top:17px;}
.menu .panel .panel-text:before {height:100%;}
.menu .panel .panel-image-header-text .line {top:0;}
.menu .panel:hover p {color:rgba(163,43,44,1)}
.flex-nav {display:flex; flex-wrap: wrap;}
/** SHARE CONTAINER **/
.share-container {position: fixed; top: 0; width: 100%; height: 100%; background-color: rgba(124,124,124,0.94); z-index: 999998; left: -100%; transition: 0.2s ease-out}
.share-container.open {left:0;}
.share-container-inner {width:500px; position: absolute; height: 465px; left: 50%; margin-left: -250px; top: 50%; margin-top: -232px;}
.share-container-inner:after {display: block; position: absolute; left: 40px; top: 0; width:2px; height: 100%; content: ''; background-color: rgba(225,225,225,1);}
.share-container-inner .btn-close {position:absolute; left: 0; top: 0; width: 17px; height: 16px; background-image: url(/_assets/icon-close-white.png); background-size: cover;}
.share-container-inner .share-content {padding-left: 120px;}
.share-container-inner .share-content p {color:#ffffff; font-size: 16px; margin-bottom: 53px;}
.share-container-inner .share-content ul {list-style: none; margin: 0; font-size: 0}
.share-container-inner .share-content ul li {display:inline-block; vertical-align: middle; margin-right: 36px; opacity: 1; transition: 0.2s ease-out}
.share-container-inner .share-content ul li:hover {opacity:0.5}
.border-container {/*border-left:2px solid #A32B2C;*/ padding-left: 30px; position: relative;}
#content .border-container h1 {color:#ffffff; font-size: 100px; line-height: 1.1em;}
#content .border-container h2 {color:#ffffff; font-size: 60px; line-height: 1em; margin-bottom: 35px; padding-right: 50px; display: block;}
#content .border-container p {color:#ffffff; font-size: 22px; width:620px; max-width:100%; line-height: 1.5em;}
.border-container .line {position:absolute; left: 0; top: 0; height: 100%; width: 4px; /*transition: 0.2s ease-out*/}
.border-container .line:before {width: 2px; position: absolute; left:50%; margin-left: -1px; content: ''; background-color: rgba(163,43,44,0.5); height: 100%; /*transition: 0.2s ease-out*/}
.panel-container .inner:hover .border-container .line:before {width: 4px; margin-left:-2px; background-color: rgba(163,43,44,1); /*transition: 0.2s ease-out*/}
/*** HOME PAGE ***/
.home-main {position: relative; z-index: 2; background-color: #F5F4F2; margin-top: -45px; font-size: 0; padding-bottom: 100px;}
.hpcopy p {display: inline-block; margin-bottom: 40px; font-family: lexicon-ttw-no-2,"times new roman",serif; font-weight: 400;}
/* SELECT */
.chapter-nav {position: sticky; top:51px; z-index: 20; box-shadow: 0 0 10px rgba(0,0,0,.1); background-color:#a32b2c;}
/*.select-container {width:260px; z-index: 20; z-index: 10; position: relative; background-color: #ffffff}*/
.select-container .select {display: flex; justify-content: space-between; color:#000000; cursor: pointer; position: relative; z-index: 20}
.select-container .select span {width:45px; height: 45px; background-color:#ffffff; background-image: url(/_assets/icon-chevron-red.png); background-size: 20px auto; background-position: center; background-repeat: no-repeat; transition: 0.2s ease-out}
.select-container .select p {font-size:22px !important; transform: translateY(-2px); padding: 9px 0 0 15px; color: #717171}
.select-container .select:hover span {background-color:#efefef}
.select-dropdown {background-color: #ffffff; width:200px; display: none; position: absolute; box-shadow: 0 0 3px rgba(0,0,0,0.2)}
.select-dropdown ul {margin: 0; position: relative; z-index: 20}
.select-dropdown li a {border-bottom:1px solid #efefef; padding: 10px 15px; font-size: 14px; position: relative; z-index: 20; width: 100%; display: block; transition: 0.2s ease-out}
.select-dropdown li a:hover {background-color: #A32B2C; color: #ffffff; padding-left: 20px;}
.select-dropdown li a.active {background-color: #A32B2C; color: #ffffff; padding-left: 20px;}
.select-container {position: fixed; left: 26px; top: 495px; z-index: 21;}
.select-container img {width: 28px;}
.select {width: 28px; height: 28px; background-size: cover;}
.chapter-listing-container:first-of-type h2 {display: none}
/*** PANEL HOVER STYLES ***/
.panel-container .inner:hover .border-container:before {background-color: rgba(163,43,44,1); width: 4px;}
.panel-container .inner-content a.btn {opacity:0.5;}
.panel-container .inner:hover a.btn {opacity:1; transition: 0.2s ease-out}
.panel-container .inner:hover .panel-container-image:after {background-color: rgba(51,51,51,0.75);}
.panel-video-container .inner:hover .panel-container-image:after {background-color: rgba(51,51,51,0.75);}
.panel-video-container .panel {display: none;}
/* PAGE STYLES */
.hero-container {height: 50vh; min-height: 610px; position: relative; z-index: 0; margin-bottom: 45px; display: flex; align-items: center; padding-left: 160px; color:#ffffff;}
.hero-text {position:relative; z-index: 5; width:650px; max-width: 100%;}
.hero-container-image {height:100%; background-size: cover; background-repeat: no-repeat;}
.hero-container .logo {display: block; position: absolute; right: 85px; bottom: 70px; z-index: 5}
.hero-container:after {width:100%; height: 100%; position: absolute; left: 0; top: 0; background-image: linear-gradient(90deg, rgba(0,0,0,0.75), rgba(0,0,0,0), rgba(0,0,0,0.5)); content: '';}
.hero-container .btn {color:#ffffff;}
.hero-container .btn:hover {opacity:0.5;}
#content .hero-container h1 {margin-bottom:0.5em; line-height: 1.1em; font-size: 47px}
#content .hero-container p {font-size:18px; font-family: 'Source Sans Pro',sans-serif; margin-bottom: 0.75em;}
#content .hero-container .btn.arrow {display: flex; align-items: center; font-family: lexicon-ttw-no-2,"times new roman",serif; font-weight: normal; margin-top: 20px}
#content .hero-container .btn.arrow span {padding:5px 0; margin: 0 10px;}
#content .hero-container .btn.arrow:before {width:48px; height: 1px; background-color: #ffffff; content: ''; display: inline-block;}
#content .hero-container .btn.arrow:after {background-image:url(/_assets/arrow-down.png); width: 101px; height:14px; position: relative; top: 7px; margin-left: 0}
#content .hero-container .filter-options {margin-top:80px; padding-bottom: 20px;}
#content .hero-container .filter-options p {font-size:15px; font-family: 'Source Sans Pro',sans-serif; text-transform: uppercase; font-weight: 600;}
#content .hero-container .filter-options p a:hover {opacity:0.5}
#content .hero-container .filter-options p a {display:inline-block; margin-left: 5px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; text-decoration: none; transform: translateY(1px)}
#content .hero-container .filter-options p span {display:inline-block; margin-left: 15px;}
#content .hero-container .filter-options p a img {width:12px; height: auto;}
#content .hero-container .filter-options p span.filter-ent {color:#a52828;}
#content .hero-container .filter-options p span.filter-fam {color:#0a2d6e;}
#content .hero-container .filter-options p span.filter {cursor:pointer;}
#content .hero-container .filter-options p span.filter.inactive {opacity: 0.3;}
#content p.date {font-weight: 700; color: #437071; text-transform: uppercase}
#content article p.date {text-transform: uppercase; color: #437071; display: block; text-align: right; margin-top: -15px; font-weight: 700}
#content .video-page p.date {width: 100%; padding-right: 80px; margin-top: 0}
#content .video-page p.intro {font-size: 22px !important}
.date-container {display: flex; justify-content: center; padding:0 0 0 80px;}
#infographic {margin:0px 0 50px}
.bg-vid-home {display: block; position: fixed; min-width: 100%; width: auto; height: auto; top: -88px; left: 0;}
.video-mask {overflow:hidden; height: 100%; position: relative;}
#content article p.photo-credit {font-size: 16px; color: #666; font-style: italic; padding: 0px; margin: 4px 0 0 0; text-align: right;}
/* TEMP STYLES
.hero-container {height: 70vh}
.select-container {transform: translateY(-105px);}
.chapter-nav {top: 156px;}
#articleListing {margin-top: -50px;} */
/* CHAPTER NAV
.chapter-nav {background-color:#A32B2C; display: inline-block; padding-left: 160px; max-width: 100%;}
.chapter-nav ul {display:flex; list-style: none; margin:0; font-family: lexicon-ttw-no-2,"times new roman",serif; font-size: 14px; align-items: stretch; overflow-x: auto}
.chapter-nav ul li {width:135px; position: relative; flex-shrink: 0}
.chapter-nav ul li:after {position:absolute; height: 16px; width: 1px; background-color: #ffffff; display: block; right: 0; top: 50%; margin-top: -8px; content: '';}
.chapter-nav ul li:last-child:after {display: none;}
.chapter-nav ul li a {display:flex; width:100%; height:100%; text-align: center; justify-content: center; align-items: center; height: 40px; color:#ffffff; text-decoration: none; position: relative;}
.chapter-nav ul li a:after {content: ''; width:1px; height: 100%; display: block; position: absolute; left:-1px; top:0; background-color: #ffffff; opacity: 0; content: '';}
.chapter-nav ul li a:hover {background-color: #ffffff; color:#A32B2C;}
.chapter-nav ul li a:hover:after {opacity: 1}
*/
/* CHAPTER LISTING CONTAINER */
.chapter-listing-carousel-container {position:relative;}
.chapter-listing-container {padding-top: 40px; padding-bottom: 0px;}
.chapter-listing-inner {padding-left: 160px; padding-right: 80px;}
#content .chapter-listing-container h2 {font-size:37px; color:#A32B2C; padding-left: 170px; position: relative;}
.chapter-listing-container h2 span {background-color:#F5F4F2; position: relative; z-index: 1; display: inline-block; padding-left: 20px; padding-right: 20px; margin-left: -20px}
.chapter-listing-container h2:before {display: block; position: absolute; left: -160px; top:50%; content:''; border-top:1px solid #CCCCCC; width:calc(100% + 160px); z-index: 0}
.chapter-listing-container .col-container {width:calc(100% + 44px); margin-left: -22px;}
.chapter-listing-container .col-container .col-2 {padding:22px;}
.listing-panel {background-color:#ffffff; position: relative;}
.listing-text {padding:5px 30px 25px 30px;}
.listing-panel h3 {font-size:22px; color:#A32B2C; font-family: lexicon-ttw-no-2,"times new roman",serif; font-weight: normal; margin-bottom: 0.6em; padding: 25px 30px 0 30px; line-height: 1.3em}
#content .listing-text p {color:#717171; font-size:15px; font-family: 'Source Sans Pro',sans-serif; margin-bottom: 1.2em;}
.listing-image-outer {position: relative; max-height: 350px; overflow:hidden;}
.listing-image {padding-top: 50%; background-size: cover; background-repeat: no-repeat; background-position: center; transition: 0.2s ease-out}
.panel-cta {font-family: lexicon-ttw-no-2,"times new roman",serif; text-transform: uppercase; font-size: 16px; color:#717171; font-weight: 700; transition: 0.2s ease-out; text-decoration: none; display: flex; align-items: center;}
.panel-cta:before {width:25px; height: 2px; background-color: #A32B2C; display: block; content: ''; margin-right: 8px; transition: 0.2s ease-out}
.listing-panel:hover .listing-image {transform: scale(1.1); transform-origin: center;}
.listing-panel:hover .panel-cta:before {width:35px;}
.listing-panel:hover .panel-cta {color: #A32B2C;}
.video-panel-play {width:85px; height: 85px; background-color: #ffffff; position: absolute; bottom: 0; left: 0; z-index: 2}
.video-panel-play:before {width: 0; height: 0; border-style: solid; border-width: 16px 0 16px 27px; border-color: transparent transparent transparent #a32b2b; content:''; position: absolute; left: 50%; margin-left: -13px; top:50%; margin-top: -16px}
/** PANELS **/
.panel-container {width: 100%; position: relative; padding-top: 45px; padding-bottom: 80px;}
.panel-container .inner {padding:0}
.panel-container .inner-padding {padding-right:80px; padding-left: 160px;}
.panel-container-image {position: relative; /*padding-top: 66%;*/ padding-top: 50%; background-size: cover; background-position: bottom}
.panel-container-image:after {display: block; position: absolute; left: 0; top: 0; width:100%; height: 100%; content: ''; background-color: rgba(51,51,51,0.65); /*transition: 0.2s ease-out*/}
.panel-container .inner-content {position: absolute; top: -56px; z-index: 1; padding-top: 11px; left: 0; margin-left: 0; width: 100%; padding-left: 83px;}
.panel-container .inner-content a.btn {padding-left:32px; margin-top: 50px; display: block}
#content p.tag {color:#ffffff; text-transform: uppercase; font-size: 16px; /*font-weight: 600;*/ margin-bottom: 30px; padding-top: 11px;}
.panel-container.full-width {padding-left:160px; padding-right: 80px; padding-bottom: 80px;}
.panel-container.full-width .inner {width:100%; padding-left: 0; padding-right: 0}
.panel-container.full-width .inner-content {padding-left:83px;}
.panel-container .mask {/*max-height:720px;*/ overflow: hidden}
.panel-container.full-width .btn-watch {margin-left:32px; margin-top: 50px; display: block; opacity: 0.5; /*transition: 0.2s ease-out*/}
.panel-container.full-width .inner:hover .btn-watch {opacity:0.75;}
.panel-video-container .panel-container-image:after {background-color:rgba(163,43,44,0);}
.panel-video-container {margin-top:0;}
.panel-container.full-width .border-container .line {height:calc(100% + 1px);}
.panel.video .panel-image:after {background-color:rgba(163,43,44,0);}
.panel.video:hover .panel-image:after {background-color: rgba(51,51,51,0.5);}
.panel-image-header-text .line:before {display:none;}
.panel.videoh .panel-image:before {left: 85px;}
#content .panel p.filter-tag,
#content p.filter-tag {font-size:15px; position: relative; color:#a32b2c; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; padding-top: 10px; margin-bottom: 0px; margin-left: 84px; padding: 8px 0 12px 28px;}
.panel-container.full-width .border-container {padding-bottom: 30px;}
/* 2019 PANEL STYLES */
.panel-video-container .panel-container-image {height:620px; padding-top: 0; position: relative;}
.btn-watch-new {width:110px; height: 100%; position: absolute; left: 84px; top: 0; overflow: hidden; z-index: 10; /*background-color: #000000;*/}
.btn-watch-new img {width:220px; max-width: none; position: absolute; bottom: 0; opacity: 0.5;}
.panel-video-container.full-width .border-container .line:before {display:none;}
.panel-video-container.full-width .inner-content {top:0;}
.video-hover {position:relative;}
.video-hover:hover .btn-watch-new img {margin-left:-110px; opacity: 1;}
#content .video-hover:hover p.filter-tag:after {width:4px; background-color:rgba(163,43,44,1)}
.video-hover:hover .panel-container-image:after {background-color: rgba(51,51,51,0.5);}
.panel.video:hover .panel-image:before {background-position: -100% 350px; opacity: 1}
.panel.video .panel-image-header-text .line {display:none;}
.panel.video .panel-image-header-text .line:before,
.panel.video .panel .panel-text .line:before {transition:none; display: none;}
.panel.video .panel-text .line:before {display:none;}
#content .panel:hover p.filter-tag:after {width:4px; background-color:rgba(163,43,44,1);}
.panel-top {position: relative;}
.panel-top:before {width:100px; opacity: 0.5; background-size: 200% auto; height: 100%; position: absolute; left: 84px; bottom:0; overflow: hidden; background-image: url(/_assets/btn-watch-new-big.png); background-position: 0 350px; content: ''; z-index: 100}
.panel.video:hover .panel-top:before {background-position: -100% 350px; opacity: 1}
.panel-top-non-vid {position:relative;}
.panel-top-non-vid:before {width:2px; background-color:rgba(163,43,44,0.5); content:''; position: absolute; left: 84px; top: 0; height: 100%; z-index: 10}
#content .panel:hover .panel-top-non-vid:before,
#content .panel:hover p.filter-tag:after {width:4px; background-color:rgba(163,43,44,1);}
.panel .panel-text .line {position:absolute; top:0; left: 1px; height: 100%; width:2px; background-color:rgba(163,43,44,0.5);}
.panel:hover .panel-text .line {width:4px; background-color:rgba(163,43,44,1);}
.panel .panel-text .line:before {display:none;}
/* FEATURED ARTICLE */
#content .panel-container .article-hover {position:relative;}
#content .panel-container.featured-article {padding-bottom:40px;}
#content .panel-container.featured-article .inner-content {top:0; padding-top: 0;}
#content .panel-container.featured-article .inner-content p.tag {padding-top:21px}
#content .panel-container.featured-article p.filter-tag {position:relative;}
#content .panel-container.featured-article p.filter-tag:before {width: 2px; position: absolute; left: 0%; content: ''; background-color: rgba(163,43,44,.5); height: 100%;}
#content .panel-container .article-hover:hover p.filter-tag:before {width:4px; background-color: rgba(163,43,44,1);}
#content .panel-container .article-hover:hover .border-container .line:before {width:4px; background-color: rgba(163,43,44,1);}
#content .panel-container .article-hover .panel-container-image:after {background-color: rgba(51,51,51,0);}
#content .panel-container .article-hover:hover .panel-container-image:after {background-color: rgba(51,51,51,0.5);}
#content .panel-container .article-hover a.btn {padding-left:0}
#content .panel-container .article-hover:hover a.btn {opacity:1;}
/** SPACING OVERRITES */
#content .panel-container.full-width,
#content .two-panels-container,
#content .panel-container.featured-article {padding-top:0; padding-bottom: 0;}
#content .panel-container.full-width,
#content .two-panels-container {padding-bottom:80px;}
/** TWITTER PANELS **/
.twitter-panel {padding:105px 0; background-color: #E8E8E8; margin: 60px 0 80px}
.twitter-panel p {font-family: lexicon-ttw-no-2,"times new roman",serif; color: #7C7C7C;}
.twitter-panel p a {color:#A32B2C;}
.twitter-panel .inner {width:880px; font-size:0;}
.twitter-panel .twitter-left {width:115px; display: inline-block; text-align: right; vertical-align: top;}
.twitter-panel .twitter-left p {font-size: 14px; margin-top: 20px;}
.twitter-panel .twitter-left p a {display:block; text-decoration: none;}
.twitter-panel .twitter-right {display:inline-block; width:745px; height: 275px; margin-left: 20px; vertical-align: top; border-left:2px solid rgba(163,43,44,0.5)}
.twitter-panel .tweet-container {display:table; height: 100%; width: 100%;}
.twitter-panel .tweet-cell {display:table-cell; width:100%; height: 100%; vertical-align: middle; padding-left: 80px; padding-right: 0px;}
.twitter-panel .tweet-cell p {font-size:28px;}
/** TWO PANELS **/
.two-panels-container {padding-top:0px; padding-bottom: 80px;}
.two-panels-container .col-row {width:100%;}
.two-panels-container .col-container {padding: 0 51px 0 131px;}
.panel {position:relative;}
.panel h2 {/* background-color: #333330; padding: 2px 8px; margin-top: 8px; */}
.two-panels-container .panel-text {position:relative; padding-bottom: 10px;}
.two-panels-container .panel-text .btn {position:absolute; bottom: 0}
#content .panel p {color:#7C7C7C; font-size: 18px; font-family: lexicon-ttw-no-2,"times new roman",serif; }
.panel-image {position: relative; /*padding-top: 65%;*/ height: 400px; background-size: cover; overflow: hidden; z-index:3; background-color: #cccccc;}
.panel-image:after {display: block; position: absolute; left: 0; top: 0; width:100%; height: 100%; content: ''; background-color: rgba(51,51,51,0); transition:0.3s ease-out}
.panel-image-header-text {position:absolute; left: 83px; bottom: 0; z-index: 1; padding-left: 22px; padding-bottom: 20px; padding-right: 20px;}
.panel-image-header-text .line {top:8px}
.two-panels-container .panel:hover .line:before {width: 4px; margin-left:-2px; background-color: rgba(163,43,44,1);}
.panel .panel-text:before {height: calc(100% - 50px);}
.panel .panel-text {margin-left:83px; position: relative}
.panel .panel-text .border-text {padding:30px 60px 0 20px; margin-bottom: 30px;}
.panel .panel-text a.btn {padding-left:22px; opacity: 0.5; transition:0.2s ease-out}
.panel:hover .panel-image:after {background-color: rgba(51,51,51,0.50);}
.panel:hover .panel-text a.btn {opacity: 1}
.panel:hover .panel-text:before,
.panel:hover .panel-image-header-text:before {background-color: rgba(163,43,44,1); width: 4px;}
.panel-image-header-text .line, .panel .panel-text .line {}
/** ARTICLE PAGE **/
article {padding:70px 0 0 80px}
#content article h2 {font-size:30px; width:720px; color: #000000; max-width: 100%; margin: auto; line-height: 1.2em; margin-bottom: 20px; margin-top: 40px; font-family: lexicon-ttw-no-2,"times new roman",serif; }
#content article p {font-size:17px; width:720px; max-width: 100%; margin: auto; line-height: 1.7em; margin-bottom: 30px; font-family: lexicon-ttw-no-2,"times new roman",serif; }
#content article p.intro {font-size:20px; font-family: lexicon-ttw-no-2,"times new roman",serif; color: #7C7C7C; line-height: 1.8em; margin-bottom: 30px;}
#content article p a {text-decoration: underline}
#content article p a:hover {text-decoration: none}
.article-header-container {background-color:#A32B2C; padding: 60px 0 30px 80px;}
.article-header-container p {font-size:14px; color: rgba(225,225,225,0.25); margin-bottom: 35px; font-family: lexicon-ttw-no-2,"times new roman",serif; }
.article-header-container h1 {font-size:60px; color: #ffffff; text-shadow: 0 0 20px rgba(0,0,0,0.75)}
.inner-720 {width:720px; padding-left: 0; padding-right: 0}
.article-image-full-width,
.article-image {width: 720px; max-width:100%; margin: auto; margin:0 auto 35px auto;}
.article-image-full-width img,
.article-image img {width:100%;}
#animation_container {margin-left:auto; margin-right: auto;}
/*.article-image {margin-bottom: 100px; width: 100%; padding-left:80px; padding-right: 80px;}*/
/*.article-image-full-width {width:100%; margin: 90px 0}*/
.article-image-full-width img {width:100%; height: auto;}
.blockquote-container {margin:0 0 35px 0;}
.blockquote-container span,
.blockquote-container cite {font-style: normal; font-family: lexicon-ttw-no-2,"times new roman",serif;}
blockquote {width:720px; max-width: 100%; margin:50px auto; padding-left: 40px; border-left:2px solid rgba(163,43,44,0.5); font-size: 34px; font-family: lexicon-ttw-no-2,"times new roman",serif; color: rgba(163,43,44,1); line-height: 1.3em; position: relative;}
blockquote:before {content:'“'; position: absolute; left: -95px; top: 40px;; font-size: 144px;}
.blockquote-container.alt {background-color:transparent;}
.blockquote-container.alt blockquote {padding-left: 75px; background-color: transparent; border:none; padding-top: 0; padding-bottom: 0}
.blockquote-container.alt blockquote:before {top:7px; left: 0}
.blockquote-container.navy blockquote:before {background-image:url(/_assets/quote-marks-navy.png);}
.blockquote-container.navy blockquote {color:#152d6a}
.blockquote-image {display: flex; align-items: flex-start; width: 720px; margin-top:50px; margin-bottom: 50px; margin-left: auto; margin-right: auto;}
.blockquote-image img {width:110px; height: 110px; margin-top: 20px;}
.blockquote-image blockquote {background-color: transparent; padding: 0; margin:0; border:none; padding-left: 25px; padding-right: 150px;}
.blockquote-image blockquote:before {left:0; position: relative; transform: rotate(180deg); top: auto; left: auto; margin-bottom: 10px;}
.blockquote-image blockquote .citation {display: flex; font-size: 14px; justify-content: space-between; align-items: flex-end; margin-top: 10px;}
.blockquote-image blockquote .citation span {font-size:10px; color:#000000; font-family: 'Source Sans Pro', sans-serif;}
/** RELATED ARTICLES **/
.related-articles-listing h3 {font-size:16px; color:#7C7C7C; text-transform: uppercase; font-weight: normal; padding: 25px 12.5px 20px;}
.related-articles {margin-top:65px;}
.related-articles .col-row {width: 745px; margin: auto;}
.related-articles .col-row .col-3 {padding-left:12.5px; padding-right: 12.5px;}
.related-articles .panel-text p {font-family: lexicon-ttw-no-2,"times new roman",serif; padding-left: 0 !important; padding-right: 0 !important;}
.related-articles .panel-text {margin-left:20px;}
.menu .panel-image,
.related-articles .panel-image {z-index:2; height: 150px;}
.related-articles .panel-image-header-text .line {top:0;}
.related-articles .panel-image-header-text {left:20px;}
.related-articles .panel .border-text {padding-right: 0; padding-top: 10px;}
.small-panel-top {position:relative;}
.small-panel-top:before {width:2px; position:absolute; left: 21px; top:0; height: 100%; content:''; z-index: 5; background-color: rgba(163,43,44,0.5);}
.menu .small-panel-top p.filter-tag,
#content .small-panel-top p.filter-tag {padding:5px 0 8px 40px; margin-left: 0;}
.menu .small-panel-top p.filter-tag {font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; color:#a32b2c}
.menu p {font-size:14px; color:#7c7c7c}
.related-articles .panel:hover .small-panel-top:before {width:4px; background-color: rgba(163,43,44,1);}
#content .related-articles .panel-text p {line-height:1.4em; font-size: 14px;}
.panel:hover .small-panel-top:before,
.panel:hover .line:before {width: 4px; margin-left:-2px; background-color: rgba(163,43,44,1); transition: none}
.menu .panel.video .small-panel-top,
.related-articles .panel.video .small-panel-top {overflow:hidden;}
.menu .panel.video .small-panel-top:before,
.related-articles .panel.video .small-panel-top:before {width:74px; height: 250px; background-color: transparent; background-image: url(/_assets/btn-watch-new-smaller.png); background-size: 200% auto; background-position: 0 -50px; overflow: hidden; opacity: 0.5}
.panel:hover .small-panel-top:before {margin-left:0}
.menu .panel.video:hover .small-panel-top:before,
.related-articles .panel.video:hover .small-panel-top:before {background-position: -100% -50px; opacity: 1; left: 23px;}
.menu .panel.video .small-panel-top:before {left:21px;}
.menu .panel.video:hover .small-panel-top:before {left:21px; margin-left: 0}
.related-articles {transition:0.2s ease-out}
.col-3.hidden {opacity: 0; visibility: hidden; position: absolute; display: none}
a.load-more {color:#a32b2c; font-size: 16px; padding-left: 12.5px; display: block; width: 100%;}
/** VIDEO PAGE **/
.video-container {margin-bottom: 80px;}
.article-header-container.video {}
.article-header-container.video h1 {color:#ffffff; font-size: 46px; display: block; line-height: 1.2em; text-shadow: 0px 0px 4px rgb(0 0 0 / 50%);}
article.video-page {padding-top:0}
.embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.embed-container video,
.embed-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
article.video-page {padding-top:30px;}
/** intro copy on Video page */
.video p {margin-top:0; margin-bottom: 0px; color: #ffffff; padding-left: 20px; padding-right: 20px}
cite {font-size: 17px;}
.video-overlay {position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-size: cover; cursor: pointer;}
.video-overlay:after {display: block; position: absolute; left: 0; top: 0; width:100%; height: 100%; content: ''; background-color: rgba(163,43,44,0); transition: 0.2s ease-out}
.video-overlay:hover:after {background-color: rgba(51,51,51,0.75);}
.video-overlay:hover .play {opacity:0.75}
.video-overlay .play-container {width:720px; position: absolute; left: 50%; margin-left: -400px; top: 50%; margin-top: -77px; z-index: 2;}
.video-overlay .play {background-image:url(/_assets/btn-play-solid.png); background-size: cover; width: 161px; height: 162px; opacity: 0.5;}
/** FOOTER **/
footer.footer {padding-left: 160px; padding-right: 80px; background-color: #595757; position: relative; z-index: 1; padding-top:40px; padding-bottom: 20px;}
#content footer.footer p {color:#ffffff; font-size: 12px; margin-bottom: 1em}
#content footer.footer .footer-logo p {margin-bottom:0; font-size: 12px;}
/*.pictet-sign-off {background-color:#ffffff; padding-left: 160px; padding-right: 80px; padding-top: 20px; position: relative;}*/
.pictet-sign-off {background-color: rgba(255,255,255,0.95); padding-left: 160px; padding-right: 80px; padding-top: 20px; position: fixed; z-index: 20; bottom: 0; width: 100%; box-shadow: 0 -5px 5px rgba(0,0,0,0.1)}
.pictet-sign-off ul {list-style: none; display: flex; justify-content: flex-end; margin-left: 0}
.pictet-sign-off ul li {font-size:22px; margin-left: 20px;}
.pictet-sign-off ul li a {color:#b2b1b0;}
.pictet-sign-off ul li a:hover {color:#5d5c5c;}
.pictet-sign-off.scrolled {position: relative; background-color: #fff;}
.footer-logo {display:flex; align-items: flex-end;}
.footer-top {display:flex; justify-content: space-between; border-bottom: 1px solid #ffffff; padding-bottom: 20px;}
.footer-top p {margin-bottom: 0 !important}
.footer-logo p a {color:#5d5c5c; font-size: 18px; text-decoration: none; margin-left: 15px;}
.footer-social {margin-top:10px;}
/** BUTTONS **/
.btn {color:#ffffff; font-weight: 600; text-transform: uppercase; text-decoration: none; font-size: 16px;}
.btn span {display:inline-block; vertical-align: middle;}
.btn.arrow:after {width:27px; height: 14px; background-image: url(/_assets/icon-chevron-white.png); display: inline-block; content: ''; background-size: cover; vertical-align: middle; margin-left: 10px;}
.btn.arrow.right:after {transform: rotate(-90deg)}
.btn.red {color:#A32B2C;}
.btn.arrow.red:after {background-image: url(/_assets/icon-chevron-red.png);}
/* COOKIE BAR */
.cookieBar { width: 100%; background: url('/_assets/bg_cookiebar.png'); position: fixed; bottom: 0px; left: 0px; text-align: center; padding: 10px 10px; z-index: 99999999; box-sizing:border-box; -moz-box-sizing:border-box; }
.cookieBar p {color:#ffffff; font-size:14px; font-family:inherit; line-height:1.5em; text-align:center; display:inline-block;}
.cookieBar .acceptBtn {border:0px; background:#000; border:1px solid #DEDEDE; font-weight:bold; display:inline-block; margin-top:6px; margin-left:5px; font-family:inherit; font-size:12px; padding:5px 10px; text-decoration:none; color:#FFF; text-transform:uppercase; }
/* SHARE LIGHTBOX */
.share-page {float:right;cursor:pointer; margin-bottom:20px;}
.share-page i.fa {font-size:18px;color:#ab0063;}
.share-page span {display:inline-block; padding-left:10px; font-size:15px; position:relative; top:-2px; color:#ab0063;}
ul.social-list {}
ul.social-list li {display:inline-block; font-size: 0; margin: 0 5px;}
ul.social-list li a {display:block; background-color: #fff; width: 70px; height: 70px; line-height: 70px; font-size: 28px; color: #00addd; transition:0.2s ease-out}
ul.social-list li a:hover {color:#fff;}
ul.social-list li.facebook a:hover {background-color:#3B5998 !important;}
ul.social-list li.twitter a:hover {background-color:#1da1f2 !important;}
ul.social-list li.linkedIn a:hover {background-color:#0077b5 !important;}
ul.social-list li.google a:hover {background-color:#dd4b39 !important;}
ul.social-list li.email a:hover {background-color:#828282 !important;}
.share-toggle {cursor:pointer;}
.share-fade {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(142, 142, 142, 0.95); z-index: 105; display: none;}
.share-popup {position:fixed; left: 50%; margin-left: -181px; top: 50%; margin-top: -151px; width: 363px; height: 303px; z-index: 110; background-color: #fff; border-left:none; text-align: center; display: none}
.share-header {background-color:#af005f; padding: 27px;}
.share-header h1 {font-size:19px; color: #FFF; font-weight: bold; display: inline-block; position: relative;}
.share-popup ul.social-list {margin-top:30px;}
.share-popup ul.social-list li a {width:50px; height: 50px; line-height: 50px; color: #fff; background-color:#bfb9b2; font-size: 20px;}
a.share-close {display: block; margin-top: 115px; color: #af005f; font-size: 15px; font-weight: bold; text-decoration: none;}
.mobile-featured-panel {display:none;}
/* MENU 2020 */
.menu { padding-top:60px; /*background-color: transparent*/}
.menu .col-row {width:100%;}
.menu .col-container {font-size: 0; width:calc(100% + 12px); margin-left: -12px; padding-left: 160px; padding-right: 80px;}
.menu .panel {background-color: #ffffff}
.menu .panel p {margin:0; font-family: lexicon-ttw-no-2,"times new roman",serif; color:#A32B2C; line-height: 1.2em}
.menu .video-panel-play {width:34px; height: 34px}
.menu .video-panel-play:before {border-width: 8px 0 8px 14px; margin-left: -7px; margin-top: -8px;}
.menu .listing-text {padding:15px;}
.menu .panel:hover .listing-image {transform: scale(1.1);}
.menu .col-1 {width:100%; padding:6px;}
.col-6 {width:16.667%; display: inline-block; vertical-align: top; padding:6px;}
.menu h4 {font-size:21px; font-family: lexicon-ttw-no-2,"times new roman",serif; color:#A32B2C; position: relative; display: block; position: relative; font-weight: normal;}
.menu h4 span {display: inline-block; background-color: #F5F4F2; position: relative; z-index: 2; padding: 6px; padding-left: 0;}
.menu h4:before {display: block; position: absolute; left: 0; top:50%; content:''; border-top:1px solid #CCCCCC; width:100%; z-index: 0}
.nav-section {background-color: #F5F4F2;}
.nav-section {padding:20px 0;}
.nav-section:nth-child(even) h4 span,
.nav-section:nth-child(even) {background-color: #ffffff;}
.nav-section:nth-child(even) .video-panel-play,
.nav-section:nth-child(even) .panel,
.nav-section:nth-child(even) .listing-text {background-color: #F5F4F2;}
/* ARTICLE 2020 */
.article-header-container {background-color:transparent; background-size: cover; background-position: center; text-align: center; height: 375px; display: flex; align-items: center; position: relative; padding:0;}
.article-header-container:after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content:''; background-image: linear-gradient(to top, rgba(0,0,0,0.1), rgba(0,0,0,0.2), rgba(0,0,0,0));}
.article-header-container h1 {font-size:50px; margin-bottom: 0.4em; max-width: 100%; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; line-height: 1.1em}
#content .article-header-container h2 {font-size: 28px; font-weight: normal; font-size: 17px; margin-bottom: 1em;}
.article-header-container hr {display: block; margin:auto; width: 90px; border-top: 4px solid #ffffff}
.article-header-container .inner {position: relative; z-index: 2}
#content article p.intro {color:#000000;}
blockquote {background-color: #f8fbfb; color: #437071; padding:30px 60px; border-bottom: 1px solid #17c2bf; font-family: 'Source Sans Pro', sans-serif; font-size: 27px; border-left: none}
blockquote:before {content: ''; background-image: url(/_assets/quote-marks.png); background-size: cover; width: 50px; height: 29px; display: block; top:35px; left: -20px}
.first-character {float: left; font-size: 78px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 0px; color: #437071; font-family: 'Source Sans Pro', sans-serif;}
/* BLOCKQUOTE CHANGES */
blockquote {background-color: transparent; padding:0; border:none; color:#152d6a; border:none; padding-right: 50px;}
blockquote:before {transform: rotate(180deg); position: relative; left: auto; top: auto; display: block; margin-bottom: 15px; background-image: url(/_assets/quote-marks-navy.png);}
.related-articles {position: relative; padding-top: 65px}
.related-articles:before {width:90px; border-top:4px solid #152d6a; display: block; margin:auto; content: ''; position: relative; top: -65px; left: 45px}
.menu.related-articles-listing h3 {font-size:26px; color:#a32b2c; padding: 0; margin-bottom: 1em; font-family: lexicon-ttw-no-2,"times new roman",serif;}
.menu.related-articles-listing {position: relative; top: auto; display: block; padding-top: 40px; background-color: #F5F4F2; z-index: 1; padding-left: 80px}
.menu.related-articles-listing .col-container {padding:0; width: calc(100% + 12px); margin-left: -6px;}
.menu.related-articles-listing h4 span {background-color:#F5F4F2;}
.menu.related-articles-listing h4:before {width:100%;}
.menu.related-articles-listing .flex-nav {width:100%;}
#content .menu.related-articles-listing {overflow: unset; top: unset; padding-bottom: 130px;}
#content .menu.related-articles-listing .panel p {font-size:14px; line-height: 1.2em; margin-bottom: 0; color:#a32b2c }
#content .menu.related-articles-listing .col-3 {width:33.333%; padding:6px;}
a.load-more {padding-left:6px; margin-top: 20px;}
.references {width:720px; max-width: 100%; margin-left: auto; margin-right: auto; font-size: 12px; padding-left: 10px;}
.references li a {color:#a32b2c;}
.references li {margin-bottom:6px; line-height: 1.2em}
/** CAROUSEL FIX **/
.chapter-listing-carousel {display: flex; flex-wrap: wrap;}
.chapter-listing-carousel .listing-panel {height: 100%; padding-bottom:20px;}
.chapter-listing-carousel .listing-panel .listing-text {display: flex; flex-direction: column; justify-content: space-between;}
.chapter-listing-carousel .listing-panel .listing-text .panel-cta {position: absolute; bottom: 20px}
/*****************/
/* ANOTHER ARTICLE STYLE */
.article-header-container.article-header-container-full {height: calc(100vh - 185px); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 90px; position: relative}
.article-header-container.article-header-container-full .inner {margin: 0;}
.article-header-container.article-header-container-full h1 {font-size: 50px;}
#content .article-header-container.article-header-container-full h2 {font-size: 20px; width: 482px; max-width: 100%; margin: auto; padding-bottom: 20px;}
.article-header-container.article-header-container-full:after {position: absolute; top: auto; bottom: 0; left: 0; width: 100%; height: 50%; content:''; background-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); z-index: 1}
#content article.article-style-2023 p.intro,
#content .article-style-2023 {position: relative;}
.date-container.date-container-2023 p,
#content .article-style-2023 p {font-size: 20px; color: #2E2E2E; width: 626px;}
.date-container.date-container-2023 p {text-align: center; width: 560px; max-width: 100%; padding-left: 30px; padding-right: 30px;}
#content .article-style-2023 span.first-character {color: #804940; font-size: 70px; font-family: lexicon-ttw-no-2,"times new roman",serif;}
#content .article-style-2023 h2 {width: 626px; max-width: 100%; font-size: 30px; color: #804941}
.speaker-2023 {flex-direction: column; width: 620px; max-width: 100%; margin: 50px auto; position: relative;}
.speaker-2023 img {position: absolute; width: 113px; left: -92px; top: -7px;}
.speaker-2023 blockquote {padding: 0}
.speaker-2023 blockquote:before {width: 93px; height: 67px; background-image: url(/_assets/Pictet_QuotationMarks.svg); transform: none; margin-bottom: 28px;}
#content .article-style-2023 .speaker-2023 p {font-size: 24px; font-style: italic; color: #804941; line-height: 1.5em}
#content .article-style-2023 .speaker-2023 cite {font-size: 15px; color: #2E2E2E; display: block; line-height: 1.3em; font-family: lexicon-ttw-no-2,"times new roman",serif; font-style: normal;}
.speaker-2023.version-2024 img {width: 96px; left: -115px; top: 95px;}
.text-with-stat {display: flex; position: relative; width: 1004px; padding: 0 20px; max-width: 100%; margin: auto; z-index: 2}
.text-with-stat img {margin-right: 30px;}
.text-with-stat div {width: calc(100% - 337px);}
.date-container-2023 {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 80px auto 0px}
.date-container-2023 p.date {color: #804941 !important; margin-top: 40px;}
.date-container-2023:before {}
#content .article-style-2023 .lottie-container {width: 1034px;}
.shape-container {position: relative;}
#content .article-style-2023 p,
#content .article-style-2023 h2,
.shape-container p,
.shape-container h2 {position: relative; z-index: 2}
.left-shape-1 {position: absolute; left: 0; top: -150px; z-index: 0}
.top-shape-1 {position: absolute; right: 90px; top: 0; z-index: 0}
.right-shape-1 {position: absolute; right: 64px; top: 0; z-index: 0}
.left-shape-2 {position: absolute; left: 0; top: 0; z-index: 0}
.right-shape-2 {position: absolute; right: 0; top: -500px;; z-index: 0}
.left-shape-3 {position: absolute; left: 80px; top: 0; z-index: 0}
.shape-2023 {transition: 1.5s ease-out; opacity: 0; transform: translateY(-80px) scale(0.8);}
.shape-2023.active {opacity: 1; transform: translateY(0) scale(1)}
.article-style-2023-overflow-hidden {overflow: hidden;}
.circle.circle-1 {position: absolute; right: 92px; top: -95px; opacity: 0.28}
.circle.circle-2 {position: absolute; right: 171px; top: 235px; opacity: 0.1; width: 32px; height: 32px;}
.circle.circle-3 {position: absolute; right: 139px; top: 453px; opacity: 0.15; width: 64px; height: 64px;}
.circle.circle-4 {position: absolute; left: -150px; top: -150px; opacity: 0.28; width: 311px; height: 311px;}
.circle.circle-5 {position: absolute; right: -89px; bottom: -89px; opacity: 0.1; width: 178px; height: 178px;}
.circle.circle-6 {position: absolute; right: 36px; top: 149px; opacity: 0.1; width: 246px; height: 246px;}
.circle.circle-7 {position: absolute; right: 133px; top: 411px; opacity: 0.1; width: 123px; height: 123px;}
.circle.circle-8 {position: absolute; left: -180px; bottom: 100px; opacity: 0.28; width: 400px; height: 400px;}
.circle.circle-9 {position: absolute; left: -125px; top: -125px; opacity: 0.1; width: 250px; height: 250px;}
.circle.circle-10 {position: absolute; right: -129px; bottom: -129px; opacity: 0.28; width: 400px; height: 400px;}
.circle.circle-11 {position: absolute; left: -290px; bottom: 80px; opacity: 0.28; width: 400px; height: 400px;}
.circle.circle-12 {position: absolute; right: -300px; top: -300px; opacity: 0.28; width: 400px; height: 400px;}
.circle.circle-13 {position: absolute; left: -100px; top: 92px; opacity: 0.1; width: 246px; height: 246px;}
.circle.circle-14 {position: absolute; left: 10px; top: 415px; opacity: 0.1; width: 123px; height: 123px;}
.circle.circle-15 {position: absolute; right: -100px; top: 192px; opacity: 0.1; width: 246px; height: 246px;}
.circle.circle-16 {position: absolute; right: -10px; top: 515px; opacity: 0.1; width: 123px; height: 123px;}
.circle.circle-17,
.circle.circle-18,
.circle.circle-19,
.circle.circle-20 {position: absolute;}
.shape,
.circle {transform: scale(0) translateY(40px); transition: 0.75s ease-out}
.shape.active,
.circle.active {transform: scale(1) translateY(0);}
/* RISING GENERATION CAROUSEL */
.rg-carousel-section {background-color: #F8F8F4; padding:40px 0 20px 0; position: relative; z-index: 5}
.rg-carousel-container {width: 1160px; text-align: center; margin: 60px auto; position: relative;}
#content .rg-carousel-section h2 {font-size: 45px; width: 100%; margin-top: 0; text-align: center; line-height: 1em}
.rg-carousel {width: 928px; max-width: 100%; margin: auto;}
.rg-carousel .slide {position: relative;}
.rg-carousel .slide:before {width: 1px; height: 100%; position: absolute; left: 50%; background-color: #707070; content: '';}
.rg-carousel .slide:after {width: 100%; height: 1px; position: absolute; left: 0; top: 50%; background-color: #707070; content: '';}
.rg-boxes {display: flex; flex-wrap: wrap;}
.rg-box {width: 50%;}
.rg-map-circle {width: 137px; z-index: 2; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.rg-region {background-color:#804941; z-index: 3 !important; font-size: 20px !important; color:#ffffff !important; padding: 0px 15px !important; text-align: center; width: auto !important; margin: 0 !important; position: absolute !important; top:50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; color: #ffffff; font-size: 20px;}
.rg-carousel-container .slick-arrow {font-size: 0; width: 66px; height: 66px; top:50%; transform: translateY(-50%); position: absolute; background-size: contain; background-color: transparent; z-index: 5; transition: 0.2s ease-out}
.rg-carousel-container .slick-arrow:hover {opacity: 0.5}
.rg-carousel-container .slick-next {background-image:url(/_uploads/page-images/rg-slick-next.png); right: 0}
.rg-carousel-container .slick-prev {background-image:url(/_uploads/page-images/rg-slick-prev.png); left: 0}
.rg-carousel-container .slick-dots {position: absolute}
.rg-carousel-container .slick-dots {display: flex; gap: 9px; position: absolute; bottom: -80px; margin: 0; width: 100%; justify-content: center; z-index: 10}
.rg-carousel-container .slick-dots li {width: 12px; height: 12px; border-radius: 12px; border:1px solid #804941; font-size: 0}
.rg-carousel-container .slick-dots li button {background-color: transparent;}
.rg-carousel-container .slick-dots li.slick-active {background-color:#804941}
.rg-source {display: block; text-align: right; padding:0 40px 20px 20px; font-size: 16px !important; color:#000000 !important; width: 100% !important}
.slick-current .rg-box {opacity: 0; animation:0.5s rbfade ease-out 0.5s forwards;}
.slick-current .rg-boxes .rg-box:nth-child(2) {animation:0.5s rbfade ease-out 0.75s forwards;}
.slick-current .rg-boxes .rg-box:nth-child(3) {animation:0.5s rbfade ease-out 1s forwards;}
.slick-current .rg-boxes .rg-box:nth-child(4) {animation:0.5s rbfade ease-out 1.25s forwards;}
@keyframes rbfade {
0% {opacity: 0; transform: translateY(15px)}
100% {opacity: 1; transform: translateY(0px)}
}
/*** STYLES 2024 ***/
.article-style-ff .first-character {color:#BC5A1D !important}
#content .article-header-container-ff h1 {font-size: 70px;}
#content .article-header-container.article-header-container-full.article-header-container-ff h2 {width: 640px; max-width: 100%;}
#content .article-header-container-ff hr {border-top: 1px solid #ffffff; width: 218px; margin-bottom: 1.75em}
.article-header-container-ff .inner {width: 1200px; max-width: 100%;}
#content .article-style-2023 .speaker-2023.speaker-ff p {color: #804941; font-size: 25px;}
.speaker-2023.speaker-2023.speaker-ff blockquote:before {background-image:url(/_assets/Pictet_QuotationMarks-ff.svg);}
/******************/
/* FAMILIES */
#content .col-3[data-section="Families"] .small-panel-top p.filter-tag,
.menu .col-4[data-section="Families"] .panel:hover p,
.menu .col-4[data-section="Families"] .small-panel-top p.filter-tag,
#content .col-2[data-section="Families"] .panel .panel-text a.btn,
#content .col-2[data-section="Families"] .panel p.filter-tag,
#content .col-2[data-section="Families"] p.filter-tag {color:#0a2d6e;}
#content .col-2[data-section="Families"] .btn.arrow.red:after {background-image:url(/_assets/icon-chevron-blue.png);}
#content .col-2[data-section="Families"] .panel-top:before {background-image:url(/_assets/btn-watch-new-big-blue.png)}
#content .col-3[data-section="Families"] .panel .panel-text .line,
.menu .col-4[data-section="Families"] .panel .panel-text .line,
#content .col-2[data-section="Families"] .panel .panel-text .line {background-color:rgba(10,45,110,.5)}
.menu .col-4[data-section="Families"] .panel:hover .panel-text .line,
#content .col-3[data-section="Families"] .panel:hover .panel-text .line,
#content .col-2[data-section="Families"] .panel:hover .line {background-color:rgba(10,45,110,1)}
#content .col-3[data-section="Families"] .panel.video .small-panel-top:before,
.menu .col-4[data-section="Families"] .panel.video .small-panel-top:before {background-image:url(/_assets/btn-watch-new-smaller-blue.png);}
/***************************************
HIDING FILTERS - DELETE THESE WHEN
FILTERING IS READY TO GO LIVE
**************************************/
.menu .small-panel-top p.filter-tag,
#content .hero-container .filter-options,
#content .panel p.filter-tag, #content p.filter-tag {display:none}
.menu .panel.video .small-panel-top:before, .related-articles .panel.video .small-panel-top:before {background-position: 0 -85px;}
.menu .panel.video:hover .small-panel-top:before {background-position: 74px -85px;}
.related-articles .panel.video:hover .small-panel-top:before {background-position: 74px -85px;}
.related-articles .panel.video:hover .small-panel-top:before {left: 21px;}
/* VERTICAL ALIGN LOGO HERO */
.hero-container .logo {bottom:50px;}
/* JULY 2023 */
#content article p a {color: #A32B2C}
.lottie-container {width:960px; max-width: 100%; margin: 40px auto; position: relative}
.large-footer {transform: translateY(-4px)}
@media (max-width: 800px)
{
.btn-watch-new {height:350px !important;}
.btn-watch-new img {bottom:-50px !important;}
}
/**************************************/
/**************************************/
.speaker-container {width: 720px; max-width: 100%; margin: auto; position: relative}
.speaker {width: 200px; float: left; margin:10px 40px 20px -60px; text-align: center}
.speaker p {font-size: 14px !important; line-height: 1.3em !important; margin-top: 10px !important}
.speaker-container:before {width: 80px; height: 80px; border-radius: 80px; position: absolute; left: -40px; top: -40px}
.speaker-2023.version-2024.flipped img {left: auto; right: -115px;}
/* IE10+ SPECIFIC STYLES GO HERE. IE10+ NO LONGER SUPPORT CONDITIONAL STATEMENTS IN THE HEAD OF A FILE */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
}
@media (max-width: 1340px)
{
#content .border-container h2 {font-size:50px;}
.panel-container.full-width .btn-watch {margin-top:20px;}
}
/* MOBILE STYLES */
@media (max-width: 1235px)
{
/** MENU **/
.menu .col-row {padding-left:56.5px; padding-right: 56.5px;}
.panel .panel-text .border-text {padding-right:0;}
.panel-container.full-width .btn-watch {width:120px; margin-top: 20px;}
}
@media (max-width: 1180px)
{
#content .border-container h2 {font-size:40px;}
.panel-container.full-width .btn-watch {margin-top:10px; width: 90px;}
article {padding-left: 0}
/** LEFT NAV **/
.left-panel {top:0px; width: 100%; height: 80px; position: absolute; box-shadow: 0 2px 2px rgba(0,0,0,0.2)}
.left-panel.fixed {}
.share-btn {left:auto; right: 0; display: none}
.menu-icon {left:auto; right: 20px; top: 31px;}
.arrow-icon {left:auto; left: 20px; top: 34px;}
.date-container-2023 {padding-left: 0}
.left-shape-3 {left: 0}
}
@media (max-width: 1100px)
{
#content .border-container h2 {font-size:46px;}
}
@media (max-width: 1040px)
{
.inner {padding:0 40px 0 120px;}
.two-panels-container .col-container {padding: 0 11px 0 91px;}
.hero-container .inner-content {padding-left:203px;}
.panel-container .inner-content {padding-left:123px;}
.border-container p {width:90%;}
.panel-container.full-width .btn-watch {width: 120px; margin-top: 30px; }
#content .border-container h2 {padding-right: 5px; }
footer .inner-content {padding-left:203px;}
.panel-container.full-width .inner-content {padding-left:83px;}
.panel-container.full-width {padding-left: 120px; padding-right: 40px;}
/** ARTICLE PAGE **/
.inner-720 {padding:0}
.blockquote-container {padding-left:180px;}
.video-overlay .play-container {left:69px; margin-left: 0}
.panel-container .inner-padding {padding-left:80px; padding-right: 29px;}
.footer-right {padding-left:235px;}
.panel-container.full-width .btn-watch {width:80px; margin-top: 5px;}
#content .video-page p.date {padding-right: 40px;}
}
@media (max-width: 960px)
{
.inner {padding:0 20px 0 80px;}
#content .video-page p.date {padding-right: 20px;}
#content .border-container h2 {font-size:45px;}
.hero-container .inner-content {padding-left:163px;}
.two-panels-container .col-container {padding: 0 0 0 51px;}
.panel-container.full-width .inner-content {padding-left: 83px;}
.panel-container .inner-content {padding-left: 83px;}
footer .inner-content {padding-left:163px;}
.panel-container.full-width {padding-left: 80px; padding-right: 30px;}
/** ARTICLE PAGE **/
.article-image-full-width,
.article-image,
.inner-720,
#content article p,
#content article p.intro {padding:0 60px;}
.blockquote-container {padding-right:60px;}
/** MENU **/
.menu .col-row .col-4 {width:33.333%;}
.footer-right {width:100%; float: none; padding: 0 34px 0 160px; margin-top: 0px;}
.related-articles .col-row {width:625px;}
#content .border-container h2 {margin-bottom:15px;}
.speaker {margin-left: 0; margin-top: 0; margin-bottom: 0}
#content .article-header-container-ff h1 {font-size: 45px; line-height: 1.2em;}
}
@media (max-width: 910px)
{
.pictet-sign-off {position: relative; bottom: auto !important; background-color: #fff;}
#content .menu.related-articles-listing {padding-bottom: 40px}
#content p.large-footer {text-align: center;}
}
@media (max-width: 870px)
{
#content .article-style-2023 .speaker-2023 cite {padding: 0 30px;}
.speaker-2023.no-image blockquote:before {left: 30px; margin-bottom: 20px;}
}
@media (max-width: 860px)
{
.pc__client-title {font-size: 16px;}
.shape-2023 {display: none}
}
@media (max-width: 810px)
{
.speaker-2023 img {left: 20px}
.speaker-2023 blockquote:before {left: 117px; margin-bottom: 65px;}
.speaker-2023.no-image blockquote:before {left: 30px; margin-bottom: 20px;}
}
@media (max-width: 800px)
{
#content .video-page p.date {padding-right: 35px;}
.mobile-featured-panel {display:block}
.featured-panel {display:none;}
.inner {padding-left:35px; padding-right: 35px;}
.bg-vid-home {height:100%; position: absolute; border: 0; left: -30%}
.panel-container.full-width .inner-content {padding-left:0; left: 34px;}
/** HERO CONTAINER **/
.hero-container {min-height:620px;}
.hero-container .inner-content {left:69px; margin-left: 0; top: auto; margin-top: 0; bottom: 0; width: auto; padding-left: 0}
#content h1 {font-size:36px; display: block; line-height: 1.3em;}
#content .hero-container .border-container h1 {font-size:48px;}
.hero-container .border-container {min-height:unset; padding-bottom: 80px;}
#content .hero-container .border-container p {margin-bottom:30px;}
#content .hero-container .border-container .filter-options p {margin-bottom: 0}
.bg-vid-home {top:0}
/** TWO PANELS **/
#panel1 {padding-top:80px;}
.two-panels-container {padding-top:0; padding-bottom: 0}
.two-panels-container .col-container {padding-left:6px; padding-right: 6px;}
.two-panels-container .col-container .col-2 {width:100%;}
.panel-container .inner-content {width: calc(100% - 15%); left: 69px; margin-left: 0; padding-left: 0;}
.panel-container .inner-content p {width:auto;}
/** PANELS **/
.border-container {padding-left:22px}
.panel-video-container {margin-top:0; padding-top: 40px}
.panel-container {padding-bottom:0}
.panel-image-header-text {left:34px; padding-right: 20px;}
#content .panel-image-header-text h2 {font-size:24px;}
.panel .panel-text {margin-left:34px;}
.two-panels-container {padding-bottom:0}
#content .panel-container h2 {font-size:24px; margin-bottom: 15px;}
#content .panel-container h2 br {display:none;}
#content .panel-container p {font-size:14px;}
.panel .panel-text .border-text {padding-right:0}
#content .panel-container .border-container p {/*display:none;*/}
#content .panel-container .border-container p.tag {display:block; margin-bottom:48px;}
.panel-container .inner-content a.btn {padding-left: 24px; margin-top: 0;}
.panel-container.full-width {padding-left:35px; padding-right: 35px; /*margin-top: 125px;*/ margin-top: 6px;}
.panel-image {z-index:2}
#content .panel-container.featured-article {display:none;}
/* 2019 FEATURE PANEL */
#content .panel-container.full-width {padding-bottom:20px;}
#content .panel-container.full-width p.tag {margin-bottom:15px;}
#content .panel-container.full-width .panel-text {display:none;}
.panel-video-container .panel-container-image {height:350px;}
.btn-watch-new {left:34px; height:389px;}
.btn-watch-new {}
/** VIDEO PANEL **/
.panel-video-container {/*margin-bottom:80px;*/}
.panel-container.full-width .btn-watch {margin-top:10px; margin-left: 26px;}
.btn-watch img {width:73px; height: auto;}
/** ARTICLE **/
.inner-720 {padding-left:30px; padding-right: 30px;}
article {padding:50px 0}
.article-header-container {padding:120px 0 50px 0}
.article-image-full-width,
.article-image,
#content article p.intro,
#content article p {padding-left:30px; padding-right: 30px;}
#content article p.intro {margin-bottom:60px;}
.inner.article-image {padding:0 30px; margin-bottom: 60px;}
.article-image-full-width {margin:60px 0}
blockquote {font-size:28px; margin: 60px 0;}
.blockquote-container {padding-left:69px;}
blockquote br {display:none;}
.article-image {padding-left:30px; padding-right: 30px;}
.related-articles {display:none;}
/** MENU **/
.menu .col-row .col-4 {width:50%;}
.menu .col-1 {padding-bottom:30px;}
.menu.fixed {top: 0px}
/** FOOTER **/
footer.footer {/*padding-top:50px;*/}
footer .inner-content {width:auto; padding-left: 0}
#content footer.footer p.tag {width:auto}
footer .border-container {margin-left:69px;}
.sign-off-text {margin-top:20px;}
.footer-right {padding:0 34px 0 94px;}
.panel-container-image {padding-top:66%}
.hero-container .logo {top: 120px; left: 92px; z-index: 1}
#content .hero-container .filter-options {margin-top:0; position: absolute; bottom: 0;}
#content .hero-container .filter-options p {width:auto;}
.hero-container .btn {top: auto; bottom: auto;}
.menu .col-row {height:90vh; overflow-y: auto}
.panel.video .panel-image:before {left:35px}
.panel-top:before,
.panel-top-non-vid:before {left:35px; background-image: none; width: 2px; background-color: rgba(163,43,44,0.5); content: ''; position: absolute; top: 0; height: 100%; z-index: 10;}
#content p.filter-tag {margin-left:29px;}
.panel:hover .panel-top:before,
.panel:hover .panel-top-non-vid:before {width:4px; background-color: rgba(163,43,44,1);}
#content .panel-container.full-width,
#content .panel-container.full-width, #content .two-panels-container {padding-bottom:0;}
#content .panel-container.full-width,
.two-panels-container .col-container .col-2 {padding-bottom:60px;}
#content .panel p.filter-tag, #content p.filter-tag {margin-left:29px;}
.speaker-2023 img {left: 0}
.speaker-2023 blockquote:before {left: 85px;}
#content .article-style-2023 .speaker-2023 cite {padding: 0}
.speaker-2023.no-image blockquote:before {left: 0px;}
.article-header-container.article-header-container-full {height: 600px; padding-bottom: 40px;}
#content .article-header-container-ff h1 {font-size: 36px; line-height: 1.2em;}
.article-header-container.article-header-container-full.article-header-container-ff .inner {padding: 0}
}
@media (max-width: 768px)
{
.text-with-stat {flex-direction: column; padding: 0; width: 620px; margin-top: 40px;}
.text-with-stat img {margin: 0; width: 300px; max-width: 100%;}
.text-with-stat div {width: 100%}
.circle-layout .circle.circle-1,
.circle-layout .circle.circle-2,
.circle-layout .circle.circle-3,
.circle-layout .circle.circle-6,
.circle-layout .circle.circle-7 {display: none}
.circle-layout .circle {opacity: 0.1 !important}
.inner.video-container {padding-left: 0; padding-right: 0; width: calc(100% + 60px); max-width: calc(100% + 60px); margin-left: -30px}
.embed-container video, .embed-container iframe {width: 100% !important; margin: auto !important}
}
@media (max-width: 740px)
{
/*.menu {top:49px;}*/
#content .border-container p {width:100%;}
}
@media (max-width: 600px)
{
.hero-container .btn.arrow {color:rgba(255,255,255,1)}
/*.hero-container .btn.arrow:after {background-image:url(/_assets/icon-chevron-red.png);}*/
.hero-container .btn {bottom: 2%;}
.share-container-inner {width:calc(100% - 56.5px); margin-left: 0; left: 56.5px;}
.video-overlay .play-container {margin-top:-40px; left: 35px}
.video-overlay .play {width:80px; height: 80px; background-size: 160px 80px;}
.video-overlay:hover .play {background-position: -80px 0;}
.video-container {margin-bottom:50px; padding-left:0; padding-right: 0;}
#content .hero-container p {font-size:14px; padding-right: 20px;}
.line.mobile-line {height:150%;}
.panel-image {height:240px;}
#content .panel-container .border-container p {display:none}
#content .video-page p.date {padding-right: 0px; margin-bottom: 20px}
.speaker {width: 180px; margin-right: 20px;}
.speaker p {font-size: 12px !important}
}
@media (max-width: 414px)
{
/* IPHONE 6+, GOOGLE NEXUS 5X & GOOGLE NEXUS 6P */
/* HERO CONTAINER */
.hero-container {height:550px; min-height:550px;}
/** MENU **/
.menu .col-row .col-4 {width:50%;}
.menu .col-row {padding-left: 10px; padding-right: 10px;}
/** SHARER **/
.share-container-inner .share-content {padding-left:70px;}
.share-container-inner {height: 320px; margin-top: -160px;}
.share-container-inner .share-content ul li {margin-right:20px;}
#content p.large-footer {font-size:12px;}
.panel.video .panel-image:before {display:none;}
.panel-container.full-width .btn-watch {display:none;}
.menu .small-panel-top p.filter-tag,
#content .small-panel-top p.filter-tag {font-size:12px; padding-left: 30px;}
.bg-vid-home {left: -50%}
}
@media (max-height: 800px) and (max-width:1600px)
{
/* Shallow screen, such as MacBook */
.inner-content {width: 900px;}
.border-container p {width: 90%;}
.hero-container .inner-content {margin-top: -180px;}
#content .border-container h1 {line-height: 0.9em!important;}
#content .hero-container h1 {margin-bottom:15px;}
#content .hero-container p {font-size:18px;}
.menu-icon {right:94px}
.arrow-icon {right:124px;}
}
@media (max-height: 790px) and (max-width: 1000px)
{
}
@media (max-width:376px) and (max-height: 813px){
/* IPHONE X */
/** MENU **/
.hero-container .inner-content {top: auto;}
.hpcopy p {margin-bottom: 120px;}
.panel-container.full-width .btn-watch {width: 60px;}
#content .panel-container h2 {font-size:18px;}
}
@media (max-width: 350px)
{
/* IPHONE 5 */
.hero-container .logo {right: 34%; }
footer.footer .border-container.narrow {width:205px;}
#content .hero-container .border-container h1 {font-size:38px;}
.panel-container.full-width .btn-watch {display: none;}
}
@media (max-width:320px) {
.menu-icon {top:50px;}
.arrow-icon {top:52px;}
#content .hero-container p {width:100%;}
#content .hero-container .filter-options p span {margin-left:5px;}
}
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {
.hero-container {height:calc(100vh - 190px);}
.hpcopy p {margin-bottom:0}
.hero-container .btn {bottom:30px;}
}
@media (max-width: 490px)
and (max-height: 2000px)
{
#content .panel-container .border-container p {display:none;}
.panel-video-container .panel {display: block;}
}
@media (max-width: 420px)
and (max-height: 2000px)
{
#content .hero-container p {font-size:14px !important; padding-right: 10px;}
.hero-container .btn {bottom:12px;}
#content .panel-container .border-container p {display:none;}
.panel-video-container .panel {display: block;}
.arrow-icon {top: 51px;}
}
@media (max-width: 400px)
{
#content .hero-container p {font-size:12px !important;}
#content .hero-container .filter-options p span {margin-left:8px;}
}
@media (max-width: 320px)
{
#content .hero-container p,
#content .hero-container .filter-options p span {font-size:10px !important;}
}
#pmLink {visibility: hidden}