/*! HTML5 Boilerplate v7.2.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px dotted #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html {
  text-rendering: optimizeLegibility !important;
  -moz-osx-font-smoothing: auto !important;
  -webkit-font-smoothing: subpixel-antialiased !important;
  overflow-x: hidden;
  font-size: 16px;
  color:#fff;
}

body {
  font-family: 'Open Sans', sans-serif;
  background: #F8F8FF;
  color:#666;
}

a {
  color:#666;
  text-decoration: none;
}

p {
  line-height: 150%;
}

p.lead b {
  font-weight: 600;
}

p a {
  text-decoration: underline;
}

.tinySpace {
  margin:3em 0;
}

.space {
  margin:6em 0;
}

.extraSpace {
  margin:12em 0;
}

.green {
  color: #9FC395;
}

img.img-responsive, svg.img-responsive {
  width:100%;
}

ul#mainNav {
  list-style: none;
  padding: 2.5em;
  /*margin:2.5em;*/
}

ul#mainNav li {
  min-width: 20px;
  display: inline-block;
  padding-bottom: 10px;
  margin-right:3em;
  position: relative;
}

ul#mainNav li a:hover {
  color:#9FC395;
  text-decoration: none;
}

/*ul#mainNav li:first-of-type {
  margin-right:3em;
}*/

ul#mainNav li img.logo {
  width:140px;
  height:35.9333px;
  position: relative;
  top:-0.15em;
}

/*ul#mainNav li:not(:first-of-type) {
  margin: 0 1.75em;
  position: relative;
  top:0.3em;
}*/

.landing {
  position: relative;
  height: 92vh;
}

.landing svg {
  width:1400px;
  height:150vh;
  position: absolute;
  top:-50vh;
  right:-25vw;
}

.landing-title, .large-title {
  font-weight: 400;
  font-size: 63px;
  font-size: 4.5vmin;
  margin-bottom: 0.5em;
  z-index: 2;
  position: relative;
}

.landing-title {
  font-weight: 300;
  font-size: 78px;
  font-size: 6vmin;
}

.landing-title:before {
  content: "";
  position: absolute;
  width: 10%;
  height: 0;
  left: 0;
  bottom:-20px;
  border-bottom: 1px dotted #9FC395;
}

.medium-title {
  font-size: 35px;
  font-weight: bold;
  font-size: 2.65vmin;
}

a.get_started_btn {
  font-family: 'Dosis', sans-serif;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  margin-top: 0.65em;
  padding: 0.5em 0.75em 0.5em;
  font-weight: 600;
  color:#fff;
  /*background: #9FC395;*/
  background:#9FC395 url('/assets/img/circles_bg.svg') center bottom no-repeat;
  background-size: 150%;
}

a.get_started_btn:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transform: scale(1.1);
  animation: shadow-pulse 2s infinite;
  background:#9FC395 url('/assets/img/circles_bg.svg') center center no-repeat;
  background-size: 200%;
  border-color: transparent;
  -webkit-text-shadow: rgba(0,0,0,.1) 0 0 0.1em;
  text-shadow: rgba(0, 0, 0, .1) 0 0 0.1em;
}

.landing-background {
  min-height:950px;
  height: 100vh;
  max-height:100vh;
  position: relative;
  z-index: 1;
  /*background:#1a162a;*/
  /*background:#2c2d3c;*/    
}

h1,h2,h3,h4,h5 {
  font-family: 'Dosis', sans-serif;
  /*font-weight: 200;*/
  /*-webkit-text-shadow: rgba(0,0,0,0.25) 0 0 0.1em;
  text-shadow: rgba(0,0,0,0.25) 0 0 0.1em;*/
  -webkit-font-smoothing: antialiased;
}

.box-shadow {
  -webkit-box-shadow: 0px 25px 150px -75px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 25px 150px -75px rgba(0,0,0,0.35);
  box-shadow: 0px 25px 150px -75px rgba(0,0,0,0.35);
}

ul#mainNav li.drop_menu span {
  -webkit-transition: all 0.25s ease-in-out 0.5s;
  -moz-transition: all 0.25s ease-in-out 0.5s;
  -ms-transition: all 0.25s ease-in-out 0.5s;
  -o-transition: all 0.25s ease-in-out 0.5s;
  transition: all 0.25s ease-in-out 0.5s;
  position: absolute;
  width:auto;
  max-height: 0;
  visibility: hidden;
  top:100%;
  left:50%;
  overflow: hidden;
  -ms-transform: translate(-50%,5%);
  -moz-transform: translate(-50%,5%);
  -webkit-transform: translate(-50%,5%);
  transform: translate(-50%,5%);
  /*background:#9FC395;*/
  background: #9FC395 url('/assets/img/circles_bg.svg') right center no-repeat;
  background-size: 350%;
  opacity: 0.0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 0.5em 0 0.5em;
  -webkit-box-shadow: 0px 25px 25px -25px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 25px 25px -25px rgba(0,0,0,0.2);
  box-shadow: 0px 25px 25px -25px rgba(0,0,0,0.2);
}

ul#mainNav li.drop_menu span h3 {
  margin-top:0;
  color:#fff;
  -webkit-text-shadow: none;
  text-shadow: none;
  white-space: nowrap;
  font-weight: bold;
  letter-spacing: -1px;
}

ul#mainNav li.drop_menu span h3 i {
  padding:0;
  font-size: 75%;
}

ul#mainNav li.drop_menu span a {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  display: block;
  padding: 0.5em;
  white-space: nowrap;
  color: #fff;
  font-weight: 400;
  will-change: transform;
  width:99.9%;
}

ul#mainNav li.drop_menu span a:hover {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  text-decoration: underline !important;
  background: #aFd4a6;
}

ul#mainNav li.drop_menu {
  -webkit-transition: all 0.25s ease-in-out 0.5s;
  -moz-transition: all 0.25s ease-in-out 0.5s;
  -ms-transition: all 0.25s ease-in-out 0.5s;
  -o-transition: all 0.25s ease-in-out 0.5s;
  transition: all 0.25s ease-in-out 0.5s;
}

ul#mainNav li.drop_menu:hover {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  color:#9FC395;
}

ul#mainNav li.drop_menu:hover span {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  visibility: visible;
  max-height: 50em;
  opacity: 1.0;
  -ms-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
  overflow: visible;
}

ul#mainNav li.drop_menu a i.far {
  -webkit-transition: transform 0.25s ease-in-out 0.5s;
  -moz-transition: transform 0.25s ease-in-out 0.5s;
  -ms-transition: transform 0.25s ease-in-out 0.5s;
  -o-transition: transform 0.25s ease-in-out 0.5s;
  transition: transform 0.25s ease-in-out 0.5s;
  position: relative;
  bottom: 0.2em;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  vertical-align: middle;
}

