html{width:100%;height:100%;}
body{background-color: #fff;width:100%;height:100%;overflow: hidden;margin: 0;font-family: 'Open Sans';}
	body#s0{background-image: url(images/BG2.jpg);    background-size: cover;}

form{margin:0px;}
img{border:0px;}
a img{text-decoration:none;border:0 none;}
a:hover{opacity:0.7}

p{margin:0px 0px 20px 0px;padding:0px;-webkit-text-size-adjust:100%;font-size:inherit;}
p.flush{margin:0px 0px 5px 0px;}

ul, ol{padding:0px 0px 20px 30px; margin:0px; overflow: auto;}
	ol ol{padding-bottom: 0px;}
li {padding-bottom:5px;text-indent: 0vw;}
li ul{padding-top: 5px;}
ol.roman {counter-reset: roman;}
ol.alpha {counter-reset: alpha;}
ol.alpha > li, ol.roman > li {list-style: none;position: relative;}
ol.roman > li:before {counter-increment: roman;content:"" counter(roman, lower-roman)". ";position:absolute;left:-1.3em;}
ol.alpha > li:before {counter-increment: alpha;content:"" counter(alpha, lower-alpha)". ";position:absolute;left:-1.4em;}
ul.orange{list-style: none;padding: 0;margin: 0;}
ul.orange > li {padding-left: 1.5vw;text-indent: -1.5vw;}
ul.orange > li::before{content: "■";color: #f3714d;padding-right: .5vw;}

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub { 
  top: 0.4em; 
}

input[type="submit"]{outline-width: 0;}

div.mainContainer{position:relative;width:100%;height:100%;text-align:left;z-index:1;font-size:0;}
	body#s0 div.mainContainer{overflow-y: auto;    overflow-x: hidden;}

div#topBanner{position: absolute;    background-color: #fff;    z-index: 10;    width: 100vw;    height: 7vh;}
	div#topBanner h2{color: #0c1f3c;    font: 18px/20px 'Open Sans';    font-weight: 600;    margin: 0;    padding: 20px;}
	img#logoMain{display: block; width: 38vh;    height: 12vh;    margin: 1vh 0 0 0;    z-index: 15;}
	body.l1 	img#logoMain{width: 45vh;}

div#menuBtn{display: inline-block;vertical-align: middle;position: absolute;top: 0px;right: 10px;overflow: hidden;  margin: 0 0 0 0;  padding: 0;  width:48px;height:52px;  font-size: 0;  text-indent: -9999px;  appearance: none;  box-shadow: none;  border-radius: none;  border: none;  cursor: pointer;  transition:left 400ms ease-in-out;z-index:5100;border-bottom-right-radius:5px;}
	div#menuBtn:focus{outline:none;}
	div#menuBtn span{display:block;position:absolute;top:24px;left:10px;right:10px;height:3px;background:#0c1f3c;}
		div#header.front div#menuBtn span{background:#15244b;}
	div#menuBtn span::before, div#menuBtn span::after{  position: absolute;  display: block;  left: 0;  width: 100%;  height: 3px;  background-color: #0c1f3c;  content: "";}
		div#header.front div#menuBtn span::before, div#header.front div#menuBtn span::after{background:#15244b;}
	div#menuBtn span::before{top:-7px;}
	div#menuBtn span::after{bottom:-7px;}

	div#menuBtn span{transition:background 0s 0.3s;}
	div#menuBtn span::before, div#menuBtn span::after{transition-duration:0.3s, 0.3s;transition-delay:0.3s, 0s;}
	div#menuBtn span::before{transition-property:top, transform;}
	div#menuBtn span::after{transition-property:bottom, transform;}

	div#menuBtn.HL span {background:none !important;}
	div#menuBtn.HL span::before {top:0;transform:rotate(45deg);}
	div#menuBtn.HL span::after{bottom:-2px;transform:rotate(-45deg);}
	div#menuBtn.HL span::before, div#menuBtn.HL span::after{transition-delay:0s, 0.3s;height:5px;background-color: #0c1f3c !important;}


div#mainMenu{position:absolute;top:0px;right:0px;z-index:500;background-color: #fff;width:250px;height:100%;transition:400ms ease-in-out;-webkit-transition:400ms ease-in-out;-moz-transition:400ms ease-in-out;-webkit-backface-visibility:hidden;overflow:hidden;}
	div#mainMenu.hidden{right:-400px;}
	div#mainMenu a{display: block;    font: 14px/16px 'Open Sans', Arial;    font-weight: 700;    text-decoration: none;    color: #0c1f3c;    text-transform: none;    padding: 0 0px 0px 40px;    background-position: 0 2px;    background-size: 30px 30px;    background-repeat: no-repeat;    width: 125px;    margin: 3vh 2vw;}
		div#mainMenu a.dash{background-image: url(images/icon_dashboard.svg);}
		div#mainMenu a.committee{background-image: url(images/icon_SPC.svg);}
		div#mainMenu a.contact{background-image: url(images/icon_contact.svg);}
		div#mainMenu a.lang{background-image: url(images/icon_language.svg); padding: 8px 0px 8px 40px;}
		div#mainMenu a.logOut{background-image: url(images/icon_logout.svg); padding: 8px 0px 8px 40px;}

div#homeBox{margin: 12vh auto 0 auto;    width: 420px;    background-color: #fff;    border-radius: 20px;    box-shadow: 7px 7px 14px -4px #6f6f6f;    overflow: hidden; text-align: left;}
	div#homeBox div.left{display: inline-block;    vertical-align: top;    width: 155px;    margin: 30px;}
		div#homeBox div.left img#mainLogo{width: 120px;    height: auto;    margin: 0 0 14px 0;}
		div#homeBox div.left div#logoCaption{font: 16px/20px 'Open Sans',arial,sans-serif;    font-weight: 400; color: #32a5e9;}
		div#homeBox div.left strong{display: block;    color: #000;}
		div#homeBox div.left span{color: #be1e2e;    display: block;    font-weight: 600;}
	div#homeBox h1{font: 24px/28px 'Open Sans',arial,sans-serif;    font-weight: 400;    margin: 10px 0 20px 0;    color: #0c1f3c;}
	div#homeBox p{font: 14px/18px 'Open Sans',arial,sans-serif;    font-weight: 400;    white-space: normal;    color: #0c1f3c;}
	div.sponsorCap{font: 12px/14px 'Open Sans',arial,sans-serif;    font-weight: 400;    width: 410px;    text-align: center;    color: #fff;    margin: 40px auto 0 auto;}

form#loginForm{position: relative;    /*display: inline-block; */   vertical-align: top;    white-space: normal;    padding: 30px 35px 20px 40px;    color: #60605f;}
	form#loginForm a.lang{font: 16px/18px 'Open Sans',arial,sans-serif; font-weight: 600;    text-decoration: none;    color: #60605f;    position: absolute;    top: 15px;    right: 15px;}
	form#loginForm a.signUp{display: block;    font: 16px/16px 'Open Sans',arial,sans-serif;    font-weight: 400;    text-decoration: none;    color: #60605f;    margin-bottom: 10px;    margin: 20px 0;    text-align: right;    white-space: nowrap;}
	form#loginForm span.slash{display: inline-block; padding: 0 5px; font: 16px/18px 'Open Sans',arial,sans-serif;    font-weight: 400;}
	form#loginForm a.login{display: block;    font: 16px/16px 'Open Sans',arial,sans-serif;    font-weight: 400;    text-decoration: none;    color: #60605f;    margin-bottom: 10px;    margin: 20px 0;    text-align: right;    white-space: nowrap;}
	div.signUp{font: 20px/20px 'Open Sans',arial,sans-serif;    font-weight: 400;color: #003b6e;    margin: 0 0 10px 0;}
	form#loginForm a.HL{font-weight: 600;    color: #003b6e;}
	form#loginForm input{display: block; border: 0; border-bottom: 1px solid #808184; font: 16px/18px 'Open Sans',arial,sans-serif; font-weight: 400;     background-color: transparent;     padding: 8px 10px 3px 10px;    height: auto;    margin: 0px 0px 20px 0px; width: 320px; color: #60605f;}
	form#loginForm select{display: block; border: 0; border-bottom: 1px solid #808184; font: 16px/18px 'Open Sans',arial,sans-serif; font-weight: 400;     background-color: transparent;     padding: 8px 10px 3px 6px;    height: auto;    margin: 0px 0px 20px 0px; width: 340px; color: #60605f;}
	form#loginForm input[type="submit"]{margin: 0 auto 10px auto;    font: 24px/40px 'Open Sans',arial,sans-serif;    font-weight: 600; color: #0c1f3c;    border: 1px solid #0c1f3c;    background-color: #fff;    border-radius: 20px;    padding: 0px 20px 0px 20px;    width: 100%;}
	form#loginForm div.miceType.centered{text-align: center;    font-weight: 400;    color: #555555;}
		body.l1 form#loginForm input[type="submit"]{}
		form#loginForm input[type="submit"].wider{margin: 0 0 0 -94px;}
	form#loginForm p{font: 14px/16px 'Open Sans',arial,sans-serif;    font-weight: 400;}
	form#loginForm div.warning{padding-top: 0px;    font: 14px/14px 'Open Sans',arial,sans-serif;    font-weight: 400;}
	form#loginForm label{display: inline-block;    vertical-align: top;    font: 14px/16px 'Open Sans',arial,sans-serif;    font-weight: 400;    margin: 0px 0px 10px 0px;    cursor: pointer;    max-width: 316px;}
	form#loginForm label a{text-decoration: none; color: #60605f;}

div#dash{position: relative;    width: 100vw;    height: 93vh;    top: 7vh;    background-color: #05080d; overflow: hidden;}
div#scrollArea{position: relative;    min-width: 100%; height: 47vw;    background-image: url(images/BG3.jpg);    background-size: auto 100%;    background-repeat: repeat-x;    background-position: 10vw 0;    white-space: nowrap;    left: 0;    transition: left 400ms ease-in-out;}
	div#scrollArea > h1{position: absolute;    width: 100vw;    top: 9vw;    text-align: center;    font-size: 1.2vw;    line-height: 1.2vw;    color: #85a9c3;    z-index: 9;    letter-spacing: 0.1vw;}
	div#scrollArea.eps2{width: 150vw;}
	div#scrollArea.eps3{width: 190vw;}
	div#scrollArea.eps4{width: 230vw;}
	div#scrollArea.epPos1{left:0;}
	div#scrollArea.epPos2{left:-41vw;}
	div#scrollArea.epPos3{left:-82vw;}
	div#scrollArea.epPos4{left:-123vw;}

a#scrollBackBtn{display: block;    position: absolute;    top: 35vw; left:1vw;    background-image: url(images/arrow_explore-back_white.svg);    background-size: auto 100%;    background-repeat: no-repeat;    width: 8vw;    height: 4vw;}
	a#scrollBackBtn:hover{opacity: 1;}
	a#scrollBackBtn.hidden{display: none;}
a#scrollNextBtn{display: block;    position: absolute;    top: 35vw; right:1vw;    background-image: url(images/arrow_explore_white.svg);    background-size: auto 100%;    background-repeat: no-repeat;    width: 11vw;    height: 4vw;}
body.l1 a#scrollNextBtn{background-image: url(images/arrow_explore_white-fr.svg);    background-size: auto 100%;    background-repeat: no-repeat;    width: 11vw;    height: 4vw;}
	a#scrollNextBtn:hover{opacity: 1;}
	a#scrollNextBtn.hidden{display: none;}

div#introCon{position: relative;    display: inline-block;    vertical-align: top; width: 25vw;    height: 21vw;    background-image: url(images/BG_intro.jpg);    background-size: cover;    margin: 10.1vw 0 0 0;}
	div#introCon div{position: absolute; top: 1vw;    right: 1vw;    width: 21.5vw;    background-color: rgba(0, 0, 0, 0.75);    border-radius: 0.5vw;    padding: 3%;    margin: 0;    color: #fff;    font-size: 0.83vw;    line-height: 1vw;    white-space: normal;    height: 17.5vw;}
		div#introCon div p{margin: 0px 0px 0.5vw 0px;}
		body.l1 div#introCon div li{font-size: 0.65vw;}

		div#introCon div ul{padding: 0px 0px 0.5vw 1.5vw;}

		body.l1 div#introCon div p{font-size: 0.65vw;}


div#dash div.episodeCon{position: relative;    display: inline-block;    vertical-align: top; width: 23.8vw;    height: 12vw;    margin: 14vw 3vw 0 14vw;    background-color: #000;    background-size: cover;    background-repeat: no-repeat; cursor: pointer;}
	div#dash div.episodeCon.ep1{background-image: url(images/ep1.jpg);}
	div#dash div.episodeCon.ep2{background-image: url(images/ep2.jpg);}
	div#dash div.episodeCon.ep3{background-image: url(images/ep3.jpg);}
	div#dash div.episodeCon.ep4{background-image: url(images/ep4.jpg);}

	body.l1 div#dash div.episodeCon.ep1{background-image: url(images/ep1-fr.jpg);}
	body.l1 div#dash div.episodeCon.ep2{background-image: url(images/ep2-fr.jpg);}
	body.l1 div#dash div.episodeCon.ep3{background-image: url(images/ep3-fr.jpg);}
	body.l1 div#dash div.episodeCon.ep4{background-image: url(images/ep4-fr.jpg);}

div#dash div.completeCon{position: absolute;    bottom: 0;    background-color: #70bf44;    width: 97.4%;    height: 2vw;    margin: 0 1.4%;}
	div#dash div.completeCon h2{display: inline-block;    vertical-align: top;    background-image: url(images/check_white.svg);    background-repeat: no-repeat;    background-position: left center;    background-size: 2vw 1.5vw;    font-size: 1vw;    line-height: 1vw;    padding: 1.3vw 0 0.4vw 2vw;    margin: 0.1vw 1vw 0 0.3vw;    color: #fff;}
	body.l1 div#dash div.completeCon h2{margin: 0.1vw 0.5vw 0 0.3vw;}
	div#dash div.completeCon a{display: inline-block;    vertical-align: top;    background-repeat: no-repeat;    background-position: left center; color: #fff;    text-decoration: none;}
		div#dash div.completeCon a.eval{font-size: 0.6vw;    line-height: 0.7vw;    background-image: url(images/icon_eval_white.svg);    background-size: 1.8vw 1.4vw;    padding: 0.2vw 0 0.4vw 1.8vw;    margin: 0.1vw 1vw 0 0;}
		div#dash div.completeCon a.plan{font-size: 0.6vw;    line-height: 0.65vw;    background-image: url(images/icon_report_white.svg);    background-size: 1.8vw 1.4vw;    padding: 0.3vw 0 0.4vw 1.8vw;    margin: 0;}

div.nextArrow{background-image: url(images/arrow_explore_white.svg);background-repeat: no-repeat; background-size: contain;}

div#episodeCon{position: relative;    top: 7vh;    background-image: url(images/BG2.jpg);    background-size: cover;    overflow: hidden; height: 93vh;}

div#contentCon{position: relative;    top: 7vh;    background-image: url(images/BG2.jpg);    background-size: cover;    overflow: hidden; height: 89vh; font:18px/22px 'Open Sans', Arial;font-weight: 400; padding: 4vh 40px 0 1.8vw; color:#fff; overflow: auto;}
	div#contentCon h2{font:24px/26px 'Open Sans', Arial; font-weight: 400; margin: 40px 0 20px 0;}

div#contentCon.committee{text-align: center;}
	div#contentCon.committee h2{font-weight: 600;}
div#committee{position: relative; color: #000;background-color: #fff; width: 920px;    margin: 0 auto;}
	div#committee div.member{display: inline-block; vertical-align: top;font:16px/20px 'Open Sans', Arial; font-weight: 400; text-align: left; margin: 30px 30px 30px 0; cursor: pointer;}
	div#committee a{display: block; color: #000; text-decoration: none;    font: 12px/20px'Open Sans', Arial;    font-weight: 400;}

div.disclosure{position: absolute; top:0; left: 0; z-index: 20; width: 880px; background-color: #fff; text-align: right; padding: 20px;}
	div.disclosure.hidden{display: none;}
	div.disclosure img{width: 100%; height: auto;}

h1{margin: 0 0 20px 0;color: #0c1f3c;font:20px/22px 'Open Sans', Arial;font-weight: 600;}

h2#title{display: inline-block;    color: #0c1f3c;    font: 18px/20px 'Open Sans';    font-weight: 600;    margin: 20px 0 20px 0;    background-image: url(images/banner_question_yellow.png);    background-size: 100% auto;    background-repeat: no-repeat;    padding: 7px 40px 8px 20px;}
	h2#title.hidden{opacity: 0;}

div#content{position: relative;    z-index: 5;    font: 22px/24px 'Open Sans', Arial;    color: #fff;    margin: 20px auto 0 5vw;}
	div#content div.tableCell h3{margin:0 0 1vw 0;font-size: 2.5vw;font-weight: 600;color:#15244b;}
	div#content hr{height: 4px;border: 0px;background-color: #f3714d;margin: 40px 40px 40px 0px;}
	div#content h2{color: #0c1f3c;    font: 18px/20px 'Open Sans';    font-weight: 600;    margin: 0 0 20px 0;}
	div#content > h3{margin:0 0 1vw 0;font-size: 2.5vw;font-weight: 600;color:#222;}
	div#content p.miceType{}/* font: 14px/16px 'Open Sans';    font-weight: 400; */

div.leftCol{float:left;vertical-align: top;margin:0px 20px 20px 0px;}
	div.leftCol ul{list-style-type: none;padding: 0;}

img#svg{max-width: 87vw;max-height: 57vh;margin-left: 60px;display: block;margin-left: auto;margin-right: auto;    position: relative;    z-index: 5;}
	img#svg.hidden{display: none;}
	img#svg.full{margin-top: -186px;    margin-left: 189px;    max-width: 72vw;    max-height: 70vh;}

div#questionBox{display: block;    }
div#questionBox div.right{display: inline-block;vertical-align: top;}
	div#questionBox div.right p{margin:0px 20px 20px 0px;}
	div#questionBox div.right ul{margin-left: 40px;}
div#questionBox div.answerCol.right{width: 370px;}
div#questionBox div.answerCol.left{position: relative;    display: inline-block;    vertical-align: top;    width: 370px;    height: 100%;}

div.question{font: 22px/24px 'Open Sans', Arial;    font-weight: 600;    color: #fff800;}
	div.question div.number{display: none; float: left;    margin: 0 10px 100px 0;}

div#questionBox div.explanation{font: 14px/18px 'Open Sans', Arial;    font-weight: 400;    margin: 10px 0 0 20px; max-height: 300px;    overflow-y: auto;}
	div#questionBox div.explanation ul{margin: 0px 0 0 10px;}
	div#questionBox div.explanation div.references{font: 10px/12px 'Open Sans', Arial;    font-weight: 400;}
div#footnote{font:12px/14px 'Open Sans', Arial;font-weight:300;margin:30px 320px 0px 20px}
div#questionBox span.smaller1{display: inline-block; font:14px/20px 'Open Sans', Arial;font-weight:300;}
	body.l1 div#questionBox span.smaller1 {}
div#questionBox span.smaller2{display: inline-block; font:16px/20px 'Open Sans', Arial;font-weight:300;}

div#questionBox.responding div.answer{display: none;}
	div#questionBox.responding div.answerCol.left{display: none;}
	div#questionBox.responding div.answerCol.right{display: none;}

div.answer{margin: 0 0 10px 0px;cursor:pointer;border-radius: 5px;padding: 7px 20px 11px 10px;display: inline-block;vertical-align: top;}
	div.answer:hover{background-color: rgba(255,255,255,0.1);}
	div.answer.answered{border: 1px solid #fff;    border-radius: 20px;}
	div.answer div.alpha{display: inline-block; vertical-align: top; color: #fff; margin-right: 8px;    text-transform: uppercase;}
	div.answer div.text{display: inline-block;vertical-align: top;max-width: 500px;}
	div.answer#answer_1{margin-top: 0px;}
    a.next_button.disabled{opacity: 0.4;    pointer-events: none;}
    	a.next_button.disabled:hover{opacity: 0.4}
    div.correctIcon{float: left;    width: 35px;    height: 40px;    background-image: url(images/icon_correct_green.svg);    background-repeat: no-repeat;    background-size: 100% auto;    margin: 0px 10px 10px 0px;}
    div.incorrectIcon{float: left;    width: 35px;    height: 40px;    background-image: url(images/icon_wrong_blue.svg);    background-repeat: no-repeat;    background-size: 100% auto;    margin: 0px 10px 10px 0px;}
div.correctAnswer{color:#65ae61; margin: 11px 20px 10px 40px;    min-height: 30px;}
div.incorrectAnswer{color:#db4d43; margin: 11px 20px 10px 40px;    min-height: 30px;}
div.rightAnswer{font-weight: 600; margin: 0 20px 10px 20px;}

iframe{display: block;}
div#vidFrame{width: 60vw;    height: 34vw;   margin: 0 auto;}
	div#vidFrame iframe{display: block;        width: 60vw;    height: 34vw; margin: 0;    background-color: #fff;}
		div#vidFrame.hidden{display: none;}
	div#vidCap{font: 14px 'Open Sans'; font-weight: 400; text-align: center; padding: 10px;}
	body.l1 div#vidCap{font: 12px 'Open Sans';}

div#vidLinks{width: 600px;    margin: 0 auto;    text-align: center;}
	div#vidLinks a{display: inline-block;    text-decoration: none;    font: 12px/14px 'Open Sans', Arial;    color: #0c1f3c; padding: 0 0 0 30px;    margin: 10px 30px 20px 0;    background-repeat: no-repeat;    background-size: 25px 27px;    background-position: 0px 1px;}
	div#vidLinks a.transcript{background-image: url(images/icon_transcript_blue.svg);}
	div#vidLinks a.slides{background-image: url(images/icon_PDF_blue.svg);}
	div#vidLinks a.references{background-image: url(images/icon_references_blue.svg);    background-size: 35px 24px;    padding: 0px 0 0 39px;    background-position: 0px 0px;}

div#vidReferences{position: absolute; top:0;left:0; width: 100%; height: 100%; border-radius: 20px; background-color: #fff; z-index: 250; overflow: auto; display: none;}
	div#vidReferences.shown{display: block;}
	div#vidReferences a.closeBtn{position: absolute;    display: inline-block;    top: 10px;    right: 10px;    cursor: pointer;    color: #0c1f3c;    background-size: 40px 40px;    text-decoration: none;    font-weight: 600;    z-index: 300;}
	div#vidReferences h2{margin: 20px 0 10px 20px;}
	div#vidReferences ol{padding: 0px 40px 20px 40px;}
		div#vidReferences ol li{font-size: 14px;    line-height: 18px;    padding-bottom: 10px;}

div.endScreen{text-align: center;}
	div.endScreen a.dash{display: inline-block;    text-align: center;    padding: 10px 20px 10px 20px;    background-color: #fff;    border-radius: 20px;    border: 1px solid #0c1f3c;    color: #0c1f3c;    font: 20px 'Open Sans';    font-weight: 400;
    text-decoration: none;    text-transform: uppercase;    white-space: nowrap;    letter-spacing: 0; margin:0 20px 10px 0px;}
	div.endScreen a.nextCapsule{display: inline-block;    text-align: center;    padding: 10px 20px 10px 20px;    background-color: #0c1f3c;    border-radius: 20px;    border: 1px solid #0c1f3c;    color: #fff;    font: 20px 'Open Sans';    font-weight: 400;
    text-decoration: none;    text-transform: uppercase;    white-space: nowrap;    letter-spacing: 0; margin:0 20px 10px 0px;}

div#nav{position: absolute;    bottom: 0;    background-color: #1e354f;    width: 100vw;    height: 5vh;    z-index: 10;}

a.back_button{position: absolute;    z-index: 60;    top: 0px;    left: 20px;    display: block;    text-align: center;    padding: 10px 20px 10px 25px;  color: #fff;  font: 20px 'Open Sans';    font-weight: 400;    text-decoration: none;    text-transform: uppercase;    white-space: nowrap;    letter-spacing: 0;     background-image: url(images/arrow_white_left.svg);    background-repeat: no-repeat;    background-size: 20px 17px;    background-position: left center;}
	a.back_button.hidden{display: none;}
	a.back_button.right{right: 80px;}
	a.back_button:hover{opacity: 0.9}
	body.l1 a.back_button {}
a.next_button{position: absolute;    z-index: 60;    top: 0px;    right: 40px;    display: block;    text-align: center;    padding: 10px 25px 10px 20px;    color: #fff;    font: 20px 'Open Sans';    font-weight: 400;    text-decoration: none;    text-transform: uppercase;    white-space: nowrap;    letter-spacing: 0;    background-image: url(images/arrow_white_right.svg);    background-repeat: no-repeat;    background-size: 20px 17px;    background-position: right center;}
	a.next_button.hidden{display: none;}
	a.next_button:hover{opacity: 0.9}

div#content.page1 a#nextBtn{bottom: unset; right: 50%;    margin-right: -240px;}
	body.l1 div#content.page1 a#nextBtn{margin-right: -330px;}

div#committeeCon{position: relative;    width: 600px; padding: 20px;    margin: 40px auto 80px auto;    background-color: #fff;    border-radius: 20px;    box-shadow: 7px 7px 14px -4px #6f6f6f;}
	div#committeeCon h1{color: #0c1f3c;    margin: 0px auto 15px auto;    text-align: left;}
	div#committeeCon div.member{display: block;    font: 14px/18px 'Open Sans', Arial;    font-weight: 400;     clear: both;     margin: 0 0 20px 0;    overflow: auto;}
	div#committeeCon div.member strong{display: block;}
		div#committeeCon div.memberPic{float: left;    width: 118px;    height: 150px;    margin: 0 10px 10px 0;    background-repeat: no-repeat;    background-size: cover;    background-position: top center;}

input.toggleBtn{display: none;}
div.toggled{display:inline-block;vertical-align:top;}
div.toggled.disabled{opacity:0.4;pointer-events:none;}
div.toggled.disabled.hidden{display:none;}


body.admin div#menuBtn{display: none;}
body.admin div#mainMenu{display: none;}
body.admin div.mainContainer{background-image: none;}

span.csvLink a{font-size:14px;line-height: 16px;color:#be1e2d;text-decoration:none;}
table.csvTable{font-size:14px;line-height: 16px;}
table.csvTable tr.offRow{background-color:#ccc;}
table.csvTable td{text-align:center;}

a.large_button{display: block;width:310px;height:58px;background-image: url(images/large_button.svg);background-repeat: no-repeat;padding:18px 0px 2px 0px;text-align: center;color: #fff;font-size: 28px;font-weight: 600;text-decoration: none;}
a.mid{margin-right: auto;margin-left: auto;}

div.table{display:table;border:0px;border-collapse:collapse;margin-bottom: 20px;}
div.tableRow{display:table-row;}
div.tableCell{display:table-cell;padding: 0.5vw;}
div.tableRow.head div.tableCell{border:1px solid #fff;background-color:#15244b;color:#fff;font-weight: 600;}
div.tableRow.dGray div.tableCell{border:1px solid #fff;background-color:#ccccd0; }
div.tableRow.gray div.tableCell{border:1px solid #fff;background-color:#e7e8e9;}

div.tableRow.noPad div.tableCell{padding:0;}

#app.splash{background-size: cover;background-position: bottom right;background-repeat: no-repeat;}

div#contentCon.admin{background-color: #fff;    color: #000;    background-image: none;}
form#adminForm{padding:20px;font-size: 16px;    background-color: #fff;    color: #000;}
input#sendInvite{background-color: #495f6c;    color: #fff;    border: 0;    padding: 10px 20px;    text-transform: uppercase;    font-size: 18px;}

div.pieLabel{margin-top: 30px;    padding: 10px 0 0 0;    border-top: 0px solid black;}

ol#qFeedback > li{position: relative;}

div.feedGraph {position: relative;display: inline-block;vertical-align: top;width: 380px; height: 390px;-webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 500ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 500ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 500ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 500ms;}
	div#feedGraph1 {margin-right: 20px;}

div.theLegend{position: absolute;    top: 90px;    left: 500px;    width: 350px;-webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 500ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 500ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 500ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 500ms;}
	div.theLegend div.ggLI{display: table;margin-bottom: 10px;}
	div.theLegend div.letter{display: table-cell;vertical-align: middle;width:38px;height:38px;font: 16px/16px 'Open Sans', Arial;    font-weight: 600;text-align: center;text-transform: uppercase;color: #fff;}
	div.theLegend div.txt{display: table-cell;vertical-align: middle;text-align: left;padding-left: 10px;font: 12px/14px 'Open Sans', Arial;    font-weight: 600;color: #061d49;}
		div.theLegend div#ggLI_1 div.letter{background-color: #89459a;}
		div.theLegend div#ggLI_2 div.letter{background-color: #03b2cf;}
		div.theLegend div#ggLI_3 div.letter{background-color: #beb23c;}
		div.theLegend div#ggLI_4 div.letter{background-color: #77787b;}
		div.theLegend div#ggLI_5 div.letter{background-color: #061d49;}
		div.theLegend div#ggLI_6 div.letter{background-color: #8cc63f;}
		div.theLegend div#ggLI_7 div.letter{background-color: #ffd300;}
		div.theLegend div#ggLI_8 div.letter{background-color: #ff3b00;}


.fsSmall{font-size: 21px;}
.fsSmallpx{font-size: 14px;}
.w100{width: 100%;}
.floatLeft{float:left;margin: 0 20px 20px 0;}
.floatRight{float:right;margin: 0 0px 20px 20px;}
.centered{text-align: center;}
div.blocked{display: inline-block;vertical-align: top;max-width: 46vw;}
div.blocked p{margin:0px 0px 10px 0px;}
div.lrgBlue{font-size: 40px;line-height: 40px;font-weight: 700;color: #182954;width: 212px;text-align: center;}


input[type="text"],input[type="password"]{border-radius: 0px;border: 1px solid #bfbfbf;color:#4c4c4c;margin: 0 0 10px 0;font: 16px 'Open Sans'; padding: 3px 10px;}
input[type="submit"]{cursor:pointer;}
form#logForm{font-size: 18px; width: 500px;}
	form#logForm input{display: block;padding: 15px 10px 15px 50px;width: 254px;margin: 0 0 20px 0;}
	form#logForm input[type="text"]#email{display: block;background-image: url(images/username_icon.svg);background-repeat: no-repeat;background-size: 29px 31px;background-position: 10px 6px;padding: 15px 10px 15px 50px;width: 254px;margin: 0 0 20px 0;}
	form#logForm input[type="password"]#password{display: block;background-image: url(images/password_icon.svg);background-repeat: no-repeat;background-size: 23px 31px;background-position: 10px 6px;padding: 15px 10px 15px 50px;width: 254px;margin: 0 0 20px 0;}
	form#logForm input[type="submit"]{display: block;text-align: center;padding: 15px 0px 15px 0px;font-size: 20px;width: 316px;background-color: #ff5457;border-radius: 10px;border: 1px solid #ff5457;color:#fff;margin: 0 0 20px 0;}

div#debug{display:none;position: absolute;bottom: 2px;left: 50%;font-size: 26px;color: #f3714d;}

div#footer{position: relative;z-index:50;height: 21px;padding: 50px 20px 10px 0px;background-color:#fff;text-align: right;font-size: 12px;}
	img#logo_bl{width:251px;height:53px;position: absolute;z-index: 10;top: 15px;left: 20px;}

div.warning{color:#ff0000;padding:0px 0px 10px 0px;font:17px/19px 'Montserrat', Arial;font-weight:400;text-shadow: 1px 1px #fff;}

.warn{color:#ff0000 !important;}
input[type="text"].warn,input[type="number"].warn,input[type="password"].warn,select.warn,textarea.warn{color:#ff0000 !important;border-color: #ff0000 !important;}
.warn::-webkit-input-placeholder { /* WebKit */
    color:    red !important;
}
.warn::-moz-placeholder { /*Firefox */
   color:   red !important;
}
.warn:-ms-input-placeholder { /* IE */
   color:    red !important;
}

div.contentCon#admin{font-size: 14px;    line-height: 18px;    padding: 20px;}

div.user{display:table-row;padding:3px 10px;}
div.user.regged{background-color:#A4EA87;}
div.user.cancelled{background-color:#D05D5D;}
div.user div{display:table-cell;padding:2px 10px 2px 0px;}
div.user.offRow{background-color:#ccc;}

fieldset#adminProgAccess label{}

textarea.adminTexts{width:300px;padding:5px;}
textarea.adminTextl{width:600px;padding:5px;}
button.adminPost{position:absolute;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
 background-color: transparent !important;
    background-image: inherit !important;
}

.btncaptcha{
  margin: 0 auto 10px auto;
  font: 24px/40px 'Open Sans',arial,sans-serif;
    font-weight: normal;
  font-weight: 600;
  color: #0c1f3c;
  border: 1px solid #0c1f3c;
  background-color: #fff;
  border-radius: 20px;
  padding: 0px 20px 0px 20px;
  width: 100%;
}
@media all and (max-height: 685px){
	a.back_button{bottom: 20px;}
	a.next_button{bottom: 20px;}

	div.capThumbCon a.transcript{left: 50%;padding: 0.8vh 0 0.8vh 24px;font: 1.3vh/1.3vh 'Open Sans', Arial;    font-weight: 600;}
	div.capThumbCon a.references{left: 50%;padding: 0.8vh 0 0.8vh 31px;font: 1.3vh/1.3vh 'Open Sans', Arial;    font-weight: 600;}

	div.capThumbCon a.capThumb img{display: block;    height: 28vh;    max-height: unset;    margin-bottom: 2vw;}

	a#backBtn{font: 2vh/2.5vh 'Open Sans';    font-weight: 400;    bottom: 2vh;}
	a#nextBtn{font: 2vh/2.5vh 'Open Sans';    font-weight: 400;    bottom: 2vh;}

	div#content{}
		div#content.page1 a#nextBtn{ margin-right: -39vh;    font: 3vh/3.5vh 'Open Sans';    font-weight: 400;}

	div#programMenu{width: 60vw;}

	div#questionBox{font:12px/15px 'Open Sans', Arial !important;font-weight:300;    max-height: unset;    height: auto;}
	div#questionBox div.explanation{font:12px/15px 'Open Sans', Arial;font-weight:300;margin-top: 20px; max-height: unset;}
		div#questionBox div.explanation div.references{overflow: auto;    max-height: 23vh;}
	div#questionBox div.left img.qMark{width: 74px;    height: 124px;}
	div#questionBox div.right{display: inline-block;    vertical-align: top;    width: auto;    height: auto;}

	div.question div.number{margin: 0 10px 20px 0;}

	div#conclusion{font: 14px/18px 'Open Sans', Arial;}

	div.capThumbCon div.review{bottom: 5vh;    right: 2vh;}

}

@media all and (max-width: 685px){
	div.mainContainer{overflow-y: auto;    overflow-x: hidden;}

	div#homeBox{margin: 0vh auto 0 auto;    width: 100vw; height: auto;    overflow: auto;    background-color: #fff;    box-shadow: 9px 9px 14px -4px #333;    padding-top: 5vh;border-radius: 0;}
	div#homeBox div.left{display: block;    width: 92vw;    margin: 4vw;}
	div#homeBox img#logoMain{display: block;    vertical-align: top;    width: 92vw;    height: auto;    margin: 0vh auto 2vh auto;}
	form#loginForm{padding: 4vw 4vw 6vw 4vw;    width: 92vw;height: auto;position: inherit;    display: block;}
	form#loginForm h1{text-align: center;    font: 6vw/6.5vw 'Open Sans',arial,sans-serif;    font-weight: 400;    margin: 2vh 0 2vh 0;    color: #60605f;}
	form#loginForm input[type="submit"]{position: relative;    bottom: unset;    left: unset;    margin: 0 auto;    font: 6vw/10vw 'Open Sans',arial,sans-serif;    font-weight: 600;}
	form#loginForm input[type="submit"].wider{margin: 0 auto;}
	body.l1 form#loginForm input[type="submit"]{}
	div#logCaption{position: relative; background-color: #fff;    z-index: 500;    margin: 0 auto 0 auto;    width: 100vw;    text-align: center;    color: #60605f;    font: 3vw/3vw 'Open Sans',arial,sans-serif;    font-weight: 400;    padding: 5vh 0;}
		body.l1 div#logCaption{}
	div#logCaption a{    text-decoration: none;    color: #60605f;}
	div.miceType{font: 2vw/2.5vw 'Open Sans', Arial;    font-weight: 400;}
	
	div#programMenu{width: 96vw;    margin: 0vh auto 4vh auto;    background-color: #ffffffb3;    border-radius: 0;    padding: 4vw 2vw;}
		div#programMenu p{font: 3.5vw/4vw 'Open Sans', Arial;    font-weight: 300;    text-align: left;}

	div#content{border-radius: 0;    margin: 0px auto 0 auto;    max-height: unset;    height: auto; padding: 4vw 2vw 10vw 2vw;}
			div#content.page1 a#nextBtn{margin-right: -39vw;}


	div#vidLinks{width: 96vw;}
		div#vidLinks a{display: inline-block;    text-decoration: none;    font: 2vw/2.5vw 'Open Sans', Arial;    color: #0c1f3c;    padding: 0 0 0 28px;    min-height: 28px;    margin: 1vw 4vw 3vw 0;    background-repeat: no-repeat;    background-size: 25px 27px;    background-position: 0px 1px;}

	div#vidFrame{width: 96vw;    margin: 0 auto;}
		div#vidFrame iframe{height: 30vh;}	
		div#vidCap{font: 3vw 'Open Sans';    font-weight: 400;    text-align: center;    padding: 2vw;}

}

.backAnim{position: absolute;z-index:2;width: 100%;max-width: 87vw;
    max-height: 57vh;
    margin-left: 60px;
    display: block;
   margin-left: -43.5vw;
    left: 50%;}

.fade-enter-active, .fade-leave-active{
	transition: opacity .5s;
}
.fade-enter, .fade-leave-to{
	opacity: 0;
}

@keyframes scrollIn1 {
	0% { opacity:0;transform: translate(0px,30px) scale(.5,.5);}
	100% { opacity:1;transform: translate(0px,0px) scale(1,1);}
}
@-webkit-keyframes scrollIn1 {
	0% { opacity:0;-webkit-transform: translate(0px,30px) scale(.5,.5);}
	100% { opacity:1;-webkit-transform: translate(0px,0px) scale(1,1);}
}
@-moz-keyframes scrollIn1 {
	0% { opacity:0;-moz-transform: translate(0px,30px) scale(.5,.5); }
	100% { opacity:1;-moz-transform: translate(0px,0px) scale(1,1); }
}
@-ms-keyframes scrollIn1 {
	0% { opacity:0;-ms-transform: translate(0px,30px) scale(.5,.5); }
	100% { opacity:1;-ms-transform: translate(0px,0px) scale(1,1); }
}
.scrlIn1 { -webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 500ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 500ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 500ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 500ms; }

@keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
.fadeItIn { -webkit-animation-name: FadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 600ms;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 600ms;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 600ms;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 600ms; }

@keyframes FadeInOut { 0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-webkit-keyframes FadeInOut {  0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-moz-keyframes FadeInOut {  0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-ms-keyframes FadeInOut {  0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
img.fade_24_1{opacity:0;-webkit-animation-name: FadeInOut; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 2600ms;
-moz-animation-name: FadeInOut; -moz-animation-timing-function: ease-in; -moz-animation-duration: 2600ms;
-ms-animation-name: FadeInOut; -ms-animation-timing-function: ease-in; -ms-animation-duration: 2600ms;
animation-name: FadeInOut; animation-timing-function: ease-in; animation-duration: 2600ms;}

img.fade_24_2{opacity:0;-webkit-animation-name: FadeInOut; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 5600ms;
-moz-animation-name: FadeInOut; -moz-animation-timing-function: ease-in; -moz-animation-duration: 5600ms;
-ms-animation-name: FadeInOut; -ms-animation-timing-function: ease-in; -ms-animation-duration: 5600ms;
animation-name: FadeInOut; animation-timing-function: ease-in; animation-duration: 5600ms;}

img.fade_24_3{opacity:0;-webkit-animation-name: FadeInOut; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 8600ms;
-moz-animation-name: FadeInOut; -moz-animation-timing-function: ease-in; -moz-animation-duration: 8600ms;
-ms-animation-name: FadeInOut; -ms-animation-timing-function: ease-in; -ms-animation-duration: 8600ms;
animation-name: FadeInOut; animation-timing-function: ease-in; animation-duration: 8600ms;}

img.fade_24_4{opacity:0;-webkit-animation-name: FadeInOut; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 12600ms;
-moz-animation-name: FadeInOut; -moz-animation-timing-function: ease-in; -moz-animation-duration: 12600ms;
-ms-animation-name: FadeInOut; -ms-animation-timing-function: ease-in; -ms-animation-duration: 12600ms;
animation-name: FadeInOut; animation-timing-function: ease-in; animation-duration: 12600ms;}

@media print {
	body{background-color: #fff;}
	.pageBreak{display:block; page-break-before:always;}
	div#printBtn{display:none;}
	.dontPrint{display:none !important;}
	.onlyPrint{display:block;}

	div#mainContainer{overflow: auto; height: auto;background-color: #fff;}

	div.dontBreak{page-break-inside: avoid; overflow: hidden;}

	ol#qFeedback {}
		ol#qFeedback > li{page-break-inside: avoid; overflow: hidden;}
	img.qFeedbackImg{page-break-inside: avoid;}
	div.graphLeft{page-break-inside: avoid;}
	div.graphRight{max-width: 480px; page-break-inside: avoid;}

	ol#qFeedback div.feedGraph{}

	div#footer{display:none;}

	html{height: auto;}
	body{height: auto;}
	div#mainContainer{height: auto;}

}.btn {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.btn1 {
  background-color: transparent; 
  color: #fff; 
  border: 2px solid #fff;
}
.evaldiv{
    border:0px solid;width: 60%;margin-left: 20%;text-align: left; padding: 10px;
}
div#mainMenu a.headtext{
    display: none;
}

/******** Mobile/Device*********/
@media all and (max-width: 600px) {
    div#introCon{
        display:none;
    }
    a#scrollNextBtn{
        display:none;
    }
    div#homeBox{
        margin-top:30%;
    }
    div.sponsorCap{
        width: 85%;
        padding-left: 10px;
        padding-right: 10px;
    }
    div#dash div.episodeCon{
        width: 70vw;
        height: 35vw;
        display: grid;
    }
    div#scrollArea{
        padding-top: 40px;
        overflow:scroll; height:700px;
    }
    div#scrollArea h1{
        padding-top: 20px;
        font-size: 24px;
    }
    div#dash div.completeCon{
        height: 7vw;
        top: 100%
    }
    div#dash div.completeCon a.eval{
        font-size: 2.2vw;
        line-height: 2.6vw;
        background-size: 4vw 4.4vw;
        padding: 0.7vw 0 0.4vw 4.8vw;
    }
    div#dash div.completeCon a.plan{
        font-size: 2.2vw;
        line-height: 2.6vw;
        background-size: 4vw 4.4vw;
        padding: 0.7vw 0 0.4vw 4.8vw;
    }
    div#dash div.completeCon h2{
        background-size: 5vw 16.5vw;
        padding: 6.3vw 12px 0.4vw 2.5vw;
    }
    div.evaldiv{
        width: 100%;
        margin-left:0.5%;
        margin-right: 30%;
    }
    textarea, select, input{
        width: 100%;
    }
    div#content.learningResults{
        width: 95%;
        margin-left: -6%;
        margin-right: 1%;
    }
    div#mainMenu{
        width: 300px;
    }
    div#mainMenu a.headtext{
        font-weight:normal;font-size:12px;display:block;
        width: 240px;
        margin: 5vh 0vw;
    }
}