/*!
 * Preboot v2
 *
 * Open sourced under MIT license by @mdo.
 * Some variables and mixins from Bootstrap (Apache 2 license).
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.ir {
  display: block;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  color: transparent;
}
/*-------------------------------------------- */
/** Variables */
/*-------------------------------------------- */
/*-------------------------------------------- */
/** Breakpoints */
/*-------------------------------------------- */
.touchScroll {
  position: relative;
}
.touchScrollBars {
  display: -webkit-box;
  padding: 3px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147483647;
  -webkit-box-align: end;
  -webkit-box-pack: end;
  -webkit-box-sizing: border-box;
}
.touchScrollTrack {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.touchScrollTrackX {
  height: 6px;
}
.touchScrollTrackY {
  float: right;
  width: 6px;
}
.touchScrollBarsBoth {
  padding-bottom: 12px;
  padding-right: 12px;
}
.touchScrollBarsBoth .touchScrollTrackX {
  -webkit-transform: translateY(9px);
}
.touchScrollBarsBoth .touchScrollTrackY {
  -webkit-transform: translateX(3px);
}
.touchScrollHandle {
  border: 1px solid;
  min-height: 4px;
  min-width: 4px;
  -webkit-transition-property: -webkit-transform, height, width;
  -webkit-border-radius: 3px;
  /* COLOR VARIANTS */
  /* Default */
  border-color: rgba(255, 255, 255, 0.15);
  background: rgba(0, 0, 0, 0.5);
  /**/
  /* White
	border-color: rgba(255, 255, 255, 0.5);
	background: rgba(255, 255, 255, 0.5);
/**/
  /* Black
	border-color: rgba(0, 0, 0, 0.5);
	background: rgba(0, 0, 0, 0.5);
/**/
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  display: block;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}
/*-------------------------------------------- */
/** Flexslider custom styles */
/*-------------------------------------------- */
.slides {
  width: 100%;
  height: 100%;
}
.slides li {
  width: 100%;
  height: 100%;
}
.flexslider {
  position: relative;
  clear: both;
}
.flexslider li {
  min-height: 166px;
}
.flexslider li p {
  margin: 0;
  padding: 0;
  -webkit-transform-style: preserve-3d;
}
.flexslider .flex-control-nav {
  position: relative;
  z-index: 9;
  height: 20px;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.flexslider .flex-control-nav li {
  float: left;
  height: 8px;
  margin-right: 5px;
}
.flexslider .flex-control-nav li a {
  display: block;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  color: transparent;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  border: 4px solid #8fc7fe;
  cursor: pointer;
}
.flexslider .flex-control-nav li a.flex-active {
  background: #8fc7fe;
}
.flexslider .flex-direction-nav {
  list-style: none;
}
.flexslider .flex-direction-nav .flex-next {
  position: absolute;
  top: 0;
  right: 0;
  width: 66px;
  height: 166px;
  background: url(/img/flex-pagination-sprite.png) no-repeat 100% 0;
  display: block;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  color: transparent;
}
.flexslider .flex-direction-nav .flex-prev {
  display: none;
}
.flex-control-nav {
  position: relative;
  z-index: 9;
  height: 20px;
  display: inline-block;
  margin: 30px 0 0 0;
  padding: 0;
  list-style: none;
}
.flex-control-nav li {
  float: left;
  height: 8px;
  margin-right: 5px;
}
.flex-control-nav li a {
  display: block;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  color: transparent;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  border: 4px solid #8fc7fe;
  cursor: pointer;
}
.flex-control-nav li a.flex-active {
  background: #8fc7fe;
}
/*-------------------------------------------- */
/** Global Overrides */
/*-------------------------------------------- */
#scholastic-universal {
  position: relative;
  z-index: 999;
  width: 100%;
  height: 51px;
  overflow: hidden;
}
#universal4o {
  margin-bottom: 0 !important;
}
#footer-corporate {
  max-width: 100%;
  box-sizing: border-box;
}
.no-smil path,
.no-smil polyline {
  stroke-dashoffset: 0 !important;
}
.no-csstransitions img {
  filter: 0 !important;
}
/*-------------------------------------------- */
/** Layout */
/*-------------------------------------------- */
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  -webkit-overflow-scrolling: none;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
  background-color: #fff;
}
p {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.4;
}
a {
  outline: none !important;
  text-decoration: none;
}
ul {
  margin: 0;
  padding: 0;
}
nav,
section,
header,
article {
  display: block;
}
#scroller {
  min-height: 100%;
  background-color: #ffffff;
}
.touch #scroller {
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: none;
}
#scroller.loading {
  opacity: 0;
  filter: alpha(opacity=0);
}
#universal {
  width: 100% !important;
  height: auto !important;
  text-align: center;
  box-sizing: border-box;
}
#universal-personalized {
  display: none;
}
#universal-account {
  display: none;
}
#universal .uLogo {
  float: none !important;
}
.uNav {
  display: none;
}
.unMain-dis {
  text-align: center;
}
#footer-corporate {
  display: none;
}
/*-------------------------------------------- */
/** Import Modules */
/*-------------------------------------------- */
.center {
  text-align: center;
}
/**
 * min width breakpoint mixin
 */