ul#mainNav li.drop_menu:hover a i.far {
  -webkit-transition: transform 0.25s ease-in-out;
  -moz-transition: transform 0.25s ease-in-out;
  -ms-transition: transform 0.25s ease-in-out;
  -o-transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

ul#mainNav li.drop_menu:before {
  -webkit-transition: all 0.1s ease-in-out 0.35s;
  -moz-transition: all 0.1s ease-in-out 0.35s;
  -ms-transition: all 0.1s ease-in-out 0.35s;
  -o-transition: all 0.1s ease-in-out 0.35s;
  transition: all 0.1s ease-in-out 0.35s;
  content:'';
  position: absolute;
  left: 95.79%;
  top: 108%;
  /*-ms-transform: translate(-50%,-8px);
  -moz-transform: translate(-50%,-8px);
  -webkit-transform: translate(-50%,-8px);
  transform: translate(-50%,-8px);*/
  transform: translate(-50%,0);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #9FC395 transparent;
  z-index:9999;
  opacity: 0.0;
}

ul#mainNav li.drop_menu:hover:before {
  -webkit-transition: all 0.2s ease-in-out 0.15s;
  -moz-transition: all 0.2s ease-in-out 0.15s;
  -ms-transition: all 0.2s ease-in-out 0.15s;
  -o-transition: all 0.2s ease-in-out 0.15s;
  transition: all 0.2s ease-in-out 0.15s;
  opacity: 1.0;
  transform: translate(-50%,-8px);
}

svg#landing-image {
  position: absolute;
  /*top:-6vw;*/
  /*top:-105vh;*/
  /*top:-52em;*/
  top:-50vmin;
  /*right:-35em;*/
  right:-30vmin;
  width: 64vmax;
  max-width:1600px;
  /*max-height: 1300px;*/
  max-height:130vh;
  z-index: -1;
  pointer-events: none;
  overflow:visible;
  box-shadow: 0px -0px 10000px transparent; /* chrome overflow bug fix */
}

/*svg#landing-image #blob1, svg#landing-image #blob2, 
svg#landing-image #blob2_5, svg#landing-image #blob3, 
svg#landing-image #paper, svg#landing-image #pencil, 
svg#landing-image #coffee, svg#landing-image switch, 
svg#landing-image #phone, svg#landing-image #laptop,
svg#landing-image #device, svg#landing-image #bubble1, 
svg#landing-image #bubble2, svg#landing-image #bubble3,
svg#what-is-alp #blob1, svg#what-is-alp #blob2,
svg#what-is-alp #blob2_5, svg#what-is-alp #blob3,
svg#what-is-alp #q_shadow_bottom, svg#what-is-alp #q_shadow_top,
svg#what-is-alp #q_bottom, svg#what-is-alp #q_top {*/
svg#landing-image, svg#what-is-alp, 
svg#alp-five, svg#alp-training {
  shape-rendering: geometricPrecision;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  will-change: transform;
}

svg#landing-image #blob1 {
  animation: svg-load 0.88s ease-in-out forwards;
  animation-play-state: paused;
}

svg#landing-image #blob2 {
  animation: svg-load 0.88s ease-in-out forwards;
  animation-play-state: paused;
}

svg#landing-image #blob2_5 {
  animation: svg-load 0.78s ease-in-out forwards;
  animation-play-state: paused;
}

svg#landing-image #blob3 {
  animation: svg-load 0.76s ease-in-out forwards;
  animation-play-state: paused;
}

svg#landing-image #paper {
  animation: svg-load 1s ease-in-out forwards;
  animation-play-state: paused;
}

svg#landing-image #pencil {
  animation: svg-load 1.08s ease-in-out forwards;
  animation-play-state: paused;
}

svg#landing-image #coffee {
  animation: svg-load 1.1s ease-in-out forwards;
  animation-play-state: paused;
}

svg#landing-image #switch {
  animation: svg-load 0.92s ease-in-out forwards;
  animation-play-state: paused;
}

svg#landing-image #phone {
  animation: svg-load 1s ease-in-out forwards;
  animation-play-state: paused;
}

svg#landing-image #laptop {
  animation: svg-load 0.88s ease-in-out forwards;
  animation-play-state: paused;
}

svg#landing-image #device {
  animation: svg-load 1s ease-in-out forwards;
  animation-play-state: paused;
}

svg#landing-image #bubble1 {
  animation: svg-load 1.05s ease-in-out forwards;
  animation-play-state: paused;
}

svg#landing-image #bubble2 {
  animation: svg-load 1.1s ease-in-out forwards;
  animation-play-state: paused;
}

svg#landing-image #bubble3 {
  animation: svg-load 1.15s ease-in-out forwards;
  animation-play-state: paused;
}

#what_is_alp ul {
  padding-left:1em;
}

#what_is_alp ul li {
  margin-bottom: 1em;
}

svg#what-is-alp {
  position: absolute;
  /*top:-6vw;*/
  /*top:-105vh;*/
  /*top:-52em;*/
  top:-1em;
  /*right:-35em;*/
  right:-3em;
  width: 45vmax;
  max-width:1000px;
  max-height: 750px;
  z-index: -1;
  pointer-events: none;
  overflow:visible;
  box-shadow: 0px -0px 10000px transparent; /* chrome overflow bug fix */
}

svg#what-is-alp #blob1 {
  animation: svg-load 0.88s ease-in-out forwards;
  animation-play-state: paused;
}

svg#what-is-alp #blob2 {
  animation: svg-load 0.88s ease-in-out forwards;
  animation-play-state: paused;
}

svg#what-is-alp #blob2_5 {
  animation: svg-load 0.78s ease-in-out forwards;
  animation-play-state: paused;
}

svg#what-is-alp #blob3 {
  animation: svg-load 0.76s ease-in-out forwards;
  animation-play-state: paused;
}

svg#what-is-alp #q_shadow_bottom {
  animation: svg-load 1s ease-in-out forwards;
  animation-play-state: paused;
}

svg#what-is-alp #q_shadow_top {
  animation: svg-load 1.08s ease-in-out forwards;
  animation-play-state: paused;
}

svg#what-is-alp #q_bottom {
  animation: svg-load 0.92s ease-in-out forwards;
  animation-play-state: paused;
}

svg#what-is-alp #q_top {
  animation: svg-load 1.1s ease-in-out forwards;
  animation-play-state: paused;
}

