/* Define the character set */
@charset "utf-8";

/* Remove the browser defaults and import any other css files we need */
@import url("reset.css");

/* Import the fonts used for the site */
/*@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,500,600,600i,700'); */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700');
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,700italic,400,700);
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap');
html, body {
   margin:0; padding:0;
   background:#282828;;
   color:#000;
   font-size:16px;
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 400;
}

body {
   background:#282828;
   margin:0px auto 0px auto;
}

.red { font-weight:bold; color:#C00000; }

h1 {
   font-family: 'M PLUS Rounded 1c', sans-serif;
   font-weight: 700;
   color: #000;
   font-size: 2.0em;
   text-align: center;
   letter-spacing: 1px;
   line-height: 1.2em;
   padding-top: 10px;
   padding-bottom:40px;

}

@media screen and (min-width: 800px) {
   h1 {
      font-size: 2.4em;
      text-align: left;
      padding-top: 40px;
   }
}

h3 {
   font-size:1.9em;
   font-weight:bold;
   font-style:italic;
   color:#11279e;
   padding-bottom:20px;
}

p {
   color:black;
   font-size: 2.0em;
   line-height:1.4em;
}

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.5em;
  font-size:75%;
}

sub {
  top: 0.5em;
}

#page-wrapper {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   width:100%;
   position:relative;
}

#slide_holder {
   box-sizing: border-box;
   width: 100%;
	margin: 0 auto;
}

@media (min-width: 650px) {
	#slide_holder {
	   width: 95%;
		max-width: 1200px;
	}
}

.slideset { }

.slide {
	margin-top:10px;
	border-bottom: 6px solid #10289e;
}

.slide h2 {
	margin: 0px 0px 0px 0px;
	padding: 20px;
	border-top: 12px solid #2cadb8;
	border-bottom: 6px solid #2cadb8;
	background: #10289e;
   font-family: 'M PLUS Rounded 1c', sans-serif;
   font-size: 2.5em;
	color: #fff;
	text-align: left;
	width: 100%;
   letter-spacing: 2px;
   line-height: 1.5em;
   padding-left:40px;

}

.slide .content {
	min-height: 500px;
	background: #fff;
	border-bottom: 8px solid #10289e;
	padding:40px;
   position:relative;
}

.slide .content::after {
  content: "";
  clear: both;
  display: table;
}

.slide .content .half {
	width:100%;
}

@media screen and (min-width: 800px) {
   .slide .content .half {
   	float:left;
   	width:50%;
   }
}

.slide .content .left {
}

.slide .content .right {
}

.slide footer, .slide footer a {
	color: #fff;
}

.slide footer a:hover, .slide footer a:focus{
	color: yellow;
}

.slide footer p {
   color:#ddd;
   font-size:0.9em;
   padding:10px;
}

.bordered-text {
   font-size :1.0em;
   padding:10px;
   border:1px solid black;
   text-align:center;
   font-weight:bold;
}

.bordered-text-no-border {
   font-size :1.0em;
   padding:10px;
   text-align:center;
   font-weight:bold;
}


.video-container {
	position: relative;
	padding-bottom: 59.25%;
	padding-top: 10px;
	height: 0;
	overflow: hidden;
   margin: auto;
   background: #fff;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
   width: calc(100%);
   height: calc(100%);
}

@media (max-width: 700px) {
	.video-container {
		padding-top: 0px;
		top: -20px;
	   border-bottom: 10px solid #a5b9da;
		position: relative;
		z-index: 1;
	}
}

@media (min-width: 701px) {
	.video-container iframe {
		border: 10px solid #fff;
	   border-radius: 4px;
	   width: calc(100% - 20px);
	   height: calc(100% - 20px);
	}
}

img.ff-question { width:45%; padding-top:20px; padding-bottom:40px; margin:auto; }
img.ff-answer { width:35%; padding-top:20px; padding-bottom:40px; visibility:hidden; margin:auto; }

@media screen and (min-width: 800px) {
   img.ff-question { width:70%; padding-top:40px;}
   .ff-text { font-size:2.5em; padding-top:20%; padding-right:40px; }
   img.ff-answer { width:60%; padding-top:40px; }
}

ul.styled_list {
   list-style: disc;
   font-size:1.8em;
}

@media screen and (min-width: 800px) {
   ul.styled_list {
      font-size:2.0em;
   }
}
ol.styled_list {
   list-style:decimal;
}

ul.styled_list,
ol.styled_list {
   padding: 0;
   margin-top: 20px;
   margin-bottom: 15px;
   line-height: 1.4;
}

