/*******************
// Saffron core files
********************/
/*InstantMessage colors */
.button {
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
}
.button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.button.disabled:hover {
  background: #8B336F;
}
.button:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.emoticon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 5px;
}
/**
 * Old animation mixin, not to be used
 */
.panel-drop-shadow {
  box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.4);
}
html {
  font-size: 16px;
  width: 100%;
  height: 100%;
}
html.hidescroll .si-scroller {
  overflow: hidden;
}
body {
  position: relative;
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -webkit-text-size-adjust: none;
  background: #DCDCDC;
  color: #01161E;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5em;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: inherit;
  margin-top: 0;
}
body h1 {
  font-size: 2.5rem;
  font-weight: 100;
}
body h2 {
  font-size: 2rem;
}
body h3 {
  font-size: 1.75rem;
}
body h4 {
  font-size: 1.5rem;
}
body h5 {
  font-size: 1.25rem;
}
body h6 {
  font-size: 1rem;
}
body b,
body strong {
  font-weight: 700;
}
body ul {
  list-style-position: outside;
  padding-left: 30px;
}
body ul li {
  margin-bottom: 5px;
}
body p {
  margin: 0 0 1em;
}
.block-id {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.8);
  padding: 2px 5px;
  z-index: 8;
  width: auto;
  display: inline-block;
  font-size: 0.61rem;
  top: 100px;
}
.block-id p {
  line-height: 1;
  margin: 0;
}
.bootbox .modal-body {
  color: #000000;
}
.floatable {
  float: left;
  border: 1px solid #ff0000;
}
#return-to-top {
  top: -100px;
}
.si-container.first-page .screen-wrapper {
  padding: 20px 20px 1px;
}
.si-container {
  position: relative;
}
.si-container #block-0 {
  padding-top: 70px;
}
.si-container #loader {
  background: #000;
}
.si-container .html-container * {
  word-wrap: break-word;
}
.si-container .complete-btn {
  margin: 5px;
  background: #eee;
  border: 1px solid #999;
  padding: 5px 10px;
  color: #333;
  display: inline-block;
}
.si-container .complete-btn:hover {
  background: #333;
  border: 1px solid #333;
  color: #fff;
}
.si-container .clear-both {
  clear: both;
  height: 1px;
  line-height: 1px;
}
.si-container .hidden {
  display: none;
}
.si-container em {
  background: none;
  border: none;
  padding: 0;
  display: inline;
  font-style: italic;
}
.si-container hr {
  border: none;
  border-top: 1px solid #dcddde;
}
.si-container #block- .content {
  margin: 0 auto;
  padding: 0;
}
.si-container .spinner-holder {
  margin: 0 auto;
  width: 70px;
}
.si-container #scroller {
  display: block;
  background: none;
  height: 100%;
  overflow: unset;
  overflow-y: inherit;
  position: relative;
}
.btn {
  font-size: 1rem;
}
#accessibility-container {
  position: absolute;
  top: 0;
  left: -9999px;
  border: 10px solid red;
  z-index: 999;
}
.si-screen-banner {
  width: 100%;
  background-color: #8B336F;
}
.si-screen-banner .screen-title {
  width: 0;
  max-width: 800px;
  min-width: 800px;
  margin: auto;
  padding: 100px 100px 90px 0;
  color: #ffffff;
}
.si-screen-banner .screen-title div {
  display: inline-block;
  vertical-align: middle;
}
.si-screen-banner .title-icon {
  width: 140px;
  height: 140px;
  line-height: 140px;
  margin-right: 20px;
  border-radius: 50%;
  text-align: center;
  background-color: #3c0046;
}
.si-screen-banner .title-icon:before {
  font-family: 'fontello-saffron';
  font-size: 3rem;
  content: "\E819";
}
.si-screen-banner .title-holder {
  padding-left: 15px;
  color: #ffffff;
  max-width: 530px;
}
@font-face {
  font-family: 'fontello-saffron';
  src: url("../../externals/fonts/icons/font/fontello.eot?31601844");
  src: url("../../externals/fonts/icons/font/fontello.eot?31601844#iefix") format('embedded-opentype'), url("../../externals/fonts/icons/font/fontello.woff?31601844") format('woff2'), url("../../externals/fonts/icons/font/fontello.woff?31601844") format('woff'), url("../../externals/fonts/icons/font/fontello.ttf?31601844") format('truetype'), url("../../externals/fonts/icons/font/fontello.svg?31601844#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'fontello-saffron';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}
.icon-left-open:before {
  content: '\E80B';
}
.icon-right-open:before {
  content: '\E810';
}
.icon-down-open:before {
  content: '\E802';
}
.icon-up-open:before {
  content: '\E803';
}
.icon-play:before {
  content: '\E804';
}
.icon-ok:before {
  content: '\E80D';
}
.icon-cancel:before {
  content: '\E80E';
}
.icon-stopwatch:before {
  content: '\E821';
}
.icon-info:before {
  content: '\F129';
}
.icon-help:before {
  content: "\E832";
}
.icon-volume-up:before {
  content: '\E809';
}
.icon-volume-off:before {
  content: '\E82E';
}
.icon-menu:before {
  content: '\F0C9';
}
.icon-coursemap:before {
  content: '\E80A';
}
.icon-resource:before {
  content: '\E82D';
}
/* NAVIGATION */
/* VIDEO CONTROLS */
/* MISC */
.screen {
  min-height: 100px;
  height: auto;
  width: 100%;
  min-width: 700px;
  margin: 0 auto;
}
.si-container {
  height: 100%;
}
.si-container #return-to-top {
  position: fixed;
  display: block;
  z-index: 3;
  right: 10%;
  padding: 10px;
  background: #FF6600;
  color: #fff;
  text-align: center;
  border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border: 3px solid #fff;
  border-top: none;
}
.si-container #title-container {
  position: absolute;
  top: 0px;
  right: 0px;
  vertical-align: top;
  display: inline-block;
}
.si-container #header .screen-wrapper,
.si-container #header .screen-wrapper .inner {
  position: relative;
}
.si-container #course-logo {
  display: inline-block;
  width: 120px;
  height: 80px;
  padding: 0;
  margin: 0;
}
.si-container #course-logo span {
  display: none;
}
.si-container #course-title {
  padding: 0;
  margin: 0;
  padding-top: 20px;
}
.si-container #unit-title {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}
.si-container #header {
  top: 0;
  left: 0;
  width: 100%;
  color: #eee;
  text-align: center;
  z-index: 999;
  height: auto;
  padding: 0px;
  position: absolute;
}
.si-container #wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0 auto;
}
.si-container .screen-wrapper {
  margin: 0 auto;
  max-width: 900px;
  word-wrap: break-word;
  text-align: left;
  display: block;
}
.si-container .page {
  left: 0px;
  width: 100%;
  height: 100%;
}
.si-scroller {
  display: block;
  height: 100%;
  overflow-y: auto;
  position: relative;
  -ms-overflow-style: scrollbar;
}
.carousel-progress {
  text-align: center;
  margin-top: 20px;
}
.carousel-progress .progress-dot {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 10px;
  height: 10px;
  margin-top: 5px;
  margin-right: 10px;
  border-radius: 50%;
  background: transparent;
  border: 2px solid;
  border-color: #000000;
  border-color: rgba(0, 0, 0, 0.6);
  transition: all 0.2s ease-out 0s;
}
.carousel-progress .progress-dot.viewed {
  background: #000000;
  background: rgba(0, 0, 0, 0.6);
  border-color: transparent;
}
.carousel-progress .progress-dot.active {
  background: #fff;
  border-color: #000000;
  border-color: rgba(0, 0, 0, 0.6);
  -webkit-transform: scale(1.8);
  -moz-transform: scale(1.8);
  -ms-transform: scale(1.8);
  -o-transform: scale(1.8);
}
.carousel-controls .next-button,
.carousel-controls .previous-button {
  position: absolute;
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 50%;
  cursor: pointer;
  background: transparent;
  color: #000000;
  color: rgba(0, 0, 0, 0.6);
  padding: 0;
}
.carousel-controls .next-button:before,
.carousel-controls .previous-button:before {
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
  font-size: 20px;
}
.carousel-controls .next-button.disabled,
.carousel-controls .previous-button.disabled {
  color: #323232;
  color: rgba(0, 0, 0, 0.2);
  cursor: auto;
}
.Carousel {
  overflow: hidden;
}
.Carousel .screen-wrapper .content .carousel-heading {
  margin-bottom: 20px;
}
.Carousel .screen-wrapper .content .carousel-wrapper {
  position: relative;
}
.Carousel .screen-wrapper .content .carousel-wrapper .saffron-carousel {
  position: relative;
}
.Carousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide {
  display: none;
  width: 100%;
  position: absolute;
}
.Carousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide.visible {
  display: inline-block;
}
.Carousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide.active {
  display: inline-block;
}
.Carousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper {
  background: #fff;
  border: 1px solid #eee;
}
.Carousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content {
  padding: 40px;
  margin: 0;
}
.Carousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content h2 {
  margin-top: 0;
}
.Carousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content {
  padding: 0;
}
.Carousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .go-to-next-page {
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
}
.Carousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .go-to-next-page.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.Carousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .go-to-next-page.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.Carousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .go-to-next-page.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.Carousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .go-to-next-page.disabled:hover {
  background: #8B336F;
}
.Carousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .go-to-next-page:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.Carousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .go-to-next-page.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.Carousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .go-to-next-page.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.Carousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .go-to-next-page.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.Carousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .go-to-next-page.disabled:hover {
  background: #8B336F;
}
.Carousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content img {
  width: 100%;
}
.SiCardCarousel .title-wrapper {
  position: relative;
  padding: 1.5em;
  background: #02a6cd;
  box-shadow: 0 0 20px -3px rgba(0, 0, 0, 0.5);
}
.SiCardCarousel .title-wrapper .instruction,
.SiCardCarousel .title-wrapper .title {
  color: #ffffff;
  text-align: center;
  margin: 0;
}
.SiCardCarousel .carousel-wrapper {
  overflow: visible;
  height: 550px;
}
.SiCardCarousel .carousel-wrapper .carousel-progress {
  margin-bottom: 20px;
}
.SiCardCarousel .carousel-wrapper .carousel-progress .progress-dot {
  width: 25px;
  height: 25px;
  border: none;
  background: #d0d1d3;
  color: transparent;
}
.SiCardCarousel .carousel-wrapper .carousel-progress .progress-dot.selected {
  background: #02a6cd;
  color: #ffffff;
  text-align: center;
  padding-top: 3px;
}
.SiCardCarousel .carousel-wrapper .saffron-carousel {
  width: 325px;
  height: 500px;
}
.SiCardCarousel .carousel-wrapper .saffron-carousel .slide {
  width: 325px;
  background: #ffffff;
  height: 500px;
  pointer-events: none;
  border-radius: 15px;
  cursor: move;
}
.SiCardCarousel .carousel-wrapper .saffron-carousel .slide .add-to-basket {
  width: 100%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.SiCardCarousel .carousel-wrapper .saffron-carousel .slide .slide-content {
  cursor: pointer;
  -ms-overflow-style: none;
  height: 460px;
  overflow-y: hidden;
}
.SiCardCarousel .carousel-wrapper .saffron-carousel .slide .slide-content .tick {
  width: 50px;
  height: 50px;
  position: absolute;
  border-radius: 50%;
  background: #02a6cd;
  left: 80%;
  top: 10px;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.SiCardCarousel .carousel-wrapper .saffron-carousel .slide .slide-content .tick::before {
  content: '\E80D';
  color: #ffffff;
  font-family: 'fontello-saffron';
  font-size: 30px;
  position: relative;
  top: 5px;
}
.SiCardCarousel .carousel-wrapper .saffron-carousel .slide .slide-content .tick.selected {
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.SiCardCarousel .carousel-wrapper .saffron-carousel .slide .slide-content .image-wrapper {
  background-color: #5c666f;
}
.SiCardCarousel .carousel-wrapper .saffron-carousel .slide .slide-content .image-wrapper img {
  height: 220px;
}
.SiCardCarousel .carousel-wrapper .saffron-carousel .slide .slide-content .heading {
  color: #000;
  font-size: 1.3em;
}
.SiCardCarousel .carousel-wrapper .saffron-carousel .slide .slide-content .description {
  padding: 5px 20px 20px;
  text-align: left;
}
.SiCardCarousel .carousel-wrapper .saffron-carousel .slide .tint-layer {
  height: 100%;
}
.SiCardCarousel .carousel-wrapper .saffron-carousel .slide.active {
  pointer-events: none;
}
.SiCardCarousel .carousel-wrapper .saffron-carousel .slide.activedescendant {
  pointer-events: all;
}
.SiCardCarousel .carousel-wrapper .carousel-controls {
  position: absolute !important;
  top: 0;
}
.SiCardCarousel .carousel-wrapper .carousel-controls .button {
  height: 50px;
  border-radius: 6px;
  top: 49%;
}
.SiCardCarousel .carousel-wrapper .carousel-controls .button::before {
  left: 10px;
  top: 10px;
  font-size: 30px;
}
.navigation-wrapper {
  position: fixed;
  top: 0;
  width: 100%;
  height: 70px;
  z-index: 9;
  background-color: #ffffff;
}
.navigation-wrapper .navbar-center {
  position: absolute;
  width: 220px;
  left: calc((100% - 190px)/2);
  float: none;
  margin: 0;
  padding: 0;
}
.navigation-wrapper .pull-left,
.navigation-wrapper .pull-right {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
.navigation-wrapper .navbar {
  margin-bottom: 0;
}
.navigation-wrapper .screen-wrapper {
  min-height: 0;
  max-width: 100%;
}
.navigation-wrapper .screen-wrapper .navbar-default {
  border: none;
  border-radius: 0;
  min-height: 70px;
  background-color: #ffffff;
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .progress-holder .circular-progress {
  width: 70px;
  height: 70px;
  border-left: none;
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .progress-holder .circular-progress svg {
  top: 0 !important;
  left: 0 !important;
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .progress-holder .circular-progress svg:first-child {
  z-index: 2;
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .progress-holder .circular-progress svg:last-child {
  z-index: 1;
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .nav > li {
  margin-bottom: 0;
  display: inline-block;
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .nav > li.compact-menu #compact-menu:before {
  position: absolute;
  content: '\F0C9';
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .nav > li.compact-menu #compact-menu.pressed:before {
  content: '\E80E';
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .nav > li.compact-menu ul {
  position: absolute;
  height: auto;
  top: 70px;
  display: none;
  z-index: 999;
  padding: 0;
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .nav > li.compact-menu ul li {
  display: block;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .nav > li.compact-menu ul li .sub-navigation-button {
  padding: 15px;
  width: 70px;
  height: 70px;
  font-family: 'fontello-saffron';
  font-size: 2em;
  color: #000;
  cursor: pointer;
  text-align: center;
  transition: all 0.2s ease-out 0s;
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .nav > li.compact-menu ul li .sub-navigation-button span {
  font-size: medium;
  margin-left: 25px;
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .nav > li.compact-menu ul li .sub-navigation-button.coursemap-link:before {
  content: '\E80A';
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .nav > li.compact-menu ul li .sub-navigation-button:active,
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .nav > li.compact-menu ul li .sub-navigation-button:hover {
  background-color: #02a6cd;
  color: #ffffff;
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .navbar-nav {
  margin: 0;
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .navigation-button {
  position: relative;
  font-family: 'fontello-saffron';
  font-size: 2em;
  width: 70px;
  height: 70px;
  color: #4cd137;
  margin-right: 0;
  margin-left: 0;
  padding: 15px;
  line-height: 20px;
  cursor: pointer;
  text-align: center;
  transition: all 0.2s ease-out 0s;
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .navigation-button:hover {
  background-color: #DCDCDC;
  color: #4cd137;
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .navigation-button:before {
  text-align: center;
  padding: 3px 0;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 25px;
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .navigation-button.previous:before {
  content: '\E80B';
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .navigation-button.next:before {
  content: '\E810';
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .navigation-button.coursemap-link:before {
  content: '\E80A';
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .navigation-button .icon-left-open {
  font-size: inherit;
}
.navigation-wrapper .screen-wrapper .navbar-default .container-fluid .navbar-header .navigation-button .icon-left-open::before {
  margin-top: 5px;
}
.side-menu-wrapper {
  display: none;
  position: fixed;
  width: 0;
  height: 100%;
  background: #5a5a5a;
  top: 0;
  right: 0;
  z-index: 9999;
}
.side-menu-wrapper li,
.side-menu-wrapper ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.navigation-wrapper .navigation-button,
.side-menu-wrapper .navigation-button {
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
  width: 70px;
  height: 70px;
  line-height: 70px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s ease-out;
}
.navigation-wrapper .navigation-button:hover,
.side-menu-wrapper .navigation-button:hover {
  background-color: #DCDCDC;
}
.navigation-wrapper .navigation-button .icon-resource,
.side-menu-wrapper .navigation-button .icon-resource {
  font-size: 1.9em;
}
.navigation-wrapper .navigation-button.clicked,
.side-menu-wrapper .navigation-button.clicked {
  background: rgba(255, 255, 255, 0.2);
}
.navigation-wrapper .navigation-button.clicked:hover,
.side-menu-wrapper .navigation-button.clicked:hover {
  cursor: default;
  background: rgba(255, 255, 255, 0.2);
}
.navigation-wrapper .navigation-button i,
.side-menu-wrapper .navigation-button i {
  font-size: 2em;
}
.navigation-wrapper .navigation-button i::before,
.side-menu-wrapper .navigation-button i::before {
  margin-right: 0;
}
.navigation-wrapper .pull-left,
.navigation-wrapper .pull-right {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
.SiCoursemap {
  z-index: 8;
}
.SiCoursemap .coursemap-header {
  position: relative;
  top: 50px;
  width: 100%;
  padding-bottom: 60px;
}
.si-container .SiCoursemap .column {
  padding: 0;
}
.si-container .SiCoursemap .module-button {
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  transition: all 0.4s ease-out 0s;
  background: #8B336F;
  border-radius: 0;
  width: 100%;
  z-index: 9999;
  min-height: 120px;
  position: relative;
  text-align: left;
  color: #ffffff;
  padding: 2em;
}
.si-container .SiCoursemap .module-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.si-container .SiCoursemap .module-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.si-container .SiCoursemap .module-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.si-container .SiCoursemap .module-button.disabled:hover {
  background: #8B336F;
}
.si-container .SiCoursemap .module-button:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.si-container .SiCoursemap .module-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.si-container .SiCoursemap .module-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.si-container .SiCoursemap .module-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.si-container .SiCoursemap .module-button.disabled:hover {
  background: #8B336F;
}
.si-container .SiCoursemap .module-button:hover {
  color: #ffffff;
  background: #9454ad;
}
.si-container .SiCoursemap .module-button .module-progress {
  position: relative;
  top: 12px;
}
.si-container .SiCoursemap .module-button .module-progress svg {
  top: 0 !important;
  left: 20px !important;
  right: initial !important;
}
.si-container .SiCoursemap .module-button .module-status {
  margin: 0;
}
.si-container .SiCoursemap .module-button.locked,
.si-container .SiCoursemap .module-button.unavailable {
  cursor: default;
  background-color: #333333;
}
.si-container .SiCoursemap .module-button.unavailable .module-status,
.si-container .SiCoursemap .module-button.unavailable .module-title {
  color: #666666;
}
.si-container .SiCoursemap .module-button.available,
.si-container .SiCoursemap .module-button.optional,
.si-container .SiCoursemap .module-button.started {
  background-color: #8B336F;
}
.si-container .SiCoursemap .module-button.available:hover,
.si-container .SiCoursemap .module-button.completed:hover,
.si-container .SiCoursemap .module-button.optional:hover,
.si-container .SiCoursemap .module-button.started:hover {
  background: #9454ad;
}
.si-container .SiCoursemap .module-button.optional {
  margin-top: 40px;
}
.si-container .SiCoursemap .module-button.completed {
  background-color: #523180;
}
.SiImageList .panel {
  padding: 2em;
  border-radius: 4px;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.4);
}
.SiImageList .title-wrapper h2 {
  text-align: center;
}
.SiImageList .title-wrapper p {
  margin: 0;
  padding: 0 25px;
}
.SiImageList .items-wrapper {
  padding: 10px;
}
.SiImageList .items-wrapper .image-wrapper {
  margin-top: 8px;
  text-align: center;
}
.SiImageList .items-wrapper .item-container {
  min-height: 100px;
  margin: 10px 0 0;
}
.SiImageList .items-wrapper .item-container .item-content {
  padding: 10px;
}
.SiImageList .items-wrapper .item-container .item-content h3 {
  margin: 0 0 10px;
}
.SiImageList .items-wrapper .button-holder {
  width: 100%;
  text-align: center;
}
.SiImageList .items-wrapper .button-holder .button {
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  transition: all 0.4s ease-out 0s;
  background: #8B336F;
}
.SiImageList .items-wrapper .button-holder .button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiImageList .items-wrapper .button-holder .button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiImageList .items-wrapper .button-holder .button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiImageList .items-wrapper .button-holder .button.disabled:hover {
  background: #8B336F;
}
.SiImageList .items-wrapper .button-holder .button:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.SiImageList .items-wrapper .button-holder .button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiImageList .items-wrapper .button-holder .button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiImageList .items-wrapper .button-holder .button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiImageList .items-wrapper .button-holder .button.disabled:hover {
  background: #8B336F;
}
.SiImageList .items-wrapper .button-holder .button:hover {
  color: #ffffff;
  background: #9454ad;
}
.SiNavigationList .items-wrapper span {
  font-family: 'fontello-saffron';
  font-size: 2.18rem;
}
.SiNavigationList .items-wrapper .Menu,
.SiNavigationList .items-wrapper .Next,
.SiNavigationList .items-wrapper .Resources {
  font-size: 1.9rem;
}
.SiNavigationList .items-wrapper .icon {
  padding: 15px;
  text-align: center;
}
.SiNavigationList .items-wrapper .Home::before {
  content: '\E80A';
}
.SiNavigationList .items-wrapper .Menu::before {
  content: '\F0C9';
}
.SiNavigationList .items-wrapper .Audio::before {
  content: '\E809';
}
.SiNavigationList .items-wrapper .Resources::before {
  content: '\E82D';
}
.SiNavigationList .items-wrapper .Help::before {
  content: "\E832";
}
.SiNavigationList .items-wrapper .Previous::before {
  content: '\E80B';
}
.SiNavigationList .items-wrapper .Progress::before {
  content: "\F10C";
}
.SiNavigationList .items-wrapper .Next::before {
  content: '\E810';
}
.SiTimepass {
  top: 0 !important;
}
.SiTimepass .screen-wrapper {
  max-width: 100%;
}
.SiTimepass .screen-wrapper .content {
  padding: 0;
}
.SiTimepass .screen-wrapper .content .animation-holder {
  position: relative;
  cursor: default;
  overflow: hidden;
  will-change: transform, opacity;
}
.SiTimepass .screen-wrapper .content .animation-holder .step {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.SiTimepass .screen-wrapper .content .animation-holder .layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.SiTimepass .screen-wrapper .content .animation-holder .text-wrapper {
  position: absolute;
  top: 10%;
  left: 5%;
  max-width: 70%;
}
.SiTimepass .screen-wrapper .content .animation-holder .text-wrapper .description,
.SiTimepass .screen-wrapper .content .animation-holder .text-wrapper .title {
  display: block;
  color: #ffffff;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
}
.SiTimepass .screen-wrapper .content .animation-holder .clock {
  background: transparent;
  width: 100px;
  height: 100px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  position: absolute;
  top: 100px;
  right: 50px;
  z-index: 10;
  background: #ffffff;
  border: 6px solid #ffffff;
  box-sizing: content-box;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.SiTimepass .screen-wrapper .content .animation-holder .clock .hour-hand-wrapper,
.SiTimepass .screen-wrapper .content .animation-holder .clock .minute-hand-wrapper {
  position: absolute;
  width: 100px;
  height: 100px;
}
.SiTimepass .screen-wrapper .content .animation-holder .clock .hour-hand-wrapper .hand,
.SiTimepass .screen-wrapper .content .animation-holder .clock .minute-hand-wrapper .hand {
  position: absolute;
  bottom: 50%;
}
.SiTimepass .screen-wrapper .content .animation-holder .clock .hour-hand-wrapper .hand.minute,
.SiTimepass .screen-wrapper .content .animation-holder .clock .minute-hand-wrapper .hand.minute {
  width: 2px;
  height: 42px;
  left: calc(50% - (2px * 0.5));
  background: #808080;
}
.SiTimepass .screen-wrapper .content .animation-holder .clock .hour-hand-wrapper .hand.hour,
.SiTimepass .screen-wrapper .content .animation-holder .clock .minute-hand-wrapper .hand.hour {
  width: 4px;
  height: 30px;
  left: calc(50% - (4px * 0.5));
  background: #808080;
}
.SiTimepass .screen-wrapper .content .animation-holder .clock:before {
  position: absolute;
  content: '\A';
  width: 100%;
  height: 50%;
  left: 0;
  top: 0;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  box-shadow: inset 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}
.SiTimepass .screen-wrapper .content .animation-holder .clock:after {
  position: absolute;
  content: '\A';
  width: 10px;
  height: 10px;
  left: calc(50% - (10px * 0.5));
  top: calc(50% - (10px * 0.5));
  border-radius: 50%;
  background: #808080;
}
.SiConversation.screen .screen-wrapper {
  max-width: 100%;
}
.SiConversation.screen .content {
  padding: 0;
}
.SiConversation.screen .conversation-holder {
  height: 100%;
  overflow: hidden;
}
.SiConversation.screen .scroller {
  margin: 0;
}
.SiConversation.screen .conversation-item {
  position: absolute;
  display: none;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  -webkit-backface-visibility: hidden;
  /* Chrome, Safari, Opera */
  backface-visibility: hidden;
  background: #ffffff;
  list-style: none;
  border: 2px solid #000000;
  border-radius: 14px;
  cursor: default;
}
.SiConversation.screen .conversation-item .conversation-content {
  padding: 20px;
}
.SiConversation.screen .conversation-item .conversation-content .name {
  padding-bottom: 5px;
}
.SiConversation.screen .conversation-item .conversation-content .message {
  padding: 5px 0;
}
.SiConversation.screen .carousel-controls {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 120px;
  padding: 35px;
  text-align: center;
  background-color: #e6e6e4;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.4);
}
.SiConversation.screen .carousel-controls .carousel-progress {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  margin: 0 0 0 10px;
  vertical-align: middle;
}
.SiConversation.screen .carousel-controls .next-button,
.SiConversation.screen .carousel-controls .previous-button {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  -webkit-backface-visibility: hidden;
  /* Chrome, Safari, Opera */
  backface-visibility: hidden;
}
.SiQuestion {
  background-color: #DCDCDC;
  padding: 0;
}
.SiQuestion .screen-wrapper {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0 auto;
}
.SiQuestion .screen-wrapper .content {
  padding: 0;
}
.SiQuestion .title {
  margin-top: 0;
}
.SiQuestion .question-wrapper {
  padding-top: 50px;
  background-color: #DCDCDC;
  border: none;
  box-shadow: none;
}
.SiQuestion .button {
  margin: 20px 0;
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  transition: all 0.4s ease-out 0s;
  background: #8B336F;
}
.SiQuestion .button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiQuestion .button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiQuestion .button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiQuestion .button.disabled:hover {
  background: #8B336F;
}
.SiQuestion .button:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.SiQuestion .button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiQuestion .button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiQuestion .button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiQuestion .button.disabled:hover {
  background: #8B336F;
}
.SiQuestion .button:hover {
  color: #ffffff;
  background: #9454ad;
}
.SiQuestion .button.disabled:hover {
  background-color: #8B336F;
}
.SiQuestion .option .option-text div {
  display: inline-block;
  vertical-align: middle;
}
.SiQuestion .option .feedback-icon {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #8e8f90;
  color: #ffffff;
}
.SiQuestion .option .feedback-icon:before {
  font-family: 'fontello-saffron';
  font-size: 1rem;
  content: "";
}
.SiQuestion .option .option-title {
  max-width: 700px;
}
.SiQuestion .option.selected .option-text {
  z-index: 2;
  background-color: #4a4a4a;
  color: #ffffff;
}
.SiQuestion .option.selected .option-feedback {
  background-color: #50c5ea;
  width: 95%;
  position: relative;
  z-index: 1;
  margin: 0 20px 20px;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.4);
  border-radius: 0 0 4px 4px;
}
.SiQuestion .option.selected:hover .option-text {
  background-color: #4a4a4a !important;
  color: #ffffff !important;
  cursor: default;
}
.SiQuestion .option.correct .feedback-icon {
  background-color: #7ab800;
}
.SiQuestion .option.correct .feedback-icon:before {
  position: relative;
  left: 7px;
  top: 3px;
  content: '\E80D';
}
.SiQuestion .option.incorrect .feedback-icon {
  background-color: #e00034;
}
.SiQuestion .option.incorrect .feedback-icon:before {
  position: relative;
  left: 9px;
  top: 3px;
  content: '\E80E';
}
.SiQuestion .option-feedback {
  height: 0;
  padding: 2em;
  overflow: hidden;
}
.SiQuestion .option-feedback.hidden {
  display: none;
}
.SiQuestion .option-feedback .feedback-title {
  margin-top: 0;
}
.SiInstantMessage {
  height: 100%;
  min-height: 450px;
}
.SiInstantMessage .screen-wrapper {
  height: 100%;
}
.SiInstantMessage .content {
  height: 100%;
  padding: 0;
}
.SiInstantMessage .instant-message-holder {
  display: none;
  margin: 0 auto;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}
.SiInstantMessage .phone {
  position: relative;
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
}
.SiInstantMessage .phone .header {
  padding: 20px;
}
.SiInstantMessage .phone .header .user-image {
  width: 70px;
  height: 70px;
  border: 2px solid white;
  border-radius: 50%;
}
.SiInstantMessage .phone .header .user-name {
  padding: 10px 10px 10px 0;
  text-align: left;
  color: #ffffff;
  position: relative;
  top: 15px;
}
.SiInstantMessage .phone .header .user-name h5 {
  margin-bottom: 0;
}
.SiInstantMessage .phone .header .user-name .message-notification {
  display: block;
}
.SiInstantMessage .phone .messages-wrapper {
  position: relative;
  height: 365px;
  overflow-y: auto;
}
.SiInstantMessage .phone .messages-wrapper .message {
  display: inline-block;
  float: left;
  margin: 1em 1em 0;
  padding: 10px;
  width: 70%;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: #d0d1d3;
  text-align: left;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 0;
  clear: both;
}
.SiInstantMessage .phone .messages-wrapper .message:last-child {
  margin-bottom: 1em;
}
.SiInstantMessage .phone .messages-wrapper .message.right-model {
  background: #AFD3A5;
  margin-left: 25%;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-topleft: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}
.SiInstantMessage .phone .messages-wrapper .message .text {
  margin: 0;
}
.SiInstantMessage .phone .messages-wrapper .message .time {
  display: block;
  width: 100%;
  text-align: right;
  margin-top: 0.3em;
}
.SiInstantMessage .phone .messages-wrapper .message .name {
  display: block;
  font-weight: bold;
  margin: 0.3em 0;
}
.SiInstantMessage .phone .messages-wrapper .message .content {
  color: #717073;
  width: 90%;
}
.SiInstantMessage .phone .ui-list {
  height: auto;
  position: absolute !important;
  max-height: 200px;
  background: #333;
  left: 0;
  width: 100%;
  overflow-y: auto;
  z-index: 99;
  margin: 0 !important;
}
.SiInstantMessage .phone .ui-list .screen-wrapper h1 {
  display: none;
}
.SiInstantMessage .phone .ui-list .screen-wrapper .options {
  text-align: center;
  padding: 15px;
  max-width: 320px;
  min-width: 320px;
}
.SiInstantMessage .phone .ui-list .screen-wrapper .options li {
  background: #333;
  border-color: #5c666f;
  margin: 0 0 10px;
  display: block;
  border-radius: 6px;
}
.SiInstantMessage .phone .ui-list .screen-wrapper .options li:hover {
  background: #6B6766;
}
.SiInstantMessage .phone ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.SiInstantMessage .phone ::-webkit-scrollbar-track {
  border-radius: 0px;
  background: #ffffff;
  border-left: 1px solid rgba(212, 212, 213, 0.33);
}
.SiInstantMessage .phone ::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background: #d4d4d5;
}
.SiInstantMessage .phone ::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.SiInstantMessage .phone .screen::-webkit-scrollbar {
  display: none;
}
.SiInstantMessage .phone .keyboard-wrapper {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -180px;
  padding-bottom: 20px;
  background: #333;
}
.SiInstantMessage .phone .keyboard.row {
  width: 100%;
  height: 40px;
  padding: 0;
  font-size: 0;
  list-style: none;
  text-align: center;
  margin: 0 auto;
}
.SiInstantMessage .phone .keyboard.row li {
  width: 8%;
  height: 40px;
  margin: 0;
  padding: 0;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  background: #555;
  color: #ffffff;
  border: 1px solid #333;
  transition: 0.1s all ease-Out 0s;
  border-radius: 4px;
}
.SiInstantMessage .phone .keyboard.row li.wide {
  width: 12%;
}
.SiInstantMessage .phone .keyboard.row li.space {
  width: 40%;
}
.SiInstantMessage .phone .keyboard.row li span.off {
  position: absolute;
  right: 5px;
  font-size: 8px;
  line-height: 15px;
  color: #111;
}
.SiInstantMessage .phone .keyboard.row li.pressed {
  border: 1px solid #555;
  background: #f58220;
}
.SiInstantMessage .input-area {
  width: auto;
  background: #ffffff;
  color: #000;
  text-align: left;
  margin: 15px 30px;
  padding: 7px;
}
.SiInstantMessage .input-area.reply {
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
}
.SiInstantMessage .input-area.reply.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiInstantMessage .input-area.reply.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiInstantMessage .input-area.reply.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiInstantMessage .input-area.reply.disabled:hover {
  background: #8B336F;
}
.SiInstantMessage .input-area.reply:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.SiInstantMessage .input-area.reply.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiInstantMessage .input-area.reply.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiInstantMessage .input-area.reply.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiInstantMessage .input-area.reply.disabled:hover {
  background: #8B336F;
}
.SiInstantMessage .input-area.reply:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.SiInstantMessage .user-status {
  text-align: left;
  transition: all 0.2s ease-out 0s;
}
.SiInstantMessage .user-status.top-user-status {
  opacity: 0;
}
.SiInstantMessage .user-status.bottom-status {
  padding-left: 20px;
  background-color: #ffffff;
  padding: 5px;
  position: relative;
  left: 8px;
  width: 344px;
}
.SiInstantMessage .button-holder .text-wrapper {
  position: relative;
  top: 38px;
  left: 15px;
}
.SiInstantMessage .interaction {
  background-color: rgba(255, 255, 255, 0.3);
  height: 50px;
  border-radius: 50px;
}
.SiInstantMessage .interaction .handle {
  background: #ffffff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute !important;
  left: 50px;
  bottom: 30px;
}
.SiInstantMessage .interaction .labels {
  display: none;
}
.SiFullFeatureVideoPlayer {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.SiFullFeatureVideoPlayer .screen-wrapper {
  margin-top: 0 !important;
  overflow: hidden !important;
}
.SiFullFeatureVideoPlayer .content {
  padding: 0 !important;
  max-width: 100% !important;
}
.SiFullFeatureVideoPlayer .screen-wrapper .content .panel .text a {
  margin-top: 20px;
}
.SiFullFeatureVideoPlayer .full-screen-instruction {
  transition: 0.4s ease-out;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  position: fixed;
  top: 20px;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: -1;
  padding: 15px 30px;
  color: #fff;
  left: calc((100% - 278px) / 2);
  font-size: 14px;
  border-radius: 3px;
}
.SiFullFeatureVideoPlayer .full-screen-instruction span {
  position: relative;
  display: inline;
  border: 1px solid #fff;
  padding: 5px;
  border-radius: 3px;
}
.SiFullFeatureVideoPlayer .full-screen-instruction.active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  z-index: 999;
}
.Video .screen-wrapper .SaffronVideoPlayer {
  background-color: black;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel {
  bottom: 70px;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .tooltip {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .tooltip .tooltip-arrow {
  border-top-color: black !important;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .tooltip .tooltip-inner {
  background: black !important;
  text-transform: none !important;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .button {
  border: none;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .button:before {
  color: #d0d1d3;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .button:hover:before {
  color: #a0a0a0;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .left-group .control-item .play-button.replay::before {
  content: '\E815';
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .left-group .control-item .pause-button::before {
  margin-left: 10px;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .left-group .transcript {
  position: absolute;
  left: 60px;
  top: 0;
  height: 100%;
  z-index: 9999;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .left-group .transcript .button {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .left-group .transcript .button::before {
  position: absolute;
  top: 1px;
  left: 12px;
  font-size: 1.25em;
  content: '\E816';
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .left-group {
  width: 15%;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .center-group {
  width: 70%;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .center-group:hover .bar-area .bar .handle .tooltip {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1) !important;
  -webkit-opacity: 1 !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .center-group .control-item .bar-area {
  border-radius: 0px;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .center-group .control-item .bar-area .bar {
  border-radius: 0px;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .center-group .control-item .bar-area .bar .handle {
  right: -4px;
  width: 4px;
  background: #a0a0a0;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .center-group .control-item .bar-area .bar .handle .tooltip {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .right-group {
  width: 5%;
  height: 100%;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .right-group .full-screen-button {
  position: absolute;
  width: 40px;
  height: 100%;
  right: 20px;
}
.Video .screen-wrapper .SaffronVideoPlayer .controls-panel .right-group .full-screen-button::before {
  position: absolute;
  right: 15px;
  top: 1px;
  content: '\E805';
  cursor: pointer;
}
.Video .screen-wrapper .SaffronVideoPlayer .pause {
  background: rgba(0, 0, 0, 0) !important;
  z-index: 10;
}
.Video .screen-wrapper .SaffronVideoPlayer .video-mask {
  z-index: 2;
}
.Video .screen-wrapper .SaffronVideoPlayer .overlay {
  border: 0;
  cursor: pointer;
  width: 100%;
  height: calc(100% - 40px) !important;
  padding: 0 !important;
  background: none !important;
  position: absolute;
  top: 0;
  left: 0;
}
.Video .screen-wrapper .SaffronVideoPlayer .overlay.play,
.Video .screen-wrapper .SaffronVideoPlayer .overlay.replay {
  background: rgba(0, 0, 0, 0.4);
  z-index: 10;
  position: relative;
  top: 40%;
}
.Video .screen-wrapper .SaffronVideoPlayer .overlay.replay .big-play::before {
  content: '\E815';
}
.Video .screen-wrapper .SaffronVideoPlayer .overlay:hover {
  outline: none !important;
}
.SiFullFeatureVideoPlayer .screen-wrapper .SaffronVideoPlayer .controls-panel {
  z-index: 10;
}
.SiFullFeatureVideoPlayer .screen-wrapper .SaffronVideoPlayer .transcript-holder {
  z-index: 5;
}
.SiFullFeatureVideoPlayer .screen-wrapper .SaffronVideoPlayer .controls-panel {
  bottom: 70px;
}
.SiFullFeatureVideoPlayer .screen-wrapper .SaffronVideoPlayer .transcript-holder {
  bottom: -226px;
}
.si-scroller.full-screen {
  position: fixed;
  width: 100%;
  height: 100% !important;
  z-index: 9999;
  background-color: black;
  top: 0 !important;
}
.si-scroller.full-screen .SiFullFeatureVideoPlayer .screen-wrapper .SaffronVideoPlayer .video-mask video {
  width: 100% !important;
  height: 100% !important;
}
.si-scroller.full-screen .SiFullFeatureVideoPlayer .screen-wrapper .SaffronVideoPlayer .overlay {
  height: 100% !important;
}
.si-scroller.full-screen .SiFullFeatureVideoPlayer .screen-wrapper .SaffronVideoPlayer .controls-panel,
.si-scroller.full-screen .SiFullFeatureVideoPlayer .screen-wrapper .SaffronVideoPlayer .transcript-holder {
  display: none;
}
.SiEmail {
  background: none;
}
.SiEmail label {
  padding: 0 0.5em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background: white;
  color: #01161E;
  text-transform: none;
  font-style: normal;
  font-weight: normal;
}
.SiEmail .title-wrapper {
  text-align: center;
  background: #8B336F;
  border-radius: 4px 4px 0 0;
}
.SiEmail .title-wrapper .row {
  padding: 0.3em 0.5em;
}
.SiEmail .title-wrapper .row label {
  margin: 0;
}
.SiEmail .title-wrapper .row .close-button {
  display: inline-block;
  z-index: 99;
  position: relative;
  float: right;
  padding: 0 0.6em 0 1em;
  background: #3c0046;
  border-radius: none;
}
.SiEmail .title-wrapper .row .close-button::before {
  margin-right: 7px;
  font-family: 'fontello-saffron';
  content: '\E80E';
  font-size: 1.6em;
  vertical-align: middle;
  color: #ffffff;
}
.SiEmail .title-wrapper .row .close-button:hover {
  background: #9454ad;
  cursor: pointer;
}
.SiEmail .row {
  margin: 0;
  padding: 0.5em;
}
.SiEmail .subject {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.SiEmail .subject h2 {
  margin: 0;
  padding: 0;
}
.SiEmail .details {
  position: relative;
  border-left: none;
  background: #DCDCDC;
  color: #01161E;
}
.SiEmail .details .email-info {
  height: auto;
}
.SiEmail .details .email-info .down-arrow {
  display: inline-block;
  position: relative;
  height: 40px;
  width: 40px;
  right: 3px;
  padding: 0;
  float: right;
  z-index: 99;
  background: #8B336F;
}
.SiEmail .details .email-info .down-arrow.over {
  background: #9454ad;
  cursor: pointer;
}
.SiEmail .details .email-info .down-arrow::before {
  position: relative;
  top: 4px;
  right: 12px;
  float: right;
  content: '\E802';
  font-family: 'fontello-saffron';
  transition: all 0.2s ease-in-out 0s;
  color: #ffffff;
}
.SiEmail .details .email-info .details-to {
  display: none;
}
.SiEmail .details .email-info .details-date {
  display: none;
}
.SiEmail .details .email-info .details-cc {
  display: none;
}
.SiEmail .header .title {
  display: block;
}
.SiEmail .header ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.SiEmail .header ul li {
  margin-bottom: 0;
}
.SiEmail .body {
  min-height: 250px;
  max-height: 250px;
  overflow-y: auto;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.SiEmail .body .option {
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  transition: all 0.4s ease-out 0s;
  background: #8B336F;
  width: 100%;
}
.SiEmail .body .option.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiEmail .body .option.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiEmail .body .option.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiEmail .body .option.disabled:hover {
  background: #8B336F;
}
.SiEmail .body .option:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.SiEmail .body .option.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiEmail .body .option.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiEmail .body .option.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiEmail .body .option.disabled:hover {
  background: #8B336F;
}
.SiEmail .body .option:hover {
  color: #ffffff;
  background: #9454ad;
}
.SiEmail .footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0;
  background: #DCDCDC;
}
.SiEmail .email-window {
  background: white;
  margin: 0 auto;
  padding: 0;
  border-radius: 4px;
}
.SiEmail .button-holder {
  margin: 0;
  padding: 0;
  width: 100%;
}
.SiEmail .button-holder a {
  text-decoration: none;
}
.SiEmail .button-holder li {
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  transition: all 0.4s ease-out 0s;
  background: #8B336F;
}
.SiEmail .button-holder li.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiEmail .button-holder li.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiEmail .button-holder li.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiEmail .button-holder li.disabled:hover {
  background: #8B336F;
}
.SiEmail .button-holder li:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.SiEmail .button-holder li.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiEmail .button-holder li.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiEmail .button-holder li.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiEmail .button-holder li.disabled:hover {
  background: #8B336F;
}
.SiEmail .button-holder li:hover {
  color: #ffffff;
  background: #9454ad;
}
.SiEmail .button-holder li:before {
  font-family: 'fontello-saffron';
  content: '\E81B';
}
.SiEmail .next-button {
  margin-top: 5px;
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  transition: all 0.4s ease-out 0s;
  background: #8B336F;
}
.SiEmail .next-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiEmail .next-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiEmail .next-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiEmail .next-button.disabled:hover {
  background: #8B336F;
}
.SiEmail .next-button:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.SiEmail .next-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiEmail .next-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiEmail .next-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiEmail .next-button.disabled:hover {
  background: #8B336F;
}
.SiEmail .next-button:hover {
  color: #ffffff;
  background: #9454ad;
}
.SiMythReality.screen .screen-wrapper {
  max-width: 100%;
}
.SiMythReality.screen .content {
  padding: 0 0 20px 0;
  text-align: center;
}
.SiMythReality.screen .start-banner .title-icon {
  text-align: center;
}
.SiMythReality.screen .start-banner .title-icon::before {
  content: "\E819";
  font-size: 3rem;
}
.SiMythReality.screen .title-icon {
  text-align: left;
}
.SiMythReality.screen .title-icon .character-image {
  width: 140px;
  height: 140px;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: 5px solid white;
}
.SiMythReality.screen .title-icon.character-icon {
  text-align: center;
}
.SiMythReality.screen .title-icon.character-icon::before {
  content: "\E819";
  font-size: 3rem;
}
.SiMythReality.screen .title-icon.character-icon .character-image {
  display: none;
}
.SiMythReality.screen .title-icon::before {
  content: '';
  font-size: 0;
}
.SiMythReality.screen .title-holder {
  text-align: left;
}
.SiMythReality.screen .default-screen {
  border-radius: 5px;
  text-align: left;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.4);
}
.SiMythReality.screen .default-screen.start-screen {
  width: 800px;
  margin: 50px auto 0;
  background-color: white;
  padding: 2em;
}
.SiMythReality.screen .default-screen.start-screen .start-button {
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  transition: all 0.4s ease-out 0s;
  background: #8B336F;
}
.SiMythReality.screen .default-screen.start-screen .start-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiMythReality.screen .default-screen.start-screen .start-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiMythReality.screen .default-screen.start-screen .start-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiMythReality.screen .default-screen.start-screen .start-button.disabled:hover {
  background: #8B336F;
}
.SiMythReality.screen .default-screen.start-screen .start-button:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.SiMythReality.screen .default-screen.start-screen .start-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiMythReality.screen .default-screen.start-screen .start-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiMythReality.screen .default-screen.start-screen .start-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiMythReality.screen .default-screen.start-screen .start-button.disabled:hover {
  background: #8B336F;
}
.SiMythReality.screen .default-screen.start-screen .start-button:hover {
  color: #ffffff;
  background: #9454ad;
}
.SiMythReality.screen .default-screen.question-screen {
  box-shadow: none;
}
.SiMythReality.screen .default-screen.question-screen .screen-title {
  padding: 20px 100px 75px 0;
}
.SiMythReality.screen .default-screen h2 {
  margin-top: 0;
}
.SiMythReality.screen .default-screen .message p:last-child {
  margin: 0;
}
.SiMythReality.screen .item {
  display: none;
}
.SiMythReality.screen .item.correct .title-icon,
.SiMythReality.screen .item.wrong .title-icon {
  text-align: center;
  border: 5px solid;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
}
.SiMythReality.screen .item.correct .title-icon .character-image,
.SiMythReality.screen .item.wrong .title-icon .character-image {
  display: none;
}
.SiMythReality.screen .item.correct .title-icon::before,
.SiMythReality.screen .item.wrong .title-icon::before {
  font-size: 3rem;
}
.SiMythReality.screen .item.correct .title-icon {
  background-color: #52AA5E;
}
.SiMythReality.screen .item.correct .title-icon::before {
  content: '\E80D';
}
.SiMythReality.screen .item.wrong .title-icon {
  background-color: #f94455;
}
.SiMythReality.screen .item.wrong .title-icon::before {
  position: relative;
  top: -5px;
  content: '\E80E';
}
.SiMythReality.screen .feedback {
  height: 0;
  width: 100%;
  max-width: 760px;
  min-width: 0;
  margin: 0 auto;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 0;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
  background-color: white;
  z-index: 1;
}
.SiMythReality.screen .feedback.visible {
  height: 100%;
  padding: 2em;
  overflow: auto;
  margin-top: -5px;
}
.SiMythReality.screen .feedback .feedback-item {
  height: 0;
  overflow: hidden;
}
.SiMythReality.screen .feedback .feedback-item a {
  margin-top: 10px;
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  transition: all 0.4s ease-out 0s;
  background: #8B336F;
}
.SiMythReality.screen .feedback .feedback-item a.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiMythReality.screen .feedback .feedback-item a.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiMythReality.screen .feedback .feedback-item a.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiMythReality.screen .feedback .feedback-item a.disabled:hover {
  background: #8B336F;
}
.SiMythReality.screen .feedback .feedback-item a:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.SiMythReality.screen .feedback .feedback-item a.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiMythReality.screen .feedback .feedback-item a.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiMythReality.screen .feedback .feedback-item a.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiMythReality.screen .feedback .feedback-item a.disabled:hover {
  background: #8B336F;
}
.SiMythReality.screen .feedback .feedback-item a:hover {
  color: #ffffff;
  background: #9454ad;
}
.SiMythReality.screen .feedback .feedback-item h2 {
  margin-top: 0;
}
.SiMythReality.screen .feedback .feedback-item:last-child p {
  margin: 0;
}
.SiMythReality.screen .feedback .feedback-item.visible {
  height: auto;
  overflow: visible;
}
.SiMythReality.screen .feedback .continue {
  display: none;
  height: 0;
  margin-top: 1em;
  overflow: hidden;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  transition: all 0.4s ease-out 0s;
  background: #8B336F;
}
.SiMythReality.screen .feedback .continue.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiMythReality.screen .feedback .continue.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiMythReality.screen .feedback .continue.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiMythReality.screen .feedback .continue.disabled:hover {
  background: #8B336F;
}
.SiMythReality.screen .feedback .continue:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.SiMythReality.screen .feedback .continue.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiMythReality.screen .feedback .continue.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiMythReality.screen .feedback .continue.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiMythReality.screen .feedback .continue.disabled:hover {
  background: #8B336F;
}
.SiMythReality.screen .feedback .continue:hover {
  color: #ffffff;
  background: #9454ad;
}
.SiMythReality.screen .feedback .continue.visible {
  height: auto;
  display: inline-block;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  overflow: visible;
}
.SiMythReality.screen .count {
  position: absolute;
  top: 70px;
  right: 15px;
  padding: 20px;
  color: white;
}
.SiMythReality.screen .console-buttons {
  width: 100%;
  max-width: 800px;
  min-width: 0;
  margin: 0 auto;
  position: relative;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  z-index: 3;
}
.SiMythReality.screen .console-buttons .control-buttons {
  position: relative;
  background-color: #ffffff;
  height: 100px;
  padding: 10px;
  margin-top: 20px;
  font-size: 1.25rem;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.4);
  z-index: 2;
  border-radius: 4px;
}
.SiMythReality.screen .console-buttons .correct-alert-box,
.SiMythReality.screen .console-buttons .wrong-alert-box {
  font-size: 0;
}
.SiMythReality.screen .console-buttons .btn-group {
  display: block;
}
.SiMythReality.screen .console-buttons .btn {
  float: none;
}
.SiMythReality.screen .console-buttons .button-1 {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.SiMythReality.screen .console-buttons .button-2 {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.SiMythReality.screen .console-buttons .button-1,
.SiMythReality.screen .console-buttons .button-2 {
  box-shadow: none;
  height: 60px;
  width: 50%;
  position: absolute;
  margin: 0;
  padding: 0;
  outline: 0;
  background-color: #8B336F;
  line-height: 60px;
  transition: all 0.2s ease-out 0s;
}
.SiMythReality.screen .console-buttons .button-1:focus,
.SiMythReality.screen .console-buttons .button-2:focus,
.SiMythReality.screen .console-buttons .button-1:hover,
.SiMythReality.screen .console-buttons .button-2:hover {
  background-color: #9454ad;
}
.SiMythReality.screen .console-buttons .button-1.correct,
.SiMythReality.screen .console-buttons .button-2.correct,
.SiMythReality.screen .console-buttons .button-1.wrong,
.SiMythReality.screen .console-buttons .button-2.wrong {
  background-color: #8e8f90;
}
.SiMythReality.screen .console-buttons .button-1.selected,
.SiMythReality.screen .console-buttons .button-2.selected {
  background-color: #4a4a4a;
}
.SiMythReality.screen .console-buttons .button-1 {
  left: 0;
}
.SiMythReality.screen .console-buttons .button-2 {
  right: 0;
}
.SiMythReality.screen .progress-markers {
  background-color: #8B336F;
  padding-top: 25px;
  margin: 0;
  text-align: center;
  line-height: 2;
  margin-bottom: -1px;
}
.SiMythReality.screen .progress-markers li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  position: relative;
  top: 3px;
  width: 20px;
  height: 20px;
  background-color: #8c47ab;
  border-radius: 50%;
  margin-right: 5px;
  transition: all 0.2s ease-out 0s;
}
.SiMythReality.screen .progress-markers li.correct::before,
.SiMythReality.screen .progress-markers li.wrong::before {
  position: relative;
  top: -7px;
  font-family: 'fontello-saffron';
  font-size: 0.9rem;
  color: #ffffff;
}
.SiMythReality.screen .progress-markers li.correct {
  background-color: #7ab800;
}
.SiMythReality.screen .progress-markers li.correct::before {
  content: '\E80D';
}
.SiMythReality.screen .progress-markers li.started {
  background-color: #ffffff;
}
.SiMythReality.screen .progress-markers li.wrong {
  background-color: #e00034;
}
.SiMythReality.screen .progress-markers li.wrong::before {
  content: '\E80E';
}
.SiMythReality.screen .items {
  margin: 0;
  padding: 0;
}
.SiMythReality.screen .present {
  display: block;
}
.SiMythReality.screen .future,
.SiMythReality.screen .past {
  background-color: rgba(255, 255, 255, 0.2);
  display: none;
}
.SiMythReality.screen .end-screen {
  box-shadow: none;
  background-color: #DCDCDC;
}
.SiMythReality.screen .end-screen .end-feedback {
  margin-bottom: 30px;
}
.SiMythReality.screen .end-screen .end-feedback .default-feedback {
  display: none;
}
.SiMythReality.screen .end-screen .end-feedback .default-feedback.screen-title {
  height: 300px;
}
.SiMythReality.screen .end-screen .end-feedback .default-feedback.screen-title .icon-holder {
  display: table-cell;
  vertical-align: middle;
  width: 247px;
}
.SiMythReality.screen .end-screen .end-feedback .default-feedback.screen-title .star-rating {
  position: relative;
  width: 247px;
  font-size: 2.2em;
  justify-content: center;
  margin-top: 50px;
}
.SiMythReality.screen .end-screen .end-feedback .default-feedback.screen-title .star-rating .star {
  padding: 5px;
}
.SiMythReality.screen .end-screen .end-feedback .default-feedback.screen-title .star-rating .star::before {
  font-family: 'fontello-saffron';
  content: '\E811';
}
.SiMythReality.screen .end-screen .end-feedback .default-feedback.screen-title .back-stars {
  color: #bb5252;
  position: relative;
}
.SiMythReality.screen .end-screen .end-feedback .default-feedback.screen-title .back-stars .outline-star {
  font-size: 0;
}
.SiMythReality.screen .end-screen .end-feedback .default-feedback.screen-title .front-stars-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 115px;
  overflow: hidden;
}
.SiMythReality.screen .end-screen .end-feedback .default-feedback.screen-title .front-stars {
  display: block;
  width: 247px;
  position: absolute;
  color: #f1d609;
  font-size: 2.2em;
  overflow: hidden;
  top: 0;
}
.SiMythReality.screen .end-screen .end-feedback .default-feedback.visible {
  display: table;
}
.SiMythReality.screen .end-screen .end-feedback .default-feedback.visible .inner {
  text-align: left;
}
.SiMythReality.screen .end-screen .end-feedback .inner {
  text-align: center;
}
.SiMythReality.screen .end-screen .end-feedback .inner p {
  padding: 0;
}
.SiMythReality.screen .end-screen .review {
  width: 800px;
  margin: auto;
}
.SiMythReality.screen .end-screen .review .items {
  width: 100%;
}
.SiMythReality.screen .end-screen .review .items .question {
  background-color: #ffffff;
  margin-bottom: 10px;
  border-radius: 4px;
}
.SiMythReality.screen .end-screen .review .items .question .inner .inline-feedback {
  padding: 10px;
}
.SiMythReality.screen .end-screen .review .items .question .inner .answer-wrapper .question-feedback-title {
  background-color: #8B336F;
  color: #ffffff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}
.SiMythReality.screen .end-screen .review .items .question .inner .answer-wrapper .answer-type {
  width: 100%;
  padding: 20px;
}
.SiMythReality.screen .end-screen .review .items .question .inner .answer-wrapper .answer-type .option {
  display: inline-block;
  width: 49%;
  color: #8e8f90;
  padding: 10px;
  border: 1px solid #8e8f90;
  min-height: 52px;
}
.SiMythReality.screen .end-screen .review .items .question .inner .answer-wrapper .answer-type .option.selected {
  background-color: #DCDCDC;
  color: #4a4a4a;
}
.SiMythReality.screen .end-screen .review .items .question .inner .answer-wrapper .answer-type .option.right-option {
  margin-left: 10px;
}
.SiMythReality.screen .end-screen .review .items .question .inner .answer-wrapper .answer-type .option span {
  display: inline-block;
  width: 85%;
  text-align: center;
  vertical-align: middle;
}
.SiMythReality.screen .end-screen .review .items .question .inner .answer-wrapper .answer-type .icon {
  margin-left: 10px;
  display: inline-block;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.SiMythReality.screen .end-screen .review .items .question .inner .answer-wrapper .answer-type .icon.visible {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.SiMythReality.screen .end-screen .review .items .question .inner .answer-wrapper .answer-type .icon .icon-ok {
  display: none;
  color: #ffffff;
  background-color: #7ab800;
  border-radius: 50%;
  padding: 4px;
}
.SiMythReality.screen .end-screen .review .items .question .inner .answer-wrapper .answer-type .icon .icon-ok::before {
  content: '\E80D';
  margin-left: 2px;
}
.SiMythReality.screen .end-screen .review .items .question .inner .answer-wrapper .answer-type .icon .icon-cancel {
  display: none;
  color: #ffffff;
  background-color: #e00034;
  border-radius: 50%;
  padding: 4px;
}
.SiMythReality.screen .end-screen .review .items .question .inner .answer-wrapper .answer-type .icon .icon-cancel::before {
  content: '\E80E';
  margin-left: 3px;
}
.SiMythReality.screen .end-screen .review .items .question .inner .answer-wrapper .item-title {
  width: 100%;
  display: table;
  position: relative;
}
.SiMythReality.screen .end-screen .review .items .question .inner .answer-wrapper .item-title .number-wrapper,
.SiMythReality.screen .end-screen .review .items .question .inner .answer-wrapper .item-title .question-title {
  display: table-cell;
  vertical-align: middle;
  padding: 20px;
}
.SiMythReality.screen .end-screen .review .items .question .inner .answer-wrapper .item-title .number-wrapper {
  width: 5%;
}
.SiMythReality.screen .end-screen .review .items .question .inner .answer-wrapper .item-title .question-title {
  width: 90%;
}
.SiMythReality.screen .end-screen .review .items .question .inner .answer-wrapper .item-title .triangle::before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  margin-top: -40px;
  margin-left: -20px;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 60px solid rgba(0, 0, 0, 0.5);
}
.SiMythReality.screen .end-screen .review .items .question .inner .answer-wrapper .item-title .question-number {
  position: relative;
  z-index: 2;
}
.SiMythReality.screen .end-screen .review .items .question .inner p {
  padding: 0;
  margin: 0;
}
.SiMythReality.screen .end-screen .review .items .question .inner p a {
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  transition: all 0.4s ease-out 0s;
  background: #8B336F;
  margin-top: 10px;
}
.SiMythReality.screen .end-screen .review .items .question .inner p a.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiMythReality.screen .end-screen .review .items .question .inner p a.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiMythReality.screen .end-screen .review .items .question .inner p a.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiMythReality.screen .end-screen .review .items .question .inner p a.disabled:hover {
  background: #8B336F;
}
.SiMythReality.screen .end-screen .review .items .question .inner p a:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.SiMythReality.screen .end-screen .review .items .question .inner p a.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiMythReality.screen .end-screen .review .items .question .inner p a.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiMythReality.screen .end-screen .review .items .question .inner p a.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiMythReality.screen .end-screen .review .items .question .inner p a.disabled:hover {
  background: #8B336F;
}
.SiMythReality.screen .end-screen .review .items .question .inner p a:hover {
  color: #ffffff;
  background: #9454ad;
}
.SiMythReality.screen .end-screen .review .items .question.correct .inner .answer-wrapper .answer-type .icon .icon-ok {
  display: inline-block;
}
.SiMythReality.screen .end-screen .review .items .question.wrong .inner .answer-wrapper .answer-type .icon .icon-cancel {
  display: inline-block;
}
.SiMythReality.screen .end-screen .review .button-holder {
  padding-bottom: 20px;
  text-align: center;
}
.SiMythReality.screen .end-screen .review .button-holder .end-screen-button {
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  transition: all 0.4s ease-out 0s;
  background: #8B336F;
}
.SiMythReality.screen .end-screen .review .button-holder .end-screen-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiMythReality.screen .end-screen .review .button-holder .end-screen-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiMythReality.screen .end-screen .review .button-holder .end-screen-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiMythReality.screen .end-screen .review .button-holder .end-screen-button.disabled:hover {
  background: #8B336F;
}
.SiMythReality.screen .end-screen .review .button-holder .end-screen-button:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.SiMythReality.screen .end-screen .review .button-holder .end-screen-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiMythReality.screen .end-screen .review .button-holder .end-screen-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiMythReality.screen .end-screen .review .button-holder .end-screen-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiMythReality.screen .end-screen .review .button-holder .end-screen-button.disabled:hover {
  background: #8B336F;
}
.SiMythReality.screen .end-screen .review .button-holder .end-screen-button:hover {
  color: #ffffff;
  background: #9454ad;
}
.SiGameQuickFire.screen {
  background: green;
  height: 90%;
}
.SiGameQuickFire.screen .screen-wrapper {
  max-width: 100%;
  height: 100%;
}
.SiGameQuickFire.screen .content,
.SiGameQuickFire.screen .content .game-screen {
  border: 1px solid blue;
  background: none;
  height: 100%;
  position: relative;
}
.SiGameQuickFire.screen .content .start-screen {
  border: 1px solid blue;
  background: white;
}
.SiGameQuickFire.screen .console-buttons {
  position: relative;
  bottom: 100px;
  left: 0;
  height: 100px;
  border: 1px solid gainsboro;
}
.SiGameQuickFire.screen .game-screen .game-wrapper {
  border: 1px solid purple;
  width: 100%;
  height: 100%;
  position: relative;
}
.SiGameQuickFire.screen .game-screen .items {
  border: 1px solid orange;
  position: relative;
  padding: 0;
  top: 0px;
  list-style: none;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  font-size: xx-large;
  perspective: 2200px;
}
.SiGameQuickFire.screen .game-screen .items .item {
  padding: 0;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 15%;
  left: calc(1% - (300px * 0.5));
  width: 300px;
  height: 400px;
  text-align: center;
  background: none;
  perspective: 2200px;
  font-size: 5.9vw;
  box-shadow: none !important;
  transition: top 2s ease-in-out left 1.5s ease-in-out rotateY 2s ease-in-out translateZ 2s ease-in-out;
  z-index: 1;
  transform: rotateY(20deg) translateZ(-500px);
}
.SiGameQuickFire.screen .game-screen .items .item .front,
.SiGameQuickFire.screen .game-screen .items .item .back {
  padding: 2em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  text-align: left;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: all 1.4s;
  width: 300px;
  height: 400px;
  overflow: hidden;
  box-shadow: 0px 10px 10px -3px rgba(0, 0, 0, 0.5);
}
.SiGameQuickFire.screen .game-screen .items .item .front {
  background: teal;
}
.SiGameQuickFire.screen .game-screen .items .item .back {
  background: grey;
}
.SiGameQuickFire.screen .game-screen .items .item .back {
  transform: rotateY(-180deg);
}
.SiGameQuickFire.screen .game-screen .items .item.flipped .back {
  transform: rotateY(0deg);
}
.SiGameQuickFire.screen .game-screen .items .item.flipped .front {
  transform: rotateY(180deg);
}
.SiGameQuickFire.screen .game-screen .items .item.present {
  top: 10%;
  left: calc(50% - (300px * 0.5));
  box-shadow: none;
  z-index: 50;
  transform: rotateY(0deg) translateZ(0px);
}
.SiGameQuickFire.screen .game-screen .items .item.present ~ .item {
  z-index: 1;
  top: 15%;
  left: calc(100% - (300px * 0.5));
  box-shadow: none;
  transform: rotateY(0deg) translateZ(0px);
}
.SiGameQuickFire.screen .game-screen .items .item .inner {
  display: block;
  padding: 60px 40px;
  text-align: center;
  font-size: x-large;
}
.SiGameQuickFire.screen .game-screen .items .item .inner .icon {
  float: right;
  width: 20px;
  height: 20px;
}
.SiGameQuickFire.screen .game-screen .items .item .inner .icon .icon-content {
  position: relative;
  left: 0;
  top: 0;
}
.SiGameQuickFire.screen .game-screen .items .item .inner .icon .icon-ok {
  display: none;
}
.SiGameQuickFire.screen .game-screen .items .item .inner .icon .icon-cancel {
  display: none;
}
.SiGameQuickFire.screen .game-screen .items .item.correct .icon .icon-ok {
  display: inline-block;
}
.SiGameQuickFire.screen .game-screen .items .item.wrong .icon .icon-cancel {
  display: inline-block;
}
.SiAccordion .content {
  padding-top: 0;
}
.SiAccordion .item {
  width: 100%;
  margin-top: 5px;
  border: 2px solid #02a6cd;
  border-radius: 3px;
}
.SiAccordion .item.viewed {
  background-color: #DCDCDC;
}
.SiAccordion .item .item-heading {
  cursor: pointer;
  margin: 0;
  padding: 20px;
  transition: all 0.2s ease-in-out 0s;
}
.SiAccordion .item .item-heading:active,
.SiAccordion .item .item-heading:hover {
  color: #ffffff;
  background-color: #02a6cd;
}
.SiAccordion .item .item-heading:active::after,
.SiAccordion .item .item-heading:hover::after {
  -webkit-transform: translate(0, 1px);
  -moz-transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  -o-transform: translate(0, 1px);
}
.SiAccordion .item .item-heading::after {
  float: right;
  content: '\E802';
  font-family: 'fontello-saffron';
  transition: all 0.2s ease-in-out 0s;
}
.SiAccordion .item .item-content {
  height: 0;
  overflow: hidden;
  background-color: #ffffff;
}
.SiAccordion .item .item-content .inner {
  padding: 20px;
}
.SiAccordion .item .item-content .inner p:last-child {
  margin: 0;
}
.SiAccordion .item.revealed .item-heading {
  color: #ffffff;
  background-color: #02a6cd;
}
.SiAccordion .item.revealed .item-heading::after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transition: transform 0.2s ease-in-out 0s;
}
.AccordionTabs .items {
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.4);
}
.AccordionTabs .items .item-wrapper {
  display: flex;
  border: 2px solid #02a6cd;
}
.AccordionTabs .items .item-wrapper .item {
  display: inline;
  height: 80px;
  vertical-align: top;
  background-color: #ffffff;
  color: #02a6cd;
  border: none;
  border-right: 2px solid #02a6cd;
  border-radius: 0;
  margin: 0;
  padding: 1em;
  text-align: center;
  outline: none;
  cursor: pointer;
}
.AccordionTabs .items .item-wrapper .item:last-child {
  border-right: none;
}
.AccordionTabs .items .item-wrapper .item.viewed {
  color: #02a6cd;
  background: #ffffff;
}
.AccordionTabs .items .item-wrapper .item.revealed {
  cursor: default;
  border-right: none;
  color: #f9f9f9;
  background-color: #02a6cd;
}
.AccordionTabs .items .item-wrapper .item.revealed:hover {
  color: #02a6cd;
  background-color: #f9f9f9;
}
.AccordionTabs .items .item-wrapper .item:hover {
  color: #f9f9f9;
  background-color: #06bde8;
}
.AccordionTabs .items .item-wrapper .item:hover::after {
  -webkit-transform: translate(0px, 1px);
  -moz-transform: translate(0px, 1px);
  -ms-transform: translate(0px, 1px);
  -o-transform: translate(0px, 1px);
}
.AccordionTabs .items .content-wrapper {
  padding: 1.5em 2em;
  background: #ffffff;
}
.AccordionTabs .items .content-wrapper .item-content {
  display: none;
}
.AccordionTabs .items .content-wrapper .item-content.revealed {
  display: block;
}
.SiScenarioStory .screen-wrapper {
  max-width: 100%;
}
.SiScenarioStory .screen-wrapper .content {
  padding: 0;
}
.SiScenarioStory .story {
  width: 100%;
  min-height: 500px;
  height: 918px;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px 0;
}
.SiScenarioStory .text-wrapper {
  width: inherit;
  display: block;
  margin: 0 auto;
  max-width: 1024px;
}
.SiScenarioStory .story-text {
  padding: 30px;
}
.SiScenarioStory .story-text.last-arrow .continue-button {
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  transition: all 0.4s ease-out 0s;
  background: #8B336F;
  display: inline-block;
  transition: 0.1s all ease-Out 0s;
}
.SiScenarioStory .story-text.last-arrow .continue-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiScenarioStory .story-text.last-arrow .continue-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiScenarioStory .story-text.last-arrow .continue-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiScenarioStory .story-text.last-arrow .continue-button.disabled:hover {
  background: #8B336F;
}
.SiScenarioStory .story-text.last-arrow .continue-button:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.SiScenarioStory .story-text.last-arrow .continue-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiScenarioStory .story-text.last-arrow .continue-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiScenarioStory .story-text.last-arrow .continue-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiScenarioStory .story-text.last-arrow .continue-button.disabled:hover {
  background: #8B336F;
}
.SiScenarioStory .story-text.last-arrow .continue-button:hover {
  color: #ffffff;
  background: #9454ad;
}
.SiScenarioStory .story-text .continue-button {
  display: none;
}
.SiScenarioStory .arrow-container {
  text-align: center;
}
.SiScenarioStory .arrow-container .last-arrow {
  display: none;
}
.TimelineScenarioStory .story {
  min-height: auto;
  height: auto;
}
.TimelineScenarioStory .story-text {
  padding: 10px;
}
.TimelineScenarioStory .story-text.last-arrow .continue-button {
  display: inline-block;
  transition: 0.1s all ease-Out 0s;
}
.TimelineScenarioStory .story-text .continue-button {
  display: none;
}
.SiBanner .screen-wrapper {
  max-width: 100%;
}
.SiBanner .screen-wrapper .content {
  padding: 0;
}
.SiBanner .banner-wrapper {
  height: 300px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  color: #ffffff;
}
.SiBanner .banner-wrapper .title {
  text-shadow: 4px 1px 0 rgba(0, 0, 0, 0.5);
  padding-top: 100px;
  font-size: 3em;
}
.SiBanner .banner-wrapper .text {
  font-size: 1.5em;
}
.SiVideoPlayer {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.SiVideoPlayer.screen {
  height: 100%;
  min-width: 100%;
}
.SiVideoPlayer .screen-wrapper {
  height: 100%;
  max-width: 100%;
  background: none;
  overflow: hidden;
  margin-top: 0;
}
.SiVideoPlayer .screen-wrapper .content {
  height: 100%;
  max-width: 100%;
  padding: 0;
}
.SiVideoPlayer .video-content {
  width: 100%;
  height: calc(100% - 110px);
  position: fixed;
  top: 70px;
  right: 0;
  bottom: 0;
  left: 0;
}
.SiVideoPlayer .screen-wrapper .content .panel .text a {
  margin-top: 20px;
}
.SiVideoPlayer .instruction-wrapper {
  width: 100%;
  position: fixed;
  display: inline-block;
  top: 20px;
  margin: 0 auto;
  text-align: center;
}
.SiVideoPlayer .full-screen-instruction {
  width: 300px;
  font-size: 1em;
  padding: 15px;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: -1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  transition: 0.3s ease-out;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  border-radius: 5px;
  margin: 0 auto;
}
.SiVideoPlayer .full-screen-instruction span {
  position: relative;
  display: inline;
  border: 1px solid #ffffff;
  padding: 5px;
  border-radius: 3px;
}
.SiVideoPlayer .full-screen-instruction.active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  z-index: 999;
}
.SiVideoPlayer .SaffronVideoPlayer {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.SiVideoPlayer .SaffronVideoPlayer .overlay.button {
  width: 100%;
  height: calc(100% - 40px);
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  cursor: pointer;
}
.SiVideoPlayer .SaffronVideoPlayer video {
  z-index: 9;
}
.SiVideoPlayer .SaffronVideoPlayer .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  cursor: pointer;
  padding: 0;
  background: none;
  z-index: 11;
}
.SiVideoPlayer .SaffronVideoPlayer .overlay .button-holder {
  position: absolute;
  top: 50%;
  text-align: center;
  width: 100%;
}
.SiVideoPlayer .SaffronVideoPlayer .overlay .next-button,
.SiVideoPlayer .SaffronVideoPlayer .overlay .replay-button {
  display: inline-block;
  border-radius: 4px;
  font-size: 1.5em;
}
.SiVideoPlayer .SaffronVideoPlayer .overlay .next-button::before,
.SiVideoPlayer .SaffronVideoPlayer .overlay .replay-button::before {
  font-family: 'fontello-saffron';
  padding-right: 10px;
}
.SiVideoPlayer .SaffronVideoPlayer .overlay .replay-button {
  background: black;
}
.SiVideoPlayer .SaffronVideoPlayer .overlay .replay-button:focus,
.SiVideoPlayer .SaffronVideoPlayer .overlay .replay-button:hover {
  background: #353434;
}
.SiVideoPlayer .SaffronVideoPlayer .overlay .replay-button::before {
  content: '\E815';
}
.SiVideoPlayer .SaffronVideoPlayer .overlay .next-button {
  background: #8B336F;
}
.SiVideoPlayer .SaffronVideoPlayer .overlay .next-button::before {
  content: '\E806';
}
.SiVideoPlayer .SaffronVideoPlayer .overlay .next-button:focus,
.SiVideoPlayer .SaffronVideoPlayer .overlay .next-button:hover {
  background-color: #9454ad;
}
.SiVideoPlayer .SaffronVideoPlayer .overlay.play,
.SiVideoPlayer .SaffronVideoPlayer .overlay.replay {
  background: rgba(0, 0, 0, 0.4);
  top: 40%;
}
.SiVideoPlayer .SaffronVideoPlayer .overlay.play {
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
  top: 0;
}
.SiVideoPlayer .SaffronVideoPlayer .overlay.play.hidden {
  display: none;
}
.SiVideoPlayer .SaffronVideoPlayer .overlay.play.over {
  background: rgba(0, 0, 0, 0.3) !important;
}
.SiVideoPlayer .SaffronVideoPlayer .overlay.replay .big-play::before {
  display: none;
}
.SiVideoPlayer .SaffronVideoPlayer .overlay:focus,
.SiVideoPlayer .SaffronVideoPlayer .overlay:hover {
  outline: none;
}
.SiVideoPlayer .SaffronVideoPlayer .overlay:focus .big-play,
.SiVideoPlayer .SaffronVideoPlayer .overlay:hover .big-play {
  color: #9454ad;
}
.SiVideoPlayer .SaffronVideoPlayer .big-play {
  width: 100%;
  height: 100%;
  font-size: 35vh;
  border-radius: 50%;
  color: #8B336F;
}
.SiVideoPlayer .SaffronVideoPlayer .big-play:before {
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  margin: 0;
}
.SiVideoPlayer .SaffronVideoPlayer .control-item {
  height: 100%;
  min-width: 40px;
  display: inline-block;
  text-align: center;
}
.SiVideoPlayer .SaffronVideoPlayer .control-item .button {
  display: inline-block;
}
.SiVideoPlayer .SaffronVideoPlayer .timeline {
  text-align: left;
  padding: 0;
}
.SiVideoPlayer .SaffronVideoPlayer .timeline .bar-area {
  position: relative;
  width: 100%;
  display: inline-block;
  height: 10px;
}
.SiVideoPlayer .SaffronVideoPlayer .timeline .bar-area .bar {
  position: absolute;
  height: 100%;
  border-radius: 10px;
}
.SiVideoPlayer .SaffronVideoPlayer .timeline .bar-area .loaded-time {
  width: 100%;
  background: rgba(0, 0, 0, 0.15);
}
.SiVideoPlayer .SaffronVideoPlayer .timeline .bar-area .total-time {
  width: 100%;
  background: #ffffff;
}
.SiVideoPlayer .SaffronVideoPlayer .timeline .bar-area .current-time {
  width: 5px;
  background: #9454ad;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel {
  width: 100%;
  height: 40px;
  position: fixed;
  bottom: 0;
  background: #4a4a4a;
  line-height: 40px;
  padding: 0;
  color: #ffffff;
  font-weight: bold;
  z-index: 12;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel.transcript-active {
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.4);
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel *:before {
  font-family: 'fontello-saffron';
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .left-group {
  display: inline-block;
  padding: 0;
  position: relative;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .center-group {
  display: inline-block;
  position: relative;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .center-group:hover .bar-area .bar .handle .tooltip {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .center-group .control-item .bar-area {
  cursor: pointer;
  border-radius: 0px;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .center-group .control-item .bar-area .bar {
  border-radius: 0px;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .center-group .control-item .bar-area .bar .handle {
  right: -4px;
  width: 4px;
  background: #ffffff;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .center-group .control-item .bar-area .bar .handle .tooltip {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .right-group {
  display: inline-block !important;
  position: relative;
  padding: 0;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .right-group .full-screen-button {
  min-width: 36px;
  float: right;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .right-group .full-screen-button::before {
  content: '\E805';
  cursor: pointer;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .play .play-button {
  min-width: 50px;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .play .play-button.replay::before {
  content: '\E815';
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .play .play-button:before {
  content: '\E804';
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .play .pause-button {
  min-width: 50px;
  display: none;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .play .pause-button:before {
  content: '\E808';
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .time-display {
  min-width: 111px;
  display: inline-block;
  font-weight: 100;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .transcript {
  height: 100%;
  display: inline-block;
  float: right;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .transcript .button {
  position: relative;
  top: 1px;
  width: 40px;
  height: 100%;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .transcript .button.hide {
  display: none;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .transcript .button::before {
  top: 1px;
  left: 12px;
  font-size: 1.25em;
  content: '\E816';
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .transcript .hide-button {
  display: none;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .button {
  background: none;
  padding: 0 10px;
  line-height: 40px;
  color: #ffffff;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .button.over,
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .button:focus,
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .button:hover {
  background: none;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .tooltip {
  font-size: small;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .tooltip .tooltip-arrow {
  border-top-color: black;
}
.SiVideoPlayer .SaffronVideoPlayer .controls-panel .tooltip .tooltip-inner {
  padding: 5px 10px;
  background: black;
  color: #fff;
  box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.4);
  text-transform: none;
}
.SiVideoPlayer .SaffronVideoPlayer .pause {
  background: rgba(0, 0, 0, 0) !important;
}
.SiVideoPlayer .SaffronVideoPlayer .video-mask {
  z-index: 2;
  position: relative;
}
.SiVideoPlayer .SaffronVideoPlayer .transcript-holder {
  width: 100%;
  background: #ffffff;
  height: 160px;
  bottom: -120px;
  padding: 40px 60px;
  overflow-y: scroll;
  text-align: left;
  box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  outline: none;
  bottom: -200px;
  z-index: 5;
}
.SiVideoPlayer .SaffronVideoPlayer .transcript-holder.open-transcript {
  z-index: 11;
}
.video-mask {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.video-mask.active {
  display: block;
}
#scroller.open-transcript .SiVideoPlayer .SaffronVideoPlayer video {
  height: calc(100% - 250px);
}
#scroller.full-screen {
  position: fixed;
  top: 0 !important;
  width: 100%;
  height: 100% !important;
  background-color: black;
  z-index: 9999;
}
#scroller.full-screen.open-transcript .SiVideoPlayer .SaffronVideoPlayer video {
  height: calc(100% - 180px);
}
#scroller.full-screen .SiVideoPlayer .SaffronVideoPlayer .overlay {
  height: 100% !important;
}
#scroller.full-screen .SiVideoPlayer .SaffronVideoPlayer video {
  top: 0;
  height: calc(100% - 40px);
}
#scroller.full-screen .SiVideoPlayer .SaffronVideoPlayer .controls-panel {
  bottom: 0;
}
#scroller.full-screen .SiVideoPlayer .SaffronVideoPlayer .controls-panel .right-group .full-screen-button::before {
  content: '\E813';
}
@media (min-width: 992px) {
  .SiVideoPlayer .SaffronVideoPlayer .controls-panel .left-group {
    width: 4.2%;
  }
  .SiVideoPlayer .SaffronVideoPlayer .controls-panel .right-group {
    width: 7.66% !important;
  }
}
@media (min-width: 768px) {
  .SiVideoPlayer .SaffronVideoPlayer .controls-panel .left-group {
    width: 4.2%;
  }
  .SiVideoPlayer .SaffronVideoPlayer .controls-panel .right-group {
    width: 9.66% !important;
  }
}
.question-panel {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
  z-index: 20;
}
.question-panel .option-panel {
  width: 100%;
  display: table;
  border-spacing: 20px;
  table-layout: fixed;
}
.question-panel .question-text {
  color: #ffffff;
  text-align: center;
  font-size: x-large;
  padding: 15px;
}
.question-panel .question {
  display: table-cell;
  vertical-align: top;
  background: white;
  color: #717073;
  min-height: 100px;
  max-height: 250px;
  text-align: left;
  padding-right: 0;
  padding-left: 0;
  transition: all 0.2s ease-out 0s;
  margin-left: 30px;
  border-radius: 4px;
}
.question-panel .question.over,
.question-panel .question:focus {
  cursor: pointer;
  background: #9454ad;
  color: white;
}
.question-panel .question.disabled {
  background: #eee;
  color: #777;
  cursor: pointer;
}
.question-panel .question.disabled.over,
.question-panel .question.disabled:focus {
  transform: translate(0, 0);
  cursor: pointer;
}
.question-panel .question.locked {
  cursor: default;
}
.question-panel .question.locked.over,
.question-panel .question.locked:focus {
  cursor: default;
}
.question-panel .question .header {
  position: relative;
  width: 100%;
  height: 20px;
}
.question-panel .question .header.option-disabled {
  background-color: #eee;
}
.question-panel .question .option-text {
  padding: 30px 25px;
  min-height: 55px;
}
.question-panel .question .option-text h4 {
  margin-top: 0;
}
.question-panel .question .option-text span {
  border: none;
}
.si-container .AutoStartJunction.screen .screen-wrapper {
  max-width: 100%;
}
.SiVideoPlayer.SiVideoInteraction .SaffronVideoPlayer .overlay .button-holder {
  left: calc((100% - 150px)/2);
}
.SiVideoPlayer.SiVideoInteraction .SaffronVideoPlayer .overlay.play {
  background: rgba(0, 0, 0, 0.5);
}
.SiVideoPlayer.SiVideoInteraction .SaffronVideoPlayer .overlay.play.over {
  background: rgba(0, 0, 0, 0.5);
}
.VideoTextImage {
  background-color: white;
}
.VideoTextImage .block-title {
  display: none;
}
.SiVideoPlayer.video-frame {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
}
.SiVideoPlayer.video-frame.active {
  z-index: 9999;
}
.SiVideoPlayer.video-frame .screen-wrapper video {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  visibility: visible !important;
  opacity: 1 !important;
}
.SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer {
  width: 800px;
  height: 450px;
  margin: 30px auto;
  top: 0;
}
.SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer .transcript-holder {
  left: 0;
}
.SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer .big-play {
  font-size: 200px;
}
.SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer .big-play::before {
  width: 200px;
  height: 200px;
  top: 50%;
  left: calc(50% - 100px);
}
.SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer .overlay .button-holder {
  top: 35%;
  left: calc((100% - 160px)/2);
}
.SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer .controls-panel {
  bottom: 0;
  position: absolute;
}
.SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer .controls-panel .button {
  margin-top: 0;
}
#scroller.open-transcript .SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer .big-play {
  font-size: 140px;
}
#scroller.open-transcript .SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer .big-play::before {
  top: calc(50% - 80px);
}
#scroller.open-transcript .SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer .overlay .button-holder {
  top: 17%;
}
#scroller.open-transcript .SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer video {
  height: 240px;
}
#scroller.full-screen .SiBanner {
  display: none;
}
#scroller.full-screen .TextColumns {
  display: none;
}
#scroller.full-screen .VideoTextImage {
  background-color: transparent;
}
#scroller.full-screen .panel {
  background-color: transparent;
}
#scroller.full-screen.open-transcript .SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer video {
  top: 0 !important;
  height: calc(100% - 200px) !important;
}
#scroller.full-screen.open-transcript .SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer .overlay .button-holder {
  top: 40%;
}
#scroller.full-screen.open-transcript .SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer .transcript-holder.open-transcript {
  position: fixed;
}
#scroller.full-screen .SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer {
  width: 100%;
  height: 100%;
}
#scroller.full-screen .SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer .overlay {
  position: fixed;
}
#scroller.full-screen .SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer .controls-panel {
  position: fixed;
  left: 0;
}
#scroller.full-screen .SiVideoPlayer.video-frame .screen-wrapper video {
  position: fixed;
  width: 100% !important;
  top: 0 !important;
}
@media (min-width: 768px) {
  .SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer .controls-panel .right-group {
    width: 12.66% !important;
  }
}
@media (min-width: 992px) {
  .SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer .controls-panel .center-group {
    width: 76.333%;
  }
  .SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer .controls-panel .center-group .control-item {
    width: 76.333%;
  }
  .SiVideoPlayer.video-frame .screen-wrapper .SaffronVideoPlayer .controls-panel .center-group .time-display {
    width: 23.666667%;
  }
}
.SiCarousel {
  overflow: hidden;
}
.SiCarousel .screen-wrapper .content .carousel-heading {
  margin-bottom: 20px;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper {
  position: relative;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel {
  position: relative;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide {
  display: none;
  width: 100%;
  position: absolute;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide.visible {
  display: inline-block;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide.active {
  display: inline-block;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper {
  background: #fff;
  border: 1px solid #eee;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content {
  padding: 40px;
  margin: 0;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content h2 {
  margin-top: 0;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content {
  padding: 0;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .continue-button {
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  transition: all 0.4s ease-out 0s;
  background: #8B336F;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .continue-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .continue-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .continue-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .continue-button.disabled:hover {
  background: #8B336F;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .continue-button:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .continue-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .continue-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .continue-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .continue-button.disabled:hover {
  background: #8B336F;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content .content .continue-button:hover {
  color: #ffffff;
  background: #9454ad;
}
.SiCarousel .screen-wrapper .content .carousel-wrapper .saffron-carousel .slide .slide-content-wrapper .slide-content img {
  width: 100%;
}
.CardCarousel.screen .carousel-wrapper {
  position: relative;
  height: 600px;
  overflow: hidden;
}
.CardCarousel.screen .instruction,
.CardCarousel.screen .title {
  cursor: default;
  text-align: center;
}
.CardCarousel.screen .saffron-carousel {
  position: relative;
  z-index: 2;
}
.CardCarousel.screen .slide {
  position: absolute;
  width: 400px;
  box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  opacity: 1;
}
.CardCarousel.screen .slide .tint-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: 400px;
  background-color: black;
  overflow-y: hidden;
}
.CardCarousel.screen .slide .slide-content {
  cursor: default;
  width: inherit;
  height: 400px;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
  background-color: white;
}
.CardCarousel.screen .slide .slide-content::-webkit-scrollbar {
  display: none;
}
.CardCarousel.screen .slide .slide-content .description,
.CardCarousel.screen .slide .slide-content .title {
  padding: 10px;
}
.CardCarousel.screen .slide .slide-content img {
  width: inherit;
  height: 200px;
}
.CardCarousel.screen .slide.active {
  box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.3);
}
.CardCarousel.screen .carousel-controls {
  position: relative;
  width: 100%;
  height: 400px;
  margin: 0 auto;
}
.CardCarousel.screen .carousel-controls .next-button,
.CardCarousel.screen .carousel-controls .previous-button {
  position: absolute;
  top: 40%;
}
.CardCarousel.screen .carousel-controls .next-button {
  right: 0;
}
.admin-page h1 {
  padding-left: 20px;
}
.admin-page .admin-block,
.admin-page .event-viewer-block,
.admin-page .image-block,
.admin-page .info-block {
  width: 100%;
  overflow: scroll !important;
}
.admin-page .admin-block #reset-upto-page,
.admin-page .event-viewer-block #reset-upto-page,
.admin-page .image-block #reset-upto-page,
.admin-page .info-block #reset-upto-page {
  margin-top: 15px;
}
.admin-page .admin-block .reset,
.admin-page .event-viewer-block .reset,
.admin-page .image-block .reset,
.admin-page .info-block .reset {
  cursor: pointer;
  display: inline;
  padding: 8px 16px;
  color: white;
  background: #02a6cd;
}
.admin-page .admin-block .reset:hover,
.admin-page .event-viewer-block .reset:hover,
.admin-page .image-block .reset:hover,
.admin-page .info-block .reset:hover {
  background-color: #0a809c;
}
.admin-page .admin-block thead,
.admin-page .event-viewer-block thead,
.admin-page .image-block thead,
.admin-page .info-block thead {
  top: 0;
  left: 0;
  color: white;
  background: #333;
}
.admin-page .admin-block td,
.admin-page .event-viewer-block td,
.admin-page .image-block td,
.admin-page .info-block td,
.admin-page .admin-block th,
.admin-page .event-viewer-block th,
.admin-page .image-block th,
.admin-page .info-block th {
  padding: 0.7em 1em;
  text-align: center;
  vertical-align: top;
}
.admin-page .admin-block tr,
.admin-page .event-viewer-block tr,
.admin-page .image-block tr,
.admin-page .info-block tr {
  border: 1px solid rgba(0, 0, 0, 0.055);
}
.admin-page .admin-block tr.image-warning,
.admin-page .event-viewer-block tr.image-warning,
.admin-page .image-block tr.image-warning,
.admin-page .info-block tr.image-warning {
  background-color: rgba(255, 0, 0, 0.4);
}
.admin-page .admin-block td,
.admin-page .event-viewer-block td,
.admin-page .image-block td,
.admin-page .info-block td {
  padding: 0.7em 1em;
}
.admin-page .admin-block .Completed,
.admin-page .event-viewer-block .Completed,
.admin-page .image-block .Completed,
.admin-page .info-block .Completed {
  background: #B3FEB3;
}
.admin-page .admin-block .Unavailable,
.admin-page .event-viewer-block .Unavailable,
.admin-page .image-block .Unavailable,
.admin-page .info-block .Unavailable {
  background: #eee;
}
.admin-page .admin-block .Started,
.admin-page .event-viewer-block .Started,
.admin-page .image-block .Started,
.admin-page .info-block .Started {
  background: #F8F0C7;
}
.admin-page .admin-block .Failed,
.admin-page .event-viewer-block .Failed,
.admin-page .image-block .Failed,
.admin-page .info-block .Failed {
  background: #FEB3B9;
}
.admin-page .admin-block .Passed,
.admin-page .event-viewer-block .Passed,
.admin-page .image-block .Passed,
.admin-page .info-block .Passed {
  background: #57CF00;
}
.admin-page .admin-block .Locked,
.admin-page .event-viewer-block .Locked,
.admin-page .image-block .Locked,
.admin-page .info-block .Locked {
  background: #666;
}
.admin-page .admin-block .Junction,
.admin-page .event-viewer-block .Junction,
.admin-page .image-block .Junction,
.admin-page .info-block .Junction {
  border-left: 10px solid #333;
}
.admin-page .admin-block .jump-to-page,
.admin-page .event-viewer-block .jump-to-page,
.admin-page .image-block .jump-to-page,
.admin-page .info-block .jump-to-page {
  cursor: pointer;
  text-decoration: underline;
}
.admin-page .info-block td,
.admin-page .info-block th {
  text-align: left;
}
.admin-page .event-viewer-block td,
.admin-page .event-viewer-block th {
  text-align: left;
}
.admin-page .event-viewer-block td {
  padding: 0;
}
.admin-page .event-viewer-block .event {
  margin: 1px;
  padding: 0.5em;
  background-color: lightgrey;
}
.admin-page .event-viewer-block .event .name {
  font-weight: bold;
}
.admin-page .event-viewer-block .event p {
  margin: 5px;
}
.admin-page .event-viewer-block .event .listeners {
  font-size: 0.8em;
  color: grey;
}
.admin-page #contentTable thead {
  text-align: left;
  padding-bottom: 20px;
  background: #333;
  color: white;
}
.admin-page #contentTable thead th {
  padding: 5px 10px;
  vertical-align: middle;
}
.admin-page #contentTable tbody tr {
  background: #eee;
}
.admin-page .image-wrapper .image-size {
  padding: 10px 10px 10px 50px;
  font-weight: bold;
}
.admin-page .btn-wrapper {
  padding-bottom: 20px;
}
.review h1,
.review h2,
.review h3,
.review h4,
.review h5,
.review ul,
.review ol,
.review li,
.review p {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.review h1:before,
.review h2:before,
.review h3:before,
.review h4:before,
.review h5:before,
.review h6:before,
.review p:before,
.review ul:before,
.review ol:before,
.review li:before {
  position: absolute;
  top: 0;
  left: -30px;
  background: rgba(0, 0, 0, 0.7);
  line-height: 30px;
  color: white;
  width: 30px;
  height: 30px;
  text-align: center;
  pointer-events: none;
  font-size: small;
}
.review h1:before {
  content: "h1";
}
.review h2:before {
  content: "h2";
}
.review h3:before {
  content: "h3";
}
.review h4:before {
  content: "h4";
}
.review h5:before {
  content: "h5";
}
.review h6:before {
  content: "h6";
}
.review ul:before {
  content: "ul";
}
.review ol:before {
  content: "ol";
}
.review li:before {
  content: "li";
}
.review p:before {
  content: "p";
}
.aria-hidden {
  text-indent: -9999px;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  word-wrap: break-word;
}
.progress-dots-container ul {
  padding: 0;
  margin: 0;
}
.progress-dots-container li {
  position: relative;
  margin: 0.1em;
  padding: 1em;
  list-style-type: none;
  text-align: center;
}
.progress-dots-container.flex ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.progress-dots-container.flex li {
  display: flex;
}
.progress-dots-container.table {
  margin: 0;
}
.progress-dots-container.table ul {
  display: table;
  margin: 0 auto;
}
.progress-dots-container.table li {
  display: inline-block;
  vertical-align: middle;
}
.progress-dots-container .progress-dots .dot-button {
  width: 30px;
  height: 30px;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transition: all 0.3s ease-out;
}
.progress-dots-container .progress-dots .dot-button::before {
  position: relative;
  top: 4px;
  font-size: 1em;
  font-family: 'fontello-saffron';
  content: "\F10C";
}
.progress-dots-container .progress-dots .dot-button.clickable {
  cursor: pointer;
}
.progress-dots-container .progress-dots .dot-button.over {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.progress-dots-container .progress-dots .dot-button.active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.progress-dots-container .progress-dots .dot-button.viewed::before {
  font-family: 'fontello-saffron';
  content: '\F111';
}
.progress-dots-container .progress-dots .dot-button.viewed.active::before {
  font-family: 'fontello-saffron';
  content: "\F10C";
}
.progress-dots-container .progress-dots .next-button,
.progress-dots-container .progress-dots .previous-button {
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  transition: all 0.4s ease-out 0s;
  background: #8B336F;
}
.progress-dots-container .progress-dots .next-button.arrow,
.progress-dots-container .progress-dots .previous-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.progress-dots-container .progress-dots .next-button.arrow:before,
.progress-dots-container .progress-dots .previous-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.progress-dots-container .progress-dots .next-button.disabled,
.progress-dots-container .progress-dots .previous-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.progress-dots-container .progress-dots .next-button.disabled:hover,
.progress-dots-container .progress-dots .previous-button.disabled:hover {
  background: #8B336F;
}
.progress-dots-container .progress-dots .next-button:hover,
.progress-dots-container .progress-dots .previous-button:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.progress-dots-container .progress-dots .next-button.arrow,
.progress-dots-container .progress-dots .previous-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.progress-dots-container .progress-dots .next-button.arrow:before,
.progress-dots-container .progress-dots .previous-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.progress-dots-container .progress-dots .next-button.disabled,
.progress-dots-container .progress-dots .previous-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.progress-dots-container .progress-dots .next-button.disabled:hover,
.progress-dots-container .progress-dots .previous-button.disabled:hover {
  background: #8B336F;
}
.progress-dots-container .progress-dots .next-button:hover,
.progress-dots-container .progress-dots .previous-button:hover {
  color: #ffffff;
  background: #9454ad;
}
.progress-dots-container .progress-dots .next-button::before,
.progress-dots-container .progress-dots .previous-button::before {
  font-family: 'fontello-saffron';
  font-size: 1.45em;
}
.progress-dots-container .progress-dots .previous-button::before {
  content: '\E80B';
}
.progress-dots-container .progress-dots .next-button::before {
  content: '\E810';
}
#portrait-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #8B336F;
  text-align: center;
  color: white;
  z-index: 1050;
  display: flex;
  align-items: center;
  justify-content: center;
}
#portrait-overlay .title-wrapper .overlay-title {
  display: inline-block;
  font-size: xx-large;
  font-weight: bold;
  text-transform: uppercase;
}
#portrait-overlay .title-wrapper .overlay-title:before {
  content: url("../../custom/images/screen_rotation.png");
  display: block;
}
#portrait-overlay .overlay-message {
  width: 100%;
  font-size: large;
}
/*******************
// 0887TURT files
********************/
/* animations */
@-webkit-keyframes main {
  0% {
    -webkit-transform: scaleX(0);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}
@-webkit-keyframes edge {
  0%,
  50% {
    -webkit-transform: scaleY(0);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}
@-webkit-keyframes back {
  0%,
  75% {
    -webkit-transform: scaleX(0);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}
@keyframes main {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes edge {
  0%,
  50% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes back {
  0%,
  75% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
.panel-box-shadow {
  box-shadow: -2px 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.button {
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
}
.orange-button {
  outline: none;
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  background-color: #eb8258;
  background: -o-linear-gradient(left, #eb8258 0%, #eb8258 60%);
}
.orange-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.orange-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.orange-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.orange-button.disabled:hover {
  background: #8B336F;
}
.orange-button:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.orange-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.orange-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.orange-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.orange-button.disabled:hover {
  background: #8B336F;
}
.orange-button:focus,
.orange-button.over,
.orange-button:hover {
  background-color: #eb8258;
  background: -o-linear-gradient(left, #eb8258 0%, #EBA966 60%);
  border: 2px solid rgba(0, 0, 0, 0.1);
}
.screen .action-button {
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  width: auto;
  margin: 0 10px;
  color: #52AA5E;
  background-color: #ffffff;
  border: 2px solid #52AA5E;
  text-decoration: none;
}
.screen .action-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.screen .action-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.screen .action-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.screen .action-button.disabled:hover {
  background: #8B336F;
}
.screen .action-button:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.screen .action-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.screen .action-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.screen .action-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.screen .action-button.disabled:hover {
  background: #8B336F;
}
.screen .action-button.over,
.screen .action-button:hover,
.screen .action-button:focus {
  color: #ffffff;
  background-color: #52AA5E;
  border-color: rgba(0, 0, 0, 0.1);
}
.screen .action-button.disabled:hover,
.screen .action-button.disabled:focus {
  color: #52AA5E;
  background-color: #ffffff;
}
body {
  font-family: SSPRegular;
  overflow-x: hidden;
  color: #01161E;
  background: #ffffff;
}
body h2,
body h3,
body h4 {
  font-family: RockRegular;
  color: #8B336F;
}
body h3 {
  font-size: 1.5rem;
}
.block-id {
  left: 0;
}
#scroller {
  z-index: 2;
}
.si-container .Junction.screen {
  overflow: auto;
}
.screen {
  min-width: 0;
}
.screen .screen-wrapper {
  max-width: 420px;
  margin: 0 auto;
}
.screen {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  min-height: 100%;
}
.screen-wrapper {
  width: 100%;
}
@media all and (-ms-high-contrast: none) {
  #scroller > .page {
    display: flex;
    flex-direction: column;
  }
}
.listbox:focus .activedescendant {
  outline: 1px dotted #999;
}
.char-counter {
  display: block;
  width: 100%;
  text-align: right;
  margin-top: 5px;
}
.background-image-container {
  background: #f1f0f5 !important;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f1f0f5 0%, #83cbde 39%, #51b2bb 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@font-face {
  font-family: 'fontello-saffron';
  src: url("../../base/fonts/icons/font/fontello.eot?31601844");
  src: url("../../base/fonts/icons/font/fontello.eot?31601844#iefix") format('embedded-opentype'), url("../../base/fonts/icons/font/fontello.woff?31601844") format('woff2'), url("../../base/fonts/icons/font/fontello.woff?31601844") format('woff'), url("../../base/fonts/icons/font/fontello.ttf?31601844") format('truetype'), url("../../base/fonts/icons/font/fontello.svg?31601844#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: SSPRegular;
  src: url('../../base/fonts/SourceSansPro-Regular.eot') format('embedded-opentype');
  src: url('../../base/fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../../base/fonts/SourceSansPro-Regular.ttf') format('truetype'), url('../../base/fonts/SourceSansPro-Regular.woff') format('woff2'), url('../../base/fonts/SourceSansPro-Regular.woff') format('woff');
}
@font-face {
  font-family: SSPBold;
  src: url('../../base/fonts/SourceSansPro-Bold.eot') format('embedded-opentype');
  src: url('../../base/fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'), url('../../base/fonts/SourceSansPro-Bold.ttf') format('truetype'), url('../../base/fonts/SourceSansPro-Bold.woff') format('woff2'), url('../../base/fonts/SourceSansPro-Bold.woff') format('woff');
}
@font-face {
  font-family: SSPItalic;
  src: url('../../base/fonts/SourceSansPro-Italic.eot') format('embedded-opentype');
  src: url('../../base/fonts/SourceSansPro-Italic.eot?#iefix') format('embedded-opentype'), url('../../base/fonts/SourceSansPro-Italic.ttf') format('truetype'), url('../../base/fonts/SourceSansPro-Italic.woff') format('woff2'), url('../../base/fonts/SourceSansPro-Italic.woff') format('woff');
}
@font-face {
  font-family: RockRegular;
  src: url('../../base/fonts/Rock.eot') format('embedded-opentype');
  src: url('../../base/fonts/Rock.eot?#iefix') format('embedded-opentype'), url('../../base/fonts/Rock.ttf') format('truetype'), url('../../base/fonts/Rock.woff') format('woff2'), url('../../base/fonts/Rock.woff') format('woff');
}
@font-face {
  font-family: RockBold;
  src: url('../../base/fonts/RockB.eot') format('embedded-opentype');
  src: url('../../base/fonts/RockB.eot?#iefix') format('embedded-opentype'), url('../../base/fonts/RockB.ttf') format('truetype'), url('../../base/fonts/RockB.woff') format('woff2'), url('../../base/fonts/RockB.woff') format('woff');
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'fontello-saffron';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}
.icon-left-open:before {
  content: '\E80B';
}
.icon-right-open:before {
  content: '\E810';
}
.icon-down-open:before {
  content: '\E802';
}
.icon-up-open:before {
  content: '\E803';
}
.icon-play:before {
  content: '\E804';
}
.icon-ok:before {
  content: '\E80D';
}
.icon-cancel:before {
  content: '\E80E';
}
.icon-stopwatch:before {
  content: '\E821';
}
.icon-info:before {
  content: '\F129';
}
.icon-help:before {
  content: "\E832";
}
.icon-volume-up:before {
  content: '\E809';
}
.icon-volume-off:before {
  content: '\E82E';
}
.icon-menu:before {
  content: '\F0C9';
}
.icon-coursemap:before {
  content: '\E80A';
}
.icon-resource:before {
  content: '\E82D';
}
/* NAVIGATION */
/* VIDEO CONTROLS */
/* MISC */
.si-scroller.modal-open {
  padding-right: 0 !important;
}
.bootbox .modal-footer,
.bootbox .modal-header {
  border: none;
}
.bootbox .modal-dialog {
  width: 420px;
  margin: 100px auto;
}
.bootbox .modal-header::before {
  content: '';
  position: absolute;
  width: 70px;
  height: 70px;
  top: -20px;
  left: 10px;
  background-image: url("../../../assets/images/navigation/anya.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
.bootbox .modal-title {
  text-align: left;
  padding: 0 30px 0 80px;
}
.bootbox .modal-body {
  padding: 0 20px;
}
.bootbox .modal-body textarea {
  margin-top: 10px;
}
.bootbox .modal-footer {
  text-align: center;
}
.bootbox .modal-footer .close-icon {
  position: absolute;
  right: 15px;
  top: 8px;
  color: #8e8f90;
  border: none;
  padding: 0;
  background-color: transparent;
  font-family: SSPRegular;
  font-size: 1.5em;
}
.bootbox .modal-footer .close-icon:hover {
  background-color: transparent;
  color: #8e8f90;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.bootbox .modal-footer button {
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  margin: 0 10px !important;
  color: #8B336F;
  background-color: white;
  border-color: #8B336F;
}
.bootbox .modal-footer button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.bootbox .modal-footer button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.bootbox .modal-footer button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.bootbox .modal-footer button.disabled:hover {
  background: #8B336F;
}
.bootbox .modal-footer button:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.bootbox .modal-footer button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.bootbox .modal-footer button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.bootbox .modal-footer button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.bootbox .modal-footer button.disabled:hover {
  background: #8B336F;
}
.bootbox .modal-footer button:hover {
  color: white;
  background-color: #8B336F;
}
.bootbox.reset-popup .modal-header::before,
.bootbox.skills-popup .modal-header::before {
  display: none;
}
.bootbox.reset-popup .modal-body,
.bootbox.skills-popup .modal-body {
  padding: 0 10px;
}
.bootbox.reset-popup .modal-body ul,
.bootbox.skills-popup .modal-body ul {
  list-style: none;
  padding-left: 0;
}
.bootbox.reset-popup .modal-body ul li,
.bootbox.skills-popup .modal-body ul li {
  padding: 10px 10px 10px 20px;
  background-color: #eeeeee;
}
.bootbox.reset-popup .modal-body ul li .button-holder,
.bootbox.skills-popup .modal-body ul li .button-holder,
.bootbox.reset-popup .modal-body ul li .title,
.bootbox.skills-popup .modal-body ul li .title {
  display: inline-block;
  vertical-align: middle;
}
.bootbox.reset-popup .modal-body ul li .title,
.bootbox.skills-popup .modal-body ul li .title {
  width: 60%;
  padding-right: 10px;
}
.bootbox.reset-popup .modal-body ul li .button-holder,
.bootbox.skills-popup .modal-body ul li .button-holder {
  width: 40%;
  text-align: center;
}
.bootbox.reset-popup .modal-body ul li .pin,
.bootbox.skills-popup .modal-body ul li .pin {
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  padding: 0.16em 0;
  border-radius: 20px;
  background-color: white;
  color: #8B336F;
  border: 1px solid #8B336F;
}
.bootbox.reset-popup .modal-body ul li .pin.arrow,
.bootbox.skills-popup .modal-body ul li .pin.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.bootbox.reset-popup .modal-body ul li .pin.arrow:before,
.bootbox.skills-popup .modal-body ul li .pin.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.bootbox.reset-popup .modal-body ul li .pin.disabled,
.bootbox.skills-popup .modal-body ul li .pin.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.bootbox.reset-popup .modal-body ul li .pin.disabled:hover,
.bootbox.skills-popup .modal-body ul li .pin.disabled:hover {
  background: #8B336F;
}
.bootbox.reset-popup .modal-body ul li .pin:hover,
.bootbox.skills-popup .modal-body ul li .pin:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.bootbox.reset-popup .modal-body ul li .pin.arrow,
.bootbox.skills-popup .modal-body ul li .pin.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.bootbox.reset-popup .modal-body ul li .pin.arrow:before,
.bootbox.skills-popup .modal-body ul li .pin.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.bootbox.reset-popup .modal-body ul li .pin.disabled,
.bootbox.skills-popup .modal-body ul li .pin.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.bootbox.reset-popup .modal-body ul li .pin.disabled:hover,
.bootbox.skills-popup .modal-body ul li .pin.disabled:hover {
  background: #8B336F;
}
.bootbox.reset-popup .modal-body ul li .pin:hover,
.bootbox.skills-popup .modal-body ul li .pin:hover {
  background-color: #8B336F;
  color: white;
}
.bootbox.reset-popup .modal-title,
.bootbox.skills-popup .modal-title {
  padding: 0 30px 0 5px;
}
.bootbox.reset-popup .modal-body {
  padding: 0 20px;
}
.flip-button,
.pin-button {
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  color: #EBA966;
  background-color: #ffffff !important;
  border: 2px solid #eb8258 !important;
  margin: 1em 0.5em;
  text-decoration: none !important;
}
.flip-button.arrow,
.pin-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.flip-button.arrow:before,
.pin-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.flip-button.disabled,
.pin-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.flip-button.disabled:hover,
.pin-button.disabled:hover {
  background: #8B336F;
}
.flip-button:hover,
.pin-button:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.flip-button.arrow,
.pin-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.flip-button.arrow:before,
.pin-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.flip-button.disabled,
.pin-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.flip-button.disabled:hover,
.pin-button.disabled:hover {
  background: #8B336F;
}
.flip-button:focus,
.pin-button:focus,
.flip-button:hover,
.pin-button:hover {
  text-decoration: none !important;
  outline: none;
  cursor: pointer;
  color: #ffffff !important;
  background: #eb8258 !important;
}
.progress-dots-container {
  position: relative;
  z-index: 8;
}
.progress-dots-container.table li {
  vertical-align: top;
}
.progress-dots-container .progress-dots {
  width: 84%;
  position: relative;
  margin: 0;
  padding: 10px 0;
  list-style-type: none;
  text-align: center;
}
.progress-dots-container .progress-dots .dot-button {
  padding: 0;
  left: 2px;
  top: 6px;
  width: 20px;
  height: 20px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  color: #ffffff;
}
.progress-dots-container .progress-dots .dot-button::before {
  font-size: 1.4rem;
}
.progress-dots-container .progress-dots .dot-button.clickable {
  cursor: pointer;
}
.progress-dots-container .progress-dots .dot-button.clickable:hover {
  color: #ffffff;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.progress-dots-container .progress-dots .dot-button.active:hover {
  color: #ffffff;
}
.progress-dots-container .progress-dots .dot-button.viewed::before {
  font-family: 'fontello-saffron';
  content: '\F10C';
}
.progress-dots-container .progress-dots .dot-button.viewed.active::before {
  font-family: 'fontello-saffron';
  content: '\F111';
}
.progress-dots-container .progress-dots .next-button,
.progress-dots-container .progress-dots .previous-button {
  width: 44px;
  height: 44px;
  padding: 0;
  background: none;
  position: relative;
}
.progress-dots-container .progress-dots .next-button::before,
.progress-dots-container .progress-dots .previous-button::before {
  top: 9px;
  font-size: 1.8rem;
  position: relative;
}
.progress-dots-container .progress-dots .next-button.disabled,
.progress-dots-container .progress-dots .previous-button.disabled {
  cursor: default;
  color: rgba(0, 0, 0, 0.4);
}
.progress-dots-container .progress-dots .next-button.disabled.hover,
.progress-dots-container .progress-dots .previous-button.disabled.hover {
  cursor: default;
}
.progress-dots-container .progress-dots .next-button:hover,
.progress-dots-container .progress-dots .previous-button:hover {
  background-color: transparent;
}
.progress-dots-container .progress-dots .next-button:hover.disabled,
.progress-dots-container .progress-dots .previous-button:hover.disabled {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.65);
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  background: none;
}
.progress-dots-container .progress-dots .next-button:hover.disabled::before,
.progress-dots-container .progress-dots .previous-button:hover.disabled::before {
  color: rgba(0, 0, 0, 0.4);
}
.progress-dots-container .progress-dots .previous-button::before {
  left: -2px;
  content: '\E80B';
}
.progress-dots-container .progress-dots .next-button::before {
  right: -2px;
  content: '\E810';
}
.progress-dots-container.show {
  position: fixed;
  top: 50%;
  width: auto;
  left: 10px;
}
.progress-dots-container .progress-dots .dot-button.viewed::before {
  content: '\F10C';
}
@media only screen and (max-width: 700px) {
  .navigation-wrapper .navigation-button {
    width: 40px !important;
    height: 70px;
    padding: 0 0.5em;
  }
  .navigation-wrapper .navigation-button.progress-holder {
    width: 70px !important;
  }
  .navbar-center {
    width: 250px !important;
    left: calc((100% - 250px)/2) !important;
    vertical-align: top;
  }
  .help {
    cursor: pointer;
    top: 0px !important;
    border-radius: 30px !important;
    height: 40px !important;
    line-height: 30px;
    height: 30px;
  }
  #return-to-course-navigation {
    line-height: initial !important;
    width: 100% !important;
  }
  #return-to-course-navigation .pin-button {
    font-size: 1em !important;
    line-height: 1em !important;
  }
}
.navigation-wrapper ul li {
  margin: 0;
}
.navigation-wrapper .navbar-nav {
  margin: 0;
}
.navigation-wrapper .navbar-center {
  position: absolute;
  width: 220px;
  left: calc((100% - 200px) / 2);
  float: none;
  margin: 0;
  padding: 0;
}
.navigation-wrapper .navbar-center {
  width: 300px;
  left: calc((100% - 300px)/2);
  vertical-align: top;
  justify-items: center;
  justify-content: center;
}
.navigation-wrapper #return-to-course-navigation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 70px;
  line-height: initial !important;
  text-align: center;
  justify-content: center !important;
}
.navigation-wrapper #progress-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  text-align: center;
  justify-content: center !important;
}
.navigation-wrapper #progress-nav li {
  float: unset !important;
}
.navigation-wrapper .circular-progress:focus {
  outline: none;
  background-color: rgba(194, 194, 194, 0.2);
}
.navigation-wrapper .circular-progress svg {
  top: 0 !important;
  left: 0 !important;
}
.navigation-wrapper .screen-wrapper .progress-holder {
  width: 70px;
  height: 70px;
}
.navigation-wrapper .screen-wrapper .nav.navbar-nav {
  min-height: 70px !important;
  vertical-align: middle !important;
  align-items: center !important;
  display: flex !important;
}
.navigation-wrapper .screen-wrapper .navbar-default .navigation-button {
  position: relative;
  font-family: 'fontello-saffron';
  font-size: 2em;
  width: 70px;
  height: 70px;
  margin-right: 1px;
  margin-left: 1px;
  padding: 0px;
  line-height: 70px;
  cursor: pointer;
  text-align: center;
  outline: none;
}
.navigation-wrapper .screen-wrapper .navbar-default .navigation-button.coursemap-link {
  color: #8B336F;
}
.navigation-wrapper .screen-wrapper .navbar-default .navigation-button.aboutnavigation:before {
  color: #5c666f;
  content: '\F129';
  font-size: 20px;
}
.navigation-wrapper .screen-wrapper .navbar-default .navigation-button.profilenavigation:before {
  color: #5c666f;
  content: '\E827';
  font-size: 20px;
}
.navigation-wrapper .screen-wrapper .navbar-default .navigation-button.resetnavigation:before {
  color: #5c666f;
  content: '\E815';
  font-size: 20px;
}
.navigation-wrapper .screen-wrapper .navbar-default .navigation-button.helpnavigation:before {
  color: #5c666f;
  content: "\E832";
  font-size: 20px;
}
.navigation-wrapper .screen-wrapper .navbar-default .navigation-button.logoutnavigation:before {
  color: #5c666f;
  content: '\E850';
  font-size: 20px;
}
.navigation-wrapper .screen-wrapper .navbar-default .navigation-button.helpnavigation,
.navigation-wrapper .screen-wrapper .navbar-default .navigation-button.next,
.navigation-wrapper .screen-wrapper .navbar-default .navigation-button.previous {
  cursor: default;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.3);
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.navigation-wrapper .screen-wrapper .navbar-default .navigation-button.previous:before {
  color: #5c666f;
  content: '\E80B';
}
.navigation-wrapper .screen-wrapper .navbar-default .navigation-button.next:before {
  color: #5c666f;
  content: '\E810';
}
.navigation-wrapper .screen-wrapper .navbar-default .navigation-button.active {
  cursor: pointer;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.navigation-wrapper .screen-wrapper .navbar-default .navigation-button.active:focus,
.navigation-wrapper .screen-wrapper .navbar-default .navigation-button.active:hover {
  background-color: rgba(194, 194, 194, 0.2);
}
.navigation-wrapper .screen-wrapper .navbar-default .navigation-button:focus:not(.help),
.navigation-wrapper .screen-wrapper .navbar-default .navigation-button:hover:not(.help) {
  background-color: transparent;
}
.navigation-wrapper .screen-wrapper .navbar-default .navigation-button.disabled {
  opacity: 0.3 !important;
}
.navigation-wrapper .screen-wrapper .navbar-default .navigation-button.disabled.help {
  opacity: 0 !important;
}
.navigation-wrapper .screen-wrapper .navbar-default .help {
  cursor: pointer;
  top: 0px;
  width: 60px;
  height: 60px;
  background-image: url("../../../assets/images/navigation/anya.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}
.navigation-wrapper .screen-wrapper .navbar-default .help:focus,
.navigation-wrapper .screen-wrapper .navbar-default .help:hover {
  border-color: #8B336F;
}
.navigation-wrapper .screen-wrapper .navbar-default .help.disabled {
  cursor: default;
  border-color: #8e8f90;
}
.navigation-wrapper .screen-wrapper .navbar-default .help.disabled:focus,
.navigation-wrapper .screen-wrapper .navbar-default .help.disabled:hover {
  border-color: #8e8f90;
}
.navigation-wrapper .screen-wrapper .navbar-default .compact-menu #compact-menu {
  color: #8B336F;
}
.side-menu-wrapper {
  left: 0;
}
.CardShuffle {
  padding-top: 0 !important;
  overflow: hidden;
}
.card-deck {
  position: relative;
  left: 0;
  top: 0;
}
.card-deck .deck {
  cursor: default;
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 300px;
  height: 415px;
  list-style: none;
  outline: none;
}
.card-deck .deck.active {
  cursor: pointer;
}
.card-deck .card {
  position: absolute;
  width: 300px;
  height: 415px;
  border-radius: 8px;
  box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.1);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  background-color: #3aa9e0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.card-deck .card.orange {
  background-image: url("../../../assets/images/card/Card_pattern_orange.png");
}
.card-deck .card.purple {
  background-image: url("../../../assets/images/card/Card_pattern_purple.png");
}
.card-deck .card.teal {
  background-image: url("../../../assets/images/card/Card_pattern_teal.png");
}
.card-deck .card.yellow {
  background-image: url("../../../assets/images/card/Card_pattern_yellow.png");
}
.card-deck .card .logo {
  position: relative;
  left: 50px;
  top: 107px;
}
.card-deck .instruction {
  position: relative;
  width: 350px;
  margin: 0 auto 15px;
  text-align: center;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.card-deck .instruction .title {
  color: white;
  margin-bottom: 0;
}
.card-deck .instruction .content {
  font-size: 1em;
  color: white;
}
#portrait-overlay {
  background: #8B336F;
}
#watermark {
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: rgba(0, 0, 0, 0.3);
  pointer-events: none;
  z-index: 999;
}
#watermark span {
  display: block;
  color: white;
  margin: 10px 15px -3px;
  font-size: 14.5px;
}
#watermark img {
  width: 200px;
}
.list-group.autocomplete {
  max-height: 300px !important;
  overflow-y: auto;
  z-index: 99;
}
.list-group.autocomplete .selected {
  background: #aaaaaa;
}
.list-group.autocomplete li:hover {
  background: #cccccc;
}
.firebase-continue-as.firebase-loading {
  opacity: 0.5;
  pointer-events: none;
}
.SiImageList .screen-wrapper {
  max-width: 100%;
}
.SiImageList .screen-wrapper .content {
  margin: auto;
  width: 100%;
  height: 100%;
  max-width: unset;
  min-height: 500px;
}
.SiImageList .title-wrapper h2 {
  padding: 0 25px;
  text-align: left;
}
.SiImageList .list-wrapper {
  min-width: 330px;
  max-width: 550px;
  margin: auto auto 10px;
  padding: 15px;
  border-radius: 6px;
  box-shadow: -2px 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.SiImageList .items-wrapper .image-wrapper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  padding-left: 0;
  padding-right: 20px;
}
.SiImageList .items-wrapper .item-container {
  position: relative;
  min-height: 80px;
  padding: 10px;
  margin: 10px 0 0;
  border: 1px solid #DCDCDC;
  border-radius: 6px;
}
.SiImageList .items-wrapper .item-container .item-content {
  padding: 0;
}
.SiImageList .items-wrapper .button-holder .button {
  outline: none;
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  background-color: #eb8258;
  background: -o-linear-gradient(left, #eb8258 0%, #eb8258 60%);
}
.SiImageList .items-wrapper .button-holder .button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiImageList .items-wrapper .button-holder .button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiImageList .items-wrapper .button-holder .button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiImageList .items-wrapper .button-holder .button.disabled:hover {
  background: #8B336F;
}
.SiImageList .items-wrapper .button-holder .button:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.SiImageList .items-wrapper .button-holder .button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SiImageList .items-wrapper .button-holder .button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SiImageList .items-wrapper .button-holder .button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SiImageList .items-wrapper .button-holder .button.disabled:hover {
  background: #8B336F;
}
.SiImageList .items-wrapper .button-holder .button:focus,
.SiImageList .items-wrapper .button-holder .button.over,
.SiImageList .items-wrapper .button-holder .button:hover {
  background-color: #eb8258;
  background: -o-linear-gradient(left, #eb8258 0%, #EBA966 60%);
  border: 2px solid rgba(0, 0, 0, 0.1);
}
.launch-page .panel {
  display: none;
  background-color: transparent;
  box-shadow: none;
  text-align: center;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.launch-page .logos img {
  display: block;
  margin: 0 auto;
}
.launch-page .logos img.rainbow {
  width: 200px;
}
.launch-page .instruction {
  color: white;
  margin: 20px auto;
  margin-bottom: 20px;
  font-size: 1.5em;
}
.launch-page .language-button {
  width: 175px;
  margin: 10px auto;
}
.launch-page .action-button {
  display: inline-block;
}
.launch-page select[name="language"] {
  display: block;
  width: 65%;
  margin: 0 auto;
  font-weight: 700;
  font-size: 20px;
  color: #444;
  line-height: 1.3;
  padding: 0.6em 1.4em 0.5em 0.8em;
  box-sizing: border-box;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #fff 0%, #fff 100%);
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}
.launch-page select[name="language"]::-ms-expand {
  display: none;
}
.launch-page select[name="language"]:hover {
  border-color: #999;
}
.launch-page select[name="language"]:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  color: #222;
  outline: none;
}
.launch-page select[name="language"] option {
  font-weight: normal;
}
.Carousel {
  min-width: 410px;
  overflow-y: auto;
}
.Carousel input[type='checkbox'] {
  display: inline-block;
  width: 1em;
  height: 1em;
}
.Carousel em {
  border: 1px solid #acdef5;
  background: rgba(230, 242, 248, 0.35);
  padding: 0.5em;
  display: block;
  font-size: 0.9em;
}
.Carousel .image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 115px;
  height: 115px;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
}
.Carousel .carousel-wrapper {
  width: 350px;
  position: relative;
  margin: auto;
}
.Carousel .saffron-carousel {
  min-width: 8000px;
  min-height: 450px;
  position: relative;
}
.Carousel .slide {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.Carousel .slide,
.Carousel .slide-content-wrapper {
  padding: 0;
  position: relative !important;
  display: block !important;
  width: 350px;
  max-width: 350px;
  min-width: 350px;
  min-height: 450px;
  margin-right: 10px;
  border-radius: 6px;
  border: none;
}
.Carousel .slide-content {
  padding: 25px 40px !important;
}
.Carousel .slide-content-wrapper {
  background: #ffffff;
  min-height: 400px;
  box-shadow: -2px 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.Carousel .content {
  border: none !important;
}
.Carousel .title {
  color: #8B336F;
  font-size: 1.6rem;
}
.Carousel .continue-button {
  outline: none !important;
  color: #ffffff !important;
  background-image: none !important;
  background: #02a6cd !important;
  font-size: 1em !important;
  display: inline-block !important;
  text-align: center !important;
  height: auto !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  font-family: RockRegular !important;
  font-size: 20px !important;
  padding: 8px 16px !important;
  border: 2px solid transparent !important;
  border-radius: 25px !important;
  transition: all 0.2s ease-out !important;
  text-decoration: none !important;
  background-color: #eb8258 !important;
  background: -o-linear-gradient(left, #eb8258 0%, #eb8258 60%) !important;
  margin: 0 10px;
}
.Carousel .continue-button.arrow {
  padding: 0 !important;
  cursor: pointer !important;
  height: 50px !important;
  width: 50px !important;
  border-radius: 50% !important;
  display: inline-block !important;
  background-color: #02a6cd !important;
  color: #ffffff !important;
  transition: 0.1s all ease-Out 0s !important;
}
.Carousel .continue-button.arrow:before {
  font-family: 'fontello-saffron' !important;
  content: '\E802' !important;
  line-height: 50px !important;
  font-size: 22px !important;
}
.Carousel .continue-button.disabled {
  cursor: default !important;
  filter: alpha(opacity=65) !important;
  box-shadow: none !important;
  opacity: 0.65 !important;
}
.Carousel .continue-button.disabled:hover {
  background: #8B336F !important;
}
.Carousel .continue-button:hover {
  color: #f9f9f9 !important;
  background: #0a809c !important;
}
.Carousel .continue-button.arrow {
  padding: 0 !important;
  cursor: pointer !important;
  height: 50px !important;
  width: 50px !important;
  border-radius: 50% !important;
  display: inline-block !important;
  background-color: #02a6cd !important;
  color: #ffffff !important;
  transition: 0.1s all ease-Out 0s !important;
}
.Carousel .continue-button.arrow:before {
  font-family: 'fontello-saffron' !important;
  content: '\E802' !important;
  line-height: 50px !important;
  font-size: 22px !important;
}
.Carousel .continue-button.disabled {
  cursor: default !important;
  filter: alpha(opacity=65) !important;
  box-shadow: none !important;
  opacity: 0.65 !important;
}
.Carousel .continue-button.disabled:hover {
  background: #8B336F !important;
}
.Carousel .continue-button:focus,
.Carousel .continue-button.over,
.Carousel .continue-button:hover {
  background-color: #eb8258 !important;
  background: -o-linear-gradient(left, #eb8258 0%, #EBA966 60%) !important;
  border: 2px solid rgba(0, 0, 0, 0.1) !important;
}
.CardQuestion {
  min-width: 420px;
  height: 100%;
}
.CardQuestion .screen-wrapper {
  max-width: 100%;
}
.CardQuestion .screen-wrapper .content {
  margin: auto;
  width: 100%;
  height: 100%;
  padding: 0;
  max-width: unset;
  min-height: 500px;
}
.CardQuestion .screen-wrapper .content .question-wrapper {
  padding: 0;
  margin: 10px 0;
  overflow: hidden;
}
.CardQuestion .card-wrapper {
  overflow: hidden;
}
.CardQuestion .title-holder {
  max-width: unset;
  padding-left: 0;
  color: #01161E;
  display: block !important;
}
.CardQuestion .title-holder .title.data {
  color: #cccc66;
}
.CardQuestion .title-holder .title.people {
  color: #339999;
}
.CardQuestion .title-holder .title.ideas {
  color: #ff6600;
}
.CardQuestion .title-holder .title.things {
  color: #993399;
}
.CardQuestion .category {
  padding: 10px 20px;
  color: #ffffff;
  font-size: 1.85em;
  text-transform: capitalize;
  text-align: center;
}
.CardQuestion .category.data {
  background-color: #cccc66;
}
.CardQuestion .category.people {
  background-color: #339999;
}
.CardQuestion .category.ideas {
  background-color: #ff6600;
}
.CardQuestion .category.things {
  background-color: #993399;
}
.CardQuestion .screen-title {
  width: 100%;
  max-width: 550px;
  min-width: 350px;
  margin: auto;
  padding: 10px 40px;
}
.CardQuestion .question-screen {
  width: 400px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
}
.CardQuestion .rating {
  text-align: center;
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.CardQuestion .question-text {
  text-align: left;
  max-width: 550px;
  margin: auto;
}
.CardQuestion .instruction {
  text-align: center;
  margin-bottom: 0;
}
.CardQuestion .hidden {
  opacity: 0;
}
.CardQuestion .star-holder {
  display: inline-block;
  color: rgba(255, 233, 137, 0.555);
  position: relative;
  height: 70px;
  width: 70px;
}
.CardQuestion .star-holder.hidden {
  opacity: 1;
  display: inline-block !important;
  visibility: visible !important;
}
.CardQuestion .star {
  width: 100%;
  height: 100%;
  border: 3px solid rgba(0, 0, 0, 0);
}
.CardQuestion .star::before {
  font-family: 'fontello-saffron';
  display: inline-block;
  content: '\E811';
  position: relative;
  z-index: 2;
  color: #f1d609;
  font-size: 3.5rem;
  line-height: 1em;
}
.CardQuestion .star:focus,
.CardQuestion .star.over {
  cursor: pointer;
  outline: none;
  border: 3px solid rgba(255, 233, 137, 0.3);
  border-radius: 100px;
}
.CardQuestion .star:focus::before,
.CardQuestion .star.over::before {
  content: '\E80C';
  -webkit-animation: stretch-bounce 0.5s ease-in-out;
}
@-webkit-keyframes stretch-bounce {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
  }
  50% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
  }
  75% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
.CardQuestion .selected::before {
  position: relative;
  display: inline-block;
  font-family: 'fontello-saffron';
  content: '\E80C';
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  z-index: 1;
}
.CardQuestion .selected.pulse::before {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.CardQuestion .selected.is-animated::before {
  transition: 0.3s ease-out;
}
.CardQuestion .chart-wrapper {
  position: relative;
  max-width: 550px;
  min-width: 350px;
  height: 150px;
  margin: 0 auto;
  padding: 0 20px;
  overflow: hidden;
}
.CardQuestion .chart-options {
  position: absolute;
  width: 400px;
  height: 400px;
  margin: 0 auto;
  left: 0;
  right: 0;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}
.CardQuestion .chart-options .color-circle,
.CardQuestion .chart-options .grey-circle {
  position: absolute;
  width: 400px;
}
.CardQuestion .button-holder {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  box-shadow: 0px -8px 8px -6px rgba(50, 50, 50, 0.3);
  z-index: 13;
  background: rgba(0, 0, 0, 0);
}
.CardQuestion .button-holder .confirm-button {
  outline: none;
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  background-color: #eb8258;
  background: -o-linear-gradient(left, #eb8258 0%, #eb8258 60%);
  margin-right: 5px;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.CardQuestion .button-holder .confirm-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.CardQuestion .button-holder .confirm-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.CardQuestion .button-holder .confirm-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.CardQuestion .button-holder .confirm-button.disabled:hover {
  background: #8B336F;
}
.CardQuestion .button-holder .confirm-button:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.CardQuestion .button-holder .confirm-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.CardQuestion .button-holder .confirm-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.CardQuestion .button-holder .confirm-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.CardQuestion .button-holder .confirm-button.disabled:hover {
  background: #8B336F;
}
.CardQuestion .button-holder .confirm-button:focus,
.CardQuestion .button-holder .confirm-button.over,
.CardQuestion .button-holder .confirm-button:hover {
  background-color: #eb8258;
  background: -o-linear-gradient(left, #eb8258 0%, #EBA966 60%);
  border: 2px solid rgba(0, 0, 0, 0.1);
}
.CardQuestion .button-holder .confirm-button.disabled {
  pointer-events: none;
  cursor: default;
  background-color: #8e8f90;
  background: -o-linear-gradient(left, #8e8f90 0%, #8e8f90 61%);
  background-color: #8e8f90 !important;
}
.CardQuestion .button-holder .flip-button,
.CardQuestion .button-holder .pin-button {
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  color: #EBA966;
  background-color: #ffffff !important;
  border: 2px solid #eb8258 !important;
  margin: 1em 0.5em;
  text-decoration: none !important;
}
.CardQuestion .button-holder .flip-button.arrow,
.CardQuestion .button-holder .pin-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.CardQuestion .button-holder .flip-button.arrow:before,
.CardQuestion .button-holder .pin-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.CardQuestion .button-holder .flip-button.disabled,
.CardQuestion .button-holder .pin-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.CardQuestion .button-holder .flip-button.disabled:hover,
.CardQuestion .button-holder .pin-button.disabled:hover {
  background: #8B336F;
}
.CardQuestion .button-holder .flip-button:hover,
.CardQuestion .button-holder .pin-button:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.CardQuestion .button-holder .flip-button.arrow,
.CardQuestion .button-holder .pin-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.CardQuestion .button-holder .flip-button.arrow:before,
.CardQuestion .button-holder .pin-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.CardQuestion .button-holder .flip-button.disabled,
.CardQuestion .button-holder .pin-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.CardQuestion .button-holder .flip-button.disabled:hover,
.CardQuestion .button-holder .pin-button.disabled:hover {
  background: #8B336F;
}
.CardQuestion .button-holder .flip-button:focus,
.CardQuestion .button-holder .pin-button:focus,
.CardQuestion .button-holder .flip-button:hover,
.CardQuestion .button-holder .pin-button:hover {
  text-decoration: none !important;
  outline: none;
  cursor: pointer;
  color: #ffffff !important;
  background: #eb8258 !important;
}
.modal-dialog #notes {
  resize: none;
}
.SplashScreen .splash-wrapper {
  text-align: center;
}
.SplashScreen .logos img {
  width: 200px;
  display: block;
  margin: 0 auto;
}
.SplashScreen .logos img.rainbow {
  width: 200px;
}
.SplashScreen .text-wrapper {
  margin-top: 50px;
  color: white;
}
.SplashScreen .text-wrapper h2 {
  color: white;
}
.SplashScreen .text-wrapper p {
  font-size: 1.5em;
  line-height: 1.15em;
  margin: 30px;
}
.SplashScreen .action-button {
  display: inline-block;
  margin-top: 50px;
}
.Result .result-wrapper {
  max-width: 350px;
  margin: 0 auto;
  text-align: center;
}
.Result .logos {
  padding-bottom: 30px;
}
.Result .text-wrapper {
  padding: 20px 0 0;
}
.Result .text-wrapper h2 {
  color: #8B336F;
}
.ActionPlanComplete .result-wrapper {
  text-align: left;
}
.ActionPlanComplete .logos {
  display: none;
}
.ActionPlanComplete .text-wrapper p {
  font-size: 1.55em;
  line-height: 1.3;
}
.ActionPlanComplete .text-wrapper .small-text {
  font-size: 20px;
}
.ActionPlanComplete .text-wrapper .small-text a:last-child {
  color: #8B336F;
}
.ActionPlanComplete .text-wrapper .action-button {
  margin-left: 0;
  margin-bottom: 15px;
}
.Reset .result-wrapper {
  min-height: 420px;
  padding: 30px;
  text-align: left;
  background-color: #ffffff;
  border-radius: 10px;
}
.Reset .text-wrapper {
  padding: 0;
}
.Reset .logos {
  display: none;
}
.Reset .button-holder {
  text-align: center;
  margin-top: 140px;
}
.SkillsOverview {
  background-color: #EEF0EF;
}
.SkillsOverview .screen-wrapper {
  max-width: 1000px;
}
.SkillsOverview .skills-wrapper {
  background-color: #EEF0EF;
}
.SkillsOverview .content {
  padding: 0;
  height: 100%;
}
.SkillsOverview .col-md-6 {
  padding-bottom: 15px;
}
.SkillsOverview .col-xs-4 {
  padding-top: 10px;
}
.SkillsOverview .title {
  text-align: center;
  padding: 20px;
}
.SkillsOverview .catagory-title {
  display: inline-block;
  vertical-align: middle;
  width: 80%;
  color: #523180;
  font-size: 1.6em;
  padding: 8px 20px 20px 4px;
  font-weight: bold;
}
.SkillsOverview .icon {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  margin-left: 15px;
  background-repeat: no-repeat;
  background-size: contain;
}
.SkillsOverview .icon.data-icon {
  background-image: url("../../../assets/images/skills_overview/data.png");
}
.SkillsOverview .icon.people-icon {
  background-image: url("../../../assets/images/skills_overview/people.png");
}
.SkillsOverview .icon.ideas-icon {
  background-image: url("../../../assets/images/skills_overview/ideas.png");
}
.SkillsOverview .icon.things-icon {
  background-image: url("../../../assets/images/skills_overview/things.png");
}
.SkillsOverview span {
  display: block;
  font-size: 1em;
  text-align: center;
}
.SkillsOverview span.quantity {
  margin-top: 5px;
  font-size: 1.5em;
}
.SkillsOverview span.category-title {
  font-size: 0;
}
.SkillsOverview span.level-title {
  position: absolute;
  width: 100px;
  bottom: 10px;
  padding: 0 5px;
  line-height: 1.2em;
  text-align: left;
}
.SkillsOverview .level {
  cursor: pointer;
  width: 110px;
  height: 110px;
  color: white;
  padding: 5px;
  margin: 0 auto;
  border: 2px solid transparent;
  outline: none;
  border-radius: 5px;
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
.SkillsOverview .level.level-0 {
  background-color: #52aa5e;
  background: -o-linear-gradient(left, #52aa5e 0%, #73c272 61%);
}
.SkillsOverview .level.level-1 {
  background-color: #3aa9e0;
  background: -o-linear-gradient(left, #3aa9e0 1%, #50c5ea 82%);
}
.SkillsOverview .level.level-2 {
  background-color: #eb8258;
  background: -o-linear-gradient(left, #eb8258 0%, #EBA966 61%);
}
.SkillsOverview .level.level-3 {
  background-color: #f94455;
  background: -o-linear-gradient(left, #f94455 30%, #f96b73 100%);
}
.SkillsOverview .level:focus,
.SkillsOverview .level:hover {
  border-color: #ffffff;
}
.SkillsOverview .level.disabled {
  cursor: default;
}
.SkillsOverview .level.disabled:focus,
.SkillsOverview .level.disabled:hover {
  border-color: transparent;
}
.SkillsOverview .button-holder {
  display: inline-block;
  text-align: center;
  width: 100%;
  padding: 30px 0;
}
.SkillsOverview .button-holder .confirm-button {
  outline: none;
  color: #ffffff;
  background-image: none;
  background: #02a6cd;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  font-family: RockRegular;
  font-size: 20px;
  padding: 8px 16px;
  border: 2px solid transparent;
  border-radius: 25px;
  transition: all 0.2s ease-out;
  text-decoration: none;
  background-color: #eb8258;
  background: -o-linear-gradient(left, #eb8258 0%, #eb8258 60%);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.SkillsOverview .button-holder .confirm-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SkillsOverview .button-holder .confirm-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SkillsOverview .button-holder .confirm-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SkillsOverview .button-holder .confirm-button.disabled:hover {
  background: #8B336F;
}
.SkillsOverview .button-holder .confirm-button:hover {
  color: #f9f9f9;
  background: #0a809c;
}
.SkillsOverview .button-holder .confirm-button.arrow {
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #02a6cd;
  color: #ffffff;
  transition: 0.1s all ease-Out 0s;
}
.SkillsOverview .button-holder .confirm-button.arrow:before {
  font-family: 'fontello-saffron';
  content: '\E802';
  line-height: 50px;
  font-size: 22px;
}
.SkillsOverview .button-holder .confirm-button.disabled {
  cursor: default;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}
.SkillsOverview .button-holder .confirm-button.disabled:hover {
  background: #8B336F;
}
.SkillsOverview .button-holder .confirm-button:focus,
.SkillsOverview .button-holder .confirm-button.over,
.SkillsOverview .button-holder .confirm-button:hover {
  background-color: #eb8258;
  background: -o-linear-gradient(left, #eb8258 0%, #EBA966 60%);
  border: 2px solid rgba(0, 0, 0, 0.1);
}
.GameJunction {
  padding-top: 0 !important;
}
.si-container .Junction.screen,
.si-container .Junction.screen > .screen-wrapper,
.si-container .Junction.screen > .screen-wrapper > .content,
.game-area,
.game-area > .page {
  height: auto;
}
.TextColumns .content {
  min-width: 330px;
  max-width: 550px;
  margin: auto auto 10px;
  padding: 15px;
  padding: 2em;
  background: white;
  border-radius: 6px;
  box-shadow: -2px 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.TextColumns .button.button-secondary {
  background: #888888 !important;
}
.TextColumns .button.button-secondary:hover {
  background: #a5a5a5 !important;
}
.TextColumns.TextImage .button.continue-button {
  outline: none !important;
  cursor: pointer !important;
  font-family: Roboto Slab !important;
  font-size: 20px !important;
  padding: 8px 16px !important;
  border: 2px solid transparent !important;
  border-radius: 25px !important;
  transition: all 0.2s ease-out !important;
  text-decoration: none !important;
  background-color: #eb8258 !important;
  background: -o-linear-gradient(left, #eb8258 0, #eb8258 60%) !important;
}
.TextColumns.TextImage .button.continue-button:focus,
.TextColumns.TextImage .button.continue-button:hover,
.TextColumns.TextImage .button.continue-button:hover {
  background-color: #eb8258 !important;
  background: -o-linear-gradient(left, #eb8258 0, #EBA966 60%) !important;
  border: 2px solid rgba(0, 0, 0, 0.1) !important;
}
/*******************
// 0903TUWH files
********************/
@font-face {
  font-family: 'fontello-saffron';
  src: url("../themes/fonts/icons/font/fontello.eot?31601844");
  src: url("../themes/fonts/icons/font/fontello.eot?31601844#iefix") format('embedded-opentype'), url("../themes/fonts/icons/font/fontello.woff?31601844") format('woff2'), url("../themes/fonts/icons/font/fontello.woff?31601844") format('woff'), url("../themes/fonts/icons/font/fontello.ttf?31601844") format('truetype'), url("../themes/fonts/icons/font/fontello.svg?31601844#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fontello-saffron';
  src: url("../themes/base/fonts/icons/font/fontello.eot?31601844");
  src: url("../themes/base/fonts/icons/font/fontello.eot?31601844#iefix") format('embedded-opentype'), url("../themes/base/fonts/icons/font/fontello.woff?31601844") format('woff2'), url("../themes/base/fonts/icons/font/fontello.woff?31601844") format('woff'), url("../themes/base/fonts/icons/font/fontello.ttf?31601844") format('truetype'), url("../themes/base/fonts/icons/font/fontello.svg?31601844#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: SSPRegular;
  src: url('../themes/base/fonts/SourceSansPro-Regular.eot') format('embedded-opentype');
  src: url('../themes/base/fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../themes/base/fonts/SourceSansPro-Regular.ttf') format('truetype'), url('../themes/base/fonts/SourceSansPro-Regular.woff') format('woff2'), url('../themes/base/fonts/SourceSansPro-Regular.woff') format('woff');
}
@font-face {
  font-family: SSPBold;
  src: url('../themes/base/fonts/SourceSansPro-Bold.eot') format('embedded-opentype');
  src: url('../themes/base/fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'), url('../themes/base/fonts/SourceSansPro-Bold.ttf') format('truetype'), url('../themes/base/fonts/SourceSansPro-Bold.woff') format('woff2'), url('../themes/base/fonts/SourceSansPro-Bold.woff') format('woff');
}
@font-face {
  font-family: SSPItalic;
  src: url('../themes/base/fonts/SourceSansPro-Italic.eot') format('embedded-opentype');
  src: url('../themes/base/fonts/SourceSansPro-Italic.eot?#iefix') format('embedded-opentype'), url('../themes/base/fonts/SourceSansPro-Italic.ttf') format('truetype'), url('../themes/base/fonts/SourceSansPro-Italic.woff') format('woff2'), url('../themes/base/fonts/SourceSansPro-Italic.woff') format('woff');
}
@font-face {
  font-family: RockRegular;
  src: url('../themes/base/fonts/Rock.eot') format('embedded-opentype');
  src: url('../themes/base/fonts/Rock.eot?#iefix') format('embedded-opentype'), url('../themes/base/fonts/Rock.ttf') format('truetype'), url('../themes/base/fonts/Rock.woff') format('woff2'), url('../themes/base/fonts/Rock.woff') format('woff');
}
@font-face {
  font-family: RockBold;
  src: url('../themes/base/fonts/RockB.eot') format('embedded-opentype');
  src: url('../themes/base/fonts/RockB.eot?#iefix') format('embedded-opentype'), url('../themes/base/fonts/RockB.ttf') format('truetype'), url('../themes/base/fonts/RockB.woff') format('woff2'), url('../themes/base/fonts/RockB.woff') format('woff');
}
.si-container #block-0 {
  padding-top: unset !important;
}
.StorylinePlayer {
  padding: 0;
  margin: 0;
}
.StorylinePlayer .screen-wrapper {
  max-width: 100%;
  padding: 0;
  margin: 0;
}
.ModuleMap .screen-wrapper {
  max-width: 100%;
}
.ModuleMap .banner {
  display: flex;
  min-height: 300px;
  align-items: center;
  color: #363636;
  font-size: x-large;
}
.ModuleMap footer {
  margin-top: 3em;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  min-height: 100px;
  align-items: center;
}
.ModuleMap footer a {
  color: white;
}
.ModuleMap footer span {
  color: rgba(255, 255, 255, 0.4);
  padding: 0 1em;
}
.ModuleMap .card {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.4);
}
.ModuleMap .card .badge {
  position: absolute;
  top: 1em;
  right: 1em;
  font-size: 1em;
}
.ModuleMap .card[disabled] {
  opacity: 0.8;
  filter: grayscale(100%);
}
.TextColumns .row {
  justify-content: center;
}
.si-container .Carousel .slide {
  display: inline-block !important;
  vertical-align: top;
}
.si-container .Carousel .slide:nth-child(1) .title {
  text-align: center;
}
.ModuleMap,
.TextColumns,
.Carousel,
.SplashScreen {
  min-height: 100vh;
  align-items: center;
  display: flex;
  background: #f1f0f5 !important;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f1f0f5 0%, #83cbde 39%, #51b2bb 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.StorylinePlayer {
  justify-content: unset;
  min-height: 100vh;
}
.Carousel input[type='checkbox'] {
  display: inline-block;
  width: 1em;
  height: 1em;
}
.Carousel em {
  border: 1px solid #acdef5;
  background: rgba(230, 242, 248, 0.35);
  padding: 0.5em;
  display: block;
  font-size: 0.9em;
}