CINXE.COM
Online Business Strategy Courses | HBS Online
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <title>Online Business Strategy Courses | HBS Online</title> <meta content="These 100% online business strategy courses will help you develop a global perspective to drive business decisions and craft successful strategy." name="description"/> <meta content="ZIjEz6bTgRrYb8w4Q4IZZUWxfLoYMT6Cx_JvlIh0G2k" name="google-site-verification"/> <link href="https://online.hbs.edu/subjects/strategy/" rel="canonical"/> <meta name="viewport" content="width=device-width,initial-scale=1"><link rel="shortcut icon" href="https://webassets.hbs.edu/sites/online/favicon.ico"><link rel="preload" as="style" href="https://webassets.hbs.edu/libs/framework/1.0/css/framework-async.min.css" onload="this.onload=null;this.rel='stylesheet'"><noscript> <link rel="stylesheet" href="https://webassets.hbs.edu/libs/framework/1.0/css/framework-async.min.css"></noscript> <link rel="image_src" href="https://www.hbs.edu/images/site/sharelogo.jpg"><meta name="HBSSearchUrl" content="/search"><meta name="PageBuildDateTime" content="Sun, 24 Nov 2024 04:01:13 GMT on "> <link rel="stylesheet" href="https://webassets.hbs.edu/sites/online/css/newsletter.css?v=1.0"/> <style>.slider-menu {display: none;} #sticky-header.at-scroll-top {display: none;} .lazy-img { background-image: none !important; }.compliancetext, .hideme { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; } .hidden { display: none; } .invisible{visibility:hidden} .visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} #pdfHover { position: absolute;width: 50px;display: inline;top: -50px;left: -50px;z-index: 1000;}.mobile-visible{display:none} .tablet-visible{display:none} .desktop-hidden{display:none} .desktop-hidden.fullscreen-video{display:inherit} .desktop-visible{display:inherit} @media screen and (min-width: 651px) and (max-width: 919px) {.desktop-hidden,.desktop-hidden{display:inherit} .desktop-visible,.desktop-visible{display:none} .tablet-visible,.tablet-visible{display:inherit} .tablet-hidden,.tablet-hidden{display:none} } @media screen and (max-width: 650px) {.desktop-hidden{display:inherit} .desktop-visible{display:none} .mobile-visible{display:inherit} .mobile-hidden{display:none} }blockquote, body, dd, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }.toggle-container .toggle-show { display: none; }.widget-sharebar .menu { display: none; }.shim1{height:1px;overflow:hidden} .shim2{height:2px;overflow:hidden} .shim3{height:3px;overflow:hidden} .shim4{height:4px;overflow:hidden} .shim5{height:5px;overflow:hidden} .shim6{height:6px;overflow:hidden} .shim7{height:7px;overflow:hidden} .shim8{height:8px;overflow:hidden} .shim9{height:9px;overflow:hidden} .shim10{height:10px;overflow:hidden} .shim11{height:11px;overflow:hidden} .shim12{height:12px;overflow:hidden} .shim13{height:13px;overflow:hidden} .shim14{height:14px;overflow:hidden} .shim15{height:15px;overflow:hidden} .shim16{height:16px;overflow:hidden} .shim17{height:17px;overflow:hidden} .shim18{height:18px;overflow:hidden} .shim19{height:19px;overflow:hidden} .shim20{height:20px;overflow:hidden} .shim21{height:21px;overflow:hidden} .shim22{height:22px;overflow:hidden} .shim23{height:23px;overflow:hidden} .shim24{height:24px;overflow:hidden} .shim25{height:25px;overflow:hidden} .shim26{height:26px;overflow:hidden} .shim27{height:27px;overflow:hidden} .shim28{height:28px;overflow:hidden} .shim29{height:29px;overflow:hidden} .shim30{height:30px;overflow:hidden} .shim31{height:31px;overflow:hidden} .shim32{height:32px;overflow:hidden} .shim33{height:33px;overflow:hidden} .shim34{height:34px;overflow:hidden} .shim35{height:35px;overflow:hidden} .shim36{height:36px;overflow:hidden} .shim37{height:37px;overflow:hidden} .shim38{height:38px;overflow:hidden} .shim39{height:39px;overflow:hidden} .shim40{height:40px;overflow:hidden} .shim41{height:41px;overflow:hidden} .shim42{height:42px;overflow:hidden} .shim43{height:43px;overflow:hidden} .shim44{height:44px;overflow:hidden} .shim45{height:45px;overflow:hidden} .shim46{height:46px;overflow:hidden} .shim47{height:47px;overflow:hidden} .shim48{height:48px;overflow:hidden} .shim49{height:49px;overflow:hidden} .shim50{height:50px;overflow:hidden}.container {margin-left: auto;margin-right: auto;zoom: 1;} .container{width:1180px} .cap{margin-bottom:40px} .base {height: 72px; margin-top: 48px; overflow: hidden;} .page-header .base {height: .1em;} .row{margin-left:-20px} .row::after, .row::before { display: table;content: "";clear: both;} .span1{width:80px;margin-left:20px;float:left;} .span2{width:180px;margin-left:20px;float:left;} .span3{width:280px;margin-left:20px;float:left;} .span4{width:380px;margin-left:20px;float:left;} .span5{width:480px;margin-left:20px;float:left;} .span6{width:580px;margin-left:20px;float:left;} .span7{width:680px;margin-left:20px;float:left;} .span8{width:780px;margin-left:20px;float:left;} .span9{width:880px;margin-left:20px;float:left;} .span10{width:980px;margin-left:20px;float:left;} .span11{width:1080px;margin-left:20px;float:left;} .span12{width:1180px;margin-left:20px;float:left;} div.container .row-left { margin-left: -20px; } div.container .row-left:after, .grid-framework div.container .row-left:before { display: table; content: ""; } @media (min-width:920px) and (max-width:1220px){.container, .expanded-grid-framework.container{width:880px} .row, .expanded-grid-framework.row{margin-left:-20px} .span1, .expanded-grid-framework.span1{width:55px;} .span2, .expanded-grid-framework.span2{width:130px;} .span3, .expanded-grid-framework.span3{width:205px;} .span4, .expanded-grid-framework.span4{width:280px;} .span5, .expanded-grid-framework.span5{width:355px;} .span6, .expanded-grid-framework.span6{width:430px;} .span7, .expanded-grid-framework.span7{width:505px;} .span8, .expanded-grid-framework.span8{width:580px;} .span9, .expanded-grid-framework.span9{width:655px;} .span10, .expanded-grid-framework.span10{width:730px;} .span11, .expanded-grid-framework.span11{width:805px;} .span12, .expanded-grid-framework.span12{width:880px;} } @media screen and (min-width: 651px) and (max-width: 919px) {.container { width: auto; margin: 0 auto;} .responsive-framework .tablet-container { padding-left: 16px; padding-right: 16px; clear: left;} .page-header .mobile-base {margin: 20px 0 0 0;} .tablet-row { width: 100%; margin-left: 0;} .tablet-row>div:first-child {margin-left: 0!important;} .tablet-row .tablet-span1{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:6.38297872%;} .tablet-row .tablet-span2{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:14.89361702%;} .tablet-row .tablet-span3{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:23.40425532%;} .tablet-row .tablet-span4{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:31.91489362%;} .tablet-row .tablet-span5{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:40.42553191%;} .tablet-row .tablet-span6{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:48.93617021%;} .tablet-row .tablet-span7{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:57.44680851%;} .tablet-row .tablet-span8{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:65.95744681%;} .tablet-row .tablet-span9{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:74.46808511%;} .tablet-row .tablet-span10{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:82.9787234%;} .tablet-row .tablet-span11{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:91.4893617%;} .tablet-row .tablet-span12{ float:left;margin-left:2.12765957%;box-sizing:border-box;width:100%;margin:0;} .cap { margin: 0; } .tablet-cap { margin-bottom: 32px; } } @media screen and (max-width: 919px) { .tablet-base, .expanded-grid-framework.tablet-base{height:90px} .row { margin: 0; width: 100%; } .row >.span1, .row >.span2, .row >.span3, .row >.span4, .row >.span5, .row >.span6, .row >.span7, .row >.span8, .row >.span9, .row >.span10, .row >.span11, .row >.span12 { float: none; margin: 0; width: 100%;} } @media screen and (max-width: 650px) {.mobile-base{height:30px} .responsive-framework .mobile-container {padding-left: 16px; padding-right: 16px; clear: left;} .container { width: auto; margin: 0 auto;}.mobile-row{width:100%;margin-left:0}.mobile-row:after,.mobile-row:before{display:table;line-height:0;content:""}.mobile-row:after{clear:both}.mobile-row>div:first-child{margin-left:0!important}.mobile-row .mobile-span1{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:6.382978723404255%}.mobile-row .mobile-span2{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:14.893617021276595%}.mobile-row .mobile-span3{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:23.404255319148934%}.mobile-row .mobile-span4{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:31.914893617021278%}.mobile-row .mobile-span5{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:40.42553191489362%}.mobile-row .mobile-span6{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:48.93617021276595%}.mobile-row .mobile-span7{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:57.44680851063829%}.mobile-row .mobile-span8{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:65.95744680851064%}.mobile-row .mobile-span9{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:74.46808510638297%}.mobile-row .mobile-span10{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:82.97872340425532%}.mobile-row .mobile-span11{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:91.48936170212765%}.mobile-row .mobile-span12{float:left;margin-left:2.127659574468085%;box-sizing:border-box;width:100%;margin:0} }.type-framework { -webkit-font-smoothing: antialiased; font: normal 17px/24px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif; } a { text-decoration: none; }.zeta{ font-size:72px;line-height:74px;} .zeta-uc{ font-size:72px;line-height:74px;text-transform:uppercase;} .alpha{ font-size:61px;line-height:63px;font-weight:bold;} .alpha-uc{ font-size:61px;line-height:63px;text-transform:uppercase;font-weight:bold;} .eta{ font-size:24px;line-height:30px;font-weight:bold;} .eta-uc{ font-size:24px;line-height:30px;text-transform:uppercase;font-weight:bold;} .zen{ font-size:15px;line-height:19px;} .zen-uc{ font-size:15px;line-height:19px;text-transform:uppercase;} .mu{ font-size:13px;line-height:17px;font-weight:bold;} .mu-uc{ font-size:13px;line-height:17px;text-transform:uppercase;font-weight:bold;}.gaml{font-size:120px;line-height:128px;font-weight:bold;} .gaml-uc{font-size:120px;line-height:128px;text-transform:uppercase;font-weight:bold;} .beta{font-size:44px;line-height:48px;font-weight:bold;} .beta-uc{font-size:44px;line-height:48px;text-transform:uppercase;font-weight:bold;} .delta{font-size:32px;line-height:40px;} .delta-uc{font-size:32px;line-height:40px;text-transform:uppercase;} .kappa{font-size:17px;line-height:24px;font-weight:bold;} .kappa-uc{font-size:17px;line-height:24px;text-transform:uppercase;font-weight:bold;}h1, h2, h3, h4, h5, h6 { font-weight:normal;font-size:100% } p{margin-bottom:28px} .u{text-decoration:underline} .add-underline a, a.add-underline, blockquote a, ol li a, p a:not(.btn), ul.bulleted li a, ul.unbulleted li a {text-decoration: underline;} .uc{text-transform:uppercase !important} .btn, .btn-arrow{ font:normal 13px/16px Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase; font-weight:bold;} .btn.nu{ font:normal 13px/16px Arial,Helvetica,Verdana,sans-serif;text-transform:none} .navbar{font:normal 13px/16px; text-transform:uppercase} .breadcrumb, .nu {font: normal 13px/16px Arial,Helvetica,Verdana,sans-serif;} .center { text-align: center!important; } b, strong {font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;font-weight: 400;} ol li a.skip-underline, ul.bulleted li a.skip-underline, ul.unbulleted li a.skip-underline { text-decoration: none; }[class*=h1-] h1.gamma,[class*=h2-] h2.gamma,[class*=h3-] h3.gamma,[class*=h4-] h4.gamma,[class*=h5-] h5.gamma{font:normal 32px/32px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif}.h1-gamma h1,.h2-gamma h2,.h3-gamma h3,.h4-gamma h4,.h5-gamma h5{font:normal 32px/32px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif}[class*=h1-] h1.gamma-uc,[class*=h2-] h2.gamma-uc,[class*=h3-] h3.gamma-uc,[class*=h4-] h4.gamma-uc,[class*=h5-] h5.gamma-uc{font:normal 32px/32px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.h1-gamma-uc h1,.h2-gamma-uc h2,.h3-gamma-uc h3,.h4-gamma-uc h4,.h5-gamma-uc h5{font:normal 32px/32px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.epsilon,[class*=h1-] h1.epsilon,[class*=h2-] h2.epsilon,[class*=h3-] h3.epsilon,[class*=h4-] h4.epsilon,[class*=h5-] h5.epsilon{font:normal 23px/30px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif}.h1-epsilon h1,.h2-epsilon h2,.h3-epsilon h3,.h4-epsilon h4,.h5-epsilon h5{font:normal 23px/30px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif}[class*=h1-] h1.epsilon-uc,[class*=h2-] h2.epsilon-uc,[class*=h3-] h3.epsilon-uc,[class*=h4-] h4.epsilon-uc,[class*=h5-] h5.epsilon-uc{font:normal 23px/30px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase;line-height:32px}.h1-epsilon-uc h1,.h2-epsilon-uc h2,.h3-epsilon-uc h3,.h4-epsilon-uc h4,.h5-epsilon-uc h5{font:normal 23px/30px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase;line-height:32px}[class*=h1-] h1.theta,[class*=h2-] h2.theta,[class*=h3-] h3.theta,[class*=h4-] h4.theta,[class*=h5-] h5.theta{font:normal 23px/30px "Trade Gothic W01 Roman",Times,Arial,Helvetica,Verdana,sans-serif}.h1-theta h1,.h2-theta h2,.h3-theta h3,.h4-theta h4,.h5-theta h5{font:normal 23px/30px "Trade Gothic W01 Roman",Times,Arial,Helvetica,Verdana,sans-serif}[class*=h1-] h1.theta-uc,[class*=h2-] h2.theta-uc,[class*=h3-] h3.theta-uc,[class*=h4-] h4.theta-uc,[class*=h5-] h5.theta-uc{font:normal 23px/30px "Trade Gothic W01 Roman",Times,Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase;line-height:32px}.h1-theta-uc h1,.h2-theta-uc h2,.h3-theta-uc h3,.h4-theta-uc h4,.h5-theta-uc h5{font:normal 23px/30px "Trade Gothic W01 Roman",Times,Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase;line-height:32px}[class*=h1-] h1.iota,[class*=h2-] h2.iota,[class*=h3-] h3.iota,[class*=h4-] h4.iota,[class*=h5-] h5.iota{font:normal 23px/30px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif}.h1-iota h1,.h2-iota h2,.h3-iota h3,.h4-iota h4,.h5-iota h5{font:normal 23px/30px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif}[class*=h1-] h1.iota-uc,[class*=h2-] h2.iota-uc,[class*=h3-] h3.iota-uc,[class*=h4-] h4.iota-uc,[class*=h5-] h5.iota-uc{font:normal 23px/30px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase;line-height:32px}.h1-iota-uc h1,.h2-iota-uc h2,.h3-iota-uc h3,.h4-iota-uc h4,.h5-iota-uc h5{font:normal 23px/30px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase;line-height:32px}.paragraph{font:normal 17px/24px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif}.paragraph-uc{font:normal 17px/24px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}[class*=h1-] h1.lambda,[class*=h2-] h2.lambda,[class*=h3-] h3.lambda,[class*=h4-] h4.lambda,[class*=h5-] h5.lambda{font:normal 17px/24px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif}.h1-lambda h1,.h2-lambda h2,.h3-lambda h3,.h4-lambda h4,.h5-lambda h5,.lambda{font:normal 17px/24px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif}[class*=h1-] h1.lambda-uc,[class*=h2-] h2.lambda-uc,[class*=h3-] h3.lambda-uc,[class*=h4-] h4.lambda-uc,[class*=h5-] h5.lambda-uc{font:normal 17px/24px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.h1-lambda-uc h1,.h2-lambda-uc h2,.h3-lambda-uc h3,.h4-lambda-uc h4,.h5-lambda-uc h5,.lambda-uc{font:normal 17px/24px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}[class*=h1-] h1.nu,[class*=h2-] h2.nu,[class*=h3-] h3.nu,[class*=h4-] h4.nu,[class*=h5-] h5.nu{font:normal 13px/16px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif}.h1-nu h1,.h2-nu h2,.h3-nu h3,.h4-nu h4,.h5-nu h5,.nu{font:normal 13px/16px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif}[class*=h1-] h1.nu-uc,[class*=h2-] h2.nu-uc,[class*=h3-] h3.nu-uc,[class*=h4-] h4.nu-uc,[class*=h5-] h5.nu-uc{font:normal 13px/16px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.h1-nu-uc h1,.h2-nu-uc h2,.h3-nu-uc h3,.h4-nu-uc h4,.h5-nu-uc h5,.nu-uc{font:normal 13px/16px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase} @media screen and (min-width: 651px) and (max-width: 919px) { .zeta{ font-size:52px;line-height:52px} .zeta-uc{ font-size:52px;line-height:52px} .alpha{font-size:47px;line-height:47px} .alpha-uc{font-size:47px;line-height:47px} .beta{font-size:37px;line-height:39px} .beta-uc{font-size:37px;line-height:39px} } @media screen and (max-width: 650px) { .zeta{ font-size:40px;line-height:42px} .zeta-uc{ font-size:40px;line-height:42px} .alpha{ font-size:34px;line-height:40px} .alpha-uc{ font-size:34px;line-height:40px} .beta{ font-size:28px;line-height:29px} .beta-uc{ font-size:28px;line-height:29px} .delta{ font-size:23px;line-height:27px} .delta-uc{ font-size:23px;line-height:27px} .eta{ font-size:21px;line-height:27px} .eta-uc{ font-size:21px;line-height:27px} .kappa{font-size:17px;line-height:24px} .kappa-uc{font-size:17px;line-height:24px} .h1-alpha h1,.h2-alpha h2,.h3-alpha h3,.h4-alpha h4,.h5-alpha h5,[class*=h1-] h1.alpha,[class*=h2-] h2.alpha,[class*=h3-] h3.alpha,[class*=h4-] h4.alpha,[class*=h5-] h5.alpha{font:normal 23px/24px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;letter-spacing:-1px}.h1-alpha-uc h1,.h2-alpha-uc h2,.h3-alpha-uc h3,.h4-alpha-uc h4,.h5-alpha-uc h5,[class*=h1-] h1.alpha-uc,[class*=h2-] h2.alpha-uc,[class*=h3-] h3.alpha-uc,[class*=h4-] h4.alpha-uc,[class*=h5-] h5.alpha-uc{font:normal 23px/24px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;letter-spacing:-1px;text-transform:uppercase}.h1-beta h1,.h1-delta h1,.h1-gamma h1,.h2-beta h2,.h2-delta h2,.h2-gamma h2,.h3-beta h3,.h3-delta h3,.h3-gamma h3,.h4-beta h4,.h4-delta h4,.h4-gamma h4,.h5-beta h5,.h5-delta h5,.h5-gamma h5,[class*=h1-] h1.beta,[class*=h1-] h1.delta,[class*=h1-] h1.gamma,[class*=h2-] h2.beta,[class*=h2-] h2.delta,[class*=h2-] h2.gamma,[class*=h3-] h3.beta,[class*=h3-] h3.delta,[class*=h3-] h3.gamma,[class*=h4-] h4.beta,[class*=h4-] h4.delta,[class*=h4-] h4.gamma,[class*=h5-] h5.beta,[class*=h5-] h5.delta,[class*=h5-] h5.gamma{font:normal 23px/24px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif}.h1-beta-uc h1,.h1-delta-uc h1,.h1-gamma-uc h1,.h2-beta-uc h2,.h2-delta-uc h2,.h2-gamma-uc h2,.h3-beta-uc h3,.h3-delta-uc h3,.h3-gamma-uc h3,.h4-beta-uc h4,.h4-delta-uc h4,.h4-gamma-uc h4,.h5-beta-uc h5,.h5-delta-uc h5,.h5-gamma-uc h5,[class*=h1-] h1.beta-uc,[class*=h1-] h1.delta-uc,[class*=h1-] h1.gamma-uc,[class*=h2-] h2.beta-uc,[class*=h2-] h2.delta-uc,[class*=h2-] h2.gamma-uc,[class*=h3-] h3.beta-uc,[class*=h3-] h3.delta-uc,[class*=h3-] h3.gamma-uc,[class*=h4-] h4.beta-uc,[class*=h4-] h4.delta-uc,[class*=h4-] h4.gamma-uc,[class*=h5-] h5.beta-uc,[class*=h5-] h5.delta-uc,[class*=h5-] h5.gamma-uc{font:normal 23px/24px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.epsilon,.h1-epsilon h1,.h2-epsilon h2,.h3-epsilon h3,.h4-epsilon h4,.h5-epsilon h5,[class*=h1-] h1.epsilon,[class*=h2-] h2.epsilon,[class*=h3-] h3.epsilon,[class*=h4-] h4.epsilon,[class*=h5-] h5.epsilon{font:normal 21px/24px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif}.h1-epsilon-uc h1,.h2-epsilon-uc h2,.h3-epsilon-uc h3,.h4-epsilon-uc h4,.h5-epsilon-uc h5,[class*=h1-] h1.epsilon-uc,[class*=h2-] h2.epsilon-uc,[class*=h3-] h3.epsilon-uc,[class*=h4-] h4.epsilon-uc,[class*=h5-] h5.epsilon-uc{font:normal 21px/24px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.h1-eta h1,.h1-iota h1,.h1-theta h1,.h2-eta h2,.h2-iota h2,.h2-theta h2,.h3-eta h3,.h3-iota h3,.h3-theta h3,.h4-eta h4,.h4-iota h4,.h4-theta h4,.h5-eta h5,.h5-iota h5,.h5-theta h5,[class*=h1-] h1.eta,[class*=h1-] h1.iota,[class*=h1-] h1.theta,[class*=h2-] h2.eta,[class*=h2-] h2.iota,[class*=h2-] h2.theta,[class*=h3-] h3.eta,[class*=h3-] h3.iota,[class*=h3-] h3.theta,[class*=h4-] h4.eta,[class*=h4-] h4.iota,[class*=h4-] h4.theta,[class*=h5-] h5.eta,[class*=h5-] h5.iota,[class*=h5-] h5.theta{font:normal 21px/32px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif}.h1-eta-uc h1,.h1-iota-uc h1,.h1-theta-uc h1,.h2-eta-uc h2,.h2-iota-uc h2,.h2-theta-uc h2,.h3-eta-uc h3,.h3-iota-uc h3,.h3-theta-uc h3,.h4-eta-uc h4,.h4-iota-uc h4,.h4-theta-uc h4,.h5-eta-uc h5,.h5-iota-uc h5,.h5-theta-uc h5,[class*=h1-] h1.eta-uc,[class*=h1-] h1.iota-uc,[class*=h1-] h1.theta-uc,[class*=h2-] h2.eta-uc,[class*=h2-] h2.iota-uc,[class*=h2-] h2.theta-uc,[class*=h3-] h3.eta-uc,[class*=h3-] h3.iota-uc,[class*=h3-] h3.theta-uc,[class*=h4-] h4.eta-uc,[class*=h4-] h4.iota-uc,[class*=h4-] h4.theta-uc,[class*=h5-] h5.eta-uc,[class*=h5-] h5.iota-uc,[class*=h5-] h5.theta-uc{font:normal 21px/32px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.h1-kappa h1,.h1-lambda h1,.h2-kappa h2,.h2-lambda h2,.h3-kappa h3,.h3-lambda h3,.h4-kappa h4,.h4-lambda h4,.h5-kappa h5,.h5-lambda h5,[class*=h1-] h1.kappa,[class*=h1-] h1.lambda,[class*=h2-] h2.kappa,[class*=h2-] h2.lambda,[class*=h3-] h3.kappa,[class*=h3-] h3.lambda,[class*=h4-] h4.kappa,[class*=h4-] h4.lambda,[class*=h5-] h5.kappa,[class*=h5-] h5.lambda{font:normal 17px/24px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif}.h1-kappa-uc h1,.h1-lambda-uc h1,.h2-kappa-uc h2,.h2-lambda-uc h2,.h3-kappa-uc h3,.h3-lambda-uc h3,.h4-kappa-uc h4,.h4-lambda-uc h4,.h5-kappa-uc h5,.h5-lambda-uc h5,[class*=h1-] h1.kappa-uc,[class*=h1-] h1.lambda-uc,[class*=h2-] h2.kappa-uc,[class*=h2-] h2.lambda-uc,[class*=h3-] h3.kappa-uc,[class*=h3-] h3.lambda-uc,[class*=h4-] h4.kappa-uc,[class*=h4-] h4.lambda-uc,[class*=h5-] h5.kappa-uc,[class*=h5-] h5.lambda-uc{font:normal 17px/24px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.breadcrumb,.h1-mu h1,.h1-nu h1,.h2-mu h2,.h2-nu h2,.h3-mu h3,.h3-nu h3,.h4-mu h4,.h4-nu h4,.h5-mu h5,.h5-nu h5,[class*=h1-] h1.mu,[class*=h1-] h1.nu,[class*=h2-] h2.mu,[class*=h2-] h2.nu,[class*=h3-] h3.mu,[class*=h3-] h3.nu,[class*=h4-] h4.mu,[class*=h4-] h4.nu,[class*=h5-] h5.mu,[class*=h5-] h5.nu{font:normal 15px/20px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif}.h1-mu-uc h1,.h1-nu-uc h1,.h2-mu-uc h2,.h2-nu-uc h2,.h3-mu-uc h3,.h3-nu-uc h3,.h4-mu-uc h4,.h4-nu-uc h4,.h5-mu-uc h5,.h5-nu-uc h5,[class*=h1-] h1.mu-uc,[class*=h1-] h1.nu-uc,[class*=h2-] h2.mu-uc,[class*=h2-] h2.nu-uc,[class*=h3-] h3.mu-uc,[class*=h3-] h3.nu-uc,[class*=h4-] h4.mu-uc,[class*=h4-] h4.nu-uc,[class*=h5-] h5.mu-uc,[class*=h5-] h5.nu-uc{font:normal 15px/20px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase} }.color-framework{color:#181818} .gray-bg{background-color:#e2e2e2 !important} .smoke-bg{background-color:#f0f0f0 !important} .white{color:#fff !important} .white-bg{background-color:#fff !important} .white-border{border-color:#fff !important} .black{color:#000 !important} .black-bg{background-color:#000 !important} .ink{color:#181818 !important} .ink-inherit .inherit-bg{background-color:#181818} .ink-bg{background-color:#181818 !important} .ash{color:rgba(0,0,0,0.56) !important}a, .hbsred-inherit .inherit-color{color:#A41034} .hbsred{color:#A41034 !important} .hbsred-inherit .inherit-bg{background-color:#A41034} .hbsred-bg{background-color:#A41034 !important} .slider-content {background-color: #fff;}.page-header .responsive-breadcrumb { padding-top: 22px; padding-bottom: 8px; } .responsive-breadcrumb {margin: 0; padding: 0; zoom: 1; } .responsive-breadcrumb>li { display: block; float: left; white-space: nowrap; position: relative; padding-right: 17px; margin-right: 5px; min-height: 29px; line-height: 29px; } .responsive-breadcrumb .txt-arrow { position: absolute; top: -1px; right: 0; display: block; } .responsive-breadcrumb-toggle a { border: 1px solid rgba(0,0,0,.2); padding: 5px 5px 4px 5px; color: #000; text-decoration: none;} .responsive-breadcrumb:after, .responsive-breadcrumb:before { display: table; content: ""; } .responsive-breadcrumb:after { clear: both; } .responsive-breadcrumb>li.responsive-breadcrumb-toggle, .responsive-breadcrumb>li.responsive-breadcrumb-visible, .responsive-breadcrumb>li:nth-last-child(-n+2) { display: inline-block; } .responsive-breadcrumb>li:last-child { margin-right: 0; padding-right: 0; } .txt-arrow {font-family: "Lucida Grande","Lucida xConsole","Lucida Sans",Arial,sans-serif;} @media (min-width: 651px) and (max-width: 919px) { .page-header .responsive-breadcrumb { padding: 0; padding-bottom: 12px; } } @media (min-width: 651px) { .responsive-breadcrumb-toggle {display: none!important;} } @media (max-width: 650px) { .page-header .responsive-breadcrumb { padding: 0; padding-bottom: 5px; } .responsive-breadcrumb>li:nth-child(2) { display: none; } .responsive-breadcrumb>li { display: none; } }.dropdown-toggle { border: 1px solid #333; border: 1px solid rgba(0,0,0,.2); padding: 5px 15px 4px 7px;} .dropdown-toggle [class*=icon-select] { position: relative; bottom: -2px; left: 10px;} .icon-select {background-position: -240px -60px;} .icon-select { background-image: url(https://webassets.hbs.edu/libs/framework/1.0/css/framework.png); background-repeat: no-repeat; display: inline-block; width: 8px; height: 14px; } .dropdown-container .dropdown-menu, .dropdown-container .dropdown-menu2 { display: none; }.btn { background-color: #000; color: #fff; display: inline-block; padding: 8px 17px; border: 0; margin: 0; }.tile img.fluid { display: block; } .img-fluid img, img.fluid { max-width: 100%; height: auto; box-sizing: border-box; } @media screen and (max-width: 919px) { canvas, iframe, img, svg {max-width: 100%;} }.ol-unstyled ol, .ul-unstyled ul, ul.unstyled, .linear, .ol-outset .linear, .ul-outset .linear, .ol-unbulleted ol, .ul-unbulleted ul, ol.unbulleted, ul.unbulleted { list-style-type: none; margin: 0; padding: 0; } .linear>li { display: inline; margin-right: 5px; } dl, ol, ul { margin-left: 1.2em; } .facet-list li { margin-bottom: 5px; list-style-type: none; }.hr, .hr2, .hr3, .hr4{ height:1px;background-color:#000;overflow:hidden;border:0;filter:alpha(opacity= 20 );opacity:.2} .hr2{height:2px} .hr3{height:3px} .hr4{height:4px} .hr4.white-bg, .hr3.white-bg, .hr2.white-bg, .hr.white-bg{ background-color:white;filter:alpha(opacity= 40 );opacity:.4} .clearfix {zoom: 1;} .clearfix:after, .clearfix:before {display: table;content: "";} .clearfix:after, .clear { clear: both; }.carousel-container{overflow:hidden}.carousel-container .carousel-panels{width:100000px;position:relative;margin-left:0;padding-left:0;zoom:1}.carousel-container .carousel-panels:after,.carousel-container .carousel-panels:before{display:table;content:""}.carousel-container .carousel-panels:after{clear:both}.carousel-container .carousel-panels>li{float:left;list-style-type:none;margin-left:0}.carousel-container .carousel-panels>li>:last-child{margin-bottom:0}.carousel-container .carousel-panels>li:before{display:none}.carousel-container .carousel-panels>li>.lazy{display:none}.nav-carousel{list-style-type:none;margin:0;padding:0;zoom:1}.nav-carousel li{list-style-type:none;margin-bottom:0}.nav-carousel li:before{display:none}.nav-carousel:after,.nav-carousel:before{display:table;content:""}.nav-carousel:after{clear:both}.nav-carousel li{float:left;list-style-type:none;display:block;margin-bottom:0!important}.nav-carousel li:before{display:none}.nav-carousel li a{text-decoration:none;color:#181818;display:block}.nav-carousel li.prev a{padding-right:6px}.nav-carousel li.next a{padding-left:5px}.nav-carousel li.dot a{padding-right:2px;padding-left:1px}.nav-carousel li.dot .icon-dot{display:block;margin-top:3px;line-height:1} .field { background: #eee none; padding: 8px 10px; border: 1px solid #d5d5d5; font: normal 17px/24px Arial,Helvetica,Verdana,sans-serif; line-height: 1.2; width: 100%; vertical-align: middle; box-sizing: border-box; } .btn-submit { background-color: #a41034; border: 0; color: #fff; display: inline-block; padding: 9px 11px 9px 11px; margin: 0; position: relative; line-height: 1.2; vertical-align: middle; white-space: nowrap; transition: background .1s linear; } .facet-pattern2 .facet-control { padding-bottom: 22px; padding-top: 22px;} .icon-plusbox { display: inline-block; width: 11px; height: 11px;} .facet-pattern2 .icon-plusbox { position: relative;} .facet-pattern2 .icon-plusbox:before { content: '+'; position: absolute; top: 0; left: 0; line-height: 5px; font-size: 20px; } .facet-pattern2 .kappa-uc a { font-weight: 400; } .responsive-filter-bar { padding: 16px 0; } .widget-sharebar { height: 41px; } .widget-sharebar>.style-framework.dark { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .widget-sharebar>.style-framework { padding-top: 10px; height: 29px; } .widget-sharebar>.style-framework>ul { margin: 0; padding: 0; } .widget-sharebar>.style-framework>ul>li { float: left; list-style-type: none; margin-right: 18px; } a[href*="TOFIX" i],a[href*="TODO" i] { background-color: yellow; } .signup { min-height: 152px; } .blog-signup { min-height: 231px; }.component-framework a.btn { background-color: #a41034; position: relative; } .component-framework .btn { border-radius: 3px; padding: 16px 32px 16px 20px !important; } .component-framework .btn.center { margin-left: auto; margin-right: auto; } .component-framework .btn.disabled:hover { background-color: #D2D2D2; cursor: auto; } .component-framework a.btn::after { transition: all 0.1s ease-in; border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 6px; right: 1em; top: 36%; position: relative; transform: rotate(45deg); width: 6px; position: absolute; } .component-framework .btn-primary { text-transform: none; font-size: 23px !important; line-height: 24px; } .component-framework a.btn.btn-primary:hover { background-color: #000 !important; color: #fff !important; border-color: #fff; } .component-framework .btn-primary-small { font-size: 13px !important; padding-top: 8px !important; padding-bottom: 8px !important; } .component-framework a.btn.btn-primary-small:hover { background-color: #000 !important; color: #fff !important; border-color: #fff; } .component-framework .btn-secondary { text-transform: none; font-size: 23px !important; line-height: 24px; border: 1px solid #a41034; } .component-framework a.btn.btn-secondary:hover, .component-framework button.btn.btn-secondary:hover { background-color: #f4f4f4 !important; color: #000 !important; border-color: #000; } .component-framework button.btn.btn-secondary:hover a { color: #000 !important; text-decoration: none; } .component-framework .btn-secondary-small { font-size: 13px !important; padding-top: 8px !important; padding-bottom: 8px !important; border: 1px solid #a41034; } .component-framework a.btn.btn-secondary-small:hover, .component-framework button.btn.btn-secondary-small:hover { background-color: #f4f4f4 !important; color: #000 !important; border-color: #000; } .component-framework button.btn.btn-secondary-small:hover a { color: #000 !important; text-decoration: none; } .btn.no-arrow { padding-right: 20px !important; } .btn.no-arrow::after { display: none !important; } .btn.no-border { border-color: transparent !important; } .color-framework a.btn:hover { background-color: #f4f4f4 !important; color: #000 !important; border-color: #000; } .color-framework .btn-card { padding: 30px 50px !important; border: 1px solid #d2d2d2; border-radius: 5px; font-size: 17px !important; text-transform: none; width: 100%; box-sizing: border-box; text-align: center; } .form-control-group-inline .btn { border-radius: 0px !important; padding: 8px 0px !important; }body { background-color: #fafafa } .color-framework .shadow-bg { background-color: rgba(0,0,0,0.7) } .color-framework .gray9-bg { background-color: #1d1d25 !important } .color-framework .gray8-bg { background-color: #282832 !important } .color-framework .gray8 { color: #282832 !important } .color-framework .gray5-bg { background-color: #e6e4e5 !important } .color-framework .gray1-bg { background-color: #f4f4f4 !important } .color-framework .gray9-bg a { color: #cd5d78 } .color-framework .green-inherit .inherit-color,.color-framework .green { color: #39a284 !important } .color-framework .inkblack { color: #1d1d24 !important } .color-framework .slate { color: #59666f !important } .color-framework .berry-red { color: #820d2f !important } .color-framework .green-inherit .inherit-bg,.color-framework .green-bg { background-color: #39a284 !important } .color-framework .blue-inherit .inherit-color,.color-framework .blue { color: #3a9c9c !important } .color-framework .blue-inherit .inherit-bg,.color-framework .blue-bg { background-color: #3a9c9c !important } .color-framework .gold-inherit .inherit-color,.color-framework .gold { color: #ffd575 !important } .color-framework .gold-inherit .inherit-bg,.color-framework .gold-bg { background-color: #ffd575 !important } .color-framework .iron-inherit .inherit-color { color: #d4dade !important } .color-framework .iron-inherit .inherit-bg,.color-framework .iron-bg { background-color: #d4dade !important } #hbxFooter .signup .hs-richtext { color: #fff } #hbxFooter .signup a { color: #fff !important; text-decoration: underline } #hbxFooter .signup .hs-form-required { color: #fff !important } .grid-framework .cap.gray1-bg { border-top: 20px solid #f4f4f4 !important } .grid-framework .personalization-hidden { display: none } .component-framework .circle { border-radius: 50% } .component-framework .circle-bg { background: transparent url('/Style%20Library/hbs/images/homepage/gray-circle.png') center center no-repeat; background-size: cover } .component-framework .circle-bg>.valign { height: 329px } .component-framework .card-button { position: absolute; bottom: 24px; left: 24px; margin-right: 24px } .component-framework .hr { margin: 32px 0 } .component-framework div.facet-breadcrumb-pattern span.txt-arrow.eta { display: none } .component-framework .fullbleed { background: transparent no-repeat center center; background-size: cover } .component-framework .form-container { transition: opacity 0.2s ease-out; opacity: 1 } .component-framework .form-container.form-container-submitting { opacity: .9 } .component-framework .drop-shadow { box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 3px rgba(0,0,0,0.23) } .component-framework .topdown-fade { position: absolute; top: 0; width: 100%; height: 100px; background: -moz-linear-gradient(top,rgba(0,0,0,0.65) 0%,transparent 90%); background: -webkit-linear-gradient(top,rgba(0,0,0,0.65) 0%,transparent 90%); background: linear-gradient(to bottom,rgba(0,0,0,0.65) 0%,transparent 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=0) } .component-framework .trapezoid { background-color: #282832; position: relative; padding: 40px 120px 0 120px; overflow: hidden; background-image: linear-gradient(129deg,transparent 85%,#191921 85%),linear-gradient(51deg,#191921 15%,transparent 15%) } .component-framework .trapezoid-right { background-color: #282832; position: relative; padding: 0; background-image: linear-gradient(121deg,transparent 85%,#3f959c 85%) } .component-framework .linear-nav>li { margin-right: 20px } .component-framework .linear-nav>li:last-child { margin-right: 0 } .component-framework .dividers>li { border-right: 1px solid white; padding-right: 15px; margin-right: 10px } .component-framework .dividers>li:last-child { border-right: none; padding-right: 0px } .component-framework ol.mega { margin-left: 90px } .component-framework ol.mega>li { list-style-type: none; counter-increment: item; margin-bottom: 32px } .component-framework ol.mega>li:before { display: block; float: left; position: static; border-radius: 100px; background-color: #53a7ae; background-repeat: no-repeat; background-position: -360px -140px; width: 60px; height: 60px; text-align: center; font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif; color: white; margin-left: -85px; font-size: 32px; line-height: 60px; content: counter(item); font-family: 'TradeGothicW02-BoldCn20 675505',Arial,Helvetica,Verdana,sans-serif; margin-left: -80px } .component-framework .mega h4 { margin-bottom: 0; border: 0 } .component-framework .testimonials-container .testimonials-container-wrap { padding: 40px 120px 0 120px; text-align: center } .component-framework .hbsred-inherit .dropdown-menu a.active { background-color: white!important } .component-framework .slider-menu .flyout-panel .slider-targets .site-title>span.black,.component-framework .slider-menu .flyout-panel .slider-targets .section-nav a,.component-framework .slider-menu .flyout-panel .slider-targets .util-nav a,.component-framework .slider-menu .flyout-panel .flyout-panel-button { color: white!important } .component-framework .slider-menu .flyout-panel .flyout-panel-button { border-color: rgba(255,255,255,0.4) } .component-framework .slider-menu .flyout-panel .slider-targets li.active { background-color: #a41034 !important } .component-framework .tile .icon-play,.component-framework .widget-video-rendered.video .kWidgetPlayBtn { background: url(/courses/core/PublishingImages/icon-play.svg) !important; width: 66px; height: 66px; background-size: 100%!important; background-repeat: no-repeat; margin-top: -33px; margin-left: -33px } .component-framework .facetctrl-isotope-results .tile .icon-play { width: 44px; height: 44px; margin-top: -22px; margin-left: -22px } .component-framework .hs-form .field { background-color: transparent; padding: 0; border: 0; box-shadow: none } .component-framework .hs-form .hs-input { background: #eee none; padding: 8px 10px; border: 1px solid #d5d5d5; font: normal 17px/24px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif; line-height: 1.2; box-shadow: inset 0 0 1px rgba(0,0,0,0.15); vertical-align: middle; -webkit-border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto } .component-framework .hs-form .hs-input:focus { border: 1px solid black; background-color: white; box-shadow: none } .component-framework .hs-form .hs-input[type=checkbox] { position: relative; top: -3px; margin-right: 8px } .component-framework .hs-form label { margin-bottom: 7px !important; display: block; font-weight: normal !important; font: normal 17px/24px 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif } .component-framework .hs-form .hs-form-booleancheckbox label,.component-framework .hs-form .hs-form-checkbox label { font: normal 13px/16px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif; margin: 0 } .component-framework .hs-form .hs-button.primary { background: #a41034; color: white; display: inline-block; padding: 8px 17px; border: 0; margin: 0; cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-font-smoothing: antialiased; -webkit-transition: background 0.1s linear; -moz-transition: background 0.1s linear; -ms-transition: background 0.1s linear; -o-transition: background 0.1s linear; transition: background 0.1s linear; font: normal 17px/24px 'TradeGothicW02-BoldCn20 675505',Arial,Helvetica,Verdana,sans-serif; text-transform: uppercase; box-shadow: none } .component-framework .hs-form .hs-button.primary:hover { background: black } .component-framework .hs-form .hs-button.primary:active { border: 0; background: black; box-shadow: none } .component-framework .white .hs-form label { color: white } .component-framework #blog-signup .field,.component-framework #blog-signup .actions { margin-top: 0 !important; margin-bottom: 0 !important } .component-framework blockquote q{ quotes: "\201C" "\201D" "\2018" "\2019" } .component-framework .logos>li { float: left; list-style-type: none; width: 165px; margin-right: 24px } .component-framework .logos>li img { width: 100% } .component-framework .faculty-photo { float: left; margin-right: 10px; height: 148px; width: 140px } .component-framework .floatright { padding: 0 0 0 1em; float: right; width: 40% } .component-framework .floatleft { float: left; padding: 0 1em 0 0 } .component-framework .hbx-table { border: 1px solid #000; border-collapse: collapse; margin-bottom: 16px; width: 100%; font: normal 13px/16px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif } .component-framework .hbx-table th,.component-framework .hbx-table td { text-align: left; padding: 12px 8px 11px 8px } .component-framework .hbx-table th { text-transform: uppercase } .component-framework figure.student-blogger { float: left; width: 109px; margin: 0 2em 2em 0 } .component-framework figure.student-blogger img { width: 109px } .component-framework figure.student-blogger caption,.component-framework figure.student-blogger .caption { display: block; text-align: center } .component-framework figure figcaption,.component-framework figcaption { font: normal 13px/16px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif } .component-framework figure.left img { float: left; width: 200px; margin: 0 15px 15px 0 } .component-framework twitterwidget~* { margin-top: 40px } .component-framework .cohorts .slick-next { right: 0px } .component-framework .cohorts .slick-prev { left: 0px } .component-framework .cohorts .slick-prev,.component-framework .cohorts .slick-next { width: 25px; height: 30px; opacity: .5; z-index: 99 } .component-framework .courses .slick-next,.component-framework .courses .slick-prev { width: 35px; height: 40px; opacity: 1 !important; z-index: 99; top: 125px !important } .component-framework .courses .slick-prev { left: -10px !important } .component-framework .courses .slick-next { right: -34px !important } .component-framework .slick-prev:hover,.component-framework .slick-next:hover { opacity: 1 !important } .component-framework .courses .slick-prev:hover,.component-framework .courses .slick-next:hover { opacity: .5 !important } .component-framework .slick-prev.slick-disabled:hover,.component-framework .slick-next.slick-disabled:hover { opacity: 1 !important; cursor: default !important } .component-framework .slick-slide a:hover img { opacity: .5 } .component-framework .cohort-item { margin: 20px } .component-framework .cohort-item-content { width: 85%; margin: 0 auto } .component-framework .banner-bg { background-color: #282832; box-shadow: 10px 0px 0px 0px #282832,-10px 0px 0px 0px #282832; line-height: 1.2; -webkit-box-decoration-break: clone; box-decoration-break: clone } .component-framework #skip a { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden } .component-framework #skip a:focus { position: static; width: auto; height: auto } .component-framework #HBSHome .slick-dots { bottom: -60px } .checklist { list-style: none } .checklist>li { position: relative; margin-bottom: 0.5rem } .checklist>li:before { content: ""; background-image: url(/PublishingImages/framework-v2.png); background-repeat: no-repeat; background-position: 0 0; width: 25px; height: 30px; display: block; position: absolute; left: -1.5rem; background-size: 453px 209px } .checklist.big-check li:before { -ms-transform: scale(1.5,1.5); -webkit-transform: scale(1.5,1.5); transform: scale(1.5,1.5) } @media screen and (max-width: 650px) { .component-framework .floatright { float:none; padding: 0; width: 100% } .component-framework .cohorts { text-align: center } .component-framework #HBSHome .slick-dots { bottom: -25px } .component-framework #HBSHome .slick-slider .span3.tablet-span3 { margin-left: 12px !important; margin-right: 12px !important } .component-framework #HBSHome .slick-slider.row.tablet-row.mobile-row { margin-left: 0px !important; padding: 0 20px } .component-framework #HBSHome .courses .slick-prev { left: -10px !important } .component-framework #HBSHome .courses .slick-next { right: -10px !important } .pattern-framework .flyout-panel .epsilon-uc.unbulleted li a { margin-top: 12px!important; } } @media screen and (max-width: 919px) and (min-width:651px) { .component-framework .logos>li { margin-right:19px } .component-framework #HBSHome .slick-dots { bottom: -25px } .component-framework #HBSHome .slick-slider .span3.tablet-span3 { margin-left: 12px !important; margin-right: 12px !important } .component-framework #HBSHome .slick-slider.row.tablet-row.mobile-row { margin-left: 0px !important; padding: 0 20px } .component-framework #HBSHome .courses .slick-prev { left: -10px !important } .component-framework #HBSHome .courses .slick-next { right: -10px !important } } @media screen and (max-width: 1100px) { .component-framework .trapezoid { padding-left:12px; padding-right: 12px } .component-framework .testimonials-container .testimonials-container-wrap { padding-left: 12px; padding-right: 12px } .component-framework .drop-shadow { box-shadow: none } } .type-framework .h2-fancy h2 { display: flex; flex-direction: row; justify-content: center; text-align: center } .type-framework .h2-fancy h2:before,.type-framework .h2-fancy h2:after { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; content: '\a0'; flex-grow: 1; height: 1px; position: relative; top: 0.5em } .type-framework .h2-fancy h2:before { margin-right: 10px } .type-framework .h2-fancy h2:after { margin-left: 10px } .type-framework h2.gamma { xborder: 1px solid red; display: block; text-align: left } .type-framework h2.gamma:before { margin-right: -10px } .type-framework h2.gamma:after { margin-left: -10px } .type-framework h2.gamma:before,.type-framework h2.gamma:after { border-top-style: none; border-bottom-style: none; content: none } @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { .type-framework .h2-fancy h2:before,.type-framework .h2-fancy h2:after { border-top: none; border-bottom: none } } .pattern-framework .body-margins h2,.pattern-framework .body-margins table,.pattern-framework .body-margins ol,.pattern-framework .body-margins ul { margin-bottom: 24px } .pattern-framework .faq-container { background-color: white } .pattern-framework .faq-container h3 { border-bottom: 1px solid #d2d2d2; padding: 20px } .pattern-framework .faq-container h4 { border-bottom: 1px solid #d2d2d2; padding: 20px } .pattern-framework .faq-container .toggle-show { background-color: #f6f6f6; border: 15px solid white; padding: 15px } .pattern-framework .faq-container .toggle-show>*:last-child { margin-bottom: 0 } .pattern-framework .tile:hover .icon-play { background-position: 0 } :focus,a:focus,input:focus,button:focus { outline: 2px solid #1e90ff !important } a:focus[class*="video"],a:focus.btn,input:focus { outline-offset: 3px!important } a.apply.disabled { cursor: not-allowed; opacity: 0.5; text-decoration: none } .logo { height: 41px; width: 200px; display: block } .fadein-on-hover { opacity: .8 } .fadein-on-hover:hover { opacity: 1 } @media screen and (max-width: 320px) { .logo { width:65% } } .animation-popin { animation: animation 2250ms linear both } @keyframes popin { 0% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1) } 4.5% { -webkit-transform: matrix3d(1.485,0,0,0,0,1.485,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.485,0,0,0,0,1.485,0,0,0,0,1,0,0,0,0,1) } 9.01% { -webkit-transform: matrix3d(1.88,0,0,0,0,1.88,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.88,0,0,0,0,1.88,0,0,0,0,1,0,0,0,0,1) } 13.51% { -webkit-transform: matrix3d(2.087,0,0,0,0,2.087,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(2.087,0,0,0,0,2.087,0,0,0,0,1,0,0,0,0,1) } 17.92% { -webkit-transform: matrix3d(2.139,0,0,0,0,2.139,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(2.139,0,0,0,0,2.139,0,0,0,0,1,0,0,0,0,1) } 29.03% { -webkit-transform: matrix3d(2.032,0,0,0,0,2.032,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(2.032,0,0,0,0,2.032,0,0,0,0,1,0,0,0,0,1) } 34.63% { -webkit-transform: matrix3d(1.994,0,0,0,0,1.994,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.994,0,0,0,0,1.994,0,0,0,0,1,0,0,0,0,1) } 40.14% { -webkit-transform: matrix3d(1.985,0,0,0,0,1.985,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.985,0,0,0,0,1.985,0,0,0,0,1,0,0,0,0,1) } 62.36% { -webkit-transform: matrix3d(2.002,0,0,0,0,2.002,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(2.002,0,0,0,0,2.002,0,0,0,0,1,0,0,0,0,1) } 84.68% { -webkit-transform: matrix3d(2,0,0,0,0,2,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(2,0,0,0,0,2,0,0,0,0,1,0,0,0,0,1) } 100% { -webkit-transform: matrix3d(2,0,0,0,0,2,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(2,0,0,0,0,2,0,0,0,0,1,0,0,0,0,1) } } .animate-from-bottom { animation: animation 2000ms linear both; animation-delay: .75s } .animate-from-bottom.delay1 { animation-delay: .8s } @keyframes animation { 0% { opacity: 0; -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,300,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,300,0,1) } 4.1% { opacity: 1; -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,125.912,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,125.912,0,1) } 8.11% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,31.647,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,31.647,0,1) } 12.11% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-5.53,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-5.53,0,1) } 16.12% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-13.007,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-13.007,0,1) } 27.23% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-2.352,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-2.352,0,1) } 38.34% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0.311,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0.311,0,1) } 60.56% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-0.007,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-0.007,0,1) } 82.78% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1) } 100% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1) } }.color-framework .crimson-bg { background-color: #A41034; } .color-framework .crimson { color: #A41034; } .color-framework .berry-red-bg { background-color: #820D2F; } .color-framework .berry-red { color: #820D2F; } .color-framework .ink-black-bg { background-color: #1D1D24; } .color-framework .ink-black { color: #1D1D24; } .color-framework .midnight-blue-bg { background-color: #282832; } .color-framework .midnight-blue { color: #282832; } .color-framework .dark-white-bg { background-color: #FAFAFA; } .color-framework .dark-white { color: #FAFAFA; } .color-framework .dark-gray-bg { background-color: #181818; } .color-framework .dark-gray { color: #181818; } .color-framework .slate-gray-bg { background-color: #59666F; } .color-framework .slate-gray { color: #59666F; } .color-framework .light-gray1-bg { background-color: #F4F4F4; } .color-framework .light-gray1 { color: #F4F4F4; } .color-framework .light-gray2-bg { background-color: #E6E4E5; } .color-framework .light-gray3 { color: #E6E4E5; } .color-framework .light-gray3-bg { background-color: #D2D2D2; } .color-framework .light-gray3 { color: #D2D2D2; } .color-framework .headerblue-bg { background-color: #b5d7d8; } .color-framework .blue-bg { background-color: #3A9C9C; } .color-framework .blue { color: #3A9C9C; } .color-framework .green-bg { background-color: #39A284; } .color-framework .green { color: #39A284; } .color-framework .yellow-bg { background-color: #FFD575; } .color-framework .yellow { color: #FFD575; } .color-framework .skyblue-bg { background-color: #b6d7d8; } .color-framework .skyblue { color: #b6d7d8; } header { z-index: 10; } header nav.top-nav { overflow: hidden; padding: 37px 0px 37px 0px; } header .hbso-logo { margin: 6px 30px 0px 30px; } header .hbso-logo h1 { padding: 0px!important; } header .hbso-logo img { height: 100%; width: 150px; } #sticky-header nav.top-nav { padding: 37px 0px; } #sticky-header .toolbar-btns { margin-top: 26px!important; } #sticky-header .hbso-logo { margin-top: 12px!important; } #sticky-header { box-shadow: 0px 6px 7px -5px rgba(0, 0, 0, 0.2); overflow: initial!important; top: -5px; } header nav.top-nav li.dropdown-mega { list-style-type: none; display: block; } header nav.top-nav .dropdown-mega a.nav-link { border-bottom: 2px transparent solid; } header nav.top-nav .dropdown-mega a.nav-link.active, header nav.top-nav .dropdown-mega a.nav-link:hover, header nav.top-nav .dropdown-mega a.nav-link.hover { border-bottom: 2px #FFD575 solid; font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif; } header nav.top-nav .dropdown-mega a.nav-link.hover { color: black; } .mega-black-bg { position: fixed; background-color: rgba(0,0,0,0.7); left: 0; right: 0; bottom: 0; top: 0; z-index: 9; } header .universal-banner-menu-toggle { cursor: pointer; } header .universal-banner-hamburger { width: 20px; height: 18px; position: relative; margin-top: 4px; } header .universal-banner-hamburger span { display: block; position: absolute; height: 3px; width: 100%; background: #000; opacity: 0.6; left: 0; transform: rotate(0deg); transition: .3s cubic-bezier(0.5, 0, 0.1, 1) ; } header .universal-banner-hamburger span:nth-child(1) { top: 0px; transform-origin: left center; } header .universal-banner-hamburger span:nth-child(2) { top: 7px; transform-origin: left center; } header .universal-banner-hamburger span:nth-child(3) { top: 14px; transform-origin: left center; } header .universal-banner-hamburger.open span:nth-child(1) { transform: rotate(45deg); } header .universal-banner-hamburger.open span:nth-child(2) { width: 0%; opacity: 0; } header .universal-banner-hamburger.open span:nth-child(3) { transform: rotate(-45deg); } header .login-dropdown { width: 240px; position: absolute; top: 18px; left: -148px; padding-top: 12px; } #sticky-header .login-dropdown { left: -180px; } header .login-dropdown .login-border { padding: 20px; border: 1px solid #d2d2d2; border-radius: 5px; box-shadow: 1px 2px 0px 0px #d2d2d2; box-sizing: border-box; } header .login-link:hover, header .login-link.hover { color: #A41034!important; } header a.accessible-menu::after { border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 6px; transform: rotate(135deg); width: 6px; position: relative; right: -2px; top: -3px; } header a.accessible-menu { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } header a.accessible-menu:focus { left: -11px; width: 12px; height: auto; } main:not(.toc-on-page) div[id], main:not(.toc-on-page) h2[id] { scroll-margin-top: 70px; } .blog-item .paragraph.span8 ul, .blog-item .paragraph.span8 ol { margin-bottom:24px; } .skipto.hideme:focus { left: 0px; top: 0px; background-color: white; padding: 6px; width: auto; height: auto; z-index: 20; } .pattern-framework .flyout-panel a, .pattern-framework .flyout-panel nav.site-title span { color: #FFF!important; } .pattern-framework .flyout-panel .epsilon-uc.unbulleted li a { margin-top: 8px; display: inline-block; } .pattern-framework .flyout-panel a.sub { font-size: 17px; line-height: 17px; margin-top: 0px!important; } .pattern-framework .flyout-panel .epsilon-uc.unbulleted li:first-of-type { margin-bottom: 0px; } .pattern-framework .flyout-panel .epsilon-uc.unbulleted li:not(:first-of-type) { margin-top: 0px; } :focus,a:focus,input:focus,button:focus { outline: 2px solid #1e90ff !important } a:focus[class*="video"],a:focus.btn,input:focus { outline-offset: 3px!important } .component-framework .hbsred-inherit .dropdown-menu a.active { background-color: white!important; color: black!important; } .component-framework a.btn, .component-framework .hbx-btn { background-color: #a41034; padding: 11px 32px 11px 20px; font-size: 16px; position: relative } .component-framework button.btn.btn-secondary-small { position: relative; } .component-framework button.hbx-btn:after, .component-framework a.btn:after, .component-framework button.btn a:after { transition: all 0.1s ease-in; border-style: solid; border-width: 3px 3px 0 0; content: ''; display: inline-block; height: 6px; right: 1em; top: 36%; position: relative; transform: rotate(45deg); width: 6px; position: absolute } .component-framework a.btn.backtotop:after { top: 42%; right: .7em; transform: rotate(-45deg) } .component-framework a.btn:hover, .component-framework .hbx-btn:hover, .component-framework a.btn:focus { background-color: black !important; color: white !important } .component-framework a.btn.black-bg:hover, .component-framework .hbx-btn.black-bg:hover { background-color: #a41034 !important; color: white !important } .component-framework button.hbx-btn.btn-down:after, .component-framework a.btn.btn-down:after { top: 35%; right: .7em; transform: rotate(135deg) } .component-framework .btn-margins { margin-bottom: 8px; } @media (max-width: 919px) { header nav.top-nav li.dropdown-mega { display: none; } header nav.top-nav { height: 25px; box-sizing: unset!important; } .responsive-framework header.site-header { padding: 0; } } @media (max-width: 650px) { header .hbso-logo { margin: 10px 10px 0px 10px; } header .hbso-logo img{ width: 125px; } .pattern-framework .flyout-panel a.sub { font-size: 13px; line-height: 16px; margin-top: 10px!important; } header nav.top-nav { height: 20px; padding: 35px 0px 35px 0px; box-sizing: unset!important; } header .toolbar-btns { margin: 22px 20px 0px 30px!important; } header .universal-banner-menu-toggle { margin-left: 0px!important; } } @media (max-width: 715px) { .component-framework .responsive-breadcrumb-toggle { display: inline-block!important; } .component-framework .responsive-breadcrumb>li:nth-child(2), .component-framework .responsive-breadcrumb>li:nth-child(3) { display: none; } } @media (max-width: 335px) { .page-header-online h1, .page-header-online h2 { margin-top: 25px; } } #sticky-header { position: fixed; overflow: hidden; background-color: inherit; height: 0; top:0!important; left:0; right:0; z-index: 110; transform: translate3d(0,0,0); transition: height .3s cubic-bezier(0.5, 0, 0.1, 1) ; } #sticky-header > div.wrapper { position: absolute; bottom:0; left:0; right:0; } #sticky-header.at-scroll-top { display: none; } .sticky-header-active .facetctrl-sticky.active, .sticky-header-active .filter-sticky.fixed { transition: margin .3s cubic-bezier(0.5, 0, 0.1, 1) ; } .sticky-header-expanded .facetctrl-sticky.active { margin-top:98px; } @media (max-width: 650px) { .sticky-header-expanded .filter-sticky.fixed { margin-top:98px; } .sticky-header-expanded .facetctrl-sticky.active { margin-top:98px; } } @media (min-width: 651px) and (max-width: 919px) { .sticky-header-expanded .filter-sticky.fixed { margin-top:118px; } .sticky-header-expanded .facetctrl-sticky.active { margin-top:113px; } } .sticky-header-active .universal-banner.sticky-header-cloned, .sticky-header-active .sticky-header-cloned .site-header-button { visibility: hidden; } .mega-menu { position: absolute; width: 100%; left: 0; z-index: 11; } .mega-menu .white-bg { padding-top: 37px; border-bottom: 3px #D2D2D2 solid; } .mega-menu .mega-menu-wrapper { margin: 0px; padding: 10px 0px 60px 0px; display: flex; justify-content: space-between; margin: 0 auto; max-width: 900px; } .mega-menu .mega-col { list-style-type: none; display: block; width: 31%; } .mega-menu ul li a.header-link::after, .login-dropdown a.header-link::after { border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 6px; right: 0px; top: 36%; position: relative; transform: rotate(45deg); width: 6px; margin-bottom: 1px; margin-left: 5px; } a.accessible-video:focus { clip: unset; width: auto; height: auto!important; background-color: white; padding: 5px; z-index: 1; } .p3sdk-container .p3sdk-audio-description-component { max-height: none; } .page-header-online#page-header-1 { min-height: 271px; display: flex; align-items: center; position: relative; margin: 0px; } .page-header-online#page-header-1 picture { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } .page-header-online#page-header-1 picture img { object-fit: cover; object-position: 0 0; width: 100%; height: 100%; } .page-header-online#page-header-1 .row-wrapper { display: flex; align-items: center; } .page-header-online#page-header-1 .video-wrapper { margin-left: 24px; } .page-header-online#page-header-1 .video-container, .page-header-online#page-header-1 .featured-image { padding: 50px 0; } .page-header-online#page-header-1 .proof-points { margin-top: 40px; } .page-header-online#page-header-1 .proof-points .proof-points-inner { display: flex; padding-bottom: 20px; position: relative; } .page-header-online#page-header-1 .proof-points .proof-points-inner::before { content: ''; display: block; width: 40px; height: 3px; background: #3a9c9c; position: absolute; top: 0; left: 0; } .page-header-online#page-header-1 .proof-points .point { margin: 15px 30px 0 0; flex: 1; } .page-header-online#page-header-1 .proof-points .point .number { font-size: 29px; line-height: 44px; color: #1a7c7c; } .page-header-online#page-header-1 .proof-points .source { position: absolute; bottom: 20px; display: inline-block; } .page-header-online#page-header-1 .proof-points .source a { color: #181818; border-bottom: 1px dotted #000; } .page-header-online#page-header-1 .proof-points .source a:hover { color: #a41034; border-color: #a41034; text-decoration: none; } .page-header-online#page-header-1 p+.btn { margin-top: 32px; } .page-header-online#page-header-1 .text-wrapper, .page-header-online#page-header-1 .video-wrapper { width: 50%; } .page-header-online#page-header-1 h1, .page-header-online#page-header-1 h2 { margin-bottom: 20px; } .page-header-online#page-header-1 .online-breadcrumbs { position: absolute; top: -12px; left: 50%; right: 50%; transform: translate(-50%, 0); z-index: 8; } @media (max-width: 919px) {.page-header-online#page-header-1 .text-wrapper, .page-header-online#page-header-1 .video-wrapper { width: 100%; } .page-header-online#page-header-1 .row-wrapper { flex-wrap: wrap; } .page-header-online#page-header-1 .main-content { width: 100%; } .page-header-online#page-header-1 .video-wrapper { margin-left: 0px; } .page-header-online#page-header-1 h1, .page-header-online#page-header-1 h2 { margin-bottom: 10px; } .page-header-online#page-header-1 p+.btn { margin-top: 0px; } .page-header-online#page-header-1 .proof-points { display: none; } .page-header-online#page-header-1 .video-container, .page-header-online#page-header-1 .featured-image { padding: 0px 0px 40px 0px; } .page-header-online#page-header-1 .online-breadcrumbs { top: 8px; left: 0; right: 0; transform: none; } } @media (max-width: 650px) {.page-header-online#page-header-1 { min-height: 170px; } .page-header-online#page-header-1.subject .online-breadcrumbs .subject-sentence { margin-top:5px; } .page-header-online#page-header-1 .podcast-avatar-head div { position: relative!important; top: 0!important; } } .component-framework .teal-inherit .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzQ4YzRiNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .teal-inherit .inherit-bg .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-2 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2VkNmE0NyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .salsa-inherit .inherit-bg .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-2 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .darkblue-inherit .inherit-bg .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-2 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2ZhYWU1MyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .citrus-inherit .inherit-bg .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-2 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2NlZDY2NSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .green-inherit .inherit-bg .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-2 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2FmZTZmMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .lightblue-inherit .inherit-bg .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-2 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-2 .wrapper { background-color: #000; } .video-container#video-container-2 .wrapper:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block; background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 85%, rgba(0,0,0,0.65) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.81) 77%, rgba(0,0,0,0.81) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cf000000',GradientType=0 );} .video-container#video-container-2 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-2 .image-title { color: white; } .video-container#video-container-2 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-2 .image-title:hover { text-decoration:none; } .video-container#video-container-2.fancy-hover:hover .overlay, .video-container#video-container-2.fancy-hover:hover .play-overlay, .video-container#video-container-2 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-2.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-2 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-2 a { display:block; height:100%; } .video-container#video-container-2:hover .overlay-hover { display: block; visibility: visible; opacity: 1; position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 2; color: white; } .video-container#video-container-2 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-2 .hr { opacity: 1; width: 50px; margin: 0px auto; margin-top:32px; margin-bottom:20px; background-color:#fff; } @media (max-width: 1220px) and (min-width: 651px) { .video-container#video-container-2 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-2 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.81) 50%,rgba(0,0,0,0.81) 100%); } } @media screen and (max-width: 650px) { .video-container#video-container-2 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-2 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 70%,rgba(0,0,0,0.81) 100%); } }.body-content > p, .body-content > div p { margin-bottom: 0px; } .body-content > p, .body-content > ul, .body-content > ol, .body-content > img .body-content > figure, .body-content > img + p:first-of-type, .body-content > figure + p:first-of-type, .body-content > div p, .body-content > div h3 + ol, .body-content > div h3 + ul { margin-top: 1.3rem; } .body-content > ul, .body-content > ol, .body-content > ul + p { margin-top: 1.85rem; } .body-content > ul li, .body-content > ol li { margin-top: .1rem; } .body-content > ul ul li:first-child { margin-top: 0.2rem; } .body-content > h1 + p, .body-content > h1 + ul, .body-content > h1 + img { margin-top: 0.9rem; } .body-content > h2 + p, .body-content > h2 + ul, .body-content > h2 + img { margin-top: 0.55rem; }.body-content > h1, .body-content > .section-header-wrapper, .body-content > .section-header-wrapper h1 { margin-top: 4.75rem; } .body-content > h2, .body-content > h3, .body-content > h4 { margin-top: 1.68rem; } .body-content > h1 + h2 { margin-top: 0.5rem; } .body-content > table { margin-top: 1rem; } .body-content > *:first-child { margin-top: 0px; } .body-content > p:first-child, .body-content > ul > li:first-child, .body-content > h2:first-child { margin-top: -6px; } .body-content > p:last-of-type, .body-content > ul li:last-child, .body-content > ol li:last-child { margin-bottom: -6px; } .body-content > img, .body-content > figure img { max-width: 100%; height: auto!important; box-sizing: border-box; } .body-content > figure { margin: 0; } .body-content > .section-header-wrapper:first-child h1 { margin-top: -9px; } .body-content div.mu-uc { margin-bottom: -3px; } .body-content p + hr.hr { margin-top: 0.9rem; }.body-content div.fade-container + .hr4 { margin:0px; } .body-content .hr4 { margin:32px 0px; } .body-content dl.plusminus dt.open { margin-bottom: 30px; }@media screen and (max-width: 650px) { .body-content > h1, .body-content > .section-header-wrapper h1 { margin-top: 1.65rem; }.body-content > h1, .body-content > .section-header-wrapper, .body-content > .section-header-wrapper h1 { margin-top: 2.45rem; } } .course-cards .label-red { position: absolute; top: 15px; left: 0px; background-color: #a41034; color: #fff; padding: 2px 15px; } .course-cards .label-slate { color: #59666f; } .course-cards .card-deck.river { overflow-x: auto; display: flex; flex-flow: nowrap; padding: 8px 10px; }.course-cards .card-deck.river::-webkit-scrollbar { -webkit-appearance: none; } .course-cards .card-deck.river::-webkit-scrollbar:vertical { width: 11px; } .course-cards .card-deck.river::-webkit-scrollbar:horizontal { height: 11px; } .course-cards .card-deck.river::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid #ededed; background-color: rgba(0, 0, 0, .5); } .course-cards .card-deck.river::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.07); border-radius: 8px; }.course-cards .card-deck.river .card:first-child { margin-left: 0px!important; } .course-cards .card-deck.river .card:last-child { margin-right: auto!important; } .course-cards .card-deck.river .card.sm-vertical, .course-cards .card-deck.river .card.sm-horizontal { min-width: 280px; margin: 0 10px; } .course-cards .single-card .card.sm-vertical { width: 280px; } .course-cards .single-card .card.lg-vertical { width: 380px; } .course-cards .card { position: relative; display: flex; flex-direction: column; min-width: 0; background-color: #fff; background-clip: border-box; border: 1px solid #d2d2d2; border-radius: 5px; box-shadow: 1px 2px 0px 0px #d2d2d2; margin-bottom: 20px; box-sizing: border-box; } .course-cards .course-card-header { display: flex; justify-content: space-between; } .course-cards .course-card-header .card-header-button { margin-left: 20px; padding-top: 35px; } .course-cards .course-card-header .card-header-button a.btn { min-width: 137px; box-sizing: border-box; } .course-cards .card a.card-link::after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .course-cards .card:hover { border-color: #b6babd; box-shadow: 1px 2px 0px 0px #b6babd; } .course-cards .card .card-image-wrapper{ width: 100%; } .course-cards .card .card-img-top, .course-cards .card.lg-horizontal .card-img-top { max-width: 100%; width: 100%; max-height: 144px; height: auto; border-top-left-radius: calc(5px - 1px); border-top-right-radius: calc(5px - 1px); object-fit: cover; } .course-cards .card.lg-horizontal { max-width: 980px; margin: 0 auto; } .course-cards .card.sm-vertical .card-img-top, .course-cards .card.sm-horizontal .card-img-top { max-height: 100px; } .course-cards .card .card-body { flex: 1 1 auto; min-height: 1px; padding: 20px 30px; } .course-cards .card .card-body .label { font-size: 14px; color: #59666f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 400px; } .course-cards .card .card-body .card-text { margin-top: 10px; } .course-cards .card .card-body .card-text:last-child { margin-bottom: 0; } .course-cards .card .card-footer { padding: 0 30px 20px; display: flex; justify-content: space-between; align-items: flex-end; flex-flow: row wrap; } .course-cards .card-footer .full-width{ min-width: 100%; } .course-cards .icon img { width: 25px; height: auto; vertical-align: middle; } .course-cards .card-deck.river .card-sm-vertical, .course-cards .card-deck.river .card-sm-horizontal{ width: 280px; } .course-cards .card.sm-vertical .card-body, .course-cards .card.sm-horizontal .card-body { padding: 10px 20px; } .course-cards .card.sm-vertical .card-footer, .course-cards .card.sm-horizontal .card-footer { padding: 0 20px 10px; } .course-cards .card.sm-vertical .card-body .card-title, .course-cards .card.sm-horizontal .card-body .card-title { font-size: 18px; } .course-cards .card.sm-vertical .card-body .card-text, .course-cards .card.sm-horizontal .card-body .card-text { font-size: 14px; } .course-cards .card.card-horizontal.sm-horizontal .card-text{ display: none; line-height: 20px; } .course-cards .card-horizontal.lg-horizontal .card-title { padding-bottom: 10px; } @media screen and (min-width: 650px) { .course-cards .card .card-img-top{ max-width: 100%; width: 100%; max-height: 225px; } .course-cards .card-horizontal.lg-horizontal .card-title { margin-top: 10px; } .course-cards .card.card-horizontal.lg-horizontal { flex-direction: row; align-items: stretch; } .course-cards .card.card-horizontal.lg-horizontal .card-img-top { min-width: 300px; width: 300px; max-height: 480px; min-height: 100%; border-radius: 0; border-top-left-radius: calc(5px - 1px); border-bottom-left-radius: calc(5px - 1px); } .course-cards .card .card-content { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; } .course-cards .card-deck .card.sm-vertical { width: calc(25% - 20px); } } @media screen and (min-width: 768px) { .course-cards .card-deck { display: flex; flex-flow: row wrap; margin-left: -10px; margin-right: -10px; } .course-cards .card-deck .card { margin-left: 10px; margin-right: 10px; } .course-cards .card-deck .card.lg-vertical { width: 46%; width: calc(50% - 20px); } } @media screen and (min-width: 919px) { .course-cards .card-deck.river .card.sm-horizontal, .course-cards .card.card-horizontal.sm-horizontal { flex-direction: row; min-width: 485px; max-width: 485px; width: 485px; align-items: stretch; } .course-cards .card.card-horizontal.sm-horizontal .card-img-top { min-width: 180px; width: 180px; max-height: 480px; min-height: 100%; border-radius: 0; border-top-left-radius: calc(5px - 1px); border-bottom-left-radius: calc(5px - 1px); } .course-cards .card-horizontal.sm-horizontal .card-title { margin-top: 20px; padding-bottom: 10px; } .course-cards .card.card-horizontal.sm-horizontal .card-content { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; } .course-cards .card.card-horizontal.sm-horizontal .card-text{ display: block; } .course-cards .card-deck.river .card-sm-vertical{ width: 280px; padding-bottom: 60px; } .course-cards .card-deck .card.lg-vertical { width: 30%; width: calc(33.33% - 20px); } } @media (max-width: 650px) { .course-cards .card .card-body { padding: 20px; } .course-cards .card .card-footer { padding: 0 20px 20px } .course-cards .course-card-header { flex-direction: column; } .course-cards .course-card-header .card-header-button { padding-top: 0px; margin-left: 0px; margin-bottom: 20px; } .course-cards .card-deck div:first-of-type { margin-left: 0px!important; } .course-cards .card-deck.river { padding-left: 0px; padding-right: 0px; } } .footer-text .add-border { background-color: #fff; background-clip: border-box; border: 1px solid #d2d2d2; border-radius: 5px; padding: 20px; } .footer-text .icon img { width: 25px; height: auto; vertical-align: middle; } .type-framework h2.h2-fancy { align-items: center; line-height: 19px !important; display: flex; flex-direction: row; justify-content: center; text-align: center; } .type-framework h2.h2-fancy::before, .type-framework h2.h2-fancy::after { border-top: 0; border-bottom: 0; content: ''; flex-grow: 0; width: 40px; height: 3px; background: #ffd575; top: 0; } .type-framework h2.h2-fancy::before { margin-right: 20px; } .type-framework h2.h2-fancy::after { margin-left: 20px; } .card-buttons.has-bg { padding: 80px 0px; } .card-buttons .buttons-wrapper { display: flex; } .card-buttons .buttons-wrapper li { margin: 0px 7px; display: flex; align-items: center; justify-content: center; } .card-buttons .buttons-wrapper li:first-child { margin-left: 0px; } .card-buttons .buttons-wrapper li:last-child { margin-right: 0px; } .card-buttons .buttons-wrapper li a.btn, .card-buttons .buttons-wrapper li div, .card-buttons .multi-row-buttons li a.btn, .card-buttons .multi-row-buttons li div { height: 100%; display: flex; align-items: center; justify-content: center; } .card-buttons .sub-text { padding-top: 60px; } .card-buttons .multi-row-buttons li:first-child { margin-left: 0px; } .card-buttons .multi-row-buttons { display: flex; } @media (max-width: 1220px) {.card-buttons .buttons-wrapper .btn, .card-buttons .multi-row-buttons li a.btn { padding: 30px 24px !important; } } @media (max-width: 919px) {.card-buttons .buttons-wrapper { display: block; } .card-buttons ul.buttons-wrapper li { float: left; width: 31.8%; height: 94px; margin-bottom: 10px; } .card-buttons .buttons-wrapper li:nth-of-type(3n + 1) { margin-left: 0px; } .card-buttons .buttons-wrapper li:nth-of-type(3n) { margin-right: 0px; } .card-buttons .sub-text { clear: left; padding-top: 30px; } .card-buttons.has-bg { padding: 60px 16px; } } @media (max-width: 650px) { .card-buttons .buttons-wrapper li:nth-of-type(3n + 1) { margin-left: 7px; } .card-buttons .buttons-wrapper li:nth-of-type(3n) { margin-right: 7px; } .card-buttons .buttons-wrapper li:nth-of-type(2n + 1) { margin-left: 0px; } .card-buttons .buttons-wrapper li:nth-of-type(2n) { margin-right: 0px; } .card-buttons.has-bg { padding: 45px 16px; } .card-buttons ul.buttons-wrapper li { width: 47%; } .card-buttons .multi-row-buttons { flex-wrap: wrap; } .card-buttons .multi-row-buttons li { width: 100%!important; margin-left: 0px!important; margin-bottom: 20px!important; } .card-buttons .multi-row-buttons li:last-child { margin-bottom: 0px!important; } } .certificates { padding: 48px 0px; } .certificates { margin: auto; background: #f4f4f4 url(/online/PublishingImages/zero-degrees/certificates_bg.jpg) center top no-repeat; } .certificates .certificate-wrapper { margin: 0 auto; display: flex; justify-content: space-around; flex-wrap: wrap; } .certificates .certificate { width: 100%; } .certificates .certificate-image { width: 272px; height: 352px; margin: auto; position: relative; } .certificates .certificate-image::before { content: ''; width: 300px; height: 352px; display: block; background: url(/online/PublishingImages/zero-degrees/certificate-shadow.png) no-repeat; background-size: contain; position: absolute; bottom: -4px; left: -18px; transition: 0.15s opacity ease-out; } .certificates .certificate-image.short-shadow::before { background-image: url(/online/PublishingImages/icons/certificate-shadow-short.png); } .certificates .certificate-image img { width: 100%; height: auto; position: relative; transition: 0.3s transform ease-out; } .certificates .certificate-image:hover img { transform: scale(1.2); } .certificates .certificate-image:hover::before { opacity: 0; } .certificates .certificate-info { padding: 48px 48px 0px 48px; } .certificates .certificate-info .icon, .certificates .certificate-info strong { display: block; margin: 5px 0; } .certificates .certificate-info .icon img { width: 25px; height: auto; } @media (max-width: 1220px) and (min-width: 800px) {.certificates.triple .certificate-image { width: 230px; height: 300px; } .certificates.triple .certificate-image::before { width: 244px; height: 300px; } .certificates.triple { background-size: auto 370px !important; } .certificates.triple.header { background-size: auto 440px !important; } .certificates.triple .certificate-info { padding: 48px 24px 0px 24px; } } @media screen and (max-width: 799px) and (min-width: 651px) { .certificates.triple { background-image: none; } .certificates.triple .certificate { max-width: 100%!important; flex-basis: 100%!important; } .certificates.triple .certificate-image::before { width: 290px; } .certificates.triple .certificate-info { padding: 30px 28px 40px 28px; } } @media screen and (max-width: 650px) { .certificates { background-image: none; } .certificates .certificate { max-width: 100%!important; flex-basis: 100%!important; } .certificates .certificate-image::before { width: 290px; } .certificates .certificate-info { padding: 30px 28px 0px 28px; } } .reviews { padding: 60px 0px; } .reviews .quote-box { padding: 20px 30px 30px; background-color: #fff; box-sizing: border-box; } .reviews .quote-box a { text-decoration: underline; } .reviews .quote-box .quote-footer { font-size: 14px; line-height: 1.4; } .reviews .quote-box .quote-footer img { width: 55px; height: 55px; float: left; margin-right: 18px; } .reviews .quote-box .quote { quotes: "\201C""\201D""\2018""\2019"; text-indent: -0.5em; } .reviews .quote-box .quote::before { content: open-quote; } .reviews .quote-box .quote::after { content: close-quote; } .reviews .quote-box .quote::before, .reviews .quote-box .quote::after { color: #a41034; font-weight: bold; } @media (max-width: 650px) { .reviews { padding: 45px 0px; } } .icon-teasers.fullbleed { background: none no-repeat center top; background-size: cover; padding: 60px 0px 240px 0px; } .icon-teasers.light-gray1-bg .teaser-wrapper { padding: 48px 0px; } .icon-teasers .teaser-wrapper { padding: 40px; } .icon-teasers.squeeze .icon-teaser { width: auto; flex: 1; } @media (max-width: 919px) { .icon-teasers.fullbleed { padding-bottom: 140px; } } @media (max-width: 650px) { .icon-teasers.fullbleed { padding: 20px 0px; } .icon-teasers .icon-items { flex-direction: column; align-items: center; } .icon-teasers .teaser-wrapper { padding: 30px 16px; } } .icon-teaser { padding: 0px 18px; width: 33.33%; max-width: 394px; box-sizing: border-box; flex: 1 0 auto; } @media (max-width: 919px) { .icon-teaser { padding: 0px 9px; } } @media (max-width: 650px) { .icon-teaser { padding: 0px; width: auto; max-width: 366px; } } .competitive-table thead tr { background-color: #CDD1D4; } .competitive-table thead th { padding: 8px; white-space: nowrap; padding-right: 15px; } .competitive-table tbody td { padding: 15px; } .competitive-table tbody tr:nth-child(odd) { background-color: #EBEDEE; } .competitive-table .icon-set { white-space: nowrap; } .competitive-table .icon-set .icon { display: inline-block; vertical-align: middle; padding-right: 12px; } @media (max-width: 919px) and (min-width: 750px) { .competitive-table thead th:nth-of-type(2) { width: 60%; } } @media (max-width: 749px) and (min-width: 651px) { .competitive-table thead th:nth-of-type(2) { width: 53%; } } @media (max-width: 650px) {.competitive-table thead th { padding-right: 8px; } .competitive-table .icon-set { white-space: unset; text-align: center; } .competitive-table tbody td:nth-of-type(2) { padding-right: 0px; } .competitive-table tbody td:nth-of-type(3), .competitive-table tbody td:nth-of-type(4) { padding: 8px; } .competitive-table .icon-set .icon { padding-right: 0px; display: block; } } .promo-cards { padding: 80px 0px; } .promo-cards .card { display: flex; border: 1px solid #d2d2d2; border-radius: 8px; box-sizing: border-box; padding: 25px; } .promo-cards .card .image-wrap { min-height: 200px; } .promo-cards .card .image-wrap img { min-width: 385px; width: 385px; max-height: 480px; min-height: 100%; object-fit: cover; } .promo-cards .card .card-body { margin-left: 40px; align-self: center; } .yellow-bg .promo-cards { padding: 25px 0px; } .yellow-bg .promo-cards .card { box-shadow: 2px 3px 0px rgba(0, 0, 0, 0.17); } .yellow-bg .card .card-body { display: flex; } .yellow-bg .card .card-body .text-body { margin: 0px 80px 0px 100px; max-width: 300px; } @media (max-width: 1220px) {.yellow-bg .card .card-body { display: block; } .yellow-bg .card .card-body .text-body { margin: 0px; } } @media (max-width: 919px) and (min-width: 651px) {.promo-cards .card .image-wrap img { min-width: 280px; width: 280px; } .promo-cards .card .card-body { margin-left: 20px; } } @media (max-width: 919px) { .promo-cards { padding: 60px 0px; } .yellow-bg .promo-cards { padding: 25px 16px; } } @media (max-width: 650px) { .promo-cards .card .image-wrap img { min-width: 100%; width: 100%; max-height: 144px; } .promo-cards .card { flex-direction: column; padding: 15px; } .promo-cards .card .card-body { margin: 8px 0px 0px 0px; align-self: flex-start; } .promo-cards .card .image-wrap { min-height: 144px; } .promo-cards { padding: 45px 0px; } .yellow-bg .card .card-body .text-body { max-width: 450px; } } footer ul.linear.social-media > li { margin-right: 12px; } footer ul.linear.social-media > li:last-of-type { margin-right: 0px; } footer .redbar-links { text-align: right; } footer #signup { position: relative; } footer #signup input[type='submit'] { position: absolute; top: 31px; left: 200px; } .component-framework .hs-form .field { background-color: transparent; padding: 0; border: 0; box-shadow: none; } .component-framework .hs-form .hs-input { background: #eee none; padding: 5px 10px; border: 1px solid #d5d5d5; font: normal 17px/24px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif; line-height: 1.2; box-shadow: inset 0 0 1px rgba(0,0,0,0.15); vertical-align: middle; box-sizing: border-box; height: auto; margin-bottom: 5px; } footer .component-framework .hs-form a { color: white; } footer .ink-black-bg .toggle-container a { color: white; } .component-framework .hs-form .hs-input:focus { border: 1px solid black; background-color: white; box-shadow: none; } .component-framework .hs-form .hs-input[type=checkbox] { position: relative; top: -3px; margin-right: 8px; } .component-framework .hs-form label { margin-bottom: 7px !important; display: block; font-weight: normal !important; font: normal 17px/24px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif; max-width: 300px; } .component-framework .hs-form .hs-form-booleancheckbox label,.component-framework .hs-form .hs-form-checkbox label { font: normal 13px/16px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif; margin: 0; } .component-framework .hs-form .hs-button.primary { background: #a41034; color: white; display: inline-block; padding: 4px 17px; border: 0; margin: 0; cursor: pointer; transition: background 0.1s linear; font: normal 17px/24px 'TradeGothicW02-BoldCn20 675505',Arial,Helvetica,Verdana,sans-serif; text-transform: uppercase; box-shadow: none; } .component-framework .hs-form .hs-button.primary:hover { background: black; } .component-framework .hs-form .hs-button.primary:active { border: 0; background: black; box-shadow: none; } .component-framework .white .hs-form label { color: white; } .component-framework #blog-signup .field, .component-framework #blog-signup .actions { margin-top: 0 !important; margin-bottom: 0 !important; } @media (max-width: 919px) { footer .footer-bottom { padding: 0 15px; box-sizing: border-box; } } @media (max-width: 650px) { footer .social-media { margin: 20px 0px!important; right: initial!important; } footer .redbar-links { text-align: left; } } .faqs a.faq span { float: right; display: inline-block; margin: 0px 20px; } .faqs a.faq span.minus { display: none; } .faqs .toggle-container.toggled a.faq span.minus { display: inline-block; } .faqs .toggle-container.toggled a.faq span.plus { display: none; } .berry-red-bg .faqs { padding: 44px 0px; } .berry-red-bg .faqs a { color: white; } @media (max-width: 919px) { .faqs{ padding: 0 15px; box-sizing: border-box; } .berry-red-bg .faqs { padding: 35px 15px; } } @media (max-width: 650px) { .faqs { padding-top: 10px; } .berry-red-bg .faqs { padding: 25px 0px; } } ;</style> </head> <body class="expanded-grid-framework"> <div id="container" class="type-framework color-framework grid-framework component-framework pattern-framework js-framework responsive-framework"> <!--WCMAuthoringReact--><div class=" hbsred-inherit slider-inject responsive-type"><div class="inherit-bg sticky-header-container"></div><header class="online-header site-header noindex white-bg" aria-label="Site Header" style="position: relative" role="banner"> <div class="hbsred-bg" style="height: 6px"></div><a href="#skipto-main" class="hideme skipto">Skip to Main Content</a><div class="hbso-logo" style="position: absolute; z-index: 12;"> <div><a href="/"><img loading="eager" width="150" height="84" src="https://webassets.hbs.edu/libs/framework/1.0/images/HBS-Online-Stacked.svg" alt="HBS Online"></a></div> </div> <nav class="top-nav" aria-label="Main"> <ul style="margin: 0; display: flex; justify-content: center;"> <li class="dropdown-mega"> <div style="display: flex;"><a href="/courses/" class="nav-link active" style="font-size: 19px; margin: 0px 15px; text-decoration: none;" data-tapped="1" aria-expanded="false" aria-haspopup="true">Courses</a><div style="position: relative;"><a href="#" class="accessible-menu" aria-expanded="false" aria-haspopup="true" role="button"><span class="visually-hidden accessible-label">Open Courses Mega Menu</span></a></div> </div> <div class="mega-menu hidden"> <div class="white-bg"> <div class="container tablet-container mobile-container"> <div class="mega-menu-wrapper"> <div class="mega-col"> <ul class="unstyled"> <li><a href="/subjects/business-essentials/" class="header-link bold2 skip-underline">Business Essentials</a><ul class="unstyled"> <li><a href="/courses/core/" class="black skip-underline">Credential of Readiness (CORe)</a></li> <li><a href="/courses/business-analytics/" class="black skip-underline">Business Analytics</a></li> <li><a href="/courses/economics-for-managers/" class="black skip-underline">Economics for Managers</a></li> <li><a href="/courses/financial-accounting/" class="black skip-underline">Financial Accounting</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/subjects/leadership-management/" class="header-link bold2 skip-underline">Leadership & Management</a><ul class="unstyled"> <li><a href="/courses/leadership-principles/" class="black skip-underline">Leadership Principles</a></li> <li><a href="/courses/management-essentials/" class="black skip-underline">Management Essentials</a></li> <li><a href="/courses/negotiation/" class="black skip-underline">Negotiation Mastery</a></li> <li><a href="/courses/organizational-leadership/" class="black skip-underline">Organizational Leadership</a></li> <li><a href="/courses/strategy-execution/" class="black skip-underline">Strategy Execution</a></li> <li><a href="/courses/power-influence-positive-impact/" class="black skip-underline">Power and Influence for Positive Impact</a></li> <li><a href="/courses/leadership-ethics-corporate-accountability/" class="black skip-underline">Leadership, Ethics, and Corporate Accountability</a></li> <li><a href="/courses/leading-change-organizational-renewal/" class="black skip-underline">Leading Change and Organizational Renewal</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/courses/climb/" class="header-link bold2 skip-underline">Credential of Leadership, Impact, and Management in Business (CLIMB)</a></li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li><a href="/subjects/entrepreneurship-innovation/" class="header-link bold2 skip-underline">Entrepreneurship & Innovation</a><ul class="unstyled"> <li><a href="/courses/entrepreneurship-essentials/" class="black skip-underline">Entrepreneurship Essentials</a></li> <li><a href="/courses/disruptive-strategy/" class="black skip-underline">Disruptive Strategy</a></li> <li><a href="/courses/negotiation/" class="black skip-underline">Negotiation Mastery</a></li> <li><a href="/courses/design-thinking-innovation/" class="black skip-underline">Design Thinking and Innovation</a></li> <li><a href="/courses/launching-tech-ventures/" class="black skip-underline">Launching Tech Ventures</a></li> <li><a href="/courses/winning-with-digital-platforms/" class="black skip-underline">Winning with Digital Platforms</a></li> <li><a href="/courses/leading-change-organizational-renewal/" class="black skip-underline">Leading Change and Organizational Renewal</a></li> <li><a href="/courses/entrepreneurial-marketing/" class="black skip-underline">Entrepreneurial Marketing</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/subjects/strategy/" class="header-link bold2 skip-underline">Strategy</a><ul class="unstyled"> <li><a href="/courses/strategy-execution/" class="black skip-underline">Strategy Execution</a></li> <li><a href="/courses/business-strategy/" class="black skip-underline">Business Strategy</a></li> <li><a href="/courses/economics-for-managers/" class="black skip-underline">Economics for Managers</a></li> <li><a href="/courses/disruptive-strategy/" class="black skip-underline">Disruptive Strategy</a></li> <li><a href="/courses/global-business/" class="black skip-underline">Global Business</a></li> <li><a href="/courses/sustainable-business-strategy/" class="black skip-underline">Sustainable Business Strategy</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/subjects/marketing/" class="header-link bold2 skip-underline">Marketing</a><ul class="unstyled"> <li><a href="/courses/digital-marketing-strategy/" class="black skip-underline">Digital Marketing Strategy</a></li> <li><a href="/courses/creating-brand-value/" class="black skip-underline">Creating Brand Value</a></li> <li><a href="/courses/entrepreneurial-marketing/" class="black skip-underline">Entrepreneurial Marketing</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/subjects/digital-transformation/" class="header-link bold2 skip-underline">Digital Transformation</a><ul class="unstyled"> <li><a href="/courses/winning-with-digital-platforms/" class="black skip-underline">Winning with Digital Platforms</a></li> <li><a href="/courses/ai-essentials-for-business/" class="black skip-underline">AI Essentials for Business</a></li> </ul> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li><a href="/subjects/finance-accounting/" class="header-link bold2 skip-underline">Finance & Accounting</a><ul class="unstyled"> <li><a href="/courses/financial-accounting/" class="black skip-underline">Financial Accounting</a></li> <li><a href="/courses/leading-with-finance/" class="black skip-underline">Leading with Finance</a></li> <li><a href="/courses/alternative-investments/" class="black skip-underline">Alternative Investments</a></li> <li><a href="/courses/sustainable-investing/" class="black skip-underline">Sustainable Investing</a></li> <li><a href="/courses/strategic-financial-analysis/" class="black skip-underline">Strategic Financial Analysis</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/subjects/business-society/" class="header-link bold2 skip-underline">Business in Society</a><ul class="unstyled"> <li><a href="/courses/sustainable-business-strategy/" class="black skip-underline">Sustainable Business Strategy</a></li> <li><a href="/courses/global-business/" class="black skip-underline">Global Business</a></li> <li><a href="/courses/sustainable-investing/" class="black skip-underline">Sustainable Investing</a></li> <li><a href="/courses/power-influence-positive-impact/" class="black skip-underline">Power and Influence for Positive Impact</a></li> <li><a href="/courses/leadership-ethics-corporate-accountability/" class="black skip-underline">Leadership, Ethics, and Corporate Accountability</a></li> <li><a href="/courses/business-climate-change/" class="black skip-underline">Business and Climate Change</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/courses/" class="header-link bold2 skip-underline">All Courses</a></li> </ul> </div> </div> </div> </div> </div> </li> <li class="dropdown-mega"> <div style="display: flex;"><a href="/organizations/" class="black nav-link" style="font-size: 19px; margin: 0px 15px; text-decoration: none;" data-tapped="2" aria-expanded="false" aria-haspopup="true">For Organizations</a><div style="position: relative;"><a href="#" class="accessible-menu" aria-expanded="false" aria-haspopup="true" role="button"><span class="visually-hidden accessible-label">Open For Organizations Mega Menu</span></a></div> </div> <div class="mega-menu hidden"> <div class="white-bg"> <div class="container tablet-container mobile-container"> <div class="mega-menu-wrapper"> <div class="mega-col"> <ul class="unstyled"> <li><a href="/organizations/corporate-training" class="header-link bold2 skip-underline">Corporate Learning</a><div style="padding-right: 20px;">Help your employees master essential business concepts, improve effectiveness, and expand leadership capabilities.</div> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li><a href="/organizations/academic-solutions" class="header-link bold2 skip-underline">Academic Solutions</a><div style="padding-right: 20px;">Integrate HBS Online courses into your curriculum to support programs and create unique educational opportunities.</div> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li><span class="header-link bold2 skip-underline">Need Help?</span><ul class="unstyled"> <li><a href="/more-info/faqs" class="black skip-underline">Frequently Asked Questions</a></li> <li><a href="/contact" class="black skip-underline">Contact Us</a></li> </ul> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"></ul> </div> </div> </div> </div> </div> </li> <li class="dropdown-mega"> <div style="display: flex;"><a href="/blog/" class="black nav-link" style="font-size: 19px; margin: 0px 15px; text-decoration: none;" data-tapped="3" aria-expanded="false" aria-haspopup="true">Insights</a><div style="position: relative;"><a href="#" class="accessible-menu" aria-expanded="false" aria-haspopup="true" role="button"><span class="visually-hidden accessible-label">Open Insights Mega Menu</span></a></div> </div> <div class="mega-menu hidden"> <div class="white-bg"> <div class="container tablet-container mobile-container"> <div class="mega-menu-wrapper"> <div class="mega-col"> <ul class="unstyled"> <li><a href="/blog/" class="header-link bold2 skip-underline">Business Insights Blog</a><ul class="unstyled"> <li><a href="/blog/?topic=Career+Development" class="black skip-underline">Career Development</a></li> <li><a href="/blog/?topic=Communication" class="black skip-underline">Communication</a></li> <li><a href="/blog/?topic=Decision-Making" class="black skip-underline">Decision-Making</a></li> <li><a href="/blog/?topic=Earning+Your+MBA" class="black skip-underline">Earning Your MBA</a></li> <li><a href="/blog/?topic=Entrepreneurship+%26+Innovation" class="black skip-underline">Entrepreneurship & Innovation</a></li> <li><a href="/blog/?topic=Finance" class="black skip-underline">Finance</a></li> <li><a href="/blog/?topic=Leadership" class="black skip-underline">Leadership</a></li> <li><a href="/blog/?topic=Management" class="black skip-underline">Management</a></li> <li><a href="/blog/?topic=Negotiation" class="black skip-underline">Negotiation</a></li> <li><a href="/blog/?topic=Strategy" class="black skip-underline">Strategy</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/blog/" class="header-link bold2 skip-underline">All Topics</a></li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li> <div class="photo-teaser"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--mEJZN6C2--/f_auto,c_fill,h_213,w_380,/v20200101/96C091115A1E47EE5398B0232FBF8D3F.jpg" class="fluid" alt="Learner on computer exploring HBS Online business lessons" width="380" height="213"><div class="shim8"></div> <div class="bold2"><a href="/free-online-business-courses/">Sample Business Lessons and E-Books</a></div> <p style="margin-bottom: 10px;">Gain new insights and knowledge from leading faculty and industry experts.</p> </div> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li> <div class="photo-teaser"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--ZNCUayM_--/f_auto,c_fill,h_213,w_380,/v20200101/4DE35B5C45AC4C2D5896971F169CF03C.jpg" class="fluid" alt="HBS Online Parlor Room podcast logo" width="380" height="213"><div class="shim8"></div> <div class="bold2"><a href="/podcast/" target="_blank">Podcast</a></div> <p style="margin-bottom: 10px;"><em>The Parlor Room</em>: Where business concepts come to life. Listen now on your favorite podcast platform.</p> </div> </li> </ul> </div> </div> </div> </div> </div> </li> <li class="dropdown-mega"> <div style="display: flex;"><a href="/more-info/" class="black nav-link" style="font-size: 19px; margin: 0px 15px; text-decoration: none;" data-tapped="4" aria-expanded="false" aria-haspopup="true">More Info</a><div style="position: relative;"><a href="#" class="accessible-menu" aria-expanded="false" aria-haspopup="true" role="button"><span class="visually-hidden accessible-label">Open More Info Mega Menu</span></a></div> </div> <div class="mega-menu hidden"> <div class="white-bg"> <div class="container tablet-container mobile-container"> <div class="mega-menu-wrapper"> <div class="mega-col"> <ul class="unstyled"> <li><a href="/more-info/learning-model/" class="header-link bold2 skip-underline">Learning Experience</a><div style="padding-right: 20px;">Master real-world business skills with our immersive platform and engaged community.</div> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/more-info/certificates-credentials-credits" class="header-link bold2 skip-underline">Certificates, Credentials, & Credits</a><div style="padding-right: 20px;">Learn how completing courses can boost your resume and move your career forward.</div> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li><a href="/more-info/learning-tracks" class="header-link bold2 skip-underline">Learning Tracks</a><div style="padding-right: 20px;">Take your career to the next level with this specialization.</div> <div class="shim40"></div> <div class="shim10"></div> </li> <li><span class="header-link bold2 skip-underline">Financing & Policies</span><ul class="unstyled"> <li><a href="/more-info/employer-reimbursement" class="black skip-underline">Employer Reimbursement</a></li> <li><a href="/more-info/payment-financial-aid/" class="black skip-underline">Payment & Financial Aid</a></li> <li><a href="/more-info/policies/" class="black skip-underline">Policies</a></li> </ul> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li><span class="header-link bold2 skip-underline">Connect</span><ul class="unstyled"> <li><a href="/more-info/student-stories/" class="black skip-underline">Student Stories</a></li> <li><a href="/more-info/community" class="black skip-underline">Community</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><span class="header-link bold2 skip-underline">Need Help?</span><ul class="unstyled"> <li><a href="/more-info/faqs" class="black skip-underline">Frequently Asked Questions</a></li> <li><a href="/request-more-information" class="black skip-underline">Request Information</a></li> <li><a href="https://account.myhbx.org/onlinesupport/s/contactsupport" class="black skip-underline">Support Portal</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="https://login.myhbx.org/login?service=https%3A%2F%2Fadmin3.myhbx.org%2Fsso" class="header-link bold2 skip-underline">Enroll Now</a></li> </ul> </div> </div> </div> </div> </div> </li> </ul> </nav> <div class="toolbar-btns" style="margin: 43px 30px 0px 30px; position: absolute; top: 0px; right: 0px;"><a href="/search" style="display: inline-block; float: left; margin-right: 30px;" class="black white-bg search-popup" role="button" aria-label="Open search dialog - Search website"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="width: 18px; height: 18px; margin-bottom:-3px;" aria-hidden="true" focusable="false"> <path fill="rgba(0,0,0,.6)" d="M23.809 21.646l-6.205-6.205c1.167-1.605 1.857-3.579 1.857-5.711 0-5.365-4.365-9.73-9.731-9.73-5.365 0-9.73 4.365-9.73 9.73 0 5.366 4.365 9.73 9.73 9.73 2.034 0 3.923-.627 5.487-1.698l6.238 6.238 2.354-2.354zm-20.955-11.916c0-3.792 3.085-6.877 6.877-6.877s6.877 3.085 6.877 6.877-3.085 6.877-6.877 6.877c-3.793 0-6.877-3.085-6.877-6.877z"/></svg></a><div class="show-login-dropdown" style="display: inline-block; float:left; position: relative; margin-top: -1px;"><a href="#" role="button" class="black light zen mobile-hidden login-link" aria-expanded="false" aria-haspopup="true">Login</a><div class="login-dropdown hidden"> <div class="login-border white-bg"><a href="https://courses.myhbx.org/" class="header-link bold2 skip-underline">My Courses</a><div>Access your courses and engage with your peers</div> <div class="shim20"></div><a href="https://account.myhbx.org/s/login/?startURL=https%3A%2F%2Faccount.myhbx.org" class="header-link bold2 skip-underline">My Account</a><div>Manage your account, enrollment, and payments.</div> </div> </div> </div><a href="#" class="universal-banner-menu-toggle" style="display: inline-block; float: left; margin-left: 30px;" aria-label="Toggle Flyout Menu"> <div class="universal-banner-hamburger"><span></span><span></span><span></span></div></a></div> <div id="universal-slider-nav" class="hidden"> <nav class="gamma-uc site-title" aria-label="HBS Homepage"><a href="https://www.hbs.edu" class="white slidernav-ancillarynav-hbs-home">HBS Home</a></nav> <div class="hr" style="opacity: 0.3"></div> <nav aria-label="HBS Home Main"> <ul class="epsilon-uc unstyled unbulleted"> <li><a href="https://www.hbs.edu/about" class="slidernav-ancillarynav-about">About HBS</a></li> <li><a href="https://www.hbs.edu/about/academic-programs" class="slidernav-ancillarynav-academic-programs">Academic Programs</a></li> <li><a href="https://www.alumni.hbs.edu" class="slidernav-ancillarynav-alumni">Alumni</a></li> <li><a href="https://www.hbs.edu/faculty" class="slidernav-ancillarynav-faculty-and-research">Faculty & Research</a></li> </ul> </nav> <div class="hr" style="opacity: 0.3"></div> <nav aria-label="HBS Home Utility"> <ul class="kappa-uc unstyled unbulleted"> <li><a href="https://www.library.hbs.edu/" class="slidernav-ancillarynav-baker-library">Baker Library</a></li> <li><a href="https://www.alumni.hbs.edu/giving" class="slidernav-ancillarynav-giving">Giving</a></li> <li><a href="https://hbr.org/" class="slidernav-ancillarynav-harvard-business-review">Harvard Business Review</a></li> <li><a href="https://www.hbs.edu/about/initiatives" class="slidernav-ancillarynav-initiatives">Initiatives</a></li> <li><a href="https://www.hbs.edu/news" class="slidernav-ancillarynav-news">News</a></li> <li><a href="https://www.hbs.edu/recruiting" class="slidernav-ancillarynav-recruit">Recruit</a></li> </ul> </nav> <div class="hr" style="opacity: 0.3"></div> <nav aria-label="Footer"> <ul class="kappa-uc unstyled unbulleted"> <li><a href="https://www.hbs.edu/maps/" class="slidernav-ancillarynav-map-directions">Map / Directions</a></li> </ul> </nav> </div> <div class="hidden"><a class="site-home" href="/">HBS Online</a><ul class="navbar"> <li><a href="/courses/" class="has-sub">Courses</a></li> <li><a href="/subjects/business-essentials/" class="sub first-sub ">Business Essentials</a></li> <li><a href="/subjects/leadership-management/" class="sub ">Leadership & Management</a></li> <li><a href="/courses/climb/" class="sub ">Credential of Leadership, Impact, and Management in Business (CLIMB)</a></li> <li><a href="/subjects/entrepreneurship-innovation/" class="sub ">Entrepreneurship & Innovation</a></li> <li><a href="/subjects/strategy/" class="sub ">Strategy</a></li> <li><a href="/subjects/marketing/" class="sub ">Marketing</a></li> <li><a href="/subjects/digital-transformation/" class="sub ">Digital Transformation</a></li> <li><a href="/subjects/finance-accounting/" class="sub ">Finance & Accounting</a></li> <li><a href="/subjects/business-society/" class="sub last-sub">Business in Society</a></li> <li><a href="/organizations/" class="">For Organizations</a></li> <li><a href="/blog/" class="">Insights</a></li> <li><a href="/more-info/" class="">More Info</a></li> </ul> <ul class="toolbar"> <li><a href="/about/">About</a></li> <li><a href="https://account.myhbx.org/onlinesupport/s/contactsupport">Support Portal</a></li> <li><a href="/about/media-coverage">Media Coverage</a></li> <li><a href="/about/donors">Founding Donors</a></li> <li><a href="/about/leadership-team">Leadership Team</a></li> <li><a href="/about/careers">Careers</a></li> <li><a href="https://courses.myhbx.org/">My Courses</a></li> <li><a href="https://account.myhbx.org/s/login/?startURL=https%3A%2F%2Faccount.myhbx.org">My Account</a></li> <li><a href="https://account.myhbx.org/s/login/?startURL=https%3A%2F%2Faccount.myhbx.org" class="btn white black-bg" style="padding: 8px 28px 8px 17px!important;">Enroll Now</a></li> </ul><button style="margin-top: 30px" class="site-header-button slider-backdrop-above slider-open btn-glass" data-target="flyout-navigation"><i class="icon24-menu"></i></button></div> </header><div class="mega-black-bg hidden"></div> <!-- STARTINDEX --> <div class="mainContainer link-controller" runat="server"> <main id="skipto-main" tabindex="-1" aria-label="Page content" class="hbso-main"> <div class="headerblue-bg page-header-online page-header " id="page-header-1"><picture> <source media="(max-width:650px)" srcset="https://cloudinary.hbs.edu/hbsit/image/upload/s--kJdeEu0a--/f_auto,c_fill,w_376,/v20200101/BFD4853B110AF62E1D7C044E29A0B9A8.jpg"><img fetchpriority="high" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--WnXpOS3L--/f_auto,c_fill,w_1402,/v20200101/85B9FE26C70FBEE0E6D61FBFF8BB2A27.jpg" alt=""></picture><div class="container tablet-container mobile-container online-breadcrumbs"> <ul class="nu responsive-breadcrumb toggle-container"> <li class="responsive-breadcrumb-toggle"><a href="#" class="toggle-button">…</a><span class="txt-arrow" aria-hidden="true">→</span></li> <li><a href="https://www.hbs.edu/Pages/default.aspx" class="ink">Harvard Business School</a><span class="txt-arrow" aria-hidden="true">→</span></li> <li><a href="/" class="ink">HBS Online</a><span class="txt-arrow" aria-hidden="true">→</span></li> <li> <div class="dropdown-container"><a class="ink nu dropdown-toggle" href="/courses/" role="button">Online Business Certificate Courses<span class="icon-select"></span></a><ul class="dropdown-menu nu"> <li><a href="/courses/" class="white">Online Business Certificate Courses</a><div class="divider inherit-bg"></div> </li> <li><a href="/subjects/business-essentials/" class="white">Business Essentials</a></li> <li><a href="/subjects/business-society/" class="white">Business in Society</a></li> <li><a href="/courses/business-strategy/" class="white">Business Strategy</a></li> <li><a href="/subjects/digital-transformation/" class="white">Digital Transformation</a></li> <li><a href="/subjects/entrepreneurship-innovation/" class="white">Entrepreneurship & Innovation</a></li> <li><a href="/subjects/finance-accounting/" class="white">Finance & Accounting</a></li> <li><a href="/subjects/leadership-management/" class="white">Leadership & Management</a></li> <li><a href="/courses/leadership-ethics-corporate-accountability/" class="white">Leadership, Ethics, and Corporate Accountability</a></li> <li><a href="/subjects/marketing/" class="white">Marketing</a></li> <li><a href="/subjects/strategy/" class="active inherit-color" aria-current="page">Strategy</a></li> </ul> </div><span class="txt-arrow" aria-hidden="true">→</span></li> <li><a href="/subjects/strategy/" class="ink" aria-current="page">Strategy</a><span class="txt-arrow" aria-hidden="true">→</span></li> </ul> </div> <div class="container tablet-container mobile-container main-content" style="z-index: 7;"> <div class="row-wrapper"> <div class="text-wrapper"> <div class="cap mobile-cap tablet-cap"></div> <div class="shim10"></div> <div class="shim40 mobile-visible"></div> <h1 class="beta">Strategy</h1> <p>Develop the global perspective, quantitative background, and creative problem-solving skills to take your strategy from formulation to execution.</p> <div class="proof-points"> <div class="proof-points-inner"> <div class="point"> <div class="number">90%</div> <p class="zen normal">Are more self-assured at work</p> </div> <div class="point"> <div class="number">10X</div> <p class="zen normal">Return on investment with an average $17,000 salary increase</p> </div> <div class="point"> <div class="number">87%</div> <p class="zen normal">Acquired new skills that were immediately applicable</p> </div> </div> <div class="source"><a href="#stats" class="mu normal">Source: 2022 surveys and course data</a></div> </div> <div class="base tablet-base mobile-base"></div> </div> <div class="video-wrapper" style="min-height: 225px; max-width: 578px;"> <div class="video-container " style="position:relative;" id="video-container-2" data-id="video-container-2" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_42upm1dp" class="widget-video-inline tile" target="_blank" aria-label="Play Video for Strategy"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--IJD3tgmJ--/f_auto,c_fill,h_325,w_578,/v20200101/F33133CD8342CF7F7E7BA15BC9830F81.jpg" class=" fluid" alt="" loading="lazy" width="578" height="325"></div> <div class="play-overlay" style="position: absolute;left: 50%;top:50%;"> <div style="position: relative; left: -50%;transform: translateY(-50%);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:ext="http://www.hbs.edu/" xmlns:xlink="http://www.w3.org/1999/xlink" class="play-icon" width="75" height="75" style="" viewBox="0 0 128 128" version="1.1" focusable="false"> <g fill-rule="evenodd"> <path d="M64 128C28.654 128 0 99.346 0 64 0 28.654 28.654 0 64 0c35.346 0 64 28.654 64 64 0 35.346-28.654 64-64 64z" fill="currentColor" fill-rule="nonzero"/> <path fill="#FFF" d="M90 64.5L54 33v63"/> </g></svg></div> </div> <div class="overlay"></div></a></div> <div class="mobile-visible"> <div class=""><a href="https://www.hbs.edu/about/video.aspx?v=1_42upm1dp" class="widget-video-embed tile" aria-label="Play Video for Strategy"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--IJD3tgmJ--/f_auto,c_fill,h_325,w_578,/v20200101/F33133CD8342CF7F7E7BA15BC9830F81.jpg" class="o fluid" alt="" width="578" height="325"></div></a></div> </div> </div> </div> </div> </div> </div> <div class="cap tablet-cap mobile-cap"></div> <div> <div class="shim1 mobile-hidden" style="margin-top:40px;margin-bottom:39px;"></div> <div class="shim1 tablet-hidden desktop-hidden" style="margin-top:23px;margin-bottom:22px;"></div> </div> <div class="course-cards container tablet-container mobile-container" data-wcm-edit-url="/online/Lists/CourseCardsGroupings/EditForm.aspx?ID=4"> <h2 class="kappa" style="border-bottom: 1px #d2d2d2 solid; padding-bottom: 8px;">Certificate Courses (6)</h2> <div class="shim30"></div> <div class="card-deck "> <div class="card lg-vertical card-vertical" data-wcm-edit-url="/online/Lists/coursecards/EditForm.aspx?ID=5"><a href="/courses/disruptive-strategy/" class="card-link" aria-label="Disruptive Strategy"></a><div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--S4xPgysr--/f_auto,c_fill,h_213,w_380,/v20200101/45C3BA0BBEFEAE270584D6603E9520CE.jpg" class="card-img-top" alt="" width="378" height="212"></div> <div class="card-content"> <div class="card-body"> <h3 class="card-title eta">Disruptive Strategy</h3> <div class="label">Professors Rory McDonald & Clayton Christensen</div> <p class="card-text">Strengthen your capacity to create winning strategies and bring innovations to market by discovering customer jobs to be done and aligning your business’s resources, processes, and profit formula.</p> </div> <div class="card-footer"><small class="full-width">6 weeks, 5 hrs/week<br> Enroll by January 16</small><small><strong>$1,850</strong></small><small class="label-slate">Certificate <span class="icon"><img loading="lazy" src="/online/PublishingImages/zero-degrees/Certificate.svg" alt="" width="25" height="22"></span></small></div> </div> </div> <div class="card lg-vertical card-vertical" data-wcm-edit-url="/online/Lists/coursecards/EditForm.aspx?ID=37"><a href="/courses/business-strategy/" class="card-link" aria-label="Business Strategy"></a><div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--6xfwK8rA--/f_auto,c_fill,h_213,w_380,/v20200101/76E56FE52F9898B2D4997396FBD86787.jpg" class="card-img-top" alt="" width="378" height="212"></div> <div class="card-content"> <div class="card-body"> <h3 class="card-title eta">Business Strategy</h3> <div class="label">Professor Felix Oberholzer-Gee</div> <p class="card-text">Formulate strategies to give your organization a competitive advantage, using a proven framework that creates value for customers, employees, and suppliers.</p> </div> <div class="card-footer"><small class="full-width">7 weeks, 5-6 hrs/week<br> Enroll by January 9</small><small><strong>$1,850</strong></small><small class="label-slate">Certificate <span class="icon"><img loading="lazy" src="/online/PublishingImages/zero-degrees/Certificate.svg" alt="" width="25" height="22"></span></small></div> </div> </div> <div class="card lg-vertical card-vertical" data-wcm-edit-url="/online/Lists/coursecards/EditForm.aspx?ID=18"><a href="/courses/strategy-execution/" class="card-link" aria-label="Strategy Execution"></a><div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--2OCLDLTU--/f_auto,c_fill,h_213,w_380,/v20200101/8D626158DD314D5F1D8888EB582D3C77.jpg" class="card-img-top" alt="" width="378" height="212"></div> <div class="card-content"> <div class="card-body"> <h3 class="card-title eta">Strategy Execution</h3> <div class="label">Professor Robert Simons</div> <p class="card-text">Gain the tools, skills, and frameworks to successfully implement strategy within your organization and drive impactful results.</p> </div> <div class="card-footer"><small class="full-width">8 weeks, 5-8 hrs/week<br> Enroll by January 2</small><small><strong>$1,850</strong></small><small class="label-slate">Certificate <span class="icon"><img loading="lazy" src="/online/PublishingImages/zero-degrees/Certificate.svg" alt="" width="25" height="22"></span></small></div> </div> </div> <div class="card lg-vertical card-vertical" data-wcm-edit-url="/online/Lists/coursecards/EditForm.aspx?ID=6"><a href="/courses/sustainable-business-strategy/" class="card-link" aria-label="Sustainable Business Strategy"></a><div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--O5nf1gxv--/f_auto,c_fill,h_213,w_380,/v20200101/B69B7E6D2FC0AEC1114B6EC918DE6816.jpg" class="card-img-top" alt="" width="378" height="212"></div> <div class="card-content"> <div class="card-body"> <h3 class="card-title eta">Sustainable Business Strategy</h3> <div class="label">Professor Rebecca Henderson</div> <p class="card-text">Become a purpose-driven leader by learning how to influence key stakeholders and integrate values into your work to catalyze system-level change.</p> </div> <div class="card-footer"><small class="full-width">3 weeks, 7-9 hrs/week<br> Enroll by February 6</small><small><strong>$1,850</strong></small><small class="label-slate">Certificate <span class="icon"><img loading="lazy" src="/online/PublishingImages/zero-degrees/Certificate.svg" alt="" width="25" height="22"></span></small></div> </div> </div> <div class="card lg-vertical card-vertical" data-wcm-edit-url="/online/Lists/coursecards/EditForm.aspx?ID=9"><a href="/courses/global-business/" class="card-link" aria-label="Global Business"></a><div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s---zqY97-o--/f_auto,c_fill,h_213,w_380,/v20200101/4C5D51949C91B60D5350DD74F1022C49.jpg" class="card-img-top" alt="" width="378" height="212"></div> <div class="card-content"> <div class="card-body"> <h3 class="card-title eta">Global Business</h3> <div class="label">Professor Forest Reinhardt</div> <p class="card-text">Understand how decisions affect markets and business on a global scale and prepare for the political, social, and economic factors driving change.</p> </div> <div class="card-footer"><small class="full-width">4 weeks, 6-8 hrs/week<br> Enroll by February 2</small><small><strong>$1,850</strong></small><small class="label-slate">Certificate <span class="icon"><img loading="lazy" src="/online/PublishingImages/zero-degrees/Certificate.svg" alt="" width="25" height="22"></span></small></div> </div> </div> <div class="card lg-vertical card-vertical" data-wcm-edit-url="/online/Lists/coursecards/EditForm.aspx?ID=3"><a href="/courses/economics-for-managers/" class="card-link" aria-label="Economics for Managers"></a><div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--vuKLixWf--/f_auto,c_fill,h_213,w_380,/v20200101/E6CF1069C1BCC2A8F8D7DAE47AA9051A.jpg" class="card-img-top" alt="" width="378" height="212"></div> <div class="card-content"> <div class="card-body"> <h3 class="card-title eta">Economics for Managers</h3> <div class="label">Professor Bharat Anand</div> <p class="card-text">Gain economic insights and learn how markets work and firms compete to craft successful business strategies.</p> </div> <div class="card-footer"><small class="full-width">8 weeks, 6-8 hrs/week<br> Enroll by January 16</small><small><strong>$1,850</strong></small><small class="label-slate">Certificate <span class="icon"><img loading="lazy" src="/online/PublishingImages/zero-degrees/Certificate.svg" alt="" width="25" height="22"></span></small></div> </div> </div> </div> <div class="shim12"></div> <div class="footer-text" style="text-align: center;"> <p class="paragraph normal add-border" style="display:inline-block;margin-bottom:0px;"><span class="icon" style="margin-right:10px;"><img src="/online/PublishingImages/zero-degrees/Specialization.svg" alt="" width="25" height="22"></span> Complete any three courses within this subject area to earn a <a href="/more-info/certificates-credentials-credits#certspecial">Certificate of Specialization in strategy</a>. Complete the year-long <a href="/courses/climb/">CLIMB program</a> to earn a Credential of Leadership, Impact, and Management in Business.</p> </div> </div> <div> <div class="shim1 " style="height:32px"></div> </div> <div class="course-cards container tablet-container mobile-container" data-wcm-edit-url=""> <div class="single-card "> <div class="card lg-horizontal card-horizontal" data-wcm-edit-url="/online/Lists/coursecards/EditForm.aspx?ID=42"><a href="/courses/climb/" class="card-link" aria-label="Credential of Leadership, Impact, and Management in Business (CLIMB)"></a><div class="label-red mu normal">7 Courses</div> <div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--StsVwFQr--/f_auto,c_fill,h_213,w_380,/v20200101/E35D4664D1081E2EFC38E8A2006ECC49.jpg" class="card-img-top" alt="" width="378" height="212"></div> <div class="card-content"> <div class="card-body"> <h2 class="card-title eta">Credential of Leadership, Impact, and Management in Business (CLIMB)</h2> <p class="card-text">CLIMB enables new and experienced leaders to ignite their careers with a combination of vital and forward-looking business skills, self-reflection, and an immersive cohort-based learning experience with a diverse global network.</p> </div> <div class="card-footer"><small class="full-width">1 year, 5-9 hrs/week<br> Apply by January 9th</small><small><strong>$15,000 (four installments of $3,750)</strong></small><small class="label-slate">Credential <span class="icon"><img loading="lazy" src="/online/PublishingImages/zero-degrees/Credential.svg" alt="" width="25" height="22"></span></small></div> </div> </div> </div> </div> <div> <div class="shim1 " style="height:48px"></div> </div> <h2 class="h2-fancy kappa-uc">RECOMMENDED LEARNING PATHWAYS</h2> <div> <div class="shim1 " style="height:32px"></div> </div> <div class=" "> <div class="container tablet-container mobile-container "> <div class="html body-content h2-beta h3-gamma h4-eta"> <p>Do you want to dive deeper into strategy to advance your career? By taking three courses in this subject area, you can earn an advanced Certificate of Specialization. With our past participant discount, you'll receive 30% off your second and third courses for a <b>total savings of $1,110</b>.</p> <p>Here are three learning pathways we recommend based on your career goals and stage.</p> </div> </div> </div> <div> <div class="shim1 " style="height:48px"></div> </div> <div class=" "> <div class="container tablet-container mobile-container "> <div class="html body-content h2-beta h3-gamma h4-eta"> <p><b>Strategy Foundations:</b> For those newer to strategy who would like to develop a strategic mindset and quantitative foundations. We recommend completing Economics for Managers before taking Business Strategy.</p> </div> </div> </div> <div> <div class="shim1 " style="height:32px"></div> </div> <div class=""> <div class="card-buttons container tablet-container mobile-container "> <ul class="unstyled multi-row-buttons"> <li class="span4"> <div><a href="/courses/economics-for-managers/" class="
 btn btn-card no-arrow hbsred white-bg bold2">Economics for Managers</a></div> </li> <li class="span4"> <div><a href="/courses/global-business/" class="
 btn btn-card no-arrow hbsred white-bg bold2">Global Business</a></div> </li> <li class="span4"> <div><a href="/courses/business-strategy/" class="
 btn btn-card no-arrow hbsred white-bg bold2">Business Strategy</a></div> </li> </ul> </div> </div> <div> <div class="shim1 " style="height:48px"></div> </div> <div class=" "> <div class="container tablet-container mobile-container "> <div class="html body-content h2-beta h3-gamma h4-eta"> <p><b>Practitioner's Toolkit:</b> For mid-career professionals seeking a practitioner’s toolkit in strategic decision-making and implementation. We recommend beginning this pathway with Business Strategy. </p> </div> </div> </div> <div> <div class="shim1 " style="height:32px"></div> </div> <div class=""> <div class="card-buttons container tablet-container mobile-container "> <ul class="unstyled multi-row-buttons"> <li class="span4"> <div><a href="/courses/business-strategy/" class="
 btn btn-card no-arrow hbsred white-bg bold2">Business Strategy</a></div> </li> <li class="span4"> <div><a href="/courses/disruptive-strategy/" class="
 btn btn-card no-arrow hbsred white-bg bold2">Disruptive Strategy</a></div> </li> <li class="span4"> <div><a href="/courses/strategy-execution/" class="
 btn btn-card no-arrow hbsred white-bg bold2">Strategy Execution</a></div> </li> </ul> </div> </div> <div> <div class="shim1 " style="height:48px"></div> </div> <div class=" "> <div class="container tablet-container mobile-container "> <div class="html body-content h2-beta h3-gamma h4-eta"> <p><b>Senior-Level Strategy:</b> For strategic visionaries at the mid-career to senior level looking for a competitive advantage to inspire and engage their organization to tackle what’s next. You can take the courses in any order.</p> </div> </div> </div> <div> <div class="shim1 " style="height:32px"></div> </div> <div class=""> <div class="card-buttons container tablet-container mobile-container "> <ul class="unstyled multi-row-buttons"> <li class="span4"> <div><a href="/courses/disruptive-strategy/" class="
 btn btn-card no-arrow hbsred white-bg bold2">Disruptive Strategy</a></div> </li> <li class="span4"> <div><a href="/courses/strategy-execution/" class="
 btn btn-card no-arrow hbsred white-bg bold2">Strategy Execution</a></div> </li> <li class="span4"> <div><a href="/courses/sustainable-business-strategy/" class="
 btn btn-card no-arrow hbsred white-bg bold2">Sustainable Business Strategy</a></div> </li> </ul> </div> </div> <div> <div class="shim1 mobile-hidden" style="margin-top:40px;margin-bottom:39px;"></div> <div class="shim1 tablet-hidden desktop-hidden" style="margin-top:23px;margin-bottom:22px;"></div> </div> <div class="light-gray1-bg"> <div class="certificates triple header" style="background-size: auto 500px;"> <div class="container tablet-container mobile-container"> <h2 class="h2-fancy kappa-uc">What You Earn</h2> <div class="shim40 mobile-hidden"></div> <div class="shim25 mobile-visible"></div> <div class="certificate-wrapper" style=""> <div class="certificate" style="max-width: 33.33%;flex: 0 0 33.33%;"> <div class="certificate-image "><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--msYIDvRm--/f_auto,c_fill,e_sharpen:300,h_422,w_326,/v20200101/170007B4214BE2A05484D0639448EC3F.jpg" alt="Certificate of Completion" width="272" height="352"></div> <div class="certificate-info center"> <div class="icon"><img loading="lazy" src="/online/PublishingImages/zero-degrees/Certificate.svg" alt="" width="25" height="22"></div> <h3><strong>Certificate of Completion</strong></h3> <p style="margin-bottom: 0px;"> <Blurb>Take any individual course to earn a Certificate of Completion and boost your resume.</Blurb> </p> </div> <div class="shim40 mobile-visible"></div> </div> <div class="certificate" style="max-width: 33.33%;flex: 0 0 33.33%;"> <div class="certificate-image "><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--FyQBJJQT--/f_auto,c_fill,e_sharpen:300,h_422,w_326,/v20200101/F2B96385F450413C3855A0D45F21E3BE.jpg" alt="Certificate of Specialization" width="272" height="352"></div> <div class="certificate-info center"> <div class="icon"><img loading="lazy" src="/online/PublishingImages/zero-degrees/Certificate.svg" alt="" width="25" height="22"></div> <h3><strong>Certificate of Specialization</strong></h3> <p style="margin-bottom: 0px;"> <Blurb>Complete any three courses within this subject area to earn a Certificate of Specialization and signify your deep expertise in Strategy.</Blurb> </p> </div> <div class="shim40 mobile-visible"></div> </div> <div class="certificate" style="max-width: 33.33%;flex: 0 0 33.33%;"> <div class="certificate-image "><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--3MxIIg-2--/f_auto,c_fill,e_sharpen:300,h_422,w_326,/v20200101/53CE38B538C9942E4A827E36257A3A7F.jpg" alt="Credential of Leadership, Impact, and Management in Business" width="272" height="352"></div> <div class="certificate-info center"> <div class="icon"><img loading="lazy" src="/online/PublishingImages/zero-degrees/Certificate.svg" alt="" width="25" height="22"></div> <h3><strong>Credential of Leadership, Impact, and Management in Business (CLIMB)</strong></h3> <p style="margin-bottom: 0px;"> <Blurb>Complete the year-long <a href="/courses/climb/">CLIMB program</a>, including seven courses and a capstone project, to earn a Credential of Leadership, Impact, and Management in Business.</Blurb> </p> </div> </div> </div> <div class="center"> <div class="shim40"></div> <div class="shim8"></div> <div><a href="/more-info/certificates-credentials-credits" class="
 btn btn-secondary-small hbsred white-bg">Learn More about what you earn</a></div> </div> </div> </div> </div> <div class="light-gray1-bg"> <div class="reviews container tablet-container mobile-container" data-wcm-edit-url="/online/Lists/QuotesGroups/EditForm.aspx?ID=5"> <h2 class="h2-fancy kappa-uc">What Learners are Saying</h2> <div class="shim40 mobile-hidden"></div> <div class="shim25 mobile-visible"></div> <div class="row tablet-row mobile-row"> <div class="span4"> <div class="quote-box equal-heights-item" data-wcm-edit-url="/online/Lists/Quotes/EditForm.aspx?ID=11"> <p class="quote equal-heights-item">I've been able to understand the macroeconomic policies that are being implemented by my country and the implications they have on our lives, equipping me to make better decisions.</p> <div class="quote-footer"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--ghJGws1j--/f_auto,c_fill,w_55,/v20200101/DFCF28756071AB28DA25916BA6548C3D.jpg" alt=""><div style="overflow: hidden"><strong>Daniela Fierro Touché</strong><br>Administration and Registration Analyst<br><a href="/courses/global-business/">Global Business</a></div> </div> </div> <div class="shim20 desktop-hidden"></div> </div> <div class="span4"> <div class="quote-box equal-heights-item" data-wcm-edit-url="/online/Lists/Quotes/EditForm.aspx?ID=2"> <p class="quote equal-heights-item">Disruptive Strategy has given me confidence and clarity in my decisions, and I can already see the material impact of applying this model and mindset to our business and culture.</p> <div class="quote-footer"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--atRr9r-V--/f_auto,c_fill,w_55,/v20200101/89BF2BE31C5EEA100A17551A85B43634.jpg" alt=""><div style="overflow: hidden"><strong>Dave Nelson</strong><br>Head of Sales at WegoWise<br><a href="/courses/disruptive-strategy/">Disruptive Strategy</a></div> </div> </div> <div class="shim20 desktop-hidden"></div> </div> <div class="span4"> <div class="quote-box equal-heights-item" data-wcm-edit-url="/online/Lists/Quotes/EditForm.aspx?ID=16"> <p class="quote equal-heights-item">The course has completely changed me today. I feel like a new person, with a new thought process, driven by purpose, committed to doing the right thing.</p> <div class="quote-footer"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--t4MUG9WD--/f_auto,c_fill,w_55,/v20200101/55B804E2318AF7C33B42B99AF6E5077E.jpg" alt=""><div style="overflow: hidden"><strong>Mayank Dubey</strong><br>Manager, Marketing Communications<br><a href="/courses/sustainable-business-strategy/">Sustainable Business Strategy</a></div> </div> </div> </div> </div> </div> </div> <div class="icon-teasers fullbleed lazy-img " style="background-image:url(https://cloudinary.hbs.edu/hbsit/image/upload/s--chwsnY6j--/f_auto,c_fill,w_1440,/v20200101/C065805B48D5530BD53EDBDFE4A880CE.jpg);"> <div class="container tablet-container mobile-container"> <div class="white-bg teaser-wrapper center"> <h2 class="h2-fancy kappa-uc" id="hbs">What sets HBS Online apart?</h2> <div class="shim15"></div> <div style="margin-bottom: 40px;"> <Blurb>Our flexible, online programs are designed to bring the Harvard Business School classroom to you, and are built around three key characteristics:</Blurb> </div> <div class="icon-items" style="display:flex;justify-content:center;"> <div class="icon-teaser center card-item"> <div class="equal-heights-item" style="width: 45px; margin: 0 auto; padding-bottom: 13px; box-sizing: border-box;"> <div class="crimson"><img loading="lazy" src="/PublishingImages/icons/2020/icons_globeV2_96x96.svg" class="fluid " alt=""></div> </div> <h3><span class="kappa">Real-World Cases</span></h3> <div class="shim10"></div> <div class="zen regular" style="line-height: 22px; ">Apply your learning through real-world examples and experience Harvard Business School’s signature case method. Business leaders will share challenges they’ve faced. As the story unfolds, you’ll leverage course concepts, vital tools and frameworks, and the diversity of your peers’ perspectives to analyze the problem and determine a path forward.</div> </div> <div class="shim40 mobile-visible"></div> <div class="icon-teaser center card-item"> <div class="equal-heights-item" style="width: 45px; margin: 0 auto; padding-bottom: 13px; box-sizing: border-box;"> <div class="crimson"><img loading="lazy" src="/PublishingImages/icons/2020/icons_TurningGear_96x96.svg" class="fluid " alt=""></div> </div> <h3><span class="kappa">Active</span></h3> <div class="shim10"></div> <div class="zen regular" style="line-height: 22px; ">Immerse yourself in a dynamic, interactive learning experience. You’ll engage in a new activity every three to five minutes and apply your knowledge through polls, quizzes, and problem-solving exercises designed to accelerate and reinforce your learning. Exchange ideas with your classmates, broaden your perspective, and challenge your worldview.</div> </div> <div class="shim40 mobile-visible"></div> <div class="icon-teaser center card-item"> <div class="equal-heights-item" style="width: 45px; margin: 0 auto; padding-bottom: 13px; box-sizing: border-box;"> <div class="crimson"><img loading="lazy" src="/PublishingImages/icons/2020/icons_network_96x96.svg" class="fluid " alt=""></div> </div> <h3><span class="kappa">Social</span></h3> <div class="shim10"></div> <div class="zen regular" style="line-height: 22px; ">Join a global community of business professionals. Learn from and network with peers before, during, and after your course. Ask questions, collaborate, give feedback, and share experiences and expertise across industries to grow or transition your career. You’ll build lasting connections that support you wherever life takes you next.</div> </div> </div> <div class="center"> <div class="shim40"></div> <div class="shim8"></div> <div><a href="/more-info/learning-model/" class="
 btn btn-secondary-small hbsred white-bg">Learn More about the HBS Online Learning Model</a></div> </div> </div> </div> </div> <div> <div class="shim1 mobile-hidden" style="margin-top:40px;margin-bottom:39px;"></div> <div class="shim1 tablet-hidden desktop-hidden" style="margin-top:23px;margin-bottom:22px;"></div> </div> <div data-wcm-edit-url="/online/Lists/GlobalSettings/EditForm.aspx?ID=7"> <div class="competitive-table container tablet-container mobile-container"> <h2 class="h2-fancy kappa-uc">HBS Online vs. Other Top Business Schools with Online, Asynchronous Courses</h2> <div class="shim40 mobile-hidden"></div> <div class="shim25 mobile-visible"></div> <table class="competitive-table"> <thead> <tr> <th class="mobile-hidden"></th> <th></th> <th class="bold2"><span class="mobile-hidden">HBS Online</span><span class="mobile-visible">HBSO</span></th> <th class="bold2">Others</th> </tr> </thead> <tbody> <tr> <td class="mobile-hidden"><img loading="lazy" src="/online/PublishingImages/icons/target.svg" width="45" height="45" style="width: 45px; max-height: 45px;" alt=""></td> <td>Considered more impactful than other online programs by learners*</td> <td class="bold2"> <div class="icon-set"> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/yes.svg" width="35" height="35" style="width: 35px" alt=""></div>Yes</div> </td> <td class="bold2"> <div class="icon-set"> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/no.svg" width="35" height="35" style="width: 35px" alt=""></div>No</div> </td> </tr> <tr> <td class="mobile-hidden"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_check_48x48.svg" width="45" height="45" style="width: 45px; max-height: 45px;" alt=""></td> <td>The preferred brand among prospective online learners*</td> <td class="bold2"> <div class="icon-set"> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/yes.svg" width="35" height="35" style="width: 35px" alt=""></div>Yes</div> </td> <td class="bold2"> <div class="icon-set"> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/no.svg" width="35" height="35" style="width: 35px" alt=""></div>No</div> </td> </tr> <tr> <td class="mobile-hidden"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_briefcase_96x96.svg" width="45" height="45" style="width: 45px; max-height: 45px;" alt=""></td> <td>Reimagined the case study method through a proprietary platform featuring courses created by renowned faculty</td> <td class="bold2"> <div class="icon-set"> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/yes.svg" width="35" height="35" style="width: 35px" alt=""></div>Yes</div> </td> <td class="bold2"> <div class="icon-set"> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/no.svg" width="35" height="35" style="width: 35px" alt=""></div>No</div> </td> </tr> <tr> <td class="mobile-hidden"><img loading="lazy" src="/online/PublishingImages/icons/network.svg" width="45" height="45" style="width: 45px; max-height: 45px;" alt=""></td> <td>Collaboration with fellow online learners through unique simulations and interactive activities</td> <td class="bold2"> <div class="icon-set"> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/yes.svg" width="35" height="35" style="width: 35px" alt=""></div>Yes</div> </td> <td class="bold2"> <div class="icon-set"> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/some.svg" width="35" height="35" style="width: 35px" alt=""></div>Some</div> </td> </tr> <tr> <td class="mobile-hidden"><img loading="lazy" src="/online/PublishingImages/icons/pricetag.svg" width="45" height="45" style="width: 45px; max-height: 45px;" alt=""></td> <td>Discount for repeat participants</td> <td class="bold2"> <div class="icon-set"> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/yes.svg" width="35" height="35" style="width: 35px" alt=""></div>Yes</div> </td> <td class="bold2"> <div class="icon-set"> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/some.svg" width="35" height="35" style="width: 35px" alt=""></div>Some</div> </td> </tr> <tr> <td class="mobile-hidden"><img loading="lazy" src="/online/PublishingImages/icons/certificate_vertical.svg" width="45" height="45" style="width: 45px; max-height: 45px;" alt=""></td> <td>Certificate awarded upon completion of program</td> <td class="bold2"> <div class="icon-set"> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/yes.svg" width="35" height="35" style="width: 35px" alt=""></div>Yes</div> </td> <td class="bold2"> <div class="icon-set"> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/some.svg" width="35" height="35" style="width: 35px" alt=""></div>Some</div> </td> </tr> <tr> <td class="mobile-hidden"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_globeV1_96x96.svg" width="45" height="45" style="width: 45px; max-height: 45px;" alt=""></td> <td>Invitation to a global professional network, including the HBS Online Connext conference, HBS faculty events, and HBS Online Community</td> <td class="bold2"> <div class="icon-set"> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/yes.svg" width="35" height="35" style="width: 35px" alt=""></div>Yes</div> </td> <td class="bold2"> <div class="icon-set"> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/no.svg" width="35" height="35" style="width: 35px" alt=""></div>No</div> </td> </tr> </tbody> </table> <div class="shim30"></div> <div class="zen regular" style="color: #59666F;">*Considered more impactful than other online programs (From a 2023 survey of participants across all HBS Online programs, conducted by City Square Associates). Better overall experience (From a 2023 survey of prospective learners, conducted by City Square Associates).</div> </div> </div> <div> <div class="shim1 mobile-hidden" style="margin-top:40px;margin-bottom:39px;"></div> <div class="shim1 tablet-hidden desktop-hidden" style="margin-top:23px;margin-bottom:22px;"></div> </div> <div class="light-gray1-bg"> <div class="promo-cards container tablet-container mobile-container"> <h2 class="h2-fancy kappa-uc">Related Content</h2> <div class="shim40 mobile-hidden"></div> <div class="shim25 mobile-visible"></div> <div class="card white-bg" data-wcm-edit-url="/online/Lists/PromoCards/EditForm.aspx?ID=19"> <div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--LuCuhCR0--/f_auto,c_fill,h_265,w_390,/v20200101/F37B4D51DD60FDB904B5FAF08003D96D.jpg" class="fluid" alt="" width="390" height="265"></div> <div class="card-body"> <div class="header-body"> <div class="mu">Free Strategy Course Flowchart</div> <div class="shim2"></div> <h3 class="eta"><a href="https://info.email.online.hbs.edu/strategy-flowchart" rel="nofollow">Which HBS Online Strategy Course Is Right for You?</a></h3> <div class="shim8"></div> </div> <div class="text-body"> <div class="card-text"> <Blurb>This flowchart will help you determine which HBS Online strategy course best aligns with your career level and experience, learning objectives, and educational goals.</Blurb> </div> <div class="shim20"></div> <div><a href="https://info.email.online.hbs.edu/strategy-flowchart" rel="nofollow" class="
 btn btn-secondary-small hbsred white-bg" id="related-item-1" aria-label="Access Your Free Flowchart">Access Your Free Flowchart</a></div> </div> </div> </div> <div class="shim20"></div> <div class="card white-bg" data-wcm-edit-url="/online/Lists/PromoCards/EditForm.aspx?ID=16"> <div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s---wYsCvCM--/f_auto,c_fill,h_265,w_390,/v20200101/97BC62C0C93393579743528DE7AE5745.jpg" class="fluid" alt="" width="390" height="265"></div> <div class="card-body"> <div class="header-body"> <div class="mu">Free E-Book</div> <div class="shim2"></div> <h3 class="eta"><a href="https://info.email.online.hbs.edu/strategy-formulation-ebook" rel="nofollow">How to Formulate a Successful Business Strategy</a></h3> <div class="shim8"></div> </div> <div class="text-body"> <div class="card-text"> <Blurb>This guide will equip you with the tools, frameworks, and knowledge to formulate a successful business strategy to propel your organization forward.</Blurb> </div> <div class="shim20"></div> <div><a href="https://info.email.online.hbs.edu/strategy-formulation-ebook" rel="nofollow" class="
 btn btn-secondary-small hbsred white-bg" id="related-item-2" aria-label="Access Your Free E-Book: Strategy Formulation E-Book">Access Your Free E-book</a></div> </div> </div> </div> </div> </div> <div class="light-gray1-bg"> <div class="card-buttons container tablet-container mobile-container has-bg"> <h2 class="h2-fancy kappa-uc">You May Also Be Interested In</h2> <div class="shim40"></div> <ul class="buttons-wrapper unstyled"> <li> <div><a href="/subjects/leadership-management/" class="
 btn btn-card no-arrow hbsred white-bg bold2">Leadership & Management</a></div> </li> <li> <div><a href="/subjects/entrepreneurship-innovation/" class="
 btn btn-card no-arrow hbsred white-bg bold2">Entrepreneurship & Innovation</a></div> </li> <li> <div><a href="/subjects/business-essentials/" class="
 btn btn-card no-arrow hbsred white-bg bold2">Business Essentials</a></div> </li> <li> <div><a href="/subjects/finance-accounting/" class="
 btn btn-card no-arrow hbsred white-bg bold2">Finance & Accounting</a></div> </li> <li> <div><a href="/subjects/business-society/" class="
 btn btn-card no-arrow hbsred white-bg bold2">Business in Society</a></div> </li> <li> <div><a href="/subjects/marketing" class="
 btn btn-card no-arrow hbsred white-bg bold2">Marketing</a></div> </li> </ul> <div class="slate-gray mu normal sub-text" id="stats">90% are more self-assured at work, 10x return on investment, 87% acquired new skills that were immediately applicable — From two 2022 surveys of past participants across all HBS Online programs, conducted by City Square Associates.</div> </div> </div> </main> </div> <!-- ENDINDEX --> <div class="clear"></div> </div> </div><footer role="contentinfo"> <div class="responsive-framework grid-framework color-framework type-framework component-framework pattern-framework js-framework crawler-noindex noindex"> <div class="ink-black-bg white h2-kappa"> <div class="container mobile-container tablet-container link-controller"> <div class="shim40 mobile-hidden"></div> <div class=" white"> <div class=""> <div class="row tablet-row mobile-row faqs"> <div class="span2"> </div> <div class="span8"> <div id="faqs1"></div><a href="/more-info/faqs" class="white" style="float: right; display: inline-block; margin-top: 8px;">All FAQs</a><h3 class="eta" data-wcm-edit-url="/online/Lists/GlobalSettings/EditForm.aspx?ID=1">Top FAQs</h3> <div class="shim10"></div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=958"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-1-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>How are HBS Online courses delivered?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-1-faqs1"> <div class="shim20"></div><p><strong>We offer self-paced programs (with weekly deadlines) on the <a href="/more-info/learning-model/" target="_blank">HBS Online course platform</a></strong>.</p> <p>Our platform features short, highly produced videos of HBS faculty and guest business experts, interactive graphs and exercises, cold calls to keep you engaged, and opportunities to contribute to a vibrant online community.</p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=962"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-2-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>Are HBS Online programs available in languages other than English?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-2-faqs1"> <div class="shim20"></div><p>We expect to offer our courses in additional languages in the future but, at this time, HBS Online can only be provided in English.</p> <p>All course content is delivered in written English. Closed captioning in English is available for all videos. There are no live interactions during the course that requires the learner to speak English. Coursework must be completed in English.</p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=957"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-3-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>Do I need to come to campus to participate in HBS Online programs?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-3-faqs1"> <div class="shim20"></div><p>No, all of our programs are 100 percent online, and available to participants regardless of their location. </p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=970"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-4-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>How do I enroll in a course?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-4-faqs1"> <div class="shim20"></div><p><strong>Certificate Programs</strong></p> <p>HBS Online welcomes committed learners wherever they are—in the world and their careers—irrespective of their professional experience or academic background. To extend the reach of HBS Online, we no longer require an application for our certificate programs. (Applications are still required for our credential programs: CORe and CLIMB.) You can now immediately enroll and start taking the next step in your career.</p> <p>All programs require the completion of a brief <a href="https://account.myhbx.org/s/login/?startURL=https://account.myhbx.org/">online enrollment form</a> before payment. If you are new to HBS Online, you will be required to set up an account before enrolling in the program of your choice.</p> <p>Our easy online enrollment form is free, and no special documentation is required. All participants must be at least 18 years of age, proficient in English, and committed to learning and engaging with fellow participants throughout the program.<br /></p> <p>Updates to your enrollment status will be shown on your <a href="https://account.myhbx.org/s/login/" target="_blank">account page</a>. HBS Online does not use race, gender, ethnicity, or any protected class as criteria for enrollment for any HBS Online program.</p> <p><strong>Credential Programs</strong></p> <p>HBS Online's <a href="https://online.hbs.edu/courses/core/">CORe</a> and <a href="https://online.hbs.edu/courses/climb/">CLIMB</a> programs require the completion of a brief application. The applications vary slightly, but all ask for some personal background information. <a href="https://account.myhbx.org/s/login/?startURL=https%3A//account.myhbx.org/&__cr_user=87cf15b370a238eb430369f37eceea3b&__cr_session=111d6ce4c5077402f2e7a1a8676c57e2&fsuid=%23Z1A3E%236426682453118976%3A4767530102329344%3A%3A%3A%23%2F1712317979" target="“_blank”">You can apply for and enroll in programs here</a>. If you are new to HBS Online, you will be required to set up an account before starting an application for the program of your choice.</p> <p>Our easy online application is free, and no special documentation is required. All participants must be at least 18 years of age, proficient in English, and committed to learning and engaging with fellow participants throughout the program.<br /></p> <p>Updates to your application and enrollment status will be shown on your <a href="https://account.myhbx.org/s/login/?__cr_user=87cf15b370a238eb430369f37eceea3b&__cr_session=111d6ce4c5077402f2e7a1a8676c57e2&fsuid=%23Z1A3E%236426682453118976%3A4767530102329344%3A%3A%3A%23%2F1712317979" target="_blank">account page</a>. We confirm enrollment eligibility within one week of your application for CORe and three weeks for CLIMB. HBS Online does not use race, gender, ethnicity, or any protected class as criteria for admissions for any HBS Online program.<strong><br /></strong></p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=1384"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-5-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>Does Harvard Business School Online offer an online MBA?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-5-faqs1"> <div class="shim20"></div><p>No, Harvard Business School Online offers business certificate programs.</p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=977"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-6-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>What are my payment options?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-6-faqs1"> <div class="shim20"></div><p>We accept payments via credit card, wire transfer, Western Union, and (when available) bank loan. Some candidates may qualify for scholarships or financial aid, which will be credited against the Program Fee once eligibility is determined. Please refer to the <a href="/more-info/payment-financial-aid/">Payment & Financial Aid page</a> for further information.</p> <p>We also allow you to split your payment across 2 separate credit card transactions or send a payment link email to another person on your behalf. If splitting your payment into 2 transactions, a minimum payment of $350 is required for the first transaction.</p> <p>In all cases, net Program Fees must be paid in full (in US Dollars) to complete registration.</p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=980"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-7-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>What are the policies for refunds and deferrals?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-7-faqs1"> <div class="shim20"></div><p>After enrolling in a program, you may request a withdrawal with refund (minus a $100 nonrefundable enrollment fee) <strong>up until 24 hours after the start of your program.</strong> Please review the <a href="/more-info/policies/#change-program-status">Program Policies page</a> for more details on refunds and deferrals. If your employer has contracted with HBS Online for participation in a program, or if you elect to enroll in the <a href="/courses/core/undergraduate-credit/">undergraduate credit option </a>of the Credential of Readiness (CORe) program, note that policies for these options may differ.</p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> </div> <div class="span2"> </div> </div> </div> </div> <div class="shim40 mobile-hidden"></div> <div class="shim10"></div> <div class="hr" style="margin: 10px 0px; background-color: white; opacity: 1;"></div> <div class="footer-bottom" style="position: relative;"> <div class="shim40 mobile-visible"></div> <div class="shim40 mobile-visible"></div> <h3 style="font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;">Sign up for News & Announcements</h3> <div class="shim14"></div> <div class="signup white" id="footer-signup-form"> <form action="https://info.email.online.hbs.edu/Newsletter-formsubmission" method="post"> <div class="hs_email hs-email hs-fieldtype-text hs-form-field"><label for="email">Email*</label><br><input type="text" class="input_email" id="email" autocomplete="email" name="emailaddressnews" value="" onfocusout="newsval()" onfocusin="focusinfuncnews()"><ul class="formul" style="color:#fff"> <li id="err_1" tabindex="-1" style="display: none; margin-left: -16px;"> • Please complete this required field. </li> <li id="err_2" tabindex="-1" style="display: none; margin-left: -16px;"> • Email must be formatted correctly. </li> </ul> </div> <div class="richtext"></div> <div class="eremail"> <ul style="color:#fff"> <li id="err__3" tabindex="-1" style="display: none; margin-left: -16px;"> • Please complete all required fields. </li> </ul> </div><input name="footersubmitnews" type="hidden" value="true"><input id="footsbt" type="submit" value="Submit" class="button-primary largesbt" onclick="formval()"></form> </div> <div class="shim40"></div> <ul class="linear social-media" style="position: absolute; top: 0; right: 0; margin-top: 30px;"> <li><a href="https://twitter.com/online_HBS" class="fadein-on-hover ext" aria-label="HBS Online Twitter - opens in a new window" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" width="17" height="17" viewBox="0 0 24 24" style="width: 22px; height: 22px;"> <path fill="#D8D8D8" d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/></svg></a></li> <li><a href="https://facebook.com/onlineHBS" class="fadein-on-hover ext" aria-label="HBS Online Facebook - opens in a new window" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" width="16" height="16" viewBox="0 0 24 24" style="width: 22px; height: 22px;"> <path fill="#D8D8D8" d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/></svg></a></li> <li><a href="https://linkedin.com/school/onlineHBS" class="fadein-on-hover ext" aria-label="HBS Online LinkedIn - opens in a new window" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" width="16" height="16" viewBox="0 0 24 24" style="width: 22px; height: 22px;"> <path fill="#D8D8D8" d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z"/></svg></a></li> <li><a href="https://www.youtube.com/c/HBSOnline" class="fadein-on-hover ext" aria-label="HBS Online YouTube - opens in a new window" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" width="18" height="18" viewBox="0 0 24 24" style="width: 22px; height: 22px;"> <path fill="#D8D8D8" d="M4.652 0h1.44l.988 3.702.916-3.702h1.454l-1.665 5.505v3.757h-1.431v-3.757l-1.702-5.505zm6.594 2.373c-1.119 0-1.861.74-1.861 1.835v3.349c0 1.204.629 1.831 1.861 1.831 1.022 0 1.826-.683 1.826-1.831v-3.349c0-1.069-.797-1.835-1.826-1.835zm.531 5.127c0 .372-.19.646-.532.646-.351 0-.554-.287-.554-.646v-3.179c0-.374.172-.651.529-.651.39 0 .557.269.557.651v3.179zm4.729-5.07v5.186c-.155.194-.5.512-.747.512-.271 0-.338-.186-.338-.46v-5.238h-1.27v5.71c0 .675.206 1.22.887 1.22.384 0 .918-.2 1.468-.853v.754h1.27v-6.831h-1.27zm2.203 13.858c-.448 0-.541.315-.541.763v.659h1.069v-.66c.001-.44-.092-.762-.528-.762zm-4.703.04c-.084.043-.167.109-.25.198v4.055c.099.106.194.182.287.229.197.1.485.107.619-.067.07-.092.105-.241.105-.449v-3.359c0-.22-.043-.386-.129-.5-.147-.193-.42-.214-.632-.107zm4.827-5.195c-2.604-.177-11.066-.177-13.666 0-2.814.192-3.146 1.892-3.167 6.367.021 4.467.35 6.175 3.167 6.367 2.6.177 11.062.177 13.666 0 2.814-.192 3.146-1.893 3.167-6.367-.021-4.467-.35-6.175-3.167-6.367zm-12.324 10.686h-1.363v-7.54h-1.41v-1.28h4.182v1.28h-1.41v7.54zm4.846 0h-1.21v-.718c-.223.265-.455.467-.696.605-.652.374-1.547.365-1.547-.955v-5.438h1.209v4.988c0 .262.063.438.322.438.236 0 .564-.303.711-.487v-4.939h1.21v6.506zm4.657-1.348c0 .805-.301 1.431-1.106 1.431-.443 0-.812-.162-1.149-.583v.5h-1.221v-8.82h1.221v2.84c.273-.333.644-.608 1.076-.608.886 0 1.18.749 1.18 1.631v3.609zm4.471-1.752h-2.314v1.228c0 .488.042.91.528.91.511 0 .541-.344.541-.91v-.452h1.245v.489c0 1.253-.538 2.013-1.813 2.013-1.155 0-1.746-.842-1.746-2.013v-2.921c0-1.129.746-1.914 1.837-1.914 1.161 0 1.721.738 1.721 1.914v1.656z"/></svg></a></li> <li><a href="https://instagram.com/onlineHBS" class="fadein-on-hover ext" aria-label="HBS Online Instagram - opens in a new window" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" style="width: 22px; height: 22px;"> <path fill="#D8D8D8" d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg></a></li> <li><a href="https://www.tiktok.com/@onlinehbs" class="fadein-on-hover ext" aria-label="HBS Online TikTok - opens in a new window" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" width="24" height="24" viewBox="0 0 16 16" style="width:22px; height: 22px;"> <path fill="#D8D8D8" d="M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3V0Z"/></svg></a></li> </ul> <div class="row tablet-row mobile-row"> <div class="span3 tablet-span3"> <h3 style="font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;">Subject Areas</h3> <div class="shim16"></div> <ul class="unbulleted"> <li style="margin-bottom: 0px;"><a href="/subjects/business-essentials/" class="normal white skip-underline">Business Essentials</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/leadership-management/" class="normal white skip-underline">Leadership & Management</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/entrepreneurship-innovation/" class="normal white skip-underline">Entrepreneurship & Innovation</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/strategy/" class="normal white skip-underline">Strategy</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/marketing/" class="normal white skip-underline">Marketing</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/finance-accounting/" class="normal white skip-underline">Finance & Accounting</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/business-society/" class="normal white skip-underline">Business & Society</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/digital-transformation/" class="normal white skip-underline">Digital Transformation</a></li> </ul> </div> <div class="span3 tablet-span3"> <div class="shim40 mobile-visible"></div> <h3 style="font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;">Quick Links</h3> <div class="shim16"></div> <ul class="unbulleted"> <li style="margin-bottom: 0px;"><a href="/more-info/faqs" class="normal white skip-underline">FAQs</a></li> <li style="margin-bottom: 0px;"><a href="/contact" class="normal white skip-underline">Contact Us</a></li> <li style="margin-bottom: 0px;"><a href="/request-more-information" class="normal white skip-underline">Request Info</a></li> <li style="margin-bottom: 0px;"><a href="https://account.myhbx.org/s/login/?startURL=https%3A%2F%2Faccount.myhbx.org" class="normal white skip-underline">Enroll Now</a></li> <li style="margin-bottom: 0px;"><a href="https://account.myhbx.org/onlinesupport/s/contactsupport" class="normal white skip-underline">Support Portal</a></li> </ul> </div> <div class="span3 tablet-span3"> <div class="shim40 mobile-visible"></div> <h3 style="font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;">About</h3> <div class="shim16"></div> <ul class="unbulleted"> <li style="margin-bottom: 0px;"><a href="/about/" class="normal white skip-underline">About Us</a></li> <li style="margin-bottom: 0px;"><a href="/about/media-coverage" class="normal white skip-underline">Media Coverage</a></li> <li style="margin-bottom: 0px;"><a href="/about/donors" class="normal white skip-underline">Founding Donors</a></li> <li style="margin-bottom: 0px;"><a href="/about/leadership-team" class="normal white skip-underline">Leadership Team</a></li> <li style="margin-bottom: 0px;"><a href="/about/careers" class="normal white skip-underline">Careers @ HBS Online</a></li> </ul> </div> <div class="span3 tablet-span3"> <div class="shim40 mobile-visible"></div> <h3 style="font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;">Legal</h3> <div class="shim16"></div> <ul class="unbulleted"> <li style="margin-bottom: 0px;"><a href="/legal/" class="normal white skip-underline">Legal</a></li> <li style="margin-bottom: 0px;"><a href="/more-info/policies/" class="normal white skip-underline">Policies</a></li> </ul> </div> </div> </div> </div> <div class="base tablet-base mobile-base"></div> </div> <div class="hbsred-bg nu white"> <div class="container mobile-container tablet-container"> <div class="shim16"></div> <div class="row table-row mobile-row"> <div class="span6"><a href="https://www.hbs.edu/"><img loading="lazy" src="/Style Library/hbs/images/hbs-logo.png" data-src="/Style Library/hbs/images/hbs-logo.png" class="defer" alt="Harvard Business School" width="300" height="21"></a><div class="shim5"></div> <div>Copyright © President & Fellows of Harvard College</div> </div> <div class="span6"> <div class="shim12 mobile-visible"></div> <ul class="linear redbar-links"> <li><a href="https://www.hbs.edu/siteindex/" class="white" style="margin-right:12px">Site Map</a></li> <li><a href="https://trademark.harvard.edu/pages/trademark-notice" class="white" style="margin-right:12px">Trademark Notice</a></li> <li><a href="https://accessibility.huit.harvard.edu/digital-accessibility-policy" class="white" style="margin-right:12px">Digital Accessibility</a></li> </ul> </div> </div> <div class="shim16"></div> </div> </div> </div> </footer> <script type="text/javascript" src="https://webassets.hbs.edu/libs/jquery/3.6.0/jquery.min.js"></script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MW34RML'); </script><script type="text/javascript" src="https://webassets.hbs.edu/libs/privacy/1.0/privacy.js"></script><script type="text/javascript">privacy.settings({profile:"hbx",baseUrl: "/", loadAnalytics: true, loadOneTrust: false, gtm: false, disabled: true})</script><script>var MTIProjectId='7104cb2a-976d-4c0f-803f-1a83c9190762';</script><script defer type="text/javascript" src="https://webassets.hbs.edu/libs/framework/1.0/js/mtiFontTrackingCode.js"></script><script type="text/javascript" src="https://webassets.hbs.edu/libs/framework/1.0/js/framework.min.js"></script><script type="text/javascript" src="https://webassets.hbs.edu/libs/framework/1.0/js/widgets.min.js"></script><script> window._domready = window._domready || []; window._onload = window._onload || []; document.addEventListener("DOMContentLoaded", function () { var lazyImages = document.querySelectorAll(".lazy-img"); function loadLazyImage(image, imageObserver){ image.src = image.dataset.src; image.classList.remove("lazy-img"); if(imageObserver) imageObserver.unobserve(image); } if ("IntersectionObserver" in window) { var imageObserver = new IntersectionObserver(function (entries, observer) { entries.forEach(function (entry) { if (entry.isIntersecting) loadLazyImage(entry.target, imageObserver); }); }); lazyImages.forEach(function (image) { imageObserver.observe(image); }); } else { for(var i = 0; i < lazyImages.length; i++) { loadLazyImage(lazyImages[i]); } } }); jQuery(function($){ $(".slider-container").on('close',function(){ $(".universal-banner-hamburger").removeClass('open'); $(".universal-banner-menu-toggle").removeClass('toggled'); $("body").removeClass('slider-is-open'); }); $(document).on("click",".universal-banner-menu-toggle",function(){ if ($(this).hasClass('toggled')) { $('.slider-close').eq(0).click(); $(".universal-banner-hamburger").removeClass('open'); $(".universal-banner-menu-toggle").removeClass('toggled'); $("body").removeClass('slider-is-open'); } else { $('.slider-open').eq(0).click(); $("body").addClass('slider-is-open'); $('.universal-banner-hamburger').addClass('open'); $(".universal-banner-menu-toggle").addClass('toggled'); $(".flyout-panel .slider-close").get(0).focus(); } return false; }); $(".skipto").on("click",function(){ console.log("skip to main content"); $($(this).attr('href')).get(0).focus(); }); $(document).on({ mouseenter: function () { $(this).children('.login-dropdown').removeClass('hidden'); $(this).children('.login-link').addClass('hover').attr('aria-expanded', 'true'); }, mouseleave: function () { $(this).children('.login-dropdown').addClass('hidden'); $(this).children('.login-link').removeClass('hover').attr('aria-expanded', 'false'); } }, "header .show-login-dropdown"); $('header .login-link').on('click', function(event){ if (framework.accessibleClick(event) === true) { event.preventDefault(); $(this).next('.login-dropdown').toggleClass('hidden'); $(this).toggleClass('hover'); $(this).attr('aria-expanded', function (i, attr) { return attr == 'true' ? 'false' : 'true'; }); } }); }); $(document).on( 'framework.resize', function() { // wait .1 seconds because the classes needed to adjust the min/max height haven't been added at this point // TODO: this is a bit kludgey and should be revisited setTimeout( function() { if (window.stickyHeader) { stickyHeader.setMinHeight(); stickyHeader.setMaxHeight(); stickyHeader.triggerExpand(); if ($(".page-header").hasClass('page-header-online')) { stickyHeader.triggerDisappear(); } } }, 100 ); }); function StickyHeader(){ this.hasScrolled = false; this.lastScrollTop = -1; this.currentHeight = 0; this.isVisible = false; this.disabled = false; this.velocitySamples = []; this.debug = $("#sticky-header-debug"); this.buildHeader(); this.setMinHeight(); this.setMaxHeight(); } StickyHeader.prototype.temporarilyDisabled = function() { this.disabled = true; var self = this; window.setTimeout(function(){ self.disabled = false; },500); } /* determine if the header navigation should be displayed while the user is scrolling down */ StickyHeader.prototype.setMinHeight = function() { // if the screen width is within the mobile or tablet range, hide the navigation on scroll, otherwise, show it if ($(".page-header").hasClass('page-header-online') && $( '.ua-mobile, .ua-tablet' ).length) { this.minHeight = 40; } else if ($(".page-header").hasClass('page-header-online')) { this.minHeight = 90; } else if ($( '.ua-mobile, .ua-tablet' ).length) { this.minHeight = 0; } else { this.minHeight = 40 } } /* determine how big the header should be when the user starts to scroll up */ StickyHeader.prototype.setMaxHeight = function() { // clear out the current max height this.maxHeight = 0; // add up the heights of the cloned stiky header elements as the new max height $( '.sticky-header-cloned' ).each( function( index, element ) { this.maxHeight += $( element ).height(); }.bind( this ) ); // Override for HBS online if($(".page-header").hasClass('page-header-online')) { if ($( '.ua-mobile, .ua-tablet' ).length > 0) { this.maxHeight = 0; } else { this.maxHeight = 90; } } } StickyHeader.prototype.buildHeader = function() { var headerHeight = $(".page-header").height(); // Override for HBS online if($(".page-header").hasClass('page-header-online')) { headerHeight = 0; } this.appearsAt = $(".page-header").offset().top + headerHeight; this.sticky = $('<div id="sticky-header" style="height:0; top: -5px;"></div>'); this.stickyWrap = $('<div class="wrapper"></div>'); var container = $(".site-header").parents('.grid-framework'); $( '.universal-banner, .site-header' ).each( function( index, element ) { this.stickyWrap.append( $( element ).clone() ); $( element ).addClass( 'sticky-header-cloned' ); }.bind( this ) ); this.sticky.append(this.stickyWrap); $(".sticky-header-container").append(this.sticky); } StickyHeader.prototype.triggerDisappear = function(){ this.sticky.addClass('at-scroll-top'); this.isVisible = false; this.currentHeight = 0; this.sticky.css('height',this.currentHeight); $("body").removeClass("sticky-header-active"); $("body").removeClass('sticky-header-expanded'); } StickyHeader.prototype.triggerAppear = function(){ if ($("body").hasClass('slider-is-open')) return; this.isVisible = true; $("body").addClass("sticky-header-active"); } StickyHeader.prototype.triggerExpand = function(){ if (this.disabled) return; if ($("body").hasClass('slider-is-open')) return; if (this.currentHeight == this.maxHeight) return; this.sticky.css('height',this.maxHeight-1); this.currentHeight = this.maxHeight; $("body").addClass('sticky-header-expanded'); } StickyHeader.prototype.triggerShrink = function(){ if ($( '.ua-mobile, .ua-tablet' ).length == 0 || !$(".page-header").hasClass('page-header-online')) { this.sticky.removeClass('at-scroll-top'); } var self = this; window.requestAnimationFrame(function(){ var newHeight = 0; if (self.isVisible) { newHeight = self.minHeight; } if (self.currentHeight == newHeight) return; self.sticky.css('height',newHeight); self.currentHeight = newHeight; $("body").removeClass('sticky-header-expanded'); }) } StickyHeader.prototype.redraw = function() { // This is costly to performance but unavoidable //const pageY = window.scrollY; //This throws a syntax error in IE11. var pageY = window.pageYOffset; var scrollUp = pageY < this.lastScrollTop; var scrollDistance = pageY - this.lastScrollTop; this.velocitySamples.push(Math.abs(scrollDistance)); if (this.velocitySamples.length > 10) { this.velocitySamples.shift(); } var totalDistance = 0; for (var i = 0;i<this.velocitySamples.length;i++){ totalDistance += this.velocitySamples[i]; } var velocity = totalDistance / this.velocitySamples.length; var debugVars = {}; if (pageY != this.lastScrollTop) { debugVars.pageY = pageY; debugVars.minHeight = this.minHeight; debugVars.maxHeight = this.maxHeight; debugVars.appearsAt = this.appearsAt; debugVars.velocity = velocity; debugVars.disabled = this.disabled; var html = ''; $.each(debugVars,function(k,v){ html += '<div>' + k + ': '+v +'</div>'; }) this.debug.html(html); if (pageY >= this.appearsAt) { this.triggerAppear(); } if ($(".page-header").hasClass('page-header-online') && $('.table-of-contents-wrapper').length && $('.table-of-contents-wrapper.jump-to').length == 0){ var tocWrap = $('.table-of-contents-wrapper'); var toc = tocWrap.children('.table-of-contents'); var tocItems = toc.find('.toc-item'); var stickyHeight = this.maxHeight; if ((pageY + stickyHeight) > tocWrap.offset().top && !toc.hasClass('sticky')) { toc.addClass('sticky'); } else if ((pageY + stickyHeight) <= tocWrap.offset().top && toc.hasClass('sticky')) { toc.removeClass('sticky'); } if (toc.hasClass('sticky')) { tocItems.each(function( index ) { var section = $($(this).children("a.toc-jump").attr("href")); if (section.length) { var sectionTop = section.offset().top - 45; var pageHeight = pageY + stickyHeight + toc.height(); if ((pageHeight > sectionTop) && !$(this).hasClass('current')) { tocItems.removeClass('current'); $(this).addClass('current'); } else if ((pageHeight <= sectionTop) && $(this).hasClass('current')) { $(this).removeClass('current'); } } }); } } if (pageY <= 0) { this.triggerDisappear(); } else if (scrollUp) { console.log('scroll up'); if ($(".page-header").hasClass('page-header-online') && pageY < (this.appearsAt - this.maxHeight)) { this.triggerDisappear(); } else if (velocity > 5 || pageY < this.appearsAt) { this.triggerExpand(); } } else if (pageY > this.appearsAt) { // If HBS online and mobile hide the sticky header if ($(".page-header").hasClass('page-header-online') && $( '.ua-mobile, .ua-tablet' ).length > 0) { this.triggerDisappear(); } this.triggerShrink(); } this.lastScrollTop = pageY; } this.hasScrolled = false; }; var _domready = _domready || []; _domready.push(function(){ if (document.getElementById('wcm-react-root')) return; if (window.stickyHeaderDisabled) return; window.stickyHeader = new StickyHeader(); var _onScroll = function () { if (!window.stickyHeader.hasScrolled) { window.requestAnimationFrame(function(){ window.stickyHeader.redraw(); }); } window.stickyHeader.hasScrolled = true; window.requestAnimationFrame(_onScroll); }; _onScroll(); //without this, the header flickers on online window.setTimeout(function(){ _onScroll(); },250) $(document).on('delay-sticky-nav',function(){ window.stickyHeader.temporarilyDisabled(); }) // needed for facet pages http://www.hbs.edu/news/Pages/default.aspx $(document).on('click',".facetctrl-sticky.active",function(){ $(document).trigger('delay-sticky-nav'); }) $(document).on('click',".filter-sticky.fixed",function(){ $(document).trigger('delay-sticky-nav'); }) }); jQuery(function($){ var megaHoverTimeout; $(document).on({ mouseenter: function () { var elem = this; megaHoverTimeout = setTimeout(function () { $(elem).find('a.nav-link').addClass('hover').attr('aria-expanded', 'true'); $(elem).children('.mega-menu').removeClass('hidden'); $('.mega-black-bg').removeClass('hidden'); }, 300); }, mouseleave: function () { clearTimeout(megaHoverTimeout); $(this).find('a.nav-link').removeClass('hover').attr('aria-expanded', 'false'); $(this).children('.mega-menu').addClass('hidden'); $('.mega-black-bg').addClass('hidden'); } }, "nav.top-nav .dropdown-mega"); $('header .accessible-menu').on('click', function(event){ if (framework.accessibleClick(event) === true) { event.preventDefault(); var curLabel = $(this).find('.accessible-label').text(); if(curLabel.includes('Open')) { $(this).find('.accessible-label').text(curLabel.replace('Open', 'Close')); } else { $(this).find('.accessible-label').text(curLabel.replace('Close', 'Open')); } var curExpanded = $(this).attr('aria-expanded'); curExpanded == 'false' ? $(this).attr('aria-expanded', 'true') : $(this).attr('aria-expanded', 'false'); curExpanded == 'false' ? $(this).parents('.dropdown-mega').find('a.nav-link').attr('aria-expanded', 'true') : $(this).parents('.dropdown-mega').find('a.nav-link').attr('aria-expanded', 'false'); $(this).parents('.dropdown-mega').find('a.nav-link').toggleClass('hover'); $(this).parents('.dropdown-mega').children('.mega-menu').toggleClass('hidden'); $('.mega-black-bg').toggleClass('hidden'); } }); var lastTapped = 0; $(document).on('click', 'nav.top-nav .dropdown-mega a.nav-link', function (e) { if($(this).data('tapped') != lastTapped && $('.ua-touch').length) { e.preventDefault(); } lastTapped = $(this).data('tapped'); }); }); jQuery(function($){ var counter = 0; $(document).on('click', '.accessible-video', function(e) { e.preventDefault(); $(this).attr('aria-hidden', 'true').attr('tabindex', -1); var $videoLink = $(this).next('.widget-video-popup,.widget-video-inline,widget-video-embed'); if ($videoLink.length > 0) { $videoLink.addClass('accessible-video'); $videoLink.focus(); $videoLink.click(); // look for a player ready, and play the audio descriptions var i = window.setInterval(function(){ if (window.p3sdk && p3sdk.instances && p3sdk.instances[counter] && p3sdk.instances[counter].player_ready) { p3sdk.instances[counter].player.play(); clearInterval(i); counter++; } },100) } }); }); jQuery(function($){ $('.faqs a.faq').click(function(){ var curVal = $(this).attr('aria-expanded'); curVal == 'false' ? $(this).attr('aria-expanded', 'true') : $(this).attr('aria-expanded', 'false'); }); }); function registerLazyHubspotForm(el, callback){ function loadHsForms(fsObserver){ require(["//js.hsforms.net/forms/v2.js"], function() { callback(); if(fsObserver) fsObserver.unobserve(el); }); } if(el && callback && "IntersectionObserver" in window) { const fsObserver = new IntersectionObserver(function (entries, observer) { entries.forEach((entry) => entry.isIntersecting && loadHsForms(fsObserver)); }); fsObserver.observe(el) } else loadHsForms(); } window.registerLazyHubspotForm = registerLazyHubspotForm; Widgets.settings('sharebar', { fbrecommend:false }); Widgets.settings('video', { responsiveVideos:true }); (function($){ var HBX = { ondomready:function() { HBX.searchIcon(); HBX.faqs(); HBX.personalization(); HBX.flyout(); HBX.equalHeights(); HBX.analytics(); HBX.addApplyClass(); HBX.syllabusTable(); HBX.addBigFeatureIDs(); HBX.addPromoCardVideoIds(); $( "body" ).children( ".responsive-framework" ).attr('aria-hidden', 'false'); }, syllabusTable: function(){ var openSVG = '<svg width="18px" height="18px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="open"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="arrow" fill="#868f96" fill-rule="nonzero"><path d="M0,10 C0,15.522449 4.4755102,20 10,20 C15.522449,20 20,15.522449 20,10 C20,4.47755102 15.522449,0 10,0 C4.4755102,0 0,4.47755102 0,10 Z M18.4367347,10 C18.4367347,14.6591837 14.6591837,18.4367347 10,18.4367347 C5.33877551,18.4367347 1.56326531,14.6591837 1.56326531,10 C1.56326531,5.34081633 5.33877551,1.56326531 10,1.56326531 C14.6591837,1.56326531 18.4367347,5.34081633 18.4367347,10 Z" id="Shape"></path><path d="M5.80816327,8.07346939 C5.56326531,8.31836735 5.56326531,8.7122449 5.80816327,8.95714286 L9.55918367,12.7061224 C9.80408163,12.9510204 10.1979592,12.9510204 10.4428571,12.7061224 L14.1938776,8.95714286 C14.3163265,8.83469388 14.377551,8.6755102 14.377551,8.51428571 C14.377551,8.35306122 14.3163265,8.19387755 14.1938776,8.07142857 C13.9489796,7.82653061 13.555102,7.82653061 13.3102041,8.07142857 L10,11.3816327 L6.69183673,8.07346939 C6.44693878,7.83061224 6.05306122,7.83061224 5.80816327,8.07346939 Z" id="Shape"></path></g></g></svg>'; var closeSVG = '<svg width="18px" height="18px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="hidden close"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="arrow" fill="#868f96" fill-rule="nonzero"><path d="M0,10 C0,15.522449 4.4755102,20 10,20 C15.522449,20 20,15.522449 20,10 C20,4.47755102 15.522449,0 10,0 C4.4755102,0 0,4.47755102 0,10 Z M18.4367347,10 C18.4367347,14.6591837 14.6591837,18.4367347 10,18.4367347 C5.33877551,18.4367347 1.56326531,14.6591837 1.56326531,10 C1.56326531,5.34081633 5.33877551,1.56326531 10,1.56326531 C14.6591837,1.56326531 18.4367347,5.34081633 18.4367347,10 Z" id="Shape"></path><path d="M10.8072502,9.99946428 L13.8313177,6.97543728 C14.0530369,6.75372102 14.0530369,6.3902892 13.8313177,6.16743007 C13.6084556,5.9457138 13.2450189,5.9457138 13.0232997,6.16743007 L9.99923214,9.19145707 L6.97516463,6.1662872 C6.75230251,5.94457093 6.38886582,5.94457093 6.16714659,6.1662872 C5.94428447,6.38914633 5.94428447,6.75257815 6.16714659,6.97429441 L9.1912141,9.99946428 L6.16714659,13.0234913 C5.94428447,13.2463504 5.94428447,13.6097822 6.16714659,13.8314985 C6.27800621,13.9434995 6.42429519,13.9995 6.57058417,13.9995 C6.71687315,13.9995 6.86316213,13.9434995 6.97516463,13.8326414 L9.99923214,10.8074715 L13.0232997,13.8314985 C13.1353022,13.9434995 13.2815911,13.9995 13.4278801,13.9995 C13.5741691,13.9995 13.7204581,13.9434995 13.8324606,13.8326414 C14.0541798,13.6109251 14.0541798,13.2474933 13.8324606,13.0246342 L10.8072502,9.99946428 Z" id="Shape"></path></g></g></svg>'; $('table.syllabus-table').each(function() { $(this).addClass('mobile-hidden'); var mobileHtml = '<div class="syllabus-table-mobile mobile-visible"><div class="table-title">Syllabus</div>'; var tableHeadings = $('thead tr', this); $('tbody tr', this).each(function() { mobileHtml += '<div class="toggle-container"><div class="row-title"><a href="#" class="toggle-button black">'; mobileHtml += openSVG + closeSVG; mobileHtml += '<div>' + $('th', this).text() + '</div></a></div>'; mobileHtml += '<div class="topic-info toggle-show has-slide">'; $('td', this).each(function(index) { mobileHtml += '<div class="cell-title">' + $('th:eq(' + (index + 1) + ')', tableHeadings).text() + '</div>'; mobileHtml += $(this).html(); }); mobileHtml += '</div></div>'; }); mobileHtml += '</div>'; $(mobileHtml).insertAfter(this); }); $('.syllabus-table-mobile .toggle-button').on('click',function(event){ event.preventDefault(); var tohideshow = $(this).parents('.toggle-container').children('.toggle-show'); $(tohideshow).parents('.toggle-container').hasClass('toggled') ? $(tohideshow).parents('.toggle-container').removeClass('toggled') : $(tohideshow).parents('.toggle-container').addClass('toggled'); $(tohideshow).slideToggle(); }); }, addApplyClass: function(){ $('a[href*="login.myhbx.org"]').each(function() { var $link = $(this); $link.addClass("apply"); //and only allow one click $link.click(function(event){ var _this = $(this); if ($(this).hasClass("disabled")) { event.preventDefault(); } $(this).addClass("disabled"); setTimeout(function(){_this.removeClass("disabled");},3000); }); }); }, analytics: function(){ $(document).on('click','a',function(e){ var $self = $(this); if ($self.attr('href') && $self.attr('href').indexOf('/request-more-information') > -1) { ga('send', 'event',{ eventCategory: 'Outbound Links', eventAction: 'Click', eventLabel: 'Get Started', eventValue: 1, hitCallback: function(){ document.location.href = $self.attr('href'); } }); // e.preventDefault(); } var txt = $self.text().toLowerCase(); if (txt.indexOf('apply') > -1) { ga('send', 'event',{ eventCategory: 'Outbound Links', eventAction: 'Click', eventLabel: 'Get Started', eventValue: 1}); //analytics.util.sleep(1000) } }) }, faqs: function(){ $('.toggle-container.hbx-faq-toggle').on('change',function(){ var self = this; if ($(this).hasClass('toggled')) { var id = $(self).attr('id'); // remove the id so we don't scroll $(self).attr('id','disabled'); if (window.analytics) analytics.event(id); document.location.hash = id; window.setTimeout(function(){ $(self).attr('id',id); },100) } $(this).find('a.toggle-button').attr('aria-expanded', function (i, attr) { return attr == 'true' ? 'false' : 'true' }); }); var id = document.location.hash.replace('#',''); var el = document.getElementById(id); if ($(el).hasClass('hbx-faq-toggle')) { $(el).addClass('toggled'); $(el).attr('aria-expanded','true'); $(el).find('.toggle-show').show(); $(el).find('.toggle-hide').hide(); } }, equalHeights: function(){ function calc(row){ var min = 0; $(".equal-heights",row).css('min-height',0); $(".equal-heights2",row).css('min-height',0); $(".equal-heights",row).each(function(i){ var h = $(this).height(); if (h > min) { min = h; } }); var first = $(".equal-heights:first",row); var last = $(".equal-heights:last",row); if (first.length && last.length && first.offset().top == last.offset().top) { $(".equal-heights",row).css('min-height',min); } min = 0; $(".equal-heights2",row).each(function(){ var h = $(this).height(); if (h > min) { min = h; } }); var first = $(".equal-heights2:first",row); var last = $(".equal-heights2:last",row); //Changed the offset top to check it they are withing 1px of each other - had a calculation that was off by 0.5 pixels - ELS if (first.length && last.length && (Math.abs(first.offset().top - last.offset().top)) <= 1) { $(".equal-heights2",row).css('min-height',min); } } $(".equal-heights-row").each(function(){ calc(this); }); $(window).on('load',function(){ $(".equal-heights-row").each(function(){ calc(this); }); }) $(document).on('framework.resize',function(){ $(".equal-heights-row").each(function(){ calc(this); }); }) }, flyout: function(){ $('.flyout-panel').each(function(){ $('#flyout-search').attr('aria-labelled-by', 'flyout'); $('nav.site-title').attr('id','flyout'); window.setTimeout(function(){ //AA: Search flyout Fix $('.universal-site-search-button').focus().keydown(function (e) { if (e.which === 9 && !e.shiftKey) { e.preventDefault(); $('.slider-close').focus(); } if (e.which === 9 && e.shiftKey) { e.preventDefault(); $('.universal-site-search-query').focus(); } }); $('.slider-close').focus().keydown(function (e) { if (e.which === 9 && e.shiftKey) { e.preventDefault(); $('.universal-site-search-button').focus(); } }); }); }); //AA toggle aria hidden on open/close $(document).on('click','.slider-open',function(){ $('.slider-menu').attr('aria-hidden', 'false'); $('.slider-content').attr('aria-hidden', 'true'); }); $(document).on('click','.slider-close',function(){ $('.slider-menu').attr('aria-hidden', 'true'); $('.slider-content').attr('aria-hidden', 'false'); }); }, scrollToMiddle: function(el) { var elem_position = $(el).offset().top + ($(el).height() / 2); var window_height = $(window).height(); var targetOffset = elem_position - window_height/2; // if it doesn't fit, then scroll to the top if ($(el).height() > $(window).height()) { targetOffset = $(el).offset().top } if (document.getElementById('s4-workspace')) { targetOffset = targetOffset + $('#s4-workspace').scrollTop(); $('#s4-workspace').animate({scrollTop: targetOffset}, 450,'swing',function(){ //document.location.href = "#" + name; }); } else { $('html,body').animate({scrollTop: targetOffset}, 450,'swing',function(){ //document.location.href = "#" + name; }); } }, personalization: function(){ $(".persona-next").addClass('nosmooth'); $(document).on('click','.persona-next',function(){ var step = $(this).attr('href').replace('#',''); if (window.analytics) { analytics.event('persona-'+step); } framework.cookie.set('persona',step) $('.persona-controller').removeClass('general organizations college early mid individuals').addClass(step) $(document).trigger('framework.resize'); $('img:visible').trigger("appear"); HBX.doSlickCarousel(); // MJ: do carousel after images loaded if (step == 'individuals') { $("#persona-step2 .container").removeClass('animation-popin').addClass('animation-popin') HBX.scrollToMiddle('#persona-step2'); } else { $("#persona-step3 .container").removeClass('animation-popin').addClass('animation-popin') HBX.scrollToMiddle('#persona-step3'); } return false; }) $(document).on('click','.unsure',function(){ HBX.scrollToMiddle('#persona-step3'); return false; }) var persona = framework.cookie.get('persona'); if (persona == null) {persona = 'general'} $('.persona-controller').removeClass('general organizations college early mid individuals').addClass(persona); $('img:visible').trigger("appear"); HBX.doSlickCarousel(); // MJ: do carousel after images loaded }, searchIcon: function(){ $(document).on('click','.search-popup',function(){ html = '' html += '<div class="form-container" data-action="/search" aria-hidden="false" role="dialog" aria-labelledby="search-title">' html += '<h2 class="white gamma center" style="margin-bottom:12px" id="search-title">How can we help you?</h2>' html += '<div style="margin-bottom:12px"><input class="field white-bg" aria-label="Search" id="search-input" type="text" name="q" placeholder="Start typing here..."/></div>'; html += '<div class="center"><button type="submit" class="btn hbx-btn" role="button" id="search-modal-submit" aria-label="Submit"><span class="arrow">Search</span></button></div>' html += '</div>' var dlg = new framework.Dialog({ body: html, backgroundColor: "black", centered: true, textColor: "white", width: '600px' }); dlg.open(); window.setTimeout(function(){ $(".form-container").attr('aria-hidden', 'false'); $("#container").attr('aria-hidden', 'true'); $( "body.modal-open" ).children( ".responsive-framework" ).attr('aria-hidden', 'true'); $("#search-input").focus() $('.modal-header-close').css({"margin": "0px", "padding": "0px 22px"}).attr('aria-label', 'Close'); $(document).on('click','.modal-header-close',function(){ $(".form-container").attr('aria-hidden', 'true'); $("#container").attr('aria-hidden', 'false'); $(".responsive-framework").attr('aria-hidden', 'false'); $('.search-popup').focus(); }); //AA: Search Modal Tab Fix $('.modal-header-close').focus().keydown(function (e) { if (e.which === 9 && !e.shiftKey) { e.preventDefault(); $('#search-input').focus(); } if (e.which === 9 && e.shiftKey) { e.preventDefault(); $('#search-modal-submit').focus(); } }); $('#search-input').focus().keydown(function (e) { if (e.which === 9 && e.shiftKey) { e.preventDefault(); $('.modal-header-close').focus(); } }); },100) return false; }) }, addBigFeatureIDs: function() { $('a.big-feature-button').each(function(i) { var buttonId = 'big-feature-' + (i+1); $(this).attr('id', buttonId); }) }, addPromoCardVideoIds: function() { $('.promo-cards a.widget-video-inline').each(function(i) { var playButtonId = 'video-embed-' + (i+1) + '-desktop_playBtn'; $(this).attr('id', playButtonId); }) $('.promo-cards a.widget-video-embed').each(function(i) { var playButtonId = 'video-embed-' + (i+1) + '-mobile_playBtn'; $(this).attr('id', playButtonId); }) }, doSlickCarousel: function(){ if ($('.courses').length == 0) return; if ($('#slickcss').length == 0) { console.info('installing slick'); $('head').append('<link id="slickcss1" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css">'); $('head').append('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css">'); } require(["https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"],function(slick){ $('.courses:visible').not('.slick-initialized').slick({ dots: true, infinite: false, slidesToShow: 4, slidesToScroll: 1, prevArrow: decodeURI("%3Cimg class='slick-prev slick-arrow' src='https://d2ek9hfteqtmbq.cloudfront.net/PublishingImages/icons/arrow-left.svg?v2'%3E"), nextArrow: decodeURI("%3Cimg class='slick-next slick-arrow' src='https://d2ek9hfteqtmbq.cloudfront.net/PublishingImages/icons/arrow-right.svg?v2'%3E"), responsive: [ { breakpoint: 768, settings: { slidesToShow: 3, slidesToScroll: 1 } }, { breakpoint: 650, settings: { slidesToShow: 2, slidesToScroll: 1 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } }] }); $("div.slick-slide").removeAttr("aria-describedby"); }); }, last:'' } $(document).ready(HBX.ondomready); window.HBX = HBX; })(jQuery) </script> <script src="https://webassets.hbs.edu/sites/online/js/newsletter-js.js?v=1.0"> </script> </body> </html>