/*-------------------------------------------- */
/** Animation Classes */
/*-------------------------------------------- */
.text-animate {
  position: relative;
  left: 100%;
  letter-spacing: 10em;
}
.text-animate.show {
  left: 0;
  right: 0 !important;
  letter-spacing: 0px;
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}
.slide-right {
  position: absolute;
  left: -100% !important;
  right: auto !important;
  -webkit-transform-style: preserve-3d;
}
.slide-right.show {
  left: 0 !important;
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}
.slide-up {
  bottom: -100%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.slide-up.show {
  bottom: 0;
}
.fade-in {
  -webkit-backface-visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}
.fade-in.show {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.7s linear;
  -moz-transition: opacity 0.7s linear;
  -o-transition: opacity 0.7s linear;
  transition: opacity 0.7s linear;
}
.expand {
  -webkit-transform: scale(0.01);
  -moz-transform: scale(0.01);
  -ms-transform: scale(0.01);
  -o-transform: scale(0.01);
  transform: scale(0.01);
  -webkit-transform-style: preserve-3d;
}
.expand.show {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.rotate {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-style: preserve-3d;
}
.rotate.show {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  z-index: 3;
}
.rotate-to {
  -webkit-transform: rotate(132deg);
  -moz-transform: rotate(132deg);
  -ms-transform: rotate(132deg);
  -o-transform: rotate(132deg);
  transform: rotate(132deg);
}
.rotate-to.show {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.reveal {
  position: absolute;
  left: 12%;
  top: 0;
  width: 615px;
  height: 440px;
  max-width: 100%;
  background: #ffffff;
  z-index: 2;
  -webkit-transform-style: preserve-3d;
}
.reveal.show {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition: all 1.5s linear;
  -moz-transition: all 1.5s linear;
  -o-transition: all 1.5s linear;
  transition: all 1.5s linear;
  left: 100%;
}
/* animation keyframes */
@-webkit-keyframes fly-up {
  0% {
    top: -80%;
  }
  21% {
    top: -80%;
  }
  /* Your passion bounces down and flies up */
  23% {
    opacity: 1;
    filter: alpha(opacity=100);
    top: -78%;
  }
  27% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -163%;
  }
  29% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -270%;
  }
  35% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  45% {
    opacity: 1;
    filter: alpha(opacity=100);
    top: -270%;
  }
  /* Our Legacy bounces down and flies up */
  47% {
    opacity: 1;
    filter: alpha(opacity=100);
    top: -268%;
  }
  51% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -345%;
  }
  53% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -445%;
  }
  59% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  69% {
    opacity: 1;
    filter: alpha(opacity=100);
    top: -445%;
  }
  /* Their Future bounces down and flies up */
  71% {
    opacity: 1;
    filter: alpha(opacity=100);
    top: -443%;
  }
  75% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  77% {
    top: -545%;
  }
  80% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -670%;
  }
  /* Final fades in */
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    top: -670%;
  }
}
@-webkit-keyframes fade-in-out {
  /* Your mission */
  0% {
    top: -95%;
  }
  21% {
    top: -95%;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  27% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -95%;
  }
  28% {
    top: -277%;
  }
  29% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  /* Our innovation */
  35% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  45% {
    opacity: 1;
    filter: alpha(opacity=100);
    top: -277%;
  }
  51% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -277%;
  }
  52% {
    top: -458%;
  }
  53% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  /* Their Future */
  59% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  69% {
    opacity: 1;
    filter: alpha(opacity=100);
    top: -458%;
  }
  75% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -458%;
  }
  80% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -665%;
  }
  /* Final fades in */
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    top: -665%;
  }
}
@-moz-keyframes fade-in-out {
  /* Your mission */
  0% {
    top: -95%;
  }
  21% {
    top: -95%;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  27% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -95%;
  }
  28% {
    top: -277%;
  }
  29% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  /* Our innovation */
  35% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  45% {
    opacity: 1;
    filter: alpha(opacity=100);
    top: -277%;
  }
  51% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -277%;
  }
  52% {
    top: -458%;
  }
  53% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  /* Their Future */
  59% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  69% {
    opacity: 1;
    filter: alpha(opacity=100);
    top: -458%;
  }
  75% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -458%;
  }
  80% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -660%;
  }
  /* Final fades in */
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    top: -660%;
  }
}
@-ms-keyframes fade-in-out {
  /* Your mission */
  0% {
    top: -95%;
  }
  21% {
    top: -95%;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  27% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -95%;
  }
  28% {
    top: -277%;
  }
  29% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  /* Our innovation */
  35% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  45% {
    opacity: 1;
    filter: alpha(opacity=100);
    top: -277%;
  }
  51% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -277%;
  }
  52% {
    top: -458%;
  }
  53% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  /* Their Future */
  59% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  69% {
    opacity: 1;
    filter: alpha(opacity=100);
    top: -458%;
  }
  75% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -458%;
  }
  80% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -660%;
  }
  /* Final fades in */
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    top: -660%;
  }
}
@keyframes fade-in-out {
  /* Your mission */
  0% {
    top: -95%;
  }
  21% {
    top: -95%;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  27% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -95%;
  }
  28% {
    top: -277%;
  }
  29% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  /* Our innovation */
  35% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  45% {
    opacity: 1;
    filter: alpha(opacity=100);
    top: -277%;
  }
  51% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -277%;
  }
  52% {
    top: -458%;
  }
  53% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  /* Their Future */
  59% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  69% {
    opacity: 1;
    filter: alpha(opacity=100);
    top: -458%;
  }
  75% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -458%;
  }
  80% {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -660%;
  }
  /* Final fades in */
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    top: -660%;
  }
}
@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  15% {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  30% {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  45% {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  60% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  75% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-moz-keyframes swing {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  15% {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  30% {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  45% {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  60% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  75% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-ms-keyframes swing {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  15% {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  30% {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  45% {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  60% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  75% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  15% {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  30% {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  45% {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  60% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  75% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes rotate63 {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  99% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotate(226deg);
    -moz-transform: rotate(226deg);
    -ms-transform: rotate(226deg);
    -o-transform: rotate(226deg);
    transform: rotate(226deg);
  }
  100% {
    -webkit-transform: rotate(226deg);
    -moz-transform: rotate(226deg);
    -ms-transform: rotate(226deg);
    -o-transform: rotate(226deg);
    transform: rotate(226deg);
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes rotate63 {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  99% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotate(226deg);
    -moz-transform: rotate(226deg);
    -ms-transform: rotate(226deg);
    -o-transform: rotate(226deg);
    transform: rotate(226deg);
  }
  100% {
    -webkit-transform: rotate(226deg);
    -moz-transform: rotate(226deg);
    -ms-transform: rotate(226deg);
    -o-transform: rotate(226deg);
    transform: rotate(226deg);
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-ms-keyframes rotate63 {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  99% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotate(226deg);
    -moz-transform: rotate(226deg);
    -ms-transform: rotate(226deg);
    -o-transform: rotate(226deg);
    transform: rotate(226deg);
  }
  100% {
    -webkit-transform: rotate(226deg);
    -moz-transform: rotate(226deg);
    -ms-transform: rotate(226deg);
    -o-transform: rotate(226deg);
    transform: rotate(226deg);
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes rotate63 {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  99% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotate(134deg);
    -moz-transform: rotate(134deg);
    -ms-transform: rotate(134deg);
    -o-transform: rotate(134deg);
    transform: rotate(134deg);
  }
  100% {
    -webkit-transform: rotate(226deg);
    -moz-transform: rotate(226deg);
    -ms-transform: rotate(226deg);
    -o-transform: rotate(226deg);
    transform: rotate(226deg);
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
/*-------------------------------------------- */
/** Modals */
/*-------------------------------------------- */
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 45px 15px;
  background: url(../img/opaque2.png);
  background: rgba(0, 0, 0, 0.86);
  color: #fff;
  overflow: scroll;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* Lesson Plan & Poll Modals */
  /* Forms in Modal */
}
.modal:before,
.modal:after {
  content: " ";
  display: table;
}
.modal:after {
  clear: both;
}
.modal.show {
  display: block;
}
.modal .close-modal {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 30px;
  width: 30px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  font-size: 1.6em;
  text-align: center;
  line-height: 1.1;
  text-decoration: none;
}
.modal h1 {
  margin-bottom: 50px;
  font-size: 30px;
  line-height: 1.3;
  text-align: left;
  color: #ffffff;
  font-style: italic;
}
.modal p {
  float: left;
  clear: both;
  margin: 0 0 1em;
  font-size: 1.625em;
  line-height: 1.2;
}
.modal p a,
.modal p em {
  color: #ffffff !important;
  font-weight: 600;
  font-style: italic;
  text-decoration: underline;
}
.modal p em {
  text-decoration: none;
}
.modal#meet-the-cast p,
.modal#meet-the-cast-2 p,
.modal#meet-the-cast-3 p {
  font-size: 0.9em;
}
.modal .highlight {
  color: #ff4f4f;
  font-weight: 600;
  text-transform: uppercase;
}
.modal#lesson-plans h1,
.modal#poll h1 {
  margin-bottom: 30px;
}
.modal .downloads {
  list-style: none;
  clear: both;
}
.modal .downloads li {
  margin-bottom: 20px;
  padding-left: 40px;
  color: #ff4f4f;
  font-size: 1.4375em;
  font-weight: 600;
  background: url(../img/pdf-icon.png) 0 50% no-repeat;
}
.modal .downloads li a {
  display: block;
  color: #ffffff;
  font-weight: 300;
  text-decoration: underline;
}
.modal#lesson-plans .downloads li {
  font-size: 1.33333333em;
}
.modal#poll p {
  font-size: 2em;
}
.modal#poll form {
  position: static;
  float: left;
  clear: both;
  margin-left: 130px;
}
.modal#poll form input[type=checkbox] {
  clear: left;
  width: 17px;
  height: 15px;
  margin-right: 10px;
  font-size: 1em;
  color: #ff4f4f;
}
.modal#poll form label {
  position: relative;
  bottom: 9px;
  float: left;
  clear: none;
  font-size: 1.625em;
}
.modal#poll form input[type=submit] {
  position: absolute;
  right: 6.97674419%;
  bottom: 4.16666667%;
  border: 0;
  color: #fff;
  background: transparent;
  font-size: 1.875em;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
}
.modal input,
.modal select {
  box-shadow: none;
}
.modal #submit-modal {
  width: auto;
  border: 0;
  margin: 0 0 30px 0;
  padding: 10px 28px;
  background: transparent;
  color: #fff;
  font-size: 1.875em;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
}
.modal form {
  float: l eft;
  width: 100%;
}
.modal .col:first-child {
  margin-right: 10%;
}
.modal .checkbox {
  float: left;
  padding-top: 28px;
}
.modal .checkbox input {
  width: 25px;
  height: 25px;
  padding: 4px 5px 18px 5px;
}
.modal .checkbox p.expert {
  position: relative;
  width: 90%;
  float: left;
  clear: none;
  font-size: 1em;
}
.modal .success-field {
  width: 70%;
  margin-top: 0;
  padding: 10% 0;
}
.modal .success-field .calendar {
  clear: both;
  padding-top: 3%;
}
.modal .success-field .calendar a {
  padding: 10px 30px;
  margin: 0 10px;
  font-weight: 600;
}
/*-------------------------------------------- */
/** Forms */
/*-------------------------------------------- */
.success-field {
  display: none;
  width: 60%;
  margin: 0 auto;
  padding: 16% 0;
  text-align: center;
}
#cta-modal .success-field {
  margin-top: 5%;
}
.success-field h4 {
  color: #fff;
  margin: 20px 0;
  font-size: 3em;
}
.success-field p {
  font-size: 1.625em;
  font-weight: 300;
  color: #fff;
}
.success .success-field {
  display: block;
}
.success form {
  display: none;
}
.success > p {
  display: none;
}
.success .top {
  height: 36px;
}
form {
  position: relative;
  visibility: visible;
  /* Basic styles */
  /* checkboxes in the blue shape */
  /* contact info section */
}
form .col input,
form .row input,
form .col .select-wrapper,
form .row .select-wrapper {
  margin-bottom: 20px;
  border: 1px solid #aeaeae;
  border-radius: 3px;
  padding: 11px 5px;
  -webkit-box-shadow: inset 0 0 10px 1px #aeaeae;
  box-shadow: inset 0 0 10px 1px #aeaeae;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
}
form .col input,
form .row input,
form .col select,
form .row select {
  width: 100% !important;
  font-size: 1em;
  color: #7c7c7c;
  box-sizing: border-box;
}
form .col select,
form .row select {
  border: 0;
  width: 125%;
  outline: 0 !important;
  background: transparent;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
form .col select::-ms-expand,
form .row select::-ms-expand {
  display: none;
}
form .col .select-wrapper,
form .row .select-wrapper {
  width: 100%;
  height: 44px;
  padding-bottom: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  background: #ffffff url(../img/select-arrow.png) 100% 50% no-repeat;
}
form .col label,
form .row label {
  float: left;
  clear: left;
  margin-bottom: 5px;
  font-size: 20px;
  color: #5f5f5f;
}
.modal form .col label,
.modal form .row label {
  color: #ffffff;
}
form .col label.required:after,
form .row label.required:after {
  content: '*';
  margin: 0 0 0 5px;
}
form .interest-form {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #0161c0;
  color: #fff;
  padding: 45px 15px 30px 15px;
  margin-bottom: 20px;
}
form .interest-form .shape-bg {
  position: absolute;
  top: 0;
  left: 319px;
  z-index: -1;
  border-top: 354px dotted transparent;
  border-bottom: 252px dotted transparent;
  border-left: 212px solid #0161c0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
form .interest-form p {
  margin: 0 0 10px 0;
  font-size: 20px;
  font-weight: 100;
}
form .interest-form p.cta {
  clear: both;
  width: 104%;
  margin: 15px 0 0;
  border-top: 1px solid #8fc7fe;
  padding: 15px 0 0;
  font-size: 1em;
  line-height: 1.3;
}
form .interest-form p.cta .contact-number {
  float: left;
  font-size: 1.5em;
  font-weight: 600;
}
form .interest-form p.cta .contact-number a {
  color: #fff;
}
form .interest-form p.fine-print {
  padding-bottom: 25px;
  border-bottom: 1px solid #fff;
  font-size: 16px;
}
form .interest-form .check-col {
  font-size: 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
form .interest-form .check-col label {
  float: left;
  margin-left: 15px;
  margin-top: 7px;
}
form .interest-form .check-col input {
  margin-bottom: 15px;
}
form .interest-form h4 {
  clear: both;
  display: block;
  margin: 30px 0 20px 0;
  border-bottom: 1px solid #8fc7fe;
  padding: 15px 0 8px 0;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  font-size: 18px;
}
form .interest-form h4.first {
  padding-top: 0;
}
form .contact-info {
  padding: 0 15px;
  position: relative;
  z-index: 9;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
form .contact-info .col {
  clear: none;
}
form .contact-info .row .select-wrapper {
  width: 97%;
}
form .school .select-wrapper {
  float: left;
  margin-bottom: 100px;
  overflow: visible !important;
}
form #schoolnotlistlink {
  width: 100% !important;
}
form #schoolnotlistlink a {
  margin-top: 32px;
  font-size: 12px !important;
  display: block;
  color: #9d1212;
}
input[type=checkbox] {
  float: left;
  clear: left;
  width: 35px;
  height: 35px;
  padding: 0;
  background: #fff;
  outline: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 3px 1px #aeaeae;
}
input[type=checkbox]:checked:before {
  content: '\2714';
  position: relative;
  bottom: 2px;
  left: 3px;
  font-size: 33px;
  color: #ec1f27;
}
p.fine-print {
  font-size: .75em;
}
#submit {
  display: block;
  width: 125px;
  height: 25px;
  outline: 0 !important;
  color: #fff;
  font-size: 0.9375em;
  font-weight: 600;
  cursor: pointer;
  margin: 30px auto;
}
/* Error states */
#errorBody {
  position: absolute;
  top: 0;
  right: 0;
  width: 53%;
}
.error input,
.error .select-wrapper {
  border: 1px solid red !important;
}
.error label {
  color: red;
  font-weight: 600;
}
.menu-toggle-btn {
  display: block;
  width: 30px;
  height: 30px;
  background: url(../img/menu-btn-sprite.svg) no-repeat 0 -40px;
  cursor: pointer;
}
.menu-toggle-btn--close {
  background-position: 0 0;
}
body.site-menu-open {
  overflow: hidden;
}
nav {
  position: absolute;
  z-index: 99999;
  width: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backface-visibility: hidden;
  height: auto;
  top: 51px;
}
nav.is-open {
  position: fixed;
  height: calc(100% - 51px);
}
nav.is-open ul li {
  display: block;
}
nav .menu-toggle-btn {
  float: left;
  margin: 20px 0 0 15px;
}
nav .logo {
  display: block;
}
nav .logo a {
  float: left;
  margin-left: 15px;
}
nav .bg-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
nav.has-bg {
  top: 0;
}
nav .contact {
  position: absolute;
  z-index: 9999;
  top: 0;
  right: 0;
  width: 70px;
  height: 100%;
  background: #2391fd;
  overflow: visible;
}
nav .contact .shape-angle {
  position: absolute;
  top: 0;
  left: -30px;
  z-index: 1;
  display: block;
  width: 0;
  height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 115px dashed transparent;
  border-bottom: 0 dashed transparent;
  border-right: 30px solid #2391fd;
}
nav .contact span {
  position: relative;
  z-index: 2;
  display: inline-block;
  float: right;
  margin: 55px 5px 0 0;
}
nav .nav-logo {
  position: absolute;
  top: 0;
  left: 0;
}
nav ul {
  max-width: 1280px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  -webkit-transition: padding 0.3s linear;
  -moz-transition: padding 0.3s linear;
  -o-transition: padding 0.3s linear;
  transition: padding 0.3s linear;
  -webkit-backface-visibility: hidden;
}
nav ul:before,
nav ul:after {
  content: " ";
  display: table;
}
nav ul:after {
  clear: both;
}
.no-smil nav ul .logo a span.plus {
  top: 6px;
}
nav ul li {
  display: none;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-transition: margin 0.3s linear;
  -moz-transition: margin 0.3s linear;
  -o-transition: margin 0.3s linear;
  transition: margin 0.3s linear;
}
.is-open nav ul li {
  display: block;
}
nav ul li a {
  display: block;
  padding: 18px;
  box-sizing: border-box;
  min-height: 72px;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}
nav ul li a.active,
nav ul li a:hover {
  color: #8fc7fe;
}
nav ul li.math-link a:hover,
nav ul li.math-link a.active {
  color: #ff4f4f;
}
nav ul li.logo {
  height: 100%;
  text-transform: lowercase;
  -webkit-text-shadow: 0 0 15px #343434;
  -moz-text-shadow: 0 0 15px #343434;
  -o-text-shadow: 0 0 15px #343434;
  text-shadow: 0 0 15px #343434;
}
nav ul li.logo a {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  display: inline-block;
  font-size: 37px;
  font-weight: 700;
  line-height: .5;
  color: #2391fd;
  letter-spacing: -2px;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
nav ul li.logo a.active {
  color: #2391fd;
}
nav ul li.logo a:hover {
  text-decoration: none;
}
nav ul li.logo a span {
  font-size: 1em;
  font-family: Helvetica, sans-serif;
  color: #acd5fd;
}
nav ul li.logo a span.plus {
  position: relative;
  display: inline;
  z-index: 1;
}
nav ul li.logo a span.subtext {
  bottom: -1.5em;
  left: -2px;
  font-family: 'Open Sans', sans-serif;
  font-size: 9px;
  text-transform: none;
  font-weight: 400;
  color: #fff;
  letter-spacing: 1px;
  text-align: right;
}
.no-smil nav ul li.logo a span.subtext {
  letter-spacing: 1.8px;
}
/*-------------------------------------------- */
/** Panels */
/*-------------------------------------------- */
.panel {
  position: relative;
  display: block;
  clear: both;
  width: 100%;
  min-height: 100%;
  padding: 30px 0;
  margin: 0 auto;
  -webkit-backface-visibility: hidden;
  /* leave margin format so shorthand doesn't override animation class */
  /* Arrows to next panel */
}
.panel:before,
.panel:after {
  content: " ";
  display: table;
}
.panel:after {
  clear: both;
}
.panel.full-width {
  max-width: 100%;
}
.panel .inner {
  position: relative;
  max-width: 1280px;
  height: 100%;
  box-sizing: border-box;
  margin: 0 auto;
}
.panel .copy {
  position: relative;
  padding: 0 15px;
  clear: both;
}
.panel .copy p {
  margin: 20px 0;
  font-size: 15px;
  line-height: 1.6;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.panel .copy p.learn-more-about {
  font-size: 0.9375em;
}
.panel .copy p.learn-more-about:after {
  content: '\003e';
  color: #2391fd;
  font-weight: 1.0625em;
  margin: 0 0 0 .5em;
}
.panel .copy .expand {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.panel .copy h1 {
  display: block;
  margin: 0;
  border-top: 1px solid #0161c0;
  font-size: 1.3125em;
  font-weight: 300;
  text-transform: uppercase;
  color: #0161c0;
}
.panel .copy h1 span {
  float: left;
  margin-top: -0.7em;
  display: inline-block;
  padding: 0 25px 0 0;
  background: #fff;
  z-index: 0;
}
.panel .copy h2 {
  clear: both;
  margin: 0 0 18px 0;
  overflow: hidden;
  font-size: 40px;
  font-weight: 800;
  text-transform: uppercase;
  color: #2391fd;
  line-height: 1;
}
.panel .copy h3 {
  margin: 0 0 45px 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.panel .copy a {
  color: #2391fd;
  font-weight: 600;
  font-style: italic;
}
.panel .copy a em {
  font-style: normal;
}
.panel .infographic {
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
}
.panel .infographic.slider {
  margin-bottom: 10px;
  text-align: center;
}
.panel .infographic img {
  display: block;
  width: 100%;
}
.panel .infographic img.layer {
  position: absolute;
  top: 0;
  left: 0;
}
.panel .infographic p {
  float: left;
  clear: both;
  margin: 3px 0 0 0;
  font-style: italic;
  font-size: 15px;
  line-height: 1;
}
.panel .infographic p a {
  color: #2391fd;
}
.panel .infographic p.learn-more-text {
  margin-top: 15px;
}
.panel .infographic p.learn-more-text .dot {
  margin: 0 .2em;
  font-weight: bold;
  font-size: 1.375em;
  line-height: 1;
}
.panel .infographic p.learn-more-text .bold-blue,
.panel .infographic p.learn-more-text em {
  font-weight: 600;
  color: #2391fd;
}
.panel.right .copy {
  float: right;
  padding-left: 0;
  padding-right: 2.96875%;
}
.panel.right .infographic {
  float: left;
}
.panel.right .infographic p {
  text-align: left;
}
.panel.right .text-animate {
  right: 100%;
}
.panel .next,
.panel .prev,
.panel .top {
  position: absolute;
  left: 50%;
  bottom: 1.41242938%;
  z-index: 8;
  width: 76px;
  height: 33px;
  margin-left: -38px;
  background: url(../img/pager-sprite.png) no-repeat;
}
.panel .next,
.panel .prev {
  display: none;
}
.panel .next-container {
  width: 100%;
  position: absolute;
  bottom: 1.41242938%;
}
.panel .next-container p {
  margin: 0 0 2.5em 0;
  font-weight: bold;
  font-size: 0.9375em;
  font-style: italic;
  line-height: 1.125;
  text-align: center;
}
.panel .prev {
  top: 135px;
  /* nav is always the same pixel height */
  bottom: auto;
  margin-left: -28px;
  background-position: 0 -33px;
}
.panel .top {
  height: 45px;
  background-position: 100% 100%;
}
.panel .red {
  background: url(../img/pager-red.png) 100% 100% no-repeat;
}
/*-------------------------------------------- */
/** Top Panel */
/*-------------------------------------------- */
.top-panel {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff url(../img/top_image_1440.jpg) no-repeat 0 0;
  background-size: contain;
  padding-top: 62.5%;
}
.loading .top-panel__title {
  visibility: hidden;
}
.top-panel .next {
  bottom: 1.75438596%;
}
.top-panel__callout {
  max-width: 100%;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.top-panel .h1-ie {
  position: absolute;
  top: 28%;
  right: 2%;
}
.top-panel__title {
  position: relative;
  display: inline-block;
  margin: 20px 0;
  font-family: 'Raleway', sans-serif;
  font-size: 1.6875em;
  font-weight: 100;
  color: #000;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
}
.top-panel__title .strong {
  display: block;
  margin: 0 0 5px 0;
  color: #2391fd;
  font-weight: 700;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
}
.top-panel__title .small-em {
  color: #2391fd;
  font-size: 0.66666667em;
  font-style: italic;
  font-weight: bold;
  text-transform: lowercase;
  vertical-align: middle;
}
.no-csstransitions .top-panel__title .small-em {
  margin-right: 0;
}
.top-panel__title .wide-letter-spacing {
  letter-spacing: 10px;
}
.top-panel__title .fade-slide-left {
  top: 1em;
  left: -50px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.top-panel__title .fade-slide-left.show {
  left: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}
.top-panel__title .fade-slide-right {
  top: 0;
  left: 100px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.top-panel__title .fade-slide-right.show {
  left: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}
/*-------------------------------------------- */
/** Services */
/*-------------------------------------------- */
#services img.ribbon {
  -webkit-transform-origin: 74.79674797% 25%;
  -moz-transform-origin: 74.79674797% 25%;
  -ms-transform-origin: 74.79674797% 25%;
  -o-transform-origin: 74.79674797% 25%;
  transform-origin: 74.79674797% 25%;
}
#services img.ribbon.show {
  -webkit-animation: swing 2s ease-in-out;
  -moz-animation: swing 2s ease-in-out;
  -o-animation: swing 2s ease-in-out;
  animation: swing 2s ease-in-out;
  -webkit-animation-delay: 1.7s;
  -moz-animation-delay: 1.7s;
  -o-animation-delay: 1.7s;
  animation-delay: 1.7s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s;
}
#services img.trophy {
  top: 100%;
  bottom: auto !important;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition: top 0.5s ease-out;
  -moz-transition: top 0.5s ease-out;
  -o-transition: top 0.5s ease-out;
  transition: top 0.5s ease-out;
}
#services img.trophy.show {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  top: 0;
  bottom: auto;
}
#services img.text {
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
/*-------------------------------------------- */
/** Assessment */
/*-------------------------------------------- */
/* Infographic */
#assessment {
  /* IE svg fallback */
  /* IE svg fallback */
}
#assessment .svg-container {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 100%;
  height: auto;
}
#assessment .svg-container img {
  position: relative;
  width: 100%;
}
#assessment .svg-container .svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#assessment .circle-arrow-ie {
  z-index: 5;
}
#assessment .profile {
  right: 13px;
  left: auto;
  z-index: 2;
}
#assessment .chart {
  z-index: 3;
}
#assessment .line {
  z-index: 0;
}
#assessment .bullet {
  top: 2px;
  right: 4px;
  left: auto;
  z-index: 99;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-delay: 2.1s;
  -moz-transition-delay: 2.1s;
  -o-transition-delay: 2.1s;
  transition-delay: 2.1s;
}
#assessment .lamp {
  -webkit-transform-origin: 50% 76px;
  -moz-transform-origin: 50% 76px;
  -ms-transform-origin: 50% 76px;
  -o-transform-origin: 50% 76px;
  transform-origin: 50% 76px;
}
/*-------------------------------------------- */
/** Elementary */
/*-------------------------------------------- */
#elementary .pie1 {
  -webkit-transform-origin: 51.70731707% 44.77272727%;
  -moz-transform-origin: 51.70731707% 44.77272727%;
  -ms-transform-origin: 51.70731707% 44.77272727%;
  -o-transform-origin: 51.70731707% 44.77272727%;
  transform-origin: 51.70731707% 44.77272727%;
}
#elementary .text {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
/*-------------------------------------------- */
/** Math at Work Panel */
/*-------------------------------------------- */
#math-at-work {
  min-height: 870px;
  overflow: hidden;
  /* archive */
  /* end archive */
  /*-------------------------------------------- */
  /** Video Module */
  /*-------------------------------------------- */
}
#math-at-work:before,
#math-at-work:after {
  content: " ";
  display: table;
}
#math-at-work:after {
  clear: both;
}
#math-at-work .next-container p {
  margin: 0 0 2.7em 0;
  font-size: 1em;
  line-height: 0;
}
#math-at-work a.highlight {
  display: inline-block;
  margin: 2.27272727% 0 5.90909091%;
  color: #ec1f27;
  font-style: normal;
  font-size: 1.3125em;
  line-height: 1.5;
  text-decoration: underline;
}
#math-at-work p {
  margin: 0 0 40px 0;
  font-size: 21px;
  line-height: 1.3em;
}
#math-at-work p em {
  color: #ec1f27;
  font-weight: 600;
}
#math-at-work p strong {
  font-weight: bold;
}
#math-at-work p .scholastic {
  font-style: italic;
}
#math-at-work p .grades-5 {
  font-style: normal;
  font-size: 20px;
}
#math-at-work p.highlight {
  margin-bottom: 3.40909091%;
  color: #ec1f27;
  font-style: italic;
  line-height: 1.2;
  cursor: pointer;
}
#math-at-work p.highlight em {
  font-style: normal;
  font-weight: 300;
}
#math-at-work p.callout-text {
  margin-bottom: 20px;
  font-style: normal;
  color: #ec1f27;
}
#math-at-work p.callout-text a {
  text-decoration: underline;
  color: #ec1f27;
}
#math-at-work .webisode2 li.calendar {
  width: 15%;
  display: block;
  margin-left: 53%;
}
#math-at-work .math-content {
  position: relative;
  list-style: none;
  list-style-image: none;
  list-style-type: none;
}
#math-at-work .math-content.hide {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
#math-at-work .math-at-work-content {
  position: relative;
  z-index: 0;
}
#math-at-work .webisode-nav {
  display: block;
  text-align: center;
  font-family: sans-serif;
  color: #000;
  height: 30px;
  margin-top: 20px;
}
#math-at-work .webisode-nav sup {
  font-size: 1.2em;
  position: relative;
  top: 6px;
}
#math-at-work .video-container {
  z-index: 0;
}
#math-at-work #player-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 0;
  background-color: #fff;
}
#math-at-work .webanchors {
  display: none;
}
#math-at-work .copy {
  top: auto;
  margin: 0;
}
#math-at-work .infographic {
  position: absolute;
  top: auto;
  bottom: 0;
  width: 47%;
  min-width: auto;
  left: 53%;
  margin: 0;
}
#math-at-work .infographic img {
  position: absolute;
  top: auto;
  margin: 0;
  width: auto;
  height: auto;
}
#math-at-work .infographic .speech-bubble {
  position: absolute;
  top: 2.27272727%;
  right: 8.1300813%;
  bottom: auto;
  left: auto;
  max-width: 33.33333333%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
