Design Thinking 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>Design Thinking Course | HBS Online</title> <meta content="Our Design Thinking Course teaches you to leverage fundamental design thinking principles and innovative problem-solving tools to solve business challenges." name="description"/> <meta content="ZIjEz6bTgRrYb8w4Q4IZZUWxfLoYMT6Cx_JvlIh0G2k" name="google-site-verification"/> <link href="https://online.hbs.edu/courses/design-thinking-innovation/" rel="canonical"/> <meta name="viewport" content="width=device-width,initial-scale=1"><link rel="shortcut icon" href="https://webassets.hbs.edu/sites/online/favicon.ico"><link rel="preload" as="style" href="https://webassets.hbs.edu/libs/framework/1.0/css/framework-async.min.css" onload="this.onload=null;this.rel='stylesheet'"><noscript> <link rel="stylesheet" href="https://webassets.hbs.edu/libs/framework/1.0/css/framework-async.min.css"></noscript> <link rel="image_src" href="https://www.hbs.edu/images/site/sharelogo.jpg"><meta name="HBSSearchUrl" content="/search"><meta name="PageBuildDateTime" content="Sun, 24 Nov 2024 04:00:56 GMT on "> <link rel="preload" as="image" href="https://cloudinary.hbs.edu/hbsit/image/upload/s--Ye6fPYC2--/f_auto,c_fill,h_382,w_680,/v20200101/00D7680DFADE3782E87FD14C4ACFA43A.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%); } } .component-framework .teal-inherit .video-container#video-container-11 .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-11 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-11 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-11 .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-11 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-11 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-11 .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-11 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-11 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-11 .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-11 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-11 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-11 .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-11 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-11 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-11 .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-11 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-11 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-11 .wrapper { background-color: #000; } .video-container#video-container-11 .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-11 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-11 .image-title { color: white; } .video-container#video-container-11 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-11 .image-title:hover { text-decoration:none; } .video-container#video-container-11.fancy-hover:hover .overlay, .video-container#video-container-11.fancy-hover:hover .play-overlay, .video-container#video-container-11 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-11.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-11 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-11 a { display:block; height:100%; } .video-container#video-container-11: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-11 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-11 .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-11 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-11 .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-11 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-11 .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-12 .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-12 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-12 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-12 .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-12 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-12 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-12 .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-12 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-12 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-12 .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-12 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-12 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-12 .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-12 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-12 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-12 .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-12 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-12 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-12 .wrapper { background-color: #000; } .video-container#video-container-12 .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-12 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-12 .image-title { color: white; } .video-container#video-container-12 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-12 .image-title:hover { text-decoration:none; } .video-container#video-container-12.fancy-hover:hover .overlay, .video-container#video-container-12.fancy-hover:hover .play-overlay, .video-container#video-container-12 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-12.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-12 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-12 a { display:block; height:100%; } .video-container#video-container-12: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-12 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-12 .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-12 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-12 .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-12 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-12 .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-13 .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-13 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-13 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-13 .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-13 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-13 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-13 .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-13 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-13 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-13 .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-13 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-13 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-13 .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-13 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-13 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-13 .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-13 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-13 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-13 .wrapper { background-color: #000; } .video-container#video-container-13 .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-13 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-13 .image-title { color: white; } .video-container#video-container-13 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-13 .image-title:hover { text-decoration:none; } .video-container#video-container-13.fancy-hover:hover .overlay, .video-container#video-container-13.fancy-hover:hover .play-overlay, .video-container#video-container-13 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-13.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-13 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-13 a { display:block; height:100%; } .video-container#video-container-13: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-13 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-13 .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-13 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-13 .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-13 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-13 .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=33"> <div class="container tablet-container mobile-container online-breadcrumbs"> <ul class="nu responsive-breadcrumb toggle-container"> <li class="responsive-breadcrumb-toggle"><a href="#" class="toggle-button">…</a><span class="txt-arrow" aria-hidden="true">→</span></li> <li><a href="https://www.hbs.edu/Pages/default.aspx" class="ink">Harvard Business School</a><span class="txt-arrow" aria-hidden="true">→</span></li> <li><a href="/" class="ink">HBS Online</a><span class="txt-arrow" aria-hidden="true">→</span></li> <li> <div class="dropdown-container"><a class="ink nu dropdown-toggle" href="/courses/" role="button">Online Business Certificate Courses<span class="icon-select"></span></a><ul class="dropdown-menu nu"> <li><a href="/courses/" class="white">Online Business Certificate Courses</a><div class="divider inherit-bg"></div> </li> <li><a href="/subjects/business-essentials/" class="white">Business Essentials</a></li> <li><a href="/subjects/business-society/" class="white">Business in Society</a></li> <li><a href="/courses/business-strategy/" class="white">Business Strategy</a></li> <li><a href="/subjects/digital-transformation/" class="white">Digital Transformation</a></li> <li><a href="/subjects/entrepreneurship-innovation/" class="white">Entrepreneurship & Innovation</a></li> <li><a href="/subjects/finance-accounting/" class="white">Finance & Accounting</a></li> <li><a href="/subjects/leadership-management/" class="white">Leadership & Management</a></li> <li><a href="/courses/leadership-ethics-corporate-accountability/" class="white">Leadership, Ethics, and Corporate Accountability</a></li> <li><a href="/subjects/marketing/" class="white">Marketing</a></li> <li><a href="/subjects/strategy/" class="white">Strategy</a></li> </ul> </div><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/entrepreneurship-innovation/">Entrepreneurship & Innovation</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_noee9kot" class="widget-video-inline tile" target="_blank" aria-label="Play Video for Introduction to Design Thinking and Innovation"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--Ye6fPYC2--/f_auto,c_fill,h_382,w_680,/v20200101/00D7680DFADE3782E87FD14C4ACFA43A.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_noee9kot" class="widget-video-embed tile" aria-label="Play Video for Introduction to Design Thinking and Innovation"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--Ye6fPYC2--/f_auto,c_fill,h_382,w_680,/v20200101/00D7680DFADE3782E87FD14C4ACFA43A.jpg" class="o fluid" alt="" width="680" height="382"></div></a></div> </div> </div> </div> <div class="video-caption zen regular">Introduction to Design Thinking and Innovation</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">Design Thinking and Innovation</h1> <div class="bold2" style="padding: 10px 0px 3px 0px;">$1,850</div> <div class="zen regular">Next 7-week session starts January 8th</div> <div style="padding-top: 22px" class=""> <div><a href="https://account.myhbx.org/s/login/?startURL=https://account.myhbx.org/&PC=DTIN" class="
 btn btn-primary no-arrow bold" aria-label="Enroll for Design Thinking and Innovation">Enroll Now</a></div> </div> </div> <div style="padding-top: 20px;">Leverage design thinking principles and creative problem-solving tools to develop innovative solutions to your most challenging business problems.</div> <div class="stats" style="padding-top: 18px;"> <div class="point headerblue-bg"> <div class="number">7</div> <div class="zen normal">weeks</div> </div> <div class="point headerblue-bg"> <div class="number">6-8</div> <div class="zen normal">hours per week</div> </div> <div class="point headerblue-bg"> <div class="number">7</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=DTIN" class="
 btn btn-primary-small" aria-label="Enroll Now for Design Thinking and Innovation">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>Approach problems using structured methods of gathering observations, breaking cognitive fixedness, and generating creative ideas for solutions</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>Apply creative solutions and behavior-change analysis to innovation development and internal team processes</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>Develop a strategic innovation toolkit and learn when and how to apply design thinking and innovative problem-solving tools and exercises</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>Practice empathy in applying a human-centered approach to design techniques, such as user research, user experience, prototyping, and journey mapping</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>Assess group dynamics and improve team performance through tools and processes designed to enhance collaboration and iteration in development</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>Guide teams to draw from a wide range of professional experiences and backgrounds and create stronger collaboration dynamics to heighten their approach to innovation</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="aspiringorcurrentinnovationmanagers-1-tabs1"><button id="aspiringorcurrentinnovationmanagers-1-tabs1-tab" aria-controls="aspiringorcurrentinnovationmanagers-1-tabs1" aria-selected="true"> <h3>Aspiring or Current Innovation Managers</h3></button></div> <div class="tab zen " data-tab="entrepreneurs-2-tabs1"><button id="entrepreneurs-2-tabs1-tab" aria-controls="entrepreneurs-2-tabs1" aria-selected="false"> <h3>Entrepreneurs</h3></button></div> <div class="tab zen " data-tab="productmanagersdevelopersandmarketers-3-tabs1"><button id="productmanagersdevelopersandmarketers-3-tabs1-tab" aria-controls="productmanagersdevelopersandmarketers-3-tabs1" aria-selected="false"> <h3>Product Managers, Developers, and Marketers</h3></button></div> </div> <div class="shim30"></div> <div class="tab-box white-bg current" id="aspiringorcurrentinnovationmanagers-1-tabs1" aria-labelledby="aspiringorcurrentinnovationmanagers-1-tabs1-tab" tabindex="-1"> <div class="person-quote"> <div class="box-blurb eta regular add-underline">Develop an innovation mindset and toolkit you can use to guide your team or organization’s strategy.</div> <div class="box-person" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=2258"> <div class="box-video"> <div class="video-title zen regular add-underline no-video">"This course is excellent for executives and managers who constantly grapple with finding new ways to make their work impactful and useful for their target audience.”</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--0hl-eWN2--/f_auto,c_fill,w_110,/v20200101/865385A3CDF4356A1DFB85462915D8E4.jpg" width="55" height="55" loading="lazy" alt=""></div> <div class="mu regular" style="padding-left: 12px;"><span class="bold2">Cebisa Ncube</span><br>Design Thinking and Innovation Participant</div> </div> </div> </div> </div> <div class="tab-box white-bg " id="entrepreneurs-2-tabs1" aria-labelledby="entrepreneurs-2-tabs1-tab" tabindex="-1"> <div class="person-quote"> <div class="box-blurb eta regular add-underline">Discover frameworks and techniques you can leverage to bring new and innovative products or services to market.</div> <div class="box-person" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=2260"> <div class="box-video"> <div class="video-title zen regular add-underline no-video">“The course masterfully interwove design thinking theory as a process with helpful tools and outstanding examples from practitioners and companies.”</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--DODr_Lhq--/f_auto,c_fill,w_110,/v20200101/FD19A6DDCA665F35309E8C8FF380B623.jpg" width="55" height="55" loading="lazy" alt=""></div> <div class="mu regular" style="padding-left: 12px;"><span class="bold2">Sandra Pérez Botero</span><br>Design Thinking and Innovation Participant</div> </div> </div> </div> </div> <div class="tab-box white-bg " id="productmanagersdevelopersandmarketers-3-tabs1" aria-labelledby="productmanagersdevelopersandmarketers-3-tabs1-tab" tabindex="-1"> <div class="person-quote"> <div class="box-blurb eta regular add-underline">Create products and services that resonate with your audience by understanding and applying human-centered design.</div> <div class="box-person" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=2261"> <div class="box-video"> <div class="video-title zen regular add-underline no-video">"I’ve taken many courses from HBS Online because they’re either directly applicable to my career (like this course) or can help me get to where I want to be. This particular course has been the best among them all."</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--CkauGhYF--/f_auto,c_fill,w_110,/v20200101/094DAF4E8B3EFBEC0C70893A8D9BC9A4.jpg" width="55" height="55" loading="lazy" alt=""></div> <div class="mu regular" style="padding-left: 12px;"><span class="bold2">Yashvardhan Gusani</span><br>Design Thinking and Innovation Participant</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--a3lA9lpq--/f_auto,c_fill,e_sharpen:300,h_422,w_326,/v20200101/0E44D06E101A9F1E442E030052D85EBA.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--yvQ-V9b3--/f_auto,c_fill,e_sharpen:300,h_422,w_326,/v20200101/CF7331D2EDC58543479F9285473F7C8E.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 entrepreneurship and innovation</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>7 Modules, 40-50 Hours</Blurb> </div> <div class="zen regular add-underline" style="padding-top: 10px;"><a href="/Documents/syllabus-design-thinking-innovation.pdf">Download full syllabus</a></div> </div> <div class="shim30"></div> <div class="card"> <div class="top-card"> <div class="left-col no-gap"> <div class="hours center"></div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;"></div> <h3 class="eta"></h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">This course features access to an AI course assistant bot, in beta release, to facilitate your successful completion of the course.</div> </div> </div> </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;">6-7</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Module 1</div> <h3 class="eta">Content Week - Clarify: Empathy and Understanding</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Define users' explicit pain points and latent needs to identify the most game-changing part of a problem, and analyze your organization's capacity for innovative thinking.</div> </div> <div class="right-col"> <h4 class="zen" style="margin-bottom: 10px;">Highlights</h4> <div class="card-river"> <div class="highlight-card"> <div><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s---5z7SNH3--/f_auto,c_fill,h_98,w_175,/v20200101/29F56D56B54B668A6E152097B7FB3A92.jpg" alt="" loading="lazy" width="175" height="98"></div> <div class="shim7"></div> <div class="mu regular">What Is Innovation?</div> </div> <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_2y4qsc68" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Structuring Observations Using Journey Maps"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--jRND_fu3--/f_auto,c_fill,h_98,w_175,/v20200101/B5F833DD158523483D5C86FE3CD9E020.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_2y4qsc68" class="widget-video-embed tile" aria-label="Play Video for Structuring Observations Using Journey Maps"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--jRND_fu3--/f_auto,c_fill,h_98,w_175,/v20200101/B5F833DD158523483D5C86FE3CD9E020.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Structuring Observations Using Journey Maps</div> </div> <div class="highlight-card"> <div><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--phCKYiXv--/f_auto,c_fill,h_98,w_175,/v20200101/1112DE4208DE885570AA26C308481D23.jpg" alt="" loading="lazy" width="175" height="98"></div> <div class="shim7"></div> <div class="mu regular">Changing Lives Through Innovation at BMVSS</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_ra7re9q9" class="widget-video-popup tile" target="_blank" aria-label="Play Video for What is Problem Framing?"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--pXEanI-B--/f_auto,c_fill,h_98,w_175,/v20200101/390629EE49B558445FBC5B01C25EA770.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_ra7re9q9" class="widget-video-embed tile" aria-label="Play Video for What is Problem Framing?"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--pXEanI-B--/f_auto,c_fill,h_98,w_175,/v20200101/390629EE49B558445FBC5B01C25EA770.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">What Is Problem Framing?</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">An Introduction to Innovation</div> <div class="clear"></div> </li> <li> <div class="list-text">Clarify Through Observation</div> <div class="clear"></div> </li> <li> <div class="list-text">Insights and Problem Framing</div> <div class="clear"></div> </li> <li> <div class="list-text">The Right Enviroment for Creativity</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">Problem Framing: Reframe problems from various perspectives (deep, emotional, broad, and dynamic) to identify new pain points and make new solutions possible</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;">6-8</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Module 2</div> <h3 class="eta">Project Week – Clarify</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Practice researching the innovation context and empathizing with users through structured tools.</div> </div> <div class="right-col"> <h4 class="zen" style="margin-bottom: 10px;">Highlights</h4> <div class="card-river"> <div class="highlight-card"> <div><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--dw4aPvsy--/f_auto,c_fill,h_98,w_175,/v20200101/E72E5B3C0DEAD50299C2EB02FFDD6C09.jpg" alt="" loading="lazy" width="175" height="98"></div> <div class="shim7"></div> <div class="mu regular">Project Week Assignment</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">Project Instructions</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_scial_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Project: Apply tools from Module 1 to an innovation problem of your own choosing, or a provided scenario</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;">6-7</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Module 3</div> <h3 class="eta">Content Week - Ideate, Part 1: Tools for Generating Ideas</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Develop design principles to create user-focused ideas, experiment with ideation tools, and explore different ideation approaches, such as alternate worlds and brainstorming.</div> </div> <div class="right-col"> <h4 class="zen" style="margin-bottom: 10px;">Highlights</h4> <div class="card-river"> <div class="highlight-card"> <div><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--bqKEUqXN--/f_auto,c_fill,h_98,w_175,/v20200101/2CC558F332704E5822168EBE893DA245.jpg" alt="" loading="lazy" width="175" height="98"></div> <div class="shim7"></div> <div class="mu regular">Ideation and Cognitive Fixedness</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_p0oic9oc" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Opportunities in 2 by 2 Frameworks"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--9u8aQXD5--/f_auto,c_fill,h_98,w_175,/v20200101/2752B141E8211423926A5AB56AC22209.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_p0oic9oc" class="widget-video-embed tile" aria-label="Play Video for Opportunities in 2 by 2 Frameworks"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--9u8aQXD5--/f_auto,c_fill,h_98,w_175,/v20200101/2752B141E8211423926A5AB56AC22209.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Opportunities in 2 by 2 Frameworks</div> </div> <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_lytxvk74" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Innovation at IBM"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--sbOa0A1p--/f_auto,c_fill,h_98,w_175,/v20200101/615D4AC17E4AA009B65EBC930FE91F5C.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_lytxvk74" class="widget-video-embed tile" aria-label="Play Video for Innovation at IBM"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--sbOa0A1p--/f_auto,c_fill,h_98,w_175,/v20200101/615D4AC17E4AA009B65EBC930FE91F5C.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Innovation at IBM</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">Establishing Focus with Design Principles</div> <div class="clear"></div> </li> <li> <div class="list-text">The Ideation Process: Getting Started with SIT</div> <div class="clear"></div> </li> <li> <div class="list-text">More SIT Tools for Ideation</div> <div class="clear"></div> </li> <li> <div class="list-text">Open-Ended Approaches to Generating Ideas</div> <div class="clear"></div> </li> <li> <div class="list-text">Review of Project Work</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_pair_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">SIT’s Closed World: Divide an existing product, service, model, or strategy into components and manipulate them to break cognitive fixedness and generate ideas</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;">6-7</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Module 4</div> <h3 class="eta">Content Week - Ideate, Part 2: User Values and Behaviors</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Refine innovation ideas using design heuristics and apply research-based personas and behavior models to make innovations easier to adopt.</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-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_knpwi07t" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Match Mental Models, Reduce Complexity, and Prevent Errors"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--lTDyl-kl--/f_auto,c_fill,h_98,w_175,/v20200101/A3DA0E596B56966F375315CB1ACFD61F.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_knpwi07t" class="widget-video-embed tile" aria-label="Play Video for Match Mental Models, Reduce Complexity, and Prevent Errors"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--lTDyl-kl--/f_auto,c_fill,h_98,w_175,/v20200101/A3DA0E596B56966F375315CB1ACFD61F.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Match Mental Models, Reduce Complexity, and Prevent Errors</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_1nnbf181" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Developing Research-Based Personas"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--xPriA8rF--/f_auto,c_fill,h_98,w_175,/v20200101/DC820E6E598F74432881904814D886BB.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_1nnbf181" class="widget-video-embed tile" aria-label="Play Video for Developing Research-Based Personas"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--xPriA8rF--/f_auto,c_fill,h_98,w_175,/v20200101/DC820E6E598F74432881904814D886BB.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Developing Research-Based Personas</div> </div> <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_2jhfsfy5" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Anticipate Needs, Recognize Constraints, and Show Responsiveness"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--rPDTJa0L--/f_auto,c_fill,h_98,w_175,/v20200101/8615257337A025FE5605E253BDEF1435.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_2jhfsfy5" class="widget-video-embed tile" aria-label="Play Video for Anticipate Needs, Recognize Constraints, and Show Responsiveness"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--rPDTJa0L--/f_auto,c_fill,h_98,w_175,/v20200101/8615257337A025FE5605E253BDEF1435.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Anticipate Needs, Recognize Constraints, and Show Responsiveness</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">Design Heuristics for Generating and Refining Ideas</div> <div class="clear"></div> </li> <li> <div class="list-text">Designing for Behavior 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">B. J. Fogg Behavioral Model: Identify prompts to improve users’ ability and motivation to engage in a desired behavior</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;">6-8</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Module 5</div> <h3 class="eta">Project Week - Ideate </h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Practice generating ideas and evaluating them against research and key insights through structured tools.</div> </div> <div class="right-col"> <h4 class="zen" style="margin-bottom: 10px;">Highlights</h4> <div class="card-river"> <div class="highlight-card"> <div><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--WV7_QL7A--/f_auto,c_fill,h_98,w_175,/v20200101/3BE6EF84FA14E8F3172252E93EA0FA52.jpg" alt="" loading="lazy" width="175" height="98"></div> <div class="shim7"></div> <div class="mu regular">Project Week Assignment</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">Project Instructions</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">Project: Apply tools from Modules 3 and 4 to your innovation problem or the provided scenario</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;">6-7</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Module 6</div> <h3 class="eta">Content Week - Develop: An Experimentation Mindset</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Develop, assess, and strengthen innovation concepts, and guide prototyping by creating critical questions related to a concept's desirability, feasibility, and viability.</div> </div> <div class="right-col"> <h4 class="zen" style="margin-bottom: 10px;">Highlights</h4> <div class="card-river"> <div class="highlight-card"> <div><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--zMKDnn2q--/f_auto,c_fill,h_98,w_175,/v20200101/42CC598CCA869ADB0BB60CBE87816C14.jpg" alt="" loading="lazy" width="175" height="98"></div> <div class="shim7"></div> <div class="mu regular">Impact, Difficulty, and Innovation Sweet Spot</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_oazwlnsa" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Near Far Sweet"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--8HO3p0BI--/f_auto,c_fill,h_98,w_175,/v20200101/520B32474B7F5EC98635CF21E8BB3661.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_oazwlnsa" class="widget-video-embed tile" aria-label="Play Video for Near Far Sweet"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--8HO3p0BI--/f_auto,c_fill,h_98,w_175,/v20200101/520B32474B7F5EC98635CF21E8BB3661.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Near Far Sweet</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_rqbs4tl4" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Moderna"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--nqCXmkLI--/f_auto,c_fill,h_98,w_175,/v20200101/D6B38B7FE306A33B48C8AF60562A4221.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_rqbs4tl4" class="widget-video-embed tile" aria-label="Play Video for Moderna"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--nqCXmkLI--/f_auto,c_fill,h_98,w_175,/v20200101/D6B38B7FE306A33B48C8AF60562A4221.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Moderna</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">Idea Selection and Evaluation</div> <div class="clear"></div> </li> <li> <div class="list-text">Defining and Refining Your Prototype Plan</div> <div class="clear"></div> </li> <li> <div class="list-text">Prototyping: From Exploration to Validation</div> <div class="clear"></div> </li> <li> <div class="list-text">Leading Concept Development</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">Concept Poster: Organize all information about an innovation concept to identify critical questions for prototyping</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;">6-7</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Module 7</div> <h3 class="eta">Content Week - Implement: Communication and Structure</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Assess developer and user perspectives for bias, apply frameworks to communicate an innovation's value, and reflect on management skills for sustaining a culture of innovation.</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-11" data-id="video-container-11" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_52od64a5" class="widget-video-popup tile" target="_blank" aria-label="Play Video for The Curse of Knowledge"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--datOVnRr--/f_auto,c_fill,h_98,w_175,/v20200101/5553C62B6C96DD7FB95B313CE03FC58B.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_52od64a5" class="widget-video-embed tile" aria-label="Play Video for The Curse of Knowledge"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--datOVnRr--/f_auto,c_fill,h_98,w_175,/v20200101/5553C62B6C96DD7FB95B313CE03FC58B.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">The Curse of Knowledge</div> </div> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-12" data-id="video-container-12" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_zv07toib" class="widget-video-popup tile" target="_blank" aria-label="Play Video for The Elephant and Rider Framework"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--YPBhC72S--/f_auto,c_fill,h_98,w_175,/v20200101/67246DDAC0A01EE455053F2A95B0BC4B.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_zv07toib" class="widget-video-embed tile" aria-label="Play Video for The Elephant and Rider Framework"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--YPBhC72S--/f_auto,c_fill,h_98,w_175,/v20200101/67246DDAC0A01EE455053F2A95B0BC4B.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">The Elephant and Rider Framework</div> </div> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-13" data-id="video-container-13" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_7w73kd9u" class="widget-video-popup tile" target="_blank" aria-label="Play Video for A New Healthcare Model at Royal Philips"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--hvCDBnhu--/f_auto,c_fill,h_98,w_175,/v20200101/56C046E264F0D5C13285ADA7595F6CB1.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_7w73kd9u" class="widget-video-embed tile" aria-label="Play Video for A New Healthcare Model at Royal Philips"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--hvCDBnhu--/f_auto,c_fill,h_98,w_175,/v20200101/56C046E264F0D5C13285ADA7595F6CB1.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">A New Healthcare Model at Royal Philips</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">Overcoming Developer and User Bias</div> <div class="clear"></div> </li> <li> <div class="list-text">Strategies for Communicating Value</div> <div class="clear"></div> </li> <li> <div class="list-text">Managing an Innovation Culture</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_pencil_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Stakeholder Analysis: Compare the resistance and status-quo bias of key stakeholders and develop a communication plan</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=14"> <div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s---DAVgjE0--/f_auto,c_fill,h_265,w_390,/v20200101/4526F0B67335173ACADA7E9B2D2BBF54.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/entrepreneurship-ebook" rel="nofollow">So You Want to Be an Entrepreneur: How to Get Started</a></h2> <div class="shim8"></div> </div> <div class="text-body"> <div class="card-text"> <Blurb>In this guide, you’ll learn about what characterizes a successful entrepreneur, how to decide if entrepreneurship is right for you, and what skills you need to thrive.</Blurb> </div> <div class="shim20"></div> <div><a href="https://info.email.online.hbs.edu/entrepreneurship-ebook" rel="nofollow" class="
 btn btn-secondary-small hbsred white-bg" id="related-item-1" aria-label="Access Your Free E-Book: So You Want to Be an Entrepreneur">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;">Design Thinking and Innovation equips current and aspiring innovation managers with the design thinking principles and innovative problem-solving tools to solve business challenges and guide their organization’s strategy.</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 and applying your knowledge through two weeks of project work. </a><div class="mobile-visible">Stay <b>active</b> by engaging in a new activity every three to five minutes and applying your knowledge through two weeks of project work. </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/a511245d.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 with a global community of peers before, during, and after your course. Learners who successfully complete an HBS Online program will be 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 with a global community of peers before, during, and after your course. Learners who successfully complete an HBS Online program will be 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/a7c8a8d5.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 industry-leading experts from companies like Moderna, IBM, T-Mobile, and Royal Philips.</a><div class="mobile-visible">Immerse yourself in real-world, <b>case-based</b> examples brought to life by industry-leading experts from companies like Moderna, IBM, T-Mobile, and Royal Philips.</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/fedf61c3.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--fBoGcRqn--/f_auto,c_fill,g_face:auto,h_120,w_120,/v20200101/B95A8CDFBD1DB1E3D8E81A4F2AF6D8EB.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=6443" target="_blank">Srikant Datar</a><br>Design Thinking and Innovation</span></h3> <div class="shim10"></div> <div class="shim6"></div> <div class="zen regular" style="color: #59666F;">George F. Baker Professor of Administration and Dean of Harvard Business School</div> <div class="shim16"></div> <div class="kappa regular" style="line-height: 22px; text-align: left;">"Design Thinkng and Innovation will teach you how to leverage fundamental design thinking principles and innovative problem-solving tools to address business challenges and build products, strategies, teams, and environments for optimal use and performance."</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=692"> <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;">08</div> <div class="yellow-bg" style="height: 3px; width: 40px; margin: 26px auto;"></div> <div class="zen regular">7 Weeks  <span class="bold2">$1,850 + applicable international taxes</span><div class="shim5"></div> </div> <div class="zen regular"> Enrollment deadline January 2</div> <div class="shim5"></div> <div class="zen regular"><a href="https://image.email.online.hbs.edu/lib/fe281173716404797c1c76/m/1/0793d073-cac5-4e88-9963-086f42697630.pdf" class="add-underline" aria-label="View weekly calendar for course starting Jan 08">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=DTIN&WC=DTIN2501A07" class="
 btn btn-primary no-arrow bold" aria-label="Enroll Now for course starting Jan 08">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=722"> <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;">05</div> <div class="yellow-bg" style="height: 3px; width: 40px; margin: 26px auto;"></div> <div class="zen regular">7 Weeks  <span class="bold2">$1,850 + applicable international taxes</span><div class="shim5"></div> </div> <div class="zen regular"> Enrollment deadline February 27</div> <div class="shim5"></div> <div class="zen regular"><a href="https://image.email.online.hbs.edu/lib/fe281173716404797c1c76/m/1/ff4d9a9a-ec06-42bd-9803-32e70344b727.pdf" class="add-underline" aria-label="View weekly calendar for course starting Mar 05">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=DTIN&WC=DTIN2503A07" class="
 btn btn-primary no-arrow bold" aria-label="Enroll Now for course starting Mar 05">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=761"> <div class="slate zen regular">Starting</div> <div class="delta regular" style="text-transform: uppercase;">May</div> <div class="delta regular" style="margin-top: -6px;">14</div> <div class="yellow-bg" style="height: 3px; width: 40px; margin: 26px auto;"></div> <div class="zen regular">7 Weeks  <span class="bold2">$1,850 + applicable international taxes</span><div class="shim5"></div> </div> <div class="zen regular"> Enrollment deadline May 8</div> <div class="shim5"></div> <div class="zen regular"><a href="https://image.email.online.hbs.edu/lib/fe281173716404797c1c76/m/1/35c1b850-0f86-4f87-9c6d-ef6ae6cc10a0.pdf" class="add-underline" aria-label="View weekly calendar for course starting May 14">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=DTIN&WC=DTIN2505A07" class="
 btn btn-primary no-arrow bold" aria-label="Enroll Now for course starting May 14">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><a href="#" class="dot-btn " role="button" aria-label="Carousel slide 3" data-slide="3"> <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">90%</div> <div class="zen regular yellow-bg img-caption center">are more self-assured at work</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=2261"> <div class="person-blurb zen regular add-underline">I’ve taken many courses from HBS Online because they’re either directly applicable to my career (like this course) or can help me get to where I want to be. This particular course has been the best among them all.</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--CkauGhYF--/f_auto,c_fill,w_110,/v20200101/094DAF4E8B3EFBEC0C70893A8D9BC9A4.jpg" width="55" height="55" loading="lazy" alt=""></div> <div class="mu regular" style="padding-left: 12px;"><span class="bold2">Yashvardhan Gusani</span><br>Design Thinking and Innovation Participant</div> </div> </div> </div> <div class="shim25"></div> <div class="white-bg person-quote" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=2269"> <div class="person-blurb zen regular add-underline">Learning from an establishment like Harvard Business School and being in a cohort of people from all over the world from a variety of fields was truly monumental for me.</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--RWhmoT5T--/f_auto,c_fill,w_110,/v20200101/B98188F6961CEBABC8112123633282A4.jpg" width="55" height="55" loading="lazy" alt=""></div> <div class="mu regular" style="padding-left: 12px;"><span class="bold2">Tina Kamel</span><br>Design Thinking and Innovation Participant</div> </div> </div> </div> <div class="shim25"></div> <div class="center"> <div><a href="/more-info/student-stories/" 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: 2019-2020 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=2039">Design Thinking and Innovation 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=2470"> <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>Could you tell me a little more about the AI Course Assistant chat bot?</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>You can think of the beta version of the Design Thinking and Innovation AI Course Assistant chat bot in two ways: like a virtual Teaching Assistant who can help you consolidate and confirm your understanding of course concepts, and as a virtual Learner Success Assistant who can help you stay on track with completing the coursework in a timely fashion. When you are finding a particular concept difficult to master, or would like additional examples of a theory, try asking the bot your question in the same way you would phrase it to a human TA. If you have a question pertaining to where or how to submit certain assignments, or one relating to deadlines or time estimates, you can also express those in a similar fashion. Please note that no preexisting familiarity or experience with generative AI is necessary or assumed to use the bot and, while we encourage you to engage with the bot and share your candid feedback on your experience, a lack of engagement with the bot will not adversely impact your eligibility for a certificate of completion.</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=2040"> <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 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-2-faqs1"> <div class="shim20"></div><p>Participants in Design Thinking and Innovation 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 will mean meeting each week’s course module deadlines and fully answering questions posed therein. This helps ensure participants proceed through the course at a similar pace and can take full advantage of social learning opportunities. In addition to module and assignment completion, we expect you to offer feedback on others’ reflections and contribute 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 Design Thinking and Innovation. 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=2043"> <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>What materials will I have access to after completing Design Thinking and Innovation?</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>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 deadline in the program.</p> <p>At the end of each course module, you will be able to download a PDF summary highlighting key concepts used throughout the course. At the end of the program, you will receive a PDF compilation of all of the module summary documents. We hope the module summary documents will serve as a helpful resource after you finish the course.</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=2044"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-4-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <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-4-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>Harvard Business School Online<br /> Certificate in Design Thinking and Innovation<br /> [Cohort Start Month and Year]</p> <p><strong></strong></p> <p><strong><strong><strong>List your certificate on your LinkedIn profile under "Education" with the language from the <a href="/credential-verification">Credential Verification</a> page:</strong></strong></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> Other; Certificate in Design Thinking and Innovation<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 /> Design Thinking and Innovation is a 7-week, 40-hour online certificate program from Harvard Business School. Design Thinking and Innovation will teach you how to leverage fundamental design thinking principles and innovative problem-solving tools to address business challenges and build products, strategies, teams, and environments for optimal use and performance.</p> <p>The program was developed by leading Harvard Business School faculty and is delivered in an active learning environment based on the HBS signature case-based learning model. </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=2041"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-5-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>What is the project?</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-5-faqs1"> <div class="shim20"></div><p>Beginning in Module 2 of Design Thinking and Innovation, you will apply the tools you learn in the course to an innovation problem that is important or interesting to you, or you can use a provided scenario. In subsequent modules, you will use your earlier responses to build on your innovation project and make each phase of design thinking relevant to your own work.</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=2042"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-6-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>Do I need to collaborate with others to complete the project?</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-6-faqs1"> <div class="shim20"></div><p>No, each individual submits their own work in Design Thinking and Innovation, and all project work can be submitted without sharing it with others in the course. You are encouraged to share with others and ask for feedback, but collaboration isn’t necessary to advance through the course.</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=23"> <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-vertical card-vertical" data-wcm-edit-url="/online/Lists/coursecards/EditForm.aspx?ID=13"><a href="/courses/negotiation/" class="card-link" aria-label="Negotiation Mastery"></a><div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--CT_ePCUg--/f_auto,c_fill,h_213,w_380,/v20200101/510C68CC7CE03ACBB44754C4D5A140BD.jpg" class="card-img-top" alt="" width="378" height="212"></div> <div class="card-content"> <div class="card-body"> <h3 class="card-title eta">Negotiation Mastery</h3> <div class="label">Professor Michael Wheeler</div> <p class="card-text">Master negotiation techniques to secure maximum value for yourself and your organization.</p> </div> <div class="card-footer"><small class="full-width">8 weeks, 4-5 hrs/week<br> Enroll by February 13</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=8"><a href="/courses/entrepreneurship-essentials/" class="card-link" aria-label="Entrepreneurship Essentials"></a><div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--sHmm1Pxu--/f_auto,c_fill,h_213,w_380,/v20200101/517C226B88ED3775C12BE7C4CDBB50CB.jpg" class="card-img-top" alt="" width="378" height="212"></div> <div class="card-content"> <div class="card-body"> <h3 class="card-title eta">Entrepreneurship Essentials</h3> <div class="label">Professor William Sahlman</div> <p class="card-text">Master a proven framework for building and financing new ventures, and make your entrepreneurial dreams a reality.</p> </div> <div class="card-footer"><small class="full-width">4 weeks, 6-8 hrs/week<br> Enroll by January 30</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=5"><a href="/courses/disruptive-strategy/" class="card-link" aria-label="Disruptive Strategy"></a><div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--S4xPgysr--/f_auto,c_fill,h_213,w_380,/v20200101/45C3BA0BBEFEAE270584D6603E9520CE.jpg" class="card-img-top" alt="" width="378" height="212"></div> <div class="card-content"> <div class="card-body"> <h3 class="card-title eta">Disruptive Strategy</h3> <div class="label">Professors Rory McDonald & Clayton Christensen</div> <p class="card-text">Strengthen your capacity to create winning strategies and bring innovations to market by discovering customer jobs to be done and aligning your business’s resources, processes, and profit formula.</p> </div> <div class="card-footer"><small class="full-width">6 weeks, 5 hrs/week<br> Enroll by January 16</small><small><strong>$1,850</strong></small><small class="label-slate">Certificate <span class="icon"><img loading="lazy" src="/online/PublishingImages/zero-degrees/Certificate.svg" alt="" width="25" height="22"></span></small></div> </div> </div> </div> </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

Design Thinking Course | HBS Online