Credential of Leadership, Impact, and Management in Business

<!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>Credential of Leadership, Impact, and Management in Business | HBS Online</title> <meta content="CLIMB enables new and experienced leaders to ignite their careers with business skills and an immersive cohort-based learning experience." name="description"/> <meta content="ZIjEz6bTgRrYb8w4Q4IZZUWxfLoYMT6Cx_JvlIh0G2k" name="google-site-verification"/> <link href="https://online.hbs.edu/courses/climb/" 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="Mon, 17 Feb 2025 18:47:14 GMT on "> <link rel="preload" as="image" href="https://cloudinary.hbs.edu/hbsit/image/upload/s---Ow3oiUX--/f_auto,c_fill,h_382,w_680,/v20200101/0B3FF0099D9FE96A17A23C1B3D65AE6A.jpg"/> <link rel="dns-prefetch" href="https://cdnapisec.kaltura.com"/> <link rel="dns-prefetch" href="https://cdnsecakmi.kaltura.com"/> <link rel="stylesheet" href="/css/climb-rmi-form.css?v=1.0"/> <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%); } } .component-framework .teal-inherit .video-container#video-container-14 .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-14 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-14 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-14 .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-14 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-14 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-14 .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-14 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-14 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-14 .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-14 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-14 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-14 .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-14 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-14 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-14 .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-14 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-14 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-14 .wrapper { background-color: #000; } .video-container#video-container-14 .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-14 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-14 .image-title { color: white; } .video-container#video-container-14 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-14 .image-title:hover { text-decoration:none; } .video-container#video-container-14.fancy-hover:hover .overlay, .video-container#video-container-14.fancy-hover:hover .play-overlay, .video-container#video-container-14 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-14.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-14 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-14 a { display:block; height:100%; } .video-container#video-container-14: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-14 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-14 .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-14 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-14 .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-14 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-14 .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-15 .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-15 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-15 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-15 .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-15 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-15 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-15 .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-15 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-15 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-15 .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-15 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-15 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-15 .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-15 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-15 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-15 .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-15 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-15 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-15 .wrapper { background-color: #000; } .video-container#video-container-15 .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-15 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-15 .image-title { color: white; } .video-container#video-container-15 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-15 .image-title:hover { text-decoration:none; } .video-container#video-container-15.fancy-hover:hover .overlay, .video-container#video-container-15.fancy-hover:hover .play-overlay, .video-container#video-container-15 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-15.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-15 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-15 a { display:block; height:100%; } .video-container#video-container-15: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-15 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-15 .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-15 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-15 .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-15 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-15 .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-16 .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-16 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-16 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-16 .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-16 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-16 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-16 .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-16 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-16 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-16 .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-16 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-16 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-16 .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-16 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-16 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-16 .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-16 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-16 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-16 .wrapper { background-color: #000; } .video-container#video-container-16 .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-16 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-16 .image-title { color: white; } .video-container#video-container-16 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-16 .image-title:hover { text-decoration:none; } .video-container#video-container-16.fancy-hover:hover .overlay, .video-container#video-container-16.fancy-hover:hover .play-overlay, .video-container#video-container-16 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-16.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-16 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-16 a { display:block; height:100%; } .video-container#video-container-16: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-16 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-16 .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-16 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-16 .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-16 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-16 .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-17 .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-17 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-17 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-17 .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-17 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-17 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-17 .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-17 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-17 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-17 .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-17 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-17 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-17 .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-17 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-17 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-17 .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-17 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-17 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-17 .wrapper { background-color: #000; } .video-container#video-container-17 .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-17 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-17 .image-title { color: white; } .video-container#video-container-17 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-17 .image-title:hover { text-decoration:none; } .video-container#video-container-17.fancy-hover:hover .overlay, .video-container#video-container-17.fancy-hover:hover .play-overlay, .video-container#video-container-17 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-17.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-17 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-17 a { display:block; height:100%; } .video-container#video-container-17: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-17 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-17 .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-17 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-17 .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-17 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-17 .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-18 .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-18 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-18 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-18 .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-18 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-18 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-18 .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-18 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-18 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-18 .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-18 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-18 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-18 .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-18 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-18 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-18 .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-18 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-18 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-18 .wrapper { background-color: #000; } .video-container#video-container-18 .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-18 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-18 .image-title { color: white; } .video-container#video-container-18 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-18 .image-title:hover { text-decoration:none; } .video-container#video-container-18.fancy-hover:hover .overlay, .video-container#video-container-18.fancy-hover:hover .play-overlay, .video-container#video-container-18 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-18.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-18 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-18 a { display:block; height:100%; } .video-container#video-container-18: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-18 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-18 .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-18 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-18 .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-18 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-18 .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-19 .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-19 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-19 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-19 .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-19 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-19 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-19 .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-19 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-19 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-19 .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-19 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-19 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-19 .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-19 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-19 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-19 .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-19 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-19 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-19 .wrapper { background-color: #000; } .video-container#video-container-19 .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-19 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-19 .image-title { color: white; } .video-container#video-container-19 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-19 .image-title:hover { text-decoration:none; } .video-container#video-container-19.fancy-hover:hover .overlay, .video-container#video-container-19.fancy-hover:hover .play-overlay, .video-container#video-container-19 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-19.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-19 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-19 a { display:block; height:100%; } .video-container#video-container-19: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-19 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-19 .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-19 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-19 .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-19 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-19 .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; } } .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; } } .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; } } .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; } .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); } } .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> <li><a href="/courses/dynamic-teaming/" class="black skip-underline">Dynamic Teaming</a></li> <li><a href="/courses/transforming-customer-experiences/" class="black skip-underline">Transforming Customer Experiences</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> <li><a href="/courses/transforming-customer-experiences/" class="black skip-underline">Transforming Customer Experiences</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=42"> <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> <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_nj5tbqb1" class="widget-video-inline tile" target="_blank" aria-label="Play Video for Introduction to Credential of Leadership, Impact, and Management in Business (CLIMB)"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s---Ow3oiUX--/f_auto,c_fill,h_382,w_680,/v20200101/0B3FF0099D9FE96A17A23C1B3D65AE6A.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_nj5tbqb1" class="widget-video-embed tile" aria-label="Play Video for Introduction to Credential of Leadership, Impact, and Management in Business (CLIMB)"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s---Ow3oiUX--/f_auto,c_fill,h_382,w_680,/v20200101/0B3FF0099D9FE96A17A23C1B3D65AE6A.jpg" class="o fluid" alt="" width="680" height="382"></div></a></div> </div> </div> </div> <div class="video-caption zen regular">Introduction to Credential of Leadership, Impact, and Management in Business (CLIMB)</div> <div class="white-bg small-card center"> <div style="padding-bottom: 10px;"><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--J1MUZzMp--/f_auto,c_fill,w_200,/v20200101/94BE572F0C6208B69B0C827455DDD418.jpg" alt="Climb logo" loading="lazy" style="max-width: 200px;"></div> <h2 class="h2-fancy kappa-uc">Our Most Comprehensive Offering</h2> <div style="padding-top: 20px;" class="bold2 add-underline"></div> <div style="padding-top: 15px;">5 pre-set courses + 2 electives + a capstone project. Choose from the New Leader or Experienced Leader learning paths.</div> <div class="shim10"></div> <div class="item" style="padding-top: 6px; text-align: left;"> <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>100% online</Item> </div> </div> <div class="item" style="padding-top: 6px; text-align: left;"> <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 current, in-demand business skills</Item> </div> </div> <div class="item" style="padding-top: 6px; text-align: left;"> <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>Customize your curriculum</Item> </div> </div> <div class="item" style="padding-top: 6px; text-align: left;"> <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>Access a select network of like-minded leaders</Item> </div> </div> <div class="item" style="padding-top: 6px; text-align: left;"> <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>Experience exclusive course content </Item> </div> </div> <div class="item" style="padding-top: 6px; text-align: left;"> <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>Gain real-world insights from business experts</Item> </div> </div> <div class="item" style="padding-top: 6px; text-align: left;"> <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 your learning through a capstone</Item> </div> </div> </div> </div> </div> <div class="span1 mobile-hidden"> </div> <div class="span4 tablet-span5"> <div class="white-bg right-column top-spacer"> <div class="center"> <div class="yellow-bg top-label">7 Courses</div> <h1 class="beta card-title">Credential of Leadership, Impact, and Management in Business (CLIMB)</h1> <div class="bold2" style="padding: 10px 0px 3px 0px;">$15,000 (four installments of $3,750)</div> <div class="zen regular">Next session starts April 9th</div> <div style="padding-top: 22px" class="multi-btn"> <div><a href="https://account.myhbx.org/s/login/?startURL=https%3A%2F%2Faccount.myhbx.org&PC=CBNL" class="
 btn btn-primary no-arrow bold" aria-label="Apply to New Leaders Path">Apply to New Leaders Path</a></div> <div><a href="https://account.myhbx.org/s/login/?startURL=https%3A%2F%2Faccount.myhbx.org&PC=CBEL" class="
 btn btn-primary no-arrow bold" aria-label="Apply to Experienced Leaders Path">Apply to Experienced Leaders Path</a></div> </div> </div> <div style="padding-top: 20px;">CLIMB enables new and experienced leaders to ignite their careers with a combination of vital and forward-looking business skills, self-reflection, and an immersive cohort-based learning experience with a diverse global network.</div> <div class="stats" style="padding-top: 18px;"> <div class="point headerblue-bg"> <div class="number">1</div> <div class="zen normal">year</div> </div> <div class="point headerblue-bg"> <div class="number">5-9</div> <div class="zen normal">hours per week</div> </div> <div class="point headerblue-bg"> <div class="number">7</div> <div class="zen normal">courses plus a capstone project</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 Credential of Leadership, Impact, and Management in Business 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="#info" class="
 btn btn-primary-small" aria-label="Request Info for CLIMB">Request Info</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>Develop a robust set of vital and forward-looking business skills to grow as a leader</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>Engage with a global cohort of like-minded peers and build a network that lasts far beyond the program </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>Practice effective teamwork and implement strategies of high-performing teams in your workplace</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>Explore digital tools and data-informed leadership to execute, innovate, and work smarter</Item> </div> </div> <div class="item"> <div style="float: left;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"> <polygon points="19 3 23 7 9 21 1 13 5 9 9 13 19 3" style="fill:#D0D669;stroke:#D0D669;stroke-linejoin:round;"/></svg></div> <div style="overflow: hidden; padding-left: 15px;" class="add-underline"> <Item>Identify what makes a successful personal brand to establish your own</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>Gain frameworks and in-demand skills from a business curriculum with breadth and depth</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>Build expertise in an elective topic of your choosing</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="newleaders-1-tabs1"><button id="newleaders-1-tabs1-tab" aria-controls="newleaders-1-tabs1" aria-selected="true"> <h3>New Leaders</h3></button></div> <div class="tab zen " data-tab="experiencedleaders-2-tabs1"><button id="experiencedleaders-2-tabs1-tab" aria-controls="experiencedleaders-2-tabs1" aria-selected="false"> <h3>Experienced Leaders</h3></button></div> </div> <div class="shim30"></div> <div class="tab-box white-bg current" id="newleaders-1-tabs1" aria-labelledby="newleaders-1-tabs1-tab" tabindex="-1"> <div class="person-quote"> <div class="box-blurb eta regular add-underline">New Leaders have zero to three years of managerial experience and five-plus years of total professional experience.</div> <div class="box-person" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=237"> <div class="box-video"> <div class="video-title zen regular add-underline no-video"><q>I loved being able to learn the material through real examples and have found that this sort of learning makes the content stick much better in my memory.</q></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--baJ-mK2y--/f_auto,c_fill,w_110,/v20200101/3946A96657D1E9A719A706698C4C1720.jpg" width="55" height="55" loading="lazy" alt=""></div> <div class="mu regular" style="padding-left: 12px;"><span class="bold2">Dustin Brown</span><br>Working in family's real estate business</div> </div> </div> </div> </div> <div class="tab-box white-bg " id="experiencedleaders-2-tabs1" aria-labelledby="experiencedleaders-2-tabs1-tab" tabindex="-1"> <div class="person-quote"> <div class="box-blurb eta regular add-underline">Experienced Leaders have four or more years of managerial experience and seven-plus years of total professional experience. </div> <div class="box-person" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=2216"> <div class="box-video"> <div class="video-title zen regular add-underline no-video">“I was impressed by how well the course material fit my personal challenges and goals at work, and how easy it was to use the material to improve my team’s strategy execution.”</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--SDBAW17i--/f_auto,c_fill,w_110,/v20200101/FF6E020588FABFDEF89B44C09DD9E85D.jpg" width="55" height="55" loading="lazy" alt=""></div> <div class="mu regular" style="padding-left: 12px;"><span class="bold2">Melanie Lehnert-Bechle</span><br>Strategy Execution 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--3MxIIg-2--/f_auto,c_fill,e_sharpen:300,h_422,w_326,/v20200101/53CE38B538C9942E4A827E36257A3A7F.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>Credential of Leadership, Impact, and Management in Business</strong></h3> <p style="margin-bottom: 0px;"> <Blurb>Reach your peak with a comprehensive business credential.</Blurb> </p> <div class="shim20"></div> <p class="zen regular" style="margin-bottom: 10px;"> <Subtext>Earn by: completing seven courses and a capstone project</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 short-shadow"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--MdR04TyJ--/f_auto,c_fill,e_sharpen:300,h_422,w_326,/v20200101/B471A7D117A0BDE001710354307A15CC.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>Four Certificates of Completion</strong></h3> <p style="margin-bottom: 0px;"></p> <div class="shim20"></div> <p class="zen regular" style="margin-bottom: 10px;"> <Subtext>Earn by: completing courses in leadership, strategy, and finance, plus an open elective</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> <div class="shim1 " style="height:8px"></div> </div> <div class="tabbed-boxes gray1-bg"> <div class="container tablet-container mobile-container"> <h2 class="delta center">Syllabus</h2> <div class="shim40"></div> <div class="tabs"> <div class="tab zen current" data-tab="newleaders-1-tabs2"><button id="newleaders-1-tabs2-tab" aria-controls="newleaders-1-tabs2" aria-selected="true"> <h3>New Leaders</h3></button></div> <div class="tab zen " data-tab="experiencedleaders-2-tabs2"><button id="experiencedleaders-2-tabs2-tab" aria-controls="experiencedleaders-2-tabs2" aria-selected="false"> <h3>Experienced Leaders</h3></button></div> </div> <div class="shim30"></div> <div class="tab-box white-bg current" id="newleaders-1-tabs2" aria-labelledby="newleaders-1-tabs2-tab" tabindex="-1"> <div class="no-syllabus-container"> <div class="syllabus"> <div class="intro-text center"> <div id="syllabus1"></div> <div class="zen regular" style="padding-top: 10px;"> <Blurb><b>CLIMB New Leaders</b><br>7 courses (with capstone), 1 year</Blurb> </div> <div class="zen regular add-underline" style="padding-top: 10px;"><a href="/Documents/courses/climb/syllabus-new-leaders.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">Why two paths?</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">CLIMB is divided into two paths, New Leaders and Experienced Leaders, and the curriculum is tailored to where you are in your career. The required courses deliver the content you need to take your career to the next level, while the electives allow you to focus on areas of your choosing. </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;">5</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Term 1 Course - 2 weeks</div> <h3 class="eta">Orientation</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">In the Introduction, you’ll get acquainted with the content and platform, meet your peer learning teams, and prepare for the upcoming CLIMB coursework.</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;">18-24</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Terms 1 & 2 course – 4 modules</div> <h3 class="eta">Dynamic Teaming</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Dynamic Teaming explores the dynamics and leadership of effective teams. You’ll define psychological safety and cover various elements of leading effective teams, including decision-making, navigating change, agile management, and leading teams in a high-stakes and uncertain world.</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--pmmK0qS1--/f_auto,c_fill,h_98,w_175,/v20200101/E5511A98EE7C0AC5399D7860720AFB35.jpg" alt="" loading="lazy" width="175" height="98"></div> <div class="shim7"></div> <div class="mu regular">Amy Edmondson, CLIMB Faculty Chair, Novartis Professor of Leadership and Management, Harvard Business School</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_w7a1dr5g" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Introduction to Dynamic Teaming"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--wL5xOybE--/f_auto,c_fill,h_98,w_175,/v20200101/E33B82E360DF42CCDD31519D46912FE2.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_w7a1dr5g" class="widget-video-embed tile" aria-label="Play Video for Introduction to Dynamic Teaming"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--wL5xOybE--/f_auto,c_fill,h_98,w_175,/v20200101/E33B82E360DF42CCDD31519D46912FE2.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Introduction to Dynamic Teaming</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;">Modules</h4> <ol class="regular"> <li> <div class="list-text">Psychological Safety</div> <div class="clear"></div> </li> <li> <div class="list-text">Inclusion</div> <div class="clear"></div> </li> <li> <div class="list-text">Tools for Teaming</div> <div class="clear"></div> </li> <li> <div class="list-text">Failing Well</div> <div class="clear"></div> </li> </ol> </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;">35-40</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Term 1 Course - 4 Modules</div> <h3 class="eta">Leadership Principles</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Leadership Principles enables you to thrive as a leader, unleash the capabilities of others, and cultivate high-performing teams. This course leverages self-assessments, 360° feedback from colleagues, and peers’ perspectives to help you build greater self-awareness and enhance the versatility of your leadership style and approach.</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-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_9pmufjm6" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Building High-Performing Teams"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--hfU2zH1P--/f_auto,c_fill,h_98,w_175,/v20200101/CF9A0001378A0167D4A7EFB9C72E541D.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_9pmufjm6" class="widget-video-embed tile" aria-label="Play Video for Building High-Performing Teams"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--hfU2zH1P--/f_auto,c_fill,h_98,w_175,/v20200101/CF9A0001378A0167D4A7EFB9C72E541D.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Building High-Performing Teams</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_uyzs1gu4" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Model of Team Effectiveness"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--J8HqSTT0--/f_auto,c_fill,h_98,w_175,/v20200101/9168A038E2B0A333B340B48327B36476.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_uyzs1gu4" class="widget-video-embed tile" aria-label="Play Video for Model of Team Effectiveness"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--J8HqSTT0--/f_auto,c_fill,h_98,w_175,/v20200101/9168A038E2B0A333B340B48327B36476.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Model of Team Effectiveness</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_m4o7iihk" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Inquiry and Advocacy"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--_mtQEAuw--/f_auto,c_fill,h_98,w_175,/v20200101/E339BFFA94E2A6E93C8FB0E0F70701E6.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_m4o7iihk" class="widget-video-embed tile" aria-label="Play Video for Inquiry and Advocacy"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--_mtQEAuw--/f_auto,c_fill,h_98,w_175,/v20200101/E339BFFA94E2A6E93C8FB0E0F70701E6.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Inquiry and Advocacy</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;">Modules</h4> <ol class="regular"> <li> <div class="list-text">Taking Charge</div> <div class="clear"></div> </li> <li> <div class="list-text">Leading Your Team</div> <div class="clear"></div> </li> <li> <div class="list-text">Unleashing Potential in Yourself and Others</div> <div class="clear"></div> </li> <li> <div class="list-text">Your Network</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_magnifyingGlass_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Build a foundation of self-awareness through a 360° assessment (Emotional and Social Competency Inventory)</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_list_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Explore the internal drivers of your motivations as a leader through the Personal Values Questionnaire self-assessment</div> <div class="clear"></div> </li> <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">Create a diagram of your professional network to visualize, reflect on, and better utilize professional relationships</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_thinker_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Reflect on what you’ve learned throughout the course, and consider your personal leadership development plan</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_presentation2_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Various video uploads to practice what you’ve learned throughout the course</div> <div class="clear"></div> </li> </ul> </div> </div> </dd> </dl> </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;">Term 2 Course</div> <h3 class="eta">Elective (Term 2)</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">CLIMB features two electives: one finance elective (any course in the <a href="https://online.hbs.edu/subjects/finance-accounting/">Finance & Accounting</a> topic area) and one open elective (any certificate course from the <a href="/courses/">HBS Online portfolio</a>). You’ll complete one of those electives in Term 2 and the other in Term 3.</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;">10-14</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Term 3 Course – 2 modules</div> <h3 class="eta">Leading in the Digital World</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Leading in the Digital World explores what it takes to build and lead a team able to leverage digital tools and data to address customer needs and fulfill your organization’s purpose. </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--xJjlhQxh--/f_auto,c_fill,h_98,w_175,/v20200101/FD9B266F8F8D3D3B2B5ED3FFF9EABEF7.jpg" alt="" loading="lazy" width="175" height="98"></div> <div class="shim7"></div> <div class="mu regular">Linda Hill, Wallace Brett Donham Professor of Business Administration, Harvard Business School</div> </div> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-6" data-id="video-container-6" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_tmmhhl2p" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Introduction to Leading in the Digital World"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s---Py1PbyU--/f_auto,c_fill,h_98,w_175,/v20200101/B9A7B3135638B2B62A7B9519AE0A6F4E.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_tmmhhl2p" class="widget-video-embed tile" aria-label="Play Video for Introduction to Leading in the Digital World"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s---Py1PbyU--/f_auto,c_fill,h_98,w_175,/v20200101/B9A7B3135638B2B62A7B9519AE0A6F4E.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Introduction to Leading in the Digital World</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;">Modules</h4> <ol class="regular"> <li> <div class="list-text">Leading Innovation</div> <div class="clear"></div> </li> <li> <div class="list-text">Scaling Innovation</div> <div class="clear"></div> </li> </ol> </div> </div> </dd> </dl> </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;">Term 3 Course</div> <h3 class="eta">Elective (Term 3)</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">CLIMB features two electives: one finance elective (any course in the <a href="https://online.hbs.edu/subjects/finance-accounting/">Finance & Accounting</a> topic area) and one open elective (any certificate course from the <a href="/courses/">HBS Online portfolio</a>). You’ll complete one of those electives in Term 2 and the other in Term 3.</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;">10-14</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Term 4 Course – 2 modules</div> <h3 class="eta">Personal Branding</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Personal Branding explores the concept of personal branding, why it’s important, and how to leverage it to enhance your career. You’ll define what a successful personal brand is and explore how to use yours for influence and enable others to be authentic leaders.</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--98vmOYZB--/f_auto,c_fill,h_98,w_175,/v20200101/2644E023C7A1633BDE8614E7219EC1A3.jpg" alt="" loading="lazy" width="175" height="98"></div> <div class="shim7"></div> <div class="mu regular">Jill Avery, Senior Lecturer of Business Administration and C. Roland Christensen Distinguished Management Educator</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_a40gc1xo" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Introduction to Personal Branding"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--CZweP9fj--/f_auto,c_fill,h_98,w_175,/v20200101/ED39C37BAA7EC1F4722A265FE01C8595.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_a40gc1xo" class="widget-video-embed tile" aria-label="Play Video for Introduction to Personal Branding"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--CZweP9fj--/f_auto,c_fill,h_98,w_175,/v20200101/ED39C37BAA7EC1F4722A265FE01C8595.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Introduction to Personal Branding</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;">Modules</h4> <ol class="regular"> <li> <div class="list-text">Develop Your Personal Brand</div> <div class="clear"></div> </li> <li> <div class="list-text">Engage Your Personal Brand and Influence</div> <div class="clear"></div> </li> </ol> </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;">30-35</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Term 4 Course - 6 Modules</div> <h3 class="eta">Business Strategy</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Business Strategy equips you with a simplified framework you can immediately apply to create value for customers, employees, and suppliers while maximizing returns and your organization’s competitive edge. You’ll learn how to evaluate trade-offs and align, prioritize, and formulate strategic initiatives for the greatest business impact.</div> </div> <div class="right-col"> <h4 class="zen" style="margin-bottom: 10px;">Highlights</h4> <div class="card-river"> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-8" data-id="video-container-8" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_x405wv65" class="widget-video-popup tile" target="_blank" aria-label="Play Video for The Value Stick"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--MeucInEJ--/f_auto,c_fill,h_98,w_175,/v20200101/B61BB34D600D4460AE17533B9EFF7A6C.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_x405wv65" class="widget-video-embed tile" aria-label="Play Video for The Value Stick"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--MeucInEJ--/f_auto,c_fill,h_98,w_175,/v20200101/B61BB34D600D4460AE17533B9EFF7A6C.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">The Value Stick</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_1vn1g6yq" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Value Creation at Best Buy"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--YW81szHw--/f_auto,c_fill,h_98,w_175,/v20200101/22A2392DBA9F80A97BB7BD3C6137506B.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_1vn1g6yq" class="widget-video-embed tile" aria-label="Play Video for Value Creation at Best Buy"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--YW81szHw--/f_auto,c_fill,h_98,w_175,/v20200101/22A2392DBA9F80A97BB7BD3C6137506B.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Value Creation at Best Buy</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_yue9ekya" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Discerning Complements from Substitutes"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--KEDIEhIq--/f_auto,c_fill,h_98,w_175,/v20200101/28E73D6E94B9F6488D7F88BEE74C092B.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_yue9ekya" class="widget-video-embed tile" aria-label="Play Video for Discerning Complements from Substitutes"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--KEDIEhIq--/f_auto,c_fill,h_98,w_175,/v20200101/28E73D6E94B9F6488D7F88BEE74C092B.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Discerning Complements from Substitutes</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;">Modules</h4> <ol class="regular"> <li> <div class="list-text">Creating Value for Customers</div> <div class="clear"></div> </li> <li> <div class="list-text">Adding Value Through Complements</div> <div class="clear"></div> </li> <li> <div class="list-text">Competing with Network Effects</div> <div class="clear"></div> </li> <li> <div class="list-text">Creating Value for Talent</div> <div class="clear"></div> </li> <li> <div class="list-text">Mastering Productivity</div> <div class="clear"></div> </li> <li> <div class="list-text">Implementing Strategy </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">Create a customer journey map to discover complementary products and services</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_thinker_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Establish an employee journey map to find ways to improve the employee experience</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_pencil_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Develop a value map for your company</div> <div class="clear"></div> </li> <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">Diagram your professional network</div> <div class="clear"></div> </li> </ul> </div> </div> </dd> </dl> </div> <div class="card"> <div class="top-card"> <div class="left-col "> <div class="hours center"> <div class="yellow-bg"> <div class="eta" style="white-space: nowrap;">10</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;"></div> <h3 class="eta">Conclusion & Capstone</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">The CLIMB Activities and Capstone Project takes place throughout the CLIMB Program. You’ll work on tasks that allow you to collaborate with your peers and apply what you are learning in your courses as you progress through the CLIMB curriculum. At the end of the program, your work on this project will culminate with the completion of an action plan to address a goal that is applicable to your own career or organization.</div> </div> </div> </div> </div> </div> </div> <div class="tab-box white-bg " id="experiencedleaders-2-tabs2" aria-labelledby="experiencedleaders-2-tabs2-tab" tabindex="-1"> <div class="no-syllabus-container"> <div class="syllabus"> <div class="intro-text center"> <div id="syllabus2"></div> <div class="zen regular" style="padding-top: 10px;"> <Blurb><b>CLIMB Experienced Leaders</b><br>7 courses (with capstone), 1 year</Blurb> </div> <div class="zen regular add-underline" style="padding-top: 10px;"><a href="/Documents/courses/climb/syllabus-experienced-leaders.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">Why two paths?</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">CLIMB is divided into two paths, New Leaders and Experienced Leaders, and the curriculum is tailored to where you are in your career. The required courses deliver the content you need to take your career to the next level, while the electives allow you to focus on areas of your choosing. </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;">5</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Term 1 - 2 weeks</div> <h3 class="eta">Orientation</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">In the Introduction, you’ll get acquainted with the content and platform, meet your peer learning teams, and prepare for the upcoming CLIMB coursework.</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;">10-14</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Terms 1 & 2 course – 4 modules</div> <h3 class="eta">Dynamic Teaming</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Dynamic Teaming explores the dynamics and leadership of effective teams. You’ll define psychological safety and cover various elements of leading effective teams, including decision-making, navigating change, agile management, and leading teams in a high-stakes and uncertain world.</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--pmmK0qS1--/f_auto,c_fill,h_98,w_175,/v20200101/E5511A98EE7C0AC5399D7860720AFB35.jpg" alt="" loading="lazy" width="175" height="98"></div> <div class="shim7"></div> <div class="mu regular">Amy Edmonson, CLIMB Faculty Chair, Novartis Professor of Leadership and Management, Harvard Business School</div> </div> <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_w7a1dr5g" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Introduction to Dynamic Teaming"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--wL5xOybE--/f_auto,c_fill,h_98,w_175,/v20200101/E33B82E360DF42CCDD31519D46912FE2.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_w7a1dr5g" class="widget-video-embed tile" aria-label="Play Video for Introduction to Dynamic Teaming"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--wL5xOybE--/f_auto,c_fill,h_98,w_175,/v20200101/E33B82E360DF42CCDD31519D46912FE2.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Introduction to Dynamic Teaming</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;">Modules</h4> <ol class="regular"> <li> <div class="list-text">Psychologically Safe Teams</div> <div class="clear"></div> </li> <li> <div class="list-text">Leading Effective Teams</div> <div class="clear"></div> </li> </ol> </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;">45-50</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Term 1 Course - 7 Modules</div> <h3 class="eta">Organizational Leadership</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Organizational Leadership equips you with the skills, strategies, and tools to rise to expanded leadership responsibilities and guide your organization effectively. Learn how to set and communicate direction, influence through other managers, generate organizational alignment, drive innovation, and engineer change.</div> </div> <div class="right-col"> <h4 class="zen" style="margin-bottom: 10px;">Highlights</h4> <div class="card-river"> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-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_4fq37b5d" class="widget-video-popup tile" target="_blank" aria-label="Play Video for The T-Shaped Leader"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--p5FXIZuM--/f_auto,c_fill,h_98,w_175,/v20200101/DD7D48854FE4845A9EDD78C8963E1E3B.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_4fq37b5d" class="widget-video-embed tile" aria-label="Play Video for The T-Shaped Leader"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--p5FXIZuM--/f_auto,c_fill,h_98,w_175,/v20200101/DD7D48854FE4845A9EDD78C8963E1E3B.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">The T-Shaped Leader</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_64h7zqhl" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Motivating Others Through a Setback"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--ryMiazHE--/f_auto,c_fill,h_98,w_175,/v20200101/978C561C9515EDE4BC8E8570ADFC00B6.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_64h7zqhl" class="widget-video-embed tile" aria-label="Play Video for Motivating Others Through a Setback"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--ryMiazHE--/f_auto,c_fill,h_98,w_175,/v20200101/978C561C9515EDE4BC8E8570ADFC00B6.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Motivating Others Through a Setback</div> </div> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-14" data-id="video-container-14" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_9nofl9av" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Value Creation at Medtronic"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--f2zCaZ9Y--/f_auto,c_fill,h_98,w_175,/v20200101/E6BF5759942047C48BB14A89B0944712.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_9nofl9av" class="widget-video-embed tile" aria-label="Play Video for Value Creation at Medtronic"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--f2zCaZ9Y--/f_auto,c_fill,h_98,w_175,/v20200101/E6BF5759942047C48BB14A89B0944712.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Value Creation at Medtronic</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;">Modules</h4> <ol class="regular"> <li> <div class="list-text">Leading at Scale and Scope</div> <div class="clear"></div> </li> <li> <div class="list-text">Leader as Beacon: Understanding and Setting Direction</div> <div class="clear"></div> </li> <li> <div class="list-text">Leader as Beacon: Communicating Direction</div> <div class="clear"></div> </li> <li> <div class="list-text">Leader as Architect: Designing to Deliver Value</div> <div class="clear"></div> </li> <li> <div class="list-text">Project Week</div> <div class="clear"></div> </li> <li> <div class="list-text">Leader as Catalyst of Change</div> <div class="clear"></div> </li> <li> <div class="list-text">Leader as Catalyst of Innovation</div> <div class="clear"></div> </li> <li> <div class="list-text">Leading Self at Scale and Scope</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">Learning Path Tool assessment</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_pencil_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Time allocation exercise</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_thinker_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Identify key contextual factors shaping your organization</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_mobilePhone_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Video upload: Record yourself communicating direction and evaluate the effectiveness of you and your peers’ communication techniques</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_pencil_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Generate a three-year value creation plan and align your organizational architecture to it</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_pencil_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Perform a root cause analysis</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_thinker_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Explore the value of learning from mistakes to develop a culture of innovation</div> <div class="clear"></div> </li> </ul> </div> </div> </dd> </dl> </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;">Term 2 Course</div> <h3 class="eta">Elective (Term 2)</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">CLIMB features two electives: one finance elective (any course in the <a href="https://online.hbs.edu/subjects/finance-accounting/">Finance & Accounting</a> topic area) and one open elective (any certificate course from the <a href="/courses/">HBS Online portfolio</a>). You’ll complete one of those electives in Term 2 and the other in Term 3.</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;">10-14</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Term 3 Course – 2 modules</div> <h3 class="eta">Leading in the Digital World</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Leading in the Digital World explores what it takes to build and lead a team able to leverage digital tools and data to address customer needs and fulfill your organization’s purpose. </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--xJjlhQxh--/f_auto,c_fill,h_98,w_175,/v20200101/FD9B266F8F8D3D3B2B5ED3FFF9EABEF7.jpg" alt="" loading="lazy" width="175" height="98"></div> <div class="shim7"></div> <div class="mu regular">Linda Hill, Wallace Brett Donham Professor of Business Administration, Harvard Business School</div> </div> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-15" data-id="video-container-15" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_tmmhhl2p" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Introduction to Leading in the Digital World"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s---Py1PbyU--/f_auto,c_fill,h_98,w_175,/v20200101/B9A7B3135638B2B62A7B9519AE0A6F4E.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_tmmhhl2p" class="widget-video-embed tile" aria-label="Play Video for Introduction to Leading in the Digital World"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s---Py1PbyU--/f_auto,c_fill,h_98,w_175,/v20200101/B9A7B3135638B2B62A7B9519AE0A6F4E.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Introduction to Leading in the Digital World</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;">Modules</h4> <ol class="regular"> <li> <div class="list-text">Leading Innovation</div> <div class="clear"></div> </li> <li> <div class="list-text">Scaling Innovation</div> <div class="clear"></div> </li> </ol> </div> </div> </dd> </dl> </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;">Term 3 Course</div> <h3 class="eta">Elective (Term 3)</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">CLIMB features two electives: one finance elective (any course in the <a href="https://online.hbs.edu/subjects/finance-accounting/">Finance & Accounting</a> topic area) and one open elective (any certificate course from the <a href="/courses/">HBS Online portfolio</a>). You’ll complete one of those electives in Term 2 and the other in Term 3.</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;">10-14</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Term 4 Course – 2 modules</div> <h3 class="eta">Personal Branding</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Personal Branding explores the concept of personal branding, why it’s important, and how to leverage it to enhance your career. You’ll define what a successful personal brand is and explore how to use yours for influence and enable others to be authentic leaders.</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--98vmOYZB--/f_auto,c_fill,h_98,w_175,/v20200101/2644E023C7A1633BDE8614E7219EC1A3.jpg" alt="" loading="lazy" width="175" height="98"></div> <div class="shim7"></div> <div class="mu regular">Jill Avery, Senior Lecturer of Business Administration and C. Roland Christensen Distinguished Management Educator</div> </div> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-16" data-id="video-container-16" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_a40gc1xo" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Introduction to Personal Branding"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--CZweP9fj--/f_auto,c_fill,h_98,w_175,/v20200101/ED39C37BAA7EC1F4722A265FE01C8595.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_a40gc1xo" class="widget-video-embed tile" aria-label="Play Video for Introduction to Personal Branding"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--CZweP9fj--/f_auto,c_fill,h_98,w_175,/v20200101/ED39C37BAA7EC1F4722A265FE01C8595.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Introduction to Personal Branding</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;">Modules</h4> <ol class="regular"> <li> <div class="list-text">Develop Your Personal Brand</div> <div class="clear"></div> </li> <li> <div class="list-text">Engage Your Personal Brand and Influence</div> <div class="clear"></div> </li> </ol> </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;">40-45</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Term 4 Course - 6 Modules</div> <h3 class="eta">Strategy Execution</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Strategy Execution equips you with the tools, skills, and frameworks to allocate resources, measure performance, manage risk, and successfully implement strategy. You’ll explore common challenges that prevent or derail execution and learn how to design systems and structures that meet your organization’s strategic objectives.</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-17" data-id="video-container-17" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_tchl16uw" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Making Tough Choices"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--2_xjU6BM--/f_auto,c_fill,h_98,w_175,/v20200101/3E07E09B52DF6DA49232F0EB4880E4B7.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_tchl16uw" class="widget-video-embed tile" aria-label="Play Video for Making Tough Choices"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--2_xjU6BM--/f_auto,c_fill,h_98,w_175,/v20200101/3E07E09B52DF6DA49232F0EB4880E4B7.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Making Tough Choices</div> </div> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-18" data-id="video-container-18" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_k5qn9xgb" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Performing the X-Test"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--WpKnYQlb--/f_auto,c_fill,h_98,w_175,/v20200101/3908DE4F994310316177D34A55510F1B.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_k5qn9xgb" class="widget-video-embed tile" aria-label="Play Video for Performing the X-Test"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--WpKnYQlb--/f_auto,c_fill,h_98,w_175,/v20200101/3908DE4F994310316177D34A55510F1B.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Performing the X-Test</div> </div> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-19" data-id="video-container-19" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_iouw615z" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Using Control Systems Interactively"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--pJs2u66m--/f_auto,c_fill,h_98,w_175,/v20200101/EE8420F02782945FFFECF2C6B76154A0.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_iouw615z" class="widget-video-embed tile" aria-label="Play Video for Using Control Systems Interactively"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--pJs2u66m--/f_auto,c_fill,h_98,w_175,/v20200101/EE8420F02782945FFFECF2C6B76154A0.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Using Control Systems Interactively</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;">Modules</h4> <ol class="regular"> <li> <div class="list-text">Managing the Tensions of Strategy Execution</div> <div class="clear"></div> </li> <li> <div class="list-text">Aligning Job Design to Strategy</div> <div class="clear"></div> </li> <li> <div class="list-text">Energizing Employees to Execute Strategy</div> <div class="clear"></div> </li> <li> <div class="list-text">Measuring and Monitoring Performance</div> <div class="clear"></div> </li> <li> <div class="list-text">Identifying and Managing Risks</div> <div class="clear"></div> </li> <li> <div class="list-text">Balancing Innovation and Control</div> <div class="clear"></div> </li> </ol> </div> <div class="column zen"> <h4 style="margin-bottom: 10px;">Featured Exercises</h4> <ul class="regular"> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_thinker_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Analyze your organization’s approach to managing common organizational tensions</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_thinker_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Analyze a job using the Job Design Optimization Tool (JDOT)</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_thinker_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Identify ways to dial up performance and increase innovation within your team</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_thinker_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Identify internal risk pressures using the Risk Exposure Calculator</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_thinker_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Identify which opportunities your organization should and should not pursue</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_book_96x96%20(1).svg" alt="" width="25" height="25"></div> <div class="list-text">Capstone activity: develop an action plan for implementing the levers of control at your or another organization</div> <div class="clear"></div> </li> </ul> </div> </div> </dd> </dl> </div> <div class="card"> <div class="top-card"> <div class="left-col "> <div class="hours center"> <div class="yellow-bg"> <div class="eta" style="white-space: nowrap;">10</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;"></div> <h3 class="eta">Conclusion & Capstone</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">The CLIMB Activities and Capstone Project takes place throughout the CLIMB Program. You’ll work on tasks that allow you to collaborate with your peers and apply what you are learning in your courses as you progress through the CLIMB curriculum. At the end of the program, your work on this project will culminate with the completion of an action plan to address a goal that is applicable to your own career or organization.</div> </div> </div> </div> </div> </div> </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=33"> <div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--hPqH-3z6--/f_auto,c_fill,h_265,w_390,/v20200101/8DC1BF5E1CB0B7DDEA391FD7B976C593.jpg" class="fluid" alt="" width="390" height="265"></div> <div class="card-body"> <div class="header-body"> <div class="zen">Free Brochure</div> <div class="shim2"></div> <h2 class="eta"><a href="https://info.email.online.hbs.edu/climb-brochure" rel="nofollow">Learn More About CLIMB and Its Impact on Your Career</a></h2> <div class="shim8"></div> </div> <div class="text-body"> <div class="card-text"> <Blurb>Explore additional program benefits and how to choose the right path for you.</Blurb> </div> <div class="shim20"></div> <div><a href="https://info.email.online.hbs.edu/climb-brochure" rel="nofollow" class="
 btn btn-secondary-small hbsred white-bg" id="related-item-1" aria-label="Access your free brochure to learn more about CLIMB">Download the Brochure</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;">Gain real-world business insights from industry-leading experts you can apply to your career and organization. </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">Develop forward-looking business skills you can use to elevate your career, advance your team, and transform your organization.</a><div class="mobile-visible">Develop forward-looking business skills you can use to elevate your career, advance your team, and transform your organization.</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--s0dOwXR5--/f_auto,c_fill,h_382,w_680,/v20200101/0D60FEA2D7853F3701864B3EB1DA3F82.jpg"> <source data-src="https://cdnapisec.kaltura.com/p/1423662/sp/142366200/playManifest/entryId/1_l6zaj0eb/flavorId/1_451fpjfi/format/url/protocol/https/feb76ad8.mp4" type="video/mp4"></video><div class="visually-hidden"> Description of silent animated video above: Learner scrolls through course content in the learning platform</div> <div class="pause-btn"><a role="button" href="#" class="pause-animation" aria-label="Pause silent animation video with Learner scrolls through course content in the learning platform"><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 course content in the learning platform"><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 course content in the learning platform"><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">Immerse yourself in a dynamic, interactive learning experience alongside a global network of peers.</a><div class="mobile-visible">Immerse yourself in a dynamic, interactive learning experience alongside a global network of peers.</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--V36w7nTz--/f_auto,c_fill,h_382,w_680,/v20200101/76CEFFB1AD1F2CF95CEAB87E19823648.jpg"> <source data-src="https://cdnapisec.kaltura.com/p/1423662/sp/142366200/playManifest/entryId/1_y00p81qt/flavorId/1_451fpjfi/format/url/protocol/https/bc68d1fd.mp4" type="video/mp4"></video><div class="visually-hidden"> Description of silent animated video above: Learner reviews team feedback and peer comments</div> <div class="pause-btn"><a role="button" href="#" class="pause-animation" aria-label="Pause silent animation video with Learner reviews team feedback and peer comments"><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 reviews team feedback and peer comments"><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 reviews team feedback and peer comments"><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">Apply your learning through a capstone project specific to your role or organization. </a><div class="mobile-visible">Apply your learning through a capstone project specific to your role or organization. </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--Nrwsk7VW--/f_auto,c_fill,h_382,w_680,/v20200101/13505318348DB1261EE4BA69FB6AFC61.jpg"> <source data-src="https://cdnapisec.kaltura.com/p/1423662/sp/142366200/playManifest/entryId/1_nd3jdlbw/flavorId/1_451fpjfi/format/url/protocol/https/a5262057.mp4" type="video/mp4"></video><div class="visually-hidden"> Description of silent animated video above: Learner presents findings from the course with co-workers to solve a problem</div> <div class="pause-btn"><a role="button" href="#" class="pause-animation" aria-label="Pause silent animation video with Learner presents findings from the course with co-workers to solve a problem"><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 presents findings from the course with co-workers to solve a problem"><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 presents findings from the course with co-workers to solve a problem"><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="online-carousel light-gray1-bg"> <div id="carousel1"></div> <div class="online-carousel-inner"> <div class="container tablet-container mobile-container"> <h2 class="h2-fancy kappa-uc">About the Professors</h2> <div class="shim26"></div> <div class="card-slide-wrapper"> <div class="card-slide"> <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--8M-schyj--/f_auto,c_fill,g_face:auto,h_120,w_120,/v20200101/9DAB3A253A9CD182837945A881495BD2.jpg" class="fluid circle" alt="" width="120" height="120"></div> </div> <h2><span class="kappa"><a href="https://www.hbs.edu/faculty/Pages/profile.aspx?facId=6451" target="_blank">Amy Edmondson</a><br>Credential of Leadership, Impact, and Management in Business</span></h2> <div class="shim10"></div> <div class="shim6"></div> <div class="zen regular" style="color: #59666F;">Faculty Chair, Novartis Professor of Leadership and Management</div> <div class="shim16"></div> <div class="kappa regular" style="line-height: 22px; text-align: left;">"Whether you’re a new manager or have years of experience, CLIMB delivers the in-demand business skills you need for your career today."</div> </div> <div class="icon-teaser center card-item"> <div class="equal-heights-item" style="width: 120px; margin: 0 auto; padding-bottom: 13px; box-sizing: border-box;"> <div class="crimson"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--iqyrtCTi--/f_auto,c_fill,g_face:auto,h_120,w_120,/v20200101/DDDAD5D597E510A68AD5E35D7979FB0E.jpg" class="fluid circle" alt="" width="120" height="120"></div> </div> <h2><span class="kappa"><a href="https://www.hbs.edu/faculty/Pages/profile.aspx?facId=6479" target="_blank">Linda Hill</a><br>Credential of Leadership, Impact, and Management in Business</span></h2> <div class="shim10"></div> <div class="shim6"></div> <div class="zen regular" style="color: #59666F;">Wallace Brett Donham Professor of Business Administration Faculty Chair</div> <div class="shim16"></div> <div class="kappa regular" style="line-height: 22px; text-align: left;"></div> </div> <div class="icon-teaser center card-item"> <div class="equal-heights-item" style="width: 120px; margin: 0 auto; padding-bottom: 13px; box-sizing: border-box;"> <div class="crimson"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--caMo9fRv--/f_auto,c_fill,g_face:auto,h_120,w_120,/v20200101/87E8B56711AA2D50BFB58EC915A39FBA.jpg" class="fluid circle" alt="" width="120" height="120"></div> </div> <h2><span class="kappa"><a href="https://www.hbs.edu/faculty/Pages/profile.aspx?facId=176164" target="_blank">Jill Avery</a><br>Credential of Leadership, Impact, and Management in Business</span></h2> <div class="shim10"></div> <div class="shim6"></div> <div class="zen regular" style="color: #59666F;">Senior Lecturer of Business Administration and C. Roland Christensen Distinguished Management Educator</div> <div class="shim16"></div> <div class="kappa regular" style="line-height: 22px; text-align: left;"></div> </div> <div class="icon-teaser center card-item"> <div class="equal-heights-item" style="width: 120px; margin: 0 auto; padding-bottom: 13px; box-sizing: border-box;"> <div class="crimson"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--HK1RogwF--/f_auto,c_fill,g_face:auto,h_120,w_120,/v20200101/3AA79D136D3BE5DF227DC85F68173643.jpg" class="fluid circle" alt="" width="120" height="120"></div> </div> <h2><span class="kappa"><a href="https://www.hbs.edu/faculty/Pages/profile.aspx?facId=10658" target="_blank">Joshua Margolis</a><br>Credential of Leadership, Impact, and Management in Business</span></h2> <div class="shim10"></div> <div class="shim6"></div> <div class="zen regular" style="color: #59666F;">James Dinan and Elizabeth Miller Professor of Business Administration</div> <div class="shim16"></div> <div class="kappa regular" style="line-height: 22px; text-align: left;"></div> </div> <div class="icon-teaser center card-item"> <div class="equal-heights-item" style="width: 120px; margin: 0 auto; padding-bottom: 13px; box-sizing: border-box;"> <div class="crimson"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--F8b5jcNR--/f_auto,c_fill,g_face:auto,h_120,w_120,/v20200101/8867A9EBD9ED6C05D8AD9B99FAFB552E.jpg" class="fluid circle" alt="" width="120" height="120"></div> </div> <h2><span class="kappa"><a href="https://www.hbs.edu/faculty/Pages/profile.aspx?facId=154993" target="_blank">Anthony Mayo</a><br>Credential of Leadership, Impact, and Management in Business</span></h2> <div class="shim10"></div> <div class="shim6"></div> <div class="zen regular" style="color: #59666F;">Thomas S. Murphy Senior Lecturer of Business Administration and C. Roland Christensen Distinguished Management Educator</div> <div class="shim16"></div> <div class="kappa regular" style="line-height: 22px; text-align: left;"></div> </div> <div class="icon-teaser center card-item"> <div class="equal-heights-item" style="width: 120px; margin: 0 auto; padding-bottom: 13px; box-sizing: border-box;"> <div class="crimson"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--FfOw9J9e--/f_auto,c_fill,g_face:auto,h_120,w_120,/v20200101/E57A7B794842478784BBC5EAA9C5931C.jpg" class="fluid circle" alt="" width="120" height="120"></div> </div> <h2><span class="kappa"><a href="https://www.hbs.edu/faculty/Pages/profile.aspx?facId=6520" target="_blank">V.G. Narayanan</a><br>Credential of Leadership, Impact, and Management in Business</span></h2> <div class="shim10"></div> <div class="shim6"></div> <div class="zen regular" style="color: #59666F;">Thomas D. Casserly, Jr. Professor of Business Administration at Harvard Business School</div> <div class="shim16"></div> <div class="kappa regular" style="line-height: 22px; text-align: left;"></div> </div> <div class="icon-teaser center card-item"> <div class="equal-heights-item" style="width: 120px; margin: 0 auto; padding-bottom: 13px; box-sizing: border-box;"> <div class="crimson"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--z41m0bTL--/f_auto,c_fill,g_face:auto,h_120,w_120,/v20200101/A7102F42B47C904D6B507AE3D63784AA.jpg" class="fluid circle" alt="" width="120" height="120"></div> </div> <h2><span class="kappa"><a href="https://www.hbs.edu/faculty/Pages/profile.aspx?facId=6585" target="_blank">Mihir Desai</a><br>Credential of Leadership, Impact, and Management in Business</span></h2> <div class="shim10"></div> <div class="shim6"></div> <div class="zen regular" style="color: #59666F;">Mizuho Financial Group Professor of Finance</div> <div class="shim16"></div> <div class="kappa regular" style="line-height: 22px; text-align: left;"></div> </div> <div class="icon-teaser center card-item"> <div class="equal-heights-item" style="width: 120px; margin: 0 auto; padding-bottom: 13px; box-sizing: border-box;"> <div class="crimson"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--ONQTnh76--/f_auto,c_fill,g_face:auto,h_120,w_120,/v20200101/9C06DB5125D9857F1EC8F4D89291B1E8.jpg" class="fluid circle" alt="" width="120" height="120"></div> </div> <h2><span class="kappa"><a href="https://www.hbs.edu/faculty/Pages/profile.aspx?facId=251462" target="_blank">Felix Oberholzer-Gee</a><br>Credential of Leadership, Impact, and Management in Business</span></h2> <div class="shim10"></div> <div class="shim6"></div> <div class="zen regular" style="color: #59666F;">Andreas Andresen Professor of Business Administration</div> <div class="shim16"></div> <div class="kappa regular" style="line-height: 22px; text-align: left;"></div> </div> <div class="icon-teaser center card-item"> <div class="equal-heights-item" style="width: 120px; margin: 0 auto; padding-bottom: 13px; box-sizing: border-box;"> <div class="crimson"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--l0xWCSZN--/f_auto,c_fill,g_face:auto,h_120,w_120,/v20200101/04FAD9F1B23BF93CDDB0F7892F7E31F7.jpg" class="fluid circle" alt="" width="120" height="120"></div> </div> <h2><span class="kappa"><a href="https://www.hbs.edu/faculty/Pages/profile.aspx?facId=6556" target="_blank">Robert Simons</a><br>Credential of Leadership, Impact, and Management in Business</span></h2> <div class="shim10"></div> <div class="shim6"></div> <div class="zen regular" style="color: #59666F;">Baker Foundation Professor</div> <div class="shim16"></div> <div class="kappa regular" style="line-height: 22px; text-align: left;"></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 profiles"> <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 profiles"> <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><a href="#" class="dot-btn " role="button" aria-label="Carousel slide 4" data-slide="4"> <div class="dot"></div></a><a href="#" class="dot-btn " role="button" aria-label="Carousel slide 5" data-slide="5"> <div class="dot"></div></a><a href="#" class="dot-btn " role="button" aria-label="Carousel slide 6" data-slide="6"> <div class="dot"></div></a><a href="#" class="dot-btn " role="button" aria-label="Carousel slide 7" data-slide="7"> <div class="dot"></div></a><a href="#" class="dot-btn " role="button" aria-label="Carousel slide 8" data-slide="8"> <div class="dot"></div></a><a href="#" class="dot-btn " role="button" aria-label="Carousel slide 9" data-slide="9"> <div class="dot"></div></a></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="categories"><a href="#" class="cat-btn current white" role="button" aria-selected="true"> <div class="category mu">All</div></a><a href="#" role="button" aria-selected="false" class="cat-btn white "> <div class="category mu regular center"><span class="bold2 filter-by" data-tag="newleaders">New Leaders</span><br></div></a><a href="#" role="button" aria-selected="false" class="cat-btn white "> <div class="category mu regular center"><span class="bold2 filter-by" data-tag="experiencedleaders">Experienced Leaders</span><br></div></a></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 experiencedleaders "> <div class="course-card white-bg" data-wcm-edit-url="/online/Lists/Cohorts/EditForm.aspx?ID=752"> <div class="slate zen regular">Starting</div> <div class="delta regular" style="text-transform: uppercase;">Apr</div> <div class="delta regular" style="margin-top: -6px;">09</div> <div>Experienced Leaders</div> <div class="yellow-bg" style="height: 3px; width: 40px; margin: 26px auto;"></div> <div class="zen regular">  <span class="bold2">$15,000 (four installments of $3,750) + applicable international taxes</span><div class="shim5"></div> </div> <div class="zen regular"> Application deadline March 12th</div> <div class="shim5"></div> <div class="zen regular"><a href="https://image.email.online.hbs.edu/lib/fe281173716404797c1c76/m/1/afa98053-ce60-49d7-892a-4245f7b28dc8.pdf" class="add-underline" aria-label="View weekly calendar for course starting Apr 09">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=CBEL&WC=CBEL2504A" class="
 btn btn-primary no-arrow bold" aria-label="Enroll Now for course starting Apr 09">Apply Now</a></div> </div> </div> <div class="black center cohort-card card-item newleaders "> <div class="course-card white-bg" data-wcm-edit-url="/online/Lists/Cohorts/EditForm.aspx?ID=753"> <div class="slate zen regular">Starting</div> <div class="delta regular" style="text-transform: uppercase;">Apr</div> <div class="delta regular" style="margin-top: -6px;">09</div> <div>New Leaders</div> <div class="yellow-bg" style="height: 3px; width: 40px; margin: 26px auto;"></div> <div class="zen regular">  <span class="bold2">$15,000 (four installments of $3,750) + applicable international taxes</span><div class="shim5"></div> </div> <div class="zen regular"> Application deadline March 12th</div> <div class="shim5"></div> <div class="zen regular"><a href="https://image.email.online.hbs.edu/lib/fe281173716404797c1c76/m/1/ec14603c-8ab4-437c-acc5-8526e2a5f2b6.pdf" class="add-underline" aria-label="View weekly calendar for course starting Apr 09">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=CBNL&WC=CBNL2504A" class="
 btn btn-primary no-arrow bold" aria-label="Enroll Now for course starting Apr 09">Apply Now</a></div> </div> </div> <div xmlns:atom="http://www.w3.org/2005/Atom" xmlns:ext="http://www.hbs.edu/" class="left-arrow-circle"><a href="#" class="prev-btn black" role="button" aria-label="Previous slide of course options"> <div class="arrow-wrapper"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-up" width="7" height="12" style="" viewBox="0 0 12 7" version="1.1" focusable="false"> <g transform="translate(47 450)"> <g> <use xlink:href="#dropdown_up" transform="translate(-47 -450)" fill="currentColor"/> </g> </g> <defs> <path fill="currentColor" id="dropdown_up" d="M 10.6 7L 12 5.6L 6 0L 0 5.6L 1.4 7L 6 2.7L 10.6 7Z"/> </defs></svg></div></a></div> <div xmlns:atom="http://www.w3.org/2005/Atom" xmlns:ext="http://www.hbs.edu/" class="right-arrow-circle"><a href="#" class="next-btn black" role="button" aria-label="Next slide of course options"> <div class="arrow-wrapper"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-up" width="7" height="12" style="" viewBox="0 0 12 7" version="1.1" focusable="false"> <g transform="translate(47 450)"> <g> <use xlink:href="#dropdown_up" transform="translate(-47 -450)" fill="currentColor"/> </g> </g> <defs> <path fill="currentColor" id="dropdown_up" d="M 10.6 7L 12 5.6L 6 0L 0 5.6L 1.4 7L 6 2.7L 10.6 7Z"/> </defs></svg></div></a></div> </div> </div> <div class="page-dots"><a href="#" class="dot-btn current" role="button" aria-label="Carousel slide 1" data-slide="1"> <div class="dot"></div></a><a href="#" class="dot-btn " role="button" aria-label="Carousel slide 2" data-slide="2"> <div class="dot"></div></a></div> <div class="footer-text" style="margin-top: 35px;"> <div> <ul> <li> <div class="item"> <div style="float: left;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"> <polygon points="19 3 23 7 9 21 1 13 5 9 9 13 19 3" style="fill:#D0D669;stroke:#D0D669;stroke-linejoin:round;"/></svg></div> <div style="overflow: hidden; padding-left: 15px;" class="add-underline check-item"> <Item>Four installments of $3,750 and <a href="https://online.hbs.edu/more-info/employer-reimbursement">employer reimbursement</a> available</Item> </div> </div> </li> <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>Free application, complete in 15-20 minutes</Item> </div> </div> </li> <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 or GMAT/GRE scores required</Item> </div> </div> </li> </ul> </div> <div class="footer-blurb"> <p>All applicants must be at least 18 years of age, proficient in English, and committed to learning and engaging with fellow participants throughout the course.</p> <p><a href="/organizations/" style="color: #ffffff;">Learn about bringing this course to your organization</a>.</p> </div> </div> </div> </div> </div> <div class="learner-stories gray1-bg"> <div id="stories1"></div> <div class="center"> <h2 class="delta">Learner Stories</h2> </div> <div class="shim44 desktop-visible"></div> <div class="shim20 desktop-hidden"></div> <div class="image-wrapper"> <div style="position:relative; display: inline-block;"><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--Rxf2H9HW--/f_auto,c_fill,w_608,/v20200101/C8BAAEB2FC4E60BE7E6F2DC80C10ABBD.jpg" class="fluid" alt="" style="display: block;" loading="lazy" widht="608" height="405"><div class="zeta white bold2 img-num">80%</div> <div class="zen regular yellow-bg img-caption center">say HBS Online offers a better overall experience than competitive online business programs</div> </div> </div> <div class="container tablet-container mobile-container"> <div class="person-wrapper"> <div class="white-bg person-quote" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=2214"> <div class="person-blurb zen regular add-underline">I’ve found HBS Online's courses to be immediately applicable to my work, and they’ve made me a more productive member of our strategic team.</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--zx7OBfff--/f_auto,c_fill,w_110,/v20200101/047D2247A482500E432235A57C37C62C.jpg" width="55" height="55" loading="lazy" alt=""></div> <div class="mu regular" style="padding-left: 12px;"><span class="bold2">Laura Wingate</span><br>Strategy Execution 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=2203"> <div class="person-blurb zen regular add-underline">The virtual, interactive platform was unique. I was continuously engaged with the course's material and learned a lot from my peers.</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--ws8Z-nFw--/f_auto,c_fill,w_110,/v20200101/B7FFCD91E9E492C95AFBE08A41A78011.jpg" width="55" height="55" loading="lazy" alt=""></div> <div class="mu regular" style="padding-left: 12px;"><span class="bold2">Kaushal Khodifad</span><br>Senior Systems Engineer at Infosys</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: 2022 surveys and course data</div> </div> </div> <div class="berry-red-bg white"> <div class="container mobile-container tablet-container"> <div class="row tablet-row mobile-row faqs"> <div class="span2"> </div> <div class="span8"> <div id="faqs1"></div><a href="/more-info/faqs" class="white" style="float: right; display: inline-block; margin-top: 8px;">All FAQs</a><h2 class="eta" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=2317">CLIMB 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=2318"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-1-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>What do I receive by completing CLIMB?</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>Upon successful completion of the program, participants will receive a Credential of Leadership, Impact, and Management in Business. In addition, participants will also receive a Certificate of Completion for all four long courses (in leadership, strategy, finance, and an additional elective) they complete as part of their CLIMB requirements.</p> <p>The credential and the certificates are available as digital and printed documents. </p> <p>Participants will also be able to add a <a href="/credential-verification">credential verification</a> link to their digital resumes or LinkedIn profiles.</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=2319"> <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>Will I be in the same cohort all year long?</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 will complete the required courses (two long and three short courses) with their CLIMB cohort. During their elective terms, learners will select their electives from available HBS Online certificate courses.</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=2320"> <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 will the cohort experience be like?</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>An essential part of CLIMB is the peer learning experience. Not only will your section be filled with peers at similar points in their careers, but you’ll be put into peer learning teams that you interact with throughout the program. Peer learning teams will rotate once per term so that you can develop meaningful relationships with several professionals throughout the program. </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=2333"> <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>What kind of access will I have to faculty?</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>Our courses have been developed by some of the most renowned Harvard faculty and guest experts. Although professors and guest experts will not have direct, real-time interactions with learners, you will hear from them via short videos that explain key concepts and guide you through cases, exercises, and other interactive learning elements to create a highly engaging educational experience. In addition, we encourage you to collaborate with your peers to find answers to any questions you may have.</p> <p>We appreciate your understanding that HBS Online faculty and guest experts featured in our courses are not available to communicate with learners directly or participate in learner-organized events. However, you may visit the <a href="https://online.hbs.edu/blog/">HBS Online Business Insights Blog</a> and <a href="https://www.facebook.com/onlineHBS" target="_blank">HBS Online Facebook page</a> for information about upcoming conferences and webinars featuring faculty, or join the <a href="https://online.hbs.edu/more-info/community">HBS Online Community</a> to build your network and connect with other business professionals in your area.</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=2321"> <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 does the application include, and what are the admissions criteria?</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>The application takes about 20-30 minutes to complete and includes personal information, educational and professional background, and two short answer questions. We expect participants to have some professional experience, commit to a yearlong program, engage with their peers, and answer the application questions thoughtfully.</p> <p>This program does not require a GRE or GMAT score and you must be at least 18 years old to apply. Applications are reviewed on a rolling basis. You can find the application on the CLIMB course page.</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=2443"> <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>What is the difference between CLIMB and an MBA?</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>The CLIMB curriculum consists of courses that have been developed by HBS faculty and covers similar topics (leadership, strategy, and finance) to what you’d find in an MBA program. CLIMB was designed to provide both breadth and depth, so you learn essential business topics in addition to having the ability to choose electives in the span of the one-year program.</p> <p>The CLIMB curriculum is not as comprehensive as an MBA program and differs in a few other key dimensions, including price, length, and modality. CLIMB is a lower price point than most full-time MBA programs. CLIMB is approximately one year in duration, online, and asynchronous, whereas most full-time MBA programs are two years and in-person with set schedules. An online program like CLIMB provides flexibility and convenience to take courses and develop business skills within your schedule. Lastly, those who graduate from an MBA program earn an MBA degree whereas CLIMB participants earn the CLIMB credential and four individual certificates of completion for the long courses included in the program.</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=2322"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-7-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>What’s the difference between the New Leaders and Experienced Leaders paths?</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-7-faqs1"> <div class="shim20"></div><p>One of the benefits of CLIMB is being able to collaborate and develop a network with peers at similar stages of their careers. To support this, CLIMB is divided into two paths: New Leaders and Experienced Leaders. </p> <p>The New Leaders path is designed for people with zero to three years of managerial experience and five or more years of overall professional experience. The Experienced Leaders path is designed for people four or more years of managerial experience and seven or more years of overall professional experience. </p> <p>If you have fewer years of experience but are still interested in the program, please submit an inquiry to our <a href="https://online.hbs.edu/courses/climb/#info">program advising team</a>. </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=2323"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-8-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>What kind of time commitment is required to complete CLIMB?</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-8-faqs1"> <div class="shim20"></div><p>CLIMB consists of four long and three short courses and a capstone project. Required long courses range from six to eight weeks and typically require five to eight hours of work per week.</p> <p>Elective long courses range from three to eight weeks and typically require five to nine hours of work per week. </p> <p>Short courses are two weeks each and typically require five to seven hours of work per week.</p> <p>In total, CLIMB will take approximately a year to complete. The program is asynchronous, so participants can complete the work on their own time while meeting weekly course deadlines. There are no live class sessions with faculty. <br /> <br /> For exact time estimates per course, please refer to the individual course listings in <a href="https://online.hbs.edu/courses/">our course catalog</a>.<br /></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=2324"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-9-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>What is the format of CLIMB?</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-9-faqs1"> <div class="shim20"></div><p>CLIMB is a 12-month program consisting of four terms of content (three months each) and a capstone project. During those 12 months, participants complete four long courses (three to eight weeks each) and three short courses (two to three weeks each) in addition to the capstone project and peer learning activities. </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=2325"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-10-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>How and when do I select my electives?</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-10-faqs1"> <div class="shim20"></div><p>You’ll select your electives when you enroll and pay for the terms in which you take the electives. </p> <p>If you need help selecting your electives, you can <a href="https://online.hbs.edu/courses/climb/#info">reach out to a Program Advisor</a> who can provide you with more information based on your needs. </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=2326"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-11-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>How do I pay for CLIMB?</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-11-faqs1"> <div class="shim20"></div><p>Payments will be made quarterly (four payments of $3,750 throughout the program). There’s no discount for past participants. Scholarships aren’t currently available for CLIMB, but we are working to expand our financial aid offerings to assist a wider range of participants domestically and abroad. For more information and any updates related to financial aid or scholarships, please visit <a href="https://online.hbs.edu/more-info/payment-financial-aid/" target="_blank">our Payment and Financial Aid page</a>.</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=2341"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-12-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>Can I use employer reimbursement to pay for CLIMB?</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-12-faqs1"> <div class="shim20"></div><p>Many employers support their staff in continuing education opportunities by covering the costs of online business courses. To learn more, please visit our <a href="https://online.hbs.edu/more-info/employer-reimbursement">Employer Reimbursement page</a>.</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=2327"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-13-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>What if I need to drop out of the program?</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-13-faqs1"> <div class="shim20"></div><p>If you can’t continue the program, you can choose not to enroll for the next quarter of content. Participants can re-join the next time the appropriate quarter of content is offered (three to nine months later).</p> <p>Participants must complete CLIMB within two years.</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=2328"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-14-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>What are the learning requirements to earn a Credential of Leadership, Impact, and Management in Business?</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-14-faqs1"> <div class="shim20"></div><p>To earn a Credential of Leadership, Impact, and Management in Business, learners must successfully complete all four long courses, all three short courses, a capstone project, and peer learning activities. </p> <p>Participants are expected to fully complete all coursework for each program in a thoughtful and timely manner. They must meet each week’s course module deadlines and fully answer the questions posed therein. In addition to module and assignment completion, learners should offer feedback on others’ reflections and contribute to conversations on the course platform. Participants who fail to complete each course’s requirements or the capstone will not receive a Credential of Leadership, Impact, and Management.</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=2339"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-15-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>How is CLIMB different from other offerings from HBS Online?</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-15-faqs1"> <div class="shim20"></div><p>CLIMB is a selective cohort-based learning experience and HBS Online’s most comprehensive offering. The program enables new and experienced leaders to ignite their careers with a combination of essential and forward-looking business skills, self-reflection, and membership in a diverse global network of peers. Some professional experience is required for admission into the program, and participants will complete seven courses and a capstone project during the year-long program. Upon successful completion, participants will earn a Credential of Leadership, Impact, and Management in Business. </p> <p><a href="https://online.hbs.edu/courses/core/">CORe</a> is a business fundamentals program that combines Business Analytics, Economics for Managers, and Financial Accounting with a final exam. There is no experience requirement, and upon successful completion participants earn a Credential of Readiness. </p> <p>Learning Tracks enable participants to take three courses within a specific subject area to gain expertise in that topic. Learning Tracks are a deeper dive into a subject area than a single course but less comprehensive than CLIMB, and participants earn a <a href="https://online.hbs.edu/more-info/certificates-credentials-credits">Certificate of Specialization</a>.</p> <p>Courses are HBS Online’s most targeted learning experience for those interested in a specific subject and shortest time frame (three to eight weeks). Participants earn a <a href="https://online.hbs.edu/more-info/certificates-credentials-credits">Certificate of Completion</a>.</p> <p> </p></div> </div> <div class="hr crimson-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=2334"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-16-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>Will the long courses I take as part of the CLIMB curriculum count toward Learning Track requirements?</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-16-faqs1"> <div class="shim20"></div><p></p> <p>Yes, successfully completed certificate courses will count toward achieving a Certificate of Specialization from a <a href="https://online.hbs.edu/more-info/learning-tracks" target="_blank" rel="noreferrer noopener">Learning Track</a>.</p> <p></p></div> </div> <div class="hr crimson-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=2329"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-17-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>I’ve already completed a required course in the CLIMB curriculum. Do I have to retake it?</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-17-faqs1"> <div class="shim20"></div><p>Participants who have already taken one or both of the required long courses (Leadership Principles and Business Strategy for the New Leaders path, and Organizational Leadership and Strategy Execution for the Experienced Leaders path) don’t have to retake the course. However, those participants will have access to the content if they’d like to review or redo any of the course. All participants, regardless of whether they’ve previously taken the course, will be expected to participate in peer learning team activities during that course. Please note that you will not earn an additional Certificate of Completion for a required long course that you completed separately before your CLIMB enrollment. There is no discount for CLIMB participants who have taken one or both of the required long courses listed above – all participants will pay the full CLIMB fee.</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=2335"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-18-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>I’ve already completed one of the elective finance courses. Can I apply that toward my CLIMB curriculum?</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-18-faqs1"> <div class="shim20"></div><p>Participants must select a finance elective that they have not already taken. If you’ve already completed all of the finance elective options but would still like to participate in the program, please contact our <a href="https://online.hbs.edu/courses/climb/#info">program advising team</a>. </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=2330"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-19-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>How should I list my Credential of Leadership, Impact, and Management in Business 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-19-faqs1"> <div class="shim20"></div><p><strong>Once you've earned your Credential of Leadership, Impact, and Management in Business, list it on your resume like this:</strong></p> <p>Harvard Business School Online<br /> Credential of Leadership, Impact, and Management in Business<br />Successfully completed Dynamic Teaming, Leading in the Digital World, Personal Branding, [and List Four Long Courses Taken]<br />[Completion Year]</p> <p><strong></strong></p> <p><strong><strong>List your credential on your LinkedIn profile under "Education" as follows:</strong></strong></p> <p></p> <p><strong>School:</strong> Harvard Business School Online<br /> <strong>Dates Attended:</strong> [The year you completed CLIMB]<br /> <strong>Degree:</strong> Other; Credential of Leadership, Impact, and Management in Business<br /> <strong>Field of Study:</strong> Leave blank<br /> <strong>Grade:</strong> “Complete”<br /> <strong>Activities and Societies:</strong> Leave blank<br /></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=35"> <div class="course-card-header" style="justify-content: space-around;"> <div class="header-text"> <h2 class="h2-fancy kappa-uc">Related Courses</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=37"><a href="/courses/business-strategy/" class="card-link" aria-label="Business Strategy"></a><div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--6xfwK8rA--/f_auto,c_fill,h_213,w_380,/v20200101/76E56FE52F9898B2D4997396FBD86787.jpg" class="card-img-top" alt="" width="378" height="212"></div> <div class="card-content"> <div class="card-body"> <h3 class="card-title eta">Business Strategy</h3> <div class="label">Professor Felix Oberholzer-Gee</div> <p class="card-text">Formulate strategies to give your organization a competitive advantage, using a proven framework that creates value for customers, employees, and suppliers.</p> </div> <div class="card-footer"><small class="full-width">7 weeks, 5-6 hrs/week<br> Enroll by March 6</small><small><strong>$1,850</strong></small><small class="label-slate">Certificate <span class="icon"><img loading="lazy" src="/online/PublishingImages/zero-degrees/Certificate.svg" alt="" width="25" height="22"></span></small></div> </div> </div> <div class="card sm-vertical card-vertical" data-wcm-edit-url="/online/Lists/coursecards/EditForm.aspx?ID=10"><a href="/courses/leadership-principles/" class="card-link" aria-label="Leadership Principles"></a><div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--8uDGXGee--/f_auto,c_fill,h_213,w_380,/v20200101/76F19FCCA43714EC036695F6C82B2A1E.jpg" class="card-img-top" alt="" width="378" height="212"></div> <div class="card-content"> <div class="card-body"> <h3 class="card-title eta">Leadership Principles</h3> <div class="label">Professors Joshua Margolis & Anthony Mayo</div> <p class="card-text">Learn to bring out the best in others by applying and adapting your leadership style and managing the conditions that drive team performance.</p> </div> <div class="card-footer"><small class="full-width">6 weeks, 7-9 hrs/week<br> Enroll by March 27</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=18"><a href="/courses/strategy-execution/" class="card-link" aria-label="Strategy Execution"></a><div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--2OCLDLTU--/f_auto,c_fill,h_213,w_380,/v20200101/8D626158DD314D5F1D8888EB582D3C77.jpg" class="card-img-top" alt="" width="378" height="212"></div> <div class="card-content"> <div class="card-body"> <h3 class="card-title eta">Strategy Execution</h3> <div class="label">Professor Robert Simons</div> <p class="card-text">Gain the tools, skills, and frameworks to successfully implement strategy within your organization and drive impactful results.</p> </div> <div class="card-footer"><small class="full-width">8 weeks, 5-8 hrs/week<br> Enroll by February 27</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=22"><a href="/courses/organizational-leadership/" class="card-link" aria-label="Organizational Leadership"></a><div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--edj-tQcX--/f_auto,c_fill,h_213,w_380,/v20200101/EFAADCDEA1C0BF879F39C5DB12631DB7.jpg" class="card-img-top" alt="" width="378" height="212"></div> <div class="card-content"> <div class="card-body"> <h3 class="card-title eta">Organizational Leadership</h3> <div class="label">Professors Joshua Margolis & Anthony Mayo</div> <p class="card-text">Elevate your leadership skills to drive organizational success and effectively implement transformative change.</p> </div> <div class="card-footer"><small class="full-width">7 weeks, 6-8 hrs/week<br> Enroll by March 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> </div> <div> <div class="shim1 mobile-hidden" style="margin-top:40px;margin-bottom:39px;"></div> <div class="shim1 tablet-hidden desktop-hidden" style="margin-top:23px;margin-bottom:22px;"></div> </div><div class="trapezoid-bg" style="padding: 65px 0px;"> <div class="container white"> <h2 class="eta center" id="info">Request More Info</h2> <div class="forms"> <form id="form1" action="https://info.email.online.hbs.edu/CLIMB-RMI-Processing" method="post"> <div class="form-group black"> <div class="col-md-12 col-sm-12" id="error9" style="display:none;"> <p style="font-weight:bold; padding-left:30px"> The Following field(s) contain error(s)</p> <ul> <li id="fname" style="display: none;" tabindex="0">• <a href="#field1" style="cursor:pointer" tabindex="0">First Name</a></li> <li id="lname" style="display: none;">• <a href="#field2" style="cursor:pointer" tabindex="0">Last Name </a></li> <li tabindex="0" id="error_email" style="display: none;"> • <a href="#field3" style="cursor:pointer;" tabindex="0" class="email-error">Email</a></li> <li tabindex="0" id="phone1" style="display: none;">• <a href="#field4" style="cursor:pointer" tabindex="0">Phone Number</a></li> <li tabindex="0" id="title1" style="display: none;">• <a href="#field5" style="cursor:pointer" tabindex="0">Country</a></li> <li tabindex="0" id="orgnam" style="display: none;">• <a href="#field6" style="cursor:pointer" tabindex="0">Total years of professional experience</a></li> </ul> </div> </div> <div class="form-group"> <div class="col-md-12 col-sm-12 field1"><label for="Firstname" id="field1">First Name<span style="color: #a40134;">*</span></label><br><input type="text" maxlength="50" value="" name="firstnameval" id="Firstname" autocomplete="given-name" class="fname"></div> </div> <div class="form-group"> <div class="col-md-12 col-sm-12 field2"><label for="Lastname" id="field2">Last Name<span class="manditory">*</span></label><br><input type="text" maxlength="50" value="" name="lastnameval" autocomplete="family-name" id="Lastname" class="lname"><p id="lastspchar" class="hide error">Last Name should contain only characters.</p> </div> </div> <div class="form-group"> <div class="field3 col-md-12 col-sm-12"><label for="Email_field" id="field3">Email<span class="manditory">*</span></label><br><input type="text" value="" name="emailaddress" class="email" autocomplete="email" id="Email_field"><p id="emailerr3" class="hide">Email must be formatted correctly.</p> </div> </div> <div class="form-group"> <div class="field4 col-md-12 col-sm-12"><label for="phone" id="field4">Phone Number</label><br><input type="text" value="" name="phonenumber" class="phone" autocomplete="tel" id="phone"><p id="pherror4" class="hide">Must contain only numbers, +()-. and x.</p> </div> </div> <div class="form-group"> <div class="field9 col-md-12 col-sm-12" style="padding-bottom:10px;"><label for="country" id="field5">Country of Residence<span style="color:red">*</span></label><br><select autocomplete="country-name" name="countryval" id="country" class="country"> <option value="" id="counsele">- Please Select -</option> <option value="Afghanistan">Afghanistan</option> <option value="Åland Islands">Åland Islands</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> <option value="American Samoa">American Samoa</option> <option value="Andorra">Andorra</option> <option value="Angola">Angola</option> <option value="Anguilla">Anguilla</option> <option value="Antarctica">Antarctica</option> <option value="Antigua and Barbuda">Antigua and Barbuda</option> <option value="Argentina">Argentina</option> <option value="Armenia">Armenia</option> <option value="Aruba">Aruba</option> <option value="Australia">Australia</option> <option value="Austria">Austria</option> <option value="Azerbaijan">Azerbaijan</option> <option value="Bahamas">Bahamas</option> <option value="Bahrain">Bahrain</option> <option value="Bangladesh">Bangladesh</option> <option value="Barbados">Barbados</option> <option value="Belarus">Belarus</option> <option value="Belgium">Belgium</option> <option value="Belize">Belize</option> <option value="Benin">Benin</option> <option value="Bermuda">Bermuda</option> <option value="Bhutan">Bhutan</option> <option value="Bolivia (Plurinational State of)">Bolivia (Plurinational State of)</option> <option value="Bonaire">Bonaire</option> <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> <option value="Botswana">Botswana</option> <option value="Bouvet Island">Bouvet Island</option> <option value="Brazil">Brazil</option> <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> <option value="Brunei Darussalam">Brunei Darussalam</option> <option value="Bulgaria">Bulgaria</option> <option value="Burkina Faso">Burkina Faso</option> <option value="Burundi">Burundi</option> <option value="Cabo Verde">Cabo Verde</option> <option value="Cambodia">Cambodia</option> <option value="Cameroon">Cameroon</option> <option value="Canada">Canada</option> <option value="Cayman Islands">Cayman Islands</option> <option value="Central African Republic">Central African Republic</option> <option value="Chad">Chad</option> <option value="Chile">Chile</option> <option value="China">China</option> <option value="Christmas Island">Christmas Island</option> <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> <option value="Colombia">Colombia</option> <option value="Comoros">Comoros</option> <option value="Congo">Congo</option> <option value="Cook Islands">Cook Islands</option> <option value="Costa Rica">Costa Rica</option> <option value="Côte d'Ivoire">Côte d'Ivoire</option> <option value="Croatia">Croatia</option> <option value="Cuba">Cuba</option> <option value="Curaçao">Curaçao</option> <option value="Cyprus">Cyprus</option> <option value="Czechia">Czechia</option> <option value="Denmark">Denmark</option> <option value="Djibouti">Djibouti</option> <option value="Dominica">Dominica</option> <option value="Dominican Republic">Dominican Republic</option> <option value="Ecuador">Ecuador</option> <option value="Egypt">Egypt</option> <option value="El Salvador">El Salvador</option> <option value="Equatorial Guinea">Equatorial Guinea</option> <option value="Eritrea">Eritrea</option> <option value="Estonia">Estonia</option> <option value="Eswatini">Eswatini</option> <option value="Ethiopia">Ethiopia</option> <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> <option value="Faroe Islands">Faroe Islands</option> <option value="Fiji">Fiji</option> <option value="Finland">Finland</option> <option value="France">France</option> <option value="French Guiana">French Guiana</option> <option value="French Polynesia">French Polynesia</option> <option value="French Southern Territories">French Southern Territories</option> <option value="Gabon">Gabon</option> <option value="Gambia">Gambia</option> <option value="Georgia">Georgia</option> <option value="Germany">Germany</option> <option value="Ghana">Ghana</option> <option value="Gibraltar">Gibraltar</option> <option value="Greece">Greece</option> <option value="Greenland">Greenland</option> <option value="Grenada">Grenada</option> <option value="Guadeloupe">Guadeloupe</option> <option value="Guam">Guam</option> <option value="Guatemala">Guatemala</option> <option value="Guernsey">Guernsey</option> <option value="Guinea">Guinea</option> <option value="Guinea-Bissau">Guinea-Bissau</option> <option value="Guyana">Guyana</option> <option value="Haiti">Haiti</option> <option value="Heard Island and McDonald Islands">Heard Island and McDonald Islands</option> <option value="Holy See">Holy See</option> <option value="Honduras">Honduras</option> <option value="Hong Kong">Hong Kong</option> <option value="Hungary">Hungary</option> <option value="Iceland">Iceland</option> <option value="India">India</option> <option value="Indonesia">Indonesia</option> <option value="Iran (Islamic Republic of)">Iran (Islamic Republic of)</option> <option value="Iraq">Iraq</option> <option value="Ireland">Ireland</option> <option value="Isle of Man">Isle of Man</option> <option value="Israel">Israel</option> <option value="Italy">Italy</option> <option value="Jamaica">Jamaica</option> <option value="Japan">Japan</option> <option value="Jersey">Jersey</option> <option value="Jordan">Jordan</option> <option value="Kazakhstan">Kazakhstan</option> <option value="Kenya">Kenya</option> <option value="Kiribati">Kiribati</option> <option value="Korea">Korea</option> <option value="Korea (Democratic People's Republic of)">Korea (Democratic People's Republic of)</option> <option value="Kuwait">Kuwait</option> <option value="Kyrgyzstan">Kyrgyzstan</option> <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> <option value="Latvia">Latvia</option> <option value="Lebanon">Lebanon</option> <option value="Lesotho">Lesotho</option> <option value="Liberia">Liberia</option> <option value="Libya">Libya</option> <option value="Liechtenstein">Liechtenstein</option> <option value="Lithuania">Lithuania</option> <option value="Luxembourg">Luxembourg</option> <option value="Macao">Macao</option> <option value="Madagascar">Madagascar</option> <option value="Malawi">Malawi</option> <option value="Malaysia">Malaysia</option> <option value="Maldives">Maldives</option> <option value="Mali">Mali</option> <option value="Malta">Malta</option> <option value="Marshall Islands">Marshall Islands</option> <option value="Martinique">Martinique</option> <option value="Mauritania">Mauritania</option> <option value="Mauritius">Mauritius</option> <option value="Mayotte">Mayotte</option> <option value="Mexico">Mexico</option> <option value="Micronesia (Federated States of)">Micronesia (Federated States of)</option> <option value="Moldova">Moldova</option> <option value="Monaco">Monaco</option> <option value="Mongolia">Mongolia</option> <option value="Montenegro">Montenegro</option> <option value="Montserrat">Montserrat</option> <option value="Morocco">Morocco</option> <option value="Mozambique"> Mozambique</option> <option value="Myanmar">Myanmar</option> <option value="Namibia">Namibia</option> <option value="Nauru">Nauru</option> <option value="Nepal">Nepal</option> <option value="Netherlands">Netherlands</option> <option value="New Caledonia">New Caledonia</option> <option value="New Zealand">New Zealand</option> <option value="Nicaragua">Nicaragua</option> <option value="Niger">Niger</option> <option value="Nigeria">Nigeria</option> <option value="Niue">Niue</option> <option value="Norfolk Island">Norfolk Island</option> <option value="Northern Mariana Islands">Northern Mariana Islands</option> <option value="North Macedonia">North Macedonia</option> <option value="Norway">Norway</option> <option value="Oman">Oman</option> <option value="Pakistan">Pakistan</option> <option value="Palau">Palau</option> <option value="Palestine">Palestine</option> <option value="Panama">Panama</option> <option value="Papua New Guinea">Papua New Guinea</option> <option value="Paraguay">Paraguay</option> <option value="Peru">Peru</option> <option value="Philippines">Philippines</option> <option value="Pitcairn">Pitcairn</option> <option value="Poland">Poland</option> <option value="Portugal">Portugal</option> <option value="Puerto Rico">Puerto Rico</option> <option value="Qatar">Qatar</option> <option value="Réunion">Réunion</option> <option value="Romania">Romania</option> <option value="Russian Federation">Russian Federation</option> <option value="Rwanda">Rwanda</option> <option value="Saint Barthélemy">Saint Barthélemy</option> <option value="Saint Helena">Saint Helena</option> <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> <option value="Saint Lucia">Saint Lucia</option> <option value="Saint Martin (French part)">Saint Martin (French part)</option> <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> <option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option> <option value="Samoa">Samoa</option> <option value="San Marino">San Marino</option> <option value="Sao Tome and Principe">Sao Tome & Principe</option> <option value="Saudi Arabia">Saudi Arabia</option> <option value="Senegal">Senegal</option> <option value="Serbia">Serbia</option> <option value="Seychelles">Seychelles</option> <option value="Sierra Leone">Sierra Leone</option> <option value="Singapore">Singapore</option> <option value="Sint Maarten (Dutch part)">Sint Maarten (Dutch part)</option> <option value="Slovakia">Slovakia</option> <option value="Slovenia">Slovenia</option> <option value="Solomon Islands">Solomon Islands</option> <option value="Somalia">Somalia</option> <option value="South Africa">South Africa</option> <option value="South Georgia and the South Sandwich Islands">South Georgia and the South Sandwich Islands</option> <option value="South Sudan">South Sudan</option> <option value="Spain">Spain</option> <option value="Sri Lanka">Sri Lanka</option> <option value="Sudan">Sudan</option> <option value="Suriname">Suriname</option> <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> <option value="Sweden">Sweden</option> <option value="Switzerland">Switzerland</option> <option value="Syrian Arab Republic">Syrian Arab Republic</option> <option value="Taiwan">Taiwan</option> <option value="Tajikistan">Tajikistan</option> <option value="Tanzania">Tanzania</option> <option value="Thailand">Thailand</option> <option value="Timor-Leste">Timor-Leste</option> <option value="Togo">Togo</option> <option value="Tokelau">Tokelau</option> <option value="Tonga">Tonga</option> <option value="Trinidad and Tobago">Trinidad & Tobago</option> <option value="Tunisia">Tunisia</option> <option value="Turkey">Turkey</option> <option value="Turkmenistan">Turkmenistan</option> <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> <option value="Tuvalu">Tuvalu</option> <option value="Uganda">Uganda</option> <option value="Ukraine">Ukraine</option> <option value="United Arab Emirates">United Arab Emirates</option> <option value="United Kingdom">United Kingdom</option> <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> <option value="United States of America">United States of America </option> <option value="Uruguay">Uruguay</option> <option value="Uzbekistan">Uzbekistan</option> <option value="Vanuatu">Vanuatu</option> <option value="Venezuela (Bolivarian Republic of)">Venezuela (Bolivarian Republic of)</option> <option value="Viet Nam">Viet Nam</option> <option value="Virgin Islands (British)">Virgin Islands (British)</option> <option value="Virgin Islands (U.S.)">Virgin Islands (U.S.)</option> <option value="Wallis and Futuna">Wallis and Futuna</option> <option value="Western Sahara">Western Sahara</option> <option value="Yemen">Yemen</option> <option value="Zambia">Zambia</option> <option value="Zimbabwe">Zimbabwe</option></select></div> </div> <div class="form-group"> <div class="field12 col-md-12 col-sm-12 experience-div" style="padding-bottom:10px;"><label for="professional" id="field6">Total years of professional experience<span class="manditory">*</span></label><br><select id="professional" class="experience" name="EXP"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20 or more">20 or more</option></select></div> </div> <div class="form-group"> <div class="field12 col-md-12 col-sm-12" style="padding-bottom:10px;"><label id="#field7" tabindex="0">I'd like to be contacted by Text/Phone</label><br><span class="toifieldholder"><label><input type="radio" name="toifield" value="Yes" class="toifield" tabindex="0"> Yes </label><br><label><input type="radio" name="toifield" value="No" class="toifield" tabindex="0"> No </label></span></div> </div> <div class="form-group"> <div class="field14 col-md-12 col-sm-12"><label for="question">What questions do you have for the team?</label><br><textarea maxlength="700" value="" name="question12" class="question" id="question"></textarea></div> </div><label for="submitted" style="display:none">submit</label><input id="submitted" xml:id="subbtn" name="submitted" type="submit" value="Submit" class="btn btn-primary white g-recaptcha" onclick="validation();"></form> </div><script src="https://code.jquery.com/jquery-3.6.1.min.js"></script><script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script><script type="text/javascript" src="/js/climb-rmi-form.js"></script><style> .trapezoid-bg { background-color: #a41034; background-image: linear-gradient(121deg, transparent 85%, #891f34 85%), linear-gradient(51deg, #891f34 15%, transparent 15%); } .component-framework input.btn.btn-primary { border: 1px solid #a41034; } .component-framework input.btn.btn-primary:hover { background-color: #f4f4f4 !important; color: #000 !important; border-color: #000; } @media screen and (max-width: 1100px) { .trapezoid-bg { padding-left: 24px; padding-right: 24px; } } .error_mesg_exp, .hide { display:none!important; } .error{ display:block; padding:5px 0px; font-style: italic; } .displayNone{ display:none!important; } .displayBlock{ display:block!important; } .fname, .lname, .email, .phone, .country, .experience, .question, #error9 { width: 100%!important; } </style> </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

Credential of Leadership, Impact, and Management in Business | HBS Online