Business and Climate Change Course

<!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>Business and Climate Change Course | HBS Online</title> <meta content="Business and Climate change is a 100% online course offered by Harvard Business School Online. Learn more and register for an upcoming class." name="description"/> <meta content="ZIjEz6bTgRrYb8w4Q4IZZUWxfLoYMT6Cx_JvlIh0G2k" name="google-site-verification"/> <link href="https://online.hbs.edu/courses/business-climate-change/" 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 09:28:33 GMT on "> <link rel="preload" as="image" href="https://cloudinary.hbs.edu/hbsit/image/upload/s--2VIUNpQy--/f_auto,c_fill,h_382,w_680,/v20200101/3A956054F20BA11C1249B2F599D2E277.jpg"/> <link rel="dns-prefetch" href="https://cdnapisec.kaltura.com"/> <link rel="dns-prefetch" href="https://cdnsecakmi.kaltura.com"/> <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; } } table.syllabus-table{ border: none; } table.syllabus-table { table-layout: fixed; width: 100%; } table.syllabus-table th, table.syllabus-table td { padding: 25px 20px; text-align: left; vertical-align: top; } table.syllabus-table thead th { padding: 15px 20px 15px 20px; font-size: 20px; } table.syllabus-table td { background-color: #EBEDEE; } table.syllabus-table th { background-color: #CDD1D4; } table.syllabus-table thead th:first-child { background-color: #ACB2B7; }.syllabus-table-mobile .row-title a { padding: 20px 15px; display: block; border-bottom: 1px solid #808080; background-color: #CDD1D4; } .syllabus-table-mobile .row-title a div { text-decoration: underline; display: block; padding-left: 26px; font-weight: bold; } .syllabus-table-mobile .row-title a:hover, .syllabus-table-mobile .row-title a:focus { text-decoration: none; } .syllabus-table-mobile .topic-info { padding: 25px; } .syllabus-table-mobile .topic-info .cell-title { font-weight: bold; padding: 25px 0px 15px 0px; } .syllabus-table-mobile .topic-info .cell-title:first-of-type { padding-top: 0px; } .syllabus-table-mobile .topic-info ul { padding: 0px 15px 0px 25px; margin: 0px; } .syllabus-table-mobile .table-title { font-size: 20px; padding: 15px 18px; background-color: #ACB2B7; font-weight: bold; } .syllabus-table-mobile .topic-info { background-color: #EBEDEE; } .syllabus-table-mobile .toggle-container.toggled .row-title a svg.open { display: none; } .syllabus-table-mobile .toggle-container.toggled .row-title a svg.close { display: inline; } .syllabus-table-mobile .row-title a svg { position: relative; top: 3px; float: left; width: 18px; }slick-prev:hover, slick-next:hover, slick-prev:focus, slick-next:focus { } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }@media (min-width: 919px) { .color-framework #HBSHBXOneCol .inherit-bg.page-header-wrapper { background-color: transparent !important; z-index: 9; } #main [data-wcm-part="SiteContent"]:first-child { margin-top:-65px; xborder:5px solid black; } } .grid-framework .bleed-container { width: 100%; } .section ul.bulleted li { list-style-type:inherit; } .color-framework .carmine-inherit .inherit-color, .color-framework .carmine-inherit .carmine { color: #9e0038 !important; } .color-framework .hbsred-inherit .inherit-bg { background-color: #9e0038; } .color-framework .icon-select { background-position: -240px -60px; } .color-framework .dropdown-toggle { xborder: 1px solid #83162c; } .page-header p { margin-bottom: 23px; } .page-header .btn { background-color: #282832 !important; } .component-framework a.btn { padding: 11px 32px; } .component-framework a.btn.no-arrow:after { display: none; } .component-framework a.btn.black-bg.reveresed:hover, .component-framework .hbx-btn.black-bg.reveresed:hover { color: #282832 !important; background-color: #fff !important; } .side-bg { position: absolute; height: 100%; right: 0; top: 0;width:50%; background-repeat: no-repeat; background-position: center; background-size: cover; } .inherit-bg { position: relative; } .new-mobile-logo{ background-color:#000; } .hbx-logo-wrap {background-color:#000; width:100%; padding: .5rem 1.8rem; position: absolute; bottom: 0; text-align: center; } .hbx-logo-wrap-mobile{ text-align: center; padding: 0.5rem 1.8rem; } .hbx-logo-wrap > img { max-width: 60%; } .hbx-logo-wrap-mobile > img{ max-width: 80%; } .type-framework .beta { margin-bottom: 16px; } .type-framework .h2-fancy h2:before { margin-right: 30px; } .type-framework .h2-fancy h2:after { margin-left: 30px; } .section-head { margin-bottom: 3.5rem; }*:not(a.pdf, #fancybox-wrap){ box-sizing: border-box; } .tabs-wrap { overflow: hidden;} .tabs-wrap .tab { float: left; max-width: 12%; width: 100%; } .tabs-wrap .tab button { font-family: "Trade Gothic W01 Bold 2", Arial, Helvetica, Verdana, sans-serif; display: block; background-color: inherit; color: black; padding: 22px 16px; width: 100%; border: none; xoutline: none; text-align: left; cursor: pointer; transition: 0.3s; font-size: 19px; background-color: #d4dade; margin-bottom: 0.5rem; font-weight: bold; color: #000000; } .tabs-wrap .tab button:hover { background-color: #3a9c9c; color: #fff; } .tabs-wrap .tab button.active { background-color: #3a9c9c; color: #fff; } .tabs-wrap .tabcontent { float: left; padding: 0px 12px; border: 1px solid #ccc; width: 86%; border-left: none;border: none; } .tabs-wrap .tabcontent h3 { margin-bottom: 2.5rem !important; } .video-wrap { max-width: 492px; margin: 0 auto; } .component-framework .logos { margin-bottom: 2rem !important; } .component-framework .logos > li { max-width: 162px; } .component-framework .mainContainer .icon-play, .component-framework .mainContainer .widget-video-rendered.video .kWidgetPlayBtn { background: url(/courses/core/PublishingImages/icon-play.svg) !important; width: 110px!important; height: 110px!important; background-size: 100% !important; background-repeat: no-repeat; margin-left: -4rem; margin-top: -3rem; } .pattern-framework .mainContainer .tile .icon-play { margin-left: -55px; margin-top: -45px; } .video-outer-wrap { margin-bottom: 3rem; } .video-outer-text { margin-bottom: 2rem; }.section { padding-top: 5rem; padding-bottom: 5rem; } .section .section-title { margin-bottom: 3rem !important; }#benefits { background-color: #F4F4F4; padding-top: 5rem; padding-bottom: 5rem; } #benefits .section-title { margin-bottom: 3rem; } #benefits .iconbox .iconbox-title { color: #000; font-size: 1.5rem; } #benefits .iconbox .iconbox-icon { display: inline-block; margin-bottom: 1.5rem; }.bg-row > *:nth-child(odd) > * { background-color: #f8f8f9; } .bg-row > * > * { padding: 2.5rem 2.5rem 2rem; margin-bottom: 2rem; } .bg-row > * > * > img { margin-bottom: 1.5rem; }.component-framework .cohorts .slick-prev, .component-framework .cohorts .slick-next { width: 40px; height: 45px; cursor: pointer; opacity: 1; } .component-framework .cohorts .slick-prev.slick-disabled, .component-framework .cohorts .slick-next.slick-disabled { opacity: 0.5 !important; } .component-framework .cohorts .slick-dots li { width: 12px; height: 12px; } .component-framework .cohorts .slick-dots li button { width: 12px; height: 12px; } .component-framework .cohorts .slick-dots li button:before { line-height: 12px; height: 12px; width: 12px; font-size: 12px; opacity: 1; color: #d4dade; } .component-framework .cohorts .slick-dots li.slick-active button:before { opacity: 1; color: #8a8f99; }.testimony { position: relative; overflow: hidden; } .testimony .testimonials-container { position: relative; background-image: none !important; max-width: 720px; margin: 0 auto; padding-bottom: 2.5rem; } .testimony .testimonials-container .next { position: absolute; right: 5%; top: 50%; } .testimony .testimonials-container .next.disabled { opacity: 0.4; } .testimony .testimonials-container .next > a span { background-image: url("/PublishingImages/framework-v2.png"); background-size: 453px 219px; background-color: transparent !important; width: 41px; height: 41px; background-position: 0 -32px; } .testimony .testimonials-container .prev { position: absolute; left: 5%; top: 50%; } .testimony .testimonials-container .prev.disabled { opacity: 0.4; } .testimony .testimonials-container .prev > a span { background-image: url("/PublishingImages/framework-v2.png"); background-size: 453px 219px; background-color: transparent !important; width: 41px; height: 41px; background-position: 0 -113px; } .testimony .testimonials-container .dot { display: none !important; } .testimony .testimonials-container .testimony-author { font-size: 17px; line-height: 25px; } .video-bg { position: relative; } .video-bg .video-fullwidth-wrap { width: 100%; height: 123.3%; position: absolute; width: 100%; top: -2.1rem; background-size: cover; background-repeat: no-repeat; background-position: center top; } .video-bg .video-fullwidth-wrap .icon-play { position: absolute; left: 50%; top: 50%; } .full-container .video-bg { position: relative; display: flex; align-items: center; justify-content: center; background: #000; overflow: hidden; } .full-container .video-bg .widget-video-rendered > div { position: absolute !important; left: 0; top: 0; } .full-container .video-bg .kWidgetIframeContainer { box-sizing: border-box; height: calc(100% - 37px) !important; position: absolute; top: 0; left: 0; } .full-container .video-bg .p3sdk-target { box-sizing: border-box; width: 100%; position: absolute; bottom: 0; }.basic-lnk { font-family: "Trade Gothic W01 Bold 2", Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none; } .basic-lnk:after { content: " >"; } .no-after:after { display: none !important; } .lg-btn { padding-left: 3rem !important; padding-right: 3rem !important; } .component-framework #skip a:focus{ position: absolute !important; }@media (min-width: 1200px) { .component-framework .logos > li { max-width: 135px; } .right-pad-hero{ padding-right:60px; } } @media (min-width: 1400px) { .component-framework .logos > li { max-width: 162px; } .right-pad-hero{ padding-right:60px; } } @media screen and (max-width: 1280px) { .hbx-logo-wrap {} } @media screen and (max-width: 1199px) { .hbx-logo-wrap {} } @media screen and (min-width: 920px) and (max-width: 1280px) { .side-bg { width: 45%; } .type-framework .beta { font-size: 43px; } .hbx-logo-wrap {} } @media screen and (min-width: 920px) and (max-width: 1020px) { .type-framework .beta { font-size: 42px; } } @media screen and (max-width: 919px) { .slick-dots li button:before { color: #68afb4 !important; } .slick-dots li.slick-active button:before { opacity: 1; color: #2a2b34 !important; } .side-bg { min-height: 200px; width: 100%; margin-top: 1rem; } .section, #benefits { padding-bottom: 32px !important; padding-top: 32px !important; } .section .section-head { margin-bottom: 27px !important; } .section .section-title { margin-bottom: 27px !important; } .type-framework p { margin-bottom: 28px !important; } .component-framework .testimonials-container .testimonials-container-wrap { padding-top: 25px; } .video-outer-wrap { margin-bottom: 40px; } div > p:last-child { margin-bottom: 0 !important; } .tabcontent div > p:last-child { margin-bottom: 37px !important; } div > .iconbox { margin-bottom: 30px; } div:last-child > .iconbox { margin-bottom: 0; } .checklist { margin-bottom: 28px !important; margin-top: -8px !important; } .tabs-wrap { margin-bottom: 0; } } @media screen and (min-width: 920px) { .full-container { width: 100% !important; } .responsive-framework .full-container .video-wrap { max-width: 100%; width: 100%; } } @media (min-width: 1024px) { .floatright-desk { float: right; margin-bottom: 0; } .responsive-framework .full-container { width: 100%; } .responsive-framework .full-container .row > .span6 { width: 50%; margin-left: 0; } .responsive-framework .full-container .video-wrap img { width: 100%; } .type-framework .beta { font-size: 48px; } } @media (min-width: 920px) { .full-container .video-bg .kWidgetIframeContainer, .full-container .video-bg .widget-video-wrapper .p3sdk-target { padding-left: 24px; } } @media (min-width: 1600px) { .tabs-wrap .tab { max-width: 180px; } } .mobile-tab-link{ display: none; } .tabs-wrap .tabcontent.desktop-tab-open{ visibility: visible; height: auto; width: 86%; position: relative; top: 0; left: 0; } .tabs-wrap .tabcontent{ visibility: hidden; height: 0px; width: 0px; position: absolute; top: -9999px; left: -9999px; } @media (max-width: 1279px) { .tabcontent .container.tablet-container.mobile-container{ visibility: hidden; height: 0; position: absolute; left:0; right:0; } .tabcontent .container.tablet-container.mobile-container.exposed{ visibility: visible; position: relative; } .mobile-tab-link{ display: block; } .tablinks.mobile-tab-link{ font-family: "Trade Gothic W01 Bold 2", Arial, Helvetica, Verdana, sans-serif; display: block; background-color: inherit; color: black; padding: 22px 16px; width: 98%; border: none; xoutline: none; text-align: left; cursor: pointer; transition: 0.3s; font-size: 19px; background-color: #d4dade; margin-bottom: 0.5rem; font-weight: bold; color: #000000; padding-left: 1rem; padding-right: 1rem; margin: 0 auto 20px auto; } .tablinks.mobile-tab-link.active-mobile-tab { background-color: #3a9c9c; color: #fff; } .tablinks:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 15px 10px 0 10px; border-color: #000000 transparent transparent transparent; position: absolute; right: 2rem; } .tabs-wrap .tab button.active { display: none; } .tabs-wrap .tab { max-width: 100%; padding-left: 1rem; padding-right: 1rem; display: none; } .tabs-wrap .tabcontent { max-width: 100%; width: 100% !important; padding: 0; top: 0; left: 0; position: relative; height: auto; visibility: visible; } .tabs-wrap { overflow: hidden; display: flex;flex-direction: column; } } @media screen and (max-width: 650px) and (min-width: 351px){ .tabcontent .row.mobile-row.tablet-row{ float: left; } } @media (min-width: 920px) { .hbx-logo-wrap{ padding: 1rem 1.8rem; box-sizing: border-box; } .pad-desk { padding: 8rem 0; } .pad-desk-mini { padding: 5rem 0; } .testimonials-container { padding-top: 2.5rem; } .limit-desk { max-width: 500px; }.trapotized-mini { background-image: linear-gradient(51deg, #961c35 10%, transparent 10%); } .right-desk { float: right !important; margin-left: 20px; } } @media screen and (max-width: 1100px) { .component-framework blockquote { padding-left: 2.5rem; padding-right: 2.5rem; } .testimony .testimonials-container .next > a span, .testimony .testimonials-container .prev > a span { transform: scale(0.6, 0.6); position: absolute; } .testimony .testimonials-container .next > a span { right: -1.5rem; } .testimony .testimonials-container .prev > a span { left: -1.5rem; } } @media (max-width: 919px) { .testimony .testimonials-container .dot { display: block !important; margin-top: 25px; } .testimony .testimonials-container { padding-bottom: 35px !important; } .component-framework .icon-dot { font-size: 24px; } .color-framework .teal.icon-dot { color: #2a2b34 !important; } .component-framework .nav-carousel li a { color: #65afb5 !important; } .color-framework .icon-dot { color: #65afb5 !important; } .pad-desk { padding: 35px 0; } .pad-desk-mini { padding: 1.3rem 0 40px; } .section-title { line-height: 40px !important;} .logos { overflow: hidden; margin-bottom: 2rem; } .center-tab { text-align: center; } .video-outer-wrap { margin-left: -1rem; margin-right: -1rem; } .section-head { margin-right: -1rem; margin-left: -1rem; } .bg-row > * > * { padding: 2.5rem 0.5rem; margin-bottom: 0; } .bg-row > * > * > img { max-width: 60px; margin-bottom: 0.5rem; } .responsive-head { font-size: 18px !important; line-height: 25px !important; } .mini-mobile { font-size: 14px !important; line-height: 20px; } .component-framework .logos > li { max-width: 80px; } } @media (max-width: 1199px) { .component-framework .logos > li { max-width: 120px; } } @media (max-width: 919px) { .logos { max-width: 462px; margin: 0 auto !important; } } @media (max-width: 990px) { .logos { max-width: 462px; margin: 0 auto !important; } .component-framework .logos > li { max-width: 120px !important; } } @media screen and (max-width: 640px) { .component-framework .logos > li { max-width: 130px !important; } } @media screen and (max-width: 550px) { .component-framework .logos > li { max-width: 120px !important; } } @media screen and (max-width: 480px) { .component-framework .logos > li { max-width: 90px !important; } } @media screen and (max-width: 375px) { .component-framework .logos > li { max-width: 80px !important; } } @media screen and (max-width: 340px) { .component-framework .logos > li { max-width: 60px !important; } } @media screen and (max-width: 270px) { .component-framework .logos > li { max-width: 50px !important; } }@-moz-document url-prefix() { .vip { margin-top: -1rem; } } @media screen and (max-width: 640px){ .pad-mobile-link{ display: inline-block; margin:14px 0 30px 0; } } @media screen and (max-width: 920px){ .core-options { text-align:center; } } @media (max-width: 1220px) and (min-width: 920px) { .page-header-online .subject-sentence { max-width: 480px; } } #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; } .course-header { padding: 10px 0px 32px 0px; background-color: #F4F4F4; } .course-header .online-breadcrumbs { padding-bottom: 14px; } .course-header .online-breadcrumbs .subject-sentence { margin-top: 4px; } .color-framework .course-header .icon-select { background-position: -220px -60px; } .course-header .video-wrapper { width: 100%; } .course-header .video-caption { margin-top: 5px; } .course-header .small-card { border: 1px solid #D2D2D2; border-radius: 8px; padding: 25px 35px; max-width: 480px; margin: 0 auto; margin-top: 35px; } .course-header .left-column { display: flex; flex-wrap: wrap; } .course-header .right-column { position: relative; padding: 20px; border-radius: 5px; } .course-header .top-spacer { margin-top: 16px; } .course-header .top-label { padding: 4px 28px; display: inline-block; position: absolute; top: -16px; transform: translateX(-50%); } .course-header .footer-text .icon { display: block; margin-bottom: 5px; } .course-header .right-column .multi-btn { display: flex; column-gap: 16px; } .course-header .right-column .multi-btn > div { flex: 1; } .course-header .right-column .multi-btn a.btn-primary { padding: 16px 10px!important; display: flex; height: 100%; align-items: center; } .course-header .stats { display: flex; flex-wrap: wrap; justify-content: space-between; } .course-header .stats .point { padding: 10px; width: calc(50% - 2px); box-sizing: border-box; margin-top: 4px; text-align: center; } .course-header .stats .point .number { font-size: 29px; line-height: 44px; color: #1a7c7c; } .course-header .card-title{ padding-top: 20px; } @media (max-width: 650px) {.course-header { background-color: white; padding: 0px; } .course-header .online-breadcrumbs { padding-top: 10px; background-color: #F4F4F4; } .course-header .online-breadcrumbs .subject-sentence { padding-top: 8px; } .course-header .video-caption { display: none; } .course-header .right-column { padding: 10px 0px 30px 0px; margin: 0px 16px; } .course-header .top-label { top: 0px; } .course-header .card-title{ padding-top: 40px; } .course-header .top-spacer{ margin-top: 35px; } .course-header .small-card { margin-left: 16px; margin-right: 16px; } .course-header .left-column { justify-content: center; } } .component-framework .teal-inherit .video-container#video-container-1 .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-1 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-1 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-1 .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-1 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-1 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-1 .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-1 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-1 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-1 .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-1 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-1 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-1 .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-1 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-1 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-1 .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-1 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-1 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-1 .wrapper { background-color: #000; } .video-container#video-container-1 .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-1 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-1 .image-title { color: white; } .video-container#video-container-1 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-1 .image-title:hover { text-decoration:none; } .video-container#video-container-1.fancy-hover:hover .overlay, .video-container#video-container-1.fancy-hover:hover .play-overlay, .video-container#video-container-1 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-1.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-1 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-1 a { display:block; height:100%; } .video-container#video-container-1: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-1 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-1 .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-1 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-1 .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-1 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-1 .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%); } } .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; } .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; } .table-of-contents .toc-content { display: flex; padding: 0 30px; justify-content: space-between; } .table-of-contents .toc-content .links { display: flex; } .table-of-contents.sticky { position: fixed; top: 90px; width: 100%; z-index: 109; } .table-of-contents .toc-item { margin: 0px 10px; border-bottom: 2px transparent solid; } .table-of-contents .toc-item.current, .table-of-contents .toc-item a:hover { color: #820D2F!important; font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif; border-color: #820D2F; } .table-of-contents .toc-item.current a:hover { text-decoration: none; } .table-of-contents .toc-item.current a { color: #820D2F!important; } .table-of-contents .toc-apply a.btn { border-radius: 0px; padding-top: 12px!important; padding-bottom: 13px!important; } @media (max-width: 919px) { .table-of-contents.sticky { top: 0px; } .table-of-contents .toc-content { justify-content: space-evenly; } } @media (max-width: 750px) { .table-of-contents .toc-content { padding: 0px; } .table-of-contents .toc-content .toc-apply > div { height: 100%; } .table-of-contents .toc-content .toc-apply a { height: 100%; box-sizing: border-box; } } @media (max-width: 919px) and (min-width: 651px) {.table-of-contents .toc-item { margin: 0px 8px; } } @media (max-width: 650px) {.table-of-contents .toc-content { justify-content: center; margin-left: -10px; margin-right: -16px; } .table-of-contents .toc-item { margin: 0px 6px; } .table-of-contents .links { flex-shrink: 0; } .table-of-contents .toc-content .toc-apply { margin-left: 10px; flex-shrink: 1; } .table-of-contents .toc-content .toc-apply a.btn { padding-left: 10px!important; padding-right: 28px!important; } } @media (max-width: 460px) { .table-of-contents .toc-content .sm-mobile-hidden { display: none; } } @media (max-width: 400px) { .table-of-contents .toc-content .toc-apply { margin-left: 4px; } } @media (max-width: 378px) { .table-of-contents .toc-content .toc-apply a.btn { padding-top: 5px!important; padding-bottom: 5px!important; display: flex; align-items: center; } }.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; } } .two-column-list { padding: 48px 70px; } .two-column-list .items { display: flex; padding-top: 30px; } .two-column-list .left-column, .two-column-list .right-column { padding: 0px 30px; flex: 1; } .two-column-list .items .item { padding-top: 15px; } @media (max-width: 919px) {.two-column-list { padding: 60px 0px; } } @media (max-width: 650px) {.two-column-list .items { display: block; padding-top: 15px; } } .tabbed-boxes { padding: 48px 0px; } .tabbed-boxes .tabs { display: flex; justify-content: center; } .tabbed-boxes .tabs .tab { margin: 0px 25px; } .tabbed-boxes .tabs .tab button { display: inline-block; padding: 10px; font: inherit; border: none; background: none; } .tabbed-boxes .tabs .tab.current { background-color: white; border-radius: 900px; position: relative; } .tabbed-boxes .tabs .tab.current button { color: #a41034; } .tabbed-boxes .tabs .tab.current:after { content: ''; width: 0px; height: 0px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid white; position: absolute; bottom: -30px; left: 50%; transform: translate(-50%, 0); } .tabbed-boxes .tab-box { padding: 0px 100px; display: none; } .tabbed-boxes .tab-box.current { display: flex; } @media (max-width: 1220px) {.tabbed-boxes .tab-box { padding: 0px 30px; } } @media (max-width: 650px) {.tabbed-boxes .tab-box { padding: 0px 20px; } .tabbed-boxes .tab-box.current { display: block; } .tabbed-boxes .tabs .tab { margin: 0px 2px; display: flex; } } .person-quote { display: flex; padding: 40px 0px; } .person-quote .box-person { padding-left: 100px; } .person-quote .box-video .video-wrapper { min-width: 175px; max-width: 175px; } .person-quote .box-video .video-title { min-width: 280px; max-width: 280px; padding-left: 20px; } .person-quote .box-video .video-title.no-video { min-width: 455px; padding-left: 0px; } .person-quote .box-video .video-wrapper .play-overlay svg { width: 40px; } .person-quote .box-video, .person-quote .box-person-bio { display: flex; } @media (max-width: 1220px) {.person-quote .box-person { padding-left: 20px; } } @media (max-width: 919px) { .person-quote .box-video { display: block; } .person-quote .box-video .video-title { padding-left: 0px; padding-top: 10px; } .person-quote .box-video .video-title.no-video { min-width: 355px; } } @media (max-width: 750px) { .person-quote { display: block; } .person-quote .box-person { padding: 35px 0px 0px 0px; } } @media (max-width: 650px) {.person-quote { padding: 35px 0px; } .person-quote .box-video .video-wrapper { max-width: 100%; } .person-quote .box-video .video-title.no-video { min-width: 100%; } } .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; } } .syllabus { padding: 44px 0px; max-width: 980px; margin: 0 auto; } .syllabus .card { border: 1px solid #C4C4C4; box-shadow: 2px 3px 0px rgba(0, 0, 0, 0.17); border-radius: 8px; padding: 30px 0px 15px 30px; } .syllabus .top-card, .syllabus .top-card .right-col .card-river, .syllabus .card .details { display: flex; } .syllabus .top-card .right-col .card-river { padding-bottom: 10px; } .syllabus .card { margin-top: 20px; } .syllabus .top-card { margin-bottom: 20px; } .syllabus .top-card .left-col { padding-right: 30px; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr; column-gap: 16px; } .syllabus .top-card .left-col.no-gap { column-gap: 0px; } .syllabus .card .hours .yellow-bg { padding: 8px; border-radius: 5px; display: inline-block; min-width: 46px; } .syllabus .top-card .left-col .top-card-blurb { grid-column-start: 2; } .syllabus .top-card .left-col, .syllabus .top-card .right-col, .syllabus .card .details .column { flex: 1; } .syllabus .top-card .right-col { overflow-x: hidden; } .syllabus .card .card-river { overflow-x: auto; } .syllabus .card .card-river .highlight-card { margin-right: 10px; min-width: 175px; max-width: 175px; } .syllabus .highlight-card .video-wrapper .play-overlay svg { width: 40px; } .syllabus .card .details { margin: 25px 30px 0px 0px; } .syllabus .card .details .column { padding-left: 20px; } .syllabus .card .details .column:first-of-type { padding-left: 62px; } .syllabus .card .details .column ol { line-height: 24px; } .syllabus .card .details .column ul { list-style: none; margin-left: 0px; } .syllabus .card .details .column ul li { margin-top: 15px; } .syllabus .card .details .column .icon { float: left; } .syllabus .card .details .column .icon + .list-text { overflow: hidden; padding-left: 15px; vertical-align: middle; } .syllabus .card .details .column .icon img { width: 25px; } .syllabus .card .accordion-toggle.open a .toggle-show { display: none; } .syllabus .card a .toggle-hide { display: none; } .syllabus .card .accordion-toggle.open a .toggle-hide { display: inline; } @media (max-width: 1220px) { .no-syllabus-container, .no-syllabus-container .syllabus { width: 100%; } } @media (max-width: 650px) {.syllabus .card { padding: 20px 0px 15px 20px; } .syllabus .top-card .left-col { padding-right: 20px; } .syllabus .top-card { display: block; } .syllabus .top-card .left-col .top-card-blurb { grid-column-start: 1; grid-column-end: 3; } .syllabus .top-card .right-col { margin: 13px 20px 0px 0px; } .syllabus .card .details { margin-right: 20px; display: block; } .syllabus .card .details .column { padding-left: 0px!important; padding-top: 20px; } .component-framework .mainContainer .syllabus .highlight-card .widget-video-rendered.video .kWidgetPlayBtn { width: 40px!important; height: 40px!important; margin-left: -20px; margin-top: -20px; } } .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%); } } .component-framework .teal-inherit .video-container#video-container-3 .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-3 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-3 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-3 .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-3 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-3 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-3 .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-3 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-3 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-3 .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-3 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-3 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-3 .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-3 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-3 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-3 .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-3 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-3 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-3 .wrapper { background-color: #000; } .video-container#video-container-3 .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-3 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-3 .image-title { color: white; } .video-container#video-container-3 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-3 .image-title:hover { text-decoration:none; } .video-container#video-container-3.fancy-hover:hover .overlay, .video-container#video-container-3.fancy-hover:hover .play-overlay, .video-container#video-container-3 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-3.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-3 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-3 a { display:block; height:100%; } .video-container#video-container-3: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-3 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-3 .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-3 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-3 .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-3 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-3 .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%); } } .component-framework .teal-inherit .video-container#video-container-4 .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-4 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-4 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-4 .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-4 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-4 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-4 .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-4 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-4 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-4 .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-4 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-4 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-4 .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-4 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-4 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-4 .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-4 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-4 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-4 .wrapper { background-color: #000; } .video-container#video-container-4 .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-4 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-4 .image-title { color: white; } .video-container#video-container-4 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-4 .image-title:hover { text-decoration:none; } .video-container#video-container-4.fancy-hover:hover .overlay, .video-container#video-container-4.fancy-hover:hover .play-overlay, .video-container#video-container-4 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-4.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-4 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-4 a { display:block; height:100%; } .video-container#video-container-4: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-4 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-4 .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-4 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-4 .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-4 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-4 .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%); } } .component-framework .teal-inherit .video-container#video-container-5 .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-5 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-5 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-5 .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-5 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-5 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-5 .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-5 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-5 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-5 .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-5 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-5 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-5 .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-5 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-5 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-5 .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-5 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-5 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-5 .wrapper { background-color: #000; } .video-container#video-container-5 .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-5 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-5 .image-title { color: white; } .video-container#video-container-5 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-5 .image-title:hover { text-decoration:none; } .video-container#video-container-5.fancy-hover:hover .overlay, .video-container#video-container-5.fancy-hover:hover .play-overlay, .video-container#video-container-5 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-5.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-5 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-5 a { display:block; height:100%; } .video-container#video-container-5: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-5 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-5 .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-5 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-5 .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-5 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-5 .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%); } } .component-framework .teal-inherit .video-container#video-container-6 .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-6 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-6 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-6 .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-6 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-6 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-6 .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-6 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-6 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-6 .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-6 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-6 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-6 .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-6 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-6 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-6 .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-6 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-6 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-6 .wrapper { background-color: #000; } .video-container#video-container-6 .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-6 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-6 .image-title { color: white; } .video-container#video-container-6 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-6 .image-title:hover { text-decoration:none; } .video-container#video-container-6.fancy-hover:hover .overlay, .video-container#video-container-6.fancy-hover:hover .play-overlay, .video-container#video-container-6 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-6.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-6 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-6 a { display:block; height:100%; } .video-container#video-container-6: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-6 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-6 .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-6 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-6 .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-6 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-6 .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%); } } .component-framework .teal-inherit .video-container#video-container-7 .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-7 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-7 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-7 .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-7 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-7 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-7 .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-7 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-7 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-7 .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-7 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-7 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-7 .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-7 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-7 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-7 .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-7 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-7 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-7 .wrapper { background-color: #000; } .video-container#video-container-7 .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-7 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-7 .image-title { color: white; } .video-container#video-container-7 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-7 .image-title:hover { text-decoration:none; } .video-container#video-container-7.fancy-hover:hover .overlay, .video-container#video-container-7.fancy-hover:hover .play-overlay, .video-container#video-container-7 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-7.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-7 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-7 a { display:block; height:100%; } .video-container#video-container-7: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-7 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-7 .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-7 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-7 .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-7 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-7 .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%); } } .component-framework .teal-inherit .video-container#video-container-8 .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-8 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-8 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-8 .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-8 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-8 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-8 .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-8 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-8 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-8 .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-8 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-8 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-8 .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-8 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-8 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-8 .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-8 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-8 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-8 .wrapper { background-color: #000; } .video-container#video-container-8 .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-8 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-8 .image-title { color: white; } .video-container#video-container-8 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-8 .image-title:hover { text-decoration:none; } .video-container#video-container-8.fancy-hover:hover .overlay, .video-container#video-container-8.fancy-hover:hover .play-overlay, .video-container#video-container-8 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-8.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-8 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-8 a { display:block; height:100%; } .video-container#video-container-8: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-8 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-8 .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-8 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-8 .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-8 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-8 .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%); } } .component-framework .teal-inherit .video-container#video-container-9 .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-9 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-9 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-9 .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-9 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-9 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-9 .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-9 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-9 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-9 .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-9 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-9 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-9 .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-9 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-9 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-9 .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-9 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-9 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-9 .wrapper { background-color: #000; } .video-container#video-container-9 .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-9 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-9 .image-title { color: white; } .video-container#video-container-9 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-9 .image-title:hover { text-decoration:none; } .video-container#video-container-9.fancy-hover:hover .overlay, .video-container#video-container-9.fancy-hover:hover .play-overlay, .video-container#video-container-9 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-9.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-9 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-9 a { display:block; height:100%; } .video-container#video-container-9: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-9 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-9 .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-9 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-9 .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-9 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-9 .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%); } } .component-framework .teal-inherit .video-container#video-container-10 .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-10 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-10 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-10 .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-10 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-10 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-10 .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-10 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-10 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-10 .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-10 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-10 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-10 .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-10 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-10 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-10 .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-10 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-10 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-10 .wrapper { background-color: #000; } .video-container#video-container-10 .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-10 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-10 .image-title { color: white; } .video-container#video-container-10 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-10 .image-title:hover { text-decoration:none; } .video-container#video-container-10.fancy-hover:hover .overlay, .video-container#video-container-10.fancy-hover:hover .play-overlay, .video-container#video-container-10 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-10.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-10 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-10 a { display:block; height:100%; } .video-container#video-container-10: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-10 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-10 .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-10 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-10 .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-10 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-10 .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%); } } .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; } } .animation-slides { padding: 44px 0px; } .animation-slides .slides-container { min-height: 382px; } .animation-slides .animation { display: none; } .animation-slides .animation.current { display: block; position: relative; } .animation-slides .slide-links { width: 380px; } .animation-slides .slide-deck { width: 680px; position: absolute; top: 0px; right: 0px; } .animation-slides .animation .pause-btn, .animation-slides .animation .play-btn, .animation-slides .animation .restart-btn { position: absolute; bottom: 10px; right: 10px; opacity: 0.8; } .animation-slides .animation .play-btn, .animation-slides .animation .restart-btn { display: none; } .animation-slides .animation .pause-btn svg, .animation-slides .animation .play-btn svg, .animation-slides .animation .restart-btn svg { width: 55px; height: 55px; } .animation-slides a.animation-link { color: black; position: relative; } .animation-slides a.animation-link:hover, .animation-slides a.animation-link.current { color: #a41034; text-decoration: none; } .animation-slides a.animation-link.current:before { content: ''; width: 0px; height: 0px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #D0D669; position: absolute; top: 1px; left: -20px; } @media (max-width: 1220px) and (min-width: 920px) {.animation-slides .slide-links { width: 280px; } .animation-slides .slide-deck { width: 505px; } .animation-slides .slides-container { min-height: 290px; } } @media (max-width: 919px) and (min-width: 770px) { .animation-slides .slides-container { min-height: 270px; } } @media (max-width: 769px) and (min-width: 651px) { .animation-slides .slides-container { min-height: 220px; } } @media (max-width: 919px) and (min-width: 651px) {.animation-slides .slide-links { width: 40%; } .animation-slides .slide-deck { width: 57%; } } @media (max-width: 650px) {.animation-slides .animation { display: block; margin-top: 20px; padding: 0px 20px; } .animation-slides .intro-text { max-width: 330px; margin: 0 auto; } .animation-slides .slide-links, .animation-slides .slide-deck { width: 100%; position: relative; } .animation-slides .animation .pause-btn, .animation-slides .animation .play-btn, .animation-slides .animation .restart-btn { right: 30px; } .animation-slides .slides-container { min-height: 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; } } .online-carousel { padding: 44px 0px; } .online-carousel .online-carousel-inner { overflow: hidden; } .online-carousel .card-slide { display: flex; position: relative; } .online-carousel .left-arrow-circle, .online-carousel .right-arrow-circle { position: absolute; top: 46%; visibility: visible; transition: visibility 0.7s; } .online-carousel.light-gray1-bg .left-arrow-circle .arrow-wrapper:before, .online-carousel.light-gray1-bg .right-arrow-circle .arrow-wrapper:before { border: 2px black solid; top: -2px; left: -2px; } .online-carousel .left-arrow-circle { left: -17px; visibility: hidden; } .online-carousel .right-arrow-circle { right: -16px; } .online-carousel .footer-text { display: flex; padding: 0 20px; } .online-carousel .footer-text .check-item a { color: white; } .online-carousel .footer-text ul li:first-of-type { padding-top: 0px; } .online-carousel .footer-text ul li { list-style: none; padding-top: 12px; } .online-carousel .footer-text ul { min-width: 300px; padding-right: 150px; box-sizing: content-box; } .online-carousel .page-dots .dot { content: ''; height: 10px; width: 10px; border: 1px white solid; border-radius: 50%; display: inline-block; margin-left: 5px; } .online-carousel.light-gray1-bg .page-dots .dot { border-color: black; } .online-carousel .page-dots .current .dot { background-color: white; } .online-carousel.light-gray1-bg .page-dots .current .dot { background-color: black; } .online-carousel .page-dots, .online-carousel .categories { display: flex; justify-content: center; } .online-carousel .page-dots { margin-top: 30px; margin-left: -5px; } .online-carousel .categories { margin-bottom: 30px; align-items: center; } .online-carousel .categories .category { margin: 4px 20px; } .online-carousel .categories a.current .category { background-color: white; color: #820D2F!important; border-radius: 200px; padding: 4px 20px; margin: 0; } .online-carousel .categories a.current { text-decoration: none; } .online-carousel .card-item { opacity: 0.2; left: 0px; transition: left 1s, opacity 3s; position: relative; } .online-carousel .card-item.active { opacity: 1; } @media (max-width: 919px) {.online-carousel .card-slide-wrapper { width: 590px; margin: 0 auto; } .online-carousel .icon-teaser { width: 50%; } } @media (max-width: 650px) { .online-carousel .card-slide-wrapper { width: 295px; } .online-carousel .footer-text { flex-wrap: wrap; } .online-carousel .footer-text .footer-blurb{ margin-top: 20px; margin-left: 20px; } .online-carousel .card-item { width: 253px; margin: 0 21px; } } .cohort-card .course-card { border-radius: 5px; padding: 30px 16px; width: 253px; height: 100%; box-sizing: border-box; } .cohort-card .course-card .course-btn { position: absolute; bottom: 30px; width: calc(100% - 32px); } .cohort-card .course-card .course-btn a.btn { margin: 0 auto; } .cohort-card { margin: 0 21px; } @media (max-width: 1220px) and (min-width: 920px) {.cohort-card { margin-left: calc((33.33% - 253px) / 2); margin-right: calc((33.33% - 253px) / 2); } } .left-arrow-circle .arrow-wrapper:before, .right-arrow-circle .arrow-wrapper:before { content: ''; height: 29px; width: 29px; background-color: white; opacity: 0.5; border-radius: 50%; display: inline-block; position: absolute; left: 0px; top: 0px; } .left-arrow-circle a.prev-btn, .right-arrow-circle a.next-btn { position: relative; width: 29px; height: 29px; display: block; } .left-arrow-circle a.prev-btn:hover .arrow-wrapper:before, .right-arrow-circle a.next-btn:hover .arrow-wrapper:before { opacity: 0.9; } .left-arrow-circle svg, .right-arrow-circle svg { width: 13px; position: relative; top: 2px; } .left-arrow-circle svg { transform: rotate(270deg) translateY(-50%); left: 13px; } .right-arrow-circle svg { transform: rotate(90deg) translateY(-50%); left: 3px; } .learner-stories { padding: 44px 0px 24px 0px; position: relative; } .learner-stories .person-quote { padding: 20px 25px; border-radius: 8px; max-width: 580px; display: block; } .learner-stories .person-quote .box-person { padding-left: 0px; } .learner-stories .box-person-bio { display: flex; } .learner-stories .person-blurb { position: relative; } .learner-stories .person-blurb:before { content: '“'; position: absolute; top: -1px; left: -7px; } .learner-stories .person-blurb:after { content: '”'; } .learner-stories .person-blurb:before, .learner-stories .person-blurb:after { color: #a41034; font-size: 17px; } .learner-stories .img-num { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,0.7); padding: 6px; border-radius: 8px; } .learner-stories .img-caption { position: absolute; bottom: -17px; left: 50%; transform: translateX(-50%); padding: 8px 25px; display: inline-block; margin: 0 auto; } .learner-stories .image-wrapper { position: absolute; } .learner-stories .person-wrapper { float: right; } @media (min-width: 1440px) { .learner-stories .image-wrapper { width: 1440px; margin: 0 auto; left: 0px; right: 0px; } } @media (min-width: 1220px) { .learner-stories .person-wrapper { min-height: 435px; } } @media (max-width: 1220px) and (min-width: 920px) { .learner-stories .person-wrapper { min-height: 380px; } } @media (max-width: 919px) and (min-width: 801px) { .learner-stories .person-wrapper { min-height: 335px; } } @media (max-width: 1220px) {.learner-stories .image-wrapper { max-width: 530px; } .learner-stories .person-wrapper { width: 40%; } } @media (max-width: 919px) {.learner-stories .image-wrapper { width: 53%; } .learner-stories .person-wrapper { width: 45%; } } @media (max-width: 800px) { .learner-stories .image-wrapper { width: auto; margin: 0 auto; position: relative; } .learner-stories .person-wrapper { float: none; width: 100%; margin-top: 40px; } .learner-stories .person-quote { margin: 0 auto; } } .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; } } .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 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; } } ;</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"> <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>  <div class="mainContainer link-controller" runat="server"> <main id="skipto-main" tabindex="-1" aria-label="Page content" class="hbso-main"> <div class="page-header page-header-online"></div> <div class="course-header" data-wcm-edit-url="/online/Lists/coursecards/EditForm.aspx?ID=48"> <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> </ul> <div class="nu subject-sentence"> This course is part of the <a class="add-underline" href="/subjects/business-society/">Business in Society</a> track. </div> </div> <div class="container tablet-container"> <div class="row tablet-row"> <div class="span7 tablet-span7"> <div class="left-column"> <div class="video-wrapper" style="min-height: 200px;"> <div class="video-container " style="position:relative;" id="video-container-1" data-id="video-container-1" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_z8nbnv0s" class="widget-video-inline tile" target="_blank" aria-label="Play Video for Introduction to Business and Climate Change"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--2VIUNpQy--/f_auto,c_fill,h_382,w_680,/v20200101/3A956054F20BA11C1249B2F599D2E277.jpg" class=" fluid" alt="" width="680" height="382"></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_z8nbnv0s" class="widget-video-embed tile" aria-label="Play Video for Introduction to Business and Climate Change"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--2VIUNpQy--/f_auto,c_fill,h_382,w_680,/v20200101/3A956054F20BA11C1249B2F599D2E277.jpg" class="o fluid" alt="" width="680" height="382"></div></a></div> </div> </div> </div> <div class="video-caption zen regular">Introduction to Business and Climate Change</div> <div class="white-bg small-card center"> <h2 class="h2-fancy kappa-uc">ENROLL NOW</h2> <div style="padding-top: 20px;" class="bold2 add-underline">No application needed for our certificate programs. Start your journey today!</div> <div style="padding-top: 15px;"></div> </div> </div> </div> <div class="span1 mobile-hidden"> </div> <div class="span4 tablet-span5"> <div class="white-bg right-column "> <div class="center"> <h1 class="beta card-title">Business and Climate Change</h1> <div class="bold2" style="padding: 10px 0px 3px 0px;">$1,850</div> <div class="zen regular">Next 5-week session starts January 15th</div> <div style="padding-top: 22px" class=""> <div><a href="https://account.myhbx.org/s/login/?startURL=https://account.myhbx.org/&PC=BCLC" class="
 btn btn-primary no-arrow bold" aria-label="Enroll for Business and Climate Change">Enroll Now</a></div> </div> </div> <div style="padding-top: 20px;">Prepare yourself and your organization for the business risks and opportunities created by climate change.</div> <div class="stats" style="padding-top: 18px;"> <div class="point headerblue-bg"> <div class="number">5</div> <div class="zen normal">weeks</div> </div> <div class="point headerblue-bg"> <div class="number">5-6</div> <div class="zen normal">hours per week</div> </div> <div class="point headerblue-bg"> <div class="number">3</div> <div class="zen normal">modules</div> </div> <div class="point headerblue-bg"> <div class="number">Self-Paced</div> <div class="zen normal">with regular deadlines</div> </div> </div> <div class="center" style="padding-top: 22px;"> <div class="footer-text" style=""> <p class="mu normal " style="display:inline-block;margin-bottom:0px;"><span class="icon" style=""><img src="/online/PublishingImages/zero-degrees/Certificate.svg" alt="" width="25" height="22"></span> This course earns you a Certificate of Completion from HBS Online. <a href="#earn">What you earn</a>.</p> </div> </div> </div> </div> </div> </div> </div> <div class="table-of-contents-wrapper" style="height: 41px;"> <div class="table-of-contents yellow-bg zen"> <div class="container tablet-container mobile-container"> <div class="toc-content"> <div class="bold2 desktop-visible" style="padding: 10px 0px; width: 110px;"></div> <div class="links" style="padding: 10px 0px;"> <div class="toc-item sm-mobile-hidden"><a href="#overview1" role="button" class="black normal toc-jump">Overview</a></div> <div class="toc-item "><a href="#syllabus1" role="button" class="black normal toc-jump">Syllabus</a></div> <div class="toc-item "><a href="#time" role="button" class="black normal toc-jump">Enrollment</a></div> <div class="toc-item "><a href="#stories1" role="button" class="black normal toc-jump">Stories</a></div> <div class="toc-item sm-mobile-hidden"><a href="#faqs1" role="button" class="black normal toc-jump">FAQs</a></div> </div> <div class="toc-apply"> <div><a href="https://account.myhbx.org/s/login/?startURL=https%3A%2F%2Faccount.myhbx.org&PC=BCLC" class="
 btn btn-primary-small" aria-label="Enroll Now for Business and Climate Change">Enroll Now</a></div> </div> </div> </div> </div> </div> <div class="container tablet-container mobile-container"> <div class="two-column-list"> <div id="overview1"></div> <h2 class="h2-fancy kappa-uc">Key Concepts</h2> <div class="items"> <div class="left-column"> <div class="item"> <div style="float: left;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"> <polygon points="19 3 23 7 9 21 1 13 5 9 9 13 19 3" style="fill:#D0D669;stroke:#D0D669;stroke-linejoin:round;"/></svg></div> <div style="overflow: hidden; padding-left: 15px;" class="add-underline"> <Item>Understand the science, economic impact, and policy implications of climate change</Item> </div> </div> <div class="item"> <div style="float: left;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"> <polygon points="19 3 23 7 9 21 1 13 5 9 9 13 19 3" style="fill:#D0D669;stroke:#D0D669;stroke-linejoin:round;"/></svg></div> <div style="overflow: hidden; padding-left: 15px;" class="add-underline"> <Item>Identify and communicate the risks and opportunities posed by climate change across industries</Item> </div> </div> </div> <div class="right-column"> <div class="item"> <div style="float: left;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"> <polygon points="19 3 23 7 9 21 1 13 5 9 9 13 19 3" style="fill:#D0D669;stroke:#D0D669;stroke-linejoin:round;"/></svg></div> <div style="overflow: hidden; padding-left: 15px;" class="add-underline"> <Item>Leverage insights from real-world examples to inform future strategies for adapting to climate change </Item> </div> </div> <div class="item"> <div style="float: left;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"> <polygon points="19 3 23 7 9 21 1 13 5 9 9 13 19 3" style="fill:#D0D669;stroke:#D0D669;stroke-linejoin:round;"/></svg></div> <div style="overflow: hidden; padding-left: 15px;" class="add-underline"> <Item>Think critically and creatively to develop business solutions that mitigate climate change </Item> </div> </div> <div class="item"> <div style="float: left;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"> <polygon points="19 3 23 7 9 21 1 13 5 9 9 13 19 3" style="fill:#D0D669;stroke:#D0D669;stroke-linejoin:round;"/></svg></div> <div style="overflow: hidden; padding-left: 15px;" class="add-underline"> <Item>Explore climate change mitigation and adaptation efforts’ scalability, costs, and benefits to inform decisions related to your industry and role </Item> </div> </div> </div> </div> </div> </div> <div class="tabbed-boxes gray1-bg"> <div class="container tablet-container mobile-container"> <h2 class="h2-fancy kappa-uc">Who Will Benefit</h2> <div class="shim40"></div> <div class="tabs"> <div class="tab zen current" data-tab="businessprofessionalsandmanagers-1-tabs1"><button id="businessprofessionalsandmanagers-1-tabs1-tab" aria-controls="businessprofessionalsandmanagers-1-tabs1" aria-selected="true"> <h3>Business Professionals and Managers</h3></button></div> <div class="tab zen " data-tab="csrstrategyandoperationsprofessionals-2-tabs1"><button id="csrstrategyandoperationsprofessionals-2-tabs1-tab" aria-controls="csrstrategyandoperationsprofessionals-2-tabs1" aria-selected="false"> <h3>CSR, Strategy, and Operations Professionals</h3></button></div> <div class="tab zen " data-tab="entrepreneursandinvestors-3-tabs1"><button id="entrepreneursandinvestors-3-tabs1-tab" aria-controls="entrepreneursandinvestors-3-tabs1" aria-selected="false"> <h3>Entrepreneurs and Investors</h3></button></div> </div> <div class="shim30"></div> <div class="tab-box white-bg current" id="businessprofessionalsandmanagers-1-tabs1" aria-labelledby="businessprofessionalsandmanagers-1-tabs1-tab" tabindex="-1"> <div class="person-quote"> <div class="box-blurb eta regular add-underline">Explore how companies in various industries are adapting to and preparing for climate change and leverage those insights to inform your organization’s strategy.</div> <div class="box-person" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=1233"> <div class="box-video"> <div class="video-title zen regular add-underline no-video">"I am early in my career and am looking for a path to becoming a chief sustainability officer or sustainability manager with a company I can align my values with. This class seemed like the perfect opportunity to give me the right tools to learn more about this field."</div> </div> <div class="shim20"></div> <div class="box-person-bio"> <div style="min-width: 55px;"><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--ZuV2f6fz--/f_auto,c_fill,w_110,/v20200101/1461A6E7D5F65DF69A28937560BCC0D7.jpg" width="55" height="55" loading="lazy" alt=""></div> <div class="mu regular" style="padding-left: 12px;"><span class="bold2">Desirée Kaplan</span><br>Writer at Green Matters</div> </div> </div> </div> </div> <div class="tab-box white-bg " id="csrstrategyandoperationsprofessionals-2-tabs1" aria-labelledby="csrstrategyandoperationsprofessionals-2-tabs1-tab" tabindex="-1"> <div class="person-quote"> <div class="box-blurb eta regular add-underline">Understand climate change to think critically and creatively about solutions that could mitigate it. </div> <div class="box-person" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=1190"> <div class="box-video"> <div class="video-title zen regular add-underline no-video">"I now have a better understanding of sustainability and which companies are doing it right. I’m armed with talking points proving that sustainability is good for business, the environment, and its people."</div> </div> <div class="shim20"></div> <div class="box-person-bio"> <div style="min-width: 55px;"><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--T9wcDyST--/f_auto,c_fill,w_110,/v20200101/2D3CAD0B7A8F90D5C5260FA6B82BB1E5.jpg" width="55" height="55" loading="lazy" alt=""></div> <div class="mu regular" style="padding-left: 12px;"><span class="bold2">Brooks Wallace</span><br>Public relations professional looking to learn about sustainable business practices</div> </div> </div> </div> </div> <div class="tab-box white-bg " id="entrepreneursandinvestors-3-tabs1" aria-labelledby="entrepreneursandinvestors-3-tabs1-tab" tabindex="-1"> <div class="person-quote"> <div class="box-blurb eta regular add-underline">Learn the business risks and opportunities of developing or investing in new climate change-oriented solutions. </div> <div class="box-person" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=1234"> <div class="box-video"> <div class="video-title zen regular add-underline no-video">"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."</div> </div> <div class="shim20"></div> <div class="box-person-bio"> <div style="min-width: 55px;"><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--RVAkLIqw--/f_auto,c_fill,w_110,/v20200101/55B804E2318AF7C33B42B99AF6E5077E.jpg" width="55" height="55" loading="lazy" alt=""></div> <div class="mu regular" style="padding-left: 12px;"><span class="bold2">Mayank Dubey</span><br>Manager, Marketing Communications at Endress+Hauser</div> </div> </div> </div> </div> </div> </div> <div> <div class="shim1 " style="height:8px"></div> </div> <div class="light-gray1-bg"> <div class="certificates header" style="background-size: auto 500px;"> <div class="container tablet-container mobile-container"> <h2 class="h2-fancy kappa-uc" id="earn">What You Earn</h2> <div class="shim40 mobile-hidden"></div> <div class="shim25 mobile-visible"></div> <div class="certificate-wrapper" style="max-width: 800px;"> <div class="certificate" style="max-width: 50%;flex: 0 0 50%;"> <div class="certificate-image "><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--UCKSBT5r--/f_auto,c_fill,e_sharpen:300,h_422,w_326,/v20200101/7611F5FD2C463AAC0DE3E55993FF5563.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>Boost your resume with a Certificate of Completion from HBS Online</Blurb> </p> <div class="shim20"></div> <p class="zen regular" style="margin-bottom: 10px;"> <Subtext>Earn by: completing this course</Subtext> </p> </div> <div class="shim40 mobile-visible"></div> </div> <div class="certificate" style="max-width: 50%;flex: 0 0 50%;"> <div class="certificate-image "><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--DPbHtuzz--/f_auto,c_fill,e_sharpen:300,h_422,w_326,/v20200101/0A565DC3CBADAEE0DC8EB074470FF32B.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>Prove your mastery of business in society</Blurb> </p> <div class="shim20"></div> <p class="zen regular" style="margin-bottom: 10px;"> <Subtext>Earn by: completing any three courses within this subject area to earn a Certificate of Specialization</Subtext> </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="container tablet-container mobile-container"> <div class="syllabus"> <div class="intro-text center"> <div id="syllabus1"></div> <h2 class="delta">Syllabus</h2> <div class="zen regular" style="padding-top: 10px;"> <Blurb>3 Modules, 25-30 Hours</Blurb> </div> <div class="zen regular add-underline" style="padding-top: 10px;"><a href="/Documents/business-climate-change-syllabus.pdf">Download full syllabus</a></div> </div> <div class="shim30"></div> <div class="card"> <div class="top-card"> <div class="left-col "> <div class="hours center"> <div class="yellow-bg"> <div class="eta" style="white-space: nowrap;">5-6</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Module 1 - 1 week</div> <h3 class="eta">The Fundamentals of Climate Change</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Understand climate change science fundamentals and how to assess economic and public policy issues associated with climate change.</div> </div> <div class="right-col"> <h4 class="zen" style="margin-bottom: 10px;">Highlights</h4> <div class="card-river"> <div class="highlight-card"> <div class="video-wrapper"> <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_hmq51kju" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Property Rights in Fisheries"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--04D2L6eE--/f_auto,c_fill,h_98,w_175,/v20200101/4B9CC5DCFBEC982278819F2547A3DE91.jpg" class=" fluid" alt="" loading="lazy" width="175" height="98"></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_hmq51kju" class="widget-video-embed tile" aria-label="Play Video for Property Rights in Fisheries"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--04D2L6eE--/f_auto,c_fill,h_98,w_175,/v20200101/4B9CC5DCFBEC982278819F2547A3DE91.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Property Rights in Fisheries</div> </div> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-3" data-id="video-container-3" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_62pedr69" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Positive Feedback Loops"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--v2ndo-NK--/f_auto,c_fill,h_98,w_175,/v20200101/E6AD255364FA4E65BF98278CEECA50FC.jpg" class=" fluid" alt="" loading="lazy" width="175" height="98"></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_62pedr69" class="widget-video-embed tile" aria-label="Play Video for Positive Feedback Loops"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--v2ndo-NK--/f_auto,c_fill,h_98,w_175,/v20200101/E6AD255364FA4E65BF98278CEECA50FC.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Positive Feedback Loops</div> </div> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-4" data-id="video-container-4" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_weyfjchv" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Club Goods and Common Goods"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--_fuSCudW--/f_auto,c_fill,h_98,w_175,/v20200101/5A471D421C99CBD478E79C523BF8BCC0.jpg" class=" fluid" alt="" loading="lazy" width="175" height="98"></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_weyfjchv" class="widget-video-embed tile" aria-label="Play Video for Club Goods and Common Goods"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--_fuSCudW--/f_auto,c_fill,h_98,w_175,/v20200101/5A471D421C99CBD478E79C523BF8BCC0.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Club Goods and Common Goods</div> </div> </div> </div> </div> <div class="hr" style="margin: 20px 30px 15px 0px;"></div> <dl class="plusminus"> <dt class="accordion-toggle" style="margin-bottom: 0px;"><a href="#" role="button" class="zen regular" style="text-decoration: none; color: #a41034;"><span class="toggle-show">Show</span><span class="toggle-hide">Hide</span> Details </a></dt> <dd> <div class="details toggle-hide has-slide"> <div class="column zen"> <h4 style="margin-bottom: 10px;">Concepts</h4> <ol class="regular"> <li> <div class="list-text">Course Introduction</div> <div class="clear"></div> </li> <li> <div class="list-text">The Science of Climate Change</div> <div class="clear"></div> </li> <li> <div class="list-text">The Economics and Public Policy of Climate Change</div> <div class="clear"></div> </li> </ol> </div> <div class="column zen"> <h4 style="margin-bottom: 10px;">Featured Exercises</h4> <ul class="regular"> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_thinker_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Analyze and reflect on greenhouse gas emissions rise and different industries’ contributions</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_thinker_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Consider the implications of imperfect markets </div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_thinker_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Understand command, control, and market-based mechanisms for correcting market failures in the context of climate change</div> <div class="clear"></div> </li> </ul> </div> </div> </dd> </dl> </div> <div class="card"> <div class="top-card"> <div class="left-col "> <div class="hours center"> <div class="yellow-bg"> <div class="eta" style="white-space: nowrap;">10-12</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Module 2 - 2 weeks</div> <h3 class="eta">Adapting to Climate Change</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Identify physical manifestations of climate change, learn how businesses assess and manage the risks and opportunities associated with climate stressors, and evaluate adaptation measures currently being pursued in different industries and geographies worldwide.</div> </div> <div class="right-col"> <h4 class="zen" style="margin-bottom: 10px;">Highlights</h4> <div class="card-river"> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-5" data-id="video-container-5" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_nwb3mwlb" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Heat Impacts to Human Health"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--fM199n5V--/f_auto,c_fill,h_98,w_175,/v20200101/6B1C7BA7A8B411CBC5118E8DD00665F0.jpg" class=" fluid" alt="" loading="lazy" width="175" height="98"></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_nwb3mwlb" class="widget-video-embed tile" aria-label="Play Video for Heat Impacts to Human Health"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--fM199n5V--/f_auto,c_fill,h_98,w_175,/v20200101/6B1C7BA7A8B411CBC5118E8DD00665F0.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Heat Impacts to Human Health</div> </div> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-6" data-id="video-container-6" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_lovyzk78" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Flood Prevention Methods"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--vkgbJggS--/f_auto,c_fill,h_98,w_175,/v20200101/CFEAB2378730CC155162AD6B644E7AD9.jpg" class=" fluid" alt="" loading="lazy" width="175" height="98"></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_lovyzk78" class="widget-video-embed tile" aria-label="Play Video for Flood Prevention Methods"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--vkgbJggS--/f_auto,c_fill,h_98,w_175,/v20200101/CFEAB2378730CC155162AD6B644E7AD9.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Flood Prevention Methods</div> </div> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-7" data-id="video-container-7" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_618r0tve" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Reduce, Transfer, Bear"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--MOemI3Fu--/f_auto,c_fill,h_98,w_175,/v20200101/AEA1D6E0B3AF4FA0763EA3E048BBE69E.jpg" class=" fluid" alt="" loading="lazy" width="175" height="98"></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_618r0tve" class="widget-video-embed tile" aria-label="Play Video for Reduce, Transfer, Bear"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--MOemI3Fu--/f_auto,c_fill,h_98,w_175,/v20200101/AEA1D6E0B3AF4FA0763EA3E048BBE69E.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Reduce, Transfer, and Bear</div> </div> </div> </div> </div> <div class="hr" style="margin: 20px 30px 15px 0px;"></div> <dl class="plusminus"> <dt class="accordion-toggle" style="margin-bottom: 0px;"><a href="#" role="button" class="zen regular" style="text-decoration: none; color: #a41034;"><span class="toggle-show">Show</span><span class="toggle-hide">Hide</span> Details </a></dt> <dd> <div class="details toggle-hide has-slide"> <div class="column zen"> <h4 style="margin-bottom: 10px;">Concepts</h4> <ol class="regular"> <li> <div class="list-text">Heat</div> <div class="clear"></div> </li> <li> <div class="list-text">Water Scarcity</div> <div class="clear"></div> </li> <li> <div class="list-text">Wildfires</div> <div class="clear"></div> </li> <li> <div class="list-text">Storms and Floods</div> <div class="clear"></div> </li> <li> <div class="list-text">Sea-Level Rise</div> <div class="clear"></div> </li> <li> <div class="list-text">Changes in the Ocean</div> <div class="clear"></div> </li> </ol> </div> <div class="column zen"> <h4 style="margin-bottom: 10px;">Featured Exercises</h4> <ul class="regular"> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_thinker_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Consider how your firm assesses climate change’s physical effects and its impact on suppliers, operations, and customers </div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_pencil_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Apply the three-step approach to climate adaptation </div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_thinker_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Identify challenges you could encounter proposing adaptation practices within your company </div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_thinker_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Reflect on the issues businesses may face when planning for stressors on a longer time horizon, such as rising sea levels or ocean changes</div> <div class="clear"></div> </li> </ul> </div> </div> </dd> </dl> </div> <div class="card"> <div class="top-card"> <div class="left-col "> <div class="hours center"> <div class="yellow-bg"> <div class="eta" style="white-space: nowrap;">9-11</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Module 3 - 2 weeks</div> <h3 class="eta">Mitigating Climate Change </h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Explore the key processes involved in developing and scaling a mitigation strategy, assess emissions sources across a product’s lifecycle, and understand how technology to facilitate and accelerate mitigation can create business opportunities. </div> </div> <div class="right-col"> <h4 class="zen" style="margin-bottom: 10px;">Highlights</h4> <div class="card-river"> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-8" data-id="video-container-8" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_su8b3ylc" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Carbon Footprinting"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--EwYMK5Dt--/f_auto,c_fill,h_98,w_175,/v20200101/58B94ACE2EE8C63A4D1BEAD344FEDF07.jpg" class=" fluid" alt="" loading="lazy" width="175" height="98"></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_su8b3ylc" class="widget-video-embed tile" aria-label="Play Video for Carbon Footprinting"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--EwYMK5Dt--/f_auto,c_fill,h_98,w_175,/v20200101/58B94ACE2EE8C63A4D1BEAD344FEDF07.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Carbon Footprinting</div> </div> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-9" data-id="video-container-9" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_v7cv5tsv" class="widget-video-popup tile" target="_blank" aria-label="Play Video for BMW's Approach to Emissions Reduction"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--DUf3c1PK--/f_auto,c_fill,h_98,w_175,/v20200101/1DA83057BA747FF409B863CD48B609F3.jpg" class=" fluid" alt="" loading="lazy" width="175" height="98"></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_v7cv5tsv" class="widget-video-embed tile" aria-label="Play Video for BMW's Approach to Emissions Reduction"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--DUf3c1PK--/f_auto,c_fill,h_98,w_175,/v20200101/1DA83057BA747FF409B863CD48B609F3.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">BMW's Approach to Emissions Reduction</div> </div> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-10" data-id="video-container-10" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_buanrc35" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Greenhouse gas Protocol"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--mFixrEWd--/f_auto,c_fill,h_98,w_175,/v20200101/5C3251217C60B56897C26153188E4F3E.jpg" class=" fluid" alt="" loading="lazy" width="175" height="98"></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_buanrc35" class="widget-video-embed tile" aria-label="Play Video for Greenhouse gas Protocol"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--mFixrEWd--/f_auto,c_fill,h_98,w_175,/v20200101/5C3251217C60B56897C26153188E4F3E.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Greenhouse Gas Protocol</div> </div> </div> </div> </div> <div class="hr" style="margin: 20px 30px 15px 0px;"></div> <dl class="plusminus"> <dt class="accordion-toggle" style="margin-bottom: 0px;"><a href="#" role="button" class="zen regular" style="text-decoration: none; color: #a41034;"><span class="toggle-show">Show</span><span class="toggle-hide">Hide</span> Details </a></dt> <dd> <div class="details toggle-hide has-slide"> <div class="column zen"> <h4 style="margin-bottom: 10px;">Concepts</h4> <ol class="regular"> <li> <div class="list-text">New Belgium Brewing: Creating a Mitigation Strategy</div> <div class="clear"></div> </li> <li> <div class="list-text">The BMW Group: Reducing Emissions Across the Value Chain</div> <div class="clear"></div> </li> <li> <div class="list-text">Expanding Mitigation Possibilities</div> <div class="clear"></div> </li> <li> <div class="list-text">Business and Climate Change: Course Conclusion</div> <div class="clear"></div> </li> </ol> </div> <div class="column zen"> <h4 style="margin-bottom: 10px;">Featured Exercises</h4> <ul class="regular"> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_thinker_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Evaluate how your company measures its emissions and how it might reduce them </div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_thinker_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Identify key emissions sources and variables companies should consider when selecting a mitigation project to pursue </div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_thinker_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Assess the pros and cons associated with pursuing policy advocacy and using carbon offsets as mitigation strategies</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_thinker_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Brainstorm how adaptation and mitigation progress might affect one another and synergies or tensions between the two</div> <div class="clear"></div> </li> </ul> </div> </div> </dd> </dl> </div> </div> </div> <div class="yellow-bg"> <div class="promo-cards container tablet-container mobile-container"> <div class="card white-bg" data-wcm-edit-url="/online/Lists/PromoCards/EditForm.aspx?ID=26"> <div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--jsaoCHPY--/f_auto,c_fill,h_265,w_390,/v20200101/BD13236C5AD1F357C51530419DE971DB.jpg" class="fluid" alt="" width="390" height="265"></div> <div class="card-body"> <div class="header-body"> <div class="zen">Free E-Book</div> <div class="shim2"></div> <h2 class="eta"><a href="https://info.email.online.hbs.edu/business-society-ebook">How to Be a Purpose-Driven, Global Business Professional</a></h2> <div class="shim8"></div> </div> <div class="text-body"> <div class="card-text"> <Blurb>This guide will equip you with the skills needed to define your purpose, make the case for corporate social responsibility to internal stakeholders, further your education, and help enact change.</Blurb> </div> <div class="shim20"></div> <div><a href="https://info.email.online.hbs.edu/business-society-ebook" class="
 btn btn-secondary-small hbsred white-bg" id="related-item-1" aria-label="Access Your Free E-Book: How to Be a Purpose-Driven, Global Business Professional">Access Your Free E-book</a></div> </div> </div> </div> </div> </div> <div class="animation-slides"> <div class="container tablet-container mobile-container"> <div class="center intro-text"> <h2 class="delta">Our Difference</h2> <div style="margin-top: 6px;">Business and Climate Change is an online course that will teach you to identify and communicate climate risks and opportunities and implement relevant strategies. You’ll understand the science, economic impact, and policy implications of climate change and explore how companies in various industries are adapting and preparing to do business in a changing climate.</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 class="slides-container" style="position: relative;"> <div class="slide-wrapper"> <div class="slide-links"> <div style="padding-left: 20px;"><a href="#" class="animation-link mobile-hidden" data-target="video1" role="button">Stay <b>active</b> by engaging in a new activity every three to five minutes.</a><div class="mobile-visible">Stay <b>active</b> by engaging in a new activity every three to five minutes.</div> </div> <div class="hr mobile-hidden" style="margin: 16px 0px 16px 20px;"></div> </div> <div class="slide-deck"> <div class="animation video1 current"><video class="lazy" muted autoplay playsinline="playsinline" width="100%" poster="https://cloudinary.hbs.edu/hbsit/image/upload/s--XLsKScZF--/f_auto,c_fill,h_382,w_680,/v20200101/E52A5F243F6BD71E508F7E2E55AB59AC.jpg"> <source data-src="https://cdnapisec.kaltura.com/p/1423662/sp/142366200/playManifest/entryId/1_8dodemzj/flavorId/1_451fpjfi/format/url/protocol/https/aeada170.mp4" type="video/mp4"></video><div class="visually-hidden"> Description of silent animated video above: Learner completes an interactive question by dragging and dropping choices into two different categories</div> <div class="pause-btn"><a role="button" href="#" class="pause-animation" aria-label="Pause silent animation video with Learner completes an interactive question by dragging and dropping choices into two different categories"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 20 20" height="18px" viewBox="0 0 20 20" width="18px" fill="#FFFFFF"> <g> <rect fill="none" height="20" width="20"/> </g> <g> <path d="M10,2c-4.42,0-8,3.58-8,8s3.58,8,8,8s8-3.58,8-8S14.42,2,10,2z M9,13H7.5V7H9V13z M12.5,13H11V7h1.5V13z"/> </g></svg></a></div> <div class="play-btn"><a role="button" href="#" class="play-animation" aria-label="Play silent animation video with Learner completes an interactive question by dragging and dropping choices into two different categories"><svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="#FFFFFF"> <path d="M0 0h24v24H0V0z" fill="none"/> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z"/></svg></a></div> <div class="restart-btn"><a role="button" href="#" class="restart-animation" aria-label="Replay silent animation video with Learner completes an interactive question by dragging and dropping choices into two different categories"><svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="#FFFFFF"> <path d="M0 0h24v24H0V0z" fill="none"/> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm6 10c0 3.31-2.69 6-6 6s-6-2.69-6-6h2c0 2.21 1.79 4 4 4s4-1.79 4-4-1.79-4-4-4v3L8 7l4-4v3c3.31 0 6 2.69 6 6z" fill-rule="evenodd"/></svg></a></div> </div> </div> <div class="mobile-visible"> <div class="shim40"></div> </div> </div> <div class="slide-wrapper"> <div class="slide-links"> <div style="padding-left: 20px;"><a href="#" class="animation-link mobile-hidden" data-target="video2" role="button">Get <b>social</b> by collaborating and networking with a global community of peers before, during, and after the course. Learners who successfully complete an HBS Online program are added to the HBS Online Community's Official Networking Group and gain exclusive access to events and other networking opportunities.</a><div class="mobile-visible">Get <b>social</b> by collaborating and networking with a global community of peers before, during, and after the course. Learners who successfully complete an HBS Online program are added to the HBS Online Community's Official Networking Group and gain exclusive access to events and other networking opportunities.</div> </div> <div class="hr mobile-hidden" style="margin: 16px 0px 16px 20px;"></div> </div> <div class="slide-deck"> <div class="animation video2 "><video class="lazy" muted autoplay playsinline="playsinline" width="100%" poster="https://cloudinary.hbs.edu/hbsit/image/upload/s--N_Pi-sLx--/f_auto,c_fill,h_382,w_680,/v20200101/E7BA0BA27AC718A61CD8B3D5BED5CDDA.jpg"> <source data-src="https://cdnapisec.kaltura.com/p/1423662/sp/142366200/playManifest/entryId/1_8boj5xtu/flavorId/1_451fpjfi/format/url/protocol/https/ac15ce1c.mp4" type="video/mp4"></video><div class="visually-hidden"> Description of silent animated video above: Learner types an answer in the discussion board in response to a peer's question</div> <div class="pause-btn"><a role="button" href="#" class="pause-animation" aria-label="Pause silent animation video with Learner types an answer in the discussion board in response to a peer's question"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 20 20" height="18px" viewBox="0 0 20 20" width="18px" fill="#FFFFFF"> <g> <rect fill="none" height="20" width="20"/> </g> <g> <path d="M10,2c-4.42,0-8,3.58-8,8s3.58,8,8,8s8-3.58,8-8S14.42,2,10,2z M9,13H7.5V7H9V13z M12.5,13H11V7h1.5V13z"/> </g></svg></a></div> <div class="play-btn"><a role="button" href="#" class="play-animation" aria-label="Play silent animation video with Learner types an answer in the discussion board in response to a peer's question"><svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="#FFFFFF"> <path d="M0 0h24v24H0V0z" fill="none"/> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z"/></svg></a></div> <div class="restart-btn"><a role="button" href="#" class="restart-animation" aria-label="Replay silent animation video with Learner types an answer in the discussion board in response to a peer's question"><svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="#FFFFFF"> <path d="M0 0h24v24H0V0z" fill="none"/> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm6 10c0 3.31-2.69 6-6 6s-6-2.69-6-6h2c0 2.21 1.79 4 4 4s4-1.79 4-4-1.79-4-4-4v3L8 7l4-4v3c3.31 0 6 2.69 6 6z" fill-rule="evenodd"/></svg></a></div> </div> </div> <div class="mobile-visible"> <div class="shim40"></div> </div> </div> <div class="slide-wrapper"> <div class="slide-links"> <div style="padding-left: 20px;"><a href="#" class="animation-link mobile-hidden" data-target="video3" role="button">Immerse yourself in real-world, <b>case-based</b> examples brought to life by Harvard faculty and industry-leading experts from companies like Driscoll’s, Clearwater Seafoods, the BMW Group, PG&E Corporation, New Belgium Brewing, Gro Intelligence, and Indigo Carbon. </a><div class="mobile-visible">Immerse yourself in real-world, <b>case-based</b> examples brought to life by Harvard faculty and industry-leading experts from companies like Driscoll’s, Clearwater Seafoods, the BMW Group, PG&E Corporation, New Belgium Brewing, Gro Intelligence, and Indigo Carbon. </div> </div> </div> <div class="slide-deck"> <div class="animation video3 "><video class="lazy" muted autoplay playsinline="playsinline" width="100%" poster="https://cloudinary.hbs.edu/hbsit/image/upload/s--o1tG4Tp6--/f_auto,c_fill,h_382,w_680,/v20200101/DA0A531B09AB9CD77B85FA9F11322210.jpg"> <source data-src="https://cdnapisec.kaltura.com/p/1423662/sp/142366200/playManifest/entryId/1_po49e92g/flavorId/1_451fpjfi/format/url/protocol/https/a5cc37e9.mp4" type="video/mp4"></video><div class="visually-hidden"> Description of silent animated video above: Learner scrolls through video interviews from prominent business leaders</div> <div class="pause-btn"><a role="button" href="#" class="pause-animation" aria-label="Pause silent animation video with Learner scrolls through video interviews from prominent business leaders"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 20 20" height="18px" viewBox="0 0 20 20" width="18px" fill="#FFFFFF"> <g> <rect fill="none" height="20" width="20"/> </g> <g> <path d="M10,2c-4.42,0-8,3.58-8,8s3.58,8,8,8s8-3.58,8-8S14.42,2,10,2z M9,13H7.5V7H9V13z M12.5,13H11V7h1.5V13z"/> </g></svg></a></div> <div class="play-btn"><a role="button" href="#" class="play-animation" aria-label="Play silent animation video with Learner scrolls through video interviews from prominent business leaders"><svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="#FFFFFF"> <path d="M0 0h24v24H0V0z" fill="none"/> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z"/></svg></a></div> <div class="restart-btn"><a role="button" href="#" class="restart-animation" aria-label="Replay silent animation video with Learner scrolls through video interviews from prominent business leaders"><svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="#FFFFFF"> <path d="M0 0h24v24H0V0z" fill="none"/> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm6 10c0 3.31-2.69 6-6 6s-6-2.69-6-6h2c0 2.21 1.79 4 4 4s4-1.79 4-4-1.79-4-4-4v3L8 7l4-4v3c3.31 0 6 2.69 6 6z" fill-rule="evenodd"/></svg></a></div> </div> </div> </div> </div> </div> </div> <div class="icon-teasers light-gray1-bg " style=""> <div class="container tablet-container mobile-container"> <div class=" teaser-wrapper center"> <h2 class="h2-fancy kappa-uc">About the Professor</h2> <div class="shim15"></div> <div class="shim15"></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: 120px; margin: 0 auto; padding-bottom: 13px; box-sizing: border-box;"> <div class="crimson"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--em9-uso8--/f_auto,c_fill,g_face:auto,h_120,w_120,/v20200101/C15BB6C11F338FB69D46E11687309A55.jpg" class="fluid circle" alt="" width="120" height="120"></div> </div> <h3><span class="kappa"><a href="https://www.hbs.edu/faculty/Pages/profile.aspx?facId=6538" target="_blank">Forest Reinhardt</a><br>Business and Climate Change</span></h3> <div class="shim10"></div> <div class="shim6"></div> <div class="zen regular" style="color: #59666F;">John D. Black Professor of Business Administration</div> <div class="shim16"></div> <div class="kappa regular" style="line-height: 22px; text-align: left;">"Companies will have to play an active role if we, as a society, are to have any realistic hope of managing the challenges presented by climate change."</div> </div> <div class="shim40 mobile-visible"></div> <div class="icon-teaser center card-item"> <div class="equal-heights-item" style="width: 120px; margin: 0 auto; padding-bottom: 13px; box-sizing: border-box;"> <div class="crimson"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--rH5BGMg4--/f_auto,c_fill,g_face:auto,h_120,w_120,/v20200101/2ACCB9DB73A044AA1DCD8C1BAE3CEE26.jpg" class="fluid circle" alt="" width="120" height="120"></div> </div> <h3><span class="kappa"><a href="https://www.hbs.edu/faculty/Pages/profile.aspx?facId=386263" target="_blank">Michael Toffel</a><br>Business and Climate Change</span></h3> <div class="shim10"></div> <div class="shim6"></div> <div class="zen regular" style="color: #59666F;">Senator John Heinz Professor of Environmental Management </div> <div class="shim16"></div> <div class="kappa regular" style="line-height: 22px; text-align: left;">"This course will introduce you to many ways in which climate change is affecting companies, and how managers are responding."</div> </div> </div> </div> </div> </div> <div class="online-carousel berry-red-bg white"> <div id="time"></div> <div class="online-carousel-inner"> <div class="container tablet-container mobile-container"> <h2 class="eta center">Dates & Eligibility</h2> <div class="shim26"></div> <div class="card-slide-wrapper"> <div class="card-slide"> <div class="no-course" style="display:none;flex-grow:1"> <p class="center">No current course offerings for this selection.</p> </div> <div class="black center cohort-card card-item "> <div class="course-card white-bg" data-wcm-edit-url="/online/Lists/Cohorts/EditForm.aspx?ID=698"> <div class="slate zen regular">Starting</div> <div class="delta regular" style="text-transform: uppercase;">Jan</div> <div class="delta regular" style="margin-top: -6px;">15</div> <div class="yellow-bg" style="height: 3px; width: 40px; margin: 26px auto;"></div> <div class="zen regular">5 Weeks  <span class="bold2">$1,850 + applicable international taxes</span><div class="shim5"></div> </div> <div class="zen regular"> Enrollment deadline January 9</div> <div class="shim5"></div> <div class="zen regular"><a href="https://image.email.online.hbs.edu/lib/fe281173716404797c1c76/m/1/ec18e8f6-105e-4f91-b53d-e1e130aea623.pdf" class="add-underline" aria-label="View weekly calendar for course starting Jan 15">View weekly calendar</a></div> <div class="shim5"></div> <div class="shim26"></div> <div class="shim50"></div> <div class=" course-btn"><a href="https://account.myhbx.org/s/login/?startURL=https%3A%2F%2Faccount.myhbx.org&PC=BCLC&WC=BCLC2501A05" class="
 btn btn-primary no-arrow bold" aria-label="Enroll Now for course starting Jan 15">Enroll Now</a></div> </div> </div> <div class="black center cohort-card card-item "> <div class="course-card white-bg" data-wcm-edit-url="/online/Lists/Cohorts/EditForm.aspx?ID=729"> <div class="slate zen regular">Starting</div> <div class="delta regular" style="text-transform: uppercase;">Mar</div> <div class="delta regular" style="margin-top: -6px;">19</div> <div class="yellow-bg" style="height: 3px; width: 40px; margin: 26px auto;"></div> <div class="zen regular">5 Weeks  <span class="bold2">$1,850 + applicable international taxes</span><div class="shim5"></div> </div> <div class="zen regular"> Enrollment deadline March 13</div> <div class="shim5"></div> <div class="zen regular"><a href="https://image.email.online.hbs.edu/lib/fe281173716404797c1c76/m/1/2ee2866c-cabe-4725-963d-b7dd94c3bed5.pdf" class="add-underline" aria-label="View weekly calendar for course starting Mar 19">View weekly calendar</a></div> <div class="shim5"></div> <div class="shim26"></div> <div class="shim50"></div> <div class=" course-btn"><a href="https://account.myhbx.org/s/login/?startURL=https%3A%2F%2Faccount.myhbx.org&PC=BCLC&WC=BCLC2503A05" class="
 btn btn-primary no-arrow bold" aria-label="Enroll Now for course starting Mar 19">Enroll Now</a></div> </div> </div> <div xmlns:atom="http://www.w3.org/2005/Atom" xmlns:ext="http://www.hbs.edu/" class="left-arrow-circle"><a href="#" class="prev-btn black" role="button" aria-label="Previous slide of course options"> <div class="arrow-wrapper"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-up" width="7" height="12" style="" viewBox="0 0 12 7" version="1.1" focusable="false"> <g transform="translate(47 450)"> <g> <use xlink:href="#dropdown_up" transform="translate(-47 -450)" fill="currentColor"/> </g> </g> <defs> <path fill="currentColor" id="dropdown_up" d="M 10.6 7L 12 5.6L 6 0L 0 5.6L 1.4 7L 6 2.7L 10.6 7Z"/> </defs></svg></div></a></div> <div xmlns:atom="http://www.w3.org/2005/Atom" xmlns:ext="http://www.hbs.edu/" class="right-arrow-circle"><a href="#" class="next-btn black" role="button" aria-label="Next slide of course options"> <div class="arrow-wrapper"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-up" width="7" height="12" style="" viewBox="0 0 12 7" version="1.1" focusable="false"> <g transform="translate(47 450)"> <g> <use xlink:href="#dropdown_up" transform="translate(-47 -450)" fill="currentColor"/> </g> </g> <defs> <path fill="currentColor" id="dropdown_up" d="M 10.6 7L 12 5.6L 6 0L 0 5.6L 1.4 7L 6 2.7L 10.6 7Z"/> </defs></svg></div></a></div> </div> </div> <div class="page-dots"><a href="#" class="dot-btn current" role="button" aria-label="Carousel slide 1" data-slide="1"> <div class="dot"></div></a><a href="#" class="dot-btn " role="button" aria-label="Carousel slide 2" data-slide="2"> <div class="dot"></div></a></div> <div class="footer-text" style="margin-top: 35px;"> <div> <ul> <li> <div class="item"> <div style="float: left;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"> <polygon points="19 3 23 7 9 21 1 13 5 9 9 13 19 3" style="fill:#D0D669;stroke:#D0D669;stroke-linejoin:round;"/></svg></div> <div style="overflow: hidden; padding-left: 15px;" class="add-underline check-item"> <Item>No documentation required</Item> </div> </div> </li> </ul> </div> <div class="footer-blurb"> <p>All learners must be at least 18 years of age, proficient in English, and committed to learning and engaging with fellow participants throughout the course.</p> <p><a href="/organizations/" style="color: #ffffff;">Learn about bringing this course to your organization</a>.</p> </div> </div> </div> </div> </div> <div class="learner-stories gray1-bg"> <div id="stories1"></div> <div class="center"> <h2 class="delta">Learner Stories</h2> </div> <div class="shim44 desktop-visible"></div> <div class="shim20 desktop-hidden"></div> <div class="image-wrapper"> <div style="position:relative; display: inline-block;"><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--Rxf2H9HW--/f_auto,c_fill,w_608,/v20200101/C8BAAEB2FC4E60BE7E6F2DC80C10ABBD.jpg" class="fluid" alt="" style="display: block;" loading="lazy" widht="608" height="405"><div class="zeta white bold2 img-num">80%</div> <div class="zen regular yellow-bg img-caption center">say HBS Online offers a better overall experience than competitive online business programs</div> </div> </div> <div class="container tablet-container mobile-container"> <div class="person-wrapper"> <div class="white-bg person-quote" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=221"> <div class="person-blurb zen regular add-underline">Participating in the student discussions was empowering. It ignited a drive within me to learn and absorb as much as I could.</div> <div class="box-person"> <div class="shim11"></div> <div class="box-person-bio"> <div style="min-width: 55px;"><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--lH16-oWp--/f_auto,c_fill,w_110,/v20200101/05B7A9CA34607BAA4995B05C34516E50.jpg" width="55" height="55" loading="lazy" alt=""></div> <div class="mu regular" style="padding-left: 12px;"><span class="bold2">Leslie Pico</span><br>A small business owner and tech entrepreneur from Arizona<br>Programming & System Analysis, Biomedical Engineering, Estrella Mountain Community College<br/>Small Business Administration, Northern Arizona University</div> </div> </div> </div> <div class="shim25"></div> <div class="white-bg person-quote" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=1235"> <div class="person-blurb zen regular add-underline">As always, the case studies are eye-opening. The content is superb, and the presentation of the case is superb as well.</div> <div class="box-person"> <div class="shim11"></div> <div class="box-person-bio"> <div style="min-width: 55px;"><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--tFgjHuJm--/f_auto,c_fill,w_110,/v20200101/464DE081ABAC1CC007C9EFCA0C6ED78A.jpg" width="55" height="55" loading="lazy" alt=""></div> <div class="mu regular" style="padding-left: 12px;"><span class="bold2">Richard Pitts</span><br>VP and Senior Medical Director at St. Joseph Heritage Health</div> </div> </div> </div> <div class="shim25"></div> <div class="center"> <div><a href="/more-info/student-stories/?program=Sustainable%20Business%20Strategy" class="
 btn btn-secondary-small hbsred white-bg">Read more learner stories</a></div> </div> </div> <div class="clearfix"></div> <div class="shim20"></div> <div class="mu regular" style="color: #59666F;">* Source: 2022 surveys and course data</div> </div> </div> <div class="berry-red-bg white"> <div class="container mobile-container tablet-container"> <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><h2 class="eta" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=2405">Business and Climate Change FAQs</h2> <div class="shim10"></div> <div class="hr crimson-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=2406"> <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;"> <h3>What are the learning requirements in order to successfully complete the course, and how are grades assigned?</h3> <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>Business and Climate Change participants are eligible for a Certificate of Completion from Harvard Business School Online.</p> <p>Participants are expected to fully complete all coursework in a thoughtful and timely manner. This means completing each course module and fully answering questions posed therein by the required deadline. This course also features recommended weekly deadlines to help ensure your cohort proceeds through the course at a similar pace and can take full advantage of social learning opportunities. In addition to module completion, we expect participation in the social learning elements of the course by offering feedback on others’ reflections and contributing to conversations on the platform. Participants who fail to complete the course requirements will not receive a certificate and will not be eligible to retake the course.</p> <p>More detailed information on course requirements will be communicated at the start of the course. No grades are assigned for Business and Climate Change. Participants will either be evaluated as complete or not complete.</p></div> </div> <div class="hr crimson-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=2407"> <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;"> <h3>What materials will I have access to after completing Business and Climate Change?</h3> <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></p> <p>You will have access to the materials in every prior module as you progress through the program. Access to course materials and the course platform ends 60 days after the final program deadline.</p> <p>At the end of each course module, you’ll be able to download a PDF summary highlighting key concepts introduced in the course. At the end of the program, you’ll receive a PDF compilation of all the module summary documents. We hope these serve as a helpful resource after you finish the course.</p> <p></p></div> </div> <div class="hr crimson-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=2408"> <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;"> <h3>How should I list my certificate on my resume?</h3> <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><strong>Once you've earned your Certificate of Completion, list it on your resume along with the date of completion:</strong></p> <p></p> <p>Harvard Business School Online<br /> Certificate in Business and Climate Change<br /> [Cohort Start Month and Year]</p> <p></p> <p><strong></strong></p> <p><strong>List your certificate on your LinkedIn profile under "Education" as follows:</strong></p> <p></p> <p><strong>School:</strong> Harvard Business School Online<br /> <strong>Dates Attended:</strong> [The year you participated in the program]<br /> <strong>Degree:</strong> Certificate in Business and Climate Change<br /> <strong>Field of Study:</strong> Leave blank<br /> <strong>Grade:</strong> "Complete"<br /> <strong>Activities and Societies:</strong> Leave blank</p> <p><strong>Description:</strong> <br /> </p> <p>Business and Climate Change is a 5-week, 25-30-hour online certificate program from Harvard Business School. It offers professionals from diverse backgrounds economics- and science-based solutions and strategies to address climate change risks and opportunities through the lens of business.</p> <p></p></div> </div> <div class="hr crimson-bg" style="margin: 20px 0px; opacity: .5;"></div> </div> <div class="span2"> </div> </div> </div> </div> <div> <div class="shim1 " style="height:48px"></div> </div> <div class="course-cards container tablet-container mobile-container" data-wcm-edit-url="/online/Lists/CourseCardsGroupings/EditForm.aspx?ID=40"> <div class="course-card-header" style="justify-content: space-around;"> <div class="header-text"> <h2 class="h2-fancy kappa-uc">Related Programs</h2> <div class="shim10 mobile-visible"></div> <div class="shim40"></div> </div> </div> <div class="card-deck river"> <div class="card sm-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"> <h3 class="card-title eta">Credential of Leadership, Impact, and Management in Business (CLIMB)</h3> <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 class="card sm-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 sm-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 sm-vertical card-vertical" data-wcm-edit-url="/online/Lists/coursecards/EditForm.aspx?ID=36"><a href="/courses/sustainable-investing/" class="card-link" aria-label="Sustainable Investing"></a><div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--7Y0kUYsV--/f_auto,c_fill,h_213,w_380,/v20200101/33611F8546CF195AB58FDA4E09A8ED34.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 Investing</h3> <div class="label">Professors Shawn Cole & Vikram Gandhi</div> <p class="card-text">Evaluate environmental, social, and governance (ESG) factors, and learn how to incorporate them into investment decisions and measure and manage their impact.</p> </div> <div class="card-footer"><small class="full-width">6 weeks, 5 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 sm-vertical card-vertical" data-wcm-edit-url="/online/Lists/coursecards/EditForm.aspx?ID=35"><a href="/courses/power-influence-positive-impact/" class="card-link" aria-label="Power and Influence for Positive Impact"></a><div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--38la0xIN--/f_auto,c_fill,h_213,w_380,/v20200101/4414C4E8307887D4E2F8A8A91EED87BF.jpg" class="card-img-top" alt="" width="378" height="212"></div> <div class="card-content"> <div class="card-body"> <h3 class="card-title eta">Power and Influence for Positive Impact</h3> <div class="label">Professor Julie Battilana</div> <p class="card-text">Understand how power really works and develop your own to gain influence and make an impact within your organization and society.</p> </div> <div class="card-footer"><small class="full-width">6 weeks, 6-7 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> </div> <div> <div class="shim1 " style="height:32px"></div> </div> </main> </div>  <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="faqs2"></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-faqs2" 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-faqs2"> <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-faqs2" 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-faqs2"> <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-faqs2" 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-faqs2"> <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-faqs2" 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-faqs2"> <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-faqs2" 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-faqs2"> <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-faqs2" 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-faqs2"> <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-faqs2" 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-faqs2"> <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 src="/js/courses.js" type="text/javascript"></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($){ $('main').addClass('toc-on-page'); $('.table-of-contents .toc-jump').on('click',function(e){ e.preventDefault(); hash = $(this).attr("href"); var tocWrap = $('.table-of-contents-wrapper'); var offset = $('html').hasClass('ua-tablet') ? 80 : 150; console.log("offset: " + offset); tocWrap.addClass('jump-to'); $('html, body').animate({ scrollTop: $(hash).offset().top - offset }, 300); setTimeout(function(){ tocWrap.removeClass('jump-to'); },1200); $('.table-of-contents').addClass('sticky'); var tocItems = $('.table-of-contents .toc-item'); tocItems.removeClass('current'); $(this).parents('.toc-item').addClass('current'); }); $(document).on('framework.resize' ,function(){ $('.table-of-contents').removeClass('sticky'); }) }); jQuery(function($){ $('.tabbed-boxes .tabs .tab button').click(function(){ var tab = $(this).parent('.tab'); var tab_id = tab.attr('data-tab'); $(this).parents('.tabs').children('.tab').removeClass('current'); $(this).parents('.tabbed-boxes').find('.tab-box').removeClass('current'); tab.addClass('current'); $("#"+tab_id).addClass('current').focus(); $(this).parents('.tabs').find('.tab button').attr('aria-selected', 'false'); $(this).attr('aria-selected', 'true'); }); $('.tabbed-boxes .tabs .tab button').on('keypress',function(event){ if (framework.accessibleClick(event) === true) { event.preventDefault(); $(this).click(); } }); }); jQuery(function($){ var lazyVideos = [].slice.call(document.querySelectorAll(".animation-slides video.lazy")); var isMobile = document.getElementsByClassName("ua-mobile"); if ("IntersectionObserver" in window && isMobile.length == 0) { var lazyVideoObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(function(video) { if (video.isIntersecting) { video.target.closest('.slide-wrapper').querySelector('.animation-link').classList.add('current'); for (var source in video.target.children) { var videoSource = video.target.children[source]; if (typeof videoSource.tagName === "string" && videoSource.tagName === "SOURCE") { videoSource.src = videoSource.dataset.src; } } video.target.load(); video.target.classList.remove("lazy"); lazyVideoObserver.unobserve(video.target); } }); }); lazyVideos.forEach(function(lazyVideo) { lazyVideoObserver.observe(lazyVideo); }); } $('.animation-slides .animation-link').on('click',function(e){ e.preventDefault(); $('.animation-slides .animation').removeClass('current'); $('.animation-slides .animation-link').removeClass('current'); var targetElem = $(this).data('target'); $('.' + targetElem).addClass('current'); $(this).addClass('current'); }); var isMobile = $('.ua-mobile'); if (isMobile.length) { $('.animation-slides .pause-btn').css('display', 'none'); $('.animation-slides .play-btn').css('display', 'block'); } $('.animation-slides a.pause-animation, .animation-slides a.play-animation, .animation-slides a.restart-animation').on('click',function(e){ e.preventDefault(); var video = $(this).parents('.animation').find('video'); if (video.length) { if ($(this).hasClass('pause-animation')) { video[0].pause(); var playbtn = $(this).parents('.animation').find('.play-btn'); if(playbtn.length) { playbtn.css('display', 'block'); playbtn.find('a').focus(); $(this).parents('.pause-btn').css('display', 'none'); } } else { if (video.hasClass('lazy')) { video.find('source').attr('src', video.find('source').data('src')); video[0].load(); video.removeClass('lazy'); } else { video[0].play(); } var pausebtn = $(this).parents('.animation').find('.pause-btn'); if(pausebtn.length) { pausebtn.css('display', 'block'); pausebtn.find('a').focus(); $(this).parents('.play-btn').css('display', 'none'); $(this).parents('.restart-btn').css('display', 'none'); } } } }); $('.animation-slides .animation video').on('ended',function(){ var playbtn = $(this).parents('.animation').find('.play-btn'); var pausebtn = $(this).parents('.animation').find('.pause-btn'); var restartbtn = $(this).parents('.animation').find('.restart-btn'); if (playbtn.length) playbtn.css('display', 'none'); if (pausebtn.length) pausebtn.css('display', 'none'); if (restartbtn.length) { restartbtn.css('display', 'block'); restartbtn.find('a').focus(); } }); }); jQuery(function($){ function carouselInit(carousel) { $(carousel).data('current-item', 0); var fullWidth = $(carousel).find('.card-slide').outerWidth(true); $(carousel).data('full-width', fullWidth); var carouselItems = $(carousel).find('.card-item:visible'); var numItems = carouselItems.length; $(carousel).data('num-items', numItems); var carouselItem = carouselItems.outerWidth(true); var items = Math.trunc(fullWidth / carouselItem); $(carousel).data('items', items); console.log('fulWidth: ' + fullWidth + ' numItems: ' + numItems); console.log('carouselItem: ' + carouselItem + ' items: ' + items); var dots = $(carousel).find('.page-dots a.dot-btn'); var visibleDots = $(carousel).find('.page-dots a.dot-btn:visible'); var dotCount = Math.ceil(numItems / items); carouselItems.each(function(index) { $(this).css('left', 0); $(this).removeClass('active'); if(index < items) { $(this).addClass('active'); } }); if (numItems <= items || numItems == 0) { $(carousel).find('.right-arrow-circle').css('visibility', 'hidden'); $(carousel).find('.page-dots').css('display', 'none'); $(carousel).find('.card-slide').css('justify-content', 'center'); } else { $(carousel).find('.right-arrow-circle').css('visibility', 'visible'); $(carousel).find('.page-dots').css('display', 'flex'); $(carousel).find('.card-slide').css('justify-content', 'left'); } $(carousel).find('.left-arrow-circle').css('visibility', 'hidden'); if (dotCount != visibleDots.length) { dots.each(function(index) { if (index >= dotCount) { $(this).css('display', 'none'); } else { $(this).css('display', 'block'); } }); } dots.removeClass('current'); $(carousel).find('.page-dots a:first-child').addClass('current'); } $('.online-carousel').each(function() { carouselInit(this); }); $(document).on('framework.resize' ,function(){ $('.online-carousel').each(function() { carouselInit(this); }); }); var delay = false; $('.online-carousel .left-arrow-circle a.prev-btn, .online-carousel .right-arrow-circle a.next-btn, .online-carousel .page-dots a.dot-btn').on('click',function(e){ e.preventDefault(); if(delay) return; delay = true; setTimeout(function(){delay = false},1200); var carousel = $(this).parents('.online-carousel'); var currentItem = $(carousel).data('current-item') || 0; $(carousel).data('current-item', currentItem); var fullWidth = $(carousel).data('full-width') || 0; var numItems = $(carousel).data('num-items') || 0; var items = $(carousel).data('items') || 0; var isLeft = $(this).hasClass('prev-btn'); var isDot = $(this).hasClass('dot-btn'); var startSlide = currentItem / items; var goToSlide = 0; var currentDot = $(carousel).find('.page-dots a.dot-btn.current'); console.log('current item: ' + currentItem + ' isLeft: ' + isLeft + ' isDot: ' + isDot + ' startSlide: ' + startSlide); console.log(currentDot); if (isDot) { $(carousel).find('.page-dots a.dot-btn').removeClass('current'); $(this).addClass('current'); goToSlide = $(this).data('slide') - 1; currentItem = items * goToSlide; } else if (isLeft) { currentItem = currentItem - items; currentDot.removeClass('current'); currentDot.prev().addClass('current'); } else { currentItem = currentItem + items; currentDot.removeClass('current'); currentDot.next().addClass('current'); } endItem = currentItem + items; var carouselItems = $(carousel).find('.card-item:visible'); carouselItems.each(function(index) { var newLeft = 0; if(isDot) { if (startSlide < goToSlide) { newLeft = parseInt($(this).css('left'), 10) + 0 - (fullWidth * (goToSlide - startSlide)); } else if(startSlide == goToSlide) { newLeft = parseInt($(this).css('left'), 10); } else { newLeft = parseInt($(this).css('left'), 10) + (fullWidth * (startSlide - goToSlide)); } } else if (isLeft) { newLeft = parseInt($(this).css('left'), 10) + fullWidth; } else { newLeft = parseInt($(this).css('left'), 10) - fullWidth; } $(this).css('left', newLeft); if (index >= endItem || index < currentItem) { $(this).removeClass('active'); } else if (index >= currentItem && index < endItem) { $(this).addClass('active'); } }); if (currentItem > 0) { $(carousel).find('.left-arrow-circle').css('visibility', 'visible'); } else { $(carousel).find('.left-arrow-circle').css('visibility', 'hidden'); } if (numItems <= endItem) { $(carousel).find('.right-arrow-circle').css('visibility', 'hidden'); } else { $(carousel).find('.right-arrow-circle').css('visibility', 'visible'); } $(carousel).data('current-item', currentItem); }); function filterCards(carousel, catFilter) { $(carousel).find(".no-course").hide(); console.log("filter to: " + catFilter); if (catFilter == 'All') { $(carousel).find('.card-item').css('display', 'block'); } else { $(carousel).find('.card-item').css('display', 'none'); if (catFilter) { var showItems = $(carousel).find('.card-item.' + catFilter); showItems.css('display', 'block'); if (!showItems.length) { $(carousel).find(".no-course").show(); } } } carouselInit(carousel); } $('.online-carousel .categories a.cat-btn').on('click',function(e){ e.preventDefault(); var carousel = $(this).parents('.online-carousel'); $(carousel).find('.categories a.cat-btn').removeClass('current'); $(this).addClass('current'); $(carousel).find('.categories a.cat-btn').attr('aria-selected', 'false'); $(this).attr('aria-selected', 'true'); var currentCat = $(this).find('.filter-by').data('tag'); if (currentCat == undefined) currentCat = $(this).text().trim(); filterCards(carousel, currentCat); }); $('.online-carousel').each(function() { var currentCategory = $(this).find(".categories div.cat-btn.current").find('.filter-by').data('tag'); if (currentCategory != undefined) { console.log('pre-filter to: ' + currentCategory); filterCards(this, currentCategory); } }); }); 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>

CINXE.COM

Business and Climate Change Course | HBS Online