@font-face {
    font-family: 'openSans';
    src: url('webfont/openSans/OpenSans-Regular-webfont.eot');
    src: url('webfont/openSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('webfont/openSans/OpenSans-Regular-webfont.woff') format('woff'), url('webfont/openSans/OpenSans-Regular-webfont.ttf') format('truetype'), url('webfont/openSans/OpenSans-Regular-webfont.svg#openSans') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'openSans';
    src: url('webfont/openSans/OpenSans-Italic-webfont.eot');
    src: url('webfont/openSans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('webfont/openSans/OpenSans-Italic-webfont.woff') format('woff'), url('webfont/openSans/OpenSans-Italic-webfont.ttf') format('truetype'), url('webfont/openSans/OpenSans-Italic-webfont.svg#openSans') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'openSans';
    src: url('webfont/openSans/OpenSans-Light-webfont.eot');
    src: url('webfont/openSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('webfont/openSans/OpenSans-Light-webfont.woff') format('woff'), url('webfont/openSans/OpenSans-Light-webfont.ttf') format('truetype'), url('webfont/openSans/OpenSans-Light-webfont.svg#openSans') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'openSans';
    src: url('webfont/openSans/OpenSans-LightItalic-webfont.eot');
    src: url('webfont/openSans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('webfont/openSans/OpenSans-LightItalic-webfont.woff') format('woff'), url('webfont/openSans/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('webfont/openSans/OpenSans-LightItalic-webfont.svg#openSans') format('svg');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'openSans';
    src: url('webfont/openSans/OpenSans-Semibold-webfont.eot');
    src: url('webfont/openSans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('webfont/openSans/OpenSans-Semibold-webfont.woff') format('woff'), url('webfont/openSans/OpenSans-Semibold-webfont.ttf') format('truetype'), url('webfont/openSans/OpenSans-Semibold-webfont.svg#openSans') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'openSans';
    src: url('webfont/openSans/OpenSans-SemiboldItalic-webfont.eot');
    src: url('webfont/openSans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('webfont/openSans/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('webfont/openSans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('webfont/openSans/OpenSans-SemiboldItalic-webfont.svg#openSans') format('svg');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'openSans';
    src: url('webfont/openSans/OpenSans-Bold-webfont.eot');
    src: url('webfont/openSans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('webfont/openSans/OpenSans-Bold-webfont.woff') format('woff'), url('webfont/openSans/OpenSans-Bold-webfont.ttf') format('truetype'), url('webfont/openSans/OpenSans-Bold-webfont.svg#openSans') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'openSans';
    src: url('webfont/openSans/OpenSans-BoldItalic-webfont.eot');
    src: url('webfont/openSans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('webfont/openSans/OpenSans-BoldItalic-webfont.woff') format('woff'), url('webfont/openSans/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('webfont/openSans/OpenSans-BoldItalic-webfont.svg#openSans') format('svg');
    font-weight: 700;
    font-style: italic;
}

/*

Unit1 : #17375E;
Unit2 : #005828; #34567e
Unit3 : #F9A818; #51729b
Unit4 : #67CCBD; #34567e        #7492b6
Unit5 : #D99694; #17375E        #98b1cf

*/



#blender { position: absolute; bottom: 100px; right: 100px; max-width: 600px; }

/**************************/
/******** LAYOUT **********/
/**************************/
html.no-js { opacity: 1 !important; }
html, body { width: 100%; height: 100%; font-family: openSans, sans-serif; font-size: 24px; margin: 0; }
body a { color: #66C0CB; }
p.source { font-size: 10px; text-align: right; margin-top: 5px; }
p.source a { color: #444; }

/**************************/
/******** HEADER **********/
/**************************/
#dashboard { height: 35px; width: 100%; position: fixed; top: 0px; z-index: 1010; }
#dashboard div.header { height: 0px; overflow: hidden; width: 101%; position: relative; }
#dashboard div.header iframe { position: absolute !important; }
#dashboard div.handle { width: 100%; height: 30px; }
#dashboard div.handle a { display: block; position: absolute; right: 55px; background-color: #FFF; padding: 5px 15px; height: 30px; border: solid 1px #FFF; border-radius: 0px 0px 10px 10px; color: #444; font-size: 14px; text-decoration: none; box-shadow: 3px 1px 4px #444; }

#header-print { display: none; }

#container { width: 100%; height: 100%; margin-bottom: 85px; }
.slide { background-color: transparent; height: 100%; }
#container .slide .header { padding-bottom: 15px; background-color: #66C0CB; background-color: rgba(0, 150, 169, 0.6); height: 90px; padding-top: 5px; }
#container .slide .header .container:before { display: block; content: ''; width: 80px; height: 80px; }
#container .slide .header .container h1 { margin: -70px 0 0 80px; padding: 15px 0 10px 15px; min-height: 55px; font-size: 24px; }
#container .slide .content { padding-bottom: 50px; padding-top: 30px; height: 120%; background-color: #D0D7DF; }
#container .slide .content h2 { font-size: 20px; font-weight: 800; }
#container .slide .printable { display: none; }

#learning-guide { background-image: none !important; /*position: absolute; top: 35px; right: 10px; background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 4px;*/ }
#learning-guide.halo { border: solid 1px #444; }
#learning-guide a { display: block; width: 35px; height: 35px; background-image: url('../img/sprite.png'); background-repeat: no-repeat; overflow: hidden; text-indent: -999em; background-position: -140px 0px; }
#learning-guide-arrow { background-image: none !important; position: absolute !important; right: 0; top: -55px; width: 60px; height: auto; display: none; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 1 !important; height: 47px !important; }


#learning-guide-arrow img { width: 100%; height: auto; }

/**************************/
/********* FOOTER *********/
/**************************/
#footer { width: 100%; position: fixed; bottom: 0px; height: 40px; background-color: #fff; box-shadow: 3px 0px 10px #444; padding: 0px; z-index: 1000; line-height: 0px; }

#progress-bar { position: absolute; width: 100%; left: 0px; box-shadow: 0px -5px 5px #AAA; top: -10px; background-color: #FFF; }
#progress-bar ul { width: 100%; }
#progress-bar .unit-sections .introduction { color: #17375E; width: 7.70%; }
#progress-bar .unit-progress .introduction { background-color: rgba(23, 55, 94, 0.5); border-right: solid 1px #17375E; }
#progress-bar .unit-progress .introduction.viewed { background-color: #17375E; }
#progress-bar .unit-progress .introduction.current { background-color: rgba(23, 55, 94, 0.75); }
#progress-bar .unit-sections .setting-stage { color: #34567e; width: 23%; }
#progress-bar .unit-progress .setting-stage { background-color: rgba(52,86,126, 0.5); border-right: solid 1px #34567e; }
#progress-bar .unit-progress .setting-stage.viewed { background-color: #34567e; }
#progress-bar .unit-progress .setting-stage.current { background-color: rgba(52,86,126,0.75); }
#progress-bar .unit-sections .developing-opportunities { color: #51729b; width: 24.3%; }
#progress-bar .unit-progress .developing-opportunities { background-color: rgba(81,114,155, 0.5); border-right: solid 1px #51729b; }
#progress-bar .unit-progress .developing-opportunities.viewed { background-color: #51729b; }
#progress-bar .unit-progress .developing-opportunities.current { background-color: rgba(81,114,155, 0.75); }
#progress-bar .unit-sections .preparing-future { color: #34567e; width: 32%; }
#progress-bar .unit-progress .preparing-future { background-color: rgba(52,86,126, 0.5); border-right: solid 1px #34567e; }
#progress-bar .unit-progress .preparing-future.viewed { background-color: #34567e; }
#progress-bar .unit-progress .preparing-future.current { background-color: rgba(52,86,126, 0.75); }
#progress-bar .unit-sections .summary { color: #17375E; width: 13%; }
#progress-bar .unit-progress .summary { background-color: rgba(23, 55, 94, 0.5); border-right: solid 1px #17375E; }
#progress-bar .unit-progress .summary.viewed { background-color: #17375E; }
#progress-bar .unit-progress .summary.current {  background-color: rgba(23, 55, 94, 0.75);}

#progress-bar .unit-sections li span.unit-title { opacity: 0; color: #444 !important; display: block; position: absolute; text-align: center; top: -40px; font-size: 10px !important; }
#progress-bar .unit-sections li span.unit-title:before { margin-right: 5px !important; }

#progress-bar .unit-sections,
#progress-bar .unit-progress { padding: 0px; margin: 0px; }
#progress-bar .unit-sections li,
#progress-bar .unit-progress li { position: relative; padding: 0px; margin: 0px; display: inline-block; }

#progress-bar .unit-sections { font-size: 10px; }
#progress-bar .unit-sections li { text-align: center; margin: 0px; padding: 0px; }
#progress-bar .unit-sections li:last-child { border-right: none; }
#progress-bar .unit-sections li.current { font-weight: bold; }
#progress-bar .unit-sections li span.unit-title:before { display: inline-block; width: 35px; height: 35px; background-image: url('../img/sprite.png'); background-repeat: no-repeat; background-size: 483%; margin: 0 auto -15px; overflow: hidden; content: ''; }
#progress-bar .unit-sections li.introduction span.unit-title { font-size: 1px; color: #fff; }
#progress-bar .unit-sections li.introduction span.unit-title:before { background-position: 2px -24px; }
#progress-bar .unit-sections li.setting-stage span.unit-title:before { background-position: -33px -24px; }
#progress-bar .unit-sections li.developing-opportunities span.unit-title:before { background-position: -67px -24px; }
#progress-bar .unit-sections li.preparing-future span.unit-title:before { background-position: -101px -24px; }
#progress-bar .unit-sections li.summary span.unit-title { font-size: 1px; color: #fff; }
#progress-bar .unit-sections li.summary span.unit-title:before { background-position: -135px -24px; }

#progress-bar .unit-progress { font-size: 1px; }
#progress-bar .unit-progress li { width: 1.28%; height: 10px; cursor: pointer; margin: 0px; padding: 0px; }

#progress-bar .unit-sections li.introduction ul.unit-progress li { width: 14.28%; border: none; }
#progress-bar .unit-sections li.setting-stage ul.unit-progress li { width: 5.26%; border: none; }
#progress-bar .unit-sections li.developing-opportunities ul.unit-progress li { width: 5%; border: none; }
#progress-bar .unit-sections li.preparing-future ul.unit-progress li { width: 3.84%; border: none; }
#progress-bar .unit-sections li.summary ul.unit-progress li { width: 14.2%; border: none; }


#progress-bar .unit-progress li a { position: absolute; top: 0px; left: 0px; width: 100%; height: 10px; text-decoration: none; text-indent: -100px; overflow: hidden; }
#progress-bar .unit-progress .current { background-color: #FFF; }

#progress-bar .unit-progress .current:before { content: '▾'; position: absolute; top: -7px; color: #444; z-index: 999; font-size: 16px; display: block; width: 100%; text-align: center; }

#share-btn  { position: absolute; bottom: 28px; right: 200px; width: 60px; display: none; }

#footer .buttons { position: absolute; right: 250px; height: 35px; bottom: 3px; }
#footer .buttons > div { position: relative; float: left; width: 35px; height: 35px; opacity: 0.2; margin-left: 10px; overflow: hidden; background-image: url('../img/sprite.png'); background-repeat: no-repeat; }
#footer .buttons > div a { display: block; cursor: not-allowed; }
#footer .buttons > div span { display: block; text-indent: -9999em; }
#footer .buttons > div.active-btn { opacity: 1; }
#footer .buttons > div.active-btn a { cursor: pointer; }
#footer .buttons div h2 { font-size: 22px; }
#footer .buttons div .close { position: absolute; height: 20px; width: 20px; top: 5px; right: 5px; }

#print-btn  { background-position: -105px 0px; }
#voiceover-btn  { background-position: 0px 0px; }
#transcript-btn  { background-position: -70px 0px; }
#instructions-btn  { background-position: -35px 0px; display: none; }
#settings-btn  { background-position: -175px 0px; display: none; }



#voiceover-btn.player { height: 80px; overflow: visible; background-image: none !important; }
#voiceover-btn.active-btn.player { width: 225px; }
#voiceover-btn .audio { position: absolute; margin-top: -20px; }
#voiceover-btn .audio .mejs-controls { position: absolute; margin-top: -5px; }

#settings-btn .settings-bloc,
#instructions-btn .instructions-bloc,
#transcript-btn .transcript-bloc { height: 1px; width: 1px; font-size: 14px; box-shadow: 5px 5px 20px #888888; border: solid 1px #EEE; padding: 30px; background-color: #fff; overflow: hidden; bottom: 50px; right: 0; position: absolute; z-index: 1000; display: none; border-radius: 10px 10px; line-height: 16px; }
#transcript-btn .transcript-bloc .actor { font-weight: 700; font-variant: small-caps; margin-bottom: 0; }
#settings-btn .settings-bloc.open,
#instructions-btn .instructions-bloc.open,
#transcript-btn .transcript-bloc.open { -webkit-overflow-scrolling: touch; display: block; overflow-y: scroll; }

#footer .vjs-big-play-button { width: 14%; position: fixed; top: 40%; left: 43%; height: 16%; background: url('../img/audio.png') no-repeat center center; background-size: cover; margin: 0; padding: 0; border: none; cursor: pointer; z-index: 9999; }
#footer .vjs-big-play-button:before { content: ''; }
#footer .vjs-default-skin .vjs-control-bar {  }
#footer .vjs-volume-menu-button { max-width: 4em !important; }
#footer .video-js .vjs-duration, #footer .vjs-time-divider,  #footer .vjs-current-time { display: block; }
#audio { position: fixed; bottom: 4px; right: 400px; height: 32px !important; background-color: #FFF; }
#audio .vjs-control-bar { background-color: #FFF; }
#audio .vjs-play-control { color: #17375E; }
#footer #audio .vjs-duration, #footer #audio .vjs-time-divider, #footer #audio .vjs-current-time { color: #17375E; }
#audio .vjs-load-progress { background-color: #CCC; }
#audio .vjs-play-progress { background-color: #17375E; }
#audio .vjs-mute-control, #audio .vjs-volume-menu-button { color: #17375E; }
#audio .vjs-play-progress:before { color: #17375E; }
#audio .vjs-time-control { padding-left: 3px; padding-right: 3px; min-width: 5px; }

#autoplay { width: 125px; font-size: 10px; color: #777; height: 25px; }
#autoplay label { cursor: pointer; }

#nav-bar { position: absolute; bottom: 4px; right: 20px; }
#nav-bar a { display: block; color: #333; padding: 16px 20px; float: left; margin-right: 15px; text-decoration: none; font-size: 16px; }
#nav-bar a#back-button { background-color: #FFF; color: #17375E; border: 1px solid #17375E; }
#nav-bar a#next-button { background-color: #17375E; color: #FFF; margin-right: 0; border: 1px solid #17375E; }

/*

#nav-bar a#next-button, #nav-bar a#back-button { background-color: #17375E; color: #FFF; }
*/

/* Pour permettre l'affichage des call-to-action relativement à la position du bouton */
#nav-bar .nav-tooltip { position: relative; display: none; }
#nav-bar .nav-tooltip-next p { position: absolute; bottom: 55px; right: 125px; font-family: 'Comic Sans MS', openSans; font-size: 14px; width: 300px; text-align: right; color: #000; }
#nav-bar .nav-tooltip-next img { position: absolute; bottom: 30px; right: 50px; width: 60px; height: 30px; }

#copy { position: fixed; bottom: 5px; width: 300px; font-size: 10px; text-align: left; padding-left: 10px; height: 12px; }
.browser-restriction { position: fixed; bottom: 80px; left: 0px; width: 100%; height: 30px; text-align: center; color: #FFF; background-color: #000; font-size: 16px; padding: 5px; }

@media (max-width: 968px) {
    #copy { font-size: 8px; bottom: -5px; }
}

/*****************************/
/********   AUDIO  ***********/
/*****************************/
.slide.animation .transcript { display: none; }

/******* RESPONSIVE *******/
@media (max-height: 1000px){ .slide.animation .content .audio { zoom: 0.9; } }
@media (max-height: 900px){ .slide.animation .content .audio { zoom: 0.8; } }
@media (max-height: 800px){ .slide.animation .content .audio { zoom: 0.7; } }
@media (max-height: 700px){ .slide.animation .content .audio { zoom: 0.6; } }
@media (max-height: 600px){ .slide.animation .content .audio { zoom: 0.5; } }
@media (max-width: 1100px){ .slide.animation .content .audio { zoom: 0.7; } }


/*****************************/
/********   VIDEO  ***********/
/*****************************/
.video-player .video { position: relative; width: 100%; height: 206px; margin-bottom: 20px; }
.video-player .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.comment-video { text-align: center; }
@media (min-width: 544px){
    .video-player .video { height: 306px; }
}
@media (min-width: 768px){
    .video-player .video { height: 408px; }
}
@media (min-width: 992px){
    .video-player .video { height: 537px; }
}
@media (min-width: 1200px){
    .video-player .video { height: 649px; }
}

/*********************************/
/********  PEER VIDEO  ***********/
/*********************************/
.peer-perspective p { margin-top: 5px; font-size: 16px; }
.peer-perspective h2 { margin-left: 10px; }
.peer-perspective .question { margin: 10px 15px; }
.peer-perspective .resume { margin: 10px 15px; font-size: 18px; font-weight: 600; }
.peer-perspective ol { margin: 10px 15px; font-size: 14px; }
.peer-perspective .video { position: relative; width: 100%; height: 206px; margin-bottom: 20px; }
.peer-perspective.vs-video .video { height: 163px; border: 2px solid #FFA500; }
.peer-perspective .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.peer-perspective .video { border: 2px solid #FFA500; }
@media (min-width: 544px){
    .peer-perspective p { margin-top: 15px; }
    .peer-perspective .video { height: 306px; }
    .peer-perspective.vs-video .video { height: 306px; }
}
@media (min-width: 768px){
    .peer-perspective p { margin-top: 15px; }
    .peer-perspective .video { height: 408px; }
    .peer-perspective.vs-video .video { height: 202px; }
    /*.peer-perspective .content .row > div { background-color: rgba(255,165,0,0.4); padding: 20px; min-height: 600px; }*/
}
@media (min-width: 992px){
    .peer-perspective p { margin-top: 25px; font-size: 20px; }
    .peer-perspective .video { height: 537px; }
    .peer-perspective.vs-video .video { height: 264px; }
}
@media (min-width: 1200px){
    .peer-perspective p { margin-top: 20px; font-size: 22px; }
    .peer-perspective .video { height: 638px; }
    .peer-perspective.vs-video .video { height: 318px; }
}

/*****************************/
/********   GEARS  ***********/
/*****************************/
#intrapreneurship-gears { position: relative; width: 620px; height: 560px; margin: 0 auto; }
#intrapreneurship-gears svg .gear text { fill: #fff; font-size: 18px; font-weight: bold; text-anchor: middle; }
#intrapreneurship-gears svg .gear-future path { fill:#953735; }
#intrapreneurship-gears svg .gear-innovation path { fill:#E46C0A; }
#intrapreneurship-gears svg .gear-entrepreneurial-spirit path { fill:#4A452A; }
#intrapreneurship-gears svg .gear-mentorship path { fill:#336600; }
#intrapreneurship-gears svg .gear-culture path { fill:#008080; }
#intrapreneurship-gears svg .gear-creativity path { fill:#CCCC00; }
#intrapreneurship-gears svg .gear-family-capital path { fill:#777; }

/********************************/
/********   OVERVIEW  ***********/
/********************************/
.intrapreneurship-overview { padding-top: 30px; }
.intrapreneurship-overview .col-sm-4 div.icon { width: 126px; height: 126px; background-image: url('../img/sprite.png'); background-repeat: no-repeat; overflow: hidden; margin-right: auto; margin-left: auto; }
.intrapreneurship-overview .setting-stage div.icon{ background-position: -132px -96px; }
.intrapreneurship-overview .developing-opportunities div.icon { background-position: -262px -96px; /*right: 0;*/ }
.intrapreneurship-overview .preparing-future div.icon { background-position: -392px -96px; /*bottom: 0; left: 270px;*/ }
.intrapreneurship-overview p { text-align: center; padding-top: 25px; font-weight: 800; color: #000; }

/**********************************/
/********   SLIDER LABELS ***********/
/**********************************/
.slider label {
  position: absolute;
  width: 85px !important;
  margin-top: 30px !important;
  margin-left: -10px !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
.slider label.slider-label-completely-disagree { left:-6%}
.slider label.slider-label-disagree { left: 19%}
.slider label.slider-label-neither-agree-disagree { left: 44%}
.slider label.slider-label-agree { left: 68%}
.slider label.slider-label-completely-agree { left: 94%}
@media (min-width: 768px){
.slider label.slider-label-agree { left: 70%}
}
@media (min-width: 992px){
.slider label.slider-label-completely-disagree { left:-4%}
.slider label.slider-label-disagree { left: 21%}
.slider label.slider-label-neither-agree-disagree { left: 46%}
.slider label.slider-label-agree { left: 70%}
.slider label.slider-label-completely-agree { left: 95%}
}
@media (min-width: 1200px){
.slider label.slider-label-agree { left: 72%}
.slider label.slider-label-completely-agree { left: 96%}
}

/**********************************/
/********   OBJECTIVES  ***********/
/**********************************/
.objectives h2 { height: 40px; font-weight: 600; opacity: 0; }
.objectives h3 { height: 40px; font-weight: 600; opacity: 0; }
.objectives .objectives li { padding-bottom: 15px; opacity: 0; font-size: 20px; }

/***************************************/
/********   KNOWLEDGE CHECK  ***********/
/***************************************/
.knowledge-check .content .container { background-color: #17375E; color: #ddd; }
.knowledge-check .question { display: none; width: 95%; margin: 0 auto; padding-top: 80px; background: url(../img/knowledge-check.png) transparent; background-repeat: no-repeat; background-position: 100% 5%; }
.knowledge-check .question.active { display: block; }
.knowledge-check .question p { margin-bottom: 30px; }
.knowledge-check .question .radio,
.knowledge-check .question .checkbox { margin-bottom: 15px; font-size: 20px; }
.knowledge-check .question label { padding-left: 50px; }
.knowledge-check .question label.good-answer { background: url(../img/good.png) transparent; background-repeat: no-repeat; }
.knowledge-check .question label.right { color: rgba(0,178,0,1); font-weight: bold; }
.knowledge-check .question label.wrong { color: orange; font-weight: bold; }
.knowledge-check .question .radio input,
.knowledge-check .question .checkbox input { margin-top: 8px; }
.knowledge-check .question .next-btn { float: right; margin: 30px 0; background: #eee; border-radius: initial; border-color: #eee; color: #333; padding: 10px 20px; font-size: 16px; }
.knowledge-check .score p { text-align: center; font-size: 36px; }

/**********************************/
/********   NEXT STEPS  ***********/
/**********************************/
.next-steps .row { background-color: #17375E; padding: 20px; color: #eee; }
#container .slide.next-steps .row h2 { color: #eee; font-size: 20px; }



.next-steps .row h2,
.next-steps .row img,
.next-steps .row ol li { padding-bottom: 10px; font-size: 18px; }
.next-steps .row img { display: block; width: 75%; height: auto; margin-left: auto; margin-right: auto; }
.next-steps .row p { width: 75%; height: auto; margin: -18% 0 0 25%; }
.next-steps .key-topics { margin: 20px auto; width: 35%; }
.next-steps .key-topics li { opacity: 0.1; }
.next-steps .exploration { margin-top: 40px; }
.next-steps .row .next-step { border-radius: 15px; box-shadow: 4px 4px 6px #444; margin-top: 20px; padding: 20px; font-size: 20px; width: 90%; color: #fff; font-weight: 700; min-height: 125px; opacity: 0.1; }
.next-steps .preparation .next-step { background-color: #D84441; }
.next-steps .exploration .next-step { background-color: #4385D4; }

/***********************************/
/*** BUSINESS MODEL CANVAS BOARD ***/
/***********************************/
.business-model-canvas-board { position: relative; width: inherit; height: 610px; margin: 0 auto; border: 5px solid #000; }
.business-model-canvas-board .segment { position: absolute; width: 20%; border: 2px solid #000; height: 200px; background-size: 20%; background-repeat: no-repeat; background-position: top right; }
.business-model-canvas-board .segment-key-partners { top: 0%; left: 0%; height: 400px; background-image: url(../img/developing-opportunities/business-model-canvas-board/key-partners.png); }
.business-model-canvas-board .segment-key-activities { top: 0%; left: 20%; background-image: url(../img/developing-opportunities/business-model-canvas-board/key-activities.png); }
.business-model-canvas-board .segment-key-resources { top: 200px; left: 20%; background-image: url(../img/developing-opportunities/business-model-canvas-board/key-resources.png); }
.business-model-canvas-board .segment-value-propositions { top: 0%; left: 40%; height: 400px; background-image: url(../img/developing-opportunities/business-model-canvas-board/value-propositions.png); }
.business-model-canvas-board .segment-customer-relationships { top: 0%; left: 60%; background-image: url(../img/developing-opportunities/business-model-canvas-board/customer-relationships.png); }
.business-model-canvas-board .segment-channels { top: 200px; left: 60%; background-image: url(../img/developing-opportunities/business-model-canvas-board/channels.png); }
.business-model-canvas-board .segment-customer-segments { top: 0%; left: 80%; height: 400px; background-image: url(../img/developing-opportunities/business-model-canvas-board/customer-segments.png); }
.business-model-canvas-board .segment-cost-structure { top: 400px; left: 0%; width: 50%; background-image: url(../img/developing-opportunities/business-model-canvas-board/cost-structure.png); background-size: 10%; }
.business-model-canvas-board .segment-revenue-streams { top: 400px; left: 50%; width: 50%; background-image: url(../img/developing-opportunities/business-model-canvas-board/revenue-streams.png); background-size: 10%; }
.business-model-canvas-board .segment h3 { margin: 0; padding: 2% 20% 2% 2%; font-size: 16px; font-style: italic; font-weight: 700; }
.business-model-canvas-board .segment p { font-size: 10px; }
.business-model-canvas-board .segment .actions textarea { height: 140px; background: transparent; }
.business-model-canvas-board .segment-key-partners .actions textarea,
.business-model-canvas-board .segment-value-propositions .actions textarea,
.business-model-canvas-board .segment-customer-segments .actions textarea { height: 340px; }

/***********************/
/******  BALANCE  ******/
/***********************/
.balance { position: relative; margin: 0 20%; width: 60%; min-height: 620px; }
.balance .generation { position: absolute; width: 50%; height: 500px; }
.balance .generation-senior { left: 0; }
.balance .generation-rising { right: 0; }
.balance h2 { text-align: center; width: 95%; padding: 15px; margin: 0 auto 20px; font-weight: 700; }
.balance .generation-senior h2 { text-align: left; }
.balance .generation-rising h2 { text-align: right; }
.balance .tray { font-size: 18px; min-height: 305px; }
.balance .block { text-align: center; width: 50%; padding: 14px 3px; min-height: 50px; margin: 0 auto 5px; background-color: #17375E; border: 1px solid #17375E; cursor: pointer; color: #fff; vertical-align: middle; }
.balance .tray-rising .block { margin-right: 5%; }
.balance .tray-senior .block { margin-left: 5%; }
.balance .generation img { display: block; width: 60%; margin: 0 auto; }
.balance .generation-senior img { margin-left: 0; }
.balance .generation-rising img { margin-right: 0; }

.balance .beam { position: absolute; bottom: 0; left: 10%; width: 80%; height: 130px; background: url(../img/setting-stage/balance/beam-support.png) no-repeat bottom center; }
.balance .beam-list { position: relative; height: inherit; }
.balance .beam-list img { position: absolute; display: block; width: 100%; height: auto; display: none; }.balance .beam-list .beam-3 { top: -10%; }
.balance .beam-list .beam-1 { top: -40%; }
.balance .beam-list .beam-2 { top: -28%; }
.balance .beam-list .beam-4 { top: -28%; }
.balance .beam-list .beam-5 { top: -40%; }

.balance-0-0 .beam-list .beam-3,
.balance-1-1 .beam-list .beam-3,
.balance-2-2 .beam-list .beam-3,
.balance-3-3 .beam-list .beam-3,
.balance-4-4 .beam-list .beam-3 { display: block; }

.balance-1-1 .tray { padding-top: 290px; }
.balance-2-2 .tray { padding-top: 230px; }
.balance-3-3 .tray { padding-top: 165px; }
.balance-4-4 .tray { padding-top: 105px; min-height: 335px; }

.balance-4-3 .beam-list .beam-2,
.balance-3-2 .beam-list .beam-2,
.balance-2-1 .beam-list .beam-2,
.balance-1-0 .beam-list .beam-2 { display: block; }
.balance-3-4 .beam-list .beam-4,
.balance-2-3 .beam-list .beam-4,
.balance-1-2 .beam-list .beam-4,
.balance-0-1 .beam-list .beam-4 { display: block; }

.balance-0-0 .tray { padding-top: 350px; }
.balance-0-1 .tray-rising,
.balance-1-0 .tray-senior { padding-top: 290px; }
.balance-0-1 .tray-senior,
.balance-1-0 .tray-rising { min-height: 325px; }
.balance-1-2 .tray-rising,
.balance-2-1 .tray-senior { padding-top: 230px; }
.balance-1-2 .tray-senior,
.balance-2-1 .tray-rising { padding-top: 265px; }
.balance-2-3 .tray-rising,
.balance-3-2 .tray-senior { padding-top: 170px; }
.balance-2-3 .tray-senior,
.balance-3-2 .tray-rising { padding-top: 205px; }
.balance-3-4 .tray-rising,
.balance-4-3 .tray-senior { padding-top: 110px; }
.balance-3-4 .tray-senior,
.balance-4-3 .tray-rising { padding-top: 145px; }

.balance-5-0 .beam-list .beam-1,
.balance-5-1 .beam-list .beam-1,
.balance-5-2 .beam-list .beam-1,
.balance-5-3 .beam-list .beam-1,
.balance-4-0 .beam-list .beam-1,
.balance-4-1 .beam-list .beam-1,
.balance-4-2 .beam-list .beam-1,
.balance-3-0 .beam-list .beam-1,
.balance-3-1 .beam-list .beam-1,
.balance-2-0 .beam-list .beam-1 { display: block; }
.balance-0-5 .beam-list .beam-5,
.balance-1-5 .beam-list .beam-5,
.balance-2-5 .beam-list .beam-5,
.balance-3-5 .beam-list .beam-5,
.balance-0-4 .beam-list .beam-5,
.balance-1-4 .beam-list .beam-5,
.balance-2-4 .beam-list .beam-5,
.balance-0-3 .beam-list .beam-5,
.balance-1-3 .beam-list .beam-5,
.balance-0-2 .beam-list .beam-5 { display: block; }

.balance-0-2 .tray-rising,
.balance-2-0 .tray-senior { padding-top: 240px; }
.balance-1-3 .tray-rising,
.balance-0-3 .tray-rising,
.balance-3-0 .tray-senior,
.balance-3-1 .tray-senior { padding-top: 180px; }
.balance-0-4 .tray-rising,
.balance-1-4 .tray-rising,
.balance-2-4 .tray-rising,
.balance-4-0 .tray-senior,
.balance-4-1 .tray-senior,
.balance-4-2 .tray-senior { padding-top: 120px; }
.balance-0-5 .tray-rising,
.balance-1-5 .tray-rising,
.balance-2-5 .tray-rising,
.balance-3-5 .tray-rising,
.balance-5-0 .tray-senior,
.balance-5-1 .tray-senior,
.balance-5-2 .tray-senior,
.balance-5-3 .tray-senior { padding-top: 45px; }

.balance-1-3 .tray-senior,
.balance-1-4 .tray-senior,
.balance-1-5 .tray-senior,
.balance-3-1 .tray-rising,
.balance-4-1 .tray-rising,
.balance-5-1 .tray-rising { padding-top: 250px; }
.balance-2-4 .tray-senior,
.balance-2-5 .tray-senior,
.balance-4-2 .tray-rising,
.balance-5-2 .tray-rising { padding-top: 190px; }
.balance-3-5 .tray-senior,
.balance-5-3 .tray-rising { padding-top: 90px; }

@media (min-width: 544px){
}
@media (min-width: 768px){
.balance .block { padding: 8px 5px; }
.balance .tray { font-size: 14px; }
}
@media (min-width: 992px){
.balance .tray { min-height: 300px; }
.balance .block { padding: 8px 25px; }
.balance-0-1 .tray-rising,
.balance-1-0 .tray-senior { padding-top: 295px; }
.balance-0-1 .tray-senior,
.balance-1-0 .tray-rising { min-height: 325px; }
.balance-0-2 .tray-rising,
.balance-2-0 .tray-senior { padding-top: 255px; }
.balance-1-3 .tray-rising,
.balance-0-3 .tray-rising,
.balance-3-0 .tray-senior,
.balance-3-1 .tray-senior { padding-top: 195px; }
.balance-1-2 .tray-rising,
.balance-2-1 .tray-senior { padding-top: 235px; }
.balance-2-3 .tray-rising,
.balance-3-2 .tray-senior { padding-top: 175px; }
.balance-0-4 .tray-rising,
.balance-1-4 .tray-rising,
.balance-2-4 .tray-rising,
.balance-4-0 .tray-senior,
.balance-4-1 .tray-senior,
.balance-4-2 .tray-senior { padding-top: 135px; }
.balance-2-4 .tray-senior,
.balance-2-5 .tray-senior,
.balance-4-2 .tray-rising,
.balance-5-2 .tray-rising { padding-top: 185px; }
.balance-1-3 .tray-senior,
.balance-1-4 .tray-senior,
.balance-1-5 .tray-senior,
.balance-3-1 .tray-rising,
.balance-4-1 .tray-rising,
.balance-5-1 .tray-rising { padding-top: 245px; }
.balance-3-4 .tray-rising,
.balance-4-3 .tray-senior { padding-top: 115px; }
}
@media (min-width: 1200px){

    .balance-1-1 .tray { padding-top: 315px; }
    .balance-2-2 .tray { padding-top: 250px; }
    .balance-3-3 .tray { padding-top: 185px; }
    .balance-4-4 .tray { padding-top: 120px; min-height: 335px; }

    .balance-0-0 .tray { padding-top: 380px; }
    .balance-0-1 .tray-rising,
    .balance-1-0 .tray-senior { padding-top: 330px; }
    .balance-0-1 .tray-senior,
    .balance-1-0 .tray-rising { min-height: 355px; }
    .balance-1-2 .tray-rising,
    .balance-2-1 .tray-senior { padding-top: 270px; }
    .balance-1-2 .tray-senior,
    .balance-2-1 .tray-rising { padding-top: 295px; }
    .balance-2-3 .tray-rising,
    .balance-3-2 .tray-senior { padding-top: 200px; }
    .balance-2-3 .tray-senior,
    .balance-3-2 .tray-rising { padding-top: 225px; }
    .balance-3-4 .tray-rising,
    .balance-4-3 .tray-senior { padding-top: 140px; }
    .balance-3-4 .tray-senior,
    .balance-4-3 .tray-rising { padding-top: 165px; }

    .balance-0-2 .tray-rising,
    .balance-2-0 .tray-senior { padding-top: 290px; }
    .balance-1-3 .tray-rising,
    .balance-0-3 .tray-rising,
    .balance-3-0 .tray-senior,
    .balance-3-1 .tray-senior { padding-top: 225px; }
    .balance-0-4 .tray-rising,
    .balance-1-4 .tray-rising,
    .balance-2-4 .tray-rising,
    .balance-4-0 .tray-senior,
    .balance-4-1 .tray-senior,
    .balance-4-2 .tray-senior { padding-top: 160px; }
    .balance-0-5 .tray-rising,
    .balance-1-5 .tray-rising,
    .balance-2-5 .tray-rising,
    .balance-3-5 .tray-rising,
    .balance-5-0 .tray-senior,
    .balance-5-1 .tray-senior,
    .balance-5-2 .tray-senior,
    .balance-5-3 .tray-senior { padding-top: 45px; }

    .balance-1-3 .tray-senior,
    .balance-1-4 .tray-senior,
    .balance-1-5 .tray-senior,
    .balance-3-1 .tray-rising,
    .balance-4-1 .tray-rising,
    .balance-5-1 .tray-rising { padding-top: 275px; }
    .balance-2-4 .tray-senior,
    .balance-2-5 .tray-senior,
    .balance-4-2 .tray-rising,
    .balance-5-2 .tray-rising { padding-top: 210px; }
    .balance-3-5 .tray-senior,
    .balance-5-3 .tray-rising { padding-top: 90px; }

    .balance { position: relative; margin: 0 20%; width: 60%; min-height: 620px; }
    .balance .generation { position: absolute; width: 50%; height: 500px; }
    .balance .generation-senior { left: 0; }
    .balance .generation-rising { right: 0; }
    .balance h2 { text-align: center; width: 95%; padding: 15px; margin: 0 auto 20px; font-weight: 700; }
    .balance .generation-senior h2 { text-align: left; }
    .balance .generation-rising h2 { text-align: right; }
    .balance .tray { font-size: 18px; min-height: 335px; font-weight: 600; }
    .balance .block { text-align: center; width: 50%; padding: 5px 14px; min-height: 60px; margin: 0 auto 5px; background-color: #17375E; cursor: pointer; color: #fff; vertical-align: middle; }
    .balance .tray-rising .block { margin-right: 5%; }
    .balance .tray-senior .block { margin-left: 5%; }
    .balance .generation img { display: block; width: 60%; margin: 0 auto; }
    .balance .generation-senior img { margin-left: 0; }
    .balance .generation-rising img { margin-right: 0; }
}

/***********************/
/******  ELEMENTS OF CULTURAL INTRAPRENEURSHIP  ******/
/***********************/
.elements-culture-intrapreneurship #elements-culture-intrapreneurship { height: 504px; width: 367px; margin: 25px auto 10px; font-size: 18px;  }
.elements-culture-intrapreneurship #elements-culture-intrapreneurship .element { stroke-width: 0; cursor: pointer; }
.elements-culture-intrapreneurship #elements-culture-intrapreneurship .element-innovation { fill: rgba(35, 64, 147, 0.5); }
.elements-culture-intrapreneurship #elements-culture-intrapreneurship .element-honest-values-system { fill: rgba(35, 64, 147, 0.5); }
.elements-culture-intrapreneurship #elements-culture-intrapreneurship .element-broad-involvement { fill: rgba(35, 64, 147, 0.25); }
.elements-culture-intrapreneurship #elements-culture-intrapreneurship .element-acceptance-failure { fill: rgba(35, 64, 147, 0.25); }
.elements-culture-intrapreneurship #elements-culture-intrapreneurship .element text { fill: #333; stroke-width: 0; text-anchor: middle; }
.elements-culture-intrapreneurship #elements-culture-intrapreneurship .element-innovation text,
.elements-culture-intrapreneurship #elements-culture-intrapreneurship .elements-culture-intrapreneurship .element-honest-values-system text { fill: #ddd; }
.elements-culture-intrapreneurship div.element { position: absolute; top: 10%; left: 60%; width: 35%; padding: 40px; background-color: #fff; background-color: rgba(35, 64, 147, 0.9); border-radius: 20px; display: none; cursor: pointer; color: #fff; font-size: 18px; }
.elements-culture-intrapreneurship div.element h2 { display: block; margin-top: 0px; font-size: 24px; color: #FFF !important; text-align: center; }
.elements-culture-intrapreneurship div.element-acceptance-failure { background-color: #234093; background-color: rgba(35, 64, 147, 0.9); }
.elements-culture-intrapreneurship div.element-broad-involvement { background-color: #234093; background-color: rgba(35, 64, 147, 0.9); }
.elements-culture-intrapreneurship div.element-honest-values-system { background-color: #234093; background-color: rgba(35, 64, 147, 0.9); }

@media (min-width: 768px){
    .elements-culture-intrapreneurship div.element { top: 15%; left: 60%; width: 38%; padding: 40px; }
}
@media (min-width: 992px){
    .elements-culture-intrapreneurship div.element { top: 20%; left: 50%; width: 40%; padding: 40px; font-size: 20px; }
}



/**********************************/
/********   GENERATING IDEAS  ***********/
/**********************************/
.gear-and-lightbulb { position: relative; width: inherit; height: 380px; font-size: 14px; }
.gear-and-lightbulb .idea { position: absolute; opacity: 0.1; color: #333; width: 80px; height: 80px; }
.gear-and-lightbulb .idea-trends { top: 0; left: calc(50% - 40px); }
.gear-and-lightbulb .idea-problem-solution { top: 125px; left: 20%; }
.gear-and-lightbulb .idea-collision { top: 270px; left: 25%; }
.gear-and-lightbulb .idea-novelty { top: 270px; right: 25%; }
.gear-and-lightbulb .idea-changes { top: 125px; right: 20%; }
.gear-and-lightbulb .direction { background: url(../img/developing-opportunities/generating-ideas/gear.png) no-repeat top center; background-size: cover; padding-top: 30px; text-align: center; cursor: pointer; font-weight: 700; text-align: center; width: 80px; height: 80px; font-size: 18px; }
.gear-and-lightbulb .idea-problem-solution .direction { padding-top: 20px; }
.gear-and-lightbulb .details  { background-color: #234093; padding: 10px; border-radius: 10px; margin-top: -30px; display: none; width: 100px; color: #fff; font-size: 10px; z-index: 10; }
.gear-and-lightbulb .lightbulb { position: absolute; display: block; width: 40px; height: auto; left: calc(50% - 20px); top: 175px; opacity: 0.1; }
.gear-and-lightbulb .toggle-video { position: absolute; bottom: 0; right: 0; opacity: 0; }
.gear-and-lightbulb .video-youtube { position: relative; width: 100%; height: 100%; margin-top: -200px; margin-bottom: 90px; display: none; }
.gear-and-lightbulb .video-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media (min-width: 768px){
    .gear-and-lightbulb { height: 480px; width: 450px; font-size: 18px; margin-left: auto; margin-right: auto; }
    .gear-and-lightbulb .idea { width: 150px; height: 150px; }
    .gear-and-lightbulb .idea-trends { left: calc(50% - 75px); }
    .gear-and-lightbulb .idea-problem-solution { left: 0%; }
    .gear-and-lightbulb .idea-collision { left: 10%; }
    .gear-and-lightbulb .idea-novelty { right: 10%; }
    .gear-and-lightbulb .idea-changes { right: 0%; }
    .gear-and-lightbulb .idea-collision,
    .gear-and-lightbulb .idea-novelty { top: 320px; }
    .gear-and-lightbulb .direction { width: 150px; height: 150px; padding-top: 65px; }
    .gear-and-lightbulb .idea-problem-solution .direction { padding: 40px 30px; }
    .gear-and-lightbulb .details { padding: 15px; margin-top: -50px; width: 150px; }
    .gear-and-lightbulb .lightbulb { top: 210px; width: 60px; left: calc(50% - 30px); }
    .gear-and-lightbulb .video-youtube { margin-top: -460px; }
}
@media (min-width: 992px){
    .gear-and-lightbulb { height: 580px; width: 620px; font-size: 18px; }
    .gear-and-lightbulb .idea { width: 200px; height: 200px; }
    .gear-and-lightbulb .idea-trends { left: calc(50% - 100px); }
    .gear-and-lightbulb .idea-problem-solution,
    .gear-and-lightbulb .idea-changes { top: 150px; }
    .gear-and-lightbulb .idea-collision,
    .gear-and-lightbulb .idea-novelty { top: 370px; }
    .gear-and-lightbulb .direction { width: 200px; height: 200px; padding-top: 85px; }
    .gear-and-lightbulb .idea-problem-solution .direction { padding: 75px 30px; }
    .gear-and-lightbulb .details { padding: 15px; margin-top: -50px; width: 200px; font-size: 14px; }
    .gear-and-lightbulb .idea-novelty .details,
    .gear-and-lightbulb .idea-collision .details { margin-top: -250px; }
    .gear-and-lightbulb .lightbulb { top: 260px; width: 80px; left: calc(50% - 40px); }
    .gear-and-lightbulb .video-youtube { margin-top: -590px; }
}
@media (min-width: 1200px){
    .gear-and-lightbulb { height: 630px; width: 680px; font-size: 20px; }
    .gear-and-lightbulb .idea { width: 220px; height: 220px; }
    .gear-and-lightbulb .idea-trends { left: calc(50% - 110px); }
    .gear-and-lightbulb .idea-problem-solution,
    .gear-and-lightbulb .idea-changes { top: 160px; }
    .gear-and-lightbulb .idea-collision,
    .gear-and-lightbulb .idea-novelty { top: 400px; }
    .gear-and-lightbulb .direction { width: 220px; height: 220px; padding-top: 95px; }
    .gear-and-lightbulb .idea-problem-solution .direction { padding: 70px 50px; }
    .gear-and-lightbulb .details { padding: 15px; margin-top: -50px; width: 220px; font-size: 14px; }
    .gear-and-lightbulb .lightbulb { top: 260px; width: 100px; left: calc(50% - 50px); }
    .gear-and-lightbulb .video-youtube { margin-top: -700px; }
}



/**********************************/
/********   IDEAS TO PURSUE  ***********/
/**********************************/
.criterias { height: 485px; font-size: 20px; max-width: 480px; margin: 15px auto 0; }
.criterias .criteria { position: relative; margin: 10px 0 20px; background-color: #949599; border-radius: 50px; color:#fff; opacity: 0; }
.criterias .criteria p { margin-top: 6px; padding: 11px 120px; text-align: center; }
.criterias .criteria img { position: absolute; width: 80px; height: auto; top:-15px; }
.criterias .criteria:nth-child(2n) > img { right: 0px; }



/**********************************/
/********   CONSTRUCTIVE FEEDBACK CIRCLE  ***********/
/**********************************/
.senior-roles-circles { font-size: 24px; zoom: 0.5; position: relative; width: 656px; height: 612px; margin: 0 auto; }
.senior-roles-circles .senior-role, .senior-roles-circles .feedback-arrow { position: absolute; }
.senior-roles-circles .senior-role { width: 100px; text-align: center; }
.senior-roles-circles .role-coach { top: 233px; left: 570px}
.senior-roles-circles .role-model { top: 456px; left: 517px}
.senior-roles-circles .role-relative { top: 555px; left: 256px; width: 146px;}
.senior-roles-circles .role-leader { top: 473px; left: 54px}
.senior-roles-circles .role-sparring-partner { top: 216px; left: 0px}
.senior-roles-circles .role-sounding-board { top: 18px; left: 146px;}
.senior-roles-circles .role-enabler { top: 34px; left: 422px}

.senior-roles-circles .arrow-1 { height: auto; width: 51px; top: 298px; left: 585px; }
.senior-roles-circles .arrow-2 { height: auto; width: 104px; top: 519px; left: 430px; }
.senior-roles-circles .arrow-3 { height: auto; width: 98px; top: 527px; left: 144px; }
.senior-roles-circles .arrow-4 { height: auto; width: 67px; top: 297px; left: 24px; }
.senior-roles-circles .arrow-5 { height: auto; width: 93px; top: 89px; left: 57px }
.senior-roles-circles .arrow-6 { height: auto; width: 113px; top: 5px; left: 278px; }
.senior-roles-circles .arrow-7 { height: auto; width: 89px; top: 82px; left: 514px; }

@media (min-width: 768px){
    .senior-roles-circles{ zoom: 0.5; }
}
@media (min-width: 992px){
    .senior-roles-circles{ zoom: 0.6; }
}
@media (min-width: 1200px){
    .senior-roles-circles{ zoom: 0.8; }
}

/**********************************/
/********   RESPECTIVE ROLE ARROWS  ***********/
/**********************************/
.roles-senior-rising-generation { position: relative; height: 500px; width: 100%; }
.roles-senior-rising-generation .roles { position: relative; margin: 35px auto 0; width: 180px; height: 460px; }
.roles-senior-rising-generation .roles h2 { text-align: center; font-size: 26px; opacity: 0; }
.roles-senior-rising-generation .role { position: absolute; text-align: center; margin: 0 auto; padding: 10px 30px; font-size: 18px; color:#ffffff; opacity: 0.1; width: 180px; height: 60px; left: 0;}
.roles-senior-rising-generation .role-listen,
.roles-senior-rising-generation .role-define { top: 35px; }
.roles-senior-rising-generation .role-question,
.roles-senior-rising-generation .role-create { top: 105px; }
.roles-senior-rising-generation .role-support,
.roles-senior-rising-generation .role-prepare { top: 175px; }
.roles-senior-rising-generation .role-suggest,
.roles-senior-rising-generation .role-ask { top: 245px; }
.roles-senior-rising-generation .role-set-goals,
.roles-senior-rising-generation .role-plan { top: 315px;}
.roles-senior-rising-generation .role-develop,
.roles-senior-rising-generation .role-follow { top: 385px; }
.roles-senior-rising-generation .role-listen,
.roles-senior-rising-generation .role-question,
.roles-senior-rising-generation .role-support,
.roles-senior-rising-generation .role-suggest,
.roles-senior-rising-generation .role-set-goals,
.roles-senior-rising-generation .role-develop { background: url(../img/developing-opportunities/blue-arrow.png) top center no-repeat; }
.roles-senior-rising-generation .role-define,
.roles-senior-rising-generation .role-create,
.roles-senior-rising-generation .role-prepare,
.roles-senior-rising-generation .role-ask,
.roles-senior-rising-generation .role-plan,
.roles-senior-rising-generation .role-follow { background: url(../img/developing-opportunities/yellow-arrow.png) top center no-repeat; }
.family-organizational-perspective { display: none; }
.family-organizational-perspective li { opacity: 0 }

 /**********************************/
 /********   ROADMAP MARKERS  ***********/
 /**********************************/
.roadmap { position: relative; height: 280px; clear: both; }
.roadmap .road { position: absolute; width: 100%; height: auto; opacity: 0; }
.roadmap-marker { height: auto; width: 40px; display: block; margin: 0 auto; }
.roadmap .step { position: absolute; cursor: pointer; width: 70px; height: 105px; opacity: 0; }
.roadmap .step p { text-align: center; font-size: 10px; height: 35px; padding: 2px; font-weight: 600; }
.roadmap .step-1 { left: 4%; top: -7%; }
.roadmap .step-2 { left: 42%; top: -29%; }
.roadmap .step-3 { left: 82%; top: 15%; }
@media (min-width: 768px){
    .roadmap-marker { width: 50px; }
    .roadmap .step { width: 100px; height: 140px; }
    .roadmap .step p { font-size: 14px; height: 55px; padding: 2px; }
    .roadmap .step-1 { left: 4%; top: -8%; }
    .roadmap .step-2 { left: 42%; top: -38%; }
    .roadmap .step-3 { left: 82%; top: 22%; }
}
@media (min-width: 992px){
    .roadmap-marker { width: 60px; }
    .roadmap .step { width: 125px; height: 175px; }
    .roadmap .step p { font-size: 18px; height: 75px; padding: 2px; }
    .roadmap .step-1 { left: 4%; top: -8%; }
    .roadmap .step-2 { left: 42%; top: -47%; }
    .roadmap .step-3 { left: 82%; top: 31%; }
    .roadmap .step-2 p,
    .roadmap .step-3 p { padding-top: 15px; }
}
@media (min-width: 1200px){
    .roadmap-marker { width: 60px; }
    .roadmap .step { width: 140px; height: 175px; }
    .roadmap .step p { font-size: 20px; height: 75px; padding: 2px; }
    .roadmap .step-1 { left: 4%; top: 4%; }
    .roadmap .step-2 { left: 42%; top: -44%; }
    .roadmap .step-3 { left: 82%; top: 51%; }
}



 /**********************************/
 /********   FIVE FAMILY TYPES  ***********/
 /**********************************/
 .family-types { position: relative; width: inherit; height: 440px; }
 .family-types .family-type { position: absolute; width: 24%; height: 155px; }
 .family-types .family-type img { width: 100%; height: auto; margin: 0 auto; display: block; }
 .family-types .family-type .description { font-size: 12px; }
 .family-types .family-type .description p { text-align: center; }
 .family-types .type-human { top: 270px; left: 5%; }
 .family-types .type-financial { top: 270px; right: 5%; }
 .family-types .type-social { top: 5%; left: 5%; }
 .family-types .type-relationship { top: 5%; right: 5%; }
 .family-types .type-legacy { top: 125px; left: 38%; }
 .family-types .family-type .more-information { position: absolute; color: #fff; background-color: #164DA2; padding: 15px 20px; border-radius: 20px; display: none; font-size: 10px; width: 250%; top: 0px; left: 100%; z-index: 1; }
 #container .family-types .family-type .more-information h2 { font-size: 18px; margin-top: 5px; margin-bottom: 15px; color: #fff; }
 .family-types .type-legacy .more-information { top: 140px; left: -150%; width: 400%; }
 .family-types .type-financial .more-information,
 .family-types .type-relationship .more-information { left: -250%; }
 @media (min-width: 768px){
    .family-types { margin-left: -15px; }
    .family-types .family-type .description { font-size: 16px; }
    .family-types .family-type .description p { margin-top: -40px; }
    .family-types .family-type .more-information { font-size: 12px; }
 }
 @media (min-width: 992px){
    .family-types .family-type img { width: 180px; height: auto; }
    .family-types .family-type .description { font-size: 18px; }
    .family-types .family-type .more-information { font-size: 14px; }
 }



/**********************************/
/********   PITCH CORE COMPONENTS ***********/
/**********************************/
.pitch-core-components { position: relative; height: 322px; width: 806px; margin: 0 auto; zoom: 0.5; }
.pitch-core-components .puzzle-piece {position: absolute; text-align: center; opacity: 0; }
.pitch-core-components .puzzle-piece-title { top: 0; left: 0px; width: 181px; height: 160px; background: url('../img/preparing-future/puzzle-pieces/puzzle-piece-title.png') no-repeat; background-size: 181px 160px; }
.pitch-core-components .puzzle-piece-problem { top: 0; left: 160px; width: 162px; height: 180px; background: url('../img/preparing-future/puzzle-pieces/puzzle-piece-problem.png') no-repeat; background-size: 162px 180px; }
.pitch-core-components .puzzle-piece-solution { top: 0; left: 301px; width: 180px; height: 180px; background: url('../img/preparing-future/puzzle-pieces/puzzle-piece-solution.png') no-repeat; background-size: 180px 180px; }
.pitch-core-components .puzzle-piece-magic-sauce { top: 0; left: 461px; width: 201px; height: 160px; background: url('../img/preparing-future/puzzle-pieces/puzzle-piece-magic-sauce.png') no-repeat; background-size: 201px 160px; }
.pitch-core-components .puzzle-piece-market { top: 0; left: 642px; width: 161px; height: 180px; background: url('../img/preparing-future/puzzle-pieces/puzzle-piece-market.png') no-repeat; background-size: 161px 180px; }
.pitch-core-components .puzzle-piece-competitive-positioning { top: 139px; left: 0px; width: 161px; height: 180px; background: url('../img/preparing-future/puzzle-pieces/puzzle-piece-competitive-positioning.png') no-repeat; background-size: 161px 180px;}
.pitch-core-components .puzzle-piece-roadmap { top: 159px; left: 321px; width: 181px; height: 160px; background: url('../img/preparing-future/puzzle-pieces/puzzle-piece-roadmap.png') no-repeat; background-size: 181px 160px}
.pitch-core-components .puzzle-piece-business-model { top: 159px; left: 141px; width: 201px; height: 160px; background: url('../img/preparing-future/puzzle-pieces/puzzle-piece-business-model.png') no-repeat; background-size: 201px 160px;}
.pitch-core-components .puzzle-piece-team { top: 139px; left: 481px; width: 161px; height: 180px; background: url('../img/preparing-future/puzzle-pieces/puzzle-piece-team.png') no-repeat; background-size: 161px 180px;}
.pitch-core-components .puzzle-piece-finances { top: 159px; left: 621px;  width: 182px; height: 160px; background: url('../img/preparing-future/puzzle-pieces/puzzle-piece-finances.png') no-repeat; background-size: 182px 160px;}

.pitch-core-components .puzzle-piece p { color: #fff; font-size: 18px; font-weight: 700; text-align: center; width: inherit; padding-top: 65px; }
.pitch-core-components .puzzle-piece.puzzle-piece-title p { padding-right: 20px; }
.pitch-core-components .puzzle-piece-competitive-positioning p { padding-top: 70px; }
.pitch-core-components .puzzle-piece-team p { padding-top: 85px; }
.pitch-core-components .puzzle-piece.puzzle-piece-finances p { padding-left: 20px; }

@media (min-width: 768px){
    .pitch-core-components { zoom: 0.85; }
}
@media (min-width: 992px){
    .pitch-core-components { zoom: 1; }
}



/*************/
/* SLIDESHOW */
/*************/

.cycle-pager { position: absolute; margin-left: 25%; width: 50%; bottom: 20px; text-align: center; }
.cycle-pager span { text-align: center; padding: 5px 10px; cursor: pointer; font-size: 42px; color: #888; }
.cycle-pager span.cycle-pager-active { background-color: transparent; color: #FFF; }
.cycle-prev,
.cycle-next { position: absolute; bottom: 0px; display: block; padding: 10px 20px; font-size: 18px; /*background-color: #828282;*/ color: #FFF; text-decoration: none; cursor: pointer; }
.cycle-prev:focus,
.cycle-next:focus { text-decoration: none; background-color: #ddd; }
.cycle-prev:hover,
.cycle-next:hover { text-decoration: none; background-color: #bbb; }
.cycle-prev { left: 0; }
.cycle-next { right: 0; }
.cycle-prev.disabled,
.cycle-next.disabled { display: none; }