#math-at-work .tim-gunn {
  right: 26.82926829%;
  left: auto;
}
#math-at-work .mannequin {
  right: 72.03252033%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
#math-at-work h3 {
  font-weight: 800;
  font-size: 2.4375em;
  font-style: italic;
  margin: 0;
}
#math-at-work .next,
#math-at-work .prev {
  background: url(../img/pager-red.png) 0 0 no-repeat;
}
#math-at-work .prev {
  background-position: 100% 100%;
}
#math-at-work.day-of .callout-opts ul {
  width: 89%;
}
#math-at-work.day-of .callout-opts ul li {
  width: 25% !important;
  margin-right: 2%;
}
#math-at-work .callout-opts {
  bottom: 0;
  clear: both;
  background: #ff4f4f;
  color: #fff;
}
#math-at-work .callout-opts:before,
#math-at-work .callout-opts:after {
  content: " ";
  display: table;
}
#math-at-work .callout-opts:after {
  clear: both;
}
#math-at-work .callout-opts .links {
  padding: 0 15px;
  text-align: center;
}
#math-at-work .callout-opts ul li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  list-style: none;
  float: left;
  margin: 0 0 5px 0;
  text-align: center;
}
#math-at-work .callout-opts ul li.date {
  width: 50%;
  margin-top: 5px;
}
#math-at-work .callout-opts ul li.date a {
  margin: 0 auto;
  background: url(../img/infographics/math-at-work/callout-date-2.png) center center no-repeat;
  background-size: contain;
  max-width: 233px;
}
#math-at-work .callout-opts ul li.ice {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 12px;
  width: 50%;
  margin-top: 8px;
}
#math-at-work .callout-opts ul li.ice a {
  margin: 0 auto;
  background: url(../img/infographics/math-at-work/ice.png) center center no-repeat;
  background-size: contain;
  max-width: 104px;
}
#math-at-work .callout-opts ul li.mir {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 18px;
}
#math-at-work .callout-opts ul li.mir a {
  margin: 5px 0 0 0;
  background: url(../img/infographics/math-at-work/makeitright.png) center center no-repeat;
  background-size: contain;
  max-width: 104px;
}
#math-at-work .callout-opts ul li.meet a {
  margin: 0 auto;
  padding-top: 74px;
  background: url(../img/infographics/math-at-work/meet-the-cast.png) center 11px no-repeat;
  background-size: contain;
  max-width: 83px;
}
#math-at-work .callout-opts ul li.lessons a {
  margin: 0 auto;
  padding-top: 74px;
  background: url(../img/lesson-plans-icon.png) center 11px no-repeat;
}
#math-at-work .callout-opts ul li.math-180 a {
  background: url(../img/infographics/math-at-work/math-180.png) center 19px no-repeat;
  padding-top: 75px;
}
#math-at-work .callout-opts ul li p {
  margin: 0 20px 0 0;
  font-size: 0.8125em;
  font-style: italic;
  line-height: 1.25;
}
#math-at-work .callout-opts ul li a {
  height: 116px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#math-at-work .callout-opts ul li .meet-text {
  color: #ffffff;
  font-size: 0.8125em;
  font-style: italic;
  line-height: 1.25;
}
#math-at-work .callout-opts ul li .meet-text span {
  font-style: normal;
}
#math-at-work .callout-opts-2 {
  position: absolute;
  width: 53%;
  height: 130px;
  bottom: 0;
  float: left;
  clear: both;
  background: #ff4f4f;
  color: #fff;
}
#math-at-work .callout-opts-2 .links {
  margin: 5px 0 0 0;
  padding-left: 40px;
  text-align: center;
}
#math-at-work .callout-opts-2 ul li {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  list-style: none;
  margin: 0 0 5px 0;
  text-align: center;
}
#math-at-work .callout-opts-2 ul li.date {
  width: 37.90849673%;
  margin-top: 5px;
}
#math-at-work .callout-opts-2 ul li.date a {
  margin: 0 auto;
  background: url(../img/infographics/math-at-work/callout-date-2.png) center center no-repeat;
  background-size: contain;
  max-width: 233px;
  height: 108px;
}
#math-at-work .callout-opts-2 ul li p {
  margin: 0 20px 0 0;
  font-size: 0.875em;
  font-style: italic;
  line-height: 1.25;
  font-weight: bold;
}
#math-at-work .callout-opts-2 ul li a {
  margin: 10px auto;
  height: 116px;
  display: block;
}
#math-at-work .callout-opts-2 ul li a.cast {
  width: 96px;
  background: url(../img/infographics/math-at-work/meet-the-cast.png) 8px 0 no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 4px;
  padding-top: 60px;
}
#math-at-work .callout-opts-2 ul li a.poll {
  width: 64px;
  background-position: -118px -62px;
}
#math-at-work .callout-opts-2 ul li a.clock {
  width: 52px;
  margin-right: 10px;
  background-position: -224px 0;
}
#math-at-work .callout-opts-2 ul li a.ice {
  width: 105px;
  height: 95px;
  position: absolute;
  left: 307px;
  background-position: -195px -65px;
}
#math-at-work .callout-opts-2 ul li a.ice.mir {
  width: 105px;
  height: 95px;
  position: absolute;
  left: 307px;
  background-position: -195px -65px;
}
#math-at-work .callout-opts-2 ul li a.ice.meet {
  height: 51px;
  position: absolute;
  right: 160px;
  background-position: 0px 0px;
}
#math-at-work .callout-opts-2 ul li a.ice.lessons {
  background: url(../img/lesson-plans-icon.png) 55% top no-repeat;
  padding-top: 60px;
}
#math-at-work .callout-opts-2 ul li a.ice.math-180 {
  margin: 0 auto;
  background: url(../img/infographics/math-at-work/math-180.png) center 18px no-repeat;
  padding-top: 70px;
}
#math-at-work .callout-opts-2 ul li a .meet-text {
  color: #ffffff;
  font-size: 0.8125em;
  font-style: italic;
  line-height: 1.25;
}
#math-at-work .callout-opts-2 ul li a .meet-text span {
  font-style: normal;
}
#math-at-work .callout-opts-2 ul li a p.math-text {
  position: absolute;
  right: 24px;
  bottom: 20px;
}
#math-at-work .callout-opts-2 ul li a.math-180-logo {
  width: 21%;
}
#math-at-work .math-at-work__header {
  margin-bottom: 50px;
}
#math-at-work .math-at-work__header .tiny-scholastic {
  margin: 0 0 10px 0;
}
#math-at-work .math-at-work__header .tiny-scholastic img {
  width: 213px;
  height: 25px;
  display: block;
  margin: 0px auto;
}
#math-at-work .math-at-work__header h1 {
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 3px 0px;
  border-top: 0;
  font-size: 44px;
  line-height: 0.75;
  font-weight: 700;
  text-transform: uppercase;
  color: #ec1f27;
  text-indent: -5px;
  text-align: center;
}
#math-at-work .math-at-work__header h1 span {
  position: relative;
  float: none;
  top: -0.1em;
  padding: 0 0 0 5px;
  font-family: 'Helvetica', sans-serif;
  font-size: .75em;
  font-weight: 100;
  background: none;
}
#math-at-work .math-at-work__header h1 sup {
  position: absolute;
  top: 44px;
  color: #ec1f27;
  font-size: 16px;
  font-weight: normal;
}
#math-at-work .math-at-work__header h2 {
  width: auto;
  margin: 0 0 15px 0;
  font-size: 11px;
  font-weight: 600;
  color: #838487;
  text-align: justify;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: .2px;
  text-align: center;
}
#math-at-work .archive-touts__single .single__webisode-poster {
  display: block;
  margin: 30px 0;
  line-height: 1;
  cursor: pointer;
}
#math-at-work .archive-touts__single .single__webisode-poster img {
  width: 100%;
  max-width: 400px;
  margin: 0;
}
#math-at-work .archive-touts__single .single__webisode-details p {
  font-size: .8em;
  margin: 0 0 20px 0;
}
#math-at-work .archive-touts__single .single__webisode-details p em {
  color: inherit;
  font-weight: normal;
  font-style: italic;
  font-size: inherit;
}
#math-at-work .archive-touts {
  padding: 0 15px;
}
#math-at-work .archive__interior {
  margin: 0 auto;
}
#math-at-work .archive__interior:before,
#math-at-work .archive__interior:after {
  content: " ";
  display: table;
}
#math-at-work .archive__interior:after {
  clear: both;
}
#math-at-work .archive__header:before,
#math-at-work .archive__header:after {
  content: " ";
  display: table;
}
#math-at-work .archive__header:after {
  clear: both;
}
#math-at-work .archive__header .header__left-side {
  float: left;
  width: 50.4124656%;
  /* 550 / 1091 */
}
#math-at-work .archive__header .header__right-side {
  float: right;
  width: 19.7066911%;
  /* 215 / 1091 */
}
#math-at-work .archive__header .header__right-side:before,
#math-at-work .archive__header .header__right-side:after {
  content: " ";
  display: table;
}
#math-at-work .archive__header .header__right-side:after {
  clear: both;
}
#math-at-work .archive__header .header__right-side .webisode-nav {
  display: inline-block;
  width: auto;
  float: right;
  margin: 0 0 20px 0;
}
#math-at-work .archive__interior {
  position: relative;
}
#math-at-work .archive__interior .webisode-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 80px;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: #000;
  border: 7px solid #000;
  box-sizing: border-box;
  overflow: scroll;
}
#math-at-work .archive__interior .webisode-container.showing {
  display: block;
}
#math-at-work .archive__interior .webisode-interior span {
  width: 100% !important;
}
#math-at-work .archive__interior .js-close-webisode {
  top: 10px;
  right: 10px;
  display: block;
  position: absolute;
  padding: 10px 15px;
  font-size: 2em;
  line-height: 1;
  border-radius: 50%;
  background: #ff4f4f;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