ul.styled_list li,
ol.styled_list li {
   padding: 0;
   margin-bottom: 7px;
   margin-left: 7%;
   margin-right:7%;
}

ul.styled_list li ul,
ol.styled_list li ol {
   padding: 0;
   margin-top: 5px;
   margin-bottom: 10px;
   font-size:0.9em;
}

ul.styled_list li ul,
ol.styled_list li ul {
   list-style: circle;
}

ul.styled_list li ol,
ol.styled_list li ol {
   list-style: upper-roman;
}

ul.styled_list_no_bullet {
   list-style: none;
}

ul.styled_list_no_bullet {
   padding: 0;
   margin-top: 20px;
   margin-bottom: 15px;
   line-height: 1.4;
}

ul.styled_list_no_bullet li {
   padding: 0;
   margin-bottom: 4px;
   margin-left: 7%;
   margin-right:7%;
   text-align:center;
}

@media screen and (min-width: 700px) {
   ul.styled_list_no_bullet li {
      margin-bottom: 12px;
   }
}


#slide1img { margin:auto; width:45%; }
#slide-one .content { padding:0; min-height:680px; }
@media screen and (min-width: 800px) {
   #slide-one .half { padding:30px; }
   #slide-one .left { width:calc(30% - 60px); }
   #slide-one .right { width:calc(70% - 60px); }
   #slide1img { width:80%; }
}

#slide-one p { font-size:1.3em; text-align:center; padding-top:20px; padding-bottom:0; width:90%; margin:auto; }
#slide-one p:first-of-type { padding-top:60px; }

#slide-one-a .content { padding:0; min-height:680px; }
#slide-one-a .content .credits { padding-left:40px; }
#slide-one-a .content p.title { font-weight:bold; font-size:1.8em; padding-top:20px; }
#slide-one-a .content p.company { font-size:1.2em; padding-bottom:40px; }
#slide-one-a .content p.position { font-size:1.4em; padding-bottom:40px; }

#slide1aphoto { position:absolute; right:0; bottom:0; width:500px;  }

#slide-two p { margin-top:7%; }

#slide-five ul.styled_list { font-size: 1.9em; margin-top:7%; }

#slide-seven ul.styled_list { font-size: 1.4em; }
#slide7img {width:40%; margin:20px auto; }
@media screen and (min-width: 800px) {
   #slide-seven ul.styled_list { font-size: 1.6em; }
   #slide7img { position:absolute; top:-75px; right:20px; width:330px; }
}

#slide-eight .content .half { float:left; }
#slide-eight .left { width:75%; }
#slide-eight .right { width:25%; }
#slide-eight ul.styled_list { font-size: 1.4em; }
#slide8img { width:90%; }
@media screen and (min-width: 800px) {
   #slide-eight ul.styled_list { font-size: 1.6em; }
   #slide8img { width:200px; }
}

#slide-eleven .left { width:100%; }
#slide-eleven .right { width:100%; }
#slide11img { width:60%; margin:auto;}
#slide-eleven ul.styled_list { font-size: 1.6em; }
@media screen and (min-width: 800px) {
   #slide-eleven .left { width:50%; }
   #slide-eleven .right { width:50%; }
   #slide-eleven ul.styled_list { font-size: 1.9em; }
   #slide11img { width:90%; margin:10% auto;}
}

#slide-thirteen h2 { font-size:1.8em; }
#slide13img { width:95%; margin:auto; }

#slide-sixteen ul.styled_list { font-size: 1.7em; }

