map area { outline: none !important; }

body.views-and-values div.content { padding-bottom: 100px; }

body.views-and-values { font-size: 22px; }

.views-and-values #progress-bar { min-width: 855px; width: 50%; left: 25%; height: 45px; margin-left: 10px; margin-top: 18px; top: -10px; }
.views-and-values #progress-bar .sub-unit { min-width: 90px; position: relative; float: left; border-left: 1px solid #AAA; padding: 0px 10px 20px 10px; }
.views-and-values #progress-bar .sub-unit:first-child { border-left: none; }
.views-and-values #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; }
.views-and-values #progress-bar .sub-unit span.label-sub-unit.aligning-values-views { font-size: 11px; }
.views-and-values #progress-bar .sub-unit.aligning-values-views ul.unit-progress li { margin-left: 12px; margin-right: 4px; }

.views-and-values div.tools { box-shadow: none; height: 50px; }
.views-and-values div.tools ul.unit-progress  { font-size: 8px; }
.views-and-values div.tools ul.unit-progress li { border: none !important; background-color: #444; border-radius: 100%; width: 6px; height: 6px; margin-left: 12px; }
.views-and-values div.tools ul.unit-progress li.intro { background-color: #444; }
.views-and-values div.tools ul.unit-progress li.current { background-color: #223a82; width: 10px; height: 10px; }
.views-and-values div.tools ul.unit-progress li:first-child { margin-left: 0px; }
.views-and-values div.copy { color: #DDD; text-align: center; font-size: 10px; width: 100%; position: absolute; bottom: 0px; clear: both; }
.views-and-values div.tools #print-bar { position: fixed; bottom: 140px; }
.views-and-values div.tools #transcript-bar { position: fixed; bottom: 110px; }
.views-and-values div.tools #voiceover-bar.player { position: fixed; bottom: 70px; height: 35px; width: 100px; overflow: hidden; left: 3px; }

.views-and-values #navbar a { padding: 5px 20px; }
.views-and-values #navbar .nav-tooltip { bottom: 100%; }
.views-and-values div.tools #voiceover-bar.player { position: fixed; bottom: 55px; height: 35px; width: 50%; min-width: 880px; overflow: hidden; left: 25%; }
.views-and-values div.tools #voiceover-bar.player div.audio { position: relative; }
.views-and-values div.tools #voiceover-bar .mejs-controls .mejs-currenttime-container span { font-size: 10px; }
.views-and-values div.tools #voiceover-bar .mejs-controls .mejs-duration-container { font-size: 10px; right: 0px; top: 42px; }
.views-and-values 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; }
/*.views-and-values div.tools #voiceover-bar .mejs-controls .mejs-playpause-button button { zoom: 0.4; }*/
.views-and-values div.tools #voiceover-bar .mejs-controls .mejs-playpause-button { top: 30px; left: 5px; }
.views-and-values div.tools #voiceover-bar .mejs-controls .mejs-playpause-button button { background-image: url('../../../OWNERSHIPEN/skin/img/sprite-blue.png'); }
.views-and-values div.tools #voiceover-bar .mejs-controls .mejs-currenttime-container { top: 43px; }




@media (min-width: 992px) {
  .views-and-values div.tools #voiceover-bar.player .mejs-container { width: 880px !important; }
  .views-and-values div.tools #voiceover-bar.player .mejs-container .mejs-time-rail { width: 800px !important; top: 25px; }
  .views-and-values div.tools #voiceover-bar.player .mejs-container .mejs-controls { width: 800px !important; left: 0px; margin-top: 2px; }
  .views-and-values div.tools #voiceover-bar.player .mejs-container .mejs-controls .mejs-time-rail span { width: 800px; }
  .views-and-values div.tools #voiceover-bar.player .mejs-container .mejs-duration-container { right: 0px; left: initial; }
}

@media (max-width: 1451px) {
    .views-and-values div.tools #voiceover-bar.player { left: 10%; }
}

@media (max-width: 1358px) {

}

@media (max-width: 1230px) {
    .views-and-values div.tools #voiceover-bar.player { width: 75%;  left: 20px; margin-left: 0px !important; }
}

@media (max-width: 1000px) {
  .views-and-values #progress-bar .copy { display: none; }
  .views-and-values div.tools #voiceover-bar.player .mejs-container { width: 500px !important; }
  .views-and-values div.tools #voiceover-bar.player .mejs-container .mejs-time-rail { width: 500px !important; top: 25px; }
  .views-and-values div.tools #voiceover-bar.player .mejs-container .mejs-controls { width: 500px !important; left: 0px; margin-top: 2px; }
  .views-and-values div.tools #voiceover-bar.player .mejs-container .mejs-controls .mejs-time-rail span { width: 500px; }
  .views-and-values div.tools #voiceover-bar.player .mejs-container .mejs-duration-container { right: 0px; left: initial; }
}

@media (max-width: 832px) {
  .views-and-values #progress-bar { display: none; }
  .views-and-values div.tools #voiceover-bar.player { bottom: 20px; }
}








/*.views-and-values div.tools #voiceover-bar.player:hover { width: 240px; }*/
.views-and-values div.tools #instructions-bar { position: fixed; bottom: 180px; left: 3px; }

.views-and-values div.slide.icon div.header div.container h1 { max-width: 540px; }
.views-and-values .slide.case-story .header .container h1 { text-shadow: none; }
.views-and-values .slide.family-interview .header .container h1 { text-shadow: none; }
.views-and-values .slide.interactive-activity .header .container h1 { text-shadow: none; }

@media (max-width: 1450px) {
    .views-and-values #progress-bar { left: 10%; }
}

@media (max-width: 1358px) {
    .views-and-values #progress-bar .sub-unit span.label-sub-unit { font-size: 10px; }
    .views-and-values div.tools ul.unit-progress li { margin-left: 10px; }
}

@media (max-width: 1230px) {
    .views-and-values #progress-bar { width: 75%; left: 20px; margin-left: 0px !important; }
}

@media (max-width: 1000px) {
    .views-and-values div.tools ul.unit-progress li { margin-left: 8px; }
    .views-and-values #progress-bar .sub-unit span.label-sub-unit { bottom: -8px; width: 90%; }
}

.views-and-values .slide .header h1.nospan { text-transform: uppercase; font-size: 28px; font-weight: 700; margin-top: 14px; margin-bottom: 0px; }
.views-and-values .slide .header h1 span { font-size: 16px; }
.views-and-values .slide.icon .header h1 span { font-size: 40px; }
.views-and-values .slide .header h1 span { display: block; clear:right; color:#949ec3; text-transform: uppercase; font-weight: 700;  }
.views-and-values .slide.voiceover .header .container h1 { text-shadow: none; }
.views-and-values 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.views-and-values .slide .header h1 span { display: block; clear:right; color:#949ec3; text-transform: uppercase;}

body.views-and-values { margin-top: 3px; position: relative; background-image: url('../img/vv_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; }

.views-and-values div.slide.toc div.content div.container div.item a { padding: 65px 13px; color: #223a82; text-align: center; }
.views-and-values div.slide.toc div.content div.container h2 { padding-top: 20px; margin-top: 0px; color: #444; }
.views-and-values 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; }


.views-and-values div.tools .autoplay { left: 210px; top: 0px; color: #AAA; }
/*.views-and-values #print-bar { cursor: not-allowed; opacity: 0.2 !important; }*/

#partner-logo { display: none; }
.views-and-values div.tools #instructions-bar { display: none; }
.views-and-values div.tools { padding: 20px 0px; }
@media (max-width: 1024px) { body div.tools #progress-bar { margin-left: -180px; } }
.views-and-values #navbar a#next-button { margin-right: 10px; }

@media (max-width: 1024px) {
    .views-and-values span.intro-nav-label { width: 104px; }
    .views-and-values div.slide.icon div.header div.container h1 { font-size: 30px; width: 50%; }
}


.views-and-values .interactive-activity-1 h2 small { display: inline-block; }
.views-and-values .interactive-activity-1 #ownership-values-graph { width: 810px; height: 610px; margin: 0 auto; position: relative; }
.views-and-values .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; }
.views-and-values .interactive-activity-1 blockquote p { font-style: italic; padding: 0px; font-size: 16px; }
.views-and-values .interactive-activity-1 blockquote p.quote { text-align: right; font-size: 18px; }
.views-and-values .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; }

.views-and-values .interactive-activity-1 .theme0,
.views-and-values .interactive-activity-1 .theme1,
.views-and-values .interactive-activity-1 .theme2,
.views-and-values .interactive-activity-1 .theme3,
.views-and-values .interactive-activity-1 .theme4,
.views-and-values .interactive-activity-1 .theme5,
.views-and-values .interactive-activity-1 .theme6 { display: none; padding-bottom: 100px; }

.views-and-values .interactive-activity-1 .theme.current { display: block; }

.views-and-values .interactive-activity-1 a.cycle-prev, .views-and-values .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;}

.views-and-values .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;}
.views-and-values .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; }

.views-and-values .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; }
.views-and-values .interactive-activity-1 .theme0 .add-values { text-align: center; margin-top:10px;}

.views-and-values .interactive-activity-1 .important-values-title small { display:none;clear:both;}
.views-and-values .interactive-activity-1 .important-values-title.theme-activity small { display:block;}
.views-and-values .interactive-activity-1 .theme0 .add-values label{ font-size: 16px; margin-bottom: 20px; font-weight: normal; margin-top: 0px; }
.views-and-values .interactive-activity-1 .theme0 .post-it p { padding: 0px; margin-top: 5px; margin-bottom: 5px; text-transform: uppercase; }
.views-and-values .interactive-activity-1 .theme0 .post-it:hover { background-color: #eee; }
.views-and-values .interactive-activity-1 .theme0 .post-it.selected { color: #FFF !important; background-color: #223a82; }

.views-and-values .interactive-activity-1 #ownership-values-graph-expansion { width: 620px; height: 620px; margin: 0 auto; position: relative; zoom: 0.75; }
.views-and-values .interactive-activity-1 #ownership-values-graph-succession { width: 620px; height: 620px; margin: 0 auto; position: relative; zoom: 0.75; }
.views-and-values .interactive-activity-1 #ownership-values-graph-non-family-owner { width: 620px; height: 620px; margin: 0 auto; position: relative; zoom: 0.75; }
.views-and-values .interactive-activity-1 #ownership-values-graph-conflict { width: 620px; height: 620px; margin: 0 auto; position: relative; zoom: 0.75; }
.views-and-values .interactive-activity-1 #ownership-values-graph-legacy { width: 620px; height: 620px; margin: 0 auto; position: relative; zoom: 0.75; }

.views-and-values .interactive-activity-1 .labels tspan { font-weight: bold; fill: #000; }
.views-and-values .interactive-activity-1 svg.values path { fill: transparent; stroke: lightsteelblue; stroke-width: 3px; pointer-events: none; }
.views-and-values .interactive-activity-1 svg.values .drag-on path { pointer-events: all; }
.views-and-values .interactive-activity-1 svg.values path.level-selected { pointer-events: all; }
.views-and-values .interactive-activity-1 svg.values .value-pie1 path:hover,
.views-and-values .interactive-activity-1 svg.values .value-pie1 path.level-selected { fill: #BC2B13; }
.views-and-values .interactive-activity-1 svg.values .value-pie2 path:hover,
.views-and-values .interactive-activity-1 svg.values .value-pie2 path.level-selected { fill: #9C2C74; }
.views-and-values .interactive-activity-1 svg.values .value-pie3 path:hover,
.views-and-values .interactive-activity-1 svg.values .value-pie3 path.level-selected { fill: #BC2C47; }
.views-and-values .interactive-activity-1 svg.values .value-pie4 path:hover,
.views-and-values .interactive-activity-1 svg.values .value-pie4 path.level-selected { fill: #99C404; }
.views-and-values .interactive-activity-1 svg.values .value-pie5 path:hover,
.views-and-values .interactive-activity-1 svg.values .value-pie5 path.level-selected { fill: #BC4C1C; }
.views-and-values .interactive-activity-1 svg.values .value-pie6 path:hover,
.views-and-values .interactive-activity-1 svg.values .value-pie6 path.level-selected { fill: #55C3C0; }
.views-and-values .interactive-activity-1 svg.values ellipse.center { fill: blue; stroke-width: 0; }
.views-and-values .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; }

.views-and-values .voiceover-1 #ownership-ellipses { width: 910px; height: 650px; margin: 0 auto; }

@media (max-width: 768px) { .views-and-values .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; }


.views-and-values .voiceover-2 .inclusive-ownership-1 { margin-bottom: 0px; margin-top: 80px;}
.views-and-values .voiceover-2 .inclusive-ownership-2 { margin-bottom: 5px; margin-top: 0px;}
.views-and-values .voiceover-2 .step { padding: 0px; position: initial; margin-right: 4%; }
.views-and-values .voiceover-2 .step:last-child { margin-right: 0px; }
.views-and-values .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; }

.views-and-values .voiceover-2 .inclusive-ownership-1 .step:first-child:after { display: none; }

.views-and-values .voiceover-2 .step .stage { position: relative; width: 100%; margin-bottom: -3px; }
.views-and-values .voiceover-2 .step .stage h2 { font-size:16px; text-align: center;margin-bottom:-5px; padding:0 22px;}
.views-and-values .voiceover-2 .step-implement-blueprint .stage { border-right: none; }
/*.views-and-values .voiceover-2 .step-develop-blueprint .stage { margin-left: 60%; }
.views-and-values .voiceover-2 .step-train-analyze .stage { margin-left: 40%; }
.views-and-values .voiceover-2 .step-create-structure .stage { margin-left: 20%; }*/
.views-and-values .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; }
/*.views-and-values .voiceover-2 .step.step-defining-inclusiveness .more-info { left: 33%; margin-top: -100px; }*/
.views-and-values .voiceover-2 .step .more-info .close { position: absolute; right: 10px; top: 10px; }
/*.views-and-values .voiceover-2 .step-implement-blueprint .more-info { left: 60%; }
.views-and-values .voiceover-2 .step-develop-blueprint .more-info { left: 40%; }
.views-and-values .voiceover-2 .step-train-analyze .more-info { left: 20%; }
.views-and-values .voiceover-2 .step-create-structure .more-info { right: 40%; }
.views-and-values .voiceover-2 .step-defining-inclusiveness .more-info { right: 60%; }*/

.views-and-values .slide .slide-learn-more p a img { width: 60px; height: auto; cursor: pointer; }
.views-and-values .slide .slide-learn-more p a { text-transform: uppercase; text-decoration: none; }

.views-and-values .slide-building-inclusive-culture .slide-learn-more { text-align: right; }
.views-and-values .slide-building-inclusive-culture .slide-learn-more p a { display: inline-block; width: 150px; }

.views-and-values .voiceover-2 .step .stage img { display: block; margin: 0 auto; width: 30%; height: auto; max-width: 100px; }
.views-and-values .voiceover-2 .step .stage p { font-size: 16px; text-align: center; padding: 7px 17px; color: #48484A; }
.views-and-values .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; }
    .views-and-values .voiceover-2 .arrow p { font-size: 14px; text-align: left; padding: 8px 10px; color: #fff; }
    .views-and-values .voiceover-2 .download-pdf-link { margin-top:30px; }
.views-and-values .voiceover-2 .download-pdf-link .row div { cursor:pointer; }
.views-and-values .voiceover-2 .download-pdf-link a { width:100%;color: #333; font-size: 14px; }
.views-and-values .voiceover-2 .download-pdf-link p { line-height: 16px; }
.views-and-values .voiceover-2 .download-pdf-link a img {  width:80px; height: auto; float: left; padding-right: 20px;}
.views-and-values .voiceover-2 .download-pdf-link .download-pdf-text { font-size: 16px; line-height: 60px; }

.views-and-values .slide-building-inclusive-culture .step .stage h2 { font-size: 22px; margin-top: 30px; }

.views-and-values .case-story-4 .ownership-motivations .template { display: none; }
.views-and-values .case-story-4 .ownership-motivations label { width: 100%; height: 100%; }
.views-and-values .case-story-4 .ownership-motivations label input { display: none; }
.views-and-values .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; }


.views-and-values .interactive-activity-2 .board { padding: 20px; min-height: 200px; }
.views-and-values .interactive-activity-2 .board img { height: auto; width: 20%; float: left;  }
.views-and-values .interactive-activity-2 .board .answer { min-height: 160px; width: 80%; float: left; }
.views-and-values .interactive-activity-2 .board .answer:hover { z-index: 90; }
.views-and-values .interactive-activity-2 .board .answer .post-it { margin: 0 auto; width: 150px; height: auto; margin-bottom: 2px; background-color: transparent; }
.views-and-values .interactive-activity-2 .board .answer .post-it:hover { background-color: #EEE; }
.views-and-values .interactive-activity-2 .board .answer .post-it p { font-size: 16px; padding: 0px; }
.views-and-values .interactive-activity-2 .board h2 { padding: 4px; text-align: center; }
.views-and-values .interactive-activity-2 .board-stepmom { background-color: #A9D18E; }
.views-and-values .interactive-activity-2 .board-sister { background-color: #FFE699; }
.views-and-values .interactive-activity-2 .post-its { position: relative; padding-top: 20px; }
.views-and-values .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; }
.views-and-values .interactive-activity-2 .post-it:nth-child(even) { background-color: rgba(255,255,255,0.6); }
.views-and-values .interactive-activity-2 .post-it:nth-child(odd) { background-color: rgba(50,50,50,0.4); }
.views-and-values .interactive-activity-2 .post-it p { text-align: center; font-style: italic; font-size: 12px; padding:  5px; }
.views-and-values .interactive-activity-2 .post-its .post-it { display: block; float: left; }


.views-and-values .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);}

.views-and-values .slide-type-icon.voiceover { background-position: -214px -140px;}
.views-and-values .slide-type-icon.interactive-activity {background-position: -424px -141px;}
.views-and-values .slide-type-icon.family-interview { background-position: -645px -141px;}
.views-and-values .slide-type-icon.case-story { background-position: -316px -141px; }
.views-and-values .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;
    }
}

.views-and-values .why-values-views .row { text-align: center;}
.views-and-values .why-values-views img { width:40%;margin: 40px 0 20px 0;}

.views-and-values .learning-expectations li { padding-bottom: 20px; }
.views-and-values .key-learnings li { padding-bottom: 20px; }
.views-and-values .why-values-views li { padding-bottom: 20px; }
.views-and-values .takeaways li { padding-bottom: 20px; }
.views-and-values .managing-views-conflicts-tips li { padding-bottom: 20px; }
.views-and-values .living-our-values li { padding-bottom: 20px; }
.views-and-values .living-our-values-values p { text-align:center; }
.views-and-values .living-our-values-values .alignment-element img { height:100px; width:auto; }
.views-and-values .living-our-values-values .alignment-element .element-label { color:#223a82;font-weight:700;margin-top:0.5em; text-transform: uppercase; }
.views-and-values .living-our-values-values .alignment-element .element-description { font-size:16px;}
.views-and-values .living-our-values .alignment-element {width:20%; display:block; float:left; text-align:center;}
.views-and-values .living-our-values .alignment-element-row-1 {margin-right:5%;}
.views-and-values .living-our-values .alignment-element-row-2 {margin-left:11%;}
.views-and-values .living-our-values .alignment-element-row-2-element-2 {margin-left:7%;}
.views-and-values .living-our-values .alignment-element-row-2-element-3 {margin-left:6%;}


.views-and-values .example-values-major-companies p { text-align:center; padding: 0px 10px; }
.views-and-values .example-values-major-companies .large-company-logo { border-right:thin solid #888; min-height:275px;}
.views-and-values .example-values-major-companies .large-company-logo.maple-leaf-logo { border:none;}
.views-and-values .example-values-major-companies .large-company-logo div { height:150px;}
.views-and-values .example-values-major-companies img { width:70%; margin-left:15%;}
.views-and-values .example-values-major-companies img.maple-leaf-logo { width:35%; margin-left:32%;}

.views-and-values .shared-values-examples .content { text-align:center;}
.views-and-values .shared-values-examples h3 { color:#888; font-size: 24px;}
.views-and-values .shared-values-examples h3 strong { font-size: 22px; }
.views-and-values .shared-values-examples p { font-size: 20px; line-height: 25px;}
.views-and-values .shared-values-examples .large-company-logo { border-right:thin solid #888; min-height:555px;}
.views-and-values .shared-values-examples .large-company-logo.maple-leaf-logo { border:none;}
.views-and-values .shared-values-examples .large-company-logo div { height:150px;}
.views-and-values .shared-values-examples img { width:70%; margin-left:15%;}
.views-and-values .shared-values-examples img.maple-leaf-logo { width:30%; }

.views-and-values .shared-values-examples.second-time img { margin-left: 0px; }

.views-and-values .postit-bubble { min-height: 300px; display:table; width: 30%; margin-left: 5%; }
.views-and-values .postit-bubble:first-child { margin-left: 0px; }
.views-and-values .postit-bubble.col-sm-offset-2 { margin-left: 15%; }
.views-and-values .postit-bubble p { margin: 0 10%; padding:0 9%;text-align: center; font-size: 20px; display:table-cell;vertical-align: middle; background-color: #e2e1f1; border:dotted 3px #223a82;width:80%;}
.views-and-values .slide .postit-bubble p span { color: #223a82; display: block; font-weight: bold; }
.views-and-values .postit-row { margin-top:100px;}

.views-and-values .postit-row:before { content: ' '; border-bottom: 3px solid #223a82; width: 30%; margin-left: 15%; height: 150px; position: absolute; }


@media (max-width: 800px) {
    .views-and-values .postit-bubble p { padding: 40px 20px; }
}


body.views-and-values .postit-row:before { width: 50%; margin-left: 20%; }
@media (min-width: 1385px) {
    body.views-and-values .postit-row:before { width: 40%; margin-left: 20%; }
}

@media (min-width: 1630px) {
    body.views-and-values .postit-row:before { margin-left: 15%; }
}

body.views-and-values .postit-bubble-2 .postit-row:before { width: 40%; margin-left: 15%; }
@media (min-width: 1385px) {
    body.views-and-values .postit-bubble-2 .postit-row:before { width: 40%; }
}

@media (min-width: 1630px) {
    body.views-and-values .postit-bubble-2 .postit-row:before { width: 30%; margin-left: 15%; }
}








.views-and-values .different-types-values .static-values-type {border-right:thin solid #888; min-height:470px;}
.views-and-values .different-types-values h3 {color:#888; font-size: 22px; min-height:90px;}
 .views-and-values .different-types-values h3 span {font-weight: 700;font-size: 24px;}
 .views-and-values .different-types-values h4 {color:#223a82; font-size: 18px;font-weight: 700; }
 .views-and-values .different-types-values img {opacity:0; width:70%; height: auto; }
 .views-and-values .different-types-values ul { font-size: 16px;}
 .views-and-values .different-types-values ul li { font-size: 16px; opacity: 0;}
 .views-and-values .different-types-values ul li span{ font-weight: 700;}
 .views-and-values .different-types-values p { font-size: 16px; }
 .views-and-values .different-types-values .static-values-type-example, .views-and-values .different-types-values .dynamic-values-type-example {   }
 .views-and-values .different-types-values .example { font-size: 16px; min-height:180px;opacity: 0; border:dotted 3px #223a82;border-radius: 40px; padding:20px;}
.views-and-values .different-types-values .static-values-type-example { border-right: thin solid #888; }

 .views-and-values .values-conflict .values-conflict-division { padding-top: 60px; }
 .views-and-values .values-conflict .values-conflict-division p { text-align: center; text-transform: uppercase; font-size: 18px;}
 .views-and-values .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;}
 .views-and-values .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;}
 .views-and-values .values-conflict .values-conflict-confrontation { border-left: 2px solid #AAA; }
 .views-and-values .values-conflict .values-conflict-confrontation .non-emotional-values {text-align:right;}

.views-and-values .values-conflict .values-conflict-confrontation .emotional-values { padding-right: 0px; }
.views-and-values .values-conflict .values-conflict-confrontation .non-emotional-values { padding-left: 0px; }

 .views-and-values .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%;}
 .views-and-values .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; }
 .views-and-values .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; }
 .views-and-values .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%;}
 .views-and-values .interactive-activity-2 .views-description { color:#223a82;}
 .views-and-values .interactive-activity-2 .views-description:before { width:50px; content: url('../img/left-quote.png'); zoom: 0.6; position: absolute; left: -10px; top: -15px; }
.views-and-values .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; }
 .views-and-values .interactive-activity-2 .views-description { color:#223a82; font-weight: 600; line-height: 25px; text-align: center; padding: 0px 40px; position: relative; }
 .views-and-values .interactive-activity-2 .views, .views-and-values .interactive-activity-2 .values { color:#999; text-transform: uppercase; }
.views-and-values .interactive-activity-2 .values-container { color:#444;}
.views-and-values .interactive-activity-2 .jenkins-family-members {text-align: center;}
 .views-and-values .interactive-activity-2 .jenkins-profile { text-align: center;}

.views-and-values .interactive-activity-2 .jenkins-profile h3 { text-transform: uppercase; font-weight: 600; }

.views-and-values .interactive-activity-2 .jenkins-profile img { width:auto; height:300px;}
.views-and-values .interactive-activity-2 .managing-views-conflicts-tips { display:none; background-color: #FFF; padding: 40px; font-size: 18px; }
.views-and-values .interactive-activity-2 .additional-information-link { margin-top:15px;  cursor:pointer;}
.views-and-values .interactive-activity-2 .additional-information-link p { font-size: 14px; }
.views-and-values .interactive-activity-2 .additional-information-link img {width:50px;}

.views-and-values .living-our-values h2 {text-align: center;}

.views-and-values .power-ownership-group .power-element { background-color: #e2e1f1; min-height: 150px; display:table; width:90%; margin:2%; border-radius: 100px; border:2px dotted #2c3696;}
.views-and-values .power-ownership-group h2 { text-align: center; }
.views-and-values .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; }
.views-and-values .power-ownership-group .element-description { padding-top:1.5em;}
.views-and-values .power-ownership-group p.source { font-size: 12px; text-align: center; color: #444; padding-top: 20px; padding-bottom: 100px; }

.views-and-values .power-employees-group h2 { text-align: center; }
.views-and-values .power-employees-group .power-element { background-color: #e2e1f1; min-height: 150px; display:table; width:90%; margin:5%; border-radius: 100px; border:2px dotted #2c3696; }
.views-and-values .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;}
.views-and-values .power-employees-group .element-description {padding-top:1.5em;}

.views-and-values .aligning-practices-values h2 { text-align: center; }
.views-and-values .aligning-practices-values .alignment-element { background-color: #2c3696; min-height: 85px; display:table; width:90%; margin:5%; border-radius: 100px; }
.views-and-values .aligning-practices-values .alignment-element:hover { background-color: #3f8fc4; }
.views-and-values .aligning-practices-values .alignment-element:hover p { font-size:16px; text-transform: none; }

@media (max-width: 992px) {
    .views-and-values .aligning-practices-values .alignment-element:hover p { font-size:14px; }
}

.views-and-values .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;}
.views-and-values .aligning-practices-values .alignment-element .element-description {display:none;}

.views-and-values .aligning-practices-values-activity th {background-color: #2c3696; color:#fff; text-align: center;height: 35px;font-size: 18px;border-right:thin solid #fff;}
.views-and-values .aligning-practices-values-activity tbody td {border-right:thin solid #fff; background-color: #F1F1F1;}
.views-and-values .aligning-practices-values-activity tbody td textarea {border:none; background-color: #F1F1F1; height:2em; color:#fff;font-size: 14px;}
.views-and-values .aligning-practices-values-activity tbody td textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000;
}
.views-and-values .aligning-practices-values-activity tbody td textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000;
   opacity:  1;
}
.views-and-values .aligning-practices-values-activity tbody td textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000;
   opacity:  1;
}
.views-and-values .aligning-practices-values-activity tbody td textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000;
} { color:#000;}
.views-and-values .aligning-practices-values-activity tbody tr:nth-child(even) td, .views-and-values .aligning-practices-values-activity tbody tr:nth-child(even) td textarea {background-color: #fff; }
.views-and-values .aligning-practices-values-activity tbody tr:nth-child(even) td textarea {border:none;}
.views-and-values .aligning-practices-values-activity textarea {width:100%;}

.views-and-values .aligning-practices-values-activity .download-pdf-link { margin-bottom: 60px; }
.views-and-values .aligning-practices-values-activity .download-pdf-link .row div { cursor:pointer; }
.views-and-values .aligning-practices-values-activity .download-pdf-link a { width:100%; color: #333; }
.views-and-values .aligning-practices-values-activity .download-pdf-link p { line-height: 16px; }
.views-and-values .aligning-practices-values-activity .download-pdf-link a img { width:80px; height: auto; float: left; padding-right: 20px;}
.views-and-values .aligning-practices-values-activity .download-pdf-link .download-pdf-text { font-size: 16px;}


@media (max-width: 1200px) {
    .views-and-values div.slide.conclusion.appreciation .header .container h1 { font-size: 30px; width: 50%; }
}

.views-and-values .conclusion-elements li span { font-weight: 700;}