Negotiation Course Online

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <title>Negotiation Course Online | HBS Online</title> <meta content="Negotiation Mastery is an online negotiation training course offered by Harvard Business School Online. Learn more and register today." name="description"/> <meta content="ZIjEz6bTgRrYb8w4Q4IZZUWxfLoYMT6Cx_JvlIh0G2k" name="google-site-verification"/> <link href="https://online.hbs.edu/courses/negotiation/" rel="canonical"/> <meta name="viewport" content="width=device-width,initial-scale=1"><link rel="shortcut icon" href="https://webassets.hbs.edu/sites/online/favicon.ico"><link rel="preload" as="style" href="https://webassets.hbs.edu/libs/framework/1.0/css/framework-async.min.css" onload="this.onload=null;this.rel='stylesheet'"><noscript> <link rel="stylesheet" href="https://webassets.hbs.edu/libs/framework/1.0/css/framework-async.min.css"></noscript> <link rel="image_src" href="https://www.hbs.edu/images/site/sharelogo.jpg"><meta name="HBSSearchUrl" content="/search"><meta name="PageBuildDateTime" content="Sun, 24 Nov 2024 08:14:17 GMT on "> <link rel="preload" as="image" href="https://cloudinary.hbs.edu/hbsit/image/upload/s--57BGLjpB--/f_auto,c_fill,h_382,w_680,/v20200101/1955A05BD648476A5606686D453BA32F.jpg"/> <link rel="dns-prefetch" href="https://cdnapisec.kaltura.com"/> <link rel="dns-prefetch" href="https://cdnsecakmi.kaltura.com"/> <link rel="stylesheet" href="https://webassets.hbs.edu/sites/online/css/newsletter.css?v=1.0"/> <style>.slider-menu {display: none;} #sticky-header.at-scroll-top {display: none;} .lazy-img { background-image: none !important; }.compliancetext, .hideme { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; } .hidden { display: none; } .invisible{visibility:hidden} .visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} #pdfHover { position: absolute;width: 50px;display: inline;top: -50px;left: -50px;z-index: 1000;}.mobile-visible{display:none} .tablet-visible{display:none} .desktop-hidden{display:none} .desktop-hidden.fullscreen-video{display:inherit} .desktop-visible{display:inherit} @media screen and (min-width: 651px) and (max-width: 919px) {.desktop-hidden,.desktop-hidden{display:inherit} .desktop-visible,.desktop-visible{display:none} .tablet-visible,.tablet-visible{display:inherit} .tablet-hidden,.tablet-hidden{display:none} } @media screen and (max-width: 650px) {.desktop-hidden{display:inherit} .desktop-visible{display:none} .mobile-visible{display:inherit} .mobile-hidden{display:none} }blockquote, body, dd, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }.toggle-container .toggle-show { display: none; }.widget-sharebar .menu { display: none; }.shim1{height:1px;overflow:hidden} .shim2{height:2px;overflow:hidden} .shim3{height:3px;overflow:hidden} .shim4{height:4px;overflow:hidden} .shim5{height:5px;overflow:hidden} .shim6{height:6px;overflow:hidden} .shim7{height:7px;overflow:hidden} .shim8{height:8px;overflow:hidden} .shim9{height:9px;overflow:hidden} .shim10{height:10px;overflow:hidden} .shim11{height:11px;overflow:hidden} .shim12{height:12px;overflow:hidden} .shim13{height:13px;overflow:hidden} .shim14{height:14px;overflow:hidden} .shim15{height:15px;overflow:hidden} .shim16{height:16px;overflow:hidden} .shim17{height:17px;overflow:hidden} .shim18{height:18px;overflow:hidden} .shim19{height:19px;overflow:hidden} .shim20{height:20px;overflow:hidden} .shim21{height:21px;overflow:hidden} .shim22{height:22px;overflow:hidden} .shim23{height:23px;overflow:hidden} .shim24{height:24px;overflow:hidden} .shim25{height:25px;overflow:hidden} .shim26{height:26px;overflow:hidden} .shim27{height:27px;overflow:hidden} .shim28{height:28px;overflow:hidden} .shim29{height:29px;overflow:hidden} .shim30{height:30px;overflow:hidden} .shim31{height:31px;overflow:hidden} .shim32{height:32px;overflow:hidden} .shim33{height:33px;overflow:hidden} .shim34{height:34px;overflow:hidden} .shim35{height:35px;overflow:hidden} .shim36{height:36px;overflow:hidden} .shim37{height:37px;overflow:hidden} .shim38{height:38px;overflow:hidden} .shim39{height:39px;overflow:hidden} .shim40{height:40px;overflow:hidden} .shim41{height:41px;overflow:hidden} .shim42{height:42px;overflow:hidden} .shim43{height:43px;overflow:hidden} .shim44{height:44px;overflow:hidden} .shim45{height:45px;overflow:hidden} .shim46{height:46px;overflow:hidden} .shim47{height:47px;overflow:hidden} .shim48{height:48px;overflow:hidden} .shim49{height:49px;overflow:hidden} .shim50{height:50px;overflow:hidden}.container {margin-left: auto;margin-right: auto;zoom: 1;} .container{width:1180px} .cap{margin-bottom:40px} .base {height: 72px; margin-top: 48px; overflow: hidden;} .page-header .base {height: .1em;} .row{margin-left:-20px} .row::after, .row::before { display: table;content: "";clear: both;} .span1{width:80px;margin-left:20px;float:left;} .span2{width:180px;margin-left:20px;float:left;} .span3{width:280px;margin-left:20px;float:left;} .span4{width:380px;margin-left:20px;float:left;} .span5{width:480px;margin-left:20px;float:left;} .span6{width:580px;margin-left:20px;float:left;} .span7{width:680px;margin-left:20px;float:left;} .span8{width:780px;margin-left:20px;float:left;} .span9{width:880px;margin-left:20px;float:left;} .span10{width:980px;margin-left:20px;float:left;} .span11{width:1080px;margin-left:20px;float:left;} .span12{width:1180px;margin-left:20px;float:left;} div.container .row-left { margin-left: -20px; } div.container .row-left:after, .grid-framework div.container .row-left:before { display: table; content: ""; } @media (min-width:920px) and (max-width:1220px){.container, .expanded-grid-framework.container{width:880px} .row, .expanded-grid-framework.row{margin-left:-20px} .span1, .expanded-grid-framework.span1{width:55px;} .span2, .expanded-grid-framework.span2{width:130px;} .span3, .expanded-grid-framework.span3{width:205px;} .span4, .expanded-grid-framework.span4{width:280px;} .span5, .expanded-grid-framework.span5{width:355px;} .span6, .expanded-grid-framework.span6{width:430px;} .span7, .expanded-grid-framework.span7{width:505px;} .span8, .expanded-grid-framework.span8{width:580px;} .span9, .expanded-grid-framework.span9{width:655px;} .span10, .expanded-grid-framework.span10{width:730px;} .span11, .expanded-grid-framework.span11{width:805px;} .span12, .expanded-grid-framework.span12{width:880px;} } @media screen and (min-width: 651px) and (max-width: 919px) {.container { width: auto; margin: 0 auto;} .responsive-framework .tablet-container { padding-left: 16px; padding-right: 16px; clear: left;} .page-header .mobile-base {margin: 20px 0 0 0;} .tablet-row { width: 100%; margin-left: 0;} .tablet-row>div:first-child {margin-left: 0!important;} .tablet-row .tablet-span1{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:6.38297872%;} .tablet-row .tablet-span2{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:14.89361702%;} .tablet-row .tablet-span3{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:23.40425532%;} .tablet-row .tablet-span4{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:31.91489362%;} .tablet-row .tablet-span5{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:40.42553191%;} .tablet-row .tablet-span6{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:48.93617021%;} .tablet-row .tablet-span7{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:57.44680851%;} .tablet-row .tablet-span8{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:65.95744681%;} .tablet-row .tablet-span9{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:74.46808511%;} .tablet-row .tablet-span10{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:82.9787234%;} .tablet-row .tablet-span11{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:91.4893617%;} .tablet-row .tablet-span12{ float:left;margin-left:2.12765957%;box-sizing:border-box;width:100%;margin:0;} .cap { margin: 0; } .tablet-cap { margin-bottom: 32px; } } @media screen and (max-width: 919px) { .tablet-base, .expanded-grid-framework.tablet-base{height:90px} .row { margin: 0; width: 100%; } .row >.span1, .row >.span2, .row >.span3, .row >.span4, .row >.span5, .row >.span6, .row >.span7, .row >.span8, .row >.span9, .row >.span10, .row >.span11, .row >.span12 { float: none; margin: 0; width: 100%;} } @media screen and (max-width: 650px) {.mobile-base{height:30px} .responsive-framework .mobile-container {padding-left: 16px; padding-right: 16px; clear: left;} .container { width: auto; margin: 0 auto;}.mobile-row{width:100%;margin-left:0}.mobile-row:after,.mobile-row:before{display:table;line-height:0;content:""}.mobile-row:after{clear:both}.mobile-row>div:first-child{margin-left:0!important}.mobile-row .mobile-span1{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:6.382978723404255%}.mobile-row .mobile-span2{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:14.893617021276595%}.mobile-row .mobile-span3{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:23.404255319148934%}.mobile-row .mobile-span4{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:31.914893617021278%}.mobile-row .mobile-span5{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:40.42553191489362%}.mobile-row .mobile-span6{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:48.93617021276595%}.mobile-row .mobile-span7{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:57.44680851063829%}.mobile-row .mobile-span8{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:65.95744680851064%}.mobile-row .mobile-span9{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:74.46808510638297%}.mobile-row .mobile-span10{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:82.97872340425532%}.mobile-row .mobile-span11{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:91.48936170212765%}.mobile-row .mobile-span12{float:left;margin-left:2.127659574468085%;box-sizing:border-box;width:100%;margin:0} }.type-framework { -webkit-font-smoothing: antialiased; font: normal 17px/24px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif; } a { text-decoration: none; }.zeta{ font-size:72px;line-height:74px;} .zeta-uc{ font-size:72px;line-height:74px;text-transform:uppercase;} .alpha{ font-size:61px;line-height:63px;font-weight:bold;} .alpha-uc{ font-size:61px;line-height:63px;text-transform:uppercase;font-weight:bold;} .eta{ font-size:24px;line-height:30px;font-weight:bold;} .eta-uc{ font-size:24px;line-height:30px;text-transform:uppercase;font-weight:bold;} .zen{ font-size:15px;line-height:19px;} .zen-uc{ font-size:15px;line-height:19px;text-transform:uppercase;} .mu{ font-size:13px;line-height:17px;font-weight:bold;} .mu-uc{ font-size:13px;line-height:17px;text-transform:uppercase;font-weight:bold;}.gaml{font-size:120px;line-height:128px;font-weight:bold;} .gaml-uc{font-size:120px;line-height:128px;text-transform:uppercase;font-weight:bold;} .beta{font-size:44px;line-height:48px;font-weight:bold;} .beta-uc{font-size:44px;line-height:48px;text-transform:uppercase;font-weight:bold;} .delta{font-size:32px;line-height:40px;} .delta-uc{font-size:32px;line-height:40px;text-transform:uppercase;} .kappa{font-size:17px;line-height:24px;font-weight:bold;} .kappa-uc{font-size:17px;line-height:24px;text-transform:uppercase;font-weight:bold;}h1, h2, h3, h4, h5, h6 { font-weight:normal;font-size:100% } p{margin-bottom:28px} .u{text-decoration:underline} .add-underline a, a.add-underline, blockquote a, ol li a, p a:not(.btn), ul.bulleted li a, ul.unbulleted li a {text-decoration: underline;} .uc{text-transform:uppercase !important} .btn, .btn-arrow{ font:normal 13px/16px Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase; font-weight:bold;} .btn.nu{ font:normal 13px/16px Arial,Helvetica,Verdana,sans-serif;text-transform:none} .navbar{font:normal 13px/16px; text-transform:uppercase} .breadcrumb, .nu {font: normal 13px/16px Arial,Helvetica,Verdana,sans-serif;} .center { text-align: center!important; } b, strong {font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;font-weight: 400;} ol li a.skip-underline, ul.bulleted li a.skip-underline, ul.unbulleted li a.skip-underline { text-decoration: none; }[class*=h1-] h1.gamma,[class*=h2-] h2.gamma,[class*=h3-] h3.gamma,[class*=h4-] h4.gamma,[class*=h5-] h5.gamma{font:normal 32px/32px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif}.h1-gamma h1,.h2-gamma h2,.h3-gamma h3,.h4-gamma h4,.h5-gamma h5{font:normal 32px/32px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif}[class*=h1-] h1.gamma-uc,[class*=h2-] h2.gamma-uc,[class*=h3-] h3.gamma-uc,[class*=h4-] h4.gamma-uc,[class*=h5-] h5.gamma-uc{font:normal 32px/32px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.h1-gamma-uc h1,.h2-gamma-uc h2,.h3-gamma-uc h3,.h4-gamma-uc h4,.h5-gamma-uc h5{font:normal 32px/32px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.epsilon,[class*=h1-] h1.epsilon,[class*=h2-] h2.epsilon,[class*=h3-] h3.epsilon,[class*=h4-] h4.epsilon,[class*=h5-] h5.epsilon{font:normal 23px/30px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif}.h1-epsilon h1,.h2-epsilon h2,.h3-epsilon h3,.h4-epsilon h4,.h5-epsilon h5{font:normal 23px/30px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif}[class*=h1-] h1.epsilon-uc,[class*=h2-] h2.epsilon-uc,[class*=h3-] h3.epsilon-uc,[class*=h4-] h4.epsilon-uc,[class*=h5-] h5.epsilon-uc{font:normal 23px/30px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase;line-height:32px}.h1-epsilon-uc h1,.h2-epsilon-uc h2,.h3-epsilon-uc h3,.h4-epsilon-uc h4,.h5-epsilon-uc h5{font:normal 23px/30px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase;line-height:32px}[class*=h1-] h1.theta,[class*=h2-] h2.theta,[class*=h3-] h3.theta,[class*=h4-] h4.theta,[class*=h5-] h5.theta{font:normal 23px/30px "Trade Gothic W01 Roman",Times,Arial,Helvetica,Verdana,sans-serif}.h1-theta h1,.h2-theta h2,.h3-theta h3,.h4-theta h4,.h5-theta h5{font:normal 23px/30px "Trade Gothic W01 Roman",Times,Arial,Helvetica,Verdana,sans-serif}[class*=h1-] h1.theta-uc,[class*=h2-] h2.theta-uc,[class*=h3-] h3.theta-uc,[class*=h4-] h4.theta-uc,[class*=h5-] h5.theta-uc{font:normal 23px/30px "Trade Gothic W01 Roman",Times,Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase;line-height:32px}.h1-theta-uc h1,.h2-theta-uc h2,.h3-theta-uc h3,.h4-theta-uc h4,.h5-theta-uc h5{font:normal 23px/30px "Trade Gothic W01 Roman",Times,Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase;line-height:32px}[class*=h1-] h1.iota,[class*=h2-] h2.iota,[class*=h3-] h3.iota,[class*=h4-] h4.iota,[class*=h5-] h5.iota{font:normal 23px/30px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif}.h1-iota h1,.h2-iota h2,.h3-iota h3,.h4-iota h4,.h5-iota h5{font:normal 23px/30px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif}[class*=h1-] h1.iota-uc,[class*=h2-] h2.iota-uc,[class*=h3-] h3.iota-uc,[class*=h4-] h4.iota-uc,[class*=h5-] h5.iota-uc{font:normal 23px/30px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase;line-height:32px}.h1-iota-uc h1,.h2-iota-uc h2,.h3-iota-uc h3,.h4-iota-uc h4,.h5-iota-uc h5{font:normal 23px/30px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase;line-height:32px}.paragraph{font:normal 17px/24px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif}.paragraph-uc{font:normal 17px/24px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}[class*=h1-] h1.lambda,[class*=h2-] h2.lambda,[class*=h3-] h3.lambda,[class*=h4-] h4.lambda,[class*=h5-] h5.lambda{font:normal 17px/24px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif}.h1-lambda h1,.h2-lambda h2,.h3-lambda h3,.h4-lambda h4,.h5-lambda h5,.lambda{font:normal 17px/24px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif}[class*=h1-] h1.lambda-uc,[class*=h2-] h2.lambda-uc,[class*=h3-] h3.lambda-uc,[class*=h4-] h4.lambda-uc,[class*=h5-] h5.lambda-uc{font:normal 17px/24px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.h1-lambda-uc h1,.h2-lambda-uc h2,.h3-lambda-uc h3,.h4-lambda-uc h4,.h5-lambda-uc h5,.lambda-uc{font:normal 17px/24px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}[class*=h1-] h1.nu,[class*=h2-] h2.nu,[class*=h3-] h3.nu,[class*=h4-] h4.nu,[class*=h5-] h5.nu{font:normal 13px/16px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif}.h1-nu h1,.h2-nu h2,.h3-nu h3,.h4-nu h4,.h5-nu h5,.nu{font:normal 13px/16px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif}[class*=h1-] h1.nu-uc,[class*=h2-] h2.nu-uc,[class*=h3-] h3.nu-uc,[class*=h4-] h4.nu-uc,[class*=h5-] h5.nu-uc{font:normal 13px/16px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.h1-nu-uc h1,.h2-nu-uc h2,.h3-nu-uc h3,.h4-nu-uc h4,.h5-nu-uc h5,.nu-uc{font:normal 13px/16px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase} @media screen and (min-width: 651px) and (max-width: 919px) { .zeta{ font-size:52px;line-height:52px} .zeta-uc{ font-size:52px;line-height:52px} .alpha{font-size:47px;line-height:47px} .alpha-uc{font-size:47px;line-height:47px} .beta{font-size:37px;line-height:39px} .beta-uc{font-size:37px;line-height:39px} } @media screen and (max-width: 650px) { .zeta{ font-size:40px;line-height:42px} .zeta-uc{ font-size:40px;line-height:42px} .alpha{ font-size:34px;line-height:40px} .alpha-uc{ font-size:34px;line-height:40px} .beta{ font-size:28px;line-height:29px} .beta-uc{ font-size:28px;line-height:29px} .delta{ font-size:23px;line-height:27px} .delta-uc{ font-size:23px;line-height:27px} .eta{ font-size:21px;line-height:27px} .eta-uc{ font-size:21px;line-height:27px} .kappa{font-size:17px;line-height:24px} .kappa-uc{font-size:17px;line-height:24px} .h1-alpha h1,.h2-alpha h2,.h3-alpha h3,.h4-alpha h4,.h5-alpha h5,[class*=h1-] h1.alpha,[class*=h2-] h2.alpha,[class*=h3-] h3.alpha,[class*=h4-] h4.alpha,[class*=h5-] h5.alpha{font:normal 23px/24px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;letter-spacing:-1px}.h1-alpha-uc h1,.h2-alpha-uc h2,.h3-alpha-uc h3,.h4-alpha-uc h4,.h5-alpha-uc h5,[class*=h1-] h1.alpha-uc,[class*=h2-] h2.alpha-uc,[class*=h3-] h3.alpha-uc,[class*=h4-] h4.alpha-uc,[class*=h5-] h5.alpha-uc{font:normal 23px/24px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;letter-spacing:-1px;text-transform:uppercase}.h1-beta h1,.h1-delta h1,.h1-gamma h1,.h2-beta h2,.h2-delta h2,.h2-gamma h2,.h3-beta h3,.h3-delta h3,.h3-gamma h3,.h4-beta h4,.h4-delta h4,.h4-gamma h4,.h5-beta h5,.h5-delta h5,.h5-gamma h5,[class*=h1-] h1.beta,[class*=h1-] h1.delta,[class*=h1-] h1.gamma,[class*=h2-] h2.beta,[class*=h2-] h2.delta,[class*=h2-] h2.gamma,[class*=h3-] h3.beta,[class*=h3-] h3.delta,[class*=h3-] h3.gamma,[class*=h4-] h4.beta,[class*=h4-] h4.delta,[class*=h4-] h4.gamma,[class*=h5-] h5.beta,[class*=h5-] h5.delta,[class*=h5-] h5.gamma{font:normal 23px/24px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif}.h1-beta-uc h1,.h1-delta-uc h1,.h1-gamma-uc h1,.h2-beta-uc h2,.h2-delta-uc h2,.h2-gamma-uc h2,.h3-beta-uc h3,.h3-delta-uc h3,.h3-gamma-uc h3,.h4-beta-uc h4,.h4-delta-uc h4,.h4-gamma-uc h4,.h5-beta-uc h5,.h5-delta-uc h5,.h5-gamma-uc h5,[class*=h1-] h1.beta-uc,[class*=h1-] h1.delta-uc,[class*=h1-] h1.gamma-uc,[class*=h2-] h2.beta-uc,[class*=h2-] h2.delta-uc,[class*=h2-] h2.gamma-uc,[class*=h3-] h3.beta-uc,[class*=h3-] h3.delta-uc,[class*=h3-] h3.gamma-uc,[class*=h4-] h4.beta-uc,[class*=h4-] h4.delta-uc,[class*=h4-] h4.gamma-uc,[class*=h5-] h5.beta-uc,[class*=h5-] h5.delta-uc,[class*=h5-] h5.gamma-uc{font:normal 23px/24px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.epsilon,.h1-epsilon h1,.h2-epsilon h2,.h3-epsilon h3,.h4-epsilon h4,.h5-epsilon h5,[class*=h1-] h1.epsilon,[class*=h2-] h2.epsilon,[class*=h3-] h3.epsilon,[class*=h4-] h4.epsilon,[class*=h5-] h5.epsilon{font:normal 21px/24px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif}.h1-epsilon-uc h1,.h2-epsilon-uc h2,.h3-epsilon-uc h3,.h4-epsilon-uc h4,.h5-epsilon-uc h5,[class*=h1-] h1.epsilon-uc,[class*=h2-] h2.epsilon-uc,[class*=h3-] h3.epsilon-uc,[class*=h4-] h4.epsilon-uc,[class*=h5-] h5.epsilon-uc{font:normal 21px/24px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.h1-eta h1,.h1-iota h1,.h1-theta h1,.h2-eta h2,.h2-iota h2,.h2-theta h2,.h3-eta h3,.h3-iota h3,.h3-theta h3,.h4-eta h4,.h4-iota h4,.h4-theta h4,.h5-eta h5,.h5-iota h5,.h5-theta h5,[class*=h1-] h1.eta,[class*=h1-] h1.iota,[class*=h1-] h1.theta,[class*=h2-] h2.eta,[class*=h2-] h2.iota,[class*=h2-] h2.theta,[class*=h3-] h3.eta,[class*=h3-] h3.iota,[class*=h3-] h3.theta,[class*=h4-] h4.eta,[class*=h4-] h4.iota,[class*=h4-] h4.theta,[class*=h5-] h5.eta,[class*=h5-] h5.iota,[class*=h5-] h5.theta{font:normal 21px/32px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif}.h1-eta-uc h1,.h1-iota-uc h1,.h1-theta-uc h1,.h2-eta-uc h2,.h2-iota-uc h2,.h2-theta-uc h2,.h3-eta-uc h3,.h3-iota-uc h3,.h3-theta-uc h3,.h4-eta-uc h4,.h4-iota-uc h4,.h4-theta-uc h4,.h5-eta-uc h5,.h5-iota-uc h5,.h5-theta-uc h5,[class*=h1-] h1.eta-uc,[class*=h1-] h1.iota-uc,[class*=h1-] h1.theta-uc,[class*=h2-] h2.eta-uc,[class*=h2-] h2.iota-uc,[class*=h2-] h2.theta-uc,[class*=h3-] h3.eta-uc,[class*=h3-] h3.iota-uc,[class*=h3-] h3.theta-uc,[class*=h4-] h4.eta-uc,[class*=h4-] h4.iota-uc,[class*=h4-] h4.theta-uc,[class*=h5-] h5.eta-uc,[class*=h5-] h5.iota-uc,[class*=h5-] h5.theta-uc{font:normal 21px/32px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.h1-kappa h1,.h1-lambda h1,.h2-kappa h2,.h2-lambda h2,.h3-kappa h3,.h3-lambda h3,.h4-kappa h4,.h4-lambda h4,.h5-kappa h5,.h5-lambda h5,[class*=h1-] h1.kappa,[class*=h1-] h1.lambda,[class*=h2-] h2.kappa,[class*=h2-] h2.lambda,[class*=h3-] h3.kappa,[class*=h3-] h3.lambda,[class*=h4-] h4.kappa,[class*=h4-] h4.lambda,[class*=h5-] h5.kappa,[class*=h5-] h5.lambda{font:normal 17px/24px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif}.h1-kappa-uc h1,.h1-lambda-uc h1,.h2-kappa-uc h2,.h2-lambda-uc h2,.h3-kappa-uc h3,.h3-lambda-uc h3,.h4-kappa-uc h4,.h4-lambda-uc h4,.h5-kappa-uc h5,.h5-lambda-uc h5,[class*=h1-] h1.kappa-uc,[class*=h1-] h1.lambda-uc,[class*=h2-] h2.kappa-uc,[class*=h2-] h2.lambda-uc,[class*=h3-] h3.kappa-uc,[class*=h3-] h3.lambda-uc,[class*=h4-] h4.kappa-uc,[class*=h4-] h4.lambda-uc,[class*=h5-] h5.kappa-uc,[class*=h5-] h5.lambda-uc{font:normal 17px/24px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.breadcrumb,.h1-mu h1,.h1-nu h1,.h2-mu h2,.h2-nu h2,.h3-mu h3,.h3-nu h3,.h4-mu h4,.h4-nu h4,.h5-mu h5,.h5-nu h5,[class*=h1-] h1.mu,[class*=h1-] h1.nu,[class*=h2-] h2.mu,[class*=h2-] h2.nu,[class*=h3-] h3.mu,[class*=h3-] h3.nu,[class*=h4-] h4.mu,[class*=h4-] h4.nu,[class*=h5-] h5.mu,[class*=h5-] h5.nu{font:normal 15px/20px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif}.h1-mu-uc h1,.h1-nu-uc h1,.h2-mu-uc h2,.h2-nu-uc h2,.h3-mu-uc h3,.h3-nu-uc h3,.h4-mu-uc h4,.h4-nu-uc h4,.h5-mu-uc h5,.h5-nu-uc h5,[class*=h1-] h1.mu-uc,[class*=h1-] h1.nu-uc,[class*=h2-] h2.mu-uc,[class*=h2-] h2.nu-uc,[class*=h3-] h3.mu-uc,[class*=h3-] h3.nu-uc,[class*=h4-] h4.mu-uc,[class*=h4-] h4.nu-uc,[class*=h5-] h5.mu-uc,[class*=h5-] h5.nu-uc{font:normal 15px/20px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase} }.color-framework{color:#181818} .gray-bg{background-color:#e2e2e2 !important} .smoke-bg{background-color:#f0f0f0 !important} .white{color:#fff !important} .white-bg{background-color:#fff !important} .white-border{border-color:#fff !important} .black{color:#000 !important} .black-bg{background-color:#000 !important} .ink{color:#181818 !important} .ink-inherit .inherit-bg{background-color:#181818} .ink-bg{background-color:#181818 !important} .ash{color:rgba(0,0,0,0.56) !important}a, .hbsred-inherit .inherit-color{color:#A41034} .hbsred{color:#A41034 !important} .hbsred-inherit .inherit-bg{background-color:#A41034} .hbsred-bg{background-color:#A41034 !important} .slider-content {background-color: #fff;}.page-header .responsive-breadcrumb { padding-top: 22px; padding-bottom: 8px; } .responsive-breadcrumb {margin: 0; padding: 0; zoom: 1; } .responsive-breadcrumb>li { display: block; float: left; white-space: nowrap; position: relative; padding-right: 17px; margin-right: 5px; min-height: 29px; line-height: 29px; } .responsive-breadcrumb .txt-arrow { position: absolute; top: -1px; right: 0; display: block; } .responsive-breadcrumb-toggle a { border: 1px solid rgba(0,0,0,.2); padding: 5px 5px 4px 5px; color: #000; text-decoration: none;} .responsive-breadcrumb:after, .responsive-breadcrumb:before { display: table; content: ""; } .responsive-breadcrumb:after { clear: both; } .responsive-breadcrumb>li.responsive-breadcrumb-toggle, .responsive-breadcrumb>li.responsive-breadcrumb-visible, .responsive-breadcrumb>li:nth-last-child(-n+2) { display: inline-block; } .responsive-breadcrumb>li:last-child { margin-right: 0; padding-right: 0; } .txt-arrow {font-family: "Lucida Grande","Lucida xConsole","Lucida Sans",Arial,sans-serif;} @media (min-width: 651px) and (max-width: 919px) { .page-header .responsive-breadcrumb { padding: 0; padding-bottom: 12px; } } @media (min-width: 651px) { .responsive-breadcrumb-toggle {display: none!important;} } @media (max-width: 650px) { .page-header .responsive-breadcrumb { padding: 0; padding-bottom: 5px; } .responsive-breadcrumb>li:nth-child(2) { display: none; } .responsive-breadcrumb>li { display: none; } }.dropdown-toggle { border: 1px solid #333; border: 1px solid rgba(0,0,0,.2); padding: 5px 15px 4px 7px;} .dropdown-toggle [class*=icon-select] { position: relative; bottom: -2px; left: 10px;} .icon-select {background-position: -240px -60px;} .icon-select { background-image: url(https://webassets.hbs.edu/libs/framework/1.0/css/framework.png); background-repeat: no-repeat; display: inline-block; width: 8px; height: 14px; } .dropdown-container .dropdown-menu, .dropdown-container .dropdown-menu2 { display: none; }.btn { background-color: #000; color: #fff; display: inline-block; padding: 8px 17px; border: 0; margin: 0; }.tile img.fluid { display: block; } .img-fluid img, img.fluid { max-width: 100%; height: auto; box-sizing: border-box; } @media screen and (max-width: 919px) { canvas, iframe, img, svg {max-width: 100%;} }.ol-unstyled ol, .ul-unstyled ul, ul.unstyled, .linear, .ol-outset .linear, .ul-outset .linear, .ol-unbulleted ol, .ul-unbulleted ul, ol.unbulleted, ul.unbulleted { list-style-type: none; margin: 0; padding: 0; } .linear>li { display: inline; margin-right: 5px; } dl, ol, ul { margin-left: 1.2em; } .facet-list li { margin-bottom: 5px; list-style-type: none; }.hr, .hr2, .hr3, .hr4{ height:1px;background-color:#000;overflow:hidden;border:0;filter:alpha(opacity= 20 );opacity:.2} .hr2{height:2px} .hr3{height:3px} .hr4{height:4px} .hr4.white-bg, .hr3.white-bg, .hr2.white-bg, .hr.white-bg{ background-color:white;filter:alpha(opacity= 40 );opacity:.4} .clearfix {zoom: 1;} .clearfix:after, .clearfix:before {display: table;content: "";} .clearfix:after, .clear { clear: both; }.carousel-container{overflow:hidden}.carousel-container .carousel-panels{width:100000px;position:relative;margin-left:0;padding-left:0;zoom:1}.carousel-container .carousel-panels:after,.carousel-container .carousel-panels:before{display:table;content:""}.carousel-container .carousel-panels:after{clear:both}.carousel-container .carousel-panels>li{float:left;list-style-type:none;margin-left:0}.carousel-container .carousel-panels>li>:last-child{margin-bottom:0}.carousel-container .carousel-panels>li:before{display:none}.carousel-container .carousel-panels>li>.lazy{display:none}.nav-carousel{list-style-type:none;margin:0;padding:0;zoom:1}.nav-carousel li{list-style-type:none;margin-bottom:0}.nav-carousel li:before{display:none}.nav-carousel:after,.nav-carousel:before{display:table;content:""}.nav-carousel:after{clear:both}.nav-carousel li{float:left;list-style-type:none;display:block;margin-bottom:0!important}.nav-carousel li:before{display:none}.nav-carousel li a{text-decoration:none;color:#181818;display:block}.nav-carousel li.prev a{padding-right:6px}.nav-carousel li.next a{padding-left:5px}.nav-carousel li.dot a{padding-right:2px;padding-left:1px}.nav-carousel li.dot .icon-dot{display:block;margin-top:3px;line-height:1} .field { background: #eee none; padding: 8px 10px; border: 1px solid #d5d5d5; font: normal 17px/24px Arial,Helvetica,Verdana,sans-serif; line-height: 1.2; width: 100%; vertical-align: middle; box-sizing: border-box; } .btn-submit { background-color: #a41034; border: 0; color: #fff; display: inline-block; padding: 9px 11px 9px 11px; margin: 0; position: relative; line-height: 1.2; vertical-align: middle; white-space: nowrap; transition: background .1s linear; } .facet-pattern2 .facet-control { padding-bottom: 22px; padding-top: 22px;} .icon-plusbox { display: inline-block; width: 11px; height: 11px;} .facet-pattern2 .icon-plusbox { position: relative;} .facet-pattern2 .icon-plusbox:before { content: '+'; position: absolute; top: 0; left: 0; line-height: 5px; font-size: 20px; } .facet-pattern2 .kappa-uc a { font-weight: 400; } .responsive-filter-bar { padding: 16px 0; } .widget-sharebar { height: 41px; } .widget-sharebar>.style-framework.dark { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .widget-sharebar>.style-framework { padding-top: 10px; height: 29px; } .widget-sharebar>.style-framework>ul { margin: 0; padding: 0; } .widget-sharebar>.style-framework>ul>li { float: left; list-style-type: none; margin-right: 18px; } a[href*="TOFIX" i],a[href*="TODO" i] { background-color: yellow; } .signup { min-height: 152px; } .blog-signup { min-height: 231px; }.component-framework a.btn { background-color: #a41034; position: relative; } .component-framework .btn { border-radius: 3px; padding: 16px 32px 16px 20px !important; } .component-framework .btn.center { margin-left: auto; margin-right: auto; } .component-framework .btn.disabled:hover { background-color: #D2D2D2; cursor: auto; } .component-framework a.btn::after { transition: all 0.1s ease-in; border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 6px; right: 1em; top: 36%; position: relative; transform: rotate(45deg); width: 6px; position: absolute; } .component-framework .btn-primary { text-transform: none; font-size: 23px !important; line-height: 24px; } .component-framework a.btn.btn-primary:hover { background-color: #000 !important; color: #fff !important; border-color: #fff; } .component-framework .btn-primary-small { font-size: 13px !important; padding-top: 8px !important; padding-bottom: 8px !important; } .component-framework a.btn.btn-primary-small:hover { background-color: #000 !important; color: #fff !important; border-color: #fff; } .component-framework .btn-secondary { text-transform: none; font-size: 23px !important; line-height: 24px; border: 1px solid #a41034; } .component-framework a.btn.btn-secondary:hover, .component-framework button.btn.btn-secondary:hover { background-color: #f4f4f4 !important; color: #000 !important; border-color: #000; } .component-framework button.btn.btn-secondary:hover a { color: #000 !important; text-decoration: none; } .component-framework .btn-secondary-small { font-size: 13px !important; padding-top: 8px !important; padding-bottom: 8px !important; border: 1px solid #a41034; } .component-framework a.btn.btn-secondary-small:hover, .component-framework button.btn.btn-secondary-small:hover { background-color: #f4f4f4 !important; color: #000 !important; border-color: #000; } .component-framework button.btn.btn-secondary-small:hover a { color: #000 !important; text-decoration: none; } .btn.no-arrow { padding-right: 20px !important; } .btn.no-arrow::after { display: none !important; } .btn.no-border { border-color: transparent !important; } .color-framework a.btn:hover { background-color: #f4f4f4 !important; color: #000 !important; border-color: #000; } .color-framework .btn-card { padding: 30px 50px !important; border: 1px solid #d2d2d2; border-radius: 5px; font-size: 17px !important; text-transform: none; width: 100%; box-sizing: border-box; text-align: center; } .form-control-group-inline .btn { border-radius: 0px !important; padding: 8px 0px !important; }body { background-color: #fafafa } .color-framework .shadow-bg { background-color: rgba(0,0,0,0.7) } .color-framework .gray9-bg { background-color: #1d1d25 !important } .color-framework .gray8-bg { background-color: #282832 !important } .color-framework .gray8 { color: #282832 !important } .color-framework .gray5-bg { background-color: #e6e4e5 !important } .color-framework .gray1-bg { background-color: #f4f4f4 !important } .color-framework .gray9-bg a { color: #cd5d78 } .color-framework .green-inherit .inherit-color,.color-framework .green { color: #39a284 !important } .color-framework .inkblack { color: #1d1d24 !important } .color-framework .slate { color: #59666f !important } .color-framework .berry-red { color: #820d2f !important } .color-framework .green-inherit .inherit-bg,.color-framework .green-bg { background-color: #39a284 !important } .color-framework .blue-inherit .inherit-color,.color-framework .blue { color: #3a9c9c !important } .color-framework .blue-inherit .inherit-bg,.color-framework .blue-bg { background-color: #3a9c9c !important } .color-framework .gold-inherit .inherit-color,.color-framework .gold { color: #ffd575 !important } .color-framework .gold-inherit .inherit-bg,.color-framework .gold-bg { background-color: #ffd575 !important } .color-framework .iron-inherit .inherit-color { color: #d4dade !important } .color-framework .iron-inherit .inherit-bg,.color-framework .iron-bg { background-color: #d4dade !important } #hbxFooter .signup .hs-richtext { color: #fff } #hbxFooter .signup a { color: #fff !important; text-decoration: underline } #hbxFooter .signup .hs-form-required { color: #fff !important } .grid-framework .cap.gray1-bg { border-top: 20px solid #f4f4f4 !important } .grid-framework .personalization-hidden { display: none } .component-framework .circle { border-radius: 50% } .component-framework .circle-bg { background: transparent url('/Style%20Library/hbs/images/homepage/gray-circle.png') center center no-repeat; background-size: cover } .component-framework .circle-bg>.valign { height: 329px } .component-framework .card-button { position: absolute; bottom: 24px; left: 24px; margin-right: 24px } .component-framework .hr { margin: 32px 0 } .component-framework div.facet-breadcrumb-pattern span.txt-arrow.eta { display: none } .component-framework .fullbleed { background: transparent no-repeat center center; background-size: cover } .component-framework .form-container { transition: opacity 0.2s ease-out; opacity: 1 } .component-framework .form-container.form-container-submitting { opacity: .9 } .component-framework .drop-shadow { box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 3px rgba(0,0,0,0.23) } .component-framework .topdown-fade { position: absolute; top: 0; width: 100%; height: 100px; background: -moz-linear-gradient(top,rgba(0,0,0,0.65) 0%,transparent 90%); background: -webkit-linear-gradient(top,rgba(0,0,0,0.65) 0%,transparent 90%); background: linear-gradient(to bottom,rgba(0,0,0,0.65) 0%,transparent 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=0) } .component-framework .trapezoid { background-color: #282832; position: relative; padding: 40px 120px 0 120px; overflow: hidden; background-image: linear-gradient(129deg,transparent 85%,#191921 85%),linear-gradient(51deg,#191921 15%,transparent 15%) } .component-framework .trapezoid-right { background-color: #282832; position: relative; padding: 0; background-image: linear-gradient(121deg,transparent 85%,#3f959c 85%) } .component-framework .linear-nav>li { margin-right: 20px } .component-framework .linear-nav>li:last-child { margin-right: 0 } .component-framework .dividers>li { border-right: 1px solid white; padding-right: 15px; margin-right: 10px } .component-framework .dividers>li:last-child { border-right: none; padding-right: 0px } .component-framework ol.mega { margin-left: 90px } .component-framework ol.mega>li { list-style-type: none; counter-increment: item; margin-bottom: 32px } .component-framework ol.mega>li:before { display: block; float: left; position: static; border-radius: 100px; background-color: #53a7ae; background-repeat: no-repeat; background-position: -360px -140px; width: 60px; height: 60px; text-align: center; font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif; color: white; margin-left: -85px; font-size: 32px; line-height: 60px; content: counter(item); font-family: 'TradeGothicW02-BoldCn20 675505',Arial,Helvetica,Verdana,sans-serif; margin-left: -80px } .component-framework .mega h4 { margin-bottom: 0; border: 0 } .component-framework .testimonials-container .testimonials-container-wrap { padding: 40px 120px 0 120px; text-align: center } .component-framework .hbsred-inherit .dropdown-menu a.active { background-color: white!important } .component-framework .slider-menu .flyout-panel .slider-targets .site-title>span.black,.component-framework .slider-menu .flyout-panel .slider-targets .section-nav a,.component-framework .slider-menu .flyout-panel .slider-targets .util-nav a,.component-framework .slider-menu .flyout-panel .flyout-panel-button { color: white!important } .component-framework .slider-menu .flyout-panel .flyout-panel-button { border-color: rgba(255,255,255,0.4) } .component-framework .slider-menu .flyout-panel .slider-targets li.active { background-color: #a41034 !important } .component-framework .tile .icon-play,.component-framework .widget-video-rendered.video .kWidgetPlayBtn { background: url(/courses/core/PublishingImages/icon-play.svg) !important; width: 66px; height: 66px; background-size: 100%!important; background-repeat: no-repeat; margin-top: -33px; margin-left: -33px } .component-framework .facetctrl-isotope-results .tile .icon-play { width: 44px; height: 44px; margin-top: -22px; margin-left: -22px } .component-framework .hs-form .field { background-color: transparent; padding: 0; border: 0; box-shadow: none } .component-framework .hs-form .hs-input { background: #eee none; padding: 8px 10px; border: 1px solid #d5d5d5; font: normal 17px/24px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif; line-height: 1.2; box-shadow: inset 0 0 1px rgba(0,0,0,0.15); vertical-align: middle; -webkit-border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto } .component-framework .hs-form .hs-input:focus { border: 1px solid black; background-color: white; box-shadow: none } .component-framework .hs-form .hs-input[type=checkbox] { position: relative; top: -3px; margin-right: 8px } .component-framework .hs-form label { margin-bottom: 7px !important; display: block; font-weight: normal !important; font: normal 17px/24px 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif } .component-framework .hs-form .hs-form-booleancheckbox label,.component-framework .hs-form .hs-form-checkbox label { font: normal 13px/16px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif; margin: 0 } .component-framework .hs-form .hs-button.primary { background: #a41034; color: white; display: inline-block; padding: 8px 17px; border: 0; margin: 0; cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-font-smoothing: antialiased; -webkit-transition: background 0.1s linear; -moz-transition: background 0.1s linear; -ms-transition: background 0.1s linear; -o-transition: background 0.1s linear; transition: background 0.1s linear; font: normal 17px/24px 'TradeGothicW02-BoldCn20 675505',Arial,Helvetica,Verdana,sans-serif; text-transform: uppercase; box-shadow: none } .component-framework .hs-form .hs-button.primary:hover { background: black } .component-framework .hs-form .hs-button.primary:active { border: 0; background: black; box-shadow: none } .component-framework .white .hs-form label { color: white } .component-framework #blog-signup .field,.component-framework #blog-signup .actions { margin-top: 0 !important; margin-bottom: 0 !important } .component-framework blockquote q{ quotes: "\201C" "\201D" "\2018" "\2019" } .component-framework .logos>li { float: left; list-style-type: none; width: 165px; margin-right: 24px } .component-framework .logos>li img { width: 100% } .component-framework .faculty-photo { float: left; margin-right: 10px; height: 148px; width: 140px } .component-framework .floatright { padding: 0 0 0 1em; float: right; width: 40% } .component-framework .floatleft { float: left; padding: 0 1em 0 0 } .component-framework .hbx-table { border: 1px solid #000; border-collapse: collapse; margin-bottom: 16px; width: 100%; font: normal 13px/16px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif } .component-framework .hbx-table th,.component-framework .hbx-table td { text-align: left; padding: 12px 8px 11px 8px } .component-framework .hbx-table th { text-transform: uppercase } .component-framework figure.student-blogger { float: left; width: 109px; margin: 0 2em 2em 0 } .component-framework figure.student-blogger img { width: 109px } .component-framework figure.student-blogger caption,.component-framework figure.student-blogger .caption { display: block; text-align: center } .component-framework figure figcaption,.component-framework figcaption { font: normal 13px/16px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif } .component-framework figure.left img { float: left; width: 200px; margin: 0 15px 15px 0 } .component-framework twitterwidget~* { margin-top: 40px } .component-framework .cohorts .slick-next { right: 0px } .component-framework .cohorts .slick-prev { left: 0px } .component-framework .cohorts .slick-prev,.component-framework .cohorts .slick-next { width: 25px; height: 30px; opacity: .5; z-index: 99 } .component-framework .courses .slick-next,.component-framework .courses .slick-prev { width: 35px; height: 40px; opacity: 1 !important; z-index: 99; top: 125px !important } .component-framework .courses .slick-prev { left: -10px !important } .component-framework .courses .slick-next { right: -34px !important } .component-framework .slick-prev:hover,.component-framework .slick-next:hover { opacity: 1 !important } .component-framework .courses .slick-prev:hover,.component-framework .courses .slick-next:hover { opacity: .5 !important } .component-framework .slick-prev.slick-disabled:hover,.component-framework .slick-next.slick-disabled:hover { opacity: 1 !important; cursor: default !important } .component-framework .slick-slide a:hover img { opacity: .5 } .component-framework .cohort-item { margin: 20px } .component-framework .cohort-item-content { width: 85%; margin: 0 auto } .component-framework .banner-bg { background-color: #282832; box-shadow: 10px 0px 0px 0px #282832,-10px 0px 0px 0px #282832; line-height: 1.2; -webkit-box-decoration-break: clone; box-decoration-break: clone } .component-framework #skip a { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden } .component-framework #skip a:focus { position: static; width: auto; height: auto } .component-framework #HBSHome .slick-dots { bottom: -60px } .checklist { list-style: none } .checklist>li { position: relative; margin-bottom: 0.5rem } .checklist>li:before { content: ""; background-image: url(/PublishingImages/framework-v2.png); background-repeat: no-repeat; background-position: 0 0; width: 25px; height: 30px; display: block; position: absolute; left: -1.5rem; background-size: 453px 209px } .checklist.big-check li:before { -ms-transform: scale(1.5,1.5); -webkit-transform: scale(1.5,1.5); transform: scale(1.5,1.5) } @media screen and (max-width: 650px) { .component-framework .floatright { float:none; padding: 0; width: 100% } .component-framework .cohorts { text-align: center } .component-framework #HBSHome .slick-dots { bottom: -25px } .component-framework #HBSHome .slick-slider .span3.tablet-span3 { margin-left: 12px !important; margin-right: 12px !important } .component-framework #HBSHome .slick-slider.row.tablet-row.mobile-row { margin-left: 0px !important; padding: 0 20px } .component-framework #HBSHome .courses .slick-prev { left: -10px !important } .component-framework #HBSHome .courses .slick-next { right: -10px !important } .pattern-framework .flyout-panel .epsilon-uc.unbulleted li a { margin-top: 12px!important; } } @media screen and (max-width: 919px) and (min-width:651px) { .component-framework .logos>li { margin-right:19px } .component-framework #HBSHome .slick-dots { bottom: -25px } .component-framework #HBSHome .slick-slider .span3.tablet-span3 { margin-left: 12px !important; margin-right: 12px !important } .component-framework #HBSHome .slick-slider.row.tablet-row.mobile-row { margin-left: 0px !important; padding: 0 20px } .component-framework #HBSHome .courses .slick-prev { left: -10px !important } .component-framework #HBSHome .courses .slick-next { right: -10px !important } } @media screen and (max-width: 1100px) { .component-framework .trapezoid { padding-left:12px; padding-right: 12px } .component-framework .testimonials-container .testimonials-container-wrap { padding-left: 12px; padding-right: 12px } .component-framework .drop-shadow { box-shadow: none } } .type-framework .h2-fancy h2 { display: flex; flex-direction: row; justify-content: center; text-align: center } .type-framework .h2-fancy h2:before,.type-framework .h2-fancy h2:after { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; content: '\a0'; flex-grow: 1; height: 1px; position: relative; top: 0.5em } .type-framework .h2-fancy h2:before { margin-right: 10px } .type-framework .h2-fancy h2:after { margin-left: 10px } .type-framework h2.gamma { xborder: 1px solid red; display: block; text-align: left } .type-framework h2.gamma:before { margin-right: -10px } .type-framework h2.gamma:after { margin-left: -10px } .type-framework h2.gamma:before,.type-framework h2.gamma:after { border-top-style: none; border-bottom-style: none; content: none } @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { .type-framework .h2-fancy h2:before,.type-framework .h2-fancy h2:after { border-top: none; border-bottom: none } } .pattern-framework .body-margins h2,.pattern-framework .body-margins table,.pattern-framework .body-margins ol,.pattern-framework .body-margins ul { margin-bottom: 24px } .pattern-framework .faq-container { background-color: white } .pattern-framework .faq-container h3 { border-bottom: 1px solid #d2d2d2; padding: 20px } .pattern-framework .faq-container h4 { border-bottom: 1px solid #d2d2d2; padding: 20px } .pattern-framework .faq-container .toggle-show { background-color: #f6f6f6; border: 15px solid white; padding: 15px } .pattern-framework .faq-container .toggle-show>*:last-child { margin-bottom: 0 } .pattern-framework .tile:hover .icon-play { background-position: 0 } :focus,a:focus,input:focus,button:focus { outline: 2px solid #1e90ff !important } a:focus[class*="video"],a:focus.btn,input:focus { outline-offset: 3px!important } a.apply.disabled { cursor: not-allowed; opacity: 0.5; text-decoration: none } .logo { height: 41px; width: 200px; display: block } .fadein-on-hover { opacity: .8 } .fadein-on-hover:hover { opacity: 1 } @media screen and (max-width: 320px) { .logo { width:65% } } .animation-popin { animation: animation 2250ms linear both } @keyframes popin { 0% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1) } 4.5% { -webkit-transform: matrix3d(1.485,0,0,0,0,1.485,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.485,0,0,0,0,1.485,0,0,0,0,1,0,0,0,0,1) } 9.01% { -webkit-transform: matrix3d(1.88,0,0,0,0,1.88,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.88,0,0,0,0,1.88,0,0,0,0,1,0,0,0,0,1) } 13.51% { -webkit-transform: matrix3d(2.087,0,0,0,0,2.087,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(2.087,0,0,0,0,2.087,0,0,0,0,1,0,0,0,0,1) } 17.92% { -webkit-transform: matrix3d(2.139,0,0,0,0,2.139,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(2.139,0,0,0,0,2.139,0,0,0,0,1,0,0,0,0,1) } 29.03% { -webkit-transform: matrix3d(2.032,0,0,0,0,2.032,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(2.032,0,0,0,0,2.032,0,0,0,0,1,0,0,0,0,1) } 34.63% { -webkit-transform: matrix3d(1.994,0,0,0,0,1.994,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.994,0,0,0,0,1.994,0,0,0,0,1,0,0,0,0,1) } 40.14% { -webkit-transform: matrix3d(1.985,0,0,0,0,1.985,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.985,0,0,0,0,1.985,0,0,0,0,1,0,0,0,0,1) } 62.36% { -webkit-transform: matrix3d(2.002,0,0,0,0,2.002,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(2.002,0,0,0,0,2.002,0,0,0,0,1,0,0,0,0,1) } 84.68% { -webkit-transform: matrix3d(2,0,0,0,0,2,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(2,0,0,0,0,2,0,0,0,0,1,0,0,0,0,1) } 100% { -webkit-transform: matrix3d(2,0,0,0,0,2,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(2,0,0,0,0,2,0,0,0,0,1,0,0,0,0,1) } } .animate-from-bottom { animation: animation 2000ms linear both; animation-delay: .75s } .animate-from-bottom.delay1 { animation-delay: .8s } @keyframes animation { 0% { opacity: 0; -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,300,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,300,0,1) } 4.1% { opacity: 1; -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,125.912,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,125.912,0,1) } 8.11% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,31.647,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,31.647,0,1) } 12.11% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-5.53,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-5.53,0,1) } 16.12% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-13.007,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-13.007,0,1) } 27.23% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-2.352,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-2.352,0,1) } 38.34% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0.311,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0.311,0,1) } 60.56% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-0.007,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-0.007,0,1) } 82.78% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1) } 100% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1) } }.color-framework .crimson-bg { background-color: #A41034; } .color-framework .crimson { color: #A41034; } .color-framework .berry-red-bg { background-color: #820D2F; } .color-framework .berry-red { color: #820D2F; } .color-framework .ink-black-bg { background-color: #1D1D24; } .color-framework .ink-black { color: #1D1D24; } .color-framework .midnight-blue-bg { background-color: #282832; } .color-framework .midnight-blue { color: #282832; } .color-framework .dark-white-bg { background-color: #FAFAFA; } .color-framework .dark-white { color: #FAFAFA; } .color-framework .dark-gray-bg { background-color: #181818; } .color-framework .dark-gray { color: #181818; } .color-framework .slate-gray-bg { background-color: #59666F; } .color-framework .slate-gray { color: #59666F; } .color-framework .light-gray1-bg { background-color: #F4F4F4; } .color-framework .light-gray1 { color: #F4F4F4; } .color-framework .light-gray2-bg { background-color: #E6E4E5; } .color-framework .light-gray3 { color: #E6E4E5; } .color-framework .light-gray3-bg { background-color: #D2D2D2; } .color-framework .light-gray3 { color: #D2D2D2; } .color-framework .headerblue-bg { background-color: #b5d7d8; } .color-framework .blue-bg { background-color: #3A9C9C; } .color-framework .blue { color: #3A9C9C; } .color-framework .green-bg { background-color: #39A284; } .color-framework .green { color: #39A284; } .color-framework .yellow-bg { background-color: #FFD575; } .color-framework .yellow { color: #FFD575; } .color-framework .skyblue-bg { background-color: #b6d7d8; } .color-framework .skyblue { color: #b6d7d8; } header { z-index: 10; } header nav.top-nav { overflow: hidden; padding: 37px 0px 37px 0px; } header .hbso-logo { margin: 6px 30px 0px 30px; } header .hbso-logo h1 { padding: 0px!important; } header .hbso-logo img { height: 100%; width: 150px; } #sticky-header nav.top-nav { padding: 37px 0px; } #sticky-header .toolbar-btns { margin-top: 26px!important; } #sticky-header .hbso-logo { margin-top: 12px!important; } #sticky-header { box-shadow: 0px 6px 7px -5px rgba(0, 0, 0, 0.2); overflow: initial!important; top: -5px; } header nav.top-nav li.dropdown-mega { list-style-type: none; display: block; } header nav.top-nav .dropdown-mega a.nav-link { border-bottom: 2px transparent solid; } header nav.top-nav .dropdown-mega a.nav-link.active, header nav.top-nav .dropdown-mega a.nav-link:hover, header nav.top-nav .dropdown-mega a.nav-link.hover { border-bottom: 2px #FFD575 solid; font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif; } header nav.top-nav .dropdown-mega a.nav-link.hover { color: black; } .mega-black-bg { position: fixed; background-color: rgba(0,0,0,0.7); left: 0; right: 0; bottom: 0; top: 0; z-index: 9; } header .universal-banner-menu-toggle { cursor: pointer; } header .universal-banner-hamburger { width: 20px; height: 18px; position: relative; margin-top: 4px; } header .universal-banner-hamburger span { display: block; position: absolute; height: 3px; width: 100%; background: #000; opacity: 0.6; left: 0; transform: rotate(0deg); transition: .3s cubic-bezier(0.5, 0, 0.1, 1) ; } header .universal-banner-hamburger span:nth-child(1) { top: 0px; transform-origin: left center; } header .universal-banner-hamburger span:nth-child(2) { top: 7px; transform-origin: left center; } header .universal-banner-hamburger span:nth-child(3) { top: 14px; transform-origin: left center; } header .universal-banner-hamburger.open span:nth-child(1) { transform: rotate(45deg); } header .universal-banner-hamburger.open span:nth-child(2) { width: 0%; opacity: 0; } header .universal-banner-hamburger.open span:nth-child(3) { transform: rotate(-45deg); } header .login-dropdown { width: 240px; position: absolute; top: 18px; left: -148px; padding-top: 12px; } #sticky-header .login-dropdown { left: -180px; } header .login-dropdown .login-border { padding: 20px; border: 1px solid #d2d2d2; border-radius: 5px; box-shadow: 1px 2px 0px 0px #d2d2d2; box-sizing: border-box; } header .login-link:hover, header .login-link.hover { color: #A41034!important; } header a.accessible-menu::after { border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 6px; transform: rotate(135deg); width: 6px; position: relative; right: -2px; top: -3px; } header a.accessible-menu { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } header a.accessible-menu:focus { left: -11px; width: 12px; height: auto; } main:not(.toc-on-page) div[id], main:not(.toc-on-page) h2[id] { scroll-margin-top: 70px; } .blog-item .paragraph.span8 ul, .blog-item .paragraph.span8 ol { margin-bottom:24px; } .skipto.hideme:focus { left: 0px; top: 0px; background-color: white; padding: 6px; width: auto; height: auto; z-index: 20; } .pattern-framework .flyout-panel a, .pattern-framework .flyout-panel nav.site-title span { color: #FFF!important; } .pattern-framework .flyout-panel .epsilon-uc.unbulleted li a { margin-top: 8px; display: inline-block; } .pattern-framework .flyout-panel a.sub { font-size: 17px; line-height: 17px; margin-top: 0px!important; } .pattern-framework .flyout-panel .epsilon-uc.unbulleted li:first-of-type { margin-bottom: 0px; } .pattern-framework .flyout-panel .epsilon-uc.unbulleted li:not(:first-of-type) { margin-top: 0px; } :focus,a:focus,input:focus,button:focus { outline: 2px solid #1e90ff !important } a:focus[class*="video"],a:focus.btn,input:focus { outline-offset: 3px!important } .component-framework .hbsred-inherit .dropdown-menu a.active { background-color: white!important; color: black!important; } .component-framework a.btn, .component-framework .hbx-btn { background-color: #a41034; padding: 11px 32px 11px 20px; font-size: 16px; position: relative } .component-framework button.btn.btn-secondary-small { position: relative; } .component-framework button.hbx-btn:after, .component-framework a.btn:after, .component-framework button.btn a:after { transition: all 0.1s ease-in; border-style: solid; border-width: 3px 3px 0 0; content: ''; display: inline-block; height: 6px; right: 1em; top: 36%; position: relative; transform: rotate(45deg); width: 6px; position: absolute } .component-framework a.btn.backtotop:after { top: 42%; right: .7em; transform: rotate(-45deg) } .component-framework a.btn:hover, .component-framework .hbx-btn:hover, .component-framework a.btn:focus { background-color: black !important; color: white !important } .component-framework a.btn.black-bg:hover, .component-framework .hbx-btn.black-bg:hover { background-color: #a41034 !important; color: white !important } .component-framework button.hbx-btn.btn-down:after, .component-framework a.btn.btn-down:after { top: 35%; right: .7em; transform: rotate(135deg) } .component-framework .btn-margins { margin-bottom: 8px; } @media (max-width: 919px) { header nav.top-nav li.dropdown-mega { display: none; } header nav.top-nav { height: 25px; box-sizing: unset!important; } .responsive-framework header.site-header { padding: 0; } } @media (max-width: 650px) { header .hbso-logo { margin: 10px 10px 0px 10px; } header .hbso-logo img{ width: 125px; } .pattern-framework .flyout-panel a.sub { font-size: 13px; line-height: 16px; margin-top: 10px!important; } header nav.top-nav { height: 20px; padding: 35px 0px 35px 0px; box-sizing: unset!important; } header .toolbar-btns { margin: 22px 20px 0px 30px!important; } header .universal-banner-menu-toggle { margin-left: 0px!important; } } table.syllabus-table{ border: none; } table.syllabus-table { table-layout: fixed; width: 100%; } table.syllabus-table th, table.syllabus-table td { padding: 25px 20px; text-align: left; vertical-align: top; } table.syllabus-table thead th { padding: 15px 20px 15px 20px; font-size: 20px; } table.syllabus-table td { background-color: #EBEDEE; } table.syllabus-table th { background-color: #CDD1D4; } table.syllabus-table thead th:first-child { background-color: #ACB2B7; }.syllabus-table-mobile .row-title a { padding: 20px 15px; display: block; border-bottom: 1px solid #808080; background-color: #CDD1D4; } .syllabus-table-mobile .row-title a div { text-decoration: underline; display: block; padding-left: 26px; font-weight: bold; } .syllabus-table-mobile .row-title a:hover, .syllabus-table-mobile .row-title a:focus { text-decoration: none; } .syllabus-table-mobile .topic-info { padding: 25px; } .syllabus-table-mobile .topic-info .cell-title { font-weight: bold; padding: 25px 0px 15px 0px; } .syllabus-table-mobile .topic-info .cell-title:first-of-type { padding-top: 0px; } .syllabus-table-mobile .topic-info ul { padding: 0px 15px 0px 25px; margin: 0px; } .syllabus-table-mobile .table-title { font-size: 20px; padding: 15px 18px; background-color: #ACB2B7; font-weight: bold; } .syllabus-table-mobile .topic-info { background-color: #EBEDEE; } .syllabus-table-mobile .toggle-container.toggled .row-title a svg.open { display: none; } .syllabus-table-mobile .toggle-container.toggled .row-title a svg.close { display: inline; } .syllabus-table-mobile .row-title a svg { position: relative; top: 3px; float: left; width: 18px; }slick-prev:hover, slick-next:hover, slick-prev:focus, slick-next:focus { } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }@media (min-width: 919px) { .color-framework #HBSHBXOneCol .inherit-bg.page-header-wrapper { background-color: transparent !important; z-index: 9; } #main [data-wcm-part="SiteContent"]:first-child { margin-top:-65px; xborder:5px solid black; } } .grid-framework .bleed-container { width: 100%; } .section ul.bulleted li { list-style-type:inherit; } .color-framework .carmine-inherit .inherit-color, .color-framework .carmine-inherit .carmine { color: #9e0038 !important; } .color-framework .hbsred-inherit .inherit-bg { background-color: #9e0038; } .color-framework .icon-select { background-position: -240px -60px; } .color-framework .dropdown-toggle { xborder: 1px solid #83162c; } .page-header p { margin-bottom: 23px; } .page-header .btn { background-color: #282832 !important; } .component-framework a.btn { padding: 11px 32px; } .component-framework a.btn.no-arrow:after { display: none; } .component-framework a.btn.black-bg.reveresed:hover, .component-framework .hbx-btn.black-bg.reveresed:hover { color: #282832 !important; background-color: #fff !important; } .side-bg { position: absolute; height: 100%; right: 0; top: 0;width:50%; background-repeat: no-repeat; background-position: center; background-size: cover; } .inherit-bg { position: relative; } .new-mobile-logo{ background-color:#000; } .hbx-logo-wrap {background-color:#000; width:100%; padding: .5rem 1.8rem; position: absolute; bottom: 0; text-align: center; } .hbx-logo-wrap-mobile{ text-align: center; padding: 0.5rem 1.8rem; } .hbx-logo-wrap > img { max-width: 60%; } .hbx-logo-wrap-mobile > img{ max-width: 80%; } .type-framework .beta { margin-bottom: 16px; } .type-framework .h2-fancy h2:before { margin-right: 30px; } .type-framework .h2-fancy h2:after { margin-left: 30px; } .section-head { margin-bottom: 3.5rem; }*:not(a.pdf, #fancybox-wrap){ box-sizing: border-box; } .tabs-wrap { overflow: hidden;} .tabs-wrap .tab { float: left; max-width: 12%; width: 100%; } .tabs-wrap .tab button { font-family: "Trade Gothic W01 Bold 2", Arial, Helvetica, Verdana, sans-serif; display: block; background-color: inherit; color: black; padding: 22px 16px; width: 100%; border: none; xoutline: none; text-align: left; cursor: pointer; transition: 0.3s; font-size: 19px; background-color: #d4dade; margin-bottom: 0.5rem; font-weight: bold; color: #000000; } .tabs-wrap .tab button:hover { background-color: #3a9c9c; color: #fff; } .tabs-wrap .tab button.active { background-color: #3a9c9c; color: #fff; } .tabs-wrap .tabcontent { float: left; padding: 0px 12px; border: 1px solid #ccc; width: 86%; border-left: none;border: none; } .tabs-wrap .tabcontent h3 { margin-bottom: 2.5rem !important; } .video-wrap { max-width: 492px; margin: 0 auto; } .component-framework .logos { margin-bottom: 2rem !important; } .component-framework .logos > li { max-width: 162px; } .component-framework .mainContainer .icon-play, .component-framework .mainContainer .widget-video-rendered.video .kWidgetPlayBtn { background: url(/courses/core/PublishingImages/icon-play.svg) !important; width: 110px!important; height: 110px!important; background-size: 100% !important; background-repeat: no-repeat; margin-left: -4rem; margin-top: -3rem; } .pattern-framework .mainContainer .tile .icon-play { margin-left: -55px; margin-top: -45px; } .video-outer-wrap { margin-bottom: 3rem; } .video-outer-text { margin-bottom: 2rem; }.section { padding-top: 5rem; padding-bottom: 5rem; } .section .section-title { margin-bottom: 3rem !important; }#benefits { background-color: #F4F4F4; padding-top: 5rem; padding-bottom: 5rem; } #benefits .section-title { margin-bottom: 3rem; } #benefits .iconbox .iconbox-title { color: #000; font-size: 1.5rem; } #benefits .iconbox .iconbox-icon { display: inline-block; margin-bottom: 1.5rem; }.bg-row > *:nth-child(odd) > * { background-color: #f8f8f9; } .bg-row > * > * { padding: 2.5rem 2.5rem 2rem; margin-bottom: 2rem; } .bg-row > * > * > img { margin-bottom: 1.5rem; }.component-framework .cohorts .slick-prev, .component-framework .cohorts .slick-next { width: 40px; height: 45px; cursor: pointer; opacity: 1; } .component-framework .cohorts .slick-prev.slick-disabled, .component-framework .cohorts .slick-next.slick-disabled { opacity: 0.5 !important; } .component-framework .cohorts .slick-dots li { width: 12px; height: 12px; } .component-framework .cohorts .slick-dots li button { width: 12px; height: 12px; } .component-framework .cohorts .slick-dots li button:before { line-height: 12px; height: 12px; width: 12px; font-size: 12px; opacity: 1; color: #d4dade; } .component-framework .cohorts .slick-dots li.slick-active button:before { opacity: 1; color: #8a8f99; }.testimony { position: relative; overflow: hidden; } .testimony .testimonials-container { position: relative; background-image: none !important; max-width: 720px; margin: 0 auto; padding-bottom: 2.5rem; } .testimony .testimonials-container .next { position: absolute; right: 5%; top: 50%; } .testimony .testimonials-container .next.disabled { opacity: 0.4; } .testimony .testimonials-container .next > a span { background-image: url("/PublishingImages/framework-v2.png"); background-size: 453px 219px; background-color: transparent !important; width: 41px; height: 41px; background-position: 0 -32px; } .testimony .testimonials-container .prev { position: absolute; left: 5%; top: 50%; } .testimony .testimonials-container .prev.disabled { opacity: 0.4; } .testimony .testimonials-container .prev > a span { background-image: url("/PublishingImages/framework-v2.png"); background-size: 453px 219px; background-color: transparent !important; width: 41px; height: 41px; background-position: 0 -113px; } .testimony .testimonials-container .dot { display: none !important; } .testimony .testimonials-container .testimony-author { font-size: 17px; line-height: 25px; } .video-bg { position: relative; } .video-bg .video-fullwidth-wrap { width: 100%; height: 123.3%; position: absolute; width: 100%; top: -2.1rem; background-size: cover; background-repeat: no-repeat; background-position: center top; } .video-bg .video-fullwidth-wrap .icon-play { position: absolute; left: 50%; top: 50%; } .full-container .video-bg { position: relative; display: flex; align-items: center; justify-content: center; background: #000; overflow: hidden; } .full-container .video-bg .widget-video-rendered > div { position: absolute !important; left: 0; top: 0; } .full-container .video-bg .kWidgetIframeContainer { box-sizing: border-box; height: calc(100% - 37px) !important; position: absolute; top: 0; left: 0; } .full-container .video-bg .p3sdk-target { box-sizing: border-box; width: 100%; position: absolute; bottom: 0; }.basic-lnk { font-family: "Trade Gothic W01 Bold 2", Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none; } .basic-lnk:after { content: " >"; } .no-after:after { display: none !important; } .lg-btn { padding-left: 3rem !important; padding-right: 3rem !important; } .component-framework #skip a:focus{ position: absolute !important; }@media (min-width: 1200px) { .component-framework .logos > li { max-width: 135px; } .right-pad-hero{ padding-right:60px; } } @media (min-width: 1400px) { .component-framework .logos > li { max-width: 162px; } .right-pad-hero{ padding-right:60px; } } @media screen and (max-width: 1280px) { .hbx-logo-wrap {} } @media screen and (max-width: 1199px) { .hbx-logo-wrap {} } @media screen and (min-width: 920px) and (max-width: 1280px) { .side-bg { width: 45%; } .type-framework .beta { font-size: 43px; } .hbx-logo-wrap {} } @media screen and (min-width: 920px) and (max-width: 1020px) { .type-framework .beta { font-size: 42px; } } @media screen and (max-width: 919px) { .slick-dots li button:before { color: #68afb4 !important; } .slick-dots li.slick-active button:before { opacity: 1; color: #2a2b34 !important; } .side-bg { min-height: 200px; width: 100%; margin-top: 1rem; } .section, #benefits { padding-bottom: 32px !important; padding-top: 32px !important; } .section .section-head { margin-bottom: 27px !important; } .section .section-title { margin-bottom: 27px !important; } .type-framework p { margin-bottom: 28px !important; } .component-framework .testimonials-container .testimonials-container-wrap { padding-top: 25px; } .video-outer-wrap { margin-bottom: 40px; } div > p:last-child { margin-bottom: 0 !important; } .tabcontent div > p:last-child { margin-bottom: 37px !important; } div > .iconbox { margin-bottom: 30px; } div:last-child > .iconbox { margin-bottom: 0; } .checklist { margin-bottom: 28px !important; margin-top: -8px !important; } .tabs-wrap { margin-bottom: 0; } } @media screen and (min-width: 920px) { .full-container { width: 100% !important; } .responsive-framework .full-container .video-wrap { max-width: 100%; width: 100%; } } @media (min-width: 1024px) { .floatright-desk { float: right; margin-bottom: 0; } .responsive-framework .full-container { width: 100%; } .responsive-framework .full-container .row > .span6 { width: 50%; margin-left: 0; } .responsive-framework .full-container .video-wrap img { width: 100%; } .type-framework .beta { font-size: 48px; } } @media (min-width: 920px) { .full-container .video-bg .kWidgetIframeContainer, .full-container .video-bg .widget-video-wrapper .p3sdk-target { padding-left: 24px; } } @media (min-width: 1600px) { .tabs-wrap .tab { max-width: 180px; } } .mobile-tab-link{ display: none; } .tabs-wrap .tabcontent.desktop-tab-open{ visibility: visible; height: auto; width: 86%; position: relative; top: 0; left: 0; } .tabs-wrap .tabcontent{ visibility: hidden; height: 0px; width: 0px; position: absolute; top: -9999px; left: -9999px; } @media (max-width: 1279px) { .tabcontent .container.tablet-container.mobile-container{ visibility: hidden; height: 0; position: absolute; left:0; right:0; } .tabcontent .container.tablet-container.mobile-container.exposed{ visibility: visible; position: relative; } .mobile-tab-link{ display: block; } .tablinks.mobile-tab-link{ font-family: "Trade Gothic W01 Bold 2", Arial, Helvetica, Verdana, sans-serif; display: block; background-color: inherit; color: black; padding: 22px 16px; width: 98%; border: none; xoutline: none; text-align: left; cursor: pointer; transition: 0.3s; font-size: 19px; background-color: #d4dade; margin-bottom: 0.5rem; font-weight: bold; color: #000000; padding-left: 1rem; padding-right: 1rem; margin: 0 auto 20px auto; } .tablinks.mobile-tab-link.active-mobile-tab { background-color: #3a9c9c; color: #fff; } .tablinks:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 15px 10px 0 10px; border-color: #000000 transparent transparent transparent; position: absolute; right: 2rem; } .tabs-wrap .tab button.active { display: none; } .tabs-wrap .tab { max-width: 100%; padding-left: 1rem; padding-right: 1rem; display: none; } .tabs-wrap .tabcontent { max-width: 100%; width: 100% !important; padding: 0; top: 0; left: 0; position: relative; height: auto; visibility: visible; } .tabs-wrap { overflow: hidden; display: flex;flex-direction: column; } } @media screen and (max-width: 650px) and (min-width: 351px){ .tabcontent .row.mobile-row.tablet-row{ float: left; } } @media (min-width: 920px) { .hbx-logo-wrap{ padding: 1rem 1.8rem; box-sizing: border-box; } .pad-desk { padding: 8rem 0; } .pad-desk-mini { padding: 5rem 0; } .testimonials-container { padding-top: 2.5rem; } .limit-desk { max-width: 500px; }.trapotized-mini { background-image: linear-gradient(51deg, #961c35 10%, transparent 10%); } .right-desk { float: right !important; margin-left: 20px; } } @media screen and (max-width: 1100px) { .component-framework blockquote { padding-left: 2.5rem; padding-right: 2.5rem; } .testimony .testimonials-container .next > a span, .testimony .testimonials-container .prev > a span { transform: scale(0.6, 0.6); position: absolute; } .testimony .testimonials-container .next > a span { right: -1.5rem; } .testimony .testimonials-container .prev > a span { left: -1.5rem; } } @media (max-width: 919px) { .testimony .testimonials-container .dot { display: block !important; margin-top: 25px; } .testimony .testimonials-container { padding-bottom: 35px !important; } .component-framework .icon-dot { font-size: 24px; } .color-framework .teal.icon-dot { color: #2a2b34 !important; } .component-framework .nav-carousel li a { color: #65afb5 !important; } .color-framework .icon-dot { color: #65afb5 !important; } .pad-desk { padding: 35px 0; } .pad-desk-mini { padding: 1.3rem 0 40px; } .section-title { line-height: 40px !important;} .logos { overflow: hidden; margin-bottom: 2rem; } .center-tab { text-align: center; } .video-outer-wrap { margin-left: -1rem; margin-right: -1rem; } .section-head { margin-right: -1rem; margin-left: -1rem; } .bg-row > * > * { padding: 2.5rem 0.5rem; margin-bottom: 0; } .bg-row > * > * > img { max-width: 60px; margin-bottom: 0.5rem; } .responsive-head { font-size: 18px !important; line-height: 25px !important; } .mini-mobile { font-size: 14px !important; line-height: 20px; } .component-framework .logos > li { max-width: 80px; } } @media (max-width: 1199px) { .component-framework .logos > li { max-width: 120px; } } @media (max-width: 919px) { .logos { max-width: 462px; margin: 0 auto !important; } } @media (max-width: 990px) { .logos { max-width: 462px; margin: 0 auto !important; } .component-framework .logos > li { max-width: 120px !important; } } @media screen and (max-width: 640px) { .component-framework .logos > li { max-width: 130px !important; } } @media screen and (max-width: 550px) { .component-framework .logos > li { max-width: 120px !important; } } @media screen and (max-width: 480px) { .component-framework .logos > li { max-width: 90px !important; } } @media screen and (max-width: 375px) { .component-framework .logos > li { max-width: 80px !important; } } @media screen and (max-width: 340px) { .component-framework .logos > li { max-width: 60px !important; } } @media screen and (max-width: 270px) { .component-framework .logos > li { max-width: 50px !important; } }@-moz-document url-prefix() { .vip { margin-top: -1rem; } } @media screen and (max-width: 640px){ .pad-mobile-link{ display: inline-block; margin:14px 0 30px 0; } } @media screen and (max-width: 920px){ .core-options { text-align:center; } } @media (max-width: 1220px) and (min-width: 920px) { .page-header-online .subject-sentence { max-width: 480px; } } #sticky-header { position: fixed; overflow: hidden; background-color: inherit; height: 0; top:0!important; left:0; right:0; z-index: 110; transform: translate3d(0,0,0); transition: height .3s cubic-bezier(0.5, 0, 0.1, 1) ; } #sticky-header > div.wrapper { position: absolute; bottom:0; left:0; right:0; } #sticky-header.at-scroll-top { display: none; } .sticky-header-active .facetctrl-sticky.active, .sticky-header-active .filter-sticky.fixed { transition: margin .3s cubic-bezier(0.5, 0, 0.1, 1) ; } .sticky-header-expanded .facetctrl-sticky.active { margin-top:98px; } @media (max-width: 650px) { .sticky-header-expanded .filter-sticky.fixed { margin-top:98px; } .sticky-header-expanded .facetctrl-sticky.active { margin-top:98px; } } @media (min-width: 651px) and (max-width: 919px) { .sticky-header-expanded .filter-sticky.fixed { margin-top:118px; } .sticky-header-expanded .facetctrl-sticky.active { margin-top:113px; } } .sticky-header-active .universal-banner.sticky-header-cloned, .sticky-header-active .sticky-header-cloned .site-header-button { visibility: hidden; } .mega-menu { position: absolute; width: 100%; left: 0; z-index: 11; } .mega-menu .white-bg { padding-top: 37px; border-bottom: 3px #D2D2D2 solid; } .mega-menu .mega-menu-wrapper { margin: 0px; padding: 10px 0px 60px 0px; display: flex; justify-content: space-between; margin: 0 auto; max-width: 900px; } .mega-menu .mega-col { list-style-type: none; display: block; width: 31%; } .mega-menu ul li a.header-link::after, .login-dropdown a.header-link::after { border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 6px; right: 0px; top: 36%; position: relative; transform: rotate(45deg); width: 6px; margin-bottom: 1px; margin-left: 5px; } a.accessible-video:focus { clip: unset; width: auto; height: auto!important; background-color: white; padding: 5px; z-index: 1; } .p3sdk-container .p3sdk-audio-description-component { max-height: none; } .course-header { padding: 10px 0px 32px 0px; background-color: #F4F4F4; } .course-header .online-breadcrumbs { padding-bottom: 14px; } .course-header .online-breadcrumbs .subject-sentence { margin-top: 4px; } .color-framework .course-header .icon-select { background-position: -220px -60px; } .course-header .video-wrapper { width: 100%; } .course-header .video-caption { margin-top: 5px; } .course-header .small-card { border: 1px solid #D2D2D2; border-radius: 8px; padding: 25px 35px; max-width: 480px; margin: 0 auto; margin-top: 35px; } .course-header .left-column { display: flex; flex-wrap: wrap; } .course-header .right-column { position: relative; padding: 20px; border-radius: 5px; } .course-header .top-spacer { margin-top: 16px; } .course-header .top-label { padding: 4px 28px; display: inline-block; position: absolute; top: -16px; transform: translateX(-50%); } .course-header .footer-text .icon { display: block; margin-bottom: 5px; } .course-header .right-column .multi-btn { display: flex; column-gap: 16px; } .course-header .right-column .multi-btn > div { flex: 1; } .course-header .right-column .multi-btn a.btn-primary { padding: 16px 10px!important; display: flex; height: 100%; align-items: center; } .course-header .stats { display: flex; flex-wrap: wrap; justify-content: space-between; } .course-header .stats .point { padding: 10px; width: calc(50% - 2px); box-sizing: border-box; margin-top: 4px; text-align: center; } .course-header .stats .point .number { font-size: 29px; line-height: 44px; color: #1a7c7c; } .course-header .card-title{ padding-top: 20px; } @media (max-width: 650px) {.course-header { background-color: white; padding: 0px; } .course-header .online-breadcrumbs { padding-top: 10px; background-color: #F4F4F4; } .course-header .online-breadcrumbs .subject-sentence { padding-top: 8px; } .course-header .video-caption { display: none; } .course-header .right-column { padding: 10px 0px 30px 0px; margin: 0px 16px; } .course-header .top-label { top: 0px; } .course-header .card-title{ padding-top: 40px; } .course-header .top-spacer{ margin-top: 35px; } .course-header .small-card { margin-left: 16px; margin-right: 16px; } .course-header .left-column { justify-content: center; } } .component-framework .teal-inherit .video-container#video-container-1 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzQ4YzRiNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .teal-inherit .inherit-bg .video-container#video-container-1 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-1 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-1 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2VkNmE0NyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .salsa-inherit .inherit-bg .video-container#video-container-1 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-1 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-1 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .darkblue-inherit .inherit-bg .video-container#video-container-1 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-1 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-1 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2ZhYWU1MyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .citrus-inherit .inherit-bg .video-container#video-container-1 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-1 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-1 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2NlZDY2NSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .green-inherit .inherit-bg .video-container#video-container-1 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-1 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-1 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2FmZTZmMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .lightblue-inherit .inherit-bg .video-container#video-container-1 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-1 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-1 .wrapper { background-color: #000; } .video-container#video-container-1 .wrapper:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block; background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 85%, rgba(0,0,0,0.65) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.81) 77%, rgba(0,0,0,0.81) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cf000000',GradientType=0 );} .video-container#video-container-1 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-1 .image-title { color: white; } .video-container#video-container-1 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-1 .image-title:hover { text-decoration:none; } .video-container#video-container-1.fancy-hover:hover .overlay, .video-container#video-container-1.fancy-hover:hover .play-overlay, .video-container#video-container-1 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-1.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-1 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-1 a { display:block; height:100%; } .video-container#video-container-1:hover .overlay-hover { display: block; visibility: visible; opacity: 1; position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 2; color: white; } .video-container#video-container-1 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-1 .hr { opacity: 1; width: 50px; margin: 0px auto; margin-top:32px; margin-bottom:20px; background-color:#fff; } @media (max-width: 1220px) and (min-width: 651px) { .video-container#video-container-1 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-1 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.81) 50%,rgba(0,0,0,0.81) 100%); } } @media screen and (max-width: 650px) { .video-container#video-container-1 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-1 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 70%,rgba(0,0,0,0.81) 100%); } } .type-framework h2.h2-fancy { align-items: center; line-height: 19px !important; display: flex; flex-direction: row; justify-content: center; text-align: center; } .type-framework h2.h2-fancy::before, .type-framework h2.h2-fancy::after { border-top: 0; border-bottom: 0; content: ''; flex-grow: 0; width: 40px; height: 3px; background: #ffd575; top: 0; } .type-framework h2.h2-fancy::before { margin-right: 20px; } .type-framework h2.h2-fancy::after { margin-left: 20px; } .footer-text .add-border { background-color: #fff; background-clip: border-box; border: 1px solid #d2d2d2; border-radius: 5px; padding: 20px; } .footer-text .icon img { width: 25px; height: auto; vertical-align: middle; } .table-of-contents .toc-content { display: flex; padding: 0 30px; justify-content: space-between; } .table-of-contents .toc-content .links { display: flex; } .table-of-contents.sticky { position: fixed; top: 90px; width: 100%; z-index: 109; } .table-of-contents .toc-item { margin: 0px 10px; border-bottom: 2px transparent solid; } .table-of-contents .toc-item.current, .table-of-contents .toc-item a:hover { color: #820D2F!important; font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif; border-color: #820D2F; } .table-of-contents .toc-item.current a:hover { text-decoration: none; } .table-of-contents .toc-item.current a { color: #820D2F!important; } .table-of-contents .toc-apply a.btn { border-radius: 0px; padding-top: 12px!important; padding-bottom: 13px!important; } @media (max-width: 919px) { .table-of-contents.sticky { top: 0px; } .table-of-contents .toc-content { justify-content: space-evenly; } } @media (max-width: 750px) { .table-of-contents .toc-content { padding: 0px; } .table-of-contents .toc-content .toc-apply > div { height: 100%; } .table-of-contents .toc-content .toc-apply a { height: 100%; box-sizing: border-box; } } @media (max-width: 919px) and (min-width: 651px) {.table-of-contents .toc-item { margin: 0px 8px; } } @media (max-width: 650px) {.table-of-contents .toc-content { justify-content: center; margin-left: -10px; margin-right: -16px; } .table-of-contents .toc-item { margin: 0px 6px; } .table-of-contents .links { flex-shrink: 0; } .table-of-contents .toc-content .toc-apply { margin-left: 10px; flex-shrink: 1; } .table-of-contents .toc-content .toc-apply a.btn { padding-left: 10px!important; padding-right: 28px!important; } } @media (max-width: 460px) { .table-of-contents .toc-content .sm-mobile-hidden { display: none; } } @media (max-width: 400px) { .table-of-contents .toc-content .toc-apply { margin-left: 4px; } } @media (max-width: 378px) { .table-of-contents .toc-content .toc-apply a.btn { padding-top: 5px!important; padding-bottom: 5px!important; display: flex; align-items: center; } }.body-content > p, .body-content > div p { margin-bottom: 0px; } .body-content > p, .body-content > ul, .body-content > ol, .body-content > img .body-content > figure, .body-content > img + p:first-of-type, .body-content > figure + p:first-of-type, .body-content > div p, .body-content > div h3 + ol, .body-content > div h3 + ul { margin-top: 1.3rem; } .body-content > ul, .body-content > ol, .body-content > ul + p { margin-top: 1.85rem; } .body-content > ul li, .body-content > ol li { margin-top: .1rem; } .body-content > ul ul li:first-child { margin-top: 0.2rem; } .body-content > h1 + p, .body-content > h1 + ul, .body-content > h1 + img { margin-top: 0.9rem; } .body-content > h2 + p, .body-content > h2 + ul, .body-content > h2 + img { margin-top: 0.55rem; }.body-content > h1, .body-content > .section-header-wrapper, .body-content > .section-header-wrapper h1 { margin-top: 4.75rem; } .body-content > h2, .body-content > h3, .body-content > h4 { margin-top: 1.68rem; } .body-content > h1 + h2 { margin-top: 0.5rem; } .body-content > table { margin-top: 1rem; } .body-content > *:first-child { margin-top: 0px; } .body-content > p:first-child, .body-content > ul > li:first-child, .body-content > h2:first-child { margin-top: -6px; } .body-content > p:last-of-type, .body-content > ul li:last-child, .body-content > ol li:last-child { margin-bottom: -6px; } .body-content > img, .body-content > figure img { max-width: 100%; height: auto!important; box-sizing: border-box; } .body-content > figure { margin: 0; } .body-content > .section-header-wrapper:first-child h1 { margin-top: -9px; } .body-content div.mu-uc { margin-bottom: -3px; } .body-content p + hr.hr { margin-top: 0.9rem; }.body-content div.fade-container + .hr4 { margin:0px; } .body-content .hr4 { margin:32px 0px; } .body-content dl.plusminus dt.open { margin-bottom: 30px; }@media screen and (max-width: 650px) { .body-content > h1, .body-content > .section-header-wrapper h1 { margin-top: 1.65rem; }.body-content > h1, .body-content > .section-header-wrapper, .body-content > .section-header-wrapper h1 { margin-top: 2.45rem; } } .two-column-list { padding: 48px 70px; } .two-column-list .items { display: flex; padding-top: 30px; } .two-column-list .left-column, .two-column-list .right-column { padding: 0px 30px; flex: 1; } .two-column-list .items .item { padding-top: 15px; } @media (max-width: 919px) {.two-column-list { padding: 60px 0px; } } @media (max-width: 650px) {.two-column-list .items { display: block; padding-top: 15px; } } .tabbed-boxes { padding: 48px 0px; } .tabbed-boxes .tabs { display: flex; justify-content: center; } .tabbed-boxes .tabs .tab { margin: 0px 25px; } .tabbed-boxes .tabs .tab button { display: inline-block; padding: 10px; font: inherit; border: none; background: none; } .tabbed-boxes .tabs .tab.current { background-color: white; border-radius: 900px; position: relative; } .tabbed-boxes .tabs .tab.current button { color: #a41034; } .tabbed-boxes .tabs .tab.current:after { content: ''; width: 0px; height: 0px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid white; position: absolute; bottom: -30px; left: 50%; transform: translate(-50%, 0); } .tabbed-boxes .tab-box { padding: 0px 100px; display: none; } .tabbed-boxes .tab-box.current { display: flex; } @media (max-width: 1220px) {.tabbed-boxes .tab-box { padding: 0px 30px; } } @media (max-width: 650px) {.tabbed-boxes .tab-box { padding: 0px 20px; } .tabbed-boxes .tab-box.current { display: block; } .tabbed-boxes .tabs .tab { margin: 0px 2px; display: flex; } } .person-quote { display: flex; padding: 40px 0px; } .person-quote .box-person { padding-left: 100px; } .person-quote .box-video .video-wrapper { min-width: 175px; max-width: 175px; } .person-quote .box-video .video-title { min-width: 280px; max-width: 280px; padding-left: 20px; } .person-quote .box-video .video-title.no-video { min-width: 455px; padding-left: 0px; } .person-quote .box-video .video-wrapper .play-overlay svg { width: 40px; } .person-quote .box-video, .person-quote .box-person-bio { display: flex; } @media (max-width: 1220px) {.person-quote .box-person { padding-left: 20px; } } @media (max-width: 919px) { .person-quote .box-video { display: block; } .person-quote .box-video .video-title { padding-left: 0px; padding-top: 10px; } .person-quote .box-video .video-title.no-video { min-width: 355px; } } @media (max-width: 750px) { .person-quote { display: block; } .person-quote .box-person { padding: 35px 0px 0px 0px; } } @media (max-width: 650px) {.person-quote { padding: 35px 0px; } .person-quote .box-video .video-wrapper { max-width: 100%; } .person-quote .box-video .video-title.no-video { min-width: 100%; } } .certificates { padding: 48px 0px; } .certificates { margin: auto; background: #f4f4f4 url(/online/PublishingImages/zero-degrees/certificates_bg.jpg) center top no-repeat; } .certificates .certificate-wrapper { margin: 0 auto; display: flex; justify-content: space-around; flex-wrap: wrap; } .certificates .certificate { width: 100%; } .certificates .certificate-image { width: 272px; height: 352px; margin: auto; position: relative; } .certificates .certificate-image::before { content: ''; width: 300px; height: 352px; display: block; background: url(/online/PublishingImages/zero-degrees/certificate-shadow.png) no-repeat; background-size: contain; position: absolute; bottom: -4px; left: -18px; transition: 0.15s opacity ease-out; } .certificates .certificate-image.short-shadow::before { background-image: url(/online/PublishingImages/icons/certificate-shadow-short.png); } .certificates .certificate-image img { width: 100%; height: auto; position: relative; transition: 0.3s transform ease-out; } .certificates .certificate-image:hover img { transform: scale(1.2); } .certificates .certificate-image:hover::before { opacity: 0; } .certificates .certificate-info { padding: 48px 48px 0px 48px; } .certificates .certificate-info .icon, .certificates .certificate-info strong { display: block; margin: 5px 0; } .certificates .certificate-info .icon img { width: 25px; height: auto; } @media (max-width: 1220px) and (min-width: 800px) {.certificates.triple .certificate-image { width: 230px; height: 300px; } .certificates.triple .certificate-image::before { width: 244px; height: 300px; } .certificates.triple { background-size: auto 370px !important; } .certificates.triple.header { background-size: auto 440px !important; } .certificates.triple .certificate-info { padding: 48px 24px 0px 24px; } } @media screen and (max-width: 799px) and (min-width: 651px) { .certificates.triple { background-image: none; } .certificates.triple .certificate { max-width: 100%!important; flex-basis: 100%!important; } .certificates.triple .certificate-image::before { width: 290px; } .certificates.triple .certificate-info { padding: 30px 28px 40px 28px; } } @media screen and (max-width: 650px) { .certificates { background-image: none; } .certificates .certificate { max-width: 100%!important; flex-basis: 100%!important; } .certificates .certificate-image::before { width: 290px; } .certificates .certificate-info { padding: 30px 28px 0px 28px; } } .syllabus { padding: 44px 0px; max-width: 980px; margin: 0 auto; } .syllabus .card { border: 1px solid #C4C4C4; box-shadow: 2px 3px 0px rgba(0, 0, 0, 0.17); border-radius: 8px; padding: 30px 0px 15px 30px; } .syllabus .top-card, .syllabus .top-card .right-col .card-river, .syllabus .card .details { display: flex; } .syllabus .top-card .right-col .card-river { padding-bottom: 10px; } .syllabus .card { margin-top: 20px; } .syllabus .top-card { margin-bottom: 20px; } .syllabus .top-card .left-col { padding-right: 30px; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr; column-gap: 16px; } .syllabus .top-card .left-col.no-gap { column-gap: 0px; } .syllabus .card .hours .yellow-bg { padding: 8px; border-radius: 5px; display: inline-block; min-width: 46px; } .syllabus .top-card .left-col .top-card-blurb { grid-column-start: 2; } .syllabus .top-card .left-col, .syllabus .top-card .right-col, .syllabus .card .details .column { flex: 1; } .syllabus .top-card .right-col { overflow-x: hidden; } .syllabus .card .card-river { overflow-x: auto; } .syllabus .card .card-river .highlight-card { margin-right: 10px; min-width: 175px; max-width: 175px; } .syllabus .highlight-card .video-wrapper .play-overlay svg { width: 40px; } .syllabus .card .details { margin: 25px 30px 0px 0px; } .syllabus .card .details .column { padding-left: 20px; } .syllabus .card .details .column:first-of-type { padding-left: 62px; } .syllabus .card .details .column ol { line-height: 24px; } .syllabus .card .details .column ul { list-style: none; margin-left: 0px; } .syllabus .card .details .column ul li { margin-top: 15px; } .syllabus .card .details .column .icon { float: left; } .syllabus .card .details .column .icon + .list-text { overflow: hidden; padding-left: 15px; vertical-align: middle; } .syllabus .card .details .column .icon img { width: 25px; } .syllabus .card .accordion-toggle.open a .toggle-show { display: none; } .syllabus .card a .toggle-hide { display: none; } .syllabus .card .accordion-toggle.open a .toggle-hide { display: inline; } @media (max-width: 1220px) { .no-syllabus-container, .no-syllabus-container .syllabus { width: 100%; } } @media (max-width: 650px) {.syllabus .card { padding: 20px 0px 15px 20px; } .syllabus .top-card .left-col { padding-right: 20px; } .syllabus .top-card { display: block; } .syllabus .top-card .left-col .top-card-blurb { grid-column-start: 1; grid-column-end: 3; } .syllabus .top-card .right-col { margin: 13px 20px 0px 0px; } .syllabus .card .details { margin-right: 20px; display: block; } .syllabus .card .details .column { padding-left: 0px!important; padding-top: 20px; } .component-framework .mainContainer .syllabus .highlight-card .widget-video-rendered.video .kWidgetPlayBtn { width: 40px!important; height: 40px!important; margin-left: -20px; margin-top: -20px; } } .component-framework .teal-inherit .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzQ4YzRiNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .teal-inherit .inherit-bg .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-2 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2VkNmE0NyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .salsa-inherit .inherit-bg .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-2 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .darkblue-inherit .inherit-bg .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-2 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2ZhYWU1MyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .citrus-inherit .inherit-bg .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-2 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2NlZDY2NSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .green-inherit .inherit-bg .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-2 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2FmZTZmMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .lightblue-inherit .inherit-bg .video-container#video-container-2 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-2 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-2 .wrapper { background-color: #000; } .video-container#video-container-2 .wrapper:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block; background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 85%, rgba(0,0,0,0.65) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.81) 77%, rgba(0,0,0,0.81) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cf000000',GradientType=0 );} .video-container#video-container-2 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-2 .image-title { color: white; } .video-container#video-container-2 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-2 .image-title:hover { text-decoration:none; } .video-container#video-container-2.fancy-hover:hover .overlay, .video-container#video-container-2.fancy-hover:hover .play-overlay, .video-container#video-container-2 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-2.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-2 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-2 a { display:block; height:100%; } .video-container#video-container-2:hover .overlay-hover { display: block; visibility: visible; opacity: 1; position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 2; color: white; } .video-container#video-container-2 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-2 .hr { opacity: 1; width: 50px; margin: 0px auto; margin-top:32px; margin-bottom:20px; background-color:#fff; } @media (max-width: 1220px) and (min-width: 651px) { .video-container#video-container-2 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-2 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.81) 50%,rgba(0,0,0,0.81) 100%); } } @media screen and (max-width: 650px) { .video-container#video-container-2 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-2 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 70%,rgba(0,0,0,0.81) 100%); } } .component-framework .teal-inherit .video-container#video-container-3 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzQ4YzRiNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .teal-inherit .inherit-bg .video-container#video-container-3 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-3 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-3 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2VkNmE0NyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .salsa-inherit .inherit-bg .video-container#video-container-3 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-3 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-3 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .darkblue-inherit .inherit-bg .video-container#video-container-3 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-3 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-3 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2ZhYWU1MyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .citrus-inherit .inherit-bg .video-container#video-container-3 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-3 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-3 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2NlZDY2NSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .green-inherit .inherit-bg .video-container#video-container-3 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-3 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-3 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2FmZTZmMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .lightblue-inherit .inherit-bg .video-container#video-container-3 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-3 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-3 .wrapper { background-color: #000; } .video-container#video-container-3 .wrapper:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block; background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 85%, rgba(0,0,0,0.65) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.81) 77%, rgba(0,0,0,0.81) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cf000000',GradientType=0 );} .video-container#video-container-3 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-3 .image-title { color: white; } .video-container#video-container-3 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-3 .image-title:hover { text-decoration:none; } .video-container#video-container-3.fancy-hover:hover .overlay, .video-container#video-container-3.fancy-hover:hover .play-overlay, .video-container#video-container-3 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-3.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-3 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-3 a { display:block; height:100%; } .video-container#video-container-3:hover .overlay-hover { display: block; visibility: visible; opacity: 1; position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 2; color: white; } .video-container#video-container-3 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-3 .hr { opacity: 1; width: 50px; margin: 0px auto; margin-top:32px; margin-bottom:20px; background-color:#fff; } @media (max-width: 1220px) and (min-width: 651px) { .video-container#video-container-3 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-3 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.81) 50%,rgba(0,0,0,0.81) 100%); } } @media screen and (max-width: 650px) { .video-container#video-container-3 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-3 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 70%,rgba(0,0,0,0.81) 100%); } } .component-framework .teal-inherit .video-container#video-container-4 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzQ4YzRiNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .teal-inherit .inherit-bg .video-container#video-container-4 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-4 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-4 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2VkNmE0NyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .salsa-inherit .inherit-bg .video-container#video-container-4 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-4 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-4 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .darkblue-inherit .inherit-bg .video-container#video-container-4 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-4 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-4 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2ZhYWU1MyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .citrus-inherit .inherit-bg .video-container#video-container-4 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-4 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-4 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2NlZDY2NSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .green-inherit .inherit-bg .video-container#video-container-4 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-4 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-4 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2FmZTZmMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .lightblue-inherit .inherit-bg .video-container#video-container-4 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-4 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-4 .wrapper { background-color: #000; } .video-container#video-container-4 .wrapper:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block; background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 85%, rgba(0,0,0,0.65) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.81) 77%, rgba(0,0,0,0.81) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cf000000',GradientType=0 );} .video-container#video-container-4 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-4 .image-title { color: white; } .video-container#video-container-4 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-4 .image-title:hover { text-decoration:none; } .video-container#video-container-4.fancy-hover:hover .overlay, .video-container#video-container-4.fancy-hover:hover .play-overlay, .video-container#video-container-4 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-4.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-4 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-4 a { display:block; height:100%; } .video-container#video-container-4:hover .overlay-hover { display: block; visibility: visible; opacity: 1; position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 2; color: white; } .video-container#video-container-4 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-4 .hr { opacity: 1; width: 50px; margin: 0px auto; margin-top:32px; margin-bottom:20px; background-color:#fff; } @media (max-width: 1220px) and (min-width: 651px) { .video-container#video-container-4 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-4 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.81) 50%,rgba(0,0,0,0.81) 100%); } } @media screen and (max-width: 650px) { .video-container#video-container-4 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-4 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 70%,rgba(0,0,0,0.81) 100%); } } .component-framework .teal-inherit .video-container#video-container-5 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzQ4YzRiNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .teal-inherit .inherit-bg .video-container#video-container-5 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-5 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-5 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2VkNmE0NyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .salsa-inherit .inherit-bg .video-container#video-container-5 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-5 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-5 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .darkblue-inherit .inherit-bg .video-container#video-container-5 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-5 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-5 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2ZhYWU1MyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .citrus-inherit .inherit-bg .video-container#video-container-5 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-5 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-5 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2NlZDY2NSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .green-inherit .inherit-bg .video-container#video-container-5 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-5 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-5 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2FmZTZmMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .lightblue-inherit .inherit-bg .video-container#video-container-5 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-5 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-5 .wrapper { background-color: #000; } .video-container#video-container-5 .wrapper:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block; background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 85%, rgba(0,0,0,0.65) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.81) 77%, rgba(0,0,0,0.81) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cf000000',GradientType=0 );} .video-container#video-container-5 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-5 .image-title { color: white; } .video-container#video-container-5 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-5 .image-title:hover { text-decoration:none; } .video-container#video-container-5.fancy-hover:hover .overlay, .video-container#video-container-5.fancy-hover:hover .play-overlay, .video-container#video-container-5 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-5.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-5 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-5 a { display:block; height:100%; } .video-container#video-container-5:hover .overlay-hover { display: block; visibility: visible; opacity: 1; position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 2; color: white; } .video-container#video-container-5 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-5 .hr { opacity: 1; width: 50px; margin: 0px auto; margin-top:32px; margin-bottom:20px; background-color:#fff; } @media (max-width: 1220px) and (min-width: 651px) { .video-container#video-container-5 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-5 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.81) 50%,rgba(0,0,0,0.81) 100%); } } @media screen and (max-width: 650px) { .video-container#video-container-5 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-5 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 70%,rgba(0,0,0,0.81) 100%); } } .component-framework .teal-inherit .video-container#video-container-6 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzQ4YzRiNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .teal-inherit .inherit-bg .video-container#video-container-6 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-6 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-6 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2VkNmE0NyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .salsa-inherit .inherit-bg .video-container#video-container-6 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-6 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-6 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .darkblue-inherit .inherit-bg .video-container#video-container-6 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-6 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-6 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2ZhYWU1MyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .citrus-inherit .inherit-bg .video-container#video-container-6 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-6 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-6 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2NlZDY2NSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .green-inherit .inherit-bg .video-container#video-container-6 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-6 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-6 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2FmZTZmMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .lightblue-inherit .inherit-bg .video-container#video-container-6 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-6 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-6 .wrapper { background-color: #000; } .video-container#video-container-6 .wrapper:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block; background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 85%, rgba(0,0,0,0.65) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.81) 77%, rgba(0,0,0,0.81) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cf000000',GradientType=0 );} .video-container#video-container-6 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-6 .image-title { color: white; } .video-container#video-container-6 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-6 .image-title:hover { text-decoration:none; } .video-container#video-container-6.fancy-hover:hover .overlay, .video-container#video-container-6.fancy-hover:hover .play-overlay, .video-container#video-container-6 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-6.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-6 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-6 a { display:block; height:100%; } .video-container#video-container-6:hover .overlay-hover { display: block; visibility: visible; opacity: 1; position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 2; color: white; } .video-container#video-container-6 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-6 .hr { opacity: 1; width: 50px; margin: 0px auto; margin-top:32px; margin-bottom:20px; background-color:#fff; } @media (max-width: 1220px) and (min-width: 651px) { .video-container#video-container-6 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-6 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.81) 50%,rgba(0,0,0,0.81) 100%); } } @media screen and (max-width: 650px) { .video-container#video-container-6 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-6 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 70%,rgba(0,0,0,0.81) 100%); } } .component-framework .teal-inherit .video-container#video-container-7 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzQ4YzRiNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .teal-inherit .inherit-bg .video-container#video-container-7 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-7 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-7 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2VkNmE0NyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .salsa-inherit .inherit-bg .video-container#video-container-7 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-7 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-7 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .darkblue-inherit .inherit-bg .video-container#video-container-7 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-7 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-7 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2ZhYWU1MyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .citrus-inherit .inherit-bg .video-container#video-container-7 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-7 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-7 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2NlZDY2NSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .green-inherit .inherit-bg .video-container#video-container-7 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-7 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-7 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2FmZTZmMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .lightblue-inherit .inherit-bg .video-container#video-container-7 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-7 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-7 .wrapper { background-color: #000; } .video-container#video-container-7 .wrapper:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block; background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 85%, rgba(0,0,0,0.65) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.81) 77%, rgba(0,0,0,0.81) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cf000000',GradientType=0 );} .video-container#video-container-7 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-7 .image-title { color: white; } .video-container#video-container-7 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-7 .image-title:hover { text-decoration:none; } .video-container#video-container-7.fancy-hover:hover .overlay, .video-container#video-container-7.fancy-hover:hover .play-overlay, .video-container#video-container-7 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-7.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-7 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-7 a { display:block; height:100%; } .video-container#video-container-7:hover .overlay-hover { display: block; visibility: visible; opacity: 1; position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 2; color: white; } .video-container#video-container-7 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-7 .hr { opacity: 1; width: 50px; margin: 0px auto; margin-top:32px; margin-bottom:20px; background-color:#fff; } @media (max-width: 1220px) and (min-width: 651px) { .video-container#video-container-7 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-7 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.81) 50%,rgba(0,0,0,0.81) 100%); } } @media screen and (max-width: 650px) { .video-container#video-container-7 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-7 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 70%,rgba(0,0,0,0.81) 100%); } } .component-framework .teal-inherit .video-container#video-container-8 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzQ4YzRiNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .teal-inherit .inherit-bg .video-container#video-container-8 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-8 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-8 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2VkNmE0NyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .salsa-inherit .inherit-bg .video-container#video-container-8 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-8 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-8 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .darkblue-inherit .inherit-bg .video-container#video-container-8 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-8 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-8 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2ZhYWU1MyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .citrus-inherit .inherit-bg .video-container#video-container-8 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-8 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-8 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2NlZDY2NSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .green-inherit .inherit-bg .video-container#video-container-8 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-8 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-8 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2FmZTZmMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .lightblue-inherit .inherit-bg .video-container#video-container-8 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-8 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-8 .wrapper { background-color: #000; } .video-container#video-container-8 .wrapper:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block; background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 85%, rgba(0,0,0,0.65) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.81) 77%, rgba(0,0,0,0.81) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cf000000',GradientType=0 );} .video-container#video-container-8 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-8 .image-title { color: white; } .video-container#video-container-8 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-8 .image-title:hover { text-decoration:none; } .video-container#video-container-8.fancy-hover:hover .overlay, .video-container#video-container-8.fancy-hover:hover .play-overlay, .video-container#video-container-8 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-8.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-8 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-8 a { display:block; height:100%; } .video-container#video-container-8:hover .overlay-hover { display: block; visibility: visible; opacity: 1; position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 2; color: white; } .video-container#video-container-8 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-8 .hr { opacity: 1; width: 50px; margin: 0px auto; margin-top:32px; margin-bottom:20px; background-color:#fff; } @media (max-width: 1220px) and (min-width: 651px) { .video-container#video-container-8 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-8 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.81) 50%,rgba(0,0,0,0.81) 100%); } } @media screen and (max-width: 650px) { .video-container#video-container-8 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-8 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 70%,rgba(0,0,0,0.81) 100%); } } .component-framework .teal-inherit .video-container#video-container-9 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzQ4YzRiNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .teal-inherit .inherit-bg .video-container#video-container-9 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-9 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-9 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2VkNmE0NyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .salsa-inherit .inherit-bg .video-container#video-container-9 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-9 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-9 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .darkblue-inherit .inherit-bg .video-container#video-container-9 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-9 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-9 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2ZhYWU1MyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .citrus-inherit .inherit-bg .video-container#video-container-9 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-9 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-9 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2NlZDY2NSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .green-inherit .inherit-bg .video-container#video-container-9 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-9 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-9 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2FmZTZmMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .lightblue-inherit .inherit-bg .video-container#video-container-9 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-9 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-9 .wrapper { background-color: #000; } .video-container#video-container-9 .wrapper:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block; background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 85%, rgba(0,0,0,0.65) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.81) 77%, rgba(0,0,0,0.81) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cf000000',GradientType=0 );} .video-container#video-container-9 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-9 .image-title { color: white; } .video-container#video-container-9 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-9 .image-title:hover { text-decoration:none; } .video-container#video-container-9.fancy-hover:hover .overlay, .video-container#video-container-9.fancy-hover:hover .play-overlay, .video-container#video-container-9 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-9.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-9 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-9 a { display:block; height:100%; } .video-container#video-container-9:hover .overlay-hover { display: block; visibility: visible; opacity: 1; position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 2; color: white; } .video-container#video-container-9 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-9 .hr { opacity: 1; width: 50px; margin: 0px auto; margin-top:32px; margin-bottom:20px; background-color:#fff; } @media (max-width: 1220px) and (min-width: 651px) { .video-container#video-container-9 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-9 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.81) 50%,rgba(0,0,0,0.81) 100%); } } @media screen and (max-width: 650px) { .video-container#video-container-9 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-9 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 70%,rgba(0,0,0,0.81) 100%); } } .component-framework .teal-inherit .video-container#video-container-10 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzQ4YzRiNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .teal-inherit .inherit-bg .video-container#video-container-10 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-10 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-10 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2VkNmE0NyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .salsa-inherit .inherit-bg .video-container#video-container-10 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-10 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-10 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .darkblue-inherit .inherit-bg .video-container#video-container-10 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-10 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-10 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2ZhYWU1MyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .citrus-inherit .inherit-bg .video-container#video-container-10 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-10 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-10 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2NlZDY2NSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .green-inherit .inherit-bg .video-container#video-container-10 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-10 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-10 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2FmZTZmMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .lightblue-inherit .inherit-bg .video-container#video-container-10 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-10 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-10 .wrapper { background-color: #000; } .video-container#video-container-10 .wrapper:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block; background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 85%, rgba(0,0,0,0.65) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.81) 77%, rgba(0,0,0,0.81) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cf000000',GradientType=0 );} .video-container#video-container-10 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-10 .image-title { color: white; } .video-container#video-container-10 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-10 .image-title:hover { text-decoration:none; } .video-container#video-container-10.fancy-hover:hover .overlay, .video-container#video-container-10.fancy-hover:hover .play-overlay, .video-container#video-container-10 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-10.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-10 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-10 a { display:block; height:100%; } .video-container#video-container-10:hover .overlay-hover { display: block; visibility: visible; opacity: 1; position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 2; color: white; } .video-container#video-container-10 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-10 .hr { opacity: 1; width: 50px; margin: 0px auto; margin-top:32px; margin-bottom:20px; background-color:#fff; } @media (max-width: 1220px) and (min-width: 651px) { .video-container#video-container-10 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-10 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.81) 50%,rgba(0,0,0,0.81) 100%); } } @media screen and (max-width: 650px) { .video-container#video-container-10 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-10 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 70%,rgba(0,0,0,0.81) 100%); } } .component-framework .teal-inherit .video-container#video-container-11 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzQ4YzRiNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .teal-inherit .inherit-bg .video-container#video-container-11 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzAwODk3QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .teal-inherit .video-container#video-container-11 .tile .play-icon { color: #48c4b7; } .component-framework .salsa-inherit .video-container#video-container-11 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2VkNmE0NyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .salsa-inherit .inherit-bg .video-container#video-container-11 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .salsa-inherit .video-container#video-container-11 .tile .play-icon { color: #ed6a47; } .component-framework .darkblue-inherit .video-container#video-container-11 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .darkblue-inherit .inherit-bg .video-container#video-container-11 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzM2ODRiOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .darkblue-inherit .video-container#video-container-11 .tile .play-icon { color: #3a98c7; } .component-framework .citrus-inherit .video-container#video-container-11 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2ZhYWU1MyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .citrus-inherit .inherit-bg .video-container#video-container-11 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2UzNDMxNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .citrus-inherit .video-container#video-container-11 .tile .play-icon { color: #ed6a47; xborder:2px solid white; } .component-framework .green-inherit .video-container#video-container-11 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2NlZDY2NSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .green-inherit .inherit-bg .video-container#video-container-11 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzczN0ExNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .green-inherit .video-container#video-container-11 .tile .play-icon { color: #8E9617; xborder:2px solid white; } .component-framework .lightblue-inherit .video-container#video-container-11 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iI2FmZTZmMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; margin-top: -37.5px; margin-left: -37.5px; width: 75px; height: 75px; } .component-framework .lightblue-inherit .inherit-bg .video-container#video-container-11 .widget-video-rendered.video .kWidgetPlayBtn { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmF0b209Imh0dHA6Ly93d3cudzMub3JnLzIwMDUvQXRvbSIgeG1sbnM6ZXh0PSJodHRwOi8vd3d3Lmhicy5lZHUvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgY2xhc3M9InBsYXktaWNvbiIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1IiBzdHlsZT0iIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgdmVyc2lvbj0iMS4xIiBmb2N1c2FibGU9ImZhbHNlIj4gPGcgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTY0IDEyOEMyOC42NTQgMTI4IDAgOTkuMzQ2IDAgNjQgMCAyOC42NTQgMjguNjU0IDAgNjQgMGMzNS4zNDYgMCA2NCAyOC42NTQgNjQgNjQgMCAzNS4zNDYtMjguNjU0IDY0LTY0IDY0eiIgZmlsbD0iIzNhOThjNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+IDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05MCA2NC41TDU0IDMzdjYzIi8+IDwvZz4gPC9zdmc+') 75px 75px !important; } .lightblue-inherit .video-container#video-container-11 .tile .play-icon { color: #3a98c7; xborder:2px solid white; } .video-container#video-container-11 .wrapper { background-color: #000; } .video-container#video-container-11 .wrapper:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block; background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 85%, rgba(0,0,0,0.65) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.81) 77%, rgba(0,0,0,0.81) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 77%,rgba(0,0,0,0.81) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cf000000',GradientType=0 );} .video-container#video-container-11 .tile:hover .play-icon, .component-framework .widget-video-rendered.video:hover .kWidgetPlayBtn { opacity:0.8; } .video-container#video-container-11 .image-title { color: white; } .video-container#video-container-11 .overlay { position: absolute; bottom: 18px; left:24px; color: white; } .video-container#video-container-11 .image-title:hover { text-decoration:none; } .video-container#video-container-11.fancy-hover:hover .overlay, .video-container#video-container-11.fancy-hover:hover .play-overlay, .video-container#video-container-11 .overlay-hover { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .video-container#video-container-11.fancy-hover:hover img.o { opacity:.3; } .video-container#video-container-11 .img-wrap img { display: block; transition: opacity .5s ease; z-index:-1; } .video-container#video-container-11 a { display:block; height:100%; } .video-container#video-container-11:hover .overlay-hover { display: block; visibility: visible; opacity: 1; position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 2; color: white; } .video-container#video-container-11 .overlay-hover .text-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); padding: 5px; } .video-container#video-container-11 .hr { opacity: 1; width: 50px; margin: 0px auto; margin-top:32px; margin-bottom:20px; background-color:#fff; } @media (max-width: 1220px) and (min-width: 651px) { .video-container#video-container-11 .overlay-hover .delta-uc { font-size: 23px; line-height: 26px; } } @media (max-width: 1220px) and (min-width: 920px) { .video-container#video-container-11 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.81) 50%,rgba(0,0,0,0.81) 100%); } } @media screen and (max-width: 650px) { .video-container#video-container-11 .overlay { bottom: 10px; left: 12px; } .video-container#video-container-11 .wrapper:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.81) 70%,rgba(0,0,0,0.81) 100%); } } .promo-cards { padding: 80px 0px; } .promo-cards .card { display: flex; border: 1px solid #d2d2d2; border-radius: 8px; box-sizing: border-box; padding: 25px; } .promo-cards .card .image-wrap { min-height: 200px; } .promo-cards .card .image-wrap img { min-width: 385px; width: 385px; max-height: 480px; min-height: 100%; object-fit: cover; } .promo-cards .card .card-body { margin-left: 40px; align-self: center; } .yellow-bg .promo-cards { padding: 25px 0px; } .yellow-bg .promo-cards .card { box-shadow: 2px 3px 0px rgba(0, 0, 0, 0.17); } .yellow-bg .card .card-body { display: flex; } .yellow-bg .card .card-body .text-body { margin: 0px 80px 0px 100px; max-width: 300px; } @media (max-width: 1220px) {.yellow-bg .card .card-body { display: block; } .yellow-bg .card .card-body .text-body { margin: 0px; } } @media (max-width: 919px) and (min-width: 651px) {.promo-cards .card .image-wrap img { min-width: 280px; width: 280px; } .promo-cards .card .card-body { margin-left: 20px; } } @media (max-width: 919px) { .promo-cards { padding: 60px 0px; } .yellow-bg .promo-cards { padding: 25px 16px; } } @media (max-width: 650px) { .promo-cards .card .image-wrap img { min-width: 100%; width: 100%; max-height: 144px; } .promo-cards .card { flex-direction: column; padding: 15px; } .promo-cards .card .card-body { margin: 8px 0px 0px 0px; align-self: flex-start; } .promo-cards .card .image-wrap { min-height: 144px; } .promo-cards { padding: 45px 0px; } .yellow-bg .card .card-body .text-body { max-width: 450px; } } .animation-slides { padding: 44px 0px; } .animation-slides .slides-container { min-height: 382px; } .animation-slides .animation { display: none; } .animation-slides .animation.current { display: block; position: relative; } .animation-slides .slide-links { width: 380px; } .animation-slides .slide-deck { width: 680px; position: absolute; top: 0px; right: 0px; } .animation-slides .animation .pause-btn, .animation-slides .animation .play-btn, .animation-slides .animation .restart-btn { position: absolute; bottom: 10px; right: 10px; opacity: 0.8; } .animation-slides .animation .play-btn, .animation-slides .animation .restart-btn { display: none; } .animation-slides .animation .pause-btn svg, .animation-slides .animation .play-btn svg, .animation-slides .animation .restart-btn svg { width: 55px; height: 55px; } .animation-slides a.animation-link { color: black; position: relative; } .animation-slides a.animation-link:hover, .animation-slides a.animation-link.current { color: #a41034; text-decoration: none; } .animation-slides a.animation-link.current:before { content: ''; width: 0px; height: 0px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #D0D669; position: absolute; top: 1px; left: -20px; } @media (max-width: 1220px) and (min-width: 920px) {.animation-slides .slide-links { width: 280px; } .animation-slides .slide-deck { width: 505px; } .animation-slides .slides-container { min-height: 290px; } } @media (max-width: 919px) and (min-width: 770px) { .animation-slides .slides-container { min-height: 270px; } } @media (max-width: 769px) and (min-width: 651px) { .animation-slides .slides-container { min-height: 220px; } } @media (max-width: 919px) and (min-width: 651px) {.animation-slides .slide-links { width: 40%; } .animation-slides .slide-deck { width: 57%; } } @media (max-width: 650px) {.animation-slides .animation { display: block; margin-top: 20px; padding: 0px 20px; } .animation-slides .intro-text { max-width: 330px; margin: 0 auto; } .animation-slides .slide-links, .animation-slides .slide-deck { width: 100%; position: relative; } .animation-slides .animation .pause-btn, .animation-slides .animation .play-btn, .animation-slides .animation .restart-btn { right: 30px; } .animation-slides .slides-container { min-height: 0px; } } .icon-teasers.fullbleed { background: none no-repeat center top; background-size: cover; padding: 60px 0px 240px 0px; } .icon-teasers.light-gray1-bg .teaser-wrapper { padding: 48px 0px; } .icon-teasers .teaser-wrapper { padding: 40px; } .icon-teasers.squeeze .icon-teaser { width: auto; flex: 1; } @media (max-width: 919px) { .icon-teasers.fullbleed { padding-bottom: 140px; } } @media (max-width: 650px) { .icon-teasers.fullbleed { padding: 20px 0px; } .icon-teasers .icon-items { flex-direction: column; align-items: center; } .icon-teasers .teaser-wrapper { padding: 30px 16px; } } .icon-teaser { padding: 0px 18px; width: 33.33%; max-width: 394px; box-sizing: border-box; flex: 1 0 auto; } @media (max-width: 919px) { .icon-teaser { padding: 0px 9px; } } @media (max-width: 650px) { .icon-teaser { padding: 0px; width: auto; max-width: 366px; } } .online-carousel { padding: 44px 0px; } .online-carousel .online-carousel-inner { overflow: hidden; } .online-carousel .card-slide { display: flex; position: relative; } .online-carousel .left-arrow-circle, .online-carousel .right-arrow-circle { position: absolute; top: 46%; visibility: visible; transition: visibility 0.7s; } .online-carousel.light-gray1-bg .left-arrow-circle .arrow-wrapper:before, .online-carousel.light-gray1-bg .right-arrow-circle .arrow-wrapper:before { border: 2px black solid; top: -2px; left: -2px; } .online-carousel .left-arrow-circle { left: -17px; visibility: hidden; } .online-carousel .right-arrow-circle { right: -16px; } .online-carousel .footer-text { display: flex; padding: 0 20px; } .online-carousel .footer-text .check-item a { color: white; } .online-carousel .footer-text ul li:first-of-type { padding-top: 0px; } .online-carousel .footer-text ul li { list-style: none; padding-top: 12px; } .online-carousel .footer-text ul { min-width: 300px; padding-right: 150px; box-sizing: content-box; } .online-carousel .page-dots .dot { content: ''; height: 10px; width: 10px; border: 1px white solid; border-radius: 50%; display: inline-block; margin-left: 5px; } .online-carousel.light-gray1-bg .page-dots .dot { border-color: black; } .online-carousel .page-dots .current .dot { background-color: white; } .online-carousel.light-gray1-bg .page-dots .current .dot { background-color: black; } .online-carousel .page-dots, .online-carousel .categories { display: flex; justify-content: center; } .online-carousel .page-dots { margin-top: 30px; margin-left: -5px; } .online-carousel .categories { margin-bottom: 30px; align-items: center; } .online-carousel .categories .category { margin: 4px 20px; } .online-carousel .categories a.current .category { background-color: white; color: #820D2F!important; border-radius: 200px; padding: 4px 20px; margin: 0; } .online-carousel .categories a.current { text-decoration: none; } .online-carousel .card-item { opacity: 0.2; left: 0px; transition: left 1s, opacity 3s; position: relative; } .online-carousel .card-item.active { opacity: 1; } @media (max-width: 919px) {.online-carousel .card-slide-wrapper { width: 590px; margin: 0 auto; } .online-carousel .icon-teaser { width: 50%; } } @media (max-width: 650px) { .online-carousel .card-slide-wrapper { width: 295px; } .online-carousel .footer-text { flex-wrap: wrap; } .online-carousel .footer-text .footer-blurb{ margin-top: 20px; margin-left: 20px; } .online-carousel .card-item { width: 253px; margin: 0 21px; } } .cohort-card .course-card { border-radius: 5px; padding: 30px 16px; width: 253px; height: 100%; box-sizing: border-box; } .cohort-card .course-card .course-btn { position: absolute; bottom: 30px; width: calc(100% - 32px); } .cohort-card .course-card .course-btn a.btn { margin: 0 auto; } .cohort-card { margin: 0 21px; } @media (max-width: 1220px) and (min-width: 920px) {.cohort-card { margin-left: calc((33.33% - 253px) / 2); margin-right: calc((33.33% - 253px) / 2); } } .left-arrow-circle .arrow-wrapper:before, .right-arrow-circle .arrow-wrapper:before { content: ''; height: 29px; width: 29px; background-color: white; opacity: 0.5; border-radius: 50%; display: inline-block; position: absolute; left: 0px; top: 0px; } .left-arrow-circle a.prev-btn, .right-arrow-circle a.next-btn { position: relative; width: 29px; height: 29px; display: block; } .left-arrow-circle a.prev-btn:hover .arrow-wrapper:before, .right-arrow-circle a.next-btn:hover .arrow-wrapper:before { opacity: 0.9; } .left-arrow-circle svg, .right-arrow-circle svg { width: 13px; position: relative; top: 2px; } .left-arrow-circle svg { transform: rotate(270deg) translateY(-50%); left: 13px; } .right-arrow-circle svg { transform: rotate(90deg) translateY(-50%); left: 3px; } .learner-stories { padding: 44px 0px 24px 0px; position: relative; } .learner-stories .person-quote { padding: 20px 25px; border-radius: 8px; max-width: 580px; display: block; } .learner-stories .person-quote .box-person { padding-left: 0px; } .learner-stories .box-person-bio { display: flex; } .learner-stories .person-blurb { position: relative; } .learner-stories .person-blurb:before { content: '“'; position: absolute; top: -1px; left: -7px; } .learner-stories .person-blurb:after { content: '”'; } .learner-stories .person-blurb:before, .learner-stories .person-blurb:after { color: #a41034; font-size: 17px; } .learner-stories .img-num { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,0.7); padding: 6px; border-radius: 8px; } .learner-stories .img-caption { position: absolute; bottom: -17px; left: 50%; transform: translateX(-50%); padding: 8px 25px; display: inline-block; margin: 0 auto; } .learner-stories .image-wrapper { position: absolute; } .learner-stories .person-wrapper { float: right; } @media (min-width: 1440px) { .learner-stories .image-wrapper { width: 1440px; margin: 0 auto; left: 0px; right: 0px; } } @media (min-width: 1220px) { .learner-stories .person-wrapper { min-height: 435px; } } @media (max-width: 1220px) and (min-width: 920px) { .learner-stories .person-wrapper { min-height: 380px; } } @media (max-width: 919px) and (min-width: 801px) { .learner-stories .person-wrapper { min-height: 335px; } } @media (max-width: 1220px) {.learner-stories .image-wrapper { max-width: 530px; } .learner-stories .person-wrapper { width: 40%; } } @media (max-width: 919px) {.learner-stories .image-wrapper { width: 53%; } .learner-stories .person-wrapper { width: 45%; } } @media (max-width: 800px) { .learner-stories .image-wrapper { width: auto; margin: 0 auto; position: relative; } .learner-stories .person-wrapper { float: none; width: 100%; margin-top: 40px; } .learner-stories .person-quote { margin: 0 auto; } } .faqs a.faq span { float: right; display: inline-block; margin: 0px 20px; } .faqs a.faq span.minus { display: none; } .faqs .toggle-container.toggled a.faq span.minus { display: inline-block; } .faqs .toggle-container.toggled a.faq span.plus { display: none; } .berry-red-bg .faqs { padding: 44px 0px; } .berry-red-bg .faqs a { color: white; } @media (max-width: 919px) { .faqs{ padding: 0 15px; box-sizing: border-box; } .berry-red-bg .faqs { padding: 35px 15px; } } @media (max-width: 650px) { .faqs { padding-top: 10px; } .berry-red-bg .faqs { padding: 25px 0px; } } .course-cards .label-red { position: absolute; top: 15px; left: 0px; background-color: #a41034; color: #fff; padding: 2px 15px; } .course-cards .label-slate { color: #59666f; } .course-cards .card-deck.river { overflow-x: auto; display: flex; flex-flow: nowrap; padding: 8px 10px; }.course-cards .card-deck.river::-webkit-scrollbar { -webkit-appearance: none; } .course-cards .card-deck.river::-webkit-scrollbar:vertical { width: 11px; } .course-cards .card-deck.river::-webkit-scrollbar:horizontal { height: 11px; } .course-cards .card-deck.river::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid #ededed; background-color: rgba(0, 0, 0, .5); } .course-cards .card-deck.river::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.07); border-radius: 8px; }.course-cards .card-deck.river .card:first-child { margin-left: 0px!important; } .course-cards .card-deck.river .card:last-child { margin-right: auto!important; } .course-cards .card-deck.river .card.sm-vertical, .course-cards .card-deck.river .card.sm-horizontal { min-width: 280px; margin: 0 10px; } .course-cards .single-card .card.sm-vertical { width: 280px; } .course-cards .single-card .card.lg-vertical { width: 380px; } .course-cards .card { position: relative; display: flex; flex-direction: column; min-width: 0; background-color: #fff; background-clip: border-box; border: 1px solid #d2d2d2; border-radius: 5px; box-shadow: 1px 2px 0px 0px #d2d2d2; margin-bottom: 20px; box-sizing: border-box; } .course-cards .course-card-header { display: flex; justify-content: space-between; } .course-cards .course-card-header .card-header-button { margin-left: 20px; padding-top: 35px; } .course-cards .course-card-header .card-header-button a.btn { min-width: 137px; box-sizing: border-box; } .course-cards .card a.card-link::after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .course-cards .card:hover { border-color: #b6babd; box-shadow: 1px 2px 0px 0px #b6babd; } .course-cards .card .card-image-wrapper{ width: 100%; } .course-cards .card .card-img-top, .course-cards .card.lg-horizontal .card-img-top { max-width: 100%; width: 100%; max-height: 144px; height: auto; border-top-left-radius: calc(5px - 1px); border-top-right-radius: calc(5px - 1px); object-fit: cover; } .course-cards .card.lg-horizontal { max-width: 980px; margin: 0 auto; } .course-cards .card.sm-vertical .card-img-top, .course-cards .card.sm-horizontal .card-img-top { max-height: 100px; } .course-cards .card .card-body { flex: 1 1 auto; min-height: 1px; padding: 20px 30px; } .course-cards .card .card-body .label { font-size: 14px; color: #59666f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 400px; } .course-cards .card .card-body .card-text { margin-top: 10px; } .course-cards .card .card-body .card-text:last-child { margin-bottom: 0; } .course-cards .card .card-footer { padding: 0 30px 20px; display: flex; justify-content: space-between; align-items: flex-end; flex-flow: row wrap; } .course-cards .card-footer .full-width{ min-width: 100%; } .course-cards .icon img { width: 25px; height: auto; vertical-align: middle; } .course-cards .card-deck.river .card-sm-vertical, .course-cards .card-deck.river .card-sm-horizontal{ width: 280px; } .course-cards .card.sm-vertical .card-body, .course-cards .card.sm-horizontal .card-body { padding: 10px 20px; } .course-cards .card.sm-vertical .card-footer, .course-cards .card.sm-horizontal .card-footer { padding: 0 20px 10px; } .course-cards .card.sm-vertical .card-body .card-title, .course-cards .card.sm-horizontal .card-body .card-title { font-size: 18px; } .course-cards .card.sm-vertical .card-body .card-text, .course-cards .card.sm-horizontal .card-body .card-text { font-size: 14px; } .course-cards .card.card-horizontal.sm-horizontal .card-text{ display: none; line-height: 20px; } .course-cards .card-horizontal.lg-horizontal .card-title { padding-bottom: 10px; } @media screen and (min-width: 650px) { .course-cards .card .card-img-top{ max-width: 100%; width: 100%; max-height: 225px; } .course-cards .card-horizontal.lg-horizontal .card-title { margin-top: 10px; } .course-cards .card.card-horizontal.lg-horizontal { flex-direction: row; align-items: stretch; } .course-cards .card.card-horizontal.lg-horizontal .card-img-top { min-width: 300px; width: 300px; max-height: 480px; min-height: 100%; border-radius: 0; border-top-left-radius: calc(5px - 1px); border-bottom-left-radius: calc(5px - 1px); } .course-cards .card .card-content { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; } .course-cards .card-deck .card.sm-vertical { width: calc(25% - 20px); } } @media screen and (min-width: 768px) { .course-cards .card-deck { display: flex; flex-flow: row wrap; margin-left: -10px; margin-right: -10px; } .course-cards .card-deck .card { margin-left: 10px; margin-right: 10px; } .course-cards .card-deck .card.lg-vertical { width: 46%; width: calc(50% - 20px); } } @media screen and (min-width: 919px) { .course-cards .card-deck.river .card.sm-horizontal, .course-cards .card.card-horizontal.sm-horizontal { flex-direction: row; min-width: 485px; max-width: 485px; width: 485px; align-items: stretch; } .course-cards .card.card-horizontal.sm-horizontal .card-img-top { min-width: 180px; width: 180px; max-height: 480px; min-height: 100%; border-radius: 0; border-top-left-radius: calc(5px - 1px); border-bottom-left-radius: calc(5px - 1px); } .course-cards .card-horizontal.sm-horizontal .card-title { margin-top: 20px; padding-bottom: 10px; } .course-cards .card.card-horizontal.sm-horizontal .card-content { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; } .course-cards .card.card-horizontal.sm-horizontal .card-text{ display: block; } .course-cards .card-deck.river .card-sm-vertical{ width: 280px; padding-bottom: 60px; } .course-cards .card-deck .card.lg-vertical { width: 30%; width: calc(33.33% - 20px); } } @media (max-width: 650px) { .course-cards .card .card-body { padding: 20px; } .course-cards .card .card-footer { padding: 0 20px 20px } .course-cards .course-card-header { flex-direction: column; } .course-cards .course-card-header .card-header-button { padding-top: 0px; margin-left: 0px; margin-bottom: 20px; } .course-cards .card-deck div:first-of-type { margin-left: 0px!important; } .course-cards .card-deck.river { padding-left: 0px; padding-right: 0px; } } footer ul.linear.social-media > li { margin-right: 12px; } footer ul.linear.social-media > li:last-of-type { margin-right: 0px; } footer .redbar-links { text-align: right; } footer #signup { position: relative; } footer #signup input[type='submit'] { position: absolute; top: 31px; left: 200px; } .component-framework .hs-form .field { background-color: transparent; padding: 0; border: 0; box-shadow: none; } .component-framework .hs-form .hs-input { background: #eee none; padding: 5px 10px; border: 1px solid #d5d5d5; font: normal 17px/24px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif; line-height: 1.2; box-shadow: inset 0 0 1px rgba(0,0,0,0.15); vertical-align: middle; box-sizing: border-box; height: auto; margin-bottom: 5px; } footer .component-framework .hs-form a { color: white; } footer .ink-black-bg .toggle-container a { color: white; } .component-framework .hs-form .hs-input:focus { border: 1px solid black; background-color: white; box-shadow: none; } .component-framework .hs-form .hs-input[type=checkbox] { position: relative; top: -3px; margin-right: 8px; } .component-framework .hs-form label { margin-bottom: 7px !important; display: block; font-weight: normal !important; font: normal 17px/24px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif; max-width: 300px; } .component-framework .hs-form .hs-form-booleancheckbox label,.component-framework .hs-form .hs-form-checkbox label { font: normal 13px/16px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif; margin: 0; } .component-framework .hs-form .hs-button.primary { background: #a41034; color: white; display: inline-block; padding: 4px 17px; border: 0; margin: 0; cursor: pointer; transition: background 0.1s linear; font: normal 17px/24px 'TradeGothicW02-BoldCn20 675505',Arial,Helvetica,Verdana,sans-serif; text-transform: uppercase; box-shadow: none; } .component-framework .hs-form .hs-button.primary:hover { background: black; } .component-framework .hs-form .hs-button.primary:active { border: 0; background: black; box-shadow: none; } .component-framework .white .hs-form label { color: white; } .component-framework #blog-signup .field, .component-framework #blog-signup .actions { margin-top: 0 !important; margin-bottom: 0 !important; } @media (max-width: 919px) { footer .footer-bottom { padding: 0 15px; box-sizing: border-box; } } @media (max-width: 650px) { footer .social-media { margin: 20px 0px!important; right: initial!important; } footer .redbar-links { text-align: left; } } ;</style> </head> <body class="expanded-grid-framework"> <div id="container" class="type-framework color-framework grid-framework component-framework pattern-framework js-framework responsive-framework"> <div class=" hbsred-inherit slider-inject responsive-type"><div class="inherit-bg sticky-header-container"></div><header class="online-header site-header noindex white-bg" aria-label="Site Header" style="position: relative" role="banner"> <div class="hbsred-bg" style="height: 6px"></div><a href="#skipto-main" class="hideme skipto">Skip to Main Content</a><div class="hbso-logo" style="position: absolute; z-index: 12;"> <div><a href="/"><img loading="eager" width="150" height="84" src="https://webassets.hbs.edu/libs/framework/1.0/images/HBS-Online-Stacked.svg" alt="HBS Online"></a></div> </div> <nav class="top-nav" aria-label="Main"> <ul style="margin: 0; display: flex; justify-content: center;"> <li class="dropdown-mega"> <div style="display: flex;"><a href="/courses/" class="nav-link active" style="font-size: 19px; margin: 0px 15px; text-decoration: none;" data-tapped="1" aria-expanded="false" aria-haspopup="true">Courses</a><div style="position: relative;"><a href="#" class="accessible-menu" aria-expanded="false" aria-haspopup="true" role="button"><span class="visually-hidden accessible-label">Open Courses Mega Menu</span></a></div> </div> <div class="mega-menu hidden"> <div class="white-bg"> <div class="container tablet-container mobile-container"> <div class="mega-menu-wrapper"> <div class="mega-col"> <ul class="unstyled"> <li><a href="/subjects/business-essentials/" class="header-link bold2 skip-underline">Business Essentials</a><ul class="unstyled"> <li><a href="/courses/core/" class="black skip-underline">Credential of Readiness (CORe)</a></li> <li><a href="/courses/business-analytics/" class="black skip-underline">Business Analytics</a></li> <li><a href="/courses/economics-for-managers/" class="black skip-underline">Economics for Managers</a></li> <li><a href="/courses/financial-accounting/" class="black skip-underline">Financial Accounting</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/subjects/leadership-management/" class="header-link bold2 skip-underline">Leadership & Management</a><ul class="unstyled"> <li><a href="/courses/leadership-principles/" class="black skip-underline">Leadership Principles</a></li> <li><a href="/courses/management-essentials/" class="black skip-underline">Management Essentials</a></li> <li><a href="/courses/negotiation/" class="black skip-underline">Negotiation Mastery</a></li> <li><a href="/courses/organizational-leadership/" class="black skip-underline">Organizational Leadership</a></li> <li><a href="/courses/strategy-execution/" class="black skip-underline">Strategy Execution</a></li> <li><a href="/courses/power-influence-positive-impact/" class="black skip-underline">Power and Influence for Positive Impact</a></li> <li><a href="/courses/leadership-ethics-corporate-accountability/" class="black skip-underline">Leadership, Ethics, and Corporate Accountability</a></li> <li><a href="/courses/leading-change-organizational-renewal/" class="black skip-underline">Leading Change and Organizational Renewal</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/courses/climb/" class="header-link bold2 skip-underline">Credential of Leadership, Impact, and Management in Business (CLIMB)</a></li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li><a href="/subjects/entrepreneurship-innovation/" class="header-link bold2 skip-underline">Entrepreneurship & Innovation</a><ul class="unstyled"> <li><a href="/courses/entrepreneurship-essentials/" class="black skip-underline">Entrepreneurship Essentials</a></li> <li><a href="/courses/disruptive-strategy/" class="black skip-underline">Disruptive Strategy</a></li> <li><a href="/courses/negotiation/" class="black skip-underline">Negotiation Mastery</a></li> <li><a href="/courses/design-thinking-innovation/" class="black skip-underline">Design Thinking and Innovation</a></li> <li><a href="/courses/launching-tech-ventures/" class="black skip-underline">Launching Tech Ventures</a></li> <li><a href="/courses/winning-with-digital-platforms/" class="black skip-underline">Winning with Digital Platforms</a></li> <li><a href="/courses/leading-change-organizational-renewal/" class="black skip-underline">Leading Change and Organizational Renewal</a></li> <li><a href="/courses/entrepreneurial-marketing/" class="black skip-underline">Entrepreneurial Marketing</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/subjects/strategy/" class="header-link bold2 skip-underline">Strategy</a><ul class="unstyled"> <li><a href="/courses/strategy-execution/" class="black skip-underline">Strategy Execution</a></li> <li><a href="/courses/business-strategy/" class="black skip-underline">Business Strategy</a></li> <li><a href="/courses/economics-for-managers/" class="black skip-underline">Economics for Managers</a></li> <li><a href="/courses/disruptive-strategy/" class="black skip-underline">Disruptive Strategy</a></li> <li><a href="/courses/global-business/" class="black skip-underline">Global Business</a></li> <li><a href="/courses/sustainable-business-strategy/" class="black skip-underline">Sustainable Business Strategy</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/subjects/marketing/" class="header-link bold2 skip-underline">Marketing</a><ul class="unstyled"> <li><a href="/courses/digital-marketing-strategy/" class="black skip-underline">Digital Marketing Strategy</a></li> <li><a href="/courses/creating-brand-value/" class="black skip-underline">Creating Brand Value</a></li> <li><a href="/courses/entrepreneurial-marketing/" class="black skip-underline">Entrepreneurial Marketing</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/subjects/digital-transformation/" class="header-link bold2 skip-underline">Digital Transformation</a><ul class="unstyled"> <li><a href="/courses/winning-with-digital-platforms/" class="black skip-underline">Winning with Digital Platforms</a></li> <li><a href="/courses/ai-essentials-for-business/" class="black skip-underline">AI Essentials for Business</a></li> </ul> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li><a href="/subjects/finance-accounting/" class="header-link bold2 skip-underline">Finance & Accounting</a><ul class="unstyled"> <li><a href="/courses/financial-accounting/" class="black skip-underline">Financial Accounting</a></li> <li><a href="/courses/leading-with-finance/" class="black skip-underline">Leading with Finance</a></li> <li><a href="/courses/alternative-investments/" class="black skip-underline">Alternative Investments</a></li> <li><a href="/courses/sustainable-investing/" class="black skip-underline">Sustainable Investing</a></li> <li><a href="/courses/strategic-financial-analysis/" class="black skip-underline">Strategic Financial Analysis</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/subjects/business-society/" class="header-link bold2 skip-underline">Business in Society</a><ul class="unstyled"> <li><a href="/courses/sustainable-business-strategy/" class="black skip-underline">Sustainable Business Strategy</a></li> <li><a href="/courses/global-business/" class="black skip-underline">Global Business</a></li> <li><a href="/courses/sustainable-investing/" class="black skip-underline">Sustainable Investing</a></li> <li><a href="/courses/power-influence-positive-impact/" class="black skip-underline">Power and Influence for Positive Impact</a></li> <li><a href="/courses/leadership-ethics-corporate-accountability/" class="black skip-underline">Leadership, Ethics, and Corporate Accountability</a></li> <li><a href="/courses/business-climate-change/" class="black skip-underline">Business and Climate Change</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/courses/" class="header-link bold2 skip-underline">All Courses</a></li> </ul> </div> </div> </div> </div> </div> </li> <li class="dropdown-mega"> <div style="display: flex;"><a href="/organizations/" class="black nav-link" style="font-size: 19px; margin: 0px 15px; text-decoration: none;" data-tapped="2" aria-expanded="false" aria-haspopup="true">For Organizations</a><div style="position: relative;"><a href="#" class="accessible-menu" aria-expanded="false" aria-haspopup="true" role="button"><span class="visually-hidden accessible-label">Open For Organizations Mega Menu</span></a></div> </div> <div class="mega-menu hidden"> <div class="white-bg"> <div class="container tablet-container mobile-container"> <div class="mega-menu-wrapper"> <div class="mega-col"> <ul class="unstyled"> <li><a href="/organizations/corporate-training" class="header-link bold2 skip-underline">Corporate Learning</a><div style="padding-right: 20px;">Help your employees master essential business concepts, improve effectiveness, and expand leadership capabilities.</div> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li><a href="/organizations/academic-solutions" class="header-link bold2 skip-underline">Academic Solutions</a><div style="padding-right: 20px;">Integrate HBS Online courses into your curriculum to support programs and create unique educational opportunities.</div> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li><span class="header-link bold2 skip-underline">Need Help?</span><ul class="unstyled"> <li><a href="/more-info/faqs" class="black skip-underline">Frequently Asked Questions</a></li> <li><a href="/contact" class="black skip-underline">Contact Us</a></li> </ul> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"></ul> </div> </div> </div> </div> </div> </li> <li class="dropdown-mega"> <div style="display: flex;"><a href="/blog/" class="black nav-link" style="font-size: 19px; margin: 0px 15px; text-decoration: none;" data-tapped="3" aria-expanded="false" aria-haspopup="true">Insights</a><div style="position: relative;"><a href="#" class="accessible-menu" aria-expanded="false" aria-haspopup="true" role="button"><span class="visually-hidden accessible-label">Open Insights Mega Menu</span></a></div> </div> <div class="mega-menu hidden"> <div class="white-bg"> <div class="container tablet-container mobile-container"> <div class="mega-menu-wrapper"> <div class="mega-col"> <ul class="unstyled"> <li><a href="/blog/" class="header-link bold2 skip-underline">Business Insights Blog</a><ul class="unstyled"> <li><a href="/blog/?topic=Career+Development" class="black skip-underline">Career Development</a></li> <li><a href="/blog/?topic=Communication" class="black skip-underline">Communication</a></li> <li><a href="/blog/?topic=Decision-Making" class="black skip-underline">Decision-Making</a></li> <li><a href="/blog/?topic=Earning+Your+MBA" class="black skip-underline">Earning Your MBA</a></li> <li><a href="/blog/?topic=Entrepreneurship+%26+Innovation" class="black skip-underline">Entrepreneurship & Innovation</a></li> <li><a href="/blog/?topic=Finance" class="black skip-underline">Finance</a></li> <li><a href="/blog/?topic=Leadership" class="black skip-underline">Leadership</a></li> <li><a href="/blog/?topic=Management" class="black skip-underline">Management</a></li> <li><a href="/blog/?topic=Negotiation" class="black skip-underline">Negotiation</a></li> <li><a href="/blog/?topic=Strategy" class="black skip-underline">Strategy</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/blog/" class="header-link bold2 skip-underline">All Topics</a></li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li> <div class="photo-teaser"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--mEJZN6C2--/f_auto,c_fill,h_213,w_380,/v20200101/96C091115A1E47EE5398B0232FBF8D3F.jpg" class="fluid" alt="Learner on computer exploring HBS Online business lessons" width="380" height="213"><div class="shim8"></div> <div class="bold2"><a href="/free-online-business-courses/">Sample Business Lessons and E-Books</a></div> <p style="margin-bottom: 10px;">Gain new insights and knowledge from leading faculty and industry experts.</p> </div> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li> <div class="photo-teaser"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--ZNCUayM_--/f_auto,c_fill,h_213,w_380,/v20200101/4DE35B5C45AC4C2D5896971F169CF03C.jpg" class="fluid" alt="HBS Online Parlor Room podcast logo" width="380" height="213"><div class="shim8"></div> <div class="bold2"><a href="/podcast/" target="_blank">Podcast</a></div> <p style="margin-bottom: 10px;"><em>The Parlor Room</em>: Where business concepts come to life. Listen now on your favorite podcast platform.</p> </div> </li> </ul> </div> </div> </div> </div> </div> </li> <li class="dropdown-mega"> <div style="display: flex;"><a href="/more-info/" class="black nav-link" style="font-size: 19px; margin: 0px 15px; text-decoration: none;" data-tapped="4" aria-expanded="false" aria-haspopup="true">More Info</a><div style="position: relative;"><a href="#" class="accessible-menu" aria-expanded="false" aria-haspopup="true" role="button"><span class="visually-hidden accessible-label">Open More Info Mega Menu</span></a></div> </div> <div class="mega-menu hidden"> <div class="white-bg"> <div class="container tablet-container mobile-container"> <div class="mega-menu-wrapper"> <div class="mega-col"> <ul class="unstyled"> <li><a href="/more-info/learning-model/" class="header-link bold2 skip-underline">Learning Experience</a><div style="padding-right: 20px;">Master real-world business skills with our immersive platform and engaged community.</div> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/more-info/certificates-credentials-credits" class="header-link bold2 skip-underline">Certificates, Credentials, & Credits</a><div style="padding-right: 20px;">Learn how completing courses can boost your resume and move your career forward.</div> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li><a href="/more-info/learning-tracks" class="header-link bold2 skip-underline">Learning Tracks</a><div style="padding-right: 20px;">Take your career to the next level with this specialization.</div> <div class="shim40"></div> <div class="shim10"></div> </li> <li><span class="header-link bold2 skip-underline">Financing & Policies</span><ul class="unstyled"> <li><a href="/more-info/employer-reimbursement" class="black skip-underline">Employer Reimbursement</a></li> <li><a href="/more-info/payment-financial-aid/" class="black skip-underline">Payment & Financial Aid</a></li> <li><a href="/more-info/policies/" class="black skip-underline">Policies</a></li> </ul> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li><span class="header-link bold2 skip-underline">Connect</span><ul class="unstyled"> <li><a href="/more-info/student-stories/" class="black skip-underline">Student Stories</a></li> <li><a href="/more-info/community" class="black skip-underline">Community</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><span class="header-link bold2 skip-underline">Need Help?</span><ul class="unstyled"> <li><a href="/more-info/faqs" class="black skip-underline">Frequently Asked Questions</a></li> <li><a href="/request-more-information" class="black skip-underline">Request Information</a></li> <li><a href="https://account.myhbx.org/onlinesupport/s/contactsupport" class="black skip-underline">Support Portal</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="https://login.myhbx.org/login?service=https%3A%2F%2Fadmin3.myhbx.org%2Fsso" class="header-link bold2 skip-underline">Enroll Now</a></li> </ul> </div> </div> </div> </div> </div> </li> </ul> </nav> <div class="toolbar-btns" style="margin: 43px 30px 0px 30px; position: absolute; top: 0px; right: 0px;"><a href="/search" style="display: inline-block; float: left; margin-right: 30px;" class="black white-bg search-popup" role="button" aria-label="Open search dialog - Search website"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="width: 18px; height: 18px; margin-bottom:-3px;" aria-hidden="true" focusable="false"> <path fill="rgba(0,0,0,.6)" d="M23.809 21.646l-6.205-6.205c1.167-1.605 1.857-3.579 1.857-5.711 0-5.365-4.365-9.73-9.731-9.73-5.365 0-9.73 4.365-9.73 9.73 0 5.366 4.365 9.73 9.73 9.73 2.034 0 3.923-.627 5.487-1.698l6.238 6.238 2.354-2.354zm-20.955-11.916c0-3.792 3.085-6.877 6.877-6.877s6.877 3.085 6.877 6.877-3.085 6.877-6.877 6.877c-3.793 0-6.877-3.085-6.877-6.877z"/></svg></a><div class="show-login-dropdown" style="display: inline-block; float:left; position: relative; margin-top: -1px;"><a href="#" role="button" class="black light zen mobile-hidden login-link" aria-expanded="false" aria-haspopup="true">Login</a><div class="login-dropdown hidden"> <div class="login-border white-bg"><a href="https://courses.myhbx.org/" class="header-link bold2 skip-underline">My Courses</a><div>Access your courses and engage with your peers</div> <div class="shim20"></div><a href="https://account.myhbx.org/s/login/?startURL=https%3A%2F%2Faccount.myhbx.org" class="header-link bold2 skip-underline">My Account</a><div>Manage your account, enrollment, and payments.</div> </div> </div> </div><a href="#" class="universal-banner-menu-toggle" style="display: inline-block; float: left; margin-left: 30px;" aria-label="Toggle Flyout Menu"> <div class="universal-banner-hamburger"><span></span><span></span><span></span></div></a></div> <div id="universal-slider-nav" class="hidden"> <nav class="gamma-uc site-title" aria-label="HBS Homepage"><a href="https://www.hbs.edu" class="white slidernav-ancillarynav-hbs-home">HBS Home</a></nav> <div class="hr" style="opacity: 0.3"></div> <nav aria-label="HBS Home Main"> <ul class="epsilon-uc unstyled unbulleted"> <li><a href="https://www.hbs.edu/about" class="slidernav-ancillarynav-about">About HBS</a></li> <li><a href="https://www.hbs.edu/about/academic-programs" class="slidernav-ancillarynav-academic-programs">Academic Programs</a></li> <li><a href="https://www.alumni.hbs.edu" class="slidernav-ancillarynav-alumni">Alumni</a></li> <li><a href="https://www.hbs.edu/faculty" class="slidernav-ancillarynav-faculty-and-research">Faculty & Research</a></li> </ul> </nav> <div class="hr" style="opacity: 0.3"></div> <nav aria-label="HBS Home Utility"> <ul class="kappa-uc unstyled unbulleted"> <li><a href="https://www.library.hbs.edu/" class="slidernav-ancillarynav-baker-library">Baker Library</a></li> <li><a href="https://www.alumni.hbs.edu/giving" class="slidernav-ancillarynav-giving">Giving</a></li> <li><a href="https://hbr.org/" class="slidernav-ancillarynav-harvard-business-review">Harvard Business Review</a></li> <li><a href="https://www.hbs.edu/about/initiatives" class="slidernav-ancillarynav-initiatives">Initiatives</a></li> <li><a href="https://www.hbs.edu/news" class="slidernav-ancillarynav-news">News</a></li> <li><a href="https://www.hbs.edu/recruiting" class="slidernav-ancillarynav-recruit">Recruit</a></li> </ul> </nav> <div class="hr" style="opacity: 0.3"></div> <nav aria-label="Footer"> <ul class="kappa-uc unstyled unbulleted"> <li><a href="https://www.hbs.edu/maps/" class="slidernav-ancillarynav-map-directions">Map / Directions</a></li> </ul> </nav> </div> <div class="hidden"><a class="site-home" href="/">HBS Online</a><ul class="navbar"> <li><a href="/courses/" class="has-sub">Courses</a></li> <li><a href="/subjects/business-essentials/" class="sub first-sub ">Business Essentials</a></li> <li><a href="/subjects/leadership-management/" class="sub ">Leadership & Management</a></li> <li><a href="/courses/climb/" class="sub ">Credential of Leadership, Impact, and Management in Business (CLIMB)</a></li> <li><a href="/subjects/entrepreneurship-innovation/" class="sub ">Entrepreneurship & Innovation</a></li> <li><a href="/subjects/strategy/" class="sub ">Strategy</a></li> <li><a href="/subjects/marketing/" class="sub ">Marketing</a></li> <li><a href="/subjects/digital-transformation/" class="sub ">Digital Transformation</a></li> <li><a href="/subjects/finance-accounting/" class="sub ">Finance & Accounting</a></li> <li><a href="/subjects/business-society/" class="sub last-sub">Business in Society</a></li> <li><a href="/organizations/" class="">For Organizations</a></li> <li><a href="/blog/" class="">Insights</a></li> <li><a href="/more-info/" class="">More Info</a></li> </ul> <ul class="toolbar"> <li><a href="/about/">About</a></li> <li><a href="https://account.myhbx.org/onlinesupport/s/contactsupport">Support Portal</a></li> <li><a href="/about/media-coverage">Media Coverage</a></li> <li><a href="/about/donors">Founding Donors</a></li> <li><a href="/about/leadership-team">Leadership Team</a></li> <li><a href="/about/careers">Careers</a></li> <li><a href="https://courses.myhbx.org/">My Courses</a></li> <li><a href="https://account.myhbx.org/s/login/?startURL=https%3A%2F%2Faccount.myhbx.org">My Account</a></li> <li><a href="https://account.myhbx.org/s/login/?startURL=https%3A%2F%2Faccount.myhbx.org" class="btn white black-bg" style="padding: 8px 28px 8px 17px!important;">Enroll Now</a></li> </ul><button style="margin-top: 30px" class="site-header-button slider-backdrop-above slider-open btn-glass" data-target="flyout-navigation"><i class="icon24-menu"></i></button></div> </header><div class="mega-black-bg hidden"></div>  <div class="mainContainer link-controller" runat="server"> <main id="skipto-main" tabindex="-1" aria-label="Page content" class="hbso-main"> <div class="page-header page-header-online"></div> <div class="course-header" data-wcm-edit-url="/online/Lists/coursecards/EditForm.aspx?ID=13"> <div class="container tablet-container mobile-container online-breadcrumbs"> <ul class="nu responsive-breadcrumb toggle-container"> <li class="responsive-breadcrumb-toggle"><a href="#" class="toggle-button">…</a><span class="txt-arrow" aria-hidden="true">→</span></li> <li><a href="https://www.hbs.edu/Pages/default.aspx" class="ink">Harvard Business School</a><span class="txt-arrow" aria-hidden="true">→</span></li> <li><a href="/" class="ink">HBS Online</a><span class="txt-arrow" aria-hidden="true">→</span></li> <li> <div class="dropdown-container"><a class="ink nu dropdown-toggle" href="/courses/" role="button">Online Business Certificate Courses<span class="icon-select"></span></a><ul class="dropdown-menu nu"> <li><a href="/courses/" class="white">Online Business Certificate Courses</a><div class="divider inherit-bg"></div> </li> <li><a href="/subjects/business-essentials/" class="white">Business Essentials</a></li> <li><a href="/subjects/business-society/" class="white">Business in Society</a></li> <li><a href="/courses/business-strategy/" class="white">Business Strategy</a></li> <li><a href="/subjects/digital-transformation/" class="white">Digital Transformation</a></li> <li><a href="/subjects/entrepreneurship-innovation/" class="white">Entrepreneurship & Innovation</a></li> <li><a href="/subjects/finance-accounting/" class="white">Finance & Accounting</a></li> <li><a href="/subjects/leadership-management/" class="white">Leadership & Management</a></li> <li><a href="/courses/leadership-ethics-corporate-accountability/" class="white">Leadership, Ethics, and Corporate Accountability</a></li> <li><a href="/subjects/marketing/" class="white">Marketing</a></li> <li><a href="/subjects/strategy/" class="white">Strategy</a></li> </ul> </div><span class="txt-arrow" aria-hidden="true">→</span></li> </ul> <div class="nu subject-sentence"> This course is part of the <a class="add-underline" href="/subjects/entrepreneurship-innovation/">Entrepreneurship & Innovation</a> and <a class="add-underline" href="/subjects/leadership-management/">Leadership & Management</a> track. </div> </div> <div class="container tablet-container"> <div class="row tablet-row"> <div class="span7 tablet-span7"> <div class="left-column"> <div class="video-wrapper" style="min-height: 200px;"> <div class="video-container " style="position:relative;" id="video-container-1" data-id="video-container-1" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_w98jsijw" class="widget-video-inline tile" target="_blank" aria-label="Play Video for Introduction to Negotiation Mastery"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--57BGLjpB--/f_auto,c_fill,h_382,w_680,/v20200101/1955A05BD648476A5606686D453BA32F.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_w98jsijw" class="widget-video-embed tile" aria-label="Play Video for Introduction to Negotiation Mastery"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--57BGLjpB--/f_auto,c_fill,h_382,w_680,/v20200101/1955A05BD648476A5606686D453BA32F.jpg" class="o fluid" alt="" width="680" height="382"></div></a></div> </div> </div> </div> <div class="video-caption zen regular">Introduction to Negotiation Mastery</div> <div class="white-bg small-card center"> <h2 class="h2-fancy kappa-uc">ENROLL NOW</h2> <div style="padding-top: 20px;" class="bold2 add-underline">No application needed for our certificate programs. Start your journey today!</div> <div style="padding-top: 15px;"></div> </div> </div> </div> <div class="span1 mobile-hidden"> </div> <div class="span4 tablet-span5"> <div class="white-bg right-column "> <div class="center"> <h1 class="beta card-title">Negotiation Mastery</h1> <div class="bold2" style="padding: 10px 0px 3px 0px;">$1,850</div> <div class="zen regular">Next 8-week session starts February 19th</div> <div style="padding-top: 22px" class=""> <div><a href="https://account.myhbx.org/s/login/?startURL=https://account.myhbx.org/&PC=NEGO" class="
 btn btn-primary no-arrow bold" aria-label="Enroll for Negotiation Mastery">Enroll Now</a></div> </div> </div> <div style="padding-top: 20px;">Master negotiation techniques to secure maximum value for yourself and your organization.</div> <div class="stats" style="padding-top: 18px;"> <div class="point headerblue-bg"> <div class="number">8</div> <div class="zen normal">weeks</div> </div> <div class="point headerblue-bg"> <div class="number">4-5</div> <div class="zen normal">hours per week</div> </div> <div class="point headerblue-bg"> <div class="number">4</div> <div class="zen normal">modules</div> </div> <div class="point headerblue-bg"> <div class="number">Self-Paced</div> <div class="zen normal">with regular deadlines</div> </div> </div> <div class="center" style="padding-top: 22px;"> <div class="footer-text" style=""> <p class="mu normal " style="display:inline-block;margin-bottom:0px;"><span class="icon" style=""><img src="/online/PublishingImages/zero-degrees/Certificate.svg" alt="" width="25" height="22"></span> This course earns you a Certificate of Completion from HBS Online. <a href="#earn">What you earn</a>.</p> </div> </div> </div> </div> </div> </div> </div> <div class="table-of-contents-wrapper" style="height: 41px;"> <div class="table-of-contents yellow-bg zen"> <div class="container tablet-container mobile-container"> <div class="toc-content"> <div class="bold2 desktop-visible" style="padding: 10px 0px; width: 110px;"></div> <div class="links" style="padding: 10px 0px;"> <div class="toc-item sm-mobile-hidden"><a href="#overview1" role="button" class="black normal toc-jump">Overview</a></div> <div class="toc-item "><a href="#syllabus1" role="button" class="black normal toc-jump">Syllabus</a></div> <div class="toc-item "><a href="#time" role="button" class="black normal toc-jump">Enrollment</a></div> <div class="toc-item "><a href="#stories1" role="button" class="black normal toc-jump">Stories</a></div> <div class="toc-item sm-mobile-hidden"><a href="#faqs1" role="button" class="black normal toc-jump">FAQs</a></div> </div> <div class="toc-apply"> <div><a href="https://account.myhbx.org/s/login/?startURL=https%3A%2F%2Faccount.myhbx.org&PC=NEGO" class="
 btn btn-primary-small" aria-label="Enroll Now for Negotiation Mastery">Enroll Now</a></div> </div> </div> </div> </div> </div> <div class="container tablet-container mobile-container"> <div class="two-column-list"> <div id="overview1"></div> <h2 class="h2-fancy kappa-uc">Key Concepts</h2> <div class="items"> <div class="left-column"> <div class="item"> <div style="float: left;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"> <polygon points="19 3 23 7 9 21 1 13 5 9 9 13 19 3" style="fill:#D0D669;stroke:#D0D669;stroke-linejoin:round;"/></svg></div> <div style="overflow: hidden; padding-left: 15px;" class="add-underline"> <Item>Understand negotiation dynamics and how to prepare for uncertainty</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>Learn to craft agile strategy and be quick on your feet in changing circumstances</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>Resolve small differences before they escalate</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>Secure maximum value for your organization and yourself</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>Reflect on personal behaviors and refine your approach to be more effective</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="negotiationprofessionals-1-tabs1"><button id="negotiationprofessionals-1-tabs1-tab" aria-controls="negotiationprofessionals-1-tabs1" aria-selected="true"> <h3>Negotiation Professionals</h3></button></div> <div class="tab zen " data-tab="valuedrivenindividuals-2-tabs1"><button id="valuedrivenindividuals-2-tabs1-tab" aria-controls="valuedrivenindividuals-2-tabs1" aria-selected="false"> <h3>Value-Driven Individuals</h3></button></div> <div class="tab zen " data-tab="earlyandmidcareerprofessionals-3-tabs1"><button id="earlyandmidcareerprofessionals-3-tabs1-tab" aria-controls="earlyandmidcareerprofessionals-3-tabs1" aria-selected="false"> <h3>Early and Mid-Career Professionals</h3></button></div> </div> <div class="shim30"></div> <div class="tab-box white-bg current" id="negotiationprofessionals-1-tabs1" aria-labelledby="negotiationprofessionals-1-tabs1-tab" tabindex="-1"> <div class="person-quote"> <div class="box-blurb eta regular add-underline">Hone your negotiation skills and develop strategies and techniques to achieve success at the bargaining table.</div> <div class="box-person" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=1080"> <div class="box-video"> <div class="video-title zen regular add-underline no-video"><q>Weekly, I negotiate strategic partnerships for my company, and Negotiation Mastery has given me additional skills that I have put into practice and have resulted in much more successful agreements.</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--tzDjGy_A--/f_auto,c_fill,w_110,/v20200101/56E10744791D2042EC1D4513D41F13B4.jpg" width="55" height="55" loading="lazy" alt=""></div> <div class="mu regular" style="padding-left: 12px;"><span class="bold2">Jacqueline Ryan</span><br>Integrated Marketing Manager at YumEarth</div> </div> </div> </div> </div> <div class="tab-box white-bg " id="valuedrivenindividuals-2-tabs1" aria-labelledby="valuedrivenindividuals-2-tabs1-tab" tabindex="-1"> <div class="person-quote"> <div class="box-blurb eta regular add-underline">Develop the negotiation skills needed to maximize value in your everyday life, from negotiating a raise to buying a car.</div> <div class="box-person" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=783"> <div class="box-video"> <div class="video-title zen regular add-underline no-video"><q>I am paying more attention to how my clients perceive the value of my services. I find myself rephrasing their statements to confirm their true needs.</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--RTpT7WxP--/f_auto,c_fill,w_110,/v20200101/22F304E006A40506E81260F152937510.jpg" width="55" height="55" loading="lazy" alt=""></div> <div class="mu regular" style="padding-left: 12px;"><span class="bold2">Peggy Dau</span><br>Founder & Managing Partner at MAD Perspectives LLC</div> </div> </div> </div> </div> <div class="tab-box white-bg " id="earlyandmidcareerprofessionals-3-tabs1" aria-labelledby="earlyandmidcareerprofessionals-3-tabs1-tab" tabindex="-1"> <div class="person-quote"> <div class="box-blurb eta regular add-underline">Gain the necessary skills and confidence to grow your career and successfully negotiate at work, on the job hunt, or in day-to-day conversations.</div> <div class="box-person" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=719"> <div class="box-video"> <div class="video-title zen regular add-underline no-video"><q>As someone that does negotiations as part of my job, I found Professor Wheeler’s Negotiation Mastery course to be both thorough and valuable. This course provides fresh insight and best practices to help maintain ethical standards, while creating and claiming greater value in future negotiations: whether you will be buying or selling a home, getting a new job, working with international business partners, or anything in between. </q></div> </div> <div class="shim20"></div> <div class="box-person-bio"> <div style="min-width: 55px;"><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="55" height="55" loading="lazy" alt=""></div> <div class="mu regular" style="padding-left: 12px;"><span class="bold2">Matt C.</span><br>US Navy</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--kvNeY8qJ--/f_auto,c_fill,e_sharpen:300,h_422,w_326,/v20200101/56C56B4F9E3AB2E5D04A759C8C0196B1.jpg" alt="Certificate of Completion" width="272" height="352"></div> <div class="certificate-info center"> <div class="icon"><img loading="lazy" src="/online/PublishingImages/zero-degrees/Certificate.svg" alt="" width="25" height="22"></div> <h3><strong>Certificate of Completion</strong></h3> <p style="margin-bottom: 0px;"> <Blurb>Boost your resume with a Certificate of Completion from HBS Online</Blurb> </p> <div class="shim20"></div> <p class="zen regular" style="margin-bottom: 10px;"> <Subtext>Earn by: completing this course</Subtext> </p> </div> <div class="shim40 mobile-visible"></div> </div> <div class="certificate" style="max-width: 50%;flex: 0 0 50%;"> <div class="certificate-image "><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--O8w3mxFX--/f_auto,c_fill,e_sharpen:300,h_422,w_326,/v20200101/6D619D45B2F5333570F41E91EA20D9DB.jpg" alt="Certificate of Specialization" width="272" height="352"></div> <div class="certificate-info center"> <div class="icon"><img loading="lazy" src="/online/PublishingImages/zero-degrees/Certificate.svg" alt="" width="25" height="22"></div> <h3><strong>Certificate of Specialization</strong></h3> <p style="margin-bottom: 0px;"> <Blurb>Prove your mastery of leadership and management or entrepreneurship and innovation</Blurb> </p> <div class="shim20"></div> <p class="zen regular" style="margin-bottom: 10px;"> <Subtext>Earn by: completing any three courses within either subject area to earn a Certificate of Specialization</Subtext> </p> </div> </div> </div> <div class="center"> <div class="shim40"></div> <div class="shim8"></div> <div><a href="/more-info/certificates-credentials-credits" class="
 btn btn-secondary-small hbsred white-bg">Learn More about what you earn</a></div> </div> </div> </div> </div> <div class="container tablet-container mobile-container"> <div class="syllabus"> <div class="intro-text center"> <div id="syllabus1"></div> <h2 class="delta">Syllabus</h2> <div class="zen regular" style="padding-top: 10px;"> <Blurb>4 Modules, 30-40 Hours</Blurb> </div> <div class="zen regular add-underline" style="padding-top: 10px;"><a href="/online/Documents/courses/negotiation/Negotiation-Mastery-Syllabus.pdf">Download full syllabus</a></div> </div> <div class="shim30"></div> <div class="card"> <div class="top-card"> <div class="left-col "> <div class="hours center"> <div class="yellow-bg"> <div class="eta" style="white-space: nowrap;">8-10</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Module 1</div> <h3 class="eta">Introduction to Negotiation Analysis: Finding the Zone of Possible Agreement</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Identify your walkaway, manage the exchange of offers, and close the deal.</div> </div> <div class="right-col"> <h4 class="zen" style="margin-bottom: 10px;">Highlights</h4> <div class="card-river"> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-2" data-id="video-container-2" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_lt50ngbb" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Bridport Onboarding - Brims"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--FEBWPFdz--/f_auto,c_fill,h_98,w_175,/v20200101/16F24921FD523371CF37B5717635AC93.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_lt50ngbb" class="widget-video-embed tile" aria-label="Play Video for Bridport Onboarding - Brims"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--FEBWPFdz--/f_auto,c_fill,h_98,w_175,/v20200101/16F24921FD523371CF37B5717635AC93.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Bridport Onboarding - Brims</div> </div> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-3" data-id="video-container-3" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_4g5fk772" class="widget-video-popup tile" target="_blank" aria-label="Play Video for First Offers"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--bi0oztQ7--/f_auto,c_fill,h_98,w_175,/v20200101/B31AE3C9D6B69607AFA399C8DB9E551A.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_4g5fk772" class="widget-video-embed tile" aria-label="Play Video for First Offers"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--bi0oztQ7--/f_auto,c_fill,h_98,w_175,/v20200101/B31AE3C9D6B69607AFA399C8DB9E551A.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">First Offers</div> </div> <div class="highlight-card"> <div><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--hrzKzea7--/f_auto,c_fill,h_98,w_175,/v20200101/23FF443318E86FD814D00F71F2AC5BC9.jpg" alt="" loading="lazy" width="175" height="98"></div> <div class="shim7"></div> <div class="mu regular">Tactical Choices</div> </div> </div> </div> </div> <div class="hr" style="margin: 20px 30px 15px 0px;"></div> <dl class="plusminus"> <dt class="accordion-toggle" style="margin-bottom: 0px;"><a href="#" role="button" class="zen regular" style="text-decoration: none; color: #a41034;"><span class="toggle-show">Show</span><span class="toggle-hide">Hide</span> Details </a></dt> <dd> <div class="details toggle-hide has-slide"> <div class="column zen"> <h4 style="margin-bottom: 10px;">Concepts</h4> <ol class="regular"> <li> <div class="list-text">BATNA Analysis</div> <div class="clear"></div> </li> <li> <div class="list-text">Psychological Factors</div> <div class="clear"></div> </li> <li> <div class="list-text">Offer Analysis</div> <div class="clear"></div> </li> <li> <div class="list-text">Bargaining Tactics</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_handshake_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Negotiation simulation (Negotiating a Single Issue Agreement: Buying/Selling a Unique Property)</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_speech_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Peer feedback</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;">8-10</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Module 2</div> <h3 class="eta">Advanced Negotiation Analysis: Creating Value</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Generate value when there is uncommon ground, manage situations under different and complex scenarios, and dig into the fundamental tension of creating and claiming value.</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-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_dcpukcvv" class="widget-video-popup tile" target="_blank" aria-label="Play Video for R-V Onboarding"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--NTwjZkef--/f_auto,c_fill,h_98,w_175,/v20200101/4EA24632DA08F5F4C997C21341D9BCDB.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_dcpukcvv" class="widget-video-embed tile" aria-label="Play Video for R-V Onboarding"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--NTwjZkef--/f_auto,c_fill,h_98,w_175,/v20200101/4EA24632DA08F5F4C997C21341D9BCDB.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">R-V Onboarding</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_6k0pd6a0" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Creating and Claiming Value"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--Q4kbsd1b--/f_auto,c_fill,h_98,w_175,/v20200101/B7DE219A6448320D7099BBB5DE6C02A9.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_6k0pd6a0" class="widget-video-embed tile" aria-label="Play Video for Creating and Claiming Value"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--Q4kbsd1b--/f_auto,c_fill,h_98,w_175,/v20200101/B7DE219A6448320D7099BBB5DE6C02A9.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Creating and Claiming Value</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_yopejyg4" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Establishing Themselves"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--MgAex3hn--/f_auto,c_fill,h_98,w_175,/v20200101/04B8A37563880B37BF0A814EC305B949.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_yopejyg4" class="widget-video-embed tile" aria-label="Play Video for Establishing Themselves"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--MgAex3hn--/f_auto,c_fill,h_98,w_175,/v20200101/04B8A37563880B37BF0A814EC305B949.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Establishing Themselves</div> </div> </div> </div> </div> <div class="hr" style="margin: 20px 30px 15px 0px;"></div> <dl class="plusminus"> <dt class="accordion-toggle" style="margin-bottom: 0px;"><a href="#" role="button" class="zen regular" style="text-decoration: none; color: #a41034;"><span class="toggle-show">Show</span><span class="toggle-hide">Hide</span> Details </a></dt> <dd> <div class="details toggle-hide has-slide"> <div class="column zen"> <h4 style="margin-bottom: 10px;">Concepts</h4> <ol class="regular"> <li> <div class="list-text">Multi-Issue Analysis</div> <div class="clear"></div> </li> <li> <div class="list-text">Overcoming Barriers to Value Creation</div> <div class="clear"></div> </li> <li> <div class="list-text">Case Study: Unshrinkit</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_handshake_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Negotiation simulation (Rijas and Vericampos: Negotiating a Long Term Service Contract)</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_speech_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Peer feedback</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;">8-10</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Module 3</div> <h3 class="eta">Managing the Negotiation Process: Bargaining Tactics, Style, and Emotion</h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Examine the relational dimension of negotiation and explore interpersonal dynamics, bargaining styles, tactics, and emotions.</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-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_fm979l1u" class="widget-video-popup tile" target="_blank" aria-label="Play Video for D-H Onboarding"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--gckU-Z0_--/f_auto,c_fill,h_98,w_175,/v20200101/EE035D79F61207A2EC5306130073D127.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_fm979l1u" class="widget-video-embed tile" aria-label="Play Video for D-H Onboarding"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--gckU-Z0_--/f_auto,c_fill,h_98,w_175,/v20200101/EE035D79F61207A2EC5306130073D127.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">D-H Onboarding</div> </div> <div class="highlight-card"> <div><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--CYMM-cMH--/f_auto,c_fill,h_98,w_175,/v20200101/B9F416FE2D3F27311D609D73D568E155.jpg" alt="" loading="lazy" width="175" height="98"></div> <div class="shim7"></div> <div class="mu regular">Emotionally Preparing for Negotiation</div> </div> <div class="highlight-card"> <div class="video-wrapper"> <div class="video-container " style="position:relative;" id="video-container-8" data-id="video-container-8" data-wcm-edit-url=""> <div class="mobile-hidden"><a href="https://www.hbs.edu/about/video.aspx?v=1_71r243xt" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Bargaining Style and Process: A First Glance"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--aCctPMJy--/f_auto,c_fill,h_98,w_175,/v20200101/9889BF2614E9E257A8F731C46EEF69A1.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_71r243xt" class="widget-video-embed tile" aria-label="Play Video for Bargaining Style and Process: A First Glance"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--aCctPMJy--/f_auto,c_fill,h_98,w_175,/v20200101/9889BF2614E9E257A8F731C46EEF69A1.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Bargaining Style and Process: A First Glance</div> </div> </div> </div> </div> <div class="hr" style="margin: 20px 30px 15px 0px;"></div> <dl class="plusminus"> <dt class="accordion-toggle" style="margin-bottom: 0px;"><a href="#" role="button" class="zen regular" style="text-decoration: none; color: #a41034;"><span class="toggle-show">Show</span><span class="toggle-hide">Hide</span> Details </a></dt> <dd> <div class="details toggle-hide has-slide"> <div class="column zen"> <h4 style="margin-bottom: 10px;">Concepts</h4> <ol class="regular"> <li> <div class="list-text">Debriefing Discount-Hawkins</div> <div class="clear"></div> </li> <li> <div class="list-text">Negotiating the Relationship</div> <div class="clear"></div> </li> <li> <div class="list-text">Managing Emotions</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_handshake_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Negotiation simulation (Discount and Hawkins: Crafting Terms and Conditions)</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_speech_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Peer feedback</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;">8-10</div> <div class="zen regular">hrs</div> </div> </div> <div> <div class="mu regular" style="color: #59666f; margin-top: 10px;">Module 4</div> <h3 class="eta">Negotiation Mastery: Forging Agreement within Groups and Organizations </h3> <div class="shim24"></div> </div> <div class="zen regular top-card-blurb add-underline">Apply themes and issues from the course to real life scenarios and negotiate effectively within groups and organizations.</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-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_st0idcuo" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Singa Onboarding"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--5rRzkDXv--/f_auto,c_fill,h_98,w_175,/v20200101/CBED30D8082A49468054A5F1375A8C8A.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_st0idcuo" class="widget-video-embed tile" aria-label="Play Video for Singa Onboarding"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--5rRzkDXv--/f_auto,c_fill,h_98,w_175,/v20200101/CBED30D8082A49468054A5F1375A8C8A.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Singa Onboarding</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_9kyixu6u" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Caitlin's Challenge"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--z_HQQuY---/f_auto,c_fill,h_98,w_175,/v20200101/88FD12FCCEC997AA443D3DE16C8F1D4D.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_9kyixu6u" class="widget-video-embed tile" aria-label="Play Video for Caitlin's Challenge"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--z_HQQuY---/f_auto,c_fill,h_98,w_175,/v20200101/88FD12FCCEC997AA443D3DE16C8F1D4D.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Caitlin's Challenge</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_7pggdm8c" class="widget-video-popup tile" target="_blank" aria-label="Play Video for Concluding Exercises"> <div class=""><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--EGJNVIoz--/f_auto,c_fill,h_98,w_175,/v20200101/CDF2A159345178174778757298EB0D4D.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_7pggdm8c" class="widget-video-embed tile" aria-label="Play Video for Concluding Exercises"> <div class=""><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--EGJNVIoz--/f_auto,c_fill,h_98,w_175,/v20200101/CDF2A159345178174778757298EB0D4D.jpg" class="o fluid" alt="" width="175" height="98"></div></a></div> </div> </div> </div> <div class="shim7"></div> <div class="mu regular">Concluding Exercises</div> </div> </div> </div> </div> <div class="hr" style="margin: 20px 30px 15px 0px;"></div> <dl class="plusminus"> <dt class="accordion-toggle" style="margin-bottom: 0px;"><a href="#" role="button" class="zen regular" style="text-decoration: none; color: #a41034;"><span class="toggle-show">Show</span><span class="toggle-hide">Hide</span> Details </a></dt> <dd> <div class="details toggle-hide has-slide"> <div class="column zen"> <h4 style="margin-bottom: 10px;">Concepts</h4> <ol class="regular"> <li> <div class="list-text">Negotiation Mastery</div> <div class="clear"></div> </li> <li> <div class="list-text">Negotiating Compensation</div> <div class="clear"></div> </li> <li> <div class="list-text">Navigating Challenges</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_handshake_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Negotiation simulation (Negotiating a Job Offer: Building Relationships)</div> <div class="clear"></div> </li> <li> <div class="icon"><img loading="lazy" src="/online/PublishingImages/icons/2020/icons_speech_96x96.svg" alt="" width="25" height="25"></div> <div class="list-text">Peer feedback</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">Capstone assignment</div> <div class="clear"></div> </li> </ul> </div> </div> </dd> </dl> </div> </div> </div> <div class="yellow-bg"> <div class="promo-cards container tablet-container mobile-container"> <div class="card white-bg" data-wcm-edit-url="/online/Lists/PromoCards/EditForm.aspx?ID=10"> <div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--wfG2UKze--/f_auto,c_fill,h_265,w_390,/v20200101/07A2F1978815C0199B223F2543578635.jpg" class="fluid" alt="" width="390" height="265"></div> <div class="card-body"> <div class="header-body"> <div class="zen">Free E-Book</div> <div class="shim2"></div> <h2 class="eta"><a href="https://info.email.online.hbs.edu/leadership-ebook" rel="nofollow">How to Become a More Effective Leader</a></h2> <div class="shim8"></div> </div> <div class="text-body"> <div class="card-text"> <Blurb>Learn about the difference between leadership and management, uncover the qualities and skills that characterize an effective leader, gain an understanding of common leadership styles, and explore how you can unleash the potential in yourself and others.</Blurb> </div> <div class="shim20"></div> <div><a href="https://info.email.online.hbs.edu/leadership-ebook" rel="nofollow" class="
 btn btn-secondary-small hbsred white-bg" id="related-item-1" aria-label="Access your free e-book for How to Become a More Effective Leader">Access Your Free E-Book</a></div> </div> </div> </div> </div> </div> <div class="animation-slides"> <div class="container tablet-container mobile-container"> <div class="center intro-text"> <h2 class="delta">Our Difference</h2> <div style="margin-top: 6px;">Negotiation Mastery emphasizes an understanding of both analytical tools and interpersonal techniques for dealing effectively with different bargaining styles and tactics.</div> </div> <div class="shim1 mobile-hidden" style="margin-top:40px;margin-bottom:39px;"></div> <div class="shim1 tablet-hidden desktop-hidden" style="margin-top:23px;margin-bottom:22px;"></div> <div class="slides-container" style="position: relative;"> <div class="slide-wrapper"> <div class="slide-links"> <div style="padding-left: 20px;"><a href="#" class="animation-link mobile-hidden" data-target="video1" role="button">Stay <b>active</b> by engaging in a new activity every three to five minutes and applying your knowledge through peer feedback, negotiation simulations, and a capstone assignment.</a><div class="mobile-visible">Stay <b>active</b> by engaging in a new activity every three to five minutes and applying your knowledge through peer feedback, negotiation simulations, and a capstone assignment.</div> </div> <div class="hr mobile-hidden" style="margin: 16px 0px 16px 20px;"></div> </div> <div class="slide-deck"> <div class="animation video1 current"><video class="lazy" muted autoplay playsinline="playsinline" width="100%" poster="https://cloudinary.hbs.edu/hbsit/image/upload/s--XLsKScZF--/f_auto,c_fill,h_382,w_680,/v20200101/E52A5F243F6BD71E508F7E2E55AB59AC.jpg"> <source data-src="https://cdnapisec.kaltura.com/p/1423662/sp/142366200/playManifest/entryId/1_8dodemzj/flavorId/1_451fpjfi/format/url/protocol/https/aace2e1f.mp4" type="video/mp4"></video><div class="visually-hidden"> Description of silent animated video above: Learner completes an interactive question by dragging and dropping choices into two different categories</div> <div class="pause-btn"><a role="button" href="#" class="pause-animation" aria-label="Pause silent animation video with Learner completes an interactive question by dragging and dropping choices into two different categories"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 20 20" height="18px" viewBox="0 0 20 20" width="18px" fill="#FFFFFF"> <g> <rect fill="none" height="20" width="20"/> </g> <g> <path d="M10,2c-4.42,0-8,3.58-8,8s3.58,8,8,8s8-3.58,8-8S14.42,2,10,2z M9,13H7.5V7H9V13z M12.5,13H11V7h1.5V13z"/> </g></svg></a></div> <div class="play-btn"><a role="button" href="#" class="play-animation" aria-label="Play silent animation video with Learner completes an interactive question by dragging and dropping choices into two different categories"><svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="#FFFFFF"> <path d="M0 0h24v24H0V0z" fill="none"/> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z"/></svg></a></div> <div class="restart-btn"><a role="button" href="#" class="restart-animation" aria-label="Replay silent animation video with Learner completes an interactive question by dragging and dropping choices into two different categories"><svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="#FFFFFF"> <path d="M0 0h24v24H0V0z" fill="none"/> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm6 10c0 3.31-2.69 6-6 6s-6-2.69-6-6h2c0 2.21 1.79 4 4 4s4-1.79 4-4-1.79-4-4-4v3L8 7l4-4v3c3.31 0 6 2.69 6 6z" fill-rule="evenodd"/></svg></a></div> </div> </div> <div class="mobile-visible"> <div class="shim40"></div> </div> </div> <div class="slide-wrapper"> <div class="slide-links"> <div style="padding-left: 20px;"><a href="#" class="animation-link mobile-hidden" data-target="video2" role="button">Get <b>social</b> by collaborating with a global community of peers before, during, and after your course. Learners who successfully complete an HBS Online program will be added to the HBS Online Community's Official Networking Group and gain exclusive access to events and other networking opportunities.</a><div class="mobile-visible">Get <b>social</b> by collaborating with a global community of peers before, during, and after your course. Learners who successfully complete an HBS Online program will be added to the HBS Online Community's Official Networking Group and gain exclusive access to events and other networking opportunities.</div> </div> <div class="hr mobile-hidden" style="margin: 16px 0px 16px 20px;"></div> </div> <div class="slide-deck"> <div class="animation video2 "><video class="lazy" muted autoplay playsinline="playsinline" width="100%" poster="https://cloudinary.hbs.edu/hbsit/image/upload/s--N_Pi-sLx--/f_auto,c_fill,h_382,w_680,/v20200101/E7BA0BA27AC718A61CD8B3D5BED5CDDA.jpg"> <source data-src="https://cdnapisec.kaltura.com/p/1423662/sp/142366200/playManifest/entryId/1_8boj5xtu/flavorId/1_451fpjfi/format/url/protocol/https/b88a4e52.mp4" type="video/mp4"></video><div class="visually-hidden"> Description of silent animated video above: Learner types an answer in the discussion board in response to a peer's question</div> <div class="pause-btn"><a role="button" href="#" class="pause-animation" aria-label="Pause silent animation video with Learner types an answer in the discussion board in response to a peer's question"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 20 20" height="18px" viewBox="0 0 20 20" width="18px" fill="#FFFFFF"> <g> <rect fill="none" height="20" width="20"/> </g> <g> <path d="M10,2c-4.42,0-8,3.58-8,8s3.58,8,8,8s8-3.58,8-8S14.42,2,10,2z M9,13H7.5V7H9V13z M12.5,13H11V7h1.5V13z"/> </g></svg></a></div> <div class="play-btn"><a role="button" href="#" class="play-animation" aria-label="Play silent animation video with Learner types an answer in the discussion board in response to a peer's question"><svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="#FFFFFF"> <path d="M0 0h24v24H0V0z" fill="none"/> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z"/></svg></a></div> <div class="restart-btn"><a role="button" href="#" class="restart-animation" aria-label="Replay silent animation video with Learner types an answer in the discussion board in response to a peer's question"><svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="#FFFFFF"> <path d="M0 0h24v24H0V0z" fill="none"/> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm6 10c0 3.31-2.69 6-6 6s-6-2.69-6-6h2c0 2.21 1.79 4 4 4s4-1.79 4-4-1.79-4-4-4v3L8 7l4-4v3c3.31 0 6 2.69 6 6z" fill-rule="evenodd"/></svg></a></div> </div> </div> <div class="mobile-visible"> <div class="shim40"></div> </div> </div> <div class="slide-wrapper"> <div class="slide-links"> <div style="padding-left: 20px;"><a href="#" class="animation-link mobile-hidden" data-target="video3" role="button">Immerse yourself in real-world, <b>case-based</b> examples brought to life by industry-leading experts from companies like Marvel Comics, Microsoft, HBO Home Entertainment, and the Smithsonian American Art Museum.</a><div class="mobile-visible">Immerse yourself in real-world, <b>case-based</b> examples brought to life by industry-leading experts from companies like Marvel Comics, Microsoft, HBO Home Entertainment, and the Smithsonian American Art Museum.</div> </div> </div> <div class="slide-deck"> <div class="animation video3 "><video class="lazy" muted autoplay playsinline="playsinline" width="100%" poster="https://cloudinary.hbs.edu/hbsit/image/upload/s--o1tG4Tp6--/f_auto,c_fill,h_382,w_680,/v20200101/DA0A531B09AB9CD77B85FA9F11322210.jpg"> <source data-src="https://cdnapisec.kaltura.com/p/1423662/sp/142366200/playManifest/entryId/1_po49e92g/flavorId/1_451fpjfi/format/url/protocol/https/a6f31474.mp4" type="video/mp4"></video><div class="visually-hidden"> Description of silent animated video above: Learner scrolls through video interviews from prominent business leaders</div> <div class="pause-btn"><a role="button" href="#" class="pause-animation" aria-label="Pause silent animation video with Learner scrolls through video interviews from prominent business leaders"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 20 20" height="18px" viewBox="0 0 20 20" width="18px" fill="#FFFFFF"> <g> <rect fill="none" height="20" width="20"/> </g> <g> <path d="M10,2c-4.42,0-8,3.58-8,8s3.58,8,8,8s8-3.58,8-8S14.42,2,10,2z M9,13H7.5V7H9V13z M12.5,13H11V7h1.5V13z"/> </g></svg></a></div> <div class="play-btn"><a role="button" href="#" class="play-animation" aria-label="Play silent animation video with Learner scrolls through video interviews from prominent business leaders"><svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="#FFFFFF"> <path d="M0 0h24v24H0V0z" fill="none"/> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z"/></svg></a></div> <div class="restart-btn"><a role="button" href="#" class="restart-animation" aria-label="Replay silent animation video with Learner scrolls through video interviews from prominent business leaders"><svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="#FFFFFF"> <path d="M0 0h24v24H0V0z" fill="none"/> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm6 10c0 3.31-2.69 6-6 6s-6-2.69-6-6h2c0 2.21 1.79 4 4 4s4-1.79 4-4-1.79-4-4-4v3L8 7l4-4v3c3.31 0 6 2.69 6 6z" fill-rule="evenodd"/></svg></a></div> </div> </div> </div> </div> </div> </div> <div class="icon-teasers light-gray1-bg " style=""> <div class="container tablet-container mobile-container"> <div class=" teaser-wrapper center"> <h2 class="h2-fancy kappa-uc">About the Professor</h2> <div class="shim15"></div> <div class="shim15"></div> <div class="icon-items" style="display:flex;justify-content:center;"> <div class="icon-teaser center card-item"> <div class="equal-heights-item" style="width: 120px; margin: 0 auto; padding-bottom: 13px; box-sizing: border-box;"> <div class="crimson"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--mGT1HKmO--/f_auto,c_fill,g_face:auto,h_120,w_120,/v20200101/7BBEBF93E59E045863BFA8194101BBD0.jpg" class="fluid circle" alt="" width="120" height="120"></div> </div> <h3><span class="kappa"><a href="https://www.hbs.edu/faculty/Pages/profile.aspx?facId=6575" target="_blank">Michael Wheeler</a><br>Negotiation Mastery</span></h3> <div class="shim10"></div> <div class="shim6"></div> <div class="zen regular" style="color: #59666F;">MBA Class of 1952 Professor of Management Practice</div> <div class="shim16"></div> <div class="kappa regular" style="line-height: 22px; text-align: left;">"Negotiation Mastery equips you with the skills to close deals that might otherwise be deadlocked, maximize value in the agreements you reach, and resolve differences before they escalate into costly conflicts."</div> </div> </div> </div> </div> </div> <div class="online-carousel berry-red-bg white"> <div id="time"></div> <div class="online-carousel-inner"> <div class="container tablet-container mobile-container"> <h2 class="eta center">Dates & Eligibility</h2> <div class="shim26"></div> <div class="card-slide-wrapper"> <div class="card-slide"> <div class="no-course" style="display:none;flex-grow:1"> <p class="center">No current course offerings for this selection.</p> </div> <div class="black center cohort-card card-item "> <div class="course-card white-bg" data-wcm-edit-url="/online/Lists/Cohorts/EditForm.aspx?ID=744"> <div class="slate zen regular">Starting</div> <div class="delta regular" style="text-transform: uppercase;">Feb</div> <div class="delta regular" style="margin-top: -6px;">19</div> <div class="yellow-bg" style="height: 3px; width: 40px; margin: 26px auto;"></div> <div class="zen regular">8 Weeks  <span class="bold2">$1,850 + applicable international taxes</span><div class="shim5"></div> </div> <div class="zen regular"> Enrollment deadline February 13</div> <div class="shim5"></div> <div class="zen regular"><a href="https://image.email.online.hbs.edu/lib/fe281173716404797c1c76/m/1/faa41396-754e-43fb-8530-feeccb110fdc.pdf" class="add-underline" aria-label="View weekly calendar for course starting Feb 19">View weekly calendar</a></div> <div class="shim5"></div> <div class="shim26"></div> <div class="shim50"></div> <div class=" course-btn"><a href="https://account.myhbx.org/s/login/?startURL=https://account.myhbx.org/&PC=NEGO&WC=NEGO2502A08" class="
 btn btn-primary no-arrow bold" aria-label="Enroll Now for course starting Feb 19">Enroll Now</a></div> </div> </div> <div class="black center cohort-card card-item "> <div class="course-card white-bg" data-wcm-edit-url="/online/Lists/Cohorts/EditForm.aspx?ID=743"> <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;">16</div> <div class="yellow-bg" style="height: 3px; width: 40px; margin: 26px auto;"></div> <div class="zen regular">8 Weeks  <span class="bold2">$1,850 + applicable international taxes</span><div class="shim5"></div> </div> <div class="zen regular"> Enrollment deadline April 10</div> <div class="shim5"></div> <div class="zen regular"><a href="https://image.email.online.hbs.edu/lib/fe281173716404797c1c76/m/1/822af80e-8ad2-478c-b1b4-11021a74c602.pdf" class="add-underline" aria-label="View weekly calendar for course starting Apr 16">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://account.myhbx.org/&PC=NEGO&WC=NEGO2504A08" class="
 btn btn-primary no-arrow bold" aria-label="Enroll Now for course starting Apr 16">Enroll Now</a></div> </div> </div> <div xmlns:atom="http://www.w3.org/2005/Atom" xmlns:ext="http://www.hbs.edu/" class="left-arrow-circle"><a href="#" class="prev-btn black" role="button" aria-label="Previous slide of course options"> <div class="arrow-wrapper"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-up" width="7" height="12" style="" viewBox="0 0 12 7" version="1.1" focusable="false"> <g transform="translate(47 450)"> <g> <use xlink:href="#dropdown_up" transform="translate(-47 -450)" fill="currentColor"/> </g> </g> <defs> <path fill="currentColor" id="dropdown_up" d="M 10.6 7L 12 5.6L 6 0L 0 5.6L 1.4 7L 6 2.7L 10.6 7Z"/> </defs></svg></div></a></div> <div xmlns:atom="http://www.w3.org/2005/Atom" xmlns:ext="http://www.hbs.edu/" class="right-arrow-circle"><a href="#" class="next-btn black" role="button" aria-label="Next slide of course options"> <div class="arrow-wrapper"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-up" width="7" height="12" style="" viewBox="0 0 12 7" version="1.1" focusable="false"> <g transform="translate(47 450)"> <g> <use xlink:href="#dropdown_up" transform="translate(-47 -450)" fill="currentColor"/> </g> </g> <defs> <path fill="currentColor" id="dropdown_up" d="M 10.6 7L 12 5.6L 6 0L 0 5.6L 1.4 7L 6 2.7L 10.6 7Z"/> </defs></svg></div></a></div> </div> </div> <div class="page-dots"><a href="#" class="dot-btn current" role="button" aria-label="Carousel slide 1" data-slide="1"> <div class="dot"></div></a><a href="#" class="dot-btn " role="button" aria-label="Carousel slide 2" data-slide="2"> <div class="dot"></div></a></div> <div class="footer-text" style="margin-top: 35px;"> <div> <ul> <li> <div class="item"> <div style="float: left;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"> <polygon points="19 3 23 7 9 21 1 13 5 9 9 13 19 3" style="fill:#D0D669;stroke:#D0D669;stroke-linejoin:round;"/></svg></div> <div style="overflow: hidden; padding-left: 15px;" class="add-underline check-item"> <Item>No documentation required</Item> </div> </div> </li> </ul> </div> <div class="footer-blurb"> <p>All learners must be at least 18 years of age, proficient in English, and committed to learning and engaging with fellow participants throughout the course.</p> <p><a href="/organizations/" style="color: #ffffff;">Learn about bringing this course to your organization</a>.</p> </div> </div> </div> </div> </div> <div class="learner-stories gray1-bg"> <div id="stories1"></div> <div class="center"> <h2 class="delta">Learner Stories</h2> </div> <div class="shim44 desktop-visible"></div> <div class="shim20 desktop-hidden"></div> <div class="image-wrapper"> <div style="position:relative; display: inline-block;"><img src="https://cloudinary.hbs.edu/hbsit/image/upload/s--Rxf2H9HW--/f_auto,c_fill,w_608,/v20200101/C8BAAEB2FC4E60BE7E6F2DC80C10ABBD.jpg" class="fluid" alt="" style="display: block;" loading="lazy" widht="608" height="405"><div class="zeta white bold2 img-num">98%</div> <div class="zen regular yellow-bg img-caption center">improved negotiation skills </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=793"> <div class="person-blurb zen regular add-underline">I am using some of the negotiation preparation techniques from the course in different aspects of my job. Overall I feel more confident in situations that might have once felt intimidating.</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--SvD8fYnN--/f_auto,c_fill,w_110,/v20200101/4D0F20D4C06AEE6442D967D2D255C736.jpg" width="55" height="55" loading="lazy" alt=""></div> <div class="mu regular" style="padding-left: 12px;"><span class="bold2">Sara Simon Pioger</span><br>Business Owner at TILT Langues</div> </div> </div> </div> <div class="shim25"></div> <div class="white-bg person-quote" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=795"> <div class="person-blurb zen regular add-underline">The rich variety in content differentiated this course as a uniquely high-quality, fully engaging learning experience.</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--wZcbxuQU--/f_auto,c_fill,w_110,/v20200101/56F2F52767E0A5CF0394A39E5359A771.jpg" width="55" height="55" loading="lazy" alt=""></div> <div class="mu regular" style="padding-left: 12px;"><span class="bold2">Shane Sabine,</span><br>International Business & Communications Consultant</div> </div> </div> </div> <div class="shim25"></div> <div class="center"> <div><a href="/more-info/student-stories/?program=Negotiation%20Mastery" 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=510">Negotiation Mastery 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=548"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-1-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>What are the learning requirements in order to successfully complete the course, and how are grades assigned?</h3> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-1-faqs1"> <div class="shim20"></div><p>Participants in Negotiation Mastery are eligible for a Certificate of Completion from Harvard Business School Online.</p> <p>Participants are expected to fully complete all coursework in a thoughtful and timely manner. This will mean meeting each week’s course module deadlines and fully answering questions posed therein. This helps ensure your cohort proceeds through the course at a similar pace and can take full advantage of social learning opportunities. In addition to module and assignment completion, we expect participation in the social learning elements of the course by offering feedback on others’ reflections and contributing to conversations on the platform. Participants who fail to complete the course requirements will not receive a certificate and will not be eligible to retake the course.</p> <p>More detailed information on course requirements will be communicated at the start of the course. No grades are assigned for Negotiation Mastery. Participants will either be evaluated as complete or not complete.</p></div> </div> <div class="hr crimson-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=549"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-2-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>What is the workbook?</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>Your workbook will be your personalized resource in which you capture key insights as you progress through the course. Your workbook will also be the basis for your Capstone assignment for the course, which includes several short essay questions that will help you reflect on what you’ve learned throughout the course, and consider how you will implement your new skills in future negotiations.</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=990"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-3-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>What materials will I have access to after completing Negotiation Mastery?</h3> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-3-faqs1"> <div class="shim20"></div><p>You will have access to the materials in every prior module as you progress through the program. Access to course materials and the course platform ends 60 days after the final deadline in the program.</p> <p>At the end of each course module, you will be able to download a PDF summary highlighting key concepts and techniques. At the end of the program, you will receive a PDF compilation of all of the module summary documents. In addition, you will also receive a personalized workbook that tracks your own performance, your lessons learned, and the feedback you received from fellow students. Together, we hope the module summary documents and workbook will be powerful resources to support your negotiation success in the months and years after you finish the course.</p></div> </div> <div class="hr crimson-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=550"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-4-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h3>How do I prepare for each negotiation simulation?</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>In preparation for each negotiation, participants receive a role assignment, view a video that sets the stage, and confidential instructions on their role. To experience a full simulation, with a partner, participants are required to pass a readiness assessment—a short simple quiz intended to check that they know their role and are all set for the negotiation. Participants have two chances to pass the quiz.</p> <p>Participants who do not pass the quiz will not be paired and will instead go through a modified standalone experience. They will read transcripts of the negotiation and provide coaching about how they would handle certain key decision points.</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=702"> <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>How should I list my certificate on my resume?</h3> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-5-faqs1"> <div class="shim20"></div><p>Harvard Business School Online<br /> Certificate in Negotiation Mastery<br /> [Cohort Start Month and Year]</p> <p><strong></strong></p> <p><strong><strong><strong>List your certificate on your LinkedIn profile under "Education" with the language from the <a href="/credential-verification">Credential Verification</a> page:</strong></strong></strong></p> <p></p> <p><strong>School:</strong> Harvard Business School Online<br /> <strong>Dates Attended:</strong> [The year you participated in the program]<br /> <strong>Degree:</strong> Other; Certificate in Negotiation Mastery<br /> <strong>Field of Study:</strong> Leave blank<br /> <strong>Grade:</strong> "Complete"<br /> <strong>Activities and Societies:</strong> Leave blank</p> <p><strong>For the program description on LinkedIn, please use the following:</strong> <br /> Negotiation Mastery is an 8-week, 40-hour online certificate program from Harvard Business School. Negotiation Mastery prepares students to close deals that might otherwise be dead-locked, maximize value creation in agreements, and resolve differences before they escalate into costly conflicts. The program provides both an analytical toolkit and interpersonal techniques for dealing effectively with different bargaining styles and tactics. Negotiation Mastery was developed by leading Harvard Business School faculty and is delivered in an active learning environment based on the HBS signature case-based learning model.</p></div> </div> <div class="hr crimson-bg" style="margin: 20px 0px; opacity: .5;"></div> </div> <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=18"> <div class="course-card-header" style="justify-content: space-around;"> <div class="header-text"> <h2 class="h2-fancy kappa-uc">Related Programs</h2> <div class="shim10 mobile-visible"></div> <div class="shim40"></div> </div> </div> <div class="card-deck river"> <div class="card sm-horizontal card-horizontal" data-wcm-edit-url="/online/Lists/coursecards/EditForm.aspx?ID=42"><a href="/courses/climb/" class="card-link" aria-label="Credential of Leadership, Impact, and Management in Business (CLIMB)"></a><div class="label-red mu normal">7 Courses</div> <div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--StsVwFQr--/f_auto,c_fill,h_213,w_380,/v20200101/E35D4664D1081E2EFC38E8A2006ECC49.jpg" class="card-img-top" alt="" width="378" height="212"></div> <div class="card-content"> <div class="card-body"> <h3 class="card-title eta">Credential of Leadership, Impact, and Management in Business (CLIMB)</h3> <p class="card-text">CLIMB enables new and experienced leaders to ignite their careers with a combination of vital and forward-looking business skills, self-reflection, and an immersive cohort-based learning experience with a diverse global network.</p> </div> <div class="card-footer"><small class="full-width">1 year, 5-9 hrs/week<br> Apply by January 9th</small><small><strong>$15,000 (four installments of $3,750)</strong></small><small class="label-slate">Credential <span class="icon"><img loading="lazy" src="/online/PublishingImages/zero-degrees/Credential.svg" alt="" width="25" height="22"></span></small></div> </div> </div> <div class="card sm-vertical card-vertical" data-wcm-edit-url="/online/Lists/coursecards/EditForm.aspx?ID=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 January 30</small><small><strong>$1,850</strong></small><small class="label-slate">Certificate <span class="icon"><img loading="lazy" src="/online/PublishingImages/zero-degrees/Certificate.svg" alt="" width="25" height="22"></span></small></div> </div> </div> <div class="card sm-vertical card-vertical" data-wcm-edit-url="/online/Lists/coursecards/EditForm.aspx?ID=12"><a href="/courses/management-essentials/" class="card-link" aria-label="Management Essentials"></a><div class="image-wrap"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--NuCxICPt--/f_auto,c_fill,h_213,w_380,/v20200101/E4E1DAC366CC15F1015DA06C5DCB8344.jpg" class="card-img-top" alt="" width="378" height="212"></div> <div class="card-content"> <div class="card-body"> <h3 class="card-title eta">Management Essentials</h3> <div class="label">Professors Joseph Fuller & David Garvin</div> <p class="card-text">Master four vital managerial processes: decision-making, implementation, organizational learning, and change management.</p> </div> <div class="card-footer"><small class="full-width">8 weeks, 4-7 hrs/week<br> Enroll by January 9</small><small><strong>$1,850</strong></small><small class="label-slate">Certificate <span class="icon"><img loading="lazy" src="/online/PublishingImages/zero-degrees/Certificate.svg" alt="" width="25" height="22"></span></small></div> </div> </div> <div class="card 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 January 9</small><small><strong>$1,850</strong></small><small class="label-slate">Certificate <span class="icon"><img loading="lazy" src="/online/PublishingImages/zero-degrees/Certificate.svg" alt="" width="25" height="22"></span></small></div> </div> </div> </div> </div> <div> <div class="shim1 " style="height:32px"></div> </div> </main> </div>  <div class="clear"></div> </div> </div><footer role="contentinfo"> <div class="responsive-framework grid-framework color-framework type-framework component-framework pattern-framework js-framework crawler-noindex noindex"> <div class="ink-black-bg white h2-kappa"> <div class="container mobile-container tablet-container link-controller"> <div class="shim40 mobile-hidden"></div> <div class=" white"> <div class=""> <div class="row tablet-row mobile-row faqs"> <div class="span2"> </div> <div class="span8"> <div id="faqs2"></div><a href="/more-info/faqs" class="white" style="float: right; display: inline-block; margin-top: 8px;">All FAQs</a><h3 class="eta" data-wcm-edit-url="/online/Lists/GlobalSettings/EditForm.aspx?ID=1">Top FAQs</h3> <div class="shim10"></div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=958"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-1-faqs2" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>How are HBS Online courses delivered?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-1-faqs2"> <div class="shim20"></div><p><strong>We offer self-paced programs (with weekly deadlines) on the <a href="/more-info/learning-model/" target="_blank">HBS Online course platform</a></strong>.</p> <p>Our platform features short, highly produced videos of HBS faculty and guest business experts, interactive graphs and exercises, cold calls to keep you engaged, and opportunities to contribute to a vibrant online community.</p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=962"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-2-faqs2" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>Are HBS Online programs available in languages other than English?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-2-faqs2"> <div class="shim20"></div><p>We expect to offer our courses in additional languages in the future but, at this time, HBS Online can only be provided in English.</p> <p>All course content is delivered in written English. Closed captioning in English is available for all videos. There are no live interactions during the course that requires the learner to speak English. Coursework must be completed in English.</p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=957"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-3-faqs2" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>Do I need to come to campus to participate in HBS Online programs?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-3-faqs2"> <div class="shim20"></div><p>No, all of our programs are 100 percent online, and available to participants regardless of their location. </p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=970"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-4-faqs2" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>How do I enroll in a course?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-4-faqs2"> <div class="shim20"></div><p><strong>Certificate Programs</strong></p> <p>HBS Online welcomes committed learners wherever they are—in the world and their careers—irrespective of their professional experience or academic background. To extend the reach of HBS Online, we no longer require an application for our certificate programs. (Applications are still required for our credential programs: CORe and CLIMB.) You can now immediately enroll and start taking the next step in your career.</p> <p>All programs require the completion of a brief <a href="https://account.myhbx.org/s/login/?startURL=https://account.myhbx.org/">online enrollment form</a> before payment. If you are new to HBS Online, you will be required to set up an account before enrolling in the program of your choice.</p> <p>Our easy online enrollment form is free, and no special documentation is required. All participants must be at least 18 years of age, proficient in English, and committed to learning and engaging with fellow participants throughout the program.<br /></p> <p>Updates to your enrollment status will be shown on your <a href="https://account.myhbx.org/s/login/" target="_blank">account page</a>. HBS Online does not use race, gender, ethnicity, or any protected class as criteria for enrollment for any HBS Online program.</p> <p><strong>Credential Programs</strong></p> <p>HBS Online's <a href="https://online.hbs.edu/courses/core/">CORe</a> and <a href="https://online.hbs.edu/courses/climb/">CLIMB</a> programs require the completion of a brief application. The applications vary slightly, but all ask for some personal background information. <a href="https://account.myhbx.org/s/login/?startURL=https%3A//account.myhbx.org/&__cr_user=87cf15b370a238eb430369f37eceea3b&__cr_session=111d6ce4c5077402f2e7a1a8676c57e2&fsuid=%23Z1A3E%236426682453118976%3A4767530102329344%3A%3A%3A%23%2F1712317979" target="“_blank”">You can apply for and enroll in programs here</a>. If you are new to HBS Online, you will be required to set up an account before starting an application for the program of your choice.</p> <p>Our easy online application is free, and no special documentation is required. All participants must be at least 18 years of age, proficient in English, and committed to learning and engaging with fellow participants throughout the program.<br /></p> <p>Updates to your application and enrollment status will be shown on your <a href="https://account.myhbx.org/s/login/?__cr_user=87cf15b370a238eb430369f37eceea3b&__cr_session=111d6ce4c5077402f2e7a1a8676c57e2&fsuid=%23Z1A3E%236426682453118976%3A4767530102329344%3A%3A%3A%23%2F1712317979" target="_blank">account page</a>. We confirm enrollment eligibility within one week of your application for CORe and three weeks for CLIMB. HBS Online does not use race, gender, ethnicity, or any protected class as criteria for admissions for any HBS Online program.<strong><br /></strong></p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=1384"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-5-faqs2" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>Does Harvard Business School Online offer an online MBA?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-5-faqs2"> <div class="shim20"></div><p>No, Harvard Business School Online offers business certificate programs.</p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=977"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-6-faqs2" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>What are my payment options?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-6-faqs2"> <div class="shim20"></div><p>We accept payments via credit card, wire transfer, Western Union, and (when available) bank loan. Some candidates may qualify for scholarships or financial aid, which will be credited against the Program Fee once eligibility is determined. Please refer to the <a href="/more-info/payment-financial-aid/">Payment & Financial Aid page</a> for further information.</p> <p>We also allow you to split your payment across 2 separate credit card transactions or send a payment link email to another person on your behalf. If splitting your payment into 2 transactions, a minimum payment of $350 is required for the first transaction.</p> <p>In all cases, net Program Fees must be paid in full (in US Dollars) to complete registration.</p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=980"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-7-faqs2" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>What are the policies for refunds and deferrals?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-7-faqs2"> <div class="shim20"></div><p>After enrolling in a program, you may request a withdrawal with refund (minus a $100 nonrefundable enrollment fee) <strong>up until 24 hours after the start of your program.</strong> Please review the <a href="/more-info/policies/#change-program-status">Program Policies page</a> for more details on refunds and deferrals. If your employer has contracted with HBS Online for participation in a program, or if you elect to enroll in the <a href="/courses/core/undergraduate-credit/">undergraduate credit option </a>of the Credential of Readiness (CORe) program, note that policies for these options may differ.</p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> </div> <div class="span2"> </div> </div> </div> </div> <div class="shim40 mobile-hidden"></div> <div class="shim10"></div> <div class="hr" style="margin: 10px 0px; background-color: white; opacity: 1;"></div> <div class="footer-bottom" style="position: relative;"> <div class="shim40 mobile-visible"></div> <div class="shim40 mobile-visible"></div> <h3 style="font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;">Sign up for News & Announcements</h3> <div class="shim14"></div> <div class="signup white" id="footer-signup-form"> <form action="https://info.email.online.hbs.edu/Newsletter-formsubmission" method="post"> <div class="hs_email hs-email hs-fieldtype-text hs-form-field"><label for="email">Email*</label><br><input type="text" class="input_email" id="email" autocomplete="email" name="emailaddressnews" value="" onfocusout="newsval()" onfocusin="focusinfuncnews()"><ul class="formul" style="color:#fff"> <li id="err_1" tabindex="-1" style="display: none; margin-left: -16px;"> • Please complete this required field. </li> <li id="err_2" tabindex="-1" style="display: none; margin-left: -16px;"> • Email must be formatted correctly. </li> </ul> </div> <div class="richtext"></div> <div class="eremail"> <ul style="color:#fff"> <li id="err__3" tabindex="-1" style="display: none; margin-left: -16px;"> • Please complete all required fields. </li> </ul> </div><input name="footersubmitnews" type="hidden" value="true"><input id="footsbt" type="submit" value="Submit" class="button-primary largesbt" onclick="formval()"></form> </div> <div class="shim40"></div> <ul class="linear social-media" style="position: absolute; top: 0; right: 0; margin-top: 30px;"> <li><a href="https://twitter.com/online_HBS" class="fadein-on-hover ext" aria-label="HBS Online Twitter - opens in a new window" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" width="17" height="17" viewBox="0 0 24 24" style="width: 22px; height: 22px;"> <path fill="#D8D8D8" d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/></svg></a></li> <li><a href="https://facebook.com/onlineHBS" class="fadein-on-hover ext" aria-label="HBS Online Facebook - opens in a new window" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" width="16" height="16" viewBox="0 0 24 24" style="width: 22px; height: 22px;"> <path fill="#D8D8D8" d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/></svg></a></li> <li><a href="https://linkedin.com/school/onlineHBS" class="fadein-on-hover ext" aria-label="HBS Online LinkedIn - opens in a new window" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" width="16" height="16" viewBox="0 0 24 24" style="width: 22px; height: 22px;"> <path fill="#D8D8D8" d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z"/></svg></a></li> <li><a href="https://www.youtube.com/c/HBSOnline" class="fadein-on-hover ext" aria-label="HBS Online YouTube - opens in a new window" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" width="18" height="18" viewBox="0 0 24 24" style="width: 22px; height: 22px;"> <path fill="#D8D8D8" d="M4.652 0h1.44l.988 3.702.916-3.702h1.454l-1.665 5.505v3.757h-1.431v-3.757l-1.702-5.505zm6.594 2.373c-1.119 0-1.861.74-1.861 1.835v3.349c0 1.204.629 1.831 1.861 1.831 1.022 0 1.826-.683 1.826-1.831v-3.349c0-1.069-.797-1.835-1.826-1.835zm.531 5.127c0 .372-.19.646-.532.646-.351 0-.554-.287-.554-.646v-3.179c0-.374.172-.651.529-.651.39 0 .557.269.557.651v3.179zm4.729-5.07v5.186c-.155.194-.5.512-.747.512-.271 0-.338-.186-.338-.46v-5.238h-1.27v5.71c0 .675.206 1.22.887 1.22.384 0 .918-.2 1.468-.853v.754h1.27v-6.831h-1.27zm2.203 13.858c-.448 0-.541.315-.541.763v.659h1.069v-.66c.001-.44-.092-.762-.528-.762zm-4.703.04c-.084.043-.167.109-.25.198v4.055c.099.106.194.182.287.229.197.1.485.107.619-.067.07-.092.105-.241.105-.449v-3.359c0-.22-.043-.386-.129-.5-.147-.193-.42-.214-.632-.107zm4.827-5.195c-2.604-.177-11.066-.177-13.666 0-2.814.192-3.146 1.892-3.167 6.367.021 4.467.35 6.175 3.167 6.367 2.6.177 11.062.177 13.666 0 2.814-.192 3.146-1.893 3.167-6.367-.021-4.467-.35-6.175-3.167-6.367zm-12.324 10.686h-1.363v-7.54h-1.41v-1.28h4.182v1.28h-1.41v7.54zm4.846 0h-1.21v-.718c-.223.265-.455.467-.696.605-.652.374-1.547.365-1.547-.955v-5.438h1.209v4.988c0 .262.063.438.322.438.236 0 .564-.303.711-.487v-4.939h1.21v6.506zm4.657-1.348c0 .805-.301 1.431-1.106 1.431-.443 0-.812-.162-1.149-.583v.5h-1.221v-8.82h1.221v2.84c.273-.333.644-.608 1.076-.608.886 0 1.18.749 1.18 1.631v3.609zm4.471-1.752h-2.314v1.228c0 .488.042.91.528.91.511 0 .541-.344.541-.91v-.452h1.245v.489c0 1.253-.538 2.013-1.813 2.013-1.155 0-1.746-.842-1.746-2.013v-2.921c0-1.129.746-1.914 1.837-1.914 1.161 0 1.721.738 1.721 1.914v1.656z"/></svg></a></li> <li><a href="https://instagram.com/onlineHBS" class="fadein-on-hover ext" aria-label="HBS Online Instagram - opens in a new window" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" style="width: 22px; height: 22px;"> <path fill="#D8D8D8" d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg></a></li> <li><a href="https://www.tiktok.com/@onlinehbs" class="fadein-on-hover ext" aria-label="HBS Online TikTok - opens in a new window" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" width="24" height="24" viewBox="0 0 16 16" style="width:22px; height: 22px;"> <path fill="#D8D8D8" d="M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3V0Z"/></svg></a></li> </ul> <div class="row tablet-row mobile-row"> <div class="span3 tablet-span3"> <h3 style="font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;">Subject Areas</h3> <div class="shim16"></div> <ul class="unbulleted"> <li style="margin-bottom: 0px;"><a href="/subjects/business-essentials/" class="normal white skip-underline">Business Essentials</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/leadership-management/" class="normal white skip-underline">Leadership & Management</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/entrepreneurship-innovation/" class="normal white skip-underline">Entrepreneurship & Innovation</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/strategy/" class="normal white skip-underline">Strategy</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/marketing/" class="normal white skip-underline">Marketing</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/finance-accounting/" class="normal white skip-underline">Finance & Accounting</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/business-society/" class="normal white skip-underline">Business & Society</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/digital-transformation/" class="normal white skip-underline">Digital Transformation</a></li> </ul> </div> <div class="span3 tablet-span3"> <div class="shim40 mobile-visible"></div> <h3 style="font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;">Quick Links</h3> <div class="shim16"></div> <ul class="unbulleted"> <li style="margin-bottom: 0px;"><a href="/more-info/faqs" class="normal white skip-underline">FAQs</a></li> <li style="margin-bottom: 0px;"><a href="/contact" class="normal white skip-underline">Contact Us</a></li> <li style="margin-bottom: 0px;"><a href="/request-more-information" class="normal white skip-underline">Request Info</a></li> <li style="margin-bottom: 0px;"><a href="https://account.myhbx.org/s/login/?startURL=https%3A%2F%2Faccount.myhbx.org" class="normal white skip-underline">Enroll Now</a></li> <li style="margin-bottom: 0px;"><a href="https://account.myhbx.org/onlinesupport/s/contactsupport" class="normal white skip-underline">Support Portal</a></li> </ul> </div> <div class="span3 tablet-span3"> <div class="shim40 mobile-visible"></div> <h3 style="font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;">About</h3> <div class="shim16"></div> <ul class="unbulleted"> <li style="margin-bottom: 0px;"><a href="/about/" class="normal white skip-underline">About Us</a></li> <li style="margin-bottom: 0px;"><a href="/about/media-coverage" class="normal white skip-underline">Media Coverage</a></li> <li style="margin-bottom: 0px;"><a href="/about/donors" class="normal white skip-underline">Founding Donors</a></li> <li style="margin-bottom: 0px;"><a href="/about/leadership-team" class="normal white skip-underline">Leadership Team</a></li> <li style="margin-bottom: 0px;"><a href="/about/careers" class="normal white skip-underline">Careers @ HBS Online</a></li> </ul> </div> <div class="span3 tablet-span3"> <div class="shim40 mobile-visible"></div> <h3 style="font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;">Legal</h3> <div class="shim16"></div> <ul class="unbulleted"> <li style="margin-bottom: 0px;"><a href="/legal/" class="normal white skip-underline">Legal</a></li> <li style="margin-bottom: 0px;"><a href="/more-info/policies/" class="normal white skip-underline">Policies</a></li> </ul> </div> </div> </div> </div> <div class="base tablet-base mobile-base"></div> </div> <div class="hbsred-bg nu white"> <div class="container mobile-container tablet-container"> <div class="shim16"></div> <div class="row table-row mobile-row"> <div class="span6"><a href="https://www.hbs.edu/"><img loading="lazy" src="/Style Library/hbs/images/hbs-logo.png" data-src="/Style Library/hbs/images/hbs-logo.png" class="defer" alt="Harvard Business School" width="300" height="21"></a><div class="shim5"></div> <div>Copyright © President & Fellows of Harvard College</div> </div> <div class="span6"> <div class="shim12 mobile-visible"></div> <ul class="linear redbar-links"> <li><a href="https://www.hbs.edu/siteindex/" class="white" style="margin-right:12px">Site Map</a></li> <li><a href="https://trademark.harvard.edu/pages/trademark-notice" class="white" style="margin-right:12px">Trademark Notice</a></li> <li><a href="https://accessibility.huit.harvard.edu/digital-accessibility-policy" class="white" style="margin-right:12px">Digital Accessibility</a></li> </ul> </div> </div> <div class="shim16"></div> </div> </div> </div> </footer> <script type="text/javascript" src="https://webassets.hbs.edu/libs/jquery/3.6.0/jquery.min.js"></script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MW34RML'); </script><script type="text/javascript" src="https://webassets.hbs.edu/libs/privacy/1.0/privacy.js"></script><script type="text/javascript">privacy.settings({profile:"hbx",baseUrl: "/", loadAnalytics: true, loadOneTrust: false, gtm: false, disabled: true})</script><script>var MTIProjectId='7104cb2a-976d-4c0f-803f-1a83c9190762';</script><script defer type="text/javascript" src="https://webassets.hbs.edu/libs/framework/1.0/js/mtiFontTrackingCode.js"></script><script type="text/javascript" src="https://webassets.hbs.edu/libs/framework/1.0/js/framework.min.js"></script><script type="text/javascript" src="https://webassets.hbs.edu/libs/framework/1.0/js/widgets.min.js"></script><script src="/js/courses.js" type="text/javascript"></script><script> window._domready = window._domready || []; window._onload = window._onload || []; document.addEventListener("DOMContentLoaded", function () { var lazyImages = document.querySelectorAll(".lazy-img"); function loadLazyImage(image, imageObserver){ image.src = image.dataset.src; image.classList.remove("lazy-img"); if(imageObserver) imageObserver.unobserve(image); } if ("IntersectionObserver" in window) { var imageObserver = new IntersectionObserver(function (entries, observer) { entries.forEach(function (entry) { if (entry.isIntersecting) loadLazyImage(entry.target, imageObserver); }); }); lazyImages.forEach(function (image) { imageObserver.observe(image); }); } else { for(var i = 0; i < lazyImages.length; i++) { loadLazyImage(lazyImages[i]); } } }); jQuery(function($){ $(".slider-container").on('close',function(){ $(".universal-banner-hamburger").removeClass('open'); $(".universal-banner-menu-toggle").removeClass('toggled'); $("body").removeClass('slider-is-open'); }); $(document).on("click",".universal-banner-menu-toggle",function(){ if ($(this).hasClass('toggled')) { $('.slider-close').eq(0).click(); $(".universal-banner-hamburger").removeClass('open'); $(".universal-banner-menu-toggle").removeClass('toggled'); $("body").removeClass('slider-is-open'); } else { $('.slider-open').eq(0).click(); $("body").addClass('slider-is-open'); $('.universal-banner-hamburger').addClass('open'); $(".universal-banner-menu-toggle").addClass('toggled'); $(".flyout-panel .slider-close").get(0).focus(); } return false; }); $(".skipto").on("click",function(){ console.log("skip to main content"); $($(this).attr('href')).get(0).focus(); }); $(document).on({ mouseenter: function () { $(this).children('.login-dropdown').removeClass('hidden'); $(this).children('.login-link').addClass('hover').attr('aria-expanded', 'true'); }, mouseleave: function () { $(this).children('.login-dropdown').addClass('hidden'); $(this).children('.login-link').removeClass('hover').attr('aria-expanded', 'false'); } }, "header .show-login-dropdown"); $('header .login-link').on('click', function(event){ if (framework.accessibleClick(event) === true) { event.preventDefault(); $(this).next('.login-dropdown').toggleClass('hidden'); $(this).toggleClass('hover'); $(this).attr('aria-expanded', function (i, attr) { return attr == 'true' ? 'false' : 'true'; }); } }); }); $(document).on( 'framework.resize', function() { // wait .1 seconds because the classes needed to adjust the min/max height haven't been added at this point // TODO: this is a bit kludgey and should be revisited setTimeout( function() { if (window.stickyHeader) { stickyHeader.setMinHeight(); stickyHeader.setMaxHeight(); stickyHeader.triggerExpand(); if ($(".page-header").hasClass('page-header-online')) { stickyHeader.triggerDisappear(); } } }, 100 ); }); function StickyHeader(){ this.hasScrolled = false; this.lastScrollTop = -1; this.currentHeight = 0; this.isVisible = false; this.disabled = false; this.velocitySamples = []; this.debug = $("#sticky-header-debug"); this.buildHeader(); this.setMinHeight(); this.setMaxHeight(); } StickyHeader.prototype.temporarilyDisabled = function() { this.disabled = true; var self = this; window.setTimeout(function(){ self.disabled = false; },500); } /* determine if the header navigation should be displayed while the user is scrolling down */ StickyHeader.prototype.setMinHeight = function() { // if the screen width is within the mobile or tablet range, hide the navigation on scroll, otherwise, show it if ($(".page-header").hasClass('page-header-online') && $( '.ua-mobile, .ua-tablet' ).length) { this.minHeight = 40; } else if ($(".page-header").hasClass('page-header-online')) { this.minHeight = 90; } else if ($( '.ua-mobile, .ua-tablet' ).length) { this.minHeight = 0; } else { this.minHeight = 40 } } /* determine how big the header should be when the user starts to scroll up */ StickyHeader.prototype.setMaxHeight = function() { // clear out the current max height this.maxHeight = 0; // add up the heights of the cloned stiky header elements as the new max height $( '.sticky-header-cloned' ).each( function( index, element ) { this.maxHeight += $( element ).height(); }.bind( this ) ); // Override for HBS online if($(".page-header").hasClass('page-header-online')) { if ($( '.ua-mobile, .ua-tablet' ).length > 0) { this.maxHeight = 0; } else { this.maxHeight = 90; } } } StickyHeader.prototype.buildHeader = function() { var headerHeight = $(".page-header").height(); // Override for HBS online if($(".page-header").hasClass('page-header-online')) { headerHeight = 0; } this.appearsAt = $(".page-header").offset().top + headerHeight; this.sticky = $('<div id="sticky-header" style="height:0; top: -5px;"></div>'); this.stickyWrap = $('<div class="wrapper"></div>'); var container = $(".site-header").parents('.grid-framework'); $( '.universal-banner, .site-header' ).each( function( index, element ) { this.stickyWrap.append( $( element ).clone() ); $( element ).addClass( 'sticky-header-cloned' ); }.bind( this ) ); this.sticky.append(this.stickyWrap); $(".sticky-header-container").append(this.sticky); } StickyHeader.prototype.triggerDisappear = function(){ this.sticky.addClass('at-scroll-top'); this.isVisible = false; this.currentHeight = 0; this.sticky.css('height',this.currentHeight); $("body").removeClass("sticky-header-active"); $("body").removeClass('sticky-header-expanded'); } StickyHeader.prototype.triggerAppear = function(){ if ($("body").hasClass('slider-is-open')) return; this.isVisible = true; $("body").addClass("sticky-header-active"); } StickyHeader.prototype.triggerExpand = function(){ if (this.disabled) return; if ($("body").hasClass('slider-is-open')) return; if (this.currentHeight == this.maxHeight) return; this.sticky.css('height',this.maxHeight-1); this.currentHeight = this.maxHeight; $("body").addClass('sticky-header-expanded'); } StickyHeader.prototype.triggerShrink = function(){ if ($( '.ua-mobile, .ua-tablet' ).length == 0 || !$(".page-header").hasClass('page-header-online')) { this.sticky.removeClass('at-scroll-top'); } var self = this; window.requestAnimationFrame(function(){ var newHeight = 0; if (self.isVisible) { newHeight = self.minHeight; } if (self.currentHeight == newHeight) return; self.sticky.css('height',newHeight); self.currentHeight = newHeight; $("body").removeClass('sticky-header-expanded'); }) } StickyHeader.prototype.redraw = function() { // This is costly to performance but unavoidable //const pageY = window.scrollY; //This throws a syntax error in IE11. var pageY = window.pageYOffset; var scrollUp = pageY < this.lastScrollTop; var scrollDistance = pageY - this.lastScrollTop; this.velocitySamples.push(Math.abs(scrollDistance)); if (this.velocitySamples.length > 10) { this.velocitySamples.shift(); } var totalDistance = 0; for (var i = 0;i<this.velocitySamples.length;i++){ totalDistance += this.velocitySamples[i]; } var velocity = totalDistance / this.velocitySamples.length; var debugVars = {}; if (pageY != this.lastScrollTop) { debugVars.pageY = pageY; debugVars.minHeight = this.minHeight; debugVars.maxHeight = this.maxHeight; debugVars.appearsAt = this.appearsAt; debugVars.velocity = velocity; debugVars.disabled = this.disabled; var html = ''; $.each(debugVars,function(k,v){ html += '<div>' + k + ': '+v +'</div>'; }) this.debug.html(html); if (pageY >= this.appearsAt) { this.triggerAppear(); } if ($(".page-header").hasClass('page-header-online') && $('.table-of-contents-wrapper').length && $('.table-of-contents-wrapper.jump-to').length == 0){ var tocWrap = $('.table-of-contents-wrapper'); var toc = tocWrap.children('.table-of-contents'); var tocItems = toc.find('.toc-item'); var stickyHeight = this.maxHeight; if ((pageY + stickyHeight) > tocWrap.offset().top && !toc.hasClass('sticky')) { toc.addClass('sticky'); } else if ((pageY + stickyHeight) <= tocWrap.offset().top && toc.hasClass('sticky')) { toc.removeClass('sticky'); } if (toc.hasClass('sticky')) { tocItems.each(function( index ) { var section = $($(this).children("a.toc-jump").attr("href")); if (section.length) { var sectionTop = section.offset().top - 45; var pageHeight = pageY + stickyHeight + toc.height(); if ((pageHeight > sectionTop) && !$(this).hasClass('current')) { tocItems.removeClass('current'); $(this).addClass('current'); } else if ((pageHeight <= sectionTop) && $(this).hasClass('current')) { $(this).removeClass('current'); } } }); } } if (pageY <= 0) { this.triggerDisappear(); } else if (scrollUp) { console.log('scroll up'); if ($(".page-header").hasClass('page-header-online') && pageY < (this.appearsAt - this.maxHeight)) { this.triggerDisappear(); } else if (velocity > 5 || pageY < this.appearsAt) { this.triggerExpand(); } } else if (pageY > this.appearsAt) { // If HBS online and mobile hide the sticky header if ($(".page-header").hasClass('page-header-online') && $( '.ua-mobile, .ua-tablet' ).length > 0) { this.triggerDisappear(); } this.triggerShrink(); } this.lastScrollTop = pageY; } this.hasScrolled = false; }; var _domready = _domready || []; _domready.push(function(){ if (document.getElementById('wcm-react-root')) return; if (window.stickyHeaderDisabled) return; window.stickyHeader = new StickyHeader(); var _onScroll = function () { if (!window.stickyHeader.hasScrolled) { window.requestAnimationFrame(function(){ window.stickyHeader.redraw(); }); } window.stickyHeader.hasScrolled = true; window.requestAnimationFrame(_onScroll); }; _onScroll(); //without this, the header flickers on online window.setTimeout(function(){ _onScroll(); },250) $(document).on('delay-sticky-nav',function(){ window.stickyHeader.temporarilyDisabled(); }) // needed for facet pages http://www.hbs.edu/news/Pages/default.aspx $(document).on('click',".facetctrl-sticky.active",function(){ $(document).trigger('delay-sticky-nav'); }) $(document).on('click',".filter-sticky.fixed",function(){ $(document).trigger('delay-sticky-nav'); }) }); jQuery(function($){ var megaHoverTimeout; $(document).on({ mouseenter: function () { var elem = this; megaHoverTimeout = setTimeout(function () { $(elem).find('a.nav-link').addClass('hover').attr('aria-expanded', 'true'); $(elem).children('.mega-menu').removeClass('hidden'); $('.mega-black-bg').removeClass('hidden'); }, 300); }, mouseleave: function () { clearTimeout(megaHoverTimeout); $(this).find('a.nav-link').removeClass('hover').attr('aria-expanded', 'false'); $(this).children('.mega-menu').addClass('hidden'); $('.mega-black-bg').addClass('hidden'); } }, "nav.top-nav .dropdown-mega"); $('header .accessible-menu').on('click', function(event){ if (framework.accessibleClick(event) === true) { event.preventDefault(); var curLabel = $(this).find('.accessible-label').text(); if(curLabel.includes('Open')) { $(this).find('.accessible-label').text(curLabel.replace('Open', 'Close')); } else { $(this).find('.accessible-label').text(curLabel.replace('Close', 'Open')); } var curExpanded = $(this).attr('aria-expanded'); curExpanded == 'false' ? $(this).attr('aria-expanded', 'true') : $(this).attr('aria-expanded', 'false'); curExpanded == 'false' ? $(this).parents('.dropdown-mega').find('a.nav-link').attr('aria-expanded', 'true') : $(this).parents('.dropdown-mega').find('a.nav-link').attr('aria-expanded', 'false'); $(this).parents('.dropdown-mega').find('a.nav-link').toggleClass('hover'); $(this).parents('.dropdown-mega').children('.mega-menu').toggleClass('hidden'); $('.mega-black-bg').toggleClass('hidden'); } }); var lastTapped = 0; $(document).on('click', 'nav.top-nav .dropdown-mega a.nav-link', function (e) { if($(this).data('tapped') != lastTapped && $('.ua-touch').length) { e.preventDefault(); } lastTapped = $(this).data('tapped'); }); }); jQuery(function($){ var counter = 0; $(document).on('click', '.accessible-video', function(e) { e.preventDefault(); $(this).attr('aria-hidden', 'true').attr('tabindex', -1); var $videoLink = $(this).next('.widget-video-popup,.widget-video-inline,widget-video-embed'); if ($videoLink.length > 0) { $videoLink.addClass('accessible-video'); $videoLink.focus(); $videoLink.click(); // look for a player ready, and play the audio descriptions var i = window.setInterval(function(){ if (window.p3sdk && p3sdk.instances && p3sdk.instances[counter] && p3sdk.instances[counter].player_ready) { p3sdk.instances[counter].player.play(); clearInterval(i); counter++; } },100) } }); }); jQuery(function($){ $('main').addClass('toc-on-page'); $('.table-of-contents .toc-jump').on('click',function(e){ e.preventDefault(); hash = $(this).attr("href"); var tocWrap = $('.table-of-contents-wrapper'); var offset = $('html').hasClass('ua-tablet') ? 80 : 150; console.log("offset: " + offset); tocWrap.addClass('jump-to'); $('html, body').animate({ scrollTop: $(hash).offset().top - offset }, 300); setTimeout(function(){ tocWrap.removeClass('jump-to'); },1200); $('.table-of-contents').addClass('sticky'); var tocItems = $('.table-of-contents .toc-item'); tocItems.removeClass('current'); $(this).parents('.toc-item').addClass('current'); }); $(document).on('framework.resize' ,function(){ $('.table-of-contents').removeClass('sticky'); }) }); jQuery(function($){ $('.tabbed-boxes .tabs .tab button').click(function(){ var tab = $(this).parent('.tab'); var tab_id = tab.attr('data-tab'); $(this).parents('.tabs').children('.tab').removeClass('current'); $(this).parents('.tabbed-boxes').find('.tab-box').removeClass('current'); tab.addClass('current'); $("#"+tab_id).addClass('current').focus(); $(this).parents('.tabs').find('.tab button').attr('aria-selected', 'false'); $(this).attr('aria-selected', 'true'); }); $('.tabbed-boxes .tabs .tab button').on('keypress',function(event){ if (framework.accessibleClick(event) === true) { event.preventDefault(); $(this).click(); } }); }); jQuery(function($){ var lazyVideos = [].slice.call(document.querySelectorAll(".animation-slides video.lazy")); var isMobile = document.getElementsByClassName("ua-mobile"); if ("IntersectionObserver" in window && isMobile.length == 0) { var lazyVideoObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(function(video) { if (video.isIntersecting) { video.target.closest('.slide-wrapper').querySelector('.animation-link').classList.add('current'); for (var source in video.target.children) { var videoSource = video.target.children[source]; if (typeof videoSource.tagName === "string" && videoSource.tagName === "SOURCE") { videoSource.src = videoSource.dataset.src; } } video.target.load(); video.target.classList.remove("lazy"); lazyVideoObserver.unobserve(video.target); } }); }); lazyVideos.forEach(function(lazyVideo) { lazyVideoObserver.observe(lazyVideo); }); } $('.animation-slides .animation-link').on('click',function(e){ e.preventDefault(); $('.animation-slides .animation').removeClass('current'); $('.animation-slides .animation-link').removeClass('current'); var targetElem = $(this).data('target'); $('.' + targetElem).addClass('current'); $(this).addClass('current'); }); var isMobile = $('.ua-mobile'); if (isMobile.length) { $('.animation-slides .pause-btn').css('display', 'none'); $('.animation-slides .play-btn').css('display', 'block'); } $('.animation-slides a.pause-animation, .animation-slides a.play-animation, .animation-slides a.restart-animation').on('click',function(e){ e.preventDefault(); var video = $(this).parents('.animation').find('video'); if (video.length) { if ($(this).hasClass('pause-animation')) { video[0].pause(); var playbtn = $(this).parents('.animation').find('.play-btn'); if(playbtn.length) { playbtn.css('display', 'block'); playbtn.find('a').focus(); $(this).parents('.pause-btn').css('display', 'none'); } } else { if (video.hasClass('lazy')) { video.find('source').attr('src', video.find('source').data('src')); video[0].load(); video.removeClass('lazy'); } else { video[0].play(); } var pausebtn = $(this).parents('.animation').find('.pause-btn'); if(pausebtn.length) { pausebtn.css('display', 'block'); pausebtn.find('a').focus(); $(this).parents('.play-btn').css('display', 'none'); $(this).parents('.restart-btn').css('display', 'none'); } } } }); $('.animation-slides .animation video').on('ended',function(){ var playbtn = $(this).parents('.animation').find('.play-btn'); var pausebtn = $(this).parents('.animation').find('.pause-btn'); var restartbtn = $(this).parents('.animation').find('.restart-btn'); if (playbtn.length) playbtn.css('display', 'none'); if (pausebtn.length) pausebtn.css('display', 'none'); if (restartbtn.length) { restartbtn.css('display', 'block'); restartbtn.find('a').focus(); } }); }); jQuery(function($){ function carouselInit(carousel) { $(carousel).data('current-item', 0); var fullWidth = $(carousel).find('.card-slide').outerWidth(true); $(carousel).data('full-width', fullWidth); var carouselItems = $(carousel).find('.card-item:visible'); var numItems = carouselItems.length; $(carousel).data('num-items', numItems); var carouselItem = carouselItems.outerWidth(true); var items = Math.trunc(fullWidth / carouselItem); $(carousel).data('items', items); console.log('fulWidth: ' + fullWidth + ' numItems: ' + numItems); console.log('carouselItem: ' + carouselItem + ' items: ' + items); var dots = $(carousel).find('.page-dots a.dot-btn'); var visibleDots = $(carousel).find('.page-dots a.dot-btn:visible'); var dotCount = Math.ceil(numItems / items); carouselItems.each(function(index) { $(this).css('left', 0); $(this).removeClass('active'); if(index < items) { $(this).addClass('active'); } }); if (numItems <= items || numItems == 0) { $(carousel).find('.right-arrow-circle').css('visibility', 'hidden'); $(carousel).find('.page-dots').css('display', 'none'); $(carousel).find('.card-slide').css('justify-content', 'center'); } else { $(carousel).find('.right-arrow-circle').css('visibility', 'visible'); $(carousel).find('.page-dots').css('display', 'flex'); $(carousel).find('.card-slide').css('justify-content', 'left'); } $(carousel).find('.left-arrow-circle').css('visibility', 'hidden'); if (dotCount != visibleDots.length) { dots.each(function(index) { if (index >= dotCount) { $(this).css('display', 'none'); } else { $(this).css('display', 'block'); } }); } dots.removeClass('current'); $(carousel).find('.page-dots a:first-child').addClass('current'); } $('.online-carousel').each(function() { carouselInit(this); }); $(document).on('framework.resize' ,function(){ $('.online-carousel').each(function() { carouselInit(this); }); }); var delay = false; $('.online-carousel .left-arrow-circle a.prev-btn, .online-carousel .right-arrow-circle a.next-btn, .online-carousel .page-dots a.dot-btn').on('click',function(e){ e.preventDefault(); if(delay) return; delay = true; setTimeout(function(){delay = false},1200); var carousel = $(this).parents('.online-carousel'); var currentItem = $(carousel).data('current-item') || 0; $(carousel).data('current-item', currentItem); var fullWidth = $(carousel).data('full-width') || 0; var numItems = $(carousel).data('num-items') || 0; var items = $(carousel).data('items') || 0; var isLeft = $(this).hasClass('prev-btn'); var isDot = $(this).hasClass('dot-btn'); var startSlide = currentItem / items; var goToSlide = 0; var currentDot = $(carousel).find('.page-dots a.dot-btn.current'); console.log('current item: ' + currentItem + ' isLeft: ' + isLeft + ' isDot: ' + isDot + ' startSlide: ' + startSlide); console.log(currentDot); if (isDot) { $(carousel).find('.page-dots a.dot-btn').removeClass('current'); $(this).addClass('current'); goToSlide = $(this).data('slide') - 1; currentItem = items * goToSlide; } else if (isLeft) { currentItem = currentItem - items; currentDot.removeClass('current'); currentDot.prev().addClass('current'); } else { currentItem = currentItem + items; currentDot.removeClass('current'); currentDot.next().addClass('current'); } endItem = currentItem + items; var carouselItems = $(carousel).find('.card-item:visible'); carouselItems.each(function(index) { var newLeft = 0; if(isDot) { if (startSlide < goToSlide) { newLeft = parseInt($(this).css('left'), 10) + 0 - (fullWidth * (goToSlide - startSlide)); } else if(startSlide == goToSlide) { newLeft = parseInt($(this).css('left'), 10); } else { newLeft = parseInt($(this).css('left'), 10) + (fullWidth * (startSlide - goToSlide)); } } else if (isLeft) { newLeft = parseInt($(this).css('left'), 10) + fullWidth; } else { newLeft = parseInt($(this).css('left'), 10) - fullWidth; } $(this).css('left', newLeft); if (index >= endItem || index < currentItem) { $(this).removeClass('active'); } else if (index >= currentItem && index < endItem) { $(this).addClass('active'); } }); if (currentItem > 0) { $(carousel).find('.left-arrow-circle').css('visibility', 'visible'); } else { $(carousel).find('.left-arrow-circle').css('visibility', 'hidden'); } if (numItems <= endItem) { $(carousel).find('.right-arrow-circle').css('visibility', 'hidden'); } else { $(carousel).find('.right-arrow-circle').css('visibility', 'visible'); } $(carousel).data('current-item', currentItem); }); function filterCards(carousel, catFilter) { $(carousel).find(".no-course").hide(); console.log("filter to: " + catFilter); if (catFilter == 'All') { $(carousel).find('.card-item').css('display', 'block'); } else { $(carousel).find('.card-item').css('display', 'none'); if (catFilter) { var showItems = $(carousel).find('.card-item.' + catFilter); showItems.css('display', 'block'); if (!showItems.length) { $(carousel).find(".no-course").show(); } } } carouselInit(carousel); } $('.online-carousel .categories a.cat-btn').on('click',function(e){ e.preventDefault(); var carousel = $(this).parents('.online-carousel'); $(carousel).find('.categories a.cat-btn').removeClass('current'); $(this).addClass('current'); $(carousel).find('.categories a.cat-btn').attr('aria-selected', 'false'); $(this).attr('aria-selected', 'true'); var currentCat = $(this).find('.filter-by').data('tag'); if (currentCat == undefined) currentCat = $(this).text().trim(); filterCards(carousel, currentCat); }); $('.online-carousel').each(function() { var currentCategory = $(this).find(".categories div.cat-btn.current").find('.filter-by').data('tag'); if (currentCategory != undefined) { console.log('pre-filter to: ' + currentCategory); filterCards(this, currentCategory); } }); }); jQuery(function($){ $('.faqs a.faq').click(function(){ var curVal = $(this).attr('aria-expanded'); curVal == 'false' ? $(this).attr('aria-expanded', 'true') : $(this).attr('aria-expanded', 'false'); }); }); function registerLazyHubspotForm(el, callback){ function loadHsForms(fsObserver){ require(["//js.hsforms.net/forms/v2.js"], function() { callback(); if(fsObserver) fsObserver.unobserve(el); }); } if(el && callback && "IntersectionObserver" in window) { const fsObserver = new IntersectionObserver(function (entries, observer) { entries.forEach((entry) => entry.isIntersecting && loadHsForms(fsObserver)); }); fsObserver.observe(el) } else loadHsForms(); } window.registerLazyHubspotForm = registerLazyHubspotForm; Widgets.settings('sharebar', { fbrecommend:false }); Widgets.settings('video', { responsiveVideos:true }); (function($){ var HBX = { ondomready:function() { HBX.searchIcon(); HBX.faqs(); HBX.personalization(); HBX.flyout(); HBX.equalHeights(); HBX.analytics(); HBX.addApplyClass(); HBX.syllabusTable(); HBX.addBigFeatureIDs(); HBX.addPromoCardVideoIds(); $( "body" ).children( ".responsive-framework" ).attr('aria-hidden', 'false'); }, syllabusTable: function(){ var openSVG = '<svg width="18px" height="18px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="open"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="arrow" fill="#868f96" fill-rule="nonzero"><path d="M0,10 C0,15.522449 4.4755102,20 10,20 C15.522449,20 20,15.522449 20,10 C20,4.47755102 15.522449,0 10,0 C4.4755102,0 0,4.47755102 0,10 Z M18.4367347,10 C18.4367347,14.6591837 14.6591837,18.4367347 10,18.4367347 C5.33877551,18.4367347 1.56326531,14.6591837 1.56326531,10 C1.56326531,5.34081633 5.33877551,1.56326531 10,1.56326531 C14.6591837,1.56326531 18.4367347,5.34081633 18.4367347,10 Z" id="Shape"></path><path d="M5.80816327,8.07346939 C5.56326531,8.31836735 5.56326531,8.7122449 5.80816327,8.95714286 L9.55918367,12.7061224 C9.80408163,12.9510204 10.1979592,12.9510204 10.4428571,12.7061224 L14.1938776,8.95714286 C14.3163265,8.83469388 14.377551,8.6755102 14.377551,8.51428571 C14.377551,8.35306122 14.3163265,8.19387755 14.1938776,8.07142857 C13.9489796,7.82653061 13.555102,7.82653061 13.3102041,8.07142857 L10,11.3816327 L6.69183673,8.07346939 C6.44693878,7.83061224 6.05306122,7.83061224 5.80816327,8.07346939 Z" id="Shape"></path></g></g></svg>'; var closeSVG = '<svg width="18px" height="18px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="hidden close"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="arrow" fill="#868f96" fill-rule="nonzero"><path d="M0,10 C0,15.522449 4.4755102,20 10,20 C15.522449,20 20,15.522449 20,10 C20,4.47755102 15.522449,0 10,0 C4.4755102,0 0,4.47755102 0,10 Z M18.4367347,10 C18.4367347,14.6591837 14.6591837,18.4367347 10,18.4367347 C5.33877551,18.4367347 1.56326531,14.6591837 1.56326531,10 C1.56326531,5.34081633 5.33877551,1.56326531 10,1.56326531 C14.6591837,1.56326531 18.4367347,5.34081633 18.4367347,10 Z" id="Shape"></path><path d="M10.8072502,9.99946428 L13.8313177,6.97543728 C14.0530369,6.75372102 14.0530369,6.3902892 13.8313177,6.16743007 C13.6084556,5.9457138 13.2450189,5.9457138 13.0232997,6.16743007 L9.99923214,9.19145707 L6.97516463,6.1662872 C6.75230251,5.94457093 6.38886582,5.94457093 6.16714659,6.1662872 C5.94428447,6.38914633 5.94428447,6.75257815 6.16714659,6.97429441 L9.1912141,9.99946428 L6.16714659,13.0234913 C5.94428447,13.2463504 5.94428447,13.6097822 6.16714659,13.8314985 C6.27800621,13.9434995 6.42429519,13.9995 6.57058417,13.9995 C6.71687315,13.9995 6.86316213,13.9434995 6.97516463,13.8326414 L9.99923214,10.8074715 L13.0232997,13.8314985 C13.1353022,13.9434995 13.2815911,13.9995 13.4278801,13.9995 C13.5741691,13.9995 13.7204581,13.9434995 13.8324606,13.8326414 C14.0541798,13.6109251 14.0541798,13.2474933 13.8324606,13.0246342 L10.8072502,9.99946428 Z" id="Shape"></path></g></g></svg>'; $('table.syllabus-table').each(function() { $(this).addClass('mobile-hidden'); var mobileHtml = '<div class="syllabus-table-mobile mobile-visible"><div class="table-title">Syllabus</div>'; var tableHeadings = $('thead tr', this); $('tbody tr', this).each(function() { mobileHtml += '<div class="toggle-container"><div class="row-title"><a href="#" class="toggle-button black">'; mobileHtml += openSVG + closeSVG; mobileHtml += '<div>' + $('th', this).text() + '</div></a></div>'; mobileHtml += '<div class="topic-info toggle-show has-slide">'; $('td', this).each(function(index) { mobileHtml += '<div class="cell-title">' + $('th:eq(' + (index + 1) + ')', tableHeadings).text() + '</div>'; mobileHtml += $(this).html(); }); mobileHtml += '</div></div>'; }); mobileHtml += '</div>'; $(mobileHtml).insertAfter(this); }); $('.syllabus-table-mobile .toggle-button').on('click',function(event){ event.preventDefault(); var tohideshow = $(this).parents('.toggle-container').children('.toggle-show'); $(tohideshow).parents('.toggle-container').hasClass('toggled') ? $(tohideshow).parents('.toggle-container').removeClass('toggled') : $(tohideshow).parents('.toggle-container').addClass('toggled'); $(tohideshow).slideToggle(); }); }, addApplyClass: function(){ $('a[href*="login.myhbx.org"]').each(function() { var $link = $(this); $link.addClass("apply"); //and only allow one click $link.click(function(event){ var _this = $(this); if ($(this).hasClass("disabled")) { event.preventDefault(); } $(this).addClass("disabled"); setTimeout(function(){_this.removeClass("disabled");},3000); }); }); }, analytics: function(){ $(document).on('click','a',function(e){ var $self = $(this); if ($self.attr('href') && $self.attr('href').indexOf('/request-more-information') > -1) { ga('send', 'event',{ eventCategory: 'Outbound Links', eventAction: 'Click', eventLabel: 'Get Started', eventValue: 1, hitCallback: function(){ document.location.href = $self.attr('href'); } }); // e.preventDefault(); } var txt = $self.text().toLowerCase(); if (txt.indexOf('apply') > -1) { ga('send', 'event',{ eventCategory: 'Outbound Links', eventAction: 'Click', eventLabel: 'Get Started', eventValue: 1}); //analytics.util.sleep(1000) } }) }, faqs: function(){ $('.toggle-container.hbx-faq-toggle').on('change',function(){ var self = this; if ($(this).hasClass('toggled')) { var id = $(self).attr('id'); // remove the id so we don't scroll $(self).attr('id','disabled'); if (window.analytics) analytics.event(id); document.location.hash = id; window.setTimeout(function(){ $(self).attr('id',id); },100) } $(this).find('a.toggle-button').attr('aria-expanded', function (i, attr) { return attr == 'true' ? 'false' : 'true' }); }); var id = document.location.hash.replace('#',''); var el = document.getElementById(id); if ($(el).hasClass('hbx-faq-toggle')) { $(el).addClass('toggled'); $(el).attr('aria-expanded','true'); $(el).find('.toggle-show').show(); $(el).find('.toggle-hide').hide(); } }, equalHeights: function(){ function calc(row){ var min = 0; $(".equal-heights",row).css('min-height',0); $(".equal-heights2",row).css('min-height',0); $(".equal-heights",row).each(function(i){ var h = $(this).height(); if (h > min) { min = h; } }); var first = $(".equal-heights:first",row); var last = $(".equal-heights:last",row); if (first.length && last.length && first.offset().top == last.offset().top) { $(".equal-heights",row).css('min-height',min); } min = 0; $(".equal-heights2",row).each(function(){ var h = $(this).height(); if (h > min) { min = h; } }); var first = $(".equal-heights2:first",row); var last = $(".equal-heights2:last",row); //Changed the offset top to check it they are withing 1px of each other - had a calculation that was off by 0.5 pixels - ELS if (first.length && last.length && (Math.abs(first.offset().top - last.offset().top)) <= 1) { $(".equal-heights2",row).css('min-height',min); } } $(".equal-heights-row").each(function(){ calc(this); }); $(window).on('load',function(){ $(".equal-heights-row").each(function(){ calc(this); }); }) $(document).on('framework.resize',function(){ $(".equal-heights-row").each(function(){ calc(this); }); }) }, flyout: function(){ $('.flyout-panel').each(function(){ $('#flyout-search').attr('aria-labelled-by', 'flyout'); $('nav.site-title').attr('id','flyout'); window.setTimeout(function(){ //AA: Search flyout Fix $('.universal-site-search-button').focus().keydown(function (e) { if (e.which === 9 && !e.shiftKey) { e.preventDefault(); $('.slider-close').focus(); } if (e.which === 9 && e.shiftKey) { e.preventDefault(); $('.universal-site-search-query').focus(); } }); $('.slider-close').focus().keydown(function (e) { if (e.which === 9 && e.shiftKey) { e.preventDefault(); $('.universal-site-search-button').focus(); } }); }); }); //AA toggle aria hidden on open/close $(document).on('click','.slider-open',function(){ $('.slider-menu').attr('aria-hidden', 'false'); $('.slider-content').attr('aria-hidden', 'true'); }); $(document).on('click','.slider-close',function(){ $('.slider-menu').attr('aria-hidden', 'true'); $('.slider-content').attr('aria-hidden', 'false'); }); }, scrollToMiddle: function(el) { var elem_position = $(el).offset().top + ($(el).height() / 2); var window_height = $(window).height(); var targetOffset = elem_position - window_height/2; // if it doesn't fit, then scroll to the top if ($(el).height() > $(window).height()) { targetOffset = $(el).offset().top } if (document.getElementById('s4-workspace')) { targetOffset = targetOffset + $('#s4-workspace').scrollTop(); $('#s4-workspace').animate({scrollTop: targetOffset}, 450,'swing',function(){ //document.location.href = "#" + name; }); } else { $('html,body').animate({scrollTop: targetOffset}, 450,'swing',function(){ //document.location.href = "#" + name; }); } }, personalization: function(){ $(".persona-next").addClass('nosmooth'); $(document).on('click','.persona-next',function(){ var step = $(this).attr('href').replace('#',''); if (window.analytics) { analytics.event('persona-'+step); } framework.cookie.set('persona',step) $('.persona-controller').removeClass('general organizations college early mid individuals').addClass(step) $(document).trigger('framework.resize'); $('img:visible').trigger("appear"); HBX.doSlickCarousel(); // MJ: do carousel after images loaded if (step == 'individuals') { $("#persona-step2 .container").removeClass('animation-popin').addClass('animation-popin') HBX.scrollToMiddle('#persona-step2'); } else { $("#persona-step3 .container").removeClass('animation-popin').addClass('animation-popin') HBX.scrollToMiddle('#persona-step3'); } return false; }) $(document).on('click','.unsure',function(){ HBX.scrollToMiddle('#persona-step3'); return false; }) var persona = framework.cookie.get('persona'); if (persona == null) {persona = 'general'} $('.persona-controller').removeClass('general organizations college early mid individuals').addClass(persona); $('img:visible').trigger("appear"); HBX.doSlickCarousel(); // MJ: do carousel after images loaded }, searchIcon: function(){ $(document).on('click','.search-popup',function(){ html = '' html += '<div class="form-container" data-action="/search" aria-hidden="false" role="dialog" aria-labelledby="search-title">' html += '<h2 class="white gamma center" style="margin-bottom:12px" id="search-title">How can we help you?</h2>' html += '<div style="margin-bottom:12px"><input class="field white-bg" aria-label="Search" id="search-input" type="text" name="q" placeholder="Start typing here..."/></div>'; html += '<div class="center"><button type="submit" class="btn hbx-btn" role="button" id="search-modal-submit" aria-label="Submit"><span class="arrow">Search</span></button></div>' html += '</div>' var dlg = new framework.Dialog({ body: html, backgroundColor: "black", centered: true, textColor: "white", width: '600px' }); dlg.open(); window.setTimeout(function(){ $(".form-container").attr('aria-hidden', 'false'); $("#container").attr('aria-hidden', 'true'); $( "body.modal-open" ).children( ".responsive-framework" ).attr('aria-hidden', 'true'); $("#search-input").focus() $('.modal-header-close').css({"margin": "0px", "padding": "0px 22px"}).attr('aria-label', 'Close'); $(document).on('click','.modal-header-close',function(){ $(".form-container").attr('aria-hidden', 'true'); $("#container").attr('aria-hidden', 'false'); $(".responsive-framework").attr('aria-hidden', 'false'); $('.search-popup').focus(); }); //AA: Search Modal Tab Fix $('.modal-header-close').focus().keydown(function (e) { if (e.which === 9 && !e.shiftKey) { e.preventDefault(); $('#search-input').focus(); } if (e.which === 9 && e.shiftKey) { e.preventDefault(); $('#search-modal-submit').focus(); } }); $('#search-input').focus().keydown(function (e) { if (e.which === 9 && e.shiftKey) { e.preventDefault(); $('.modal-header-close').focus(); } }); },100) return false; }) }, addBigFeatureIDs: function() { $('a.big-feature-button').each(function(i) { var buttonId = 'big-feature-' + (i+1); $(this).attr('id', buttonId); }) }, addPromoCardVideoIds: function() { $('.promo-cards a.widget-video-inline').each(function(i) { var playButtonId = 'video-embed-' + (i+1) + '-desktop_playBtn'; $(this).attr('id', playButtonId); }) $('.promo-cards a.widget-video-embed').each(function(i) { var playButtonId = 'video-embed-' + (i+1) + '-mobile_playBtn'; $(this).attr('id', playButtonId); }) }, doSlickCarousel: function(){ if ($('.courses').length == 0) return; if ($('#slickcss').length == 0) { console.info('installing slick'); $('head').append('<link id="slickcss1" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css">'); $('head').append('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css">'); } require(["https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"],function(slick){ $('.courses:visible').not('.slick-initialized').slick({ dots: true, infinite: false, slidesToShow: 4, slidesToScroll: 1, prevArrow: decodeURI("%3Cimg class='slick-prev slick-arrow' src='https://d2ek9hfteqtmbq.cloudfront.net/PublishingImages/icons/arrow-left.svg?v2'%3E"), nextArrow: decodeURI("%3Cimg class='slick-next slick-arrow' src='https://d2ek9hfteqtmbq.cloudfront.net/PublishingImages/icons/arrow-right.svg?v2'%3E"), responsive: [ { breakpoint: 768, settings: { slidesToShow: 3, slidesToScroll: 1 } }, { breakpoint: 650, settings: { slidesToShow: 2, slidesToScroll: 1 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } }] }); $("div.slick-slide").removeAttr("aria-describedby"); }); }, last:'' } $(document).ready(HBX.ondomready); window.HBX = HBX; })(jQuery) </script> <script src="https://webassets.hbs.edu/sites/online/js/newsletter-js.js?v=1.0"> </script> </body> </html>

CINXE.COM

Negotiation Course Online | HBS Online