#math-at-work .archive-touts__header h4 {
  font-size: 1.9em;
  color: #838487;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0 0 15px 0;
}
#math-at-work .archive-touts__single {
  margin-bottom: 40px;
}
#math-at-work .webisode-details__date {
  display: block;
}
#math-at-work .webisode-details__date:before,
#math-at-work .webisode-details__date:after {
  content: " ";
  display: table;
}
#math-at-work .webisode-details__date:after {
  clear: both;
}
#math-at-work .webisode-details__date span {
  display: inline-block;
  font-style: italic;
  font-size: 1;
  line-height: 1.125;
}
#math-at-work .webisode-details__date .webisode-details__number {
  font-weight: 600;
}
#math-at-work .webisode-details__date .webisode-details__number:after {
  display: inline-block;
  content: "\00b7";
  margin: 0 1px 0 4px;
  font-weight: bold;
  font-size: 1.2em;
}
#math-at-work .webisode-details__title {
  display: block;
  font-size: 1.2em;
  line-height: 1.125;
  color: #ff4f4f;
  font-style: italic;
  margin-bottom: 5px;
}
#math-at-work #register {
  margin-bottom: 20px;
}
#math-at-work .share-webisode {
  position: relative;
  display: block;
  z-index: 1000;
  text-align: center;
  margin-top: 20px;
}
#math-at-work .share-webisode ul {
  display: inline-block;
  list-style: none;
}
#math-at-work .share-webisode li {
  float: left;
  margin-right: 10px;
  width: auto;
}
#math-at-work .share-webisode li.text {
  font-size: 1.125em;
  margin-right: 20px;
}
#math-at-work .share-webisode li a {
  width: 27px;
  height: 27px;
  background: url(../img/social-sprite.png) no-repeat;
  display: block;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  color: transparent;
}
#math-at-work .share-webisode li a.fb {
  background-position: 0 0;
}
#math-at-work .share-webisode li a.tw {
  width: 28px;
  background-position: 50% 0;
}
#math-at-work .share-webisode li a.linkedin {
  background-position: 100% 0;
}
#math-at-work .single__webisode-btns:before,
#math-at-work .single__webisode-btns:after {
  content: " ";
  display: table;
}
#math-at-work .single__webisode-btns:after {
  clear: both;
}
#math-at-work .webisode-btn {
  text-align: center;
  font-size: .86em;
  line-height: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 10px 5px;
  margin: 0 0 10px;
  clear: both;
  background: #ff4f4f;
  color: #fff;
}
#math-at-work .webisode-btn:hover {
  background: #ff6e6e;
}
#math-at-work .video-container {
  height: auto;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 0;
}
#math-at-work .video-container.day-of .video-wrap {
  position: relative;
  z-index: 0;
  background-color: white;
  padding: 0;
}
#math-at-work .video-container.day-of .video-wrap .thumbholder {
  height: auto;
  padding-bottom: 0;
}
#math-at-work .video-container.day-of .video-wrap .thumbholder object {
  height: 410px;
}
#math-at-work .video-container .video-wrap {
  position: relative;
  z-index: 0;
  background-color: #ff4f4f;
  padding: 0 15px 15px 15px;
}
#math-at-work .video-container .video-wrap .thumbholder {
  position: relative;
  z-index: 100;
  width: 100%;
  height: 0;
  padding-bottom: 69.75%;
  background-color: #fff;
}
#math-at-work .video-container .video-wrap .thumbholder object {
  height: 410px;
}
#math-at-work .video-container .video-wrap .thumbholder .play-btn {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
  background-color: #ffffff;
  cursor: pointer;
}
#math-at-work .video-container .video-wrap .thumbholder .play-btn img {
  position: absolute;
  width: 100%;
  bottom: 0;
}
#math-at-work .video-container .video-wrap .thumbholder em {
  display: block;
  position: absolute;
  top: 45%;
  left: 45%;
  z-index: 1;
}
#math-at-work .video-container embed,
#math-at-work .video-container video,
#math-at-work .video-container object {
  background: #fff;
  z-index: 10;
}
#math-at-work .video-container object:focus {
  outline: none;
}
#math-at-work .video-container .brightcove-controls {
  position: absolute;
  bottom: 10px;
  width: 100%;
}
#math-at-work .video-container .brightcove-controls:before,
#math-at-work .video-container .brightcove-controls:after {
  content: " ";
  display: table;
}
#math-at-work .video-container .brightcove-controls:after {
  clear: both;
}
#math-at-work .video-container .brightcove-controls span {
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  color: transparent;
  float: left;
  display: block;
  background-image: url(../img/brightcove_controls-sprite.png);
  background-repeat: no-repeat;
}
#math-at-work .video-container .brightcove-controls .play-toggle {
  width: 28px;
  height: 28px;
  margin: 5px 0 0 0;
  cursor: pointer;
  background-position: 0 -222px;
}
#math-at-work .video-container .brightcove-controls .play-toggle.playing {
  background-position: -40px -222px;
}
#math-at-work .video-container .brightcove-controls .progress-bar {
  float: left;
  width: 420px;
  height: 14px;
  outline: 1px solid #fff;
  margin: 12px 40px 0 25px;
  background: transparent;
}
#math-at-work .video-container .brightcove-controls .progress-bar .played {
  height: 100%;
  position: relative;
  background: #b93b45;
}
#math-at-work .video-container .brightcove-controls .progress-bar .scrubber {
  width: 14px;
  height: 28px;
  background-position: -3px -157px;
}
#math-at-work .video-container .brightcove-controls .mute-toggle {
  width: 21px;
  height: 34px;
  margin: 0 30px 0 0;
  background-position: 0 -281px;
  cursor: pointer;
}
#math-at-work .video-container .brightcove-controls .mute-toggle.muted {
  background-position: 0 -321px;
}
#math-at-work .video-container .brightcove-controls .fullscreen {
  width: 26px;
  height: 26px;
  margin: 6px 0 0 0;
  background-position: 0 -388px;
}
#math-at-work .video-container .resolve-img {
  display: none;
}
#math-at-work .video-container .resolve-img.video-end {
  display: block;
}
#math-at-work .video-container .resolve-img img {
  position: static;
}
/*-------------------------------------------- */
/** Contact Panel */
/*-------------------------------------------- */
#contact {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 80px;
}
#contact.success .inner {
  background: #0161c0;
}
#contact.success .top {
  background: url(../img/pager-white.png) 0 100% no-repeat;
}
#contact h1 {
  margin: 0 0 20px 0;
  font-size: 44px;
  line-height: .9;
  text-transform: uppercase;
}
#contact form:before,
#contact form:after {
  content: " ";
  display: table;
}
#contact form:after {
  clear: both;
}
#contact a {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
#contact .prev {
  top: 115px;
}
#contact .top {
  bottom: 1%;
}
#contact form .interest-form .shape-bg {
  border-left: 170px solid #0161c0;
}
#contact form .interest-form .contact-info {
  width: 47%;
  margin-right: 1%;
}
#contact form .interest-form #submit {
  margin-right: 3%;
}
/*-------------------------------------------- */
/** Library */
/*-------------------------------------------- */
.red-button {
  border: 0;
  padding: 3px 0;
  color: #fff;
  border-radius: 20px;
  -webkit-box-shadow: inset 0px 0px 4px #9d1212;
  box-shadow: inset 0px 0px 4px #9d1212;
  background: #dd8585;
  /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGQ4NTg1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjZGQ5NDk0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZWExOTE5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhMTkxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-240deg, #ea1919 65%, #dd8585 70%);
  background: -webkit-linear-gradient(-240deg, #ea1919 65%, #dd8585 70%);
  background: -o-linear-gradient(-240deg, #ea1919 65%, #dd8585 70%);
  background: -ms-linear-gradient(-240deg, #ea1919 65%, #dd8585 70%);
  background: linear-gradient(-15deg, #ea1919 65%, #dd8585 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd8585', endColorstr='#ea1919', GradientType=1);
  /* IE6-8 fallback on horizontal gradient */
}
.red-button:hover {
  background: #ea1919;
  -webkit-box-shadow: inset 0px 0px 20px #9d1212;
  box-shadow: inset 0px 0px 20px #9d1212;
}
strong {
  font-weight: 600;
}
/*-------------------------------------------- */
/** Cancel Transitions/Adjust for < IE9 */
/*-------------------------------------------- */
.no-csstransitions {
  /* cancel animations instead of having 0-transition pop */
}
.no-csstransitions #elementary .circle2 {
  display: none;
}
.no-csstransitions .text-animate {
  left: 0;
  letter-spacing: 0;
}
.no-csstransitions .slide-right {
  left: 0 !important;
}
.no-csstransitions .slide-up {
  bottom: 0;
}
.no-csstransitions .fade-in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.no-csstransitions .expand {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.no-csstransitions .rotate {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.no-csstransitions .rotate-to {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.no-csstransitions .rotate-to.show {
  -webkit-transform: rotate(130.5deg);
  -moz-transform: rotate(130.5deg);
  -ms-transform: rotate(130.5deg);
  -o-transform: rotate(130.5deg);
  transform: rotate(130.5deg);
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.no-csstransitions .mask {
  display: none;
}
.no-csstransitions.trophy {
  top: 0;
}
.no-csstransitions .fade-slide-left,
.no-csstransitions .fade-slide-right {
  left: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}
.no-smil #contact form .interest-form {
  width: 531px;
  padding-right: 210px;
}
.no-smil #contact form .interest-form .shape-bg {
  border-top: 303px solid #ffffff;
  border-bottom: 302px solid #ffffff;
  border-left: 212px solid transparent;
}