#alp_stages {
  /*background: #4C5866;*/
  background:#2a3439 url('/assets/img/circles_bg.svg') center top no-repeat;
  /*background:#4C5866 url('/assets/img/PRC_Rebecca_Stallman_Southgate_School-2023_Timocco.jpg') center 12em no-repeat;*/
  /*background: #2a3439 url('/assets/img/stages_bg.jpg') left top no-repeat; */
  /*background-size: 110vmin, 150%;*/
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #F8F8FF;
  /*padding: 3em 0 0;*/
  padding: 0 0 3em;
  /*min-height: 50em;
  height: 50vmax;
  max-height:50em;*/
  /*height: 65em;*/
  overflow: hidden;
}

#alp_stages p {
  position: relative;
  z-index: 2;
  -webkit-text-shadow: rgba(0,0,0,0.25) 0 0 0.1em;
  text-shadow: rgba(0,0,0,0.25) 0 0 0.1em;
}

#alp_stages a {
  color: #fff;
}

.stage_one_steps li,
.stage_two_steps li,
.stage_three_steps li {
  margin: 0.25em 0;
}

#stages-two ul.unstyled.assessment li {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-bottom:1px solid transparent;
  display: inline-block;
  max-width:10em;
  padding: 0.75em 0.75em 1.25em;
  white-space: nowrap;
}

#stages-two ul.unstyled.assessment li:hover,
#stages-two ul.unstyled.assessment li.active {
  /*border-bottom: 1px solid #9FC395;*/
  /*border-radius: 6px;*/
  cursor:pointer;
}

/*#stages-two ul.unstyled.assessment li:hover,*/
#stages-two ul.unstyled.assessment li.active {
  -webkit-transition: border-bottom 0.2s ease-in-out 0.2s;
  -moz-transition: border-bottom 0.2s ease-in-out 0.2s;
  -ms-transition: border-bottom 0.2s ease-in-out 0.2s;
  -o-transition: border-bottom 0.2s ease-in-out 0.2s;
  transition: border-bottom 0.2s ease-in-out 0.2s;
  border-bottom: 1px solid #9FC395;
  transform: translateY(-0.35em);
}

#stages-two ul.unstyled.assessment li:not(.active):hover {
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -ms-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transform: translateY(-0.35em);
  border-bottom-color: transparent;
}

#stages-two ul.unstyled.assessment li:not(.active) img {
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -ms-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  will-change: transform;
}

#stages-two ul.unstyled.assessment li:not(.active):hover img,
#stages-two ul.unstyled.assessment li.active img {
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -ms-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transform: rotate(-5deg);
}

#stages-two ul.unstyled.assessment li a {
  color:#fff;
  text-decoration: none;
}

#stages-two ul.unstyled.assessment li a h2 i {
  will-change: transform;
}

#stages-two .assessment img {
  vertical-align: top;
  height:3em;
  display: block;
  margin: 0 auto;
}

.stage_bar {
  width:100%;
  height: 12em;
  background:grey;
  margin:0 auto;
  display:block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1);
  -webkit-backdrop-filter: blur(0.2em);
  backdrop-filter: blur(0.2em);
  padding: 1em;
  /*overflow-y: auto;*/
  overflow: hidden;
  -webkit-text-shadow: rgba(0,0,0,.1) 0 0 0.1em;
  text-shadow: rgba(0, 0, 0, .1) 0 0 0.1em;
}

.stage_bar:hover {
  animation: shadow-pulse 2s infinite;
}

.stage_bar.one {
  background: rgba(159,195,149,0.9);
  height: 20em;
  margin-top: 6em;
}

.stage_bar.one:hover {
  background: rgba(169,205,159,0.95);
}

.stage_bar.one i.fad {
  font-size: 300%;
  margin:0.2em 0 0.5em;
}

.stage_bar.two {
  background: rgba(125,142,160,0.9);
  height:23em;
  margin-top: 3em;
}

.stage_bar.two:hover {
  background: rgba(135,152,170,0.95);
}

.stage_bar.two i.fad {
  font-size: 475%;
  margin:0.2em 0 0.5em;
}

.stage_bar.three {
  height:26em;
  background: rgba(68,160,169,0.9);
}

.stage_bar.three:hover {
  background: rgba(78,170,179,0.95);
}

.stage_bar.three i.fad {
  font-size: 658%;
  margin:0.2em 0 0.5em;
}

.stage_bar i.fad {
  filter: drop-shadow(0px 3px 15px rgba(0,0,0,0.2));
  -webkit-filter: drop-shadow(0px 3px 15px rgba(0,0,0,0.2));
  -moz-filter: drop-shadow(0px 3px 15px rgba(0,0,0,0.2));
}

#alp_phases {
  text-align: center;
}

span.stage_one_color {
  color:#9FC395;
  font-weight: 400;
}

span.stage_two_color {
  color:#7D8EA0;
  font-weight: 400;
}

span.stage_three_color {
  color:#44A0A9;
  font-weight: 400;
}

#alp_phases ul li {
  margin-bottom: 1.5em;
}

#alp_phases ul li p.lead {
  margin: 0;
}

#alp_phases h1 {
  font-weight: 400;
}

svg#alp-five {
  position: absolute;
  /*top:-6vw;*/
  /*top:-105vh;*/
  /*top:-52em;*/
  top:-1.5em;
  /*right:-35em;*/
  left:-1em;
  /*width: 40vmax;*/
  height: 34vmax;
  max-height:22em;
  z-index: 1;
  pointer-events: none;
  overflow:visible;
  box-shadow: 0px -0px 10000px transparent; /* chrome overflow bug fix */
}

svg#alp-five #blob1 {
  animation: svg-load 1.15s ease-in-out forwards;
  animation-play-state: paused;
}

svg#alp-five #blob2 {
  animation: svg-load 1.2s ease-in-out forwards;
  animation-play-state: paused;
}

svg#alp-five #blob2_5 {
  animation: svg-load 1.2s ease-in-out forwards;
  animation-play-state: paused;
}

svg#alp-five #blob3 {
  animation: svg-load 1.25s ease-in-out forwards;
  animation-play-state: paused;
}

svg#alp-five #five_shadow {
  animation: svg-load 1.2s ease-in-out forwards;
  animation-play-state: paused;
}

svg#alp-five #five1 {
  animation: svg-load 1.2s ease-in-out forwards;
  animation-play-state: paused;
}

#alp_training {
  /*background: #2a3439;*/
  background:#2a3439 url('/assets/img/circles_bg.svg') 30em 0 no-repeat;
  background-size: 150%;
  color: #F8F8FF;
  padding: 3em 0;
  overflow-y:hidden;
  position: relative;
}

