@font-face {font-family: InvescoEditor; font-style: normal; font-weight: 700; font-display: swap; src: url("https://static.milanofinanza.it/milanofinanza/fonts/InvescoEditor-Regular.woff2") format("woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {font-family: Graphik; font-style: normal; font-weight: 600; font-display: swap; src: url("https://static.milanofinanza.it/milanofinanza/fonts/Graphik-Semibold-Web.woff2") format("woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {font-family: Graphik; font-style: normal; font-weight: 400; font-display: swap; src: url("https://static.milanofinanza.it/milanofinanza/fonts/Graphik-Regular-Web.woff2") format("woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {font-family: Graphik; font-style: normal; font-weight: 200; font-display: swap; src: url("https://static.milanofinanza.it/milanofinanza/fonts/Graphik-Light-Web.woff2") format("woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
html { scroll-behavior: smooth; }
.head-pt2{margin-top: 50px;padding: 100px}
.head-pt2 span{display: flex;font: 200 18px / 24px Graphik;text-transform: uppercase;margin-bottom: 30px;align-items: center;gap: 10px;}
.head-pt2 span i{display: block;height: 2px;width: 50px;background: #000;}
.head-pt2 h1{font: 90px / 1.1 InvescoEditor;margin-bottom: 30px}
.head-pt2 h2{font: 400 24px / 30px Graphik;}
.spalla{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 20px;}
.spalla h4{font: 600 24px / 30px Graphik;color: #000;text-align: center;margin: 0;}
.spalla h5{font: 600 37px / 30px Graphik;color: #2602d3;text-align: center;}
.spallanote {font: 400 12px / 1 Graphik;color: #000;text-align: center;display: block;margin: 25px 15px;}
.strip{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 6px;margin-bottom: 20px;}
.strip h4{font: 400 24px / 30px Graphik;color: #000;text-align: center;margin: 0;}
.strip h4 strong{font: 600 24px / 30px Graphik;color: #2602d3;}
.cards-invesco{background-color: #270ad3;color: #fff; padding: 30px 30px;display: flex;align-items: flex-start;flex-direction: column;justify-content: center;height: stretch;cursor: pointer;transition: all .3s ease;position: relative;margin: 5px;}
.cards-invesco:hover{background-color: #bed500;color:#000!important;margin: 0px;display: flex;align-items: flex-start;flex-direction: column;justify-content: center;padding:30px 35px;}
.cards-invesco span{background: #9ea8bc33;padding:6px 12px;font: 400 12px / 24px Graphik;text-transform: uppercase;color: #fff;letter-spacing: 1.5px;}
.cards-invesco:hover span,.cards-invesco:hover strong,.cards-invesco:hover h4,.cards-invesco:hover .arrow-mask{color:#000!important}
.cards-invesco strong{font: 600 46px / 50px Graphik;letter-spacing: 1.5px;margin: 30px 0;}
.cards-invesco h4{font-family: 'Graphik';color: #fff;font-size: 18px;line-height: 1.3;font-weight: 400;margin: 0px auto 5px;text-align: left;}
.cards-invesco h6{font-family: 'Avenir';color: #fff;font-size: 18px;font-weight: 700;line-height: 1.2;margin: 0 auto;}
.cards-invesco:hover h4,.cards-invesco:hover h5,.cards-invesco:hover h6,.cards-invesco:hover i{color:#000!important;}
.arrow-mask{position:absolute;top: 20px;right: 20px;width:24px;height:24px;overflow:hidden;color: #ffffff;}
.arrow-mask i{position:absolute;top:0;left:0;font-size:24px;transition:transform .4s ease,opacity .4s ease}
.arrow-mask .icon-1{transform:translate(0,0);opacity:1}
.arrow-mask .icon-2{transform:translate(-100%,100%);opacity:0}
.cards-invesco:hover .arrow-mask .icon-1{transform:translate(100%,-100%);opacity:0}
.cards-invesco:hover .arrow-mask .icon-2{transform:translate(0,0);opacity:1}
.cpurple{color: #270ad3;}
.fa-ul{list-style-type: none;margin-left: 1.5em;padding-left: 0;position: relative;list-style: none !important;}
.fa-li{left: -1.8em;position: absolute;text-align: center;width: 2em;line-height: inherit;}
.istxt p,.istxt li {font: 200 22px / 32px Graphik;text-align: justify;}
.istxt li {margin-bottom: 20px;}
.rowmax1600 { max-width: 1600px; margin: 0px auto; }
.disclaimer {font-family: 'Graphik';font-size: 12px;line-height: 14px;position: absolute;bottom: 10px;right: 10px;/* transform: translate(-50%, -50%); */color: rgb(255, 255, 255);background: rgba(0, 0, 0, 0.46);padding: 4px;max-width: 70%;}
.disclaimermob { font-family: Avenir; background: rgba(0, 0, 0, 0.1); max-width: 100%; padding: 6px; font-size: 12px !important; font-weight: 400 !important; line-height: 14px !important; color: rgb(110, 110, 110) !important; text-transform: none !important; }
.darkside {color: rgb(255, 255, 255);height: 400px;}
#video2 {width: 100%;height: auto;padding: 0px;position: absolute;left: 0;}
.istxt h3 {font: 600 50px / 56px Graphik;color: #000000;margin-bottom: 30px;}
.istxt h4 {font: 52px / 40px InvescoEditor;font-weight: 500;color: #2602d3;}
.claim {display: flex;flex-direction: row;align-items: center;justify-content: center;margin: 30px 0 80px;}
.info { font-size: 14px; font-family: Avenir; }
.icosx{display: flex;gap: 24px;align-items: center;}
.covercorner, .covercornersolid { position: relative; }
.covercorner::before { position: absolute; bottom: -6px; right: 0px; content: url("https://static.milanofinanza.it/milanofinanza/images/speciali/federated-hermes/corner.png"); }
.covercornersolid::before {position: absolute;bottom: -7.5px;right: 30px;opacity: 0.85;/* content: url("https://static.milanofinanza.it/milanofinanza/images/speciali/capital-group/clock.png"); */z-index: 0;}
.covercorner.opa::before { opacity: 0.78; }
.cover-stripe { background-color: rgb(18, 18, 18); opacity: 1; height: 450px; width: 450px; max-width: 100%; overflow: hidden; position: relative; }
.cover-stripe.grad::before { position: absolute; top: 0px; right: -1px; content: url("https://static.milanofinanza.it/milanofinanza/images/speciali/federated-hermes/corner-stripe-grad.png"); z-index: 12; }
.background-video-container { pointer-events: none; z-index: 10; position: absolute; top: 0px; right: 0px; height: 100%; width: 100%; }
.background-video-container video { background-size: cover; height: auto; min-width: 100%; min-height: 100%; transform: translateX(-50%) translateY(-50%); width: auto; position: absolute; top: 50%; bottom: 0rem; left: 50%; max-width: initial; }
.box-us-equity { background: linear-gradient(90deg, rgb(1, 33, 105) 0%, rgb(0, 81, 141) 50%, rgb(0, 125, 174) 100%); color: rgb(255, 255, 255); padding: 50px; margin: 50px; }
a.btn-equity { border: 2px solid rgb(0, 163, 224); border-radius: 23px; background-color: transparent; display: inline-block; margin-top: 6px; font-size: 18px; font-weight: normal; text-transform: uppercase; line-height: 1.89em; color: rgb(255, 255, 255); letter-spacing: -0.36px; padding: 4px 42px; font-family: "Avenir Medium", sans-serif; transition: 0.3s; }
a:hover.btn-equity { background: rgb(0, 163, 224); }
.iellostripe { border-left: 10px solid rgb(67, 164, 224); }
.fhprofile { display: flex; flex-direction: row; gap: 12px; border-left: 10px solid rgb(67, 164, 224); padding-left: 12px; }
.hprofile { position: absolute; left: 0px; bottom: 0px; display: flex; flex-direction: row; gap: 12px; border-left: 10px solid rgb(67, 164, 224); padding-left: 12px; }
.hprofilemob { display: flex; flex-direction: row; gap: 12px; border-left: 10px solid rgb(67, 164, 224); padding-left: 12px; }
.hprofile h4, .fhprofile h4, .hprofilemob h4 { font-family: Avenir, sans-serif; font-size: 22px; letter-spacing: 0px; color: rgb(1, 33, 105); }
.hprofile h5, .fhprofile h5, .hprofilemob h5 { font-family: Avenir, sans-serif; font-size: 20px; letter-spacing: 0px; color: rgb(115, 121, 126); font-weight: 400;}
.bgdarkgrey { background: rgb(23, 27, 34); color: rgb(255, 255, 255); }
.bgblucapital {background: #f6f6f6;color: #000;}
.bgcianocapital {background: #e7fcfe;color: #000;}
.bginvesco {background: #290bd4;color: #fff;}
.bginvesco p a{color: rgb(193 175 121)!important;}
.bginvesco p a:hover{color: #5a9cfe!important;}
.highcharts-figure p{font-size:12px;}
.cianowrapper{display: flex;gap:48px}
.istxt .cianobox p{text-align: left;font-size: 18px;line-height: 1.5;}
.cianobox{min-width: 30%;}
.txt-blu{color: #005f9e;}
.droptxt { display: flex; flex-direction: column; font-family: Avenir; font-size: 14px; max-width: 100%; }
.legenda { display: flex; justify-content: center; gap: 25px; margin-bottom: 25px; }
.legenda h6 { color: rgb(255, 255, 255); font-family: Avenir; font-size: 14px; }
.text-cyan { color: rgb(92, 164, 224); }
.video-background { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%; margin: 0px; z-index: -2; }
.splash-bamboo video { border-bottom-left-radius: 5vw; border-top-right-radius: 5vw; border-bottom-right-radius: 5vw; }

.pepsi { background: rgb(252, 252, 252); padding: 0px 10px; z-index: 2; }


.btn000 { background: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; font-family: FortExtraBold; padding: 8px 26px; display: flex; align-items: center; transition: 0.2s; }
.btn000:hover { color: rgb(255, 255, 255); text-decoration: underline; }
.bg-lgrey { background: rgb(240, 240, 240) !important; }
.bg-dark { color: rgb(255, 255, 255); background: rgb(16, 26, 105) !important; }
.brelenco { display: flex; align-items: center; gap: 12px; }
.brdivider { background: rgb(0, 0, 0); height: 10px; width: 150px; margin: 0px auto 50px; display: block; }
.bg-darktrasp { background: rgb(68, 163, 224); z-index: 0; }
.bg-darktrasp h3, .bg-darktrasp h3 a { font-family: Avenir; font-weight: 700; color: rgb(255, 255, 255); z-index: 3; text-align: center; transition: 0.2s; margin: 50px 0px; }
.bg-darktrasp h3 a:hover { color: rgb(144, 98, 188); }
.bg-darktrasp h3 span { font-family: Avenir; font-weight: 400; }
.footer { margin-top: 0px !important; }
#BRIntro { background: rgb(244, 241, 235); font: 18px / 24px FortBook; padding: 20px 40px 30px; }
#BRHead .darkside h1 { color: rgb(0, 169, 224); }
#BRHead .darkside h2 { color: rgb(241, 241, 241); }
#BRHead .BR7.darkside { background: rgba(255, 255, 255, 0.9); color: rgb(0, 0, 0); padding: 60px 50px; }
#BRHead .BR7.darkside.opa2 { background: rgba(255, 255, 255, 0.7); }
#BRHead .BR7.darkside span { color: rgb(0, 163, 224); font: 700 16px / 20px Avenir; display: block; margin-top: 20px; text-transform: uppercase; }
#BRHead .BR7.darkside.opa2 span { color: rgb(255, 255, 255); background: rgb(68, 163, 224); padding: 4px 8px; font: 700 16px / 20px Avenir; margin-top: 20px; text-transform: uppercase; display: inline-block; border-bottom-right-radius: 16px; }
#BRHead .BR7.darkside h1 { color: rgb(0, 0, 0); }
#BRHead .BR7.darkside h2 { color: rgb(0, 0, 0); margin-top: 20px; font: 22px / 26px Avenir; margin-bottom: 0px; }
.minfo2 {display: flex;flex-direction: row;align-items: center;justify-content: center;background: #290bd4;border-top-left-radius: 3px;border-top-right-radius: 3px;padding: 10px 20px;width: 100%;color: #fff;}
@media (max-width: 620px) {
#BRHead .BR7.darkside { padding: 100px 40px 20px; }
.headasia {width: 100%;max-width: 800px;margin: 110px auto 30px;padding: 20px;}
.headasia .disclaimermob {padding: 20px;border-bottom-left-radius: 5vw;border-top-left-radius: 5vw;border-bottom-right-radius: 5vw;background-color: rgb(0 0 0);position: relative;color: rgb(255, 255, 255) !important;}
#BRHead .darkside .headasia h1 { color: rgb(255, 255, 255); font-size: 40px; line-height: 1; text-shadow: rgb(0, 0, 0) 0px 0px 5px, rgb(0, 0, 0) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 15px, rgb(0, 0, 0) 0px 0px 20px, rgb(0, 0, 0) 0px 0px 30px, rgb(0, 0, 0) 0px 0px 40px, rgb(0, 0, 0) 0px 0px 50px, rgb(0, 0, 0) 0px 0px 75px; }
#BRHead .darkside .headasia h2 { color: rgb(255, 255, 255); font: 18px / 24px Avenir; text-shadow: rgb(0, 0, 0) 0px 0px 5px, rgb(0, 0, 0) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 15px, rgb(0, 0, 0) 0px 0px 20px, rgb(0, 0, 0) 0px 0px 30px, rgb(0, 0, 0) 0px 0px 40px, rgb(0, 0, 0) 0px 0px 50px, rgb(0, 0, 0) 0px 0px 75px; }
#BRHead .darkside .headasia span { color: rgb(0, 163, 224); font: 700 16px / 24px Avenir; text-transform: uppercase; }
.splash-bamboo, .splash-bamboo::before { height: 95px; }
.istxt h3 {font: 28px / 34px InvescoEditor;}
}
@media (max-width: 767px) {
#BRHead { padding: 0px; }
#giorgi { padding: 20px 0px 0px; }
#preston { padding: 0px 30px 40px; text-align: center; }
#BRfinal { padding: 40px 0px; }
#BRfinal .blockquote { padding: 60px 30px 40px; }
#Ishare h3 { font: 38px / 38px FortExtraBold; letter-spacing: -0.8px; text-transform: uppercase; margin-top: 50px; }
#BRHead .darkside h1 { color: rgb(0, 169, 224); font-size: 28px; line-height: 1.3; }
#BRHead .darkside h2 { margin-top: 5px; }
.balance { margin: 0px; position: relative; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }
.brprodotto { margin: 30px 0px 10px; flex-direction: column; }
.brelenco { flex-direction: column; }
.istxt p { text-align: start; }
.head-pt2{margin-top: 80px;padding: 20px}  
.head-pt2 h1 {font: 34px / 1.1 InvescoEditor;margin-bottom: 30px;}   
.head-pt2 h2 {font: 400 20px / 30px Graphik;}  
.darkside{height: auto}    
}
@media (max-width: 860px) {
#cta img { margin: 0px auto 30px; float: none; display: block; }
#cta h3 { font: 56px / 50px FortExtraBold; text-transform: uppercase; margin-top: 30px; text-align: center; }
}
@media (max-width: 1023px) {
#cta h3 { font: 40px / 40px FortExtraBold; text-transform: uppercase; margin-top: 30px; }
}
@media (max-width: 1180px) {
#BRHead h1 {margin-top: 25px;font: 40px / 40px InvescoEditor;}
.col-12.bgdarkgrey.px-4.py-5.d-flex.wow.fadeIn { flex-direction: column; align-items: center; }
.videosummary { background: rgb(67, 164, 224); color: rgb(255, 255, 255); padding: 20px 40px 10px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; display: flex; align-items: flex-end; }
}
@media (min-width: 1500px) {
#BRHead .BR7.darkside { padding: 100px 80px 50px; }
}
.f8 {font-size: 8px !important;}
.f9 {font-size: 9px !important;}
.f10 {font-size: 10px !important;}
.f11 {font-size: 11px !important;}
.f12 {font-size: 12px !important;}
.f13 {font-size: 13px !important;}
.f14 {font-size: 14px !important;}
.f15 {font-size: 15px !important;}
.f16 {font-size: 16px !important;}
.f17 {font-size: 17px !important;}
.f18 {font-size: 18px !important;}
.f19 {font-size: 19px !important;}
.f20 {font-size: 20px !important;}
.f22 {font-size: 22px !important;}
.f23 {font-size: 23px !important;}
.f24 {font-size: 24px !important;}
.f28 {font-size: 28px !important;}
.col-12.rowmax1600.p-3.p-md-5.istxt h3.mb-5 { text-align: center !important; }
.containerwidget{max-width:100%;margin:auto;background:#fff;padding: 40px 20px;font-family: 'Avenir';}
select{width:100%;padding:10px;margin: 10px 0;font-size:16px}
.grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:10px;text-align:center;align-items: center;}
.header{font-weight:700;margin-bottom:10px}
.label{font-weight:700;text-align:left;line-height: 1.3;}
.label strong{display:block}
.label small{display:block}
canvas{margin-top:30px}