map area { outline: none !important; } body.succeeding-succession div.content { padding-bottom: 100px; } body.succeeding-succession { font-size: 22px; } .succeeding-succession #progress-bar { min-width: 855px; width: 50%; left: 25%; height: 45px; margin-left: 10px; margin-top: 18px; top: -10px; } .succeeding-succession #progress-bar .sub-unit { min-width: 90px; position: relative; float: left; border-left: 1px solid #AAA; padding: 0px 10px 20px 10px; } .succeeding-succession #progress-bar .sub-unit:first-child { border-left: none; } .succeeding-succession #progress-bar .sub-unit span.label-sub-unit { text-align: center; text-transform: uppercase; font-size: 12px; display: block; width: 100%; left: 0px; position: absolute; bottom: 0px; white-space: nowrap;} .succeeding-succession #progress-bar .sub-unit span.label-sub-unit.aligning-values-views { font-size: 11px; } .succeeding-succession #progress-bar .sub-unit.aligning-values-views ul.unit-progress li { margin-left: 12px; margin-right: 4px; } .succeeding-succession #progress-bar .sub-unit.key-considerations { min-width: 130px; } .succeeding-succession div.tools { box-shadow: none; height: 50px; } .succeeding-succession div.tools ul.unit-progress { font-size: 8px; } .succeeding-succession div.tools ul.unit-progress li { border: none !important; background-color: #444; border-radius: 100%; width: 6px; height: 6px; margin-left: 14px; } .succeeding-succession div.tools ul.unit-progress li.intro { background-color: #444; } .succeeding-succession div.tools ul.unit-progress li.current { background-color: #223a82; width: 10px; height: 10px; } .succeeding-succession div.tools ul.unit-progress li:first-child { margin-left: 0px; } .succeeding-succession div.copy { color: #DDD; text-align: center; font-size: 10px; width: 100%; position: absolute; bottom: 0px; clear: both; } .succeeding-succession div.tools #print-bar { position: fixed; bottom: 140px; } .succeeding-succession div.tools #transcript-bar { position: fixed; bottom: 110px; } .succeeding-succession div.tools #voiceover-bar.player { position: fixed; bottom: 70px; height: 35px; width: 100px; overflow: hidden; left: 3px; } .succeeding-succession div.tools div.key-considerations ul.unit-progress li:first-child { margin-left: 25px; } .succeeding-succession #navbar a { padding: 5px 20px; } .succeeding-succession #navbar .nav-tooltip { bottom: 100%; } .succeeding-succession div.tools #voiceover-bar.player { position: fixed; bottom: 55px; height: 35px; width: 50%; min-width: 880px; overflow: hidden; left: 25%; } .succeeding-succession div.tools #voiceover-bar.player div.audio { position: relative; } .succeeding-succession div.tools #voiceover-bar .mejs-controls .mejs-currenttime-container span { font-size: 10px; } .succeeding-succession div.tools #voiceover-bar .mejs-controls .mejs-duration-container { font-size: 10px; right: 0px; top: 42px; } .succeeding-succession div.tools #voiceover-bar .mejs-time-rail .mejs-time-loaded { background: linear-gradient(rgba(255,255,255,0.8), rgba(200,200,200,0.8)) !important; } /*.succeeding-succession div.tools #voiceover-bar .mejs-controls .mejs-playpause-button button { zoom: 0.4; }*/ .succeeding-succession div.tools #voiceover-bar .mejs-controls .mejs-playpause-button { top: 30px; left: 5px; } .succeeding-succession div.tools #voiceover-bar .mejs-controls .mejs-playpause-button button { background-image: url('../../../OWNERSHIPEN/skin/img/sprite-blue.png'); } .succeeding-succession div.tools #voiceover-bar .mejs-controls .mejs-currenttime-container { top: 43px; } @media (min-width: 992px) { .succeeding-succession div.tools #voiceover-bar.player .mejs-container { width: 880px !important; } .succeeding-succession div.tools #voiceover-bar.player .mejs-container .mejs-time-rail { width: 800px !important; top: 25px; } .succeeding-succession div.tools #voiceover-bar.player .mejs-container .mejs-controls { width: 800px !important; left: 0px; margin-top: 2px; } .succeeding-succession div.tools #voiceover-bar.player .mejs-container .mejs-controls .mejs-time-rail span { width: 800px; } .succeeding-succession div.tools #voiceover-bar.player .mejs-container .mejs-duration-container { right: 0px; left: initial; } } @media (max-width: 1451px) { .succeeding-succession div.tools #voiceover-bar.player { left: 10%; } } @media (max-width: 1358px) { } @media (max-width: 1230px) { .succeeding-succession div.tools #voiceover-bar.player { width: 75%; left: 20px; margin-left: 0px !important; } } @media (max-width: 1000px) { .succeeding-succession #progress-bar .copy { display: none; } .succeeding-succession div.tools #voiceover-bar.player .mejs-container { width: 500px !important; } .succeeding-succession div.tools #voiceover-bar.player .mejs-container .mejs-time-rail { width: 500px !important; top: 25px; } .succeeding-succession div.tools #voiceover-bar.player .mejs-container .mejs-controls { width: 500px !important; left: 0px; margin-top: 2px; } .succeeding-succession div.tools #voiceover-bar.player .mejs-container .mejs-controls .mejs-time-rail span { width: 500px; } .succeeding-succession div.tools #voiceover-bar.player .mejs-container .mejs-duration-container { right: 0px; left: initial; } } @media (max-width: 832px) { .succeeding-succession #progress-bar { display: none; } .succeeding-succession div.tools #voiceover-bar.player { bottom: 20px; } } /*.succeeding-succession div.tools #voiceover-bar.player:hover { width: 240px; }*/ .succeeding-succession div.tools #instructions-bar { position: fixed; bottom: 180px; left: 3px; } .succeeding-succession div.slide.icon div.header div.container h1 { max-width: 570px; } .succeeding-succession .slide.case-story .header .container h1 { text-shadow: none; } .succeeding-succession .slide.family-interview .header .container h1 { text-shadow: none; } .succeeding-succession .slide.interactive-activity .header .container h1 { text-shadow: none; } @media (max-width: 1450px) { .succeeding-succession #progress-bar { left: 10%; } } @media (max-width: 1358px) { .succeeding-succession #progress-bar .sub-unit span.label-sub-unit { font-size: 10px; } .succeeding-succession div.tools ul.unit-progress li { margin-left: 10px; } } @media (max-width: 1230px) { .succeeding-succession #progress-bar { width: 75%; left: 20px; margin-left: 0px !important; } } @media (max-width: 1000px) { .succeeding-succession div.tools ul.unit-progress li { margin-left: 8px; } .succeeding-succession #progress-bar .sub-unit span.label-sub-unit { bottom: -8px; width: 90%; } } .succeeding-succession .slide .header h1.nospan { text-transform: uppercase; font-size: 28px; font-weight: 700; margin-top: 14px; margin-bottom: 14px; } .succeeding-succession .slide .header h1 span { font-size: 16px; } .succeeding-succession .slide.icon .header h1 span { font-size: 40px; } .succeeding-succession .slide .header h1 span { display: block; clear:right; color:#949ec3; text-transform: uppercase; font-weight: 700; } .succeeding-succession .slide.voiceover .header .container h1 { text-shadow: none; } .succeeding-succession div.slide div.header div.container { padding: 0px 40px; } div.slide.toc div.content div.container h2.toc-main-title { color: #223a82; text-align: left; } body.succeeding-succession .slide .header h1 span { display: block; clear:right; color:#949ec3; text-transform: uppercase;} body.succeeding-succession { margin-top: 3px; position: relative; background-image: url('../img/ss_bg.jpg'); background-attachment: fixed; background-repeat: no-repeat; background-position: top center; background-size: cover; } div.slide div.header div.container { background-image: url('../img/logo-header.jpg'); background-size: 80px; background-repeat: no-repeat; } div.slide.icon div.header div.container { background-image: url('../img/logo-header.jpg'); background-size: auto; } div.slide.takeaways div.header div.container { background-image: url('../img/logo-header.jpg'); background-size: auto; } div.slide.appreciation div.header div.container { background-image: url('../img/logo-header.jpg'); background-size: auto; } div.slide.voiceover .header .container { background-color: #223a82; } div.slide.case-story .header .container { background-color: #223a82; } div.slide.interactive-activity .header .container { background-color: #223a82; } div.slide.advice-expert .header .container { background-color: #223a82; } div.slide.family-interview .header .container { background-color: #223a82; } div.slide.peer-expert .header .container { background-color: #223a82; } div.slide.voiceover .content .container h2 { color: #223a82; text-shadow: none; } div.slide.case-story .content .container h2 { color: #223a82; text-shadow: none; } div.slide.interactive-activity .content .container h2 { color: #223a82; text-shadow: none; } div.slide.advice-expert .content .container h2 { color: #223a82; text-shadow: none; } div.slide.family-interview .content .container h2 { color: #223a82; text-shadow: none; } div.slide.peer-expert .content .container h2 { color: #223a82; text-shadow: none; } div.slide.toc div.header div.container { background-color: #223a82; } div.slide.toc div.header div.container h1 { color: #FFF; } div.slide.toc div.content div.container div.item { height: 140px; width: 150px; } .succeeding-succession div.slide.toc div.content div.container div.item a { padding: 65px 6px; color: #223a82; text-align: center; } .succeeding-succession div.slide.toc div.content div.container h2 { padding-top: 20px; margin-top: 0px; color: #444; } .succeeding-succession div.slide.toc div.content div.container h2.toc-main-title { padding-top: 0px; font-size: 28px; text-transform: none; color: #223a82; text-align: left; } .succeeding-succession div.tools .autoplay { left: 210px; top: 0px; color: #AAA; } .succeeding-succession #print-bar { cursor: not-allowed; opacity: 0.2 !important; } #partner-logo { display: none; } .succeeding-succession div.tools #instructions-bar { display: none; } .succeeding-succession div.tools { padding: 20px 0px; } @media (max-width: 1024px) { body div.tools #progress-bar { margin-left: -180px; } } .succeeding-succession #navbar a#next-button { margin-right: 10px; } @media (max-width: 1024px) { .succeeding-succession span.intro-nav-label { width: 104px; } .succeeding-succession div.slide.icon div.header div.container h1 { font-size: 30px; width: 50%; } } .succeeding-succession .interactive-activity-1 h2 small { display: inline-block; } .succeeding-succession .interactive-activity-1 #ownership-values-graph { width: 810px; height: 610px; margin: 0 auto; position: relative; } .succeeding-succession .interactive-activity-1 blockquote { border: none; background-color: rgba(255,255,255,0.4); margin-top: 20px; margin-bottom: 50px; padding: 20px; width: 50%; margin-left: auto; margin-right: auto; } .succeeding-succession .interactive-activity-1 blockquote p { font-style: italic; padding: 0px; font-size: 16px; } .succeeding-succession .interactive-activity-1 blockquote p.quote { text-align: right; font-size: 18px; } .succeeding-succession .interactive-activity-1 .click-instruction { position: absolute; top: 20%; left: 5%; padding: 10px; background-image: url('../../../OWNERSHIPEN/skin/img/case-small-arrow.png'); background-repeat: no-repeat; background-position: 95% center; background-size: 20%; padding-right: 60px; z-index: 999; text-shadow: 1px 1px 2px #FFF; } .succeeding-succession .interactive-activity-1 .theme0, .succeeding-succession .interactive-activity-1 .theme1, .succeeding-succession .interactive-activity-1 .theme2, .succeeding-succession .interactive-activity-1 .theme3, .succeeding-succession .interactive-activity-1 .theme4, .succeeding-succession .interactive-activity-1 .theme5, .succeeding-succession .interactive-activity-1 .theme6 { display: none; padding-bottom: 100px; } .succeeding-succession .interactive-activity-1 .theme.current { display: block; } .succeeding-succession .interactive-activity-1 a.cycle-prev, .succeeding-succession .interactive-activity-1 a.cycle-next { bottom: auto; top: 200px; padding: 7px 25px; font-size: 16px; color: #fff; text-align:center;border:2px dotted #223a82;background-color: #223a82; border-top-left-radius: 5em 7em; border-top-right-radius: 5em 7em; border-bottom-right-radius: 5em 7em; border-bottom-left-radius: 5em 7em;} .succeeding-succession .interactive-activity-1 .theme0 .post-it a.del { cursor: pointer; opacity: 1; font-size: 16px; float: left; padding-top: 10px; padding-right: 20px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff;} .succeeding-succession .interactive-activity-1 .theme0 .post-it { cursor: pointer; padding: 5px 10px; display: block; width: 100%; font-size: 16px; color: #223a82; text-align:center;border:2px dotted #223a82;background-color: #FFF;margin-bottom:5px; border-top-left-radius: 5em 7em; border-top-right-radius: 5em 7em; border-bottom-right-radius: 5em 7em; border-bottom-left-radius: 5em 7em; margin-bottom: 10px; } .succeeding-succession .interactive-activity-1 .theme0 .btn { padding: 7px 25px; font-size: 16px; color: #fff; text-align:center;border:2px dotted #223a82;background-color: #223a82; border-top-left-radius: 5em 7em; border-top-right-radius: 5em 7em; border-bottom-right-radius: 5em 7em; border-bottom-left-radius: 5em 7em; text-transform: uppercase; } .succeeding-succession .interactive-activity-1 .theme0 .add-values { text-align: center; margin-top:2em;} .succeeding-succession .interactive-activity-1 .important-values-title small { display:none;clear:both;} .succeeding-succession .interactive-activity-1 .important-values-title.theme-activity small { display:block;} .succeeding-succession .interactive-activity-1 .theme0 .add-values label{ font-size: 16px; margin-bottom: 20px; font-weight: normal; margin-top: 60px; } .succeeding-succession .interactive-activity-1 .theme0 .post-it p { padding: 0px; margin-top: 5px; margin-bottom: 5px; text-transform: uppercase; } .succeeding-succession .interactive-activity-1 .theme0 .post-it:hover { background-color: #eee; } .succeeding-succession .interactive-activity-1 .theme0 .post-it.selected { color: #FFF !important; background-color: #223a82; } .succeeding-succession .interactive-activity-1 #ownership-values-graph-expansion { width: 620px; height: 620px; margin: 0 auto; position: relative; zoom: 0.75; } .succeeding-succession .interactive-activity-1 #ownership-values-graph-succession { width: 620px; height: 620px; margin: 0 auto; position: relative; zoom: 0.75; } .succeeding-succession .interactive-activity-1 #ownership-values-graph-non-family-owner { width: 620px; height: 620px; margin: 0 auto; position: relative; zoom: 0.75; } .succeeding-succession .interactive-activity-1 #ownership-values-graph-conflict { width: 620px; height: 620px; margin: 0 auto; position: relative; zoom: 0.75; } .succeeding-succession .interactive-activity-1 #ownership-values-graph-legacy { width: 620px; height: 620px; margin: 0 auto; position: relative; zoom: 0.75; } .succeeding-succession .interactive-activity-1 .labels tspan { font-weight: bold; fill: #000; } .succeeding-succession .interactive-activity-1 svg.values path { fill: transparent; stroke: lightsteelblue; stroke-width: 3px; pointer-events: none; } .succeeding-succession .interactive-activity-1 svg.values .drag-on path { pointer-events: all; } .succeeding-succession .interactive-activity-1 svg.values path.level-selected { pointer-events: all; } .succeeding-succession .interactive-activity-1 svg.values .value-pie1 path:hover, .succeeding-succession .interactive-activity-1 svg.values .value-pie1 path.level-selected { fill: #BC2B13; } .succeeding-succession .interactive-activity-1 svg.values .value-pie2 path:hover, .succeeding-succession .interactive-activity-1 svg.values .value-pie2 path.level-selected { fill: #9C2C74; } .succeeding-succession .interactive-activity-1 svg.values .value-pie3 path:hover, .succeeding-succession .interactive-activity-1 svg.values .value-pie3 path.level-selected { fill: #BC2C47; } .succeeding-succession .interactive-activity-1 svg.values .value-pie4 path:hover, .succeeding-succession .interactive-activity-1 svg.values .value-pie4 path.level-selected { fill: #99C404; } .succeeding-succession .interactive-activity-1 svg.values .value-pie5 path:hover, .succeeding-succession .interactive-activity-1 svg.values .value-pie5 path.level-selected { fill: #BC4C1C; } .succeeding-succession .interactive-activity-1 svg.values .value-pie6 path:hover, .succeeding-succession .interactive-activity-1 svg.values .value-pie6 path.level-selected { fill: #55C3C0; } .succeeding-succession .interactive-activity-1 svg.values ellipse.center { fill: blue; stroke-width: 0; } .succeeding-succession .interactive-activity-1 svg.values text { fill: darkblue; font-size: 15px; text-transform: uppercase; } body #container div.slide.toc div.content div.container h2 { background-image: none; padding-left: 0px; background-repeat: no-repeat; overflow: visible; text-indent: 0px; } svg.values path { fill: transparent; stroke: lightsteelblue; stroke-width: 3px; pointer-events: none; } svg.values .drag-on path { pointer-events: all; } svg.values path.level-selected { pointer-events: all; } svg.values .value-passion path:hover, svg.values .value-passion path.level-selected { fill: #BC2B13; } svg.values .value-loyalty path:hover, svg.values .value-loyalty path.level-selected { fill: #9C2C74; } svg.values .value-integrity path:hover, svg.values .value-integrity path.level-selected { fill: #BC2C47; } svg.values .value-courage path:hover, svg.values .value-courage path.level-selected { fill: #99C404; } svg.values .value-professionnalism path:hover, svg.values .value-professionnalism path.level-selected { fill: #BC4C1C; } svg.values .value-committment path:hover, svg.values .value-committment path.level-selected { fill: #55C3C0; } svg.values .value-sincerity path:hover, svg.values .value-sincerity path.level-selected { fill: #FD9404; } svg.values .value-honesty path:hover, svg.values .value-honesty path.level-selected { fill: #4D216C; } svg.values ellipse.center { fill: blue; stroke-width: 0; } svg.values text { fill: darkblue; font-size: 15px; text-transform: uppercase; } .succeeding-succession .voiceover-1 #ownership-ellipses { width: 910px; height: 650px; margin: 0 auto; } @media (max-width: 768px) { .succeeding-succession .voiceover-1 #ownership-ellipses { zoom: 0.8; } } svg.ellipses ellipse { stroke: #223a82; stroke-width:2px; stroke-dasharray: 3,3;} svg.ellipses g.ellipse-behaviors ellipse { fill: #e2e1f1; } svg.ellipses g.ellipse-ownership ellipse { fill: #d5d3e9; } svg.ellipses g.ellipse-family ellipse { fill: #c7c7e3; } svg.ellipses g.ellipse-values ellipse { fill: #babade; } svg.ellipses line { stroke: #444; stroke-width: 1px; stroke-linecap: round;} svg.ellipses line.line-ellipse { stroke: #223a82; stroke-width: 4px; } svg.ellipses text { fill: #223a82; font-size: 18px; text-anchor:middle;} svg.ellipses .centered-svg { text-anchor:middle;} svg.ellipses text.title { font-size: 21px; font-weight: bold; text-transform: uppercase; } svg.ellipses text.subtitle { font-size: 18px; text-anchor: center; fill: #444; } svg.ellipses text.values { font-size: 16px; } svg.ellipses g.ellipse-behaviors text.values { fill: darkblue; } .succeeding-succession .voiceover-2 .inclusive-ownership-1 { margin-bottom: 0px; margin-top: 80px;} .succeeding-succession .voiceover-2 .inclusive-ownership-2 { margin-bottom: 5px; margin-top: 0px;} .succeeding-succession .voiceover-2 .step { padding: 0px; position: initial; margin-right: 4%; } .succeeding-succession .voiceover-2 .step:last-child { margin-right: 0px; } .succeeding-succession .voiceover-2 .inclusive-ownership-1 .step:after { content: ' '; background-image: url('../img/right-arrow.png'); background-repeat: no-repeat; background-position: right center; background-repeat: no-repeat; position: absolute; width: 18px; height: 50px; margin-left: -30px; } .succeeding-succession .voiceover-2 .inclusive-ownership-1 .step:first-child:after { display: none; } .succeeding-succession .voiceover-2 .step .stage { position: relative; width: 100%; margin-bottom: -3px; } .succeeding-succession .voiceover-2 .step .stage h2 { font-size:16px; text-align: center;margin-bottom:-5px; padding:0 22px;} .succeeding-succession .voiceover-2 .step-implement-blueprint .stage { border-right: none; } /*.succeeding-succession .voiceover-2 .step-develop-blueprint .stage { margin-left: 60%; } .succeeding-succession .voiceover-2 .step-train-analyze .stage { margin-left: 40%; } .succeeding-succession .voiceover-2 .step-create-structure .stage { margin-left: 20%; }*/ .succeeding-succession .voiceover-2 .step .more-info { display: none; position: absolute; width: 320px; left: 0; background-color: rgba(255,255,255,0.9); border-radius: 10px; padding: 30px; font-size: 14px; z-index: 10; top: 0px; } /*.succeeding-succession .voiceover-2 .step.step-defining-inclusiveness .more-info { left: 33%; margin-top: -100px; }*/ .succeeding-succession .voiceover-2 .step .more-info .close { position: absolute; right: 10px; top: 10px; } /*.succeeding-succession .voiceover-2 .step-implement-blueprint .more-info { left: 60%; } .succeeding-succession .voiceover-2 .step-develop-blueprint .more-info { left: 40%; } .succeeding-succession .voiceover-2 .step-train-analyze .more-info { left: 20%; } .succeeding-succession .voiceover-2 .step-create-structure .more-info { right: 40%; } .succeeding-succession .voiceover-2 .step-defining-inclusiveness .more-info { right: 60%; }*/ .succeeding-succession .slide .slide-learn-more p a img { width: 60px; height: auto; cursor: pointer; } .succeeding-succession .slide .slide-learn-more p a { text-transform: uppercase; text-decoration: none; } .succeeding-succession .slide-building-inclusive-culture .slide-learn-more { text-align: right; } .succeeding-succession .slide-building-inclusive-culture .slide-learn-more p a { display: inline-block; width: 150px; } .succeeding-succession .voiceover-2 .step .stage img { display: block; margin: 0 auto; width: 30%; height: auto; max-width: 100px; } .succeeding-succession .voiceover-2 .step .stage p { font-size: 16px; text-align: center; padding: 7px 17px; color: #48484A; } .succeeding-succession .voiceover-2 .arrow { margin-top: 40px; background-image: url('../img/inclusive-ownership/arrow2.png'); background-repeat: no-repeat; background-position: center top; height: 80px; margin-right: auto; margin-left: auto; width: 374px; } .succeeding-succession .voiceover-2 .arrow p { font-size: 14px; text-align: left; padding: 8px 10px; color: #fff; } .succeeding-succession .voiceover-2 .download-pdf-link { margin-top:30px; } .succeeding-succession .voiceover-2 .download-pdf-link .row div { cursor:pointer; } .succeeding-succession .voiceover-2 .download-pdf-link a { width:100%;color: #333; font-size: 14px; } .succeeding-succession .voiceover-2 .download-pdf-link p { line-height: 16px; } .succeeding-succession .voiceover-2 .download-pdf-link a img { width:80px; height: auto; float: left; padding-right: 20px;} .succeeding-succession .voiceover-2 .download-pdf-link .download-pdf-text { font-size: 16px; line-height: 60px; } .succeeding-succession .slide-building-inclusive-culture .step .stage h2 { font-size: 22px; margin-top: 30px; } .succeeding-succession .case-story-4 .ownership-motivations .template { display: none; } .succeeding-succession .case-story-4 .ownership-motivations label { width: 100%; height: 100%; } .succeeding-succession .case-story-4 .ownership-motivations label input { display: none; } .succeeding-succession .case-story-4 .ownership-motivations img { display: block; margin: auto; } div.slide.expert-video div.content div.container div.expert { width: 45%; position: relative; float: left; padding-bottom: 50px; } div.slide.expert-video div.content div.container div.expert.first { margin-right: 10%; } div.slide.expert-video div.content div.container div.expert div.video iframe { width: 100%; } div.slide.expert-video div.content div.container div.expert div.description p { font-size: 18px; } div.slide.expert-video div.content div.container div.expert div.description ol li { font-size: 18px; } .succeeding-succession .interactive-activity-2 .board { padding: 20px; min-height: 200px; } .succeeding-succession .interactive-activity-2 .board img { height: auto; width: 20%; float: left; } .succeeding-succession .interactive-activity-2 .board .answer { min-height: 160px; width: 80%; float: left; } .succeeding-succession .interactive-activity-2 .board .answer:hover { z-index: 90; } .succeeding-succession .interactive-activity-2 .board .answer .post-it { margin: 0 auto; width: 150px; height: auto; margin-bottom: 2px; background-color: transparent; } .succeeding-succession .interactive-activity-2 .board .answer .post-it:hover { background-color: #EEE; } .succeeding-succession .interactive-activity-2 .board .answer .post-it p { font-size: 16px; padding: 0px; } .succeeding-succession .interactive-activity-2 .board h2 { padding: 4px; text-align: center; } .succeeding-succession .interactive-activity-2 .board-stepmom { background-color: #A9D18E; } .succeeding-succession .interactive-activity-2 .board-sister { background-color: #FFE699; } .succeeding-succession .interactive-activity-2 .post-its { position: relative; padding-top: 20px; } .succeeding-succession .interactive-activity-2 .post-it { height: 50px; width: 100px; background-color: rgba(34,58,130,0.4); padding: 8px; margin: 0 5px 5px 0; display: inline-block; cursor: pointer; } .succeeding-succession .interactive-activity-2 .post-it:nth-child(even) { background-color: rgba(255,255,255,0.6); } .succeeding-succession .interactive-activity-2 .post-it:nth-child(odd) { background-color: rgba(50,50,50,0.4); } .succeeding-succession .interactive-activity-2 .post-it p { text-align: center; font-style: italic; font-size: 12px; padding: 5px; } .succeeding-succession .interactive-activity-2 .post-its .post-it { display: block; float: left; } .succeeding-succession .slide-type-icon { position: absolute; right:42px; top: 5px; width: 63px; height: 63px; background-repeat: no-repeat; background-image: url('../../../OWNERSHIPEN/skin/img/sprite-blue.png'); overflow: hidden; background-color:transparent; -moz-transform: scale(0.65); transform: scale(0.65);} .succeeding-succession .slide-type-icon.voiceover { background-position: -214px -140px;} .succeeding-succession .slide-type-icon.interactive-activity {background-position: -424px -141px;} .succeeding-succession .slide-type-icon.family-interview { background-position: -645px -141px;} .succeeding-succession .slide-type-icon.case-story { background-position: -316px -141px; } .succeeding-succession .toc .tiles .item { } div.slide.toc div.content div.container div.viewed:before { top:-7px; right:-4px;} div.slide.toc div.content div.container ul.list-medias li div.media span.sprite { -moz-transform: scale(0.5);} @-moz-document url-prefix() { .slide.toc ul.list-medias li { max-width: 211px; } } .succeeding-succession .learning-expectations li { padding-bottom: 20px; } .succeeding-succession .key-learnings li { padding-bottom: 20px; } .succeeding-succession .why-values-views li { padding-bottom: 20px; } .succeeding-succession .takeaways li { padding-bottom: 20px; } .succeeding-succession .managing-views-conflicts-tips li { padding-bottom: 20px; } .succeeding-succession .living-our-values li { padding-bottom: 20px; } .succeeding-succession .living-our-values-values p { text-align:center; } .succeeding-succession .living-our-values-values .alignment-element img { height:100px; width:auto; } .succeeding-succession .living-our-values-values .alignment-element .element-label { color:#223a82;font-weight:700;margin-top:0.5em; text-transform: uppercase; } .succeeding-succession .living-our-values-values .alignment-element .element-description { font-size:16px;} .succeeding-succession .living-our-values .alignment-element {width:20%; display:block; float:left; text-align:center;} .succeeding-succession .living-our-values .alignment-element-row-1 {margin-right:5%;} .succeeding-succession .living-our-values .alignment-element-row-2 {margin-left:11%;} .succeeding-succession .living-our-values .alignment-element-row-2-element-2 {margin-left:7%;} .succeeding-succession .living-our-values .alignment-element-row-2-element-3 {margin-left:6%;} .succeeding-succession .shared-values-examples .content { text-align:center;} .succeeding-succession .shared-values-examples h3 { color:#888; font-size: 24px;} .succeeding-succession .shared-values-examples h3 strong { font-size: 22px; } .succeeding-succession .shared-values-examples p { font-size: 20px; line-height: 25px;} .succeeding-succession .shared-values-examples .large-company-logo { border-right:thin solid #888; min-height:555px;} .succeeding-succession .shared-values-examples .large-company-logo.maple-leaf-logo { border:none;} .succeeding-succession .shared-values-examples .large-company-logo div { height:150px;} .succeeding-succession .shared-values-examples img { width:70%; margin-left:15%;} .succeeding-succession .shared-values-examples img.maple-leaf-logo { width:30%; } .succeeding-succession .shared-values-examples.second-time img { margin-left: 0px; } .succeeding-succession .postit-bubble { min-height: 300px; display:table; width: 30%; margin-left: 5%; } .succeeding-succession .postit-bubble:first-child { margin-left: 0px; } .succeeding-succession .postit-bubble.col-sm-offset-2 { margin-left: 15%; } .succeeding-succession .postit-bubble p { margin: 0 10%; padding:0 8%;text-align: center; font-size: 20px; display:table-cell;vertical-align: middle; background-color: #e2e1f1; border:dotted 3px #223a82;width:80%;} .succeeding-succession .slide .postit-bubble p span { color: #223a82; display: block; font-weight: bold; } .succeeding-succession .postit-row { margin-top:100px;} .succeeding-succession .postit-row:before { content: ' '; border-bottom: 3px solid #223a82; width: 30%; margin-left: 15%; height: 150px; position: absolute; } @media (max-width: 1800px) { .succeeding-succession .key-considerations-exit .postit-row:before { width: 40%; } } @media (max-width: 1554px) { .succeeding-succession .postit-row:before { width: 40%; margin-left: 20%; } .succeeding-succession .key-considerations-exit .postit-row:before { width: 50%; } } @media (max-width: 800px) { .succeeding-succession .postit-bubble p { padding: 40px 20px; } .succeeding-succession .postit-bubble { margin-left: 4%; } } .succeeding-succession .different-types-values .static-values-type {border-right:thin solid #888; min-height:470px;} .succeeding-succession .different-types-values h3 {color:#888; font-size: 22px; min-height:90px;} .succeeding-succession .different-types-values h3 span {font-weight: 700;font-size: 24px;} .succeeding-succession .different-types-values h4 {color:#223a82; font-size: 18px;font-weight: 700; } .succeeding-succession .different-types-values img {opacity:0; width:70%; height: auto; } .succeeding-succession .different-types-values ul { font-size: 16px;} .succeeding-succession .different-types-values ul li { font-size: 16px; opacity: 0;} .succeeding-succession .different-types-values ul li span{ font-weight: 700;} .succeeding-succession .different-types-values p { font-size: 16px; } .succeeding-succession .different-types-values .static-values-type-example, .succeeding-succession .different-types-values .dynamic-values-type-example { } .succeeding-succession .different-types-values .example { font-size: 16px; min-height:180px;opacity: 0; border:dotted 3px #223a82;border-radius: 40px; padding:20px;} .succeeding-succession .different-types-values .static-values-type-example { border-right: thin solid #888; } .succeeding-succession .values-conflict .values-conflict-division { padding-top: 60px; } .succeeding-succession .values-conflict .values-conflict-division p { text-align: center; text-transform: uppercase; font-size: 18px;} .succeeding-succession .values-conflict .values-conflict-division .emotional-values { background-color:#4981cb; /*border-top-left-radius: 5em 7em; border-top-right-radius: 5em 7em; border-bottom-right-radius: 5em 7em; border-bottom-left-radius: 5em 7em;*/ border-radius: 100px; padding:100px 10px;color:#fff;} .succeeding-succession .values-conflict .values-conflict-division .non-emotional-values { background-color:#63b235; /*border-top-left-radius: 5em 7em; border-top-right-radius: 5em 7em; border-bottom-right-radius: 5em 7em; border-bottom-left-radius: 5em 7em;*/ border-radius: 100px; padding:100px 10px;color:#fff;} .succeeding-succession .values-conflict .values-conflict-confrontation { border-left: 2px solid #AAA; } .succeeding-succession .values-conflict .values-conflict-confrontation .non-emotional-values {text-align:right;} .succeeding-succession .values-conflict .values-conflict-confrontation .emotional-values { padding-right: 0px; } .succeeding-succession .values-conflict .values-conflict-confrontation .non-emotional-values { padding-left: 0px; } .succeeding-succession .values-conflict .values-conflict-confrontation .emotional-values div {background-image: url('../img/blue-right-arrow.png'); background-repeat: no-repeat; background-position: right center;background-size: 100%; min-height:150px; display:table;width:100%;} .succeeding-succession .values-conflict .values-conflict-confrontation .emotional-values div p { display:table-cell; vertical-align: middle; color:#fff; padding-left:10px; text-transform: uppercase; font-size: 18px; } .succeeding-succession .values-conflict .values-conflict-confrontation .non-emotional-values div p { display:table-cell; vertical-align: middle; color:#fff; padding-right:10px; text-transform: uppercase; font-size: 18px; } .succeeding-succession .values-conflict .values-conflict-confrontation .non-emotional-values div {background-image: url('../img/green-left-arrow.png'); background-repeat: no-repeat; background-position: right center;background-size: 100%; min-height:150px; display:table;width:100%;} .succeeding-succession .interactive-activity-2 .views-description { color:#223a82;} .succeeding-succession .interactive-activity-2 .views-description:before { width:50px; content: url('../img/left-quote.png'); zoom: 0.6; position: absolute; left: -10px; top: -15px; } .succeeding-succession .interactive-activity-2 .views-description:after { width:50px; top:1em; content: url('../img/right-quote.png'); zoom: 0.6; position: absolute; top: 105px; right: 30px; } .succeeding-succession .interactive-activity-2 .views-description { color:#223a82; font-weight: 600; line-height: 25px; text-align: center; padding: 0px 40px; position: relative; } .succeeding-succession .interactive-activity-2 .views, .succeeding-succession .interactive-activity-2 .values { color:#999; text-transform: uppercase; } .succeeding-succession .interactive-activity-2 .values-container { color:#444;} .succeeding-succession .interactive-activity-2 .jenkins-family-members {text-align: center;} .succeeding-succession .interactive-activity-2 .jenkins-profile { text-align: center;} .succeeding-succession .interactive-activity-2 .jenkins-profile h3 { text-transform: uppercase; font-weight: 600; } .succeeding-succession .interactive-activity-2 .jenkins-profile img { width:auto; height:300px;} .succeeding-succession .interactive-activity-2 .managing-views-conflicts-tips { display:none; background-color: #FFF; padding: 40px; font-size: 18px; } .succeeding-succession .interactive-activity-2 .additional-information-link { margin-top:15px; cursor:pointer;} .succeeding-succession .interactive-activity-2 .additional-information-link p { font-size: 14px; } .succeeding-succession .interactive-activity-2 .additional-information-link img {width:50px;} .succeeding-succession .living-our-values h2 {text-align: center;} .succeeding-succession .power-ownership-group .power-element { background-color: #e2e1f1; min-height: 150px; display:table; width:90%; margin:2%; border-radius: 100px; border:2px dotted #2c3696;} .succeeding-succession .power-ownership-group h2 { text-align: center; } .succeeding-succession .power-ownership-group .power-element p { text-transform: uppercase; text-align: center; display:table-cell; vertical-align: middle; color:#2c3696; padding:5px 25px; font-size: 22px; font-weight: bold; } .succeeding-succession .power-ownership-group .element-description { padding-top:1.5em;} .succeeding-succession .power-ownership-group p.source { font-size: 12px; text-align: center; color: #444; padding-top: 20px; padding-bottom: 100px; } .succeeding-succession .power-employees-group h2 { text-align: center; } .succeeding-succession .power-employees-group .power-element { background-color: #e2e1f1; min-height: 150px; display:table; width:90%; margin:5%; border-radius: 100px; border:2px dotted #2c3696; } .succeeding-succession .power-employees-group .power-element p {text-align: center; display:table-cell; vertical-align: middle; color:#2c3696; padding:5px 25px; text-transform: uppercase; font-size: 22px; font-weight: bold;} .succeeding-succession .power-employees-group .element-description {padding-top:1.5em;} .succeeding-succession .aligning-practices-values h2 { text-align: center; } .succeeding-succession .aligning-practices-values .alignment-element { background-color: #2c3696; min-height: 85px; display:table; width:90%; margin:5%; border-radius: 100px; } .succeeding-succession .aligning-practices-values .alignment-element:hover { background-color: #3f8fc4; } .succeeding-succession .aligning-practices-values .alignment-element:hover p { font-size:16px; text-transform: none; } @media (max-width: 992px) { .succeeding-succession .aligning-practices-values .alignment-element:hover p { font-size:14px; } } .succeeding-succession .aligning-practices-values .alignment-element p {text-align: center; display:table-cell; vertical-align: middle; color:#fff; font-size: 20px; padding:5px 25px; text-transform: uppercase;} .succeeding-succession .aligning-practices-values .alignment-element .element-description {display:none;} .succeeding-succession .aligning-practices-values-activity th {background-color: #2c3696; color:#fff; text-align: center;height: 35px;font-size: 18px;border-right:thin solid #fff;} .succeeding-succession .aligning-practices-values-activity tbody td {border-right:thin solid #fff; background-color: #F1F1F1;} .succeeding-succession .aligning-practices-values-activity tbody td textarea {border:none; background-color: #F1F1F1; height:2em; color:#fff;font-size: 14px;} .succeeding-succession .aligning-practices-values-activity tbody td textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #000; } .succeeding-succession .aligning-practices-values-activity tbody td textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000; opacity: 1; } .succeeding-succession .aligning-practices-values-activity tbody td textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000; opacity: 1; } .succeeding-succession .aligning-practices-values-activity tbody td textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; } { color:#000;} .succeeding-succession .aligning-practices-values-activity tbody tr:nth-child(even) td, .succeeding-succession .aligning-practices-values-activity tbody tr:nth-child(even) td textarea {background-color: #fff; } .succeeding-succession .aligning-practices-values-activity tbody tr:nth-child(even) td textarea {border:none;} .succeeding-succession .aligning-practices-values-activity textarea {width:100%;} .succeeding-succession .aligning-practices-values-activity .download-pdf-link { margin-bottom: 60px; } .succeeding-succession .aligning-practices-values-activity .download-pdf-link .row div { cursor:pointer; } .succeeding-succession .aligning-practices-values-activity .download-pdf-link a { width:100%; color: #333; } .succeeding-succession .aligning-practices-values-activity .download-pdf-link p { line-height: 16px; } .succeeding-succession .aligning-practices-values-activity .download-pdf-link a img { width:80px; height: auto; float: left; padding-right: 20px;} .succeeding-succession .aligning-practices-values-activity .download-pdf-link .download-pdf-text { font-size: 16px;} @media (max-width: 1200px) { .succeeding-succession div.slide.conclusion.appreciation .header .container h1 { font-size: 30px; width: 50%; } } .succeeding-succession .conclusion-elements li span { font-weight: 700;} .succeeding-succession .know-business-transition h2 {text-align: center;} .succeeding-succession .know-business-transition .row { text-align: center;} .succeeding-succession .know-business-transition .row span.icon { display: block; background-repeat: no-repeat; background-size: contain; width: 40%; height: auto; min-height: 136px; margin: 40px auto 20px auto; background-position: center center;} .succeeding-succession .know-business-transition .row span.icon.process { background-image: url('../img/process.png'); } .succeeding-succession .know-business-transition .row span.icon.planning { background-image: url('../img/planning.png'); } .succeeding-succession .know-business-transition .row span.icon.transition { background-image: url('../img/transition.png'); } .succeeding-succession .know-business-transition .row span.icon.turnkey { background-image: url('../img/turnkey.png'); } .succeeding-succession .common-exit-strategies .row { text-align: center;} .succeeding-succession .common-exit-strategies .row span.icon { display: block; background-repeat: no-repeat; background-size: contain; width: 40%; height: auto; min-height: 136px; margin: 40px auto 20px auto; background-position: center center;} .succeeding-succession .common-exit-strategies .row span.icon.family-transition {background-image: url('../img/family-transition.png'); } .succeeding-succession .common-exit-strategies .row span.icon.buy-out {background-image: url('../img/buy-out.png'); } .succeeding-succession .common-exit-strategies .row span.icon.sale {background-image: url('../img/sale.png'); } .succeeding-succession .exit-family-transition .details .characteristics { display: none; } .succeeding-succession .exit-family-transition .details .reflections { display: none; } .succeeding-succession .exit-family-transition .details .where-to-start { display: none; } .succeeding-succession .exit-family-transition .details { margin-top: 50px; } .succeeding-succession .exit-family-transition .handles { margin-top: 50px; } .succeeding-succession .exit-family-transition .handles div a { display: block; border: 1px solid #223a82; color: #223a82; padding: 10px 20px; font-weight: bold; text-align: center; margin-bottom: 10px; } .succeeding-succession .exit-family-transition .handles div a:hover, .succeeding-succession .exit-family-transition .handles div a.current { text-decoration: none; background-color: #223a82; color: #FFF; } .succeeding-succession .exit-family-transition .row h2 { padding-top: 20px; } .succeeding-succession .exit-family-transition .row span.icon.family-transition { background-image: url(../img/family-transition.png); display: block; width: 60px; height: 100px; background-size: 100px; background-repeat: no-repeat; float: left; margin-top: -20px; margin-right: 20px; } .succeeding-succession .exit-family-transition .row h3 {color: #223a82; font-weight: 600; text-align: center; margin-bottom: 20px;} .succeeding-succession .exit-family-transition .row li {margin-bottom: 20px; font-size: 18px; } .succeeding-succession .exit-family-transition .row .col-sm-4 { width: 30%; } .succeeding-succession .exit-non-family-transition .details .characteristics { display: none; } .succeeding-succession .exit-non-family-transition .details .reflections { display: none; } .succeeding-succession .exit-non-family-transition .details .where-to-start { display: none; } .succeeding-succession .exit-non-family-transition .details { margin-top: 50px; } .succeeding-succession .exit-non-family-transition .handles { margin-top: 50px; } .succeeding-succession .exit-non-family-transition .handles div a { display: block; border: 1px solid #223a82; color: #223a82; padding: 10px 20px; font-weight: bold; text-align: center; margin-bottom: 10px; } .succeeding-succession .exit-non-family-transition .handles div a:hover, .succeeding-succession .exit-non-family-transition .handles div a.current { text-decoration: none; background-color: #223a82; color: #FFF; } .succeeding-succession .exit-non-family-transition .row h2 { padding-top: 20px; } .succeeding-succession .exit-non-family-transition .row span.icon.buy-out { background-image: url(../img/buy-out.png); display: block; width: 60px; height: 100px; background-size: contain; background-repeat: no-repeat; float: left; margin-top: 0px; margin-right: 20px; } .succeeding-succession .exit-non-family-transition .row h3 {color: #223a82; font-weight: 600; text-align: center; margin-bottom: 20px;} .succeeding-succession .exit-non-family-transition .row li {margin-bottom: 20px; font-size: 18px;} .succeeding-succession .exit-non-family-transition .row .col-sm-4 { width: 30%; } .succeeding-succession .exit-non-family-transition-sale .details .characteristics { display: none; } .succeeding-succession .exit-non-family-transition-sale .details .reflections { display: none; } .succeeding-succession .exit-non-family-transition-sale .details .where-to-start { display: none; } .succeeding-succession .exit-non-family-transition-sale .details { margin-top: 50px; } .succeeding-succession .exit-non-family-transition-sale .handles { margin-top: 50px; } .succeeding-succession .exit-non-family-transition-sale .handles div a { display: block; border: 1px solid #223a82; color: #223a82; padding: 10px 20px; font-weight: bold; text-align: center; margin-bottom: 10px; } .succeeding-succession .exit-non-family-transition-sale .handles div a:hover, .succeeding-succession .exit-non-family-transition-sale .handles div a.current { text-decoration: none; background-color: #223a82; color: #FFF; } .succeeding-succession .exit-non-family-transition-sale .row h2 { padding-top: 20px; } .succeeding-succession .exit-non-family-transition-sale .row span.icon.sale { background-image: url(../img/sale.png); display: block; width: 60px; height: 100px; background-size: contain; background-repeat: no-repeat; float: left; margin-top: 0px; margin-right: 20px; } .succeeding-succession .exit-non-family-transition-sale .row h3 {color: #223a82; font-weight: 600; text-align: center; margin-bottom: 20px;} .succeeding-succession .exit-non-family-transition-sale .row li {margin-bottom: 20px; font-size: 18px; } .succeeding-succession .exit-non-family-transition-sale .row .col-sm-4 { width: 30%; } .succeeding-succession .evaluation-exit-strategy-circle h2 { text-align: center; max-width: 760px; margin-left: auto; margin-right: auto; } .succeeding-succession .models-values { width: 753px; height: 753px; background-image: url('../img/evaluating-exit-strategy-fade.png'); background-repeat: no-repeat; background-size: 60%; background-position: center 40px; position: relative; margin-left: auto; margin-right: auto; } .succeeding-succession .models-values::before { content: ' '; position: absolute; width: 753px; height: 753px; background-image: url('../img/evaluating-exit-strategy.png'); background-repeat: no-repeat; background-size: 60%; background-position: center 40px; opacity: 0; } .succeeding-succession .models-values.active { background-image: url('../img/evaluating-exit-strategy.png'); } .succeeding-succession .models-values.step1::before { opacity: 1; background-image: url('../img/evaluating-exit-strategy-funding.png'); } .succeeding-succession .models-values.step2::before { opacity: 1; background-image: url('../img/evaluating-exit-strategy-step2.png'); } .succeeding-succession .models-values.step3::before { opacity: 1; background-image: url('../img/evaluating-exit-strategy-step3.png'); } .succeeding-succession .models-values.step4::before { opacity: 1; background-image: url('../img/evaluating-exit-strategy-step4.png'); } .succeeding-succession .models-values h3 { color: #223a82; font-weight: bold; margin-bottom: 5px; } .succeeding-succession .models-values p { font-size: 16px; line-height: 18px; } .succeeding-succession .models-values .legacy { clear: both; } .succeeding-succession .models-values .control, .succeeding-succession .models-values .funding { min-height: 400px; } .succeeding-succession .models-values .social, .succeeding-succession .models-values .funding { text-align: right; } /*.succeeding-succession .exit-non-family-transition span.icon.buy-out {background-image: url('')} .succeeding-succession .exit-non-family-transition span.icon.sale {background-image: url('')} */ .succeeding-succession .relatable-examples p { text-align:center; padding: 0px 10px; } .succeeding-succession .relatable-examples h2 {text-align: center; margin-bottom: 40px;} .succeeding-succession .relatable-examples .large-company-logo { border-right:thin solid #888; min-height:600px;} .succeeding-succession .relatable-examples .large-company-logo h3 {color: #223a82; font-weight: 600; text-align: center;margin-bottom: 40px;} .succeeding-succession .relatable-examples .large-company-logo.example-3 { border:none;} .succeeding-succession .relatable-examples .large-company-logo div { height:80px;} .succeeding-succession .relatable-examples img { width:70%; margin-left:15%;} /*.succeeding-succession .relatable-examples img.example-3 { width:35%; margin-left:32%;}*/ .succeeding-succession .relatable-examples ul { margin-top: 30px; } .succeeding-succession .relatable-examples li {padding-bottom: 20px; list-style-type: none; } .succeeding-succession .peer-perspective-exit .expert h3 {color: #223a82; font-weight: 600; text-align: center; margin-bottom: 20px; height: 50px;} .succeeding-succession .peer-perspective-exit .expert h4 {font-weight: 700; margin-top: 40px;} .succeeding-succession .peer-perspective-exit .expert li {font-size: 18px;} .succeeding-succession .exit-strategy-reflection h2 { margin-bottom: 50px; } .succeeding-succession .exit-strategy-reflection .icon.family-transition { background-image: url(../img/family-transition.png); display: block; width: 60px; height: 100px; background-size: 100px; background-repeat: no-repeat; float: left; margin-top: -20px; margin-right: 20px; } .succeeding-succession .exit-strategy-reflection .icon.buy-out { background-image: url(../img/buy-out.png); display: block; width: 60px; height: 70px; background-size: contain; background-repeat: no-repeat; float: left; margin-top: 0px; margin-right: 20px; } .succeeding-succession .exit-strategy-reflection .icon.sale { background-image: url(../img/sale.png); display: block; width: 60px; height: 70px; background-size: contain; background-repeat: no-repeat; float: left; margin-top: 0px; margin-right: 20px; } .succeeding-succession .exit-strategy-reflection p.question {font-weight:600; } .succeeding-succession .exit-strategy-reflection textarea { width: 80%; height: 60px; font-size: 14px; margin-bottom: 30px; background-color: rgba(255,255,255,0.6); } .succeeding-succession .exit-strategy-reflection p.source {text-align: left; padding-top: 50px; } .succeeding-succession .RBC-perspective h2 {text-align: center; margin-bottom: 40px;} .succeeding-succession .RBC-perspective .description {text-align: center;} .succeeding-succession .RBC-perspective .description h3 {font-weight: 600;} .succeeding-succession .RBC-perspective .description p.expert-title {font-size: 18px;} .succeeding-succession .life-after .postit-bubble p {padding: 0 3%;} .succeeding-succession .peer-perspective-after h3 {font-weight: 700; margin-top: 40px;} .succeeding-succession .slide.takeaways .header {min-height: 300px;} .succeeding-succession .slide.takeaways .header .container h1 {left: 350px;} .succeeding-succession .slide.takeaways ul {margin-top:40px;} .succeeding-succession #quiz {max-width: 1000px;} .succeeding-succession #quiz div.question {max-width: 1000px;} .succeeding-succession #quiz #next {right: 60px;} .succeeding-succession #quiz #prev {left: 60px;} .succeeding-succession .quiz-myths .green-check {} .succeeding-succession .quiz-myths #quiz ul li div.answer { float: left; position: absolute; width: 100%; max-width: 600px; background-color: transparent; color: #444; font-weight: normal; margin-left: 0px; top: 285px; } .succeeding-succession .quiz-myths #quiz ul li div.answer p { font-size: 16px; text-align: left; } .succeeding-succession .quiz-myths #quiz a.question { cursor: pointer; } /*.succeeding-succession .quiz-myths #quiz #prev { position: fixed; left: 0px; bottom: 20%; padding: 10px 20px; font-size: 18px; background-color: #828282; color: #FFF; text-decoration: none; cursor: pointer; z-index:1000; }*/ .succeeding-succession .quiz-myths #quiz #result div.score { font-size: 60px;} .succeeding-succession .quiz-myths #quiz div.question { width: 90%; margin-left: 5%; } .succeeding-succession .quiz-myths #quiz #q-question2 div.answer { top: 315px; } /*.succeeding-succession .quiz-myths #quiz #next { position: fixed; right: 0px; bottom: 20%; padding: 10px 20px; font-size: 18px; background-color: #828282; color: #FFF; text-decoration: none; cursor: pointer; z-index:1000; }*/ .succeeding-succession .quiz-myths #quiz #prev { text-indent: -1000px; display: block; width: 31px; height: 36px; overflow: hidden;background-image: url(../../../OWNERSHIPEN/skin/img/cycle-left.png); background-repeat: no-repeat; background-position: center center; cursor: pointer; background-color: transparent; left: 0px; bottom: 50%; } .succeeding-succession .quiz-myths #quiz #next { text-indent: -1000px; display: block; width: 31px; height: 36px; overflow: hidden;background-image: url(../../../OWNERSHIPEN/skin/img/cycle-right.png); background-repeat: no-repeat; background-position: center center; cursor: pointer; background-color: transparent; right: 0px; bottom: 50%; } .succeeding-succession .quiz-myths #quiz #prev.disabled { display: none; } .succeeding-succession .quiz-myths #quiz #next.disabled { display: none; } .succeeding-succession .quiz-myths #quiz #pager { z-index: 900; bottom: 75px; } /*.succeeding-succession .quiz-myths #quiz #pager div span:last-child { display: none; }*/ .succeeding-succession .quiz-myths #quiz span.blue-x { display: block; float: left; background-image: url('../img/no-checked.png'); background-repeat:no-repeat; background-size: cover; width: 30px; height: 30px; margin-right: 20px; } .succeeding-succession .quiz-myths #quiz span.green-check { display: block; float: left; background-image: url('../img/checked.png'); background-repeat:no-repeat; background-size: cover; width: 30px; height: 30px; margin-right: 20px; } .succeeding-succession .quiz-myths #quiz p.answ { text-align: left; font-weight: bold; } .succeeding-succession .analyzing-trade-offs h2 {text-align: center;} .succeeding-succession .analyzing-trade-offs ul.nav-pills {margin-left: calc(50% - 300px);} .succeeding-succession .analyzing-trade-offs li {width: 200px; text-align: center; opacity: 0.2;} /*.succeeding-succession .analyzing-trade-offs li span.icon { background-image: url('../../../OWNERSHIPVAVEN/skin/img/culture.png'); display: block; background-repeat: no-repeat; background-size: contain; width: 50px; height: auto; min-height: 40px; margin: 20px auto 20px auto; background-position: center center;}*/ .succeeding-succession .analyzing-trade-offs li.active {opacity: 1;} .succeeding-succession .analyzing-trade-offs li.active a {background-color: initial; color: #223a82; } .succeeding-succession .analyzing-trade-offs a.family-transition { margin-top: 100px; display: block; width: 100px; height: 100px; background-image: url('../img/family-transition.png'); background-size: 100%; background-position: center center; background-repeat: no-repeat; position: relative; } .succeeding-succession .analyzing-trade-offs a.mbo { display: block; width: 100px; height: 100px; background-image: url('../img/buy-out.png'); background-size: 100%; background-position: center center; background-repeat: no-repeat; position: relative; } .succeeding-succession .analyzing-trade-offs a.sales { display: block; width: 100px; height: 100px; background-image: url('../img/sale.png'); background-size: 100%; background-position: center center; background-repeat: no-repeat; position: relative; } .succeeding-succession .analyzing-trade-offs a.family-transition { background-image: url('../img/family-transition-c.png'); } .succeeding-succession .analyzing-trade-offs a.mbo { margin-top: 10px; background-image: url('../img/buy-out-c.png'); } .succeeding-succession .analyzing-trade-offs a.sales { background-image: url('../img/sale-c.png'); } .succeeding-succession .analyzing-trade-offs a.family-transition { background-image: url('../img/family-transition-c.png'); } .succeeding-succession .analyzing-trade-offs a.mbo { background-image: url('../img/buy-out-c.png'); } .succeeding-succession .analyzing-trade-offs a.sales { background-image: url('../img/sale-c.png'); } .succeeding-succession .analyzing-trade-offs a.family-transition span { color: #80947a; display: block; position: absolute; bottom: -15px; font-size: 15px; width: 125px; left: -15px; text-align: center; } .succeeding-succession .analyzing-trade-offs a.mbo span { color: #947cba;display: block; position: absolute; bottom: -2px; font-size: 15px; width: 125px; left: -15px; text-align: center; } .succeeding-succession .analyzing-trade-offs a.sales span { color: #b8a982;display: block; position: absolute; bottom: -4px; font-size: 15px; width: 125px; left: -15px; text-align: center; } .succeeding-succession .analyzing-trade-offs a.family-transition:hover span, .succeeding-succession .analyzing-trade-offs a.family-transition.active span { color: #80947a; } .succeeding-succession .analyzing-trade-offs a.mbo:hover span, .succeeding-succession .analyzing-trade-offs a.mbo.active span { color: #947cba; } .succeeding-succession .analyzing-trade-offs a.sales:hover span, .succeeding-succession .analyzing-trade-offs a.sales.active span { color: #b8a982; } .succeeding-succession .analyzing-trade-offs .model-circle { position: relative; display: block; width: 80%; min-height: 500px; margin-left: auto; margin-right: auto; box-sizing: content-box; } .succeeding-succession .analyzing-trade-offs .model-circle img { width: 100%; height: auto; display: none; } .succeeding-succession .analyzing-trade-offs .model-circle img.level0 { display: block; position: absolute; top: 0px; left: 0px; } .succeeding-succession .analyzing-trade-offs .model-circle img.level1 { position: absolute; top: 0px; left: 0px; } .succeeding-succession .analyzing-trade-offs .model-circle img.level2 { position: absolute; top: 0px; left: 0px; } .succeeding-succession .analyzing-trade-offs .model-circle img.level3 { position: absolute; top: 0px; left: 0px; } .succeeding-succession .analyzing-trade-offs .model-circle img.level1.active { display: block; } .succeeding-succession .analyzing-trade-offs .model-circle img.level2.active { display: block; } .succeeding-succession .analyzing-trade-offs .model-circle img.level3.active { display: block; } .succeeding-succession .analyzing-trade-offs .model-circle .social { position: absolute; font-weight: bold; left: -10px; top: 260px; text-align: left; } .succeeding-succession .analyzing-trade-offs .model-circle .financial { position: absolute; font-weight: bold; left: 0px; top: 30px; text-align: center; width: 100%; } .succeeding-succession .analyzing-trade-offs .model-circle .control { position: absolute; font-weight: bold; right: -20px; top: 260px; text-align: right; } .succeeding-succession .analyzing-trade-offs .model-circle .legacy { position: absolute; font-weight: bold; left: 0px; bottom: 30px; text-align: center; width: 100%; } .succeeding-succession .analyzing-trade-offs div.family-transition { display: none; } .succeeding-succession .analyzing-trade-offs div.mbo { display: none; } .succeeding-succession .analyzing-trade-offs div.sales { display: none; } .succeeding-succession .analyzing-trade-offs div.family-transition.active { display: block; } .succeeding-succession .analyzing-trade-offs div.mbo.active { display: block; } .succeeding-succession .analyzing-trade-offs div.sales.active { display: block; } .succeeding-succession .analyzing-trade-offs div.family-transition h3 { font-size: 22px; font-weight: bold; } .succeeding-succession .analyzing-trade-offs div.mbo h3 { font-size: 22px; font-weight: bold; } .succeeding-succession .analyzing-trade-offs div.sales h3 { font-size: 22px; font-weight: bold; } .succeeding-succession .analyzing-trade-offs div.family-transition ul li { font-size: 18px; text-align: left; opacity: 1; } .succeeding-succession .analyzing-trade-offs div.mbo ul li { font-size: 18px; text-align: left; opacity: 1; } .succeeding-succession .analyzing-trade-offs div.sales ul li { font-size: 18px; text-align: left; opacity: 1; } .succeeding-succession .lifecycle-transition-process-1 .timeline { width: 100%; padding: 0px; margin: 0px; position: relative; } .succeeding-succession .lifecycle-transition-process-1 .timeline .phase1, .succeeding-succession .lifecycle-transition-process-1 .timeline .phase2, .succeeding-succession .lifecycle-transition-process-1 .timeline .phase3, .succeeding-succession .lifecycle-transition-process-1 .timeline .phase4, .succeeding-succession .lifecycle-transition-process-1 .timeline .phase5 { width: 20%; min-height: 100px; padding: 0px; margin: 0px; position: relative; float: left; text-align: center; } .succeeding-succession .lifecycle-transition-process-1 .timeline .phase1 img, .succeeding-succession .lifecycle-transition-process-1 .timeline .phase2 img, .succeeding-succession .lifecycle-transition-process-1 .timeline .phase3 img, .succeeding-succession .lifecycle-transition-process-1 .timeline .phase4 img, .succeeding-succession .lifecycle-transition-process-1 .timeline .phase5 img { width: 60%; height: auto; } .succeeding-succession .lifecycle-transition-process-1 .timeline .icons { clear: both; } .succeeding-succession .lifecycle-transition-process-1 .timeline .band { clear: both; } .succeeding-succession .lifecycle-transition-process-1 .timeline .band { background: #223a82; /* For browsers that do not support gradients */ min-height: 140px; padding: 20px 0px; background: -webkit-linear-gradient(left, #FFFFFF -15%, #223a82 55%); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #FFFFFF -25%, #223a82 55%); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #FFFFFF -15%, #223a82 55%); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #FFFFFF -15%, #223a82 55%); /* Standard syntax */ } .succeeding-succession .lifecycle-transition-process-1 .timeline .band h3 { font-weight: bold; font-size: 20px; color: #FFF; } .succeeding-succession .lifecycle-transition-process-1 .timeline .band p { font-size: 16px; color: #FFF; } .succeeding-succession .lifecycle-transition-process-2 .timeline { width: 100%; padding: 0px; margin: 0px; position: relative; } .succeeding-succession .lifecycle-transition-process-2 .timeline .phase1, .succeeding-succession .lifecycle-transition-process-2 .timeline .phase2, .succeeding-succession .lifecycle-transition-process-2 .timeline .phase3, .succeeding-succession .lifecycle-transition-process-2 .timeline .phase4, .succeeding-succession .lifecycle-transition-process-2 .timeline .phase5 { width: 20%; min-height: 100px; padding: 0px; margin: 0px; position: relative; float: left; text-align: center; } .succeeding-succession .lifecycle-transition-process-2 .timeline .phase1 img, .succeeding-succession .lifecycle-transition-process-2 .timeline .phase2 img, .succeeding-succession .lifecycle-transition-process-2 .timeline .phase3 img, .succeeding-succession .lifecycle-transition-process-2 .timeline .phase4 img, .succeeding-succession .lifecycle-transition-process-2 .timeline .phase5 img { width: 60%; height: auto; } .succeeding-succession .lifecycle-transition-process-2 .timeline .icons { clear: both; } .succeeding-succession .lifecycle-transition-process-2 .timeline .band { clear: both; } .succeeding-succession .lifecycle-transition-process-2 .timeline .band { background: #223a82; /* For browsers that do not support gradients */ min-height: 140px; padding: 20px 0px; background: -webkit-linear-gradient(left, #FFFFFF -15%, #223a82 55%); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #FFFFFF -25%, #223a82 55%); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #FFFFFF -15%, #223a82 55%); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #FFFFFF -15%, #223a82 55%); /* Standard syntax */ } .succeeding-succession .lifecycle-transition-process-2 .timeline .band h3 { font-weight: bold; font-size: 20px; color: #FFF; } .succeeding-succession .lifecycle-transition-process-2 .timeline .band p { font-size: 16px; color: #FFF; } .succeeding-succession .lifecycle-transition-process-2 .transition-out { display: none; width: 20%; position: absolute; right: 0; border: 5px solid #223a82; height: 275px; background-color: rgba(255,255,255,0.3); } .succeeding-succession .lifecycle-transition-process-1 .timeline .bottom .phase3 { margin-top: -40px; } .succeeding-succession .lifecycle-transition-process-2 .timeline .bottom .phase3 { margin-top: -40px; } .succeeding-succession .owners-transition-into div.row > h2 { text-align: center; } .succeeding-succession .owners-transition-into div.row > h3 { text-align: center; margin-top: 5px; padding: 0px 60px; } .succeeding-succession .owners-transition-into div.row.transition-into div { text-align: center; } .succeeding-succession .owners-transition-into div.row.transition-into div h3 { color: #223a82; text-align: center; margin-top: 0px; font-size: 20px; font-weight: bold; } .succeeding-succession .owners-transition-into div.row.transition-into div img { text-align: center; width: 50%; height: auto; } .succeeding-succession .owners-transition-into div.row.transition-into div p { text-align: center; font-size: 16px; line-height: 18px; } .succeeding-succession .succeeding-in-succession-guide h2 { text-align: center; margin-top: 120px; } .succeeding-succession .succeeding-in-succession-guide h3 { text-align: center; } .succeeding-succession .succeeding-in-succession-guide p { text-align: center; font-size: 16px; line-height: 18px; padding: 10px 30px; } .succeeding-succession .succeeding-in-succession-guide img { max-width: 400px; height: auto; } .succeeding-succession .succeeding-in-succession-guide a.btn { background-color: #223a82; color: #FFF; text-decoration: none; text-align: center; margin-left: auto; margin-right: auto; display: block; width: 200px; margin-top: 30px; }