svg#alp-training {
  position: absolute;
  /*top:-6vw;*/
  /*top:-105vh;*/
  /*top:-52em;*/
  bottom:-3em;
  /*right:-35em;*/
  right:-1em;
  width: 45vmax;
  max-width:800px;
  z-index: -1;
  pointer-events: none;
  overflow:visible;
  box-shadow: 0px -0px 10000px transparent; /* chrome overflow bug fix */
}

#alp_training sup a {
  color:#fff;
  text-decoration: underline;
}

input[name="comments"] {
  display: none;
}

[role="button"]:hover {
  cursor: pointer;
}

form#alp_request_contact input {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  /*border:1px solid #ddd;*/
  /*background: none;*/
  caret-color: #fff;
  /*color:#fff;*/
  border-color: transparent;
  background:rgba(255,255,255,0.5);
  color:#444;
}

form#alp_request_contact input.error,
form#alp_request_contact select.error {
  border-color: red;
}

form#alp_request_contact select {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-color: transparent;
  background:rgba(255,255,255,0.5);
  color:#444;
}

form#alp_request_contact small.required:after {
  content:' *';
  color:#ea3c53;
}

form#alp_request_contact input:focus {
  box-shadow:none;
}

form#alp_request_contact input::-webkit-input-placeholder {
  color: #444;
}

form#alp_request_contact input:-ms-input-placeholder {
  color: #444;
}

form#alp_request_contact input::placeholder {
  color: #444;
}

form#alp_request_contact small {
  margin-left:0.25em;
}

a#alp_request_contact_close:hover {
  filter: drop-shadow(0px 6px 6px rgba(255,255,255,0.2));
  -webkit-filter: drop-shadow(0px 6px 6px rgba(255,255,255,0.2));
  -moz-filter: drop-shadow(0px 6px 6px rgba(255,255,255,0.2));
}

#alp_resources .card {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#alp_resources .card:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-color: #9FC395;
  animation: shadow-pulse 2s infinite;
}

.stage_dot {
  padding: 0.25em 0 0.2em;
  width:1.25em;
  position: absolute;
  left:0;
  top:40%;
  transform: translate(-5%,-40%);
}

.stage_dot.one circle {
  fill: #9FC395;
}

.stage_dot.three circle {
  fill: #44A0A9;
}

svg#alp-training #desk {
  animation: training-svg-load 0.9s ease-in-out forwards;
  animation-play-state: paused;
}

svg#alp-training #device {
  animation: training-svg-load 0.95s ease-in-out forwards;
  animation-play-state: paused;
}

svg#alp-training #blackboard {
  animation: training-svg-load 1.05s ease-in-out forwards;
  animation-play-state: paused;
}

svg#alp-training #teacher {
  animation: training-svg-load 1s ease-in-out forwards;
  animation-play-state: paused;
}

svg#alp-training #device1 {
  animation: training-svg-load 1.05s ease-in-out forwards;
  animation-play-state: paused;
}

svg#alp-training #device3 {
  animation: training-svg-load 1.05s ease-in-out forwards;
  animation-play-state: paused;
}

#alpClassTab li.nav-item a.nav-link {
  color:#fff;
  border:1px solid transparent;
  margin: 0.5em;
}

#alpClassTab li.nav-item a.nav-link:first-of-type {
  margin-left:0;
}

#alpClassTab li.nav-item a.nav-link:not(.active) {
  /*border:1px solid #757575;*/
  border-radius: 25px;
  text-decoration: underline;
}

#alpClassTab li.nav-item a.nav-link:not(.active):hover {
  border:1px solid #ddd;
}

#alpClassTab li.nav-item a.nav-link.active {
  background: #7D8EA0;
  border-radius: 25px;
}

#svg1 {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#svgContainer {
    position:absolute;
    will-change: stroke-dashoffset;
    z-index: 1;
    pointer-events: none;
}

#path1,#path2 {
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    stroke-dasharray: 1000px;
    stroke-dashoffset: 0px;
    animation: dash 1.5s linear;
    animation-play-state: paused;
    opacity: 0.5;
}

@keyframes dash {
  from {
    stroke-dashoffset: -1000px;
  }
  to {
    stroke-dashoffset: 0px;
  }
}

#alp_about {
  /*background: #4C5866;*/
  background: url('/assets/img/circles_bg.svg') 30em 10em no-repeat, url('/assets/img/footer_bg2.svg') no-repeat left bottom; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 150%, cover;
  /*color: #F8F8FF;*/
  padding: 3em 0 14em;
  color:#fff;
  /*min-height: 50em;
  height: 50vmax;
  max-height:50em;*/
}

#alp_about p a {
  color:#fff;
}

#alp-about-us {
  position: absolute;
  /*top:-6vw;*/
  /*top:-105vh;*/
  /*top:-52em;*/
  top:40%;
  transform: translateY(-40%);
  /*right:-35em;*/
  left:-1em;
  /*width: 40vmax;*/
  width: 40vmax;
  max-width:25em;
  z-index: 1;
  pointer-events: none;
  overflow:visible;
  box-shadow: 0px -0px 10000px transparent; /* chrome overflow bug fix */
}

ul.unstyled {
  list-style-type: none;
}

.phases_sub {
  position: absolute;
  top:-2em;
  left:50%;
  transform: translateX(-50%);
  color:#aaa;
  opacity: 0.0;
  animation: fadeInOnLoad 1s ease-in-out forwards 0.5s;
  animation-play-state: paused;
  line-height: 120%;
  width: 100%;
}

.popover-header {
  font-weight: 200;
  color: #fff;
  font-size: 45px;
  background: #4C5866;
  border:none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.popover-body {
  padding: 1em;
  color: #fff;
  font-size: 16px;
  /*background: #999;*/
  border:none;
}

.popover-body span {
  font-weight: 600;
  font-size: 20px;
  display: block;
  clear:both;
  margin-bottom: 1em;
}

.popover {
  font-family: 'Dosis', sans-serif;  
  -webkit-transition: opacity 0.35s ease-in-out;
  -moz-transition: opacity 0.35s ease-in-out;
  -ms-transition: opacity 0.35s ease-in-out;
  -o-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
  background: #4C5866;
  max-width:450px;
  border: 2px solid #9FC395;
  filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.15));
  -webkit-filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.15));
  -moz-filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.15));
}

.popover > .arrow:after {
  left:0;
  border-left-color: #9FC395;
  filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.15));
  -webkit-filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.15));
  -moz-filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.15));
}