#slide20img { width:90%; }
#slide20aimg { width:80%; margin:auto; }
.slide20h1 { color:#7661a5; font-size:1.8em; font-weight:bold; padding-top:30px; }
.slide20h2 { color:#7661a5; font-size:1.6em; font-weight:bold; margin-bottom:50px;}
#slide-twenty .right { width: calc(50% - 38px); border-left: 7px solid #10289e; padding-left:30px; }

#slide21img { padding-left:30px; width:80%; }

#slide-twenty-three .left { width: 75%; }
#slide-twenty-three .right { width: 25%; }
#slide-twenty-three ul.styled_list { font-size: 1.7em; }
#slide-twenty-three .callout { width:85%; border: 2px solid #1f4e79; font-size:1.7em; font-weight:bold; color:#1f4e79; text-align:center; margin:auto; padding:8px; }
#slide-twenty-three .callout span { font-size:0.9em; font-weight:normal; }
#slide23img { position:absolute; top:-35px; right:40px; width:260px; }

#slide-twenty-four .left { width: 65%; }
#slide-twenty-four .right { width: 35%; }
#slide24img {width:30%; margin:auto;}

#slide-twenty-eight ul.styled_list { font-size: 1.75em; }

#slide-thirty h2 { font-size:1.5em; }
#slide-thirty .content { padding:5px 40px; }
#slide-thirty .bordered-text { font-size:1.0em; width:90%; margin:auto; }

#slide-thirty-one ul.styled_list { font-size: 1.4em; }
#slide31img { padding-top:20px; width:75%; margin:auto; }
@media screen and (min-width: 800px) {
   #slide-thirty-one .left { width:60%; }
   #slide-thirty-one .right { width:40%; }
   #slide-thirty-one ul.styled_list { font-size: 1.55em; }
   #slide31img { width:100%; padding-top:20%; }
}


#slide-thirty-two ul.styled_list { font-size: 1.4em; }
#slide32img { padding-top:20px; width:75%; margin:auto; }
@media screen and (min-width: 800px) {
   #slide-thirty-two .left { width:60%; }
   #slide-thirty-two .right { width:40%; }
   #slide-thirty-two ul.styled_list { font-size: 1.65em; }
   #slide32img { width:100%; padding-top:15%; }
}

#slide-thirty-five ul.styled_list { font-size: 1.6em; }
#slide35img { width:95%; padding:8%; }


#slide-thirty-six h2 { font-size:1.9em; }
#slide36img { width:90%; }

#slide-thirty-seven h3 { text-align:center; color:black; font-size:1.8em; font-style:normal; font-weight:normal; }
#slide-thirty-seven .content p { font-size:1.3em; padding-top:30px; }
#slide-thirty-seven .right { margin-top:40px; }
#slide-thirty-seven table { width:100%;  color:white; margin-top:20px; }
#slide-thirty-seven th, #slide-thirty-seven td { padding:10px 15px; font-size:1.2em; border:2px solid black; background:#4eadb9; }
#slide-thirty-seven table td.arrow{ border:0px white solid; background:#fff; width:5%; padding:0;}
#slide-thirty-seven table td.arrow img{ width:30px; padding-top:4px; padding-bottom:0px; margin-bottom:0;}

#slide-thirty-seven table tr td:not(:first-child) { width: 25%; text-align:center;}
@media screen and (min-width: 800px) {
   #slide-thirty-seven .left { width: calc(50% - 40px); padding-right:40px; }
   #slide-thirty-seven .right { width: calc(50% - 38px); border-left: 7px solid #10289e; padding-left:30px; margin-top:0;}
}

#slide-thirty-eight ul.styled_list { font-size: 1.3em; }
#slide-thirty-eight .content p { font-size: 1.5em; line-height:1.1; }
#slide38img { width:75%; margin:auto; }
@media screen and (min-width: 800px) {
   #slide-thirty-eight .left { width: 55%; }
   #slide-thirty-eight .right { width: 45%; }
   #slide-thirty-eight ul.styled_list { font-size: 1.45em; }
   #slide-thirty-eight .content p { font-size: 1.7em; line-height:1.1; }
   #slide38img { width:95%; margin:10% auto; }
}

#slide-thirty-nine .left { width: 75%; }
#slide-thirty-nine .right { width: 25%; }
#slide-thirty-nine ul.styled_list { font-size: 1.5em; }
#slide39img { width:150px; position:absolute; top:-75px; right:50px;}

#slide-forty ul.styled_list { font-size: 1.3em; }
#slide-forty .content p { font-size: 1.2em; line-height:1.1; width:80%; padding-bottom:20px; padding-left:100px; }
#slide40img { width:90% }
@media screen and (min-width: 800px) {
   #slide-forty .left { width: 75%; }
   #slide-forty .right { width: 25%; }
}

#slide-forty-one .left { width: 75%; }
#slide-forty-one .right { width: 25%; }
#slide-forty-one ul.styled_list { font-size: 1.4em; }
#slide41img { position:absolute; top:-30px; right:10px; width:200px }
@media screen and (min-width: 800px) {
   #slide-forty-one ul.styled_list { font-size: 1.6em; }
   #slide41img { position:absolute; top:-30px; right:50px; width:250px }
}

#slide-forty-two table { width:100%; background:#afe7eb; border:1px solid white; text-align:center; font-size:1.4em; }
#slide-forty-two thead tr.first-row { background:#1c3c9e; color:white; }
#slide-forty-two thead tr.second-row { background:#4eadb9; color:black; }
#slide-forty-two th { border:1px solid white; width:20%; padding:20px; }
#slide-forty-two td { border:1px solid white; width:20%; padding:20px; }

#slide43img { width:250px; margin:auto; }

#slide-forty-four ul.styled_list { font-size: 1.5em; }
#slide-forty-four .content p { font-size: 1.2em; line-height:1.1; padding-bottom:20px; margin-top:10%; font-weight:bold;}
#slide44img { width:95%; margin-left:4%; }
#slide-forty-four h2 { font-size:1.7em; }
@media screen and (min-width: 800px) {
   #slide-forty-four .left { width: 40%; }
   #slide-forty-four .right { width: 60%; }
}

#slide-forty-five table { width:100%; background:#afe7eb; border:1px solid white; text-align:center; font-size:1.0em; }
#slide-forty-five thead tr.first-row { background:#1c3c9e; color:white; }
#slide-forty-five thead tr.second-row { background:#4eadb9; color:black; }
#slide-forty-five th { border:1px solid white; padding:20px; }
#slide-forty-five td { border:1px solid white; padding:20px; }
#slide-forty-five table td:nth-child(4) { width:33%; text-align:left; padding-top:6px; }
#slide-forty-five table td:nth-child(4) ul.styled_list { font-size:0.9em; line-height:1.25; }
#slide-forty-five table td:nth-child(7) { width:16%; }

#slide46img { width:60%; margin:auto; }
@media screen and (min-width: 800px) {
   #slide-forty-six .left { width: 75%; }
   #slide-forty-six .right { width: 25%; }
   #slide46img { width:100%; margin:25% auto; }
}

#slide-forty-seven ul.styled_list { font-size: 1.5em; }
#slide47img { width:60%; margin:auto; }
@media screen and (min-width: 800px) {
   #slide-forty-seven .left { width: 60%; }
   #slide-forty-seven .right { width: 40%; }
   #slide47img { width:95%; margin:10% auto; }
}

#slide-forty-nine ul.styled_list { font-size: 1.7em; }
#slide49img { width:90%; margin:auto; }
@media screen and (min-width: 800px) {
   #slide-forty-nine .left { width: 40%; }
   #slide-forty-nine .right { width: 60%; }
   #slide49img { width:100%; margin:auto; }
}

#slide-fifty ul.styled_list { font-size: 1.6em; }

/* .push must be the same height as .footer */
.footer, .push {
  height: 120px;
}

.footer {
   position:fixed;
   bottom:0;
   width:100%;
	background: #11279e;
	box-shadow: 5px -4px 20px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px -4px 20px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px -4px 20px rgba(0, 0, 0, 0.5);
}

.footer > div { float:left; }

.footer-bottom {
   float:none;
	width:100%;
	color: #fff;
	font-size:14px;
   letter-spacing:1px;
	clear: both;
   border-top: 1px solid #a5b9da;
	padding-top:15px;
}

.footer-bottom span.footer-left {
   padding-left: 20px;
	float:left;
   position:relative;
	top: 2px;
}

.footer-bottom span.footer-right {
   padding-right: 20px;
   margin-top:-3px;
	float:right;
	text-align:right;
	text-transform: uppercase;
}

.footer-bottom span.download-arrow {
	font-size:22px;
   position:relative;
	top: 2px;
}

.footer-bottom a { color:white; text-decoration:none; }
.footer-bottom a:hover { color:yellow; }

#progressbar_holder {
	width:25%;
	margin:17px 15px 15px 15px;
	position: absolute;
	left: 50%;
	float: none;
	transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
}

#slide_control_holder { margin:15px; }

#chapter_control_holder { margin:15px; }

.ui-progressbar {
   position: relative;
}

.progress-label {
   position: absolute;
   left: 50%;
   top: 10px;
   font-weight: bold;
   text-shadow: 1px 1px 0 #fff;
   transform: translate(-50%);
}

@media (max-width: 700px) {
	#progressbar_holder { width: 92%; margin: 15px 0; }
	.footer,
	.push {
	  height: 180px;
	  /* .push must be the same height as .footer */
	}
	#slide_control_holder, #chapter_control_holder {
	    margin-top: 75px;
	}
}

