@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;
}




#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 {  }

/**************************/
/******** 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: #FFF; padding-top: 5px; }
#container .slide .header .container:before { display: block; content: ''; width: 80px; height: 80px; }
#container .slide .header .container h1 { margin: 35px 0px 0px 0px; padding: 15px 0 10px 15px; font-size: 32px; font-weight: bold; text-align: center; }
#container .slide .content { padding-bottom: 50px; padding-top: 30px; height: 100%; background-color: #FFF; }
#container .slide .content h2 { font-size: 20px; font-weight: 800; }
#container .slide .printable { display: none; }


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

#progress-bar { position: absolute; width: 100%; left: 0px; top: -10px; background-color: #FFF; }
#progress-bar ul { width: 100%; }

#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; width: 300px; margin-left: auto; margin-right: auto; margin-top: 20px; }
#progress-bar .unit-sections li { text-align: center; margin: 0px; padding: 0px; }
#progress-bar .unit-sections > li.summary span.unit-title { display: none; }

#progress-bar .unit-progress { font-size: 1px; }
#progress-bar .unit-progress li { height: 15px; width: 15px; border: none; background-color: #e9f3f3; cursor: pointer; margin: 0px; padding: 0px; }

#progress-bar .unit-sections li.introduction ul.unit-progress li.viewed { background-color: #F9E43D; }
#progress-bar .unit-sections li.behavioralrisk ul.unit-progress li.viewed { background-color: #005786; }
#progress-bar .unit-sections li.gigs ul.unit-progress li.viewed { background-color: #46b4b5; }
#progress-bar .unit-sections li.knowledge ul.unit-progress li.viewed { background-color: #46b4b5; }
#progress-bar .unit-sections li.conclusion ul.unit-progress li.viewed { background-color: #CCC; }



#progress-bar .unit-sections li.c1.introduction.first-of-unit:before { content: ' '; height: 15px; width: 15px; position: absolute; background-color: #e9f3f3; left: -5px; border-radius: 30px; top:0px; }
#progress-bar .unit-sections li.c1.introduction.first-of-unit.viewed:before { background-color: #F9E43D; }

#progress-bar .unit-sections li.c20.conclusion:before { content: ' '; height: 15px; width: 15px; position: absolute; background-color: #e9f3f3; right: -5px; border-radius: 30px; top: 0px; }
#progress-bar .unit-sections li.c20.conclusion.viewed:before { background-color: #CCC; }

#progress-bar .unit-progress li a { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; 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; }

#progress-bar .unit-sections li ul.unit-progress li:hover a, #progress-bar .unit-sections li ul.unit-progress li.current a { background-color: rgba(255,255,255,0.5); }

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

#footer .buttons { position: absolute; right: 200px; 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; }

#footer .buttons > #audio-btn  { background-position: 0px 0px; background-size: 200px; opacity: 1; }
#print-btn  { background-position: -105px 0px; }
#voiceover-btn  { background-position: 0px 0px; }
#transcript-btn  { background-position: -70px 0px; display: none; }
#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: contain; 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: 8px; width: 75px; right: 250px; height: 32px !important; border: none; }
#audio.video-js { background-color: transparent; }
#audio.hide { display: none; }
#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; display: none; }
#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.video-js .vjs-progress-control { display: none; }
#audio .vjs-play-progress:before { color: #17375E; }
#audio.video-js .vjs-icon-volume-high:before { color: #c8c9cb; font-size: 35px !important; margin-top: -10px; }
#audio.video-js .vjs-play-control:before { color: #c8c9cb; font-size: 35px !important; margin-top: -10px; }
#audio.video-js .vjs-mute-control:before { color: #c8c9cb; font-size: 35px !important; margin-top: -10px; }

#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; padding: 16px 20px; float: left; margin-right: 15px; text-decoration: none; font-size: 16px; width: 34px; height: 34px; overflow: hidden; text-indent: -1000px; background-color: transparent; border: none; background-image: url(../img/back-next.png); background-repeat: no-repeat; }
#nav-bar a#back-button {  }
#nav-bar a#next-button { background-position: -53px 0px; }

/* 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; }
}


/**********************************/
/********   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; }


/*************/
/* 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; }



/******************/
/* INTRO SLIDE 1  */
/******************/
body.introduction section.slide.introduction-1 { background-color: #F9E43D; }
body.introduction section.slide.introduction-1 div.header { display: none; }
body.introduction #container section.slide.introduction-1 div.content { background-color: #F9E43D; }
body.introduction section.slide.introduction-1 div.content div.container { text-align: center; background-color: #F9E43D; }
body.introduction section.slide.introduction-1 div.content div.container div.copy { display: none; }


#container .slide .header .container:before { display: block; content: ''; width: 80px; height: 15px; position: absolute; top: 0px; left: 50%; margin-left: -40px; }

#container .slide.introduction .header .container:before { background-color: #F9E43D; }
#container .slide.behavioralrisk .header .container:before { background-color: #005786; }
#container .slide.gigs .header .container:before { background-color: #46b4b5; }
#container .slide.knowledge .header .container:before { background-color: #46b4b5; }
#container .slide.conclusion .header .container:before { background-color: #46b4b5; }

#container .slide.introduction .header .container h1 span { color: #F9E43D; }
#container .slide.behavioralrisk .header .container h1 span { color: #005786; }
#container .slide.gigs .header .container h1 span { color: #46b4b5; }
#container .slide.knowledge .header .container h1 span { color: #46b4b5; }
#container .slide.conclusion .header .container h1 span { color: #46b4b5; }

#container .circles3 { position: relative; width: 300px; height: 300px; margin-left: auto; margin-right: auto; }
#container .circles3 .family.circle .circle { width: 180px; height: 180px; position: absolute; left: 60px; top: 0px; background-color: #F9E43D; border-radius: 200%; z-index: 100; }
#container .circles3 .business.circle .circle { width: 180px; height: 180px; position: absolute; left: 0px; bottom: 0px; background-color: rgba(0, 87, 134, 0.9); border-radius: 200%; z-index: 300; }
#container .circles3 .ownership.circle .circle { width: 180px; height: 180px; position: absolute; right: 0px; bottom: 0px; background-color: rgba(70, 180, 181, 0.8); border-radius: 200%; z-index: 200; }

#container .circles3 .family.circle h2 { text-transform: uppercase; color: #FFF; position: absolute; font-size: 16px; font-weight: bold; text-align: center; width: 180px; top: 60px; z-index: 101; text-shadow: 1px 1px 1px #000; left: 60px; }
#container .circles3 .business.circle h2 { text-transform: uppercase; color: #FFF; position: absolute; font-size: 16px; font-weight: bold; text-align: center; width: 180px; bottom: 68px; z-index: 301; left: -24px; text-shadow: 1px 1px 1px #000; }
#container .circles3 .ownership.circle h2 { text-transform: uppercase; color: #FFF; position: absolute; font-size: 16px; font-weight: bold; text-align: center; width: 180px; bottom: 68px; z-index: 201; right: -24px; text-shadow: 1px 1px 1px #000; }


#container .circles3.label-top .family.circle h2 { top: -45px; text-shadow: none; color: #444; }
#container .circles3.label-top .business.circle h2 { bottom: -35px; text-shadow: none; color: #444; left: 0px; }
#container .circles3.label-top .ownership.circle h2 { bottom: -35px; text-shadow: none; color: #444; right: 0px; }
#container .circles3.label-top div.circle div.circle p { color: #FFF; text-shadow: 1px 1px 1px #000; font-size: 14px; padding: 30px; text-align: center; }

#container .circles3.label-top div.business.circle div.circle p { padding: 50px 50px 30px 10px; }
#container .circles3.label-top div.ownership.circle div.circle p { padding: 50px 15px 30px 60px; }



#container .slide div.source p { font-size: 14px; font-style: italic; padding-top: 50px; }
#container .slide div.copy { font-size: 14px; font-style: italic; padding-top: 50px; }


#container .slide.introduction-2 div.percentage span { font-size: 72px; text-align: center; display: block; font-weight: bold; color: #949599; }
#container .slide.introduction-2 div.percentage span.active { color: #F9E43D; }
#container .slide.introduction-2 div.percentage span.red { color: #FF0000; }
#container .slide.introduction-2 div.details p { text-align: center; font-size: 20px; padding: 0px 20px; }
#container .slide.introduction-2 div.details p strong { display: block; }
#container .slide.introduction-2 div.details p small { font-size: 16px; display: block; }
#container .slide.introduction-2 div.details p small.red { font-size: 16px; display: block; font-weight: bold; color: #FF0000; }

#container .slide.introduction-3 div.item h2.reason { font-size: 32px; color: #949599; }
#container .slide.introduction-3 div.item h2.reason.active { color: #F9E43D; }
#container .slide.introduction-3 div.item p { font-size: 20px; }
#container .slide.introduction-3 div.item4 p { margin-top: 30px; }


#container .slide.introduction-4 div.texts .t002 { display: none; }
#container .slide.introduction-4 div.texts .t005 { display: none; }
#container .slide.introduction-4 div.texts .t013 { display: none; }
#container .slide.introduction-4 div.texts .t023 { display: none; }

#container .slide.introduction-4 div.texts div { position: absolute; width: 100%; font-weight: bold; padding: 80px; text-align: center; font-size: 24px; font-style: italic; }

#container .container-fluid { height: 100%; }
#container .container-fluid .row { height: 100%; }
#container .container-fluid .row .video { width: 100%; height: 90%; }
#container .container-fluid .row .video iframe { width: 100% !important; height: 100% !important; }

#container .slide.behavioralrisk p.intro { text-align: center; padding-bottom: 40px; }
#container .slide.behavioralrisk-1 .item1 { margin-left: 9%; }
#container .slide.behavioralrisk-1 .icon { text-align: center; }
#container .slide.behavioralrisk-1 h2 { text-align: center; }
#container .slide.behavioralrisk-1 h2:after { content: ' '; display: block; position: absolute; right: -25px; width: 54px; height: 13px; background-image: url('../img/right-arrow.png'); background-repeat: no-repeat; background-position: center center; bottom: 14px; }
#container .slide.behavioralrisk-1 .item5 h2:after { display: none; }
#container .slide.behavioralrisk-1 .show-after-audio { padding: 40px 50px 40px 10px; margin-left: 9%; font-size: 20px; font-style: italic; }


#container .slide.behavioralrisk-3 .family-business, #container .slide.behavioralrisk-3 .family-business-ownership, #container .slide.behavioralrisk-3 .family-ownership, #container .slide.behavioralrisk-3 .business-ownership { font-size: 14px; text-align: center; }


#container .slide.behavioralrisk-3 .family-business { left: 0; width: 120px; top: 72px; position:absolute; }
#container .slide.behavioralrisk-3 .family-business:before { content: ' '; position: absolute; width: 140px; border-top: solid 1px #000; z-index: 1001; transform: rotate(200deg); top: 40px; left: 105px; }

#container .slide.behavioralrisk-3 .family-business-ownership { right: 0px; width: 150px; top: 0px; position:absolute; }
#container .slide.behavioralrisk-3 .family-business-ownership:before { content: ' '; position: absolute; width: 250px; border-top: solid 1px #000; z-index: 100; transform: rotate(150deg); top: 105px; left: -160px; z-index: 1001; }

#container .slide.behavioralrisk-3 .family-ownership { right: 0px; width: 120px; top: 100px; position:absolute; }
#container .slide.behavioralrisk-3 .family-ownership:before { content: ' '; position: absolute; width: 135px; border-top: solid 1px #000; transform: rotate(170deg); top: 35px; left: -125px; z-index: 1001; }

#container .slide.behavioralrisk-3 .business-ownership { left: 50%; margin-left: -75px; width: 150px; bottom: -100px; position:absolute; }
#container .slide.behavioralrisk-3 .business-ownership:before { content: ' '; position: absolute; width: 90px; border-top: solid 1px #000; transform: rotate(90deg); top: -50px; left: 30px; z-index: 1001; }

#container .slide.behavioralrisk-3 .circles3-model { min-width: 575px; }
#container .slide.behavioralrisk-3 .text-hover { display: none; position: absolute; padding: 20px; color: #FFF; font-size: 14px; z-index: 1100; top: 20px; left: -70px; width: 200px; }
#container .slide.behavioralrisk-3 .text-hover ul { padding-left: 20px; }
#container .slide.behavioralrisk-3 .family-hover { background-color: rgba(249,228,61,1); color: #444; }
#container .slide.behavioralrisk-3 .business-hover { background-color: rgba(0, 87, 134,1); }
#container .slide.behavioralrisk-3 .ownership-hover { background-color: rgba(70, 180, 181,1); }
#container .slide.behavioralrisk-3 .text-hover.active { display: block; }


#container .slide.behavioralrisk-4 .family-business, #container .slide.behavioralrisk-4 .family-business-ownership, #container .slide.behavioralrisk-4 .family-ownership, #container .slide.behavioralrisk-4 .business-ownership { font-size: 14px; text-align: center; }

#container .slide.behavioralrisk-4 .family-business { left: 0; width: 120px; top: 72px; position:absolute;}
#container .slide.behavioralrisk-4 .family-business:before { content: ' '; position: absolute; width: 140px; border-top: solid 1px #000; z-index: 1001; transform: rotate(200deg); top: 40px; left: 105px; }

#container .slide.behavioralrisk-4 .family-business-ownership { right: 0px; width: 150px; top: 0px; position:absolute; }
#container .slide.behavioralrisk-4 .family-business-ownership:before { content: ' '; position: absolute; width: 250px; border-top: solid 1px #000; z-index: 100; transform: rotate(150deg); top: 105px; left: -160px; z-index: 1001; }

#container .slide.behavioralrisk-4 .family-ownership { right: 0px; width: 120px; top: 100px; position:absolute; }
#container .slide.behavioralrisk-4 .family-ownership:before { content: ' '; position: absolute; width: 135px; border-top: solid 1px #000; transform: rotate(170deg); top: 35px; left: -125px; z-index: 1001; }

#container .slide.behavioralrisk-4 .business-ownership { left: 50%; margin-left: -75px; width: 150px; bottom: -100px; position:absolute; }
#container .slide.behavioralrisk-4 .business-ownership:before { content: ' '; position: absolute; width: 90px; border-top: solid 1px #000; transform: rotate(90deg); top: -50px; left: 30px; z-index: 1001; }

#container .slide.behavioralrisk-4 .circles3-model { min-width: 575px; }
#container .slide.behavioralrisk-4 .text-hover { display: none; position: absolute; padding: 20px; color: #FFF; font-size: 14px; z-index: 1100; top: 20px; left: -70px; width: 200px; }
#container .slide.behavioralrisk-4 .text-hover ul { padding-left: 20px; }
#container .slide.behavioralrisk-4 .family-hover { background-color: rgba(249,228,61,1); color: #444; }
#container .slide.behavioralrisk-4 .business-hover { background-color: rgba(0, 87, 134,1); }
#container .slide.behavioralrisk-4 .ownership-hover { background-color: rgba(70, 180, 181,1); }
#container .slide.behavioralrisk-4 .text-hover.active { display: block; }


#container .slide.behavioralrisk-5 .formula { font-size: 60px; font-weight: bold; text-align: center; }
#container .slide.behavioralrisk-5 .formula .equal { color: #c8c9cb; }
#container .slide.behavioralrisk-5 .formula .plus { color: #c8c9cb; }
#container .slide.behavioralrisk-5 .formula .FC { color: #f9ca4a; }
#container .slide.behavioralrisk-5 .formula .HC { color: #005786; }
#container .slide.behavioralrisk-5 .formula .SC { color: #46b4b5; }

#container .slide.behavioralrisk-5 h2.fc { color: #f9ca4a; font-size: 30px; text-align: center; }
#container .slide.behavioralrisk-5 h2.hc { color: #005786; font-size: 30px; text-align: center; }
#container .slide.behavioralrisk-5 h2.sc { color: #46b4b5; font-size: 30px; text-align: center; }

#container .slide.behavioralrisk-5 .item1 ul { text-align: center; width: 200px; margin-left: auto; margin-right: auto; }
#container .slide.behavioralrisk-5 .item2 ul { text-align: center; width: 200px; margin-left: auto; margin-right: auto; }
#container .slide.behavioralrisk-5 .item3 ul { text-align: center; width: 200px; margin-left: auto; margin-right: auto; }

#container .slide.behavioralrisk-5 .behavioral-risk-arrows { padding-top: 55px; position: relative; }
#container .slide.behavioralrisk-5 .behavioral-risk-arrows h2 { clear: both; font-size: 30px; text-align: center; color: #c8c9cb; }
#container .slide.behavioralrisk-5 .behavioral-risk-arrows p { text-align: center; }
#container .slide.behavioralrist-5 .item1 ul { text-align: center; width: 170px; margin-left: auto; margin-right: auto; }
#container .slide.behavioralrisk-5 .behavioral-risk-arrows span.arrow { width: 54px; height: 54px; display: block; background-repeat: no-repeat; background-image: url('../img/arrow1.png'); background-position: center center; float: left; position: relative; top: 0px; margin: 0px 20px 30px 20px; }
#container .slide.behavioralrisk-5 .behavioral-risk-arrows span.arrow1 { margin-left: 40%; }
#container .slide.behavioralrisk-5 .behavioral-risk-arrows span.arrow2 { background-image: url('../img/arrow2.png'); }
#container .slide.behavioralrisk-5 .behavioral-risk-arrows span.arrow3 { background-image: url('../img/arrow3.png'); }


#container .slide.behavioralrisk-6 h2 { font-size: 30px; text-align: left; }
#container .slide.behavioralrisk-6 div.formula { text-align: center; padding: 20px; color: #c8c9cb; font-size: 30px; }

#container .slide.behavioralrisk-6 .circles3.label-top .family.circle h2 { top: -62px; text-shadow: none; color: #444; font-weight: normal; text-transform: none; font-size: 14px; }
#container .slide.behavioralrisk-6 .circles3.label-top .business.circle h2 { text-shadow: none; color: #444; font-weight: normal; text-transform: none; font-size: 14px; bottom: 25px; left: -155px; }
#container .slide.behavioralrisk-6 .circles3.label-top .ownership.circle h2 { text-shadow: none; color: #444; font-weight: normal; text-transform: none; font-size: 14px; bottom: 35px; width: 130px; right: -130px; }

#container .slide.behavioralrisk-6 .circles3.label-top .family.circle .circle p { margin-top: 20px; }
#container .slide.behavioralrisk-6 .circles3.label-top .business.circle .circle p { margin-top: 20px; }
#container .slide.behavioralrisk-6 .circles3.label-top .ownership.circle .circle p { margin-top: 20px; }

#container .slide.behavioralrisk-6 .fwc { position: absolute; top: 150px; left: 125px; z-index: 1010; color: #FFF; font-weight: bold; }
#container .slide.behavioralrisk-6 h2.family-wealth:before { content: ''; position: absolute; width: 149px; border-top: solid 1px #000; transform: rotate(0deg); top: 40px; left: 435px; z-index: 1001; }
#container .slide.behavioralrisk-6 h2.family-wealth:after { content: ''; position: absolute; width: 290px; border-top: solid 1px #000; transform: rotate(25deg); top: 102px; left: 570px; z-index: 1001; }


#container .slide.behavioralrisk-8 div.header h1 { display: none; }
#container .slide.behavioralrisk-8 div.content { margin-top: 60px; }
#container .slide.behavioralrisk-8 div.content .five-components { position: relative; width: 304px; height: 304px; margin-left: auto; margin-right: auto; }
#container .slide.behavioralrisk-8 div.content .five-components .item { position: absolute; top: 0px; left: 0px; width: 304px; height: 304px; }
#container .slide.behavioralrisk-8 div.content .five-components .item1 { display: none; }
#container .slide.behavioralrisk-8 div.content .five-components .item2 { display: none; }
#container .slide.behavioralrisk-8 div.content .five-components .item3 { display: none; }
#container .slide.behavioralrisk-8 div.content .five-components .item4 { display: none; }
#container .slide.behavioralrisk-8 div.content .five-components .item5 { display: none; }
#container .slide.behavioralrisk-8 div.content .five-components .item6 { display: none; }

#container .slide.behavioralrisk-8 div.content .five-components .item1.active { display: block; }
#container .slide.behavioralrisk-8 div.content .five-components .item2.active { display: block; }
#container .slide.behavioralrisk-8 div.content .five-components .item3.active { display: block; }
#container .slide.behavioralrisk-8 div.content .five-components .item4.active { display: block; }
#container .slide.behavioralrisk-8 div.content .five-components .item5.active { display: block; }
#container .slide.behavioralrisk-8 div.content .five-components .item6.active { display: block; }


#container .slide.gigs-1 .item1 h2:after, #container .slide.gigs-1 .item2 h2:after { content: ' '; display: block; position: absolute; right: -25px; width: 54px; height: 13px; background-image: url('../img/right-arrow.png'); background-repeat: no-repeat; background-position: center center; bottom: 5px; }
#container .slide.gigs-1 .item1 { padding-top: 45px; }
#container .slide.gigs-1 .item2 { padding-top: 45px; }
#container .slide.gigs-1 .item3 { padding-top: 45px; }
#container .slide.gigs-1 .item1 h2 { position: relative; text-align: center; }
#container .slide.gigs-1 .item2 h2 { position: relative; text-align: center; }
#container .slide.gigs-1 .item3 h2 { position: relative; text-align: center; }
#container .slide.gigs-1 .item4 h2 { position: relative; text-align: center; }

#container .slide.gigs-1 .item3 h2 strong { position: absolute; right: -25px; }

#container .slide.gigs-1 .item1 .icon { text-align: center; }
#container .slide.gigs-1 .item2 .icon { text-align: center; }
#container .slide.gigs-1 .item3 .icon { text-align: center; height: 112px; }
#container .slide.gigs-1 .item4 { text-align: center; }
#container .slide.gigs-1 .content > .container > .row { margin-top: 50px; }

#container .slide.gigs-2 div.header h1 { display: none; }

#container .slide.gigs-3 .icon { text-align: center; }
#container .slide.gigs-3 h2 { text-align: center; font-size: 24px; }
#container .slide.gigs-3 p { font-size: 14px; text-align: center; }

#container .slide.gigs-3 .item1 { height: 320px; border-bottom: solid 1px #AAA; border-right: solid 1px #AAA; padding-bottom: 30px; padding-top: 30px; }
#container .slide.gigs-3 .item2 { height: 320px; border-bottom: solid 1px #AAA; border-right: solid 1px #AAA; padding-bottom: 30px; padding-top: 30px; }
#container .slide.gigs-3 .item3 { height: 320px; border-bottom: solid 1px #AAA; padding-bottom: 30px; padding-top: 30px; }
#container .slide.gigs-3 .item4 { height: 320px; border-right: solid 1px #AAA; padding-bottom: 30px; padding-top: 30px; }
#container .slide.gigs-3 .item5 { height: 320px; border-right: solid 1px #AAA; padding-bottom: 30px; padding-top: 30px; }
#container .slide.gigs-3 .item6 { height: 320px; padding-bottom: 30px; padding-top: 30px; }

#container .slide.knowledge-1 .dropzone { padding: 20px; text-align: center; border: solid 1px #AAA; margin: 10px; width: 30%; }
#container .slide.knowledge-1 .labels { margin-top: -40px; }
#container .slide.knowledge-1 .labels .label { white-space: normal; padding: 0px; }
#container .slide.knowledge-1 .labels .label p { color: #333; font-size: 16px; font-weight: normal; padding: 10px; background-color: #eee; border-radius: 10px; box-shadow: 3px 4px 5px #AAA; line-height: 20px; margin: 0px; margin-bottom: 15px; text-align: left; cursor: move; }

#container .slide.knowledge-1 .dropzone:hover { border-color: #46b4b5; }
#container .slide.knowledge-1 .dropzone div.label { opacity: 1 !important; left: auto !important; top: auto !important; }
#container .slide.knowledge-1 .dropzone .label p { font-size: 12px; color: #333; white-space: normal; line-height: 14px;  }

#container .slide.conclusion-1 .item { font-size: 18px; clear: both; }
#container .slide.conclusion-1 span.number { font-size: 50px; color: #c8c9cb; font-weight: bold; float: left; padding-right: 15px; padding-bottom: 100px; padding-top: 0px; clear: both; line-height: 60px;  }

#container .slide.conclusion-1 .item2 span.number { padding-bottom: 50px; }

#container .slide.conclusion-1 .item4 p { text-align: center; font-size: 20px; }

#container .slide.conclusion-2 label { margin-left: 10px; font-weight: normal; margin-bottom: 20px; font-size: 18px; }
#container .slide.conclusion-2 { font-size: 20px; }