p.stage1 b, p.stage2 b, p.stage3 b {
  padding: 0.5em 1em 0.5em;
  border-radius: 35px;
}

p.stage1 b {
  background:#9FC395;
}

p.stage2 b {
  background:#7D8EA0;
}

p.stage3 b {
  background:#44A0A9;
}

span.red {
  color:red;
}

#alp_assessment span.orange {
  color:orange;
  font-weight: 600;
  font-size: 120%;
}

#alp_assessment {
  color: #F8F8FF;
  padding: 3em 0;
  /*background: #4C5866;*/
  background:#2a3439 url('/assets/img/circles_bg.svg') 40em 25em no-repeat;
  background-size: 150%;
}

#alp_assessment span.green {
  color:limegreen;
  font-weight: 600;
  font-size: 120%;
}

#upcoming-conferences, #upcoming-access-master-class {
  padding: 2em 0 0;
}

@media screen and (min-width: 1900px) {
    .landing-background {
        height:110vh;
        max-height: 110vh;
    }
    .landing-title-group {
        position: relative;
        left:-13em;
    }
}

@media screen and (min-width: 1600px) {
  svg#landing-image {
    top:-45vmin;
    right:-25vmin;
  }
}


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
  .large-title {
    font-size: 60px;
    font-size: 4.5vmin;
  }

  .landing-title {
    font-size: 78px;
    font-size: 6vmin;
  }
}

@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) {
    .large-title {
      font-size: 49px;
      font-size: 6vmin;
    }
    .landing-title {
      font-size: 61px;
      font-size: 7.5vmin;
    }
}

.embed-responsive {
  border-radius: 3px;
}

#side_menu_container {
    -webkit-transition: all 0.5s ease-in-out 0.25s;
    -moz-transition: all 0.5s ease-in-out 0.25s;
    -ms-transition: all 0.5s ease-in-out 0.25s;
    -o-transition: all 0.5s ease-in-out 0.25s;
    transition: all 0.5s ease-in-out 0.25s;
    position: fixed;
    overflow: visible;
    z-index: 99;
    top:0;
    right:0;
}

#side_menu {
    color:#fff;
    position: absolute;
    z-index: 99;
    right:0;
    -webkit-transition: all 0.25s ease-in-out 0.25s;
    -moz-transition: all 0.25s ease-in-out 0.25s;
    -ms-transition: all 0.25s ease-in-out 0.25s;
    -o-transition: all 0.25s ease-in-out 0.25s;
    transition: all 0.25s ease-in-out 0.25s;
    transform: translateX(20em);
    background: rgba(0,0,0,0.0);
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    width:20em;
    padding: 2em 0 1em 2em;
    height:100vh;
}

#side_menu.open {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    transform: translateX(0);
    background: rgba(0,0,0,0.75);
    -webkit-backdrop-filter: blur(0.5em);
    backdrop-filter: blur(0.5em);
    overflow-y: auto;
}

#side_menu h3 {
    -webkit-transition: all 0.25s ease-in-out 0.25s;
    -moz-transition: all 0.25s ease-in-out 0.25s;
    -ms-transition: all 0.25s ease-in-out 0.25s;
    -o-transition: all 0.25s ease-in-out 0.25s;
    transition: all 0.25s ease-in-out 0.25s;
    position: relative;
    top:0.165em;
    transform: translateX(-5em);
    color:#fff;
    width: 1em;
    white-space: nowrap;
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.35));
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.35));
    -moz-filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.35));
}

#side_menu h3:hover,
#side_menu.open h3:hover,
#view_assessments:hover {
  cursor: pointer;
}

#side_menu.open h3 {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    transform: translateX(0);
    width: 100%;
}

#side_menu h3 a span {
    -webkit-transition: all 0.25s ease-in-out 0.5s;
    -moz-transition: all 0.25s ease-in-out 0.5s;
    -ms-transition: all 0.25s ease-in-out 0.5s;
    -o-transition: all 0.25s ease-in-out 0.5s;
    transition: all 0.25s ease-in-out 0.5s;
}

#side_menu.open h3 a span {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color:#B8E986 !important;
}

#side_menu h3:after {
    -webkit-transition: all 0.25s ease-in-out 0.5s;
    -moz-transition: all 0.25s ease-in-out 0.5s;
    -ms-transition: all 0.25s ease-in-out 0.5s;
    -o-transition: all 0.25s ease-in-out 0.5s;
    transition: all 0.25s ease-in-out 0.5s;
    content:' Menu';
    opacity: 1.0;
    pointer-events: none;
    position: absolute;
    top:50%;
    -ms-transform: translateY(-55%);
    -moz-transform: translateY(-55%);
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
    left:1.5em;
    font-size:90%;
    font-weight: 400;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

#side_menu.open h3:after {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    opacity: 0.0;
}

#side_menu h3 a {
    -webkit-transition: all 0.25s ease-in-out 0.5s;
    -moz-transition: all 0.25s ease-in-out 0.5s;
    -ms-transition: all 0.25s ease-in-out 0.5s;
    -o-transition: all 0.25s ease-in-out 0.5s;
    transition: all 0.25s ease-in-out 0.5s;
}

#side_menu.dark h3, #side_menu.dark h3:after {
  color:#999;
  opacity: 1.0;
  filter: none;
  -webkit-filter: none;
  -moz-filter: none;
}

#side_menu.open.dark h3:after {
  color:#fff;
  opacity: 0.0;
  filter: none;
  -webkit-filter: none;
  -moz-filter: none;
}

#side_menu .fa-bars {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  opacity: 1.0;
}

#side_menu.open .fa-bars {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  opacity: 0.0;
}

#side_menu .fa-times {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  opacity: 0.0;
  position: absolute;
  left:0;
  top:0;
  font-size: 120%;
}

#side_menu.open .fa-times {
  opacity: 1.0;
}

ul.side-menu-links {
  margin-top: 2em;
  list-style: none;
  padding:0;
  line-height: 2em;
}

ul.side-menu-links i.fas {
  padding:0;
}

ul.side-menu-links li {
  display: block;
}

ul.side-menu-links li.sub_indent {
  margin: 0 0 0 1em;
}

/*ul.side-menu-links li.sub_indent:before {
  content: "\2023 \0020";
}*/

ul.side-menu-links li h2 {
  border-bottom: 1px dotted #555;
  margin-right: 1em;
  padding-bottom: 0.5em;
}

ul.side-menu-links li a {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  color:#fff;
  font-size: 105%;
}