/* Slider Overrride */
.bx-wrapper {
  -moz-box-shadow: 0 0 0px #ccc;
  -webkit-box-shadow: 0 0 0px #ccc;
  box-shadow: 0 0 0px #ccc;
  border: 0px solid #fff;
  background: transparent;
}

.bx-wrapper {
   margin-bottom: 35px;
}

/* Progressbar Override */
.ui-widget.ui-widget-content {
    border: 1px solid #ffffff;
}
.ui-widget-header {
    background: #a5badb;
    color: #566f9a;
}
.ui-widget-content {
    color: #566f9a;
}

/* Nav Override */
.mm-menu {
	font-family: 'Roboto Condensed', sans-serif;
	background: #405373;
	border-color: rgba(255, 255, 255, 0.35);
	color: rgb(255, 255, 255);
}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
    color: rgb(255, 255, 255);
    font-weight: 700;
}
.mm-listitem {
    text-indent: 20px;
}
.mm-listitem:hover {
	background: #2d3b52;
}

.mm-panels>.mm-panel>.mm-listview {
    margin: 20px -40px;
}

.slider-img-full {
   max-width: calc(100%)!important;
}

@media (max-width: 700px) {
	.slider-img-full {
	   max-width: calc(100%)!important;
		top: -20px;
	   border-bottom: 10px solid #a5b9da;
		position: relative;
		z-index: 1;
	}
}

