.no-webp .how-to-invest-landing{background-image:url(/images/how-to-invest-landing-m.jpg?v=1)}.webp .how-to-invest-landing{background-image:url(/images/how-to-invest-landing-m.webp?v=1)}.how-to-invest-landing{height:400px;background-size:cover;background-position:center;padding-bottom:0}.how-to-invest-landing h1{font-size:24px}.how-to-invest-landing>.content{height:100%;display:flex;flex-flow:column;justify-content:space-between}.hti-3-steps{background-color:transparent;text-align:center;color:#fff}.hti-steps{text-align:center}.hti-steps h2{font-size:24px}.hti-steps h4{font-size:18px;text-transform:capitalize}.hti-step-1{padding:20px 0 20px;background-color:var(--secondary-background);color:var(--black-font)}.hti-step-1 .etf-btns{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center}.hti-step-1 .etf-btns>button{background-color:#d3d3d3;border:solid #000 2px;padding:10px;color:#2e2e2e;font-size:16px;margin:10px;width:100%;max-width:300px}.hti-step-1 .etf-btns>button:hover,.hti-step-1 .etf-btns>button.active{background-color:#045590;color:#fff}.hti-step-1 .etf-btns>.intl>div{display:flex;align-items:center}.hti-step-1 .etf-btns>.intl>div>i{margin-right:10px}.hti-step-1 .etf-btns>.us>img{margin-right:10px;max-height:32px}.hti-step-2{padding:10px 0 30px;background-color:var(--secondary-background);color:var(--black-font)}.hti-step-3{background-color:var(--blue);color:#fff;padding:20px 0 20px}.hti-step-3 p{font-size:1.25rem}.how-to-invest-container>.hti-3-steps.hti-steps{text-decoration:none;padding:10px}.how-to-invest-container .headline{display:flex;align-items:center;justify-content:center}.how-to-invest-container .headline>.img{padding-right:5px;margin-left:0;margin-bottom:-50px}.how-to-invest-container .headline>.img.intl{display:none}.how-to-invest-container .headline>.text{max-width:400px}.how-to-invest-container>.hti-steps.banner{background-color:#fd7e14;color:#eee;padding:10px 0}.how-to-invest-container>.hti-steps.banner h4{margin-bottom:0}.brokers .tint{background-color:transparent;display:inline-block}.brokers .tint:hover{background-color:#9c9595}.brokers a:hover>.tint>img{opacity:.2}.brokers-line-1-xs{margin-top:25px}.visible-xs-block{display:block!important}.brokers{margin-bottom:2rem}.brokers .col{align-self:center;margin-top:2rem}.hti-logo{max-height:80px;max-width:160px}.hti-logo.svg-rectangle{width:160px}.hti-logo.svg-square{width:80px}.hti-logo.commonwealth{height:40px}.hti-logo.firstrade{height:45px}.hti-logo.ib{height:40px}.hti-logo.pershing{width:240px;max-width:240px}.wf-logo-link{background-color:#d71e28}.wfa-logo-link{background-color:#946e3a}@media(min-width:300px){.how-to-invest-landing header{padding-top:20px}}@media(min-width:375px){.how-to-invest-landing{height:350px}}@media(min-width:768px){.how-to-invest-landing{padding-top:150px}.how-to-invest-landing h1{font-size:32px}.hti-step-1 .etf-btns>button{font-size:20px;padding:15px;width:380px}.how-to-invest.featured-image.landing-img{height:320px;margin-top:-2px}.how-to-invest-container .headline>.img{margin-bottom:-60px}.how-to-invest-container .headline>.img.intl{display:block;padding-right:0;padding-left:5px}.how-to-invest-container .headline>.text{max-width:500px;margin-left:20px;margin-right:20px}.brokers-line-1-xs{margin-top:0}.visible-xs-block{display:none!important}}@media(min-width:992px){.how-to-invest-landing{height:425px}.how-to-invest-landing h1{font-size:45px}.hti-steps h2{font-size:40px}.hti-steps h4{font-size:30px}.hti-step-1 .etf-btns>button{font-size:22px;width:unset}.hti-step-2{font-size:1.3rem}.hti-step-3 .image{margin:50px auto}.how-to-invest-container .headline>.img{margin-bottom:-70px}.how-to-invest-container .headline>.text{max-width:700px}}@media(min-width:1200px){.no-webp .how-to-invest-landing{background-image:url(/images/how-to-invest-landing.jpg?v=1)}.webp .how-to-invest-landing{background-image:url(/images/how-to-invest-landing.webp?v=1)}.how-to-invest-container .headline{margin-top:0}.how-to-invest-container .headline>.text{margin-left:50px;margin-right:50px}.hti-steps h4{font-size:36px}}@media(min-width:1700px){.how-to-invest-landing{height:475px;padding-top:175px}}@media(min-width:1700px) and (min-height:1200px){.how-to-invest-landing{height:550px;padding-top:200px}}.piecharts-container{margin:2rem 0 1.5rem 0}.piechart{width:150px;height:150px;border-radius:50%}.piechart-white{background-color:var(--secondary-background);position:relative;margin:20px auto 0}.piechart-white-label{color:var(--secondary-background);position:relative;left:10px;right:10px}.piechart-white-label>.char{display:inline-block;font-size:14px}.piechart-white-label>.char1{transform:translateX(-29px) translateY(-70px) rotate(65deg)}.piechart-white-label>.char2{transform:translateX(-35px) translateY(-60px) rotate(62deg)}.piechart-white-label>.char3{transform:translateX(-42px) translateY(-50px) rotate(61deg)}.piechart-white-label>.char4{transform:translateX(-46px) translateY(-40px) rotate(60deg)}.piechart-white-label>.char5{transform:translateX(-52px) translateY(-32px) rotate(50deg)}.piechart-white-label>.char6{transform:translateX(-54px) translateY(-24px) rotate(40deg)}.piechart-white-label>.char7{transform:translateX(-54px) translateY(-15px) rotate(30deg)}.piechart-white-label>.char8{transform:translateX(-50px) translateY(-5px) rotate(10deg)}.piechart-white-label>.char9{transform:translateX(-50px) translateY(-2px) rotate(5deg)}.piechart-white-label>.char10{transform:translateX(-50px) translateY(0) rotate(0deg)}.piechart-white-label>.char11{transform:translateX(-50px) translateY(0) rotate(-5deg)}.piechart-white-label>.char12{transform:translateX(-50px) translateY(-1px) rotate(-14deg)}.piechart-white-label>.char13{transform:translateX(-50px) translateY(-2px) rotate(-12deg)}.piechart-white-label>.char14{transform:translateX(-50px) translateY(-5px) rotate(-24deg)}.piechart-white-label>.char15{transform:translateX(33px) translateY(-29px) rotate(-28deg)}.piechart-white-label>.char16{transform:translateX(31px) translateY(-33px) rotate(-24deg)}.piechart-slice{background-color:var(--blue);position:relative;width:100%;height:100%;clip-path:polygon(100% 50%,50% 50%,100% -10%)}.piechart-orange{background:conic-gradient(transparent 30deg,var(--orange) 30deg 90deg,transparent 90deg 360deg);position:absolute;left:10px;right:10px;margin:-150px auto 0}.piechart-orange-label{color:var(--orange);width:80px;position:relative;bottom:155px;left:50px;left:75px}.orange-slice-container:hover{transform:translateX(5px) translateY(-20px);transition-property:all;transition-duration:.4s;transition-timing-function:ease-in-out}@media(min-width:375px){.piechart-orange-label{bottom:140px;left:90px}}@media(min-width:768px){.piechart-white-label>.char{font-size:20px}.piechart-white-label>.char1{transform:translateX(-30px) translateY(-70px) rotate(70deg)}.piechart-white-label>.char2{transform:translateX(-38px) translateY(-58px) rotate(58deg)}.piechart-white-label>.char3{transform:translateX(-47px) translateY(-48px) rotate(50deg)}.piechart-white-label>.char4{transform:translateX(-53px) translateY(-38px) rotate(50deg)}.piechart-white-label>.char5{transform:translateX(-58px) translateY(-28px) rotate(45deg)}.piechart-white-label>.char6{transform:translateX(-64px) translateY(-20px) rotate(34deg)}.piechart-white-label>.char7{transform:translateX(-68px) translateY(-12px) rotate(25deg)}.piechart-white-label>.char8{transform:translateX(-54px) translateY(-2px) rotate(-5deg)}.piechart-white-label>.char9{transform:translateX(-56px) translateY(-2px) rotate(-10deg)}.piechart-white-label>.char10{transform:translateX(-58px) translateY(-4px) rotate(-20deg)}.piechart-white-label>.char11{transform:translateX(51px) translateY(-36px) rotate(-25deg)}.piechart-white-label>.char12{transform:translateX(50px) translateY(-40px) rotate(-35deg)}.piechart-white-label>.char13{transform:translateX(46px) translateY(-46px) rotate(-40deg)}.piechart-white-label>.char14{transform:translateX(42px) translateY(-52px) rotate(-45deg)}.piechart-white-label>.char15{transform:translateX(38px) translateY(-58px) rotate(-50deg)}.piechart-white-label>.char16{transform:translateX(32px) translateY(-66px) rotate(-55deg)}.piechart-orange-label{bottom:150px;left:110px}}@media(min-width:992px){.piecharts-container{font-size:22px}.piechart-white-label>.char1{transform:translateX(-32px) translateY(-70px) rotate(65deg)}.piechart-white-label>.char2{transform:translateX(-42px) translateY(-56px) rotate(54deg)}.piechart-white-label>.char3{transform:translateX(-52px) translateY(-44px) rotate(52deg)}.piechart-white-label>.char4{transform:translateX(-60px) translateY(-32px) rotate(42deg)}.piechart-white-label>.char5{transform:translateX(-68px) translateY(-22px) rotate(40deg)}.piechart-white-label>.char6{transform:translateX(-74px) translateY(-14px) rotate(24deg)}.piechart-white-label>.char7{transform:translateX(-77px) translateY(-8px) rotate(14deg)}.piechart-white-label>.char8{transform:translateX(-65px) translateY(-4px) rotate(-10deg)}.piechart-white-label>.char9{transform:translateX(-68px) translateY(-4px) rotate(-15deg)}.piechart-white-label>.char10{transform:translateX(56px) translateY(-43px) rotate(-25deg)}.piechart-white-label>.char11{transform:translateX(54px) translateY(-46px) rotate(-30deg)}.piechart-white-label>.char12{transform:translateX(52px) translateY(-51px) rotate(-40deg)}.piechart-white-label>.char13{transform:translateX(48px) translateY(-58px) rotate(-50deg)}.piechart-white-label>.char14{transform:translateX(42px) translateY(-66px) rotate(-55deg)}.piechart-white-label>.char15{transform:translateX(38px) translateY(-74px) rotate(-58deg)}.piechart-white-label>.char16{transform:translateX(30px) translateY(-84px) rotate(-70deg)}}@media(min-width:992px){.piecharts-container{font-size:24px}}