ul.side-menu-links li:hover a {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  text-decoration: none;
  margin-left: 0.25em;
  border-bottom: 1px dotted #9FC395;
  -webkit-text-shadow: rgba(0,0,0,.1) 0 0 0.1em;
  text-shadow: rgba(0, 0, 0, .1) 0 0 0.1em;
}

.btn {
  letter-spacing: 0.1em;
  font-family: 'Dosis', sans-serif;
  font-weight: 600;
}

.btn-round-lg {
  border-radius: 22.5px;
}

.form-control,
.btn-round {
  border-radius: 17px;
}

.btn-round-sm {
  border-radius: 18px;
}

.btn-round-xs {
  border-radius: 11px;
  padding-left: 10px;
  padding-right: 10px;
}

.btn-outline {
  border-color:#eee;
  font-weight: 600;
  color:#fff;
  padding: 8px 16px;
  text-decoration: none;
}

.btn-outline-green {
  border-color:#9FC395;
  font-weight: 600;
  color:#666;
  padding: 8px 16px;
}

.btn-outline-green:hover {
  background:#9FC395;
  color:#fff;
}

.btn-outline-grey {
  border-color:#7D8EA0;
  font-weight: 600;
  color:#666;
  padding: 8px 16px;
}

.btn-outline-grey:hover {
  background:#7D8EA0;
  color:#fff;
}

.btn-outline-teal {
  border-color:#44A0A9;
  font-weight: 600;
  color:#666;
  padding: 8px 16px;
}

.btn-outline-teal:hover {
  background:#44A0A9;
  color:#fff;
}

.btn-outline:hover {
  background:#eee;
  color:#4C5866 !important;
}

.btn-outline:focus,
.btn-outline-green:focus,
.btn-outline-grey:focus,
.btn-outline-teal:focus {
  box-shadow: none;
}

blockquote {
    font-family: 'Dosis', sans-serif;
    font-size: 18px;
    font-style: italic;
    /*width: 500px;*/
    width: 100%;
    margin: 0.25em 0 1.25em 1em;
    padding: 0.35em 40px;
    line-height: 1.45;
    position: relative;
    color: #666;
}

blockquote:before {
    font-family: 'helvetica', sans-serif;
    display: block;
    padding-left: 10px;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -20px;
    top: -20px;
    color: #7a7a7a;
}

blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
    text-align: right;
}

blockquote cite:before {
    content: "\2014 \2009";
}

.shadow-filter {
    filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.15));
    -webkit-filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.15));
    -moz-filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.15));
}

.shadow-btn-filter {
    filter: drop-shadow(0px 0px 20px rgba(0,0,0,0.1));
    -webkit-filter: drop-shadow(0px 0px 20px rgba(0,0,0,0.1));
    -moz-filter: drop-shadow(0px 0px 20px rgba(0,0,0,0.1));
}

@media screen and (max-width: 1200px) {
  #alp_training_classes a.nav-link {
    font-size: 80%;
  }
  .stage_bar p {
    font-size: 88%;
  }
}

@media screen and (max-width: 1000px) {
  #alp_training_classes a.nav-link {
    font-size: 65%;
  }
  .stage_bar p {
    font-size: 75%;
  }
}

@media screen and (max-width: 766px) {
  svg#landing-image {
    right:-38vmax;
    top:-46vmax;
  }
  #mainNav li:not(:first-of-type) {
    display: none;
  }
  ul#mainNav li img.logo {
    left:-1.5em;
  }
  #alp_training_classes a.nav-link {
    font-size: 75%;
  }
  .stage_bar p {
    font-size: 90%;
  }
  #alp_stages {
    background-position: -15em top;
  }
}

@media screen and (max-height: 500px) and (max-width: 766px) {
  svg#landing-image {
    right:-30vmax;
    top:-28vmax;
  }
  h1.landing-title, .large-title {
    font-size: 6vmax;
  }
  .landing {
    position: relative;
    height: auto;
    margin-bottom: 5em;
  }
  a.get_started_btn {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  #side_menu h3 {
    color:#777 !important;
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
  }
  h1.landing-title, .large-title {
    font-size: 12vmin;
  }
  #side_menu h3 {
    transform: translateX(-3em);
  }
  #side_menu h3:after {
    opacity: 0.0 !important;
    width:0;
  }
  .landing {
    height: auto;
  }
  .get_started_btn {
    visibility: hidden;
  }
  .extraSpace {
    margin:2em 0;
  }
  #alp_stages, #alp_assessment,
  #alp_training, #alp_about {
    background: #2a3439; 
  }
  #alp_phases p {
    text-align: center;
  }
  #alp_phases ul {
    padding-left: 0;
  }
  #alp_about {
    padding-bottom: 3em;
  }
  .landing-title {
    text-align: center;
  }
  .landing-title:before {
    display: none;
  }
  #what_is_alp h1, #alp_assessment h1,
  #alp_assessment p.lead, #alp_assessment h3,
  #alp_assessment p, #alp_training h1,
  #alp_training p.lead, #alp_about h1,
  #alp_about p, .landing-title-group p.lead {
    text-align: center;
  }
}