@media (min-width: 701px) {
	.slider-img-full {
	   max-width: calc(100% - 20px)!important;
	   border: 10px solid #fff;
	   border-radius: 4px;
	}
}
#slider-prev a:hover, #slider-next a:hover, #chapter_control_holder a:hover { background:rgb(120, 206, 27); }

#slider-prev a, #slider-next a, #chapter_control_holder a, .download-handout {
    background: rgb(165, 185, 218);
    padding-top: 10px;
    padding-bottom: 12px;
    border-radius: 24px;
    box-shadow: inset 0px -2px 7px rgba(30, 42, 62, 0.72);
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1;
    font-size: 11px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-shadow: 2px 2px #0000006b;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    border: 2px solid rgba(255, 255, 255, 0.6);
}
@media (min-width: 375px) {
	#slider-prev a, #slider-next a, #chapter_control_holder a {
	    padding-left: 20px;
	    padding-right: 20px;
	}
}

@media screen and (min-width: 749px) {
	#slider-prev a, #slider-next a, #chapter_control_holder a {
      font-size: 14px;
      width: 80px;
	}
}


#slide-one p.footer-no-pad { padding-top:0; }

.download-handout {
    background:#1c3c9e;
    margin-top:20px;
    margin-left:30px;
    padding-top: 15px;
    padding-bottom: 17px;
    border-radius: 24px;
    box-shadow: inset 0px -2px 7px rgba(30, 42, 62, 0.72);
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-shadow: 2px 2px #0000006b;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    border: 2px solid rgba(255, 255, 255, 0.6);
}


#chapter_control_holder { width: auto; float: right; }

.slide-margin { margin-left:20px; margin-right:20px; }

 figure { margin:0 10px; }
 figcaption { padding:10px; }

 figure ul { list-style: disc; }
 figure ul li { margin-left: 10%; margin-bottom: 12px; }

.mm-listitem > a { font-size:1.0em }

btn.finished, btn.download {
    margin-right:20px;
    background: rgb(49, 85, 143);
    padding-top: 13px;
    padding-bottom: 12px;
    border-radius: 24px;
    box-shadow: inset 0px -2px 7px rgba(30, 42, 62, 0.72);
    display: inline-block;
    padding-left: 18px;
    padding-right: 18px;
    line-height: 1;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-shadow: 2px 2px #0000006b;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    width:calc(100% - 40px);
    margin:10px auto;
}

btn.download {
    background: rgb(98, 126, 172); margin-right:20px!important;
}

btn.download:hover, btn.finished:hover { background:rgb(120, 206, 27); }

@media screen and (min-width: 700px) {
   #slide35 h3 { font-size:1.4em; }
   #slide35 .closing_images > div img { border: 10px solid white; }
   btn.finished, btn.download { float:right; margin: auto; width:auto; }

}

td[class^="cell"] span:nth-of-type(1) { display:inline-block; width:50%; text-align:right; }
td[class^="cell"] span:nth-of-type(2) { display:inline-block; width:50%; text-align:left; }

.red-border { border: 4px red solid; }
.red-border-top { border-top: 4px red solid; }
.red-border-sides { border-left: 4px red solid; border-right: 4px red solid; }
.red-border-bottom { border-bottom: 4px red solid; }

/* Rotate and scale an image */
.img_rotate {
   display:block!important;
   visibility:visible!important;
   transform-origin: center;
   animation: rotate-scale 2000ms ease-in-out forwards;
}

@keyframes rotate-scale {
   from { transform: scale(0) rotate(0deg); }
   to { transform: scale(1) rotate(360deg); }
}

.hide-answer { visibility:hidden;}
.show-answer { visibility:visible!important;}

.question-logo { width:50%; margin-left:25%; }
.question-text { width:85%; }

@media screen and (min-width: 701px) {
   .question-logo { width:50%; margin-left:0%;}
   .question-text { width:50%; }
}