@keyframes fadeInOnLoad {
    0%,60% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes svg-load {
    0% {
        -ms-transform: rotate(-20deg) translate(15%,60%) scale(0.0);
        -moz-transform: rotate(-20deg) translate(15%,60%) scale(0.0);
        -webkit-transform: rotate(-20deg) translate(15%,60%) scale(0.0);
        transform: rotate(-20deg) translate(15%,60%) scale(0.0);
        /*opacity: 1.0;*/
        /*visibility: visible;*/
    }
    50% {
        -ms-transform: rotate(0.5deg) translate(0%,-3%) scale(1.05);
        -moz-transform: rotate(0.5deg) translate(-1%,-3%) scale(1.05);
        -webkit-transform: rotate(0.5deg) translate(-1%,-3%) scale(1.05);
        transform: rotate(0.5deg) translate(-1%,-3%) scale(1.05);
        /*opacity: 1.0;*/
        /*visibility: visible;*/
    }
    100% {
        -ms-transform: rotate(0) translate(0%,0%) scale(1.0);
        -moz-transform: rotate(0) translate(0%,0%) scale(1.0);
        -webkit-transform: rotate(0) translate(0%,0%) scale(1.0);
        transform: rotate(0) translate(0%,0%) scale(1.0);
        /*opacity: 1.0;*/
        /*visibility: visible;*/
    }
}

@keyframes training-svg-load {
    0% {
        -ms-transform: translate(45%,100%) scale(0.0);
        -moz-transform: translate(45%,100%) scale(0.0);
        -webkit-transform: translate(45%,100%) scale(0.0);
        transform: translate(45%,100%) scale(0.0);
        /*opacity: 1.0;*/
        /*visibility: visible;*/
    }
    50% {
        -ms-transform: translate(-5%,-10%) scale(1.15);
        -moz-transform: translate(-5%,-10%) scale(1.15);
        -webkit-transform: translate(-5%,-10%) scale(1.15);
        transform: translate(-5%,-10%) scale(1.1);
        /*opacity: 1.0;*/
        /*visibility: visible;*/
    }
    100% {
        -ms-transform: translate(0,0) scale(1.0);
        -moz-transform: translate(0,0) scale(1.0);
        -webkit-transform: translate(0,0) scale(1.0);
        transform: translate(0,0) scale(1.0);
        /*opacity: 1.0;*/
        /*visibility: visible;*/
    }
}

@keyframes teacher-arm {
    0% {
        -ms-transform: rotate(0deg) translate(0,0);
        -moz-transform: rotate(0deg) translate(0,0);
        -webkit-transform: rotate(0deg) translate(0,0);
        transform: rotate(0deg) translate(0,0);
        /*opacity: 1.0;*/
        /*visibility: visible;*/
    }
    20% {
        -ms-transform: rotate(6deg) translate(2.65%,-15%);
        -moz-transform: rotate(6deg) translate(2.65%,-15%);
        -webkit-transform: rotate(6deg) translate(2.65%,-15%);
        transform: rotate(6deg) translate(2.65%,-15%);
        /*opacity: 1.0;*/
        /*visibility: visible;*/
    }
    60% {
        -ms-transform: rotate(6deg) translate(2.65%,-15%);
        -moz-transform: rotate(6deg) translate(2.65%,-15%);
        -webkit-transform: rotate(6deg) translate(2.65%,-15%);
        transform: rotate(6deg) translate(2.65%,-15%);
        /*opacity: 1.0;*/
        /*visibility: visible;*/
    }
    80% {
        -ms-transform: rotate(0deg) translate(0,0);
        -moz-transform: rotate(0deg) translate(0,0);
        -webkit-transform: rotate(0deg) translate(0,0);
        transform: rotate(0deg) translate(0,0);
        /*opacity: 1.0;*/
        /*visibility: visible;*/
    }
    100% {
        -ms-transform: rotate(0deg) translate(0,0);
        -moz-transform: rotate(0deg) translate(0,0);
        -webkit-transform: rotate(0deg) translate(0,0);
        transform: rotate(0deg) translate(0,0);
        /*opacity: 1.0;*/
        /*visibility: visible;*/
    }
}

@keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
}
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}

#footer {
  margin:0;
  padding: 0 0 2em;
  background: #f8f8ff;
}

#footer ul.unstyled li {
  margin-bottom: 0.2em;
}

#footer ul.unstyled a {
  border-bottom: 1px dotted #9FC395;
}

#footer ul.unstyled a:hover {
  text-decoration: none;
  border-bottom: 1px dotted #9FC395;
}

#footer a:hover {
  color:#9FC395;
}

#footer .btn:hover {
  color:#f8f8ff;
}

i.fas.fa-spinner-third {
  animation: load_spin 1.65s infinite;
}

@keyframes load_spin
{
  0% {
    transform: rotate(0);
}
  100% {
    transform: rotate(1080deg);
  }
}

.grecaptcha-badge {
    visibility: hidden;
}

#ToTopHover, #ToTop:hover {
    cursor: pointer;
    transform: scale(0.55);
    -ms-transform: scale(0.55);
    -moz-transform: scale(0.55);
    -webkit-transform: scale(0.55);
    opacity: 0.9;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAABmCAYAAABm4qluAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OThENzgzMjVCNzRCMTFFM0EzRDU5MjlENjBGMTBDRUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OThENzgzMjZCNzRCMTFFM0EzRDU5MjlENjBGMTBDRUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5OEQ3ODMyM0I3NEIxMUUzQTNENTkyOUQ2MEYxMENFQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5OEQ3ODMyNEI3NEIxMUUzQTNENTkyOUQ2MEYxMENFQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl4ggucAAAtuSURBVHjazFwLcBbV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) no-repeat left -51px;width: 51px;height: 51px;display: block;overflow: hidden;float: left;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);*/
}

#ToTop {
    filter: drop-shadow(0px 6px 6px rgba(0,0,0,0.2));
    -webkit-filter: drop-shadow(0px 6px 6px rgba(0,0,0,0.2));
    -moz-filter: drop-shadow(0px 6px 6px rgba(0,0,0,0.2));
    mix-blend-mode: luminosity;
    border-radius: 100%;
    opacity: 0.5;
    z-index: 3;
    cursor: pointer;
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    overflow: hidden;
    width: 51px;
    height: 51px;
    border: none;
    text-indent: 100%;
    white-space: nowrap;
    transform: scale(0.75);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAFpOLgnAAAACXBIWXMAABcSAAAXEgFnn9JSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABQJJREFUeNpiYEAC/f39/4FYAMZnhAkyoIHCwkJGJmSBgoICZFPWM8F0wSSQFASAdAqCWBMmTGBApjHslJGRYXjy5AncTkZkO0BGwSRANEAAITtgPxC/J+QNQRRXIrnwPRNMcOnSpWDXwSQZsYUGCMD9hAYuoAcuXDdAADGihzwDbiAI9OMHvDECciByMCLHFMjR+4FsB2yxBQPomlmA2ABZYNeuXQzXrl1DsYmdnZ3h58+fiFAAWocSCiAN6ABZA3qkgpLeezwBcQGowRDEAAggRnQZoGZQalgP5TYCFTYgyyPb0g8KA1xWwJITLKhBzhFgIACQMwSKYkNDQ6zBDTT4PhN6RIqKijLY29uD2ZmZmeh6FFCyHCjso6OjcfJhqRIO0E0ExQPIRjc3N+waXr9+jZIspk+fDk8JWDWAcguhdAXSkMhAAsCa5EEFAwjACgdc6ek/oUjDlZbQNQYCFW+AcQACiBGfqaCYBUUWkd5LBBq8AKe/0QwmKi0SAIZACy+QnCtgAJRYkOOf6PAlJli0tLRQUiO29IPLIka0AgADgJI6ev5Azw6wFI4LsOCyAJT5sORYlKwEcgBIHag4APGx5RaMLIUMkpKSULIaetDAxGAFLMhCEMblkwnYIpxQEJCiDlQdFDLQFgQyYW0DUA84gnI+emUNqhnPU8HwD8gVJiOVihRklx9AFwQIQIsV3CAMw0CIGIARYIt82QA2gAm6SjsBjMAGjJAVGIERyKFEWJbtuNDcp6rk+urW9fnafExFhdEYAxs3SDbRQWjObCX5OR+uzgqemWzvJnHsDxZGqVt7vPgX35LWC1VgEtGx4iLgk1jBtkjHl6S0axMYhBj5MUZXOK9k5yGoAAnIHO3/uflQLIYJaeTjsWlTly5ztZJjiwCaIQFi1iKCKAYrAEk0ghkxQ7AupncJ5fulWviXoLUpJYD6cWnl55ZUiyQppeaiwDWd+hwXCRLUxJa8Ig47GI2Xvv6Ntep49iq4N8nBEUxh1R8jSE49GeCvg0fZ/sCFvvhDpypuXE8S9/Ec1UpJdqr5K2Jhb6L7kzkVeSswt5VMhP8lj5nJ1Y2l5RlN71Jwz8nNz+AtQLVmcNsgDIVhjHJGGaERC2SDsgCHStw7SlZIFkDNnUMlBijdIAugMgJiguqnz5JBwX62sQrvghQI+Of52e/7E68emAbxbtqTGIEyuvuUk7AceEZN5UvglagjYm9WE0It35fnpPaJB7FC79rSn0nAMdpG9CToYYMN/5kBpwyJFZYrbfMv22W0AFzPxwVNhSMdRrZekgxpZa+1sU/2XeZa7iUgoKDR6BRrgCia8qIojHjxrDutqkpLCtyt/hAxPM2lwMDhudkKUL8P/IGgsiy1QGAiWeHSYWEAyAADR60CmUGGHAT1sa0I1AB4bUmEgYLGc0tTCffEvbl1ptoeB+6VSZJoEZo73yXY6uoKi0aapuN1wzCwxscWghvibUJQnueTjOCBtgUrMzd35vF5XddsAaoQbCqZjSAMHG8SGNS2rXddgKuRAaCUY8E3qJGbyzfxQF8RauBeHqvWTSJ1SKwOHYCuT/kjwxsxwN6ik+QYK17BaWdiJmwdz4wPnLjuQMR1bhAIDRX+bAiqVLg6PaNFk8OxFUrU0iHbfKAMXXwaTNcpFP39v6Vf1UWZQdglgJvS0cA/gtpBhoxlxPmvdDxqpgmmyDcdG84bN8UvaWBwS01XS2wAAAAASUVORK5CYII=') no-repeat left top;
}

.modal-header {
  border-bottom: none;
}

.modal-header button.close:hover {
  color:#fff;
}

.modal-dialog {
  overflow: hidden;
  opacity: .97;
}

.modal-dialog * {
  color: #eee;
  background-color: #4C5866;
}

.modal-dialog *::-moz-selection {
  color: #453b2a;
  background-color: #999;
}

.modal-dialog *::selection * {
  color: #453b2a;
  background-color: #999;
}

.tab-content h4 {
  font-size: 1.25em;
  margin-left: 15px;
  font-size: 1.5em;
}

img.glossary-bg {
  pointer-events: none;
  z-index: 1;
  position: absolute;
  top: 0;
  -ms-transform: translate(-5%, -40%);
  -moz-transform: translate(-5%, -40%);
  -webkit-transform: translate(-5%, -40%);
  transform: translate(-5%, -40%);
  width: 24em;
  height: 24em;
  opacity: 0.1;
}

.glossary-title {
  padding-left: 0;
  margin-left: 15px;
  margin-bottom: 0;
}

.glossary-tabs {
  /*padding-left: 15px;*/
  /*border-bottom: .75px solid #B8E986;*/
  /*height: 1em;*/
  border-bottom: none;
}

.glossary-tabs li {
  /*margin-top: 2px;*/
  /*margin-bottom: 0;*/
}

.glossary-tabs li a {
  padding:0.5em;
}

.glossary-tabs li a,
.glossary-tabs > li > a:focus,
.glossary-tabs > li > a:hover,
.glossary-tabs > li.active > a,
.glossary-tabs > li.active > a:focus,
.glossary-tabs > li.active > a:hover {
  border: .75px solid #9FC395;
}

.glossary-tabs > li > a:focus,
.glossary-tabs > li > a:hover,
.glossary-tabs > li.active > a,
.glossary-tabs > li.active > a:focus,
.glossary-tabs > li.active > a:hover,
.glossary-tabs > li a.active {
  color: #1c1c26;
  background-color: #9FC395;
}

.glossary-list {
  list-style: none;
  padding: 0;
}

.glossary-list li {
  border-bottom: .75px solid #9FC395;
}

.glossary-list li:first-of-type {
  border-top: .75px solid #9FC395;
}

.glossary-list li:last-of-type {
  border-bottom: none;
}

.glossary-search-header {
  margin-top: 2em;
  margin-bottom: 2em;
}

.glossary-search-header h3 {
  display:inline-block;
  margin-top: 6px;
  margin-bottom: 0;
}

.search-results {
  margin-left: 0;
  margin-right: 0;
}

.glossary-no-results {
  padding-top: 1em;
}

#glossary-term {
  margin-left: 1em;
}

#glossary-term::-webkit-input-placeholder {
  color: #999;
}

#glossary-term::-moz-placeholder {
  color: #999;
}

.glossary-term,
.glossary-definition {
  font-size: 1em;
  padding: 0.5em 1em;
}

.glossary-term {
  font-weight: bold;
  font-size: 150%;
  font-family: 'Dosis', sans-serif;
  padding: 0.5em 0.5em;
}

.glossary-paginated {
  padding-top: 1em;
  /*border-top: .75px solid #9FC395;*/
}

ul.pagination {
}

ul.pagination li {
  border: none;
}

ul.pagination li a {
  padding:0.5em;
  border: .75px solid transparent;
  color: #fff !important;
}

ul.pagination li a,
ul.pagination li a:focus,
ul.pagination li span:focus {
  color: #eee;
  /*background-color: #1c1c26;*/
}

ul.pagination li a:hover,
ul.pagination li span:hover,
ul.pagination li.active a,
ul.pagination li.active a:focus,
ul.pagination li.active a:hover,
ul.pagination li.active span,
ul.pagination li.active span:focus,
ul.pagination li.active span:hover {
    z-index: 2;
    color: #1c1c26;
    /*background-color: #B8E986;*/
    border: .75px solid #9FC395;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
     * Printing Tables:
     * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}