@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Crimson+Text);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond);
@import url(https://fonts.googleapis.com/css?family=Caveat);
/*//CLIENT UPLOADED CUSTOM FONTS
//HEADER
$themeFonts:"https://chameleondev-paul.s3.amazonaws.com/chameleon4/clients/0/fonts/";
@font-face {
	font-family:'volkhov-bold';
	src:url($themeFonts+'volkhov-bold/volkhov-bold.eot');
	src:url($themeFonts+'volkhov-bold/volkhov-bold.eot?#iefix') format('embedded-opentype'),
		url($themeFonts+'volkhov-bold/volkhov-bold.woff') format('woff'),
		url($themeFonts+'volkhov-bold/volkhov-bold.ttf') format('truetype'),
		url($themeFonts+'volkhov-bold/volkhov-bold.svg#volkhov-bold') format('svg');
	font-weight:normal;
	font-style:normal;
}
//BODY
@font-face {font-family:'volkhov-regular';
	src:url($themeFonts+'volkhov-regular/volkhov-regular.eot');
	src:url($themeFonts+'volkhov-regular/volkhov-regular.eot?#iefix') format('embedded-opentype'),
		url($themeFonts+'volkhov-regular/volkhov-regular.woff') format('woff'),
		url($themeFonts+'volkhov-regular/volkhov-regular.ttf') format('truetype'),
		url($themeFonts+'volkhov-regular/volkhov-regular.svg#volkhov-regular') format('svg');
	font-weight:normal;
	font-style:normal;
}
*/
@import url(https://fonts.googleapis.com/css?family=PT+Sans);
html {
  margin: 0;
  padding: 0;
  -ms-overflow-style: scrollbar;
  text-size-adjust: 100%;
  opacity: 1 !important;
}
#AICCComm, #rusticisoftware_aicc_results, #NothingFrame {
  display: none;
  visibility: hidden;
}
body {
  position: absolute;
  height: 100%;
  width: 100vw;
  background-attachment: fixed;
  background-size: cover;
  overflow-x: hidden;
  color: #000000;
  margin: 0;
}
body#framework.auto-scroll {
  pointer-events: none;
}
body .align-center, body .ql-align-center {
  text-align: center;
}
body .align-right, body .ql-align-right {
  text-align: right;
}
body .align-justify, body .ql-align-justify {
  text-align: justify;
}
* {
  outline-color: #cc3300;
}
body.mouse * {
  outline: none;
}
body, p {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "Caveat", handwriting;
  font-size: 16px;
  font-weight: normal;
  text-transform: none;
  line-height: 160%;
  letter-spacing: 1;
}
hr {
  width: 100%;
  border-top: 1px solid #ccc;
}
#framework {
  overflow-y: auto;
}
#app {
  min-height: 100%;
}
#app .swipeable > div {
  display: block;
  height: 100%;
  position: relative;
}
#app .swipeable > div > span {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
}
#layout {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
#layout.oldIE {
  text-align: center;
}
#layout.oldIE div {
  margin: 0 auto;
  max-width: 600px;
  padding: 200px 25px;
}
header, footer {
  display: none;
}
.swipeable {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
#content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
#content.disabled {
  pointer-events: none;
}
#content.disable-nav #debug, #content.disable-nav #disclaimer-wrapper, #content.disable-nav nav {
  display: none;
}
#content.disable-nav-vis #debug {
  display: none;
}
#content.disable-nav-vis nav {
  pointer-events: none;
  cursor: not-allowed;
}
#content.disable-nav-vis nav .disable-vis {
  display: block;
}
#content.fixed {
  position: fixed;
}
#content.overlay {
  pointer-events: none;
  filter: blur(2px);
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Caveat", handwriting;
}
h1 {
  font-size: 36px;
  font-weight: bold;
  text-transform: none;
  line-height: 110%;
  letter-spacing: 1;
}
h2 {
  font-size: 30px;
  font-weight: bold;
  text-transform: none;
  line-height: 110%;
  letter-spacing: 1;
}
h3 {
  font-size: 24px;
  font-weight: bold;
  text-transform: none;
  line-height: 110%;
  letter-spacing: 1;
}
h4 {
  font-size: 18px;
  font-weight: bold;
  text-transform: none;
  line-height: 110%;
  letter-spacing: 1;
}
h5 {
  font-size: 14px;
  font-weight: bold;
  text-transform: none;
  line-height: 110%;
  letter-spacing: 1;
}
h6 {
  font-size: 12px;
  font-weight: bold;
  text-transform: none;
  line-height: 110%;
  letter-spacing: 1;
}
p {
  margin: 0 0 20px;
}
p:empty:before {
  content: " ";
  white-space: pre;
}
ul, ol {
  margin: 0 0 20px;
}
a, a:active, a:visited, a:focus, button {
  color: #000000;
}
button {
  cursor: pointer;
  border-radius: [BUTTONBORDERRADIUS];
}
.btn {
  background: #333;
  border: 2px solid #fff;
  color: #fff;
  letter-spacing: 2px;
  line-height: 120%;
  padding: 12px 15px;
  font-size: 12px;
  font-family: "Caveat", handwriting;
  user-select: none;
  box-sizing: border-box;
}
.btn.block {
  display: block;
}
.btn.default {
  border: none;
  border-radius: [BUTTONBORDERRADIUS];
}
.btn.default:hover {
  background: #4d4d4d;
}
.btn.action {
  background: #57fa6a;
}
.btn.action:hover {
  background: #25f93e;
}
.btn.action {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.btn-printcert {
  position: absolute;
  right: 25px;
  bottom: 25px;
  z-index: 9;
  color: #fff;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: normal;
  padding: 10px 15px;
  font-family: "Caveat", handwriting;
  background: #333 !important;
  line-height: inherit;
  cursor: pointer;
  border: 0;
}
.btn.print:before {
  content: "";
  margin-right: 6px;
}
.btn.print:before, .btn-printcert span.print {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 11px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/print_white.svg");
  background-size: 12px 11px;
  background-repeat: no-repeat;
  background-position: center center;
}
.caption {
  font-family: "Caveat", handwriting;
  font-size: 12px;
  font-weight: normal;
  text-transform: none;
  line-height: normal;
  /*@if $caption_letterSpacing == normal {
		letter-spacing: $caption_letterSpacing;
	}
	@else if $caption_letterSpacing == 150% {//set to default
		letter-spacing: 1px;
	}
	@else {
		letter-spacing: $caption_letterSpacing+px;
	}*/
  letter-spacing: 150%;
}
.caption.caption-left {
  text-align: left;
}
.caption.caption-center {
  text-align: center;
}
.caption.caption-right {
  text-align: right;
}
.glossary-link {
  color: #000000;
  text-decoration: none;
}
body[dir="RTL"] .btn.print:before {
  margin-left: 6px;
  margin-right: 0;
}
#certificate {
  position: relative;
  height: auto;
  overflow: hidden;
  min-height: 500px;
}
#certificate img {
  width: 100%;
  vertical-align: middle;
}
#certificate .date {
  font-family: "Caveat", handwriting;
  font-weight: bold;
  position: absolute;
  top: 40%;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-style: italic;
}
#certificate .name {
  position: absolute;
  top: 49.2%;
  font-size: 34px;
  text-align: center;
  width: 100%;
  color: #fff;
  font-family: "Caveat", handwriting;
}
#certificate .topic {
  font-family: "Caveat", handwriting;
  position: absolute;
  top: 69%;
  font-size: 30px;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
code {
  direction: ltr !important;
  text-align: left;
  color: #444;
  padding: 1.5rem;
  background: #f0f0f0;
  display: block;
  overflow-x: auto;
  box-sizing: border-box;
}
.scroll-arrow {
  cursor: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/scroll.svg"), url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/scroll.cur"), auto;
}
.scroll-arrow.arrow-up {
  cursor: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/scrollup.svg"), url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/scrollup.cur"), auto;
}
.scroll-arrow.scroll-arrowLR {
  cursor: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/scrollL.svg"), url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/scrollL.cur"), auto;
}
.scroll-arrow.scroll-arrowLR.arrow-right {
  cursor: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/scrollR.svg"), url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/scrollR.cur"), auto;
}
.scroll-arrow .component:not(.timeline-vert):not(.grad-parallax):not(.freefall-parallax), .scroll-arrow .component .timeline-col, .scroll-arrow .prompt:not(.timeline-vert):not(.grad-parallax):not(.freefall-parallax), .scroll-arrow .prompt .timeline-col {
  cursor: default;
}
@media (max-width: 767px) {
  body.md-desktop {
    font-size: 14px;
    line-height: 140%;
    /*OVERRIDES FOR THE OVERRIDES*/
  }
  body.md-desktop p {
    font-size: 14px;
    line-height: 140%;
  }
  body.md-desktop h1 {
    font-size: 32px;
    line-height: 96.25%;
  }
  body.md-desktop h2 {
    font-size: 27px;
    line-height: 96.25%;
  }
  body.md-desktop h3 {
    font-size: 21px;
    line-height: 96.25%;
  }
  body.md-desktop h4 {
    font-size: 16px;
    line-height: 96.25%;
  }
  body.md-desktop h5 {
    font-size: 13px;
    line-height: 96.25%;
  }
  body.md-desktop h6 {
    font-size: 11px;
    line-height: 96.25%;
  }
  body.md-desktop .page-audio .audio-cont span {
    font-size: 10px !important;
    line-height: inherit !important;
  }
  body.md-desktop .quizlisten-player .header button span {
    font-size: 11px !important;
    line-height: 150% !important;
  }
  .md-desktop .caption {
    font-size: 10.5px;
    line-height: normal*0.875;
  }
  body.md-desktop.force-fontresize {
    font-size: 14px;
    line-height: 140%;
    /*OVERRIDES FOR THE OVERRIDES*/
  }
  body.md-desktop.force-fontresize span {
    font-size: 14px !important;
    line-height: 140% !important;
  }
  body.md-desktop.force-fontresize p {
    font-size: 14px;
    line-height: 140%;
  }
  body.md-desktop.force-fontresize p span {
    font-size: 14px !important;
    line-height: 140% !important;
  }
  body.md-desktop.force-fontresize h1 {
    font-size: 32px;
    line-height: 96.25%;
  }
  body.md-desktop.force-fontresize h1 span {
    font-size: 32px !important;
    line-height: 96.25% !important;
  }
  body.md-desktop.force-fontresize h2 {
    font-size: 27px;
    line-height: 96.25%;
  }
  body.md-desktop.force-fontresize h2 span {
    font-size: 27px !important;
    line-height: 96.25% !important;
  }
  body.md-desktop.force-fontresize h3 {
    font-size: 21px;
    line-height: 96.25%;
  }
  body.md-desktop.force-fontresize h3 span {
    font-size: 21px !important;
    line-height: 96.25% !important;
  }
  body.md-desktop.force-fontresize h4 {
    font-size: 16px;
    line-height: 96.25%;
  }
  body.md-desktop.force-fontresize h4 span {
    font-size: 16px !important;
    line-height: 96.25% !important;
  }
  body.md-desktop.force-fontresize h5 {
    font-size: 13px;
    line-height: 96.25%;
  }
  body.md-desktop.force-fontresize h5 span {
    font-size: 13px !important;
    line-height: 96.25% !important;
  }
  body.md-desktop.force-fontresize h6 {
    font-size: 11px;
    line-height: 96.25%;
  }
  body.md-desktop.force-fontresize h6 span {
    font-size: 11px !important;
    line-height: 96.25% !important;
  }
  body.md-desktop.force-fontresize .page-audio .audio-cont span {
    font-size: 10px !important;
    line-height: inherit !important;
  }
  body.md-desktop.force-fontresize .quizlisten-player .header button span {
    font-size: 11px !important;
    line-height: 150% !important;
  }
  .md-desktop.force-fontresize .caption {
    font-size: 10.5px;
    line-height: normal*0.875;
  }
}
body.md-phone {
  font-size: 14px;
  line-height: 140%;
  /*OVERRIDES FOR THE OVERRIDES*/
}
body.md-phone p {
  font-size: 14px;
  line-height: 140%;
}
body.md-phone h1 {
  font-size: 32px;
  line-height: 96.25%;
}
body.md-phone h2 {
  font-size: 27px;
  line-height: 96.25%;
}
body.md-phone h3 {
  font-size: 21px;
  line-height: 96.25%;
}
body.md-phone h4 {
  font-size: 16px;
  line-height: 96.25%;
}
body.md-phone h5 {
  font-size: 13px;
  line-height: 96.25%;
}
body.md-phone h6 {
  font-size: 11px;
  line-height: 96.25%;
}
body.md-phone .page-audio .audio-cont span {
  font-size: 10px !important;
  line-height: inherit !important;
}
body.md-phone .quizlisten-player .header button span {
  font-size: 11px !important;
  line-height: 150% !important;
}
.md-phone .caption {
  font-size: 10.5px;
  line-height: normal*0.875;
}
body.md-phone.force-fontresize {
  font-size: 14px;
  line-height: 140%;
  /*OVERRIDES FOR THE OVERRIDES*/
}
body.md-phone.force-fontresize span {
  font-size: 14px !important;
  line-height: 140% !important;
}
body.md-phone.force-fontresize p {
  font-size: 14px;
  line-height: 140%;
}
body.md-phone.force-fontresize p span {
  font-size: 14px !important;
  line-height: 140% !important;
}
body.md-phone.force-fontresize h1 {
  font-size: 32px;
  line-height: 96.25%;
}
body.md-phone.force-fontresize h1 span {
  font-size: 32px !important;
  line-height: 96.25% !important;
}
body.md-phone.force-fontresize h2 {
  font-size: 27px;
  line-height: 96.25%;
}
body.md-phone.force-fontresize h2 span {
  font-size: 27px !important;
  line-height: 96.25% !important;
}
body.md-phone.force-fontresize h3 {
  font-size: 21px;
  line-height: 96.25%;
}
body.md-phone.force-fontresize h3 span {
  font-size: 21px !important;
  line-height: 96.25% !important;
}
body.md-phone.force-fontresize h4 {
  font-size: 16px;
  line-height: 96.25%;
}
body.md-phone.force-fontresize h4 span {
  font-size: 16px !important;
  line-height: 96.25% !important;
}
body.md-phone.force-fontresize h5 {
  font-size: 13px;
  line-height: 96.25%;
}
body.md-phone.force-fontresize h5 span {
  font-size: 13px !important;
  line-height: 96.25% !important;
}
body.md-phone.force-fontresize h6 {
  font-size: 11px;
  line-height: 96.25%;
}
body.md-phone.force-fontresize h6 span {
  font-size: 11px !important;
  line-height: 96.25% !important;
}
body.md-phone.force-fontresize .page-audio .audio-cont span {
  font-size: 10px !important;
  line-height: inherit !important;
}
body.md-phone.force-fontresize .quizlisten-player .header button span {
  font-size: 11px !important;
  line-height: 150% !important;
}
.md-phone.force-fontresize .caption {
  font-size: 10.5px;
  line-height: normal*0.875;
}
.page-overlay, .page-overlay-right {
  box-sizing: border-box;
  font-family: "PT Sans", Helvetica, Arial;
  height: 100%;
  left: 0;
  line-height: 150%;
  margin: 0;
  outline: 0;
  overflow: hidden;
  padding: 40px 25px;
  position: fixed;
  top: 0;
  transform: translateZ(0);
  z-index: 998;
}
.page-overlay:not(.no-reverse-text), .page-overlay-right:not(.no-reverse-text) {
  color: #fff;
}
.page-overlay.resources, .page-overlay-right.resources {
  padding: 0 25px;
}
.page-overlay .close-overlay, .page-overlay-right .close-overlay {
  cursor: pointer;
  display: block;
  height: 30px;
  position: absolute;
  right: 30px;
  top: 30px;
  width: 30px;
  z-index: 999;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_modalX.svg");
  background-size: 30px 30px;
}
.page-overlay#about, .page-overlay#topics, .page-overlay-right#about, .page-overlay-right#topics {
  display: block;
}
.page-overlay .overlay-title, .page-overlay-right .overlay-title {
  margin-bottom: 20px;
}
.page-overlay .overlay-title h3, .page-overlay-right .overlay-title h3 {
  letter-spacing: 1px;
}
.page-overlay button, .page-overlay-right button {
  display: inline-block;
  position: relative;
  border: none;
  margin: 5px;
  padding: 16px;
  background-color: #5F5F5F;
  box-sizing: border-box;
  font-family: "PT Sans", Helvetica, Arial;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 1px;
  color: #fff;
  transition: background-color 0.2s linear;
}
.page-overlay button:not(.btn-showall):focus, .page-overlay button:not(.btn-showall):hover, .page-overlay-right button:not(.btn-showall):focus, .page-overlay-right button:not(.btn-showall):hover {
  background-color: #333;
}
.page-overlay button:not(.btn-showall):focus:before, .page-overlay button:not(.btn-showall):hover:before, .page-overlay-right button:not(.btn-showall):focus:before, .page-overlay-right button:not(.btn-showall):hover:before {
  height: 4px;
}
.page-overlay button:not(.btn-showall):before, .page-overlay-right button:not(.btn-showall):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  background: #fff;
  transition: height 0.2s linear;
}
.page-overlay > div.row, .page-overlay-right > div.row {
  min-height: 100%;
}
.page-overlay > div.row ul, .page-overlay-right > div.row ul {
  display: inline-block;
  list-style: none;
  padding: 0;
}
.page-overlay > div.row ul li.block, .page-overlay-right > div.row ul li.block {
  float: left;
  margin: 5px;
}
.page-overlay > div.row ul li.block a, .page-overlay-right > div.row ul li.block a {
  background-color: #5f5f5f;
  color: #FFF;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 16px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.2s linear;
}
.page-overlay > div.row ul li.block a:hover, .page-overlay > div.row ul li.block a.active, .page-overlay-right > div.row ul li.block a:hover, .page-overlay-right > div.row ul li.block a.active {
  background-color: #323232;
}
.page-overlay > div.row ul li.block a:before, .page-overlay-right > div.row ul li.block a:before {
  background-color: #FFF;
}
.page-overlay > div.row .slideshow-text ul, .page-overlay-right > div.row .slideshow-text ul {
  display: block;
  list-style: disc;
  padding-left: 40px;
}
.page-overlay {
  animation: opacityOut 0.6s forwards;
  background: radial-gradient(circle farthest-corner at 57% -30%, #484848 20%, #151416 70%);
  width: 100%;
  background: radial-gradient(circle farthest-corner at 57% -30%, rgba(72, 72, 72, 0.95) 20%, rgba(21, 20, 22, 0.95) 70%);
}
.page-overlay .overlay-title {
  text-align: center;
}
.page-overlay.roles .close-overlay {
  display: none;
}
@keyframes opacityOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.page-overlay.active {
  animation: opacityIn 0.6s forwards;
}
@keyframes opacityIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.page-overlay.reverse-text#menu .overlay-title h1 {
  border-bottom-color: #fff;
}
.page-overlay.reverse-text#menu #topic-menu :first-child.row .divider {
  border-bottom-color: #fff;
}
.page-overlay.reverse-text#objectives #objective-list .objective-item {
  border-bottom-color: #fff;
}
.page-overlay.reverse-text#objectives #objective-list .objective-pages.row .divider {
  border-bottom-color: #fff;
}
.page-overlay-bg-custom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  transform: scale3d(1, 1, 1);
  overflow: hidden;
}
.page-overlay-bg-custom.anim-bg {
  animation: zoomBgIn 5s forwards;
}
@keyframes zoomBgIn {
  0% {
    transform: scale3d(1, 1, 1);
  }
  100% {
    transform: scale3d(1.05, 1.05, 1);
  }
}
.page-overlay-bg-custom.anim-bg-inout {
  animation: zoomBgInOut 10s forwards;
}
@keyframes zoomBgInOut {
  0% {
    transform: scale3d(1, 1, 1);
  }
  45% {
    transform: scale3d(1.05, 1.05, 1);
  }
  66% {
    transform: scale3d(1.05, 1.05, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.page-overlay-bg-custom.anim-bg-outfast {
  animation: zoomBgOutFast 0.5s forwards;
}
@keyframes zoomBgOutFast {
  0% {
    transform: scale3d(1.05, 1.05, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.page-overlay-bg-custom .gradient {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.page-overlay-bg-custom video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
.page-overlay-bg-custom {
  height: 100%;
  z-index: -1;
}
body[dir="RTL"] .page-overlay-bg-custom.ie video {
  left: -50%;
}
body[dir="RTL"] .page-overlay-bg-custom.edge video {
  left: auto;
}
.page-overlay-right {
  left: 30vw;
  width: 70vw;
  transform: translate3d(74vw, 0, 0);
  background: #1A1A1A;
  box-shadow: 10px 0 10px 13px #1A1A1A;
  animation: slideRight 0.6s forwards;
}
@keyframes slideRight {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(74vw, 0, 0);
  }
}
.page-overlay-right.active {
  animation: slideLeft 0.6s forwards;
}
@keyframes slideLeft {
  0% {
    transform: translate3d(74vw, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
body[dir="RTL"] .page-overlay .close-overlay, body[dir="RTL"] .page-overlay-right .close-overlay {
  right: auto !important;
  left: 30px !important;
}
@media (max-width: 767px) {
  .md-desktop .page-overlay:not(#about):not(#topics), .md-desktop .page-overlay-right, .md-desktop #resources.page-overlay {
    animation: slideDown 0.6s forwards;
    background: rgba(0, 0, 0, 0.9);
    border-top: 1px solid rgba(255, 255, 255, 0.9);
    bottom: -89vh;
    box-shadow: none;
    height: 85vh;
    padding: 30px;
    right: 0;
    top: auto;
    transform: translate3d(0, 0, 0);
    width: 100vw;
  }
  .md-desktop .page-overlay:not(#about):not(#topics) .overlay-title h1, .md-desktop .page-overlay:not(#about):not(#topics) .overlay-title h3, .md-desktop .page-overlay-right .overlay-title h1, .md-desktop .page-overlay-right .overlay-title h3, .md-desktop #resources.page-overlay .overlay-title h1, .md-desktop #resources.page-overlay .overlay-title h3 {
    font-family: "PT Sans", Helvetica, Arial;
    font-size: 16px;
    text-align: left;
    margin: 0;
  }
  @keyframes slideDown {
    0% {
      bottom: 0;
    }
    100% {
      bottom: -89vh;
    }
  }
  .md-desktop .page-overlay:not(#about):not(#topics).active, .md-desktop .page-overlay-right.active, .md-desktop #resources.page-overlay.active {
    animation: slideUp 0.6s forwards;
  }
  @keyframes slideUp {
    0% {
      bottom: -89vh;
    }
    100% {
      bottom: 0;
    }
  }
  .md-desktop .page-overlay:not(#about):not(#topics) .close-overlay, .md-desktop .page-overlay-right .close-overlay, .md-desktop #resources.page-overlay .close-overlay {
    right: 20px;
    top: 20px;
  }
  .md-desktop .page-overlay:not(#about):not(#topics) button, .md-desktop .page-overlay-right button, .md-desktop #resources.page-overlay button {
    padding: 8px 14px;
  }
  body[dir="RTL"].md-desktop .page-overlay .overlay-title *, body[dir="RTL"].md-desktop .page-overlay-right .overlay-title * {
    text-align: right !important;
  }
  body[dir="RTL"].md-desktop .page-overlay .overlay-title * #menu-title, body[dir="RTL"].md-desktop .page-overlay-right .overlay-title * #menu-title {
    text-align: right !important;
  }
  body[dir="RTL"].md-desktop .page-overlay .close-overlay, body[dir="RTL"].md-desktop .page-overlay-right .close-overlay {
    right: auto !important;
    left: 20px !important;
  }
  .page-overlay-right#glossary, .page-overlay-right#search, .page-overlay-right#transcript {
    left: 0;
  }
}
.md-phone .page-overlay:not(#about):not(#topics), .md-phone .page-overlay-right, .md-phone #resources.page-overlay {
  animation: slideDown 0.6s forwards;
  background: rgba(0, 0, 0, 0.9);
  border-top: 1px solid rgba(255, 255, 255, 0.9);
  bottom: -89vh;
  box-shadow: none;
  height: 85vh;
  padding: 30px;
  right: 0;
  top: auto;
  transform: translate3d(0, 0, 0);
  width: 100vw;
}
.md-phone .page-overlay:not(#about):not(#topics) .overlay-title h1, .md-phone .page-overlay:not(#about):not(#topics) .overlay-title h3, .md-phone .page-overlay-right .overlay-title h1, .md-phone .page-overlay-right .overlay-title h3, .md-phone #resources.page-overlay .overlay-title h1, .md-phone #resources.page-overlay .overlay-title h3 {
  font-family: "PT Sans", Helvetica, Arial;
  font-size: 16px;
  text-align: left;
  margin: 0;
}
@keyframes slideDown {
  0% {
    bottom: 0;
  }
  100% {
    bottom: -89vh;
  }
}
.md-phone .page-overlay:not(#about):not(#topics).active, .md-phone .page-overlay-right.active, .md-phone #resources.page-overlay.active {
  animation: slideUp 0.6s forwards;
}
@keyframes slideUp {
  0% {
    bottom: -89vh;
  }
  100% {
    bottom: 0;
  }
}
.md-phone .page-overlay:not(#about):not(#topics) .close-overlay, .md-phone .page-overlay-right .close-overlay, .md-phone #resources.page-overlay .close-overlay {
  right: 20px;
  top: 20px;
}
.md-phone .page-overlay:not(#about):not(#topics) button, .md-phone .page-overlay-right button, .md-phone #resources.page-overlay button {
  padding: 8px 14px;
}
body[dir="RTL"].md-phone .page-overlay .overlay-title *, body[dir="RTL"].md-phone .page-overlay-right .overlay-title * {
  text-align: right !important;
}
body[dir="RTL"].md-phone .page-overlay .overlay-title * #menu-title, body[dir="RTL"].md-phone .page-overlay-right .overlay-title * #menu-title {
  text-align: right !important;
}
body[dir="RTL"].md-phone .page-overlay .close-overlay, body[dir="RTL"].md-phone .page-overlay-right .close-overlay {
  right: auto !important;
  left: 20px !important;
}
@media (orientation: landscape) and (max-width: 767px) {
  .page-overlay:not(#about):not(#topics).mobile-android, .page-overlay-right.mobile-android {
    height: 100%;
    bottom: -100%;
  }
  .page-overlay:not(#about):not(#topics).mobile-android.active, .page-overlay-right.mobile-android.active {
    animation: slideUpAndroid 0.6s forwards;
  }
  @keyframes slideUpAndroid {
    0% {
      bottom: -100%;
    }
    100% {
      bottom: 0;
    }
  }
  .page-overlay:not(#about):not(#topics), .page-overlay-right {
    height: 100vh;
    bottom: -100vh;
    border-top: 0;
    animation: slideDown 0.6s forwards;
  }
  @keyframes slideDown {
    0% {
      bottom: 0;
    }
    100% {
      bottom: -104vh;
    }
  }
  .page-overlay:not(#about):not(#topics).active, .page-overlay-right.active {
    animation: slideUp 0.6s forwards;
  }
  @keyframes slideUp {
    0% {
      bottom: -104vh;
    }
    100% {
      bottom: 0;
    }
  }
}
@media (orientation: landscape) {
  .md-phone .page-overlay:not(#about):not(#topics).mobile-android, .md-phone .page-overlay-right.mobile-android {
    height: 100%;
    bottom: -100%;
  }
  .md-phone .page-overlay:not(#about):not(#topics).mobile-android.active, .md-phone .page-overlay-right.mobile-android.active {
    animation: slideUpAndroid 0.6s forwards;
  }
  @keyframes slideUpAndroid {
    0% {
      bottom: -100%;
    }
    100% {
      bottom: 0;
    }
  }
  .md-phone .page-overlay:not(#about):not(#topics), .md-phone .page-overlay-right {
    height: 100vh;
    bottom: -100vh;
    border-top: 0;
    animation: slideDown 0.6s forwards;
  }
  @keyframes slideDown {
    0% {
      bottom: 0;
    }
    100% {
      bottom: -104vh;
    }
  }
  .md-phone .page-overlay:not(#about):not(#topics).active, .md-phone .page-overlay-right.active {
    animation: slideUp 0.6s forwards;
  }
  @keyframes slideUp {
    0% {
      bottom: -104vh;
    }
    100% {
      bottom: 0;
    }
  }
}
@keyframes loadShadow {
  0%, 1%, 99%, 100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%, 59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
}
@keyframes loadRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.load-spin-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 180px;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.95);
  border: 2px dotted #737373;
  font-family: "PT Sans", Helvetica, Arial;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
  visibility: hidden;
}
.load-spin-cont.active {
  visibility: visible;
}
.load-spin-cont .load-spin {
  width: 40px;
  height: 40px;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  transform: translateZ(0);
  border-radius: 50%;
  font-size: 40px;
  animation: loadShadow 1.5s infinite ease, loadRotate 1.5s infinite ease;
}
.load-spin-cont .load-spin-txt {
  position: absolute;
  top: calc(50% + 40px);
  left: 50%;
  transform: translate(-50%, 0);
  width: 96%;
}
.bounceL-leave {
  opacity: 1;
  transform: translateX(0);
}
.bounceL-leave-active {
  opacity: 0;
  transform: translateX(100%);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.bounceL-enter {
  opacity: 0;
  transform: translateX(100%);
}
.bounceL-enter-active {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.bounceL-height {
  height: 100% !important;
}
.bounceL-height-active {
  height: 100% !important;
}
.bounceR-leave {
  transform: translateX(0);
  opacity: 1;
}
.bounceR-leave-active {
  opacity: 0;
  transform: translateX(-100%);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.bounceR-enter {
  transform: translateX(-100%);
  opacity: 0;
}
.bounceR-enter-active {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.bounceR-height {
  height: 100% !important;
}
.bounceR-height-active {
  height: 100% !important;
}
.carouselL-leave {
  transform: translateX(0);
}
.carouselL-leave-active {
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
}
.carouselL-enter {
  transform: translateX(100%);
}
.carouselL-enter-active {
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
}
.carouselL-height {
  height: 100% !important;
}
.carouselL-height-active {
  height: 100% !important;
}
.carouselR-leave {
  transform: translateX(0);
}
.carouselR-leave-active {
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}
.carouselR-enter {
  transform: translateX(-100%);
}
.carouselR-enter-active {
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
}
.carouselR-height {
  height: 100% !important;
}
.carouselR-height-active {
  height: 100% !important;
}
.carouselVertL-leave {
  transform: translateY(0);
}
.carouselVertL-leave-active {
  transform: translateY(-100vh);
  transition: transform 0.3s ease-in-out;
}
.carouselVertL-enter {
  transform: translateY(100vh);
}
.carouselVertL-enter-active {
  transform: translateY(0);
  transition: transform 0.3s ease-in-out;
}
.carouselVertL-height {
  height: 100vh !important;
}
.carouselVertL-height-active {
  height: 100vh !important;
}
.carouselVertR-leave {
  transform: translateY(0);
}
.carouselVertR-leave-active {
  transform: translateY(100vh);
  transition: transform 0.3s ease-in-out;
}
.carouselVertR-enter {
  transform: translateY(-100vh);
}
.carouselVertR-enter-active {
  transform: translateY(0);
  transition: transform 0.3s ease-in-out;
}
.carouselVertR-height {
  height: 100vh !important;
}
.carouselVertR-height-active {
  height: 100vh !important;
}
.crossFade-leave {
  opacity: 1;
}
.crossFade-leave.crossFade-leave-active {
  opacity: 0;
  transition: opacity 0.3s ease-in;
}
.crossFade-enter {
  opacity: 0;
}
.crossFade-enter.crossFade-enter-active {
  opacity: 1;
  transition: opacity 0.3s ease-in;
}
.crossFade-height {
  height: 100% !important;
}
.crossFade-height-active {
  height: 100% !important;
}
.flipInBottomL-leave {
  transform-origin: center bottom;
  transform: perspective(400px);
  opacity: 1;
}
.flipInBottomL-leave-active {
  transform-origin: center bottom;
  transform: perspective(400px) rotateX(-90deg);
  opacity: 0;
  transition: all 0.6s ease-in;
}
.flipInBottomL-enter {
  transform-origin: center bottom;
  transform: perspective(400px) rotateX(90deg);
  opacity: 0;
}
.flipInBottomL-enter-active {
  transform-origin: center bottom;
  transform: perspective(400px);
  opacity: 1;
  transition: all 0.6s ease-in;
}
.flipInBottomL-height {
  backface-visibility: visible !important;
  height: 100% !important;
}
.flipInBottomL-height-active {
  height: 100% !important;
}
.flipInBottomR-leave {
  transform-origin: center bottom;
  transform: perspective(400px);
  opacity: 1;
}
.flipInBottomR-leave-active {
  transform-origin: center bottom;
  transform: perspective(400px) rotateX(90deg);
  opacity: 0;
  transition: all 0.6s ease-in;
}
.flipInBottomR-enter {
  transform-origin: center bottom;
  transform: perspective(400px) rotateX(-90deg);
  opacity: 0;
}
.flipInBottomR-enter-active {
  transform-origin: center bottom;
  transform: perspective(400px);
  opacity: 1;
  transition: all 0.6s ease-in;
}
.flipInBottomR-height {
  backface-visibility: visible !important;
  height: 100% !important;
}
.flipInBottomR-height-active {
  height: 100% !important;
}
.flipInCenterXL-leave {
  transform: perspective(400px);
  opacity: 1;
}
.flipInCenterXL-leave-active {
  transform: perspective(400px) rotateX(-90deg);
  opacity: 0;
  transition: all 0.6s ease-in;
}
.flipInCenterXL-enter {
  transform: perspective(400px) rotateX(90deg);
  opacity: 0;
}
.flipInCenterXL-enter-active {
  transform: perspective(400px);
  opacity: 1;
  transition: all 0.6s ease-in;
}
.flipInCenterXL-height {
  backface-visibility: visible !important;
  height: 100% !important;
}
.flipInCenterXL-height-active {
  height: 100% !important;
}
.flipInCenterXR-leave {
  transform: perspective(400px);
  opacity: 1;
}
.flipInCenterXR-leave-active {
  transform: perspective(400px) rotateX(90deg);
  opacity: 0;
  transition: all 0.6s ease-in;
}
.flipInCenterXR-enter {
  transform: perspective(400px) rotateX(-90deg);
  opacity: 0;
}
.flipInCenterXR-enter-active {
  transform: perspective(400px);
  opacity: 1;
  transition: all 0.6s ease-in;
}
.flipInCenterXR-height {
  backface-visibility: visible !important;
  height: 100% !important;
}
.flipInCenterXR-height-active {
  height: 100% !important;
}
.flipInCenterYL-leave {
  transform: perspective(400px);
  opacity: 1;
}
.flipInCenterYL-leave-active {
  transform: perspective(400px) rotateY(-90deg);
  opacity: 0;
  transition: all 0.6s ease-in;
}
.flipInCenterYL-enter {
  transform: perspective(400px) rotateY(90deg);
  opacity: 0;
}
.flipInCenterYL-enter-active {
  transform: perspective(400px);
  opacity: 1;
  transition: all 0.6s ease-in;
}
.flipInCenterYL-height {
  backface-visibility: visible !important;
  height: 100% !important;
}
.flipInCenterYL-height-active {
  height: 100% !important;
}
.flipInCenterYR-leave {
  transform: perspective(400px);
  opacity: 1;
}
.flipInCenterYR-leave-active {
  transform: perspective(400px) rotateY(90deg);
  opacity: 0;
  transition: all 0.6s ease-in;
}
.flipInCenterYR-enter {
  transform: perspective(400px) rotateY(-90deg);
  opacity: 0;
}
.flipInCenterYR-enter-active {
  transform: perspective(400px);
  opacity: 1;
  transition: all 0.6s ease-in;
}
.flipInCenterYR-height {
  backface-visibility: visible !important;
  height: 100% !important;
}
.flipInCenterYR-height-active {
  height: 100% !important;
}
.flipInLeftL-leave {
  transform-origin: left center;
  transform: perspective(400px);
  opacity: 1;
}
.flipInLeftL-leave-active {
  transform-origin: left center;
  transform: perspective(400px) rotateY(-90deg);
  opacity: 0;
  transition: all 0.6s ease-in;
}
.flipInLeftL-enter {
  transform-origin: left center;
  transform: perspective(400px) rotateY(90deg);
  opacity: 0;
}
.flipInLeftL-enter-active {
  transform-origin: left center;
  transform: perspective(400px);
  opacity: 1;
  transition: all 0.6s ease-in;
}
.flipInLeftL-height {
  backface-visibility: visible !important;
  height: 100% !important;
}
.flipInLeftL-height-active {
  height: 100% !important;
}
.flipInLeftR-leave {
  transform-origin: left center;
  transform: perspective(400px);
  opacity: 1;
}
.flipInLeftR-leave-active {
  transform-origin: left center;
  transform: perspective(400px) rotateY(90deg);
  opacity: 0;
  transition: all 0.6s ease-in;
}
.flipInLeftR-enter {
  transform-origin: left center;
  transform: perspective(400px) rotateY(-90deg);
  opacity: 0;
}
.flipInLeftR-enter-active {
  transform-origin: left center;
  transform: perspective(400px);
  opacity: 1;
  transition: all 0.6s ease-in;
}
.flipInLeftR-height {
  backface-visibility: visible !important;
  height: 100% !important;
}
.flipInLeftR-height-active {
  height: 100% !important;
}
.flipInRightL-leave {
  transform-origin: right center;
  transform: perspective(400px);
  opacity: 1;
}
.flipInRightL-leave-active {
  transform-origin: right center;
  transform: perspective(400px) rotateY(90deg);
  opacity: 0;
  transition: all 0.6s ease-in;
}
.flipInRightL-enter {
  transform-origin: right center;
  transform: perspective(400px) rotateY(-90deg);
  opacity: 0;
}
.flipInRightL-enter-active {
  transform-origin: right center;
  transform: perspective(400px);
  opacity: 1;
  transition: all 0.6s ease-in;
}
.flipInRightL-height {
  backface-visibility: visible !important;
  height: 100% !important;
}
.flipInRightL-height-active {
  height: 100% !important;
}
.flipInRightR-leave {
  transform-origin: right center;
  transform: perspective(400px);
  opacity: 1;
}
.flipInRightR-leave-active {
  transform-origin: right center;
  transform: perspective(400px) rotateY(-90deg);
  opacity: 0;
  transition: all 0.6s ease-in;
}
.flipInRightR-enter {
  transform-origin: right center;
  transform: perspective(400px) rotateY(90deg);
  opacity: 0;
}
.flipInRightR-enter-active {
  transform-origin: right center;
  transform: perspective(400px);
  opacity: 1;
  transition: all 0.6s ease-in;
}
.flipInRightR-height {
  backface-visibility: visible !important;
  height: 100% !important;
}
.flipInRightR-height-active {
  height: 100% !important;
}
.flipInTopL-leave {
  transform-origin: center top;
  transform: perspective(400px);
  opacity: 1;
}
.flipInTopL-leave-active {
  transform-origin: center top;
  transform: perspective(400px) rotateX(90deg);
  opacity: 0;
  transition: all 0.6s ease-in;
}
.flipInTopL-enter {
  transform-origin: center top;
  transform: perspective(400px) rotateX(-90deg);
  opacity: 0;
}
.flipInTopL-enter-active {
  transform-origin: center top;
  transform: perspective(400px);
  opacity: 1;
  transition: all 0.6s ease-in;
}
.flipInTopL-height {
  backface-visibility: visible !important;
  height: 100% !important;
}
.flipInTopL-height-active {
  height: 100% !important;
}
.flipInTopR-leave {
  transform-origin: center top;
  transform: perspective(400px);
  opacity: 1;
}
.flipInTopR-leave-active {
  transform-origin: center top;
  transform: perspective(400px) rotateX(-90deg);
  opacity: 0;
  transition: all 0.6s ease-in;
}
.flipInTopR-enter {
  transform-origin: center top;
  transform: perspective(400px) rotateX(90deg);
  opacity: 0;
}
.flipInTopR-enter-active {
  transform-origin: center top;
  transform: perspective(400px);
  opacity: 1;
  transition: all 0.6s ease-in;
}
.flipInTopR-height {
  backface-visibility: visible !important;
  height: 100% !important;
}
.flipInTopR-height-active {
  height: 100% !important;
}
.lightspeedInL-leave {
  transform: translateX(0) skewX(30deg) scaleX(1.5);
}
.lightspeedInL-leave-active {
  transform: translateX(-100%) skewX(0deg) scaleX(1);
  transition: all 0.6s ease-in;
}
.lightspeedInL-enter {
  transform: translateX(150%) skewX(30deg) scaleX(1.5);
}
.lightspeedInL-enter-active {
  transform: translateX(0) skewX(0deg) scaleX(1);
  transition: all 0.6s ease-in;
}
.lightspeedInL-height {
  height: 100% !important;
}
.lightspeedInL-height-active {
  height: 100% !important;
}
.lightspeedInR-leave {
  transform: translateX(0) skewX(-30deg) scaleX(1.5);
}
.lightspeedInR-leave-active {
  transform: translateX(100%) skewX(0deg) scaleX(1);
  transition: all 0.6s ease-in;
}
.lightspeedInR-enter {
  transform: translateX(-150%) skewX(-30deg) scaleX(1.5);
}
.lightspeedInR-enter-active {
  transform: translateX(0) skewX(0deg) scaleX(1);
  transition: all 0.6s ease-in;
}
.lightspeedInR-height {
  height: 100% !important;
}
.lightspeedInR-height-active {
  height: 100% !important;
}
.rollInBottomL-leave {
  transform: translateY(0);
  opacity: 1;
}
.rollInBottomL-leave-active {
  transform: translateY(-100%) rotate(-120deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rollInBottomL-enter {
  transform: translateY(100%) rotate(120deg);
  opacity: 0;
}
.rollInBottomL-enter-active {
  transform: translateY(0);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rollInBottomL-height {
  height: 100% !important;
}
.rollInBottomL-height-active {
  height: 100% !important;
}
.rollInBottomR-leave {
  transform: translateY(0);
  opacity: 1;
}
.rollInBottomR-leave-active {
  transform: translateY(100%) rotate(120deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rollInBottomR-enter {
  transform: translateY(-100%) rotate(-120deg);
  opacity: 0;
}
.rollInBottomR-enter-active {
  transform: translateY(0);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rollInBottomR-height {
  height: 100% !important;
}
.rollInBottomR-height-active {
  height: 100% !important;
}
.rollInLeftL-leave {
  transform: translateX(0);
  opacity: 1;
}
.rollInLeftL-leave-active {
  transform: translateX(100%) rotate(120deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rollInLeftL-enter {
  transform: translateX(-100%) rotate(-120deg);
  opacity: 0;
}
.rollInLeftL-enter-active {
  transform: translateX(0);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rollInLeftL-height {
  height: 100% !important;
}
.rollInLeftL-height-active {
  height: 100% !important;
}
.rollInLeftR-leave {
  transform: translateX(0);
  opacity: 1;
}
.rollInLeftR-leave-active {
  transform: translateX(-100%) rotate(-120deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rollInLeftR-enter {
  transform: translateX(100%) rotate(120deg);
  opacity: 0;
}
.rollInLeftR-enter-active {
  transform: translateX(0);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rollInLeftR-height {
  height: 100% !important;
}
.rollInLeftR-height-active {
  height: 100% !important;
}
.rollInRightL-leave {
  transform: translateX(0);
  opacity: 1;
}
.rollInRightL-leave-active {
  transform: translateX(-100%) rotate(-120deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rollInRightL-enter {
  transform: translateX(100%) rotate(120deg);
  opacity: 0;
}
.rollInRightL-enter-active {
  transform: translateX(0);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rollInRightL-height {
  height: 100% !important;
}
.rollInRightL-height-active {
  height: 100% !important;
}
.rollInRightR-leave {
  transform: translateX(0);
  opacity: 1;
}
.rollInRightR-leave-active {
  transform: translateX(100%) rotate(120deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rollInRightR-enter {
  transform: translateX(-100%) rotate(-120deg);
  opacity: 0;
}
.rollInRightR-enter-active {
  transform: translateX(0);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rollInRightR-height {
  height: 100% !important;
}
.rollInRightR-height-active {
  height: 100% !important;
}
.rollInTopL-leave {
  transform: translateY(0);
  opacity: 1;
}
.rollInTopL-leave-active {
  transform: translateY(100%) rotate(120deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rollInTopL-enter {
  transform: translateY(-100%) rotate(-120deg);
  opacity: 0;
}
.rollInTopL-enter-active {
  transform: translateY(0);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rollInTopL-height {
  height: 100% !important;
}
.rollInTopL-height-active {
  height: 100% !important;
}
.rollInTopR-leave {
  transform: translateY(0);
  opacity: 1;
}
.rollInTopR-leave-active {
  transform: translateY(-100%) rotate(-120deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rollInTopR-enter {
  transform: translateY(100%) rotate(120deg);
  opacity: 0;
}
.rollInTopR-enter-active {
  transform: translateY(0);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rollInTopR-height {
  height: 100% !important;
}
.rollInTopR-height-active {
  height: 100% !important;
}
.rotateInClockwiseL-leave {
  transform: rotate(0deg);
  opacity: 1;
}
.rotateInClockwiseL-leave-active {
  transform: rotate(45deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rotateInClockwiseL-enter {
  transform: rotate(-45deg);
  opacity: 0;
}
.rotateInClockwiseL-enter-active {
  transform: rotate(0deg);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rotateInClockwiseL-height {
  height: 100% !important;
}
.rotateInClockwiseL-height-active {
  height: 100% !important;
}
.rotateInClockwiseR-leave {
  transform: rotate(0deg);
  opacity: 1;
}
.rotateInClockwiseR-leave-active {
  transform: rotate(-45deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rotateInClockwiseR-enter {
  transform: rotate(45deg);
  opacity: 0;
}
.rotateInClockwiseR-enter-active {
  transform: rotate(0deg);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rotateInClockwiseR-height {
  height: 100% !important;
}
.rotateInClockwiseR-height-active {
  height: 100% !important;
}
.rotateInCClockwiseL-leave {
  transform: rotate(0deg);
  opacity: 1;
}
.rotateInCClockwiseL-leave-active {
  transform: rotate(-45deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rotateInCClockwiseL-enter {
  transform: rotate(45deg);
  opacity: 0;
}
.rotateInCClockwiseL-enter-active {
  transform: rotate(0deg);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rotateInCClockwiseL-height {
  height: 100% !important;
}
.rotateInCClockwiseL-height-active {
  height: 100% !important;
}
.rotateInCClockwiseR-leave {
  transform: rotate(0deg);
  opacity: 1;
}
.rotateInCClockwiseR-leave-active {
  transform: rotate(45deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rotateInCClockwiseR-enter {
  transform: rotate(-45deg);
  opacity: 0;
}
.rotateInCClockwiseR-enter-active {
  transform: rotate(0deg);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rotateInCClockwiseR-height {
  height: 100% !important;
}
.rotateInCClockwiseR-height-active {
  height: 100% !important;
}
.rotateInDownLeftL-leave {
  transform-origin: left bottom;
  transform: rotate(0deg);
  opacity: 1;
}
.rotateInDownLeftL-leave-active {
  transform-origin: left bottom;
  transform: rotate(45deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rotateInDownLeftL-enter {
  transform-origin: left bottom;
  transform: rotate(-45deg);
  opacity: 0;
}
.rotateInDownLeftL-enter-active {
  transform-origin: left bottom;
  transform: rotate(0deg);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rotateInDownLeftL-height {
  height: 100% !important;
}
.rotateInDownLeftL-height-active {
  height: 100% !important;
}
.rotateInDownLeftR-leave {
  transform-origin: left bottom;
  transform: rotate(0deg);
  opacity: 1;
}
.rotateInDownLeftR-leave-active {
  transform-origin: left bottom;
  transform: rotate(-45deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rotateInDownLeftR-enter {
  transform-origin: left bottom;
  transform: rotate(45deg);
  opacity: 0;
}
.rotateInDownLeftR-enter-active {
  transform-origin: left bottom;
  transform: rotate(0deg);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rotateInDownLeftR-height {
  height: 100% !important;
}
.rotateInDownLeftR-height-active {
  height: 100% !important;
}
.rotateInDownRightL-leave {
  transform-origin: right bottom;
  transform: rotate(0deg);
  opacity: 1;
}
.rotateInDownRightL-leave-active {
  transform-origin: right bottom;
  transform: rotate(-45deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rotateInDownRightL-enter {
  transform-origin: right bottom;
  transform: rotate(45deg);
  opacity: 0;
}
.rotateInDownRightL-enter-active {
  transform-origin: right bottom;
  transform: rotate(0deg);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rotateInDownRightL-height {
  height: 100% !important;
}
.rotateInDownRightL-height-active {
  height: 100% !important;
}
.rotateInDownRightR-leave {
  transform-origin: right bottom;
  transform: rotate(0deg);
  opacity: 1;
}
.rotateInDownRightR-leave-active {
  transform-origin: right bottom;
  transform: rotate(45deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rotateInDownRightR-enter {
  transform-origin: right bottom;
  transform: rotate(-45deg);
  opacity: 0;
}
.rotateInDownRightR-enter-active {
  transform-origin: right bottom;
  transform: rotate(0deg);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rotateInDownRightR-height {
  height: 100% !important;
}
.rotateInDownRightR-height-active {
  height: 100% !important;
}
.rotateInUpLeftL-leave {
  transform-origin: left top;
  transform: rotate(0deg);
  opacity: 1;
}
.rotateInUpLeftL-leave-active {
  transform-origin: left top;
  transform: rotate(-45deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rotateInUpLeftL-enter {
  transform-origin: left top;
  transform: rotate(45deg);
  opacity: 0;
}
.rotateInUpLeftL-enter-active {
  transform-origin: left top;
  transform: rotate(0deg);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rotateInUpLeftL-height {
  height: 100% !important;
}
.rotateInUpLeftL-height-active {
  height: 100% !important;
}
.rotateInUpLeftR-leave {
  transform-origin: left top;
  transform: rotate(0deg);
  opacity: 1;
}
.rotateInUpLeftR-leave-active {
  transform-origin: left top;
  transform: rotate(45deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rotateInUpLeftR-enter {
  transform-origin: left top;
  transform: rotate(-45deg);
  opacity: 0;
}
.rotateInUpLeftR-enter-active {
  transform-origin: left top;
  transform: rotate(0deg);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rotateInUpLeftR-height {
  height: 100% !important;
}
.rotateInUpLeftR-height-active {
  height: 100% !important;
}
.rotateInUpRightL-leave {
  transform-origin: right top;
  transform: rotate(0deg);
  opacity: 1;
}
.rotateInUpRightL-leave-active {
  transform-origin: right top;
  transform: rotate(45deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rotateInUpRightL-enter {
  transform-origin: right top;
  transform: rotate(-45deg);
  opacity: 0;
}
.rotateInUpRightL-enter-active {
  transform-origin: right top;
  transform: rotate(0deg);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rotateInUpRightL-height {
  height: 100% !important;
}
.rotateInUpRightL-height-active {
  height: 100% !important;
}
.rotateInUpRightR-leave {
  transform-origin: right top;
  transform: rotate(0deg);
  opacity: 1;
}
.rotateInUpRightR-leave-active {
  transform-origin: right top;
  transform: rotate(-45deg);
  transition: all 0.6s ease-in;
  opacity: 0;
}
.rotateInUpRightR-enter {
  transform-origin: right top;
  transform: rotate(45deg);
  opacity: 0;
}
.rotateInUpRightR-enter-active {
  transform-origin: right top;
  transform: rotate(0deg);
  transition: all 0.6s ease-in;
  opacity: 1;
}
.rotateInUpRightR-height {
  height: 100% !important;
}
.rotateInUpRightR-height-active {
  height: 100% !important;
}
.scaleOpacL-leave {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
.scaleOpacL-leave-active {
  opacity: 0;
  transform: scale3d(0.8, 0.8, 1);
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.scaleOpacL-enter {
  transform: translateX(100%);
}
.scaleOpacL-enter-active {
  transform: translateX(0);
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.scaleOpacL-height {
  height: 100% !important;
}
.scaleOpacL-height-active {
  height: 100% !important;
}
.scaleOpacR-leave {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
.scaleOpacR-leave-active {
  opacity: 0;
  transform: scale3d(0.8, 0.8, 1);
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.scaleOpacR-enter {
  transform: translateX(-100%);
}
.scaleOpacR-enter-active {
  transform: translateX(0);
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.scaleOpacR-height {
  height: 100% !important;
}
.scaleOpacR-height-active {
  height: 100% !important;
}
.zoomInCenterL-leave {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.zoomInCenterL-leave-active {
  transform: scale3d(0.3, 0.3, 0.3);
  opacity: 0;
  transition: all 0.6s ease-in;
}
.zoomInCenterL-enter {
  transform: scale3d(0.3, 0.3, 0.3);
  opacity: 0;
}
.zoomInCenterL-enter-active {
  transform: scale3d(1, 1, 1);
  opacity: 1;
  transition: all 0.6s ease-in;
}
.zoomInCenterL-height {
  height: 100% !important;
}
.zoomInCenterL-height-active {
  height: 100% !important;
}
.zoomInCenterR-leave {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.zoomInCenterR-leave-active {
  transform: scale3d(0.3, 0.3, 0.3);
  opacity: 0;
  transition: all 0.6s ease-in;
}
.zoomInCenterR-enter {
  transform: scale3d(0.3, 0.3, 0.3);
  opacity: 0;
}
.zoomInCenterR-enter-active {
  transform: scale3d(1, 1, 1);
  opacity: 1;
  transition: all 0.6s ease-in;
}
.zoomInCenterR-height {
  height: 100% !important;
}
.zoomInCenterR-height-active {
  height: 100% !important;
}
.none-leave {
  opacity: 0;
}
.none-leave-active {
  opacity: 0;
}
.none-enter {
  opacity: 1;
}
.none-enter-active {
  opacity: 1;
}
.none-height, .noneL-height, .noneR-height {
  height: 100% !important;
}
.none-height-active, .noneL-height-active, .noneR-height-active {
  height: 100% !important;
}
.anim-wait {
  visibility: hidden !important;
}
.anim-left {
  transform: translateX(-100%);
  animation-duration: 1s;
}
.anim-left.active {
  /*animation-fill-mode:forwards;
	animation:animLeftBack .7s forwards;
	@keyframes animLeftBack {
		0%   {
			opacity:1;
			transform:translate(0,0);
		}
		100% {
			opacity:0;
			transform:translate(-100%,0);
		}
	}
	*/
  animation-name: animLeftForward;
  opacity: 1;
  transform: translateX(0);
}
@keyframes animLeftForward {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.anim-right {
  transform: translateX(100%);
  animation-duration: 1s;
}
.anim-right.active {
  /*animation-fill-mode:forwards;
	&.ready {
		animation:animRightBack .7s forwards;
		@keyframes animRightBack {
			0%   {
				opacity:1;
				transform:translate(0,0);
			}
			100% {
				opacity:0;
				transform:translate(100%,0);
			}
		}
	}*/
  animation-name: animRightForward;
  opacity: 1;
  transform: translateX(0);
}
@keyframes animRightForward {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.anim-top {
  transform: translateY(-100%);
  animation-duration: 1s;
}
.anim-top.active {
  /*animation-fill-mode:forwards;
	&.ready {
		animation:animTopUp .7s forwards;
		@keyframes animTopUp {
			0%   {
				opacity:1;
				transform:translate(0,0);
			}
			100% {
				opacity:0;
				transform:translate(0,-100%);
			}
		}
	}*/
  animation-name: animTopDown;
  opacity: 1;
  transform: translateY(0%);
}
@keyframes animTopDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
.anim-bottom {
  transform: translateY(100%);
  animation-duration: 1s;
}
.anim-bottom.active {
  /*animation-fill-mode:forwards;
	&.ready {
		animation:animBottomUp .7s forwards;
		@keyframes animBottomUp {
			0%   {
				opacity:1;
				transform:translate(0,0);
			}
			100% {
				opacity:0;
				transform:translate(0,100%);
			}
		}
	}
	*/
  animation-name: animBottomDown;
  opacity: 1;
  transform: translateY(0);
}
@keyframes animBottomDown {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.anim-scale-in {
  transform: scale3d(0, 0, 1);
  animation-duration: 1s;
}
.anim-scale-in.active {
  /*animation-fill-mode:forwards;
	&.ready {
		animation:animScaleOut .7s forwards;
		@keyframes animScaleOut {
			0%   {
				opacity:1;
				transform:scale3d(1,1,1);
			}
			100% {
				opacity:0;
				transform:scale3d(0,0,1);
			}
		}
	}
	*/
  animation-name: animScaleIn;
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
@keyframes animScaleIn {
  0% {
    opacity: 0;
    transform: scale3d(0, 0, 1);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.anim-rotate-in {
  transform: rotate(360deg);
  animation-duration: 1s;
}
.anim-rotate-in.active {
  /*animation-fill-mode:forwards;
	&.ready {
		animation:animRotateOut .7s forwards;
		@keyframes animRotateOut {
			0%   {
				opacity:1;
				transform:rotate(360deg);
			}
			100% {
				opacity:0;
				transform:rotate(0deg);
			}
		}
	}
	*/
  animation-name: animRotateIn;
  opacity: 1;
  transform: rotate(0deg);
}
@keyframes animRotateIn {
  0% {
    opacity: 0;
    transform: rotate(360deg);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg);
  }
}
.anim-rotate-in2 {
  transform: rotate(0deg);
  animation-duration: 1s;
}
.anim-rotate-in2.active {
  /*animation-fill-mode:forwards;
	&.ready {
		animation:animRotateOut2 .7s forwards;
		@keyframes animRotateOut2 {
			0%   {
				opacity:1;
				transform:rotate(0deg);
			}
			100% {
				opacity:0;
				transform:rotate(-360deg);
			}
		}
	}*/
  animation-name: animRotateIn2;
  opacity: 1;
  transform: rotate(-360deg);
}
@keyframes animRotateIn2 {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: rotate(-360deg);
  }
}
.anim-scale-rotate-in {
  transform: scale3d(0, 0, 1) rotate(360deg);
  animation-duration: 1s;
}
.anim-scale-rotate-in.active {
  /*animation-fill-mode:forwards;
	&.ready {
		animation:animScaleRotateOut .7s forwards;
		@keyframes animScaleRotateOut {
			0%   {
				opacity:1;
				transform:scale3d(1,1,1) rotate(360deg);
			}
			100% {
				opacity:0;
				transform:scale3d(0,0,1) rotate(0deg);
			}
		}
	}*/
  animation-name: animScaleRotateIn;
  opacity: 1;
  transform: scale3d(1, 1, 1) rotate(0deg);
}
@keyframes animScaleRotateIn {
  0% {
    opacity: 0;
    transform: scale3d(0, 0, 1) rotate(360deg);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1) rotate(0deg);
  }
}
.anim-scale-rotate-in2 {
  transform: scale3d(0, 0, 1) rotate(0deg);
  animation-duration: 1s;
}
.anim-scale-rotate-in2.active {
  /*animation-fill-mode:forwards;
	
	&.ready {
		animation:animScaleRotateOut .7s forwards;
		@keyframes animScaleRotateOut {
			0%   {
				opacity:1;
				transform:scale3d(1,1,1) rotate(0deg);
			}
			100% {
				opacity:0;
				transform:scale3d(0,0,1) rotate(-360deg);
			}
		}
	}*/
  animation-name: animScaleRotateIn;
  opacity: 1;
  transform: scale3d(1, 1, 1) rotate(-360deg);
}
@keyframes animScaleRotateIn {
  0% {
    opacity: 0;
    transform: scale3d(0, 0, 1) rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1) rotate(-360deg);
  }
}
.linear {
  transition-timing-function: linear;
}
.easeInSine {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
.easeOutSine {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.easeInOutSine {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.easeInQuad {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.easeOutQuad {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.easeInOutQuad {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.easeInCubic {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.easeOutCubic {
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.easeInOutCubic {
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.easeInQuart {
  transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.easeOutQuart {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.easeInOutQuart {
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.easeInQuint {
  transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.easeOutQuint {
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.easeInOutQuint {
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.easeInExpo {
  transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}
.easeOutExpo {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.easeInCirc {
  transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.easeOutCirc {
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.easeInOutCirc {
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.easeInBack {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.easeOutBack {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.easeInOutBack {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
#about {
  padding-top: 79px;
  padding-bottom: 30px;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}
#about .scroll {
  position: relative;
  height: 100%;
}
#about .scroll {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
body[dir="RTL"] #about {
  text-align: right;
}
#page-container {
  position: relative;
  width: 100%;
  height: calc(100% - 79px);
  overflow: visible;
  will-change: transform;
  margin-top: 0;
}
#page-container.navHidden {
  height: 100%;
}
#page-container.navHidden #page-bg {
  height: 100%;
}
#page-container.rubberbandDown {
  animation: rubberbandDown 0.8s forwards ease-out;
}
@keyframes rubberbandDown {
  0% {
    top: 0;
  }
  42% {
    top: -94px;
  }
  49% {
    top: -98px;
  }
  50% {
    top: -100px;
  }
  51% {
    top: -98px;
  }
  58% {
    top: -94px;
  }
  100% {
    top: 0;
  }
}
#page-container.rubberbandUp {
  animation: rubberbandUp 0.8s forwards ease-out;
}
@keyframes rubberbandUp {
  0% {
    margin-top: 0;
  }
  42% {
    margin-top: 94px;
  }
  49% {
    margin-top: 98px;
  }
  50% {
    margin-top: 100px;
  }
  51% {
    margin-top: 98px;
  }
  58% {
    margin-top: 94px;
  }
  100% {
    margin-top: 0;
  }
}
#page-container.rubberbandLeft {
  animation: rubberbandLeft 0.8s forwards ease-out;
}
@keyframes rubberbandLeft {
  0% {
    left: 0;
  }
  42% {
    left: 94px;
  }
  49% {
    left: 98px;
  }
  50% {
    left: 100px;
  }
  51% {
    left: 98px;
  }
  58% {
    left: 94px;
  }
  100% {
    left: 0;
  }
}
#page-container.rubberbandRight {
  animation: rubberbandRight 0.8s forwards ease-out;
}
@keyframes rubberbandRight {
  0% {
    left: 0;
  }
  42% {
    left: -94px;
  }
  49% {
    left: -98px;
  }
  50% {
    left: -100px;
  }
  51% {
    left: -98px;
  }
  58% {
    left: -94px;
  }
  100% {
    left: 0;
  }
}
#page-container #page-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  transform: scale3d(1, 1, 1);
  overflow: hidden;
}
#page-container #page-bg.anim-bg {
  animation: zoomBgIn 5s forwards;
}
@keyframes zoomBgIn {
  0% {
    transform: scale3d(1, 1, 1);
  }
  100% {
    transform: scale3d(1.05, 1.05, 1);
  }
}
#page-container #page-bg.anim-bg-inout {
  animation: zoomBgInOut 10s forwards;
}
@keyframes zoomBgInOut {
  0% {
    transform: scale3d(1, 1, 1);
  }
  45% {
    transform: scale3d(1.05, 1.05, 1);
  }
  66% {
    transform: scale3d(1.05, 1.05, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
#page-container #page-bg.anim-bg-outfast {
  animation: zoomBgOutFast 0.5s forwards;
}
@keyframes zoomBgOutFast {
  0% {
    transform: scale3d(1.05, 1.05, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
#page-container #page-bg .gradient {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#page-container #page-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
#page-container #page-bg.navHidden {
  height: 100%;
}
#page-container .cont-adobeanimate-bg {
  position: absolute;
  overflow: hidden;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#page-container .cont-adobeanimate-bg.top-left {
  top: 0;
  left: 0;
  transform: none;
}
#page-container .cont-adobeanimate-bg.top-center {
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
#page-container .cont-adobeanimate-bg.top-right {
  top: 0;
  left: auto;
  right: 0;
  transform: none;
}
#page-container .cont-adobeanimate-bg.center-left {
  left: 0;
  transform: translate(0, -50%);
}
#page-container .cont-adobeanimate-bg.center-right {
  left: auto;
  right: 0;
  transform: translate(0, -50%);
}
#page-container .cont-adobeanimate-bg.bottom-left {
  top: auto;
  bottom: 0;
  left: 0;
  transform: none;
}
#page-container .cont-adobeanimate-bg.bottom-center {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 0);
}
#page-container .cont-adobeanimate-bg.bottom-right {
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  transform: none;
}
#page-container .cont-adobeanimate-bg iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  min-width: 100%;
}
#page-container #page-content {
  box-sizing: border-box;
  height: 100%;
  padding: 0;
  position: relative;
  width: 100%;
  will-change: scroll-position;
}
#page-container #page-content {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#page-container #page-content .scroll-trap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#page-container #page-content.align-row {
  display: flex;
}
#page-container #page-content.align-row .col-pipe {
  position: absolute;
  top: 0;
  left: 100%;
  transform: translate(-50%, 0);
  width: auto;
  height: 100%;
  background-color: #000000;
}
#page-container #page-content.fullwidthbgaccordion {
  display: flex;
  flex-direction: column;
}
#page-container #page-content .pageRowAlignedCont {
  width: 100vw;
}
#page-container #page-content .pageRowAlignedCont.ie {
  display: flex;
}
#page-container #page-content .pageRowAlignedCont.ie .pageRowAligned.fullpage.page-row.section {
  margin: 0;
  align-self: flex-start;
}
#page-container #page-content.align-middle .pageRowAlignedCont:not(.ie) {
  margin: auto 0;
}
#page-container #page-content.align-middle .pageRowAlignedCont.ie .pageRowAligned.fullpage.page-row.section {
  margin: auto 0;
}
#page-container #page-content.align-bottom .pageRowAlignedCont:not(.ie) {
  margin: auto 0 0 0;
}
#page-container #page-content.align-bottom .pageRowAlignedCont.ie .pageRowAligned.fullpage.page-row.section {
  margin: auto 0 0 0;
}
#page-container #page-content.scrolled.arresto-momentum {
  -webkit-overflow-scrolling: auto;
  overflow-y: hidden;
}
#page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type1, #page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type2 {
  margin-top: -25%;
}
#page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type1 #row-bg-cover, #page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type2 #row-bg-cover {
  opacity: 1;
}
#page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type3 {
  height: 200px;
}
#page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type4, #page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type5 {
  height: 200px;
}
#page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type4 #row-bg-cover, #page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type5 #row-bg-cover {
  opacity: 1;
}
#page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type6 {
  height: 0;
}
#page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type7, #page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type8 {
  margin-top: -25%;
}
#page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type7 #row-bg-cover, #page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type8 #row-bg-cover {
  opacity: 1;
}
#page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type7 .column.page-col, #page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type8 .column.page-col {
  opacity: 0;
}
#page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type9 {
  transform: scale3d(0, 0, 1) rotate(360deg);
}
#page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type10 {
  transform: scale3d(0, 0, 1) rotate(-360deg);
}
#page-container #page-content.scrolled .section.page-row.parallax-scrollable-sticky {
  animation: addPaddingB 0.8s forwards;
}
@keyframes addPaddingB {
  0% {
    padding-bottom: 1px;
  }
  100% {
    padding-bottom: 0px;
  }
}
#page-container #page-content #parallax-container {
  position: relative;
  min-height: calc(100% + 1px);
}
#page-container #page-content #parallax-container.inactive {
  display: none;
}
#page-container #page-content .section.page-row {
  position: relative;
  padding: 0 80px;
}
#page-container #page-content .section.page-row.fullwidthbgaccordion {
  align-items: center;
  min-height: auto !important;
  overflow: visible !important;
}
#page-container #page-content .section.page-row.col-fullrowheight {
  display: flex;
  flex: 1;
}
#page-container #page-content .section.page-row.col-fullrowheight .page-col-settings {
  height: 100%;
}
#page-container #page-content .section.page-row.prLR-none {
  padding-left: 0;
  padding-right: 0;
}
#page-container #page-content .section.page-row.prLR-xxxsmall {
  padding-left: 10px;
  padding-right: 10px;
}
#page-container #page-content .section.page-row.prLR-xxsmall {
  padding-left: 20px;
  padding-right: 20px;
}
#page-container #page-content .section.page-row.prLR-xsmall {
  padding-left: 30px;
  padding-right: 30px;
}
#page-container #page-content .section.page-row.prLR-small {
  padding-left: 40px;
  padding-right: 40px;
}
#page-container #page-content .section.page-row.prLR-medium {
  padding-left: 50px;
  padding-right: 50px;
}
#page-container #page-content .section.page-row.prLR-large {
  padding-left: 60px;
  padding-right: 60px;
}
#page-container #page-content .section.page-row.prLR-xlarge {
  padding-left: 70px;
  padding-right: 70px;
}
#page-container #page-content .section.page-row.flex-scroll-hidden.scroll-row.fullpage {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#page-container #page-content .section.page-row.parallax-scrollable-sticky {
  transition: all 1.2s;
}
#page-container #page-content .section.page-row.parallax-row {
  transition: all 0.5s;
  margin-top: 0;
}
#page-container #page-content .section.page-row.parallax-row.active {
  overflow: hidden;
}
#page-container #page-content .section.page-row.parallax-row.active .row-bg-cont {
  height: 100%;
}
#page-container #page-content .section.page-row.parallax-row.animated, #page-container #page-content .section.page-row.parallax-row.parallax-row-type9, #page-container #page-content .section.page-row.parallax-row.parallax-row-type10 {
  position: absolute;
  z-index: 1;
}
#page-container #page-content .section.page-row.parallax-row.parallax-row-type3, #page-container #page-content .section.page-row.parallax-row.parallax-row-type4, #page-container #page-content .section.page-row.parallax-row.parallax-row-type5 {
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: height;
  transition: all 0.8s;
  position: sticky;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  min-height: 0;
}
#page-container #page-content .section.page-row.parallax-row.parallax-row-type3.ie, #page-container #page-content .section.page-row.parallax-row.parallax-row-type4.ie, #page-container #page-content .section.page-row.parallax-row.parallax-row-type5.ie {
  position: absolute;
}
#page-container #page-content .section.page-row.parallax-row.parallax-row-type6 {
  min-height: 0;
}
#page-container #page-content .section.page-row.parallax-row .column.page-col {
  transition: all 0.5s;
  opacity: 1;
}
#page-container #page-content .section.page-row.parallax-row .row-bg-cont {
  height: calc(100% + 1px);
  overflow: hidden;
}
#page-container #page-content .section.page-row.sticky {
  position: sticky;
  z-index: 2;
  top: 0px;
  width: 100vw;
  margin: 0;
  transition: background 0.5s ease, border 0.5s ease, box-shadow 0.5s ease;
}
#page-container #page-content .section.page-row.sticky .page-col-settings {
  height: 100%;
  transition: background 0.5s ease, border 0.5s ease, box-shadow 0.5s ease;
}
#page-container #page-content .section.page-row.sticky.stickyActive .page-col-settings {
  background: rgba(51, 51, 51, 0);
  border-bottom: 0px solid #333;
  border-top: 0px solid #333;
}
#page-container #page-content .section.page-row.no-stack > .column {
  max-width: initial !important;
  min-width: 0px !important;
}
#page-container #page-content .section.page-row.no-stack > .column.col-md-2 {
  flex-basis: 16.66666667% !important;
}
#page-container #page-content .section.page-row.no-stack > .column.col-md-3 {
  flex-basis: 25% !important;
}
#page-container #page-content .section.page-row.no-stack > .column.col-md-4 {
  flex-basis: 33.33333333% !important;
}
#page-container #page-content .section.page-row.no-stack > .column.col-md-6 {
  flex-basis: 50% !important;
}
#page-container #page-content .section.page-row #row-bg-cover {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  opacity: 0;
}
#page-container #page-content .section.page-row .row-bg-cont {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  margin-top: 0;
}
#page-container #page-content .section.page-row .row-bg-cont.fixed-bg {
  clip-path: polygon(0 0, 100% 0, 100% 101%, 0 101%);
}
#page-container #page-content .section.page-row .row-bg-cont.fixed-bg .row-bg {
  position: fixed;
}
#page-container #page-content .section.page-row .row-bg-cont.fixed-bg .row-bg.fixed-bg-edge {
  background-attachment: fixed !important;
}
#page-container #page-content .section.page-row .row-bg-cont .row-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-attachment: fixed;
  backface-visibility: hidden;
  perspective: 800px;
  transform: scaleX(1) scaleY(1) scaleZ(1);
}
#page-container #page-content .section.page-row .row-bg-cont .row-bg.anim-bg {
  animation: zoomBgIn 5s forwards;
}
@keyframes zoomBgIn {
  0% {
    transform: scaleX(1) scaleY(1) scaleZ(1);
  }
  100% {
    transform: scaleX(1.05) scaleY(1.05) scaleZ(1);
  }
}
#page-container #page-content .section.page-row .row-bg-cont .row-bg.anim-bg-inout {
  animation: zoomBgInOut 10s forwards;
}
@keyframes zoomBgInOut {
  0% {
    transform: scaleX(1) scaleY(1) scaleZ(1);
  }
  45% {
    transform: scaleX(1.05) scaleY(1.05) scaleZ(1);
  }
  55% {
    transform: scaleX(1.05) scaleY(1.05) scaleZ(1);
  }
  100% {
    transform: scaleX(1) scaleY(1) scaleZ(1);
  }
}
#page-container #page-content .section.page-row .row-bg-cont .row-bg .gradient {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#page-container #page-content .section.page-row .row-bg-cont .row-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: calc(100% + 1px);
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
#page-container #page-content .section.page-row .row-bg-cont .row-bg .cont-adobeanimate-bg {
  position: absolute;
  overflow: hidden;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
#page-container #page-content .section.page-row .row-bg-cont .row-bg .cont-adobeanimate-bg.top-left {
  top: 0;
  left: 0;
  transform: none;
}
#page-container #page-content .section.page-row .row-bg-cont .row-bg .cont-adobeanimate-bg.top-center {
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
#page-container #page-content .section.page-row .row-bg-cont .row-bg .cont-adobeanimate-bg.top-right {
  top: 0;
  left: auto;
  right: 0;
  transform: none;
}
#page-container #page-content .section.page-row .row-bg-cont .row-bg .cont-adobeanimate-bg.center-left {
  left: 0;
  transform: translate(0, -50%);
}
#page-container #page-content .section.page-row .row-bg-cont .row-bg .cont-adobeanimate-bg.center-right {
  left: auto;
  right: 0;
  transform: translate(0, -50%);
}
#page-container #page-content .section.page-row .row-bg-cont .row-bg .cont-adobeanimate-bg.bottom-left {
  top: auto;
  bottom: 0;
  left: 0;
  transform: none;
}
#page-container #page-content .section.page-row .row-bg-cont .row-bg .cont-adobeanimate-bg.bottom-center {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 0);
}
#page-container #page-content .section.page-row .row-bg-cont .row-bg .cont-adobeanimate-bg.bottom-right {
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  transform: none;
}
#page-container #page-content .section.page-row .row-bg-cont .row-bg .cont-adobeanimate-bg iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  min-width: 100%;
}
#page-container #page-content .section.page-row.row-zindex .column.page-col {
  z-index: 1;
  transform: translate3d(0, 0, 0);
}
#page-container #page-content .section.page-row .page-col-settings.animate-pad {
  transition: padding-top 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.375);
}
#page-container #page-content .section.page-row .column.removeMarginLR {
  padding-left: 0;
  padding-right: 0;
}
#page-container #page-content .section.page-row .column.desktopColHide {
  display: none !important;
}
#page-container #page-content .section.page-row .column.forceFiveEqual {
  flex-basis: 20%;
  max-width: 20%;
}
#page-container #page-content .section.page-row .column.extend-height {
  display: inline-flex;
}
#page-container #page-content .section.page-row .column.extend-height .page-col-settings {
  width: 100%;
}
#page-container #page-content .section.page-row .column .page-col-settings.padLR-none {
  padding-left: 0;
  padding-right: 0;
}
#page-container #page-content .section.page-row .column .page-col-settings.padLR-xxxxsmall {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
#page-container #page-content .section.page-row .column .page-col-settings.padLR-xxxsmall {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#page-container #page-content .section.page-row .column .page-col-settings.padLR-xxsmall {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
#page-container #page-content .section.page-row .column .page-col-settings.padLR-xsmall {
  padding-left: 1rem;
  padding-right: 1rem;
}
#page-container #page-content .section.page-row .column .page-col-settings.padLR-small {
  padding-left: 2rem;
  padding-right: 2rem;
}
#page-container #page-content .section.page-row .column .page-col-settings.padLR-medium {
  padding-left: 3rem;
  padding-right: 3rem;
}
#page-container #page-content .section.page-row .column .page-col-settings.padLR-large {
  padding-left: 5rem;
  padding-right: 5rem;
}
#page-container #page-content .section.page-row .column .page-col-settings.padLR-xlarge {
  padding-left: 7rem;
  padding-right: 7rem;
}
#page-container #page-content .section.page-row .column .page-col-settings.padLR-xxlarge {
  padding-left: 9rem;
  padding-right: 9rem;
}
#page-container #page-content .section.page-row .column .page-col-settings.padT-none {
  padding-top: 0;
}
#page-container #page-content .section.page-row .column .page-col-settings.padT-small {
  padding-top: 32px;
}
#page-container #page-content .section.page-row .column .page-col-settings.padT-medium {
  padding-top: 50px;
}
#page-container #page-content .section.page-row .column .page-col-settings.padT-medium-large {
  padding-top: 64px;
}
#page-container #page-content .section.page-row .column .page-col-settings.padT-large {
  padding-top: 80px;
}
#page-container #page-content .section.page-row .column .page-col-settings.padT-xlarge {
  padding-top: 110px;
}
#page-container #page-content .section.page-row .column .page-col-settings.padT-xxlarge {
  padding-top: 140px;
}
#page-container #page-content .section.page-row .column .page-col-settings.padB-none {
  padding-bottom: 0;
}
#page-container #page-content .section.page-row .column .page-col-settings.padB-small {
  padding-bottom: 32px;
}
#page-container #page-content .section.page-row .column .page-col-settings.padB-medium {
  padding-bottom: 50px;
}
#page-container #page-content .section.page-row .column .page-col-settings.padB-medium-large {
  padding-bottom: 64px;
}
#page-container #page-content .section.page-row .column .page-col-settings.padB-large {
  padding-bottom: 80px;
}
#page-container #page-content .section.page-row .column .page-col-settings.padB-xlarge {
  padding-bottom: 110px;
}
#page-container #page-content .section.page-row .column .page-col-settings.padB-xxlarge {
  padding-bottom: 140px;
}
#page-container #page-content .section.page-row .column .page-col-settings.padB .component:last-of-type {
  margin-bottom: 0;
}
#page-container #page-content .section.page-row.inactive {
  display: none;
}
#page-container #page-content .section.page-row .column.fullpage {
  display: flex;
  position: relative;
  flex: 1 0 auto;
  flex-direction: column;
  overflow: visible;
  min-height: 100%;
}
#page-container #page-content .section.page-row .column.fullpage.col-scroll {
  height: 100%;
}
#page-container #page-content .section.page-row .column.fullpage.col-scroll {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#page-container #page-content .section.page-row .column.fullpage .page-col-settings {
  display: flex;
  position: relative;
  flex: 1 0 auto;
  flex-direction: column;
  overflow: visible;
  min-height: 100%;
  box-sizing: border-box;
}
#page-container #page-content .section.page-row .column.fullpage .page-col-settings.flex-center {
  justify-content: center;
}
#page-container #page-content .section.page-row .column.fullpage .page-col-settings.flex-end {
  justify-content: flex-end;
}
#page-container #page-content .section.page-row .column.fullpage .page-col-settings .component {
  flex: none;
}
#page-container #page-content .section.page-row.fullpage {
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  overflow-y: visible;
}
#page-container #page-content .section.page-row.fullpage {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#page-container #page-content .section.page-row.fullpage.flexWrapRow {
  flex-wrap: wrap;
  align-items: flex-start;
}
#page-container #page-content .section.page-row.fullpage.flexWrapRow .viewRow {
  position: sticky;
}
#page-container #page-content .section.page-row.fullpage.hideViewRow .viewRow {
  display: none !important;
}
#page-container #page-content .section.page-row.fullpage.pageRowAligned {
  height: auto;
  min-height: auto;
}
#page-container #page-content .section.page-row.fullpage.flex-scroll-hidden {
  overflow: hidden;
}
#page-container #page-content .section.page-row.fullpage.fullpage-flexwrap {
  flex-wrap: wrap;
}
#page-container #page-content .section.page-row.fullpage.fullpage-flexwrap .column.fullpage {
  min-height: auto;
}
#page-container #page-content .section.page-row.fullpage.inactive {
  display: none;
}
#page-container #page-content .section.page-row.fullpage.active {
  overflow-y: visible;
  height: 100% !important;
  min-height: 100% !important;
}
#page-container #page-content .section.page-row.fullpage.active {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#page-container #page-content .section.page-row.fullpage.active .viewRow span {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_x.svg");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
}
#page-container #page-content .section.page-row.fullpage.fullpageTwoRow .col-pipe {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 100%;
  transform: translate(-50%, 0);
}
#page-container #page-content .section.page-row.fullpage.fullpageTwoRow .pinned-mosaic .pinned-col {
  min-height: 100%;
}
#page-container #page-content .section.page-row.fullpage .viewRow {
  display: none !important;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 22px;
  height: 22px;
  background: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  z-index: 1;
}
#page-container #page-content .section.page-row.fullpage .viewRow {
  background: #000000 !important;
  color: #FFFFFF !important;
}
#page-container #page-content .section.page-row.fullpage .viewRow:hover, #page-container #page-content .section.page-row.fullpage .viewRow:active, #page-container #page-content .section.page-row.fullpage .viewRow.focus, #page-container #page-content .section.page-row.fullpage .viewRow:focus {
  background: black !important;
}
#page-container #page-content .section.page-row.fullpage .viewRow span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrows_expand_white.svg");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
}
#page-container #page-content .section.page-row.fullpage.ie .column.fullpage.col-sm-1 {
  flex: 1 1 8.33333333%;
}
#page-container #page-content .section.page-row.fullpage.ie .column.fullpage.col-sm-2 {
  flex: 1 1 16.66666666%;
}
#page-container #page-content .section.page-row.fullpage.ie .column.fullpage.col-sm-3 {
  flex: 1 1 25%;
}
#page-container #page-content .section.page-row.fullpage.ie .column.fullpage.col-sm-4 {
  flex: 1 1 33.33333333%;
}
#page-container #page-content .section.page-row.fullpage.ie .column.fullpage.col-sm-5 {
  flex: 1 1 42.66666666%;
}
#page-container #page-content .section.page-row.fullpage.ie .column.fullpage.col-sm-6 {
  flex: 1 1 50%;
}
#page-container #page-content .section.page-row.fullpage.ie .column.fullpage.col-sm-7 {
  flex: 1 1 58.33333333%;
}
#page-container #page-content .section.page-row.fullpage.ie .column.fullpage.col-sm-8 {
  flex: 1 1 66.66666666%;
}
#page-container #page-content .section.page-row.fullpage.ie .column.fullpage.col-sm-9 {
  flex: 1 1 75%;
}
#page-container #page-content .section.page-row.fullpage.ie .column.fullpage.col-sm-10 {
  flex: 1 1 83.33333333%;
}
#page-container #page-content .section.page-row.fullpage.ie .column.fullpage.col-sm-11 {
  flex: 1 1 91.66666666%;
}
#page-container #page-content .section.page-row.fullpage.ie .column.fullpage.col-sm-12 {
  flex: 1 1 100%;
}
#page-container #page-content .section.page-row.remove-padding {
  padding: 0;
}
#page-container .row {
  margin: 0;
}
#page-container .row div[class^="col-"]:not(.ac-col):not(.column):not(.component):not(.tab-col):not(.progslide-col):not(.thumb-col) {
  padding: 0;
}
#page-container .row.section {
  margin-left: -2rem;
  margin-right: -2rem;
}
#page-container .row.section.align-center, #page-container .row.section.ql-align-center {
  justify-content: center;
}
#page-container .row.section.align-right, #page-container .row.section.ql-align-right {
  justify-content: flex-end;
}
#page-container .row .column {
  width: 100%;
  padding: 0 2rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  box-sizing: border-box;
}
#page-container .row .column .component {
  width: 100%;
  margin-bottom: 40px;
  box-sizing: border-box;
}
#page-container .row .column .component.media.media-edge {
  overflow: hidden;
}
#page-container .quiz-timer {
  background-color: #464646;
  border: 2px solid #fff;
  bottom: 16px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.9);
  box-sizing: border-box;
  cursor: pointer;
  display: none;
  height: 64px;
  margin-bottom: 0;
  position: fixed;
  right: 16px;
  transition: width 0.4s, height 0.4s;
  width: 120px;
  z-index: 2;
}
#page-container .quiz-timer.quiz-timer-edge {
  bottom: 95px;
}
#page-container .quiz-timer.ios {
  -webkit-transition: width 1.2s cubic-bezier(0.785, 0.135, 0.15, 0.86), height 1.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#page-container .quiz-timer.ios .cont-timer {
  -webkit-transition: width 1.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#page-container .quiz-timer.ios .cont-timer svg {
  -webkit-transition: margin 1.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#page-container .quiz-timer.ios .cont-timer .remaining {
  -webkit-transition: opacity 1.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#page-container .quiz-timer.ios .btn-toggle {
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) !important;
}
#page-container .quiz-timer.navbar-type3 {
  bottom: 66px;
}
#page-container .quiz-timer * {
  box-sizing: border-box;
}
#page-container .quiz-timer.scroll {
  right: 34px;
}
#page-container .quiz-timer .cont-timer {
  display: flex;
  position: relative;
  width: 116px;
  overflow: hidden;
  align-items: center;
  transition: width 0.4s;
}
#page-container .quiz-timer .cont-timer svg {
  width: 20px;
  height: 20px;
  min-height: 20px;
  min-width: 20px;
  margin: 20px;
  overflow: visible;
  transition: margin 0.4s;
}
#page-container .quiz-timer .cont-timer svg .timerBG {
  fill: #fff;
  stroke: #464646;
  stroke-width: 3;
}
#page-container .quiz-timer .cont-timer svg .timerAnim {
  fill: #2d2d2d;
}
#page-container .quiz-timer .cont-timer .remaining {
  position: relative;
  width: 64px;
  opacity: 1;
  margin-left: -14px;
  color: #fff;
  text-align: center;
  font-family: "PT Sans", Helvetica, Arial;
  transition: opacity 0.4s;
}
#page-container .quiz-timer .cont-timer .remaining span {
  display: block;
  line-height: 1em;
}
#page-container .quiz-timer .cont-timer .remaining .timer {
  font-size: 18px;
}
#page-container .quiz-timer .cont-timer .remaining .text {
  font-weight: normal;
  font-size: 10px;
}
#page-container .quiz-timer.active {
  display: block;
}
#page-container .quiz-timer .btn-toggle {
  display: block;
  position: absolute;
  right: -9px;
  top: -9px;
  width: 18px;
  height: 18px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/popup_closeX.svg");
  background-size: 18px 18px;
  background-repeat: no-repeat;
  transform: rotate(0deg);
  transition: all 0.4s;
}
#page-container .quiz-timer.ie {
  bottom: 95px;
}
#page-container .quiz-timer.ie:before {
  padding-top: 1px;
}
#page-container .quiz-timer.min {
  width: 60px;
}
#page-container .quiz-timer.min .cont-timer {
  width: 56px;
}
#page-container .quiz-timer.min .cont-timer svg {
  margin: 20px 18px;
}
#page-container .quiz-timer.min .cont-timer .remaining {
  opacity: 0;
}
#page-container .quiz-timer.min .btn-toggle {
  transform: rotate(135deg);
}
body[dir="RTL"].md-desktop #page-container #page-content .section.page-row:not(.ie):not(.edge) {
  overflow-x: hidden;
}
body[dir="RTL"].md-desktop #page-container #page-content .section.page-row:not(.ie):not(.edge):not(.fullpage) {
  overflow: visible;
}
body[dir="RTL"] #page-container #page-content .section.page-row {
  direction: ltr;
}
body[dir="RTL"] #page-container #page-content .section.page-row.flex-scroll-hidden.scroll-row.fullpage {
  direction: rtl;
  flex-direction: row-reverse;
}
body[dir="RTL"] #page-container #page-content .section.page-row.flex-start {
  justify-content: flex-start;
}
body[dir="RTL"] #page-container #page-content .section.page-row.flex-center {
  justify-content: center;
}
body[dir="RTL"] #page-container #page-content .section.page-row.flex-end:not(.align-center):not(.align-left) {
  justify-content: flex-end;
}
body[dir="RTL"] #page-container #page-content .section.page-row.rtl-override {
  direction: rtl;
  justify-content: flex-start;
}
body[dir="RTL"] #page-container #page-content .section.page-row.parallax-row.parallax-row-type3, body[dir="RTL"] #page-container #page-content .section.page-row.parallax-row.parallax-row-type4, body[dir="RTL"] #page-container #page-content .section.page-row.parallax-row.parallax-row-type5 {
  left: auto;
  right: 0;
}
body[dir="RTL"] #page-container #page-content .section.page-row .grad-row {
  direction: ltr;
}
body[dir="RTL"] #page-container #page-content .section.page-row .grad-row.flex-start {
  justify-content: flex-end;
}
body[dir="RTL"] #page-container #page-content .section.page-row .grad-row.flex-center {
  justify-content: center;
}
body[dir="RTL"] #page-container #page-content .section.page-row .grad-row.flex-end {
  justify-content: flex-end;
}
body[dir="RTL"] #page-container #page-content .section.page-row .grad-row .grad-col {
  direction: rtl;
}
body[dir="RTL"] #page-container #page-content .section.page-row .column #page-header {
  direction: rtl;
}
body[dir="RTL"] #page-container #page-content .section.page-row .column.page-col {
  direction: rtl;
}
body[dir="RTL"] #page-container .quiz-timer.scroll {
  right: 16px;
}
body[dir="RTL"] #page-container .quiz-timer .remaining {
  margin-left: 0px;
  margin-right: -14px;
}
body[dir="RTL"] #page-container .quiz-timer .remaining .text {
  text-align: center;
}
body[dir="RTL"] #page-container .quiz-timer .remaining .time {
  direction: ltr;
}
@media (min-width: 768px) {
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .page-header.row *, .md-desktop #page-container.bgacc-reverse-text .page-header.row *, .md-desktop #page-container .page-row.reverse-text .page-header.row *, .md-desktop #page-container .grad-row.reverse-text .page-header.row * {
    color: #fff;
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .page-header.row .page-audio *, .md-desktop #page-container.bgacc-reverse-text .page-header.row .page-audio *, .md-desktop #page-container .page-row.reverse-text .page-header.row .page-audio *, .md-desktop #page-container .grad-row.reverse-text .page-header.row .page-audio * {
    color: #474747;
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .component.text, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .component.media, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .formdata-submit .formdata-entry, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title-txt, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .formdata-entry label, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .tf-a.header, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .thumb-imgs .thumb:not(.captionOverImage) *, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-header, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-title, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-percent-num, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-summary-title, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-stats, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-correct, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-incorrect, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-tryagain, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-q, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-a, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .attestation .attest, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .grad-slide-title, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .bs-percent-num, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .bs-stats, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .bs-title, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .bs-feedback, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .component.text, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .component.media, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .formdata-submit .formdata-entry, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title-txt, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .formdata-entry label, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .tf-a.header, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .thumb-imgs .thumb:not(.captionOverImage) *, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-header, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-title, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-percent-num, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-summary-title, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-stats, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-correct, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-incorrect, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-tryagain, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-q, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-a, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .attestation .attest, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .grad-slide-title, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .bs-percent-num, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .bs-stats, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .bs-title, .md-desktop #page-container.bgacc-reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .bs-feedback, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .component.text, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .component.media, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .formdata-submit .formdata-entry, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title-txt, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .formdata-entry label, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .tf-a.header, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .thumb-imgs .thumb:not(.captionOverImage) *, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-header, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-title, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-percent-num, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-summary-title, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-stats, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-correct, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-incorrect, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-tryagain, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-q, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-a, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .attestation .attest, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .grad-slide-title, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .bs-percent-num, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .bs-stats, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .bs-title, .md-desktop #page-container .page-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .bs-feedback, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .component.text, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .component.media, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .formdata-submit .formdata-entry, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title-txt, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .formdata-entry label, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .tf-a.header, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .thumb-imgs .thumb:not(.captionOverImage) *, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-header, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-title, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-percent-num, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-summary-title, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-stats, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-correct, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-incorrect, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-tryagain, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-q, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-a, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .attestation .attest, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .grad-slide-title, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .bs-percent-num, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .bs-stats, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .bs-title, .md-desktop #page-container .grad-row.reverse-text :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.progguidedct-col):not(.hotspotct-col):not(.progslide-col):not(.quiz-nonjudged-media):not(.quiz-qa-q):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.quickhit-acc-media):not(.drop-txt):not(.cube-entry):not(.quiz-qa-cont-a .quiz-summary) > .bs-feedback {
    color: #fff;
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .separator-wrapper .separator, .md-desktop #page-container.bgacc-reverse-text .separator-wrapper .separator, .md-desktop #page-container .page-row.reverse-text .separator-wrapper .separator, .md-desktop #page-container .grad-row.reverse-text .separator-wrapper .separator {
    background-color: #fff;
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .branching-summary .bs-summary .bs-stats-fdbk, .md-desktop #page-container.bgacc-reverse-text .branching-summary .bs-summary .bs-stats-fdbk, .md-desktop #page-container .page-row.reverse-text .branching-summary .bs-summary .bs-stats-fdbk, .md-desktop #page-container .grad-row.reverse-text .branching-summary .bs-summary .bs-stats-fdbk {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .standard-quiz .sq-quiz .sq-progress li, .md-desktop #page-container.bgacc-reverse-text .standard-quiz .sq-quiz .sq-progress li, .md-desktop #page-container .page-row.reverse-text .standard-quiz .sq-quiz .sq-progress li, .md-desktop #page-container .grad-row.reverse-text .standard-quiz .sq-quiz .sq-progress li {
    border-color: rgba(255, 255, 255, 0.5);
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .standard-quiz .sq-quiz .sq-progress li.correct, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .standard-quiz .sq-quiz .sq-progress li.incorrect, .md-desktop #page-container.bgacc-reverse-text .standard-quiz .sq-quiz .sq-progress li.correct, .md-desktop #page-container.bgacc-reverse-text .standard-quiz .sq-quiz .sq-progress li.incorrect, .md-desktop #page-container .page-row.reverse-text .standard-quiz .sq-quiz .sq-progress li.correct, .md-desktop #page-container .page-row.reverse-text .standard-quiz .sq-quiz .sq-progress li.incorrect, .md-desktop #page-container .grad-row.reverse-text .standard-quiz .sq-quiz .sq-progress li.correct, .md-desktop #page-container .grad-row.reverse-text .standard-quiz .sq-quiz .sq-progress li.incorrect {
    border: 2px solid transparent;
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .standard-quiz .sq-quiz .sq-progress li.correct:before, .md-desktop #page-container.bgacc-reverse-text .standard-quiz .sq-quiz .sq-progress li.correct:before, .md-desktop #page-container .page-row.reverse-text .standard-quiz .sq-quiz .sq-progress li.correct:before, .md-desktop #page-container .grad-row.reverse-text .standard-quiz .sq-quiz .sq-progress li.correct:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .standard-quiz .sq-quiz .sq-progress li.incorrect:before, .md-desktop #page-container.bgacc-reverse-text .standard-quiz .sq-quiz .sq-progress li.incorrect:before, .md-desktop #page-container .page-row.reverse-text .standard-quiz .sq-quiz .sq-progress li.incorrect:before, .md-desktop #page-container .grad-row.reverse-text .standard-quiz .sq-quiz .sq-progress li.incorrect:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_x.svg");
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .standard-quiz .sq-quiz .sq-progress li:after, .md-desktop #page-container.bgacc-reverse-text .standard-quiz .sq-quiz .sq-progress li:after, .md-desktop #page-container .page-row.reverse-text .standard-quiz .sq-quiz .sq-progress li:after, .md-desktop #page-container .grad-row.reverse-text .standard-quiz .sq-quiz .sq-progress li:after {
    background: #fff;
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .standard-quiz .sq-quiz .sq-progress li.active, .md-desktop #page-container.bgacc-reverse-text .standard-quiz .sq-quiz .sq-progress li.active, .md-desktop #page-container .page-row.reverse-text .standard-quiz .sq-quiz .sq-progress li.active, .md-desktop #page-container .grad-row.reverse-text .standard-quiz .sq-quiz .sq-progress li.active {
    border-color: white;
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .standard-quiz .sq-quiz.width100 .caption, .md-desktop #page-container.bgacc-reverse-text .standard-quiz .sq-quiz.width100 .caption, .md-desktop #page-container .page-row.reverse-text .standard-quiz .sq-quiz.width100 .caption, .md-desktop #page-container .grad-row.reverse-text .standard-quiz .sq-quiz.width100 .caption {
    color: #fff;
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .standard-quiz .sq-fdbk-icon.sq-q-correct.show-correct:before, .md-desktop #page-container.bgacc-reverse-text .standard-quiz .sq-fdbk-icon.sq-q-correct.show-correct:before, .md-desktop #page-container .page-row.reverse-text .standard-quiz .sq-fdbk-icon.sq-q-correct.show-correct:before, .md-desktop #page-container .grad-row.reverse-text .standard-quiz .sq-fdbk-icon.sq-q-correct.show-correct:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/answer_correct_white.svg");
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .standard-quiz .sq-fdbk-icon.sq-q-incorrect.show-incorrect:before, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .standard-quiz .sq-fdbk-icon.sq-q-tryagain.show-incorrect:before, .md-desktop #page-container.bgacc-reverse-text .standard-quiz .sq-fdbk-icon.sq-q-incorrect.show-incorrect:before, .md-desktop #page-container.bgacc-reverse-text .standard-quiz .sq-fdbk-icon.sq-q-tryagain.show-incorrect:before, .md-desktop #page-container .page-row.reverse-text .standard-quiz .sq-fdbk-icon.sq-q-incorrect.show-incorrect:before, .md-desktop #page-container .page-row.reverse-text .standard-quiz .sq-fdbk-icon.sq-q-tryagain.show-incorrect:before, .md-desktop #page-container .grad-row.reverse-text .standard-quiz .sq-fdbk-icon.sq-q-incorrect.show-incorrect:before, .md-desktop #page-container .grad-row.reverse-text .standard-quiz .sq-fdbk-icon.sq-q-tryagain.show-incorrect:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/answer_incorrect_white.svg");
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .standard-quiz .sq-summary .sq-stats-fdbk, .md-desktop #page-container.bgacc-reverse-text .standard-quiz .sq-summary .sq-stats-fdbk, .md-desktop #page-container .page-row.reverse-text .standard-quiz .sq-summary .sq-stats-fdbk, .md-desktop #page-container .grad-row.reverse-text .standard-quiz .sq-summary .sq-stats-fdbk {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .tf-grid-entry .tf-q h4 .component.text .body-copy, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .tf-grid-entry .tf-q h4 .caption, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .mg-grid-entry .mg-q h4 .component.text .body-copy, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .mg-grid-entry .mg-q h4 .caption, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .tf-grid .feedback-text .component.text .body-copy, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .tf-grid .feedback-text .caption, .md-desktop #page-container.bgacc-reverse-text .tf-grid-entry .tf-q h4 .component.text .body-copy, .md-desktop #page-container.bgacc-reverse-text .tf-grid-entry .tf-q h4 .caption, .md-desktop #page-container.bgacc-reverse-text .mg-grid-entry .mg-q h4 .component.text .body-copy, .md-desktop #page-container.bgacc-reverse-text .mg-grid-entry .mg-q h4 .caption, .md-desktop #page-container.bgacc-reverse-text .tf-grid .feedback-text .component.text .body-copy, .md-desktop #page-container.bgacc-reverse-text .tf-grid .feedback-text .caption, .md-desktop #page-container .page-row.reverse-text .tf-grid-entry .tf-q h4 .component.text .body-copy, .md-desktop #page-container .page-row.reverse-text .tf-grid-entry .tf-q h4 .caption, .md-desktop #page-container .page-row.reverse-text .mg-grid-entry .mg-q h4 .component.text .body-copy, .md-desktop #page-container .page-row.reverse-text .mg-grid-entry .mg-q h4 .caption, .md-desktop #page-container .page-row.reverse-text .tf-grid .feedback-text .component.text .body-copy, .md-desktop #page-container .page-row.reverse-text .tf-grid .feedback-text .caption, .md-desktop #page-container .grad-row.reverse-text .tf-grid-entry .tf-q h4 .component.text .body-copy, .md-desktop #page-container .grad-row.reverse-text .tf-grid-entry .tf-q h4 .caption, .md-desktop #page-container .grad-row.reverse-text .mg-grid-entry .mg-q h4 .component.text .body-copy, .md-desktop #page-container .grad-row.reverse-text .mg-grid-entry .mg-q h4 .caption, .md-desktop #page-container .grad-row.reverse-text .tf-grid .feedback-text .component.text .body-copy, .md-desktop #page-container .grad-row.reverse-text .tf-grid .feedback-text .caption {
    color: #474747;
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .dragmatch-drag-cont:before, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .catmatch-drag-cont:before, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .catmatch-dropcontent, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .dragimagematch-dropcontent, .md-desktop #page-container.bgacc-reverse-text .dragmatch-drag-cont:before, .md-desktop #page-container.bgacc-reverse-text .catmatch-drag-cont:before, .md-desktop #page-container.bgacc-reverse-text .catmatch-dropcontent, .md-desktop #page-container.bgacc-reverse-text .dragimagematch-dropcontent, .md-desktop #page-container .page-row.reverse-text .dragmatch-drag-cont:before, .md-desktop #page-container .page-row.reverse-text .catmatch-drag-cont:before, .md-desktop #page-container .page-row.reverse-text .catmatch-dropcontent, .md-desktop #page-container .page-row.reverse-text .dragimagematch-dropcontent, .md-desktop #page-container .grad-row.reverse-text .dragmatch-drag-cont:before, .md-desktop #page-container .grad-row.reverse-text .catmatch-drag-cont:before, .md-desktop #page-container .grad-row.reverse-text .catmatch-dropcontent, .md-desktop #page-container .grad-row.reverse-text .dragimagematch-dropcontent {
    border-color: #fff;
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .page-header.row h1.page-title, .md-desktop #page-container.bgacc-reverse-text .page-header.row h1.page-title, .md-desktop #page-container .page-row.reverse-text .page-header.row h1.page-title, .md-desktop #page-container .grad-row.reverse-text .page-header.row h1.page-title {
    border-bottom-color: #fff;
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .tf-grid .tf-questions .tf-grid-entry .tf-a.correct .tf-a-circle:after, .md-desktop #page-container.bgacc-reverse-text .tf-grid .tf-questions .tf-grid-entry .tf-a.correct .tf-a-circle:after, .md-desktop #page-container .page-row.reverse-text .tf-grid .tf-questions .tf-grid-entry .tf-a.correct .tf-a-circle:after, .md-desktop #page-container .grad-row.reverse-text .tf-grid .tf-questions .tf-grid-entry .tf-a.correct .tf-a-circle:after {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .quiz-feedback *:not(a), .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .drag-media .caption, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .catmatch-remaining, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .drag-comp .caption, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .dragmatch-remaining, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .dragimagematch-remaining, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .dragmatching .dragdrop-title, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .dragtolabelimage .dragdrop-title, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .draglabel-remaining, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .catmatching .dragdrop-title, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .dragmediatomedia .dragdrop-title, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .dragtolist .dragdrop-title, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .dragimagematching .dragdrop-title, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .dragimagematching .dragimagematch-dropzone-q, .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .gallery .caption, .md-desktop #page-container.bgacc-reverse-text .quiz-feedback *:not(a), .md-desktop #page-container.bgacc-reverse-text .drag-media .caption, .md-desktop #page-container.bgacc-reverse-text .catmatch-remaining, .md-desktop #page-container.bgacc-reverse-text .drag-comp .caption, .md-desktop #page-container.bgacc-reverse-text .dragmatch-remaining, .md-desktop #page-container.bgacc-reverse-text .dragimagematch-remaining, .md-desktop #page-container.bgacc-reverse-text .dragmatching .dragdrop-title, .md-desktop #page-container.bgacc-reverse-text .dragtolabelimage .dragdrop-title, .md-desktop #page-container.bgacc-reverse-text .draglabel-remaining, .md-desktop #page-container.bgacc-reverse-text .catmatching .dragdrop-title, .md-desktop #page-container.bgacc-reverse-text .dragmediatomedia .dragdrop-title, .md-desktop #page-container.bgacc-reverse-text .dragtolist .dragdrop-title, .md-desktop #page-container.bgacc-reverse-text .dragimagematching .dragdrop-title, .md-desktop #page-container.bgacc-reverse-text .dragimagematching .dragimagematch-dropzone-q, .md-desktop #page-container.bgacc-reverse-text .gallery .caption, .md-desktop #page-container .page-row.reverse-text .quiz-feedback *:not(a), .md-desktop #page-container .page-row.reverse-text .drag-media .caption, .md-desktop #page-container .page-row.reverse-text .catmatch-remaining, .md-desktop #page-container .page-row.reverse-text .drag-comp .caption, .md-desktop #page-container .page-row.reverse-text .dragmatch-remaining, .md-desktop #page-container .page-row.reverse-text .dragimagematch-remaining, .md-desktop #page-container .page-row.reverse-text .dragmatching .dragdrop-title, .md-desktop #page-container .page-row.reverse-text .dragtolabelimage .dragdrop-title, .md-desktop #page-container .page-row.reverse-text .draglabel-remaining, .md-desktop #page-container .page-row.reverse-text .catmatching .dragdrop-title, .md-desktop #page-container .page-row.reverse-text .dragmediatomedia .dragdrop-title, .md-desktop #page-container .page-row.reverse-text .dragtolist .dragdrop-title, .md-desktop #page-container .page-row.reverse-text .dragimagematching .dragdrop-title, .md-desktop #page-container .page-row.reverse-text .dragimagematching .dragimagematch-dropzone-q, .md-desktop #page-container .page-row.reverse-text .gallery .caption, .md-desktop #page-container .grad-row.reverse-text .quiz-feedback *:not(a), .md-desktop #page-container .grad-row.reverse-text .drag-media .caption, .md-desktop #page-container .grad-row.reverse-text .catmatch-remaining, .md-desktop #page-container .grad-row.reverse-text .drag-comp .caption, .md-desktop #page-container .grad-row.reverse-text .dragmatch-remaining, .md-desktop #page-container .grad-row.reverse-text .dragimagematch-remaining, .md-desktop #page-container .grad-row.reverse-text .dragmatching .dragdrop-title, .md-desktop #page-container .grad-row.reverse-text .dragtolabelimage .dragdrop-title, .md-desktop #page-container .grad-row.reverse-text .draglabel-remaining, .md-desktop #page-container .grad-row.reverse-text .catmatching .dragdrop-title, .md-desktop #page-container .grad-row.reverse-text .dragmediatomedia .dragdrop-title, .md-desktop #page-container .grad-row.reverse-text .dragtolist .dragdrop-title, .md-desktop #page-container .grad-row.reverse-text .dragimagematching .dragdrop-title, .md-desktop #page-container .grad-row.reverse-text .dragimagematching .dragimagematch-dropzone-q, .md-desktop #page-container .grad-row.reverse-text .gallery .caption {
    color: #fff;
    border-bottom-color: #fff;
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .standard-quiz .btn-pretest-close, .md-desktop #page-container.bgacc-reverse-text .standard-quiz .btn-pretest-close, .md-desktop #page-container .page-row.reverse-text .standard-quiz .btn-pretest-close, .md-desktop #page-container .grad-row.reverse-text .standard-quiz .btn-pretest-close {
    color: #fff;
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_modalX.svg");
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .quiz-feedback.correct:before, .md-desktop #page-container.bgacc-reverse-text .quiz-feedback.correct:before, .md-desktop #page-container .page-row.reverse-text .quiz-feedback.correct:before, .md-desktop #page-container .grad-row.reverse-text .quiz-feedback.correct:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/answer_correct_white.svg");
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) .quiz-feedback.incorrect:before, .md-desktop #page-container.bgacc-reverse-text .quiz-feedback.incorrect:before, .md-desktop #page-container .page-row.reverse-text .quiz-feedback.incorrect:before, .md-desktop #page-container .grad-row.reverse-text .quiz-feedback.incorrect:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/answer_incorrect_white.svg");
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) #page-content.align-row .col-pipe, .md-desktop #page-container.bgacc-reverse-text #page-content.align-row .col-pipe, .md-desktop #page-container .page-row.reverse-text #page-content.align-row .col-pipe, .md-desktop #page-container .grad-row.reverse-text #page-content.align-row .col-pipe {
    background-color: #fff;
  }
  .md-desktop #page-container.reverse-text:not(.bgacc-noreverse-text) hr, .md-desktop #page-container.bgacc-reverse-text hr, .md-desktop #page-container .page-row.reverse-text hr, .md-desktop #page-container .grad-row.reverse-text hr {
    border-top: 1px solid #fff;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #page-container #page-content .section.page-row .column.collapse1024PadB {
    padding-bottom: 20px;
  }
}
@media (max-width: 1023px) {
  #page-container #page-content .section.page-row.collapse1024 {
    flex-wrap: wrap;
    height: auto !important;
    min-height: auto !important;
  }
  #page-container #page-content .section.page-row.collapse1024 .page-col {
    min-width: 100%;
  }
  #page-container #page-content .section.page-row.collapse1024 .page-col .page-col-settings.collapse-rem-padTB {
    padding-top: 0;
    padding-bottom: 0;
  }
  #page-container #page-content .section.page-row.collapse1024 .page-col .page-col-settings.collapse-rem-padLR {
    padding-left: 0;
    padding-right: 0;
  }
  #page-container #page-content .section.page-row.collapse1024.collapse1024FullpageH {
    height: auto !important;
    min-height: 100% !important;
  }
  #page-container #page-content .section.page-row.collapse1024.fullpageTwoRow .col-pipe {
    display: none;
  }
  #page-container #page-content .section.page-row.collapse1024.pageRowAligned .col-pipe {
    width: 100%;
    height: auto;
    left: 0;
    transform: translate(0, -50%);
    top: 100%;
  }
  #page-container #page-content .section.page-row.collapse1024.pageRowAligned.collapseColReverse .col-pipe {
    top: 0;
  }
  #page-container #page-content .section.page-row.collapse1024.pageRowAligned.ie.fullpage.page-row.section .fullpage.column {
    min-height: auto;
  }
  #page-container #page-content .section.page-row.collapseColReverse {
    flex-direction: column-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    -ms-flex-direction: row !important;
  }
  #page-container #page-content .section.page-row.collapseColReverse .page-col.fullpage .pinned-mosaic .pinned-col:first-of-type .pinned-bg {
    border-left: none !important;
  }
  #page-container #page-content .section.page-row.collapseColReverse .page-col.fullpage .pinned-mosaic .pinned-col:last-of-type .pinned-bg {
    border-right: none !important;
  }
  #page-container #page-content .section.page-row .column.collapseColHide {
    display: none !important;
  }
  #page-container #page-content .section.page-row .column.forceFiveEqual {
    flex-basis: initial;
    max-width: initial;
  }
}
.md-phone #page-container #page-content .section.page-row.collapse1024 {
  flex-wrap: wrap;
  height: auto !important;
  min-height: auto !important;
}
.md-phone #page-container #page-content .section.page-row.collapse1024 .page-col {
  min-width: 100%;
}
.md-phone #page-container #page-content .section.page-row.collapse1024 .page-col .page-col-settings.collapse-rem-padTB {
  padding-top: 0;
  padding-bottom: 0;
}
.md-phone #page-container #page-content .section.page-row.collapse1024 .page-col .page-col-settings.collapse-rem-padLR {
  padding-left: 0;
  padding-right: 0;
}
.md-phone #page-container #page-content .section.page-row.collapse1024.collapse1024FullpageH {
  height: auto !important;
  min-height: 100% !important;
}
.md-phone #page-container #page-content .section.page-row.collapse1024.fullpageTwoRow .col-pipe {
  display: none;
}
.md-phone #page-container #page-content .section.page-row.collapse1024.pageRowAligned .col-pipe {
  width: 100%;
  height: auto;
  left: 0;
  transform: translate(0, -50%);
  top: 100%;
}
.md-phone #page-container #page-content .section.page-row.collapse1024.pageRowAligned.collapseColReverse .col-pipe {
  top: 0;
}
.md-phone #page-container #page-content .section.page-row.collapse1024.pageRowAligned.ie.fullpage.page-row.section .fullpage.column {
  min-height: auto;
}
.md-phone #page-container #page-content .section.page-row.collapseColReverse {
  flex-direction: column-reverse !important;
  -ms-flex-wrap: wrap-reverse !important;
  -ms-flex-direction: row !important;
}
.md-phone #page-container #page-content .section.page-row.collapseColReverse .page-col.fullpage .pinned-mosaic .pinned-col:first-of-type .pinned-bg {
  border-left: none !important;
}
.md-phone #page-container #page-content .section.page-row.collapseColReverse .page-col.fullpage .pinned-mosaic .pinned-col:last-of-type .pinned-bg {
  border-right: none !important;
}
.md-phone #page-container #page-content .section.page-row .column.collapseColHide {
  display: none !important;
}
.md-phone #page-container #page-content .section.page-row .column.forceFiveEqual {
  flex-basis: initial;
  max-width: initial;
}
.md-phone #page-container #page-content .section.page-row .column.mobileColHide {
  display: none !important;
}
@media (max-width: 767px) {
  #page-container {
    height: calc(100% - 35px);
  }
  #page-container.navHidden {
    height: 100%;
  }
  #page-container.reverse-text .mobile-bg .page-header.row *, #page-container .page-row.reverse-text .mobile-bg .page-header.row *, #page-container .grad-row.reverse-text .mobile-bg .page-header.row * {
    color: #fff;
  }
  #page-container.reverse-text .mobile-bg .page-header.row .page-audio *, #page-container .page-row.reverse-text .mobile-bg .page-header.row .page-audio *, #page-container .grad-row.reverse-text .mobile-bg .page-header.row .page-audio * {
    color: #474747;
  }
  #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .component.text, #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .component.media, #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .formdata-submit .formdata-entry, #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title-txt, #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title, #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .formdata-entry label, #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .tf-a.header, #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .thumb-imgs .thumb:not(.captionOverImage) *, #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-header, #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-title, #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-percent-num, #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-summary-title, #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-stats, #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-correct, #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-incorrect, #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-tryagain, #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-q, #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-a, #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .attestation .attest, #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .grad-slide-title, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .component.text, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .component.media, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .formdata-submit .formdata-entry, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title-txt, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .formdata-entry label, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .tf-a.header, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .thumb-imgs .thumb:not(.captionOverImage) *, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-header, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-title, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-percent-num, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-summary-title, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-stats, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-correct, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-incorrect, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-tryagain, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-q, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-a, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .attestation .attest, #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .grad-slide-title, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .component.text, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .component.media, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .formdata-submit .formdata-entry, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title-txt, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .formdata-entry label, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .tf-a.header, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .thumb-imgs .thumb:not(.captionOverImage) *, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-header, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-title, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-percent-num, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-summary-title, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-stats, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-correct, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-incorrect, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-tryagain, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-q, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-a, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .attestation .attest, #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .grad-slide-title {
    color: #fff;
  }
  #page-container.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li, #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li, #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li {
    border-color: rgba(255, 255, 255, 0.5);
  }
  #page-container.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.correct, #page-container.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.incorrect, #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.correct, #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.incorrect, #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.correct, #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.incorrect {
    border: 2px solid transparent;
  }
  #page-container.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.correct:before, #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.correct:before, #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.correct:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  }
  #page-container.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.incorrect:before, #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.incorrect:before, #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.incorrect:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_x.svg");
  }
  #page-container.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li:after, #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li:after, #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li:after {
    background: #fff;
  }
  #page-container.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.active, #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.active, #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.active {
    border-color: white;
  }
  #page-container.reverse-text .mobile-bg .standard-quiz .sq-quiz.width100 .caption, #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-quiz.width100 .caption, #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-quiz.width100 .caption {
    color: #fff;
  }
  #page-container.reverse-text .mobile-bg .standard-quiz .sq-fdbk-icon.sq-q-correct.show-correct:before, #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-fdbk-icon.sq-q-correct.show-correct:before, #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-fdbk-icon.sq-q-correct.show-correct:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/answer_correct_white.svg");
  }
  #page-container.reverse-text .mobile-bg .standard-quiz .sq-fdbk-icon.sq-q-incorrect.show-incorrect:before, #page-container.reverse-text .mobile-bg .standard-quiz .sq-fdbk-icon.sq-q-tryagain.show-incorrect:before, #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-fdbk-icon.sq-q-incorrect.show-incorrect:before, #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-fdbk-icon.sq-q-tryagain.show-incorrect:before, #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-fdbk-icon.sq-q-incorrect.show-incorrect:before, #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-fdbk-icon.sq-q-tryagain.show-incorrect:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/answer_incorrect_white.svg");
  }
  #page-container.reverse-text .mobile-bg .standard-quiz .sq-summary .sq-stats-fdbk, #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-summary .sq-stats-fdbk, #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-summary .sq-stats-fdbk {
    background-color: rgba(0, 0, 0, 0.7);
  }
  #page-container.reverse-text .mobile-bg .tf-grid-entry .tf-q h4 .component.text .body-copy, #page-container.reverse-text .mobile-bg .tf-grid-entry .tf-q h4 .caption, #page-container.reverse-text .mobile-bg .mg-grid-entry .mg-q h4 .component.text .body-copy, #page-container.reverse-text .mobile-bg .mg-grid-entry .mg-q h4 .caption, #page-container.reverse-text .mobile-bg .tf-grid .feedback-text .component.text .body-copy, #page-container.reverse-text .mobile-bg .tf-grid .feedback-text .caption, #page-container .page-row.reverse-text .mobile-bg .tf-grid-entry .tf-q h4 .component.text .body-copy, #page-container .page-row.reverse-text .mobile-bg .tf-grid-entry .tf-q h4 .caption, #page-container .page-row.reverse-text .mobile-bg .mg-grid-entry .mg-q h4 .component.text .body-copy, #page-container .page-row.reverse-text .mobile-bg .mg-grid-entry .mg-q h4 .caption, #page-container .page-row.reverse-text .mobile-bg .tf-grid .feedback-text .component.text .body-copy, #page-container .page-row.reverse-text .mobile-bg .tf-grid .feedback-text .caption, #page-container .grad-row.reverse-text .mobile-bg .tf-grid-entry .tf-q h4 .component.text .body-copy, #page-container .grad-row.reverse-text .mobile-bg .tf-grid-entry .tf-q h4 .caption, #page-container .grad-row.reverse-text .mobile-bg .mg-grid-entry .mg-q h4 .component.text .body-copy, #page-container .grad-row.reverse-text .mobile-bg .mg-grid-entry .mg-q h4 .caption, #page-container .grad-row.reverse-text .mobile-bg .tf-grid .feedback-text .component.text .body-copy, #page-container .grad-row.reverse-text .mobile-bg .tf-grid .feedback-text .caption {
    color: #474747;
  }
  #page-container.reverse-text .mobile-bg .catmatch-dropcontent, #page-container.reverse-text .mobile-bg .dragimagematch-dropcontent, #page-container .page-row.reverse-text .mobile-bg .catmatch-dropcontent, #page-container .page-row.reverse-text .mobile-bg .dragimagematch-dropcontent, #page-container .grad-row.reverse-text .mobile-bg .catmatch-dropcontent, #page-container .grad-row.reverse-text .mobile-bg .dragimagematch-dropcontent {
    border-color: #fff;
  }
  #page-container.reverse-text .mobile-bg .page-header.row h1.page-title, #page-container .page-row.reverse-text .mobile-bg .page-header.row h1.page-title, #page-container .grad-row.reverse-text .mobile-bg .page-header.row h1.page-title {
    border-bottom-color: #fff;
  }
  #page-container.reverse-text .mobile-bg .tf-grid .tf-questions .tf-grid-entry:not(.collapsed) .tf-a.correct .tf-a-circle:after, #page-container .page-row.reverse-text .mobile-bg .tf-grid .tf-questions .tf-grid-entry:not(.collapsed) .tf-a.correct .tf-a-circle:after, #page-container .grad-row.reverse-text .mobile-bg .tf-grid .tf-questions .tf-grid-entry:not(.collapsed) .tf-a.correct .tf-a-circle:after {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  }
  #page-container.reverse-text .mobile-bg .quiz-feedback *, #page-container.reverse-text .mobile-bg .dragmatching .dragmatch-row > .dragdrop-title, #page-container.reverse-text .mobile-bg .dragtolabelimage .draglabel-row > .dragdrop-title, #page-container.reverse-text .mobile-bg .catmatching .catmatch-row > .dragdrop-title, #page-container.reverse-text .mobile-bg .dragmediatomedia .dragmedia-row > .dragdrop-title, #page-container.reverse-text .mobile-bg .dragtolist .dragtolist-row > .dragdrop-title, #page-container.reverse-text .mobile-bg .dragimagematching .dragimagematch-row > .dragdrop-title, #page-container.reverse-text .mobile-bg .dragimagematch-dropzone-q, #page-container .page-row.reverse-text .mobile-bg .quiz-feedback *, #page-container .page-row.reverse-text .mobile-bg .dragmatching .dragmatch-row > .dragdrop-title, #page-container .page-row.reverse-text .mobile-bg .dragtolabelimage .draglabel-row > .dragdrop-title, #page-container .page-row.reverse-text .mobile-bg .catmatching .catmatch-row > .dragdrop-title, #page-container .page-row.reverse-text .mobile-bg .dragmediatomedia .dragmedia-row > .dragdrop-title, #page-container .page-row.reverse-text .mobile-bg .dragtolist .dragtolist-row > .dragdrop-title, #page-container .page-row.reverse-text .mobile-bg .dragimagematching .dragimagematch-row > .dragdrop-title, #page-container .page-row.reverse-text .mobile-bg .dragimagematch-dropzone-q, #page-container .grad-row.reverse-text .mobile-bg .quiz-feedback *, #page-container .grad-row.reverse-text .mobile-bg .dragmatching .dragmatch-row > .dragdrop-title, #page-container .grad-row.reverse-text .mobile-bg .dragtolabelimage .draglabel-row > .dragdrop-title, #page-container .grad-row.reverse-text .mobile-bg .catmatching .catmatch-row > .dragdrop-title, #page-container .grad-row.reverse-text .mobile-bg .dragmediatomedia .dragmedia-row > .dragdrop-title, #page-container .grad-row.reverse-text .mobile-bg .dragtolist .dragtolist-row > .dragdrop-title, #page-container .grad-row.reverse-text .mobile-bg .dragimagematching .dragimagematch-row > .dragdrop-title, #page-container .grad-row.reverse-text .mobile-bg .dragimagematch-dropzone-q {
    color: #fff;
  }
  #page-container.reverse-text .mobile-bg .standard-quiz .btn-pretest-close, #page-container .page-row.reverse-text .mobile-bg .standard-quiz .btn-pretest-close, #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .btn-pretest-close {
    color: #fff;
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_modalX.svg");
  }
  #page-container.reverse-text .mobile-bg .quiz-feedback.correct:before, #page-container .page-row.reverse-text .mobile-bg .quiz-feedback.correct:before, #page-container .grad-row.reverse-text .mobile-bg .quiz-feedback.correct:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/answer_correct_white.svg");
  }
  #page-container.reverse-text .mobile-bg .quiz-feedback.incorrect:before, #page-container .page-row.reverse-text .mobile-bg .quiz-feedback.incorrect:before, #page-container .grad-row.reverse-text .mobile-bg .quiz-feedback.incorrect:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/answer_incorrect_white.svg");
  }
  #page-container.reverse-text .mobile-bg hr, #page-container .page-row.reverse-text .mobile-bg hr, #page-container .grad-row.reverse-text .mobile-bg hr {
    border-top: 1px solid #fff;
  }
  #page-container #page-bg:not(.mobile-bg) {
    display: none;
  }
  #page-container #page-bg.mobile-bg {
    height: 100%;
  }
  #page-container .row-bg-cont:not(.mobile-bg) {
    display: none;
  }
  #page-container.bg-accordion-override #page-bg {
    display: block;
  }
  #page-container #parallax-scroll-icon {
    z-index: 1;
    position: absolute;
    bottom: 7px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 28px;
    height: 28px;
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/scroll.svg");
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  #page-container #parallax-scroll-icon.hidden {
    display: none;
  }
  #page-container .quiz-timer {
    bottom: 51px;
  }
  #page-container .quiz-timer.quiz-timer-edge {
    bottom: 51px;
  }
  #page-container .quiz-timer.ie {
    bottom: 51px;
  }
  #page-container .quiz-timer.navbar-type3 {
    bottom: 3px;
    right: 46px;
  }
  #page-container .quiz-timer.min {
    width: 32px;
    height: 32px;
  }
  #page-container .quiz-timer.min .cont-timer svg {
    margin: 4px;
  }
  #page-container .quiz-timer.min .cont-timer .remaining {
    opacity: 0;
  }
  #page-container .quiz-timer.min:before {
    transform: rotate(0deg);
  }
  #page-container #page-content .pageRowAlignedCont {
    width: 100%;
  }
  #page-container #page-content {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  #page-container #page-content .section.page-row.sticky {
    width: 100% !important;
  }
  #page-container #page-content .section.page-row.collapse768RemovePad {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #page-container #page-content .section.page-row .page-col .page-col-settings.collapse-rem-padTB {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #page-container #page-content .section.page-row .page-col .page-col-settings.collapse-rem-padLR {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #page-container #page-content .section.page-row .page-col .page-col-settings.collapse-def-padTB {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
  }
  #page-container #page-content .section.page-row.collapsePhoneRemovePad .column.page-col .page-col-settings.padLR {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  #page-container #page-content.parallax-content {
    padding: 0 !important;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg) {
    background-color: #fff;
    padding-bottom: 60px !important;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg).align-row {
    display: block !important;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg).align-row .pageRowAlignedCont {
    margin: 0 !important;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg).align-row .pageRowAlignedCont .col-pipe {
    display: none;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg).st-quiz {
    padding: 0 !important;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row {
    padding: 0 !important;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row.collapseColReverse {
    flex-direction: column-reverse;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row.inactive {
    display: flex;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row.fullpage {
    flex: none;
    height: auto !important;
    min-height: auto !important;
    overflow: visible;
    padding: 0;
    flex-direction: column !important;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row.fullpage.active {
    overflow: hidden;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row.fullpage.remove-padding {
    margin-left: 0;
    margin-right: 0;
    width: auto;
    max-width: none;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row.fullpage .viewRow {
    display: none;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row:not(.sticky) {
    margin: 0 !important;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row:not(.sticky) .column.page-col {
    max-width: 100%;
    flex-basis: 100%;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column {
    padding: 0;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column.fullpage.page-col {
    display: block !important;
    height: auto;
    min-height: auto !important;
    padding: 0 !important;
    max-width: 100%;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column.fullpage.page-col .page-col-settings {
    background: none !important;
    min-height: auto !important;
    display: block !important;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column.page-col {
    box-sizing: border-box;
    padding: 0;
    display: block;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column.page-col.bg-accordion {
    margin: 0 -20px;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column.collapseColHide {
    display: none !important;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column .page-col-settings.padT {
    padding-top: 0 !important;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column .page-col-settings.padB {
    padding-bottom: 0 !important;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column .page-col-settings.padB .component:last-of-type {
    margin-bottom: 20px;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column .page-col-settings.padLR {
    padding: 0 !important;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column .page-col-settings.collapse-rem-padTB {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column .page-col-settings.collapse-def-padTB {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column .page-col-settings.collapse-rem-padLR {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column .page-col-settings .component.text {
    text-shadow: none !important;
    background: none !important;
    padding: 0 !important;
  }
  #page-container #page-content.mobile-bg {
    padding: 0 !important;
  }
  #page-container #page-content.mobile-bg.page-parallax {
    padding: 0 !important;
  }
  #page-container #page-content.mobile-bg .section.page-row.fullpage.remove-padding {
    padding: 0 !important;
  }
  #page-container #page-content.mobile-bg .section.page-row.fullpage.remove-padding .removeMarginLR {
    padding: 0 !important;
  }
  #page-container #page-content.mobile-bg.rem-page-pad .section.page-row.fullpage {
    padding: 0 !important;
  }
  #page-container #page-content.mobile-bg.rem-page-pad .section.page-row.fullpage .column.page-col.fullpage {
    padding: 0 !important;
  }
  #page-container #page-content.mobile-bg .section.page-row:not(.parallax-scrollable) {
    padding: 0 20px !important;
  }
  #page-container #page-content.mobile-bg .section.page-row:not(.parallax-scrollable):not(.remove-padding) {
    padding: 0 20px !important;
  }
  #page-container #page-content.mobile-bg .section.page-row {
    padding: 0 20px;
  }
  #page-container #page-content.mobile-bg .section.page-row:not(.remove-padding) {
    padding: 0 20px;
  }
  #page-container #page-content.mobile-bg .section.page-row.collapse768RemovePad {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #page-container #page-content.mobile-bg .section.page-row.fullpage.active {
    overflow: hidden;
  }
  #page-container #page-content.mobile-bg .section.page-row.fullpage .viewRow {
    display: none;
  }
  #page-container #page-content.mobile-bg .section.page-row.fullpage.fullpage-flexwrap .page-header {
    padding: 0;
  }
  #page-container #page-content.mobile-bg .section.page-row.fullpage.parallax-row {
    padding: 0 !important;
    left: 0;
  }
  #page-container #page-content.mobile-bg .section.page-row.fullpage.parallax-row .page-col {
    padding: 0 !important;
  }
  #page-container #page-content.mobile-bg .section.page-row.fullpage.force768WrapAutoH {
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: auto !important;
  }
  #page-container #page-content.mobile-bg .section.page-row .column.collapseColHide {
    display: none !important;
  }
  #page-container #page-content.mobile-bg .section.page-row .column.fullpage {
    padding: 0;
  }
  #page-container #page-content.mobile-bg .section.page-row .column.page-col.bg-accordion {
    margin: 0 -20px;
  }
  #page-container #page-content.mobile-bg .section.page-row .column .page-col-settings.padT {
    padding-top: 20px !important;
  }
  #page-container #page-content.mobile-bg .section.page-row .column .page-col-settings.padT.padT-none {
    padding-top: 0 !important;
  }
  #page-container #page-content.mobile-bg .section.page-row .column .page-col-settings.padB {
    padding-bottom: 20px !important;
  }
  #page-container #page-content.mobile-bg .section.page-row .column .page-col-settings.padB.padB-none {
    padding-bottom: 0 !important;
  }
  #page-container #page-content.mobile-bg .section.page-row .column .page-col-settings.padLR:not(.padLR-none) {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  #page-container #page-content.mobile-bg .section.page-row .column .page-col-settings.collapse-rem-padTB {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #page-container #page-content.mobile-bg .section.page-row .column .page-col-settings.collapse-def-padTB {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
  }
  #page-container #page-content.mobile-bg .section.page-row .column .page-col-settings.collapse-rem-padLR {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #page-container #page-content.mobile-bg .section.page-row .column .page-col-settings.headerPadMobileOverride {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #page-container #page-content.mobile-bg .section.page-row.last-row:not(.fullpage) {
    padding-bottom: 60px !important;
  }
  #page-container #page-content.mobile-bg .section.page-row.last-row:not(.fullpage) .page-col:last-of-type .component:last-of-type {
    margin-bottom: 20px;
  }
  #page-container #page-content.mobile-bg .section.page-row.last-row.parallax-scrollable-sticky .column.page-col {
    padding-bottom: 60px !important;
  }
  #page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type3, #page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type4, #page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type5 {
    height: 100px;
  }
  body[dir="RTL"].md-desktop #page-container .quiz-timer.min .cont-timer svg {
    margin-right: 5px;
  }
  #page-container #page-content .section.page-row .column.forceFiveEqual {
    flex-basis: initial;
    max-width: initial;
  }
  #page-container .row .column.page-col.fullpage.m-fullpage-pad {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 767px) {
  .md-phone #page-container {
    height: calc(100% - 35px);
  }
  .md-phone #page-container.navHidden {
    height: 100%;
  }
  .md-phone #page-container.reverse-text .mobile-bg .page-header.row *, .md-phone #page-container .page-row.reverse-text .mobile-bg .page-header.row *, .md-phone #page-container .grad-row.reverse-text .mobile-bg .page-header.row * {
    color: #fff;
  }
  .md-phone #page-container.reverse-text .mobile-bg .page-header.row .page-audio *, .md-phone #page-container .page-row.reverse-text .mobile-bg .page-header.row .page-audio *, .md-phone #page-container .grad-row.reverse-text .mobile-bg .page-header.row .page-audio * {
    color: #474747;
  }
  .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .component.text, .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .component.media, .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .formdata-submit .formdata-entry, .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title-txt, .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title, .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .formdata-entry label, .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .tf-a.header, .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .thumb-imgs .thumb:not(.captionOverImage) *, .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-header, .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-title, .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-percent-num, .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-summary-title, .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-stats, .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-correct, .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-incorrect, .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-tryagain, .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-q, .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-a, .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .attestation .attest, .md-phone #page-container.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .grad-slide-title, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .component.text, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .component.media, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .formdata-submit .formdata-entry, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title-txt, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .formdata-entry label, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .tf-a.header, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .thumb-imgs .thumb:not(.captionOverImage) *, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-header, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-title, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-percent-num, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-summary-title, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-stats, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-correct, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-incorrect, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-tryagain, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-q, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-a, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .attestation .attest, .md-phone #page-container .page-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .grad-slide-title, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .component.text, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .component.media, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .formdata-submit .formdata-entry, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title-txt, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .horizontal-timeline .ht-title, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .formdata-entry label, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .tf-a.header, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .thumb-imgs .thumb:not(.captionOverImage) *, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-header, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-title, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-percent-num, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-summary-title, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-stats, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-correct, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-incorrect, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .sq-q-tryagain, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-q, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .tip-overview-a, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .attestation .attest, .md-phone #page-container .grad-row.reverse-text .mobile-bg :not(.tab-col):not(.timeline-col):not(.ac-col):not(.thumb-col):not(.hotspotct-col):not(.progress-slide):not(.quiz-qa-q):not(.quiz-nonjudged-media):not(.quiz-qa):not(.quiz-feedback-nj):not(.drag-comp):not(.drag-media):not(.peril-q-title):not(.peril-f):not(.peril-summary-media):not(.drop-txt):not(.cube):not(.quiz-qa-cont-a .quiz-summary) > .grad-slide-title {
    color: #fff;
  }
  .md-phone #page-container.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li, .md-phone #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li, .md-phone #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li {
    border-color: rgba(255, 255, 255, 0.5);
  }
  .md-phone #page-container.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.correct, .md-phone #page-container.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.incorrect, .md-phone #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.correct, .md-phone #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.incorrect, .md-phone #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.correct, .md-phone #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.incorrect {
    border: 2px solid transparent;
  }
  .md-phone #page-container.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.correct:before, .md-phone #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.correct:before, .md-phone #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.correct:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  }
  .md-phone #page-container.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.incorrect:before, .md-phone #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.incorrect:before, .md-phone #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.incorrect:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_x.svg");
  }
  .md-phone #page-container.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li:after, .md-phone #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li:after, .md-phone #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li:after {
    background: #fff;
  }
  .md-phone #page-container.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.active, .md-phone #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.active, .md-phone #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-quiz .sq-progress li.active {
    border-color: white;
  }
  .md-phone #page-container.reverse-text .mobile-bg .standard-quiz .sq-quiz.width100 .caption, .md-phone #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-quiz.width100 .caption, .md-phone #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-quiz.width100 .caption {
    color: #fff;
  }
  .md-phone #page-container.reverse-text .mobile-bg .standard-quiz .sq-fdbk-icon.sq-q-correct.show-correct:before, .md-phone #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-fdbk-icon.sq-q-correct.show-correct:before, .md-phone #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-fdbk-icon.sq-q-correct.show-correct:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/answer_correct_white.svg");
  }
  .md-phone #page-container.reverse-text .mobile-bg .standard-quiz .sq-fdbk-icon.sq-q-incorrect.show-incorrect:before, .md-phone #page-container.reverse-text .mobile-bg .standard-quiz .sq-fdbk-icon.sq-q-tryagain.show-incorrect:before, .md-phone #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-fdbk-icon.sq-q-incorrect.show-incorrect:before, .md-phone #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-fdbk-icon.sq-q-tryagain.show-incorrect:before, .md-phone #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-fdbk-icon.sq-q-incorrect.show-incorrect:before, .md-phone #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-fdbk-icon.sq-q-tryagain.show-incorrect:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/answer_incorrect_white.svg");
  }
  .md-phone #page-container.reverse-text .mobile-bg .standard-quiz .sq-summary .sq-stats-fdbk, .md-phone #page-container .page-row.reverse-text .mobile-bg .standard-quiz .sq-summary .sq-stats-fdbk, .md-phone #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .sq-summary .sq-stats-fdbk {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .md-phone #page-container.reverse-text .mobile-bg .tf-grid-entry .tf-q h4 .component.text .body-copy, .md-phone #page-container.reverse-text .mobile-bg .tf-grid-entry .tf-q h4 .caption, .md-phone #page-container.reverse-text .mobile-bg .mg-grid-entry .mg-q h4 .component.text .body-copy, .md-phone #page-container.reverse-text .mobile-bg .mg-grid-entry .mg-q h4 .caption, .md-phone #page-container.reverse-text .mobile-bg .tf-grid .feedback-text .component.text .body-copy, .md-phone #page-container.reverse-text .mobile-bg .tf-grid .feedback-text .caption, .md-phone #page-container .page-row.reverse-text .mobile-bg .tf-grid-entry .tf-q h4 .component.text .body-copy, .md-phone #page-container .page-row.reverse-text .mobile-bg .tf-grid-entry .tf-q h4 .caption, .md-phone #page-container .page-row.reverse-text .mobile-bg .mg-grid-entry .mg-q h4 .component.text .body-copy, .md-phone #page-container .page-row.reverse-text .mobile-bg .mg-grid-entry .mg-q h4 .caption, .md-phone #page-container .page-row.reverse-text .mobile-bg .tf-grid .feedback-text .component.text .body-copy, .md-phone #page-container .page-row.reverse-text .mobile-bg .tf-grid .feedback-text .caption, .md-phone #page-container .grad-row.reverse-text .mobile-bg .tf-grid-entry .tf-q h4 .component.text .body-copy, .md-phone #page-container .grad-row.reverse-text .mobile-bg .tf-grid-entry .tf-q h4 .caption, .md-phone #page-container .grad-row.reverse-text .mobile-bg .mg-grid-entry .mg-q h4 .component.text .body-copy, .md-phone #page-container .grad-row.reverse-text .mobile-bg .mg-grid-entry .mg-q h4 .caption, .md-phone #page-container .grad-row.reverse-text .mobile-bg .tf-grid .feedback-text .component.text .body-copy, .md-phone #page-container .grad-row.reverse-text .mobile-bg .tf-grid .feedback-text .caption {
    color: #474747;
  }
  .md-phone #page-container.reverse-text .mobile-bg .catmatch-dropcontent, .md-phone #page-container.reverse-text .mobile-bg .dragimagematch-dropcontent, .md-phone #page-container .page-row.reverse-text .mobile-bg .catmatch-dropcontent, .md-phone #page-container .page-row.reverse-text .mobile-bg .dragimagematch-dropcontent, .md-phone #page-container .grad-row.reverse-text .mobile-bg .catmatch-dropcontent, .md-phone #page-container .grad-row.reverse-text .mobile-bg .dragimagematch-dropcontent {
    border-color: #fff;
  }
  .md-phone #page-container.reverse-text .mobile-bg .page-header.row h1.page-title, .md-phone #page-container .page-row.reverse-text .mobile-bg .page-header.row h1.page-title, .md-phone #page-container .grad-row.reverse-text .mobile-bg .page-header.row h1.page-title {
    border-bottom-color: #fff;
  }
  .md-phone #page-container.reverse-text .mobile-bg .tf-grid .tf-questions .tf-grid-entry:not(.collapsed) .tf-a.correct .tf-a-circle:after, .md-phone #page-container .page-row.reverse-text .mobile-bg .tf-grid .tf-questions .tf-grid-entry:not(.collapsed) .tf-a.correct .tf-a-circle:after, .md-phone #page-container .grad-row.reverse-text .mobile-bg .tf-grid .tf-questions .tf-grid-entry:not(.collapsed) .tf-a.correct .tf-a-circle:after {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  }
  .md-phone #page-container.reverse-text .mobile-bg .quiz-feedback *, .md-phone #page-container.reverse-text .mobile-bg .dragmatching .dragmatch-row > .dragdrop-title, .md-phone #page-container.reverse-text .mobile-bg .dragtolabelimage .draglabel-row > .dragdrop-title, .md-phone #page-container.reverse-text .mobile-bg .catmatching .catmatch-row > .dragdrop-title, .md-phone #page-container.reverse-text .mobile-bg .dragmediatomedia .dragmedia-row > .dragdrop-title, .md-phone #page-container.reverse-text .mobile-bg .dragtolist .dragtolist-row > .dragdrop-title, .md-phone #page-container.reverse-text .mobile-bg .dragimagematching .dragimagematch-row > .dragdrop-title, .md-phone #page-container.reverse-text .mobile-bg .dragimagematch-dropzone-q, .md-phone #page-container .page-row.reverse-text .mobile-bg .quiz-feedback *, .md-phone #page-container .page-row.reverse-text .mobile-bg .dragmatching .dragmatch-row > .dragdrop-title, .md-phone #page-container .page-row.reverse-text .mobile-bg .dragtolabelimage .draglabel-row > .dragdrop-title, .md-phone #page-container .page-row.reverse-text .mobile-bg .catmatching .catmatch-row > .dragdrop-title, .md-phone #page-container .page-row.reverse-text .mobile-bg .dragmediatomedia .dragmedia-row > .dragdrop-title, .md-phone #page-container .page-row.reverse-text .mobile-bg .dragtolist .dragtolist-row > .dragdrop-title, .md-phone #page-container .page-row.reverse-text .mobile-bg .dragimagematching .dragimagematch-row > .dragdrop-title, .md-phone #page-container .page-row.reverse-text .mobile-bg .dragimagematch-dropzone-q, .md-phone #page-container .grad-row.reverse-text .mobile-bg .quiz-feedback *, .md-phone #page-container .grad-row.reverse-text .mobile-bg .dragmatching .dragmatch-row > .dragdrop-title, .md-phone #page-container .grad-row.reverse-text .mobile-bg .dragtolabelimage .draglabel-row > .dragdrop-title, .md-phone #page-container .grad-row.reverse-text .mobile-bg .catmatching .catmatch-row > .dragdrop-title, .md-phone #page-container .grad-row.reverse-text .mobile-bg .dragmediatomedia .dragmedia-row > .dragdrop-title, .md-phone #page-container .grad-row.reverse-text .mobile-bg .dragtolist .dragtolist-row > .dragdrop-title, .md-phone #page-container .grad-row.reverse-text .mobile-bg .dragimagematching .dragimagematch-row > .dragdrop-title, .md-phone #page-container .grad-row.reverse-text .mobile-bg .dragimagematch-dropzone-q {
    color: #fff;
  }
  .md-phone #page-container.reverse-text .mobile-bg .standard-quiz .btn-pretest-close, .md-phone #page-container .page-row.reverse-text .mobile-bg .standard-quiz .btn-pretest-close, .md-phone #page-container .grad-row.reverse-text .mobile-bg .standard-quiz .btn-pretest-close {
    color: #fff;
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_modalX.svg");
  }
  .md-phone #page-container.reverse-text .mobile-bg .quiz-feedback.correct:before, .md-phone #page-container .page-row.reverse-text .mobile-bg .quiz-feedback.correct:before, .md-phone #page-container .grad-row.reverse-text .mobile-bg .quiz-feedback.correct:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/answer_correct_white.svg");
  }
  .md-phone #page-container.reverse-text .mobile-bg .quiz-feedback.incorrect:before, .md-phone #page-container .page-row.reverse-text .mobile-bg .quiz-feedback.incorrect:before, .md-phone #page-container .grad-row.reverse-text .mobile-bg .quiz-feedback.incorrect:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/answer_incorrect_white.svg");
  }
  .md-phone #page-container.reverse-text .mobile-bg hr, .md-phone #page-container .page-row.reverse-text .mobile-bg hr, .md-phone #page-container .grad-row.reverse-text .mobile-bg hr {
    border-top: 1px solid #fff;
  }
  .md-phone #page-container #page-bg:not(.mobile-bg) {
    display: none;
  }
  .md-phone #page-container #page-bg.mobile-bg {
    height: 100%;
  }
  .md-phone #page-container .row-bg-cont:not(.mobile-bg) {
    display: none;
  }
  .md-phone #page-container.bg-accordion-override #page-bg {
    display: block;
  }
  .md-phone #page-container #parallax-scroll-icon {
    z-index: 1;
    position: absolute;
    bottom: 7px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 28px;
    height: 28px;
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/scroll.svg");
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .md-phone #page-container #parallax-scroll-icon.hidden {
    display: none;
  }
  .md-phone #page-container .quiz-timer {
    bottom: 51px;
  }
  .md-phone #page-container .quiz-timer.quiz-timer-edge {
    bottom: 51px;
  }
  .md-phone #page-container .quiz-timer.ie {
    bottom: 51px;
  }
  .md-phone #page-container .quiz-timer.navbar-type3 {
    bottom: 3px;
    right: 46px;
  }
  .md-phone #page-container .quiz-timer.min {
    width: 32px;
    height: 32px;
  }
  .md-phone #page-container .quiz-timer.min .cont-timer svg {
    margin: 4px;
  }
  .md-phone #page-container .quiz-timer.min .cont-timer .remaining {
    opacity: 0;
  }
  .md-phone #page-container .quiz-timer.min:before {
    transform: rotate(0deg);
  }
  .md-phone #page-container #page-content .pageRowAlignedCont {
    width: 100%;
  }
  .md-phone #page-container #page-content {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .md-phone #page-container #page-content .section.page-row.collapsePhoneRemovePad .column.page-col .page-col-settings.padLR {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .md-phone #page-container #page-content.parallax-content {
    padding: 0 !important;
  }
  .md-phone #page-container #page-content .section.page-row {
    margin: 0 !important;
  }
  .md-phone #page-container #page-content .section.page-row.fullpage {
    padding: 0 20px !important;
  }
  .md-phone #page-container #page-content .section.page-row .column, .md-phone #page-container #page-content .section.page-row .column.page-col.fullpage {
    padding: 0 20px !important;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg) {
    background-color: #fff;
    padding-bottom: 60px !important;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg).align-row {
    display: block !important;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg).align-row .pageRowAlignedCont {
    margin: 0 !important;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg).align-row .pageRowAlignedCont .col-pipe {
    display: none;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg).st-quiz {
    padding: 0 !important;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row {
    padding: 0 !important;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row.collapseColReverse {
    flex-direction: column-reverse;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row.inactive {
    display: flex;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row.fullpage {
    flex: none;
    height: auto !important;
    min-height: auto !important;
    overflow: visible;
    padding: 0;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row.fullpage.active {
    overflow: hidden;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row.fullpage.remove-padding {
    margin-left: 0;
    margin-right: 0;
    width: auto;
    max-width: none;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row.fullpage .viewRow {
    display: none;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row:not(.sticky) {
    margin: 0 !important;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row:not(.sticky) .column.page-col {
    max-width: 100%;
    flex-basis: 100%;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column {
    padding: 0;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column.fullpage.page-col {
    display: block !important;
    height: auto;
    min-height: auto !important;
    padding: 0 !important;
    padding: 0 20px !important;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column.fullpage.page-col .page-col-settings {
    background: none !important;
    min-height: auto !important;
    display: block !important;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column.page-col {
    box-sizing: border-box;
    padding: 0;
    display: block;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column.page-col.bg-accordion {
    margin: 0 -20px;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column.collapseColHide {
    display: none !important;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column .page-col-settings.padT {
    padding-top: 0 !important;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column .page-col-settings.padB {
    padding-bottom: 0 !important;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column .page-col-settings.padB .component:last-of-type {
    margin-bottom: 20px;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column .page-col-settings.padLR {
    padding: 0 !important;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column .page-col-settings.collapse-rem-padTB {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column .page-col-settings.collapse-def-padTB {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column .page-col-settings.collapse-rem-padLR {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .md-phone #page-container #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column .page-col-settings .component.text {
    text-shadow: none !important;
    background: none !important;
    padding: 0 !important;
  }
  .md-phone #page-container #page-content.mobile-bg {
    padding: 0 !important;
  }
  .md-phone #page-container #page-content.mobile-bg.page-parallax {
    padding: 0 !important;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row.fullpage.remove-padding {
    padding: 0 !important;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row.fullpage.remove-padding .removeMarginLR {
    padding: 0 !important;
  }
  .md-phone #page-container #page-content.mobile-bg.rem-page-pad .section.page-row.fullpage {
    padding: 0 !important;
  }
  .md-phone #page-container #page-content.mobile-bg.rem-page-pad .section.page-row.fullpage .column.page-col.fullpage {
    padding: 0 !important;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row:not(.parallax-scrollable) {
    padding: 0 20px !important;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row:not(.parallax-scrollable):not(.remove-padding) {
    padding: 0 20px !important;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row {
    padding: 0 20px;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row:not(.remove-padding) {
    padding: 0 20px;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row.collapse768RemovePad {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row.fullpage.active {
    overflow: hidden;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row.fullpage .viewRow {
    display: none;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row.fullpage.fullpage-flexwrap .page-header {
    padding: 0;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row.fullpage.parallax-row {
    padding: 0 !important;
    left: 0;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row.fullpage.parallax-row .page-col {
    padding: 0 !important;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row.fullpage.force768WrapAutoH {
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: auto !important;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row .column.collapseColHide {
    display: none !important;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row .column.fullpage {
    padding: 0;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row .column.page-col.bg-accordion {
    margin: 0 -20px;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row .column .page-col-settings.padT {
    padding-top: 20px !important;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row .column .page-col-settings.padT.padT-none {
    padding-top: 0 !important;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row .column .page-col-settings.padB {
    padding-bottom: 20px !important;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row .column .page-col-settings.padB.padB-none {
    padding-bottom: 0 !important;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row .column .page-col-settings.padLR:not(.padLR-none) {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row .column .page-col-settings.collapse-rem-padTB {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row .column .page-col-settings.collapse-def-padTB {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row .column .page-col-settings.collapse-rem-padLR {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row .column .page-col-settings.headerPadMobileOverride {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row.last-row:not(.fullpage) {
    padding-bottom: 60px !important;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row.last-row:not(.fullpage) .page-col:last-of-type .component:last-of-type {
    margin-bottom: 20px;
  }
  .md-phone #page-container #page-content.mobile-bg .section.page-row.last-row.parallax-scrollable-sticky .column.page-col {
    padding-bottom: 60px !important;
  }
  .md-phone #page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type3, .md-phone #page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type4, .md-phone #page-container #page-content.scrolled .section.page-row.parallax-row.parallax-row-type5 {
    height: 100px;
  }
}
body[dir="RTL"].md-phone #page-container .quiz-timer.min .cont-timer svg {
  margin-right: 5px;
}
.avatar-icon {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.avatar-icon.a1 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-01.png");
}
.avatar-icon.a2 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-02.png");
}
.avatar-icon.a3 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-03.png");
}
.avatar-icon.a4 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-04.png");
}
.avatar-icon.a5 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-05.png");
}
.avatar-icon.a6 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-06.png");
}
.avatar-icon.a7 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-07.png");
}
.avatar-icon.a8 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-08.png");
}
.avatar-icon.a9 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-09.png");
}
.avatar-icon.a10 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-10.png");
}
.avatar-icon.a11 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-11.png");
}
.avatar-icon.a12 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-12.png");
}
.avatar-icon.a13 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-13.png");
}
.avatar-icon.a14 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-14.png");
}
.avatar-icon.a15 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-15.png");
}
.avatar-icon.a16 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-16.png");
}
.avatar-icon.a17 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-17.png");
}
.avatar-icon.a18 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-18.png");
}
.avatar-icon.a19 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-19.png");
}
.avatar-icon.a20 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/images/avatars/Simple Faces/avatar-20.png");
}
#glossary {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
  background: [GLOSSARYBACKGROUNDCOLOR] !important;
  color: [GLOSSARYTEXTCOLOR] !important;
}
#glossary #cont-glossary-header {
  flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
}
#glossary #cont-glossary-header .overlay-title {
  text-align: left;
  margin-bottom: 0;
  color: [GLOSSARYHEADINGCOLOR];
}
#glossary #cont-glossary-header .overlay-title h3 {
  margin: 0;
  padding-bottom: 20px;
}
#glossary #cont-glossary-header #glossary-header {
  width: 100%;
  border-bottom: 2px solid #FFF;
  margin-bottom: 20px;
  padding: 10px 0 15px 0;
}
#glossary #cont-glossary-header #glossary-header .btn-showall.disabled {
  opacity: 0.51;
  cursor: default;
  pointer-events: none;
}
#glossary #cont-glossary-header #glossary-header .search-box {
  background: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/search.svg") no-repeat center right 10px;
  background-position: center right 10px;
  background-size: 16px 15px;
  border-radius: 20px;
  border: 2px solid #fff;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-family: "Caveat", handwriting;
  font-size: 16px;
  height: 40px;
  outline: none;
  position: relative;
  transition: width 0.6s;
  width: 40px;
}
#glossary #cont-glossary-header #glossary-header .search-box:focus {
  width: 50%;
  cursor: initial;
  padding-left: 15px;
  padding-right: 30px;
  transition: width 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.375);
}
#glossary #cont-glossary-btns {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  margin: 0 0.3rem 90px 0;
  padding-right: 10px;
}
#glossary #cont-glossary-btns {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#glossary #cont-glossary-btns .term h3 {
  display: inline-block;
  margin: 0 0 15px 0;
}
#glossary #cont-glossary-btns .term .definition {
  padding-left: 0;
}
#glossary #cont-glossary-btns .term .definition a {
  text-decoration: underline;
}
#glossary #cont-glossary-btns .term .definition p {
  margin-bottom: 0;
}
#glossary #cont-glossary-btns.active {
  animation: opacUp 0.6s forwards;
}
@keyframes opacUp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#glossary button {
  display: none;
  margin: 5px 0.3rem;
  padding: 8px 14px;
  line-height: 180%;
}
#glossary button.active {
  display: inline-block;
}
#glossary button.btn-showall {
  display: inline-block;
  background: none;
  border: 2px solid #fff;
  padding: 6px 14px;
  letter-spacing: 0;
  margin-left: 15px;
}
#glossary button.btn-showall:disabled {
  opacity: 0.51;
  cursor: default;
}
#glossary button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
#glossary button:hover, #glossary button:active, #glossary button.focus, #glossary button:focus {
  background: black !important;
}
#glossary button:hover:before, #glossary button:active:before, #glossary button.focus:before, #glossary button:focus:before {
  background: #fff;
}
body[dir="RTL"] #glossary #cont-glossary-header .overlay-title h3 {
  text-align: right;
}
body[dir="RTL"] #glossary #cont-glossary-header #glossary-header .search-box {
  background-position: center right 10px;
}
body[dir="RTL"] #glossary #cont-glossary-header #glossary-header .search-box:focus {
  padding-left: 30px;
  padding-right: 15px;
}
body[dir="RTL"] #glossary #cont-glossary-header #glossary-header .search-magnify:before {
  direction: ltr;
  left: 13px;
}
body[dir="RTL"] #glossary #cont-glossary-header #glossary-header button.btn-showall {
  margin: 5px 15px 5px 0.3rem;
}
body[dir="RTL"] #glossary #cont-glossary-btns {
  margin: 0 0 30px 0.3rem;
  padding-left: 10px;
  padding-right: 0;
}
body[dir="RTL"] #glossary #cont-glossary-btns #btns-glossary {
  padding-right: 0;
}
@media (max-width: 767px) {
  #glossary {
    padding-bottom: 0;
  }
  #glossary .overlay-title h3 {
    font-family: "PT Sans", Helvetica, Arial;
    letter-spacing: 0;
  }
  #glossary #cont-glossary-btns {
    margin-bottom: 30px;
  }
  #glossary {
    background: [GLOSSARYMOBILEBACKGROUNDCOLOR] !important;
    color: [GLOSSARYMOBILETEXTCOLOR];
  }
}
.md-phone #glossary {
  padding-bottom: 0;
}
.md-phone #glossary .overlay-title h3 {
  font-family: "PT Sans", Helvetica, Arial;
  letter-spacing: 0;
}
.md-phone #glossary #cont-glossary-btns {
  margin-bottom: 30px;
}
#home {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#home .pretest-panels {
  display: flex;
  padding: 20px;
  background: #000;
  z-index: 1;
  position: relative;
  height: calc(100% - 40px);
}
#home .pretest-panels .p-panel {
  border: 1px solid rgba(255, 255, 255, 0);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  height: 100%;
  padding: 10px;
  text-align: center;
  transition: border 0.5s;
}
#home .pretest-panels .p-panel:hover, #home .pretest-panels .p-panel:focus {
  border: 1px solid white;
}
#home .pretest-panels .p-panel.col-xs-3 {
  width: 33.33333333%;
  min-width: 33.33333333%;
}
#home .pretest-panels .p-panel.col-xs-5 {
  width: 50%;
  min-width: 50%;
}
#home .pretest-panels .p-panel .panel-media {
  height: 100%;
  width: 100%;
}
#home .pretest-panels .p-panel .panel-desc {
  min-height: 150px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  flex: 1 0 auto;
  background: #fff;
  padding: 12px;
}
#home .pretest-panels .p-panel .panel-desc p {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #home .pretest-panels {
    display: block;
    overflow: hidden;
    overflow-y: auto;
  }
  #home .pretest-panels .p-panel {
    width: 100% !important;
    min-width: 100% !important;
  }
}
#home #home-onePage {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 79px);
  width: 100%;
  overflow: visible;
  background: #fff;
}
#home #home-onePage.navHidden {
  height: 100%;
}
#home #home-onePage.navHidden #onePage-image {
  height: 100%;
}
#home #home-onePage.navHidden .course-actions {
  bottom: 53px;
}
#home #home-onePage.navHidden .home-text-cont {
  bottom: 79px;
}
#home #home-onePage #onePage-image {
  position: absolute;
  height: calc(100% + 79px);
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
#home #home-onePage #onePage-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100vh;
  width: auto;
  height: auto;
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  background-position: center;
}
#home #home-onePage .home-text-cont {
  position: absolute;
  width: 100%;
  bottom: 0%;
  box-sizing: border-box;
  padding: 0 30% 46px 30%;
  text-align: center;
  color: #fff;
}
#home #home-onePage .home-text-cont.text-pos {
  padding-bottom: 18px;
}
#home #home-onePage .home-text-cont.text-pos.text-pos-top, #home #home-onePage .home-text-cont.text-pos.text-pos-middle {
  bottom: auto;
}
#home #home-onePage .home-text-cont.text-pos.text-pos-middle {
  bottom: auto;
  top: 50%;
  transform: translate(0, -50%);
}
#home #home-onePage .home-text-cont .about {
  display: none;
}
#home #home-onePage .home-text-cont .topic-logo {
  height: 125px;
  margin-bottom: 25px;
  background: url("https://s3.amazonaws.com/chameleon4-qa/clients/34/images/img-631b59a5a6098.svg") center center/contain no-repeat;
}
#home #home-onePage .course-actions {
  position: absolute;
  z-index: 7;
  height: 44px;
  width: 100%;
  bottom: -26px;
  left: 0;
  pointer-events: none;
}
#home #home-onePage .course-actions .initial button, #home #home-onePage .course-actions .resume button {
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
#home #home-onePage .course-actions .initial button .arrowL, #home #home-onePage .course-actions .resume button .arrowL {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/home_arrow.svg");
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 25px;
}
#home #home-onePage .course-actions .initial button .arrowR, #home #home-onePage .course-actions .resume button .arrowR {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/home_arrow.svg");
  right: 25px;
}
#home #home-onePage .course-actions .initial button .arrow, #home #home-onePage .course-actions .resume button .arrow {
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: center center;
  top: 9px;
  opacity: 0.4;
}
#home #home-onePage .course-actions .initial, #home #home-onePage .course-actions .resume, #home #home-onePage .course-actions .mobile {
  text-align: center;
}
#home #home-onePage .course-actions .initial button, #home #home-onePage .course-actions .resume button, #home #home-onePage .course-actions .mobile button {
  font-family: "Caveat", handwriting;
  pointer-events: auto;
  min-width: 150px;
  position: relative;
  border: 0;
  border-radius: 0;
  margin: 0px 7px;
  font-size: 14px;
  padding: 13px 25px 14px 25px;
  color: #fff;
  letter-spacing: 2px;
  line-height: 120%;
}
#home #home-onePage .course-actions .initial button, #home #home-onePage .course-actions .resume button, #home #home-onePage .course-actions .mobile button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
#home #home-onePage .course-actions .initial {
  overflow: hidden;
}
#home #home-onePage .course-actions .initial button {
  border-radius: [BUTTONBORDERRADIUS];
}
#home #home-onePage .course-actions .initial button.btn-start {
  background: #57fa6a;
  padding-right: 55px;
}
#home #home-onePage .course-actions .mobile {
  display: none;
}
#home #home-onePage .course-actions .resume button {
  border-radius: [BUTTONBORDERRADIUS];
  min-width: auto;
}
#home #home-onePage .course-actions .resume button.btn-restart {
  background: #000000;
  padding-left: 55px;
}
#home #home-onePage .course-actions .resume button.btn-resume {
  background: #000000;
  padding-right: 55px;
}
@media (max-width: 767px) {
  #home #home-onePage {
    padding: 50px 20px 0px 20px;
    box-sizing: border-box;
    background: #000;
    height: calc(100% - 35px);
  }
  #home #home-onePage.navHidden {
    height: 100%;
  }
  #home #home-onePage {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  #home #home-onePage .bg-mobile {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
  }
  #home #home-onePage #onePage-image {
    opacity: 0.6;
    height: 100%;
  }
  #home #home-onePage #onePage-video {
    display: none;
  }
  #home #home-onePage .course-actions {
    position: relative;
    bottom: auto !important;
    height: auto;
    text-align: center;
    z-index: unset;
    padding-bottom: 40px;
  }
  #home #home-onePage .course-actions .initial button, #home #home-onePage .course-actions .resume button, #home #home-onePage .course-actions .mobile button {
    display: inline-block;
    background: #57fa6a !important;
    margin: 10px;
    padding: 12px 25px !important;
    font-family: "Caveat", handwriting;
    border-radius: 5px;
  }
  #home #home-onePage .course-actions .initial button, #home #home-onePage .course-actions .resume button, #home #home-onePage .course-actions .mobile button {
    background: #000000 !important;
    color: #FFFFFF !important;
  }
  #home #home-onePage .course-actions .initial button i.arrow, #home #home-onePage .course-actions .resume button i.arrow, #home #home-onePage .course-actions .mobile button i.arrow {
    display: none;
  }
  #home #home-onePage .course-actions .mobile {
    display: block;
  }
  #home #home-onePage .course-actions .resume button {
    min-width: auto;
  }
  #home #home-onePage .home-text-cont {
    padding: 0;
    position: relative;
    transform: none !important;
    bottom: auto !important;
    top: auto !important;
  }
  #home #home-onePage .home-text-cont h1 {
    margin: 40px 0;
    line-height: 110%;
  }
  #home #home-onePage .home-text-cont .about {
    display: block;
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
    padding: 0 0 40px 0;
  }
  #home #home-onePage .home-text-cont .about.disabled {
    visibility: hidden;
  }
  #home #home-onePage .home-text-cont .home-text {
    display: none;
  }
  #home #home-onePage .home-text-cont .topic-logo {
    background: url("https://s3.amazonaws.com/chameleon4-qa/clients/34/images/img-631b59a5a6098.svg") center center/contain no-repeat;
    max-height: 100px;
    min-height: 100px;
  }
  #home #home-onePage .mobile {
    display: block;
  }
}
.md-phone #home #home-onePage {
  padding: 50px 20px 0px 20px;
  box-sizing: border-box;
  background: #000;
  height: calc(100% - 35px);
}
.md-phone #home #home-onePage.navHidden {
  height: 100%;
}
.md-phone #home #home-onePage {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.md-phone #home #home-onePage .bg-mobile {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
}
.md-phone #home #home-onePage #onePage-image {
  opacity: 0.6;
  height: 100%;
}
.md-phone #home #home-onePage #onePage-video {
  display: none;
}
.md-phone #home #home-onePage .course-actions {
  position: relative;
  bottom: auto !important;
  height: auto;
  text-align: center;
  z-index: unset;
  padding-bottom: 40px;
}
.md-phone #home #home-onePage .course-actions .initial button, .md-phone #home #home-onePage .course-actions .resume button, .md-phone #home #home-onePage .course-actions .mobile button {
  display: inline-block;
  background: #57fa6a !important;
  margin: 10px;
  padding: 12px 25px !important;
  font-family: "Caveat", handwriting;
  border-radius: 5px;
}
.md-phone #home #home-onePage .course-actions .initial button, .md-phone #home #home-onePage .course-actions .resume button, .md-phone #home #home-onePage .course-actions .mobile button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.md-phone #home #home-onePage .course-actions .initial button i.arrow, .md-phone #home #home-onePage .course-actions .resume button i.arrow, .md-phone #home #home-onePage .course-actions .mobile button i.arrow {
  display: none;
}
.md-phone #home #home-onePage .course-actions .mobile {
  display: block;
}
.md-phone #home #home-onePage .course-actions .resume button {
  min-width: auto;
}
.md-phone #home #home-onePage .home-text-cont {
  padding: 0;
  position: relative;
  transform: none !important;
  bottom: auto !important;
  top: auto !important;
}
.md-phone #home #home-onePage .home-text-cont h1 {
  margin: 40px 0;
  line-height: 110%;
}
.md-phone #home #home-onePage .home-text-cont .about {
  display: block;
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
  padding: 0 0 40px 0;
}
.md-phone #home #home-onePage .home-text-cont .about.disabled {
  visibility: hidden;
}
.md-phone #home #home-onePage .home-text-cont .home-text {
  display: none;
}
.md-phone #home #home-onePage .home-text-cont .topic-logo {
  background: url("https://s3.amazonaws.com/chameleon4-qa/clients/34/images/img-631b59a5a6098.svg") center center/contain no-repeat;
  max-height: 100px;
  min-height: 100px;
}
.md-phone #home #home-onePage .mobile {
  display: block;
}
@media (orientation: landscape) and (max-width: 767px) {
  #home #home-onePage {
    padding-top: 25px;
  }
  #home #home-onePage .home-text-cont h1 {
    margin: 30px 0;
  }
  #home #home-onePage .home-text-cont .about {
    padding-bottom: 30px;
  }
}
@media (orientation: landscape) {
  .md-phone #home #home-onePage {
    padding-top: 25px;
  }
  .md-phone #home #home-onePage .home-text-cont h1 {
    margin: 30px 0;
  }
  .md-phone #home #home-onePage .home-text-cont .about {
    padding-bottom: 30px;
  }
}
#home #home-popover {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  margin: 0;
  background: #fff;
}
#home #home-popover.navHidden #colL {
  height: 100vh;
}
#home #home-popover.navHidden #colL:after {
  display: none;
}
#home #home-popover #colL {
  background: #fff;
  height: calc(100vh - 79px);
  overflow-y: auto;
  padding: 0 10px;
  position: relative;
}
#home #home-popover #colL:after {
  background: #fff;
  bottom: 0;
  content: "";
  height: 79px;
  position: fixed;
  width: 100%;
  left: 0;
  flex-basis: 25%;
  max-width: 25%;
}
#home #home-popover #colL .media-frame {
  margin: 10px 0;
}
#home #home-popover #colL ul.topic-options {
  position: relative;
  margin: 0 0 20px 8px;
  padding: 12px 26px 16px;
  border-left: 3px solid #999999;
}
#home #home-popover #colL ul.topic-options:after {
  content: "";
  position: absolute;
  display: block;
  height: 7px;
  width: 7px;
  left: -5px;
  bottom: 0;
  background: #999999;
  border-radius: 100%;
}
#home #home-popover #colL ul.topic-options:before {
  content: "";
  position: absolute;
  display: block;
  height: 7px;
  width: 7px;
  left: -5px;
  top: 0;
  background: #999999;
  border-radius: 100%;
}
#home #home-popover #colL ul.topic-options li {
  list-style: none;
  display: block;
  position: relative;
  margin: 17px 0px;
  font-size: 12px;
  font-weight: bolder;
  line-height: 140%;
  cursor: pointer;
}
#home #home-popover #colL ul.topic-options li:before {
  content: "";
  position: absolute;
  display: block;
  height: 11px;
  width: 11px;
  left: -33px;
  top: 3px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #448ee5;
  border-radius: 100%;
}
#home #home-popover #colL ul.topic-options li:first-child {
  margin-top: 9px;
}
#home #home-popover #colL ul.topic-options li:last-child {
  margin-bottom: 9px;
}
#home #home-popover #colL ul.topic-options li.active:before, #home #home-popover #colL ul.topic-options li.complete:before {
  height: 10px;
  width: 10px;
  left: -32px;
  top: 4px;
  border: none;
}
#home #home-popover #colL ul.topic-options li.active {
  color: #448ee5;
  font-style: normal;
}
#home #home-popover #colL ul.topic-options li.active:after {
  content: "";
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  left: -37px;
  top: -1px;
  box-sizing: border-box;
  border: 1px solid #448ee5;
  background: transparent;
  border-radius: 100%;
  z-index: 9;
}
#home #home-popover #colL ul.topic-options li.active:before {
  background: #448ee5;
}
#home #home-popover #colL ul.topic-options li.complete:before {
  background: #999;
}
#home #home-popover #colL ul.topic-options li.complete.active:before {
  background: #448ee5;
}
#home #home-popover #colL .about {
  display: none;
}
#home #home-popover #colL .topic-logo {
  height: 150px;
  margin: 10px 0;
  background: url("https://s3.amazonaws.com/chameleon4-qa/clients/34/images/img-631b59a5a6098.svg") center center/contain no-repeat;
}
#home #home-popover #colL h6 {
  border-bottom: #5f5e5e solid 3px;
  padding-bottom: 10px;
  font-family: "Caveat", handwriting;
  font-size: 12px;
  margin: 0 0 10px 0;
}
#home #home-popover #colL h6.no-mod {
  margin-bottom: 15px;
}
#home #home-popover #colL h4 {
  margin-top: 0;
  margin-bottom: 15px;
  border-bottom: #5f5e5e solid 2px;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-size: 19px;
}
#home #home-popover #colR {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  padding: 0;
}
#home #home-popover #colR #popover-cont {
  display: block;
  position: absolute;
  top: 0 !important;
  left: 0;
  width: 100% !important;
  height: 100%;
  font-family: "Caveat", handwriting;
  line-break: auto;
  line-height: 1.42857143;
  opacity: 0;
  text-align: start;
  font-size: 14px;
  will-change: opacity, left;
  margin: 0 !important;
}
#home #home-popover #colR #popover-cont.navbar0 {
  height: calc(100% - 79px);
}
#home #home-popover #colR #popover-cont.active {
  animation: opacSlideIn 1s forwards;
  opacity: 1;
}
@keyframes opacSlideIn {
  0% {
    left: -275px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
#home #home-popover #colR #popover-cont #popover-scale {
  width: 275px !important;
  height: 400px !important;
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  border-bottom: 2px solid #000;
  box-sizing: border-box;
  will-change: scale;
}
#home #home-popover #colR #popover-cont #popover-scale.top {
  top: 40px;
  transform: none;
}
#home #home-popover #colR #popover-cont #popover-scale.top.center {
  transform: translateX(-50%);
}
#home #home-popover #colR #popover-cont #popover-scale.right {
  left: auto;
  right: 40px;
  transform: none;
}
#home #home-popover #colR #popover-cont #popover-scale.right.center {
  transform: translateY(-50%);
}
#home #home-popover #colR #popover-cont #popover-scale.bottom {
  bottom: 40px;
  top: auto;
  transform: none;
}
#home #home-popover #colR #popover-cont #popover-scale.bottom.center {
  transform: translateX(-50%);
}
#home #home-popover #colR #popover-cont #popover-scale.left {
  left: 40px;
  transform: none;
}
#home #home-popover #colR #popover-cont #popover-scale.left.center {
  transform: translateY(-50%);
}
#home #home-popover #colR #popover-cont #popover-scale .popover {
  display: none;
  width: 100%;
  height: 100%;
  position: relative;
}
#home #home-popover #colR #popover-cont #popover-scale .popover.active {
  display: block;
}
#home #home-popover #colR #popover-cont #popover-scale .popover .topic-image {
  height: 200px;
  width: 100%;
  border-bottom: 1px solid #000;
  box-sizing: border-box;
}
#home #home-popover #colR #popover-cont #popover-scale .popover .topic-content {
  padding: 10px 15px;
  max-height: 120px;
}
#home #home-popover #colR #popover-cont #popover-scale .popover .topic-content {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#home #home-popover #colR #popover-cont #popover-scale .popover .topic-content .topic-title {
  margin: 0 0 8px 0;
  padding-bottom: 5px;
  border-bottom: 2px solid #5f5e5e;
  text-transform: uppercase;
  color: #5f5e5e;
  font-family: "Caveat", handwriting;
  font-weight: bold;
  line-height: 130%;
}
#home #home-popover #colR #popover-cont #popover-scale .popover .topic-content .topic-details {
  font-size: 12px;
}
#home #home-popover #colR #popover-cont #popover-scale .popover .topic-content .btn-start {
  position: absolute;
  bottom: 15px;
  border-radius: [BUTTONBORDERRADIUS];
  left: 15px;
  background: #000;
  border: 0;
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: normal;
  padding: 10px 15px;
  font-family: "Caveat", handwriting;
  line-height: inherit;
}
#home #home-popover #colR #popover-cont #popover-scale .popover .topic-content .btn-start.locked {
  pointer-events: none;
  padding-left: 35px;
}
#home #home-popover #colR #popover-cont #popover-scale .popover .topic-content .btn-start.locked:before {
  width: 7px;
  height: 12px;
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -1px;
  transform: translate(0, -50%);
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock.svg");
  background-size: 7px 12px;
  background-repeat: no-repeat;
  background-position: center;
}
#home #home-popover #colR #popover-cont.pulse #popover-scale {
  animation: pulse 1s forwards;
}
@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
#home #home-popover .course-actions {
  position: absolute;
  bottom: 54px;
  left: 0;
  width: 100%;
  z-index: 7;
  text-align: center;
  pointer-events: none;
}
#home #home-popover .course-actions .initial button .arrowL, #home #home-popover .course-actions .resume button .arrowL {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/home_arrow.svg");
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 25px;
}
#home #home-popover .course-actions .initial button .arrowR, #home #home-popover .course-actions .resume button .arrowR {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/home_arrow.svg");
  right: 25px;
}
#home #home-popover .course-actions .initial button .arrow, #home #home-popover .course-actions .resume button .arrow {
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: center center;
  top: 9px;
  opacity: 0.4;
}
#home #home-popover .course-actions .initial button, #home #home-popover .course-actions .resume button, #home #home-popover .course-actions .mobile button {
  border-radius: 5px;
  font-family: "Caveat", handwriting;
  pointer-events: auto;
  position: relative;
  border: 1.5px #fff solid;
  border-radius: 0px;
  font-size: 14px;
  padding: 13px 23px 14px 23px;
  color: #fff;
  letter-spacing: 2px;
  margin: 0 7.5px;
}
#home #home-popover .course-actions .initial button, #home #home-popover .course-actions .resume button, #home #home-popover .course-actions .mobile button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
#home #home-popover .course-actions .initial {
  overflow: hidden;
}
#home #home-popover .course-actions .initial button {
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
  border-radius: [BUTTONBORDERRADIUS];
}
#home #home-popover .course-actions .initial button.btn-start {
  background: #57fa6a;
  padding-right: 55px;
}
#home #home-popover .course-actions .mobile {
  display: none;
}
#home #home-popover .course-actions .resume {
  overflow: hidden;
}
#home #home-popover .course-actions .resume button {
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
  border-radius: [BUTTONBORDERRADIUS];
}
#home #home-popover .course-actions .resume button.btn-restart {
  background: #000000;
  padding-left: 55px;
}
#home #home-popover .course-actions .resume button.btn-resume {
  background: #000000;
  padding-right: 55px;
}
#home #home-popover .mobile {
  display: none;
}
@media (max-width: 767px) {
  #home #home-popover {
    background: #000;
    display: block;
    height: calc(100% - 35px);
  }
  #home #home-popover.navHidden {
    height: 100%;
  }
  #home #home-popover {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  #home #home-popover .bg-mobile {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    z-index: 1;
  }
  #home #home-popover #colL {
    box-sizing: border-box;
    padding: 50px 20px 0 20px;
    width: 100%;
    max-width: 100%;
    height: auto;
    z-index: 1;
    background: none;
    text-align: center;
    overflow: hidden;
  }
  #home #home-popover #colL #video-home {
    display: none;
  }
  #home #home-popover #colL:after {
    display: none;
  }
  #home #home-popover #colL h6 {
    color: #fff;
    margin: 40px 0;
    text-align: center;
    font-size: 32px;
    font-family: "Caveat", handwriting;
    line-height: 110%;
    padding-bottom: 0;
  }
  #home #home-popover #colL h4 {
    display: none;
  }
  #home #home-popover #colL .about {
    display: block;
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
    padding: 0 0 40px 0;
    color: #fff;
  }
  #home #home-popover #colL .about.disabled {
    visibility: hidden;
  }
  #home #home-popover #colL .media-frame {
    display: none;
  }
  #home #home-popover #colL .topic-logo {
    background: url("https://s3.amazonaws.com/chameleon4-qa/clients/34/images/img-631b59a5a6098.svg") center center/contain no-repeat;
    max-height: 100px;
    min-height: 100px;
    margin-top: 0;
  }
  #home #home-popover #colL ul {
    display: none;
  }
  #home #home-popover #colL h4, #home #home-popover #colL h6 {
    border: none;
  }
  #home #home-popover #colR {
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: 100%;
    top: 0;
  }
  #home #home-popover #colR #popover-cont {
    display: none;
  }
  #home #home-popover .bg-mobile {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
  }
  #home #home-popover .course-actions {
    position: relative;
    bottom: auto !important;
    height: auto;
    text-align: center;
    z-index: 1;
    padding-bottom: 40px;
  }
  #home #home-popover .course-actions .initial button, #home #home-popover .course-actions .resume button, #home #home-popover .course-actions .mobile button {
    min-width: 150px;
    border: none;
    display: inline-block;
    background: #57fa6a !important;
    margin: 10px;
    padding: 12px 25px !important;
    font-family: "Caveat", handwriting;
  }
  #home #home-popover .course-actions .initial button, #home #home-popover .course-actions .resume button, #home #home-popover .course-actions .mobile button {
    background: #000000 !important;
    color: #FFFFFF !important;
  }
  #home #home-popover .course-actions .initial button i.arrow, #home #home-popover .course-actions .resume button i.arrow, #home #home-popover .course-actions .mobile button i.arrow {
    display: none;
  }
  #home #home-popover .course-actions .resume button {
    min-width: auto;
  }
  #home #home-popover .mobile {
    display: block;
  }
}
.md-phone #home #home-popover {
  background: #000;
  display: block;
  height: calc(100% - 35px);
}
.md-phone #home #home-popover.navHidden {
  height: 100%;
}
.md-phone #home #home-popover {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.md-phone #home #home-popover .bg-mobile {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  z-index: 1;
}
.md-phone #home #home-popover #colL {
  box-sizing: border-box;
  padding: 50px 20px 0 20px;
  width: 100%;
  max-width: 100%;
  height: auto;
  z-index: 1;
  background: none;
  text-align: center;
  overflow: hidden;
}
.md-phone #home #home-popover #colL #video-home {
  display: none;
}
.md-phone #home #home-popover #colL:after {
  display: none;
}
.md-phone #home #home-popover #colL h6 {
  color: #fff;
  margin: 40px 0;
  text-align: center;
  font-size: 32px;
  font-family: "Caveat", handwriting;
  line-height: 110%;
  padding-bottom: 0;
}
.md-phone #home #home-popover #colL h4 {
  display: none;
}
.md-phone #home #home-popover #colL .about {
  display: block;
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
  padding: 0 0 40px 0;
  color: #fff;
}
.md-phone #home #home-popover #colL .about.disabled {
  visibility: hidden;
}
.md-phone #home #home-popover #colL .media-frame {
  display: none;
}
.md-phone #home #home-popover #colL .topic-logo {
  background: url("https://s3.amazonaws.com/chameleon4-qa/clients/34/images/img-631b59a5a6098.svg") center center/contain no-repeat;
  max-height: 100px;
  min-height: 100px;
  margin-top: 0;
}
.md-phone #home #home-popover #colL ul {
  display: none;
}
.md-phone #home #home-popover #colL h4, .md-phone #home #home-popover #colL h6 {
  border: none;
}
.md-phone #home #home-popover #colR {
  position: absolute;
  width: 100%;
  max-width: 100%;
  height: 100%;
  top: 0;
}
.md-phone #home #home-popover #colR #popover-cont {
  display: none;
}
.md-phone #home #home-popover .bg-mobile {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
}
.md-phone #home #home-popover .course-actions {
  position: relative;
  bottom: auto !important;
  height: auto;
  text-align: center;
  z-index: 1;
  padding-bottom: 40px;
}
.md-phone #home #home-popover .course-actions .initial button, .md-phone #home #home-popover .course-actions .resume button, .md-phone #home #home-popover .course-actions .mobile button {
  min-width: 150px;
  border: none;
  display: inline-block;
  background: #57fa6a !important;
  margin: 10px;
  padding: 12px 25px !important;
  font-family: "Caveat", handwriting;
}
.md-phone #home #home-popover .course-actions .initial button, .md-phone #home #home-popover .course-actions .resume button, .md-phone #home #home-popover .course-actions .mobile button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.md-phone #home #home-popover .course-actions .initial button i.arrow, .md-phone #home #home-popover .course-actions .resume button i.arrow, .md-phone #home #home-popover .course-actions .mobile button i.arrow {
  display: none;
}
.md-phone #home #home-popover .course-actions .resume button {
  min-width: auto;
}
.md-phone #home #home-popover .mobile {
  display: block;
}
body[dir="RTL"] #home #home-popover #colL ul {
  margin: 0 8px 20px 0;
  padding: 12px 26px 16px;
  border-right: 3px solid #999999;
  border-left: none;
}
body[dir="RTL"] #home #home-popover #colL ul:after {
  right: -5px;
  left: auto;
}
body[dir="RTL"] #home #home-popover #colL ul:before {
  left: auto;
  right: -5px;
}
body[dir="RTL"] #home #home-popover #colL ul li:before {
  right: -33px;
  left: auto;
}
body[dir="RTL"] #home #home-popover #colL ul li.active:before, body[dir="RTL"] #home #home-popover #colL ul li.complete:before {
  right: -32px;
  left: auto;
}
body[dir="RTL"] #home #home-popover #colL ul li.active:after {
  right: -37px;
  left: auto;
}
body[dir="RTL"] #home #home-popover #colR #popover-cont {
  animation: opacSlideInR 1s forwards;
}
@keyframes opacSlideInR {
  0% {
    left: 275px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
body[dir="RTL"] #home #home-popover #colR #popover-cont #popover-scale .popover .topic-content .btn-start {
  left: auto;
  right: 15px;
}
body[dir="RTL"] #home #home-popover #colR #popover-cont #popover-scale .popover .topic-content .btn-start.locked {
  padding-left: 15px;
  padding-right: 35px;
}
body[dir="RTL"] #home #home-popover #colR #popover-cont #popover-scale .popover .topic-content .btn-start.locked:before {
  right: 10px;
  left: auto;
}
#home #home-two-cols {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 79px);
  width: 100%;
  overflow: visible;
  margin: 0;
}
#home #home-two-cols.navHidden {
  height: 100%;
}
#home #home-two-cols.navHidden #colL #twoCol-image {
  height: 100%;
}
#home #home-two-cols #colL .course-actions .initial button, #home #home-two-cols #colL .course-actions .resume button, #home #home-two-cols #colL .course-actions .mobile button, #home #home-two-cols #colR .topic-wrap button {
  font-family: "Caveat", handwriting;
  position: relative;
  border: none;
  border-radius: 0px;
  margin: 0px 5px 10px 5px;
  font-size: 13px;
  padding: 15px 20px;
  color: #fff;
  letter-spacing: 2px;
  background: #000000;
  line-height: 120%;
}
#home #home-two-cols #colL .course-actions .initial button, #home #home-two-cols #colL .course-actions .resume button, #home #home-two-cols #colL .course-actions .mobile button, #home #home-two-cols #colR .topic-wrap button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
#home #home-two-cols #colL {
  padding: 0 6.5rem;
  margin: 0;
  height: 100%;
}
#home #home-two-cols #colL.text-btm {
  padding: 0;
}
#home #home-two-cols #colL.text-btm .home-text-cont {
  width: 50%;
}
#home #home-two-cols #colL #twoCol-image {
  padding: 0;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% + 79px);
  width: 100%;
}
#home #home-two-cols #colL .home-text-cont {
  position: relative;
  box-sizing: border-box;
  text-align: left;
  color: #fff;
  padding: 40px 0;
}
#home #home-two-cols #colL .home-text-cont.text-pos {
  padding-top: 0;
  padding-bottom: 0;
}
#home #home-two-cols #colL .home-text-cont.text-pos.text-pos-top, #home #home-two-cols #colL .home-text-cont.text-pos.text-pos-middle {
  bottom: auto;
}
#home #home-two-cols #colL .home-text-cont.text-pos.text-pos-middle {
  bottom: auto;
  top: 50%;
  transform: translate(0, -50%);
}
#home #home-two-cols #colL .home-text-cont.text-pos.text-pos-bottom {
  bottom: 0;
  position: absolute;
  padding: 0 6.5rem;
}
#home #home-two-cols #colL .home-text-cont.text-pos .course-actions {
  padding-bottom: 0;
}
#home #home-two-cols #colL .home-text-cont h1 {
  margin: 20px 0;
}
#home #home-two-cols #colL .home-text-cont .about {
  display: none;
}
#home #home-two-cols #colL .home-text-cont .topic-logo {
  max-height: 100px;
  min-height: 100px;
  background: url("https://s3.amazonaws.com/chameleon4-qa/clients/34/images/img-631b59a5a6098.svg") left center/contain no-repeat;
}
#home #home-two-cols #colL .course-actions {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
#home #home-two-cols #colL .course-actions .initial, #home #home-two-cols #colL .course-actions .resume, #home #home-two-cols #colL .course-actions .mobile {
  text-align: left;
  margin: 0 -5px;
}
#home #home-two-cols #colL .course-actions .initial button, #home #home-two-cols #colL .course-actions .resume button, #home #home-two-cols #colL .course-actions .mobile button {
  border-radius: 5px;
}
#home #home-two-cols #colL .course-actions .mobile {
  display: none;
}
#home #home-two-cols #colR {
  background: #000;
  color: #fff;
  height: 100%;
  padding-left: 2.8rem;
  padding-right: 2.8rem;
  padding-top: 40px;
}
#home #home-two-cols #colR {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#home #home-two-cols #colR ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#home #home-two-cols #colR ul .load-topic {
  text-align: left;
  margin-bottom: 50px;
  overflow: hidden;
}
#home #home-two-cols #colR ul .load-topic:not(:first-child) {
  padding-top: 50px;
  border-top: 2px solid #333;
}
#home #home-two-cols #colR ul .load-topic .topic-image {
  position: relative;
  float: left;
}
#home #home-two-cols #colR ul .load-topic .topic-image img {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: none;
  float: left;
  max-width: 150px;
  cursor: pointer;
}
#home #home-two-cols #colR ul .load-topic .topic-image img.disabled {
  cursor: default;
}
#home #home-two-cols #colR ul .load-topic.complete .topic-image img {
  opacity: 0.5;
}
#home #home-two-cols #colR ul .load-topic.locked .topic-image {
  cursor: not-allowed;
  position: relative;
  pointer-events: none;
}
#home #home-two-cols #colR ul .load-topic.locked .topic-image img {
  opacity: 0.5;
}
#home #home-two-cols #colR ul .load-topic.locked .topic-image:after {
  width: 20px;
  height: 32px;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock.svg");
  background-size: 20px 32px;
  background-repeat: no-repeat;
  background-position: center;
}
#home #home-two-cols #colR ul .load-topic.locked .topic-wrap button {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
#home #home-two-cols #colR ul .load-topic .topic-wrap {
  margin-left: 180px;
}
#home #home-two-cols #colR ul .load-topic .topic-wrap .topic-details {
  margin: 15px 0 25px 0;
  font-size: 16px;
}
#home #home-two-cols #colR ul .load-topic .topic-wrap .topic-title {
  font-size: 18px;
}
#home #home-two-cols #colR ul .load-topic .topic-wrap button {
  background: #57fa6a;
  margin: 5px 0;
  border-radius: 5px;
}
#home #home-two-cols #colR ul .load-topic .topic-wrap button:hover {
  background: #000000;
}
@media (max-width: 767px) {
  #home #home-two-cols {
    padding: 50px 20px 0px 20px;
    box-sizing: border-box;
    height: calc(100% - 35px);
  }
  #home #home-two-cols.navHidden {
    height: 100%;
  }
  #home #home-two-cols {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  #home #home-two-cols .bg-mobile {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
  }
  #home #home-two-cols #colL {
    margin: 0;
    background: none;
    padding: 0;
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }
  #home #home-two-cols #colL #twoCol-image {
    opacity: 0.6;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: block;
    max-width: auto;
    min-width: 100%;
  }
  #home #home-two-cols #colL .course-actions {
    position: relative;
    bottom: auto !important;
    height: auto;
    text-align: center;
    padding-top: 0;
    padding-bottom: 40px !important;
  }
  #home #home-two-cols #colL .course-actions .initial button {
    min-width: 150px;
  }
  #home #home-two-cols #colL .course-actions .initial, #home #home-two-cols #colL .course-actions .resume, #home #home-two-cols #colL .course-actions .mobile {
    margin: 0;
    text-align: center;
  }
  #home #home-two-cols #colL .course-actions .initial button, #home #home-two-cols #colL .course-actions .resume button, #home #home-two-cols #colL .course-actions .mobile button {
    display: inline-block;
    background: #57fa6a !important;
    margin: 10px;
    padding: 12px 25px !important;
    font-family: "Caveat", handwriting;
  }
  #home #home-two-cols #colL .course-actions .initial button, #home #home-two-cols #colL .course-actions .resume button, #home #home-two-cols #colL .course-actions .mobile button {
    background: #000000 !important;
    color: #FFFFFF !important;
  }
  #home #home-two-cols #colL .course-actions .initial button:after, #home #home-two-cols #colL .course-actions .resume button:after, #home #home-two-cols #colL .course-actions .mobile button:after {
    content: none !important;
  }
  #home #home-two-cols #colL .course-actions .mobile {
    display: block;
  }
  #home #home-two-cols #colL .course-actions .resume button {
    min-width: auto;
  }
  #home #home-two-cols #colL .home-text-cont {
    padding: 0 !important;
    position: relative !important;
    bottom: auto !important;
    min-width: 100%;
    max-width: 100%;
    text-align: center;
    transform: none !important;
    bottom: auto !important;
    top: auto !important;
  }
  #home #home-two-cols #colL .home-text-cont h1 {
    margin: 40px 0;
    padding-bottom: 0;
    font-size: 32px;
    line-height: 110%;
  }
  #home #home-two-cols #colL .home-text-cont .about {
    display: block;
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
    padding: 0 0 40px 0;
  }
  #home #home-two-cols #colL .home-text-cont .about.disabled {
    visibility: hidden;
  }
  #home #home-two-cols #colL .home-text-cont .home-text {
    display: none;
  }
  #home #home-two-cols #colL .home-text-cont .topic-logo {
    background: url("https://s3.amazonaws.com/chameleon4-qa/clients/34/images/img-631b59a5a6098.svg") center center/contain no-repeat;
    max-height: 100px;
    min-height: 100px;
    margin-top: 0;
  }
  #home #home-two-cols #colL .mobile {
    display: block;
  }
  #home #home-two-cols #colL .home-text-cont .course-actions .btn-view, #home #home-two-cols #colR {
    display: none;
  }
  #home #home-two-cols #colR {
    max-width: 100%;
    flex-basis: 100%;
  }
}
.md-phone #home #home-two-cols {
  padding: 50px 20px 0px 20px;
  box-sizing: border-box;
  height: calc(100% - 35px);
}
.md-phone #home #home-two-cols.navHidden {
  height: 100%;
}
.md-phone #home #home-two-cols {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.md-phone #home #home-two-cols .bg-mobile {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}
.md-phone #home #home-two-cols #colL {
  margin: 0;
  background: none;
  padding: 0;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
}
.md-phone #home #home-two-cols #colL #twoCol-image {
  opacity: 0.6;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: block;
  max-width: auto;
  min-width: 100%;
}
.md-phone #home #home-two-cols #colL .course-actions {
  position: relative;
  bottom: auto !important;
  height: auto;
  text-align: center;
  padding-top: 0;
  padding-bottom: 40px !important;
}
.md-phone #home #home-two-cols #colL .course-actions .initial button {
  min-width: 150px;
}
.md-phone #home #home-two-cols #colL .course-actions .initial, .md-phone #home #home-two-cols #colL .course-actions .resume, .md-phone #home #home-two-cols #colL .course-actions .mobile {
  margin: 0;
  text-align: center;
}
.md-phone #home #home-two-cols #colL .course-actions .initial button, .md-phone #home #home-two-cols #colL .course-actions .resume button, .md-phone #home #home-two-cols #colL .course-actions .mobile button {
  display: inline-block;
  background: #57fa6a !important;
  margin: 10px;
  padding: 12px 25px !important;
  font-family: "Caveat", handwriting;
}
.md-phone #home #home-two-cols #colL .course-actions .initial button, .md-phone #home #home-two-cols #colL .course-actions .resume button, .md-phone #home #home-two-cols #colL .course-actions .mobile button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.md-phone #home #home-two-cols #colL .course-actions .initial button:after, .md-phone #home #home-two-cols #colL .course-actions .resume button:after, .md-phone #home #home-two-cols #colL .course-actions .mobile button:after {
  content: none !important;
}
.md-phone #home #home-two-cols #colL .course-actions .mobile {
  display: block;
}
.md-phone #home #home-two-cols #colL .course-actions .resume button {
  min-width: auto;
}
.md-phone #home #home-two-cols #colL .home-text-cont {
  padding: 0 !important;
  position: relative !important;
  bottom: auto !important;
  min-width: 100%;
  max-width: 100%;
  text-align: center;
  transform: none !important;
  bottom: auto !important;
  top: auto !important;
}
.md-phone #home #home-two-cols #colL .home-text-cont h1 {
  margin: 40px 0;
  padding-bottom: 0;
  font-size: 32px;
  line-height: 110%;
}
.md-phone #home #home-two-cols #colL .home-text-cont .about {
  display: block;
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
  padding: 0 0 40px 0;
}
.md-phone #home #home-two-cols #colL .home-text-cont .about.disabled {
  visibility: hidden;
}
.md-phone #home #home-two-cols #colL .home-text-cont .home-text {
  display: none;
}
.md-phone #home #home-two-cols #colL .home-text-cont .topic-logo {
  background: url("https://s3.amazonaws.com/chameleon4-qa/clients/34/images/img-631b59a5a6098.svg") center center/contain no-repeat;
  max-height: 100px;
  min-height: 100px;
  margin-top: 0;
}
.md-phone #home #home-two-cols #colL .mobile {
  display: block;
}
.md-phone #home #home-two-cols #colL .home-text-cont .course-actions .btn-view, .md-phone #home #home-two-cols #colR {
  display: none;
}
.md-phone #home #home-two-cols #colR {
  max-width: 100%;
  flex-basis: 100%;
}
@media (orientation: landscape) and (max-width: 767px) {
  #home #home-two-cols {
    padding-top: 25px;
  }
  #home #home-two-cols .home-text-cont h1 {
    margin: 30px 0 !important;
  }
  #home #home-two-cols .home-text-cont .about {
    padding-bottom: 30px !important;
  }
}
.md-phone #home #home-two-cols {
  padding-top: 25px;
}
.md-phone #home #home-two-cols .home-text-cont h1 {
  margin: 30px 0 !important;
}
.md-phone #home #home-two-cols .home-text-cont .about {
  padding-bottom: 30px !important;
}
body[dir="RTL"] #home #home-two-cols #colL #twoCol-image {
  left: auto;
  right: 0;
}
body[dir="RTL"] #home #home-two-cols #colL .home-text-cont {
  text-align: right;
}
body[dir="RTL"] #home #home-two-cols #colL .home-text-cont .course-actions .resume, body[dir="RTL"] #home #home-two-cols #colL .home-text-cont .course-actions .initial {
  text-align: right;
}
body[dir="RTL"] #home #home-two-cols #colL .home-text-cont .topic-logo {
  background-position: right center;
}
body[dir="RTL"] #home #home-two-cols #colR .topic-wrap {
  text-align: right;
}
@media (max-width: 767px) {
  body[dir="RTL"] #home #home-two-cols #colL .home-text-cont {
    text-align: center;
  }
  body[dir="RTL"] #home #home-two-cols #colL .home-text-cont .course-actions .resume, body[dir="RTL"] #home #home-two-cols #colL .home-text-cont .course-actions .initial {
    text-align: center;
  }
  body[dir="RTL"] #home #home-two-cols #colL .home-text-cont .topic-logo {
    background-position: center center;
  }
}
body[dir="RTL"].md-phone #home #home-two-cols #colL .home-text-cont {
  text-align: center;
}
body[dir="RTL"].md-phone #home #home-two-cols #colL .home-text-cont .course-actions .resume, body[dir="RTL"].md-phone #home #home-two-cols #colL .home-text-cont .course-actions .initial {
  text-align: center;
}
body[dir="RTL"].md-phone #home #home-two-cols #colL .home-text-cont .topic-logo {
  background-position: center center;
}
#home {
  background: #000;
}
#home #home-two-rows {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 79px);
  width: 100%;
}
#home #home-two-rows {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#home #home-two-rows .bg-mobile {
  display: none;
}
#home #home-two-rows.navHidden {
  height: 100%;
}
#home #home-two-rows #row-top {
  margin: 0;
  min-height: calc(50vh - 40px);
  background: linear-gradient(151deg, rgba(40, 40, 40, 0.9) 50%, black 100%);
}
#home #home-two-rows #row-top #twoRow-image {
  padding: 0;
  background-size: cover;
  background-position: center;
  min-height: calc(50vh - 40px);
}
#home #home-two-rows #row-top .home-text-cont {
  padding: 0 24px 0 40px;
  box-sizing: border-box;
  text-align: left;
  color: #fff;
}
#home #home-two-rows #row-top .home-text-cont h1 {
  font-size: 24px;
  padding-bottom: 4px;
}
#home #home-two-rows #row-top .home-text-cont .about {
  display: none;
}
#home #home-two-rows #row-top .home-text-cont .topic-logo {
  min-height: 75px;
  max-height: 725px;
  margin: 20px 0 20px 0;
  background: url("https://s3.amazonaws.com/chameleon4-qa/clients/34/images/img-631b59a5a6098.svg") left center/contain no-repeat;
}
#home #home-two-rows #row-top .course-actions {
  width: 100%;
  padding-bottom: 12px;
}
#home #home-two-rows #row-top .course-actions .initial button .arrowL, #home #home-two-rows #row-top .course-actions .resume button .arrowL {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/home_arrow.svg");
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 25px;
}
#home #home-two-rows #row-top .course-actions .initial button .arrowR, #home #home-two-rows #row-top .course-actions .resume button .arrowR {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/home_arrow.svg");
  right: 25px;
}
#home #home-two-rows #row-top .course-actions .initial button .arrow, #home #home-two-rows #row-top .course-actions .resume button .arrow {
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: center center;
  top: 9px;
  opacity: 0.4;
}
#home #home-two-rows #row-top .course-actions .initial, #home #home-two-rows #row-top .course-actions .resume, #home #home-two-rows #row-top .course-actions .mobile {
  font-family: "Caveat", handwriting;
  text-align: left;
  overflow: hidden;
  position: relative;
  margin-left: -7px;
}
#home #home-two-rows #row-top .course-actions .initial button, #home #home-two-rows #row-top .course-actions .resume button, #home #home-two-rows #row-top .course-actions .mobile button {
  position: relative;
  border: none;
  border-radius: 5px;
  margin: 0px 7px 14px 7px;
  font-size: 14px;
  padding: 13px 25px;
  color: #fff;
  letter-spacing: 2px;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
  line-height: 120%;
}
#home #home-two-rows #row-top .course-actions .initial button, #home #home-two-rows #row-top .course-actions .resume button, #home #home-two-rows #row-top .course-actions .mobile button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
#home #home-two-rows #row-top .course-actions .initial {
  margin-bottom: 9px;
}
#home #home-two-rows #row-top .course-actions .initial button {
  border-radius: [BUTTONBORDERRADIUS];
}
#home #home-two-rows #row-top .course-actions .initial button.btn-start {
  background: #57fa6a;
  padding-right: 55px;
}
#home #home-two-rows #row-top .course-actions .initial button.btn-start {
  background: #000000 !important;
  color: #FFFFFF !important;
}
#home #home-two-rows #row-top .course-actions .mobile {
  display: none;
}
#home #home-two-rows #row-top .course-actions .resume {
  padding-top: 10px;
}
#home #home-two-rows #row-top .course-actions .resume button {
  border-radius: [BUTTONBORDERRADIUS];
}
#home #home-two-rows #row-top .course-actions .resume button.btn-restart {
  background: #000000;
  padding-left: 55px;
}
#home #home-two-rows #row-top .course-actions .resume button.btn-resume {
  background: #000000;
  padding-right: 55px;
}
#home #home-two-rows #row-mid {
  margin: 0;
  text-align: right;
  padding: 25px 3rem;
}
#home #home-two-rows #row-mid .btn-seecourse {
  font-size: 12px;
  width: 100%;
  cursor: pointer;
  color: #fff;
}
#home #home-two-rows #row-mid .btn-seecourse.disabled {
  cursor: default;
  visibility: hidden;
}
#home #home-two-rows #row-btm {
  list-style-type: none;
  padding: 0;
  color: #fff;
  margin: 0 0.5rem;
}
#home #home-two-rows #row-btm .load-topic {
  text-align: left;
  padding: 0 2.6rem 60px 2.6rem;
}
#home #home-two-rows #row-btm .load-topic img {
  display: block;
  width: 100%;
  border: none;
  cursor: pointer;
}
#home #home-two-rows #row-btm .load-topic img.disabled {
  cursor: default;
}
#home #home-two-rows #row-btm .load-topic.complete .topic-image img {
  opacity: 0.5;
}
#home #home-two-rows #row-btm .load-topic.locked .topic-image {
  cursor: not-allowed;
  position: relative;
}
#home #home-two-rows #row-btm .load-topic.locked .topic-image img {
  opacity: 0.5;
}
#home #home-two-rows #row-btm .load-topic.locked .topic-image:after {
  width: 20px;
  height: 32px;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock.svg");
  background-size: 20px 32px;
  background-repeat: no-repeat;
  background-position: center;
}
#home #home-two-rows #row-btm .load-topic .topic-details {
  padding-right: 15%;
}
#home #home-two-rows #row-btm .load-topic .topic-title {
  font-size: 18px;
  padding: 35px 0 15px;
}
@media (max-width: 767px) {
  #home #home-two-rows {
    padding: 50px 20px 0px 20px;
    box-sizing: border-box;
    height: calc(100% - 35px);
  }
  #home #home-two-rows .bg-mobile {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
  }
  #home #home-two-rows #row-top {
    margin: 0;
    background: none;
  }
  #home #home-two-rows #row-top #twoRow-image {
    opacity: 0.6;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: block;
    max-width: auto;
    min-width: 100%;
  }
  #home #home-two-rows #row-top .course-actions {
    position: relative;
    bottom: auto !important;
    height: auto;
    text-align: center;
    padding-bottom: 40px;
  }
  #home #home-two-rows #row-top .course-actions .initial, #home #home-two-rows #row-top .course-actions .resume, #home #home-two-rows #row-top .course-actions .mobile {
    margin: 0;
    padding: 0;
    text-align: center;
  }
  #home #home-two-rows #row-top .course-actions .initial button, #home #home-two-rows #row-top .course-actions .resume button, #home #home-two-rows #row-top .course-actions .mobile button {
    display: inline-block;
    background: #57fa6a !important;
    border-radius: [BUTTONBORDERRADIUS];
    margin: 10px;
    padding: 12px 25px !important;
    font-family: "Caveat", handwriting;
  }
  #home #home-two-rows #row-top .course-actions .initial button, #home #home-two-rows #row-top .course-actions .resume button, #home #home-two-rows #row-top .course-actions .mobile button {
    background: #000000 !important;
    color: #FFFFFF !important;
  }
  #home #home-two-rows #row-top .course-actions .initial button i.arrow, #home #home-two-rows #row-top .course-actions .resume button i.arrow, #home #home-two-rows #row-top .course-actions .mobile button i.arrow {
    display: none;
  }
  #home #home-two-rows #row-top .course-actions .initial {
    width: 100%;
  }
  #home #home-two-rows #row-top .course-actions .initial button, #home #home-two-rows #row-top .course-actions .initial button.btn-start {
    border-radius: [BUTTONBORDERRADIUS];
    margin: 10px;
    min-width: 150px;
  }
  #home #home-two-rows #row-top .course-actions .resume button {
    min-width: auto;
  }
  #home #home-two-rows #row-top .home-text-cont {
    padding: 0;
    position: relative;
    min-width: 100%;
    max-width: 100%;
    text-align: center;
  }
  #home #home-two-rows #row-top .home-text-cont h1 {
    margin: 40px 0;
    padding-bottom: 0;
    font-size: 32px;
    line-height: 110%;
  }
  #home #home-two-rows #row-top .home-text-cont .about {
    display: block;
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
    padding: 0 0 40px 0;
  }
  #home #home-two-rows #row-top .home-text-cont .about.disabled {
    visibility: hidden;
  }
  #home #home-two-rows #row-top .home-text-cont .home-text {
    display: none;
  }
  #home #home-two-rows #row-top .home-text-cont .topic-logo {
    max-height: 100px;
    min-height: 100px;
    margin-top: 0;
    background-position: center center;
  }
  #home #home-two-rows #row-top .mobile {
    display: block;
  }
  #home #home-two-rows #row-mid, #home #home-two-rows #row-btm {
    display: none;
  }
}
.md-phone #home #home-two-rows {
  padding: 50px 20px 0px 20px;
  box-sizing: border-box;
  height: calc(100% - 35px);
}
.md-phone #home #home-two-rows .bg-mobile {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
}
.md-phone #home #home-two-rows #row-top {
  margin: 0;
  background: none;
}
.md-phone #home #home-two-rows #row-top #twoRow-image {
  opacity: 0.6;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: block;
  max-width: auto;
  min-width: 100%;
}
.md-phone #home #home-two-rows #row-top .course-actions {
  position: relative;
  bottom: auto !important;
  height: auto;
  text-align: center;
  padding-bottom: 40px;
}
.md-phone #home #home-two-rows #row-top .course-actions .initial, .md-phone #home #home-two-rows #row-top .course-actions .resume, .md-phone #home #home-two-rows #row-top .course-actions .mobile {
  margin: 0;
  padding: 0;
  text-align: center;
}
.md-phone #home #home-two-rows #row-top .course-actions .initial button, .md-phone #home #home-two-rows #row-top .course-actions .resume button, .md-phone #home #home-two-rows #row-top .course-actions .mobile button {
  display: inline-block;
  background: #57fa6a !important;
  border-radius: [BUTTONBORDERRADIUS];
  margin: 10px;
  padding: 12px 25px !important;
  font-family: "Caveat", handwriting;
}
.md-phone #home #home-two-rows #row-top .course-actions .initial button, .md-phone #home #home-two-rows #row-top .course-actions .resume button, .md-phone #home #home-two-rows #row-top .course-actions .mobile button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.md-phone #home #home-two-rows #row-top .course-actions .initial button i.arrow, .md-phone #home #home-two-rows #row-top .course-actions .resume button i.arrow, .md-phone #home #home-two-rows #row-top .course-actions .mobile button i.arrow {
  display: none;
}
.md-phone #home #home-two-rows #row-top .course-actions .initial {
  width: 100%;
}
.md-phone #home #home-two-rows #row-top .course-actions .initial button, .md-phone #home #home-two-rows #row-top .course-actions .initial button.btn-start {
  border-radius: [BUTTONBORDERRADIUS];
  margin: 10px;
  min-width: 150px;
}
.md-phone #home #home-two-rows #row-top .course-actions .resume button {
  min-width: auto;
}
.md-phone #home #home-two-rows #row-top .home-text-cont {
  padding: 0;
  position: relative;
  min-width: 100%;
  max-width: 100%;
  text-align: center;
}
.md-phone #home #home-two-rows #row-top .home-text-cont h1 {
  margin: 40px 0;
  padding-bottom: 0;
  font-size: 32px;
  line-height: 110%;
}
.md-phone #home #home-two-rows #row-top .home-text-cont .about {
  display: block;
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
  padding: 0 0 40px 0;
}
.md-phone #home #home-two-rows #row-top .home-text-cont .about.disabled {
  visibility: hidden;
}
.md-phone #home #home-two-rows #row-top .home-text-cont .home-text {
  display: none;
}
.md-phone #home #home-two-rows #row-top .home-text-cont .topic-logo {
  max-height: 100px;
  min-height: 100px;
  margin-top: 0;
  background-position: center center;
}
.md-phone #home #home-two-rows #row-top .mobile {
  display: block;
}
.md-phone #home #home-two-rows #row-mid, .md-phone #home #home-two-rows #row-btm {
  display: none;
}
@media (orientation: landscape) and (max-width: 767px) {
  #home #home-two-rows {
    padding-top: 25px;
  }
  #home #home-two-rows .home-text-cont h1 {
    margin: 30px 0 !important;
  }
  #home #home-two-rows .home-text-cont .about {
    padding-bottom: 30px !important;
  }
}
.md-phone #home #home-two-rows {
  padding-top: 25px;
}
.md-phone #home #home-two-rows .home-text-cont h1 {
  margin: 30px 0 !important;
}
.md-phone #home #home-two-rows .home-text-cont .about {
  padding-bottom: 30px !important;
}
body[dir="RTL"] #home #home-two-rows #row-top .home-text-cont {
  text-align: right;
  padding: 0 40px 0 24px;
}
body[dir="RTL"] #home #home-two-rows #row-top .home-text-cont .topic-logo {
  background-position: right center;
}
body[dir="RTL"] #home #home-two-rows #row-top .home-text-cont .course-actions .resume, body[dir="RTL"] #home #home-two-rows #row-top .home-text-cont .course-actions .initial {
  margin-left: 0;
  margin-right: -7px;
  text-align: right;
}
body[dir="RTL"] #home #home-two-rows #row-top .home-text-cont .course-actions .initial {
  margin-right: 0;
}
body[dir="RTL"] #home #home-two-rows #row-mid {
  text-align: left;
}
body[dir="RTL"] #home #home-two-rows #row-btm .load-topic {
  text-align: right;
}
body[dir="RTL"] #home #home-two-rows #row-btm .load-topic .topic-details {
  padding-right: 0;
  padding-left: 15%;
}
@media (max-width: 767px) {
  body[dir="RTL"] #home #home-two-rows #row-top .home-text-cont {
    text-align: center;
  }
  body[dir="RTL"] #home #home-two-rows #row-top .home-text-cont .topic-logo {
    background-position: center center;
  }
  body[dir="RTL"] #home #home-two-rows #row-top .home-text-cont .course-actions .resume, body[dir="RTL"] #home #home-two-rows #row-top .home-text-cont .course-actions .initial {
    text-align: center;
  }
}
body[dir="RTL"].md-phone #home #home-two-rows #row-top .home-text-cont {
  text-align: center;
}
body[dir="RTL"].md-phone #home #home-two-rows #row-top .home-text-cont .topic-logo {
  background-position: center center;
}
body[dir="RTL"].md-phone #home #home-two-rows #row-top .home-text-cont .course-actions .resume, body[dir="RTL"].md-phone #home #home-two-rows #row-top .home-text-cont .course-actions .initial {
  text-align: center;
}
#languages {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}
#languages .overlay-title {
  margin-bottom: 0;
  display: block;
  min-height: auto;
  flex: 0 1 auto;
  color: [LANGROLEHEADINGCOLOR];
}
#languages .bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: [LANGROLEOVERLAYCOLOR];
}
#languages #btns-lang {
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  margin: 0 auto 24px auto;
  min-height: 95px;
  width: 75%;
}
#languages #btns-lang {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#languages #btns-lang button {
  background: [LANGROLEBUTTONBACKGROUND] !important;
  color: [LANGROLEBUTTONTEXTCOLOR] !important;
}
#languages #btns-lang button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
#languages #btns-lang button:hover, #languages #btns-lang button:active, #languages #btns-lang button.focus, #languages #btns-lang button:focus {
  background: black !important;
}
#languages #btns-lang button:hover:before, #languages #btns-lang button:active:before, #languages #btns-lang button.focus:before, #languages #btns-lang button:focus:before {
  background: #fff !important;
}
#languages #btns-lang button:hover, #languages #btns-lang button:focus, #languages #btns-lang button:active {
  background: [LANGROLEBUTTONBACKGROUNDHOVER] !important;
}
@media (max-width: 767px) {
  #languages {
    background: [LANGROLEMOBILEBACKGROUNDCOLOR] !important;
    justify-content: flex-start;
  }
  #languages .overlay-title {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 2px solid #fff;
  }
  #languages .overlay-title h1 {
    font-family: "PT Sans", Helvetica, Arial;
  }
  #languages #btns-lang {
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    padding-right: 20px;
  }
  body[dir="RTL"] #languages #btns-lang {
    padding-left: 20px;
    padding-right: 0;
    text-align: right;
  }
}
#roles {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}
#roles .overlay-title {
  margin-bottom: 0;
  display: block;
  min-height: auto;
  flex: 0 1 auto;
  color: [LANGROLEHEADINGCOLOR];
}
#roles .bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: [LANGROLEOVERLAYCOLOR];
}
#roles #btns-role {
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  margin: 0 auto 24px auto;
  min-height: 95px;
  text-align: center;
  width: 75%;
}
#roles #btns-role {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#roles #btns-role button {
  background: [LANGROLEBUTTONBACKGROUND] !important;
  color: [LANGROLEBUTTONTEXTCOLOR] !important;
}
#roles #btns-role button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
#roles #btns-role button:hover, #roles #btns-role button:active, #roles #btns-role button.focus, #roles #btns-role button:focus {
  background: black !important;
}
#roles #btns-role button:hover:before, #roles #btns-role button:active:before, #roles #btns-role button.focus:before, #roles #btns-role button:focus:before {
  background: black !important;
}
#roles #btns-role button:hover, #roles #btns-role button:focus, #roles #btns-role button:active {
  background: [LANGROLEBUTTONBACKGROUNDHOVER] !important;
}
@media (max-width: 767px) {
  .md-desktop #roles {
    justify-content: flex-start;
  }
  .md-desktop #roles .overlay-title {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 2px solid #fff;
  }
  .md-desktop #roles .overlay-title h1 {
    font-family: "PT Sans", Helvetica, Arial;
  }
  .md-desktop #roles #btns-role {
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    padding-right: 20px;
  }
  body[dir="RTL"].md-desktop #roles #btns-role {
    padding-left: 20px;
    padding-right: 0;
    text-align: right;
  }
  #roles {
    background: [LANGROLEMOBILEBACKGROUNDCOLOR] !important;
  }
}
.md-phone #roles {
  justify-content: flex-start;
}
.md-phone #roles .overlay-title {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 15px;
  border-bottom: 2px solid #fff;
}
.md-phone #roles .overlay-title h1 {
  font-family: "PT Sans", Helvetica, Arial;
}
.md-phone #roles #btns-role {
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
  padding-right: 20px;
}
body[dir="RTL"].md-phone #roles #btns-role {
  padding-left: 20px;
  padding-right: 0;
  text-align: right;
}
#menu {
  display: flex;
  flex-direction: column;
}
#menu .overlay-title {
  display: block;
  min-height: auto;
  flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  width: 100%;
  margin: 0 auto;
}
#menu .overlay-title .topic-logo {
  display: block;
  height: 75px;
  background: url("https://s3.amazonaws.com/chameleon4-qa/clients/34/images/img-631b59ad8ef63.svg") center / contain no-repeat;
}
#menu .overlay-title #menu-title {
  display: none;
}
#menu .overlay-title h1 {
  padding-bottom: 25px;
  margin: 20px 0 30px 0;
  border-bottom: 3px #585858 solid;
  color: [MENUHEADINGCOLOR];
}
#menu .bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: [MENUOVERLAYCOLOR];
}
#menu #topic-menu {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  width: 75%;
}
#menu #topic-menu {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#menu #topic-menu :first-child.row {
  justify-content: center;
}
#menu #topic-menu :first-child.row .divider {
  width: calc(100% - 32px);
  border-bottom: 3px #585858 solid;
  padding-top: 45px;
  margin: 0 auto 25px auto;
}
#menu #topic-menu :first-child.row.type-1 {
  column-count: 3;
  -moz-column-count: 3;
  -webkit-column-count: 3;
  display: block;
}
#menu #topic-menu :first-child.row.type-1 .topic-column {
  max-width: 100%;
}
#menu #topic-menu :first-child.row.type-1 .topic-column:not(:first-of-type) {
  margin-top: 20px;
  padding-top: 22px;
  border-top: 1px solid #fff;
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #menu #topic-menu :first-child.row.type-1 {
    display: initial;
  }
  #menu #topic-menu :first-child.row.type-1 .topic-column {
    flex-basis: initial;
  }
}
#menu #topic-menu :first-child.row .topic-entry {
  cursor: pointer;
  padding: 10px 10px 10px 20px;
  transition: color linear 0.1s;
  position: relative;
}
#menu #topic-menu :first-child.row .topic-entry:not(.locked) {
  text-decoration: underline;
}
#menu #topic-menu :first-child.row .topic-entry:not(.locked):hover, #menu #topic-menu :first-child.row .topic-entry:not(.locked).active {
  color: #57fa6a;
  color: [MENULINKCOLORHOVER];
}
#menu #topic-menu :first-child.row .topic-entry.locked {
  cursor: not-allowed;
}
#menu #topic-menu :first-child.row .topic-entry.locked:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock.svg");
  background-size: 7px 12px;
}
#menu #topic-menu :first-child.row .topic-entry.timed:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/timed_light_ui.svg");
  background-size: 12px 12px;
}
#menu #topic-menu :first-child.row .topic-entry.complete:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-size: 11px 8px;
}
#menu #topic-menu :first-child.row .topic-entry:before {
  height: 20px;
  width: 20px;
  content: "";
  position: absolute;
  display: inline-block;
  left: 10px;
  top: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: left center;
}
#menu #topic-menu :first-child.row .topic-entry.topic-page {
  font-size: 14px;
}
#menu #topic-menu :first-child.row .topic-entry.topic-title {
  font-size: 20px;
  font-weight: bold;
}
#menu #topic-menu :first-child.row .topic-entry.topic-page, #menu #topic-menu :first-child.row .topic-entry.topic-title {
  color: [MENULINKCOLOR];
}
#menu #topic-menu :first-child.row .topic-entry.topic-page:hover:not(.locked), #menu #topic-menu :first-child.row .topic-entry.topic-page:focus:not(.locked), #menu #topic-menu :first-child.row .topic-entry.topic-page:active:not(.locked), #menu #topic-menu :first-child.row .topic-entry.topic-title:hover:not(.locked), #menu #topic-menu :first-child.row .topic-entry.topic-title:focus:not(.locked), #menu #topic-menu :first-child.row .topic-entry.topic-title:active:not(.locked) {
  color: [MENULINKCOLORHOVER];
}
@media (max-width: 1024px) {
  #menu .overlay-title {
    width: 100%;
  }
  #menu #topic-menu {
    width: 100%;
  }
  #menu #topic-menu .topic-column {
    padding: 0 1rem;
  }
}
.md-phone #menu .overlay-title {
  width: 100%;
}
.md-phone #menu #topic-menu {
  width: 100%;
}
.md-phone #menu #topic-menu .topic-column {
  padding: 0 1rem;
}
@media (max-height: 767px) {
  #menu {
    padding: 25px;
  }
}
.md-phone #menu {
  padding: 25px;
}
@media (max-width: 767px) {
  #menu {
    background: [MENUMOBILEBACKGROUNDCOLOR] !important;
  }
  #menu .divider {
    display: none;
  }
  #menu .overlay-title {
    margin-bottom: 15px;
  }
  #menu .overlay-title .topic-logo {
    display: none;
  }
  #menu .overlay-title #menu-title {
    display: block;
    font-family: "PT Sans", Helvetica, Arial;
    font-weight: bold;
    text-align: left;
    font-size: 16px;
    padding-bottom: 20px;
  }
  #menu .overlay-title h1 {
    margin: 0 0 20px 0;
    font-size: 20px;
    padding-bottom: 15px;
    border-bottom-color: #fff;
  }
  #menu #topic-menu {
    height: 100%;
    padding: 0;
    width: calc(100% - 16px);
  }
  #menu #topic-menu {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  #menu #topic-menu .topic-column {
    margin-bottom: 45px;
    max-width: 100%;
    padding: 0 0.5rem !important;
    width: 100%;
  }
  #menu #topic-menu .topic-column:last-child {
    margin-bottom: 0;
  }
  #menu #topic-menu .topic-column .topic-entry {
    line-height: 120%;
    transition: none;
  }
  #menu #topic-menu .topic-column .topic-entry:hover {
    color: #fff !important;
  }
  #menu #topic-menu .topic-column .topic-entry.topic-page {
    padding: 5px 20px !important;
    font-family: "PT Sans", Helvetica, Arial;
    font-size: 12px !important;
  }
  #menu #topic-menu .topic-column .topic-entry.topic-title {
    padding: 5px 20px !important;
    font-family: "PT Sans", Helvetica, Arial;
  }
}
.md-phone #menu {
  background: [MENUMOBILEBACKGROUNDCOLOR] !important;
}
.md-phone #menu .divider {
  display: none;
}
.md-phone #menu .overlay-title {
  margin-bottom: 15px;
}
.md-phone #menu .overlay-title .topic-logo {
  display: none;
}
.md-phone #menu .overlay-title #menu-title {
  display: block;
  font-family: "PT Sans", Helvetica, Arial;
  font-weight: bold;
  text-align: left;
  font-size: 16px;
  padding-bottom: 20px;
}
.md-phone #menu .overlay-title h1 {
  margin: 0 0 20px 0;
  font-size: 20px;
  padding-bottom: 15px;
  border-bottom-color: #fff;
}
.md-phone #menu #topic-menu {
  height: 100%;
  padding: 0;
  width: calc(100% - 16px);
}
.md-phone #menu #topic-menu {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.md-phone #menu #topic-menu .topic-column {
  margin-bottom: 45px;
  max-width: 100%;
  padding: 0 0.5rem !important;
  width: 100%;
}
.md-phone #menu #topic-menu .topic-column:last-child {
  margin-bottom: 0;
}
.md-phone #menu #topic-menu .topic-column .topic-entry {
  line-height: 120%;
  transition: none;
}
.md-phone #menu #topic-menu .topic-column .topic-entry:hover {
  color: #fff !important;
}
.md-phone #menu #topic-menu .topic-column .topic-entry.topic-page {
  padding: 5px 20px !important;
  font-family: "PT Sans", Helvetica, Arial;
  font-size: 12px !important;
}
.md-phone #menu #topic-menu .topic-column .topic-entry.topic-title {
  padding: 5px 20px !important;
  font-family: "PT Sans", Helvetica, Arial;
}
body[dir="RTL"] #menu #topic-menu :first-child.row .topic-column {
  text-align: right !important;
}
body[dir="RTL"] #menu #topic-menu :first-child.row .topic-column .topic-entry {
  padding: 10px 20px 10px 10px;
}
body[dir="RTL"] #menu #topic-menu :first-child.row .topic-column .topic-entry:before {
  left: auto;
  right: -10px;
  background-position: right center;
}
#objectives {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
#objectives .overlay-title {
  display: block;
  min-height: auto;
  flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  width: 100%;
  margin: 0 auto;
  color: [OBJECTIVEHEADINGCOLOR];
}
#objectives .bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  background: [OBJECTIVEOVERLAYCOLOR];
}
#objectives #objective-list {
  -ms-flex: 1;
  display: block;
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  justify-content: flex-start;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  text-align: start;
  width: 100%;
}
#objectives #objective-list {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#objectives #objective-list .objective-pages.row {
  background: rgba(0, 0, 0, 0.5);
  background: [OBJECTIVEROWCOLOR] !important;
  margin-right: 0;
  margin-left: 0;
  padding: 10px;
}
#objectives #objective-list .objective-pages.row .divider {
  width: calc(100% - 32px);
  border-bottom: 3px #585858 solid;
  padding-top: 15px;
  margin: 0 auto 15px auto;
}
#objectives #objective-list .objective-item {
  border-bottom: 2px solid #676767;
  padding: 30px 60px;
  text-align: left;
}
#objectives #objective-list .objective-item:last-child {
  border: none;
}
#objectives #objective-list .objective-item h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  position: relative;
  color: [OBJECTIVEHEADINGCOLOR];
}
#objectives #objective-list .objective-item h3.complete:before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  top: 50%;
  left: -10px;
  transform: translate(-50%, -50%);
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 11px 8px;
}
#objectives #objective-list .objective-item .objective-title, #objectives #objective-list .objective-item .objective-page {
  position: relative;
  display: block;
  cursor: pointer;
  font-size: 14px;
  padding: 10px 10px 10px 20px;
  transition: color linear 0.1s;
  color: [OBJECTIVELINKCOLOR];
}
#objectives #objective-list .objective-item .objective-title:not(.locked), #objectives #objective-list .objective-item .objective-page:not(.locked) {
  text-decoration: underline;
}
#objectives #objective-list .objective-item .objective-title:not(.locked):hover, #objectives #objective-list .objective-item .objective-title:not(.locked).active, #objectives #objective-list .objective-item .objective-page:not(.locked):hover, #objectives #objective-list .objective-item .objective-page:not(.locked).active {
  color: #57fa6a;
  color: [OBJECTIVELINKCOLORHOVER];
}
#objectives #objective-list .objective-item .objective-title.locked, #objectives #objective-list .objective-item .objective-page.locked {
  cursor: not-allowed;
}
#objectives #objective-list .objective-item .objective-title.locked:before, #objectives #objective-list .objective-item .objective-page.locked:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock.svg");
  background-size: 7px 12px;
}
#objectives #objective-list .objective-item .objective-title.timed:before, #objectives #objective-list .objective-item .objective-page.timed:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/timed_light_ui.svg");
  background-size: 12px 12px;
}
#objectives #objective-list .objective-item .objective-title.complete:before, #objectives #objective-list .objective-item .objective-page.complete:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-size: 11px 8px;
}
#objectives #objective-list .objective-item .objective-title:before, #objectives #objective-list .objective-item .objective-page:before {
  height: 20px;
  width: 20px;
  content: "";
  position: absolute;
  display: inline-block;
  left: 10px;
  top: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: left center;
}
#objectives #objective-list .objective-item .objective-title {
  font-size: 18px;
  font-weight: bold;
}
body[dir="RTL"] #objectives #objective-list .objective-item {
  text-align: right;
}
body[dir="RTL"] #objectives #objective-list .objective-item h3:before {
  left: auto;
  right: -30px;
  background-position: right center;
}
body[dir="RTL"] #objectives #objective-list .objective-item .objective-pages .objective-title, body[dir="RTL"] #objectives #objective-list .objective-item .objective-pages .objective-page {
  padding-right: 20px !important;
  padding-left: 0 !important;
}
body[dir="RTL"] #objectives #objective-list .objective-item .objective-pages .objective-title:before, body[dir="RTL"] #objectives #objective-list .objective-item .objective-pages .objective-page:before {
  left: auto;
  right: -10px;
  background-position: right center;
}
@media (max-width: 767px) {
  .md-desktop #objectives {
    padding: 30px;
  }
  .md-desktop #objectives .overlay-title {
    max-width: 100%;
    margin-bottom: 15px;
  }
  .md-desktop #objectives .overlay-title h1 {
    font-size: 16px;
    margin-bottom: 15px;
    padding-bottom: 20px;
    border-bottom: 2px solid #fff;
    font-family: "PT Sans", Helvetica, Arial;
    font-weight: bold;
  }
  .md-desktop #objectives #objective-list {
    padding-top: 10px;
    width: calc(100% - 16px);
    max-width: 100%;
  }
  .md-desktop #objectives #objective-list h3 {
    padding: 5px 0 !important;
  }
  .md-desktop #objectives #objective-list h3:before {
    left: 10px;
  }
  .md-desktop #objectives #objective-list :first-child h3 {
    margin-top: 0;
  }
  .md-desktop #objectives #objective-list .objective-item {
    padding: 0;
    margin-bottom: 35px;
    border-bottom: none;
  }
  .md-desktop #objectives #objective-list .objective-item .objective-pages.row {
    background: #111;
    background: [OBJECTIVEROWCOLOR] !important;
    padding: 0px 5px 15px 5px;
  }
  .md-desktop #objectives #objective-list .objective-item .objective-pages.row .divider {
    display: none;
  }
  .md-desktop #objectives #objective-list .objective-item .objective-pages .objective-title {
    padding-top: 15px;
  }
  .md-desktop #objectives #objective-list .objective-item .objective-pages .objective-page {
    padding: 5px 0 5px 20px !important;
    font-size: 12px !important;
    font-family: "PT Sans", Helvetica, Arial;
    line-height: 120%;
  }
  .md-desktop #objectives #objective-list .objective-item .objective-pages .objective-title {
    font-size: 16px;
    padding-bottom: 0;
  }
  body[dir="RTL"].md-desktop #objectives #objective-list .objective-item {
    text-align: right;
    padding: 0;
  }
  body[dir="RTL"].md-desktop #objectives #objective-list .objective-item h3:before {
    left: auto;
    right: -30px;
    background-position: right center;
  }
  body[dir="RTL"].md-desktop #objectives #objective-list .objective-item .objective-page {
    padding: 5px 20px 0 0 !important;
  }
  body[dir="RTL"].md-desktop #objectives #objective-list .objective-item .objective-page:before {
    left: auto;
    right: -10px;
    background-position: right center;
  }
  #objectives {
    background: [OBJECTIVEMOBILEBACKGROUNDCOLOR] !important;
  }
}
.md-phone #objectives {
  padding: 30px;
}
.md-phone #objectives .overlay-title {
  max-width: 100%;
  margin-bottom: 15px;
}
.md-phone #objectives .overlay-title h1 {
  font-size: 16px;
  margin-bottom: 15px;
  padding-bottom: 20px;
  border-bottom: 2px solid #fff;
  font-family: "PT Sans", Helvetica, Arial;
  font-weight: bold;
}
.md-phone #objectives #objective-list {
  padding-top: 10px;
  width: calc(100% - 16px);
  max-width: 100%;
}
.md-phone #objectives #objective-list h3 {
  padding: 5px 0 !important;
}
.md-phone #objectives #objective-list h3:before {
  left: 10px;
}
.md-phone #objectives #objective-list :first-child h3 {
  margin-top: 0;
}
.md-phone #objectives #objective-list .objective-item {
  padding: 0;
  margin-bottom: 35px;
  border-bottom: none;
}
.md-phone #objectives #objective-list .objective-item .objective-pages.row {
  background: #111;
  background: [OBJECTIVEROWCOLOR] !important;
  padding: 0px 5px 15px 5px;
}
.md-phone #objectives #objective-list .objective-item .objective-pages.row .divider {
  display: none;
}
.md-phone #objectives #objective-list .objective-item .objective-pages .objective-title {
  padding-top: 15px;
}
.md-phone #objectives #objective-list .objective-item .objective-pages .objective-page {
  padding: 5px 0 5px 20px !important;
  font-size: 12px !important;
  font-family: "PT Sans", Helvetica, Arial;
  line-height: 120%;
}
.md-phone #objectives #objective-list .objective-item .objective-pages .objective-title {
  font-size: 16px;
  padding-bottom: 0;
}
body[dir="RTL"].md-phone #objectives #objective-list .objective-item {
  text-align: right;
  padding: 0;
}
body[dir="RTL"].md-phone #objectives #objective-list .objective-item h3:before {
  left: auto;
  right: -30px;
  background-position: right center;
}
body[dir="RTL"].md-phone #objectives #objective-list .objective-item .objective-page {
  padding: 5px 20px 0 0 !important;
}
body[dir="RTL"].md-phone #objectives #objective-list .objective-item .objective-page:before {
  left: auto;
  right: -10px;
  background-position: right center;
}
#resources {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
#resources .overlay-title {
  display: block;
  min-height: auto;
  flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  width: 100%;
  margin: 0 auto;
  color: [RESOURCESHEADINGCOLOR];
}
#resources .overlay-title button {
  display: none;
}
#resources .bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: [RESOURCESOVERLAYCOLOR];
}
#resources #resource-details {
  width: 100%;
  position: relative;
  background-color: #3c3c3c;
  padding: 125px 40px 15px;
  justify-content: flex-start;
  text-align: start;
  border: 3px solid #8E7E79;
  transition: transform 0.5s ease;
  font-family: "Caveat", handwriting;
}
#resources #resource-details .contents a {
  text-decoration: underline;
}
#resources #resources-list {
  -ms-flex: 1;
  flex-direction: column;
  flex: 1;
  height: 100%;
  justify-content: flex-start;
  margin: 0 auto;
  padding: 0;
  text-align: start;
  width: 100%;
}
#resources #resources-list {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#resources #resources-list #cont-resources, #resources #resources-list #cont-resource-list {
  padding: 0;
  margin: 0;
}
#resources #resources-list #cont-resource-details {
  display: block;
  width: 100%;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
  margin: 0;
}
#resources #resources-list #cont-resource-details h3 {
  margin-bottom: 10px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
#resources #resources-list #cont-resource-details p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
#resources #resources-list #cont-resource-details .buttons {
  padding: 0 0 20px 0;
  font-family: "PT Sans", Helvetica, Arial;
}
#resources #resources-list #cont-resource-details .buttons a {
  color: #DADADA;
  display: inline-block;
  font-size: 10px;
  margin: 0 20px;
  text-align: center;
  text-decoration: none;
}
#resources #resources-list #cont-resource-details .buttons a i {
  background-repeat: no-repeat;
  background-size: 34px 34px;
  display: inline-block;
  height: 34px;
  width: 34px;
}
#resources #resources-list #cont-resource-details .buttons a i.load {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/download.svg");
}
#resources #resources-list #cont-resource-details .buttons a i.eye {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/view.svg");
}
#resources #resources-list #cont-resource-details .buttons a span {
  display: block;
  width: 100%;
}
#resources #resources-list #cont-resource-details .buttons a span {
  text-decoration: underline;
}
#resources #resources-list #cont-resource-details .size {
  color: #dadada;
  font-size: 12px;
  position: absolute;
  right: 15px;
  top: 15px;
}
#resources #resources-list #resource-details.icon {
  background-position: center 30px;
  background-size: 66px 84px;
}
#resources #resources-list .icon {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/generic.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#resources #resources-list .icon.mp4 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/media.svg");
  border-color: #FED744;
}
#resources #resources-list .icon.mp3 {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/media.svg");
  border-color: #FED744;
}
#resources #resources-list .icon.doc, #resources #resources-list .icon.docx, #resources #resources-list .icon.dotx {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/doc.svg");
  border-color: #3C83DC;
}
#resources #resources-list .icon.html {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/link.svg");
  border-color: #61D9E9;
}
#resources #resources-list .icon.jpg, #resources #resources-list .icon.jpeg {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/jpg.svg");
  border-color: #FDB13E;
}
#resources #resources-list .icon.pdf {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/pdf.svg");
  border-color: #EA3032;
}
#resources #resources-list .icon.ppt, #resources #resources-list .icon.pptx {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/ppt.svg");
  border-color: #FB6344;
}
#resources #resources-list .icon.svg {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/svg.svg");
  border-color: #FB6344;
}
#resources #resources-list .icon.txt {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/txt.svg");
  border-color: #8F88B8;
}
#resources #resources-list .icon.xls, #resources #resources-list .icon.xlsx {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/xls.svg");
  border-color: #70BC75;
}
#resources #resources-list .icon-none {
  padding: 40px;
}
#resources #resources-list .icon-none h3 {
  margin-top: 0;
}
#resources #resources-list .icon-none .buttons {
  display: none;
}
#resources #resources-list .icon-none p:last-of-type {
  margin-bottom: 0;
}
#resources #resources-list .resource-detail, #resources #resources-list #resource-details {
  display: none;
}
#resources #resources-list .resources-item {
  display: block;
  position: relative;
  min-height: 50px;
  padding-left: 30px;
  margin-bottom: 15px;
}
#resources #resources-list .resources-item span {
  display: block;
  text-align: left;
  cursor: pointer;
  font-size: 18px;
  margin-left: 15px;
  padding: 10px 0;
  text-decoration: underline;
  color: [RESOURCESLINKCOLOR];
}
#resources #resources-list .resources-item .icon {
  display: block;
  position: absolute;
  height: 50px;
  width: 30px;
  left: 0;
}
@media (max-width: 767px) {
  .md-desktop #resources.page-overlay .overlay-title {
    border-bottom: 2px solid #fff;
    margin-bottom: 15px;
    max-width: 100%;
  }
  .md-desktop #resources.page-overlay .overlay-title h1 {
    font-family: "Caveat", handwriting;
    margin-bottom: 0;
    padding-bottom: 20px;
    font-weight: bold;
  }
  .md-desktop #resources.page-overlay .overlay-title button {
    display: none;
    border: 2px solid #fff;
    margin: 0 0 15px 0;
    padding: 6px 15px;
    font-family: "PT Sans", Helvetica, Arial;
    letter-spacing: normal;
  }
  .md-desktop #resources.page-overlay .overlay-title button.active {
    display: block;
  }
  .md-desktop #resources.page-overlay .overlay-title button:before {
    transition: none;
    background: none;
  }
  .md-desktop #resources.page-overlay .overlay-title #resources-showall {
    background: transparent;
  }
  .md-desktop #resources.page-overlay .overlay-title #resources-hideall {
    background: #3d3d3d;
    border-color: #3d3d3d;
  }
  .md-desktop #resources.page-overlay #resources-list {
    width: calc(100% - 16px);
    max-width: 100%;
    font-family: "Caveat", handwriting;
  }
  .md-desktop #resources.page-overlay #resources-list #cont-resource-list {
    flex-basis: 100%;
    max-width: 100%;
    padding-right: 20px;
    line-height: 145%;
  }
  .md-desktop #resources.page-overlay #resources-list #cont-resource-list .resources-item {
    min-height: 40px;
  }
  .md-desktop #resources.page-overlay #resources-list #cont-resource-list .resources-item span {
    margin-left: 0;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0;
  }
  .md-desktop #resources.page-overlay #resources-list #cont-resource-list .resources-item .icon {
    width: 20px;
    height: 30px;
  }
  .md-desktop #resources.page-overlay #resources-list #cont-resource-list .resources-item .resource-detail {
    display: block;
    position: relative;
    font-size: 14px;
    margin-left: 0;
    margin-top: 10px;
    padding-top: 0;
    overflow: hidden;
  }
  .md-desktop #resources.page-overlay #resources-list #cont-resource-list .resources-item .resource-detail .slide {
    position: relative;
    margin-top: -4000px;
    transition: margin-top 0.4s ease-out;
  }
  .md-desktop #resources.page-overlay #resources-list #cont-resource-list .resources-item .resource-detail .slide p:last-child, .md-desktop #resources.page-overlay #resources-list #cont-resource-list .resources-item .resource-detail .slide p:only-of-type {
    margin-bottom: 0;
  }
  .md-desktop #resources.page-overlay #resources-list #cont-resource-list .resources-item .resource-detail .slide .buttons {
    padding: 10px 0 40px 0;
  }
  .md-desktop #resources.page-overlay #resources-list #cont-resource-list .resources-item .resource-detail .slide .buttons a {
    display: block;
    color: #fff;
    text-decoration: underline;
  }
  .md-desktop #resources.page-overlay #resources-list #cont-resource-list .resources-item.active .resource-detail .slide {
    margin-top: 0 !important;
  }
  .md-desktop #resources.page-overlay #resources-list #cont-resource-details {
    display: none;
  }
  body[dir="RTL"].md-desktop #resources #resources-list #cont-resource-list {
    padding-left: 20px;
    padding-right: 0;
  }
  #resources {
    background: [RESOURCESMOBILEBACKGROUNDCOLOR] !important;
  }
  #resources .slide {
    color: [RESOURCESMOBILETEXTCOLOR] !important;
  }
}
.md-phone #resources.page-overlay .overlay-title {
  border-bottom: 2px solid #fff;
  margin-bottom: 15px;
  max-width: 100%;
}
.md-phone #resources.page-overlay .overlay-title h1 {
  font-family: "Caveat", handwriting;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-weight: bold;
}
.md-phone #resources.page-overlay .overlay-title button {
  display: none;
  border: 2px solid #fff;
  margin: 0 0 15px 0;
  padding: 6px 15px;
  font-family: "PT Sans", Helvetica, Arial;
  letter-spacing: normal;
}
.md-phone #resources.page-overlay .overlay-title button.active {
  display: block;
}
.md-phone #resources.page-overlay .overlay-title button:before {
  transition: none;
  background: none;
}
.md-phone #resources.page-overlay .overlay-title #resources-showall {
  background: transparent;
}
.md-phone #resources.page-overlay .overlay-title #resources-hideall {
  background: #3d3d3d;
  border-color: #3d3d3d;
}
.md-phone #resources.page-overlay #resources-list {
  width: calc(100% - 16px);
  max-width: 100%;
  font-family: "Caveat", handwriting;
}
.md-phone #resources.page-overlay #resources-list #cont-resource-list {
  flex-basis: 100%;
  max-width: 100%;
  padding-right: 20px;
  line-height: 145%;
}
.md-phone #resources.page-overlay #resources-list #cont-resource-list .resources-item {
  min-height: 40px;
}
.md-phone #resources.page-overlay #resources-list #cont-resource-list .resources-item span {
  margin-left: 0;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0;
}
.md-phone #resources.page-overlay #resources-list #cont-resource-list .resources-item .icon {
  width: 20px;
  height: 30px;
}
.md-phone #resources.page-overlay #resources-list #cont-resource-list .resources-item .resource-detail {
  display: block;
  position: relative;
  font-size: 14px;
  margin-left: 0;
  margin-top: 10px;
  padding-top: 0;
  overflow: hidden;
}
.md-phone #resources.page-overlay #resources-list #cont-resource-list .resources-item .resource-detail .slide {
  position: relative;
  margin-top: -4000px;
  transition: margin-top 0.4s ease-out;
}
.md-phone #resources.page-overlay #resources-list #cont-resource-list .resources-item .resource-detail .slide p:last-child, .md-phone #resources.page-overlay #resources-list #cont-resource-list .resources-item .resource-detail .slide p:only-of-type {
  margin-bottom: 0;
}
.md-phone #resources.page-overlay #resources-list #cont-resource-list .resources-item .resource-detail .slide .buttons {
  padding: 10px 0 40px 0;
}
.md-phone #resources.page-overlay #resources-list #cont-resource-list .resources-item .resource-detail .slide .buttons a {
  display: block;
  color: #fff;
  text-decoration: underline;
}
.md-phone #resources.page-overlay #resources-list #cont-resource-list .resources-item.active .resource-detail .slide {
  margin-top: 0 !important;
}
.md-phone #resources.page-overlay #resources-list #cont-resource-details {
  display: none;
}
body[dir="RTL"].md-phone #resources #resources-list #cont-resource-list {
  padding-left: 20px;
  padding-right: 0;
}
body[dir="RTL"] #resources #resources-list .resources-item {
  padding-left: 0;
  padding-right: 30px;
}
body[dir="RTL"] #resources #resources-list .resources-item span {
  margin-left: 0;
  margin-right: 15px;
  text-align: right;
}
body[dir="RTL"] #resources #resources-list .resources-item .icon {
  left: auto;
  right: 0;
}
@media (min-width: 768px) {
  .md-desktop #resources #resources-list #cont-resource-details #resource-details.active {
    display: block;
  }
}
#search {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
  background: [GLOSSARYBACKGROUNDCOLOR] !important;
  color: [GLOSSARYTEXTCOLOR] !important;
}
#search #cont-search-header {
  flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
}
#search #cont-search-header .overlay-title {
  text-align: left;
  margin-bottom: 0;
  color: [GLOSSARYHEADINGCOLOR];
}
#search #cont-search-header .overlay-title h3 {
  margin: 0;
  padding-bottom: 20px;
}
#search #cont-search-header #search-header {
  width: 100%;
  border-bottom: 2px solid #FFF;
  margin-bottom: 20px;
  padding: 10px 0 15px 0;
}
#search #cont-search-header #search-header .btn-showall.disabled {
  opacity: 0.51;
  cursor: default;
  pointer-events: none;
}
#search #cont-search-header #search-header .search-box {
  background: transparent;
  background: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/search.svg") no-repeat center right 10px;
  background-size: 16px 15px;
  background-position: center right 10px;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 20px;
  color: #fff;
  font-size: 16px;
  font-family: "Caveat", handwriting;
  height: 40px;
  outline: none;
  padding-left: 15px;
  padding-right: 30px;
  position: relative;
  width: 50%;
}
#search #cont-search-results {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
}
#search #cont-search-results .topic-entry {
  cursor: pointer;
  padding: 10px 15px;
  transition: color linear 0.1s;
  position: relative;
  width: 48%;
  color: [GLOSSARYLINKCOLOR];
}
#search #cont-search-results .topic-entry:before {
  height: 20px;
  width: 20px;
  content: "";
  position: absolute;
  display: inline-block;
  left: 10px;
  top: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: left center;
}
#search #cont-search-results .topic-entry:hover, #search #cont-search-results .topic-entry.active {
  color: #57fa6a;
  color: [GLOSSARYLINKCOLORHOVER];
}
#search #cont-search-results .topic-entry.topic-page {
  font-size: 14px;
}
#search #cont-search-results .topic-entry.disabled {
  opacity: 0.6;
  pointer-events: none;
}
#search #cont-search-results .topic-entry:not(.locked) {
  text-decoration: underline;
}
#search #cont-search-results .topic-entry.locked {
  cursor: not-allowed;
}
#search #cont-search-results .topic-entry.locked:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock.svg");
  background-size: 7px 12px;
}
#search #cont-search-results .topic-entry.locked:hover {
  color: inherit;
}
#search #cont-search-results .topic-entry.timed:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/timed.svg");
  background-size: 12px 12px;
}
body[dir="RTL"] #search #cont-search-header .overlay-title h3 {
  text-align: right;
}
body[dir="RTL"] #search #cont-search-header #search-header .search-box {
  background-position: center left 10px;
}
body[dir="RTL"] #search #cont-search-header #search-header .search-box:focus {
  padding-left: 30px;
  padding-right: 15px;
}
body[dir="RTL"] #search #cont-search-header #search-header .search-magnify:before {
  direction: ltr;
  left: 13px;
}
body[dir="RTL"] #search #cont-search-results .topic-entry {
  padding: 10px 20px 10px 10px;
}
@media (max-width: 767px) {
  #search {
    padding-bottom: 0;
  }
  #search .overlay-title h3 {
    font-family: "PT Sans", Helvetica, Arial;
    letter-spacing: 0;
  }
  #search #cont-search-header #search-header .search-box {
    width: 100%;
  }
  #cont-search-results .topic-entry {
    line-height: 120%;
    transition: none;
  }
  #cont-search-results .topic-entry:hover, #cont-search-results .topic-entry:focus {
    color: [GLOSSARYLINKCOLORHOVER];
  }
  #cont-search-results .topic-entry.topic-page {
    padding: 5px 20px !important;
    font-family: "PT Sans", Helvetica, Arial;
    font-size: 12px !important;
  }
  #search {
    background: [GLOSSARYMOBILEBACKGROUNDCOLOR] !important;
    color: [GLOSSARYMOBILETEXTCOLOR];
  }
}
.md-phone #search {
  padding-bottom: 0;
}
.md-phone #search .overlay-title h3 {
  font-family: "PT Sans", Helvetica, Arial;
  letter-spacing: 0;
}
.md-phone #search #cont-search-header #search-header .search-box {
  width: 100%;
}
.md-phone #cont-search-results .topic-entry {
  line-height: 120%;
  transition: none;
}
.md-phone #cont-search-results .topic-entry:hover, .md-phone #cont-search-results .topic-entry:focus {
  color: [GLOSSARYLINKCOLORHOVER];
}
.md-phone #cont-search-results .topic-entry.topic-page {
  padding: 5px 20px !important;
  font-family: "PT Sans", Helvetica, Arial;
  font-size: 12px !important;
}
#topics {
  padding: 0;
  line-height: 100%;
  background: none;
  background-color: #000;
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
#topics .close-overlay {
  position: absolute;
  cursor: pointer;
  display: block;
  top: 15px;
  right: 30px;
  height: 24px;
  width: 24px;
  line-height: 16px;
  font-size: 12px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/popup_closeX.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
#topics.mobile .close-overlay {
  right: 15px;
}
#topics #topics-list {
  width: 100%;
  height: 100%;
  padding: 0;
}
#topics #topics-list {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#topics #topics-list .topic-entry-cont {
  min-height: 200px;
  position: relative;
}
#topics #topics-list .topic-entry-cont .topic-entry {
  position: relative;
  height: 200px;
  z-index: 1;
}
#topics #topics-list .topic-entry-cont .topic-entry .topic-overlay {
  position: relative;
  height: 200px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #000 100%);
  cursor: pointer;
}
#topics #topics-list .topic-entry-cont .topic-entry .topic-overlay h4 {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 0 45px 0 25px;
  margin: 10px 0;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 2px;
  box-sizing: border-box;
  text-align: left;
}
#topics #topics-list .topic-entry-cont .topic-entry .topic-overlay h4:before {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  content: "+";
  font-family: Arial;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 120%;
  padding-right: 1px;
  transition: transform 0.5s;
}
#topics #topics-list .topic-entry-cont .topic-entry.active .topic-overlay h4:before {
  transform: translate3d(0, -50%, 0) rotate(225deg);
}
#topics #topics-list .topic-entry-cont .topic-toggle {
  background: #000;
  padding: 0 25px;
  transition: margin 0.5s;
  margin-top: -4000px;
  position: relative;
  z-index: 0;
}
#topics #topics-list .topic-entry-cont .topic-toggle .topic-details {
  padding: 10px 0;
  text-align: left;
}
#topics #topics-list .topic-entry-cont .topic-toggle .btn-cont {
  text-align: right;
  padding-bottom: 20px;
}
#topics #topics-list .topic-entry-cont .topic-toggle .btn-cont button {
  margin: 0;
  padding: 10px 15px;
  line-height: 140%;
  font-size: 12px;
  font-family: "PT Sans", Helvetica, Arial;
  background: #57fa6a !important;
}
#topics #topics-list .topic-entry-cont .topic-toggle .btn-cont button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
#topics #topics-list .topic-entry-cont .topic-toggle .btn-cont button:before {
  content: none;
}
#topics #topics-list .topic-entry-cont .topic-toggle .btn-cont button.locked {
  pointer-events: none;
  padding-left: 35px;
}
#topics #topics-list .topic-entry-cont .topic-toggle .btn-cont button.locked:before {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 8px;
  height: 12px;
  background: none;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock.svg");
  background-size: 8px 12px;
  background-repeat: no-repeat;
}
#topics #topics-list .topic-entry-cont .topic-toggle.active {
  margin-top: 0 !important;
}
body[dir="RTL"] #topics .close-overlay {
  right: auto;
  left: 30px;
}
body[dir="RTL"] #topics.mobile .close-overlay {
  left: 15px;
}
body[dir="RTL"] #topics #topics-list .topic-entry-cont .topic-entry .topic-overlay h4 {
  padding: 0 25px 0 45px;
  text-align: right;
}
body[dir="RTL"] #topics #topics-list .topic-entry-cont .topic-entry .topic-overlay h4:before {
  right: auto;
  left: 16px;
}
body[dir="RTL"] #topics #topics-list .topic-entry-cont .topic-toggle .btn-cont {
  text-align: left;
}
body[dir="RTL"] #topics #topics-list .topic-entry-cont .topic-toggle .btn-cont button.locked {
  padding-left: 15px;
  padding-right: 35px;
}
body[dir="RTL"] #topics #topics-list .topic-entry-cont .topic-toggle .btn-cont button.locked:before {
  left: auto;
  right: 20px;
  transform: translate(50%, -50%);
}
body[dir="RTL"] #topics #topics-list .topic-entry-cont .topic-toggle .topic-details {
  text-align: right;
}
#transcript {
  display: flex;
  flex-direction: column;
  padding: 37px 40px 0;
}
#transcript #cont-transcript-header {
  flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
}
#transcript #cont-transcript-header .overlay-title {
  border-bottom: 2px solid #FFFFFF;
  text-align: left;
  margin-bottom: 30px;
}
#transcript #cont-transcript-header .overlay-title h3 {
  margin: 0;
  padding-bottom: 27px;
}
#transcript #cont-transcript-header .overlay-body a {
  text-decoration: underline;
}
#transcript .spacer {
  height: 50px;
  width: 100%;
}
body[dir="RTL"] #transcript #cont-transcript-header .overlay-title h3 {
  text-align: right;
}
@media (max-width: 767px) {
  #transcript {
    padding-bottom: 0;
  }
  #transcript .overlay-title h3 {
    font-family: "PT Sans", Helvetica, Arial;
    letter-spacing: 0;
  }
}
.md-phone #transcript {
  padding-bottom: 0;
}
.md-phone #transcript .overlay-title h3 {
  font-family: "PT Sans", Helvetica, Arial;
  letter-spacing: 0;
}
.dragtoorder-helper {
  margin: 5px 0 0 0;
  list-style-type: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}
.accordions {
  margin-top: -5px;
}
.accordions.complete .overlay-select:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 6px;
  width: 12px;
  height: 12px;
  background: #474747;
  border-radius: 50%;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
  display: inline-block;
}
.accordions.locked {
  pointer-events: none;
  opacity: 0.7;
}
.accordions.locked .overlay-select {
  background: none;
  border: none;
}
.accordions.locked:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1;
  border: 2px dotted #dadada;
}
.accordions.locked:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: not-allowed;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock_light_ui.svg");
  width: 28px;
  height: 48px;
  background-size: 28px 48px;
  z-index: 1;
}
.accordions .overlay-select {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.95);
  border: 2px dotted #737373;
  font-family: "PT Sans", Helvetica, Arial;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
}
.accordions.locked {
  position: relative;
}
.accordions .initTimer {
  position: absolute;
  top: 0;
}
.accordions .initTimer.disabled {
  display: none;
}
.accordions .overlay-select.overlay-expanded {
  align-items: flex-start;
}
.accordions .overlay-select.overlay-expanded .btn.start-quiz-btn {
  margin-top: 100px;
}
.dragtoorder-handle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.accordions, .dragtoorder-helper {
  list-style-type: none;
  width: 100%;
}
.accordions .dragtoorder-ul, .dragtoorder-helper .dragtoorder-ul {
  margin: 0;
  padding: 0;
}
.accordions .dragtoorder-ul .dragtoorder-li, .dragtoorder-helper .dragtoorder-ul .dragtoorder-li {
  display: block;
  margin: 5px 0 0 0;
}
.accordions .dragtoorder-ul .dragtoorder-li:first-of-type .order-acc button.minus, .dragtoorder-helper .dragtoorder-ul .dragtoorder-li:first-of-type .order-acc button.minus {
  opacity: 0.3;
}
.accordions .dragtoorder-ul .dragtoorder-li:last-of-type .order-acc button.plus, .dragtoorder-helper .dragtoorder-ul .dragtoorder-li:last-of-type .order-acc button.plus {
  opacity: 0.3;
}
.accordions .dragtoorder-ul .dragtoorder-li.cursor-drag a, .dragtoorder-helper .dragtoorder-ul .dragtoorder-li.cursor-drag a {
  cursor: move;
}
.accordions .dragtoorder-ul .dragtoorder-li.dragging, .dragtoorder-helper .dragtoorder-ul .dragtoorder-li.dragging {
  opacity: 1 !important;
  transform: rotate(-1deg);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  backface-visibility: hidden;
}
.accordions .dragtoorder-ul .dragtoorder-li.dragging:first-of-type .order-acc button.plus, .accordions .dragtoorder-ul .dragtoorder-li.dragging:first-of-type .order-acc button.minus, .accordions .dragtoorder-ul .dragtoorder-li.dragging:last-of-type .order-acc button.plus, .accordions .dragtoorder-ul .dragtoorder-li.dragging:last-of-type .order-acc button.minus, .dragtoorder-helper .dragtoorder-ul .dragtoorder-li.dragging:first-of-type .order-acc button.plus, .dragtoorder-helper .dragtoorder-ul .dragtoorder-li.dragging:first-of-type .order-acc button.minus, .dragtoorder-helper .dragtoorder-ul .dragtoorder-li.dragging:last-of-type .order-acc button.plus, .dragtoorder-helper .dragtoorder-ul .dragtoorder-li.dragging:last-of-type .order-acc button.minus {
  opacity: 0.3 !important;
}
.accordions .dragtoorder-ul .dragtoorder-li.sortable-ghost, .dragtoorder-helper .dragtoorder-ul .dragtoorder-li.sortable-ghost {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.accordions .dragtoorder-ul .dragtoorder-li.sortable-ghost .ac-cont .ac-nav a, .dragtoorder-helper .dragtoorder-ul .dragtoorder-li.sortable-ghost .ac-cont .ac-nav a {
  opacity: 0;
}
.accordions .dragtoorder-ul .dragtoorder-li.sortable-ghost .order-acc, .dragtoorder-helper .dragtoorder-ul .dragtoorder-li.sortable-ghost .order-acc {
  display: none;
}
.accordions .acc-cont, .dragtoorder-helper .acc-cont {
  position: relative;
}
.accordions .acc-cont .media-frame, .dragtoorder-helper .acc-cont .media-frame {
  /*@include overlayDragHere;
		.overlay-draghere.hidden {
			display:none;
		}*/
}
.accordions .acc-cont .media-frame .poster-zoom, .dragtoorder-helper .acc-cont .media-frame .poster-zoom {
  overflow: hidden;
}
.accordions .acc-cont .acc-row.acc-zoom-edge .img-zoom .image.zoom, .dragtoorder-helper .acc-cont .acc-row.acc-zoom-edge .img-zoom .image.zoom {
  transform-style: preserve-3d;
}
.accordions .ac-cont, .dragtoorder-helper .ac-cont {
  border-radius: 0px;
  margin: 5px 0 0 0;
  overflow: hidden;
}
.accordions .ac-cont.mobile-drag .ac-nav, .dragtoorder-helper .ac-cont.mobile-drag .ac-nav {
  display: flex;
}
.accordions .ac-cont.mobile-drag .ac-nav a, .dragtoorder-helper .ac-cont.mobile-drag .ac-nav a {
  width: 100%;
}
.accordions .ac-cont.mobile-drag .order-acc, .dragtoorder-helper .ac-cont.mobile-drag .order-acc {
  display: flex;
  flex-direction: column;
  background: #df1959;
  margin-right: 2px;
}
.accordions .ac-cont.mobile-drag .order-acc button, .dragtoorder-helper .ac-cont.mobile-drag .order-acc button {
  background: none;
  border: none;
  border-radius: 0;
  width: 24px;
  height: 50%;
}
.accordions .ac-cont.mobile-drag .order-acc button.minus, .dragtoorder-helper .ac-cont.mobile-drag .order-acc button.minus {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/minus_gray.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 8px 2px !important;
}
.accordions .ac-cont.mobile-drag .order-acc button.plus, .dragtoorder-helper .ac-cont.mobile-drag .order-acc button.plus {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/plus_gray.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 8px 8px !important;
}
.accordions :first-child.ac-cont, .dragtoorder-helper :first-child.ac-cont {
  margin-top: 0;
}
.accordions .ac-colL .component p:last-child, .accordions .ac-colR .component p:last-child, .dragtoorder-helper .ac-colL .component p:last-child, .dragtoorder-helper .ac-colR .component p:last-child {
  margin-bottom: 0 !important;
}
.accordions .ac-colL .component:last-child, .accordions .ac-colR .component:last-child, .dragtoorder-helper .ac-colL .component:last-child, .dragtoorder-helper .ac-colR .component:last-child {
  margin-bottom: 0 !important;
}
.accordions .ac-colL, .dragtoorder-helper .ac-colL {
  padding: 0 !important;
}
.accordions .ac-colL :not(.ac-cont) .component.text, .dragtoorder-helper .ac-colL :not(.ac-cont) .component.text {
  padding-right: 12px;
}
.accordions .ac-colL .ac-content .ac-panel .ac-col.transcript, .dragtoorder-helper .ac-colL .ac-content .ac-panel .ac-col.transcript {
  justify-content: right;
}
.accordions .ac-colR, .dragtoorder-helper .ac-colR {
  padding-left: 12px !important;
}
.accordions .ac-colR :not(.ac-cont) .component.text, .dragtoorder-helper .ac-colR :not(.ac-cont) .component.text {
  padding-left: 12px;
}
.accordions .ac-colR .ac-content .ac-panel .ac-col.transcript, .dragtoorder-helper .ac-colR .ac-content .ac-panel .ac-col.transcript {
  justify-content: right;
}
.accordions .ac-nav, .dragtoorder-helper .ac-nav {
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: hand;
  display: inline-block;
  position: relative;
}
.accordions .ac-nav.active a:focus, .dragtoorder-helper .ac-nav.active a:focus {
  box-shadow: none;
}
.accordions .ac-nav.active a:after, .dragtoorder-helper .ac-nav.active a:after {
  transform: rotate(0deg);
}
.accordions .ac-nav a, .dragtoorder-helper .ac-nav a {
  font-family: "Caveat", handwriting;
  padding: 20px 35px 20px 25px;
  text-decoration: none;
  display: block;
  position: relative;
  background: #df1959;
  font-size: 16px;
  line-height: 120%;
  font-weight: bold;
  color: #3e3e3e;
  transition: padding-left linear 0.2s;
}
.accordions .ac-nav a:after, .dragtoorder-helper .ac-nav a:after {
  position: absolute;
  top: 26px;
  content: "";
  width: 10px;
  height: 5px;
  right: 20px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/expand_accordion.svg");
  background-size: 10px 5px;
  background-repeat: no-repeat;
  transition: transform linear 0.2s;
  transform: rotate(90deg);
}
.accordions .ac-nav a:focus, .dragtoorder-helper .ac-nav a:focus {
  box-shadow: 0px 0px 0px 1px inset #cc3300;
}
.accordions .ac-nav a.no-child:after, .dragtoorder-helper .ac-nav a.no-child:after {
  display: none;
}
.accordions .ac-nav a.clicked:before, .dragtoorder-helper .ac-nav a.clicked:before {
  position: relative;
  content: "";
  width: 12px;
  height: 12px;
  background: #474747;
  border-radius: 50%;
  top: 0;
  left: 0;
  margin-right: 8px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
  display: inline-block;
}
.accordions .ac-nav a.clicked.anim-complete:before, .dragtoorder-helper .ac-nav a.clicked.anim-complete:before {
  animation: clickstateIn 0.3s forwards;
}
@keyframes clickstateIn {
  0% {
    margin-left: -20px;
  }
  100% {
    margin-left: 0;
  }
}
.accordions .ac-nav.active a, .accordions .ac-nav.active .order-acc, .dragtoorder-helper .ac-nav.active a, .dragtoorder-helper .ac-nav.active .order-acc {
  background: #000000;
}
.accordions .ac-nav.active .order-acc, .dragtoorder-helper .ac-nav.active .order-acc {
  margin-bottom: 2px;
}
.accordions .ac-content, .dragtoorder-helper .ac-content {
  position: relative;
  background: #000000;
  overflow: hidden;
  max-height: 0px;
  transition: all ease-out 0.2s;
}
.accordions .ac-content .ac-panel, .dragtoorder-helper .ac-content .ac-panel {
  padding: 0;
}
.accordions .ac-content .ac-panel .ac-col, .dragtoorder-helper .ac-content .ac-panel .ac-col {
  padding: 0 25px;
}
.accordions .ac-content .ac-panel .ac-col.horizontal:first-of-type, .dragtoorder-helper .ac-content .ac-panel .ac-col.horizontal:first-of-type {
  padding-right: 1.25rem;
}
.accordions .ac-content .ac-panel .ac-col.horizontal:last-of-type, .dragtoorder-helper .ac-content .ac-panel .ac-col.horizontal:last-of-type {
  padding-left: 1.25rem;
}
.accordions .ac-content .ac-panel .ac-col.horizontal .component, .dragtoorder-helper .ac-content .ac-panel .ac-col.horizontal .component {
  margin-bottom: 0 !important;
}
.accordions .ac-content .ac-panel .ac-col.horizontal .component.text p:last-of-type, .dragtoorder-helper .ac-content .ac-panel .ac-col.horizontal .component.text p:last-of-type {
  margin-bottom: 0;
}
.accordions .ac-content .ac-panel .ac-col.vertical:last-of-type .component, .dragtoorder-helper .ac-content .ac-panel .ac-col.vertical:last-of-type .component {
  margin-bottom: 0 !important;
}
.accordions .ac-content .ac-panel .ac-col.vertical:last-of-type .component.text p:last-of-type, .dragtoorder-helper .ac-content .ac-panel .ac-col.vertical:last-of-type .component.text p:last-of-type {
  margin-bottom: 0;
}
.accordions .ac-content .ac-panel .ac-col.vertical:last-of-type.rem-padding .component.text, .dragtoorder-helper .ac-content .ac-panel .ac-col.vertical:last-of-type.rem-padding .component.text {
  padding-left: 0;
  padding-right: 0;
}
.accordions .ac-content .ac-panel .ac-col.transcript, .dragtoorder-helper .ac-content .ac-panel .ac-col.transcript {
  display: flex;
  justify-content: left;
}
.accordions .ac-content .ac-panel .ac-col.transcript .AudioTranscript, .dragtoorder-helper .ac-content .ac-panel .ac-col.transcript .AudioTranscript {
  background: #FFF;
  margin: 14px 0 11px;
}
.accordions .ac-content.active .ac-panel, .dragtoorder-helper .ac-content.active .ac-panel {
  padding-bottom: 12px;
}
.accordions .final-btn-cont, .dragtoorder-helper .final-btn-cont {
  margin-top: 15px;
  text-align: center;
}
.accordions .final-btn-cont .btn, .dragtoorder-helper .final-btn-cont .btn {
  display: inline-block;
  border: 1px solid transparent;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: bold;
  margin: 0 5px;
  background: #000000;
  color: #FFFFFF;
}
.accordions .final-btn-cont .btn:hover, .accordions .final-btn-cont .btn:active, .accordions .final-btn-cont .btn.focus, .accordions .final-btn-cont .btn:focus, .dragtoorder-helper .final-btn-cont .btn:hover, .dragtoorder-helper .final-btn-cont .btn:active, .dragtoorder-helper .final-btn-cont .btn.focus, .dragtoorder-helper .final-btn-cont .btn:focus {
  border: 1px solid #fff;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  background: black;
}
.accordions .final-btn-cont .btn.dragtoorder-submit, .dragtoorder-helper .final-btn-cont .btn.dragtoorder-submit {
  pointer-events: none;
  opacity: 0.5;
}
.accordions .final-btn-cont .btn.dragtoorder-submit.active, .dragtoorder-helper .final-btn-cont .btn.dragtoorder-submit.active {
  pointer-events: auto;
  opacity: 1;
}
.accordions .final-btn-cont .dragtoorder-btn.disabled, .dragtoorder-helper .final-btn-cont .dragtoorder-btn.disabled {
  pointer-events: none;
  cursor: pointer;
  opacity: 0.5;
}
body[dir="RTL"] .accordions .acc-row, body[dir="RTL"] .dragtoorder-helper .acc-row {
  direction: ltr;
}
body[dir="RTL"] .accordions .acc-row .ac-colL, body[dir="RTL"] .accordions .acc-row .ac-colR, body[dir="RTL"] .accordions .acc-row .ac-col, body[dir="RTL"] .dragtoorder-helper .acc-row .ac-colL, body[dir="RTL"] .dragtoorder-helper .acc-row .ac-colR, body[dir="RTL"] .dragtoorder-helper .acc-row .ac-col {
  direction: rtl;
}
body[dir="RTL"] .accordions .ac-nav a, body[dir="RTL"] .dragtoorder-helper .ac-nav a {
  transition: none;
  transition: padding-right linear 0.2s;
  padding: 20px 25px 20px 35px;
}
body[dir="RTL"] .accordions .ac-nav a:after, body[dir="RTL"] .dragtoorder-helper .ac-nav a:after {
  left: 20px;
  right: auto;
}
body[dir="RTL"] .accordions .ac-nav a.clicked:before, body[dir="RTL"] .dragtoorder-helper .ac-nav a.clicked:before {
  margin-right: 0;
  margin-left: 8px;
}
body[dir="RTL"] .accordions .ac-nav a.clicked.anim-complete:before, body[dir="RTL"] .dragtoorder-helper .ac-nav a.clicked.anim-complete:before {
  animation: none;
  animation: clickstateInR 0.3s forwards;
}
@keyframes clickstateInR {
  0% {
    margin-right: -20px;
  }
  100% {
    margin-right: 0;
  }
}
body[dir="RTL"] .accordions .ac-content .ac-panel .ac-col.horizontal:first-of-type, body[dir="RTL"] .dragtoorder-helper .ac-content .ac-panel .ac-col.horizontal:first-of-type {
  padding-left: 1.25rem;
  padding-right: 25px;
}
body[dir="RTL"] .accordions .ac-content .ac-panel .ac-col.horizontal:last-of-type, body[dir="RTL"] .dragtoorder-helper .ac-content .ac-panel .ac-col.horizontal:last-of-type {
  padding-left: 25px;
  padding-right: 1.25rem;
}
body[dir="RTL"] .accordions .ac-content .ac-panel .ac-col.transcript, body[dir="RTL"] .dragtoorder-helper .ac-content .ac-panel .ac-col.transcript {
  justify-content: right;
}
body[dir="RTL"] .accordions .ac-colR .ac-content .ac-panel .ac-col.transcript, body[dir="RTL"] .dragtoorder-helper .ac-colR .ac-content .ac-panel .ac-col.transcript {
  justify-content: left;
}
body[dir="RTL"] .accordions .ac-nav a, body[dir="RTL"] .dragtoorder-helper .ac-nav a {
  padding: 15px 25px 15px 30px;
}
body[dir="RTL"] .accordions .ac-nav a:after, body[dir="RTL"] .dragtoorder-helper .ac-nav a:after {
  left: 20px;
}
.accordions.locked:after, body[dir="RTL"] .accordions.locked:after {
  top: 100px;
}
@media (max-width: 767px) {
  .dragtoorder-helper .ac-nav a {
    transition: none;
  }
  .accordions .ac-colL, .accordions .ac-colR, .dragtoorder-helper .ac-colL, .dragtoorder-helper .ac-colR {
    padding: 0 !important;
  }
  .accordions .ac-colL :not(.ac-cont) .component.text, .accordions .ac-colR :not(.ac-cont) .component.text, .dragtoorder-helper .ac-colL :not(.ac-cont) .component.text, .dragtoorder-helper .ac-colR :not(.ac-cont) .component.text {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .accordions .ac-nav a, .dragtoorder-helper .ac-nav a {
    font-size: 15px;
    padding: 15px 30px 15px 15px;
  }
  .accordions .ac-nav a:after, .dragtoorder-helper .ac-nav a:after {
    right: 15px;
    top: 22px;
  }
  .accordions .ac-content .ac-panel .ac-col, .dragtoorder-helper .ac-content .ac-panel .ac-col {
    min-width: 100%;
  }
  .accordions .ac-content .ac-panel .ac-col.horizontal:first-of-type, .dragtoorder-helper .ac-content .ac-panel .ac-col.horizontal:first-of-type {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .accordions .ac-content .ac-panel .ac-col.horizontal:last-of-type, .dragtoorder-helper .ac-content .ac-panel .ac-col.horizontal:last-of-type {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .accordions .ac-content .ac-panel .ac-col.horizontal .component, .accordions .ac-content .ac-panel .ac-col.vertical .component, .dragtoorder-helper .ac-content .ac-panel .ac-col.horizontal .component, .dragtoorder-helper .ac-content .ac-panel .ac-col.vertical .component {
    margin-bottom: 20px !important;
  }
  .accordions .ac-content .ac-panel .ac-col.horizontal .component.media .img-zoom img, .accordions .ac-content .ac-panel .ac-col.vertical .component.media .img-zoom img, .dragtoorder-helper .ac-content .ac-panel .ac-col.horizontal .component.media .img-zoom img, .dragtoorder-helper .ac-content .ac-panel .ac-col.vertical .component.media .img-zoom img {
    backface-visibility: hidden;
  }
  .accordions .ac-content .ac-panel .ac-col.horizontal:last-of-type .component, .accordions .ac-content .ac-panel .ac-col.vertical:last-of-type .component, .dragtoorder-helper .ac-content .ac-panel .ac-col.horizontal:last-of-type .component, .dragtoorder-helper .ac-content .ac-panel .ac-col.vertical:last-of-type .component {
    margin-bottom: 0 !important;
  }
  .accordions .ac-content .ac-panel .ac-col.vertical, .dragtoorder-helper .ac-content .ac-panel .ac-col.vertical {
    padding: 0 15px;
  }
}
body.md-phone .accordions .media-frame .poster-zoom, body.md-phone .dragtoorder-helper .media-frame .poster-zoom {
  overflow: visible;
}
.AdobeAnimateBg {
  position: absolute;
  overflow: hidden;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.AdobeAnimateBg.top-left {
  top: 0;
  left: 0;
  transform: none;
}
.AdobeAnimateBg.top-center {
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.AdobeAnimateBg.top-right {
  top: 0;
  left: auto;
  right: 0;
  transform: none;
}
.AdobeAnimateBg.center-left {
  left: 0;
  transform: translate(0, -50%);
}
.AdobeAnimateBg.center-right {
  left: auto;
  right: 0;
  transform: translate(0, -50%);
}
.AdobeAnimateBg.bottom-left {
  top: auto;
  bottom: 0;
  left: 0;
  transform: none;
}
.AdobeAnimateBg.bottom-center {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 0);
}
.AdobeAnimateBg.bottom-right {
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  transform: none;
}
.AdobeAnimateBg iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  min-width: 100%;
}
#alerts {
  position: fixed;
  display: block;
  left: 50%;
  top: 30px;
  width: 350px;
  transform: translate(-50%, 0);
  overflow: visible;
  z-index: 1000;
}
#alerts .alert {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  opacity: 0;
}
#alerts .alert.inactive {
  animation: alertOpacDown 0.3s forwards;
}
@keyframes alertOpacDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#alerts .alert.active {
  max-height: 100%;
  animation: alertOpacUp 0.3s forwards;
}
@keyframes alertOpacUp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#alerts .alert .alert-box {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  background-color: rgba(0, 0, 0, 0.8);
  border: 2px #fff solid;
  padding: 20px 0;
  box-sizing: border-box;
  border-radius: 3px;
  box-shadow: 0 0 12px #999;
  color: #fff;
}
#alerts .alert .alert-box .icon {
  background-position: center top 10px;
  background-repeat: no-repeat;
  border-right: 1px solid #fff;
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-bottom: 0;
  min-width: 60px;
  position: relative;
  width: 60px;
}
#alerts .alert .alert-box .icon.scroll {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/pageDown.svg");
  background-size: 28px 28px;
  min-height: 48px;
}
#alerts .alert .alert-box .icon.leavepageincomplete {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/network_lost.svg");
  background-size: 24px 20px;
  min-height: 40px;
}
#alerts .alert .alert-box .icon.locked {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock.svg");
  background-size: 25px 40px;
  min-height: 60px;
}
#alerts .alert .alert-box .icon.timer {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/timed.svg");
  background-size: 28px 32px;
  min-height: 52px;
}
#alerts .alert .alert-box .icon.complete {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/certificate.svg");
  background-size: 28px 37px;
  min-height: 57px;
}
#alerts .alert .alert-box .icon.offline {
  background-image: none;
  min-height: 40px;
}
#alerts .alert .alert-box .icon.offline:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  top: 10px;
  transform: translate(-50%, 0);
  border-bottom: 22px solid #fff;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
}
#alerts .alert .alert-box .icon.offline:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  top: 12px;
  transform: translate(-50%, 0);
  border-bottom: 19px solid #333;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
}
#alerts .alert .alert-box .icon.offline div {
  position: absolute;
  width: 24px;
  height: 20px;
  z-index: 1;
  left: 50%;
  top: 12px;
  transform: translate(-50%, 0%);
}
#alerts .alert .alert-box .icon.offline div:after {
  content: "!";
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  font-family: "PT Sans", Helvetica, Arial;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
}
#alerts .alert .alert-box .icon.custom {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/network_lost.svg");
  background-size: 24px 20px;
  min-height: 40px;
}
#alerts .alert .alert-box .icon.objectivecomplete {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/network_found.svg");
  background-size: 24px 20px;
  min-height: 40px;
}
#alerts .alert .alert-box .icon.online {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/network_found.svg");
  background-size: 24px 23px;
  min-height: 43px;
}
#alerts .alert .alert-box .icon.incomplete {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/hand.svg");
  background-size: 24px 31px;
  min-height: 51px;
}
#alerts .alert .alert-box .message {
  width: 289px;
  min-width: 289px;
}
#alerts .alert .alert-box .message p {
  font-family: "PT Sans", Helvetica, Arial;
  font-size: 13px;
  line-height: 120%;
  padding: 0 18px 10px 18px;
  margin: 0;
}
#alerts .alert .alert-box .message p:first-child {
  font-size: 14px;
}
#alerts .alert .alert-box .message .btns-alert {
  margin-bottom: 0;
}
#alerts .alert .alert-box .message .btns-alert button {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  padding: 6px 10px;
  box-sizing: border-box;
  font-size: 10px;
  border-radius: 5px;
  line-height: 140%;
  font-size: 11px;
  font-family: "PT Sans", Helvetica, Arial;
  background: #333;
  border: 2px solid #fff;
  color: #fff;
}
#alerts .alert .alert-box .message .btns-alert button:hover, #alerts .alert .alert-box .message .btns-alert button:active, #alerts .alert .alert-box .message .btns-alert button.focus, #alerts .alert .alert-box .message .btns-alert button:focus {
  background: #262626 !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
#alerts .alert .alert-box .message .btns-alert button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
#alerts .alert .alert-box .message .btns-alert button:hover, #alerts .alert .alert-box .message .btns-alert button:active, #alerts .alert .alert-box .message .btns-alert button.focus, #alerts .alert .alert-box .message .btns-alert button:focus {
  background: black !important;
}
#alerts .alert .alert-box .message .options {
  overflow: hidden;
  display: block;
  clear: both;
  margin: 0 18px;
}
#alerts .alert .alert-box .message .options div {
  font-size: 12px;
  border: 1px solid #fff;
  display: inline-block;
  padding: 5px 10px;
  margin: 0px 15px 0px 0px;
  min-width: 90px;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 5px;
}
#alerts .alert .alert-box .message .options div:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}
#alerts .alert .alert-box .message .options div {
  background: #000000 !important;
  color: #FFFFFF !important;
}
#alerts .alert .alert-box .message .options div:hover, #alerts .alert .alert-box .message .options div:active, #alerts .alert .alert-box .message .options div.focus, #alerts .alert .alert-box .message .options div:focus {
  background: black !important;
}
#alerts .alert .close-alert {
  position: absolute;
  width: 40px;
  height: 30px;
  top: -2px;
  right: -7px;
  opacity: 1;
  background: none;
  border: none;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_x.svg");
  background-size: 9px 9px;
  background-repeat: no-repeat;
  background-position: center center;
}
body[dir="RTL"] #alerts .alert .alert-box {
  direction: ltr;
}
body[dir="RTL"] #alerts .alert .alert-box .message {
  direction: rtl;
}
.anchortag {
  position: relative;
  height: 0;
}
.attestation button.action {
  background: #000000;
  margin: 20px 0;
  transition: opacity 0.6s ease-out;
}
.attestation button.action:first-child {
  margin-top: 0;
}
.attestation button.action.notrans {
  transition: none;
}
.attestation button.action.disabled {
  opacity: 0;
}
.attestation button.action.clicked {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.attestation button.action:hover, .attestation button.action:active, .attestation button.action.focus, .attestation button.action:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
.attestation .attest {
  display: none;
  position: relative;
  padding: 20px 0;
  font-size: 18px;
}
.attestation .attest.active {
  display: block;
}
.AudioTranscript {
  align-items: center;
  background: #EFEFEF;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 26px;
  justify-content: center;
  margin: 0 4px;
  pointer-events: auto;
  width: 25px;
}
.branching-summary {
  margin-bottom: 0 !important;
}
.branching-summary .bs-review-btns {
  position: relative;
  margin: 20px -5px 0 -5px;
}
.branching-summary .bs-review-btns .btn {
  margin: 5px;
}
.branching-summary .bs-summary {
  margin: 0 -5rem;
}
.branching-summary .bs-summary .bs-title, .branching-summary .bs-summary .bs-review-btns, .branching-summary .bs-summary .bs-feedback {
  padding-left: 80px !important;
  padding-right: 80px !important;
  text-align: center;
}
.branching-summary .bs-summary .bs-percent {
  position: relative;
  height: 250px;
  width: 250px;
  text-align: center;
  margin: 0 auto;
}
.branching-summary .bs-summary .bs-percent .bs-percent-num {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  font-weight: bold;
  line-height: 120%;
  transform: translate(-50%, -50%);
}
.branching-summary .bs-summary .bs-title {
  margin-top: 20px;
  margin-bottom: 0;
}
.branching-summary .bs-summary .bs-feedback {
  margin-top: 12px;
}
.branching-summary .bs-summary .bs-stats-fdbk {
  margin-top: 35px;
  padding-bottom: 25px;
  background-color: rgba(230, 230, 230, 0.7);
}
.branching-summary .bs-summary .bs-stats-fdbk .bs-row {
  position: relative;
  padding: 30px 40px !important;
}
.branching-summary .bs-summary .bs-stats-fdbk .bs-row .bs-col:last-of-type .component {
  margin-bottom: 0 !important;
}
.branching-summary .bs-summary .bs-stats-fdbk .bs-row .bs-col.horizontal:first-of-type {
  padding-right: 1.25rem !important;
}
.branching-summary .bs-summary .bs-stats-fdbk .bs-row .bs-col.horizontal:last-of-type {
  padding-left: 1.25rem !important;
}
.branching-summary .bs-summary .bs-stats-fdbk .bs-row .bs-col.horizontal .component {
  margin-bottom: 0 !important;
}
.branching-summary .bs-summary .bs-stats-fdbk .bs-stats {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.branching-summary .bs-summary .bs-stats-fdbk .bs-stats li {
  display: inline-block;
  margin: 25px;
  text-align: center;
}
.branching-summary .bs-summary .bs-stats-fdbk .bs-stats li .value {
  display: block;
  clear: both;
  font-size: 24px;
  font-weight: bold;
}
body[dir="RTL"] .branching-summary .bs-summary .bs-stats-fdbk .bs-row {
  direction: ltr;
}
body[dir="RTL"] .branching-summary .bs-summary .bs-stats-fdbk .bs-row .bs-col.horizontal {
  direction: rtl;
}
body[dir="RTL"] .branching-summary .bs-summary .bs-stats-fdbk .bs-stats {
  direction: ltr;
}
body[dir="RTL"] .branching-summary .bs-summary .bs-stats-fdbk .bs-stats li {
  direction: rtl;
}
@media (min-width: 768px) {
  .md-phone .branching-summary .bs-summary, .md-phone body[dir="RTL"] .branching-summary .bs-summary {
    margin: 0 -40px;
  }
}
@media (max-width: 767px) {
  .branching-summary .bs-summary, body[dir="RTL"] .branching-summary .bs-summary {
    margin: 0 !important;
  }
  .branching-summary .bs-summary .bs-title, body[dir="RTL"] .branching-summary .bs-summary .bs-title {
    font-size: 28px;
  }
  .branching-summary .bs-summary .bs-stats-fdbk .bs-row, body[dir="RTL"] .branching-summary .bs-summary .bs-stats-fdbk .bs-row {
    padding-bottom: 0 !important;
  }
  .branching-summary .bs-summary .bs-stats-fdbk .bs-row .bs-col.horizontal:first-of-type, body[dir="RTL"] .branching-summary .bs-summary .bs-stats-fdbk .bs-row .bs-col.horizontal:first-of-type {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .branching-summary .bs-summary .bs-stats-fdbk .bs-row .bs-col.horizontal:last-of-type, body[dir="RTL"] .branching-summary .bs-summary .bs-stats-fdbk .bs-row .bs-col.horizontal:last-of-type {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .branching-summary .bs-summary .bs-stats-fdbk .bs-row .bs-col:first-of-type, body[dir="RTL"] .branching-summary .bs-summary .bs-stats-fdbk .bs-row .bs-col:first-of-type {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .branching-summary .bs-summary .bs-stats-fdbk .bs-row .bs-col:first-of-type .component, body[dir="RTL"] .branching-summary .bs-summary .bs-stats-fdbk .bs-row .bs-col:first-of-type .component {
    margin-bottom: 20px !important;
  }
  .branching-summary .bs-summary .bs-stats-fdbk .bs-row .bs-col:last-of-type, body[dir="RTL"] .branching-summary .bs-summary .bs-stats-fdbk .bs-row .bs-col:last-of-type {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .branching-summary .bs-summary .bs-stats-fdbk .bs-row .bs-col:last-of-type .component, body[dir="RTL"] .branching-summary .bs-summary .bs-stats-fdbk .bs-row .bs-col:last-of-type .component {
    margin-bottom: 0 !important;
  }
  .branching-summary .bs-summary .bs-stats-fdbk .bs-stats li .desc, body[dir="RTL"] .branching-summary .bs-summary .bs-stats-fdbk .bs-stats li .desc {
    font-size: 12px;
  }
  .branching-summary .bs-summary .bs-stats-fdbk .bs-stats li .value, body[dir="RTL"] .branching-summary .bs-summary .bs-stats-fdbk .bs-stats li .value {
    font-size: 20px;
  }
  .branching-summary .bs-review-btns, body[dir="RTL"] .branching-summary .bs-review-btns {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.btn-gen-wrapper {
  display: flex;
  position: relative;
  justify-content: flex-start;
  text-align: center;
}
.btn-gen-wrapper .btn-gen {
  cursor: pointer;
  border-radius: 5px;
  border-color: #ffffff;
  border-radius: 5px;
  border-style: solid;
  border-width: 2px;
  color: #ffffff;
  letter-spacing: 2px;
  line-height: 120%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
  font-family: [BTNGENFONTFAMILY];
  font-weight: normal;
  user-select: none;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.btn-gen-wrapper .btn-gen.hide {
  display: none;
}
.btn-gen-wrapper .btn-gen.disable {
  pointer-events: none;
  opacity: 0.5;
}
.btn-gen-wrapper .btn-gen.review {
  opacity: 0.5;
}
.btn-gen-wrapper .btn-gen .btn-gen-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #333;
}
.btn-gen-wrapper .btn-gen .btn-gen-title {
  position: relative;
  z-index: 1;
}
.btn-gen-wrapper .btn-gen:hover .btn-gen-bg, .btn-gen-wrapper .btn-gen:focus .btn-gen-bg {
  background: #333;
}
@media (max-width: 767px) {
  .btn-gen-wrapper .btn-gen {
    font-size: 12px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
.catmatching {
  overflow: visible;
}
.catmatching .catmatch-col.col-xs-6 {
  flex-basis: calc(50% - 16px);
  max-width: calc(50% - 16px);
}
.catmatching .dropmatch-col.col-xs-6 {
  flex-basis: calc(50% + 16px);
  max-width: calc(50% + 16px);
}
.catmatching .col-xs-4 {
  flex-basis: calc(33.33333333% - 16px);
  max-width: calc(33.33333333% - 16px);
}
.catmatching .col-xs-8 {
  flex-basis: calc(66.66666667% + 16px);
  max-width: calc(66.66666667% + 16px);
}
.catmatching .col-xs-3 {
  flex-basis: calc(25% - 16px);
  max-width: calc(25% - 16px);
}
.catmatching .col-xs-9 {
  flex-basis: calc(75% + 16px);
  max-width: calc(75% + 16px);
}
.catmatching .col-xs-20 {
  flex-basis: calc(20% - 16px);
  max-width: calc(20% - 16px);
}
.catmatching .col-xs-80 {
  flex-basis: calc(80% + 16px);
  max-width: calc(80% + 16px);
}
.catmatching .col-xs-2 {
  flex-basis: calc(16.66666667% - 16px);
  max-width: calc(16.66666667% - 16px);
}
.catmatching .col-xs-10 {
  flex-basis: calc(83.33333333% + 16px);
  max-width: calc(83.33333333% + 16px);
}
.catmatching .col-sm-20 {
  flex-basis: 20%;
  max-width: 20%;
}
.catmatching .dragdrop-title {
  position: relative;
  margin: 0;
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
  font-family: "Caveat", handwriting;
  font-weight: bold;
  line-height: 110%;
}
.catmatching .dropmatch-col {
  position: relative;
}
.catmatching .catmatch-drop-cont {
  position: relative;
  width: 100%;
  padding: 10px 5px;
  transition: transform 0.5s ease;
  will-change: transform;
  backface-visibilty: hidden;
  box-sizing: border-box;
}
.catmatching .catmatch-drop-cont.ratio1 {
  padding-top: calc(100% - 4px);
}
.catmatching .catmatch-drop-cont.ratio2 {
  padding-top: calc(75% - 4px);
}
.catmatching .catmatch-drop-cont.ratio3 {
  padding-top: calc(56.25% - 4px);
}
.catmatching .catmatch-drop-cont .catmatch-drop {
  position: relative;
}
.catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone {
  position: relative;
  padding: 8px !important;
}
.catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent {
  border: 2px dotted #737373;
  box-sizing: border-box;
  display: none;
  height: 129px;
  margin-top: 25px;
  min-height: 129px;
  position: relative;
  transition: border 0.3s, transform 0.3s;
}
.catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent.ratio1, .catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent.ratio2, .catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent.ratio3 {
  height: auto;
  min-height: auto;
}
.catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent.ratio1 .catmatch-drag-cont .catmatch-drag, .catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent.ratio2 .catmatch-drag-cont .catmatch-drag, .catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent.ratio3 .catmatch-drag-cont .catmatch-drag {
  height: 100%;
}
.catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent.ratio1 {
  padding-top: calc(100% - 4px);
}
.catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent.ratio2 {
  padding-top: calc(75% - 4px);
}
.catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent.ratio3 {
  padding-top: calc(56.25% - 4px);
}
.catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent.active {
  display: block;
}
.catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent.hover {
  transform: scale(1.1, 1.1);
}
.catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent .catmatch-drag-cont {
  opacity: 0;
  height: 100%;
}
.catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent .catmatch-drag-cont:before {
  content: none;
}
.catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent .catmatch-drag-cont.answered {
  opacity: 1;
}
.catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent .catmatch-drag-cont.answered .catmatch-drag {
  transition: width 0.3s, height 0.3s, padding 0.3s, transform 0.3s;
}
.catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent .catmatch-drag-cont.answered.correct .fdbk, .catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent .catmatch-drag-cont.answered.incorrect .fdbk, .catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent .catmatch-drag-cont.answered.incorrectFinal .fdbk {
  opacity: 1;
}
.catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent .catmatch-drag-cont .fdbk {
  opacity: 0;
}
.catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent .catmatch-drag-cont .fdbk .fdbk-txt {
  display: none;
}
.catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent .catmatch-drag-cont.correct .fdbk-txt-correct {
  display: block;
}
.catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent .catmatch-drag-cont.incorrect .fdbk-txt-incorrect {
  display: block;
}
.catmatching .catmatch-drop-cont .catmatch-drop .catmatch-dropzone .catmatch-dropcontent .catmatch-drag-cont.incorrectFinal .fdbk-txt-incorrect-final {
  display: block !important;
}
.catmatching .catmatch-drop-cont .catmatch-dropzone-minheight {
  min-height: 125px;
}
.catmatching .catmatch-drop-cont .catmatch-dropzone-q-cont {
  display: flex;
}
.catmatching .catmatch-drop-cont .catmatch-dropzone-q {
  display: flex;
  flex: 1;
  position: relative;
  height: 100%;
  justify-self: center;
  align-self: center;
  margin: 0 8px;
  background: #000000;
  text-align: center;
}
.catmatching .catmatch-drop-cont .catmatch-dropzone-q .drop-bg-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.catmatching .catmatch-drop-cont .catmatch-dropzone-q .drop-bg-cont .drop-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.catmatching .catmatch-drop-cont .catmatch-dropzone-q .drop-bg-cont .drop-bg .gradient {
  height: 100%;
}
.catmatching .catmatch-drop-cont .catmatch-dropzone-q .drop-bg-cont .drop-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 102%;
  min-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
.catmatching .catmatch-drop-cont .catmatch-dropzone-q .catmatch-dropzone-q-title {
  box-sizing: border-box;
  display: inline-flex;
  font-weight: bold;
  line-height: 120%;
  padding: 7px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.catmatching .catmatch-drop-cont .catmatch-dropzone-q .catmatch-dropzone-q-title {
  word-break: break-word;
  overflow-wrap: break-word;
}
.catmatching .catmatch-drop-cont .catmatch-dropzone-q .catmatch-dropzone-q-title.catmatch-titlealign-left {
  align-self: flex-start;
}
.catmatching .catmatch-drop-cont .catmatch-dropzone-q .catmatch-dropzone-q-title.catmatch-titlealign-center {
  align-self: center;
}
.catmatching .catmatch-drop-cont .catmatch-dropzone-q .catmatch-dropzone-q-title.catmatch-titlealign-bottom {
  align-self: flex-end;
}
.catmatching .catmatch-drag-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@keyframes fadeFdbkOut {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.catmatching .catmatch-drag-cont:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  border: 2px dotted #737373;
}
.catmatching .catmatch-drag-cont .catmatch-drag {
  position: relative;
  height: 125px;
}
.catmatching .catmatch-drag-cont .catmatch-drag.ratio1, .catmatching .catmatch-drag-cont .catmatch-drag.ratio2, .catmatching .catmatch-drag-cont .catmatch-drag.ratio3 {
  height: auto;
}
.catmatching .catmatch-drag-cont .catmatch-drag.ratio1 .scale, .catmatching .catmatch-drag-cont .catmatch-drag.ratio2 .scale, .catmatching .catmatch-drag-cont .catmatch-drag.ratio3 .scale {
  position: absolute;
  top: 0;
  left: 0;
}
.catmatching .catmatch-drag-cont .catmatch-drag.ratio1 {
  padding-top: calc(100% - 4px);
}
.catmatching .catmatch-drag-cont .catmatch-drag.ratio2 {
  padding-top: calc(75% - 4px);
}
.catmatching .catmatch-drag-cont .catmatch-drag.ratio3 {
  padding-top: calc(56.25% - 4px);
}
.catmatching .catmatch-drag-cont .catmatch-drag .scale {
  width: 100%;
  height: 100%;
  position: relative;
}
.catmatching .catmatch-drag-cont .catmatch-drag .component {
  height: 100%;
}
.catmatching .catmatch-drag-cont .catmatch-drag .component .media-frame {
  height: 100%;
}
.catmatching .catmatch-drag-cont .catmatch-drag .component .media-frame .caption {
  display: none;
}
.catmatching .catmatch-drag-cont .catmatch-drag .component .media-frame .fpo {
  height: 100%;
  padding-top: 0;
}
.catmatching .catmatch-drag-cont .catmatch-drag .component .media-frame .fpo:after {
  font-size: 40px;
}
.catmatching .catmatch-drag-cont .catmatch-drag .component .media-frame .pullquote {
  height: 100%;
  display: flex;
  align-items: center;
}
.catmatching .catmatch-drag-cont .catmatch-drag .component .media-frame .pullquote h4 {
  margin: 0;
  padding: 0 12px;
}
.catmatching .catmatch-drag-cont .catmatch-drag .component.text {
  display: flex;
  justify-content: center;
}
.catmatching .catmatch-drag-cont .catmatch-drag .component.text .body-copy {
  padding: 0 12px;
  display: flex;
  align-self: center;
  text-align: center;
}
.catmatching .catmatch-drag-cont .catmatch-drag .drag-comp {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.catmatching .catmatch-drag-cont .catmatch-drag .drag-comp .dragtitle-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 6px;
  line-height: 100%;
  font-family: "Caveat", handwriting;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  background-color: #737373;
  backface-visibility: hidden;
}
.catmatching .catmatch-drag-cont .catmatch-drag .drag-comp .dragtitle-overlay.align-top {
  bottom: auto;
  top: 0;
}
.catmatching .catmatch-drag-cont .catmatch-drag .drag-comp .dragtitle-overlay.align-center {
  bottom: auto;
  top: 50%;
  transform: translate(0, -50%);
}
.catmatching .catmatch-drag-cont .catmatch-drag .component {
  margin-bottom: 0 !important;
}
.catmatching .catmatch-drag-cont .catmatch-drag .component * {
  user-select: none;
}
.catmatching .catmatch-drag-cont .catmatch-drag .component .media-frame .poster-zoom button {
  display: none;
}
.catmatching .catmatch-drag-cont .catmatch-drag .drag-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.catmatching .catmatch-drag-cont .catmatch-drag .drag-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 102%;
  min-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
.catmatching .catmatch-drag-cont .catmatch-drag .drag-bg .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.catmatching .catmatch-drop-cont .catmatch-drag-cont .drag-comp {
  display: none;
}
.catmatching .catmatch-drop-cont .catmatch-drag-cont.answered .drag-comp.active {
  display: block;
}
.catmatching .catmatch-drop-cont .catmatch-drag-cont.answered .catmatch-drag .scale .fdbk-cont {
  animation: none;
  display: none;
  opacity: 0;
}
.catmatching .catmatch-drop-cont .catmatch-drag-cont.answered .catmatch-drag .scale .fdbk-cont .fdbk {
  transform: none;
}
.catmatching .catmatch-drop-cont .catmatch-drag-cont.answered.active .catmatch-drag .scale .fdbk-cont {
  display: block;
  opacity: 1;
  animation: fadeFdbkOut 5s forwards ease-in-out;
}
.catmatching .catmatch-drop-cont .catmatch-drag-cont.answered:not(.active) .catmatch-drag.hover .scale .fdbk-cont {
  display: block;
  animation: none;
  opacity: 1;
}
.catmatching .catmatch-drop-cont .catmatch-drag-cont .catmatch-drag .scale .fdbk-cont {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.catmatching .catmatch-drop-cont .catmatch-drag-cont .catmatch-drag .scale .fdbk-cont .fdbk {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  background: rgba(98, 99, 98, 0.9);
  transition: opacity 0.5s 5s ease-in-out !important;
}
.catmatching .catmatch-drop-cont .catmatch-drag-cont .catmatch-drag .scale .fdbk-cont .fdbk .fdbk-txt {
  position: relative;
  padding: 0 12px;
  font-size: 80%;
  line-height: 130%;
}
.catmatching .catmatch-col {
  z-index: 2;
}
.catmatching .catmatch-col.disabled .catmatch-drag-cont .catmatch-drag {
  cursor: default;
}
.catmatching .catmatch-col.disabled .catmatch-drag-cont .catmatch-drag .scale:before {
  content: none;
}
.catmatching .catmatch-col.flipped .catmatch-drag-cont {
  margin-right: 5px;
  margin-left: 0;
}
.catmatching .catmatch-col.rotated .catmatch-drag-cont:nth-child(even) .scale {
  transform: rotate(1deg);
}
.catmatching .catmatch-col.rotated .catmatch-drag-cont:nth-child(odd) .scale {
  transform: rotate(-1deg);
}
.catmatching .catmatch-col .catmatch-drag-slide-entry {
  position: relative;
}
.catmatching .catmatch-col .catmatch-drag-slide-entry .catmatch-dragcont {
  height: 150px;
  position: relative;
}
.catmatching .catmatch-col .catmatch-drag-slide-entry .catmatch-slide {
  position: relative;
  transition: transform 0.5s ease-in-out;
}
.catmatching .catmatch-col .catmatch-drag-slide-entry .catmatch-slide.ratio1 .catmatch-dragcont {
  height: auto;
  padding-top: 100%;
}
.catmatching .catmatch-col .catmatch-drag-slide-entry .catmatch-slide.ratio2 .catmatch-dragcont {
  height: auto;
  padding-top: 75%;
}
.catmatching .catmatch-col .catmatch-drag-slide-entry .catmatch-slide.ratio3 .catmatch-dragcont {
  height: auto;
  padding-top: 56.25%;
}
.catmatching .catmatch-col .catmatch-drag-slide-entry .catmatch-remaining {
  margin: 30px 30px 12px 30px;
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 2px solid #737373;
  font-size: 18px;
  font-family: "Caveat", handwriting;
  line-height: 130%;
  border-bottom: 2px solid #626362;
  direction: ltr;
}
.catmatching .catmatch-col .catmatch-drag-slide-entry .catmatch-remaining span {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}
.catmatching .catmatch-col .catmatch-drag-slide-entry .catmatch-remaining span.catmatch-count {
  padding-left: 10px;
  font-size: 36px;
  font-weight: bold;
}
.catmatching .catmatch-col .catmatch-drag-cont {
  margin-left: 5px;
  margin-top: 12px;
  padding-bottom: 2px;
  pointer-events: none;
}
.catmatching .catmatch-col .catmatch-drag-cont.p-events {
  pointer-events: auto;
}
.catmatching .catmatch-col .catmatch-drag-cont.correct {
  display: none;
}
.catmatching .catmatch-col .catmatch-drag-cont.incorrect, .catmatching .catmatch-col .catmatch-drag-cont.incorrectFinal {
  z-index: 1;
}
.catmatching .catmatch-col .catmatch-drag-cont.incorrect .catmatch-drag .scale:before, .catmatching .catmatch-col .catmatch-drag-cont.incorrectFinal .catmatch-drag .scale:before {
  content: none;
}
.catmatching .catmatch-col .catmatch-drag-cont.incorrect .catmatch-drag .scale .fdbk-cont, .catmatching .catmatch-col .catmatch-drag-cont.incorrectFinal .catmatch-drag .scale .fdbk-cont {
  animation: none;
  opacity: 0;
}
.catmatching .catmatch-col .catmatch-drag-cont.incorrect.active .catmatch-drag .scale .fdbk-cont, .catmatching .catmatch-col .catmatch-drag-cont.incorrectFinal.active .catmatch-drag .scale .fdbk-cont {
  display: block;
  animation: fadeFdbkOut 5s forwards ease-in-out;
}
.catmatching .catmatch-col .catmatch-drag-cont.incorrect:not(.active) .catmatch-drag.hover .scale .fdbk-cont, .catmatching .catmatch-col .catmatch-drag-cont.incorrectFinal:not(.active) .catmatch-drag.hover .scale .fdbk-cont {
  display: block;
  animation: none;
  opacity: 1;
}
.catmatching .catmatch-col .catmatch-drag-cont:not(.incorrect):not(.incorrectFinal):hover:not(.not-dragging), .catmatching .catmatch-col .catmatch-drag-cont.dragging:not(.not-dragging) {
  z-index: 3;
}
.catmatching .catmatch-col .catmatch-drag-cont .catmatch-drag {
  cursor: move;
}
.catmatching .catmatch-col .catmatch-drag-cont .catmatch-drag .scale:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.3s;
}
.catmatching .catmatch-col .catmatch-drag-cont .catmatch-drag .scale.hover:before {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.catmatching .catmatch-col .catmatch-drag-cont .catmatch-drag .scale .drag-comp {
  transition: opacity 0.3s ease-in-out;
}
.catmatching .catmatch-col .catmatch-drag-cont .catmatch-drag .scale .fdbk-cont {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.catmatching .catmatch-col .catmatch-drag-cont .catmatch-drag .scale .fdbk-cont .fdbk {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  background: rgba(98, 99, 98, 0.9);
  transition: opacity 0.5s 5s ease-in-out !important;
}
.catmatching .catmatch-col .catmatch-drag-cont .catmatch-drag .scale .fdbk-cont .fdbk .fdbk-txt {
  position: relative;
  padding: 0 12px;
  font-size: 80%;
}
.catmatching .catmatch-col .catmatch-drag-cont .catmatch-drag:not(.react-draggable-dragging) {
  transition: all 0.5s;
}
.catmatching .catmatch-col .catmatch-drag-cont .catmatch-drag.react-draggable-dragging {
  position: relative;
  z-index: 4;
}
.catmatching .catmatch-col .catmatch-drag-cont .catmatch-drag.react-draggable-dragging .component {
  animation: removePE 0.4s forwards;
}
.catmatching .catmatch-col .catmatch-drag-cont .catmatch-drag.react-draggable-dragging .component.text, .catmatching .catmatch-col .catmatch-drag-cont .catmatch-drag.react-draggable-dragging .component.pullquote {
  backface-visibility: visible;
}
.catmatching .catmatch-col .catmatch-drag-cont .catmatch-drag.react-draggable-dragging .scale {
  transform: scale(1.1, 1.1);
}
@keyframes removePE {
  100% {
    pointer-events: none;
    user-select: none;
  }
}
.catmatching .catmatch-col .catmatch-drag-cont .catmatch-drag .catmatch-btn-cont {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.catmatching .catmatch-col .catmatch-drag-cont .catmatch-drag .catmatch-btn-cont.active {
  display: flex;
  padding: 6px;
  box-sizing: border-box;
}
.catmatching .dragmedia-btn-cont {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 20px;
}
.catmatching .dragmedia-btn-cont.disabled {
  pointer-events: none;
  cursor: pointer;
  opacity: 0.5;
}
.catmatching .dragmedia-btn-cont button.action:hover, .catmatching .dragmedia-btn-cont button.action:active, .catmatching .dragmedia-btn-cont button.action.focus, .catmatching .dragmedia-btn-cont button.action:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
@media (max-width: 767px) {
  .catmatching .dragdrop-title {
    max-height: 30px;
    padding-left: 4px;
    padding-right: 4px;
    width: calc(100% - 8px);
  }
  .catmatching .dragdrop-title {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .catmatching .dropmatch-col {
    width: 100%;
    height: 100%;
    min-height: 0;
    flex-basis: 100%;
    min-width: 100%;
  }
  .catmatching .dropmatch-col .catmatch-drop-cont .drop-col1, .catmatching .dropmatch-col .catmatch-drop-cont .drop-col2, .catmatching .dropmatch-col .catmatch-drop-cont .drop-col3, .catmatching .dropmatch-col .catmatch-drop-cont .drop-col4, .catmatching .dropmatch-col .catmatch-drop-cont .drop-col5, .catmatching .dropmatch-col .catmatch-drop-cont .drop-title-col11, .catmatching .dropmatch-col .catmatch-drop-cont .drop-title-col10, .catmatching .dropmatch-col .catmatch-drop-cont .drop-title-col9, .catmatching .dropmatch-col .catmatch-drop-cont .drop-title-col8, .catmatching .dropmatch-col .catmatch-drop-cont .drop-title-col7 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .catmatching .dropmatch-col .catmatch-drop-cont .catmatch-dropzone {
    min-width: 100%;
    padding-top: 25px !important;
    padding-bottom: 5px !important;
    cursor: pointer;
  }
  .catmatching .dropmatch-col .catmatch-drop-cont .catmatch-dropzone:first-child {
    padding-top: 0 !important;
  }
  .catmatching .dropmatch-col .catmatch-drop-cont .catmatch-dropzone .catmatch-dropcontent {
    margin-top: 10px;
  }
  .catmatching .dropmatch-col .catmatch-drop-cont .catmatch-dropzone .catmatch-dropcontent.hover {
    transform: scale(1.03, 1.03);
  }
  .catmatching .dropmatch-col .catmatch-drop-cont .catmatch-dropzone-q {
    display: block;
    height: auto;
    padding-top: 0 !important;
    margin: 0;
    width: 100%;
  }
  .catmatching .dropmatch-col .catmatch-drop-cont .catmatch-dropzone-q .catmatch-dropzone-q-title {
    width: auto;
  }
  .catmatching .catmatch-row {
    position: relative;
  }
  .catmatching .catmatch-col {
    position: absolute;
    top: 0;
    right: 0;
    flex-basis: 50%;
    height: 100%;
    transition: transform 0.5s ease-in-out;
    transform: translate(50%, 0);
    z-index: 1;
    min-width: calc(100% + 20px);
    pointer-events: none;
  }
  .catmatching .catmatch-col.forceClose {
    transform: translate(50%, 0) !important;
    pointer-events: none;
  }
  .catmatching .catmatch-col.forceClose * {
    pointer-events: none;
  }
  .catmatching .catmatch-col.forceClose .catmatch-handle:before {
    transform: translate(-50%, -50%) rotate(-90deg) !important;
  }
  .catmatching .catmatch-col.forceClose.light-ui .catmatch-handle:before {
    transform: translate(-50%, -50%) rotate(180deg) !important;
  }
  .catmatching .catmatch-col.disabled {
    visibility: hidden;
  }
  .catmatching .catmatch-col.inactive {
    transition: none;
    pointer-events: none;
  }
  .catmatching .catmatch-col.inactive * {
    pointer-events: none;
  }
  .catmatching .catmatch-col.active, .catmatching .catmatch-col.inactive {
    transform: translate(0, 0);
    pointer-events: auto;
  }
  .catmatching .catmatch-col.active .catmatch-drag-slide-bg, .catmatching .catmatch-col.active .dragdrop-title, .catmatching .catmatch-col.active .catmatch-remaining, .catmatching .catmatch-col.active .catmatch-drag-cont, .catmatching .catmatch-col.inactive .catmatch-drag-slide-bg, .catmatching .catmatch-col.inactive .dragdrop-title, .catmatching .catmatch-col.inactive .catmatch-remaining, .catmatching .catmatch-col.inactive .catmatch-drag-cont {
    transition: transform 0.5s ease-in-out;
  }
  .catmatching .catmatch-col.active .catmatch-drag-slide-bg:before, .catmatching .catmatch-col.active .dragdrop-title:before, .catmatching .catmatch-col.active .catmatch-remaining:before, .catmatching .catmatch-col.active .catmatch-drag-cont:before, .catmatching .catmatch-col.inactive .catmatch-drag-slide-bg:before, .catmatching .catmatch-col.inactive .dragdrop-title:before, .catmatching .catmatch-col.inactive .catmatch-remaining:before, .catmatching .catmatch-col.inactive .catmatch-drag-cont:before {
    transition: transform 0.5s ease-in-out;
  }
  .catmatching .catmatch-col.active.dragging .catmatch-drag-slide-bg, .catmatching .catmatch-col.inactive.dragging .catmatch-drag-slide-bg {
    transform: translateX(50%);
  }
  .catmatching .catmatch-col.active.dragging .dragdrop-title, .catmatching .catmatch-col.active.dragging .catmatch-drag-cont.not-dragging, .catmatching .catmatch-col.active.dragging .catmatch-remaining, .catmatching .catmatch-col.active.dragging .catmatch-drag-cont.dragging:before, .catmatching .catmatch-col.inactive.dragging .dragdrop-title, .catmatching .catmatch-col.inactive.dragging .catmatch-drag-cont.not-dragging, .catmatching .catmatch-col.inactive.dragging .catmatch-remaining, .catmatching .catmatch-col.inactive.dragging .catmatch-drag-cont.dragging:before {
    transform: translateX(50%) translateX(30px);
  }
  .catmatching .catmatch-col.active.dragging.mobile .dragdrop-title, .catmatching .catmatch-col.active.dragging .catmatch-drag-cont.not-dragging, .catmatching .catmatch-col.active.dragging .dragdrop-title, .catmatching .catmatch-col.active.dragging .catmatch-remaining, .catmatching .catmatch-col.active.dragging .catmatch-drag-cont.dragging:before, .catmatching .catmatch-col.inactive.dragging.mobile .dragdrop-title, .catmatching .catmatch-col.inactive.dragging .catmatch-drag-cont.not-dragging, .catmatching .catmatch-col.inactive.dragging .dragdrop-title, .catmatching .catmatch-col.inactive.dragging .catmatch-remaining, .catmatching .catmatch-col.inactive.dragging .catmatch-drag-cont.dragging:before {
    transform: translateX(50%) translateX(20px);
  }
  .catmatching .catmatch-col.active.dragging .catmatch-drag-slide .catmatch-drag-slide-entry, .catmatching .catmatch-col.inactive.dragging .catmatch-drag-slide .catmatch-drag-slide-entry {
    z-index: 1;
  }
  .catmatching .catmatch-col.active .catmatch-drag-slide .catmatch-drag-slide-entry, .catmatching .catmatch-col.inactive .catmatch-drag-slide .catmatch-drag-slide-entry {
    visibility: visible;
  }
  .catmatching .catmatch-col.active .catmatch-handle:before, .catmatching .catmatch-col.inactive .catmatch-handle:before {
    transform: translate(-50%, -50%) rotate(-270deg);
  }
  .catmatching .catmatch-col.active.light-ui .catmatch-handle:before, .catmatching .catmatch-col.inactive.light-ui .catmatch-handle:before {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  .catmatching .catmatch-col .catmatch-handle {
    position: absolute;
    top: 50%;
    width: 68px;
    height: 34px;
    left: 0;
    cursor: pointer;
    background: #333333;
    border-radius: 17px 0 0 17px;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.7);
    clip: rect(-20px 35px 60px -20px);
    pointer-events: auto;
    transition: top 0.3s ease-in-out;
    will-change: top;
    z-index: 1;
  }
  .catmatching .catmatch-col .catmatch-handle.dropZ {
    z-index: 0;
  }
  .catmatching .catmatch-col .catmatch-handle:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 25%;
    width: 15px;
    height: 15px;
    transition: transform 0.5s ease-in-out;
    transform: translate(-50%, -50%) rotate(-90deg);
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrow_up_white.svg");
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .catmatching .catmatch-col .dragdrop-title {
    color: #fff;
  }
  .catmatching .catmatch-col.light-ui .dragdrop-title {
    color: inherit;
  }
  .catmatching .catmatch-col.light-ui .catmatch-handle {
    background: #df1959;
  }
  .catmatching .catmatch-col.light-ui .catmatch-handle:before {
    transform: translate(-50%, -50%) rotate(180deg);
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrow_next_gray.svg");
  }
  .catmatching .catmatch-col.light-ui .catmatch-drag-slide .catmatch-drag-slide-bg {
    background: #df1959;
    backface-visibility: hidden;
  }
  .catmatching .catmatch-col.light-ui .catmatch-drag-slide .component .pullquote h4 {
    color: inherit;
  }
  .catmatching .catmatch-col.light-ui .catmatch-drag-slide .component.text .body-copy {
    color: inherit;
  }
  .catmatching .catmatch-col.light-ui .catmatch-drag-slide .component .caption {
    color: inherit;
  }
  .catmatching .catmatch-col:not(.light-ui) .catmatch-drag-slide .catmatch-remaining {
    border-bottom-color: #fff;
  }
  .catmatching .catmatch-col:not(.light-ui) .catmatch-drag-slide .catmatch-remaining span {
    color: #fff;
  }
  .catmatching .catmatch-col .catmatch-drag-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
  }
  .catmatching .catmatch-col .catmatch-drag-slide .catmatch-drag-slide-bg {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    background: #333333;
    box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.7);
  }
  .catmatching .catmatch-col .catmatch-drag-slide .catmatch-drag-slide-entry {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 100%;
    top: 0;
    right: 0;
    backface-visibility: hidden;
    transform: translateZ(0);
    visibility: hidden;
    transition: visibility 0.5s ease-in-out;
    padding: 0 20px;
    padding-left: calc(50% + 20px) !important;
    box-sizing: border-box;
  }
  .catmatching .catmatch-col .catmatch-drag-slide .catmatch-drag-slide-entry .catmatch-slide {
    transition: transform 0.3s ease-in-out;
  }
  .catmatching .catmatch-col .catmatch-drag-slide .catmatch-drag-slide-entry .catmatch-drag-cont, .catmatching .catmatch-col .catmatch-drag-slide .catmatch-drag-slide-entry .catmatch-remaining {
    margin-left: 0;
    margin-right: 0;
  }
  .catmatching .catmatch-col .catmatch-drag-slide .catmatch-drag-slide-entry .catmatch-drag-cont:before {
    border: none;
  }
  .catmatching .catmatch-col .catmatch-drag-slide .component .pullquote h4 {
    font-size: 80%;
    margin: 4px 0;
  }
  .catmatching .catmatch-col .catmatch-drag-slide .component .pullquote h4 {
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .catmatching .catmatch-col .catmatch-drag-slide .component .fpo:after {
    font-size: 40px;
  }
  .catmatching .catmatch-col .catmatch-drag-slide .component.text .body-copy {
    color: #fff;
  }
  .catmatching .catmatch-col .catmatch-drag-slide .component.text .body-copy {
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .catmatching .catmatch-col .catmatch-drag-slide .component .slideshow .slideshow-animate img {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  .catmatching .catmatch-col .catmatch-drag-slide .component .slideshow .slideshow-animate img.hide {
    opacity: 1 !important;
  }
  .catmatching .catmatch-col .catmatch-drag-slide .component .slideshow .slideshow-btns {
    margin-top: 2px;
  }
  .catmatching .catmatch-col .catmatch-drag-slide .component .slideshow .slideshow-btns li {
    width: 6px;
    height: 14px;
    margin: 0 2px;
  }
  .catmatching .catmatch-col .catmatch-drag-slide .component .slideshow .slideshow-btns li:before {
    width: 6px;
    height: 6px;
  }
  .catmatching .catmatch-col .catmatch-drag-slide .component .before-after .label {
    font-size: 80%;
  }
  .catmatching .catmatch-col.flipped {
    right: auto;
    left: calc(100% + 20px);
    transform: translate(-150%, 0);
    transition: transform 0.5s ease-in-out;
  }
  .catmatching .catmatch-col.flipped.forceClose {
    transform: translate(-150%, 0) !important;
  }
  .catmatching .catmatch-col.flipped.forceClose .catmatch-handle:before {
    transform: translate(-50%, -50%) rotate(-270deg) !important;
  }
  .catmatching .catmatch-col.flipped.forceClose.light-ui .catmatch-handle:before {
    transform: translate(-50%, -50%) rotate(0deg) !important;
  }
  .catmatching .catmatch-col.flipped.active, .catmatching .catmatch-col.flipped.inactive {
    transform: translateX(-100%) translateX(-20px);
  }
  .catmatching .catmatch-col.flipped.active .dragdrop-title, .catmatching .catmatch-col.flipped.active .catmatch-remaining, .catmatching .catmatch-col.flipped.active .catmatch-drag-cont, .catmatching .catmatch-col.flipped.inactive .dragdrop-title, .catmatching .catmatch-col.flipped.inactive .catmatch-remaining, .catmatching .catmatch-col.flipped.inactive .catmatch-drag-cont {
    transition: transform 0.5s ease-in-out;
  }
  .catmatching .catmatch-col.flipped.active .dragdrop-title:before, .catmatching .catmatch-col.flipped.active .catmatch-remaining:before, .catmatching .catmatch-col.flipped.active .catmatch-drag-cont:before, .catmatching .catmatch-col.flipped.inactive .dragdrop-title:before, .catmatching .catmatch-col.flipped.inactive .catmatch-remaining:before, .catmatching .catmatch-col.flipped.inactive .catmatch-drag-cont:before {
    transition: transform 0.5s ease-in-out;
  }
  .catmatching .catmatch-col.flipped.active.dragging .catmatch-drag-slide-bg, .catmatching .catmatch-col.flipped.inactive.dragging .catmatch-drag-slide-bg {
    transform: translateX(-50%) translateX(10px);
  }
  .catmatching .catmatch-col.flipped.active.dragging .dragdrop-title, .catmatching .catmatch-col.flipped.active.dragging .catmatch-drag-cont.not-dragging, .catmatching .catmatch-col.flipped.active.dragging .catmatch-remaining, .catmatching .catmatch-col.flipped.active.dragging .catmatch-drag-cont.dragging:before, .catmatching .catmatch-col.flipped.inactive.dragging .dragdrop-title, .catmatching .catmatch-col.flipped.inactive.dragging .catmatch-drag-cont.not-dragging, .catmatching .catmatch-col.flipped.inactive.dragging .catmatch-remaining, .catmatching .catmatch-col.flipped.inactive.dragging .catmatch-drag-cont.dragging:before {
    transform: translateX(-50%) translateX(-30px);
  }
  .catmatching .catmatch-col.flipped.active.dragging.mobile .dragdrop-title, .catmatching .catmatch-col.flipped.active.dragging .catmatch-drag-cont.not-dragging, .catmatching .catmatch-col.flipped.active.dragging .dragdrop-title, .catmatching .catmatch-col.flipped.active.dragging .catmatch-remaining, .catmatching .catmatch-col.flipped.active.dragging .catmatch-drag-cont.dragging:before, .catmatching .catmatch-col.flipped.inactive.dragging.mobile .dragdrop-title, .catmatching .catmatch-col.flipped.inactive.dragging .catmatch-drag-cont.not-dragging, .catmatching .catmatch-col.flipped.inactive.dragging .dragdrop-title, .catmatching .catmatch-col.flipped.inactive.dragging .catmatch-remaining, .catmatching .catmatch-col.flipped.inactive.dragging .catmatch-drag-cont.dragging:before {
    transform: translateX(-50%) translateX(-20px);
  }
  .catmatching .catmatch-col.flipped.active .catmatch-handle:before, .catmatching .catmatch-col.flipped.inactive .catmatch-handle:before {
    transform: translate(-50%, -50%) rotate(-90deg);
  }
  .catmatching .catmatch-col.flipped.active.light-ui .catmatch-handle:before, .catmatching .catmatch-col.flipped.inactive.light-ui .catmatch-handle:before {
    transform: translate(-50%, -50%) rotate(180deg);
  }
  .catmatching .catmatch-col.flipped:not(.mobile) .catmatch-drag-slide {
    direction: rtl;
  }
  .catmatching .catmatch-col.flipped .catmatch-drag-slide .catmatch-drag-slide-bg {
    margin-left: 0;
    left: 0;
    right: auto;
  }
  .catmatching .catmatch-col.flipped .catmatch-drag-slide .catmatch-drag-slide-entry {
    padding-left: 20px !important;
    padding-right: calc(50% + 20px) !important;
    right: auto;
    left: 20px;
    width: calc(100% - 20px);
  }
  .catmatching .catmatch-col.flipped .catmatch-drag-slide .catmatch-drag-slide-entry .catmatch-drag-cont .scale {
    direction: ltr;
  }
  .catmatching .catmatch-col.flipped .catmatch-handle {
    clip: rect(-20px 84px 60px 33px);
    border-radius: 0 17px 17px 0;
    left: 100%;
  }
  .catmatching .catmatch-col.flipped .catmatch-handle:before {
    left: 75%;
    transform: translate(-50%, -50%) rotate(-270deg);
  }
  .catmatching .catmatch-col.flipped.light-ui .catmatch-handle:before {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  .catmatching.phone .catmatch-col.flipped.active.dragging .catmatch-drag-slide-bg {
    margin-left: 0 !important;
  }
}
body[dir="RTL"] .catmatching .catmatch-col .catmatch-drag-slide {
  direction: ltr;
}
body[dir="RTL"] .catmatching .catmatch-col .catmatch-drag-slide .catmatch-drag-slide-entry .catmatch-drag-cont {
  direction: rtl;
  margin-right: 0;
  margin-left: 5px;
}
body[dir="RTL"] .catmatching .catmatch-col.flipped:not(.mobile) .catmatch-drag-slide {
  direction: rtl;
}
body[dir="RTL"] .catmatching .catmatch-col.flipped .catmatch-drag-slide .catmatch-drag-slide-entry .catmatch-drag-cont {
  margin-right: 5px;
  margin-left: 0;
}
body[dir="RTL"] .catmatching .catmatch-col.flipped .catmatch-drag-slide .catmatch-drag-slide-entry .catmatch-drag-cont .scale {
  direction: ltr;
}
body[dir="RTL"] .catmatching .catmatch-col.flipped .catmatch-drag-slide .catmatch-drag-slide-entry .catmatch-drag-cont .scale .component .pullquote {
  direction: rtl;
}
body[dir="RTL"] .catmatching .dropmatch-col .catmatch-drop-cont .catmatch-titles {
  direction: ltr;
}
body[dir="RTL"] .catmatching .dropmatch-col .catmatch-drop-cont .catmatch-titles .catmatch-dropzone-q-cont {
  direction: rtl;
}
body[dir="RTL"] .catmatching .dropmatch-col .catmatch-drop-cont .catmatch-drop {
  direction: ltr;
}
body[dir="RTL"] .catmatching .dropmatch-col .catmatch-drop-cont .catmatch-drop .catmatch-dropzone {
  direction: rtl;
}
@media (max-width: 767px) {
  body[dir="RTL"] .catmatching .catmatch-col .catmatch-drag-slide .catmatch-drag-slide-entry .catmatch-drag-cont {
    margin-left: 0;
    margin-right: 0;
  }
  body[dir="RTL"] .catmatching .catmatch-col .catmatch-drag-slide .catmatch-drag-slide-entry .catmatch-drag-cont .component.media {
    direction: rtl;
  }
  body[dir="RTL"] .catmatching .catmatch-col .catmatch-drag-slide .catmatch-drag-slide-entry .catmatch-drag-cont .component.media * {
    direction: rtl;
  }
}
.Conversation {
  color: white;
  display: flex;
  min-height: 100%;
  width: 100%;
}
.Conversation .scene-col {
  flex-basis: 60%;
  position: relative;
}
.Conversation .scene-col.conclusion {
  flex-basis: 100%;
}
.Conversation .scene-col .scene-header {
  align-items: center;
  background: black;
  display: flex;
  padding: 30px;
}
.Conversation .scene-col .scene-header h1 {
  flex-basis: 85%;
  margin: 0;
}
.Conversation .scene-col .scene-header .score {
  flex-basis: 15%;
  font-size: 25px;
  text-align: right;
}
.Conversation .scene-col .scene-content {
  position: relative;
}
.Conversation .scene-col .scene-content img {
  display: block;
  width: 100%;
}
.Conversation .scene-col .scene-content .scene-setup {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.Conversation .scene-col .scene-content .scene-setup button {
  bottom: 20px;
  padding: 10px;
  position: absolute;
  right: 20px;
}
.Conversation .scene-col .scene-content .scene-content-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  height: calc(100% - 30px);
  left: 0;
  margin: 15px;
  position: absolute;
  top: 0;
  width: calc(100% - 30px);
}
.Conversation .scene-col .scene-content .scene-content-grid.external {
  display: block;
  margin: 0;
  position: relative;
}
.Conversation .scene-col .scene-content .scene-content-grid.center .scene-content-text {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
}
.Conversation .scene-col .scene-content .scene-content-grid.top .scene-content-text {
  align-items: flex-start;
  grid-row-start: 1;
  grid-row-end: 2;
}
.Conversation .scene-col .scene-content .scene-content-grid.bottom .scene-content-text {
  align-items: flex-end;
  grid-row-start: 3;
}
.Conversation .scene-col .scene-content .scene-content-grid.left .scene-content-text {
  grid-column-start: 1;
  grid-column-end: 2;
}
.Conversation .scene-col .scene-content .scene-content-grid.right .scene-content-text {
  grid-column-start: 3;
}
.Conversation .scene-col .scene-content .scene-content-text {
  align-items: center;
  display: flex;
}
.Conversation .scene-col .scene-content .scene-content-text div {
  padding: 25px;
}
.Conversation .scene-col .scene-content .scene-content-text .dark {
  color: white;
}
.Conversation .scene-col .scene-content .scene-content-text .dark.backdrop {
  background: rgba(0, 0, 0, 0.6);
}
.Conversation .scene-col .scene-content .scene-content-text .light {
  color: black;
}
.Conversation .scene-col .scene-content .scene-content-text .light.backdrop {
  background: rgba(255, 255, 255, 0.6);
}
.Conversation .answer-col {
  background: rgba(0, 0, 0, 0.6);
  flex-basis: 40%;
}
.Conversation .answer-col .question, .Conversation .answer-col .feedback {
  border-bottom: 1px solid #CCC;
  font-size: 20px;
  margin: 0 30px;
  padding: 30px 0;
  text-align: center;
}
.Conversation .answer-col .question {
  font-size: 30px;
}
.Conversation .answer-col .answers {
  padding: 40px 0;
  position: relative;
}
.Conversation .answer-col .answers button {
  background: white;
  border: 2px solid #CCC;
  border-radius: 15px;
  color: #444;
  display: block;
  font-size: 18px;
  margin: 15px auto;
  padding: 20px;
  width: 50%;
}
.Conversation .answer-col .answers button.not-chosen {
  background: black;
  color: white;
  opacity: 0.5;
}
.Conversation .answer-col .answers button.goNext {
  bottom: 0px;
  padding: 5px;
  position: absolute;
  right: 20px;
  width: auto;
}
:root {
  --cubeWidth:300px;
}
.cube {
  box-sizing: border-box;
}
.cube .scene {
  width: 100%;
  height: 0;
  padding-top: 100%;
  position: relative;
}
.cube .scene.type1 {
  perspective: 800px;
}
.cube .scene.type1 .cube-cont.show-front {
  transform: rotateY(0deg);
}
.cube .scene.type1 .cube-cont.show-back {
  transform: rotateY(-90deg) translateX(-100%) rotateY(-90deg) translateX(-50%);
  left: -50%;
}
.cube .scene.type1 .cube-cont.show-left {
  transform: rotateY(90deg) translateX(50%);
  left: 50%;
}
.cube .scene.type1 .cube-cont.show-right {
  transform: rotateY(-90deg) translateX(-50%);
  left: -50%;
}
.cube .scene.type1 .cube-cont.show-top {
  transform: rotateX(-90deg) translateY(50%);
  top: 50%;
}
.cube .scene.type1 .cube-cont.show-bottom {
  transform: rotateX(90deg) translateY(-50%);
  top: -50%;
}
.cube .scene.type1 .cube-cont.ios.show-front {
  transform: rotateY(0deg);
}
.cube .scene.type1 .cube-cont.ios.show-back {
  transform: rotateY(-90.001deg) translateX(-100%) rotateY(-90deg) translateX(-50%);
  left: -50%;
}
.cube .scene.type1 .cube-cont.ios.show-left {
  transform: rotateY(90.001deg) translateX(50%);
  left: 50%;
}
.cube .scene.type1 .cube-cont.ios.show-right {
  transform: rotateY(-90.001deg) translateX(-50%);
  left: -50%;
}
.cube .scene.type1 .cube-cont.ios.show-top {
  transform: rotateX(-90.001deg) translateY(50%);
  top: 50%;
}
.cube .scene.type1 .cube-cont.ios.show-bottom {
  transform: rotateX(90.001deg) translateY(-50%);
  top: -50%;
}
.cube .scene.type1 .cube-cont.ios .cube-face.cb-front {
  transform: rotateY(0deg);
}
.cube .scene.type1 .cube-cont.ios .cube-face.cb-back {
  transform: rotateY(90.001deg) translateX(100%) rotateY(90deg);
  z-index: 1;
}
.cube .scene.type1 .cube-cont.ios .cube-face.cb-left {
  transform: rotateY(-90.001deg) translateX(-50%);
  left: -50%;
}
.cube .scene.type1 .cube-cont.ios .cube-face.cb-right {
  transform: rotateY(90.001deg) translateX(50%);
  left: 50%;
}
.cube .scene.type1 .cube-cont.ios .cube-face.cb-top {
  transform: rotateX(90.001deg) translateY(-50%);
  top: -50%;
}
.cube .scene.type1 .cube-cont.ios .cube-face.cb-bottom {
  transform: rotateX(-90.001deg) translateY(50%);
  top: 50%;
}
.cube .scene.type1 .cube-cont .cube-face.cb-front {
  transform: rotateY(0deg);
}
.cube .scene.type1 .cube-cont .cube-face.cb-back {
  transform: rotateY(90deg) translateX(100%) rotateY(90deg);
  z-index: 1;
}
.cube .scene.type1 .cube-cont .cube-face.cb-left {
  transform: rotateY(-90deg) translateX(-50%);
  left: -50%;
}
.cube .scene.type1 .cube-cont .cube-face.cb-right {
  transform: rotateY(90deg) translateX(50%);
  left: 50%;
}
.cube .scene.type1 .cube-cont .cube-face.cb-top {
  transform: rotateX(90deg) translateY(-50%);
  top: -50%;
}
.cube .scene.type1 .cube-cont .cube-face.cb-bottom {
  transform: rotateX(-90deg) translateY(50%);
  top: 50%;
}
.cube .scene.type2 {
  padding-top: 0;
  width: var(--cubeWidth);
  height: var(--cubeWidth);
  perspective: calc(var(--cubeWidth)*2);
}
.cube .scene.type2 .cube-cont {
  width: 100%;
  height: 100%;
  transform: scale(0.75);
  transform-style: preserve-3d;
  will-change: transform;
}
.cube .scene.type2 .cube-cont.rotateEntry .cube-face.cb-back .cube-entry {
  transform: rotateX(180deg) rotateY(180deg);
}
.cube .scene.type2 .cube-cont .cube-face {
  width: 100%;
  height: 100%;
}
.cube .scene.type2 .cube-cont .cube-face.cb-front {
  transform: translateZ(calc(var(--cubeWidth)/2));
}
.cube .scene.type2 .cube-cont .cube-face.cb-back {
  transform: rotateY(180deg) translateZ(calc(var(--cubeWidth)/2));
}
.cube .scene.type2 .cube-cont .cube-face.cb-left {
  transform: rotateY(-90deg) translateZ(calc(var(--cubeWidth)/2));
}
.cube .scene.type2 .cube-cont .cube-face.cb-right {
  transform: rotateY(90deg) translateZ(calc(var(--cubeWidth)/2));
}
.cube .scene.type2 .cube-cont .cube-face.cb-top {
  transform: rotateX(90deg) translateZ(calc(var(--cubeWidth)/2));
}
.cube .scene.type2 .cube-cont .cube-face.cb-bottom {
  transform: rotateX(-90deg) translateZ(calc(var(--cubeWidth)/2));
}
.cube .scene.type2 .cube-cont .cube-face .cube-entry {
  width: 100%;
  height: 100%;
}
.cube .scene.type2 .cube-cont.ios .cube-face.cb-front {
  transform: translateZ(calc(var(--cubeWidth)/2));
}
.cube .scene.type2 .cube-cont.ios .cube-face.cb-back {
  transform: rotateY(180.001deg) translateZ(calc(var(--cubeWidth)/2));
}
.cube .scene.type2 .cube-cont.ios .cube-face.cb-left {
  transform: rotateY(-90.001deg) translateZ(calc(var(--cubeWidth)/2));
}
.cube .scene.type2 .cube-cont.ios .cube-face.cb-right {
  transform: rotateY(90.001deg) translateZ(calc(var(--cubeWidth)/2));
}
.cube .scene.type2 .cube-cont.ios .cube-face.cb-top {
  transform: rotateX(90.001deg) translateZ(calc(var(--cubeWidth)/2));
}
.cube .scene.type2 .cube-cont.ios .cube-face.cb-bottom {
  transform: rotateX(-90.001deg) translateZ(calc(var(--cubeWidth)/2));
}
.cube .scene .cube-controls-fixed {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.cube .scene .cube-controls-fixed .arrow {
  position: absolute;
  width: 26px;
  height: 26px;
  pointer-events: auto;
  cursor: pointer;
  background: #444;
  color: #fff;
  border-radius: 50%;
  padding: 0;
}
.cube .scene .cube-controls-fixed .arrow {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.cube .scene .cube-controls-fixed .arrow:hover, .cube .scene .cube-controls-fixed .arrow:active, .cube .scene .cube-controls-fixed .arrow.focus, .cube .scene .cube-controls-fixed .arrow:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
.cube .scene .cube-controls-fixed .arrow:before {
  position: absolute;
  top: 50%;
  content: "";
  width: 26px;
  height: 26px;
  display: inline-block;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrowR.svg");
  opacity: 1;
}
.cube .scene .cube-controls-fixed .arrow.arrowL {
  top: 50%;
  left: 0;
  transform: translate(-13px, -50%);
}
.cube .scene .cube-controls-fixed .arrow.arrowL:before {
  left: calc(50% - 1px);
  transform: translate(-50%, -50%) rotate(180deg);
}
.cube .scene .cube-controls-fixed .arrow.arrowR {
  top: 50%;
  right: 0;
  transform: translate(13px, -50%);
}
.cube .scene .cube-controls-fixed .arrow.arrowR:before {
  right: calc(50% - 1px);
  transform: translate(50%, -50%);
}
.cube .scene .cube-controls-fixed .arrow.arrowB {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 13px);
}
.cube .scene .cube-controls-fixed .arrow.arrowB:before {
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}
.cube .scene .cube-controls-fixed .arrow.arrowT {
  top: 0;
  left: 50%;
  transform: translate(-50%, -13px);
}
.cube .scene .cube-controls-fixed .arrow.arrowT:before {
  left: 50%;
  top: calc(50% - 1px);
  transform: translate(-50%, -50%) rotate(-90deg);
}
.cube .scene .cube-cont {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform-style: preserve-3d;
  transition: all 1s;
}
.cube .scene .cube-cont .cube-face {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 40px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background-color: rgba(223, 25, 89, 0.7);
}
.cube .scene .cube-cont .cube-face .side {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.cube .scene .cube-cont .cube-face.clicked:after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background: #474747;
  border-radius: 50%;
  top: 4px;
  right: 4px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
}
.cube .scene .cube-cont .cube-face .cube-entry {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.cube .scene .cube-cont .cube-face .cube-entry h4.title-cube {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  margin: 0;
  padding: 6px;
  box-sizing: border-box;
  z-index: 1;
  pointer-events: none;
}
.cube .scene .cube-cont .cube-face .cube-entry .component {
  margin: 0 !important;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.cube .scene .cube-cont .cube-face .cube-entry .component.text {
  padding: 20px 18px !important;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.cube .scene .cube-cont .cube-face .cube-entry .component.text .body-copy {
  display: flex;
  padding: 0 2px;
  width: 100%;
  flex-direction: column;
}
.cube .scene .cube-cont .cube-face .cube-entry .component.text .body-copy {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.cube .scene .cube-cont .cube-face .cube-entry .component .media-frame {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.cube .scene .cube-cont .cube-face .cube-entry .component .media-frame.poster-bg, .cube .scene .cube-cont .cube-face .cube-entry .component .media-frame[data-type="adobe-edge"], .cube .scene .cube-cont .cube-face .cube-entry .component .media-frame[data-type="panorama"], .cube .scene .cube-cont .cube-face .cube-entry .component .media-frame[data-type="pullquote"], .cube .scene .cube-cont .cube-face .cube-entry .component .media-frame[data-type="embed"] {
  background: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cube .scene .cube-cont .cube-face .cube-entry .component .media-frame[data-type="pullquote"], .cube .scene .cube-cont .cube-face .cube-entry .component .media-frame[data-type="adobe-edge"] {
  background: none;
}
.cube .scene .cube-cont .cube-face .cube-entry .component .media-frame .fpo {
  padding-top: 100%;
}
.cube .scene .cube-cont .cube-face .cube-entry .component .media-frame .image, .cube .scene .cube-cont .cube-face .cube-entry .component .media-frame .poster-zoom, .cube .scene .cube-cont .cube-face .cube-entry .component .media-frame .before-after, .cube .scene .cube-cont .cube-face .cube-entry .component .media-frame .swipeable-carousel {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
.cube .scene .cube-cont .cube-face .cube-entry .component .media-frame .img-wrapper {
  position: static !important;
}
.cube .scene .cube-cont .cube-face .cube-entry .component .media-frame .image {
  min-width: auto;
  max-width: none;
  min-height: auto;
  height: auto;
  width: 100%;
}
.cube .scene .cube-cont .cube-face .cube-entry .component .media-frame .poster-zoom {
  margin-bottom: 0;
}
.cube .scene .cube-cont .cube-face .cube-entry .component .media-frame .poster-zoom img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cube .scene .cube-cont .cube-face .cube-entry .component .media-frame .before-after, .cube .scene .cube-cont .cube-face .cube-entry .component .media-frame .swipeable-carousel {
  min-height: auto;
}
.cube .scene .cube-cont .cube-face .cube-entry .component .media-frame .swipeable-carousel li:before {
  border: 1px solid #fff;
}
.cube .scene .cube-cont .cube-face .cube-entry .component .media-frame .slideshow-btns {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.cube .scene .cube-cont .cube-face .cube-entry .component .media-frame .pullquote {
  max-height: 100%;
  overflow-y: auto;
  padding: 0 20px;
}
.cube .scene .cube-cont .cube-face .cube-entry .component .media-frame .caption {
  display: none;
  padding: 0 8px;
  z-index: 1;
  width: calc(100% - 16px);
  position: absolute;
  bottom: 8px;
}
.cube .scene .cube-cont .cube-face .AudioTranscript {
  margin: 0;
  position: absolute;
  right: 10px;
  top: 10px;
}
.cube .cube-controls {
  display: flex;
  justify-content: center;
  width: 100%;
}
.cube .cube-controls.type2 {
  margin-top: 20px;
}
.cube .cube-controls.type2 .cube-nav .progress-dots .progress-dot {
  cursor: default;
}
.cube .cube-controls .cube-nav {
  box-sizing: border-box;
  line-height: 0;
}
.cube .cube-controls .cube-nav .progress-dots {
  margin: 0;
  padding: 0;
}
.cube .cube-controls .cube-nav .progress-dots .progress-dot {
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 6px;
  box-sizing: content-box;
  list-style-type: none;
  cursor: pointer;
}
.cube .cube-controls .cube-nav .progress-dots .progress-dot:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 2px solid #000000;
  background: #fff;
}
.cube .cube-controls .cube-nav .progress-dots .progress-dot:after {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cube .cube-controls .cube-nav .progress-dots .progress-dot.clicked:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 5px;
}
.cube .cube-controls .cube-nav .progress-dots .progress-dot.active:before {
  background: #000000;
}
.cube .cube-controls .cube-nav .progress-dots .progress-dot.active.clicked:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 5px;
}
@media (max-width: 767px) {
  .cube .scene.type2 {
    margin: 0 auto;
  }
  .cube .scene .cube-controls-fixed .arrow {
    color: #474747;
  }
  .cube .scene .cube-cont .cube-face .cube-entry .component .media-frame[data-type="image"] .btn.enlarge {
    bottom: 20px;
  }
  .cube .scene .cube-cont .cube-face .cube-entry .component .media-frame .poster-zoom .btn.magnify {
    bottom: 20px !important;
  }
  .cube .scene .cube-cont .cube-face .cube-entry .component.text {
    padding: 8px 6px !important;
  }
}
body[dir="RTL"] .cube .scene .cube-cont .cube-face .AudioTranscript {
  left: 10px;
  right: unset;
}
#debug {
  position: fixed;
  left: 1px;
  top: 0;
  z-index: 3;
}
#debug * {
  box-sizing: border-box;
}
#debug .debug-tp {
  position: absolute;
  left: 76px;
  top: 0;
  background: #999;
  line-height: 120%;
  font-size: 12px;
  color: #fff;
  padding: 3px 8px 4px 8px;
  box-sizing: border-box;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  white-space: nowrap;
}
#debug #debug-cont {
  position: fixed;
  top: 59px;
  left: 40px;
  width: 450px;
  height: 200px;
  display: block;
  background: #999;
  color: #fff;
  padding: 20px;
  display: none;
  font-family: "PT Sans", Helvetica, Arial;
  border-radius: 5px;
}
#debug #debug-cont.ie {
  position: absolute;
}
#debug #debug-cont.ie:after {
  left: -7px;
}
#debug #debug-cont.active {
  display: block;
}
#debug #debug-cont:after {
  position: absolute;
  content: "";
  top: 13px;
  left: -8px;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-right: 8px solid #999;
  border-bottom: 9px solid transparent;
}
#debug #debug-cont .row {
  margin: 0;
  height: 100%;
}
#debug #debug-cont .row .col-xs-6 {
  padding: 0;
  height: 100%;
}
#debug #debug-cont .row .col-xs-6 #debug-content-scroll {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  font-size: 12px;
  line-height: 140%;
  background: #333;
  padding: 8px 20px 8px 10px;
}
#debug #debug-cont .row .col-xs-6 #debug-content-scroll .debug-title {
  border-bottom: 1px solid #fff;
  margin-bottom: 4px;
  font-size: 13px;
}
#debug #debug-cont .row .col-xs-6 #debug-content-scroll .key {
  color: #cdd46c;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  height: 50%;
  box-sizing: border-box;
  padding: 0 5px 5px 5px;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns .debug-btn {
  display: flex;
  position: relative;
  width: 49%;
  height: 100%;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 30px 8px 10px 8px;
  background: #333;
  border: 2px solid #fff;
  text-align: center;
  line-height: 120%;
  cursor: pointer;
  font-size: 11px;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns .debug-btn:after {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translate(-50%, 0);
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns .debug-btn:hover {
  background: #fff;
  color: #333;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns .debug-btn:hover:before {
  background: #fff;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns .debug-btn#debug-cert:hover .btn-text:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/certificate_light_ui.svg");
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns .debug-btn#debug-reset-complete:hover .btn-text:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/reset_gray.svg");
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns .debug-btn#debug-set-complete:hover .btn-text:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/unlocked_gray.svg");
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns .debug-btn#debug-set-complete:hover .btn-text:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/unlocked_gray.svg");
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns .debug-btn#debug-summary:hover .btn-text:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/check_square_gray.svg");
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns .debug-btn#debug-toggle-page-locks:hover .btn-text:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/unlocked_gray.svg");
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns .debug-btn#debug-toggle-page-locks:hover .btn-text:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock_light_ui.svg");
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns .debug-btn#debug-toggle-ui:hover .btn-text:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/adjust_ui_gray.svg");
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns .debug-btn#debug-toggle-home:hover .btn-text:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/home_light_ui.svg");
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns .debug-btn#debug-unlock-page:hover .btn-text:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/unlocked_gray.svg");
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns .debug-btn#debug-audiovideo:hover .btn-text:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/unlocked_gray.svg");
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns .debug-btn#debug-clear-ls:hover .btn-text:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/trash.svg");
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns .debug-btn.disabled {
  opacity: 0.3;
  pointer-events: none;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns .debug-btn .btn-text {
  position: relative;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns .debug-btn .btn-text:after {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translate(-50%, 0);
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns #debug-unlock-page .btn-text:after {
  top: -20px;
  width: 11px;
  height: 18px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/unlocked_white.svg");
  background-size: 11px 18px;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns #debug-toggle-page-locks .btn-text:after {
  margin-left: -8px;
  top: -20px;
  width: 11px;
  height: 18px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/unlocked_white.svg");
  background-size: 11px 18px;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns #debug-toggle-page-locks .btn-text:before, #debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns #debug-set-complete .btn-text:before {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translate(-50%, 0);
  content: "";
  top: -20px;
  width: 11px;
  height: 18px;
  display: block;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock.svg");
  background-size: 11px 18px;
  background-repeat: no-repeat;
  background-position: center center;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns #debug-toggle-page-locks .btn-text:before {
  margin-left: 8px;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns #debug-set-complete .btn-text:after {
  top: -20px;
  width: 11px;
  height: 18px;
  margin-left: 1px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/unlocked_white.svg");
  background-size: 11px 18px;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns #debug-set-complete .btn-text:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/unlocked_white.svg");
  margin-left: -4px;
  margin-top: -3px;
  opacity: 0.5;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns #debug-reset-complete .btn-text:after {
  top: -20px;
  width: 18px;
  height: 18px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/reset_white.svg");
  background-size: 18px 18px;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns #debug-summary .btn-text:after {
  top: -18px;
  width: 18px;
  height: 15px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/check_square_white.svg");
  background-size: 18px 15px;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns #debug-cert .btn-text:after {
  top: -22px;
  width: 16px;
  height: 20px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/certificate.svg");
  background-size: 16px 20px;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns #debug-toggle-ui .btn-text:after {
  top: -20px;
  width: 18px;
  height: 18px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/adjust_ui_white.svg");
  background-size: 18px 18px;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns #debug-toggle-home .btn-text:after {
  top: -20px;
  width: 18px;
  height: 17px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/home.svg");
  background-size: 18px 17px;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns #debug-audiovideo .btn-text:after {
  top: -20px;
  width: 11px;
  height: 18px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/unlocked_white.svg");
  background-size: 11px 18px;
}
#debug #debug-cont .row .col-xs-6 #debug-btns-scroll .btns #debug-clear-ls .btn-text:after {
  top: -16px;
  width: 11px;
  height: 14px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/trash_white.svg");
  background-size: 11px 14px;
}
#debug #debug-title {
  position: fixed;
  top: 59px;
  left: auto;
  background: #999;
  border: none;
  font-family: "PT Sans", Helvetica, Arial;
  margin: 0;
  padding: 7px 10px;
  transform: rotate(-90deg) translate(-100%, 0);
  transform-origin: 0 0;
  color: #fff;
  letter-spacing: 1.9px;
  font-size: 12px;
  font-family: "PT Sans", Helvetica, Arial;
  line-height: 1.42857143;
  cursor: pointer;
  border-radius: [BUTTONBORDERRADIUS];
}
@media (max-width: 767px) {
  #debug {
    left: 0;
  }
  #debug #debug-cont {
    width: calc(100vw - 74px);
    left: 30px;
  }
  #debug #debug-cont .row .col-xs-6:first-child {
    flex-basis: 65%;
    max-width: 65%;
  }
  #debug #debug-cont .row .col-xs-6:first-child #debug-content-scroll {
    margin-right: 5px;
    font-size: 11px;
  }
  #debug #debug-cont .row .col-xs-6:first-child #debug-content-scroll .debug-title {
    font-size: 12px;
  }
  #debug #debug-cont .row .col-xs-6:last-child {
    flex-basis: 35%;
    max-width: 35%;
  }
  #debug #debug-cont .row .col-xs-6:last-child #debug-btns-scroll {
    padding-right: 15px;
    margin-right: -15px;
  }
  #debug #debug-cont .row .col-xs-6:last-child #debug-btns-scroll .btns {
    display: block;
    height: auto;
    padding: 0;
  }
  #debug #debug-cont .row .col-xs-6:last-child #debug-btns-scroll .btns .debug-btn {
    min-width: 100%;
    margin: 0 5px 5px 0;
  }
  #debug #debug-cont .row .col-xs-6:last-child #debug-btns-scroll .btns:last-child .debug-btn:last-child {
    margin-bottom: 0;
  }
  #debug #debug-title {
    padding: 4px 7px;
    font-size: 10px;
  }
}
.md-phone #debug {
  left: 0;
}
.md-phone #debug #debug-cont {
  width: calc(100vw - 74px);
  left: 30px;
}
.md-phone #debug #debug-cont .row .col-xs-6:first-child {
  flex-basis: 65%;
  max-width: 65%;
}
.md-phone #debug #debug-cont .row .col-xs-6:first-child #debug-content-scroll {
  margin-right: 5px;
  font-size: 11px;
}
.md-phone #debug #debug-cont .row .col-xs-6:first-child #debug-content-scroll .debug-title {
  font-size: 12px;
}
.md-phone #debug #debug-cont .row .col-xs-6:last-child {
  flex-basis: 35%;
  max-width: 35%;
}
.md-phone #debug #debug-cont .row .col-xs-6:last-child #debug-btns-scroll {
  padding-right: 15px;
  margin-right: -15px;
}
.md-phone #debug #debug-cont .row .col-xs-6:last-child #debug-btns-scroll .btns {
  display: block;
  height: auto;
  padding: 0;
}
.md-phone #debug #debug-cont .row .col-xs-6:last-child #debug-btns-scroll .btns .debug-btn {
  min-width: 100%;
  margin: 0 5px 5px 0;
}
.md-phone #debug #debug-cont .row .col-xs-6:last-child #debug-btns-scroll .btns:last-child .debug-btn:last-child {
  margin-bottom: 0;
}
.md-phone #debug #debug-title {
  padding: 4px 7px;
  font-size: 10px;
}
body[dir="RTL"] #debug {
  left: auto;
  right: 32px;
}
body[dir="RTL"] #debug .debug-tp {
  left: auto;
  right: 48px;
}
body[dir="RTL"] #debug #debug-title {
  transform: none;
  transform: rotate(90deg) translate(100%, 0);
  transform-origin: 100% 100%;
  top: 29px;
}
body[dir="RTL"] #debug #debug-cont {
  right: 40px;
  left: auto;
}
body[dir="RTL"] #debug #debug-cont:after {
  right: -8px;
  left: auto;
  transform: rotate(-180deg);
}
body[dir="RTL"] #debug #debug-cont.ie {
  right: 8px;
}
body[dir="RTL"] #debug #debug-cont.ie:after {
  right: -7px;
}
body[dir="RTL"] #debug #debug-cont .row .col-xs-6 #debug-content-scroll {
  padding: 5px 10px 5px 20px;
}
@media (max-width: 767px) {
  body[dir="RTL"].md-desktop #debug {
    right: 22px;
  }
  body[dir="RTL"].md-desktop #debug #debug-cont {
    right: 30px;
  }
  body[dir="RTL"].md-desktop #debug #debug-cont .row .col-xs-6 #debug-content-scroll {
    margin-left: 5px;
    margin-right: 0;
  }
  body[dir="RTL"].md-desktop #debug #debug-cont .row .col-xs-6:last-child #debug-btns-scroll {
    padding-left: 15px;
    margin-left: -15px;
    padding-right: 0;
    margin-right: 0;
  }
  body[dir="RTL"].md-desktop #debug #debug-cont .row .col-xs-6:last-child #debug-btns-scroll .debug-btn {
    margin: 0 0 3px 15px;
  }
  body[dir="RTL"].md-desktop #debug #debug-title {
    top: 41px;
  }
  #debug .debug-tp {
    left: 20px;
  }
  body[dir="RTL"] #debug .debug-tp {
    left: auto;
    right: 0;
  }
}
body[dir="RTL"].md-phone #debug {
  right: 22px;
}
body[dir="RTL"].md-phone #debug #debug-cont {
  right: 30px;
}
body[dir="RTL"].md-phone #debug #debug-cont .row .col-xs-6 #debug-content-scroll {
  margin-left: 5px;
  margin-right: 0;
}
body[dir="RTL"].md-phone #debug #debug-cont .row .col-xs-6:last-child #debug-btns-scroll {
  padding-left: 15px;
  margin-left: -15px;
  padding-right: 0;
  margin-right: 0;
}
body[dir="RTL"].md-phone #debug #debug-cont .row .col-xs-6:last-child #debug-btns-scroll .debug-btn {
  margin: 0 0 3px 15px;
}
body[dir="RTL"].md-phone #debug #debug-title {
  top: 41px;
}
#disclaimer-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 6;
  transition: all 0.4s;
}
#disclaimer-wrapper.fade-out {
  opacity: 0;
}
#disclaimer-wrapper.hidden {
  display: none;
}
#disclaimer-wrapper.ios {
  transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
#disclaimer-wrapper.ios #disclaimer-cont {
  transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
#disclaimer-wrapper.ios #disclaimer-title {
  transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
#disclaimer-wrapper.ios.collapse #disclaimer-title {
  transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
#disclaimer-wrapper.navHidden #disclaimer {
  bottom: 0;
}
#disclaimer {
  position: absolute;
  bottom: 79px;
  width: calc(100% - 150px);
  margin: 0 75px;
  font-size: 13px;
  pointer-events: none;
}
#disclaimer #disclaimer-cont {
  position: relative;
  overflow: hidden;
  max-height: 99px;
  transition: all 0.4s;
}
#disclaimer #disclaimer-cont.compact {
  max-height: 62px;
}
#disclaimer #disclaimer-cont.compact #disclaimer-content #disclaimer-content-scroll {
  max-height: 38px;
}
#disclaimer #disclaimer-cont #disclaimer-content {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: #dedede;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-top-right-radius: 0px;
  padding: 10px 0;
  font-color: #535353;
  pointer-events: auto;
}
#disclaimer #disclaimer-cont #disclaimer-content #disclaimer-content-scroll {
  max-height: 75px;
  padding: 0 10px;
}
#disclaimer #disclaimer-cont #disclaimer-content #disclaimer-content-scroll {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#disclaimer #disclaimer-cont #disclaimer-content p:last-child {
  margin-bottom: 0;
}
#disclaimer #disclaimer-title {
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 0;
  background: #dedede;
  padding: 0 12px 2px 12px;
  font-weight: bold;
  cursor: pointer;
  pointer-events: auto !important;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-bottom: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  transition: transform 0.08s;
  transform: translate(0, 2.5px);
  z-index: 1;
}
#disclaimer #disclaimer-title #disclaimer-title-default {
  width: 0;
  height: 0 !important;
  margin-top: 2px;
  margin-bottom: 2px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 20px solid #dedede;
  position: relative;
}
#disclaimer #disclaimer-title #disclaimer-title-default:before {
  content: "!";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 0%);
  color: #000;
  font-family: Arial;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
}
#disclaimer.collapse #disclaimer-cont {
  max-height: 0 !important;
}
#disclaimer.collapse #disclaimer-title {
  transition-delay: 0.32s;
  transform: translate(0, 0);
}
#disclaimer-btn {
  display: none;
}
@media (max-width: 767px) {
  #disclaimer-wrapper.ios {
    -webkit-transition: all 0.8s cubic-bezier(0.895, 0.03, 0.685, 0.22) !important;
  }
  #disclaimer-wrapper.ios #disclaimer-cont {
    -webkit-transition: none;
  }
  #disclaimer-wrapper.navHidden #disclaimer {
    bottom: 0;
  }
  #disclaimer {
    bottom: 35px;
    width: calc(100% - 70px);
    margin: 0 35px;
    opacity: 1;
    transition: all 0.4s;
  }
  #disclaimer #disclaimer-cont {
    transition: none;
    overflow: visible;
  }
  #disclaimer #disclaimer-title {
    padding: 2px 8px;
  }
  #disclaimer #disclaimer-title.cms-title {
    padding: 4px 12px;
  }
  #disclaimer #disclaimer-title.disc-mobile {
    transform: translate(0, 2px);
  }
  #disclaimer #disclaimer-title #disclaimer-title-default {
    height: 22px;
  }
  #disclaimer #disclaimer-title #disclaimer-title-default:after {
    height: 22px;
    margin-top: 4px;
  }
  #disclaimer.collapse {
    opacity: 0;
    transform: translate(0, 100%);
    visibility: hidden;
  }
  #disclaimer.collapse #disclaimer-cont {
    opacity: 1;
    max-height: 100% !important;
  }
  #disclaimer-btn {
    position: absolute;
    left: 44px;
    bottom: 8px;
    width: 0 !important;
    height: 0 !important;
    visibility: visible;
    z-index: 1;
    cursor: pointer;
    display: block;
    opacity: 0;
    animation: fadeOut 0.4s forwards;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 20px solid #dedede;
  }
  #disclaimer-btn:before {
    content: "!";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 0%);
    color: #000;
    font-family: Arial;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
  }
  #disclaimer-btn.fade {
    visibility: visible;
    animation: fadeIn 0.4s forwards;
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fadeOut {
    0% {
      opacity: 1;
      visibility: visible;
    }
    100% {
      opacity: 0;
      visibility: hidden;
    }
  }
}
.md-phone #disclaimer-wrapper.ios {
  -webkit-transition: all 0.8s cubic-bezier(0.895, 0.03, 0.685, 0.22) !important;
}
.md-phone #disclaimer-wrapper.ios #disclaimer-cont {
  -webkit-transition: none;
}
.md-phone #disclaimer-wrapper.navHidden #disclaimer {
  bottom: 0;
}
.md-phone #disclaimer {
  bottom: 35px;
  width: calc(100% - 70px);
  margin: 0 35px;
  opacity: 1;
  transition: all 0.4s;
}
.md-phone #disclaimer #disclaimer-cont {
  transition: none;
  overflow: visible;
}
.md-phone #disclaimer #disclaimer-title {
  padding: 2px 8px;
}
.md-phone #disclaimer #disclaimer-title.cms-title {
  padding: 4px 12px;
}
.md-phone #disclaimer #disclaimer-title.disc-mobile {
  transform: translate(0, 2px);
}
.md-phone #disclaimer #disclaimer-title #disclaimer-title-default {
  height: 22px;
}
.md-phone #disclaimer #disclaimer-title #disclaimer-title-default:after {
  height: 22px;
  margin-top: 4px;
}
.md-phone #disclaimer.collapse {
  opacity: 0;
  transform: translate(0, 100%);
  visibility: hidden;
}
.md-phone #disclaimer.collapse #disclaimer-cont {
  opacity: 1;
  max-height: 100% !important;
}
.md-phone #disclaimer-btn {
  position: absolute;
  left: 44px;
  bottom: 8px;
  width: 0 !important;
  height: 0 !important;
  visibility: visible;
  z-index: 1;
  cursor: pointer;
  display: block;
  opacity: 0;
  animation: fadeOut 0.4s forwards;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 20px solid #dedede;
}
.md-phone #disclaimer-btn:before {
  content: "!";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 0%);
  color: #000;
  font-family: Arial;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
}
.md-phone #disclaimer-btn.fade {
  visibility: visible;
  animation: fadeIn 0.4s forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
body[dir="RTL"] #disclaimer #disclaimer-title {
  left: initial;
  right: 0px;
}
.dragimagematching {
  overflow: visible;
}
.dragimagematching .dragdrop-title {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  font-size: 14px;
  font-family: "Caveat", handwriting;
  font-weight: bold;
  line-height: 110%;
  position: relative;
}
.dragimagematching .dropmatch-col {
  position: relative;
}
.dragimagematching .dragimagematch-drop-cont {
  position: relative;
  width: 100%;
  transition: transform 0.5s ease;
  -webkit-transition: -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform;
  box-sizing: border-box;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drop {
  position: relative;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone {
  position: relative;
  padding: 10px 12px !important;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone .dragimagematch-dropcontent {
  position: relative;
  min-height: 94px;
  box-sizing: border-box;
  border: 2px dotted #737373;
  transition: border 0.3s, transform 0.3s;
  -webkit-transition: border 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone .dragimagematch-dropcontent.hover {
  transform: scale(1.1, 1.1);
  border-color: #888;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone .dragimagematch-dropcontent .dragimagematch-drag-cont {
  opacity: 0;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone .dragimagematch-dropcontent .dragimagematch-drag-cont:before {
  content: none;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone .dragimagematch-dropcontent .dragimagematch-drag-cont.answered {
  opacity: 1;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone .dragimagematch-dropcontent .dragimagematch-drag-cont.answered .dragimagematch-drag {
  transition: width 0.3s, transform 0.3s;
  -webkit-transition: width 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  height: auto;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone .dragimagematch-dropcontent .dragimagematch-drag-cont.answered .dragimagematch-drag.ratio2 .drag-comp {
  padding-top: 100%;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone .dragimagematch-dropcontent .dragimagematch-drag-cont.answered .dragimagematch-drag.ratio3 .drag-comp {
  padding-top: 156.23%;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone .dragimagematch-dropcontent .dragimagematch-drag-cont.answered.correct .fdbk, .dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone .dragimagematch-dropcontent .dragimagematch-drag-cont.answered.incorrect .fdbk, .dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone .dragimagematch-dropcontent .dragimagematch-drag-cont.answered.incorrectFinal .fdbk {
  opacity: 1;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone .dragimagematch-dropcontent .dragimagematch-drag-cont .fdbk {
  opacity: 0;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone .dragimagematch-dropcontent .dragimagematch-drag-cont .fdbk .fdbk-txt {
  display: none;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone .dragimagematch-dropcontent .dragimagematch-drag-cont.correct .fdbk-txt-correct {
  display: block;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone .dragimagematch-dropcontent .dragimagematch-drag-cont.incorrect .fdbk-txt-incorrect {
  display: block;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone .dragimagematch-dropcontent .dragimagematch-drag-cont.incorrectFinal .fdbk-txt-incorrect-final {
  display: block;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone-q {
  padding: 10px 0 !important;
  justify-self: center;
  align-self: center;
  text-align: center;
  font-weight: bold;
  line-height: 120%;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone-q {
  word-break: break-word;
  overflow-wrap: break-word;
}
.dragimagematching .dragimagematch-drag-cont {
  position: relative;
}
@keyframes fadeFdbkOut {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.dragimagematching .dragimagematch-drag-cont:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  border: 2px solid transparent;
}
.dragimagematching .dragimagematch-drag-cont .scale {
  backface-visibility: hidden;
  transition: transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.dragimagematching .dragimagematch-drag-cont.rot3 .scale {
  transform: rotate(3deg);
}
.dragimagematching .dragimagematch-drag-cont.rot6 .scale {
  transform: rotate(6deg);
}
.dragimagematching .dragimagematch-drag-cont.rot-3 .scale {
  transform: rotate(-3deg);
}
.dragimagematching .dragimagematch-drag-cont.rot-6 .scale {
  transform: rotate(-6deg);
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag {
  position: relative;
  min-height: 90px;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag .scale {
  width: 100%;
  height: 100%;
  position: relative;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag.ratio2 .drag-comp {
  padding-top: 100%;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag.ratio3 .drag-comp {
  padding-top: 156.23%;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag:not(.bg) .component {
  height: 100%;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag:not(.bg) .component .media-frame {
  height: 100%;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag:not(.bg) .component .media-frame .caption {
  display: none;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag:not(.bg) .component .media-frame .fpo {
  height: 100%;
  padding-top: 0;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag:not(.bg) .component .media-frame .fpo:after {
  font-size: 40px;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag:not(.bg) .component .media-frame .pullquote {
  height: 100%;
  display: flex;
  align-items: center;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag:not(.bg) .component .media-frame .pullquote h4 {
  margin: 0;
  padding: 0 12px;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag:not(.bg) .component.text {
  display: flex;
  justify-content: center;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag:not(.bg) .component.text .body-copy {
  padding: 0 12px;
  display: flex;
  align-self: center;
  text-align: center;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag .drag-comp {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: 56.23%;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag .drag-comp .dragtitle-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 6px;
  line-height: 100%;
  font-family: "Caveat", handwriting;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  background-color: #737373;
  backface-visibility: hidden;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag .drag-comp .dragtitle-overlay.align-top {
  bottom: auto;
  top: 0;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag .drag-comp .dragtitle-overlay.align-middle {
  bottom: auto;
  top: 50%;
  transform: translate(0, -50%);
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag .component {
  position: absolute;
  top: 0;
  margin-bottom: 0 !important;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag .component * {
  user-select: none;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag .component .media-frame .poster-zoom button {
  display: none;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag .drag-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag .drag-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 102%;
  min-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
.dragimagematching .dragimagematch-drag-cont .dragimagematch-drag .drag-bg .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drag-cont.answered .dragimagematch-drag .scale .fdbk-cont {
  animation: none;
  display: none;
  opacity: 0;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drag-cont.answered .dragimagematch-drag .scale .fdbk-cont .fdbk {
  transform: none;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drag-cont.answered.active .dragimagematch-drag .scale .fdbk-cont {
  display: block;
  opacity: 1;
  animation: fadeFdbkOut 5s forwards ease-in-out;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drag-cont.answered:not(.active) .dragimagematch-drag .scale.hover .fdbk-cont {
  display: block;
  animation: none;
  opacity: 1;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drag-cont .dragimagematch-drag .scale .fdbk-cont {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drag-cont .dragimagematch-drag .scale .fdbk-cont .fdbk {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  background: rgba(98, 99, 98, 0.9);
  transition: opacity 0.5s 5s ease-in-out !important;
  -webkit-transition: opacity 1.1s 5s cubic-bezier(0.19, 1, 0.22, 1) !important;
}
.dragimagematching .dragimagematch-drop-cont .dragimagematch-drag-cont .dragimagematch-drag .scale .fdbk-cont .fdbk .fdbk-txt {
  position: relative;
  padding: 0 12px;
  font-size: 80%;
  line-height: 130%;
}
.dragimagematching .dragimagematch-col {
  z-index: 1;
}
.dragimagematching .dragimagematch-col.disabled .dragimagematch-drag-cont .dragimagematch-drag {
  cursor: default;
}
.dragimagematching .dragimagematch-col.disabled .dragimagematch-drag-cont .dragimagematch-drag .scale:before {
  content: none;
}
.dragimagematching .dragimagematch-col.flipped .dragimagematch-drag-cont {
  margin-left: 0;
}
.dragimagematching .dragimagematch-col .dragimagematch-slide {
  position: relative;
  transition: transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1);
  padding: 10px 12px 0 12px;
}
.dragimagematching .dragimagematch-col .dragimagematch-slide .dragimagematch-slide-cont {
  position: relative;
  height: 150px;
}
.dragimagematching .dragimagematch-col .dragimagematch-slide .dragimagematch-remaining {
  margin: 30px 30px 12px 30px;
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 2px solid #737373;
  font-size: 18px;
  font-family: "Caveat", handwriting;
  line-height: 130%;
  border-bottom: 2px solid #626362;
  direction: ltr;
}
.dragimagematching .dragimagematch-col .dragimagematch-slide .dragimagematch-remaining.ratio1 {
  margin-top: 56.23%;
}
.dragimagematching .dragimagematch-col .dragimagematch-slide .dragimagematch-remaining.ratio2 {
  margin-top: 100%;
}
.dragimagematching .dragimagematch-col .dragimagematch-slide .dragimagematch-remaining.ratio3 {
  margin-top: 156.23%;
}
.dragimagematching .dragimagematch-col .dragimagematch-slide .dragimagematch-remaining span {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}
.dragimagematching .dragimagematch-col .dragimagematch-slide .dragimagematch-remaining span.dragimagematch-count {
  padding-left: 10px;
  font-size: 36px;
  font-weight: bold;
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont {
  margin-left: 0;
  margin-right: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont.p-events {
  pointer-events: auto;
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont {
  padding-bottom: 2px;
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont.correct {
  display: none;
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont.incorrect, .dragimagematching .dragimagematch-col .dragimagematch-drag-cont.incorrectFinal {
  z-index: 1;
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont.incorrect .dragimagematch-drag .scale:before, .dragimagematching .dragimagematch-col .dragimagematch-drag-cont.incorrectFinal .dragimagematch-drag .scale:before {
  content: none;
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont.incorrect .dragimagematch-drag .scale .fdbk-cont, .dragimagematching .dragimagematch-col .dragimagematch-drag-cont.incorrectFinal .dragimagematch-drag .scale .fdbk-cont {
  animation: none;
  opacity: 0;
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont.incorrect.active .dragimagematch-drag .scale .fdbk-cont, .dragimagematching .dragimagematch-col .dragimagematch-drag-cont.incorrectFinal.active .dragimagematch-drag .scale .fdbk-cont {
  display: block;
  animation: fadeFdbkOut 5s forwards ease-in-out;
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont.incorrect:not(.active) .dragimagematch-drag .scale.hover .fdbk-cont, .dragimagematching .dragimagematch-col .dragimagematch-drag-cont.incorrectFinal:not(.active) .dragimagematch-drag .scale.hover .fdbk-cont {
  display: block;
  animation: none;
  opacity: 1;
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont:not(.incorrect):hover:not(.not-dragging), .dragimagematching .dragimagematch-col .dragimagematch-drag-cont:not(.incorrectFinal):hover:not(.not-dragging), .dragimagematching .dragimagematch-col .dragimagematch-drag-cont.dragging:not(.not-dragging) {
  z-index: 3;
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont .dragimagematch-drag {
  cursor: move;
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont .dragimagematch-drag .scale:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont .dragimagematch-drag .scale.hover:before {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont .dragimagematch-drag .scale .drag-comp {
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont .dragimagematch-drag .scale .fdbk-cont {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont .dragimagematch-drag .scale .fdbk-cont .fdbk {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  background: rgba(98, 99, 98, 0.9);
  transition: opacity 0.5s 5s ease-in-out !important;
  -webkit-transition: opacity 1.1s 5s cubic-bezier(0.19, 1, 0.22, 1);
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont .dragimagematch-drag .scale .fdbk-cont .fdbk .fdbk-txt {
  position: relative;
  padding: 0 12px;
  font-size: 80%;
  line-height: 130%;
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont .dragimagematch-drag:not(.react-draggable-dragging) {
  transition: all 0.5s;
  -webkit-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont .dragimagematch-drag.react-draggable-dragging {
  position: relative;
  z-index: 4;
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont .dragimagematch-drag.react-draggable-dragging .component {
  animation: removePE 0.4s forwards;
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont .dragimagematch-drag.react-draggable-dragging .component.text, .dragimagematching .dragimagematch-col .dragimagematch-drag-cont .dragimagematch-drag.react-draggable-dragging .component.pullquote {
  backface-visibility: visible;
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont .dragimagematch-drag.react-draggable-dragging .scale {
  transform: scale(1.1, 1.1);
}
@keyframes removePE {
  100% {
    pointer-events: none;
    user-select: none;
  }
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont .dragimagematch-drag .dragimagematch-btn-cont {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.dragimagematching .dragimagematch-col .dragimagematch-drag-cont .dragimagematch-drag .dragimagematch-btn-cont.active {
  display: flex;
  padding: 6px;
  box-sizing: border-box;
}
.dragimagematching .dragmedia-btn-cont {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 20px;
}
.dragimagematching .dragmedia-btn-cont.disabled {
  pointer-events: none;
  cursor: pointer;
  opacity: 0.5;
}
.dragimagematching .dragmedia-btn-cont button.action:hover, .dragimagematching .dragmedia-btn-cont button.action:active, .dragimagematching .dragmedia-btn-cont button.action.focus, .dragimagematching .dragmedia-btn-cont button.action:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
@media (max-width: 767px) {
  .dragimagematching .dragdrop-title {
    max-height: 30px;
    padding-left: 4px;
    padding-right: 4px;
    width: calc(100% - 8px);
  }
  .dragimagematching .dragdrop-title {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .dragimagematching .dropmatch-col {
    width: 100%;
    height: 100%;
    min-height: 0;
    flex-basis: 100%;
    min-width: 100%;
    overflow: hidden;
  }
  .dragimagematching .dropmatch-col .dragimagematch-drop-cont .drop-col1, .dragimagematching .dropmatch-col .dragimagematch-drop-cont .drop-col2, .dragimagematching .dropmatch-col .dragimagematch-drop-cont .drop-col3, .dragimagematching .dropmatch-col .dragimagematch-drop-cont .drop-col4, .dragimagematching .dropmatch-col .dragimagematch-drop-cont .drop-col5, .dragimagematching .dropmatch-col .dragimagematch-drop-cont .drop-title-col11, .dragimagematching .dropmatch-col .dragimagematch-drop-cont .drop-title-col10, .dragimagematching .dropmatch-col .dragimagematch-drop-cont .drop-title-col9, .dragimagematching .dropmatch-col .dragimagematch-drop-cont .drop-title-col8, .dragimagematching .dropmatch-col .dragimagematch-drop-cont .drop-title-col7 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .dragimagematching .dropmatch-col .dragimagematch-drop-cont .dragimagematch-dropzone {
    min-width: 100%;
    padding-bottom: 5px !important;
    cursor: pointer;
  }
  .dragimagematching .dropmatch-col .dragimagematch-drop-cont .dragimagematch-dropzone .dragimagematch-dropcontent.hover {
    transform: scale(1.03, 1.03);
  }
  .dragimagematching .dropmatch-col .dragimagematch-drop-cont .dragimagematch-dropzone-q {
    padding-top: 5px !important;
  }
  .dragimagematching .dragimagematchrow {
    position: relative;
  }
  .dragimagematching .dragimagematch-col .dragimagematch-drag-cont .dragimagematch-drag .scale .drag-comp, .dragimagematching .dragimagematch-drop-cont .dragimagematch-drag-cont .dragimagematch-drag .scale .drag-comp {
    height: 125px;
    padding: 0 !important;
  }
  .dragimagematching .dragimagematch-col {
    position: absolute;
    top: 0;
    right: 0;
    flex-basis: 50%;
    height: 100%;
    transition: transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translate(50%, 0);
    z-index: 1;
    min-width: calc(100% + 20px);
    pointer-events: none;
  }
  .dragimagematching .dragimagematch-col.forceClose {
    transform: translate(50%, 0) !important;
    pointer-events: none;
  }
  .dragimagematching .dragimagematch-col.forceClose * {
    pointer-events: none;
  }
  .dragimagematching .dragimagematch-col.forceClose .dragimagematch-handle:before {
    transform: translate(-50%, -50%) rotate(-90deg) !important;
  }
  .dragimagematching .dragimagematch-col.forceClose.light-ui .dragimagematch-handle:before {
    transform: translate(-50%, -50%) rotate(180deg) !important;
  }
  .dragimagematching .dragimagematch-col.disabled {
    visibility: hidden;
  }
  .dragimagematching .dragimagematch-col.inactive {
    transition: none;
    pointer-events: none;
  }
  .dragimagematching .dragimagematch-col.inactive * {
    pointer-events: none;
  }
  .dragimagematching .dragimagematch-col.active, .dragimagematching .dragimagematch-col.inactive {
    transform: translate(0, 0);
    pointer-events: auto;
  }
  .dragimagematching .dragimagematch-col.active .dragimagematch-drag-slide-bg, .dragimagematching .dragimagematch-col.active .dragdrop-title, .dragimagematching .dragimagematch-col.active .dragimagematch-remaining, .dragimagematching .dragimagematch-col.active .dragimagematch-drag-cont, .dragimagematching .dragimagematch-col.inactive .dragimagematch-drag-slide-bg, .dragimagematching .dragimagematch-col.inactive .dragdrop-title, .dragimagematching .dragimagematch-col.inactive .dragimagematch-remaining, .dragimagematching .dragimagematch-col.inactive .dragimagematch-drag-cont {
    transition: transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .dragimagematching .dragimagematch-col.active .dragimagematch-drag-slide-bg:before, .dragimagematching .dragimagematch-col.active .dragdrop-title:before, .dragimagematching .dragimagematch-col.active .dragimagematch-remaining:before, .dragimagematching .dragimagematch-col.active .dragimagematch-drag-cont:before, .dragimagematching .dragimagematch-col.inactive .dragimagematch-drag-slide-bg:before, .dragimagematching .dragimagematch-col.inactive .dragdrop-title:before, .dragimagematching .dragimagematch-col.inactive .dragimagematch-remaining:before, .dragimagematching .dragimagematch-col.inactive .dragimagematch-drag-cont:before {
    transition: transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .dragimagematching .dragimagematch-col.active.dragging .dragimagematch-drag-slide-bg, .dragimagematching .dragimagematch-col.inactive.dragging .dragimagematch-drag-slide-bg {
    transform: translateX(50%);
  }
  .dragimagematching .dragimagematch-col.active.dragging .dragdrop-title, .dragimagematching .dragimagematch-col.active.dragging .dragimagematch-drag-cont.not-dragging, .dragimagematching .dragimagematch-col.active.dragging .dragimagematch-remaining, .dragimagematching .dragimagematch-col.active.dragging .dragimagematch-drag-cont.dragging:before, .dragimagematching .dragimagematch-col.inactive.dragging .dragdrop-title, .dragimagematching .dragimagematch-col.inactive.dragging .dragimagematch-drag-cont.not-dragging, .dragimagematching .dragimagematch-col.inactive.dragging .dragimagematch-remaining, .dragimagematching .dragimagematch-col.inactive.dragging .dragimagematch-drag-cont.dragging:before {
    transform: translateX(50%) translateX(30px);
  }
  .dragimagematching .dragimagematch-col.active.dragging.mobile .dragdrop-title, .dragimagematching .dragimagematch-col.active.dragging .dragimagematch-drag-cont.not-dragging, .dragimagematching .dragimagematch-col.active.dragging .dragdrop-title, .dragimagematching .dragimagematch-col.active.dragging .dragimagematch-remaining, .dragimagematching .dragimagematch-col.active.dragging .dragimagematch-drag-cont.dragging:before, .dragimagematching .dragimagematch-col.inactive.dragging.mobile .dragdrop-title, .dragimagematching .dragimagematch-col.inactive.dragging .dragimagematch-drag-cont.not-dragging, .dragimagematching .dragimagematch-col.inactive.dragging .dragdrop-title, .dragimagematching .dragimagematch-col.inactive.dragging .dragimagematch-remaining, .dragimagematching .dragimagematch-col.inactive.dragging .dragimagematch-drag-cont.dragging:before {
    transform: translateX(50%) translateX(20px);
  }
  .dragimagematching .dragimagematch-col.active.dragging .dragimagematch-drag-slide .dragimagematch-drag-slide-entry, .dragimagematching .dragimagematch-col.inactive.dragging .dragimagematch-drag-slide .dragimagematch-drag-slide-entry {
    z-index: 1;
  }
  .dragimagematching .dragimagematch-col.active .dragimagematch-drag-slide .dragimagematch-drag-slide-entry, .dragimagematching .dragimagematch-col.inactive .dragimagematch-drag-slide .dragimagematch-drag-slide-entry {
    visibility: visible;
  }
  .dragimagematching .dragimagematch-col.active .dragimagematch-handle:before, .dragimagematching .dragimagematch-col.inactive .dragimagematch-handle:before {
    transform: translate(-50%, -50%) rotate(-270deg);
  }
  .dragimagematching .dragimagematch-col.active.light-ui .dragimagematch-handle:before, .dragimagematching .dragimagematch-col.inactive.light-ui .dragimagematch-handle:before {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  .dragimagematching .dragimagematch-col .dragimagematch-handle {
    position: absolute;
    top: 50%;
    width: 68px;
    height: 34px;
    left: 0;
    cursor: pointer;
    background: #333333;
    border-radius: 17px 0 0 17px;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.7);
    clip: rect(-20px 35px 60px -20px);
    pointer-events: auto;
    transition: top 0.3s ease-in-out;
    -webkit-transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    will-change: top;
    z-index: 1;
  }
  .dragimagematching .dragimagematch-col .dragimagematch-handle.dropZ {
    z-index: 0;
  }
  .dragimagematching .dragimagematch-col .dragimagematch-handle:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 25%;
    width: 15px;
    height: 15px;
    transition: transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translate(-50%, -50%) rotate(-90deg);
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrow_up_white.svg");
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .dragimagematching .dragimagematch-col .dragdrop-title {
    color: #fff;
  }
  .dragimagematching .dragimagematch-col.light-ui .dragdrop-title {
    color: inherit;
  }
  .dragimagematching .dragimagematch-col.light-ui .dragimagematch-handle {
    background: #df1959;
  }
  .dragimagematching .dragimagematch-col.light-ui .dragimagematch-handle:before {
    transform: translate(-50%, -50%) rotate(180deg);
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrow_next_gray.svg");
  }
  .dragimagematching .dragimagematch-col.light-ui .dragimagematch-drag-slide .dragimagematch-drag-slide-bg {
    background: #df1959;
    backface-visibility: hidden;
  }
  .dragimagematching .dragimagematch-col.light-ui .dragimagematch-drag-slide .component .pullquote h4 {
    color: inherit;
  }
  .dragimagematching .dragimagematch-col.light-ui .dragimagematch-drag-slide .component.text .body-copy {
    color: inherit;
  }
  .dragimagematching .dragimagematch-col.light-ui .dragimagematch-drag-slide .component .caption {
    color: inherit;
  }
  .dragimagematching .dragimagematch-col:not(.light-ui) .dragimagematch-slide .dragimagematch-remaining {
    border-bottom-color: #fff;
  }
  .dragimagematching .dragimagematch-col:not(.light-ui) .dragimagematch-slide .dragimagematch-remaining span {
    color: #fff;
  }
  .dragimagematching .dragimagematch-col .dragimagematch-drag-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
  }
  .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .dragimagematch-drag-slide-bg {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    background: #333333;
    box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.7);
  }
  .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .dragimagematch-drag-slide-entry {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 100%;
    top: 0;
    right: 0;
    backface-visibility: hidden;
    transform: translateZ(0);
    visibility: hidden;
    transition: visibility 0.5s ease-in-out;
    -webkit-transition: visibility 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    padding: 0 20px;
    padding-left: calc(50% + 20px) !important;
    box-sizing: border-box;
    overflow: hidden;
  }
  .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .dragimagematch-drag-slide-entry .dragimagematch-drag-cont, .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .dragimagematch-drag-slide-entry .dragimagematch-remaining {
    margin-left: 0;
    margin-right: 0;
  }
  .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .dragimagematch-drag-slide-entry .dragimagematch-remaining {
    margin-top: 30px;
  }
  .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .component .pullquote h4 {
    font-size: 80%;
    margin: 4px 0;
  }
  .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .component .pullquote h4 {
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .component .fpo:after {
    font-size: 40px;
  }
  .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .component.text .body-copy {
    color: #fff;
  }
  .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .component.text .body-copy {
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .component .slideshow .slideshow-animate img {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .component .slideshow .slideshow-animate img.hide {
    opacity: 1 !important;
  }
  .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .component .slideshow .slideshow-btns {
    margin-top: 2px;
  }
  .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .component .slideshow .slideshow-btns li {
    width: 6px;
    height: 14px;
    margin: 0 2px;
  }
  .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .component .slideshow .slideshow-btns li:before {
    width: 6px;
    height: 6px;
  }
  .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .component .before-after .label {
    font-size: 80%;
  }
  .dragimagematching .dragimagematch-col.flipped {
    right: auto;
    left: calc(100% + 20px);
    transform: translate(-150%, 0);
    transition: transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .dragimagematching .dragimagematch-col.flipped.forceClose {
    transform: translate(-150%, 0) !important;
  }
  .dragimagematching .dragimagematch-col.flipped.forceClose .dragimagematch-handle:before {
    transform: translate(-50%, -50%) rotate(-270deg) !important;
  }
  .dragimagematching .dragimagematch-col.flipped.forceClose.light-ui .dragimagematch-handle:before {
    transform: translate(-50%, -50%) rotate(0deg) !important;
  }
  .dragimagematching .dragimagematch-col.flipped.active, .dragimagematching .dragimagematch-col.flipped.inactive {
    transform: translateX(-100%) translateX(-20px);
  }
  .dragimagematching .dragimagematch-col.flipped.active .dragdrop-title, .dragimagematching .dragimagematch-col.flipped.active .dragimagematch-remaining, .dragimagematching .dragimagematch-col.flipped.active .dragimagematch-drag-cont, .dragimagematching .dragimagematch-col.flipped.inactive .dragdrop-title, .dragimagematching .dragimagematch-col.flipped.inactive .dragimagematch-remaining, .dragimagematching .dragimagematch-col.flipped.inactive .dragimagematch-drag-cont {
    transition: transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .dragimagematching .dragimagematch-col.flipped.active .dragdrop-title:before, .dragimagematching .dragimagematch-col.flipped.active .dragimagematch-remaining:before, .dragimagematching .dragimagematch-col.flipped.active .dragimagematch-drag-cont:before, .dragimagematching .dragimagematch-col.flipped.inactive .dragdrop-title:before, .dragimagematching .dragimagematch-col.flipped.inactive .dragimagematch-remaining:before, .dragimagematching .dragimagematch-col.flipped.inactive .dragimagematch-drag-cont:before {
    transition: transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .dragimagematching .dragimagematch-col.flipped.active.dragging .dragimagematch-drag-slide-bg, .dragimagematching .dragimagematch-col.flipped.inactive.dragging .dragimagematch-drag-slide-bg {
    transform: translateX(-50%) translateX(10px);
  }
  .dragimagematching .dragimagematch-col.flipped.active.dragging .dragdrop-title, .dragimagematching .dragimagematch-col.flipped.active.dragging .dragimagematch-drag-cont.not-dragging, .dragimagematching .dragimagematch-col.flipped.active.dragging .dragimagematch-remaining, .dragimagematching .dragimagematch-col.flipped.active.dragging .dragimagematch-drag-cont.dragging:before, .dragimagematching .dragimagematch-col.flipped.inactive.dragging .dragdrop-title, .dragimagematching .dragimagematch-col.flipped.inactive.dragging .dragimagematch-drag-cont.not-dragging, .dragimagematching .dragimagematch-col.flipped.inactive.dragging .dragimagematch-remaining, .dragimagematching .dragimagematch-col.flipped.inactive.dragging .dragimagematch-drag-cont.dragging:before {
    transform: translateX(-50%) translateX(-30px);
  }
  .dragimagematching .dragimagematch-col.flipped.active.dragging.mobile .dragdrop-title, .dragimagematching .dragimagematch-col.flipped.active.dragging .dragimagematch-drag-cont.not-dragging, .dragimagematching .dragimagematch-col.flipped.active.dragging .dragdrop-title, .dragimagematching .dragimagematch-col.flipped.active.dragging .dragimagematch-remaining, .dragimagematching .dragimagematch-col.flipped.active.dragging .dragimagematch-drag-cont.dragging:before, .dragimagematching .dragimagematch-col.flipped.inactive.dragging.mobile .dragdrop-title, .dragimagematching .dragimagematch-col.flipped.inactive.dragging .dragimagematch-drag-cont.not-dragging, .dragimagematching .dragimagematch-col.flipped.inactive.dragging .dragdrop-title, .dragimagematching .dragimagematch-col.flipped.inactive.dragging .dragimagematch-remaining, .dragimagematching .dragimagematch-col.flipped.inactive.dragging .dragimagematch-drag-cont.dragging:before {
    transform: translateX(-50%) translateX(-20px);
  }
  .dragimagematching .dragimagematch-col.flipped.active .dragimagematch-handle:before, .dragimagematching .dragimagematch-col.flipped.inactive .dragimagematch-handle:before {
    transform: translate(-50%, -50%) rotate(-90deg);
  }
  .dragimagematching .dragimagematch-col.flipped.active.light-ui .dragimagematch-handle:before, .dragimagematching .dragimagematch-col.flipped.inactive.light-ui .dragimagematch-handle:before {
    transform: translate(-50%, -50%) rotate(180deg);
  }
  .dragimagematching .dragimagematch-col.flipped:not(.mobile) .dragimagematch-drag-slide {
    direction: rtl;
  }
  .dragimagematching .dragimagematch-col.flipped .dragimagematch-drag-slide .dragimagematch-drag-slide-bg {
    margin-left: 0;
    left: 0;
    right: auto;
  }
  .dragimagematching .dragimagematch-col.flipped .dragimagematch-drag-slide .dragimagematch-drag-slide-entry {
    padding-left: 20px !important;
    padding-right: calc(50% + 20px) !important;
    right: auto;
    left: 20px;
    width: calc(100% - 20px);
  }
  .dragimagematching .dragimagematch-col.flipped .dragimagematch-drag-slide .dragimagematch-drag-slide-entry .dragimagematch-drag-cont .scale {
    direction: ltr;
  }
  .dragimagematching .dragimagematch-col.flipped .dragimagematch-handle {
    clip: rect(-20px 84px 60px 33px);
    border-radius: 0 17px 17px 0;
    left: 100%;
  }
  .dragimagematching .dragimagematch-col.flipped .dragimagematch-handle:before {
    left: 75%;
    transform: translate(-50%, -50%) rotate(-270deg);
  }
  .dragimagematching .dragimagematch-col.flipped.light-ui .dragimagematch-handle:before {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  .dragimagematching.phone .dragimagematch-col.flipped.active.dragging .dragimagematch-drag-slide-bg {
    margin-left: 0 !important;
  }
}
body[dir="RTL"] .dragimagematching .dragimagematch-col .dragimagematch-drag-slide {
  direction: ltr;
}
body[dir="RTL"] .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .dragimagematch-drag-slide-entry .dragimagematch-drag-cont {
  direction: rtl;
  margin-right: 0;
  margin-left: 5px;
}
body[dir="RTL"] .dragimagematching .dragimagematch-col.flipped:not(.mobile) .dragimagematch-drag-slide {
  direction: rtl;
}
body[dir="RTL"] .dragimagematching .dragimagematch-col.flipped .dragimagematch-drag-slide .dragimagematch-drag-slide-entry .dragimagematch-drag-cont {
  margin-right: 5px;
  margin-left: 0;
}
body[dir="RTL"] .dragimagematching .dragimagematch-col.flipped .dragimagematch-drag-slide .dragimagematch-drag-slide-entry .dragimagematch-drag-cont .scale {
  direction: ltr;
}
body[dir="RTL"] .dragimagematching .dragimagematch-col.flipped .dragimagematch-drag-slide .dragimagematch-drag-slide-entry .dragimagematch-drag-cont .scale .component .pullquote {
  direction: rtl;
}
body[dir="RTL"] .dragimagematching .dragimagematch-drop-cont .dragimagematch-drop {
  direction: ltr;
}
body[dir="RTL"] .dragimagematching .dragimagematch-drop-cont .dragimagematch-drop .dragimagematch-dropzone {
  direction: rtl;
}
@media (max-width: 767px) {
  body[dir="RTL"] .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .dragimagematch-drag-slide-entry .dragimagematch-drag-cont {
    margin-left: 0;
    margin-right: 0;
  }
  body[dir="RTL"] .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .dragimagematch-drag-slide-entry .dragimagematch-drag-cont .component.media {
    direction: rtl;
  }
  body[dir="RTL"] .dragimagematching .dragimagematch-col .dragimagematch-drag-slide .dragimagematch-drag-slide-entry .dragimagematch-drag-cont .component.media * {
    direction: rtl;
  }
}
.dragmatching {
  overflow: visible;
}
.dragmatching .dragdrop-title {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  font-size: 14px;
  font-family: "Caveat", handwriting;
  font-weight: bold;
  line-height: 110%;
  position: relative;
}
.dragmatching .dropmatch-col {
  position: relative;
  overflow: hidden;
}
.dragmatching .dragmatch-drop-cont {
  background: #000000;
  backface-visibility: hidden;
  border-radius: 0px;
  box-sizing: border-box;
  overflow: hidden;
  padding: 10px 5px;
  position: relative;
  transition: transform 0.5s ease;
  width: 100%;
  will-change: transform;
}
.dragmatching .dragmatch-drop-cont .drop-col1 {
  flex-basis: calc(9.091% + 21px);
  max-width: calc(9.091% + 21px);
}
.dragmatching .dragmatch-drop-cont .drop-col2 {
  flex-basis: calc(20% + 21px);
  max-width: calc(20% + 21px);
}
.dragmatching .dragmatch-drop-cont .drop-col3 {
  flex-basis: calc(33.33333333% + 23px);
  max-width: calc(33.33333333% + 23px);
}
.dragmatching .dragmatch-drop-cont .drop-col4 {
  flex-basis: calc(50% + 23px);
  max-width: calc(50% + 23px);
}
.dragmatching .dragmatch-drop-cont .drop-col5 {
  flex-basis: calc(71.42857143% + 27px);
  max-width: calc(71.42857143% + 27px);
}
.dragmatching .dragmatch-drop-cont .drop-title-col11 {
  flex-basis: calc(90.909% - 21px);
  max-width: calc(90.909% - 21px);
}
.dragmatching .dragmatch-drop-cont .drop-title-col10 {
  flex-basis: calc(80% - 21px);
  max-width: calc(80% - 21px);
}
.dragmatching .dragmatch-drop-cont .drop-title-col9 {
  flex-basis: calc(66.66666666% - 23px);
  max-width: calc(66.66666666% - 23px);
}
.dragmatching .dragmatch-drop-cont .drop-title-col8 {
  flex-basis: calc(50% - 23px);
  max-width: calc(50% - 23px);
}
.dragmatching .dragmatch-drop-cont .drop-title-col7 {
  flex-basis: calc(28.57142857% - 27px);
  max-width: calc(28.57142857% - 27px);
}
.dragmatching .dragmatch-drop-cont .dragmatch-drop {
  position: relative;
  direction: ltr;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone {
  direction: ltr;
  position: relative;
  padding: 10px !important;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone .dragmatch-dropcontent {
  border: 2px dotted #737373;
  box-sizing: border-box;
  height: 94px;
  min-height: 94px;
  position: relative;
  transition: border 0.3s, transform 0.3s;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone .dragmatch-dropcontent.ratio {
  height: auto;
  min-height: auto;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone .dragmatch-dropcontent.hover {
  transform: scale(1.1, 1.1);
  border-color: #888;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone .dragmatch-dropcontent .dragmatch-drag-cont {
  opacity: 0;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone .dragmatch-dropcontent .dragmatch-drag-cont:before {
  content: none;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone .dragmatch-dropcontent .dragmatch-drag-cont.answered {
  opacity: 1;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone .dragmatch-dropcontent .dragmatch-drag-cont.answered .dragmatch-drag {
  transition: width 0.3s, height 0.3s, padding 0.3s, transform 0.3s;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone .dragmatch-dropcontent .dragmatch-drag-cont.answered.correct .fdbk, .dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone .dragmatch-dropcontent .dragmatch-drag-cont.answered.incorrect .fdbk, .dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone .dragmatch-dropcontent .dragmatch-drag-cont.answered.incorrectFinal .fdbk {
  opacity: 1;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone .dragmatch-dropcontent .dragmatch-drag-cont .fdbk {
  opacity: 0;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone .dragmatch-dropcontent .dragmatch-drag-cont .fdbk .fdbk-txt {
  display: none;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone .dragmatch-dropcontent .dragmatch-drag-cont.correct .fdbk-txt-correct {
  display: block;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone .dragmatch-dropcontent .dragmatch-drag-cont.incorrect .fdbk-txt-incorrect {
  display: block;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone .dragmatch-dropcontent .dragmatch-drag-cont.incorrectFinal .fdbk-txt-incorrect-final {
  display: block;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone-q {
  direction: ltr;
  padding: 10px !important;
  justify-self: center;
  align-self: center;
  text-align: center;
  font-weight: bold;
  line-height: 120%;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone-q {
  word-break: break-word;
  overflow-wrap: break-word;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone-q.align-left {
  text-align: left;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone-q.align-right {
  text-align: right;
}
.dragmatching .dragmatch-drag-cont {
  position: relative;
}
@keyframes fadeFdbkOut {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.dragmatching .dragmatch-drag-cont:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  border: 2px dotted #737373;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag {
  position: relative;
  height: 90px;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag.ratio1, .dragmatching .dragmatch-drag-cont .dragmatch-drag.ratio2, .dragmatching .dragmatch-drag-cont .dragmatch-drag.ratio3 {
  height: auto;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag.ratio1 .scale, .dragmatching .dragmatch-drag-cont .dragmatch-drag.ratio2 .scale, .dragmatching .dragmatch-drag-cont .dragmatch-drag.ratio3 .scale {
  position: absolute;
  top: 0;
  left: 0;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag.ratio1 {
  padding-top: 100%;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag.ratio2 {
  padding-top: 75%;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag.ratio3 {
  padding-top: 56.25%;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag .scale {
  width: 100%;
  height: 100%;
  position: relative;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag:not(.bg) .component {
  height: 100%;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag:not(.bg) .component .media-frame {
  height: 100%;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag:not(.bg) .component .media-frame .caption {
  display: none;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag:not(.bg) .component .media-frame .fpo {
  height: 100%;
  padding-top: 0;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag:not(.bg) .component .media-frame .fpo:after {
  font-size: 40px;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag:not(.bg) .component .media-frame .pullquote {
  height: 100%;
  display: flex;
  align-items: center;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag:not(.bg) .component .media-frame .pullquote h4 {
  margin: 0;
  padding: 0 12px;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag:not(.bg) .component.text {
  display: flex;
  justify-content: center;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag:not(.bg) .component.text.right {
  justify-content: flex-end;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag:not(.bg) .component.text.left {
  justify-content: flex-start;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag:not(.bg) .component.text .body-copy {
  padding: 0 12px;
  display: flex;
  align-self: center;
  text-align: center;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag .drag-comp {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag .component {
  margin-bottom: 0 !important;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag .component * {
  user-select: none;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag .component .media-frame .poster-zoom button {
  display: none;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag .drag-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag .drag-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 102%;
  min-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
.dragmatching .dragmatch-drag-cont .dragmatch-drag .drag-bg .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dragmatching .dragmatch-drag-cont.disabled {
  pointer-events: none;
}
.dragmatching .dragmatch-drag-cont.disabled * {
  pointer-events: none;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drag-cont.answered .dragmatch-drag .scale .fdbk-cont {
  animation: none;
  display: none;
  opacity: 0;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drag-cont.answered .dragmatch-drag .scale .fdbk-cont .fdbk {
  transform: none;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drag-cont.answered.active .dragmatch-drag .scale .fdbk-cont {
  display: block;
  opacity: 1;
  animation: fadeFdbkOut 5s forwards ease-in-out;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drag-cont.answered:not(.active) .dragmatch-drag .scale.hover .fdbk-cont {
  display: block;
  animation: none;
  opacity: 1;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drag-cont .dragmatch-drag .scale .fdbk-cont {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.dragmatching .dragmatch-drop-cont .dragmatch-drag-cont .dragmatch-drag .scale .fdbk-cont .fdbk {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  background: rgba(98, 99, 98, 0.9);
  transition: opacity 0.5s 5s ease-in-out !important;
}
.dragmatching .dragmatch-drop-cont .dragmatch-drag-cont .dragmatch-drag .scale .fdbk-cont .fdbk .fdbk-txt {
  position: relative;
  padding: 0 12px;
  font-size: 80%;
  line-height: 130%;
}
.dragmatching .dragmatch-col {
  z-index: 1;
}
.dragmatching .dragmatch-col.disabled .dragmatch-drag-cont .dragmatch-drag {
  cursor: default;
}
.dragmatching .dragmatch-col.disabled .dragmatch-drag-cont .dragmatch-drag .scale:before {
  content: none;
}
.dragmatching .dragmatch-col.flipped .dragmatch-drag-cont {
  margin-right: 12px;
  margin-left: 0;
}
.dragmatching .dragmatch-col.rotated .dragmatch-drag-cont:nth-child(even) {
  transform: rotate(1deg);
}
.dragmatching .dragmatch-col.rotated .dragmatch-drag-cont:nth-child(odd) {
  transform: rotate(-1deg);
}
.dragmatching .dragmatch-col .dragmatch-drags-cont.collapsed {
  position: relative;
  padding-top: 100%;
  margin-right: 12px;
}
.dragmatching .dragmatch-col .dragmatch-drags-cont.collapsed .dragmatch-drag-cont {
  position: absolute;
  top: 0;
  width: 100%;
  margin-right: 0;
}
.dragmatching .dragmatch-col .dragmatch-drags-cont.collapsed .dragmatch-drag-cont.incorrect .dragmatch-drag .scale .drag-comp, .dragmatching .dragmatch-col .dragmatch-drags-cont.collapsed .dragmatch-drag-cont.incorrectFinal .dragmatch-drag .scale .drag-comp {
  opacity: 1;
}
.dragmatching .dragmatch-col .dragmatch-drags-cont.collapsed .dragmatch-drag-cont:not(.incorrect):hover:not(.not-dragging), .dragmatching .dragmatch-col .dragmatch-drags-cont.collapsed .dragmatch-drag-cont:not(.incorrectFinal):hover:not(.not-dragging), .dragmatching .dragmatch-col .dragmatch-drags-cont.collapsed .dragmatch-drag-cont.dragging:not(.not-dragging) {
  z-index: 1;
}
.dragmatching .dragmatch-col .dragmatch-drags-cont.collapsed.empty {
  display: none;
}
.dragmatching .dragmatch-col .dragmatch-remaining {
  margin: 30px 30px 12px 30px;
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 2px solid #737373;
  font-size: 18px;
  font-family: "Caveat", handwriting;
  line-height: 130%;
  border-bottom: 2px solid #626362;
  direction: ltr;
}
.dragmatching .dragmatch-col .dragmatch-remaining span {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}
.dragmatching .dragmatch-col .dragmatch-remaining span.dragmatch-count {
  padding-left: 10px;
  font-size: 36px;
  font-weight: bold;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont {
  margin-left: 12px;
  margin-top: 22px;
  padding-bottom: 2px;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont.correct {
  display: none;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont.incorrect, .dragmatching .dragmatch-col .dragmatch-drag-cont.incorrectFinal {
  z-index: 1;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont.incorrect .dragmatch-drag .scale:before, .dragmatching .dragmatch-col .dragmatch-drag-cont.incorrectFinal .dragmatch-drag .scale:before {
  content: none;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont.incorrect .dragmatch-drag .scale .fdbk-cont, .dragmatching .dragmatch-col .dragmatch-drag-cont.incorrectFinal .dragmatch-drag .scale .fdbk-cont {
  animation: none;
  opacity: 0;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont.incorrect.active .dragmatch-drag .scale .fdbk-cont, .dragmatching .dragmatch-col .dragmatch-drag-cont.incorrectFinal.active .dragmatch-drag .scale .fdbk-cont {
  display: block;
  animation: fadeFdbkOut 5s forwards ease-in-out;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont.incorrect:not(.active) .dragmatch-drag .scale.hover .fdbk-cont, .dragmatching .dragmatch-col .dragmatch-drag-cont.incorrectFinal:not(.active) .dragmatch-drag .scale.hover .fdbk-cont {
  display: block;
  animation: none;
  opacity: 1;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont:not(.incorrect):hover:not(.not-dragging), .dragmatching .dragmatch-col .dragmatch-drag-cont:not(.incorrectFinal):hover:not(.not-dragging), .dragmatching .dragmatch-col .dragmatch-drag-cont.dragging:not(.not-dragging) {
  z-index: 3;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont .dragmatch-drag {
  cursor: move;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont .dragmatch-drag .scale:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.3s;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont .dragmatch-drag .scale.hover:before {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.dragmatching .dragmatch-col .dragmatch-drag-cont .dragmatch-drag .scale .drag-comp {
  transition: opacity 0.3s ease-in-out;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont .dragmatch-drag .scale .fdbk-cont {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont .dragmatch-drag .scale .fdbk-cont .fdbk {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  background: rgba(98, 99, 98, 0.9);
  transition: opacity 0.5s 5s ease-in-out !important;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont .dragmatch-drag .scale .fdbk-cont .fdbk .fdbk-txt {
  position: relative;
  padding: 0 12px;
  font-size: 80%;
  line-height: 130%;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont .dragmatch-drag:not(.react-draggable-dragging) {
  transition: all 0.5s;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont .dragmatch-drag.react-draggable-dragging {
  position: relative;
  z-index: 4;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont .dragmatch-drag.react-draggable-dragging .component {
  animation: removePE 0.4s forwards;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont .dragmatch-drag.react-draggable-dragging .component.text, .dragmatching .dragmatch-col .dragmatch-drag-cont .dragmatch-drag.react-draggable-dragging .component.pullquote {
  backface-visibility: visible;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont .dragmatch-drag.react-draggable-dragging .scale {
  transform: scale(1.1, 1.1);
}
@keyframes removePE {
  100% {
    pointer-events: none;
    user-select: none;
  }
}
.dragmatching .dragmatch-col .dragmatch-drag-cont .dragmatch-drag .dragmatch-btn-cont {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.dragmatching .dragmatch-col .dragmatch-drag-cont .dragmatch-drag .dragmatch-btn-cont.active {
  display: flex;
  padding: 6px;
  box-sizing: border-box;
}
.dragmatching .dragmedia-btn-cont {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 20px;
}
.dragmatching .dragmedia-btn-cont.disabled button.btn-summary {
  pointer-events: none;
  cursor: pointer;
  opacity: 0.5;
}
.dragmatching .dragmedia-btn-cont button.action {
  margin: 0 5px;
}
.dragmatching .dragmedia-btn-cont button.action:hover, .dragmatching .dragmedia-btn-cont button.action:active, .dragmatching .dragmedia-btn-cont button.action.focus, .dragmatching .dragmedia-btn-cont button.action:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
@media (max-width: 767px) {
  .dragmatching .dragdrop-title {
    max-height: 30px;
    padding-left: 4px;
    padding-right: 4px;
    width: calc(100% - 8px);
  }
  .dragmatching .dragdrop-title {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .dragmatching .dropmatch-col {
    width: 100%;
    height: 100%;
    min-height: 0;
    flex-basis: 100%;
    min-width: 100%;
  }
  .dragmatching .dropmatch-col .dragmatch-drags-cont.collapsed {
    margin-right: 0;
  }
  .dragmatching .dropmatch-col .dragmatch-drop-cont .drop-col1, .dragmatching .dropmatch-col .dragmatch-drop-cont .drop-col2, .dragmatching .dropmatch-col .dragmatch-drop-cont .drop-col3, .dragmatching .dropmatch-col .dragmatch-drop-cont .drop-col4, .dragmatching .dropmatch-col .dragmatch-drop-cont .drop-col5, .dragmatching .dropmatch-col .dragmatch-drop-cont .drop-title-col11, .dragmatching .dropmatch-col .dragmatch-drop-cont .drop-title-col10, .dragmatching .dropmatch-col .dragmatch-drop-cont .drop-title-col9, .dragmatching .dropmatch-col .dragmatch-drop-cont .drop-title-col8, .dragmatching .dropmatch-col .dragmatch-drop-cont .drop-title-col7 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .dragmatching .dropmatch-col .dragmatch-drop-cont.collapsed .dragmatch-drop .dragmatch-dropzone .dragmatch-dropcontent {
    cursor: pointer;
  }
  .dragmatching .dropmatch-col .dragmatch-drop-cont .dragmatch-dropzone {
    padding-bottom: 5px !important;
  }
  .dragmatching .dropmatch-col .dragmatch-drop-cont .dragmatch-dropzone .dragmatch-dropcontent.hover {
    transform: scale(1.03, 1.03);
  }
  .dragmatching .dropmatch-col .dragmatch-drop-cont .dragmatch-dropzone-q {
    padding-top: 0 !important;
  }
  .dragmatching .dragmatchrow {
    position: relative;
  }
  .dragmatching .dragmatch-col {
    position: absolute;
    top: 0;
    right: 0;
    flex-basis: 50%;
    height: 100%;
    transition: transform 0.5s ease-in-out;
    transform: translate(50%, 0);
    z-index: 1;
    min-width: calc(100% + 20px);
    pointer-events: none;
  }
  .dragmatching .dragmatch-col.forceClose {
    transform: translate(50%, 0) !important;
    pointer-events: none;
  }
  .dragmatching .dragmatch-col.forceClose * {
    pointer-events: none;
  }
  .dragmatching .dragmatch-col.forceClose .dragmatch-handle:before {
    transform: translate(-50%, -50%) rotate(-90deg) !important;
  }
  .dragmatching .dragmatch-col.forceClose.light-ui .dragmatch-handle:before {
    transform: translate(-50%, -50%) rotate(180deg) !important;
  }
  .dragmatching .dragmatch-col.disabled {
    visibility: hidden;
  }
  .dragmatching .dragmatch-col.inactive {
    transition: none;
    pointer-events: none;
  }
  .dragmatching .dragmatch-col.inactive * {
    pointer-events: none;
  }
  .dragmatching .dragmatch-col.active, .dragmatching .dragmatch-col.inactive {
    transform: translate(0, 0);
    pointer-events: auto;
  }
  .dragmatching .dragmatch-col.active .dragmatch-drag-slide-bg, .dragmatching .dragmatch-col.active .dragdrop-title, .dragmatching .dragmatch-col.active .dragmatch-remaining, .dragmatching .dragmatch-col.active .dragmatch-drag-cont, .dragmatching .dragmatch-col.inactive .dragmatch-drag-slide-bg, .dragmatching .dragmatch-col.inactive .dragdrop-title, .dragmatching .dragmatch-col.inactive .dragmatch-remaining, .dragmatching .dragmatch-col.inactive .dragmatch-drag-cont {
    transition: transform 0.5s ease-in-out;
  }
  .dragmatching .dragmatch-col.active .dragmatch-drag-slide-bg:before, .dragmatching .dragmatch-col.active .dragdrop-title:before, .dragmatching .dragmatch-col.active .dragmatch-remaining:before, .dragmatching .dragmatch-col.active .dragmatch-drag-cont:before, .dragmatching .dragmatch-col.inactive .dragmatch-drag-slide-bg:before, .dragmatching .dragmatch-col.inactive .dragdrop-title:before, .dragmatching .dragmatch-col.inactive .dragmatch-remaining:before, .dragmatching .dragmatch-col.inactive .dragmatch-drag-cont:before {
    transition: transform 0.5s ease-in-out;
  }
  .dragmatching .dragmatch-col.active.dragging .dragmatch-drag-slide-bg, .dragmatching .dragmatch-col.inactive.dragging .dragmatch-drag-slide-bg {
    transform: translateX(50%);
  }
  .dragmatching .dragmatch-col.active.dragging .dragdrop-title, .dragmatching .dragmatch-col.active.dragging .dragmatch-drag-cont.not-dragging, .dragmatching .dragmatch-col.active.dragging .dragmatch-remaining, .dragmatching .dragmatch-col.active.dragging .dragmatch-drag-cont.dragging:before, .dragmatching .dragmatch-col.inactive.dragging .dragdrop-title, .dragmatching .dragmatch-col.inactive.dragging .dragmatch-drag-cont.not-dragging, .dragmatching .dragmatch-col.inactive.dragging .dragmatch-remaining, .dragmatching .dragmatch-col.inactive.dragging .dragmatch-drag-cont.dragging:before {
    transform: translateX(50%) translateX(30px);
  }
  .dragmatching .dragmatch-col.active.dragging.mobile .dragdrop-title, .dragmatching .dragmatch-col.active.dragging .dragmatch-drag-cont.not-dragging, .dragmatching .dragmatch-col.active.dragging .dragdrop-title, .dragmatching .dragmatch-col.active.dragging .dragmatch-remaining, .dragmatching .dragmatch-col.active.dragging .dragmatch-drag-cont.dragging:before, .dragmatching .dragmatch-col.inactive.dragging.mobile .dragdrop-title, .dragmatching .dragmatch-col.inactive.dragging .dragmatch-drag-cont.not-dragging, .dragmatching .dragmatch-col.inactive.dragging .dragdrop-title, .dragmatching .dragmatch-col.inactive.dragging .dragmatch-remaining, .dragmatching .dragmatch-col.inactive.dragging .dragmatch-drag-cont.dragging:before {
    transform: translateX(50%) translateX(20px);
  }
  .dragmatching .dragmatch-col.active.dragging .dragmatch-drag-slide .dragmatch-drag-slide-entry, .dragmatching .dragmatch-col.inactive.dragging .dragmatch-drag-slide .dragmatch-drag-slide-entry {
    z-index: 1;
  }
  .dragmatching .dragmatch-col.active .dragmatch-drag-slide .dragmatch-drag-slide-entry, .dragmatching .dragmatch-col.inactive .dragmatch-drag-slide .dragmatch-drag-slide-entry {
    visibility: visible;
  }
  .dragmatching .dragmatch-col.active .dragmatch-handle:before, .dragmatching .dragmatch-col.inactive .dragmatch-handle:before {
    transform: translate(-50%, -50%) rotate(-270deg);
  }
  .dragmatching .dragmatch-col.active.light-ui .dragmatch-handle:before, .dragmatching .dragmatch-col.inactive.light-ui .dragmatch-handle:before {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  .dragmatching .dragmatch-col .dragmatch-handle {
    position: absolute;
    top: 50%;
    width: 68px;
    height: 34px;
    left: 0;
    cursor: pointer;
    background: #333333;
    border-radius: 17px 0 0 17px;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.7);
    clip: rect(-20px 35px 60px -20px);
    pointer-events: auto;
    transition: top 0.3s ease-in-out;
    will-change: top;
    z-index: 1;
  }
  .dragmatching .dragmatch-col .dragmatch-handle.dropZ {
    z-index: 0;
  }
  .dragmatching .dragmatch-col .dragmatch-handle:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 25%;
    width: 15px;
    height: 15px;
    transition: transform 0.5s ease-in-out;
    transform: translate(-50%, -50%) rotate(-90deg);
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrow_up_white.svg");
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .dragmatching .dragmatch-col .dragdrop-title {
    color: #fff;
  }
  .dragmatching .dragmatch-col.light-ui .dragdrop-title {
    color: inherit;
  }
  .dragmatching .dragmatch-col.light-ui .dragmatch-handle {
    background: #df1959;
  }
  .dragmatching .dragmatch-col.light-ui .dragmatch-handle:before {
    transform: translate(-50%, -50%) rotate(180deg);
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrow_next_gray.svg");
  }
  .dragmatching .dragmatch-col.light-ui .dragmatch-drag-slide .dragmatch-drag-slide-bg {
    background: #df1959;
    backface-visibility: hidden;
  }
  .dragmatching .dragmatch-col.light-ui .dragmatch-drag-slide .dragmatch-drag-slide-entry .dragmatch-drag-cont:before {
    border-color: rgba(0, 0, 0, 0.2);
  }
  .dragmatching .dragmatch-col.light-ui .dragmatch-drag-slide .component .pullquote h4 {
    color: inherit;
  }
  .dragmatching .dragmatch-col.light-ui .dragmatch-drag-slide .component.text .body-copy {
    color: inherit;
  }
  .dragmatching .dragmatch-col.light-ui .dragmatch-drag-slide .component .caption {
    color: inherit;
  }
  .dragmatching .dragmatch-col:not(.light-ui) .dragmatch-remaining {
    border-bottom-color: #fff;
  }
  .dragmatching .dragmatch-col:not(.light-ui) .dragmatch-remaining span {
    color: #fff;
  }
  .dragmatching .dragmatch-col .dragmatch-drag-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
  }
  .dragmatching .dragmatch-col .dragmatch-drag-slide .dragmatch-drag-slide-bg {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    background: #333333;
    box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.7);
  }
  .dragmatching .dragmatch-col .dragmatch-drag-slide .dragmatch-drag-slide-entry {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 100%;
    top: 0;
    right: 0;
    backface-visibility: hidden;
    transform: translateZ(0);
    visibility: hidden;
    transition: visibility 0.5s ease-in-out;
    padding: 0 20px;
    padding-left: calc(50% + 20px) !important;
    box-sizing: border-box;
    overflow: hidden;
  }
  .dragmatching .dragmatch-col .dragmatch-drag-slide .dragmatch-drag-slide-entry .dragmatch-drags-cont .dragmatch-drag-cont {
    margin-left: 0;
    margin-right: 0;
  }
  .dragmatching .dragmatch-col .dragmatch-drag-slide .dragmatch-drag-slide-entry .dragmatch-drags-cont .dragmatch-drag-cont:before {
    border-color: #fff;
  }
  .dragmatching .dragmatch-col .dragmatch-drag-slide .dragmatch-drag-slide-entry .dragmatch-drags-cont.collapsed .dragmatch-drag-cont {
    margin-top: 0;
  }
  .dragmatching .dragmatch-col .dragmatch-drag-slide .dragmatch-remaining {
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
  }
  .dragmatching .dragmatch-col .dragmatch-drag-slide .dragmatch-remaining:before {
    border-color: #fff;
  }
  .dragmatching .dragmatch-col .dragmatch-drag-slide .component .pullquote h4 {
    font-size: 80%;
    margin: 4px 0;
  }
  .dragmatching .dragmatch-col .dragmatch-drag-slide .component .pullquote h4 {
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .dragmatching .dragmatch-col .dragmatch-drag-slide .component .fpo:after {
    font-size: 40px;
  }
  .dragmatching .dragmatch-col .dragmatch-drag-slide .component.text .body-copy {
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .dragmatching .dragmatch-col .dragmatch-drag-slide .component .slideshow .slideshow-animate img {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  .dragmatching .dragmatch-col .dragmatch-drag-slide .component .slideshow .slideshow-animate img.hide {
    opacity: 1 !important;
  }
  .dragmatching .dragmatch-col .dragmatch-drag-slide .component .slideshow .slideshow-btns {
    margin-top: 2px;
  }
  .dragmatching .dragmatch-col .dragmatch-drag-slide .component .slideshow .slideshow-btns li {
    width: 6px;
    height: 14px;
    margin: 0 2px;
  }
  .dragmatching .dragmatch-col .dragmatch-drag-slide .component .slideshow .slideshow-btns li:before {
    width: 6px;
    height: 6px;
  }
  .dragmatching .dragmatch-col .dragmatch-drag-slide .component .before-after .label {
    font-size: 80%;
  }
  .dragmatching .dragmatch-col.flipped {
    right: auto;
    left: calc(100% + 20px);
    transform: translate(-150%, 0);
    transition: transform 0.5s ease-in-out;
  }
  .dragmatching .dragmatch-col.flipped.forceClose {
    transform: translate(-150%, 0) !important;
  }
  .dragmatching .dragmatch-col.flipped.forceClose .dragmatch-handle:before {
    transform: translate(-50%, -50%) rotate(-270deg) !important;
  }
  .dragmatching .dragmatch-col.flipped.forceClose.light-ui .dragmatch-handle:before {
    transform: translate(-50%, -50%) rotate(0deg) !important;
  }
  .dragmatching .dragmatch-col.flipped.active, .dragmatching .dragmatch-col.flipped.inactive {
    transform: translateX(-100%) translateX(-20px);
  }
  .dragmatching .dragmatch-col.flipped.active .dragdrop-title, .dragmatching .dragmatch-col.flipped.active .dragmatch-remaining, .dragmatching .dragmatch-col.flipped.active .dragmatch-drag-cont, .dragmatching .dragmatch-col.flipped.inactive .dragdrop-title, .dragmatching .dragmatch-col.flipped.inactive .dragmatch-remaining, .dragmatching .dragmatch-col.flipped.inactive .dragmatch-drag-cont {
    transition: transform 0.5s ease-in-out;
  }
  .dragmatching .dragmatch-col.flipped.active .dragdrop-title:before, .dragmatching .dragmatch-col.flipped.active .dragmatch-remaining:before, .dragmatching .dragmatch-col.flipped.active .dragmatch-drag-cont:before, .dragmatching .dragmatch-col.flipped.inactive .dragdrop-title:before, .dragmatching .dragmatch-col.flipped.inactive .dragmatch-remaining:before, .dragmatching .dragmatch-col.flipped.inactive .dragmatch-drag-cont:before {
    transition: transform 0.5s ease-in-out;
  }
  .dragmatching .dragmatch-col.flipped.active.dragging .dragmatch-drag-slide-bg, .dragmatching .dragmatch-col.flipped.inactive.dragging .dragmatch-drag-slide-bg {
    transform: translateX(-50%) translateX(10px);
  }
  .dragmatching .dragmatch-col.flipped.active.dragging .dragdrop-title, .dragmatching .dragmatch-col.flipped.active.dragging .dragmatch-drag-cont.not-dragging, .dragmatching .dragmatch-col.flipped.active.dragging .dragmatch-remaining, .dragmatching .dragmatch-col.flipped.active.dragging .dragmatch-drag-cont.dragging:before, .dragmatching .dragmatch-col.flipped.inactive.dragging .dragdrop-title, .dragmatching .dragmatch-col.flipped.inactive.dragging .dragmatch-drag-cont.not-dragging, .dragmatching .dragmatch-col.flipped.inactive.dragging .dragmatch-remaining, .dragmatching .dragmatch-col.flipped.inactive.dragging .dragmatch-drag-cont.dragging:before {
    transform: translateX(-50%) translateX(-30px);
  }
  .dragmatching .dragmatch-col.flipped.active.dragging.mobile .dragdrop-title, .dragmatching .dragmatch-col.flipped.active.dragging .dragmatch-drag-cont.not-dragging, .dragmatching .dragmatch-col.flipped.active.dragging .dragdrop-title, .dragmatching .dragmatch-col.flipped.active.dragging .dragmatch-remaining, .dragmatching .dragmatch-col.flipped.active.dragging .dragmatch-drag-cont.dragging:before, .dragmatching .dragmatch-col.flipped.inactive.dragging.mobile .dragdrop-title, .dragmatching .dragmatch-col.flipped.inactive.dragging .dragmatch-drag-cont.not-dragging, .dragmatching .dragmatch-col.flipped.inactive.dragging .dragdrop-title, .dragmatching .dragmatch-col.flipped.inactive.dragging .dragmatch-remaining, .dragmatching .dragmatch-col.flipped.inactive.dragging .dragmatch-drag-cont.dragging:before {
    transform: translateX(-50%) translateX(-20px);
  }
  .dragmatching .dragmatch-col.flipped.active .dragmatch-handle:before, .dragmatching .dragmatch-col.flipped.inactive .dragmatch-handle:before {
    transform: translate(-50%, -50%) rotate(-90deg);
  }
  .dragmatching .dragmatch-col.flipped.active.light-ui .dragmatch-handle:before, .dragmatching .dragmatch-col.flipped.inactive.light-ui .dragmatch-handle:before {
    transform: translate(-50%, -50%) rotate(180deg);
  }
  .dragmatching .dragmatch-col.flipped:not(.mobile) .dragmatch-drag-slide {
    direction: rtl;
  }
  .dragmatching .dragmatch-col.flipped .dragmatch-drag-slide .dragmatch-drag-slide-bg {
    margin-left: 0;
    left: 0;
    right: auto;
  }
  .dragmatching .dragmatch-col.flipped .dragmatch-drag-slide .dragmatch-drag-slide-entry {
    padding-left: 20px !important;
    padding-right: calc(50% + 20px) !important;
    right: auto;
    left: 20px;
    width: calc(100% - 20px);
  }
  .dragmatching .dragmatch-col.flipped .dragmatch-drag-slide .dragmatch-drag-slide-entry .dragmatch-drag-cont .scale {
    direction: ltr;
  }
  .dragmatching .dragmatch-col.flipped .dragmatch-handle {
    clip: rect(-20px 84px 60px 33px);
    border-radius: 0 17px 17px 0;
    left: 100%;
  }
  .dragmatching .dragmatch-col.flipped .dragmatch-handle:before {
    left: 75%;
    transform: translate(-50%, -50%) rotate(-270deg);
  }
  .dragmatching .dragmatch-col.flipped.light-ui .dragmatch-handle:before {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  .dragmatching.phone .dragmatch-col.flipped.active.dragging .dragmatch-drag-slide-bg {
    margin-left: 0 !important;
  }
  .dragmatching.phone .dragmatch-drop.row {
    flex-direction: column-reverse;
  }
  .dragmatching.phone .dragmatch-drop.row .dragmatch-dropzone-q {
    padding: 20px 0 0 0 !important;
  }
  .dragmatching.phone .dragmatch-drop.row .dragmatch-dropzone {
    max-width: 100%;
    width: 100%;
  }
  .dragmatching.phone .dragmatch-drop.row:first-of-type .dragmatch-dropzone-q {
    padding-top: 0 !important;
  }
}
body[dir="RTL"] .dragmatching .dragmatch-col .dragmatch-drag-slide {
  direction: ltr;
}
body[dir="RTL"] .dragmatching .dragmatch-col .dragmatch-drag-slide .dragmatch-drag-slide-entry .dragmatch-drag-cont {
  direction: rtl;
  margin-right: 12px;
  margin-left: 0;
}
body[dir="RTL"] .dragmatching .dragmatch-col.flipped:not(.mobile) .dragmatch-drag-slide {
  direction: rtl;
}
body[dir="RTL"] .dragmatching .dragmatch-col.flipped .dragmatch-drag-slide .dragmatch-drag-slide-entry .dragmatch-drag-cont {
  margin-right: 0;
  margin-left: 12px;
}
body[dir="RTL"] .dragmatching .dragmatch-col.flipped .dragmatch-drag-slide .dragmatch-drag-slide-entry .dragmatch-drag-cont .scale {
  direction: ltr;
}
body[dir="RTL"] .dragmatching .dragmatch-col.flipped .dragmatch-drag-slide .dragmatch-drag-slide-entry .dragmatch-drag-cont .scale .component .pullquote {
  direction: rtl;
}
body[dir="RTL"] .dragmatching .dragmatch-drop-cont .dragmatch-drop .dragmatch-dropzone {
  direction: rtl;
}
@media (max-width: 767px) {
  body[dir="RTL"] .dragmatching .dragmatch-col .dragmatch-drag-slide .dragmatch-drag-slide-entry .dragmatch-drag-cont {
    margin-left: 0;
    margin-right: 0;
  }
  body[dir="RTL"] .dragmatching .dragmatch-col .dragmatch-drag-slide .dragmatch-drag-slide-entry .dragmatch-drag-cont .component.media {
    direction: rtl;
  }
  body[dir="RTL"] .dragmatching .dragmatch-col .dragmatch-drag-slide .dragmatch-drag-slide-entry .dragmatch-drag-cont .component.media * {
    direction: rtl;
  }
}
.dragmediatomedia {
  overflow: visible;
}
.dragmediatomedia .dragdrop-title {
  margin: 10px 0;
  text-align: center;
  font-size: 14px;
  font-family: "Caveat", handwriting;
  font-weight: bold;
  line-height: 110%;
  position: relative;
}
.dragmediatomedia .dropmedia-col {
  position: relative;
  overflow: hidden;
}
.dragmediatomedia .dragmedia-drop-cont {
  position: relative;
  transition: transform 0.5s ease;
  will-change: transform;
  backface-visibilty: hidden;
}
.dragmediatomedia .dragmedia-drop-cont.bg {
  position: absolute;
  width: 100%;
  height: calc(100vh - 110px);
  max-height: calc(100vh - 110px);
}
.dragmediatomedia .dragmedia-drop-cont.bg .dragmedia-drop {
  height: 100%;
}
.dragmediatomedia .dragmedia-drop-cont.bg .dragmedia-drop .drop-bg {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.dragmediatomedia .dragmedia-drop-cont.bg .dragmedia-drop .drop-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
.dragmediatomedia .dragmedia-drop-cont.bg .dragmedia-drop .drop-bg .gradient {
  height: 100%;
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-drop {
  position: relative;
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-drop .drop-bg {
  height: 100%;
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-drop .component {
  margin-bottom: 0 !important;
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-inlinesummary {
  position: absolute;
  max-height: 250px;
  max-width: 250px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  color: #000;
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-inlinesummary.active {
  opacity: 1;
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-inlinesummary .feedback-cont {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background: rgba(153, 153, 153, 0.9);
  box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.7);
  overflow: hidden;
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-inlinesummary .feedback {
  display: flex;
  position: relative;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-inlinesummary .feedback p {
  margin: 0;
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-inlinesummary .feedback .feedback-sizing {
  display: flex;
  width: 100%;
  min-height: 170px;
  max-height: 170px;
  flex-direction: column;
  justify-content: center;
  margin: 40px 0;
  padding: 0 10px;
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-inlinesummary .feedback .feedback-sizing {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-inlinesummary .feedback .feedback-sizing h4 {
  margin-top: 0;
  margin-bottom: 10px;
  text-align: center;
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-inlinesummary .feedback .feedback-sizing .component {
  flex: none;
  margin-bottom: 20px !important;
  text-align: center;
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-inlinesummary .feedback .feedback-sizing .component:last-of-type {
  margin-bottom: 0 !important;
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-inlinesummary.top-left {
  top: 0;
  left: 0;
  transform: translate(25px, 25px);
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-inlinesummary.top-center {
  top: 0;
  transform: translate(-50%, 25px);
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-inlinesummary.top-right {
  top: 0;
  left: auto;
  right: 0;
  transform: translate(-25px, 25px);
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-inlinesummary.center-right {
  left: auto;
  right: 0;
  transform: translate(-25px, 0);
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-inlinesummary.center-left {
  left: 0;
  transform: translate(25px, 0);
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-inlinesummary.bottom-right {
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  transform: translate(-25px, -25px);
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-inlinesummary.bottom-left {
  top: auto;
  bottom: 0;
  left: 0;
  transform: translate(25px, -25px);
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-inlinesummary.bottom-center {
  top: auto;
  bottom: 0;
  transform: translate(-50%, -25px);
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-btn-cont {
  backface-visibility: hidden;
  bottom: -10px;
  text-align: center;
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-btn-cont.active {
  display: flex;
}
.dragmediatomedia .dragmedia-drop-cont .dragmedia-btn-cont button.action:hover, .dragmediatomedia .dragmedia-drop-cont .dragmedia-btn-cont button.action:active, .dragmediatomedia .dragmedia-drop-cont .dragmedia-btn-cont button.action.focus, .dragmediatomedia .dragmedia-drop-cont .dragmedia-btn-cont button.action:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
.dragmediatomedia .dragmedia-col {
  z-index: 1;
}
.dragmediatomedia .dragmedia-col.disabled .dragmedia-drag-cont .dragmedia-drag {
  cursor: default;
}
.dragmediatomedia .dragmedia-col.disabled .dragmedia-drag-cont .dragmedia-drag .scale:before {
  content: none;
}
.dragmediatomedia .dragmedia-col.flipped .dragmedia-drag-cont {
  margin-left: 0;
  margin-right: 12px;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont {
  position: relative;
  margin-left: 12px;
  margin-bottom: 20px;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont.correct .dragmedia-drag .scale {
  visibility: hidden;
}
@keyframes fadeFdbkOut {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont.incorrect {
  z-index: 1;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont.incorrect .dragmedia-drag {
  pointer-events: none;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont.incorrect .dragmedia-drag * {
  pointer-events: none;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont.incorrect .dragmedia-drag .scale:before {
  content: none;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont.incorrect .dragmedia-drag .scale .drag-comp {
  opacity: 0.55;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont.incorrect .dragmedia-drag .scale .fdbk-incorrect-cont {
  animation: none;
  opacity: 0;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont.incorrect.active .dragmedia-drag .scale .fdbk-incorrect-cont {
  display: block;
  animation: fadeFdbkOut 5s forwards ease-in-out;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont.incorrect:not(.active) .dragmedia-drag .scale.hover .fdbk-incorrect-cont {
  display: block;
  animation: none;
  opacity: 1;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont:not(.incorrect):hover {
  z-index: 3;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  border: 2px dashed #737373;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont.incorrect .icon-plus, .dragmediatomedia .dragmedia-col .dragmedia-drag-cont.dragging .icon-plus {
  display: none;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .icon-plus {
  background-color: #626362;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 10px 10px !important;
  height: 24px;
  padding: 0;
  position: absolute;
  right: -9px;
  top: -9px;
  width: 24px;
  z-index: 1;
  cursor: pointer;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/plus_white.svg") !important;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .icon-plus {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .icon-plus:hover, .dragmediatomedia .dragmedia-col .dragmedia-drag-cont .icon-plus:active, .dragmediatomedia .dragmedia-col .dragmedia-drag-cont .icon-plus.focus, .dragmediatomedia .dragmedia-col .dragmedia-drag-cont .icon-plus:focus {
  background-color: black !important;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag {
  position: relative;
  cursor: move;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag.bg .drag-bg {
  padding-top: 56.25%;
  position: relative;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .scale {
  width: 100%;
  height: 100%;
  position: relative;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .scale:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.3s;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .scale.hover:before {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .scale.scaleUp {
  transform: scale(1.1, 1.1);
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .scale .drag-comp {
  transition: opacity 0.3s ease-in-out;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .scale .fdbk-incorrect-cont {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1.1, 1.1);
  z-index: 2;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .scale .fdbk-incorrect-cont .fdbk-incorrect {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  background: rgba(98, 99, 98, 0.9);
  transition: opacity 0.5s 5s ease-in-out !important;
  transform: translate(0, -4000px);
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .scale .fdbk-incorrect-cont .fdbk-incorrect .fdbk-incorrect-txt {
  position: relative;
  padding: 0 12px;
  font-size: 80%;
  line-height: 130%;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag:not(.bg) .component .media-frame .ba-media, .dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag:not(.bg) .component .media-frame .cont-adobeedge, .dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag:not(.bg) .component .media-frame .image, .dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag:not(.bg) .component .media-frame .poster-zoom img, .dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag:not(.bg) .component .media-frame .panorama, .dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag:not(.bg) .component .media-frame .slideshow {
  pointer-events: none;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag:not(.bg) .component .media-frame .ba-media *, .dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag:not(.bg) .component .media-frame .cont-adobeedge *, .dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag:not(.bg) .component .media-frame .image *, .dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag:not(.bg) .component .media-frame .poster-zoom img *, .dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag:not(.bg) .component .media-frame .panorama *, .dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag:not(.bg) .component .media-frame .slideshow * {
  pointer-events: none;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag:not(.bg) .component .media-frame .caption {
  padding: 0 6px 4px 6px;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag:not(.bg) .component .media-frame .pullquote h4 {
  padding: 0 12px;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag:not(.bg) .component .media-frame .slideshow .slideshow-animate img {
  position: relative;
  transform: translate3d(0, 0, 0);
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag:not(.bg) .component .media-frame .slideshow .slideshow-animate img.hide {
  opacity: 1 !important;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag:not(.bg) .component.text .body-copy {
  padding: 4px 12px;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag:not(.react-draggable-dragging) {
  transition: all 0.5s;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag.react-draggable-dragging {
  position: relative;
  z-index: 4;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag.react-draggable-dragging .component {
  animation: removePE 0.4s forwards;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag.react-draggable-dragging .component.text, .dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag.react-draggable-dragging .component.pullquote {
  backface-visibility: visible;
}
@keyframes removePE {
  100% {
    pointer-events: none;
    user-select: none;
  }
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .drag-comp {
  position: relative;
  width: 100%;
  height: 100%;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .component {
  margin-bottom: 0 !important;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .component * {
  user-select: none;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .component .media-frame .poster-zoom button {
  display: none;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .drag-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .drag-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 102%;
  min-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .drag-bg .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .dragmedia-btn-cont {
  top: 0;
  height: 100%;
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .dragmedia-btn-cont.active {
  display: flex;
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .dragmedia-btn-cont button.action:hover, .dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .dragmedia-btn-cont button.action:active, .dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .dragmedia-btn-cont button.action.focus, .dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .dragmedia-btn-cont button.action:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
.dragmediatomedia .dragmedia-col .dragmedia-drag-cont .dragmedia-drag .dragmedia-btn-cont.active {
  padding: 6px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .dragmediatomedia .dragdrop-title {
    width: 100%;
  }
  .dragmediatomedia.navHidden .dropmedia-col {
    min-height: 100vh;
  }
  .dragmediatomedia .dropmedia-col {
    width: 100%;
    min-height: calc(100vh - 35px);
    flex-basis: 100%;
    min-width: 100%;
    backface-visibility: hidden;
  }
  .dragmediatomedia .dropmedia-col:not(.bg) {
    min-height: 0;
  }
  .dragmediatomedia .dropmedia-col.disabled {
    height: auto;
    min-height: 0;
  }
  .dragmediatomedia .dropmedia-col.disabled .dragmedia-drop-cont.inline {
    position: relative;
    min-height: 290px;
  }
  .dragmediatomedia .dropmedia-col.disabled .dragmedia-drag {
    touch-action: auto !important;
    cursor: initial;
  }
  .dragmediatomedia .dropmedia-col.disabled .dragmedia-drag .scale:before {
    content: none;
  }
  .dragmediatomedia .dropmedia-col .dragmedia-drop-cont.bg {
    max-height: none;
    height: 100%;
  }
  .dragmediatomedia .dragmedia-row {
    position: relative;
  }
  .dragmediatomedia .dragmedia-col {
    position: absolute;
    top: 0;
    right: 0;
    flex-basis: 50%;
    height: 100%;
    transform: translate(50%, 0);
    transition: transform 0.5s ease-in-out;
    z-index: 1;
    min-width: calc(100% + 20px);
    pointer-events: none;
  }
  .dragmediatomedia .dragmedia-col.inactive {
    transition: none;
    pointer-events: none;
  }
  .dragmediatomedia .dragmedia-col.inactive * {
    pointer-events: none;
  }
  .dragmediatomedia .dragmedia-col.zindex .dragmedia-drag-slide .dragmedia-drag-slide-entry {
    z-index: 1;
  }
  .dragmediatomedia .dragmedia-col.active, .dragmediatomedia .dragmedia-col.inactive {
    transform: translate(0, 0);
    pointer-events: auto;
  }
  .dragmediatomedia .dragmedia-col.active .dragmedia-drag-slide-bg, .dragmediatomedia .dragmedia-col.active .dragdrop-title, .dragmediatomedia .dragmedia-col.active .dragmedia-drag-cont, .dragmediatomedia .dragmedia-col.inactive .dragmedia-drag-slide-bg, .dragmediatomedia .dragmedia-col.inactive .dragdrop-title, .dragmediatomedia .dragmedia-col.inactive .dragmedia-drag-cont {
    transition: transform 0.5s ease-in-out;
  }
  .dragmediatomedia .dragmedia-col.active .dragmedia-drag-slide-bg:before, .dragmediatomedia .dragmedia-col.active .dragdrop-title:before, .dragmediatomedia .dragmedia-col.active .dragmedia-drag-cont:before, .dragmediatomedia .dragmedia-col.inactive .dragmedia-drag-slide-bg:before, .dragmediatomedia .dragmedia-col.inactive .dragdrop-title:before, .dragmediatomedia .dragmedia-col.inactive .dragmedia-drag-cont:before {
    transition: transform 0.5s ease-in-out;
  }
  .dragmediatomedia .dragmedia-col.active.dragging .dragmedia-drag-slide-bg, .dragmediatomedia .dragmedia-col.inactive.dragging .dragmedia-drag-slide-bg {
    transform: translateX(50%);
  }
  .dragmediatomedia .dragmedia-col.active.dragging .dragdrop-title, .dragmediatomedia .dragmedia-col.active.dragging .dragmedia-drag-cont.not-dragging, .dragmediatomedia .dragmedia-col.active.dragging .dragmedia-drag-cont.dragging:before, .dragmediatomedia .dragmedia-col.inactive.dragging .dragdrop-title, .dragmediatomedia .dragmedia-col.inactive.dragging .dragmedia-drag-cont.not-dragging, .dragmediatomedia .dragmedia-col.inactive.dragging .dragmedia-drag-cont.dragging:before {
    transform: translateX(50%) translateX(30px);
  }
  .dragmediatomedia .dragmedia-col.active.dragging.mobile .dragdrop-title, .dragmediatomedia .dragmedia-col.active.dragging.mobile .dragmedia-drag-cont.not-dragging, .dragmediatomedia .dragmedia-col.active.dragging.mobile .dragmedia-drag-cont.dragging:before, .dragmediatomedia .dragmedia-col.inactive.dragging.mobile .dragdrop-title, .dragmediatomedia .dragmedia-col.inactive.dragging.mobile .dragmedia-drag-cont.not-dragging, .dragmediatomedia .dragmedia-col.inactive.dragging.mobile .dragmedia-drag-cont.dragging:before {
    transform: translateX(50%) translateX(20px);
  }
  .dragmediatomedia .dragmedia-col.active.dragging .dragmedia-drag-slide .dragmedia-drag-slide-entry, .dragmediatomedia .dragmedia-col.inactive.dragging .dragmedia-drag-slide .dragmedia-drag-slide-entry {
    z-index: 1;
  }
  .dragmediatomedia .dragmedia-col.active .dragmedia-drag-slide .dragmedia-drag-slide-entry, .dragmediatomedia .dragmedia-col.inactive .dragmedia-drag-slide .dragmedia-drag-slide-entry {
    visibility: visible;
  }
  .dragmediatomedia .dragmedia-col.active .dragmedia-handle:before, .dragmediatomedia .dragmedia-col.inactive .dragmedia-handle:before {
    transform: translate(-50%, -50%) rotate(-270deg);
  }
  .dragmediatomedia .dragmedia-col.active.light-ui .dragmedia-handle:before, .dragmediatomedia .dragmedia-col.inactive.light-ui .dragmedia-handle:before {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  .dragmediatomedia .dragmedia-col .dragmedia-handle {
    position: absolute;
    top: 50%;
    width: 68px;
    height: 34px;
    left: 0;
    cursor: pointer;
    background: #333333;
    border-radius: 17px 0 0 17px;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.7);
    clip: rect(-20px 35px 60px -20px);
    pointer-events: auto;
    z-index: 1;
  }
  .dragmediatomedia .dragmedia-col .dragmedia-handle:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 25%;
    width: 15px;
    height: 15px;
    transition: transform 0.5s ease-in-out;
    transform: translate(-50%, -50%) rotate(-90deg);
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrow_up_white.svg");
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .dragmediatomedia .dragmedia-col .dragdrop-title {
    color: #fff;
  }
  .dragmediatomedia .dragmedia-col.light-ui .dragdrop-title {
    color: inherit;
  }
  .dragmediatomedia .dragmedia-col.light-ui .dragmedia-handle {
    background: #df1959;
  }
  .dragmediatomedia .dragmedia-col.light-ui .dragmedia-handle:before {
    transform: translate(-50%, -50%) rotate(180deg);
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrow_next_gray.svg");
  }
  .dragmediatomedia .dragmedia-col.light-ui .dragmedia-drag-slide .dragmedia-drag-slide-bg {
    background: #df1959;
    backface-visibility: hidden;
  }
  .dragmediatomedia .dragmedia-col.light-ui .dragmedia-drag-slide .dragmedia-drag-slide-entry .dragmedia-drag-cont:before {
    border: 2px dashed #5f5e5e;
  }
  .dragmediatomedia .dragmedia-col.light-ui .dragmedia-drag-slide .component .pullquote h4 {
    color: inherit;
  }
  .dragmediatomedia .dragmedia-col.light-ui .dragmedia-drag-slide .component.text .body-copy {
    color: inherit;
  }
  .dragmediatomedia .dragmedia-col.light-ui .dragmedia-drag-slide .component .caption {
    color: inherit;
  }
  .dragmediatomedia .dragmedia-col:not(.light-ui) .dragmedia-drag-slide .component .slideshow li:before {
    background: #fff;
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .dragmedia-drag-slide-bg {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    background: #333333;
    box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.7);
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .dragmedia-drag-slide-entry {
    box-sizing: border-box;
    height: 100%;
    min-height: 100%;
    padding: 0 20px;
    padding-left: calc(50% + 20px) !important;
    position: absolute;
    right: 0;
    top: 0;
    transition: visibility 0.5s ease-in-out;
    visibility: hidden;
    width: 100%;
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .dragmedia-drag-slide-entry {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .dragmedia-drag-slide-entry .dragmedia-drag-cont {
    margin-left: 0;
    margin-right: 0;
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .component .pullquote h4 {
    font-size: 80%;
    margin: 4px 0;
    color: #fff;
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .component .pullquote h4 {
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .component .fpo:after {
    font-size: 40px;
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .component.text .body-copy {
    color: #fff;
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .component.text .body-copy {
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .component.text .body-copy p {
    font-size: 80%;
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .component .poster-zoom {
    margin-bottom: 0;
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .component .caption {
    font-size: 70%;
    color: #fff;
    line-height: 130%;
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .component .caption {
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .component .slideshow .slideshow-animate img {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .component .slideshow .slideshow-animate img.hide {
    opacity: 1 !important;
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .component .slideshow .slideshow-btns {
    margin-top: 2px;
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .component .slideshow .slideshow-btns li {
    width: 6px;
    height: 14px;
    margin: 0 2px;
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .component .slideshow .slideshow-btns li:before {
    width: 6px;
    height: 6px;
  }
  .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .component .before-after .label {
    font-size: 80%;
  }
  .dragmediatomedia .dragmedia-col.flipped {
    right: auto;
    left: calc(100% + 20px);
    transform: translate(-150%, 0);
  }
  .dragmediatomedia .dragmedia-col.flipped.active, .dragmediatomedia .dragmedia-col.flipped.inactive {
    transform: translateX(-100%) translateX(-20px);
  }
  .dragmediatomedia .dragmedia-col.flipped.active .dragdrop-title, .dragmediatomedia .dragmedia-col.flipped.active .dragmedia-drag-cont, .dragmediatomedia .dragmedia-col.flipped.inactive .dragdrop-title, .dragmediatomedia .dragmedia-col.flipped.inactive .dragmedia-drag-cont {
    transition: transform 0.5s ease-in-out;
  }
  .dragmediatomedia .dragmedia-col.flipped.active .dragdrop-title:before, .dragmediatomedia .dragmedia-col.flipped.active .dragmedia-drag-cont:before, .dragmediatomedia .dragmedia-col.flipped.inactive .dragdrop-title:before, .dragmediatomedia .dragmedia-col.flipped.inactive .dragmedia-drag-cont:before {
    transition: transform 0.5s ease-in-out;
  }
  .dragmediatomedia .dragmedia-col.flipped.active.dragging .dragmedia-drag-slide-bg, .dragmediatomedia .dragmedia-col.flipped.inactive.dragging .dragmedia-drag-slide-bg {
    transform: translateX(-50%) translateX(10px);
  }
  .dragmediatomedia .dragmedia-col.flipped.active.dragging .dragdrop-title, .dragmediatomedia .dragmedia-col.flipped.active.dragging .dragmedia-drag-cont.not-dragging, .dragmediatomedia .dragmedia-col.flipped.active.dragging .dragmedia-drag-cont.dragging:before, .dragmediatomedia .dragmedia-col.flipped.inactive.dragging .dragdrop-title, .dragmediatomedia .dragmedia-col.flipped.inactive.dragging .dragmedia-drag-cont.not-dragging, .dragmediatomedia .dragmedia-col.flipped.inactive.dragging .dragmedia-drag-cont.dragging:before {
    transform: translateX(-50%) translateX(-30px);
  }
  .dragmediatomedia .dragmedia-col.flipped.active.dragging.mobile .dragdrop-title, .dragmediatomedia .dragmedia-col.flipped.active.dragging .dragmedia-drag-cont.not-dragging, .dragmediatomedia .dragmedia-col.flipped.active.dragging .dragdrop-title, .dragmediatomedia .dragmedia-col.flipped.active.dragging .dragmedia-drag-cont.dragging:before, .dragmediatomedia .dragmedia-col.flipped.inactive.dragging.mobile .dragdrop-title, .dragmediatomedia .dragmedia-col.flipped.inactive.dragging .dragmedia-drag-cont.not-dragging, .dragmediatomedia .dragmedia-col.flipped.inactive.dragging .dragdrop-title, .dragmediatomedia .dragmedia-col.flipped.inactive.dragging .dragmedia-drag-cont.dragging:before {
    transform: translateX(-50%) translateX(-20px);
  }
  .dragmediatomedia .dragmedia-col.flipped.active .dragmedia-handle:before, .dragmediatomedia .dragmedia-col.flipped.inactive .dragmedia-handle:before {
    transform: translate(-50%, -50%) rotate(-90deg);
  }
  .dragmediatomedia .dragmedia-col.flipped.active.light-ui .dragmedia-handle:before, .dragmediatomedia .dragmedia-col.flipped.inactive.light-ui .dragmedia-handle:before {
    transform: translate(-50%, -50%) rotate(180deg);
  }
  .dragmediatomedia .dragmedia-col.flipped:not(.mobile) .dragmedia-drag-slide {
    direction: rtl;
  }
  .dragmediatomedia .dragmedia-col.flipped .dragmedia-drag-slide .dragmedia-drag-slide-bg {
    margin-left: 0;
    left: 0;
    right: auto;
  }
  .dragmediatomedia .dragmedia-col.flipped .dragmedia-drag-slide .dragmedia-drag-slide-entry {
    padding-left: 20px !important;
    padding-right: calc(50% + 20px) !important;
    right: auto;
    left: 20px;
    width: calc(100% - 20px);
  }
  .dragmediatomedia .dragmedia-col.flipped .dragmedia-drag-slide .dragmedia-drag-slide-entry .dragmedia-drag-cont .scale {
    direction: ltr;
  }
  .dragmediatomedia .dragmedia-col.flipped .dragmedia-handle {
    clip: rect(-20px 84px 60px 33px);
    border-radius: 0 17px 17px 0;
    left: 100%;
  }
  .dragmediatomedia .dragmedia-col.flipped .dragmedia-handle:before {
    left: 75%;
    transform: translate(-50%, -50%) rotate(-270deg);
  }
  .dragmediatomedia .dragmedia-col.flipped.light-ui .dragmedia-handle:before {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  .dragmediatomedia.phone .dragmedia-col.flipped.active.dragging .dragmedia-drag-slide-bg {
    margin-left: 0 !important;
  }
}
body[dir="RTL"] .dragmediatomedia .dragmedia-col .dragmedia-drag-slide {
  direction: ltr;
}
body[dir="RTL"] .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .dragmedia-drag-slide-entry .dragmedia-drag-cont {
  direction: rtl;
  margin-left: 0;
  margin-right: 12px;
}
body[dir="RTL"] .dragmediatomedia .dragmedia-col.flipped:not(.mobile) .dragmedia-drag-slide {
  direction: rtl;
}
body[dir="RTL"] .dragmediatomedia .dragmedia-col.flipped .dragmedia-drag-slide-entry .dragmedia-drag-cont {
  margin-left: 12px;
  margin-right: 0;
}
body[dir="RTL"] .dragmediatomedia .dragmedia-col.flipped .dragmedia-drag-slide .dragmedia-drag-slide-entry .dragmedia-drag-cont .scale {
  direction: ltr;
}
body[dir="RTL"] .dragmediatomedia .dragmedia-col.flipped .dragmedia-drag-slide .dragmedia-drag-slide-entry .dragmedia-drag-cont .scale .component .slideshow {
  direction: rtl;
}
@media (max-width: 767px) {
  body[dir="RTL"] .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .dragmedia-drag-slide-entry .dragmedia-drag-cont {
    margin-left: 0;
    margin-right: 0;
  }
  body[dir="RTL"] .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .dragmedia-drag-slide-entry .dragmedia-drag-cont .component.media {
    direction: rtl;
  }
  body[dir="RTL"] .dragmediatomedia .dragmedia-col .dragmedia-drag-slide .dragmedia-drag-slide-entry .dragmedia-drag-cont .component.media * {
    direction: rtl;
  }
}
@keyframes fadeFdbkOut {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.dragtolabelimage {
  overflow: visible;
}
.dragtolabelimage button.action {
  margin: 0 5px;
}
.dragtolabelimage button.action:hover, .dragtolabelimage button.action:active, .dragtolabelimage button.action.focus, .dragtolabelimage button.action:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
.dragtolabelimage .dragdrop-title {
  position: relative;
  margin: 10px 0;
  text-align: center;
  font-size: 14px;
  font-family: "Caveat", handwriting;
  font-weight: bold;
  line-height: 110%;
}
.dragtolabelimage .dropmedia-col {
  position: relative;
}
.dragtolabelimage .dropmedia-col .component {
  margin-bottom: 0 !important;
}
.dragtolabelimage .dropmedia-col .component .btn.enlarge {
  display: none;
}
.dragtolabelimage .dropmedia-col .component .caption {
  display: none !important;
}
.dragtolabelimage .dropmedia-col.bg .draglabel-drop-slide {
  position: absolute;
  width: 100%;
  height: calc(100vh - 110px);
  max-height: calc(100vh - 110px);
}
.dragtolabelimage .dropmedia-col.bg .draglabel-drop-slide .draglabel-dropmedia-cont {
  position: absolute;
  width: 100%;
  height: 100%;
}
.dragtolabelimage .dropmedia-col.bg .draglabel-drop-slide .draglabel-dropmedia-cont .draglabel-dropmedia {
  height: 100%;
}
.dragtolabelimage .dropmedia-col.bg .draglabel-drop-slide .draglabel-dropmedia-cont .draglabel-dropmedia .drop-bg {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.dragtolabelimage .dropmedia-col.bg .draglabel-drop-slide .draglabel-dropmedia-cont .draglabel-dropmedia .drop-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
.dragtolabelimage .dropmedia-col.bg .draglabel-drop-slide .draglabel-dropmedia-cont .draglabel-dropmedia .drop-bg .gradient {
  height: 100%;
}
.dragtolabelimage .draglabel-drop-slide {
  position: relative;
  transition: transform 0.5s ease;
  will-change: transform;
  backface-visibilty: hidden;
}
.dragtolabelimage .draglabel-drop-slide .draglabel-drop {
  position: relative;
}
.dragtolabelimage .draglabel-drop-slide .draglabel-drop .drop-bg {
  height: 100%;
}
.dragtolabelimage .draglabel-drop-slide .draglabel-drop .component {
  margin-bottom: 0 !important;
}
.dragtolabelimage .draglabel-circle, .dragtolabelimage .draglabel-droploc {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.dragtolabelimage .draglabel-droploc {
  transform: translate(-50%, -50%);
}
.dragtolabelimage .draglabel-droploc .draglabel-drag {
  pointer-events: none;
}
.dragtolabelimage .draglabel-droploc .draglabel-drag .scale {
  transition: transform 0.3s;
}
.dragtolabelimage .draglabel-droploc .draglabel-drag .scale:before {
  content: none;
}
.dragtolabelimage .draglabel-droploc .draglabel-drag .scale .drop-comp-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 15px;
  border: 2px dotted #737373;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.5);
  transition: background 0.3s;
}
.dragtolabelimage .draglabel-droploc .draglabel-drag .scale .drag-comp {
  opacity: 0;
  z-index: 1;
  transition: opacity 0s;
}
.dragtolabelimage .draglabel-droploc .draglabel-drag .scale .drag-comp.active, .dragtolabelimage .draglabel-droploc .draglabel-drag .scale .drag-comp.answered {
  transition: transform 0.3s;
  opacity: 1;
}
.dragtolabelimage .draglabel-droploc .draglabel-drag .scale.hover {
  transform: scale(1.2, 1.2);
}
.dragtolabelimage .draglabel-droploc .draglabel-drag .scale.hover .drop-comp-bg {
  background: rgba(255, 255, 255, 0.8);
}
.dragtolabelimage .draglabel-drag, .dragtolabelimage .draglabel-dragbg {
  position: relative;
  cursor: move;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.dragtolabelimage .draglabel-drag .scale, .dragtolabelimage .draglabel-dragbg .scale {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}
.dragtolabelimage .draglabel-drag .scale:before, .dragtolabelimage .draglabel-dragbg .scale:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.3s;
  border-radius: 50%;
}
.dragtolabelimage .draglabel-drag .scale.hover:before, .dragtolabelimage .draglabel-dragbg .scale.hover:before {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.dragtolabelimage .draglabel-drag .scale.scaleUp, .dragtolabelimage .draglabel-dragbg .scale.scaleUp {
  transform: scale(1.1, 1.1);
}
.dragtolabelimage .draglabel-drag .scale .drag-comp, .dragtolabelimage .draglabel-dragbg .scale .drag-comp {
  transition: opacity 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  border: 2px solid #000000;
  box-sizing: border-box;
}
.dragtolabelimage .draglabel-drag:not(.react-draggable-dragging), .dragtolabelimage .draglabel-dragbg:not(.react-draggable-dragging) {
  transition: all 0.5s;
}
.dragtolabelimage .draglabel-drag.react-draggable-dragging, .dragtolabelimage .draglabel-dragbg.react-draggable-dragging {
  position: relative;
  z-index: 4;
}
.dragtolabelimage .draglabel-col {
  z-index: 1;
}
.dragtolabelimage .draglabel-col.disabled .draglabel-drag-cont .draglabel-drag {
  cursor: default;
}
.dragtolabelimage .draglabel-col.disabled .draglabel-drag-cont .draglabel-drag .scale:before {
  content: none;
}
.dragtolabelimage .draglabel-col.flipped .draglabel-drag-cont {
  margin-left: 12px;
  margin-right: 0;
}
.dragtolabelimage .draglabel-col.flipped .draglabel-drag-cont .drag-media {
  margin-left: 0;
  margin-right: 45px;
}
.dragtolabelimage .draglabel-col.flipped .draglabel-drag-cont .drag-media.bg .fdbk-cont {
  left: calc(50% + 22.5px);
}
.dragtolabelimage .draglabel-col.flipped .draglabel-drag-cont .draglabel-circle {
  left: auto;
  right: 0;
}
.dragtolabelimage .draglabel-col .draglabel-drags-cont.collapsed {
  position: relative;
  margin-right: 12px;
}
.dragtolabelimage .draglabel-col .draglabel-drags-cont.collapsed .draglabel-drag-cont {
  width: 100%;
  margin-right: 0;
}
.dragtolabelimage .draglabel-col .draglabel-drags-cont.collapsed .draglabel-drag-cont.incorrect .draglabel-drag .scale .drag-comp, .dragtolabelimage .draglabel-col .draglabel-drags-cont.collapsed .draglabel-drag-cont.incorrectFinal .draglabel-drag .scale .drag-comp {
  opacity: 1;
}
.dragtolabelimage .draglabel-col .draglabel-drags-cont.collapsed .draglabel-drag-cont:not(.incorrect):hover:not(.not-dragging), .dragtolabelimage .draglabel-col .draglabel-drags-cont.collapsed .draglabel-drag-cont:not(.incorrectFinal):hover:not(.not-dragging), .dragtolabelimage .draglabel-col .draglabel-drags-cont.collapsed .draglabel-drag-cont.dragging:not(.not-dragging) {
  z-index: 1;
}
.dragtolabelimage .draglabel-col .draglabel-drags-cont.collapsed .draglabel-drag-cont.disabled {
  display: none;
}
.dragtolabelimage .draglabel-col .draglabel-drags-cont.collapsed.empty {
  display: none;
}
.dragtolabelimage .draglabel-col .draglabel-remaining {
  margin: 30px 30px 12px 30px;
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 2px solid #737373;
  font-size: 18px;
  font-family: "Caveat", handwriting;
  line-height: 130%;
  border-bottom: 2px solid #626362;
  direction: ltr;
}
.dragtolabelimage .draglabel-col .draglabel-remaining span {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}
.dragtolabelimage .draglabel-col .draglabel-remaining span.draglabel-count {
  padding-left: 10px;
  font-size: 36px;
  font-weight: bold;
}
.dragtolabelimage .draglabel-col .draglabel-next {
  display: none;
  margin-bottom: 12px;
}
.dragtolabelimage .draglabel-col .draglabel-next.active {
  display: inline-block;
}
.dragtolabelimage .draglabel-col .draglabel-drag-slide-entry {
  text-align: center;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont {
  position: relative;
  margin-right: 12px;
  margin-bottom: 20px;
  min-height: 30px;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont:last-of-type {
  margin-bottom: 0;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont.correct .draglabel-drag .scale {
  visibility: hidden;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont.incorrect, .dragtolabelimage .draglabel-col .draglabel-drag-cont.incorrectFinal, .dragtolabelimage .draglabel-col .draglabel-drag-cont.correct, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrect, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrectFinal, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-correct {
  z-index: 1;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont.incorrect .draglabel-drag, .dragtolabelimage .draglabel-col .draglabel-drag-cont.incorrectFinal .draglabel-drag, .dragtolabelimage .draglabel-col .draglabel-drag-cont.correct .draglabel-drag, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrect .draglabel-drag, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrectFinal .draglabel-drag, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-correct .draglabel-drag {
  pointer-events: none;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont.incorrect .draglabel-drag .scale:before, .dragtolabelimage .draglabel-col .draglabel-drag-cont.incorrectFinal .draglabel-drag .scale:before, .dragtolabelimage .draglabel-col .draglabel-drag-cont.correct .draglabel-drag .scale:before, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrect .draglabel-drag .scale:before, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrectFinal .draglabel-drag .scale:before, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-correct .draglabel-drag .scale:before {
  content: none;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont.incorrect .fdbk-cont, .dragtolabelimage .draglabel-col .draglabel-drag-cont.incorrectFinal .fdbk-cont, .dragtolabelimage .draglabel-col .draglabel-drag-cont.correct .fdbk-cont, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrect .fdbk-cont, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrectFinal .fdbk-cont, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-correct .fdbk-cont {
  animation: none;
  opacity: 0;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont.incorrect.active .fdbk-cont, .dragtolabelimage .draglabel-col .draglabel-drag-cont.incorrectFinal.active .fdbk-cont, .dragtolabelimage .draglabel-col .draglabel-drag-cont.correct.active .fdbk-cont, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrect.active .fdbk-cont, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrectFinal.active .fdbk-cont, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-correct.active .fdbk-cont {
  display: block;
  animation: fadeFdbkOut 5s forwards ease-in-out;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont.incorrect:not(.active) .drag-media.hover .fdbk-cont, .dragtolabelimage .draglabel-col .draglabel-drag-cont.incorrectFinal:not(.active) .drag-media.hover .fdbk-cont, .dragtolabelimage .draglabel-col .draglabel-drag-cont.correct:not(.active) .drag-media.hover .fdbk-cont, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrect:not(.active) .drag-media.hover .fdbk-cont, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrectFinal:not(.active) .drag-media.hover .fdbk-cont, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-correct:not(.active) .drag-media.hover .fdbk-cont {
  display: block !important;
  animation: none;
  opacity: 1;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont.correct .component, .dragtolabelimage .draglabel-col .draglabel-drag-cont.correct .drag-bg, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-correct .component, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-correct .drag-bg {
  opacity: 0.55;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont.correct .fdbk-cont .fdbk .fdbk-txt.fdbk-txt-correct, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-correct .fdbk-cont .fdbk .fdbk-txt.fdbk-txt-correct {
  display: block;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont.correct .fdbk-cont .fdbk .fdbk-txt.fdbk-txt-incorrect, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-correct .fdbk-cont .fdbk .fdbk-txt.fdbk-txt-incorrect {
  display: none;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont.correct .fdbk-cont .fdbk .fdbk-txt.fdbk-txt-incorrect-final, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-correct .fdbk-cont .fdbk .fdbk-txt.fdbk-txt-incorrect-final {
  display: none;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont.incorrect .fdbk-cont .fdbk .fdbk-txt.fdbk-txt-correct, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrect .fdbk-cont .fdbk .fdbk-txt.fdbk-txt-correct {
  display: none;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont.incorrect .fdbk-cont .fdbk .fdbk-txt.fdbk-txt-incorrect, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrect .fdbk-cont .fdbk .fdbk-txt.fdbk-txt-incorrect {
  display: block;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont.incorrect .fdbk-cont .fdbk .fdbk-txt.fdbk-txt-incorrect-final, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrect .fdbk-cont .fdbk .fdbk-txt.fdbk-txt-incorrect-final {
  display: none;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont.incorrectFinal .fdbk-cont .fdbk .fdbk-txt.fdbk-txt-correct, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrectFinal .fdbk-cont .fdbk .fdbk-txt.fdbk-txt-correct {
  display: none;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont.incorrectFinal .fdbk-cont .fdbk .fdbk-txt.fdbk-txt-incorrect, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrectFinal .fdbk-cont .fdbk .fdbk-txt.fdbk-txt-incorrect {
  display: none;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont.incorrectFinal .fdbk-cont .fdbk .fdbk-txt.fdbk-txt-incorrect-final, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrectFinal .fdbk-cont .fdbk .fdbk-txt.fdbk-txt-incorrect-final {
  display: block;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-correct .draglabel-circle, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrect .draglabel-circle, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrectFinal .draglabel-circle {
  pointer-events: none;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont:not(.incorrect):not(.incorrectFinal):hover:not(.not-dragging), .dragtolabelimage .draglabel-col .draglabel-drag-cont.dragging:not(.not-dragging) {
  z-index: 4;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .draglabel-dragbg {
  opacity: 0.55;
  position: absolute;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media {
  margin-left: 45px;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .fdbk-cont {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1.1, 1.1);
  z-index: 2;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .fdbk-cont .fdbk {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  min-height: calc(100% - 14px);
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  background: rgba(98, 99, 98, 0.9);
  transition: opacity 0.5s 5s ease-in-out !important;
  transform: translate(0, -4000px);
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .fdbk-cont .fdbk .fdbk-txt {
  display: none;
  position: relative;
  padding: 7px 12px;
  font-size: 80%;
  line-height: 130%;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .component .media-frame .caption {
  padding: 0 6px 4px 6px;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .component .media-frame .slideshow .slideshow-animate img {
  position: relative;
  transform: translate3d(0, 0, 0);
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .component .media-frame .slideshow .slideshow-animate img.hide {
  opacity: 1 !important;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .component .media-frame .video-js .vjs-control-bar .vjs-control {
  padding-left: 0;
  padding-right: 0;
  min-width: auto;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media.bg {
  position: relative;
  padding-top: 56.25%;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media.bg .drag-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media.bg .drag-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 102%;
  min-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media.bg .drag-bg .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media.bg .fdbk-cont {
  width: calc(100% + 45px);
  left: calc(50% - 22.5px);
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .component {
  margin-bottom: 0 !important;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .component * {
  user-select: none;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .draglabel-btn-cont {
  top: 0;
  height: 100%;
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .draglabel-btn-cont.active {
  display: flex;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .draglabel-btn-cont button.action:hover, .dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .draglabel-btn-cont button.action:active, .dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .draglabel-btn-cont button.action.focus, .dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .draglabel-btn-cont button.action:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .draglabel-btn-cont.active {
  padding: 6px;
  box-sizing: border-box;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .drag-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .drag-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 102%;
  min-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .drag-bg .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .draglabel-btn-cont {
  top: 0;
  height: 100%;
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .draglabel-btn-cont.active {
  display: flex;
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .draglabel-btn-cont button.action:hover, .dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .draglabel-btn-cont button.action:active, .dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .draglabel-btn-cont button.action.focus, .dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .draglabel-btn-cont button.action:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
.dragtolabelimage .draglabel-col .draglabel-drag-cont .drag-media .draglabel-btn-cont.active {
  padding: 6px;
  box-sizing: border-box;
}
.dragtolabelimage .draglabel-btn-cont {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 20px;
  z-index: 1;
  position: relative;
}
.dragtolabelimage .draglabel-btn-cont.disabled button.btn-summary {
  pointer-events: none;
  cursor: pointer;
  opacity: 0.5;
}
@media (max-width: 767px) {
  .dragtolabelimage .dragdrop-title {
    width: 100%;
  }
  .dragtolabelimage.navHidden .dropmedia-col {
    min-height: 100vh;
  }
  .dragtolabelimage .dropmedia-col {
    width: 100%;
    min-height: calc(100vh - 35px);
    flex-basis: 100%;
    min-width: 100%;
    overflow: hidden;
  }
  .dragtolabelimage .dropmedia-col:not(.bg) {
    min-height: 0;
  }
  .dragtolabelimage .dropmedia-col:not(.bg) .component .btn.enlarge {
    display: none;
  }
  .dragtolabelimage .dropmedia-col:not(.bg) .component .poster-zoom {
    margin-bottom: 0;
  }
  .dragtolabelimage .dropmedia-col .draglabel-drags-cont.collapsed {
    margin-right: 0;
  }
  .dragtolabelimage .dropmedia-col.disabled {
    height: auto;
    min-height: 0;
  }
  .dragtolabelimage .dropmedia-col.disabled .draglabel-drop-slide.bg, .dragtolabelimage .dropmedia-col.disabled .draglabel-drop-slide.inline {
    position: relative;
    min-height: 290px;
  }
  .dragtolabelimage .dropmedia-col.disabled .draglabel-drag {
    touch-action: auto !important;
    cursor: initial;
  }
  .dragtolabelimage .dropmedia-col.disabled .draglabel-drag .scale:before {
    content: none;
  }
  .dragtolabelimage .dropmedia-col .draglabel-drop-slide.bg {
    max-height: none;
    height: 100%;
  }
  .dragtolabelimage .dropmedia-col .draglabel-drop-slide:not(.mobile) {
    margin-right: 20px;
  }
  .dragtolabelimage .dropmedia-col.flipped .draglabel-drop-slide:not(.mobile) {
    margin-left: 20px;
    margin-right: 0;
  }
  .dragtolabelimage .draglabel-row {
    position: relative;
  }
  .dragtolabelimage .draglabel-col {
    position: absolute;
    top: 0;
    right: 0;
    flex-basis: 50%;
    height: 100%;
    transform: translate(50%, 0);
    transition: transform 0.5s ease-in-out;
    z-index: 1;
    min-width: calc(100% + 20px);
    pointer-events: none;
    backface-visibility: hidden;
  }
  .dragtolabelimage .draglabel-col.inactive {
    transition: none;
    pointer-events: none;
  }
  .dragtolabelimage .draglabel-col.inactive * {
    pointer-events: none;
  }
  .dragtolabelimage .draglabel-col:not(.mobile) {
    transform: translate(50%, 0) translateX(-20px);
  }
  .dragtolabelimage .draglabel-col.active, .dragtolabelimage .draglabel-col.inactive {
    transform: translate(0, 0);
    pointer-events: auto;
  }
  .dragtolabelimage .draglabel-col.active .dragdrop-title, .dragtolabelimage .draglabel-col.active .draglabel-drag-cont, .dragtolabelimage .draglabel-col.inactive .dragdrop-title, .dragtolabelimage .draglabel-col.inactive .draglabel-drag-cont {
    transition: transform 0.5s ease-in-out;
  }
  .dragtolabelimage .draglabel-col.active .dragdrop-title .drag-media, .dragtolabelimage .draglabel-col.active .draglabel-drag-cont .drag-media, .dragtolabelimage .draglabel-col.inactive .dragdrop-title .drag-media, .dragtolabelimage .draglabel-col.inactive .draglabel-drag-cont .drag-media {
    transition: transform 0.5s ease-in-out;
  }
  .dragtolabelimage .draglabel-col.active .dragdrop-title .draglabel-dragbg, .dragtolabelimage .draglabel-col.active .draglabel-drag-cont .draglabel-dragbg, .dragtolabelimage .draglabel-col.inactive .dragdrop-title .draglabel-dragbg, .dragtolabelimage .draglabel-col.inactive .draglabel-drag-cont .draglabel-dragbg {
    transition: none;
    animation: fadeFdbkOut 0.5s forwards ease-in-out;
  }
  .dragtolabelimage .draglabel-col.active .draglabel-drag-slide-bg, .dragtolabelimage .draglabel-col.inactive .draglabel-drag-slide-bg {
    opacity: 1;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  }
  .dragtolabelimage .draglabel-col.active.dragging .draglabel-drag-slide-bg, .dragtolabelimage .draglabel-col.inactive.dragging .draglabel-drag-slide-bg {
    transform: translateX(100%) translateX(45px);
  }
  .dragtolabelimage .draglabel-col.active.dragging .dragdrop-title, .dragtolabelimage .draglabel-col.active.dragging .draglabel-drag-cont.not-dragging, .dragtolabelimage .draglabel-col.inactive.dragging .dragdrop-title, .dragtolabelimage .draglabel-col.inactive.dragging .draglabel-drag-cont.not-dragging {
    transform: translateX(100%) translateX(95px);
  }
  .dragtolabelimage .draglabel-col.active.dragging .draglabel-drag-cont.dragging .drag-media, .dragtolabelimage .draglabel-col.inactive.dragging .draglabel-drag-cont.dragging .drag-media {
    transform: translateX(100%) translateX(154px);
  }
  .dragtolabelimage .draglabel-col.active.dragging .draglabel-drag-slide .draglabel-drag-slide-entry, .dragtolabelimage .draglabel-col.inactive.dragging .draglabel-drag-slide .draglabel-drag-slide-entry {
    z-index: 1;
  }
  .dragtolabelimage .draglabel-col.active .draglabel-drag-slide .draglabel-drag-slide-entry, .dragtolabelimage .draglabel-col.inactive .draglabel-drag-slide .draglabel-drag-slide-entry {
    animation: none;
    visibility: visible;
  }
  .dragtolabelimage .draglabel-col.active .draglabel-handle:before, .dragtolabelimage .draglabel-col.inactive .draglabel-handle:before {
    transform: translate(-50%, -50%) rotate(-270deg);
  }
  .dragtolabelimage .draglabel-col.active.light-ui .draglabel-handle:before, .dragtolabelimage .draglabel-col.inactive.light-ui .draglabel-handle:before {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-correct .draglabel-dragbg, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrect .draglabel-dragbg, .dragtolabelimage .draglabel-col .draglabel-drag-cont.answer-incorrectFinal .draglabel-dragbg {
    animation: none;
  }
  .dragtolabelimage .draglabel-col .draglabel-handle {
    position: absolute;
    top: 50%;
    width: 68px;
    height: 34px;
    left: 0;
    cursor: pointer;
    background: #333333;
    border-radius: 17px 0 0 17px;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.7);
    clip: rect(-20px 35px 60px -20px);
    pointer-events: auto;
    z-index: 1;
  }
  .dragtolabelimage .draglabel-col .draglabel-handle:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 25%;
    width: 15px;
    height: 15px;
    transition: transform 0.5s ease-in-out;
    transform: translate(-50%, -50%) rotate(-90deg);
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrow_up_white.svg");
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .dragtolabelimage .draglabel-col .dragdrop-title {
    color: #fff;
  }
  .dragtolabelimage .draglabel-col.light-ui .dragdrop-title {
    color: inherit;
  }
  .dragtolabelimage .draglabel-col.light-ui .draglabel-handle {
    background: #df1959;
  }
  .dragtolabelimage .draglabel-col.light-ui .draglabel-handle:before {
    transform: translate(-50%, -50%) rotate(180deg);
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrow_next_gray.svg");
  }
  .dragtolabelimage .draglabel-col.light-ui .draglabel-drag-slide .draglabel-drag-slide-bg {
    background: #df1959;
    backface-visibility: hidden;
  }
  .dragtolabelimage .draglabel-col.light-ui .draglabel-drag-slide .component .pullquote h4 {
    color: inherit;
  }
  .dragtolabelimage .draglabel-col.light-ui .draglabel-drag-slide .component.text .body-copy {
    color: inherit;
  }
  .dragtolabelimage .draglabel-col.light-ui .draglabel-drag-slide .component .caption {
    color: inherit;
  }
  .dragtolabelimage .draglabel-col:not(.light-ui) .draglabel-drag-slide .component .slideshow li:before {
    background: #fff;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .draglabel-drag-slide-bg {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    background: #333333;
    box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.7);
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .draglabel-drag-slide-entry {
    visibility: hidden;
    transition: visibility 0.5s ease-in-out;
    box-sizing: content-box;
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 100%;
    top: 0;
    right: 0;
    padding: 0 20px;
    padding-left: calc(50% + 20px) !important;
    box-sizing: border-box;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .draglabel-drag-slide-entry {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drag-cont {
    margin-left: 0;
    margin-right: 0;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drag-cont .draglabel-circle {
    right: 0;
    left: auto;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drag-cont .drag-media {
    margin-right: 40px;
    margin-left: 0;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drag-cont .drag-media.bg .fdbk-cont {
    width: calc(100% + 40px);
    left: calc(50% + 20px);
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drags-cont .draglabel-drag-cont {
    margin-left: 0;
    margin-right: 0;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drags-cont .draglabel-drag-cont:before {
    border-color: #fff;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drags-cont.collapsed .draglabel-drag-cont {
    margin-top: 0;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .draglabel-remaining {
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .draglabel-remaining:before {
    border-color: #fff;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .component .pullquote h4 {
    font-size: 70%;
    line-height: 110%;
    margin: 4px 0;
    color: #fff;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .component .pullquote h4 {
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .component .fpo:after {
    font-size: 26px;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .component.text .body-copy {
    color: #fff;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .component.text .body-copy {
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .component.text .body-copy p {
    font-size: 70%;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .component .poster-zoom {
    margin-bottom: 0;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .component .caption {
    font-size: 70%;
    color: #fff;
    line-height: 130%;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .component .caption {
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .component .slideshow .slideshow-animate img {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .component .slideshow .slideshow-animate img.hide {
    opacity: 1 !important;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .component .slideshow .slideshow-btns {
    margin-top: 2px;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .component .slideshow .slideshow-btns li {
    width: 6px;
    height: 14px;
    margin: 0 2px;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .component .slideshow .slideshow-btns li:before {
    width: 6px;
    height: 6px;
  }
  .dragtolabelimage .draglabel-col .draglabel-drag-slide .component .before-after .label {
    font-size: 80%;
  }
  .dragtolabelimage .draglabel-col.flipped {
    right: auto;
    left: calc(100% + 20px);
    transform: translate(-150%, 0);
  }
  .dragtolabelimage .draglabel-col.flipped:not(.mobile) {
    transform: translate(-150%, 0) translateX(20px);
  }
  .dragtolabelimage .draglabel-col.flipped.active, .dragtolabelimage .draglabel-col.flipped.inactive {
    transform: translateX(-100%) translateX(-20px);
  }
  .dragtolabelimage .draglabel-col.flipped.active .dragdrop-title, .dragtolabelimage .draglabel-col.flipped.active .draglabel-drag-cont, .dragtolabelimage .draglabel-col.flipped.inactive .dragdrop-title, .dragtolabelimage .draglabel-col.flipped.inactive .draglabel-drag-cont {
    transition: transform 0.5s ease-in-out;
  }
  .dragtolabelimage .draglabel-col.flipped.active.dragging .draglabel-drag-slide-bg, .dragtolabelimage .draglabel-col.flipped.inactive.dragging .draglabel-drag-slide-bg {
    transform: translateX(-100%) translateX(-45px);
  }
  .dragtolabelimage .draglabel-col.flipped.active.dragging .dragdrop-title, .dragtolabelimage .draglabel-col.flipped.active.dragging .draglabel-drag-cont.not-dragging, .dragtolabelimage .draglabel-col.flipped.inactive.dragging .dragdrop-title, .dragtolabelimage .draglabel-col.flipped.inactive.dragging .draglabel-drag-cont.not-dragging {
    transform: translateX(-100%) translateX(-95px);
  }
  .dragtolabelimage .draglabel-col.flipped.active.dragging .draglabel-drag-cont.dragging .drag-media, .dragtolabelimage .draglabel-col.flipped.inactive.dragging .draglabel-drag-cont.dragging .drag-media {
    transform: translateX(-100%) translateX(-154px);
  }
  .dragtolabelimage .draglabel-col.flipped.active .draglabel-handle:before, .dragtolabelimage .draglabel-col.flipped.inactive .draglabel-handle:before {
    transform: translate(-50%, -50%) rotate(-90deg);
  }
  .dragtolabelimage .draglabel-col.flipped.active.light-ui .draglabel-handle:before, .dragtolabelimage .draglabel-col.flipped.inactive.light-ui .draglabel-handle:before {
    transform: translate(-50%, -50%) rotate(180deg);
  }
  .dragtolabelimage .draglabel-col.flipped:not(.mobile) .draglabel-drag-slide {
    direction: rtl;
  }
  .dragtolabelimage .draglabel-col.flipped:not(.mobile) .draglabel-drag-slide .slideshow {
    direction: ltr;
  }
  .dragtolabelimage .draglabel-col.flipped .draglabel-drag-slide .draglabel-drag-slide-bg {
    margin-left: 0;
    left: 0;
    right: auto;
  }
  .dragtolabelimage .draglabel-col.flipped .draglabel-drag-slide .draglabel-drag-slide-entry {
    padding-left: 20px !important;
    padding-right: calc(50% + 20px) !important;
    right: auto;
    left: 20px;
    width: calc(100% - 20px);
  }
  .dragtolabelimage .draglabel-col.flipped .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drag-cont .draglabel-circle {
    right: auto;
    left: 0;
  }
  .dragtolabelimage .draglabel-col.flipped .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drag-cont .drag-media {
    margin-right: 0;
    margin-left: 40px;
  }
  .dragtolabelimage .draglabel-col.flipped .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drag-cont .drag-media.bg .fdbk-cont {
    left: calc(50% - 20px);
  }
  .dragtolabelimage .draglabel-col.flipped .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drag-cont .scale {
    direction: ltr;
  }
  .dragtolabelimage .draglabel-col.flipped .draglabel-handle {
    clip: rect(-20px 84px 60px 33px);
    border-radius: 0 17px 17px 0;
    left: 100%;
  }
  .dragtolabelimage .draglabel-col.flipped .draglabel-handle:before {
    left: 75%;
    transform: translate(-50%, -50%) rotate(-270deg);
  }
  .dragtolabelimage .draglabel-col.flipped.light-ui .draglabel-handle:before {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  .dragtolabelimage .draglabel-btn-cont {
    margin-top: 20px;
  }
  .dragtolabelimage.phone .draglabel-col.flipped.active.dragging .draglabel-drag-slide-bg {
    margin-left: 0 !important;
  }
}
body[dir="RTL"] .dragtolabelimage .draglabel-col .draglabel-drag-slide {
  direction: ltr;
}
body[dir="RTL"] .dragtolabelimage .draglabel-col .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drag-cont {
  direction: rtl;
  margin-right: 0;
  margin-left: 12px;
}
body[dir="RTL"] .dragtolabelimage .draglabel-col.flipped:not(.mobile) .draglabel-drag-slide {
  direction: rtl;
}
body[dir="RTL"] .dragtolabelimage .draglabel-col.flipped:not(.mobile) .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drag-cont .drag-media.bg .fdbk-cont {
  left: calc(50% + 22.5px);
}
body[dir="RTL"] .dragtolabelimage .draglabel-col.flipped:not(.mobile) .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drag-cont {
  margin-right: 12px;
  margin-left: 0;
}
body[dir="RTL"] .dragtolabelimage .draglabel-col.flipped .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drag-cont .scale .component .slideshow {
  direction: rtl;
}
@media (max-width: 767px) {
  body[dir="RTL"] .dragtolabelimage .draglabel-col.flipped .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drag-cont .drag-media.bg .fdbk-cont {
    left: calc(50% - 20px) !important;
  }
  body[dir="RTL"] .dragtolabelimage .draglabel-col:not(.flipped) .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drag-cont .drag-media.bg .fdbk-cont {
    left: calc(50% + 20px) !important;
  }
  body[dir="RTL"] .dragtolabelimage .draglabel-col .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drag-cont {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body[dir="RTL"] .dragtolabelimage .draglabel-col .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drag-cont .component.media {
    direction: rtl;
  }
  body[dir="RTL"] .dragtolabelimage .draglabel-col .draglabel-drag-slide .draglabel-drag-slide-entry .draglabel-drag-cont .component.media .slideshow-btns {
    direction: rtl;
  }
}
.dragtolist {
  overflow: visible;
}
.dragtolist .dragtolist-row {
  position: relative;
}
.dragtolist .dragdrop-title {
  margin: 10px 0;
  text-align: center;
  font-size: 14px;
  font-family: "Caveat", handwriting;
  font-weight: bold;
  line-height: 110%;
  position: relative;
}
.dragtolist .droptolist-col {
  position: relative;
}
.dragtolist .dragtolist-drop-cont {
  position: relative;
  transition: transform 0.5s ease;
  will-change: transform;
  backface-visibilty: hidden;
}
.dragtolist .dragtolist-drop-cont.dragging {
  z-index: 2;
}
.dragtolist .dragtolist-drop-cont .dragtolist-drop {
  position: relative;
}
.dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont {
  transform: translate3d(0px, 0px, 0px);
}
.dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-clipboard {
  position: relative;
  width: 100%;
  margin: 0 auto;
  transition: transform 0.3s;
  z-index: 1;
}
.dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-clipboard.hover {
  transform: scale(1.1, 1.1);
}
.dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-clipboard img {
  position: relative;
  width: 100%;
  display: block;
}
.dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-droplistcont {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-droplistcont .dragtolist-droplist {
  position: absolute;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  margin-top: 20%;
  height: 78%;
  margin-top: 0;
  top: 14%;
  padding-left: 9%;
  padding-right: 5px;
  width: 95%;
}
.dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-droplistcont .dragtolist-droplist {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
@keyframes fadeFdbkIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-droplistcont .dragtolist-droplist .drop-txt {
  display: none;
  opacity: 0;
}
.dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-droplistcont .dragtolist-droplist .drop-txt.activated {
  display: block;
  opacity: 1;
}
.dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-droplistcont .dragtolist-droplist .drop-txt.activated .component {
  display: block;
}
.dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-droplistcont .dragtolist-droplist .drop-txt.active {
  display: block;
}
.dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-droplistcont .dragtolist-droplist .drop-txt.animate {
  animation: fadeFdbkIn 0.5s forwards ease-in-out;
}
.dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-droplistcont .dragtolist-droplist .drop-txt:not(:first-child) {
  padding-top: 14px;
}
.dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-droplistcont .dragtolist-droplist .drop-txt .component {
  display: none;
  margin-bottom: 0 !important;
}
.dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-droplistcont .dragtolist-droplist .drop-txt .component.active {
  display: block;
}
.dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-droplistcont .dragtolist-droplist .drop-txt .component p {
  padding: 0;
}
.dragtolist .dragtolist-btn-cont {
  backface-visibility: hidden;
  bottom: -10px;
  text-align: center;
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.dragtolist .dragtolist-btn-cont.active {
  display: flex;
}
.dragtolist .dragtolist-btn-cont button.action:hover, .dragtolist .dragtolist-btn-cont button.action:active, .dragtolist .dragtolist-btn-cont button.action.focus, .dragtolist .dragtolist-btn-cont button.action:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
.dragtolist .btn-options .btn.print {
  display: none;
}
.dragtolist .btn-options .btn.disabled {
  pointer-events: none;
  cursor: pointer;
  opacity: 0.5;
}
.dragtolist .btn-options.active .btn.print {
  display: inline-block;
}
.dragtolist .btn-options.active .btn.disabled.open-ended {
  display: inline-block;
  opacity: 1;
  pointer-events: all;
}
.dragtolist .btn-options button.action {
  margin-top: 15px;
}
.dragtolist .btn-options button.action:hover, .dragtolist .btn-options button.action:active, .dragtolist .btn-options button.action.focus, .dragtolist .btn-options button.action:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
.dragtolist .btn-options .btn.print {
  margin-right: 12px;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .scale .component.text .body-copy p, .dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-droplistcont .dragtolist-droplist .drop-txt p {
  padding: 12px 17px 10px 17px;
  font-family: "Caveat", handwriting;
  font-size: 15px;
  line-height: 19px;
  font-weight: bold;
}
.dragtolist .dragtolist-col {
  z-index: 1;
}
.dragtolist .dragtolist-col.disabled .dragtolist-drag-cont .dragtolist-drag {
  cursor: default;
}
.dragtolist .dragtolist-col.disabled .dragtolist-drag-cont .dragtolist-drag .scale:before {
  content: none;
}
.dragtolist .dragtolist-col.flipped .dragtolist-drag-cont {
  margin-left: 0;
  margin-right: 25px;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont {
  position: relative;
  margin-left: 25px;
  margin-bottom: 20px;
  transition: margin-bottom 0.3s, max-height 0.3s, opacity 0.3s;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont.animate {
  z-index: 4;
  opacity: 0;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont.animate .dragtolist-drag:not(.react-draggable-dragging) {
  transition: all 500s;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont.correct {
  max-height: 0;
  margin-bottom: 0;
  z-index: initial;
  overflow: hidden;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont.correct:not(.animate) {
  transition: none;
  display: none;
}
@keyframes fadeFdbkOut {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.dragtolist .dragtolist-col .dragtolist-drag-cont.incorrect {
  z-index: 1;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont.incorrect .dragtolist-drag {
  pointer-events: none;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont.incorrect .dragtolist-drag * {
  pointer-events: none;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont.incorrect .dragtolist-drag .scale:before {
  content: none;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont.incorrect .dragtolist-drag .scale .drag-comp {
  opacity: 0.5;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont.incorrect .dragtolist-drag .scale .fdbk-incorrect-cont {
  animation: none;
  opacity: 0;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont.incorrect.active .dragtolist-drag .scale .fdbk-incorrect-cont {
  display: block;
  animation: fadeFdbkOut 5s forwards ease-in-out;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont.incorrect:not(.active) .dragtolist-drag .scale.hover .fdbk-incorrect-cont {
  display: block;
  animation: none;
  opacity: 1;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont:not(.incorrect):hover {
  z-index: 3;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont.dragging:not(.incorrect):hover {
  z-index: 4;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  border: 2px dashed #737373;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont.incorrect .icon-plus, .dragtolist .dragtolist-col .dragtolist-drag-cont.dragging .icon-plus {
  display: none;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .icon-plus {
  background-color: #626362;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 10px 10px !important;
  cursor: pointer;
  height: 24px;
  padding: 0;
  position: absolute;
  right: -9px;
  top: -9px;
  width: 24px;
  z-index: 1;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/plus_white.svg") !important;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .icon-plus {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .icon-plus:hover, .dragtolist .dragtolist-col .dragtolist-drag-cont .icon-plus:active, .dragtolist .dragtolist-col .dragtolist-drag-cont .icon-plus.focus, .dragtolist .dragtolist-col .dragtolist-drag-cont .icon-plus:focus {
  background-color: black !important;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag {
  position: relative;
  cursor: move;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .scale {
  width: 100%;
  height: 100%;
  position: relative;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .scale:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.3s;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .scale.hover:before {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .scale.scaleUp {
  transform: scale(1.1, 1.1);
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .scale .drag-comp {
  transition: opacity 0.3s ease-in-out;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .scale .fdbk-incorrect-cont {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1.1, 1.1);
  z-index: 2;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .scale .fdbk-incorrect-cont .fdbk-incorrect {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  background: rgba(98, 99, 98, 0.9);
  transition: opacity 0.5s 5s ease-in-out !important;
  transform: translate(0, -4000px);
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .scale .fdbk-incorrect-cont .fdbk-incorrect .fdbk-incorrect-txt {
  position: relative;
  padding: 0 12px;
  font-size: 80%;
  line-height: 130%;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag:not(.react-draggable-dragging) {
  transition: all 0.5s;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag.react-draggable-dragging {
  position: relative;
  z-index: 4;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag.react-draggable-dragging .component {
  animation: removePE 0.4s forwards;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag.react-draggable-dragging .component.text, .dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag.react-draggable-dragging .component.pullquote {
  backface-visibility: visible;
}
@keyframes removePE {
  100% {
    pointer-events: none;
    user-select: none;
  }
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .drag-comp {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 25px;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .component {
  margin-bottom: 0 !important;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .component * {
  user-select: none;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .component .media-frame .poster-zoom button {
  display: none;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .dragtolist-btn-cont {
  height: 100%;
  top: 0;
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .dragtolist-btn-cont.active {
  display: flex;
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .dragtolist-btn-cont button.action:hover, .dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .dragtolist-btn-cont button.action:active, .dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .dragtolist-btn-cont button.action.focus, .dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .dragtolist-btn-cont button.action:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
.dragtolist .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .dragtolist-btn-cont.active {
  padding: 6px;
  box-sizing: border-box;
}
.dragtolist .load-spin-cont {
  z-index: 1;
}
@media (max-width: 767px) {
  .dragtolist.phone .dragtolist-col .dragtolist-drag-cont .dragtolist-drag .scale .component.text .body-copy p, .dragtolist.phone .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-droplistcont .dragtolist-droplist .drop-txt p {
    font-size: 13px;
  }
  .dragtolist .droptolist-col {
    overflow: hidden;
  }
  .dragtolist .dragdrop-title {
    width: 100%;
  }
  .dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-droplistcont .dragtolist-droplist {
    width: 92%;
  }
  .dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-clipboard.hover {
    transform: none;
  }
  .dragtolist .dragtolist-col {
    position: absolute;
    top: 0;
    right: 0;
    flex-basis: 50%;
    height: 100%;
    transform: translate(75%, 0);
    transition: transform 0.5s ease-in-out;
    z-index: 1;
    min-width: calc(100% + 20px);
    pointer-events: none;
  }
  .dragtolist .dragtolist-col.inactive {
    transition: none;
    pointer-events: none;
  }
  .dragtolist .dragtolist-col.inactive * {
    pointer-events: none;
  }
  .dragtolist .dragtolist-col.active, .dragtolist .dragtolist-col.inactive {
    transform: translate(0, 0);
    pointer-events: auto;
  }
  .dragtolist .dragtolist-col.active .dragtolist-drag-slide-bg, .dragtolist .dragtolist-col.active .dragdrop-title, .dragtolist .dragtolist-col.active .dragtolist-drag-cont, .dragtolist .dragtolist-col.inactive .dragtolist-drag-slide-bg, .dragtolist .dragtolist-col.inactive .dragdrop-title, .dragtolist .dragtolist-col.inactive .dragtolist-drag-cont {
    transition: transform 0.5s ease-in-out, margin-bottom 0.3s, max-height 0.3s, opacity 0.3s;
  }
  .dragtolist .dragtolist-col.active .dragtolist-drag-slide-bg:before, .dragtolist .dragtolist-col.active .dragdrop-title:before, .dragtolist .dragtolist-col.active .dragtolist-drag-cont:before, .dragtolist .dragtolist-col.inactive .dragtolist-drag-slide-bg:before, .dragtolist .dragtolist-col.inactive .dragdrop-title:before, .dragtolist .dragtolist-col.inactive .dragtolist-drag-cont:before {
    transition: transform 0.5s ease-in-out;
  }
  .dragtolist .dragtolist-col.active.dragging .dragtolist-drag-slide-bg, .dragtolist .dragtolist-col.inactive.dragging .dragtolist-drag-slide-bg {
    transform: translateX(50%);
  }
  .dragtolist .dragtolist-col.active.dragging .dragdrop-title, .dragtolist .dragtolist-col.active.dragging .dragtolist-drag-cont.not-dragging, .dragtolist .dragtolist-col.active.dragging .dragtolist-drag-cont.dragging:before, .dragtolist .dragtolist-col.inactive.dragging .dragdrop-title, .dragtolist .dragtolist-col.inactive.dragging .dragtolist-drag-cont.not-dragging, .dragtolist .dragtolist-col.inactive.dragging .dragtolist-drag-cont.dragging:before {
    transform: translateX(50%) translateX(30px);
  }
  .dragtolist .dragtolist-col.active.dragging.mobile .dragdrop-title, .dragtolist .dragtolist-col.active.dragging.mobile .dragtolist-drag-cont.not-dragging, .dragtolist .dragtolist-col.active.dragging.mobile .dragtolist-drag-cont.dragging:before, .dragtolist .dragtolist-col.inactive.dragging.mobile .dragdrop-title, .dragtolist .dragtolist-col.inactive.dragging.mobile .dragtolist-drag-cont.not-dragging, .dragtolist .dragtolist-col.inactive.dragging.mobile .dragtolist-drag-cont.dragging:before {
    transform: translateX(50%) translateX(20px);
  }
  .dragtolist .dragtolist-col.active.dragging .dragtolist-drag-slide .dragtolist-drag-slide-entry, .dragtolist .dragtolist-col.inactive.dragging .dragtolist-drag-slide .dragtolist-drag-slide-entry {
    z-index: 1;
  }
  .dragtolist .dragtolist-col.active .dragtolist-drag-slide .dragtolist-drag-slide-entry, .dragtolist .dragtolist-col.inactive .dragtolist-drag-slide .dragtolist-drag-slide-entry {
    visibility: visible;
  }
  .dragtolist .dragtolist-col.active .dragtolist-handle:before, .dragtolist .dragtolist-col.inactive .dragtolist-handle:before {
    transform: translate(-50%, -50%) rotate(-270deg);
  }
  .dragtolist .dragtolist-col.active.light-ui .dragtolist-handle:before, .dragtolist .dragtolist-col.inactive.light-ui .dragtolist-handle:before {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  .dragtolist .dragtolist-col .dragtolist-handle {
    position: absolute;
    top: 50%;
    width: 68px;
    height: 34px;
    left: 0;
    cursor: pointer;
    background: #333333;
    border-radius: 17px 0 0 17px;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.7);
    clip: rect(-20px 35px 60px -20px);
    pointer-events: auto;
    z-index: 1;
  }
  .dragtolist .dragtolist-col .dragtolist-handle:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 25%;
    width: 15px;
    height: 15px;
    transition: transform 0.5s ease-in-out;
    transform: translate(-50%, -50%) rotate(-90deg);
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrow_up_white.svg");
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .dragtolist .dragtolist-col .dragdrop-title {
    color: #fff;
  }
  .dragtolist .dragtolist-col.light-ui .dragdrop-title {
    color: inherit;
  }
  .dragtolist .dragtolist-col.light-ui .dragtolist-handle {
    background: #df1959;
  }
  .dragtolist .dragtolist-col.light-ui .dragtolist-handle:before {
    transform: translate(-50%, -50%) rotate(180deg);
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrow_next_gray.svg");
  }
  .dragtolist .dragtolist-col.light-ui .dragtolist-drag-slide .dragtolist-drag-slide-bg {
    background: #df1959;
    backface-visibility: hidden;
  }
  .dragtolist .dragtolist-col.light-ui .dragtolist-drag-slide .dragtolist-drag-slide-entry .dragtolist-drag-cont:before {
    border: 2px dashed #5f5e5e;
  }
  .dragtolist .dragtolist-col.light-ui .dragtolist-drag-slide .dragtolist-drag-slide-entry .drag-comp .component.text .body-copy {
    color: inherit;
  }
  .dragtolist .dragtolist-col .dragtolist-drag-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
  }
  .dragtolist .dragtolist-col .dragtolist-drag-slide .dragtolist-drag-slide-bg {
    position: absolute;
    width: 75%;
    height: 100%;
    right: 0;
    background: #333333;
    box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.7);
  }
  .dragtolist .dragtolist-col .dragtolist-drag-slide .dragtolist-drag-slide-entry {
    box-sizing: border-box;
    box-sizing: content-box;
    height: 100%;
    min-height: 100%;
    padding-left: calc(25% + 20px) !important;
    padding: 0 20px;
    position: absolute;
    right: 0;
    top: 0;
    transition: visibility 0.5s ease-in-out;
    visibility: hidden;
    width: 100%;
  }
  .dragtolist .dragtolist-col .dragtolist-drag-slide .dragtolist-drag-slide-entry {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .dragtolist .dragtolist-col .dragtolist-drag-slide .dragtolist-drag-slide-entry .dragtolist-drag-cont {
    margin-left: 0;
    margin-right: 0;
  }
  .dragtolist .dragtolist-col .dragtolist-drag-slide .drag-comp:not(.keep-color) .component.text .body-copy {
    color: #fff;
  }
  .dragtolist .dragtolist-col .dragtolist-drag-slide .component.text .body-copy p {
    font-size: 80%;
  }
  .dragtolist .dragtolist-col .dragtolist-drag-slide .component.text .body-copy {
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .dragtolist .dragtolist-col.flipped {
    right: auto;
    left: calc(100% + 20px);
    transform: translate(-175%, 0);
  }
  .dragtolist .dragtolist-col.flipped.active, .dragtolist .dragtolist-col.flipped.inactive {
    transform: translateX(-100%) translateX(-20px);
  }
  .dragtolist .dragtolist-col.flipped.active .dragdrop-title, .dragtolist .dragtolist-col.flipped.active .dragtolist-drag-cont, .dragtolist .dragtolist-col.flipped.inactive .dragdrop-title, .dragtolist .dragtolist-col.flipped.inactive .dragtolist-drag-cont {
    transition: transform 0.5s ease-in-out;
  }
  .dragtolist .dragtolist-col.flipped.active .dragdrop-title:before, .dragtolist .dragtolist-col.flipped.active .dragtolist-drag-cont:before, .dragtolist .dragtolist-col.flipped.inactive .dragdrop-title:before, .dragtolist .dragtolist-col.flipped.inactive .dragtolist-drag-cont:before {
    transition: transform 0.5s ease-in-out;
  }
  .dragtolist .dragtolist-col.flipped.active.dragging .dragtolist-drag-slide-bg, .dragtolist .dragtolist-col.flipped.inactive.dragging .dragtolist-drag-slide-bg {
    transform: translateX(-50%) translateX(20px);
  }
  .dragtolist .dragtolist-col.flipped.active.dragging .dragdrop-title, .dragtolist .dragtolist-col.flipped.active.dragging .dragtolist-drag-cont.not-dragging, .dragtolist .dragtolist-col.flipped.active.dragging .dragtolist-drag-cont.dragging:before, .dragtolist .dragtolist-col.flipped.inactive.dragging .dragdrop-title, .dragtolist .dragtolist-col.flipped.inactive.dragging .dragtolist-drag-cont.not-dragging, .dragtolist .dragtolist-col.flipped.inactive.dragging .dragtolist-drag-cont.dragging:before {
    transform: translateX(-50%) translateX(-30px);
  }
  .dragtolist .dragtolist-col.flipped.active.dragging.mobile .dragdrop-title, .dragtolist .dragtolist-col.flipped.active.dragging .dragtolist-drag-cont.not-dragging, .dragtolist .dragtolist-col.flipped.active.dragging .dragdrop-title, .dragtolist .dragtolist-col.flipped.active.dragging .dragtolist-drag-cont.dragging:before, .dragtolist .dragtolist-col.flipped.inactive.dragging.mobile .dragdrop-title, .dragtolist .dragtolist-col.flipped.inactive.dragging .dragtolist-drag-cont.not-dragging, .dragtolist .dragtolist-col.flipped.inactive.dragging .dragdrop-title, .dragtolist .dragtolist-col.flipped.inactive.dragging .dragtolist-drag-cont.dragging:before {
    transform: translateX(-50%) translateX(-20px);
  }
  .dragtolist .dragtolist-col.flipped.active .dragtolist-handle:before, .dragtolist .dragtolist-col.flipped.inactive .dragtolist-handle:before {
    transform: translate(-50%, -50%) rotate(-90deg);
  }
  .dragtolist .dragtolist-col.flipped.active.light-ui .dragtolist-handle:before, .dragtolist .dragtolist-col.flipped.inactive.light-ui .dragtolist-handle:before {
    transform: translate(-50%, -50%) rotate(180deg);
  }
  .dragtolist .dragtolist-col.flipped:not(.mobile) .dragtolist-drag-slide {
    direction: rtl;
  }
  .dragtolist .dragtolist-col.flipped .dragtolist-drag-slide .dragtolist-drag-slide-bg {
    margin-left: 0;
    left: 0;
    right: auto;
  }
  .dragtolist .dragtolist-col.flipped .dragtolist-drag-slide .dragtolist-drag-slide-entry {
    padding-left: 20px !important;
    padding-right: calc(25% + 20px) !important;
    right: auto;
    left: 20px;
    width: calc(100% - 20px);
  }
  .dragtolist .dragtolist-col.flipped .dragtolist-drag-slide .dragtolist-drag-slide-entry .dragtolist-drag-cont .scale {
    direction: ltr;
  }
  .dragtolist .dragtolist-col.flipped .dragtolist-handle {
    clip: rect(-20px 84px 60px 33px);
    border-radius: 0 17px 17px 0;
    left: 100%;
  }
  .dragtolist .dragtolist-col.flipped .dragtolist-handle:before {
    left: 75%;
    transform: translate(-50%, -50%) rotate(-270deg);
  }
  .dragtolist .dragtolist-col.flipped.light-ui .dragtolist-handle:before {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  .dragtolist.phone .dragtolist-col.flipped.active.dragging .dragtolist-drag-slide-bg {
    margin-left: 0 !important;
  }
}
body[dir="RTL"] .dragtolist .btn-options .btn.print {
  margin-left: 12px;
  margin-right: 0;
}
body[dir="RTL"] .dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-droplistcont .dragtolist-droplist {
  padding-right: 11%;
  padding-left: 5px;
  margin-left: 7%;
}
body[dir="RTL"] .dragtolist .dragtolist-col .dragtolist-drag-slide {
  direction: ltr;
}
body[dir="RTL"] .dragtolist .dragtolist-col .dragtolist-drag-slide .dragtolist-drag-slide-entry .dragtolist-drag-cont {
  direction: rtl;
  margin-right: 0;
  margin-left: 25px;
}
body[dir="RTL"] .dragtolist .dragtolist-col.flipped:not(.mobile) .dragtolist-drag-slide {
  direction: rtl;
}
body[dir="RTL"] .dragtolist .dragtolist-col.flipped .dragtolist-drag-slide .dragtolist-drag-slide-entry .dragtolist-drag-cont {
  margin-right: 25px;
  margin-left: 0;
}
body[dir="RTL"] .dragtolist .dragtolist-col.flipped .dragtolist-drag-slide .dragtolist-drag-slide-entry .dragtolist-drag-cont .scale {
  direction: ltr;
}
@media (max-width: 767px) {
  body[dir="RTL"] .dragtolist .dragtolist-col .dragtolist-drag-slide .dragtolist-drag-slide-entry .dragtolist-drag-cont {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body[dir="RTL"] .dragtolist .dragtolist-col .dragtolist-drag-slide .dragtolist-drag-slide-entry .dragtolist-drag-cont .component.media {
    direction: rtl;
  }
  body[dir="RTL"] .dragtolist .dragtolist-col .dragtolist-drag-slide .dragtolist-drag-slide-entry .dragtolist-drag-cont .component.media * {
    direction: rtl;
  }
}
@media (min-width: 1024px) {
  .md-desktop .dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-clipboard.hover {
    transform: scale(1.07, 1.07);
  }
}
@media (min-width: 1280px) {
  .md-desktop .dragtolist .dragtolist-drop-cont .dragtolist-drop .dragtolist-clipcont .dragtolist-clipboard.hover {
    transform: scale(1.03, 1.03);
  }
}
.DropDownMenu {
  display: flex;
  position: absolute;
  width: 100%;
  z-index: 100;
}
.DropDownMenu.left {
  justify-content: flex-start;
}
.DropDownMenu.center {
  justify-content: center;
}
.DropDownMenu.right {
  justify-content: flex-end;
}
.DropDownMenu .custom-dropdown {
  background: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  cursor: pointer;
  font-family: Arial, sans-serif;
  padding: 10px;
  text-align: left;
  transition: 0.5s;
}
.DropDownMenu .custom-dropdown:hover, .DropDownMenu .custom-dropdown:focus {
  border-color: red;
}
.DropDownMenu .dropdown-title {
  padding: 10px;
}
.DropDownMenu .dropdown-option {
  cursor: pointer;
  padding: 10px;
  transition: 0.2s;
}
.DropDownMenu .dropdown-option:hover, .DropDownMenu .dropdown-option:focus {
  background: rgba(0, 0, 0, 0.3);
}
#page-container #page-content .page-col-settings {
  position: relative;
  width: 100%;
}
body[dir="RTL"] .DropDownMenu.left, body[dir="RTL"] .DropDownMenu.right {
  justify-content: flex-start;
}
body[dir="RTL"] .DropDownMenu .custom-dropdown {
  text-align: right;
}
@media (max-width: 767px) {
  .DropDownMenu .custom-dropdown {
    width: 100%;
  }
  .DropDownMenu .custom-dropdown .dropdown-title, .DropDownMenu .custom-dropdown .dropdown-option {
    font-size: 0.9em;
    line-height: 1.4em;
  }
}
.formdata-submit form {
  display: block;
  margin-top: 0;
}
.formdata-submit form .formdata-entry {
  margin-bottom: 15px;
}
.formdata-submit form .formdata-entry label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
.formdata-submit form .formdata-entry textarea {
  min-height: 145px;
  resize: vertical;
}
.formdata-submit form .formdata-entry .charsleft-cont {
  display: flex;
  align-items: flex-end;
  margin: 2px 0 15px 0;
}
.formdata-submit form .formdata-entry .form-control {
  display: block;
  width: 100%;
  height: 34px;
  margin: 0;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 140%;
  background-color: #fff;
  background-image: none;
  border: 1px solid #767676;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
  font-family: inherit;
  box-sizing: border-box;
  outline: none;
}
.formdata-submit form .formdata-entry .form-control::placeholder {
  color: #999;
}
.formdata-submit form .formdata-entry .form-control:focus, .formdata-submit form .formdata-entry .form-control[type=text]:focus {
  border-color: #44a1e5 !important;
  box-shadow: 0 0 8px rgba(68, 161, 229, 0.4);
}
.formdata-submit form .formdata-entry .form-control:not[type=checkbox] {
  color: #555555;
}
.formdata-submit form .formdata-entry .form-control[type=checkbox] {
  color: inherit;
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0 7px 0 0;
  padding: 0;
}
.formdata-submit form .formdata-entry .form-control.formdata-entry-reqdtb:after {
  position: absolute;
  top: -8px;
  left: 16px;
  content: "*";
}
.formdata-submit form .formdata-entry .form-control.disabled {
  background: #bbb;
}
.formdata-submit form .formdata-entry .form-control.disabled[type=checkbox] {
  opacity: 0.65;
}
.formdata-submit form .formdata-entry .form-control.charsleft {
  display: inline-block;
  width: auto;
  margin-left: auto;
  min-width: 40px;
  height: auto;
  line-height: 100%;
  text-align: center;
}
.formdata-submit form .formdata-entry.issue .form-control {
  box-shadow: 0 0 8px #c30, 0 0 8px #c30;
  border-color: #cc3300;
}
.formdata-submit form .formdata-entry.issue .form-control:focus, .formdata-submit form .formdata-entry.issue .form-control[type=text]:focus {
  border-color: #cc3300 !important;
  box-shadow: 0 0 8px rgba(204, 51, 0, 0.4);
}
.formdata-submit button {
  background: #333;
}
.formdata-submit button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.formdata-submit button:hover, .formdata-submit button:active, .formdata-submit button.focus, .formdata-submit button:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
.formdata-submit button.disabled {
  opacity: 0.65;
  pointer-events: none;
}
body[dir="RTL"] .formdata-submit form .formdata-entry .form-control[type=checkbox] {
  margin: 4px 0 0 12px;
}
.freefall-parallax {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  opacity: 0;
  margin-bottom: 0 !important;
}
.freefall-parallax.active {
  transition: opacity 0.5s;
  opacity: 1;
}
.freefall-parallax.auto-scroll {
  pointer-events: none;
}
.freefall-parallax.auto-scroll #freefall-blocker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.freefall-parallax.ie .freefall-scroll .freefall-primary, .freefall-parallax.mobile .freefall-scroll .freefall-primary, .freefall-parallax.freefall-edge .freefall-scroll .freefall-primary {
  height: calc(100% - 119px);
}
.freefall-parallax.ie .freefall-scroll .freefall-primary .freefall-primary-align .component, .freefall-parallax.mobile .freefall-scroll .freefall-primary .freefall-primary-align .component, .freefall-parallax.freefall-edge .freefall-scroll .freefall-primary .freefall-primary-align .component {
  display: table;
}
.freefall-parallax #freefall-bg-cont {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.freefall-parallax #freefall-bg-cont .freefall-bgs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1);
}
.freefall-parallax #freefall-bg-cont .freefall-bgs.active {
  opacity: 1;
}
.freefall-parallax #freefall-bg-cont .freefall-bgs .freefall-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(1, 1);
  transition: transform 5s;
  backface-visibility: hidden;
  perspective: 1000;
}
.freefall-parallax #freefall-bg-cont .freefall-bgs .freefall-bg.anim-bg {
  transform: scale(1.05, 1.05);
}
.freefall-parallax #freefall-bg-cont .freefall-bgs .freefall-bg.anim-bg-out {
  transform: scale(1, 1);
}
.freefall-parallax #freefall-bg-cont .freefall-bgs .freefall-bg .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.freefall-parallax #freefall-bg-cont .freefall-bgs .freefall-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
.freefall-parallax .freefall-scroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.freefall-parallax .freefall-scroll {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.freefall-parallax .freefall-scroll.reverse-text .freefall-primary {
  color: #fff;
}
.freefall-parallax .freefall-scroll.reverse-text .freefall-media .freefall-slide .freefall-secondary {
  color: #fff;
}
.freefall-parallax .freefall-scroll .freefall-primary {
  position: fixed;
  top: 0;
  left: 0;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  height: calc(100% - 40px);
  margin: 20px 9% 0 9%;
  width: 28%;
  box-sizing: border-box;
  z-index: 0;
  transform: translate(0, 80px);
  opacity: 0;
  transition: all 0.5s ease-in-out;
  pointer-events: none;
}
.freefall-parallax .freefall-scroll .freefall-primary {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.freefall-parallax .freefall-scroll .freefall-primary.flipped {
  left: auto;
  right: 0;
}
.freefall-parallax .freefall-scroll .freefall-primary.active {
  z-index: 1;
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, 0);
}
.freefall-parallax .freefall-scroll .freefall-primary.active .freefall-primary-align {
  pointer-events: auto;
}
.freefall-parallax .freefall-scroll .freefall-primary .freefall-slide-title {
  font-size: 30px;
  font-weight: bold;
  padding: 0 8px 10px 8px;
}
.freefall-parallax .freefall-scroll .freefall-primary .freefall-slide-title.audio-bottom {
  padding-bottom: 0;
}
.freefall-parallax .freefall-scroll .freefall-primary .component {
  margin-bottom: 0 !important;
  padding: 0 8px;
}
.freefall-parallax .freefall-scroll .freefall-primary .component h2 {
  margin-top: 0;
  margin-bottom: 10px;
}
.freefall-parallax .freefall-scroll .freefall-primary .freefall-primary-align.ie {
  flex: none;
}
.freefall-parallax .freefall-scroll .freefall-primary .freefall-primary-align.no-title .page-audio {
  margin-top: 0;
}
.freefall-parallax .freefall-scroll .freefall-primary.align-center .freefall-primary-align {
  margin-top: auto;
  margin-bottom: auto !important;
}
.freefall-parallax .freefall-scroll .freefall-primary.align-bottom .freefall-primary-align {
  margin-top: auto;
}
.freefall-parallax .freefall-scroll .freefall-primary .page-audio {
  margin-bottom: 15px;
}
.freefall-parallax .freefall-scroll .freefall-primary .page-header {
  padding-left: 8px;
  padding-right: 8px;
}
.freefall-parallax .freefall-scroll .freefall-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: visible;
  z-index: 0;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide {
  display: flex;
  width: 100%;
  overflow: visible;
  position: relative;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary {
  position: absolute;
  backface-visibility: hidden;
  transform: translate3d(50%, -50%, 0);
  padding: 0 45px;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.flipped {
  transform: translate3d(-50%, -50%, 0);
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-3 {
  min-width: 25%;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-4 {
  min-width: 33.33333333%;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-6 {
  min-width: 50%;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media2, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide5.media2, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide6.media2, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide7.media2, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide8.media2 {
  top: calc(9% - 60px);
  right: 37%;
  z-index: 1;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media2.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide5.media2.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide6.media2.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide7.media2.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide8.media2.flipped {
  left: 37%;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media3, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide5.media3, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide6.media3, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide7.media3, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide8.media3 {
  top: calc(45% - 60px);
  right: 22%;
  z-index: 3;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media3.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide5.media3.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide6.media3.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide7.media3.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide8.media3.flipped {
  left: 22%;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media4, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide5.media4, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide6.media4, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide7.media4, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide8.media4 {
  top: calc(87% - 60px);
  right: 45%;
  z-index: 2;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media4.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide5.media4.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide6.media4.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide7.media4.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide8.media4.flipped {
  left: 45%;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide5.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide6.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide7.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide8.flipped {
  right: auto;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media2 {
  top: calc(12% - 60px);
  right: 17%;
  z-index: 2;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media2.flipped {
  left: 17%;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media3 {
  top: calc(34% - 60px);
  right: 34%;
  z-index: 1;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media3.flipped {
  left: 34%;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media4 {
  top: calc(72% - 60px);
  right: 30%;
  z-index: 3;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media4.flipped {
  left: 30%;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.flipped {
  right: auto;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media2 {
  top: calc(28% - 60px);
  right: 23%;
  z-index: 1;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media2.flipped {
  left: 23%;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media3 {
  top: calc(60% - 60px);
  right: 44%;
  z-index: 2;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media3.flipped {
  left: 44%;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media4 {
  top: calc(84% - 60px);
  right: 22%;
  z-index: 3;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media4.flipped {
  left: 22%;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.flipped {
  right: auto;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media2 {
  top: calc(20% - 60px);
  right: 41%;
  z-index: 1;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media2.flipped {
  left: 41%;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media3 {
  top: calc(51% - 60px);
  right: 28%;
  z-index: 2;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media3.flipped {
  left: 28%;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media4 {
  top: calc(86% - 60px);
  right: 17%;
  z-index: 3;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media4.flipped {
  left: 17%;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.flipped {
  right: auto;
}
.freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component {
  margin-bottom: 0 !important;
  flex: 1 !important;
  will-change: transform;
}
.freefall-parallax .freefall-scroll-icon {
  position: absolute;
  bottom: 7px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 28px;
  height: 28px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/scroll.svg");
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center center;
}
.freefall-parallax .freefall-scroll-icon.hidden {
  display: none;
}
@media (max-width: 1024px) {
  .md-desktop .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-3, .md-desktop .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-3 {
    min-width: 33.33333333%;
  }
  .md-desktop .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-4, .md-desktop .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-4 {
    min-width: 40%;
  }
  .md-desktop .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-6, .md-desktop .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-6 {
    min-width: 50%;
  }
  .md-desktop .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component.media .pullquote h4, .md-desktop .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component.media .pullquote h4 {
    margin: 0;
    font-size: 15px;
    line-height: 130%;
  }
  .md-desktop .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component.text .body-copy, .md-desktop .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component.text .body-copy {
    font-size: 15px;
  }
  .md-desktop .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component.text .body-copy p, .md-desktop .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component.text .body-copy p {
    font-size: 15px;
  }
  .md-desktop .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component .media-frame .fpo:after, .md-desktop .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component .media-frame .fpo:after {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .freefall-parallax .freefall-scroll .freefall-primary, .freefall-parallax.mobile .freefall-scroll .freefall-primary {
    height: calc(100% - 40px);
    margin: 0 4% !important;
    padding: 20px 0;
    width: 42%;
  }
  .freefall-parallax .freefall-scroll .freefall-primary .freefall-primary-align, .freefall-parallax.mobile .freefall-scroll .freefall-primary .freefall-primary-align {
    display: block;
  }
  .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component.media .pullquote h4, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component.media .pullquote h4 {
    margin: 0;
    font-size: 12px;
    line-height: 100%;
  }
  .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component.text .body-copy, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component.text .body-copy {
    font-size: 12px;
  }
  .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component.text .body-copy p, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component.text .body-copy p {
    font-size: 12px;
  }
  .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component .media-frame .fpo:after, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component .media-frame .fpo:after {
    font-size: 30px;
  }
}
.md-phone .freefall-parallax .freefall-scroll .freefall-primary, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-primary {
  height: calc(100% - 40px);
  margin: 0 4% !important;
  padding: 20px 0;
  width: 42%;
}
.md-phone .freefall-parallax .freefall-scroll .freefall-primary .freefall-primary-align, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-primary .freefall-primary-align {
  display: block;
}
.md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component.media .pullquote h4, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component.media .pullquote h4 {
  margin: 0;
  font-size: 12px;
  line-height: 100%;
}
.md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component.text .body-copy, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component.text .body-copy {
  font-size: 12px;
}
.md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component.text .body-copy p, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component.text .body-copy p {
  font-size: 12px;
}
.md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component .media-frame .fpo:after, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary .component .media-frame .fpo:after {
  font-size: 30px;
}
.md-phone .freefall-parallax .freefall-scroll .freefall-primary .freefall-slide-title {
  font-size: 21px;
}
@media (orientation: portrait) and (max-device-width: 767px) {
  .freefall-parallax .freefall-scroll .component .caption, .freefall-parallax.mobile .freefall-scroll .component .caption {
    font-size: 10px !important;
  }
  .freefall-parallax .freefall-scroll .freefall-primary, .freefall-parallax.mobile .freefall-scroll .freefall-primary {
    width: 48%;
  }
  .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary {
    padding: 0 20px;
  }
  .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-3, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-4, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-6, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-3, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-4, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-6 {
    min-width: 50%;
  }
  .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media2, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media2, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media2, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media2, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media2, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media2, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media2, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media2 {
    top: 16%;
  }
  .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media3, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media3, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media3, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media3, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media3, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media3, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media3, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media3 {
    top: 51%;
  }
  .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media4, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media4, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media4, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media4, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media4, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media4, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media4, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media4 {
    top: 86%;
  }
  .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media2, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media3, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media4, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media2, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media3, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media4, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media2, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media3, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media4, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media2, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media3, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media4, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media2, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media3, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media4, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media2, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media3, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media4, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media2, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media3, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media4, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media2, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media3, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media4 {
    right: 26%;
    left: auto;
  }
  .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media2.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media3.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media4.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media2.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media3.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media4.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media2.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media3.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media4.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media2.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media3.flipped, .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media4.flipped, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media2.flipped, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media3.flipped, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media4.flipped, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media2.flipped, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media3.flipped, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media4.flipped, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media2.flipped, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media3.flipped, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media4.flipped, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media2.flipped, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media3.flipped, .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media4.flipped {
    right: auto;
    left: 26%;
  }
}
@media (orientation: portrait) {
  .md-phone .freefall-parallax .freefall-scroll .component .caption, .md-phone .freefall-parallax.mobile .freefall-scroll .component .caption {
    font-size: 10px !important;
  }
  .md-phone .freefall-parallax .freefall-scroll .freefall-primary, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-primary {
    width: 48%;
  }
  .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary {
    padding: 0 20px;
  }
  .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-3, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-4, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-6, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-3, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-4, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-6 {
    min-width: 50%;
  }
  .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media2, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media2, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media2, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media2, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media2, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media2, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media2, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media2 {
    top: 16%;
  }
  .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media3, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media3, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media3, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media3, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media3, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media3, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media3, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media3 {
    top: 51%;
  }
  .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media4, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media4, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media4, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media4, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media4, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media4, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media4, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media4 {
    top: 86%;
  }
  .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media2, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media3, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media4, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media2, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media3, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media4, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media2, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media3, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media4, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media2, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media3, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media4, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media2, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media3, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media4, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media2, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media3, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media4, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media2, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media3, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media4, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media2, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media3, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media4 {
    right: 26%;
    left: auto;
  }
  .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media2.flipped, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media3.flipped, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media4.flipped, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media2.flipped, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media3.flipped, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media4.flipped, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media2.flipped, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media3.flipped, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media4.flipped, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media2.flipped, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media3.flipped, .md-phone .freefall-parallax .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media4.flipped, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media2.flipped, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media3.flipped, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media4.flipped, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media2.flipped, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media3.flipped, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media4.flipped, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media2.flipped, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media3.flipped, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media4.flipped, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media2.flipped, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media3.flipped, .md-phone .freefall-parallax.mobile .freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media4.flipped {
    right: auto;
    left: 26%;
  }
}
@media (max-width: 767px) {
  .freefall-parallax:not(.mobile) #freefall-scroll .freefall-primary {
    margin-top: 20px !important;
    width: 46%;
  }
  .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary {
    padding: 0 20px;
  }
  .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-3, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-4, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.col-xs-6 {
    min-width: 46%;
    max-width: 46%;
  }
  .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media2, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media2, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media2, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media2 {
    top: 16%;
  }
  .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media3, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media3, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media3, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media3 {
    top: 51%;
  }
  .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media4, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media4, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media4, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media4 {
    top: 86%;
  }
  .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media2, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media3, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media4, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media2, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media3, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media4, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media2, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media3, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media4, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media2, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media3, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media4 {
    right: 26%;
    left: auto;
  }
  .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media2.flipped, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media3.flipped, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide1.media4.flipped, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media2.flipped, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media3.flipped, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide2.media4.flipped, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media2.flipped, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media3.flipped, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide3.media4.flipped, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media2.flipped, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media3.flipped, .freefall-parallax:not(.mobile) #freefall-scroll .freefall-media .freefall-slide .freefall-secondary.slide4.media4.flipped {
    right: auto;
    left: 26%;
  }
}
body[dir="RTL"] .freefall-parallax.ie #freefall-bg-cont .freefall-bgs .freefall-bg video {
  right: 50%;
}
.fullpage-media {
  margin: 0 auto;
  padding: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fullpage-media .component.media {
  width: 100%;
  margin: 0 !important;
  position: relative;
  max-height: 100%;
}
.fullpage-media .component.media [data-type="fpo"] {
  width: 100%;
}
.fullpage-media .component.media .media-frame .textblock.scroll-m {
  width: 100%;
}
.fullpage-media .component.media .pullquote, .fullpage-media .component.media .textblock {
  box-sizing: border-box;
  padding-left: 40px;
  padding-right: 40px;
  margin-left: 0;
  margin-right: 0;
}
.fullpage-media .component.media .caption {
  display: none;
}
@media (max-width: 767px) {
  .fullpage-media {
    height: auto;
    display: block;
  }
  .fullpage-media .component.media {
    max-height: auto;
    margin-bottom: 40px !important;
  }
  .fullpage-media .component.media .caption {
    display: block;
    padding: 0 4px;
  }
  .fullpage-media .component.media .pullquote, .fullpage-media .component.media .textblock {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.md-phone .fullpage-media {
  height: auto;
  display: block;
}
.md-phone .fullpage-media .component.media {
  max-height: auto;
  margin-bottom: 40px !important;
}
.md-phone .fullpage-media .component.media .caption {
  display: block;
  padding: 0 4px;
}
.md-phone .fullpage-media .component.media .pullquote, .md-phone .fullpage-media .component.media .textblock {
  padding-left: 30px;
  padding-right: 30px;
}
.fullpage-website {
  position: absolute;
  width: 100%;
  height: 100%;
}
.fullpage-website .fp-iframe {
  border: 0;
  height: 100%;
  position: absolute;
  width: 100%;
}
.fullpage-website .fp-iframe {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.fullwidth-bgaccordion {
  margin-bottom: 0 !important;
  max-height: 100vh;
  flex-direction: column !important;
  flex-grow: 1 !important;
  justify-content: center !important;
}
.fullwidth-bgaccordion .textct-row {
  justify-content: center;
  margin-top: 6px !important;
  backface-visibility: hidden;
  overflow: visible;
}
.fullwidth-bgaccordion .textct-row:first-child {
  margin-top: 0 !important;
}
.fullwidth-bgaccordion .textct-row:not(.active) {
  cursor: pointer;
}
.fullwidth-bgaccordion .textct-row.left {
  justify-content: flex-start;
}
.fullwidth-bgaccordion .textct-row.right {
  justify-content: flex-end;
}
.fullwidth-bgaccordion .textct-row .textct-col {
  padding: 0 40px !important;
  transition: padding 0.3s;
}
.fullwidth-bgaccordion .textct-row .textct-col.titleS .ct-title {
  font-size: 14px;
  padding-bottom: 8px !important;
  padding-top: 10px !important;
}
.fullwidth-bgaccordion .textct-row .textct-col .ct-title {
  margin: 0;
  font-size: 20px;
  padding-bottom: 21px !important;
  padding-top: 20px !important;
  transition: font-size 0.3s, padding 0.3s;
}
.fullwidth-bgaccordion .textct-row .textct-col .ct-title.align-center, .fullwidth-bgaccordion .textct-row .textct-col .ct-title.ql-align-center {
  text-align: center;
}
.fullwidth-bgaccordion .textct-row .textct-col .ct-title.align-right, .fullwidth-bgaccordion .textct-row .textct-col .ct-title.ql-align-right {
  text-align: right;
}
.fullwidth-bgaccordion .textct-row .textct-col .bgacc-row-media {
  position: relative;
  overflow: hidden;
}
.fullwidth-bgaccordion .textct-row .textct-col .bgacc-row-media.init {
  position: absolute !important;
  transform: translate(-500%, -500%) !important;
}
.fullwidth-bgaccordion .textct-row .textct-col .bgacc-row-media .col-media {
  color: #fff;
}
.fullwidth-bgaccordion .textct-row .textct-col .bgacc-row-media .col-media.isIE {
  width: 100%;
  height: 100%;
  flex: none;
}
.fullwidth-bgaccordion .textct-row .textct-col .bgacc-row-media .col-media:last-of-type .component {
  margin-bottom: 0 !important;
}
.fullwidth-bgaccordion .textct-row .textct-col .bgacc-row-media .col-media.horizontal:first-of-type {
  padding-right: 1.25rem !important;
}
.fullwidth-bgaccordion .textct-row .textct-col .bgacc-row-media .col-media.horizontal:last-of-type {
  padding-left: 1.25rem !important;
}
.fullwidth-bgaccordion .textct-row .textct-col .bgacc-row-media .col-media.horizontal .component {
  margin-bottom: 0 !important;
}
.fullwidth-bgaccordion .textct-row.hover .textct-col .ct-title {
  padding-top: 38px !important;
  padding-bottom: 39px !important;
  font-size: 27px;
}
.fullwidth-bgaccordion .textct-row.hover .textct-col.titleS .ct-title {
  padding-top: 16px !important;
  padding-bottom: 17px !important;
  font-size: 16px;
}
.fullwidth-bgaccordion .textct-row.active .textct-col {
  padding-bottom: 31px !important;
}
.fullwidth-bgaccordion .textct-row.active .textct-col .bgacc-row-media {
  transition: none;
}
.fullwidth-bgaccordion .textct-row.active .textct-col .ct-title {
  padding-top: 26px !important;
  padding-bottom: 13px !important;
  cursor: pointer;
  font-size: 27px;
}
.fullwidth-bgaccordion .textct-row.active .textct-col.titleS {
  padding-bottom: 30px !important;
}
.fullwidth-bgaccordion .textct-row.active .textct-col.titleS .ct-title {
  padding-top: 27px !important;
  padding-bottom: 13px !important;
  font-size: 16px;
}
.fullwidth-bgaccordion .textct-row.clicked .textct-col .ct-title:before {
  position: relative;
  display: inline-block;
  content: "";
  width: 19px;
  height: 9px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-size: 13px 10px;
  background-repeat: no-repeat;
  background-position: left center;
}
.fullwidth-bgaccordion .textct-row.clicked .textct-col .ct-title.light-ui:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
}
.fullwidth-bgaccordion .textct-row.expand.active {
  overflow: hidden !important;
}
.fullwidth-bgaccordion .textct-row.expand.active .textct-col .bgacc-row-media {
  overflow: hidden !important;
  transition: max-height 0.3s;
}
.fullwidth-bgaccordion .textct-row.collapse.active {
  overflow: hidden !important;
}
.fullwidth-bgaccordion .textct-row.collapse.active .textct-col {
  padding-bottom: 0 !important;
}
.fullwidth-bgaccordion .textct-row.collapse.active .textct-col .bgacc-row-media {
  overflow: hidden !important;
  transition: height 0.3s;
  height: 0 !important;
}
.fullwidth-bgaccordion .textct-row.collapse.active .textct-col.titleS .ct-title {
  font-size: 14px;
  padding-bottom: 8px !important;
  padding-top: 10px !important;
}
.fullwidth-bgaccordion .textct-row.collapse.active .textct-col .ct-title {
  font-size: 20px;
  padding-bottom: 21px !important;
  padding-top: 20px !important;
}
.fullwidth-bgaccordion .AudioTranscript {
  position: absolute;
  right: 20px;
  top: 20px;
}
.textct-bg-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.textct-bg-cont .textct-bgs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
}
.textct-bg-cont .textct-bgs.active {
  opacity: 1;
}
.textct-bg-cont .textct-bgs .textct-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 5s;
}
.textct-bg-cont .textct-bgs .textct-bg.anim-quick {
  overflow: hidden;
  transition: transform 0.3s;
}
.textct-bg-cont .textct-bgs .textct-bg.anim-bg {
  overflow: hidden;
  transform: scale(1.05, 1.05);
}
.textct-bg-cont .textct-bgs .textct-bg .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.textct-bg-cont .textct-bgs .textct-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  transform: translate3d(-50%, -50%, 0);
}
body[dir="RTL"] .fullwidth-bgaccordion .textct-row .textct-col .bgacc-row-media {
  direction: ltr;
}
body[dir="RTL"] .fullwidth-bgaccordion .textct-row .textct-col .bgacc-row-media .col-media {
  direction: rtl;
}
body[dir="RTL"] .fullwidth-bgaccordion .textct-row .textct-col .ct-title:before {
  background-position: right center;
}
body[dir="RTL"] .fullwidth-bgaccordion .AudioTranscript {
  left: 20px;
  right: unset;
}
body[dir="RTL"] .textct-bg-cont .textct-bgs .textct-bg.ie video {
  left: -50%;
}
@media (max-width: 767px) {
  .fullwidth-bgaccordion.mobile-override .textct-row {
    background: #d9d9d9 !important;
  }
  .fullwidth-bgaccordion.mobile-override .textct-row.clicked .textct-col .ct-title:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
    background-size: 13px 10px;
    background-repeat: no-repeat;
    background-position: left center;
  }
  .fullwidth-bgaccordion.mobile-override .textct-row .ct-title {
    color: #444 !important;
  }
  .fullwidth-bgaccordion .textct-row .textct-col {
    padding: 0 20px !important;
    min-width: 100%;
  }
  .fullwidth-bgaccordion .textct-row .textct-col .bgacc-row-media .col-media {
    min-width: 100%;
  }
  .fullwidth-bgaccordion .textct-row .textct-col .bgacc-row-media .col-media.horizontal:first-of-type {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .fullwidth-bgaccordion .textct-row .textct-col .bgacc-row-media .col-media.horizontal:last-of-type {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .fullwidth-bgaccordion .textct-row .textct-col .bgacc-row-media .col-media:first-of-type .component {
    margin-bottom: 20px !important;
  }
  .fullwidth-bgaccordion .textct-row .textct-col .bgacc-row-media .col-media:last-of-type .component {
    margin-bottom: 0 !important;
  }
}
.md-phone .column.page-col.bg-accordion {
  margin: 0 !important;
}
#page-container #page-content .section.page-row .column.bg-accordion {
  margin: 0;
}
#page-container #page-content .section.page-row .column.bg-accordion .page-col-settings.padLR, #page-container #page-content .section.page-row .column.bg-accordion .page-col-settings.padLR-none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.gallery {
  width: 100%;
  position: relative;
}
.gallery:not(.overlay) .poster-image {
  position: relative;
}
.gallery:not(.overlay) .poster-image.add-chrome {
  width: calc(100% - 20px);
  margin: 0 20px 26px 0;
}
.gallery:not(.overlay) .poster-image.add-chrome img {
  margin: 0;
  box-shadow: 1px 1px 4px #000, 10px 10px #737373, 12px 12px 4px #999, 20px 20px #d9d9d9;
}
.gallery:not(.overlay) .poster-image img {
  display: block;
  width: 100%;
  min-width: 100%;
}
.gallery:not(.overlay) .poster-image .btn-cont {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.gallery:not(.overlay) .poster-image button {
  background: #333;
  border: 2px solid #fff;
  color: #fff;
  letter-spacing: 2px;
  line-height: 120%;
  padding: 12px 15px;
  font-size: 12px;
  font-family: "Caveat", handwriting;
  user-select: none;
  box-sizing: border-box;
}
.gallery:not(.overlay) .poster-image button.btn {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.gallery:not(.overlay) .poster-image button.btn:hover, .gallery:not(.overlay) .poster-image button.btn:active, .gallery:not(.overlay) .poster-image button.btn.focus, .gallery:not(.overlay) .poster-image button.btn:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
.gallery:not(.overlay) .poster-image button.anim-btn.anim-pulse {
  opacity: 1;
  animation: galleryBtnPulse 3.5s infinite linear;
}
@keyframes galleryBtnPulse {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  45% {
    opacity: 0;
  }
  55% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.gallery:not(.overlay) .poster-image button.anim-btn.anim-scale {
  transform-origin: center;
  transform: translate(0%, 0%) scale3d(1, 1, 1);
  animation: galleryBtnScale 3.5s infinite linear;
  top: 0;
}
@keyframes galleryBtnScale {
  0% {
    transform: translate(0%, 0%) scale3d(1, 1, 1);
  }
  50% {
    transform: translate(0%, 0%) scale3d(0.2, 0.2, 1);
  }
  100% {
    transform: translate(0%, 0%) scale3d(1, 1, 1);
  }
}
.gallery:not(.overlay) .poster-image button.anim-btn.anim-headShake, .gallery:not(.overlay) .poster-image button.anim-btn.anim-jello, .gallery:not(.overlay) .poster-image button.anim-btn.anim-rubberBand, .gallery:not(.overlay) .poster-image button.anim-btn.anim-swing, .gallery:not(.overlay) .poster-image button.anim-btn.anim-tada {
  left: -15px;
  top: -15px;
}
.gallery:not(.overlay) .poster-image button.anim-btn.anim-headShake {
  animation-timing-function: ease-in-out;
  animation: headShake 3.5s infinite linear;
}
.gallery:not(.overlay) .poster-image button.anim-btn.anim-jello {
  transform-origin: center;
  animation: jello 3.5s infinite linear;
}
.gallery:not(.overlay) .poster-image button.anim-btn.anim-rubberBand {
  animation: rubberBand 3.5s infinite linear;
}
.gallery:not(.overlay) .poster-image button.anim-btn.anim-swing {
  transform-origin: top center;
  animation: swing 3.5s infinite linear;
  transform: translate(0, 0);
}
.gallery:not(.overlay) .poster-image button.anim-btn.anim-tada {
  animation: tada 3.5s infinite linear;
}
.gallery .caption {
  font-family: "Caveat", handwriting;
  font-size: 12px;
  font-weight: normal;
  line-height: 150%;
  letter-spacing: 1px;
  text-align: right;
  margin-top: 10px;
}
.gallery .caption.caption-left {
  text-align: left;
}
.gallery .caption.caption-center {
  text-align: center;
}
.grad-parallax {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-bottom: 0 !important;
}
.grad-parallax.ios .grad-slides-cont .grad-slides {
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.grad-parallax.ios .grad-slides-cont .grad-slides .grad-slide .grad-row-bg-cont .grad-row-bg.anim-bg {
  animation: zoomBgIn 5s forwards;
}
.grad-parallax .grad-slides-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.grad-parallax .grad-slides-cont .grad-slides {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  transform: translate(0, 0);
  transition-duration: 0.7s;
  transition-property: transform;
  will-change: transform;
  backface-visibility: hidden;
}
.grad-parallax .grad-slides-cont .grad-slides.auto-scroll {
  animation: autoSlide 1.6s forwards;
}
.grad-parallax .grad-slides-cont .grad-slides.slide-left {
  display: flex;
}
.grad-parallax .grad-slides-cont .grad-slides.slide-left.auto-scroll {
  animation: autoSlideL 1.6s forwards;
}
@keyframes autoSlide {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -200px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes autoSlideL {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-200px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
.grad-parallax .grad-slides-cont .grad-slides.trans-disabled {
  transition: none;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide {
  display: flex;
  position: relative;
  flex: 1 0 auto;
  width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  overflow: hidden;
  backface-visibility: hidden;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row {
  height: 100%;
  position: relative;
  -ms-overflow-y: scroll;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row:not(.valign-bottom) .grad-col .grad-col-settings .component:last-child {
  margin-bottom: 40px !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide.active .viewRow span {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_x.svg") !important;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 5px;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row-bg-cont {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  margin-top: 0;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row-bg-cont.trans2d {
  transform: translate(0, 0);
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row-bg-cont .grad-row-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translate(0, 0);
  backface-visibility: hidden;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row-bg-cont .grad-row-bg.anim-bg {
  animation: zoomBgIn 5s forwards;
}
@keyframes zoomBgIn {
  0% {
    transform: translate(0, 0) scale(1, 1);
  }
  100% {
    transform: translate(0, 0) scale(1.05, 1.05);
  }
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row-bg-cont .grad-row-bg .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row-bg-cont .grad-row-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  overflow-y: visible;
  margin: 0 !important;
  padding: 0 35px;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.ie .grad-col {
  flex: 1 0 auto;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.ie .grad-col.col-sm-1 {
  flex: 1 0 8.33333333% !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.ie .grad-col.col-sm-2 {
  flex: 1 0 16.66666666% !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.ie .grad-col.col-sm-3 {
  flex: 1 0 25% !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.ie .grad-col.col-sm-4 {
  flex: 1 0 33.33333333% !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.ie .grad-col.col-sm-5 {
  flex: 1 0 42.66666666% !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.ie .grad-col.col-sm-6 {
  flex: 1 0 50% !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.ie .grad-col.col-sm-7 {
  flex: 1 0 58.33333333% !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.ie .grad-col.col-sm-8 {
  flex: 1 0 66.67% !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.ie .grad-col.col-sm-9 {
  flex: 1 0 75% !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.ie .grad-col.col-sm-10 {
  flex: 1 0 83.33333333% !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.ie .grad-col.col-sm-11 {
  flex: 1 0 91.66666666% !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.ie .grad-col.col-sm-12 {
  flex: 1 0 100% !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.ie .grad-col .grad-col-settings {
  flex: none;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-slide-title {
  margin: 0;
  padding: 0;
  font-weight: bold;
  line-height: normal;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .page-audio {
  margin: 0;
  padding: 0;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .title-audio {
  padding: 15px 45px;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .title-audio.audio-top .page-audio {
  margin-bottom: 15px;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .title-audio.audio-bottom .grad-slide-title {
  margin-bottom: 15px;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding {
  margin: 0 !important;
  padding: 0 !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col {
  display: flex;
  position: relative;
  flex-direction: column;
  min-height: 100%;
  max-height: 100%;
  overflow: visible;
  margin-left: auto !important;
  margin-right: auto !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings {
  display: flex;
  flex-direction: column;
  overflow: visible;
  position: relative;
  margin: auto 0 !important;
  box-sizing: border-box;
  backface-visibility: hidden;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings .component {
  padding: 0 45px;
  margin-bottom: 20px !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings .component:last-child {
  margin-bottom: 0 !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings .component h3 {
  margin: 0;
  padding-bottom: 10px !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col.col-xs-12 {
  width: 100%;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col.col-xs-12 .grad-col-settings .component {
  margin-bottom: 40px !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col.col-xs-12 .grad-col-settings .component:last-child {
  margin-bottom: 0 !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.halign-left .grad-col {
  margin-left: 0 !important;
  margin-right: auto !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.halign-right .grad-col {
  margin-left: auto !important;
  margin-right: 0 !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.valign-bottom .grad-col .grad-col-settings {
  margin-bottom: 0 !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.valign-top .grad-col .grad-col-settings {
  margin-top: 0 !important;
}
.grad-parallax .grad-slides-cont .grad-slides .grad-slide.inactive {
  display: none;
}
.grad-parallax .grad-slides-cont .grad-nav {
  position: absolute;
  top: 50%;
  right: 13px;
  width: 27px;
  transform: translate(0, -50%);
  box-sizing: border-box;
  line-height: 0;
}
.grad-parallax .grad-slides-cont .grad-nav.grad-nav-left {
  right: auto;
  left: 13px;
}
.grad-parallax .grad-slides-cont .grad-nav.grad-nav-bottom, .grad-parallax .grad-slides-cont .grad-nav.grad-nav-top {
  right: auto;
  left: 50%;
  width: auto;
  height: 27px;
  transform: translate(-50%, 0);
}
.grad-parallax .grad-slides-cont .grad-nav.grad-nav-bottom .progress-dots .progress-dot, .grad-parallax .grad-slides-cont .grad-nav.grad-nav-top .progress-dots .progress-dot {
  display: inline-block;
  margin: 0;
}
.grad-parallax .grad-slides-cont .grad-nav.grad-nav-top {
  top: 13px;
}
.grad-parallax .grad-slides-cont .grad-nav.grad-nav-bottom {
  top: auto;
  bottom: 13px;
}
.grad-parallax .grad-slides-cont .grad-nav.inactive {
  display: none;
}
.grad-parallax .grad-slides-cont .grad-nav .progress-hit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: default;
}
.grad-parallax .grad-slides-cont .grad-nav .progress-dots {
  margin: 0;
  padding: 0;
}
.grad-parallax .grad-slides-cont .grad-nav .progress-dots .progress-dot {
  display: block;
  position: relative;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 6px;
  box-sizing: content-box;
  list-style-type: none;
  cursor: pointer;
}
.grad-parallax .grad-slides-cont .grad-nav .progress-dots .progress-dot:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 2px solid #000000;
  background: #fff;
}
.grad-parallax .grad-slides-cont .grad-nav .progress-dots .progress-dot:after {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.grad-parallax .grad-slides-cont .grad-nav .progress-dots .progress-dot.clicked:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 5px;
}
.grad-parallax .grad-slides-cont .grad-nav .progress-dots .progress-dot.active:before {
  background: #000000;
}
.grad-parallax .grad-slides-cont .grad-nav .progress-dots .progress-dot.active.clicked:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 5px;
}
.md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding {
  padding: 0 40px !important;
}
.md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-slide-title, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-slide-title {
  padding: 0 !important;
}
.md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .title-audio, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .title-audio {
  padding: 0 0 15px 0 !important;
}
.md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col {
  max-height: inherit;
  min-height: auto;
  min-width: 100%;
}
.md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col:not(.col-xs-12) .grad-col-settings .component, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col:not(.col-xs-12) .grad-col-settings .component {
  padding: 0;
}
.md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings {
  padding-top: 20px;
}
.md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings .component, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings .component {
  padding: 0;
  margin-bottom: 20px !important;
}
.md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings .component.text.bgColor, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings .component.text.bgColor {
  padding: 15px 20px !important;
}
.md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings .component.text:not(.bgColor), .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings .component.text:not(.bgColor) {
  padding: 0 !important;
}
.md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings .component:last-child, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings .component:last-child.text:not(.bgColor), .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings .component:last-child, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings .component:last-child.text:not(.bgColor) {
  margin-bottom: 0 !important;
  padding-bottom: 20px !important;
}
.md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings .component.text.bgColor {
  padding: 15px 40px !important;
}
.md-phone .grad-parallax .grad-slides-cont .grad-nav .progress-dots .progress-dot {
  margin: 0;
}
@media (max-width: 767px) {
  .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding, .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row, .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding {
    padding: 0 40px !important;
  }
  .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding, .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row, .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-slide-title, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-slide-title, .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-slide-title, .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-slide-title {
    padding: 0 !important;
  }
  .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .title-audio, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .title-audio, .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .title-audio, .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .title-audio {
    padding: 0 0 15px 0 !important;
  }
  .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col, .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col, .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col {
    max-height: inherit;
    min-height: auto;
    min-width: 100%;
  }
  .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings, .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings, .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings {
    padding-top: 20px;
  }
  .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings .component, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings .component, .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings .component, .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings .component {
    padding: 0;
    margin-bottom: 20px !important;
  }
  .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings .component.text.bgColor, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings .component.text.bgColor, .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings .component.text.bgColor, .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings .component.text.bgColor {
    padding: 15px 20px !important;
  }
  .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings .component.text:not(.bgColor), .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings .component.text:not(.bgColor), .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings .component.text:not(.bgColor), .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings .component.text:not(.bgColor) {
    padding: 0 !important;
  }
  .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings .component:last-child, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings .component:last-child.text:not(.bgColor), .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings .component:last-child, .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings .component:last-child.text:not(.bgColor), .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings .component:last-child, .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row .grad-col .grad-col-settings .component:last-child.text:not(.bgColor), .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings .component:last-child, .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings .component:last-child.text:not(.bgColor) {
    margin-bottom: 0 !important;
    padding-bottom: 20px !important;
  }
  .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings .component.text.bgColor, .md-desktop .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding .grad-col .grad-col-settings .component.text.bgColor {
    padding: 15px 40px !important;
  }
  .md-phone .grad-parallax .grad-slides-cont .grad-nav .progress-dots .progress-dot, .md-desktop .grad-parallax .grad-slides-cont .grad-nav .progress-dots .progress-dot {
    margin: 0;
  }
}
@media (min-width: 768px) {
  .md-phone .grad-parallax .grad-slides-cont .grad-slides .grad-slide .grad-row.remove-row-padding {
    padding: 0 40px !important;
  }
}
.hotspot-clicktell {
  position: relative;
}
.hotspot-clicktell .hotspot-cont-row {
  margin: 0 !important;
}
.hotspot-clicktell .hotspot-cont-row .hotspot-cont-col .hotspot-ia .cont-adobeedge, .hotspot-clicktell .hotspot-cont-row .hotspot-cont-col .hotspot-ia .cont-smart-adobe-animate {
  position: relative;
  width: 100%;
  padding-bottom: calc(56.25% - 1px);
  height: 0;
  overflow: hidden;
}
.hotspot-clicktell .hotspot-cont-row .hotspot-cont-col .hotspot-ia .cont-adobeedge iframe, .hotspot-clicktell .hotspot-cont-row .hotspot-cont-col .hotspot-ia .cont-smart-adobe-animate iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 10px;
  min-width: 100%;
}
.hotspot-clicktell .hotspot-cont-row .hotspot-cont-col .hotspot-ia .cont-adobeedge .animate-link, .hotspot-clicktell .hotspot-cont-row .hotspot-cont-col .hotspot-ia .cont-smart-adobe-animate .animate-link {
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.hotspot-clicktell .hotspot-cont-row .hotspot-cont-col .hotspot-ia .hotspot.title-top .hotspot-label .hotspot-label-connector, .hotspot-clicktell .hotspot-cont-row .hotspot-cont-col .hotspot-ia .hotspot:not(.title-top):not(.title-right):not(.title-bottom):not(.title-left) .hotspot-label .hotspot-label-connector {
  transform: translate(-1px, 0);
}
.hotspot-clicktell .hotspot-cont-row .hotspot-cont-col .hotspot-ia .hotspot.title-top .hotspot-label .hotspot-label-connector.anim-resize, .hotspot-clicktell .hotspot-cont-row .hotspot-cont-col .hotspot-ia .hotspot:not(.title-top):not(.title-right):not(.title-bottom):not(.title-left) .hotspot-label .hotspot-label-connector.anim-resize {
  height: 14px;
  bottom: -16px;
}
.hotspot-clicktell .hotspot-cont-row .hotspot-cont-col .hotspot-ia .hotspot.title-right .hotspot-label {
  top: 50%;
  left: 100%;
  transform: translate(12px, -50%);
}
.hotspot-clicktell .hotspot-cont-row .hotspot-cont-col .hotspot-ia .hotspot.title-right .hotspot-label .hotspot-label-connector {
  width: 12px;
  height: 2px;
  left: -14px;
  bottom: auto;
  top: 50%;
  transform: translate(0, -50%);
}
.hotspot-clicktell .hotspot-cont-row .hotspot-cont-col .hotspot-ia .hotspot.title-right .hotspot-label .hotspot-label-connector.anim-resize {
  left: -16px;
  width: 14px;
}
.hotspot-clicktell .hotspot-cont-row .hotspot-cont-col .hotspot-ia .hotspot.title-bottom .hotspot-label {
  top: 100%;
  transform: translate(0, 12px);
}
.hotspot-clicktell .hotspot-cont-row .hotspot-cont-col .hotspot-ia .hotspot.title-bottom .hotspot-label .hotspot-label-connector {
  bottom: auto;
  top: -14px;
}
.hotspot-clicktell .hotspot-cont-row .hotspot-cont-col .hotspot-ia .hotspot.title-bottom .hotspot-label .hotspot-label-connector.anim-resize {
  top: -16px;
  height: 14px;
  transform: translate(-1px, 0);
}
.hotspot-clicktell .hotspot-cont-row .hotspot-cont-col .hotspot-ia .hotspot.title-left .hotspot-label {
  top: 50%;
  left: -165px;
  transform: translate(-12px, -50%);
}
.hotspot-clicktell .hotspot-cont-row .hotspot-cont-col .hotspot-ia .hotspot.title-left .hotspot-label .hotspot-label-connector {
  width: 12px;
  height: 2px;
  left: auto;
  right: -14px;
  bottom: auto;
  top: 50%;
  transform: translate(0, -50%);
}
.hotspot-clicktell .hotspot-cont-row .hotspot-cont-col .hotspot-ia .hotspot.title-left .hotspot-label .hotspot-label-connector.anim-resize {
  right: -16px;
  width: 14px;
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-cont-col {
  padding-right: 12px !important;
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-cont-col.mediaL {
  padding-right: 0 !important;
  padding-left: 12px !important;
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-cont-col .hotspot-ia .hotspot {
  z-index: 1;
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-cont-col .hotspot-ia .hotspot .hotspot-btn.clicked .hotspot-btn-txt {
  transform: translate(-1px, -50%);
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-cont-col .hotspot-ia .hotspot .hotspot-btn.clicked:after {
  background-position: bottom 10px left 5px;
  background-size: 8px 6px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-cont-col .hotspot-ia .hotspot.active .hotspot-btn, .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-cont-col .hotspot-ia .hotspot.active .hotspot-label {
  visibility: visible;
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-cont-col .hotspot-ia .hotspot.inactive {
  opacity: 0.65;
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane {
  position: relative;
  display: flex;
  /*padding-left:20px !important;
				&.mediaL {
					padding-left:0 !important;
					padding-right:20px !important;
				}
				*/
  flex-direction: column;
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .hotspot-pane-title {
  text-align: center;
  margin-bottom: 40px;
  margin-top: 0;
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .hotspot-pane-title.align-left {
  text-align: left;
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .hotspot-pane-title.align-right {
  text-align: right;
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .hotspot-pane-btns {
  text-align: center;
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .hotspot-pane-btns button {
  margin: 5px 5px 0 5px;
  background: #333;
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .hotspot-pane-btns button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .hotspot-pane-btns button:hover, .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .hotspot-pane-btns button:active, .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .hotspot-pane-btns button.focus, .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .hotspot-pane-btns button:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .col-pane-bg {
  position: relative;
  width: 100%;
  height: 100%;
  background: #000000;
  border-radius: 0px;
  padding: 30px !important;
  box-sizing: border-box;
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .col-pane-bg .hotspotct-row {
  box-sizing: border-box;
  height: calc(100% - 60px);
  margin-left: -5px;
  margin-right: -5px;
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
  width: calc(100% - 60px);
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .col-pane-bg .hotspotct-row {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .col-pane-bg .hotspotct-row .hotspotct-col {
  width: 100%;
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .col-pane-bg .hotspotct-row .hotspotct-col .component {
  margin-bottom: 40px !important;
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .col-pane-bg .hotspotct-row .hotspotct-col .component:last-of-type {
  margin-bottom: 0 !important;
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .col-pane-bg.hasTranscript .hotspotct-row {
  height: calc(100% - 90px);
}
.hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .col-pane-bg .AudioTranscript {
  bottom: 20px;
  margin: 0;
  position: absolute;
  right: 20px;
}
.hotspot-clicktell .hotspot-ia {
  position: relative;
}
.hotspot-clicktell .hotspot-ia .hotspot-img {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.hotspot-clicktell .hotspot-ia .hotspot {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  transform: translate(-50%, -50%);
}
.hotspot-clicktell .hotspot-ia .hotspot.hide-btn {
  opacity: 0;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-hitarea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-container {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  margin: 0;
  cursor: pointer;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-container.top-left .hotspot-btn {
  top: 0;
  left: 0;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-container.top-center .hotspot-btn {
  top: 0;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-container.top-right .hotspot-btn {
  top: 0;
  left: 100%;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-container.center-right .hotspot-btn {
  left: 100%;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-container.center-left .hotspot-btn {
  left: 0;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-container.bottom-right .hotspot-btn {
  top: 100%;
  left: 100%;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-container.bottom-left .hotspot-btn {
  top: 100%;
  left: 0;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-container.bottom-center .hotspot-btn {
  top: 100%;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-btn {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  border: 2px solid #000000;
  box-sizing: border-box;
  cursor: pointer;
  cursor: pointer;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-btn.keepDims {
  width: 30px;
  height: 30px;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-btn:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: -2px;
  left: -2px;
  box-sizing: border-box;
  display: none;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-size: 13px 10px;
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-btn.square {
  border-radius: 0;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-btn.inactive {
  background-color: rgba(0, 0, 0, 0.5);
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-btn.clicked:after {
  display: block;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-btn .hotspot-btn-txt {
  position: relative;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-btn.anim-btn.anim-pulse {
  opacity: 1;
  animation: pulse 3.5s infinite linear;
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  45% {
    opacity: 0;
  }
  55% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-btn.anim-btn.anim-scale {
  transform-origin: center;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  animation: scale 3.5s infinite linear;
}
@keyframes scale {
  0% {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
  }
  50% {
    transform: translate(-50%, -50%) scale3d(0.2, 0.2, 1);
  }
  100% {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
  }
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-btn.anim-btn.anim-headShake, .hotspot-clicktell .hotspot-ia .hotspot .hotspot-btn.anim-btn.anim-jello, .hotspot-clicktell .hotspot-ia .hotspot .hotspot-btn.anim-btn.anim-rubberBand, .hotspot-clicktell .hotspot-ia .hotspot .hotspot-btn.anim-btn.anim-swing, .hotspot-clicktell .hotspot-ia .hotspot .hotspot-btn.anim-btn.anim-tada {
  transform: translate(0, 0);
  top: 0;
  left: 0;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-btn.anim-btn.anim-headShake {
  animation-timing-function: ease-in-out;
  animation: headShake 3.5s infinite linear;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-btn.anim-btn.anim-jello {
  transform-origin: center;
  animation: jello 3.5s infinite linear;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-btn.anim-btn.anim-rubberBand {
  animation: rubberBand 3.5s infinite linear;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-btn.anim-btn.anim-swing {
  transform-origin: top center;
  animation: swing 3.5s infinite linear;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-btn.anim-btn.anim-tada {
  animation: tada 3.5s infinite linear;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-label {
  position: relative;
  width: 165px;
  top: -12px;
  left: calc(50% - 82px);
  transform: translate(0, -100%);
  padding: 7px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.8);
  border: 2px solid #000000;
  border-radius: 0px;
  pointer-events: none;
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
  text-align: center;
  color: #fff;
}
.hotspot-clicktell .hotspot-ia .hotspot .hotspot-label .hotspot-label-connector {
  position: absolute;
  bottom: -14px;
  left: 50%;
  width: 2px;
  height: 12px;
  transform: translate(-2px, 0);
  background-color: #000000;
}
.hotspot-clicktell .hotspot-ia .hotspot.active {
  z-index: 1;
}
.hotspot-clicktell .hotspot-ia .hotspot.active:not(.noPopup) .hotspot-btn, .hotspot-clicktell .hotspot-ia .hotspot.active:not(.noPopup) .hotspot-label {
  visibility: hidden;
}
.hotspot-clicktell .hotspot-ia .hotspot.inactive .hotspot-btn, .hotspot-clicktell .hotspot-ia .hotspot.inactive .hotspot-label {
  background-color: rgba(0, 0, 0, 0.5);
}
.hotspot-clicktell .hotspot-ia .hotspot.viewed.hide-btn {
  opacity: 1;
}
.hotspot-clicktell .hotspot-ia .hotspot-popup {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 210px;
  z-index: 2;
}
.hotspot-clicktell .hotspot-ia .hotspot-popup.wide {
  width: 300px;
}
.hotspot-clicktell .hotspot-ia .hotspot-popup span.close {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  width: 29px;
  height: 29px;
  cursor: pointer;
}
.hotspot-clicktell .hotspot-ia .hotspot-popup span.close:before {
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  top: 10px;
  left: 10px;
  background-size: 9px 9px;
  background-repeat: no-repeat;
}
.hotspot-clicktell .hotspot-ia .hotspot-popup span.close:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_x.svg");
}
.hotspot-clicktell .hotspot-ia .hotspot-popup span.close:hover {
  opacity: 0.7;
}
.hotspot-clicktell .hotspot-ia .hotspot-popup .hotspot-popup-cont {
  margin-bottom: 5px;
  padding: 24px 14px 18px 14px;
  background-color: rgba(0, 0, 0, 0.9);
  border: 2px solid #000000;
  border-radius: 0px;
  font-size: 14px;
}
.hotspot-clicktell .hotspot-ia .hotspot-popup .hotspot-popup-cont.hasTranscript {
  padding-bottom: 40px;
}
.hotspot-clicktell .hotspot-ia .hotspot-popup .hotspot-popup-cont h3.hotspot-title {
  margin: 0;
  padding-bottom: 8px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.hotspot-clicktell .hotspot-ia .hotspot-popup .hotspot-popup-cont h3.hotspot-title.align-left {
  text-align: left;
}
.hotspot-clicktell .hotspot-ia .hotspot-popup .hotspot-popup-cont h3.hotspot-title.align-right {
  text-align: right;
}
.hotspot-clicktell .hotspot-ia .hotspot-popup .hotspot-popup-cont .hotspotct-col {
  line-height: 130%;
  width: 100%;
}
.hotspot-clicktell .hotspot-ia .hotspot-popup .hotspot-popup-cont .hotspotct-col .body-copy p, .hotspot-clicktell .hotspot-ia .hotspot-popup .hotspot-popup-cont .hotspotct-col .body-copy ul, .hotspot-clicktell .hotspot-ia .hotspot-popup .hotspot-popup-cont .hotspotct-col .body-copy ol, .hotspot-clicktell .hotspot-ia .hotspot-popup .hotspot-popup-cont .hotspotct-col .body-copy li {
  font-size: 14px;
}
.hotspot-clicktell .hotspot-ia .hotspot-popup .hotspot-popup-cont .hotspotct-col .component {
  margin-bottom: 20px !important;
}
.hotspot-clicktell .hotspot-ia .hotspot-popup .hotspot-popup-cont .hotspotct-col .component .pullquote {
  padding: 0;
}
.hotspot-clicktell .hotspot-ia .hotspot-popup .hotspot-popup-cont .hotspotct-col .component .pullquote h4 {
  font-size: 14px;
  line-height: 120%;
}
.hotspot-clicktell .hotspot-ia .hotspot-popup .hotspot-popup-cont .hotspotct-col .component:last-of-type {
  margin-bottom: 0 !important;
}
.hotspot-clicktell .hotspot-ia .hotspot-popup .hotspot-popup-cont .AudioTranscript {
  bottom: 15px;
  margin: 0;
  position: absolute;
  right: 10px;
}
.hotspot-clicktell .hotspot-ia:not(.light_ui) .hotspot-btn .hotspot-btn-txt {
  color: #fff;
}
.hotspot-clicktell .hotspot-ia:not(.light_ui) .hotspot-popup .hotspot-popup-cont {
  color: #fff;
}
.hotspot-clicktell .hotspot-ia.light_ui .hotspot .hotspot-btn {
  background-color: rgba(255, 255, 255, 0.95);
}
.hotspot-clicktell .hotspot-ia.light_ui .hotspot .hotspot-btn.clicked:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
}
.hotspot-clicktell .hotspot-ia.light_ui .hotspot .hotspot-btn-txt {
  color: #626362;
}
.hotspot-clicktell .hotspot-ia.light_ui .hotspot .hotspot-label {
  background-color: rgba(255, 255, 255, 0.95);
  color: #626362;
}
.hotspot-clicktell .hotspot-ia.light_ui .hotspot.inactive .hotspot-btn, .hotspot-clicktell .hotspot-ia.light_ui .hotspot.inactive .hotspot-label {
  background-color: rgba(255, 255, 255, 0.6);
}
.hotspot-clicktell .hotspot-ia.light_ui .hotspot-popup span.close {
  opacity: 0.51;
}
.hotspot-clicktell .hotspot-ia.light_ui .hotspot-popup span.close:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_x_mobile.svg");
}
.hotspot-clicktell .hotspot-ia.light_ui .hotspot-popup span.close:hover {
  opacity: 0.7;
}
.hotspot-clicktell .hotspot-ia.light_ui .hotspot-popup .hotspot-popup-cont {
  background-color: rgba(255, 255, 255, 0.95);
}
body[dir="RTL"] .hotspot-clicktell .hotspot-cont-row {
  direction: ltr;
}
body[dir="RTL"] .hotspot-clicktell .hotspot-cont-row .hotspotct-row {
  direction: rtl;
}
body[dir="RTL"] .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-cont-col {
  direction: rtl;
}
body[dir="RTL"] .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-cont-col .hotspot-ia .hotspot .hotspot-container {
  direction: ltr;
}
body[dir="RTL"] .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-cont-col .hotspot-ia .hotspot .hotspot-container .hotspot-btn, body[dir="RTL"] .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-cont-col .hotspot-ia .hotspot .hotspot-container .hotspot-label {
  direction: rtl;
}
body[dir="RTL"] .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .AudioTranscript {
  left: 20px;
  right: unset;
}
body[dir="RTL"] .hotspot-clicktell .hotspot-ia .hotspot-popup .hotspot-popup-cont .AudioTranscript {
  left: 10px;
  right: unset;
}
body[dir="RTL"] .hotspot-clicktell .hotspot-ia .hotspot-popup span.close {
  left: 0;
  right: unset;
}
@media (max-width: 1023px) {
  .md-desktop .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .hotspot-pane-title {
    margin-bottom: 20px;
    font-size: 14px;
  }
  .md-desktop .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .col-pane-bg {
    padding: 15px 10px !important;
  }
  .md-desktop .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .col-pane-bg .hotspotct-row {
    width: calc(100% - 20px);
    height: calc(100% - 30px);
  }
  .md-desktop .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .col-pane-bg .hotspotct-row .hotspotct-col .body-copy * {
    font-size: 14px;
  }
  .md-desktop .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .col-pane-bg .hotspotct-row .hotspotct-col .component {
    margin-bottom: 20px !important;
  }
  .md-desktop .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .col-pane-bg .hotspotct-row .hotspotct-col .component .pullquote {
    padding: 0;
  }
  .md-desktop .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .col-pane-bg .hotspotct-row .hotspotct-col .component .pullquote h4 {
    font-size: 14px;
    line-height: 120%;
  }
  .md-desktop .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .col-pane-bg .hotspotct-row .hotspotct-col .component:last-of-type {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 767px) {
  .hotspot-clicktell .hotspot-ia {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .hotspot-clicktell .hotspot-ia .hotspot-thumb {
    position: relative;
    cursor: pointer;
    width: 100%;
    z-index: 1;
  }
  .hotspot-clicktell .hotspot-ia .hotspot-thumb.no-pointer {
    cursor: auto;
  }
  .hotspot-clicktell .hotspot-ia .hotspot-thumb .cont-adobeedge, .hotspot-clicktell .hotspot-ia .hotspot-thumb .cont-smart-adobe-animate {
    position: relative;
    width: 100%;
    padding-bottom: calc(56.25% - 1px);
    height: 0;
    overflow: hidden;
  }
  .hotspot-clicktell .hotspot-ia .hotspot-thumb .cont-adobeedge iframe, .hotspot-clicktell .hotspot-ia .hotspot-thumb .cont-smart-adobe-animate iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 10px;
    min-width: 100%;
  }
  .hotspot-clicktell .hotspot-ia .hotspot-thumb .cont-adobeedge .animate-link, .hotspot-clicktell .hotspot-ia .hotspot-thumb .cont-smart-adobe-animate .animate-link {
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .hotspot-clicktell .hotspot-ia .hotspot-thumb .hotspot.hide-btn {
    opacity: 0;
  }
  .hotspot-clicktell .hotspot-ia .hotspot-thumb .hotspot.active {
    z-index: 1;
  }
  .hotspot-clicktell .hotspot-ia .hotspot-thumb .hotspot.active .hotspot-btn {
    visibility: visible;
  }
  .hotspot-clicktell .hotspot-ia .hotspot-thumb .hotspot.inactive .hotspot-btn {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .hotspot-clicktell .hotspot-ia .hotspot-thumb .hotspot.viewed.hide-btn {
    opacity: 1;
  }
  .hotspot-clicktell .hotspot-ia.light_ui .hotspot-thumb .hotspot.inactive .hotspot-btn {
    background-color: rgba(255, 255, 255, 0.4);
  }
  .hotspot-clicktell .hotspot-label-m {
    width: 100%;
    position: relative;
    margin: 7px 0 15px 0;
    padding: 0 5px 7px 5px;
    box-sizing: border-box;
    text-align: center;
    font-family: "Caveat", handwriting;
    text-align: center;
    line-height: 130%;
    font-weight: bold;
    color: #626362;
    display: none;
  }
  .hotspot-clicktell .hotspot-label-m.active {
    display: block;
    margin-bottom: 0;
  }
  .hotspot-clicktell .hotspot-label-m.active.collapsed {
    display: none;
  }
  .hotspot-clicktell .col-pane {
    width: 100%;
    margin-bottom: 40px;
    margin-top: 22px;
    padding: 0 !important;
    position: relative;
    display: none;
  }
  .hotspot-clicktell .col-pane:not(.hideArrow):before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #000000;
    transform: translate(-50%, 0);
    z-index: 1;
  }
  .hotspot-clicktell .col-pane.active {
    display: block;
  }
  .hotspot-clicktell .col-pane .hotspot-pane {
    position: relative;
    padding: 30px 0;
    transition: transform 0.5s ease;
    will-change: transform;
    background: #000000;
  }
  .hotspot-clicktell .col-pane .hotspot-pane.hasTranscript {
    padding-bottom: 40px;
  }
  .hotspot-clicktell .col-pane .hotspot-pane span.close {
    opacity: 0.51;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 29px;
    height: 29px;
    cursor: pointer;
  }
  .hotspot-clicktell .col-pane .hotspot-pane span.close:before {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    top: 10px;
    left: 10px;
    background-size: 9px 9px;
    background-repeat: no-repeat;
  }
  .hotspot-clicktell .col-pane .hotspot-pane span.close:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_x_mobile.svg");
  }
  .hotspot-clicktell .col-pane .hotspot-pane span.close:hover {
    opacity: 0.7;
  }
  .hotspot-clicktell .col-pane .hotspot-pane .hotspotct-row {
    width: 100%;
  }
  .hotspot-clicktell .col-pane .hotspot-pane .hotspotct-row .hotspotct-col {
    width: 100%;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  .hotspot-clicktell .col-pane .hotspot-pane .hotspotct-row .hotspotct-col .component {
    margin-bottom: 20px !important;
  }
  .hotspot-clicktell .col-pane .hotspot-pane .hotspotct-row .hotspotct-col .component:last-of-type {
    margin-bottom: 0 !important;
  }
  .hotspot-clicktell .col-pane .hotspot-pane .hotspotct-row .hotspotct-col .hotspot-pane-title {
    display: none;
  }
  .hotspot-clicktell .col-pane .hotspot-pane .AudioTranscript {
    bottom: 15px;
    margin: 0;
    position: absolute;
    right: 10px;
  }
  body[dir="RTL"] .hotspot-clicktell .col-pane .hotspot-pane span.close {
    left: 0;
    right: unset;
  }
  body[dir="RTL"] .hotspot-clicktell .col-pane .hotspot-pane .AudioTranscript {
    left: 20px;
    right: unset;
  }
}
@media (min-width: 767px) {
  .md-phone .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .col-pane-bg {
    padding: 20px !important;
  }
  .md-phone .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .col-pane-bg .hotspotct-row {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
  }
  .md-phone .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .col-pane-bg .hotspotct-row .hotspot-pane-title, .md-phone .hotspot-clicktell .hotspot-cont-row.hotspot-type2 .hotspot-pane .col-pane-bg .hotspotct-row .hotspotct-col .component:not(:last-of-type) {
    margin-bottom: 30px !important;
  }
}
.htmlize {
  position: relative;
}
.htmlize table {
  border-collapse: collapse;
  width: 100%;
}
.htmlize table th, .htmlize table td {
  border-style: solid;
  border-width: 1px;
  padding: 4px;
}
@media (max-width: 767px) {
  .htmlize table {
    width: 100% !important;
  }
}
.stacked-images {
  opacity: 0;
}
.stacked-images.loaded {
  opacity: 1;
}
.stacked-images .stack-cont {
  width: 100%;
}
.stacked-images .stack-cont .component {
  margin-bottom: 0 !important;
}
.stacked-images .stack-cont .component .poster-zoom {
  margin-bottom: 0;
}
.stacked-images .stack-cont:not(:last-of-type) .component .media-frame .poster-zoom button {
  display: none;
}
.media-frame.aspect-ratio1 .video-js.vjs-fluid:not(.vjs-audio-only-mode):not(.vjs-fullscreen), .media-frame.aspect-ratio1 .video-js .vjs-poster, .media-frame.aspect-ratio1 .poster-image {
  padding-top: 100% !important;
}
.media-frame.aspect-ratio2 .video-js.vjs-fluid:not(.vjs-audio-only-mode):not(.vjs-fullscreen), .media-frame.aspect-ratio2 .video-js .vjs-poster, .media-frame.aspect-ratio2 .poster-image {
  padding-top: 75% !important;
}
.media-frame.aspect-ratio3 .video-js.vjs-fluid:not(.vjs-audio-only-mode):not(.vjs-fullscreen), .media-frame.aspect-ratio3 .video-js .vjs-poster, .media-frame.aspect-ratio3 .poster-image {
  padding-top: 125% !important;
}
.media-frame.aspect-ratio4 .video-js.vjs-fluid:not(.vjs-audio-only-mode):not(.vjs-fullscreen), .media-frame.aspect-ratio4 .video-js .vjs-poster, .media-frame.aspect-ratio4 .poster-image {
  padding-top: 177.78% !important;
}
.media-frame.aspect-ratio1 .poster-image[aria-haspopup="true"] img, .media-frame.aspect-ratio2 .poster-image[aria-haspopup="true"] img, .media-frame.aspect-ratio3 .poster-image[aria-haspopup="true"] img, .media-frame.aspect-ratio4 .poster-image[aria-haspopup="true"] img {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.media-frame .video-js .vjs-poster {
  overflow: hidden;
}
.media-frame .video-js .vjs-poster img {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  max-height: none;
}
.media-frame, .component.media {
  position: relative;
  width: 100%;
  backface-visibility: hidden;
}
.media-frame.hide-icon .overlay-icon.play-audio, .media-frame.hide-icon .overlay-icon.play-video, .component.media.hide-icon .overlay-icon.play-audio, .component.media.hide-icon .overlay-icon.play-video {
  opacity: 0;
}
.media-frame.hide-icon .video-js .vjs-big-play-button, .component.media.hide-icon .video-js .vjs-big-play-button {
  opacity: 0;
}
.media-frame .cont-smart-adobe-animate .iframe-replacement, .media-frame .cont-smart-adobe-animate #animation-container, .component.media .cont-smart-adobe-animate .iframe-replacement, .component.media .cont-smart-adobe-animate #animation-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 10px;
  min-width: 100%;
}
.media-frame .cont-adobeedge, .media-frame .cont-smart-adobe-animate, .component.media .cont-adobeedge, .component.media .cont-smart-adobe-animate {
  position: relative;
  width: 100%;
  padding-bottom: calc(56.25% - 1px);
  height: 0;
  overflow: hidden;
}
.media-frame .cont-adobeedge iframe, .media-frame .cont-smart-adobe-animate iframe, .component.media .cont-adobeedge iframe, .component.media .cont-smart-adobe-animate iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 10px;
  min-width: 100%;
}
.media-frame .cont-adobeedge .animate-link, .media-frame .cont-smart-adobe-animate .animate-link, .component.media .cont-adobeedge .animate-link, .component.media .cont-smart-adobe-animate .animate-link {
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.media-frame .before-after, .component.media .before-after {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.media-frame .before-after.not-animating, .component.media .before-after.not-animating {
  overflow: visible;
}
.media-frame .before-after .ba-media, .component.media .before-after .ba-media {
  width: 100%;
  overflow: hidden;
  height: 100%;
  box-sizing: border-box;
  position: relative;
}
.media-frame .before-after .ba-media img, .component.media .before-after .ba-media img {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.media-frame .before-after .ba-media .resize-img, .component.media .before-after .ba-media .resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.media-frame .before-after .ba-media .resize-img img, .component.media .before-after .ba-media .resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: auto;
  max-width: none;
}
.media-frame .before-after .ba-media .resize-img.custom-anim, .component.media .before-after .ba-media .resize-img.custom-anim {
  width: 0;
}
.media-frame .before-after .ba-media .resize-img:not(.custom-anim), .component.media .before-after .ba-media .resize-img:not(.custom-anim) {
  animation: resizeImgIn 1.7s forwards;
}
@keyframes resizeImgIn {
  0% {
    width: 0;
  }
  58% {
    width: 0;
  }
  80% {
    width: 55%;
  }
  100% {
    width: 50%;
    animation: none;
  }
}
.media-frame .before-after .btn-handle, .component.media .before-after .btn-handle {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 44px;
  margin-top: -22px;
  cursor: move;
  color: #fff;
  text-align: center;
  z-index: 2;
  transform: none;
}
.media-frame .before-after .btn-handle .handle, .component.media .before-after .btn-handle .handle {
  position: absolute;
  width: 0;
  height: 100%;
}
.media-frame .before-after .btn-handle .handle:before, .component.media .before-after .btn-handle .handle:before {
  content: "";
  position: absolute;
  left: -22px;
  width: 44px;
  height: 100%;
  background: #000000;
  border-radius: 50%;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.media-frame .before-after .btn-handle .handle:before, .component.media .before-after .btn-handle .handle:before {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.media-frame .before-after .btn-handle .handle:hover:before, .media-frame .before-after .btn-handle .handle:active:before, .media-frame .before-after .btn-handle .handle.focus:before, .media-frame .before-after .btn-handle .handle:focus:before, .component.media .before-after .btn-handle .handle:hover:before, .component.media .before-after .btn-handle .handle:active:before, .component.media .before-after .btn-handle .handle.focus:before, .component.media .before-after .btn-handle .handle:focus:before {
  background: black !important;
}
.media-frame .before-after .btn-handle .handle.handle-in, .component.media .before-after .btn-handle .handle.handle-in {
  animation: handleIn 2.1s forwards;
}
@keyframes handleIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  84% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.media-frame .before-after .btn-handle .handle.ba span, .component.media .before-after .btn-handle .handle.ba span {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/ba_white.svg");
  background-size: 24px 6px;
}
.media-frame .before-after .btn-handle .handle span, .component.media .before-after .btn-handle .handle span {
  display: block;
  position: absolute;
  width: 44px;
  height: 100%;
  left: -22px;
  background-repeat: no-repeat;
  background-position: center;
}
.media-frame .before-after .btn-handle.react-draggable-dragging .handle, .component.media .before-after .btn-handle.react-draggable-dragging .handle {
  background: #000000;
}
.media-frame .before-after .label, .component.media .before-after .label {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  max-width: 49%;
  text-align: center;
  color: #fff;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0 0 6px #000;
}
.media-frame .before-after .label.label-in, .component.media .before-after .label.label-in {
  animation: labelIn 2.1s forwards;
}
@keyframes labelIn {
  0% {
    transform: translate(0, 50px);
  }
  84% {
    transform: translate(0, 50px);
  }
  100% {
    transform: none;
  }
}
.media-frame .before-after .label.left, .component.media .before-after .label.left {
  left: 0;
  right: auto;
}
.media-frame .embed, .component.media .embed {
  position: relative;
  width: 100%;
  padding-bottom: calc(56.25% - 1px);
  height: 0;
  background: #000;
}
.media-frame .embed iframe, .component.media .embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.media-frame .embed .rsme-embed.rsme-tiktok-embed, .component.media .embed .rsme-embed.rsme-tiktok-embed {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.media-frame .embed .rsme-embed.rsme-tiktok-embed .tiktok-embed-container, .component.media .embed .rsme-embed.rsme-tiktok-embed .tiktok-embed-container {
  height: 100%;
}
.media-frame .embed .rsme-embed.rsme-tiktok-embed .tiktok-embed-container .tiktok-embed, .component.media .embed .rsme-embed.rsme-tiktok-embed .tiktok-embed-container .tiktok-embed {
  height: 100%;
}
.media-frame .fpo, .component.media .fpo {
  background-color: #ccc;
  padding-top: 56.25%;
  width: 100%;
  position: relative;
}
.media-frame .fpo:after, .component.media .fpo:after {
  content: "FPO";
  position: absolute;
  left: 50%;
  top: 50%;
  color: #969696;
  font-size: 50px;
  text-align: center;
  font-weight: bold;
  transform: translate(-50%, -50%);
}
.media-frame .image, .component.media .image {
  display: block;
  box-sizing: border-box;
}
.media-frame .image.url-link, .component.media .image.url-link {
  cursor: pointer;
}
.media-frame .img-zoom, .component.media .img-zoom {
  position: relative;
  overflow: hidden;
}
.media-frame .img-zoom .image.zoom, .component.media .img-zoom .image.zoom {
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 1s ease-out;
  -webkit-transition: -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1);
}
.media-frame .toi-gradient, .component.media .toi-gradient {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.media-frame .toi, .component.media .toi {
  position: absolute;
}
.media-frame .toi p:last-of-type, .component.media .toi p:last-of-type {
  margin-bottom: 0;
}
.media-frame .panorama-cont, .component.media .panorama-cont {
  width: 100%;
}
.media-frame .panorama-cont .panorama, .component.media .panorama-cont .panorama {
  min-width: 100%;
  width: 100%;
  height: 0;
  padding-bottom: 50%;
}
.media-frame .panorama-cont .panorama .pnlm-grab, .component.media .panorama-cont .panorama .pnlm-grab {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.media-frame .panorama-cont .panorama .pnlm-hotspot, .component.media .panorama-cont .panorama .pnlm-hotspot {
  width: 30px;
  height: 30px;
  background: none;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  border: 2px solid #000000;
  margin: 0 auto;
}
.media-frame .panorama-cont .panorama .pnlm-hotspot span, .component.media .panorama-cont .panorama .pnlm-hotspot span {
  pointer-events: none;
  position: absolute;
  left: -2px;
  background-color: black;
  color: #fff;
  border: 2px solid #000000;
  border-radius: 0;
  font-family: "Caveat", handwriting;
  font-size: 12px;
}
.media-frame .panorama-cont .panorama .pnlm-hotspot span:after, .component.media .panorama-cont .panorama .pnlm-hotspot span:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: black transparent transparent transparent;
  bottom: -20px;
  left: -12px;
  margin: 0 50%;
}
.media-frame .panorama-cont .panorama .pnlm-hotspot span:before, .component.media .panorama-cont .panorama .pnlm-hotspot span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 12px;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
  bottom: -24px;
  left: -14px;
  margin: 0 50%;
}
.media-frame .panorama-cont .panorama .pnlm-hotspot.pnlm-scene:before, .component.media .panorama-cont .panorama .pnlm-hotspot.pnlm-scene:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  display: block;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrow_up_white.svg");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center center;
}
.media-frame .panorama-cont .panorama .pnlm-hotspot.pnlm-scene span, .component.media .panorama-cont .panorama .pnlm-hotspot.pnlm-scene span {
  display: block;
}
.media-frame .panorama-cont .panorama .pnlm-hotspot.pnlm-info:hover span, .component.media .panorama-cont .panorama .pnlm-hotspot.pnlm-info:hover span {
  display: none;
}
.media-frame .panorama-cont .panorama .pnlm-hotspot.pnlm-info.clicked:before, .component.media .panorama-cont .panorama .pnlm-hotspot.pnlm-info.clicked:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  display: block;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-size: 14px 11px;
  background-repeat: no-repeat;
  background-position: center center;
}
.media-frame .panorama-cont .panorama .pnlm-hotspot.pnlm-info.vis span, .component.media .panorama-cont .panorama .pnlm-hotspot.pnlm-info.vis span {
  visibility: visible;
  display: block;
}
.media-frame .panorama-cont .panorama .pnlm-controls-container .custom, .component.media .panorama-cont .panorama .pnlm-controls-container .custom {
  display: none;
}
.media-frame .panorama-cont .panorama-btns .btn-cont, .component.media .panorama-cont .panorama-btns .btn-cont {
  display: none;
  text-align: center;
}
.media-frame .panorama-cont .panorama-btns .btn-cont.vis, .component.media .panorama-cont .panorama-btns .btn-cont.vis {
  display: block;
}
.media-frame .panorama-cont .panorama-btns .btn-cont .btn, .component.media .panorama-cont .panorama-btns .btn-cont .btn {
  display: inline-block;
  width: auto;
  cursor: pointer;
  margin: 10px 5px 0px 5px;
  opacity: 1;
  border-radius: 5px;
}
.media-frame .panorama-cont .panorama-btns .btn-cont .btn, .component.media .panorama-cont .panorama-btns .btn-cont .btn {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.media-frame .panorama-cont .panorama-btns .btn-cont .btn.clicked, .component.media .panorama-cont .panorama-btns .btn-cont .btn.clicked {
  background: #777 !important;
  background: #1a1a1a !important;
  color: #FFFFFF !important;
}
.media-frame .pullquote, .component.media .pullquote {
  width: 100%;
  border: 5px solid #000000;
  border-left: none;
  border-right: none;
  padding: 10px 0;
  margin: 0;
  font-size: 17.5px;
  box-sizing: border-box;
}
.media-frame .pullquote.scroll, .media-frame .pullquote.scroll-m, .component.media .pullquote.scroll, .component.media .pullquote.scroll-m {
  padding-right: 10px;
}
.media-frame .pullquote.scroll, .media-frame .pullquote.scroll-m, .component.media .pullquote.scroll, .component.media .pullquote.scroll-m {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.media-frame .pullquote.scroll-m, .component.media .pullquote.scroll-m {
  padding-left: 10px;
  margin-right: -10px;
  margin-left: -10px;
}
.media-frame .pullquote p, .component.media .pullquote p {
  margin: 0 !important;
}
.media-frame .slideshow, .component.media .slideshow {
  width: 100%;
  overflow: hidden;
}
.media-frame .slideshow .slideshow-animate, .component.media .slideshow .slideshow-animate {
  display: flex;
  height: auto;
  position: relative;
  transition: transform 0.5s ease-out;
  width: 100%;
  will-change: transform;
}
.media-frame .slideshow .slideshow-animate.reset, .component.media .slideshow .slideshow-animate.reset {
  transition: none;
}
.media-frame .slideshow .slideshow-animate img, .component.media .slideshow .slideshow-animate img {
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  box-sizing: border-box;
}
.media-frame .slideshow .slideshow-animate img.hide, .component.media .slideshow .slideshow-animate img.hide {
  opacity: 0;
}
.media-frame .slideshow .slideshow-animate img.url-link, .component.media .slideshow .slideshow-animate img.url-link {
  cursor: pointer;
}
.media-frame .slideshow .slideshow-animate img.slide_first, .component.media .slideshow .slideshow-animate img.slide_first {
  position: absolute;
  left: -100%;
}
.media-frame .slideshow .slideshow-btns, .component.media .slideshow .slideshow-btns {
  display: block;
  list-style: none;
  padding: 0;
  margin: 11px 0 0 0;
  text-align: center;
}
.media-frame .slideshow .slideshow-btns li, .component.media .slideshow .slideshow-btns li {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  cursor: pointer;
}
.media-frame .slideshow .slideshow-btns li:before, .component.media .slideshow .slideshow-btns li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background: #000000;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.39;
}
.media-frame .slideshow .slideshow-btns li:hover:before, .component.media .slideshow .slideshow-btns li:hover:before {
  opacity: 1;
}
.media-frame .slideshow .slideshow-btns li.active:before, .component.media .slideshow .slideshow-btns li.active:before {
  opacity: 1;
}
.media-frame .textblock, .component.media .textblock {
  width: 100%;
}
.media-frame .textblock.scroll, .component.media .textblock.scroll {
  width: calc(100% - 10px);
}
.media-frame .textblock.scroll, .media-frame .textblock.scroll-m, .component.media .textblock.scroll, .component.media .textblock.scroll-m {
  padding-right: 10px;
  width: calc(100% - 10px);
}
.media-frame .textblock.scroll, .media-frame .textblock.scroll-m, .component.media .textblock.scroll, .component.media .textblock.scroll-m {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.media-frame .textblock.scroll-m, .component.media .textblock.scroll-m {
  padding-left: 10px;
  margin-right: -10px;
  margin-left: -10px;
}
.media-frame .textblock h4.title, .component.media .textblock h4.title {
  margin: 0 0 20px 0;
}
.media-frame .video-js, .component.media .video-js {
  position: relative;
}
.media-frame .video-js .vjs-resize-manager, .component.media .video-js .vjs-resize-manager {
  /** {
			outline:none;
		}*/
  height: 1px;
  opacity: 0;
}
.media-frame .video-js .vjs-big-play-button, .component.media .video-js .vjs-big-play-button {
  height: 50px;
  width: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  background-color: rgba(0, 0, 0, 0.9) !important;
  border-radius: 50%;
  border: 0;
}
.media-frame .video-js .vjs-big-play-button, .component.media .video-js .vjs-big-play-button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.media-frame .video-js .vjs-big-play-button .vjs-icon-placeholder, .component.media .video-js .vjs-big-play-button .vjs-icon-placeholder {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/play_video_white.svg");
  background-size: 16px 16px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.media-frame .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .component.media .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  display: none;
}
.media-frame .video-js .vjs-text-track-display, .component.media .video-js .vjs-text-track-display {
  width: 100% !important;
}
.media-frame .video-js .vjs-text-track-display div:first-child, .component.media .video-js .vjs-text-track-display div:first-child {
  margin: 0 !important;
}
.media-frame .video-js .vjs-text-track-display div *, .component.media .video-js .vjs-text-track-display div * {
  width: 100% !important;
  top: auto !important;
}
.media-frame .video-js .vjs-text-track-display div div div, .component.media .video-js .vjs-text-track-display div div div {
  position: absolute;
  width: 100% !important;
  left: 50%;
  top: auto !important;
  bottom: 5px !important;
}
.media-frame .video-js .vjs-user-inactive.vjs-playing .vjs-control-bar :before, .component.media .video-js .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
  content: "";
}
.media-frame .video-js .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar, .component.media .video-js .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: hidden !important;
}
.media-frame .video-js .vjs-volume-control .vjs-volume-level:before, .component.media .video-js .vjs-volume-control .vjs-volume-level:before {
  height: 8px;
  width: 8px;
  content: "";
  background: #fff;
  border-radius: 50%;
  top: -3px;
  right: -3px;
  transition: transform 0.15s ease-in-out;
}
.media-frame .video-js .vjs-volume-control:hover .vjs-volume-level:before, .component.media .video-js .vjs-volume-control:hover .vjs-volume-level:before {
  transform: scale(1.8);
}
.media-frame .video-js.vjs-audio .vjs-poster, .component.media .video-js.vjs-audio .vjs-poster {
  background-size: cover;
}
.media-frame .video-js.vjs-audio .vjs-poster img, .component.media .video-js.vjs-audio .vjs-poster img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.media-frame .video-js .vjs-poster, .component.media .video-js .vjs-poster {
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  padding-top: 56.25%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.media-frame .video-js .vjs-progress-control .vjs-play-progress:before, .component.media .video-js .vjs-progress-control .vjs-play-progress:before {
  height: 8px;
  width: 8px;
  content: "";
  background: #fff;
  border-radius: 50%;
  top: -3px;
  right: -3px;
  transition: transform 0.15s ease-in-out;
}
.media-frame .video-js .vjs-progress-control:hover .vjs-play-progress:before, .component.media .video-js .vjs-progress-control:hover .vjs-play-progress:before {
  margin-top: 1px;
  transform: scale(1.8);
}
.media-frame .video-js .vjs-picture-in-picture-control, .media-frame .video-js .vjs-descriptions-button, .media-frame .video-js .vjs-seek-to-live-control, .component.media .video-js .vjs-picture-in-picture-control, .component.media .video-js .vjs-descriptions-button, .component.media .video-js .vjs-seek-to-live-control {
  display: none;
}
.media-frame .video-js .vjs-playback-rate, .component.media .video-js .vjs-playback-rate {
  width: 3em;
}
.media-frame .video-js video::-webkit-media-controls-start-playback-button, .component.media .video-js video::-webkit-media-controls-start-playback-button {
  display: none !important;
}
.media-frame .video-js .vjs-control-bar button.vjs-play-control, .component.media .video-js .vjs-control-bar button.vjs-play-control {
  width: 24px;
}
.media-frame .video-js .vjs-control-bar .vjs-volume-panel button.vjs-mute-control, .component.media .video-js .vjs-control-bar .vjs-volume-panel button.vjs-mute-control {
  width: 24px;
  padding-right: 0;
}
.media-frame .video-js .vjs-control-bar .vjs-volume-panel .vjs-volume-bar, .component.media .video-js .vjs-control-bar .vjs-volume-panel .vjs-volume-bar {
  margin-right: 0;
}
.media-frame .video-js .vjs-control-bar .vjs-volume-panel .vjs-volume-bar .vjs-mouse-display, .component.media .video-js .vjs-control-bar .vjs-volume-panel .vjs-volume-bar .vjs-mouse-display {
  top: -3em;
  position: absolute;
  background: #000;
  padding: 4px;
}
.media-frame .video-js .vjs-control-bar .vjs-descriptions-button.vjs-control, .component.media .video-js .vjs-control-bar .vjs-descriptions-button.vjs-control {
  width: 26px;
}
.media-frame .video-js .vjs-control-bar .vjs-descriptions-button.vjs-control button.vjs-descriptions-button, .component.media .video-js .vjs-control-bar .vjs-descriptions-button.vjs-control button.vjs-descriptions-button {
  padding-left: 0;
  padding-right: 0;
}
.media-frame .video-js .vjs-control-bar .vjs-subs-caps-button.vjs-control, .component.media .video-js .vjs-control-bar .vjs-subs-caps-button.vjs-control {
  width: 26px;
}
.media-frame .video-js .vjs-control-bar .vjs-subs-caps-button.vjs-control button.subs-caps-button-button, .component.media .video-js .vjs-control-bar .vjs-subs-caps-button.vjs-control button.subs-caps-button-button {
  padding-left: 0;
  padding-right: 0;
}
.media-frame .video-js .vjs-control-bar .vjs-descriptions-button .vjs-menu, .media-frame .video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu, .component.media .video-js .vjs-control-bar .vjs-descriptions-button .vjs-menu, .component.media .video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu {
  left: 0;
  transform: translate(-50%, 0);
}
.media-frame .video-js .vjs-control-bar .vjs-fullscreen-control, .component.media .video-js .vjs-control-bar .vjs-fullscreen-control {
  width: 24px;
}
.media-frame .video-js .vjs-control-bar .vjs-play-control .vjs-icon-placeholder:before, .component.media .video-js .vjs-control-bar .vjs-play-control .vjs-icon-placeholder:before {
  content: "" !important;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/play_video_white.svg");
  background-size: 9px 9px;
}
.media-frame .video-js .vjs-control-bar .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .component.media .video-js .vjs-control-bar .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/pause_white.svg");
}
.media-frame .video-js .vjs-control-bar .vjs-mute-control .vjs-icon-placeholder:before, .component.media .video-js .vjs-control-bar .vjs-mute-control .vjs-icon-placeholder:before {
  content: "" !important;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/audio.svg");
  background-size: 18px 18px;
}
.media-frame .video-js .vjs-control-bar .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .component.media .video-js .vjs-control-bar .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/audio_muted.svg");
  background-size: 18px 18px;
}
.media-frame .video-js .vjs-control-bar .vjs-icon-placeholder:before, .component.media .video-js .vjs-control-bar .vjs-icon-placeholder:before {
  background-repeat: no-repeat;
  background-position: center;
}
.media-frame .video-js .vjs-icon-subtitles:before, .media-frame .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .media-frame .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .media-frame .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .media-frame .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .media-frame .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .media-frame .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .component.media .video-js .vjs-icon-subtitles:before, .component.media .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .component.media .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .component.media .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .component.media .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .component.media .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .component.media .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "" !important;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/subtitles.svg");
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: center;
}
.media-frame .video-js .vjs-icon-fullscreen-enter, .media-frame .video-js .vjs-fullscreen-control .vjs-icon-placeholder, .component.media .video-js .vjs-icon-fullscreen-enter, .component.media .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  width: 11px;
  height: 12px;
}
.media-frame .video-js .vjs-icon-fullscreen-enter:before, .media-frame .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .component.media .video-js .vjs-icon-fullscreen-enter:before, .component.media .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "" !important;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/fullscreen_enter.svg");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center;
}
.media-frame .video-js .vjs-icon-fullscreen-exit:before, .media-frame .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .component.media .video-js .vjs-icon-fullscreen-exit:before, .component.media .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/fullscreen_exit.svg");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center;
}
.media-frame .poster-image, .component.media .poster-image {
  width: 100%;
  position: relative;
  cursor: pointer;
}
.media-frame .poster-image img, .component.media .poster-image img {
  width: 100%;
  display: block;
}
.media-frame .poster-image.img-bg, .media-frame .poster-image .img-bg, .component.media .poster-image.img-bg, .component.media .poster-image .img-bg {
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}
.media-frame .poster-image.img-bg.contain, .media-frame .poster-image .img-bg.contain, .component.media .poster-image.img-bg.contain, .component.media .poster-image .img-bg.contain {
  background-size: contain !important;
}
.media-frame .poster-image .img-bg, .component.media .poster-image .img-bg {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.media-frame .poster-image.poster-bg, .component.media .poster-image.poster-bg {
  height: 0;
  padding-top: 56.25%;
}
.media-frame .poster-image.poster-bg img, .component.media .poster-image.poster-bg img {
  display: none;
}
.media-frame .poster-image.poster-bg .img-bg, .component.media .poster-image.poster-bg .img-bg {
  display: block;
}
.media-frame .poster-image .overlay-icon, .component.media .poster-image .overlay-icon {
  height: 50px;
  width: 50px;
  display: table;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.9);
  border-radius: 30px;
}
.media-frame .poster-image .overlay-icon, .component.media .poster-image .overlay-icon {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.media-frame .poster-image .overlay-icon:hover, .media-frame .poster-image .overlay-icon:active, .media-frame .poster-image .overlay-icon.focus, .media-frame .poster-image .overlay-icon:focus, .component.media .poster-image .overlay-icon:hover, .component.media .poster-image .overlay-icon:active, .component.media .poster-image .overlay-icon.focus, .component.media .poster-image .overlay-icon:focus {
  background: black !important;
}
.media-frame .poster-image .overlay-icon.play-audio.hide-icon, .media-frame .poster-image .overlay-icon.play-video.hide-icon, .component.media .poster-image .overlay-icon.play-audio.hide-icon, .component.media .poster-image .overlay-icon.play-video.hide-icon {
  opacity: 0;
}
.media-frame .poster-image .overlay-icon.play-audio span, .media-frame .poster-image .overlay-icon.play-video span, .component.media .poster-image .overlay-icon.play-audio span, .component.media .poster-image .overlay-icon.play-video span {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/play_video_white.svg");
  background-size: 16px 16px;
}
.media-frame .poster-image .overlay-icon span, .component.media .poster-image .overlay-icon span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.media-frame.poster-bg .poster-image, .component.media.poster-bg .poster-image {
  height: 0;
  padding-top: 56.25%;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}
.media-frame.poster-bg .poster-image img, .component.media.poster-bg .poster-image img {
  display: none;
}
.media-frame.poster-bg .poster-image .img-bg, .component.media.poster-bg .poster-image .img-bg {
  display: block;
}
.media-frame .poster-zoom, .component.media .poster-zoom {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.media-frame .poster-zoom button, .media-frame .poster-zoom .btn.magnify, .media-frame .poster-zoom .btn.enlarge, .component.media .poster-zoom button, .component.media .poster-zoom .btn.magnify, .component.media .poster-zoom .btn.enlarge {
  background: rgba(0, 0, 0, 0.9);
  border-radius: 50%;
  border: 0;
  height: 50px;
  left: 50%;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
}
.media-frame .poster-zoom button, .media-frame .poster-zoom .btn.magnify, .media-frame .poster-zoom .btn.enlarge, .component.media .poster-zoom button, .component.media .poster-zoom .btn.magnify, .component.media .poster-zoom .btn.enlarge {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.media-frame .poster-zoom button:hover, .media-frame .poster-zoom button:active, .media-frame .poster-zoom button.focus, .media-frame .poster-zoom button:focus, .media-frame .poster-zoom .btn.magnify:hover, .media-frame .poster-zoom .btn.magnify:active, .media-frame .poster-zoom .btn.magnify.focus, .media-frame .poster-zoom .btn.magnify:focus, .media-frame .poster-zoom .btn.enlarge:hover, .media-frame .poster-zoom .btn.enlarge:active, .media-frame .poster-zoom .btn.enlarge.focus, .media-frame .poster-zoom .btn.enlarge:focus, .component.media .poster-zoom button:hover, .component.media .poster-zoom button:active, .component.media .poster-zoom button.focus, .component.media .poster-zoom button:focus, .component.media .poster-zoom .btn.magnify:hover, .component.media .poster-zoom .btn.magnify:active, .component.media .poster-zoom .btn.magnify.focus, .component.media .poster-zoom .btn.magnify:focus, .component.media .poster-zoom .btn.enlarge:hover, .component.media .poster-zoom .btn.enlarge:active, .component.media .poster-zoom .btn.enlarge.focus, .component.media .poster-zoom .btn.enlarge:focus {
  background: black !important;
}
.media-frame .poster-zoom .btn.magnify span, .media-frame .poster-zoom .btn.enlarge span, .component.media .poster-zoom .btn.magnify span, .component.media .poster-zoom .btn.enlarge span {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/magnify_white.svg");
  background-size: 24px 24px;
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.media-frame .poster-zoom img, .component.media .poster-zoom img {
  display: block;
  box-sizing: border-box;
}
.media-frame.shift-enlarge-up .poster-zoom .btn.enlarge, .component.media.shift-enlarge-up .poster-zoom .btn.enlarge {
  bottom: 15px;
}
.media-frame img, .component.media img {
  width: 100%;
}
.media-frame .media-footer, .component.media .media-footer {
  display: flex;
  flex-direction: row-reverse;
}
.media-frame .media-footer .caption, .component.media .media-footer .caption {
  text-align: right;
}
.media-frame .media-footer .AudioTranscript, .component.media .media-footer .AudioTranscript {
  margin: 10px 0 0 10px;
  flex-basis: 25px;
}
.media-frame .media-footer.caption-left .caption, .component.media .media-footer.caption-left .caption {
  text-align: left;
}
.media-frame .media-footer.caption-center .caption, .component.media .media-footer.caption-center .caption {
  text-align: center;
}
.media-frame .media-footer .caption, .component.media .media-footer .caption {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  text-align: right;
  margin-top: 10px;
}
.media-frame .trans-poster .vjs-poster, .component.media .trans-poster .vjs-poster {
  background: transparent;
}
.blank {
  position: relative;
  height: 0;
  background: #000;
  opacity: 0.5;
}
.blank.gallery-blank {
  opacity: 0;
}
body[dir="RTL"] .media-frame .pullquote.scroll, body[dir="RTL"] .media-frame .textblock.scroll {
  padding-right: 0;
  padding-left: 10px;
}
body[dir="RTL"] .media-frame .slideshow .slideshow-animate img.slide_first {
  right: -100%;
  left: auto;
}
body[dir="RTL"] .media-frame .media-footer .caption {
  text-align: left;
}
@media (max-width: 767px) {
  .media-frame .poster-zoom.align-left, .component.media .poster-zoom.align-left {
    display: flex;
    justify-content: flex-start;
  }
  .media-frame .poster-zoom.align-center, .component.media .poster-zoom.align-center {
    display: flex;
    justify-content: center;
  }
  .media-frame .poster-zoom.align-right, .component.media .poster-zoom.align-right {
    display: flex;
    justify-content: flex-end;
  }
  .media-frame .poster-zoom button, .media-frame .poster-zoom .btn.magnify, .media-frame .poster-zoom .btn.enlarge, .component.media .poster-zoom button, .component.media .poster-zoom .btn.magnify, .component.media .poster-zoom .btn.enlarge {
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation: panzoom-scale 0.6s ease-out;
    bottom: -13px;
    box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.1);
    height: 27px;
    left: auto;
    right: 20px;
    top: auto;
    transform: scale(1, 1);
    transform: translate(-50%, -50%);
    width: 27px;
  }
  .media-frame .poster-zoom button span, .media-frame .poster-zoom .btn.magnify span, .media-frame .poster-zoom .btn.enlarge span, .component.media .poster-zoom button span, .component.media .poster-zoom .btn.magnify span, .component.media .poster-zoom .btn.enlarge span {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    height: 27px;
    left: 0;
    position: absolute;
    top: 0;
    width: 27px;
    border: 3px solid #df1959;
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/panzoom-white.svg") !important;
  }
  .media-frame .poster-zoom button:before, .media-frame .poster-zoom .btn.magnify:before, .media-frame .poster-zoom .btn.enlarge:before, .component.media .poster-zoom button:before, .component.media .poster-zoom .btn.magnify:before, .component.media .poster-zoom .btn.enlarge:before {
    content: none;
  }
  .media-frame .poster-zoom .btn.magnify span, .component.media .poster-zoom .btn.magnify span {
    background-size: initial;
  }
  @keyframes panzoom-scale {
    0% {
      transform: scale(1, 1);
    }
    25% {
      transform: scale(0.3, 0.3);
    }
    50% {
      transform: scale(1.5, 1.5);
    }
    100% {
      transform: none !important;
    }
  }
  .media-frame .slideshow .slideshow-btns li, .component.media .slideshow .slideshow-btns li {
    width: 8px;
    height: 8px;
  }
}
.md-phone .media-frame .poster-zoom.align-left, .md-phone .component.media .poster-zoom.align-left {
  display: flex;
  justify-content: flex-start;
}
.md-phone .media-frame .poster-zoom.align-center, .md-phone .component.media .poster-zoom.align-center {
  display: flex;
  justify-content: center;
}
.md-phone .media-frame .poster-zoom.align-right, .md-phone .component.media .poster-zoom.align-right {
  display: flex;
  justify-content: flex-end;
}
.md-phone .media-frame .poster-zoom button, .md-phone .media-frame .poster-zoom .btn.magnify, .md-phone .media-frame .poster-zoom .btn.enlarge, .md-phone .component.media .poster-zoom button, .md-phone .component.media .poster-zoom .btn.magnify, .md-phone .component.media .poster-zoom .btn.enlarge {
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation: panzoom-scale 0.6s ease-out;
  bottom: -13px;
  box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.1);
  height: 27px;
  left: auto;
  right: 20px;
  top: auto;
  transform: scale(1, 1);
  transform: translate(-50%, -50%);
  width: 27px;
}
.md-phone .media-frame .poster-zoom button span, .md-phone .media-frame .poster-zoom .btn.magnify span, .md-phone .media-frame .poster-zoom .btn.enlarge span, .md-phone .component.media .poster-zoom button span, .md-phone .component.media .poster-zoom .btn.magnify span, .md-phone .component.media .poster-zoom .btn.enlarge span {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  height: 27px;
  left: 0;
  position: absolute;
  top: 0;
  width: 27px;
  border: 3px solid #df1959;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/panzoom-white.svg") !important;
}
.md-phone .media-frame .poster-zoom button:before, .md-phone .media-frame .poster-zoom .btn.magnify:before, .md-phone .media-frame .poster-zoom .btn.enlarge:before, .md-phone .component.media .poster-zoom button:before, .md-phone .component.media .poster-zoom .btn.magnify:before, .md-phone .component.media .poster-zoom .btn.enlarge:before {
  content: none;
}
.md-phone .media-frame .poster-zoom .btn.magnify span, .md-phone .component.media .poster-zoom .btn.magnify span {
  background-size: initial;
}
@keyframes panzoom-scale {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.3, 0.3);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: none !important;
  }
}
.md-phone .media-frame .slideshow .slideshow-btns li, .md-phone .component.media .slideshow .slideshow-btns li {
  width: 8px;
  height: 8px;
}
.md-phone .media-frame.hide-icon .video-js .vjs-big-play-button, .md-phone .component.media.hide-icon .video-js .vjs-big-play-button {
  opacity: 1;
}
.memory {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}
.memory.disabled {
  pointer-events: none;
}
.memory.sizeL {
  margin: 0 -7px;
}
.memory.sizeL .tile {
  width: 244px;
  min-width: 244px;
  height: 249px;
  margin: 12px 7px 0 7px;
}
.memory.sizeL .tile .tile-back .tile-txt, .memory.sizeL .tile .tile-front .tile-txt {
  padding: 22px 24px 22px 24px;
}
.memory.sizeM {
  margin: 0 -6px;
}
.memory.sizeM .tile {
  width: 206px;
  min-width: 206px;
  height: 210px;
  margin: 10px 6px 0 6px;
}
.memory.sizeM .tile .tile-back .tile-txt, .memory.sizeM .tile .tile-front .tile-txt {
  padding: 19px 21px 19px 21px;
}
.memory.sizeS {
  margin: 0 -5px;
}
.memory.sizeS .tile {
  width: 168px;
  min-width: 168px;
  height: 171px;
  margin: 8px 5px 0 5px;
}
.memory.sizeS .tile .tile-back .tile-txt, .memory.sizeS .tile .tile-front .tile-txt {
  padding: 15px 18px 15px 18px;
}
.memory.sizeR {
  margin: 0;
}
.memory.sizeR .tile {
  height: 0;
  margin: 12px 7px 0 7px;
  width: 100%;
  min-width: 100%;
  padding-top: 100%;
}
.memory.sizeR .tile.tile-respsize2 {
  width: calc(50% - 14px);
  min-width: calc(50% - 14px);
  padding-top: calc(50% - 14px);
}
.memory.sizeR .tile.tile-respsize3 {
  width: calc(33.33333333% - 14px);
  min-width: calc(33.33333333% - 14px);
  padding-top: calc(33.33333333% - 14px);
}
.memory.sizeR .tile.tile-respsize4 {
  width: calc(25% - 14px);
  min-width: calc(25% - 14px);
  padding-top: calc(25% - 14px);
}
.memory.sizeR .tile.tile-respsize5 {
  width: calc(20% - 14px);
  min-width: calc(20% - 14px);
  padding-top: calc(20% - 14px);
}
.memory.sizeR .tile .tile-back .tile-txt, .memory.sizeR .tile .tile-front .tile-txt {
  padding: 22px 24px 22px 24px;
}
.memory .tile {
  position: relative;
  cursor: pointer;
}
.memory .tile:not(.tile-edge) {
  -webkit-perspective: 800;
}
.memory .tile.flip-fast {
  z-index: 1;
}
.memory .tile.flip-fast .tile-back, .memory .tile.flip-fast .tile-front {
  transition: transform 0.6s ease-in-out;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.memory .tile.flip-slow {
  z-index: 1;
}
.memory .tile.flip-slow .tile-back, .memory .tile.flip-slow .tile-front {
  transition: transform 1s ease-in-out;
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.memory .tile.flip-none .tile-back, .memory .tile.flip-none .tile-front {
  transition: none;
}
.memory .tile.flip-none.flip-fast .tile-back, .memory .tile.flip-none.flip-fast .tile-front {
  transition: none;
}
.memory .tile.clicked .tile-back:after, .memory .tile.clicked .tile-front:after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background: #474747;
  border-radius: 50%;
  top: 4px;
  right: 4px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
}
.memory .tile.clicked .tile-back.circle:after, .memory .tile.clicked .tile-front.circle:after {
  right: auto;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
.memory .tile .tile-back, .memory .tile .tile-front {
  -webkit-transition: -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1);
  backface-visibility: hidden;
  box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.75);
  box-sizing: border-box;
  height: 100%;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform-style: preserve-3d;
  transition: transform 0.9s ease-in-out;
  width: 100%;
}
.memory .tile .tile-back.circle, .memory .tile .tile-front.circle {
  border-radius: 50%;
}
.memory .tile .tile-back .tile-txt, .memory .tile .tile-front .tile-txt {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.memory .tile .tile-back .tile-txt .tile-txt-cont, .memory .tile .tile-front .tile-txt .tile-txt-cont {
  display: inline-flex;
  width: 100%;
  line-height: 120%;
  margin: 0;
  font-family: "Caveat", handwriting;
  display: inline-flex;
  flex-direction: column;
}
.memory .tile .tile-back .tile-txt .tile-txt-cont .tile-title, .memory .tile .tile-front .tile-txt .tile-txt-cont .tile-title {
  margin: 0 0 4px 0;
}
.memory .tile .tile-back .tile-txt .tile-txt-cont :last-child, .memory .tile .tile-front .tile-txt .tile-txt-cont :last-child {
  margin-bottom: 0;
}
.memory .tile .tile-back .tile-txt .tile-txt-cont .align-center, .memory .tile .tile-back .tile-txt .tile-txt-cont .ql-align-center, .memory .tile .tile-front .tile-txt .tile-txt-cont .align-center, .memory .tile .tile-front .tile-txt .tile-txt-cont .ql-align-center {
  text-align: center;
}
.memory .tile .tile-back .tile-txt .tile-txt-cont .align-left, .memory .tile .tile-back .tile-txt .tile-txt-cont .ql-align-left, .memory .tile .tile-front .tile-txt .tile-txt-cont .align-left, .memory .tile .tile-front .tile-txt .tile-txt-cont .ql-align-left {
  text-align: left;
}
.memory .tile .tile-back .tile-txt .tile-txt-cont .align-right, .memory .tile .tile-back .tile-txt .tile-txt-cont .ql-align-right, .memory .tile .tile-front .tile-txt .tile-txt-cont .align-right, .memory .tile .tile-front .tile-txt .tile-txt-cont .ql-align-right {
  text-align: right;
}
.memory .tile .tile-back .tile-txt .tile-txt-cont .ql-align-justify, .memory .tile .tile-front .tile-txt .tile-txt-cont .ql-align-justify {
  text-align: justify;
}
.memory .tile .tile-back .tile-txt .tile-txt-cont p, .memory .tile .tile-front .tile-txt .tile-txt-cont p {
  font-family: "Caveat", handwriting;
  line-height: 120%;
  margin-bottom: 0;
}
.memory .tile .tile-back .tile-txt.tile-pad3 .tile-txt-cont, .memory .tile .tile-back .tile-txt.tile-pad1 .tile-txt-cont, .memory .tile .tile-front .tile-txt.tile-pad3 .tile-txt-cont, .memory .tile .tile-front .tile-txt.tile-pad1 .tile-txt-cont {
  padding-top: 80px;
}
.memory .tile .tile-back .tile-txt.tile-pad4 .tile-txt-cont, .memory .tile .tile-front .tile-txt.tile-pad4 .tile-txt-cont {
  padding-top: 63px;
}
.memory .tile .tile-back .tile-txt.tile-pad5 .tile-txt-cont, .memory .tile .tile-front .tile-txt.tile-pad5 .tile-txt-cont {
  padding-top: 46px;
}
.memory .tile .tile-back .tile-txt.tile-vert .tile-txt-cont, .memory .tile .tile-front .tile-txt.tile-vert .tile-txt-cont {
  justify-content: center;
}
.memory .tile .tile-back .tile-txt.tile-btm .tile-txt-cont, .memory .tile .tile-front .tile-txt.tile-btm .tile-txt-cont {
  justify-content: flex-end;
}
.memory .tile .tile-back .tile-bg, .memory .tile .tile-back .tile-bg-image, .memory .tile .tile-front .tile-bg, .memory .tile .tile-front .tile-bg-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.memory .tile .tile-back .tile-bg, .memory .tile .tile-front .tile-bg {
  z-index: -1;
  background-color: #bbb;
}
.memory .tile .tile-front {
  z-index: 2;
}
.memory .tile .tile-matched {
  align-items: center;
  display: flex;
  height: 100.2%;
  justify-content: center;
  left: 50%;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-in;
  width: 100.2%;
}
.memory .tile .tile-matched.circle {
  border-radius: 50%;
}
.memory .tile .tile-matched .tile-bg-matched {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #000;
}
.memory .tile .tile-matched .tile-txt-matched {
  color: #fff;
  font-size: 20px;
  text-align: center;
  transform: rotate(-20deg);
  width: 90%;
  word-wrap: break-word;
}
@keyframes scaleUpDown {
  0% {
    transform: translate(0%, 0%) scale3d(1, 1, 1);
  }
  50% {
    transform: translate(0%, 0%) scale3d(1.3, 1.3, 1);
  }
  100% {
    transform: translate(0%, 0%) scale3d(1, 1, 1);
  }
}
@keyframes mismatched {
  0% {
    transform: translate(-14px, 0);
  }
  20% {
    transform: translate(14px, 0);
  }
  40% {
    transform: translate(-14px, 0);
  }
  60% {
    transform: translate(14px, 0);
  }
  80% {
    transform: translate(-14px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
.memory .tile.mismatched {
  animation: mismatched 0.3s forwards ease-in-out;
}
.memory .tile.matched {
  cursor: default;
  pointer-events: none;
}
.memory .tile.matched:not(.memory-done) {
  animation: scaleUpDown 0.3s forwards ease-in-out;
}
.memory .tile.matched .tile-back, .memory .tile.matched .tile-front {
  transition: opacity 0.3s ease-in;
  opacity: 0.3;
}
.memory .tile.matched .tile-matched {
  opacity: 1;
}
.memory .tile .tile-back.horizontal {
  transform: perspective(800px) rotateY(180deg);
}
.memory .tile .tile-front.horizontal {
  transform: perspective(800px) rotateY(0deg);
}
.memory .tile .tile-back.horizontalLR {
  transform: perspective(800px) rotateY(-180deg);
}
.memory .tile .tile-front.horizontalLR {
  transform: perspective(800px) rotateY(0deg);
}
.memory .tile .tile-back.vertical {
  transform: perspective(800px) rotateX(180deg);
}
.memory .tile .tile-front.verticalBT {
  transform: perspective(800px) rotateX(0deg);
}
.memory .tile .tile-back.verticalBT {
  transform: perspective(800px) rotateX(-180deg);
}
.memory .tile .tile-front.vertical {
  transform: perspective(800px) rotateX(0deg);
}
.memory .tile.horizontal .tile-back {
  transform: perspective(800px) rotateY(0deg);
}
.memory .tile.horizontal .tile-front {
  transform: perspective(800px) rotateY(-180deg);
}
.memory .tile.horizontalLR .tile-back {
  transform: perspective(800px) rotateY(0deg);
}
.memory .tile.horizontalLR .tile-front {
  transform: perspective(800px) rotateY(180deg);
}
.memory .tile.vertical .tile-back {
  transform: perspective(800px) rotateX(0deg);
}
.memory .tile.vertical .tile-front {
  transform: perspective(800px) rotateX(-180deg);
}
.memory .tile.verticalBT .tile-back {
  transform: perspective(800px) rotateX(0deg);
}
.memory .tile.verticalBT .tile-front {
  transform: perspective(800px) rotateX(180deg);
}
.memory .tile .AudioTranscript {
  bottom: 12px;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 12px;
  transition: 0.2s;
  z-index: 100;
}
.memory .tile.horizontal .AudioTranscript, .memory .tile.horizontalLR .AudioTranscript, .memory .tile.vertical .AudioTranscript, .memory .tile.verticalBT .AudioTranscript {
  opacity: 1;
}
.memory .quiz-btncont {
  position: relative;
  text-align: center;
  margin-top: 12px;
  margin-bottom: 13px;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (max-width: 1279px) {
  .memory.sizeR .tile.tile-respsize5 {
    width: calc(25% - 14px);
    min-width: calc(25% - 14px);
    padding-top: calc(25% - 14px);
  }
}
@media (max-width: 1023px) {
  .memory.sizeR .tile.tile-respsize5, .memory.sizeR .tile.tile-respsize4 {
    width: calc(33.33333333% - 14px);
    min-width: calc(33.33333333% - 14px);
    padding-top: calc(33.33333333% - 14px);
  }
}
@media (max-width: 767px) {
  .memory:not(.sizeR) {
    display: flex;
    justify-content: center;
    margin-top: -10px;
    margin-left: auto;
    margin-right: auto;
  }
  .memory.sizeR .tile.tile-respsize5, .memory.sizeR .tile.tile-respsize4, .memory.sizeR .tile.tile-respsize3 {
    width: calc(50% - 14px);
    min-width: calc(50% - 14px);
    padding-top: calc(50% - 14px);
  }
}
@media (max-width: 479px) {
  .memory {
    display: flex;
    justify-content: center;
    margin-top: -10px;
    margin-left: auto;
    margin-right: auto;
  }
  .memory.sizeR .tile {
    margin-right: 0;
    margin-left: 0;
  }
  .memory.sizeR .tile.tile-respsize5, .memory.sizeR .tile.tile-respsize4, .memory.sizeR .tile.tile-respsize3, .memory.sizeR .tile.tile-respsize2, .memory.sizeR .tile.tile-respsize1 {
    width: 100%;
    min-width: 100%;
    padding-top: 100%;
  }
}
body[dir="RTL"] .tile .AudioTranscript {
  left: 12px;
  right: unset;
}
.modal {
  height: 100vh;
  position: fixed;
  width: 100vw;
  z-index: 10;
}
.modal.mobile-android, .modal.tablet-ios {
  height: 100%;
}
.modal .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle farthest-corner at 57% -30%, #484848 20%, #151416 70%);
  background: radial-gradient(circle farthest-corner at 57% -30%, rgba(72, 72, 72, 0.95) 20%, rgba(21, 20, 22, 0.95) 70%);
  background-size: cover;
  opacity: 0;
  animation: fadeMediaBG 0.15s forwards;
}
@keyframes fadeMediaBG {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.modal .modal-dialog {
  box-sizing: border-box;
  height: 100%;
  left: 0;
  padding: 30px;
  position: absolute;
  top: 0;
  width: 100%;
}
.modal .modal-dialog {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.modal .modal-dialog .modal-content {
  outline: none;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
}
.modal .modal-dialog .modal-content:not(.media-popup):not(.media-popup-image.svg):not(#modal-content-gallery) .pagemodal {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal .modal-dialog .modal-content.media-popup-image {
  height: auto;
}
.modal .modal-dialog .modal-content.media-popup-image.img-radius {
  box-shadow: none !important;
}
.modal .modal-dialog .modal-content.media-popup-image.img-radius .zoom {
  overflow: hidden;
}
.modal .modal-dialog .modal-content.media-popup-image.svg img {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  filter: drop-shadow(0 3px 9px rgba(0, 0, 0, 0.5));
}
.modal .modal-dialog .modal-content .media-frame {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal .modal-dialog .modal-content .pagemodal-scroll :first-child {
  width: 100%;
}
.modal .modal-dialog .modal-content .pagemodal-scroll :first-child .slideshow-btns li {
  width: 20px;
}
.modal .modal-dialog .modal-content .pagemodal-scroll .media-frame {
  box-shadow: none;
}
.modal .modal-dialog .modal-content .pagemodal-scroll .receivecredit-btncont .input-text-submit {
  min-width: 80px;
  width: auto;
}
.modal .modal-dialog .modal-content .close-overlay {
  position: absolute;
  display: block;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/popup_closeX.svg");
  background-size: 30px;
  cursor: pointer;
  z-index: 999;
}
.modal.modal-gallery .modal-dialog .modal-content .close-overlay {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_modalX.svg");
}
.modal.modal-gallery, .modal.modal-zoom, .modal.modal-panzoom {
  overflow: hidden;
}
.modal.modal-gallery .modal-content, .modal.modal-zoom .modal-content, .modal.modal-panzoom .modal-content {
  max-width: 100%;
  height: 100%;
  box-shadow: none;
}
.modal.modal-gallery {
  overflow: hidden;
}
.modal.modal-gallery .modal-dialog {
  overflow: hidden;
}
.modal.modal-gallery .modal-content .gallery {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.modal.modal-gallery .modal-content .gallery .swipeable-galleryslides, .modal.modal-gallery .modal-content .gallery .swipeable-galleryslideshow {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.modal.modal-gallery .modal-content .gallery .slides {
  display: flex;
  position: relative;
  width: 90%;
  max-height: 100%;
  margin: 0;
  font-family: "Caveat", handwriting;
  color: #fff;
}
.modal.modal-gallery .modal-content .gallery .slides p {
  font-family: "Caveat", handwriting;
}
.modal.modal-gallery .modal-content .gallery .slides.hide {
  opacity: 0;
}
.modal.modal-gallery .modal-content .gallery .slides .arrow {
  position: absolute;
  top: 50%;
  height: 100%;
  min-width: 42px;
  cursor: pointer;
}
.modal.modal-gallery .modal-content .gallery .slides .arrow:before {
  position: absolute;
  top: 50%;
  content: "";
  width: 26px;
  height: 26px;
  display: inline-block;
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.6;
}
.modal.modal-gallery .modal-content .gallery .slides .arrowL {
  left: 0;
  transform: translate(-100%, -50%);
}
.modal.modal-gallery .modal-content .gallery .slides .arrowL:before {
  left: 50%;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/home_arrow.svg");
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}
.modal.modal-gallery .modal-content .gallery .slides .arrowR {
  right: 0;
  transform: translate(100%, -50%);
}
.modal.modal-gallery .modal-content .gallery .slides .arrowR:before {
  right: 50%;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/home_arrow.svg");
  transform: translate(50%, -50%);
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide {
  display: none;
  width: 100%;
  padding-top: 31px;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide.active {
  display: block;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide.opac0 {
  opacity: 0;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .caption {
  max-height: 80px;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .caption {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .caption.scroll {
  padding-left: 0;
  padding-right: 10px;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .caption.scroll-m {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: -10px;
  margin-left: -10px;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .component.media .media-frame {
  box-shadow: none;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .component.media .media-frame[data-type="audio"] .poster-image, .modal.modal-gallery .modal-content .gallery .slides .gallery-slide .component.media .media-frame[data-type="video"] .poster-image {
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .component.media .media-frame[data-type="audio"] .poster-image img, .modal.modal-gallery .modal-content .gallery .slides .gallery-slide .component.media .media-frame[data-type="video"] .poster-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-images {
  user-select: none;
  position: relative;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-images img {
  display: block;
  min-width: auto;
  max-width: 100%;
  box-shadow: none;
  box-sizing: border-box;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-images .gallery-zoom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-images .gallery-zoom.active {
  opacity: 1;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-title {
  align-items: center;
  display: flex;
  height: 40px;
  text-align: center;
  position: relative;
  overflow: auto;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-title .gallery-total {
  align-items: center;
  display: flex;
  line-height: 120%;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-title .gallery-title-text {
  line-height: 120%;
  width: 100%;
  padding-left: 76px;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .AudioTranscript {
  display: inline-flex;
  line-height: 50px;
  margin-left: 10px;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .media-footer .AudioTranscript {
  display: none;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-txt {
  position: relative;
  max-height: 80px;
  width: 100%;
  margin-top: 10px;
  text-align: right;
  z-index: 1;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-txt {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-txt.scroll {
  width: calc(100% - 10px);
  padding-right: 10px;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-txt.scroll-m {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: -10px;
  margin-left: -10px;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-txt.first {
  margin-top: 5px;
  margin-bottom: 5px;
}
.modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-txt p:last-child {
  margin: 0;
}
.modal.modal-gallery .modal-content .gallery .gallery-status {
  display: none;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  justify-content: center;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont #gallery {
  height: calc(100% - 110px);
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) {
  height: calc(100% - 110px);
  padding-top: 60px;
  box-sizing: border-box;
  will-change: transform;
  transition: transform 0.6s cubic-bezier(0.46, 0.74, 0.38, 0.97);
  backface-visibility: hidden;
  perspective: 1000;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto).hide {
  opacity: 0;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide {
  display: block;
  position: relative;
  min-width: 100%;
  padding-top: 0;
  will-change: opacity;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.46, 0.74, 0.38, 0.97);
  animation: galleryVisOut 0.6s forwards cubic-bezier(0.46, 0.74, 0.38, 0.97);
  -webkit-animation: galleryVisOut 0.6s forwards cubic-bezier(0.19, 1, 0.22, 1);
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row {
  animation: galleryDisOut 0.6s forwards cubic-bezier(0.46, 0.74, 0.38, 0.97);
  -webkit-animation: galleryDisOut 0.6s forwards cubic-bezier(0.19, 1, 0.22, 1);
}
@keyframes galleryDisOut {
  100% {
    display: none;
  }
}
@keyframes galleryVisOut {
  100% {
    visibility: hidden;
  }
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide.active {
  opacity: 1;
  animation: galleryVisIn 0.6s forwards cubic-bezier(0.46, 0.74, 0.38, 0.97);
  -webkit-animation: galleryVisIn 0.6s forwards cubic-bezier(0.19, 1, 0.22, 1);
}
@keyframes galleryVisIn {
  0% {
    visibility: visible;
  }
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide.active .row {
  display: flex;
  animation: galleryDisIn 0.6s forwards cubic-bezier(0.46, 0.74, 0.38, 0.97);
  -webkit-animation: galleryDisIn 0.6s forwards cubic-bezier(0.19, 1, 0.22, 1);
}
@keyframes galleryDisIn {
  0% {
    display: flex;
  }
  100% {
    display: flex;
  }
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide.active-override {
  animation: none;
  opacity: 1;
  visibility: visible;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide.active-override .row {
  display: flex;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .gallery-title {
  overflow: inherit;
  max-height: none;
  min-height: auto;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row {
  height: 100%;
  margin: 0;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row .gallery-colL {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  padding: 0;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row .gallery-colL .gallery-title {
  margin: 0;
  padding: 0 0 10px 0;
  text-align: left;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row .gallery-colL .gallery-txt {
  max-height: 100%;
  margin-top: 0;
  text-align: left;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row .gallery-colL .gallery-txt p:last-child {
  margin: 0;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row .gallery-colL .gallery-txt {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row .gallery-colL .gallery-txt.scroll {
  width: calc(100% - 10px);
  padding-right: 10px;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row .gallery-colL .gallery-txt.scroll-m {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: -10px;
  margin-left: -10px;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row .gallery-colL.first {
  padding-right: 17px;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row .gallery-colL.last {
  padding-left: 17px;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row .gallery-colR {
  position: relative;
  padding: 0;
  user-select: none;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row .gallery-colR .component.media {
  margin: 0 auto;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row .gallery-colR .caption {
  max-height: 80px;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row .gallery-colR .caption {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row .gallery-colR .caption.scroll {
  padding-left: 0;
  padding-right: 10px;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row .gallery-colR .caption.scroll-m {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: -10px;
  margin-left: -10px;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row .gallery-colR .cont-gallery-images {
  margin: 0 auto;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row .gallery-colR .cont-gallery-images img {
  width: 100%;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row .gallery-colR.first {
  padding-right: 17px;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .row .gallery-colR.last {
  padding-left: 17px;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow:not(.auto) .gallery-slide .AudioTranscript {
  margin-left: 0px;
  margin-top: 17px;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .gallery-btns {
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 90%;
  transform: translate(-50%, 0);
  margin: 0 -5px;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .gallery-btns .btn {
  display: inline-block;
  min-width: 100px;
  cursor: pointer;
  margin: 10px 5px 0px 5px;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  font-size: 10px;
  border-radius: [BUTTONBORDERRADIUS];
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .gallery-btns .btn.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.51;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .gallery-btns .btn {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .gallery-btns .btn:hover, .modal.modal-gallery .modal-content .gallery .slideshow-cont .gallery-btns .btn:active, .modal.modal-gallery .modal-content .gallery .slideshow-cont .gallery-btns .btn.focus, .modal.modal-gallery .modal-content .gallery .slideshow-cont .gallery-btns .btn:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .gallery-dots {
  position: absolute;
  width: 90%;
  top: 25px;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
  z-index: 1;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .gallery-dots ul {
  display: block;
  position: relative;
  padding: 0;
  margin-bottom: 0;
  list-style: none;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .gallery-dots ul li {
  display: inline-block;
  position: relative;
  width: 11px;
  height: 11px;
  margin: 0 12px;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .gallery-dots ul li.clicked:before {
  position: absolute;
  display: block;
  content: "";
  width: 11px;
  height: 11px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8px 5px;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .gallery-dots ul li.active {
  background-color: #fff;
}
.modal.modal-gallery .modal-content .gallery .slideshow-cont .gallery-dots ul li.active.clicked:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
}
.modal.modal-avatar.slide-out .bg, .modal.modal-intro.slide-out .bg, .modal.modal-receivecredit.slide-out .bg, .modal.modal-summary.slide-out .bg, .modal.modal-password.slide-out .bg {
  animation: slideBgOut 0.5s forwards;
}
@keyframes slideBgOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.modal.modal-avatar.slide-out .modal-dialog .modal-content, .modal.modal-intro.slide-out .modal-dialog .modal-content, .modal.modal-receivecredit.slide-out .modal-dialog .modal-content, .modal.modal-summary.slide-out .modal-dialog .modal-content, .modal.modal-password.slide-out .modal-dialog .modal-content {
  animation: none;
  animation: slideModalOut 0.5s forwards;
}
@keyframes slideModalOut {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    transform: translate(0, -100%);
  }
}
.modal.modal-avatar .modal-dialog, .modal.modal-intro .modal-dialog, .modal.modal-receivecredit .modal-dialog, .modal.modal-summary .modal-dialog, .modal.modal-password .modal-dialog {
  overflow-y: hidden;
}
.modal.modal-avatar .modal-dialog .modal-content, .modal.modal-intro .modal-dialog .modal-content, .modal.modal-receivecredit .modal-dialog .modal-content, .modal.modal-summary .modal-dialog .modal-content, .modal.modal-password .modal-dialog .modal-content {
  animation: slideModalIn 0.5s forwards;
  display: flex;
  max-width: 900px;
  -webkit-animation: slideModalIn 0.8s forwards cubic-bezier(0.19, 1, 0.22, 1);
}
@keyframes slideModalIn {
  0% {
    opacity: 0;
    transform: translate(0, -100%);
  }
  20% {
    opacity: 0;
    transform: translate(0, -100%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal, .modal.modal-intro .modal-dialog .modal-content .pagemodal, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal, .modal.modal-summary .modal-dialog .modal-content .pagemodal, .modal.modal-password .modal-dialog .modal-content .pagemodal {
  border-radius: 0px;
  overflow: hidden;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  max-height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  background: #333;
  padding: 30px 0;
  color: #fff;
  max-height: calc(100vh - 60px);
  height: 100%;
  align-items: flex-start;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-title, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-title, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-title, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-title, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-title {
  display: flex;
  flex: 0 0 auto;
  padding: 0 48px;
  margin: 0 0 30px 0;
  width: 100%;
  box-sizing: border-box;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-scroll, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-scroll {
  display: flex;
  flex: 0 1 auto;
  max-height: 100%;
  width: 100%;
  position: relative;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-scroll, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-scroll {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row {
  margin: 0;
  flex: 1 1 auto;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col {
  box-sizing: border-box;
  padding: 0 48px;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:first-of-type, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:first-of-type, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:first-of-type, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:first-of-type, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:first-of-type {
  padding-right: 24px;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:last-of-type, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:last-of-type, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:last-of-type, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:last-of-type, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:last-of-type {
  padding-left: 24px;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col p:last-child, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col p:last-child, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col p:last-child, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col p:last-child, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col p:last-child {
  margin-bottom: 0;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col {
  min-width: 100%;
  padding: 0 48px;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:first-of-type, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:first-of-type, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:first-of-type, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:first-of-type, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:first-of-type {
  padding-bottom: 48px;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:last-of-type, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:last-of-type, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:last-of-type, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:last-of-type, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:last-of-type {
  padding-bottom: 0;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-buttons, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-buttons, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-buttons, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-buttons, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-buttons {
  display: flex;
  flex-wrap: wrap;
  flex: none;
  width: 100%;
  padding: 0 48px;
  box-sizing: border-box;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn {
  background: #333;
  min-width: 100px;
  margin: 10px 5px 0px 5px;
  padding: 10px;
  font-size: 10px;
  transform: translate(-5px, 0);
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:hover, .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:active, .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn.focus, .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:focus, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:hover, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:active, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn.focus, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:focus, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:hover, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:active, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn.focus, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:focus, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:hover, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:active, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn.focus, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:focus, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:hover, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:active, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn.focus, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:focus {
  background: #262626;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:hover, .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:active, .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn.focus, .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:focus, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:hover, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:active, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn.focus, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:focus, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:hover, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:active, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn.focus, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:focus, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:hover, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:active, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn.focus, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:focus, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:hover, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:active, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn.focus, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn:focus {
  background: black !important;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-buttons.buttons-intro .btn, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-buttons.buttons-intro .btn, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-buttons.buttons-intro .btn, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-buttons.buttons-intro .btn, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-buttons.buttons-intro .btn {
  width: auto;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-buttons .pagemodal-fdbk, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-buttons .pagemodal-fdbk, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-buttons .pagemodal-fdbk, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-buttons .pagemodal-fdbk, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-buttons .pagemodal-fdbk {
  display: inline-flex;
  flex-direction: column;
  margin: 10px 5px 0px 5px;
  padding: 0 8px;
  font-family: "Caveat", handwriting;
  text-align: center;
  font-size: 20px;
  line-height: 130%;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-buttons .pagemodal-fdbk .fdbk-txt, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-buttons .pagemodal-fdbk .fdbk-txt, .modal.modal-receivecredit .modal-dialog .modal-content .pagemodal .pagemodal-buttons .pagemodal-fdbk .fdbk-txt, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-buttons .pagemodal-fdbk .fdbk-txt, .modal.modal-password .modal-dialog .modal-content .pagemodal .pagemodal-buttons .pagemodal-fdbk .fdbk-txt {
  font-size: 11px;
  line-height: 140%;
}
.modal.modal-avatar .modal-dialog .modal-content {
  width: 600px;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal.overlay {
  padding-top: 22px;
  padding-bottom: 16px;
}
.modal.modal-avatar .modal-dialog .modal-content .pagemodal.overlay .pagemodal-title {
  margin: 0;
  padding-bottom: 30px;
  justify-content: center;
  font-size: 18px;
}
.modal.modal-avatar .pagemodal-icons {
  margin: 0 -0.9rem !important;
}
.modal.modal-avatar .pagemodal-icons .pagemodal-icon-col .avatar-icon {
  width: 94px;
  height: 94px;
  border-radius: 50%;
  cursor: pointer;
  background-size: contain;
  margin: 20px auto;
}
.modal.modal-password {
  background: #fff;
}
.modal.pagemodal-formcont {
  background: #fff;
  z-index: 998;
}
.modal.pagemodal-formcont .modal-dialog .modal-content {
  max-width: 450px;
}
.modal.pagemodal-formcont .modal-dialog .modal-content .pagemodal.overlay {
  padding: 17px 0;
}
.modal.pagemodal-formcont .modal-dialog .modal-content .pagemodal.overlay .pagemodal-row {
  margin: 0;
}
.modal.pagemodal-formcont .modal-dialog .modal-content .pagemodal.overlay .pagemodal-row .pagemodal-col {
  padding: 0 17px;
}
.modal.pagemodal-formcont .modal-dialog .modal-content .pagemodal.overlay .pagemodal-row .pagemodal-col .pagemodal-form {
  margin: 9px 0 17px 0;
}
.modal.pagemodal-formcont .modal-dialog .modal-content .pagemodal.overlay .pagemodal-row .pagemodal-col .pagemodal-form input {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 5px 12px;
  margin-top: 6px;
  font-size: 17px;
  line-height: 130%;
  background: #fff;
  border-radius: 3px;
  border: 2px solid #333;
}
.modal.pagemodal-formcont .modal-dialog .modal-content .pagemodal.overlay .pagemodal-row .pagemodal-col .pagemodal-form input:first-of-type {
  margin-top: 10px;
}
.modal.pagemodal-formcont .modal-dialog .modal-content .pagemodal.overlay .pagemodal-row .pagemodal-col .pagemodal-form input::placeholder {
  font-style: italic;
}
.modal.pagemodal-formcont .modal-dialog .modal-content .pagemodal.overlay .pagemodal-row .pagemodal-col .pagemodal-form input.issue {
  border: 2px solid #ff4200;
}
.modal.pagemodal-formcont .modal-dialog .modal-content .pagemodal.overlay .pagemodal-row .pagemodal-col .pagemodal-form input.field-disabled {
  visibility: hidden;
  height: 0;
  padding: 0;
  border: 0;
  width: 0;
}
.modal.pagemodal-formcont .modal-dialog .modal-content .pagemodal.overlay .pagemodal-row .pagemodal-col .pagemodal-btncont {
  text-align: right;
}
.modal.pagemodal-formcont .modal-dialog .modal-content .pagemodal.overlay .pagemodal-row .pagemodal-col button {
  margin: 0;
  background: #000000;
  border: 1px solid transparent;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: bold;
}
.modal.pagemodal-formcont .modal-dialog .modal-content .pagemodal.overlay .pagemodal-row .pagemodal-col button:hover, .modal.pagemodal-formcont .modal-dialog .modal-content .pagemodal.overlay .pagemodal-row .pagemodal-col button:active, .modal.pagemodal-formcont .modal-dialog .modal-content .pagemodal.overlay .pagemodal-row .pagemodal-col button.focus, .modal.pagemodal-formcont .modal-dialog .modal-content .pagemodal.overlay .pagemodal-row .pagemodal-col button:focus {
  background: black;
  border: 1px solid #fff;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
}
.modal.modal-zoom .modal-dialog {
  position: relative;
  width: 80%;
  height: 100%;
  margin: 0 auto;
  padding: 30px 0;
  overflow: visible;
}
.modal.modal-zoom .modal-dialog .modal-content {
  display: flex;
  position: relative;
  width: 100%;
  max-height: 100%;
  justify-content: center;
  will-change: transform;
  transform: translate(0, -200px);
  opacity: 0;
  animation: slideMediaIn 0.4s forwards;
}
@keyframes slideMediaIn {
  0% {
    opacity: 0;
    transform: translate(0, -200px);
  }
  20% {
    opacity: 0;
    transform: translate(0, -200px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.modal.modal-zoom .modal-dialog .modal-content .zoom {
  position: relative;
}
.modal.modal-zoom .modal-dialog .modal-content .zoom img {
  display: block;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  min-width: auto;
  max-width: 100%;
  margin: 0;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.modal.modal-panzoom {
  transition: opacity 0.15s linear;
  opacity: 0;
  height: 100%;
}
.modal.modal-panzoom.active {
  opacity: 1;
}
.modal.modal-panzoom #modal-backdrop {
  animation: none;
  background: #000;
  opacity: 1;
}
.modal.modal-panzoom #modal-backdrop.active {
  transition: all 0.2s ease-out;
}
.modal.modal-panzoom .modal-dialog {
  opacity: 0;
  transition: opacity 0.3s ease-out;
  overflow: hidden;
}
.modal.modal-panzoom .modal-dialog.active {
  opacity: 1;
}
.modal.modal-panzoom .modal-dialog.active .modal-content .panzoom .header {
  transform: translate(0, 0);
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom {
  height: 100%;
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom .header {
  display: flex;
  height: 31px;
  width: 100%;
  position: relative;
  justify-content: center;
  align-items: center;
  background: #610b26;
  padding: 0 44px 0 10px;
  text-align: center;
  box-sizing: border-box;
  transition: transform 0.3s ease-out;
  transform: translate(0, -100%);
  z-index: 1;
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom .header span {
  background-position: left center;
  background-repeat: no-repeat;
  color: #fff;
  font-family: "Caveat", handwriting;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 130%;
  text-align: left;
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom .header span.icon-zoom {
  padding: 0 15px 0 18px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/mag_glass.svg");
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom .header span.icon-pan {
  padding: 0 0 0 17px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/pointer.svg");
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom #panzoom-cont {
  height: calc(100% - 31px);
  margin: 0 auto;
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom #panzoom-cont.desktop {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom #panzoom-cont.desktop #zoom-images {
  position: relative;
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom #panzoom-cont.desktop #zoom-images.desktop img {
  opacity: 0;
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom #panzoom-cont.desktop #zoom-images img {
  display: block;
  position: relative;
  width: 100%;
  min-width: auto;
  max-width: 100%;
  margin: 0;
  box-shadow: none;
  transition: opacity 0.3s ease-in;
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom #panzoom-cont.desktop #zoom-images img.mobile-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom #panzoom-cont.desktop #zoom-images #zoom-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom #panzoom-cont.desktop #zoom-images #zoom-bg.active {
  opacity: 1;
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom #panzoom-cont #mobile-img {
  position: absolute;
  top: 31px;
  left: 0;
  width: 100%;
  height: calc(100% - 31px);
  transition: opacity 0.3s ease-in;
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom #panzoom-cont #mobile-img.active {
  opacity: 1;
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom #panzoom-cont #panzoom-caption {
  position: relative;
  bottom: auto;
  background: none;
  padding: 0;
  margin: 13px 13px 0 13px;
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom #panzoom-cont #panzoom-caption .caption {
  padding: 0 6px;
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom #panzoom-caption {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  padding: 6px 0;
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom #panzoom-caption .caption {
  padding: 0 8px;
  max-height: 66px;
  color: #fff;
  text-align: right;
}
.modal.modal-panzoom .modal-dialog .modal-content .panzoom #panzoom-caption .caption {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.modal.overlay {
  pointer-events: none;
  filter: blur(2px);
}
body[dir="RTL"] .modal.modal-gallery .modal-content .gallery .slides .gallery-slide .caption.scroll {
  padding-right: 0;
  padding-left: 10px;
}
body[dir="RTL"] .modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-title .gallery-total {
  left: auto;
  right: 0;
}
body[dir="RTL"] .modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-title .gallery-title-text {
  padding-left: 0;
  padding-right: 76px;
}
body[dir="RTL"] .modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-txt {
  text-align: left;
}
body[dir="RTL"] .modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-txt.scroll {
  padding-right: 0;
  padding-left: 10px;
}
body[dir="RTL"] .modal.modal-gallery .modal-content .gallery .slideshow-cont .gallery-btns {
  left: auto;
  right: 50%;
  transform: translate(50%, 0);
}
body[dir="RTL"] .modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow .gallery-slide .row {
  direction: ltr;
}
body[dir="RTL"] .modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow .gallery-slide .row .gallery-colL {
  direction: rtl;
}
body[dir="RTL"] .modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow .gallery-slide .row .gallery-colL .gallery-title, body[dir="RTL"] .modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow .gallery-slide .row .gallery-colL .gallery-txt {
  text-align: right;
}
body[dir="RTL"] .modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow .gallery-slide .row .gallery-colL .gallery-title.scroll, body[dir="RTL"] .modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow .gallery-slide .row .gallery-colL .gallery-txt.scroll {
  padding-right: 0;
  padding-left: 10px;
}
body[dir="RTL"] .modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow .gallery-slide .row .gallery-colR {
  direction: rtl;
}
body[dir="RTL"] .modal.modal-gallery .modal-content .gallery .slideshow-cont .slideshow .gallery-slide .row .gallery-colR .caption.scroll {
  padding-right: 0;
  padding-left: 10px;
}
body[dir="RTL"] .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row, body[dir="RTL"] .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row, body[dir="RTL"] .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row {
  direction: ltr;
}
body[dir="RTL"] .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .pagemodal-title, body[dir="RTL"] .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col, body[dir="RTL"] .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .pagemodal-title, body[dir="RTL"] .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col, body[dir="RTL"] .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .pagemodal-title, body[dir="RTL"] .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col {
  direction: rtl;
}
body[dir="RTL"] .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn, body[dir="RTL"] .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn, body[dir="RTL"] .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-buttons .btn {
  transform: translate(5px, 0);
}
body[dir="RTL"] .modal-dialog .modal-content .close-overlay {
  left: -10px;
  right: auto;
}
@media (max-width: 767px) {
  .modal .modal-dialog {
    padding: 20px;
  }
  .modal.modal-gallery .modal-dialog, .modal.modal-zoom .modal-dialog, .modal.modal-panzoom .modal-dialog {
    padding: 0;
    background: #000;
  }
  .modal.modal-gallery .modal-content .close-overlay, .modal.modal-zoom .modal-content .close-overlay, .modal.modal-panzoom .modal-content .close-overlay {
    top: -1px;
    right: 4px;
    width: 33px;
    height: 33px;
    background-size: 23px 23px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .modal.modal-gallery .slides .gallery-slide .gallery-title .gallery-title-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .modal.modal-gallery .modal-content .gallery .gallery-status {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    height: 31px;
    background: #454545;
    box-sizing: border-box;
    padding: 6px 40px 0 40px;
    text-align: center;
    color: #fff;
  }
  .modal.modal-gallery .modal-content .gallery .gallery-status .click-forward {
    margin: 0 auto;
  }
  .modal.modal-gallery .modal-content .gallery .gallery-status .click-forward i {
    display: inline-block;
    width: 13px;
    height: 15px;
    top: 2px;
    margin: 0 2px;
    position: relative;
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/pointer.svg");
    background-size: 13px 15px;
    background-position: left center;
    background-repeat: no-repeat;
    transform: rotate(90deg);
  }
  .modal.modal-gallery .modal-content .gallery .slides {
    width: 82%;
  }
  .modal.modal-gallery .modal-content .gallery .slides .arrow {
    min-width: 34px;
  }
  .modal.modal-gallery .modal-content .gallery .slides .gallery-slide .caption, .modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-txt {
    max-height: 50px;
  }
  .modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-title .gallery-total {
    position: fixed;
    top: 6px;
    left: 5px;
    transform: none;
  }
  .modal.modal-avatar .modal-dialog .modal-content .pagemodal, .modal.modal-intro .modal-dialog .modal-content .pagemodal, .modal.modal-summary .modal-dialog .modal-content .pagemodal {
    padding: 24px 0;
    max-height: calc(100vh - 40px);
  }
  .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-title, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-title, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-title {
    padding: 0 24px;
    font-size: 28px;
  }
  .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col, .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col {
    min-width: 100%;
    padding: 0 24px 24px 24px;
  }
  .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:last-child, .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:last-child, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:last-child, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:last-child, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:last-child, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:last-child {
    padding-bottom: 0;
  }
  .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-buttons, .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-buttons, .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-buttons {
    padding: 10px 24px 0 24px;
  }
  .modal.modal-avatar .modal-dialog .modal-content {
    width: auto;
  }
  .modal.modal-avatar .pagemodal-icons .pagemodal-icon-col {
    padding-left: 0;
    padding-right: 0;
  }
  .modal.modal-avatar .pagemodal-icons .pagemodal-icon-col .avatar-icon {
    width: 100%;
    padding-top: 60%;
    height: 0;
    border-radius: 50%;
    cursor: pointer;
    background-size: contain;
    margin: 10px auto;
  }
  body[dir="RTL"].md-desktop .modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-txt.scroll {
    padding-right: 0;
    padding-left: 10px;
    width: calc(100% - 10px);
  }
  body[dir="RTL"].md-desktop .modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-title .gallery-total {
    left: auto;
    right: 5PX;
  }
  body[dir="RTL"].md-desktop .modal.modal-gallery .modal-content .gallery .gallery-status .click-forward i {
    transform: scaleX(-1) rotate(90deg);
  }
  body[dir="RTL"].md-desktop .modal.modal-panzoom .modal-dialog .panzoom .header {
    padding: 0 10px 0 44px;
  }
  body[dir="RTL"].md-desktop .modal.modal-panzoom .modal-dialog .panzoom .header .icon-cont {
    display: inline;
  }
  body[dir="RTL"].md-desktop .modal.modal-panzoom .modal-dialog .panzoom .header .icon-cont span {
    display: inline-block;
    text-align: left;
    background-position: right center;
  }
  body[dir="RTL"].md-desktop .modal.modal-panzoom .modal-dialog .panzoom .header .icon-cont span.icon-zoom {
    padding: 0 18px 0 15px;
  }
  body[dir="RTL"].md-desktop .modal.modal-panzoom .modal-dialog .panzoom .header .icon-cont span.icon-pan {
    padding: 0 17px 0 0;
  }
  body[dir="RTL"].md-desktop .modal .modal-dialog .modal-content .close-overlay {
    left: 9px;
    right: auto;
  }
  body[dir="RTL"].md-desktop .modal .modal-dialog .modal-content.media-popup .close-overlay {
    left: -10px;
  }
  body[dir="RTL"].md-desktop .modal.modal-avatar .modal-dialog .modal-content .close-overlay, body[dir="RTL"].md-desktop .modal.modal-intro .modal-dialog .modal-content .close-overlay, body[dir="RTL"].md-desktop .modal.modal-summary .modal-dialog .modal-content .close-overlay {
    left: -10px;
  }
  body[dir="RTL"].md-desktop .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col, body[dir="RTL"].md-desktop .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col, body[dir="RTL"].md-desktop .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col, body[dir="RTL"].md-desktop .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col, body[dir="RTL"].md-desktop .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col, body[dir="RTL"].md-desktop .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col {
    padding: 0 24px 24px 24px;
  }
  body[dir="RTL"].md-desktop .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:last-child, body[dir="RTL"].md-desktop .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:last-child, body[dir="RTL"].md-desktop .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:last-child, body[dir="RTL"].md-desktop .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:last-child, body[dir="RTL"].md-desktop .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:last-child, body[dir="RTL"].md-desktop .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:last-child {
    padding-bottom: 0;
  }
}
.md-phone .modal .modal-dialog {
  padding: 20px;
}
.md-phone .modal.modal-gallery .modal-dialog, .md-phone .modal.modal-zoom .modal-dialog, .md-phone .modal.modal-panzoom .modal-dialog {
  padding: 0;
  background: #000;
}
.md-phone .modal.modal-gallery .modal-content .close-overlay, .md-phone .modal.modal-zoom .modal-content .close-overlay, .md-phone .modal.modal-panzoom .modal-content .close-overlay {
  top: -1px;
  right: 4px;
  width: 33px;
  height: 33px;
  background-size: 23px 23px;
  background-repeat: no-repeat;
  background-position: center center;
}
.md-phone .modal.modal-gallery .slides .gallery-slide .gallery-title .gallery-title-text {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.md-phone .modal.modal-gallery .modal-content .gallery .gallery-status {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 5px;
  height: 31px;
  background: #454545;
  box-sizing: border-box;
  padding: 6px 40px 0 40px;
  text-align: center;
  color: #fff;
}
.md-phone .modal.modal-gallery .modal-content .gallery .gallery-status .click-forward {
  margin: 0 auto;
}
.md-phone .modal.modal-gallery .modal-content .gallery .gallery-status .click-forward i {
  display: inline-block;
  width: 13px;
  height: 15px;
  top: 2px;
  margin: 0 2px;
  position: relative;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/pointer.svg");
  background-size: 13px 15px;
  background-position: left center;
  background-repeat: no-repeat;
  transform: rotate(90deg);
}
.md-phone .modal.modal-gallery .modal-content .gallery .slides {
  width: 82%;
}
.md-phone .modal.modal-gallery .modal-content .gallery .slides .arrow {
  min-width: 34px;
}
.md-phone .modal.modal-gallery .modal-content .gallery .slides .gallery-slide .caption, .md-phone .modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-txt {
  max-height: 50px;
}
.md-phone .modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-title .gallery-total {
  position: fixed;
  top: 6px;
  left: 5px;
  transform: none;
}
.md-phone .modal.modal-avatar .modal-dialog .modal-content .pagemodal, .md-phone .modal.modal-intro .modal-dialog .modal-content .pagemodal, .md-phone .modal.modal-summary .modal-dialog .modal-content .pagemodal {
  padding: 24px 0;
  max-height: calc(100vh - 40px);
}
.md-phone .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-title, .md-phone .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-title, .md-phone .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-title {
  padding: 0 24px;
  font-size: 28px;
}
.md-phone .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col, .md-phone .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col, .md-phone .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col, .md-phone .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col, .md-phone .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col, .md-phone .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col {
  min-width: 100%;
  padding: 0 24px 24px 24px;
}
.md-phone .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:last-child, .md-phone .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:last-child, .md-phone .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:last-child, .md-phone .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:last-child, .md-phone .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:last-child, .md-phone .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:last-child {
  padding-bottom: 0;
}
.md-phone .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-buttons, .md-phone .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-buttons, .md-phone .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-buttons {
  padding: 10px 24px 0 24px;
}
.md-phone .modal.modal-avatar .modal-dialog .modal-content {
  width: auto;
}
.md-phone .modal.modal-avatar .pagemodal-icons .pagemodal-icon-col {
  padding-left: 0;
  padding-right: 0;
}
.md-phone .modal.modal-avatar .pagemodal-icons .pagemodal-icon-col .avatar-icon {
  width: 100%;
  padding-top: 60%;
  height: 0;
  border-radius: 50%;
  cursor: pointer;
  background-size: contain;
  margin: 10px auto;
}
body[dir="RTL"].md-phone .modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-txt.scroll {
  padding-right: 0;
  padding-left: 10px;
  width: calc(100% - 10px);
}
body[dir="RTL"].md-phone .modal.modal-gallery .modal-content .gallery .slides .gallery-slide .gallery-title .gallery-total {
  left: auto;
  right: 5PX;
}
body[dir="RTL"].md-phone .modal.modal-gallery .modal-content .gallery .gallery-status .click-forward i {
  transform: scaleX(-1) rotate(90deg);
}
body[dir="RTL"].md-phone .modal.modal-panzoom .modal-dialog .panzoom .header {
  padding: 0 10px 0 44px;
}
body[dir="RTL"].md-phone .modal.modal-panzoom .modal-dialog .panzoom .header .icon-cont {
  display: inline;
}
body[dir="RTL"].md-phone .modal.modal-panzoom .modal-dialog .panzoom .header .icon-cont span {
  display: inline-block;
  text-align: left;
  background-position: right center;
}
body[dir="RTL"].md-phone .modal.modal-panzoom .modal-dialog .panzoom .header .icon-cont span.icon-zoom {
  padding: 0 18px 0 15px;
}
body[dir="RTL"].md-phone .modal.modal-panzoom .modal-dialog .panzoom .header .icon-cont span.icon-pan {
  padding: 0 17px 0 0;
}
body[dir="RTL"].md-phone .modal .modal-dialog .modal-content .close-overlay {
  left: 9px;
  right: auto;
}
body[dir="RTL"].md-phone .modal .modal-dialog .modal-content.media-popup .close-overlay {
  left: -10px;
}
body[dir="RTL"].md-phone .modal.modal-avatar .modal-dialog .modal-content .close-overlay, body[dir="RTL"].md-phone .modal.modal-intro .modal-dialog .modal-content .close-overlay, body[dir="RTL"].md-phone .modal.modal-summary .modal-dialog .modal-content .close-overlay {
  left: -10px;
}
body[dir="RTL"].md-phone .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col, body[dir="RTL"].md-phone .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col, body[dir="RTL"].md-phone .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col, body[dir="RTL"].md-phone .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col, body[dir="RTL"].md-phone .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col, body[dir="RTL"].md-phone .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col {
  padding: 0 24px 24px 24px;
}
body[dir="RTL"].md-phone .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:last-child, body[dir="RTL"].md-phone .modal.modal-avatar .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:last-child, body[dir="RTL"].md-phone .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:last-child, body[dir="RTL"].md-phone .modal.modal-intro .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:last-child, body[dir="RTL"].md-phone .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row .col:last-child, body[dir="RTL"].md-phone .modal.modal-summary .modal-dialog .modal-content .pagemodal .pagemodal-scroll .row.vertical .col:last-child {
  padding-bottom: 0;
}
@media (orientation: portrait), (orientation: landscape) {
  .modal.mobile.modal-avatar .modal-dialog .modal-content, .modal.mobile.modal-intro .modal-dialog .modal-content, .modal.mobile.modal-summary .modal-dialog .modal-content {
    max-height: calc(100% - 60px);
  }
  .modal.mobile.modal-avatar .modal-dialog .modal-content .pagemodal, .modal.mobile.modal-intro .modal-dialog .modal-content .pagemodal, .modal.mobile.modal-summary .modal-dialog .modal-content .pagemodal {
    height: auto;
    max-height: none;
  }
}
@media (orientation: portrait) and (max-device-width: 767px) {
  .modal.mobile.modal-gallery .modal-content .gallery .slides .gallery-slide {
    padding-top: 0;
    padding-bottom: 40px;
  }
  .modal.mobile.modal-intro .modal-dialog .modal-content, .modal.mobile.modal-summary .modal-dialog .modal-content {
    max-height: calc(100% - 70px);
  }
  .modal.mobile.modal-intro .modal-dialog .modal-content .pagemodal.overlay .row, .modal.mobile.modal-summary .modal-dialog .modal-content .pagemodal.overlay .row {
    width: 100%;
  }
}
@media (orientation: portrait) {
  .md-phone .modal.mobile.modal-gallery .modal-content .gallery .slides .gallery-slide {
    padding-top: 0;
    padding-bottom: 40px;
  }
  .md-phone .modal.mobile.modal-intro .modal-dialog .modal-content, .md-phone .modal.mobile.modal-summary .modal-dialog .modal-content {
    max-height: calc(100% - 70px);
  }
  .md-phone .modal.mobile.modal-intro .modal-dialog .modal-content .pagemodal.overlay .row, .md-phone .modal.mobile.modal-summary .modal-dialog .modal-content .pagemodal.overlay .row {
    width: 100%;
  }
}
@media (orientation: landscape) and (max-device-width: 767px) {
  .modal.mobile.modal-gallery .modal-content .gallery .slides .gallery-slide {
    padding-top: 31px;
  }
  .modal.mobile.modal-avatar .modal-dialog .modal-content, .modal.mobile.modal-intro .modal-dialog .modal-content, .modal.mobile.modal-summary .modal-dialog .modal-content {
    max-height: calc(100% - 40px);
  }
}
@media (orientation: landscape) {
  .md-phone .modal.mobile.modal-gallery .modal-content .gallery .slides .gallery-slide {
    padding-top: 31px;
  }
  .md-phone .modal.mobile.modal-avatar .modal-dialog .modal-content, .md-phone .modal.mobile.modal-intro .modal-dialog .modal-content, .md-phone .modal.mobile.modal-summary .modal-dialog .modal-content {
    max-height: calc(100% - 40px);
  }
}
@media (max-width: 500px) {
  .modal.modal-avatar .modal-dialog .modal-content .pagemodal.overlay .pagemodal-title {
    padding-bottom: 20px;
  }
  .modal.modal-avatar .modal-dialog .modal-content .pagemodal-icons {
    margin: 0 !important;
  }
}
.md-phone .modal.modal-avatar .modal-dialog .modal-content .pagemodal.overlay .pagemodal-title {
  padding-bottom: 20px;
}
.md-phone .modal.modal-avatar .modal-dialog .modal-content .pagemodal-icons {
  margin: 0 !important;
}
.multi-gridchecklist {
  position: relative;
}
.multi-gridchecklist.complete .overlay-select:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 6px;
  width: 12px;
  height: 12px;
  background: #474747;
  border-radius: 50%;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
  display: inline-block;
}
.multi-gridchecklist.locked {
  pointer-events: none;
  opacity: 0.7;
}
.multi-gridchecklist.locked .overlay-select {
  background: none;
  border: none;
}
.multi-gridchecklist.locked:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1;
  border: 2px dotted #dadada;
}
.multi-gridchecklist.locked:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: not-allowed;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock_light_ui.svg");
  width: 28px;
  height: 48px;
  background-size: 28px 48px;
  z-index: 1;
}
.multi-gridchecklist .overlay-select {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.95);
  border: 2px dotted #737373;
  font-family: "PT Sans", Helvetica, Arial;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
}
.multi-gridchecklist .overlay-select {
  left: 0;
}
.multi-gridchecklist .mg-questions .mg-grid-entry {
  flex-wrap: nowrap;
  background: #fff;
  border-radius: 0px;
  overflow: hidden;
}
.multi-gridchecklist .mg-questions .mg-grid-entry:nth-child(even) {
  background: #000000;
}
.multi-gridchecklist .mg-questions .mg-grid-entry:not(:first-child) {
  margin-top: 5px !important;
}
.multi-gridchecklist .mg-questions .mg-grid-entry.disabled .mg-a {
  pointer-events: none;
  cursor: default;
}
.multi-gridchecklist .mg-questions .mg-grid-entry .mg-q {
  flex: 1;
}
.multi-gridchecklist .mg-questions .mg-grid-entry .mg-q.header {
  background: none;
  margin-top: 0;
  padding-top: 12px;
}
.multi-gridchecklist .mg-questions .mg-grid-entry .mg-q h4 {
  color: #3e3e3e;
  font-size: 14px;
  line-height: 130%;
  font-weight: bold;
  font-family: "Caveat", handwriting;
  background-color: #df1959;
  padding: 14px 21px 12px 21px;
  margin: 0px 13px 0 0;
}
.multi-gridchecklist .mg-questions .mg-grid-entry .mg-q .component {
  margin-bottom: 0 !important;
}
.multi-gridchecklist .mg-questions .mg-grid-entry .mg-a {
  min-width: 49px;
  align-self: center;
}
.multi-gridchecklist .mg-questions .mg-grid-entry .mg-a.disabled {
  pointer-events: none;
  cursor: default;
}
.multi-gridchecklist .mg-questions .mg-grid-entry .mg-a.header {
  text-align: center;
  box-sizing: border-box;
  padding: 6px 10px;
  font-weight: bold;
  line-height: 130%;
  font-size: 14px;
  color: #3e3e3e;
}
.multi-gridchecklist .mg-questions .mg-grid-entry .mg-a .mg-a-circle {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
  border: 2px solid #5f0b26;
  border-radius: 50%;
  margin: 5px auto 0 auto;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  transform: scale(1);
  box-sizing: border-box;
}
.multi-gridchecklist .mg-questions .mg-grid-entry .mg-a.correct, .multi-gridchecklist .mg-questions .mg-grid-entry .mg-a.incorrect {
  touch-events: none;
}
.multi-gridchecklist .mg-questions .mg-grid-entry .mg-a.correct .mg-a-circle, .multi-gridchecklist .mg-questions .mg-grid-entry .mg-a.incorrect .mg-a-circle {
  background-color: #333333;
}
.multi-gridchecklist .mg-questions .mg-grid-entry .mg-a.incorrect {
  opacity: 0.3;
}
.multi-gridchecklist .mg-questions .mg-grid-entry .mg-a.touching .mg-a-circle {
  background-color: #333333;
  transform: scale(1.4);
}
.multi-gridchecklist .mg-questions .mg-grid-entry .mg-a.selected .mg-a-circle {
  background-color: #333333;
}
.multi-gridchecklist .mg-questions .mg-grid-entry .mg-a.correct.animCorrect .mg-a-circle:after {
  opacity: 0;
}
.multi-gridchecklist .mg-questions .mg-grid-entry .mg-a.correct .mg-a-circle:after {
  content: "";
  position: absolute;
  top: 7px;
  left: -17px;
  width: 14px;
  height: 11px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
  background-size: 14px 11px;
  background-repeat: no-repeat;
  transition: opacity 0.2s;
}
.multi-gridchecklist .mg-questions .mg-grid-entry .mg-a.actual-correct .mg-a-circle:after {
  content: "";
  position: absolute;
  top: 7px;
  left: -17px;
  width: 14px;
  height: 11px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
  background-size: 14px 11px;
  background-repeat: no-repeat;
  transition: opacity 0.2s;
}
.multi-gridchecklist .mg-questions .final-btn-cont {
  margin-top: 15px;
  text-align: center;
}
.multi-gridchecklist .mg-questions .final-btn-cont button {
  visibility: hidden;
}
.multi-gridchecklist .mg-questions .final-btn-cont button.active {
  visibility: visible;
}
.multi-gridchecklist .initTimer {
  position: absolute;
}
.multi-gridchecklist .initTimer.disabled {
  display: none;
}
.multi-gridchecklist button {
  background: #333;
}
.multi-gridchecklist button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.multi-gridchecklist button:hover, .multi-gridchecklist button:active, .multi-gridchecklist button.focus, .multi-gridchecklist button:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
body[dir="RTL"] .multi-gridchecklist .mg-questions .mg-grid-entry .mg-q h4 {
  margin-right: 0;
  margin-left: 13px;
}
body[dir="RTL"] .multi-gridchecklist .mg-questions .mg-grid-entry .mg-a.correct .mg-a-circle:after {
  right: -17px;
  left: auto;
}
@media (max-width: 767px) {
  .multi-gridchecklist.locked:after {
    top: 100px;
    transform: translate(-50%, 0);
  }
  .multi-gridchecklist .mg-questions .mg-grid-entry {
    background: #000000;
  }
  .multi-gridchecklist .mg-questions .mg-grid-entry:not(:first-child) {
    margin-top: 15px !important;
  }
  .multi-gridchecklist .mg-questions .mg-grid-entry .mg-q {
    margin-bottom: 14px;
  }
  .multi-gridchecklist .mg-questions .mg-grid-entry .mg-q h4 {
    margin-right: 0;
  }
  .multi-gridchecklist .mg-questions .mg-grid-entry .mg-a {
    display: flex;
    align-self: initial;
    align-items: center;
    padding: 0 21px 14px 21px;
  }
  .multi-gridchecklist .mg-questions .mg-grid-entry .mg-a .mg-a-circle {
    margin: 0;
    margin-right: 5px;
    min-width: 25px;
  }
  .multi-gridchecklist .overlay-select {
    align-items: flex-start;
  }
  .multi-gridchecklist .overlay-select .start-quiz-btn {
    margin-top: 100px;
  }
}
@media (max-width: 767px) {
  body[dir="RTL"] .multi-gridchecklist .mg-questions .mg-grid-entry .mg-a .mg-a-circle {
    margin-right: 0;
    margin-left: 5px;
  }
}
.mult-carousel {
  position: relative;
}
.mult-carousel .mult-carousel-cont {
  position: relative;
  height: 342px;
  border-top: 2px solid #333333;
  border-bottom: 2px solid #333333;
  background: #fff;
  backface-visibility: hidden;
}
.mult-carousel .mult-carousel-cont .mult-carousel-slide {
  display: flex;
  height: 342px;
}
.mult-carousel .mult-carousel-cont .mult-carousel-slide:not(.remove-anim) {
  transition: transform 0.3s;
}
.mult-carousel .mult-carousel-cont .mult-carousel-slide:not(.remove-anim) .mult-entry img, .mult-carousel .mult-carousel-cont .mult-carousel-slide:not(.remove-anim) .mult-carousel-left .mult-entry img, .mult-carousel .mult-carousel-cont .mult-carousel-slide:not(.remove-anim) .mult-carousel-right .mult-entry img {
  transition: opacity 0.3s;
}
.mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-carousel-left, .mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-carousel-right {
  display: flex;
  height: 342px;
}
.mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-carousel-left {
  position: absolute;
  top: 0;
  left: 0;
}
.mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-entry, .mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-carousel-left .mult-entry, .mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-carousel-right .mult-entry {
  height: 342px;
  position: relative;
  border-left: 2px solid #333333;
}
.mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-entry img, .mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-carousel-left .mult-entry img, .mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-carousel-right .mult-entry img {
  display: block;
  position: relative;
  height: 342px;
  width: auto;
  opacity: 0.2;
  filter: blur(4px);
}
.mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-entry.active img, .mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-carousel-left .mult-entry.active img, .mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-carousel-right .mult-entry.active img {
  opacity: 1;
  filter: blur(0px);
}
.mult-carousel .mult-carousel-overlay {
  position: absolute;
  width: 295px;
  min-height: 354px;
  padding-bottom: 4px;
  left: 77px;
  top: -8px;
  background: rgba(55, 55, 55, 0.96);
  border-radius: 0px;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-content {
  position: relative;
  height: 252px;
  width: 245px;
  margin: 27px 21px 0 25px;
  padding-right: 4px;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-content {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-content .mc-overlay-col {
  width: 100%;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-content .mc-overlay-col .body-copy, .mult-carousel .mult-carousel-overlay .mult-carousel-content .mc-overlay-col .caption {
  color: #fff;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-content .mc-overlay-col .body-copy * {
  font-size: 16px;
  font-family: "Caveat", handwriting;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-content .mc-overlay-col .body-copy span span {
  font-size: inherit;
  font-family: inherit;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-content .mc-overlay-col .component {
  margin-bottom: 20px !important;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-content .mc-overlay-col .component .pullquote {
  padding: 0;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-content .mc-overlay-col .component .pullquote h4 {
  font-size: 16px;
  line-height: 120%;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-content .mc-overlay-col .mc-overlay-title {
  margin: 10px 0;
  padding-bottom: 8px;
  font-size: 18px;
  line-height: 21px;
  font-weight: bold;
  color: #fff;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-content .mc-overlay-col .mc-overlay-title.align-center, .mult-carousel .mult-carousel-overlay .mult-carousel-content .mc-overlay-col .mc-overlay-title.ql-align-center {
  text-align: center;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-content .mc-overlay-col .mc-overlay-title.align-right, .mult-carousel .mult-carousel-overlay .mult-carousel-content .mc-overlay-col .mc-overlay-title.ql-align-right {
  text-align: right;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-nav {
  position: relative;
  width: 100%;
  text-align: center;
  padding-top: 3px;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-nav .btn {
  display: inline-block;
  cursor: pointer;
  margin: 5px;
  text-align: center;
  padding: 10px;
  border-radius: [BUTTONBORDERRADIUS];
  box-sizing: border-box;
  line-height: 120%;
  max-width: 45%;
  background: #000000;
  color: #FFFFFF;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: bold;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-nav .btn:hover, .mult-carousel .mult-carousel-overlay .mult-carousel-nav .btn:active, .mult-carousel .mult-carousel-overlay .mult-carousel-nav .btn.focus, .mult-carousel .mult-carousel-overlay .mult-carousel-nav .btn:focus {
  background: black;
  color: #FFFFFF;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-nav .progress-dots {
  margin: 0 auto;
  padding: 0;
  line-height: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  box-sizing: border-box;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-nav .progress-dots .progress-dot {
  list-style-type: none;
  margin-bottom: 8px;
  position: relative;
  width: 11px;
  height: 11px;
  padding: 12px;
  display: inline-block;
  margin: 0;
  box-sizing: border-box;
  cursor: pointer;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-nav .progress-dots .progress-dot:after {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mult-carousel .mult-carousel-overlay .mult-carousel-nav .progress-dots .progress-dot:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 2px solid #626362;
  box-sizing: border-box;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-nav .progress-dots .progress-dot.clicked:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 5px;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-nav .progress-dots .progress-dot.active:before {
  background: #fff;
  border-color: #fff;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-nav .progress-dots .progress-dot.active:before.clicked:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 5px;
}
.mult-carousel .mult-carousel-overlay .mult-carousel-nav .AudioTranscript {
  bottom: 5px;
  left: 25px;
  margin: 0;
  position: absolute;
}
body[dir="RTL"] .mult-carousel .mult-carousel-slide .mult-carousel-left {
  left: auto;
  right: 1px;
  transform: translate(100%, 0);
}
body[dir="RTL"] .mult-carousel .mult-carousel-overlay {
  left: auto;
  right: 77px;
}
body[dir="RTL"] .mult-carousel .mult-carousel-overlay .mult-carousel-content {
  margin: 27px 25px 0 21px;
  padding-right: 0px;
  padding-left: 4px;
}
body[dir="RTL"] .mult-carousel .mult-carousel-overlay .mult-carousel-nav .btn:first-child {
  margin-left: 5px;
  margin-right: 0;
}
body[dir="RTL"] .mult-carousel .mult-carousel-overlay .mult-carousel-nav .btn:last-child {
  margin-right: 5px;
  margin-left: 0;
}
body[dir="RTL"] .mult-carousel .mult-carousel-overlay .mult-carousel-nav .AudioTranscript {
  left: unset;
  right: 25px;
}
@media (max-width: 767px) {
  .md-desktop .mult-carousel .mult-carousel-cont, body[dir="RTL"].md-desktop .mult-carousel .mult-carousel-cont {
    height: 150px;
    margin: 0 -20px;
  }
  .md-desktop .mult-carousel .mult-carousel-cont:after, body[dir="RTL"].md-desktop .mult-carousel .mult-carousel-cont:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    bottom: 0;
    bottom: -22px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #000000;
    transform: translate(-50%, 0);
    z-index: 1;
  }
  .md-desktop .mult-carousel .mult-carousel-cont .mult-carousel-slide, body[dir="RTL"].md-desktop .mult-carousel .mult-carousel-cont .mult-carousel-slide {
    height: 150px;
  }
  .md-desktop .mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-entry, body[dir="RTL"].md-desktop .mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-entry {
    height: 150px;
  }
  .md-desktop .mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-entry img, body[dir="RTL"].md-desktop .mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-entry img {
    height: 150px;
  }
  .md-desktop .mult-carousel .mult-carousel-cont .mult-arrow, body[dir="RTL"].md-desktop .mult-carousel .mult-carousel-cont .mult-arrow {
    position: absolute;
    top: 50%;
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #777;
    z-index: 1;
    cursor: pointer;
  }
  .md-desktop .mult-carousel .mult-carousel-cont .mult-arrow:after, body[dir="RTL"].md-desktop .mult-carousel .mult-carousel-cont .mult-arrow:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .md-desktop .mult-carousel .mult-carousel-cont .mult-arrow.disabled, body[dir="RTL"].md-desktop .mult-carousel .mult-carousel-cont .mult-arrow.disabled {
    visibility: hidden;
  }
  .md-desktop .mult-carousel .mult-carousel-cont .mult-arrow.arrowL, body[dir="RTL"].md-desktop .mult-carousel .mult-carousel-cont .mult-arrow.arrowL {
    left: 40px;
    transform: translate3d(-50%, -50%, 0);
  }
  .md-desktop .mult-carousel .mult-carousel-cont .mult-arrow.arrowL:after, body[dir="RTL"].md-desktop .mult-carousel .mult-carousel-cont .mult-arrow.arrowL:after {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrowL.svg");
    background-position: top 50% left 6px;
    background-repeat: no-repeat;
    background-size: 11px 16px;
  }
  .md-desktop .mult-carousel .mult-carousel-cont .mult-arrow.arrowR, body[dir="RTL"].md-desktop .mult-carousel .mult-carousel-cont .mult-arrow.arrowR {
    right: 40px;
    transform: translate3d(50%, -50%, 0);
  }
  .md-desktop .mult-carousel .mult-carousel-cont .mult-arrow.arrowR:after, body[dir="RTL"].md-desktop .mult-carousel .mult-carousel-cont .mult-arrow.arrowR:after {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrowR.svg");
    background-position: top 50% right 6px;
    background-repeat: no-repeat;
    background-size: 11px 16px;
  }
  .md-desktop .mult-carousel .mult-carousel-overlay, body[dir="RTL"].md-desktop .mult-carousel .mult-carousel-overlay {
    margin-top: 15px;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    height: auto;
    padding: 1.25rem;
    box-sizing: border-box;
  }
  .md-desktop .mult-carousel .mult-carousel-overlay .mult-carousel-content, body[dir="RTL"].md-desktop .mult-carousel .mult-carousel-overlay .mult-carousel-content {
    position: relative;
    width: 100%;
    height: auto;
    left: auto;
    top: auto;
    margin: 0;
    padding: 0;
  }
  .md-desktop .mult-carousel .mult-carousel-overlay .mult-carousel-nav, body[dir="RTL"].md-desktop .mult-carousel .mult-carousel-overlay .mult-carousel-nav {
    position: relative;
    height: auto;
    left: auto;
    bottom: auto;
  }
  .md-desktop .mult-carousel .mult-carousel-overlay .mult-carousel-nav .btn, body[dir="RTL"].md-desktop .mult-carousel .mult-carousel-overlay .mult-carousel-nav .btn {
    display: none;
  }
  .md-desktop .mult-carousel .mult-carousel-overlay .mult-carousel-nav .AudioTranscript, body[dir="RTL"].md-desktop .mult-carousel .mult-carousel-overlay .mult-carousel-nav .AudioTranscript {
    left: 0;
  }
  body[dir="RTL"] .mult-carousel .mult-carousel-overlay .mult-carousel-nav .AudioTranscript {
    left: unset !important;
    right: 0;
  }
}
.md-phone .mult-carousel .mult-carousel-cont, body[dir="RTL"].md-phone .mult-carousel .mult-carousel-cont {
  height: 150px;
  margin: 0 -20px;
}
.md-phone .mult-carousel .mult-carousel-cont:after, body[dir="RTL"].md-phone .mult-carousel .mult-carousel-cont:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  bottom: 0;
  bottom: -22px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #000000;
  transform: translate(-50%, 0);
  z-index: 1;
}
.md-phone .mult-carousel .mult-carousel-cont .mult-carousel-slide, body[dir="RTL"].md-phone .mult-carousel .mult-carousel-cont .mult-carousel-slide {
  height: 150px;
}
.md-phone .mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-entry, body[dir="RTL"].md-phone .mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-entry {
  height: 150px;
}
.md-phone .mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-entry img, body[dir="RTL"].md-phone .mult-carousel .mult-carousel-cont .mult-carousel-slide .mult-entry img {
  height: 150px;
}
.md-phone .mult-carousel .mult-carousel-cont .mult-arrow, body[dir="RTL"].md-phone .mult-carousel .mult-carousel-cont .mult-arrow {
  position: absolute;
  top: 50%;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #777;
  z-index: 1;
  cursor: pointer;
}
.md-phone .mult-carousel .mult-carousel-cont .mult-arrow:after, body[dir="RTL"].md-phone .mult-carousel .mult-carousel-cont .mult-arrow:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.md-phone .mult-carousel .mult-carousel-cont .mult-arrow.disabled, body[dir="RTL"].md-phone .mult-carousel .mult-carousel-cont .mult-arrow.disabled {
  visibility: hidden;
}
.md-phone .mult-carousel .mult-carousel-cont .mult-arrow.arrowL, body[dir="RTL"].md-phone .mult-carousel .mult-carousel-cont .mult-arrow.arrowL {
  left: 40px;
  transform: translate3d(-50%, -50%, 0);
}
.md-phone .mult-carousel .mult-carousel-cont .mult-arrow.arrowL:after, body[dir="RTL"].md-phone .mult-carousel .mult-carousel-cont .mult-arrow.arrowL:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrowL.svg");
  background-position: top 50% left 6px;
  background-repeat: no-repeat;
  background-size: 11px 16px;
}
.md-phone .mult-carousel .mult-carousel-cont .mult-arrow.arrowR, body[dir="RTL"].md-phone .mult-carousel .mult-carousel-cont .mult-arrow.arrowR {
  right: 40px;
  transform: translate3d(50%, -50%, 0);
}
.md-phone .mult-carousel .mult-carousel-cont .mult-arrow.arrowR:after, body[dir="RTL"].md-phone .mult-carousel .mult-carousel-cont .mult-arrow.arrowR:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrowR.svg");
  background-position: top 50% right 6px;
  background-repeat: no-repeat;
  background-size: 11px 16px;
}
.md-phone .mult-carousel .mult-carousel-overlay, body[dir="RTL"].md-phone .mult-carousel .mult-carousel-overlay {
  margin-top: 15px;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  width: 100%;
  height: auto;
  padding: 1.25rem;
  box-sizing: border-box;
}
.md-phone .mult-carousel .mult-carousel-overlay .mult-carousel-content, body[dir="RTL"].md-phone .mult-carousel .mult-carousel-overlay .mult-carousel-content {
  position: relative;
  width: 100%;
  height: auto;
  left: auto;
  top: auto;
  margin: 0;
  padding: 0;
}
.md-phone .mult-carousel .mult-carousel-overlay .mult-carousel-nav, body[dir="RTL"].md-phone .mult-carousel .mult-carousel-overlay .mult-carousel-nav {
  position: relative;
  height: auto;
  left: auto;
  bottom: auto;
}
.md-phone .mult-carousel .mult-carousel-overlay .mult-carousel-nav .btn, body[dir="RTL"].md-phone .mult-carousel .mult-carousel-overlay .mult-carousel-nav .btn {
  display: none;
}
.md-phone .mult-carousel .mult-carousel-overlay .mult-carousel-nav .AudioTranscript, body[dir="RTL"].md-phone .mult-carousel .mult-carousel-overlay .mult-carousel-nav .AudioTranscript {
  left: 0;
}
.md-phone .mult-carousel .mult-carousel-cont, .md-phone body[dir="RTL"] .mult-carousel .mult-carousel-cont {
  margin: 0 -40px !important;
}
nav {
  bottom: 0;
  color: #dadada;
  font-family: "PT Sans", Helvetica, Arial;
  font-size: 10px;
  height: 74px;
  left: 0;
  line-height: 250%;
  position: absolute;
  width: 100%;
  background: linear-gradient(151deg, rgba(0, 0, 0, 0.9) 15%, rgba(40, 40, 40, 0.9) 35%, rgba(40, 40, 40, 0.9) 70%, rgba(0, 0, 0, 0.9) 85%);
}
nav.navHidden {
  height: 0;
  min-height: 0;
}
nav.navHidden #nav-cont {
  opacity: 0;
}
nav.navHidden #nav-cont.transOpac {
  transition: opacity 0.8s ease;
}
nav.navHidden #nav-cont.fadeIn {
  opacity: 1;
}
nav.navHidden #progress-wrap, nav.navHidden .left-menu, nav.navHidden #scroll-indicator, nav.navHidden #scroll-indicator.active, nav.navHidden .right-menu {
  display: none !important;
}
nav.pretestHideNav {
  display: none;
}
nav #nav-cont {
  box-sizing: border-box;
  direction: ltr;
  height: inherit;
  left: 0;
  padding: 0px 75px;
  position: absolute;
  top: 0;
  width: 100%;
}
nav.navbar-type1 .nav-arrow, nav.navbar-type2 .nav-arrow, nav.navbar-type3 .nav-arrow, nav.navbar-type4 .nav-arrow, nav.navbar-type7 .nav-arrow, nav.navbar-type8 .nav-arrow {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 2px solid #ddd;
}
nav.navbar-type1 .nav-arrow.nav-arrowL, nav.navbar-type2 .nav-arrow.nav-arrowL, nav.navbar-type3 .nav-arrow.nav-arrowL, nav.navbar-type4 .nav-arrow.nav-arrowL, nav.navbar-type7 .nav-arrow.nav-arrowL, nav.navbar-type8 .nav-arrow.nav-arrowL {
  left: 3px;
}
nav.navbar-type1 .nav-arrow.nav-arrowR, nav.navbar-type2 .nav-arrow.nav-arrowR, nav.navbar-type3 .nav-arrow.nav-arrowR, nav.navbar-type4 .nav-arrow.nav-arrowR, nav.navbar-type7 .nav-arrow.nav-arrowR, nav.navbar-type8 .nav-arrow.nav-arrowR {
  right: 3px;
}
nav.navbar-type1 {
  top: 3px;
}
nav.navbar-type2 {
  top: 50%;
}
nav.navbar-type2 .nav-arrow {
  transform: translate(0, -50%);
}
nav.navbar-type3 {
  bottom: 3px;
}
nav.navbar-type3 .nav-arrow {
  transform: translate(0, -100%);
}
nav.navbar-type4, nav.navbar-type8 {
  top: 50%;
}
nav.navbar-type4 .nav-arrow, nav.navbar-type8 .nav-arrow {
  transform: translate(0, -50%);
}
nav.navbar-type7 {
  top: 3px;
}
nav.navbar-type7 .nav-arrow.nav-arrowL {
  left: calc(50% - 27px);
  top: 3px;
}
nav.navbar-type7 .nav-arrow.nav-arrowL:not(.locked) {
  transform: rotate(90deg);
}
nav.navbar-type7 .nav-arrow.nav-arrowR {
  left: calc(50% - 27px);
  top: calc(100vh - 63px);
  transition: top 0.5s;
}
nav.navbar-type7 .nav-arrow.nav-arrowR:not(.locked) {
  transform: rotate(90deg);
}
nav.navbar-type7 .nav-arrow.nav-arrowR.return .icon:before {
  transform: translate(-50%, -50%) rotate(-90deg);
}
nav.navbar-type7 .nav-arrow.nav-arrowR.last .icon:before {
  transform: translate(-50%, -50%) rotate(-90deg);
}
nav.navbar-type7 .nav-arrow.nav-arrowR.timer {
  transform: rotate(0deg);
}
nav.navbar-type4 #nav-branching, nav.navbar-type6 #nav-branching, nav.navbar-type7 #nav-branching, nav.navbar-type8 #nav-branching {
  align-items: center;
  border-radius: 12px;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 10px;
  height: 60px;
  line-height: 120%;
  overflow: hidden;
  position: fixed;
  top: 12px;
  transition: height 0.5s ease;
  width: 60px;
  z-index: 100;
}
nav.navbar-type4 #nav-branching.top-left, nav.navbar-type6 #nav-branching.top-left, nav.navbar-type7 #nav-branching.top-left, nav.navbar-type8 #nav-branching.top-left {
  left: 12px;
}
nav.navbar-type4 #nav-branching.top-right, nav.navbar-type6 #nav-branching.top-right, nav.navbar-type7 #nav-branching.top-right, nav.navbar-type8 #nav-branching.top-right {
  right: 12px;
}
nav.navbar-type4 #nav-branching .profile-border, nav.navbar-type6 #nav-branching .profile-border, nav.navbar-type7 #nav-branching .profile-border, nav.navbar-type8 #nav-branching .profile-border {
  border-radius: 12px;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
nav.navbar-type4 #nav-branching .profile-points, nav.navbar-type6 #nav-branching .profile-points, nav.navbar-type7 #nav-branching .profile-points, nav.navbar-type8 #nav-branching .profile-points {
  display: block;
  padding: 3px 0 4px 0;
  position: relative;
}
nav.navbar-type4 #nav-branching .profile-points:first-of-type, nav.navbar-type6 #nav-branching .profile-points:first-of-type, nav.navbar-type7 #nav-branching .profile-points:first-of-type, nav.navbar-type8 #nav-branching .profile-points:first-of-type {
  border-bottom: 1px solid #fff;
  margin-bottom: 3px;
}
nav.navbar-type4 #nav-branching .profile-cont, nav.navbar-type6 #nav-branching .profile-cont, nav.navbar-type7 #nav-branching .profile-cont, nav.navbar-type8 #nav-branching .profile-cont {
  background: #333333;
  color: #fff;
  left: 0;
  padding: 5px;
  position: absolute;
  top: 0;
  z-index: 1;
}
nav.navbar-type4 #nav-branching .profile-cont .profile, nav.navbar-type6 #nav-branching .profile-cont .profile, nav.navbar-type7 #nav-branching .profile-cont .profile, nav.navbar-type8 #nav-branching .profile-cont .profile {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 50px;
  height: 50px;
}
nav.navbar-type4 #nav-branching .profile-cont .profile:hover .profile-ham, nav.navbar-type4 #nav-branching .profile-cont .profile:focus .profile-ham, nav.navbar-type6 #nav-branching .profile-cont .profile:hover .profile-ham, nav.navbar-type6 #nav-branching .profile-cont .profile:focus .profile-ham, nav.navbar-type7 #nav-branching .profile-cont .profile:hover .profile-ham, nav.navbar-type7 #nav-branching .profile-cont .profile:focus .profile-ham, nav.navbar-type8 #nav-branching .profile-cont .profile:hover .profile-ham, nav.navbar-type8 #nav-branching .profile-cont .profile:focus .profile-ham {
  opacity: 0.7;
}
nav.navbar-type4 #nav-branching .profile-cont .profile.profile6, nav.navbar-type6 #nav-branching .profile-cont .profile.profile6, nav.navbar-type7 #nav-branching .profile-cont .profile.profile6, nav.navbar-type8 #nav-branching .profile-cont .profile.profile6 {
  height: 50px;
  position: relative;
}
nav.navbar-type4 #nav-branching .profile-cont .profile.profile6 .profile-courseloc, nav.navbar-type6 #nav-branching .profile-cont .profile.profile6 .profile-courseloc, nav.navbar-type7 #nav-branching .profile-cont .profile.profile6 .profile-courseloc, nav.navbar-type8 #nav-branching .profile-cont .profile.profile6 .profile-courseloc {
  font-size: 14px;
}
nav.navbar-type4 #nav-branching .profile-cont .profile.profile6 .profile-ham, nav.navbar-type6 #nav-branching .profile-cont .profile.profile6 .profile-ham, nav.navbar-type7 #nav-branching .profile-cont .profile.profile6 .profile-ham, nav.navbar-type8 #nav-branching .profile-cont .profile.profile6 .profile-ham {
  height: 0 !important;
  left: 50%;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(-50%, 0);
}
nav.navbar-type4 #nav-branching .profile-cont .profile .profile-courseloc, nav.navbar-type6 #nav-branching .profile-cont .profile .profile-courseloc, nav.navbar-type7 #nav-branching .profile-cont .profile .profile-courseloc, nav.navbar-type8 #nav-branching .profile-cont .profile .profile-courseloc {
  opacity: 1;
  transition: all 0.3s;
}
nav.navbar-type4 #nav-branching .profile-cont .profile .profile-ham, nav.navbar-type6 #nav-branching .profile-cont .profile .profile-ham, nav.navbar-type7 #nav-branching .profile-cont .profile .profile-ham, nav.navbar-type8 #nav-branching .profile-cont .profile .profile-ham {
  background: #fff;
  height: 2px;
  margin: 12px 0 14px 0;
  position: relative;
  transition: all 0.3s;
  width: 22px;
}
nav.navbar-type4 #nav-branching .profile-cont .profile .profile-ham:before, nav.navbar-type4 #nav-branching .profile-cont .profile .profile-ham:after, nav.navbar-type6 #nav-branching .profile-cont .profile .profile-ham:before, nav.navbar-type6 #nav-branching .profile-cont .profile .profile-ham:after, nav.navbar-type7 #nav-branching .profile-cont .profile .profile-ham:before, nav.navbar-type7 #nav-branching .profile-cont .profile .profile-ham:after, nav.navbar-type8 #nav-branching .profile-cont .profile .profile-ham:before, nav.navbar-type8 #nav-branching .profile-cont .profile .profile-ham:after {
  background: #fff;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  transition: all 0.3s;
  width: 100%;
}
nav.navbar-type4 #nav-branching .profile-cont .profile .profile-ham:before, nav.navbar-type6 #nav-branching .profile-cont .profile .profile-ham:before, nav.navbar-type7 #nav-branching .profile-cont .profile .profile-ham:before, nav.navbar-type8 #nav-branching .profile-cont .profile .profile-ham:before {
  top: -8px;
}
nav.navbar-type4 #nav-branching .profile-cont .profile .profile-ham:after, nav.navbar-type6 #nav-branching .profile-cont .profile .profile-ham:after, nav.navbar-type7 #nav-branching .profile-cont .profile .profile-ham:after, nav.navbar-type8 #nav-branching .profile-cont .profile .profile-ham:after {
  bottom: -8px;
}
nav.navbar-type4 #nav-branching .profile-cont.active, nav.navbar-type6 #nav-branching .profile-cont.active, nav.navbar-type7 #nav-branching .profile-cont.active, nav.navbar-type8 #nav-branching .profile-cont.active {
  padding-bottom: 0;
}
nav.navbar-type4 #nav-branching .profile-cont.active .profile.profile6, nav.navbar-type6 #nav-branching .profile-cont.active .profile.profile6, nav.navbar-type7 #nav-branching .profile-cont.active .profile.profile6, nav.navbar-type8 #nav-branching .profile-cont.active .profile.profile6 {
  height: 45px;
}
nav.navbar-type4 #nav-branching .profile-cont.active .profile.profile6 .profile-ham, nav.navbar-type6 #nav-branching .profile-cont.active .profile.profile6 .profile-ham, nav.navbar-type7 #nav-branching .profile-cont.active .profile.profile6 .profile-ham, nav.navbar-type8 #nav-branching .profile-cont.active .profile.profile6 .profile-ham {
  opacity: 1;
}
nav.navbar-type4 #nav-branching .profile-cont.active .profile.profile6 .profile-courseloc, nav.navbar-type6 #nav-branching .profile-cont.active .profile.profile6 .profile-courseloc, nav.navbar-type7 #nav-branching .profile-cont.active .profile.profile6 .profile-courseloc, nav.navbar-type8 #nav-branching .profile-cont.active .profile.profile6 .profile-courseloc {
  padding-top: 30px;
}
nav.navbar-type4 #nav-branching .profile-cont.active .profile:not(.profile6) .profile-courseloc, nav.navbar-type6 #nav-branching .profile-cont.active .profile:not(.profile6) .profile-courseloc, nav.navbar-type7 #nav-branching .profile-cont.active .profile:not(.profile6) .profile-courseloc, nav.navbar-type8 #nav-branching .profile-cont.active .profile:not(.profile6) .profile-courseloc {
  height: 0;
}
nav.navbar-type4 #nav-branching .profile-cont.active .profile .profile-courseloc, nav.navbar-type6 #nav-branching .profile-cont.active .profile .profile-courseloc, nav.navbar-type7 #nav-branching .profile-cont.active .profile .profile-courseloc, nav.navbar-type8 #nav-branching .profile-cont.active .profile .profile-courseloc {
  opacity: 0;
}
nav.navbar-type4 #nav-branching .profile-cont.active .profile .profile-ham, nav.navbar-type6 #nav-branching .profile-cont.active .profile .profile-ham, nav.navbar-type7 #nav-branching .profile-cont.active .profile .profile-ham, nav.navbar-type8 #nav-branching .profile-cont.active .profile .profile-ham {
  background: none !important;
  height: 30px;
  margin: 12px 0;
  width: 30px;
}
nav.navbar-type4 #nav-branching .profile-cont.active .profile .profile-ham:before, nav.navbar-type6 #nav-branching .profile-cont.active .profile .profile-ham:before, nav.navbar-type7 #nav-branching .profile-cont.active .profile .profile-ham:before, nav.navbar-type8 #nav-branching .profile-cont.active .profile .profile-ham:before {
  top: 11px;
  transform: translate(-50%) rotate(45deg);
}
nav.navbar-type4 #nav-branching .profile-cont.active .profile .profile-ham:after, nav.navbar-type6 #nav-branching .profile-cont.active .profile .profile-ham:after, nav.navbar-type7 #nav-branching .profile-cont.active .profile .profile-ham:after, nav.navbar-type8 #nav-branching .profile-cont.active .profile .profile-ham:after {
  top: 11px;
  transform: translate(-50%) rotate(-45deg);
  bottom: unset;
}
nav.navbar-type4 #nav-branching ul, nav.navbar-type6 #nav-branching ul, nav.navbar-type7 #nav-branching ul, nav.navbar-type8 #nav-branching ul {
  align-items: center;
  background: #333333;
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 32px 0 4px 0;
  position: absolute;
  width: 100%;
}
nav.navbar-type4 #nav-branching ul li, nav.navbar-type6 #nav-branching ul li, nav.navbar-type7 #nav-branching ul li, nav.navbar-type8 #nav-branching ul li {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
  display: flex;
  height: 24px;
  overflow: visible;
  padding: 14px 10px;
  position: relative;
  text-align: center;
  transition: all 0.2s ease;
  width: 24px;
}
nav.navbar-type4 #nav-branching ul li.svg-icon, nav.navbar-type6 #nav-branching ul li.svg-icon, nav.navbar-type7 #nav-branching ul li.svg-icon, nav.navbar-type8 #nav-branching ul li.svg-icon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}
nav.navbar-type4 #nav-branching ul li.svg-home, nav.navbar-type6 #nav-branching ul li.svg-home, nav.navbar-type7 #nav-branching ul li.svg-home, nav.navbar-type8 #nav-branching ul li.svg-home {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_home_white.svg");
  background-size: 27px 24px;
}
nav.navbar-type4 #nav-branching ul li.svg-glossary, nav.navbar-type6 #nav-branching ul li.svg-glossary, nav.navbar-type7 #nav-branching ul li.svg-glossary, nav.navbar-type8 #nav-branching ul li.svg-glossary {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_glossary_white.svg");
}
nav.navbar-type4 #nav-branching ul li.svg-languages, nav.navbar-type6 #nav-branching ul li.svg-languages, nav.navbar-type7 #nav-branching ul li.svg-languages, nav.navbar-type8 #nav-branching ul li.svg-languages {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_languages_white.svg");
}
nav.navbar-type4 #nav-branching ul li.svg-menu, nav.navbar-type6 #nav-branching ul li.svg-menu, nav.navbar-type7 #nav-branching ul li.svg-menu, nav.navbar-type8 #nav-branching ul li.svg-menu {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_menu_white.svg");
}
nav.navbar-type4 #nav-branching ul li.svg-objectives, nav.navbar-type6 #nav-branching ul li.svg-objectives, nav.navbar-type7 #nav-branching ul li.svg-objectives, nav.navbar-type8 #nav-branching ul li.svg-objectives {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_objectives_white.svg");
}
nav.navbar-type4 #nav-branching ul li.svg-resources, nav.navbar-type6 #nav-branching ul li.svg-resources, nav.navbar-type7 #nav-branching ul li.svg-resources, nav.navbar-type8 #nav-branching ul li.svg-resources {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_resources_white.svg");
}
nav.navbar-type4 #nav-branching ul li.svg-search, nav.navbar-type6 #nav-branching ul li.svg-search, nav.navbar-type7 #nav-branching ul li.svg-search, nav.navbar-type8 #nav-branching ul li.svg-search {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/search.svg");
}
nav.navbar-type4 #nav-branching ul li:not(.profile-navcourseloc):hover, nav.navbar-type4 #nav-branching ul li:not(.profile-navcourseloc):focus, nav.navbar-type6 #nav-branching ul li:not(.profile-navcourseloc):hover, nav.navbar-type6 #nav-branching ul li:not(.profile-navcourseloc):focus, nav.navbar-type7 #nav-branching ul li:not(.profile-navcourseloc):hover, nav.navbar-type7 #nav-branching ul li:not(.profile-navcourseloc):focus, nav.navbar-type8 #nav-branching ul li:not(.profile-navcourseloc):hover, nav.navbar-type8 #nav-branching ul li:not(.profile-navcourseloc):focus {
  opacity: 0.7;
}
nav.navbar-type4 #nav-branching ul li.profile-navcourseloc, nav.navbar-type6 #nav-branching ul li.profile-navcourseloc, nav.navbar-type7 #nav-branching ul li.profile-navcourseloc, nav.navbar-type8 #nav-branching ul li.profile-navcourseloc {
  height: 12px;
  padding: 14px 0;
  width: 44px;
  pointer-events: none;
}
nav.navbar-type4 #nav-branching ul li.profile-navcourseloc div, nav.navbar-type6 #nav-branching ul li.profile-navcourseloc div, nav.navbar-type7 #nav-branching ul li.profile-navcourseloc div, nav.navbar-type8 #nav-branching ul li.profile-navcourseloc div {
  width: 100%;
}
nav.navbar-type4 #nav-branching ul li.profile-navperc, nav.navbar-type6 #nav-branching ul li.profile-navperc, nav.navbar-type7 #nav-branching ul li.profile-navperc, nav.navbar-type8 #nav-branching ul li.profile-navperc {
  font-size: 16px;
  height: 16px;
  padding: 14px 0;
  width: 44px;
  pointer-events: none;
}
nav.navbar-type4 #nav-branching ul li.profile-navperc div, nav.navbar-type6 #nav-branching ul li.profile-navperc div, nav.navbar-type7 #nav-branching ul li.profile-navperc div, nav.navbar-type8 #nav-branching ul li.profile-navperc div {
  width: 100%;
}
nav.navbar-type4 #nav-branching ul li.profile-navperc.points, nav.navbar-type6 #nav-branching ul li.profile-navperc.points, nav.navbar-type7 #nav-branching ul li.profile-navperc.points, nav.navbar-type8 #nav-branching ul li.profile-navperc.points {
  font-size: 14px;
  padding: 20px 0 22px 0;
  pointer-events: none;
}
nav.navbar-type4 #nav-branching ul li.profile-navperc.complete, nav.navbar-type6 #nav-branching ul li.profile-navperc.complete, nav.navbar-type7 #nav-branching ul li.profile-navperc.complete, nav.navbar-type8 #nav-branching ul li.profile-navperc.complete {
  cursor: pointer;
  position: relative;
  pointer-events: auto;
}
nav.navbar-type4 #nav-branching ul li.profile-navperc.complete .profile-courseloc, nav.navbar-type6 #nav-branching ul li.profile-navperc.complete .profile-courseloc, nav.navbar-type7 #nav-branching ul li.profile-navperc.complete .profile-courseloc, nav.navbar-type8 #nav-branching ul li.profile-navperc.complete .profile-courseloc {
  visibility: hidden;
}
nav.navbar-type4 #nav-branching ul li.profile-navperc.complete:before, nav.navbar-type6 #nav-branching ul li.profile-navperc.complete:before, nav.navbar-type7 #nav-branching ul li.profile-navperc.complete:before, nav.navbar-type8 #nav-branching ul li.profile-navperc.complete:before {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 26px;
  left: 50%;
  top: 8px;
  transform: translate(-50%, 0);
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/certificate.svg");
  background-size: 20px 26px;
}
nav.bh {
  width: calc(100% - 70px);
}
nav #progress-wrap {
  display: block;
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 5px;
  background: #000000;
  overflow: hidden;
}
nav #progress-wrap .progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  transition: width 0.8s ease;
  background: black;
}
nav #scroll-indicator {
  margin: 1px;
  width: 28px;
  height: 28px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/pageDown.svg");
  background-repeat: no-repeat;
  background-size: 28px 28px;
  transition: all 0.2s ease;
}
@keyframes scrollOpacUp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scrollOpacDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
nav #scroll-indicator.active {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  animation: scrollOpacUp 0.6s forwards;
}
nav #scroll-indicator.hidden {
  animation: scrollOpacDown 0.6s forwards;
}
nav #scroll-indicator:hover, nav #scroll-indicator:focus {
  transform: translate(-50%, -50%) scale(1.3, 1.3);
}
nav .nav-arrow {
  position: absolute;
  top: 0;
  background: #000;
  width: 75px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 20px;
  overflow: hidden;
}
nav .nav-arrow .icon {
  transition: all 0.2s ease;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}
nav .nav-arrow .icon:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 9px;
  height: 12px;
  background-size: 9px 12px;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center center;
}
nav .nav-arrow .icon.hidden svg {
  display: none;
}
nav .nav-arrow.active {
  cursor: pointer;
}
nav .nav-arrow.active .swipe {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #333;
  transition: all 0.2s ease;
}
nav .nav-arrow.active.hover .icon {
  transform: scale3d(1.4, 1.4, 1);
}
nav .nav-arrowL {
  left: 0;
}
nav .nav-arrowL.active .icon svg {
  left: calc(50% - 4px);
  position: absolute;
  top: calc(50% - 6px);
}
nav .nav-arrowL.active .swipe {
  left: 75px;
}
nav .nav-arrowL.active.hover .swipe {
  left: 0;
}
nav .nav-arrowR {
  right: 0;
}
nav .nav-arrowR #timerSec, nav .nav-arrowR #timerPie {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  font-family: Arial;
  color: #fff;
  font-size: 18px;
}
nav .nav-arrowR.active .icon svg {
  left: calc(50% - 4px);
  position: absolute;
  top: calc(50% - 6px);
}
nav .nav-arrowR.active .swipe {
  left: -75px;
}
nav .nav-arrowR.active.hover .swipe {
  left: 0;
}
nav .nav-arrowR.last .icon:before {
  width: 20px;
  height: 26px;
}
nav .nav-arrowR.last svg {
  left: calc(50% - 10px) !important;
  position: absolute;
  top: calc(50% - 13px) !important;
}
nav .nav-arrowR.return .icon span {
  font-size: 12px;
  padding: 0px;
  display: block;
  position: absolute;
  width: 100%;
  top: calc(50% - 17px);
  transform: translate(0, -50%);
}
nav .nav-arrowR.return .icon:before {
  width: 18px;
  height: 20px;
}
nav .nav-arrowR.return .icon svg {
  left: calc(50% - 9px);
  position: absolute;
  top: calc(50% - 10px) !important;
}
nav .nav-arrowR.locked {
  cursor: not-allowed;
}
nav .nav-arrowR.locked .icon:before {
  width: 14px;
  height: 24px;
}
nav .nav-arrowR.locked .icon svg {
  left: calc(50% - 7px);
  position: absolute;
  top: calc(50% - 12px);
}
nav .nav-arrowR.timer {
  cursor: not-allowed;
}
nav .nav-arrowR.timer .icon {
  transform: scale3d(1, 1, 1);
  animation: zoomIcon 1.8s;
}
nav .nav-arrowR.timer .icon:before {
  width: 24px;
  height: 27px;
}
nav .nav-arrowR.timer .icon.hidden:before {
  visibility: hidden;
}
nav .nav-arrowR.timer .icon svg {
  left: calc(50% - 12px);
  position: absolute;
  top: calc(50% - 13px);
}
@keyframes zoomIcon {
  0% {
    transform: scale3d(0, 0, 1);
  }
  60% {
    transform: scale3d(0, 0, 1);
  }
  70% {
    transform: scale3d(0.3, 0.3, 1);
  }
  80% {
    transform: scale3d(1.5, 1.5, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
nav .nav-arrowR.timer.active.hover #navTimerPie {
  margin-top: -4px;
  transform: scale3d(1.4, 1.4, 1);
}
nav .nav-arrowR.timer.active.hover #navTimerPie svg #navTimerAnim {
  fill: #333;
}
nav .nav-arrowR.timer #navTimerPie {
  animation: zoomIcon 1.8s;
  background: #fff;
  border-radius: 50%;
  box-sizing: content-box;
  display: block;
  height: 14px;
  left: 50%;
  margin-left: -7px;
  margin-top: -5px;
  min-height: 14px;
  min-width: 14px;
  position: absolute;
  top: 50%;
  transform: scale3d(1, 1, 1);
  transition: all 0.2s ease;
  width: 14px;
}
nav .nav-arrowR.timer #navTimerPie svg {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 16px;
  height: 16px;
}
nav .nav-arrowR.timer #navTimerPie svg #navTimerBG {
  fill: #fff;
  opacity: 0;
}
nav .nav-arrowR.timer #navTimerPie svg #navTimerAnim {
  fill: #000;
}
@keyframes zoomIcon {
  0% {
    transform: scale3d(0, 0, 1);
  }
  60% {
    transform: scale3d(0, 0, 1);
  }
  70% {
    transform: scale3d(0.3, 0.3, 1);
  }
  80% {
    transform: scale3d(1.5, 1.5, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
nav .nav-arrowR.timer #navTimerSec {
  transform: scale3d(0, 0, 1);
  display: flex;
  animation: zoomTime 1.4s forwards;
}
@keyframes zoomTime {
  0% {
    transform: scale3d(0, 0, 1);
  }
  10% {
    transform: scale3d(0.3, 0.3, 1);
  }
  25.5% {
    transform: scale3d(1.5, 1.5, 1);
  }
  40% {
    transform: scale3d(1, 1, 1);
  }
  80% {
    transform: scale3d(1, 1, 1);
  }
  100% {
    transform: scale3d(0, 0, 1);
  }
}
nav .left-menu {
  float: left;
  width: 46%;
  display: flex;
  height: inherit;
  letter-spacing: 1px;
  align-items: center;
}
nav .left-menu .menu-items-slide {
  width: 100%;
}
nav .left-menu .menu-button {
  display: none;
}
nav .left-menu ul {
  padding: 0 0 0 20px;
  margin: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  height: auto;
  width: 100%;
  flex-wrap: wrap;
  line-height: 1em;
}
nav .left-menu ul li {
  cursor: pointer;
  text-align: center;
  padding: 5px 3%;
  line-height: 0.8em;
  transition: all 0.2s ease;
  white-space: nowrap;
  text-decoration: underline;
}
nav .left-menu ul li.home {
  transition: all 0.2s ease;
  padding: 0 3%;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/home.svg");
  width: 11px;
  height: 10px;
  background-size: 11px 10px;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
nav .left-menu ul li.home:after {
  background: #000;
  bottom: 0px;
  content: "";
  display: block;
  height: 1px;
  left: calc(50% - 10px);
  position: absolute;
  width: 20px;
}
nav .left-menu ul li.nav-mobile {
  display: none;
}
nav .left-menu:not(.active) ul li:hover, nav .left-menu:not(.active) ul li.home:hover:before, nav .left-menu:not(.active) ul li.home:focus {
  color: #fff;
  transform: scale(1.3, 1.3);
}
nav .right-menu {
  float: right;
  width: 46%;
  display: flex;
  height: inherit;
  letter-spacing: normal;
}
nav .right-menu .course-stats {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: row;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  height: inherit;
  width: 100%;
}
nav .right-menu .course-stats .stat .odometer .odometer-inside {
  display: inline-block;
}
nav .right-menu .course-stats .stat .odometer .odometer-inside .odometer-digit {
  display: inline-block;
}
nav .right-menu .course-stats .page-count {
  padding-top: 21px !important;
}
nav .right-menu .course-stats .page-count .desc {
  margin-top: 1px;
}
nav .right-menu .course-stats .time-spent, nav .right-menu .course-stats .percent-complete, nav .right-menu .course-stats .page-count {
  padding: 20px;
  text-align: center;
  font-size: 10px;
}
nav .right-menu .course-stats .time-spent .stat, nav .right-menu .course-stats .percent-complete .stat, nav .right-menu .course-stats .page-count .stat {
  font-size: 17px;
  line-height: 1;
  margin-top: 1px;
}
nav .right-menu .course-stats .time-spent .desc, nav .right-menu .course-stats .percent-complete .desc, nav .right-menu .course-stats .page-count .desc {
  line-height: 1;
}
nav .right-menu .course-stats .time-spent {
  padding-right: 40px;
}
nav .right-menu .course-stats .percent-complete.complete {
  cursor: pointer;
}
nav .right-menu .course-stats .percent-complete.complete .stat {
  position: relative;
}
nav .right-menu .course-stats .percent-complete.complete .stat:before {
  content: "";
  position: absolute;
  display: block;
  width: 17px;
  height: 22px;
  left: 50%;
  top: -4px;
  transform: translate(-50%, 0);
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/certificate.svg");
  background-size: 17px 22px;
}
nav .right-menu .course-stats .percent-complete.complete .stat .odometer {
  display: none;
}
nav .right-menu .course-stats .percent-complete.complete .stat .txt-percent {
  display: none;
}
nav .right-menu .course-stats .percent-complete.complete .desc {
  margin-top: 20px;
}
nav .disable-vis {
  display: none;
  background: rgba(0, 0, 0, 0.65);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mobile-menu {
  position: absolute;
  display: flex;
  align-items: flex-end;
  width: 100%;
  bottom: -100%;
  height: 100%;
  max-height: 100%;
  left: 0;
  margin: 0;
  z-index: 2;
  transform: translateZ(0);
  animation: slideDown 0.6s forwards;
}
@keyframes slideDown {
  0% {
    bottom: 0;
  }
  100% {
    bottom: -100%;
  }
}
.mobile-menu.active {
  animation: slideUp 0.6s forwards;
}
@keyframes slideUp {
  0% {
    bottom: -100%;
  }
  100% {
    bottom: 0;
  }
}
.mobile-menu .menu-items-slide {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.mobile-menu .menu-items-slide .menu-items-cont {
  display: flex;
  align-items: flex-end;
  width: 100vw;
  height: calc(100% - 36px);
}
.mobile-menu .menu-items-slide .menu-items-cont .menu-items {
  background-color: rgba(0, 0, 0, 0.9);
  box-sizing: border-box;
  color: #fff;
  display: block;
  margin: 0;
  max-height: 100%;
  padding: 0;
  width: 100vw;
}
.mobile-menu .menu-items-slide .menu-items-cont .menu-items {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.mobile-menu .menu-items-slide .menu-items-cont .menu-items li:not(.home) {
  display: block;
  position: relative;
  width: 100%;
  height: 20px;
  overflow: hidden;
  cursor: pointer;
  font-size: 16px;
  font-family: "PT Sans", Helvetica, Arial;
  padding: 14px 30px;
  text-align: left;
  border-top: 1px solid rgba(255, 255, 255, 0.9);
  transition: none;
}
.mobile-menu .menu-items-slide .menu-close {
  background-color: rgba(0, 0, 0, 0.9);
  border-top: 1px solid rgba(255, 255, 255, 0.9);
  border: none;
  cursor: pointer;
  height: 35px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.mobile-menu .menu-items-slide .menu-close:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_x_mobile.svg");
  background-size: 10px 10px;
  content: "";
  background-color: #fff;
  border-radius: 50%;
  border: none;
  height: 22px;
  width: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  margin-top: -1px;
  background-repeat: no-repeat;
  background-position: center center;
}
.mobile-menu nav.navbar-type1 .nav-arrow, .mobile-menu nav.navbar-type2 .nav-arrow, .mobile-menu nav.navbar-type3 .nav-arrow, .mobile-menu nav.navbar-type4 .nav-arrow, .mobile-menu nav.navbar-type7 .nav-arrow, .mobile-menu nav.navbar-type8 .nav-arrow {
  height: 35px !important;
}
@media (min-width: 768px) {
  .md-desktop .mobile-menu {
    display: none;
  }
}
@media (max-width: 767px) {
  li.home {
    display: none;
  }
  li.nav-mobile {
    display: block;
  }
  li.nav-mobile.display {
    padding: 7px 30px !important;
    height: 38px !important;
    cursor: auto !important;
  }
  li.nav-mobile.display .course-stats {
    display: flex;
    box-sizing: content-box;
    text-align: center;
  }
  li.nav-mobile.display .course-stats .cont-stat {
    margin-right: 20px;
  }
  li.nav-mobile.display .course-stats .cont-stat .stat {
    height: 19px;
  }
  li.nav-mobile.display .course-stats .cont-stat .desc {
    font-size: 12px;
  }
  li.nav-mobile.display .course-stats .cont-stat .stat .odometer .odometer-inside {
    display: inline;
    line-height: 93%;
  }
  li.nav-mobile.display .course-stats .cont-stat .stat .odometer .odometer-inside .odometer-digit {
    display: inline;
  }
  li.nav-mobile.display .course-stats .cont-stat.percent-complete.complete .stat {
    position: relative;
  }
  li.nav-mobile.display .course-stats .cont-stat.percent-complete.complete .stat:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/certificate.svg");
    background-size: 14px 19px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 19px;
    background-repeat: no-repeat;
    background-position: center;
  }
  li.nav-mobile.display .course-stats .cont-stat.percent-complete.complete .stat .odometer {
    display: none;
  }
  li.nav-mobile.display .course-stats .cont-stat.percent-complete.complete .stat .txt-percent {
    display: none;
  }
  .mobile-menu {
    display: flex;
  }
  nav {
    border: 0;
    box-shadow: none;
    min-height: 35px;
    height: 35px;
    background: linear-gradient(to bottom, black 0%, black 100%);
  }
  nav.bh {
    width: 100%;
  }
  nav.bh .nav-arrow.nav-arrowR {
    right: 70px;
  }
  nav.navbar-type1 .nav-arrow, nav.navbar-type2 .nav-arrow, nav.navbar-type3 .nav-arrow, nav.navbar-type4 .nav-arrow, nav.navbar-type7 .nav-arrow, nav.navbar-type8 .nav-arrow {
    width: 17px;
    height: 40px;
    border-radius: 0;
  }
  nav.navbar-type1 .nav-arrow.nav-arrowL, nav.navbar-type2 .nav-arrow.nav-arrowL, nav.navbar-type3 .nav-arrow.nav-arrowL, nav.navbar-type4 .nav-arrow.nav-arrowL, nav.navbar-type7 .nav-arrow.nav-arrowL, nav.navbar-type8 .nav-arrow.nav-arrowL {
    left: 0;
  }
  nav.navbar-type1 .nav-arrow.nav-arrowR, nav.navbar-type2 .nav-arrow.nav-arrowR, nav.navbar-type3 .nav-arrow.nav-arrowR, nav.navbar-type4 .nav-arrow.nav-arrowR, nav.navbar-type7 .nav-arrow.nav-arrowR, nav.navbar-type8 .nav-arrow.nav-arrowR {
    right: 0;
  }
  nav.navbar-type1 .nav-arrow.nav-arrowL, nav.navbar-type1 .nav-arrow.nav-arrowR, nav.navbar-type2 .nav-arrow.nav-arrowL, nav.navbar-type2 .nav-arrow.nav-arrowR, nav.navbar-type3 .nav-arrow.nav-arrowL, nav.navbar-type3 .nav-arrow.nav-arrowR, nav.navbar-type4 .nav-arrow.nav-arrowL, nav.navbar-type4 .nav-arrow.nav-arrowR, nav.navbar-type7 .nav-arrow.nav-arrowL, nav.navbar-type7 .nav-arrow.nav-arrowR, nav.navbar-type8 .nav-arrow.nav-arrowL, nav.navbar-type8 .nav-arrow.nav-arrowR {
    border: 1px solid #ddd;
    transition: none;
    transition: background 0.2s ease;
  }
  nav.navbar-type1 .nav-arrow.nav-arrowL.active.hover, nav.navbar-type1 .nav-arrow.nav-arrowR.active.hover, nav.navbar-type2 .nav-arrow.nav-arrowL.active.hover, nav.navbar-type2 .nav-arrow.nav-arrowR.active.hover, nav.navbar-type3 .nav-arrow.nav-arrowL.active.hover, nav.navbar-type3 .nav-arrow.nav-arrowR.active.hover, nav.navbar-type4 .nav-arrow.nav-arrowL.active.hover, nav.navbar-type4 .nav-arrow.nav-arrowR.active.hover, nav.navbar-type7 .nav-arrow.nav-arrowL.active.hover, nav.navbar-type7 .nav-arrow.nav-arrowR.active.hover, nav.navbar-type8 .nav-arrow.nav-arrowL.active.hover, nav.navbar-type8 .nav-arrow.nav-arrowR.active.hover {
    background: #222;
    width: 17px;
  }
  nav.navbar-type1 .nav-arrow.nav-arrowL.active.hover .icon, nav.navbar-type1 .nav-arrow.nav-arrowR.active.hover .icon, nav.navbar-type2 .nav-arrow.nav-arrowL.active.hover .icon, nav.navbar-type2 .nav-arrow.nav-arrowR.active.hover .icon, nav.navbar-type3 .nav-arrow.nav-arrowL.active.hover .icon, nav.navbar-type3 .nav-arrow.nav-arrowR.active.hover .icon, nav.navbar-type4 .nav-arrow.nav-arrowL.active.hover .icon, nav.navbar-type4 .nav-arrow.nav-arrowR.active.hover .icon, nav.navbar-type7 .nav-arrow.nav-arrowL.active.hover .icon, nav.navbar-type7 .nav-arrow.nav-arrowR.active.hover .icon, nav.navbar-type8 .nav-arrow.nav-arrowL.active.hover .icon, nav.navbar-type8 .nav-arrow.nav-arrowR.active.hover .icon {
    transform: scale3d(1.2, 1.2, 1);
  }
  nav.navbar-type1 .nav-arrow.nav-arrowL.active.hover .swipe, nav.navbar-type1 .nav-arrow.nav-arrowR.active.hover .swipe, nav.navbar-type2 .nav-arrow.nav-arrowL.active.hover .swipe, nav.navbar-type2 .nav-arrow.nav-arrowR.active.hover .swipe, nav.navbar-type3 .nav-arrow.nav-arrowL.active.hover .swipe, nav.navbar-type3 .nav-arrow.nav-arrowR.active.hover .swipe, nav.navbar-type4 .nav-arrow.nav-arrowL.active.hover .swipe, nav.navbar-type4 .nav-arrow.nav-arrowR.active.hover .swipe, nav.navbar-type7 .nav-arrow.nav-arrowL.active.hover .swipe, nav.navbar-type7 .nav-arrow.nav-arrowR.active.hover .swipe, nav.navbar-type8 .nav-arrow.nav-arrowL.active.hover .swipe, nav.navbar-type8 .nav-arrow.nav-arrowR.active.hover .swipe {
    display: none;
  }
  nav.navbar-type7 .nav-arrow.nav-arrowL {
    left: 50%;
    transform: translate(-50%, -17px) rotate(90deg);
  }
  nav.navbar-type7 .nav-arrow.nav-arrowR {
    top: 100vh;
    bottom: 0;
    transform: translate(-50%, -34px) rotate(90deg);
    left: 50%;
  }
  nav.navbar-type7 .nav-arrow.nav-arrowR.last .icon:before, nav.navbar-type7 .nav-arrow.nav-arrowR.active.last .icon:before {
    background-size: 12px 15px;
    height: 15px;
    width: 12px;
  }
  nav.navbar-type7 .nav-arrow.nav-arrowR.timer .icon, nav.navbar-type7 .nav-arrow.nav-arrowR.active.timer .icon {
    animation: zoomIconM 1.8s;
    top: 0.5px;
    transform: rotate(-90deg) scale3d(1, 1, 1);
  }
  nav.navbar-type7 .nav-arrow.nav-arrowR.timer .icon:before, nav.navbar-type7 .nav-arrow.nav-arrowR.active.timer .icon:before {
    background-size: 14px 15px;
    height: 15px;
    width: 14px;
  }
  @keyframes zoomIconM {
    0% {
      transform: rotate(-90deg) scale3d(0, 0, 1);
    }
    60% {
      transform: rotate(-90deg) scale3d(0, 0, 1);
    }
    70% {
      transform: rotate(-90deg) scale3d(0.3, 0.3, 1);
    }
    80% {
      transform: rotate(-90deg) scale3d(1.5, 1.5, 1);
    }
    100% {
      transform: rotate(-90deg) scale3d(1, 1, 1);
    }
  }
  nav.navbar-type7 .nav-arrow.nav-arrowR.timer #navTimerPie, nav.navbar-type7 .nav-arrow.nav-arrowR.active.timer #navTimerPie {
    margin-top: -6px;
    margin-left: -6px;
    animation: none;
    transform: rotate(-90deg) scale3d(0.6, 0.6, 1);
    animation: zoomIconMS 1.8s;
  }
  @keyframes zoomIconMS {
    0% {
      transform: rotate(-90deg) scale3d(0, 0, 1);
    }
    60% {
      transform: rotate(-90deg) scale3d(0, 0, 1);
    }
    70% {
      transform: rotate(-90deg) scale3d(0.3, 0.3, 1);
    }
    80% {
      transform: rotate(-90deg) scale3d(0.45, 0.45, 1);
    }
    100% {
      transform: rotate(-90deg) scale3d(0.45, 0.45, 1);
    }
  }
  nav.navbar-type7 .nav-arrow.nav-arrowR.timer #navTimerSec, nav.navbar-type7 .nav-arrow.nav-arrowR.active.timer #navTimerSec {
    transform: rotate(-90deg) scale3d(0, 0, 1);
    animation: zoomTimeM 1.4s forwards;
  }
  @keyframes zoomTimeM {
    0% {
      transform: rotate(-90deg) scale3d(0, 0, 1);
    }
    10% {
      transform: rotate(-90deg) scale3d(0.1, 0.1, 1);
    }
    25.5% {
      transform: rotate(-90deg) scale3d(0.65, 0.65, 1);
    }
    40% {
      transform: rotate(-90deg) scale3d(0.45, 0.45, 1);
    }
    80% {
      transform: rotate(-90deg) scale3d(0.45, 0.45, 1);
    }
    100% {
      transform: rotate(-90deg) scale3d(0, 0, 1);
    }
  }
  nav.navbar-type7 .nav-arrow.nav-arrowR.locked .icon, nav.navbar-type7 .nav-arrow.nav-arrowR.active.locked .icon {
    transform: rotate(-90deg);
  }
  nav.navbar-type7 .nav-arrow.nav-arrowR.locked .icon:before, nav.navbar-type7 .nav-arrow.nav-arrowR.active.locked .icon:before {
    background-size: 9px 15px;
    height: 15px;
    width: 9px;
  }
  nav.navHidden {
    height: 0;
    min-height: 0;
  }
  nav #progress-wrap {
    display: none;
  }
  nav #scroll-indicator {
    visibility: hidden;
  }
  nav .nav-arrow {
    width: 35px;
    font-size: 26px;
  }
  nav .nav-arrow.nav-arrowL {
    border-right: 2px solid #fff;
  }
  nav .nav-arrow.nav-arrowR {
    border-left: 2px solid #fff;
  }
  nav .nav-arrow.nav-arrowR.last .icon:before {
    width: 14px;
    height: 18px;
    background-size: 14px 18px;
  }
  nav .nav-arrow.nav-arrowR.return svg {
    left: calc(50% - 8px) !important;
  }
  nav .nav-arrow.nav-arrowR.active.last .icon:before {
    width: 14px;
    height: 18px;
    background-size: 14px 18px;
  }
  nav .nav-arrow.nav-arrowR.active.return .icon:before {
    width: 12px;
    height: 13px;
    background-size: 12px 13px;
  }
  nav .nav-arrow.nav-arrowR.active.locked .icon:before {
    width: 11px;
    height: 19px;
    background-size: 11px 19px;
  }
  nav .nav-arrow.nav-arrowR.active.timer .icon:before {
    width: 14px;
    height: 16px;
    background-size: 14px 16px;
  }
  nav .nav-arrow.nav-arrowR.active.timer #navTimerPie {
    margin-top: -5.5px;
    animation: none;
    transform: scale3d(0.7, 0.7, 1);
    animation: zoomIcons 1.8s;
  }
  @keyframes zoomIcons {
    0% {
      transform: scale3d(0, 0, 1);
    }
    60% {
      transform: scale3d(0, 0, 1);
    }
    70% {
      transform: scale3d(0.3, 0.3, 1);
    }
    80% {
      transform: scale3d(0.7, 0.7, 1);
    }
    100% {
      transform: scale3d(0.7, 0.7, 1);
    }
  }
  nav .nav-arrow.nav-arrowR.active.timer #navTimerSec {
    transform: scale3d(0, 0, 1);
    display: flex;
    animation: zoomTime 1.4s forwards;
  }
  @keyframes zoomTime {
    0% {
      transform: scale3d(0, 0, 1);
    }
    10% {
      transform: scale3d(0.1, 0.1, 1);
    }
    25.5% {
      transform: scale3d(0.65, 0.65, 1);
    }
    40% {
      transform: scale3d(0.45, 0.45, 1);
    }
    80% {
      transform: scale3d(0.45, 0.45, 1);
    }
    100% {
      transform: scale3d(0, 0, 1);
    }
  }
  nav .nav-arrow.nav-arrowL, nav .nav-arrow.nav-arrowR {
    transition: width 0.2s ease;
  }
  nav .nav-arrow.nav-arrowL.active.hover, nav .nav-arrow.nav-arrowR.active.hover {
    width: 75px;
    color: #000;
    background: #92918f;
    box-shadow: none;
  }
  nav .nav-arrow.nav-arrowL.active.hover .swipe, nav .nav-arrow.nav-arrowR.active.hover .swipe {
    transition: none;
  }
  nav .left-menu {
    display: flex;
    width: 100%;
  }
  nav .left-menu .menu-button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  nav .left-menu .menu-button:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/menu_burger_light_ui.svg");
    background-size: 11px 10px;
    content: "";
    background-color: #fff;
    border-radius: 50%;
    border: none;
    height: 22px;
    width: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    margin-top: -1px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  nav .left-menu .menu-items {
    display: none;
  }
  nav .right-menu {
    visibility: hidden;
  }
  nav.navbar-type4 #nav-branching, nav.navbar-type6 #nav-branching, nav.navbar-type7 #nav-branching, nav.navbar-type8 #nav-branching {
    font-size: 10px;
    height: 46px;
    top: 2px;
    width: 46px;
  }
  nav.navbar-type4 #nav-branching.top-left, nav.navbar-type6 #nav-branching.top-left, nav.navbar-type7 #nav-branching.top-left, nav.navbar-type8 #nav-branching.top-left {
    left: 2px;
  }
  nav.navbar-type4 #nav-branching.top-right, nav.navbar-type6 #nav-branching.top-right, nav.navbar-type7 #nav-branching.top-right, nav.navbar-type8 #nav-branching.top-right {
    right: 2px;
  }
  nav.navbar-type4 #nav-branching.mobilelightui .profile-points:first-of-type, nav.navbar-type6 #nav-branching.mobilelightui .profile-points:first-of-type, nav.navbar-type7 #nav-branching.mobilelightui .profile-points:first-of-type, nav.navbar-type8 #nav-branching.mobilelightui .profile-points:first-of-type {
    border-bottom: 1px solid #333333;
  }
  nav.navbar-type4 #nav-branching.mobilelightui .profile-cont, nav.navbar-type6 #nav-branching.mobilelightui .profile-cont, nav.navbar-type7 #nav-branching.mobilelightui .profile-cont, nav.navbar-type8 #nav-branching.mobilelightui .profile-cont {
    background: white;
    color: #333333;
  }
  nav.navbar-type4 #nav-branching.mobilelightui .profile-cont .profile .profile-ham, nav.navbar-type6 #nav-branching.mobilelightui .profile-cont .profile .profile-ham, nav.navbar-type7 #nav-branching.mobilelightui .profile-cont .profile .profile-ham, nav.navbar-type8 #nav-branching.mobilelightui .profile-cont .profile .profile-ham {
    background: #333333;
  }
  nav.navbar-type4 #nav-branching.mobilelightui .profile-cont .profile .profile-ham:before, nav.navbar-type4 #nav-branching.mobilelightui .profile-cont .profile .profile-ham:after, nav.navbar-type6 #nav-branching.mobilelightui .profile-cont .profile .profile-ham:before, nav.navbar-type6 #nav-branching.mobilelightui .profile-cont .profile .profile-ham:after, nav.navbar-type7 #nav-branching.mobilelightui .profile-cont .profile .profile-ham:before, nav.navbar-type7 #nav-branching.mobilelightui .profile-cont .profile .profile-ham:after, nav.navbar-type8 #nav-branching.mobilelightui .profile-cont .profile .profile-ham:before, nav.navbar-type8 #nav-branching.mobilelightui .profile-cont .profile .profile-ham:after {
    background: #333333;
  }
  nav.navbar-type4 #nav-branching.mobilelightui ul, nav.navbar-type6 #nav-branching.mobilelightui ul, nav.navbar-type7 #nav-branching.mobilelightui ul, nav.navbar-type8 #nav-branching.mobilelightui ul {
    background: white;
    color: #333333;
  }
  nav.navbar-type4 #nav-branching.mobilelightui ul li, nav.navbar-type6 #nav-branching.mobilelightui ul li, nav.navbar-type7 #nav-branching.mobilelightui ul li, nav.navbar-type8 #nav-branching.mobilelightui ul li {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
  nav.navbar-type4 #nav-branching.mobilelightui ul li.svg-home, nav.navbar-type6 #nav-branching.mobilelightui ul li.svg-home, nav.navbar-type7 #nav-branching.mobilelightui ul li.svg-home, nav.navbar-type8 #nav-branching.mobilelightui ul li.svg-home {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_home_gray.svg");
  }
  nav.navbar-type4 #nav-branching.mobilelightui ul li.svg-glossary, nav.navbar-type6 #nav-branching.mobilelightui ul li.svg-glossary, nav.navbar-type7 #nav-branching.mobilelightui ul li.svg-glossary, nav.navbar-type8 #nav-branching.mobilelightui ul li.svg-glossary {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_glossary_gray.svg");
  }
  nav.navbar-type4 #nav-branching.mobilelightui ul li.svg-languages, nav.navbar-type6 #nav-branching.mobilelightui ul li.svg-languages, nav.navbar-type7 #nav-branching.mobilelightui ul li.svg-languages, nav.navbar-type8 #nav-branching.mobilelightui ul li.svg-languages {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_languages_gray.svg");
  }
  nav.navbar-type4 #nav-branching.mobilelightui ul li.svg-menu, nav.navbar-type6 #nav-branching.mobilelightui ul li.svg-menu, nav.navbar-type7 #nav-branching.mobilelightui ul li.svg-menu, nav.navbar-type8 #nav-branching.mobilelightui ul li.svg-menu {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_menu_gray.svg");
  }
  nav.navbar-type4 #nav-branching.mobilelightui ul li.svg-objectives, nav.navbar-type6 #nav-branching.mobilelightui ul li.svg-objectives, nav.navbar-type7 #nav-branching.mobilelightui ul li.svg-objectives, nav.navbar-type8 #nav-branching.mobilelightui ul li.svg-objectives {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_objectives_gray.svg");
  }
  nav.navbar-type4 #nav-branching.mobilelightui ul li.svg-resources, nav.navbar-type6 #nav-branching.mobilelightui ul li.svg-resources, nav.navbar-type7 #nav-branching.mobilelightui ul li.svg-resources, nav.navbar-type8 #nav-branching.mobilelightui ul li.svg-resources {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_resources_gray.svg");
  }
  nav.navbar-type4 #nav-branching.mobilelightui ul li.svg-search, nav.navbar-type6 #nav-branching.mobilelightui ul li.svg-search, nav.navbar-type7 #nav-branching.mobilelightui ul li.svg-search, nav.navbar-type8 #nav-branching.mobilelightui ul li.svg-search {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/search_light_ui.svg");
  }
  nav.navbar-type4 #nav-branching.mobilelightui ul li.profile-navperc.complete:before, nav.navbar-type6 #nav-branching.mobilelightui ul li.profile-navperc.complete:before, nav.navbar-type7 #nav-branching.mobilelightui ul li.profile-navperc.complete:before, nav.navbar-type8 #nav-branching.mobilelightui ul li.profile-navperc.complete:before {
    width: 16px;
    height: 21px;
    background-size: 16px 21px;
    top: 4px;
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/certificate_light_ui.svg");
  }
  nav.navbar-type4 #nav-branching .profile-courseloc .profile-points, nav.navbar-type6 #nav-branching .profile-courseloc .profile-points, nav.navbar-type7 #nav-branching .profile-courseloc .profile-points, nav.navbar-type8 #nav-branching .profile-courseloc .profile-points {
    padding: 2px 4px;
  }
  nav.navbar-type4 #nav-branching .profile-courseloc .profile-points:first-of-type, nav.navbar-type6 #nav-branching .profile-courseloc .profile-points:first-of-type, nav.navbar-type7 #nav-branching .profile-courseloc .profile-points:first-of-type, nav.navbar-type8 #nav-branching .profile-courseloc .profile-points:first-of-type {
    margin-bottom: 2px;
  }
  nav.navbar-type4 #nav-branching .profile-cont, nav.navbar-type6 #nav-branching .profile-cont, nav.navbar-type7 #nav-branching .profile-cont, nav.navbar-type8 #nav-branching .profile-cont {
    padding: 3px;
  }
  nav.navbar-type4 #nav-branching .profile-cont .profile, nav.navbar-type6 #nav-branching .profile-cont .profile, nav.navbar-type7 #nav-branching .profile-cont .profile, nav.navbar-type8 #nav-branching .profile-cont .profile {
    height: 36px;
    width: 40px;
  }
  nav.navbar-type4 #nav-branching .profile-cont .profile .profile-ham, nav.navbar-type6 #nav-branching .profile-cont .profile .profile-ham, nav.navbar-type7 #nav-branching .profile-cont .profile .profile-ham, nav.navbar-type8 #nav-branching .profile-cont .profile .profile-ham {
    margin: 13px 0 8px 0;
  }
  nav.navbar-type4 #nav-branching .profile-cont .profile .profile-ham:before, nav.navbar-type6 #nav-branching .profile-cont .profile .profile-ham:before, nav.navbar-type7 #nav-branching .profile-cont .profile .profile-ham:before, nav.navbar-type8 #nav-branching .profile-cont .profile .profile-ham:before {
    top: -6px;
  }
  nav.navbar-type4 #nav-branching .profile-cont .profile .profile-ham:after, nav.navbar-type6 #nav-branching .profile-cont .profile .profile-ham:after, nav.navbar-type7 #nav-branching .profile-cont .profile .profile-ham:after, nav.navbar-type8 #nav-branching .profile-cont .profile .profile-ham:after {
    bottom: -6px;
  }
  nav.navbar-type4 #nav-branching .profile-cont .profile.profile6, nav.navbar-type6 #nav-branching .profile-cont .profile.profile6, nav.navbar-type7 #nav-branching .profile-cont .profile.profile6, nav.navbar-type8 #nav-branching .profile-cont .profile.profile6 {
    height: 38px;
  }
  nav.navbar-type4 #nav-branching .profile-cont .profile.profile6 .profile-ham, nav.navbar-type6 #nav-branching .profile-cont .profile.profile6 .profile-ham, nav.navbar-type7 #nav-branching .profile-cont .profile.profile6 .profile-ham, nav.navbar-type8 #nav-branching .profile-cont .profile.profile6 .profile-ham {
    margin: 0;
    top: 0;
  }
  nav.navbar-type4 #nav-branching .profile-cont .profile.profile6 .profile-courseloc, nav.navbar-type6 #nav-branching .profile-cont .profile.profile6 .profile-courseloc, nav.navbar-type7 #nav-branching .profile-cont .profile.profile6 .profile-courseloc, nav.navbar-type8 #nav-branching .profile-cont .profile.profile6 .profile-courseloc {
    font-size: 11px;
  }
  nav.navbar-type4 #nav-branching .profile-cont .profile .profile-courseloc, nav.navbar-type6 #nav-branching .profile-cont .profile .profile-courseloc, nav.navbar-type7 #nav-branching .profile-cont .profile .profile-courseloc, nav.navbar-type8 #nav-branching .profile-cont .profile .profile-courseloc {
    padding-top: 2px;
  }
  nav.navbar-type4 #nav-branching .profile-cont.active .profile, nav.navbar-type6 #nav-branching .profile-cont.active .profile, nav.navbar-type7 #nav-branching .profile-cont.active .profile, nav.navbar-type8 #nav-branching .profile-cont.active .profile {
    height: 34px;
  }
  nav.navbar-type4 #nav-branching .profile-cont.active .profile .profile-ham, nav.navbar-type4 #nav-branching .profile-cont.active .profile.profile6 .profile-ham, nav.navbar-type6 #nav-branching .profile-cont.active .profile .profile-ham, nav.navbar-type6 #nav-branching .profile-cont.active .profile.profile6 .profile-ham, nav.navbar-type7 #nav-branching .profile-cont.active .profile .profile-ham, nav.navbar-type7 #nav-branching .profile-cont.active .profile.profile6 .profile-ham, nav.navbar-type8 #nav-branching .profile-cont.active .profile .profile-ham, nav.navbar-type8 #nav-branching .profile-cont.active .profile.profile6 .profile-ham {
    height: 28px;
    margin: 13px 0 8px 0;
    opacity: 1;
    width: 28px;
  }
  nav.navbar-type4 #nav-branching .profile-cont.active .profile .profile-ham:before, nav.navbar-type4 #nav-branching .profile-cont.active .profile.profile6 .profile-ham:before, nav.navbar-type6 #nav-branching .profile-cont.active .profile .profile-ham:before, nav.navbar-type6 #nav-branching .profile-cont.active .profile.profile6 .profile-ham:before, nav.navbar-type7 #nav-branching .profile-cont.active .profile .profile-ham:before, nav.navbar-type7 #nav-branching .profile-cont.active .profile.profile6 .profile-ham:before, nav.navbar-type8 #nav-branching .profile-cont.active .profile .profile-ham:before, nav.navbar-type8 #nav-branching .profile-cont.active .profile.profile6 .profile-ham:before {
    top: 6px;
  }
  nav.navbar-type4 #nav-branching .profile-cont.active .profile .profile-ham:after, nav.navbar-type4 #nav-branching .profile-cont.active .profile.profile6 .profile-ham:after, nav.navbar-type6 #nav-branching .profile-cont.active .profile .profile-ham:after, nav.navbar-type6 #nav-branching .profile-cont.active .profile.profile6 .profile-ham:after, nav.navbar-type7 #nav-branching .profile-cont.active .profile .profile-ham:after, nav.navbar-type7 #nav-branching .profile-cont.active .profile.profile6 .profile-ham:after, nav.navbar-type8 #nav-branching .profile-cont.active .profile .profile-ham:after, nav.navbar-type8 #nav-branching .profile-cont.active .profile.profile6 .profile-ham:after {
    bottom: -8px !important;
    top: auto;
  }
  nav.navbar-type4 #nav-branching .profile-cont.active .profile:not(.profile6) .profile-ham:after, nav.navbar-type6 #nav-branching .profile-cont.active .profile:not(.profile6) .profile-ham:after, nav.navbar-type7 #nav-branching .profile-cont.active .profile:not(.profile6) .profile-ham:after, nav.navbar-type8 #nav-branching .profile-cont.active .profile:not(.profile6) .profile-ham:after {
    bottom: 2px !important;
  }
  nav.navbar-type4 #nav-branching ul li, nav.navbar-type6 #nav-branching ul li, nav.navbar-type7 #nav-branching ul li, nav.navbar-type8 #nav-branching ul li {
    padding: 6px 5px;
  }
  nav.navbar-type4 #nav-branching ul li.svg-icon, nav.navbar-type6 #nav-branching ul li.svg-icon, nav.navbar-type7 #nav-branching ul li.svg-icon, nav.navbar-type8 #nav-branching ul li.svg-icon {
    background-size: 20px 20px;
  }
  nav.navbar-type4 #nav-branching ul li.svg-home, nav.navbar-type6 #nav-branching ul li.svg-home, nav.navbar-type7 #nav-branching ul li.svg-home, nav.navbar-type8 #nav-branching ul li.svg-home {
    background-size: 23px 20px;
  }
  nav.navbar-type4 #nav-branching ul li.profile-navcourseloc, nav.navbar-type4 #nav-branching ul li.profile-navperc, nav.navbar-type6 #nav-branching ul li.profile-navcourseloc, nav.navbar-type6 #nav-branching ul li.profile-navperc, nav.navbar-type7 #nav-branching ul li.profile-navcourseloc, nav.navbar-type7 #nav-branching ul li.profile-navperc, nav.navbar-type8 #nav-branching ul li.profile-navcourseloc, nav.navbar-type8 #nav-branching ul li.profile-navperc {
    padding: 6px 0;
    width: 34px;
  }
  nav.navbar-type4 #nav-branching ul li.profile-navcourseloc div, nav.navbar-type4 #nav-branching ul li.profile-navperc div, nav.navbar-type6 #nav-branching ul li.profile-navcourseloc div, nav.navbar-type6 #nav-branching ul li.profile-navperc div, nav.navbar-type7 #nav-branching ul li.profile-navcourseloc div, nav.navbar-type7 #nav-branching ul li.profile-navperc div, nav.navbar-type8 #nav-branching ul li.profile-navcourseloc div, nav.navbar-type8 #nav-branching ul li.profile-navperc div {
    left: 0;
    position: relative;
    width: 46px;
  }
  nav.navbar-type4 #nav-branching ul li.profile-navperc, nav.navbar-type6 #nav-branching ul li.profile-navperc, nav.navbar-type7 #nav-branching ul li.profile-navperc, nav.navbar-type8 #nav-branching ul li.profile-navperc {
    font-size: 13px;
    padding: 4px 0 8px 0;
  }
  nav.navbar-type4 #nav-branching ul li.profile-navperc.points, nav.navbar-type6 #nav-branching ul li.profile-navperc.points, nav.navbar-type7 #nav-branching ul li.profile-navperc.points, nav.navbar-type8 #nav-branching ul li.profile-navperc.points {
    font-size: 11px;
    padding: 14px 0 16px 0;
  }
}
.md-phone li.home {
  display: none;
}
.md-phone li.nav-mobile {
  display: block;
}
.md-phone li.nav-mobile.display {
  padding: 7px 30px !important;
  height: 38px !important;
  cursor: auto !important;
}
.md-phone li.nav-mobile.display .course-stats {
  display: flex;
  box-sizing: content-box;
  text-align: center;
}
.md-phone li.nav-mobile.display .course-stats .cont-stat {
  margin-right: 20px;
}
.md-phone li.nav-mobile.display .course-stats .cont-stat .stat {
  height: 19px;
}
.md-phone li.nav-mobile.display .course-stats .cont-stat .desc {
  font-size: 12px;
}
.md-phone li.nav-mobile.display .course-stats .cont-stat .stat .odometer .odometer-inside {
  display: inline;
  line-height: 93%;
}
.md-phone li.nav-mobile.display .course-stats .cont-stat .stat .odometer .odometer-inside .odometer-digit {
  display: inline;
}
.md-phone li.nav-mobile.display .course-stats .cont-stat.percent-complete.complete .stat {
  position: relative;
}
.md-phone li.nav-mobile.display .course-stats .cont-stat.percent-complete.complete .stat:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/certificate.svg");
  background-size: 14px 19px;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center;
}
.md-phone li.nav-mobile.display .course-stats .cont-stat.percent-complete.complete .stat .odometer {
  display: none;
}
.md-phone li.nav-mobile.display .course-stats .cont-stat.percent-complete.complete .stat .txt-percent {
  display: none;
}
.md-phone .mobile-menu {
  display: flex;
}
.md-phone nav {
  border: 0;
  box-shadow: none;
  min-height: 35px;
  height: 35px;
  background: linear-gradient(to bottom, black 0%, black 100%);
}
.md-phone nav.bh {
  width: 100%;
}
.md-phone nav.bh .nav-arrow.nav-arrowR {
  right: 70px;
}
.md-phone nav.navbar-type1 .nav-arrow, .md-phone nav.navbar-type2 .nav-arrow, .md-phone nav.navbar-type3 .nav-arrow, .md-phone nav.navbar-type4 .nav-arrow, .md-phone nav.navbar-type7 .nav-arrow, .md-phone nav.navbar-type8 .nav-arrow {
  width: 17px;
  height: 40px;
  border-radius: 0;
}
.md-phone nav.navbar-type1 .nav-arrow.nav-arrowL, .md-phone nav.navbar-type2 .nav-arrow.nav-arrowL, .md-phone nav.navbar-type3 .nav-arrow.nav-arrowL, .md-phone nav.navbar-type4 .nav-arrow.nav-arrowL, .md-phone nav.navbar-type7 .nav-arrow.nav-arrowL, .md-phone nav.navbar-type8 .nav-arrow.nav-arrowL {
  left: 0;
}
.md-phone nav.navbar-type1 .nav-arrow.nav-arrowR, .md-phone nav.navbar-type2 .nav-arrow.nav-arrowR, .md-phone nav.navbar-type3 .nav-arrow.nav-arrowR, .md-phone nav.navbar-type4 .nav-arrow.nav-arrowR, .md-phone nav.navbar-type7 .nav-arrow.nav-arrowR, .md-phone nav.navbar-type8 .nav-arrow.nav-arrowR {
  right: 0;
}
.md-phone nav.navbar-type1 .nav-arrow.nav-arrowL, .md-phone nav.navbar-type1 .nav-arrow.nav-arrowR, .md-phone nav.navbar-type2 .nav-arrow.nav-arrowL, .md-phone nav.navbar-type2 .nav-arrow.nav-arrowR, .md-phone nav.navbar-type3 .nav-arrow.nav-arrowL, .md-phone nav.navbar-type3 .nav-arrow.nav-arrowR, .md-phone nav.navbar-type4 .nav-arrow.nav-arrowL, .md-phone nav.navbar-type4 .nav-arrow.nav-arrowR, .md-phone nav.navbar-type7 .nav-arrow.nav-arrowL, .md-phone nav.navbar-type7 .nav-arrow.nav-arrowR, .md-phone nav.navbar-type8 .nav-arrow.nav-arrowL, .md-phone nav.navbar-type8 .nav-arrow.nav-arrowR {
  border: 1px solid #ddd;
  transition: none;
  transition: background 0.2s ease;
}
.md-phone nav.navbar-type1 .nav-arrow.nav-arrowL.active.hover, .md-phone nav.navbar-type1 .nav-arrow.nav-arrowR.active.hover, .md-phone nav.navbar-type2 .nav-arrow.nav-arrowL.active.hover, .md-phone nav.navbar-type2 .nav-arrow.nav-arrowR.active.hover, .md-phone nav.navbar-type3 .nav-arrow.nav-arrowL.active.hover, .md-phone nav.navbar-type3 .nav-arrow.nav-arrowR.active.hover, .md-phone nav.navbar-type4 .nav-arrow.nav-arrowL.active.hover, .md-phone nav.navbar-type4 .nav-arrow.nav-arrowR.active.hover, .md-phone nav.navbar-type7 .nav-arrow.nav-arrowL.active.hover, .md-phone nav.navbar-type7 .nav-arrow.nav-arrowR.active.hover, .md-phone nav.navbar-type8 .nav-arrow.nav-arrowL.active.hover, .md-phone nav.navbar-type8 .nav-arrow.nav-arrowR.active.hover {
  background: #222;
  width: 17px;
}
.md-phone nav.navbar-type1 .nav-arrow.nav-arrowL.active.hover .icon, .md-phone nav.navbar-type1 .nav-arrow.nav-arrowR.active.hover .icon, .md-phone nav.navbar-type2 .nav-arrow.nav-arrowL.active.hover .icon, .md-phone nav.navbar-type2 .nav-arrow.nav-arrowR.active.hover .icon, .md-phone nav.navbar-type3 .nav-arrow.nav-arrowL.active.hover .icon, .md-phone nav.navbar-type3 .nav-arrow.nav-arrowR.active.hover .icon, .md-phone nav.navbar-type4 .nav-arrow.nav-arrowL.active.hover .icon, .md-phone nav.navbar-type4 .nav-arrow.nav-arrowR.active.hover .icon, .md-phone nav.navbar-type7 .nav-arrow.nav-arrowL.active.hover .icon, .md-phone nav.navbar-type7 .nav-arrow.nav-arrowR.active.hover .icon, .md-phone nav.navbar-type8 .nav-arrow.nav-arrowL.active.hover .icon, .md-phone nav.navbar-type8 .nav-arrow.nav-arrowR.active.hover .icon {
  transform: scale3d(1.2, 1.2, 1);
}
.md-phone nav.navbar-type1 .nav-arrow.nav-arrowL.active.hover .swipe, .md-phone nav.navbar-type1 .nav-arrow.nav-arrowR.active.hover .swipe, .md-phone nav.navbar-type2 .nav-arrow.nav-arrowL.active.hover .swipe, .md-phone nav.navbar-type2 .nav-arrow.nav-arrowR.active.hover .swipe, .md-phone nav.navbar-type3 .nav-arrow.nav-arrowL.active.hover .swipe, .md-phone nav.navbar-type3 .nav-arrow.nav-arrowR.active.hover .swipe, .md-phone nav.navbar-type4 .nav-arrow.nav-arrowL.active.hover .swipe, .md-phone nav.navbar-type4 .nav-arrow.nav-arrowR.active.hover .swipe, .md-phone nav.navbar-type7 .nav-arrow.nav-arrowL.active.hover .swipe, .md-phone nav.navbar-type7 .nav-arrow.nav-arrowR.active.hover .swipe, .md-phone nav.navbar-type8 .nav-arrow.nav-arrowL.active.hover .swipe, .md-phone nav.navbar-type8 .nav-arrow.nav-arrowR.active.hover .swipe {
  display: none;
}
.md-phone nav.navbar-type7 .nav-arrow.nav-arrowL {
  left: 50%;
  transform: translate(-50%, -17px) rotate(90deg);
}
.md-phone nav.navbar-type7 .nav-arrow.nav-arrowR {
  top: 100vh;
  bottom: 0;
  transform: translate(-50%, -34px) rotate(90deg);
  left: 50%;
}
.md-phone nav.navbar-type7 .nav-arrow.nav-arrowR.last .icon:before, .md-phone nav.navbar-type7 .nav-arrow.nav-arrowR.active.last .icon:before {
  background-size: 12px 15px;
  height: 15px;
  width: 12px;
}
.md-phone nav.navbar-type7 .nav-arrow.nav-arrowR.timer .icon, .md-phone nav.navbar-type7 .nav-arrow.nav-arrowR.active.timer .icon {
  animation: zoomIconM 1.8s;
  top: 0.5px;
  transform: rotate(-90deg) scale3d(1, 1, 1);
}
.md-phone nav.navbar-type7 .nav-arrow.nav-arrowR.timer .icon:before, .md-phone nav.navbar-type7 .nav-arrow.nav-arrowR.active.timer .icon:before {
  background-size: 14px 15px;
  height: 15px;
  width: 14px;
}
@keyframes zoomIconM {
  0% {
    transform: rotate(-90deg) scale3d(0, 0, 1);
  }
  60% {
    transform: rotate(-90deg) scale3d(0, 0, 1);
  }
  70% {
    transform: rotate(-90deg) scale3d(0.3, 0.3, 1);
  }
  80% {
    transform: rotate(-90deg) scale3d(1.5, 1.5, 1);
  }
  100% {
    transform: rotate(-90deg) scale3d(1, 1, 1);
  }
}
.md-phone nav.navbar-type7 .nav-arrow.nav-arrowR.timer #navTimerPie, .md-phone nav.navbar-type7 .nav-arrow.nav-arrowR.active.timer #navTimerPie {
  margin-top: -6px;
  margin-left: -6px;
  animation: none;
  transform: rotate(-90deg) scale3d(0.6, 0.6, 1);
  animation: zoomIconMS 1.8s;
}
@keyframes zoomIconMS {
  0% {
    transform: rotate(-90deg) scale3d(0, 0, 1);
  }
  60% {
    transform: rotate(-90deg) scale3d(0, 0, 1);
  }
  70% {
    transform: rotate(-90deg) scale3d(0.3, 0.3, 1);
  }
  80% {
    transform: rotate(-90deg) scale3d(0.45, 0.45, 1);
  }
  100% {
    transform: rotate(-90deg) scale3d(0.45, 0.45, 1);
  }
}
.md-phone nav.navbar-type7 .nav-arrow.nav-arrowR.timer #navTimerSec, .md-phone nav.navbar-type7 .nav-arrow.nav-arrowR.active.timer #navTimerSec {
  transform: rotate(-90deg) scale3d(0, 0, 1);
  animation: zoomTimeM 1.4s forwards;
}
@keyframes zoomTimeM {
  0% {
    transform: rotate(-90deg) scale3d(0, 0, 1);
  }
  10% {
    transform: rotate(-90deg) scale3d(0.1, 0.1, 1);
  }
  25.5% {
    transform: rotate(-90deg) scale3d(0.65, 0.65, 1);
  }
  40% {
    transform: rotate(-90deg) scale3d(0.45, 0.45, 1);
  }
  80% {
    transform: rotate(-90deg) scale3d(0.45, 0.45, 1);
  }
  100% {
    transform: rotate(-90deg) scale3d(0, 0, 1);
  }
}
.md-phone nav.navbar-type7 .nav-arrow.nav-arrowR.locked .icon, .md-phone nav.navbar-type7 .nav-arrow.nav-arrowR.active.locked .icon {
  transform: rotate(-90deg);
}
.md-phone nav.navbar-type7 .nav-arrow.nav-arrowR.locked .icon:before, .md-phone nav.navbar-type7 .nav-arrow.nav-arrowR.active.locked .icon:before {
  background-size: 9px 15px;
  height: 15px;
  width: 9px;
}
.md-phone nav.navHidden {
  height: 0;
  min-height: 0;
}
.md-phone nav #progress-wrap {
  display: none;
}
.md-phone nav #scroll-indicator {
  visibility: hidden;
}
.md-phone nav .nav-arrow {
  width: 35px;
  font-size: 26px;
}
.md-phone nav .nav-arrow.nav-arrowL {
  border-right: 2px solid #fff;
}
.md-phone nav .nav-arrow.nav-arrowR {
  border-left: 2px solid #fff;
}
.md-phone nav .nav-arrow.nav-arrowR.last .icon:before {
  width: 14px;
  height: 18px;
  background-size: 14px 18px;
}
.md-phone nav .nav-arrow.nav-arrowR.return svg {
  left: calc(50% - 8px) !important;
}
.md-phone nav .nav-arrow.nav-arrowR.active.last .icon:before {
  width: 14px;
  height: 18px;
  background-size: 14px 18px;
}
.md-phone nav .nav-arrow.nav-arrowR.active.return .icon:before {
  width: 12px;
  height: 13px;
  background-size: 12px 13px;
}
.md-phone nav .nav-arrow.nav-arrowR.active.locked .icon:before {
  width: 11px;
  height: 19px;
  background-size: 11px 19px;
}
.md-phone nav .nav-arrow.nav-arrowR.active.timer .icon:before {
  width: 14px;
  height: 16px;
  background-size: 14px 16px;
}
.md-phone nav .nav-arrow.nav-arrowR.active.timer #navTimerPie {
  margin-top: -5.5px;
  animation: none;
  transform: scale3d(0.7, 0.7, 1);
  animation: zoomIcons 1.8s;
}
@keyframes zoomIcons {
  0% {
    transform: scale3d(0, 0, 1);
  }
  60% {
    transform: scale3d(0, 0, 1);
  }
  70% {
    transform: scale3d(0.3, 0.3, 1);
  }
  80% {
    transform: scale3d(0.7, 0.7, 1);
  }
  100% {
    transform: scale3d(0.7, 0.7, 1);
  }
}
.md-phone nav .nav-arrow.nav-arrowR.active.timer #navTimerSec {
  transform: scale3d(0, 0, 1);
  display: flex;
  animation: zoomTime 1.4s forwards;
}
@keyframes zoomTime {
  0% {
    transform: scale3d(0, 0, 1);
  }
  10% {
    transform: scale3d(0.1, 0.1, 1);
  }
  25.5% {
    transform: scale3d(0.65, 0.65, 1);
  }
  40% {
    transform: scale3d(0.45, 0.45, 1);
  }
  80% {
    transform: scale3d(0.45, 0.45, 1);
  }
  100% {
    transform: scale3d(0, 0, 1);
  }
}
.md-phone nav .nav-arrow.nav-arrowL, .md-phone nav .nav-arrow.nav-arrowR {
  transition: width 0.2s ease;
}
.md-phone nav .nav-arrow.nav-arrowL.active.hover, .md-phone nav .nav-arrow.nav-arrowR.active.hover {
  width: 75px;
  color: #000;
  background: #92918f;
  box-shadow: none;
}
.md-phone nav .nav-arrow.nav-arrowL.active.hover .swipe, .md-phone nav .nav-arrow.nav-arrowR.active.hover .swipe {
  transition: none;
}
.md-phone nav .left-menu {
  display: flex;
  width: 100%;
}
.md-phone nav .left-menu .menu-button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.md-phone nav .left-menu .menu-button:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/menu_burger_light_ui.svg");
  background-size: 11px 10px;
  content: "";
  background-color: #fff;
  border-radius: 50%;
  border: none;
  height: 22px;
  width: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  margin-top: -1px;
  background-repeat: no-repeat;
  background-position: center center;
}
.md-phone nav .left-menu .menu-items {
  display: none;
}
.md-phone nav .right-menu {
  visibility: hidden;
}
.md-phone nav.navbar-type4 #nav-branching, .md-phone nav.navbar-type6 #nav-branching, .md-phone nav.navbar-type7 #nav-branching, .md-phone nav.navbar-type8 #nav-branching {
  font-size: 10px;
  height: 46px;
  top: 2px;
  width: 46px;
}
.md-phone nav.navbar-type4 #nav-branching.top-left, .md-phone nav.navbar-type6 #nav-branching.top-left, .md-phone nav.navbar-type7 #nav-branching.top-left, .md-phone nav.navbar-type8 #nav-branching.top-left {
  left: 2px;
}
.md-phone nav.navbar-type4 #nav-branching.top-right, .md-phone nav.navbar-type6 #nav-branching.top-right, .md-phone nav.navbar-type7 #nav-branching.top-right, .md-phone nav.navbar-type8 #nav-branching.top-right {
  right: 2px;
}
.md-phone nav.navbar-type4 #nav-branching.mobilelightui .profile-points:first-of-type, .md-phone nav.navbar-type6 #nav-branching.mobilelightui .profile-points:first-of-type, .md-phone nav.navbar-type7 #nav-branching.mobilelightui .profile-points:first-of-type, .md-phone nav.navbar-type8 #nav-branching.mobilelightui .profile-points:first-of-type {
  border-bottom: 1px solid #333333;
}
.md-phone nav.navbar-type4 #nav-branching.mobilelightui .profile-cont, .md-phone nav.navbar-type6 #nav-branching.mobilelightui .profile-cont, .md-phone nav.navbar-type7 #nav-branching.mobilelightui .profile-cont, .md-phone nav.navbar-type8 #nav-branching.mobilelightui .profile-cont {
  background: white;
  color: #333333;
}
.md-phone nav.navbar-type4 #nav-branching.mobilelightui .profile-cont .profile .profile-ham, .md-phone nav.navbar-type6 #nav-branching.mobilelightui .profile-cont .profile .profile-ham, .md-phone nav.navbar-type7 #nav-branching.mobilelightui .profile-cont .profile .profile-ham, .md-phone nav.navbar-type8 #nav-branching.mobilelightui .profile-cont .profile .profile-ham {
  background: #333333;
}
.md-phone nav.navbar-type4 #nav-branching.mobilelightui .profile-cont .profile .profile-ham:before, .md-phone nav.navbar-type4 #nav-branching.mobilelightui .profile-cont .profile .profile-ham:after, .md-phone nav.navbar-type6 #nav-branching.mobilelightui .profile-cont .profile .profile-ham:before, .md-phone nav.navbar-type6 #nav-branching.mobilelightui .profile-cont .profile .profile-ham:after, .md-phone nav.navbar-type7 #nav-branching.mobilelightui .profile-cont .profile .profile-ham:before, .md-phone nav.navbar-type7 #nav-branching.mobilelightui .profile-cont .profile .profile-ham:after, .md-phone nav.navbar-type8 #nav-branching.mobilelightui .profile-cont .profile .profile-ham:before, .md-phone nav.navbar-type8 #nav-branching.mobilelightui .profile-cont .profile .profile-ham:after {
  background: #333333;
}
.md-phone nav.navbar-type4 #nav-branching.mobilelightui ul, .md-phone nav.navbar-type6 #nav-branching.mobilelightui ul, .md-phone nav.navbar-type7 #nav-branching.mobilelightui ul, .md-phone nav.navbar-type8 #nav-branching.mobilelightui ul {
  background: white;
  color: #333333;
}
.md-phone nav.navbar-type4 #nav-branching.mobilelightui ul li, .md-phone nav.navbar-type6 #nav-branching.mobilelightui ul li, .md-phone nav.navbar-type7 #nav-branching.mobilelightui ul li, .md-phone nav.navbar-type8 #nav-branching.mobilelightui ul li {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.md-phone nav.navbar-type4 #nav-branching.mobilelightui ul li.svg-home, .md-phone nav.navbar-type6 #nav-branching.mobilelightui ul li.svg-home, .md-phone nav.navbar-type7 #nav-branching.mobilelightui ul li.svg-home, .md-phone nav.navbar-type8 #nav-branching.mobilelightui ul li.svg-home {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_home_gray.svg");
}
.md-phone nav.navbar-type4 #nav-branching.mobilelightui ul li.svg-glossary, .md-phone nav.navbar-type6 #nav-branching.mobilelightui ul li.svg-glossary, .md-phone nav.navbar-type7 #nav-branching.mobilelightui ul li.svg-glossary, .md-phone nav.navbar-type8 #nav-branching.mobilelightui ul li.svg-glossary {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_glossary_gray.svg");
}
.md-phone nav.navbar-type4 #nav-branching.mobilelightui ul li.svg-languages, .md-phone nav.navbar-type6 #nav-branching.mobilelightui ul li.svg-languages, .md-phone nav.navbar-type7 #nav-branching.mobilelightui ul li.svg-languages, .md-phone nav.navbar-type8 #nav-branching.mobilelightui ul li.svg-languages {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_languages_gray.svg");
}
.md-phone nav.navbar-type4 #nav-branching.mobilelightui ul li.svg-menu, .md-phone nav.navbar-type6 #nav-branching.mobilelightui ul li.svg-menu, .md-phone nav.navbar-type7 #nav-branching.mobilelightui ul li.svg-menu, .md-phone nav.navbar-type8 #nav-branching.mobilelightui ul li.svg-menu {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_menu_gray.svg");
}
.md-phone nav.navbar-type4 #nav-branching.mobilelightui ul li.svg-objectives, .md-phone nav.navbar-type6 #nav-branching.mobilelightui ul li.svg-objectives, .md-phone nav.navbar-type7 #nav-branching.mobilelightui ul li.svg-objectives, .md-phone nav.navbar-type8 #nav-branching.mobilelightui ul li.svg-objectives {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_objectives_gray.svg");
}
.md-phone nav.navbar-type4 #nav-branching.mobilelightui ul li.svg-resources, .md-phone nav.navbar-type6 #nav-branching.mobilelightui ul li.svg-resources, .md-phone nav.navbar-type7 #nav-branching.mobilelightui ul li.svg-resources, .md-phone nav.navbar-type8 #nav-branching.mobilelightui ul li.svg-resources {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_resources_gray.svg");
}
.md-phone nav.navbar-type4 #nav-branching.mobilelightui ul li.svg-search, .md-phone nav.navbar-type6 #nav-branching.mobilelightui ul li.svg-search, .md-phone nav.navbar-type7 #nav-branching.mobilelightui ul li.svg-search, .md-phone nav.navbar-type8 #nav-branching.mobilelightui ul li.svg-search {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/search_light_ui.svg");
}
.md-phone nav.navbar-type4 #nav-branching.mobilelightui ul li.profile-navperc.complete:before, .md-phone nav.navbar-type6 #nav-branching.mobilelightui ul li.profile-navperc.complete:before, .md-phone nav.navbar-type7 #nav-branching.mobilelightui ul li.profile-navperc.complete:before, .md-phone nav.navbar-type8 #nav-branching.mobilelightui ul li.profile-navperc.complete:before {
  width: 16px;
  height: 21px;
  background-size: 16px 21px;
  top: 4px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/certificate_light_ui.svg");
}
.md-phone nav.navbar-type4 #nav-branching .profile-courseloc .profile-points, .md-phone nav.navbar-type6 #nav-branching .profile-courseloc .profile-points, .md-phone nav.navbar-type7 #nav-branching .profile-courseloc .profile-points, .md-phone nav.navbar-type8 #nav-branching .profile-courseloc .profile-points {
  padding: 2px 4px;
}
.md-phone nav.navbar-type4 #nav-branching .profile-courseloc .profile-points:first-of-type, .md-phone nav.navbar-type6 #nav-branching .profile-courseloc .profile-points:first-of-type, .md-phone nav.navbar-type7 #nav-branching .profile-courseloc .profile-points:first-of-type, .md-phone nav.navbar-type8 #nav-branching .profile-courseloc .profile-points:first-of-type {
  margin-bottom: 2px;
}
.md-phone nav.navbar-type4 #nav-branching .profile-cont, .md-phone nav.navbar-type6 #nav-branching .profile-cont, .md-phone nav.navbar-type7 #nav-branching .profile-cont, .md-phone nav.navbar-type8 #nav-branching .profile-cont {
  padding: 3px;
}
.md-phone nav.navbar-type4 #nav-branching .profile-cont .profile, .md-phone nav.navbar-type6 #nav-branching .profile-cont .profile, .md-phone nav.navbar-type7 #nav-branching .profile-cont .profile, .md-phone nav.navbar-type8 #nav-branching .profile-cont .profile {
  height: 36px;
  width: 40px;
}
.md-phone nav.navbar-type4 #nav-branching .profile-cont .profile .profile-ham, .md-phone nav.navbar-type6 #nav-branching .profile-cont .profile .profile-ham, .md-phone nav.navbar-type7 #nav-branching .profile-cont .profile .profile-ham, .md-phone nav.navbar-type8 #nav-branching .profile-cont .profile .profile-ham {
  margin: 13px 0 8px 0;
}
.md-phone nav.navbar-type4 #nav-branching .profile-cont .profile .profile-ham:before, .md-phone nav.navbar-type6 #nav-branching .profile-cont .profile .profile-ham:before, .md-phone nav.navbar-type7 #nav-branching .profile-cont .profile .profile-ham:before, .md-phone nav.navbar-type8 #nav-branching .profile-cont .profile .profile-ham:before {
  top: -6px;
}
.md-phone nav.navbar-type4 #nav-branching .profile-cont .profile .profile-ham:after, .md-phone nav.navbar-type6 #nav-branching .profile-cont .profile .profile-ham:after, .md-phone nav.navbar-type7 #nav-branching .profile-cont .profile .profile-ham:after, .md-phone nav.navbar-type8 #nav-branching .profile-cont .profile .profile-ham:after {
  bottom: -6px;
}
.md-phone nav.navbar-type4 #nav-branching .profile-cont .profile.profile6, .md-phone nav.navbar-type6 #nav-branching .profile-cont .profile.profile6, .md-phone nav.navbar-type7 #nav-branching .profile-cont .profile.profile6, .md-phone nav.navbar-type8 #nav-branching .profile-cont .profile.profile6 {
  height: 38px;
}
.md-phone nav.navbar-type4 #nav-branching .profile-cont .profile.profile6 .profile-ham, .md-phone nav.navbar-type6 #nav-branching .profile-cont .profile.profile6 .profile-ham, .md-phone nav.navbar-type7 #nav-branching .profile-cont .profile.profile6 .profile-ham, .md-phone nav.navbar-type8 #nav-branching .profile-cont .profile.profile6 .profile-ham {
  margin: 0;
  top: 0;
}
.md-phone nav.navbar-type4 #nav-branching .profile-cont .profile.profile6 .profile-courseloc, .md-phone nav.navbar-type6 #nav-branching .profile-cont .profile.profile6 .profile-courseloc, .md-phone nav.navbar-type7 #nav-branching .profile-cont .profile.profile6 .profile-courseloc, .md-phone nav.navbar-type8 #nav-branching .profile-cont .profile.profile6 .profile-courseloc {
  font-size: 11px;
}
.md-phone nav.navbar-type4 #nav-branching .profile-cont .profile .profile-courseloc, .md-phone nav.navbar-type6 #nav-branching .profile-cont .profile .profile-courseloc, .md-phone nav.navbar-type7 #nav-branching .profile-cont .profile .profile-courseloc, .md-phone nav.navbar-type8 #nav-branching .profile-cont .profile .profile-courseloc {
  padding-top: 2px;
}
.md-phone nav.navbar-type4 #nav-branching .profile-cont.active .profile, .md-phone nav.navbar-type6 #nav-branching .profile-cont.active .profile, .md-phone nav.navbar-type7 #nav-branching .profile-cont.active .profile, .md-phone nav.navbar-type8 #nav-branching .profile-cont.active .profile {
  height: 34px;
}
.md-phone nav.navbar-type4 #nav-branching .profile-cont.active .profile .profile-ham, .md-phone nav.navbar-type4 #nav-branching .profile-cont.active .profile.profile6 .profile-ham, .md-phone nav.navbar-type6 #nav-branching .profile-cont.active .profile .profile-ham, .md-phone nav.navbar-type6 #nav-branching .profile-cont.active .profile.profile6 .profile-ham, .md-phone nav.navbar-type7 #nav-branching .profile-cont.active .profile .profile-ham, .md-phone nav.navbar-type7 #nav-branching .profile-cont.active .profile.profile6 .profile-ham, .md-phone nav.navbar-type8 #nav-branching .profile-cont.active .profile .profile-ham, .md-phone nav.navbar-type8 #nav-branching .profile-cont.active .profile.profile6 .profile-ham {
  height: 28px;
  margin: 13px 0 8px 0;
  opacity: 1;
  width: 28px;
}
.md-phone nav.navbar-type4 #nav-branching .profile-cont.active .profile .profile-ham:before, .md-phone nav.navbar-type4 #nav-branching .profile-cont.active .profile.profile6 .profile-ham:before, .md-phone nav.navbar-type6 #nav-branching .profile-cont.active .profile .profile-ham:before, .md-phone nav.navbar-type6 #nav-branching .profile-cont.active .profile.profile6 .profile-ham:before, .md-phone nav.navbar-type7 #nav-branching .profile-cont.active .profile .profile-ham:before, .md-phone nav.navbar-type7 #nav-branching .profile-cont.active .profile.profile6 .profile-ham:before, .md-phone nav.navbar-type8 #nav-branching .profile-cont.active .profile .profile-ham:before, .md-phone nav.navbar-type8 #nav-branching .profile-cont.active .profile.profile6 .profile-ham:before {
  top: 6px;
}
.md-phone nav.navbar-type4 #nav-branching .profile-cont.active .profile .profile-ham:after, .md-phone nav.navbar-type4 #nav-branching .profile-cont.active .profile.profile6 .profile-ham:after, .md-phone nav.navbar-type6 #nav-branching .profile-cont.active .profile .profile-ham:after, .md-phone nav.navbar-type6 #nav-branching .profile-cont.active .profile.profile6 .profile-ham:after, .md-phone nav.navbar-type7 #nav-branching .profile-cont.active .profile .profile-ham:after, .md-phone nav.navbar-type7 #nav-branching .profile-cont.active .profile.profile6 .profile-ham:after, .md-phone nav.navbar-type8 #nav-branching .profile-cont.active .profile .profile-ham:after, .md-phone nav.navbar-type8 #nav-branching .profile-cont.active .profile.profile6 .profile-ham:after {
  bottom: -8px !important;
  top: auto;
}
.md-phone nav.navbar-type4 #nav-branching .profile-cont.active .profile:not(.profile6) .profile-ham:after, .md-phone nav.navbar-type6 #nav-branching .profile-cont.active .profile:not(.profile6) .profile-ham:after, .md-phone nav.navbar-type7 #nav-branching .profile-cont.active .profile:not(.profile6) .profile-ham:after, .md-phone nav.navbar-type8 #nav-branching .profile-cont.active .profile:not(.profile6) .profile-ham:after {
  bottom: 2px !important;
}
.md-phone nav.navbar-type4 #nav-branching ul li, .md-phone nav.navbar-type6 #nav-branching ul li, .md-phone nav.navbar-type7 #nav-branching ul li, .md-phone nav.navbar-type8 #nav-branching ul li {
  padding: 6px 5px;
}
.md-phone nav.navbar-type4 #nav-branching ul li.svg-icon, .md-phone nav.navbar-type6 #nav-branching ul li.svg-icon, .md-phone nav.navbar-type7 #nav-branching ul li.svg-icon, .md-phone nav.navbar-type8 #nav-branching ul li.svg-icon {
  background-size: 20px 20px;
}
.md-phone nav.navbar-type4 #nav-branching ul li.svg-home, .md-phone nav.navbar-type6 #nav-branching ul li.svg-home, .md-phone nav.navbar-type7 #nav-branching ul li.svg-home, .md-phone nav.navbar-type8 #nav-branching ul li.svg-home {
  background-size: 23px 20px;
}
.md-phone nav.navbar-type4 #nav-branching ul li.profile-navcourseloc, .md-phone nav.navbar-type4 #nav-branching ul li.profile-navperc, .md-phone nav.navbar-type6 #nav-branching ul li.profile-navcourseloc, .md-phone nav.navbar-type6 #nav-branching ul li.profile-navperc, .md-phone nav.navbar-type7 #nav-branching ul li.profile-navcourseloc, .md-phone nav.navbar-type7 #nav-branching ul li.profile-navperc, .md-phone nav.navbar-type8 #nav-branching ul li.profile-navcourseloc, .md-phone nav.navbar-type8 #nav-branching ul li.profile-navperc {
  padding: 6px 0;
  width: 34px;
}
.md-phone nav.navbar-type4 #nav-branching ul li.profile-navcourseloc div, .md-phone nav.navbar-type4 #nav-branching ul li.profile-navperc div, .md-phone nav.navbar-type6 #nav-branching ul li.profile-navcourseloc div, .md-phone nav.navbar-type6 #nav-branching ul li.profile-navperc div, .md-phone nav.navbar-type7 #nav-branching ul li.profile-navcourseloc div, .md-phone nav.navbar-type7 #nav-branching ul li.profile-navperc div, .md-phone nav.navbar-type8 #nav-branching ul li.profile-navcourseloc div, .md-phone nav.navbar-type8 #nav-branching ul li.profile-navperc div {
  left: 0;
  position: relative;
  width: 46px;
}
.md-phone nav.navbar-type4 #nav-branching ul li.profile-navperc, .md-phone nav.navbar-type6 #nav-branching ul li.profile-navperc, .md-phone nav.navbar-type7 #nav-branching ul li.profile-navperc, .md-phone nav.navbar-type8 #nav-branching ul li.profile-navperc {
  font-size: 13px;
  padding: 4px 0 8px 0;
}
.md-phone nav.navbar-type4 #nav-branching ul li.profile-navperc.points, .md-phone nav.navbar-type6 #nav-branching ul li.profile-navperc.points, .md-phone nav.navbar-type7 #nav-branching ul li.profile-navperc.points, .md-phone nav.navbar-type8 #nav-branching ul li.profile-navperc.points {
  font-size: 11px;
  padding: 14px 0 16px 0;
}
body[dir="RTL"] .mobile-menu .menu-items li:not(:last-child):not(.home) {
  text-align: right;
}
body[dir="RTL"] nav .right-menu .course-stats .cont-stat {
  direction: rtl;
}
body[dir="RTL"] nav .right-menu .course-stats .cont-stat.page-count .desc {
  direction: rtl;
}
body[dir="RTL"] nav .right-menu .course-stats .cont-stat .odometer {
  direction: ltr;
}
body[dir="RTL"] nav.navbar-type4 #nav-branching.top-left, body[dir="RTL"] nav.navbar-type6 #nav-branching.top-left, body[dir="RTL"] nav.navbar-type7 #nav-branching.top-left, body[dir="RTL"] nav.navbar-type8 #nav-branching.top-left {
  left: auto;
  right: 12px;
}
body[dir="RTL"] nav.navbar-type4 #nav-branching.top-right, body[dir="RTL"] nav.navbar-type6 #nav-branching.top-right, body[dir="RTL"] nav.navbar-type7 #nav-branching.top-right, body[dir="RTL"] nav.navbar-type8 #nav-branching.top-right {
  left: 12px;
  right: auto;
}
@media (max-width: 767px) {
  body[dir="RTL"] li.nav-mobile.display .course-stats .cont-stat {
    margin-left: 20px;
    margin-right: 0;
  }
  body[dir="RTL"] li.nav-mobile.display .course-stats .cont-stat.page-count .desc {
    direction: rtl;
  }
}
body[dir="RTL"].md-phone li.nav-mobile.display .course-stats .cont-stat {
  margin-left: 20px;
  margin-right: 0;
}
body[dir="RTL"].md-phone li.nav-mobile.display .course-stats .cont-stat.page-count .desc {
  direction: rtl;
}
body[dir="RTL"].md-phone nav.navbar-type4 #nav-branching, body[dir="RTL"].md-phone nav.navbar-type6 #nav-branching, body[dir="RTL"].md-phone nav.navbar-type7 #nav-branching, body[dir="RTL"].md-phone nav.navbar-type8 #nav-branching {
  left: 1px;
}
.OpinionPoll {
  color: white;
  overflow: hidden;
  padding: 50px 40px 20px;
  position: relative;
}
.OpinionPoll video {
  /*
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        */
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
.OpinionPoll .gradient {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.OpinionPoll .question, .OpinionPoll .feedback {
  font-weight: bold;
  line-height: 1.2em;
  position: inherit;
  text-align: center;
}
.OpinionPoll .question {
  margin-bottom: 55px;
}
.OpinionPoll .feedback {
  margin-bottom: 28px;
  opacity: 0;
  transition: 0.25s;
}
.OpinionPoll .options {
  position: inherit;
}
.OpinionPoll .options .option {
  display: flex;
  margin-bottom: 15px;
}
.OpinionPoll .options .option.selected button, .OpinionPoll .options .option.selected .stat {
  font-weight: bold;
}
.OpinionPoll .options .option.selected button {
  padding-left: 40px;
}
.OpinionPoll .options .option button, .OpinionPoll .options .option .stat {
  background: rgba(255, 255, 255, 0.15);
  color: white;
  font-size: 14px;
  transition: 0.25s;
}
.OpinionPoll .options .option button {
  border: none;
  border-radius: 0px;
  flex-basis: 100%;
  font-weight: normal;
  line-height: 120%;
  outline: none;
  padding: 22px 24px;
  text-align: left;
}
.OpinionPoll .options .option button:hover {
  font-weight: bold;
  padding-left: 40px;
}
.OpinionPoll .options .option .stat {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  width: 0px;
}
.OpinionPoll .options .option .stat span {
  display: block;
  opacity: 0;
  transition: 0.25s;
  transition-delay: 0.15s;
}
.OpinionPoll .options .option:nth-child(0n) button, .OpinionPoll .options .option:nth-child(0n) .stat {
  transition-delay: calc($i / 10)s;
}
.OpinionPoll .options .option:nth-child(1n) button, .OpinionPoll .options .option:nth-child(1n) .stat {
  transition-delay: calc($i / 10)s;
}
.OpinionPoll .options .option:nth-child(2n) button, .OpinionPoll .options .option:nth-child(2n) .stat {
  transition-delay: calc($i / 10)s;
}
.OpinionPoll .options .option:nth-child(3n) button, .OpinionPoll .options .option:nth-child(3n) .stat {
  transition-delay: calc($i / 10)s;
}
.OpinionPoll .options .option:nth-child(4n) button, .OpinionPoll .options .option:nth-child(4n) .stat {
  transition-delay: calc($i / 10)s;
}
.OpinionPoll .options .option:nth-child(5n) button, .OpinionPoll .options .option:nth-child(5n) .stat {
  transition-delay: calc($i / 10)s;
}
.OpinionPoll .options .option:nth-child(6n) button, .OpinionPoll .options .option:nth-child(6n) .stat {
  transition-delay: calc($i / 10)s;
}
.OpinionPoll .options .option:nth-child(7n) button, .OpinionPoll .options .option:nth-child(7n) .stat {
  transition-delay: calc($i / 10)s;
}
.OpinionPoll .options .option:nth-child(8n) button, .OpinionPoll .options .option:nth-child(8n) .stat {
  transition-delay: calc($i / 10)s;
}
.OpinionPoll .options .option:nth-child(9n) button, .OpinionPoll .options .option:nth-child(9n) .stat {
  transition-delay: calc($i / 10)s;
}
.OpinionPoll .options .option:nth-child(10n) button, .OpinionPoll .options .option:nth-child(10n) .stat {
  transition-delay: calc($i / 10)s;
}
.OpinionPoll .stat-total {
  font-size: 12px;
  font-weight: bold;
  opacity: 0;
  position: inherit;
  text-align: center;
  transition: 0.2s;
  transition-delay: 0.5s;
}
.OpinionPoll.reverseText {
  color: #000;
}
.OpinionPoll.reverseText .options .option button, .OpinionPoll.reverseText .options .option .stat {
  color: #000;
}
.OpinionPoll.final.agree .feedback {
  opacity: 1;
}
.OpinionPoll.final .options .option {
  pointer-events: none;
}
.OpinionPoll.final .options .option button {
  flex-basis: 85%;
  margin-right: 15px;
}
.OpinionPoll.final .options .option .stat {
  width: 14%;
}
.OpinionPoll.final .options .option .stat span {
  opacity: 1;
}
.OpinionPoll.final .stat-total {
  opacity: 1;
}
@media (max-width: 767px) {
  .OpinionPoll.final .options .option button {
    flex-basis: 70%;
    font-size: 1.3em;
  }
  .OpinionPoll.final .options .option .stat {
    font-size: 1.3em;
    width: 29%;
  }
}
.page-audio {
  margin: 15px 0 0 0;
  color: #3e3e3e;
  font-family: "Caveat", handwriting;
  line-height: 120%;
  position: relative;
  backface-visibility: hidden;
  display: flex;
}
.page-audio .audio-cont {
  position: relative;
  display: inline-block;
  pointer-events: auto;
}
.page-audio .audio-cont .audio-speaker {
  position: absolute;
  display: inline-block;
  top: 51%;
  transform: translate(0, -50%);
  left: 0;
  width: 30px;
  height: 26px;
  box-sizing: border-box;
  padding: 2px 5px;
  background-color: #333333;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  cursor: pointer;
  z-index: 1;
}
.page-audio .audio-cont span {
  display: inline-block;
  position: relative;
  margin-left: 22px;
  padding: 3px 15px 0 15px;
  background-color: #df1959;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  cursor: pointer;
  font-size: 10px;
  letter-spacing: 1px;
  box-sizing: border-box;
  min-height: 26px;
}
.page-audio .audio-cont:not(.ie11) .audio-speaker.playing .volume2 {
  fill: #000;
  animation: volume 1.5s 0s infinite normal;
}
.page-audio .audio-cont:not(.ie11) .audio-speaker.playing .volume3 {
  fill: #000;
  animation: volume_two 1.5s 0.5s infinite normal;
}
.page-audio .audio-cont.ie11 .audio-speaker.playing {
  background-color: black !important;
}
.page-audio .audio-cont.ie11 span.playing {
  background-color: #830f34 !important;
}
.page-audio .st0 {
  fill: #fff;
}
.page-audio .st1, .page-audio .st2 {
  display: inline;
}
.page-audio .volume2, .page-audio .volume3 {
  display: inline;
  clip-path: url(#SVGID_2_);
  fill: #fff;
}
@keyframes volume {
  0% {
    fill: #000;
  }
  25% {
    fill: #fff;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #fff;
  }
}
@keyframes volume_two {
  0% {
    fill: #000;
  }
  25% {
    fill: #fff;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #000;
  }
}
@media (max-width: 767px) {
  .page-audio {
    margin: 15px 0 0 0;
    line-height: 1.5em;
  }
  .page-audio .audio-cont span {
    padding: 2px 15px;
  }
}
.md-phone .page-audio {
  margin: 15px 0 0 0;
  line-height: 1.5em;
}
.md-phone .page-audio .audio-cont span {
  padding: 2px 15px;
}
body[dir="RTL"] .page-audio .audio-speaker {
  left: auto;
  right: 0;
}
body[dir="RTL"] .page-audio span {
  margin-left: 0;
  margin-right: 22px;
}
.page-header.row {
  padding: 50px 0 30px 0;
  height: auto !important;
  position: relative;
  backface-visibility: hidden;
  pointer-events: none;
}
.page-header.row .header-logo {
  background-position: top left;
  display: block;
  height: 75px;
  margin-bottom: 20px;
}
.page-header.row .header-logo.align-left {
  background-position: top left;
}
.page-header.row .header-logo.align-right {
  background-position: top right;
}
.page-header.row .header-logo.align-center {
  background-position: top center;
}
.page-header.row.text-right {
  text-align: right;
}
.page-header.row.text-center {
  text-align: center;
}
.page-header.row.align-center, .page-header.row.ql-align-center {
  justify-content: center;
}
.page-header.row.align-center .page-audio, .page-header.row.ql-align-center .page-audio {
  justify-content: center;
}
.page-header.row.align-right, .page-header.row.ql-align-right {
  justify-content: flex-end;
}
.page-header.row.align-right .page-audio, .page-header.row.ql-align-right .page-audio {
  justify-content: flex-end;
}
.page-header.row.remove-margins {
  margin-left: -5rem !important;
  margin-right: -5rem !important;
}
.page-header.row.fixed {
  width: 100vw;
  pointer-events: none;
  position: fixed !important;
  top: 0;
  left: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
  z-index: 2;
}
.page-header.row.fixed .page-header-col {
  pointer-events: auto;
}
.page-header.row.fixed .page-header-col.mobile-resetpadding {
  padding: 10px 20px 0 20px !important;
}
.page-header.row.add-bg {
  background: #000000;
}
.page-header.row h4.topic-title {
  margin-top: 0;
  margin-bottom: 10px;
  color: #448EE5;
  font-weight: normal;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  visibility: hidden;
  pointer-events: auto;
}
.page-header.row.hidetopic h4.topic-title {
  display: none;
}
.page-header.row.hidepagetitle h1.page-title {
  display: none;
}
.page-header.row.hidepagetitle h4.topic-title {
  margin-bottom: 0;
}
.page-header.row.hidepagetitle.hidetopic .page-audio {
  margin-top: 0;
}
.page-header.row h1.page-title {
  border-bottom: 1px solid #448EE5;
  color: #000000;
  display: inline-block;
  margin: 0px;
  padding-bottom: 5px;
  pointer-events: auto;
  visibility: visible;
  border-color: transparent !important;
}
.page-header.row.hideunderline h1.page-title {
  border: none;
}
.page-header.row.collapse {
  height: 0;
  z-index: 1;
}
.page-header.row.collapse h4.topic-title {
  display: none;
}
.page-header.row.collapse h1.page-title {
  display: none;
}
@media (min-width: 768px) {
  .md-phone #page-content.mobile-bg .section.page-row .column .page-col-settings.padLR.remove768padcont {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 767px) {
  .page-header.row {
    padding: 25px 0 15px 0;
    backface-visibility: hidden;
  }
  .page-header.row.remove-margins {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
  .page-header.row.remove-margins:not(.headerPadMobileOverride) {
    padding: 35px 25px !important;
  }
  .page-header.row.remove-margins.remove768pad {
    padding: 0 !important;
  }
  .page-header.row.collapse {
    padding: 20px 0 0 0;
  }
  .page-header.row.fixed {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    position: relative !important;
    padding: 15px 0 !important;
  }
  .page-header.row.fixed.remove-margins:not(.headerPadMobileOverride) {
    padding: 15px 0 !important;
  }
  .page-header.row .page-header-col {
    width: 100%;
  }
  .page-header.row .page-title {
    font-size: 20px !important;
    line-height: 100% !important;
  }
  .page-header.row h4.topic-title {
    font-size: 12px !important;
  }
  #page-content.mobile-bg .page-header.row.remove-margins:not(.collapse):not(.headerPadMobileOverride) {
    padding: 35px 25px !important;
  }
  #page-content.mobile-bg .page-header.row.remove-margins:not(.collapse).remove768pad {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #page-content.mobile-bg .page-header.row.remove-margins.collapse {
    padding: 0 !important;
  }
  #page-content.mobile-bg .page-header.row.remove-margins.collapse .page-audio {
    padding-bottom: 15px;
  }
  #page-content.mobile-bg .page-header.row.remove-margins:not(.fixed) {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #page-content.mobile-bg .page-header.fixed {
    width: 100vw !important;
    margin-top: 0 !important;
    padding: 15px 0 !important;
    position: fixed !important;
  }
  #page-content.mobile-bg .page-header.fixed.row.remove-margins:not(.collapse):not(.headerPadMobileOverride) {
    padding: 15px 0 !important;
  }
  #page-content.mobile-bg .page-header.text-center {
    text-align: center;
  }
}
.parallax-row .removeMarginLR .page-header.row .header-logo, .bg-accordion-override .page-header.row .header-logo {
  margin-left: 2rem;
  margin-right: 2rem;
}
.ff-parallax .page-header.row .header-logo, .prl .page-header.row .header-logo {
  display: none;
}
body[dir="RTL"] .page-header.row .header-logo.align-left {
  background-position: top right;
}
body[dir="RTL"] .page-header.row .header-logo.align-right {
  background-position: top left;
}
.panoramavr {
  width: 100%;
  position: relative;
}
.panoramavr .pnlm-load-box {
  display: none;
  visibility: hidden;
}
.panoramavr .track-obj {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
}
.panoramavr.showLabels .panorama .pnlm-hotspot:not(.pnlm-scene) span:first-of-type {
  display: table;
}
.panoramavr.showSceneLabels .panorama .pnlm-scene span:first-of-type {
  display: table;
}
.panoramavr .pnlm-grab {
  cursor: grab !important;
}
.panoramavr.hideButtons .panorama .pnlm-hotspot:not(.pnlm-scene) {
  opacity: 0 !important;
  cursor: grab !important;
}
.panoramavr.hideButtons .panorama .pnlm-hotspot:not(.pnlm-scene).clicked {
  opacity: 1 !important;
  cursor: pointer !important;
}
.panoramavr .panorama {
  min-width: 100%;
  width: 100%;
  height: 0;
  padding-bottom: 50%;
}
.panoramavr .panorama .pnlm-grab {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.panoramavr .panorama .pnlm-hotspot {
  width: 34px;
  height: 34px;
  background: none;
  border-radius: 50%;
  border: none;
  margin: 0 auto;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
  opacity: 0;
}
.panoramavr .panorama .pnlm-hotspot.viewing {
  z-index: 2;
}
.panoramavr .panorama .pnlm-hotspot.viewing > span:first-of-type {
  display: table;
  pointer-events: all;
}
.panoramavr .panorama .pnlm-hotspot.viewing > span:first-of-type .pv-media {
  display: block;
}
.panoramavr .panorama .pnlm-hotspot.viewing > span:first-of-type .closeX {
  display: block;
}
.panoramavr .panorama .pnlm-hotspot .visibleBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 34px;
  height: 34px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  border: 2px solid #000000;
  box-sizing: border-box;
  z-index: 1;
  pointer-events: none;
}
.panoramavr .panorama .pnlm-hotspot > span:first-of-type {
  position: absolute;
  background-color: black;
  color: #fff;
  border: 2px solid #000000;
  border-radius: 0;
  font-family: "Caveat", handwriting;
  font-size: 12px;
  display: none;
  margin-left: 0 !important;
  margin-top: 0 !important;
  top: calc(50% - 30px) !important;
  left: calc(50% + 2px);
  transform: translate(-50%, -100%);
  bottom: auto;
  justify-content: center;
  padding: 6px 6px 8px 6px;
  pointer-events: none;
  cursor: initial;
}
.panoramavr .panorama .pnlm-hotspot > span:first-of-type .pv-media {
  display: none;
  padding: 8px;
}
.panoramavr .panorama .pnlm-hotspot > span:first-of-type .pv-media .component.media, .panoramavr .panorama .pnlm-hotspot > span:first-of-type .pv-media .component.text {
  margin-bottom: 0 !important;
}
.panoramavr .panorama .pnlm-hotspot > span:first-of-type .pv-media .component.media p:last-of-type, .panoramavr .panorama .pnlm-hotspot > span:first-of-type .pv-media .component.text p:last-of-type {
  margin-bottom: 0;
}
.panoramavr .panorama .pnlm-hotspot > span:first-of-type .connectorBorder {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 12px;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
  bottom: -24px;
  left: -14px;
  margin: 0 50%;
}
.panoramavr .panorama .pnlm-hotspot > span:first-of-type .connectorBg {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: black transparent transparent transparent;
  bottom: -19px;
  left: -12px;
  margin: 0 50%;
}
.panoramavr .panorama .pnlm-hotspot > span:first-of-type .closeX {
  display: block;
  position: absolute;
  right: 0;
  top: -2px;
  width: 20px;
  height: 25px;
  cursor: pointer;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_x.svg");
  background-size: 9px 9px;
  background-repeat: no-repeat;
  background-position: center center;
  pointer-events: all;
  display: none;
}
.panoramavr .panorama .pnlm-hotspot:hover, .panoramavr .panorama .pnlm-hotspot:focus {
  z-index: 2;
}
.panoramavr .panorama .pnlm-hotspot:hover span, .panoramavr .panorama .pnlm-hotspot:focus span {
  pointer-events: none;
}
.panoramavr .panorama .pnlm-hotspot:hover .pv-media, .panoramavr .panorama .pnlm-hotspot:focus .pv-media {
  pointer-events: all;
}
.panoramavr .panorama .pnlm-hotspot:hover .pv-media *, .panoramavr .panorama .pnlm-hotspot:focus .pv-media * {
  pointer-events: all;
}
.panoramavr .panorama .pnlm-hotspot.pnlm-scene:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  z-index: 2;
  pointer-events: none;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrow_up_white.svg");
  background-size: 12px 12px;
  background-position: center center;
}
.panoramavr .panorama .pnlm-hotspot.pnlm-scene.clicked:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  z-index: 2;
  pointer-events: none;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-size: 8px 6px;
  background-position: calc(50% + 6px) calc(50% - 6px);
}
.panoramavr .panorama .pnlm-hotspot.pnlm-scene.clicked:before {
  background-position: calc(50% - 4px) 50%;
}
.panoramavr .panorama .pnlm-hotspot.pnlm-info:hover span {
  display: none;
}
.panoramavr .panorama .pnlm-hotspot.pnlm-info.clicked:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  z-index: 2;
  pointer-events: none;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-size: 14px 11px;
  background-position: center center;
}
.panoramavr .panorama .pnlm-hotspot.clicked:not(.pnlm-scene):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  z-index: 2;
  pointer-events: none;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-size: 14px 11px;
  background-position: center center;
}
.panoramavr .panorama .pnlm-controls-container .custom {
  display: none;
}
.panoramavr .panorama .pnlm-controls-container .pnlm-control {
  border: 0;
  padding: 0;
  background-color: unset;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
.panoramavr .panorama .pnlm-controls-container .pnlm-controls {
  height: 51px;
  background: none;
  background-color: unset;
  border: 0;
}
.panoramavr .AudioTranscript {
  position: absolute;
  bottom: 5px;
  left: 36px;
  margin: 0;
}
.panoramavr .instructions {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100.1%;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 48px 34px 42px 42px;
  box-sizing: border-box;
}
.panoramavr .instructions .instrux-scroll {
  position: relative;
  height: 100%;
  width: 100%;
  padding-right: 8px;
  overflow: hidden;
  overflow-y: auto;
}
.panoramavr .instructions .instrux-title {
  font-size: 16px;
  font-weight: bold;
}
.panoramavr .instructions .instrux {
  font-size: 14px;
  line-height: 1.6em;
}
.panoramavr .instructions .closeX {
  position: absolute;
  display: block;
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
  background: none;
  padding: 0;
  margin: 0;
  border: 0;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/popup_closeX.svg");
  background-size: 30px;
  cursor: pointer;
  z-index: 1;
}
.panoramavr.light-ui .instructions {
  color: #333;
  background-color: rgba(255, 255, 255, 0.9);
}
.panoramavr.light-ui .instructions .closeX {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/popup_closeX_light_ui.svg");
}
.panoramavr.light-ui .pnlm-hotspot.viewing > span:first-of-type .closeX {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_x_light_ui.svg");
}
.panoramavr .pnlm-control {
  border-radius: 4px;
  width: 24px;
  height: 24px !important;
  background: #626362 !important;
  border: 2px solid #df1959 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.panoramavr .pnlm-control {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.panoramavr .pnlm-control.pnlm-fullscreen-toggle-button-inactive {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/fullscreen_enter.svg") !important;
  background-size: 14px 14px !important;
}
.panoramavr .pnlm-control.pnlm-fullscreen-toggle-button-active {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/fullscreen_exit.svg") !important;
  background-size: 14px 14px !important;
}
.panoramavr .pnlm-control.pnlm-zoom-in {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: 0 !important;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/plus_white.svg") !important;
  background-size: 12px 12px !important;
}
.panoramavr .pnlm-control.pnlm-zoom-out {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top: 0 !important;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/minus_white.svg") !important;
  background-size: 12px 4px !important;
}
.panoramavr .pnlm-control.pnlm-orientation-button-inactive {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/compass_white.svg") !important;
  background-size: 16px 16px !important;
}
.panoramavr .pnlm-control.pnlm-orientation-button-active {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/compass_active_white.svg") !important;
  background-size: 12px 12px !important;
}
.panoramavr .pnlm-control.showInstrux {
  position: absolute;
  padding: 0;
  bottom: 4px;
  left: 4px;
  font-weight: bold;
  box-sizing: content-box;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/admin_white.svg") !important;
  background-size: 14px 14px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
.panoramavr .pnlm-control:hover, .panoramavr .pnlm-control:active, .panoramavr .pnlm-control.focus, .panoramavr .pnlm-control:focus {
  background-color: black !important;
}
@media (max-width: 767px) {
  .panoramavr .instructions {
    padding: 48px 20px 20px 20px;
    padding-right: 4px;
  }
  .panoramavr .instructions .instrux-scroll {
    box-sizing: border-box;
  }
  .panoramavr .instructions .instrux-scroll .instrux-title {
    font-size: 14px;
  }
  .panoramavr .instructions .instrux-scroll .instrux {
    font-size: 12px;
    line-height: 1.4em;
  }
  .panoramavr .panorama .pnlm-grab {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .panoramavr .panorama .pnlm-hotspot span:first-of-type {
    font-size: 12px !important;
  }
}
.peril {
  background-color: #000;
  border-color: #000;
  border-style: solid;
  border-width: 6px 9px;
  height: 100%;
  margin-bottom: 0 !important;
  position: absolute;
}
.peril.complete .overlay-select:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 6px;
  width: 12px;
  height: 12px;
  background: #474747;
  border-radius: 50%;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
  display: inline-block;
}
.peril.locked {
  pointer-events: none;
  opacity: 0.7;
}
.peril.locked .overlay-select {
  background: none;
  border: none;
}
.peril.locked:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1;
  border: 2px dotted #dadada;
}
.peril.locked:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: not-allowed;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock_light_ui.svg");
  width: 28px;
  height: 48px;
  background-size: 28px 48px;
  z-index: 1;
}
.peril .overlay-select {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.95);
  border: 2px dotted #737373;
  font-family: "PT Sans", Helvetica, Arial;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
}
.peril.timed .peril-row .peril-profile .peril-profile-bg {
  height: calc(100% - 90px);
}
.peril.timed .peril-row .peril-profile .peril-profile-bg .peril-avatar-cont {
  width: 100%;
  height: auto;
  bottom: 14px;
}
.peril.timed .peril-row .peril-profile .peril-profile-bg .peril-avatar-cont.navbar-type3 {
  bottom: 64px;
}
.peril.timed .peril-row .peril-profile .peril-profile-bg .peril-avatar-cont .peril-avatar {
  width: 94px;
  height: 94px;
  margin: 0 auto;
}
.peril.timed .peril-row .peril-profile .peril-profile-bg .peril-avatar-cont .btn {
  font-family: "Caveat", handwriting;
  margin-bottom: 0;
}
.peril .peril-row {
  height: 100%;
  flex: 1;
  flex-wrap: nowrap;
  text-align: center;
}
.peril .peril-row .peril-board {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 1;
  width: 100%;
  overflow: hidden;
}
.peril .peril-row .peril-board .peril-qa-cont {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
@keyframes fadePopupIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.peril .peril-row .peril-board .peril-qa-cont.animateIn {
  display: block;
  animation: fadePopupIn 0.5s forwards;
}
.peril .peril-row .peril-board .peril-qa-cont.active {
  display: block;
  opacity: 1;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse at center, white 50%, black 260%);
  opacity: 1;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-q {
  display: none;
  transition: opacity 0.5s;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-q.active {
  display: block;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-q.active .peril-popup-cont {
  display: flex;
  flex-direction: column;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-q.active .peril-popup-cont .peril-q-title {
  display: flex;
  width: 100%;
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  border-bottom: none;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-q.animateOut {
  opacity: 0;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-qa.inactive {
  display: none;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-qa.animateOut {
  display: block;
  animation: fadeQAOut 0.5s forwards;
}
@keyframes fadeQAOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-feedback.inactive {
  display: none;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-feedback .peril-popup-cont {
  display: flex;
  flex-direction: column;
  padding-top: 5%;
  justify-content: space-between;
  box-sizing: border-box;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-feedback .peril-popup-cont .peril-q-title {
  padding: 0 10%;
  border-bottom: none;
  display: flex;
  flex: none;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-feedback .peril-popup-cont .peril-a {
  padding: 12px 10%;
  border-bottom: none;
  font-size: 40px;
  line-height: 110%;
  cursor: default;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-feedback .peril-popup-cont .peril-value {
  padding: 12px 10%;
  font-size: 25px;
  line-height: 120%;
  font-weight: bold;
  color: #000;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-feedback .peril-popup-cont .peril-f {
  padding: 12px 10%;
  font-size: 20px;
  line-height: 130%;
  font-weight: normal;
  color: #000;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-feedback .peril-popup-cont .peril-f .component {
  margin-bottom: 0 !important;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-feedback .peril-popup-cont .peril-f-btn {
  padding-bottom: 5%;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-feedback .peril-popup-cont .peril-f-btn .btn {
  width: auto;
  padding: 12px 14px;
  background: #fff;
  border: 2px solid #777;
  font-weight: bold;
  color: #555;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-feedback .peril-popup-cont .peril-f-btn .btn:hover, .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-feedback .peril-popup-cont .peril-f-btn .btn:active, .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-feedback .peril-popup-cont .peril-f-btn .btn.focus, .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-feedback .peril-popup-cont .peril-f-btn .btn:focus {
  background-color: #f2f2f2;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-feedback .peril-popup-cont .peril-f-btn .btn.peril-avatar-btn {
  font-size: 12px;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont {
  display: flex;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .btn:not(.enlarge) {
  display: inline-block;
  width: auto;
  margin-left: 4px;
  margin-right: 4px;
  padding: 12px 14px;
  background: #fff;
  font-weight: bold;
  color: #555;
  background: #000000;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .btn:not(.enlarge):hover, .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .btn:not(.enlarge):active, .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .btn:not(.enlarge).focus, .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .btn:not(.enlarge):focus {
  background-color: #f2f2f2;
  background: black !important;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .btn:not(.enlarge).peril-avatar-btn {
  font-size: 12px;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results {
  display: flex;
  width: 100%;
  flex-direction: column;
  flex: 1 0 auto;
  justify-content: center;
  margin: auto;
  box-sizing: border-box;
  min-height: 293px;
  color: #000;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align {
  position: relative;
  padding: 25px 25%;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align.removeRibbonPadding {
  padding-left: 10%;
  padding-right: 10%;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-ribbon {
  position: absolute;
  left: 0;
  top: 145px;
  width: 25%;
  height: 100%;
  max-height: 293px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-ribbon.peril-ribbonR {
  left: auto;
  right: 0;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align.fail:before, .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align.fail:after {
  background: none;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-logo {
  width: 100%;
  height: 120px;
  min-height: 120px;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-finalscore {
  width: 100%;
  margin: 0;
  font-size: 20px;
  font-weight: bold;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-finalscore .peril-num {
  display: block;
  margin: -5px 10px 0;
  font-size: 60px;
  line-height: 220%;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-results {
  display: flex;
  width: 100%;
  margin-top: 25px;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-results .peril-correct .peril-trophy {
  font-weight: bold;
  letter-spacing: -0.06em;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-results .peril-correct .peril-trophy:before {
  width: 21px;
  height: 20px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/trophy_gray.svg");
  background-size: 21px 20px;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-results .peril-percent .peril-piechart {
  font-weight: bold;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-results .peril-percent .peril-piechart:before {
  width: 22px;
  height: 21px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/pie_chart_gray.svg");
  background-size: 22px 21px;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-results .result {
  flex-basis: 50%;
  max-width: 50%;
  margin: 0;
  padding: 0 6px;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-results .result h4 {
  margin: 0 0 3px 0;
  font-size: 24px;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-results .result h4:before {
  content: "";
  position: relative;
  display: inline-block;
  left: -4px;
  top: 2px;
  background-repeat: no-repeat;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-summary {
  width: 100%;
  padding-top: 30px;
  text-align: initial;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-summary .peril-summary-media:not(.single-media):first-child {
  padding-right: 1.25rem !important;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-summary .peril-summary-media:not(.single-media):last-child {
  padding-left: 1.25rem !important;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup .peril-popup-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup .peril-popup-cont {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup .peril-popup-cont .peril-q-title {
  position: relative;
  padding: 5% 10%;
  font-size: 28px;
  line-height: 120%;
  font-weight: bold;
  text-shadow: 2px 2px #fff;
  border-bottom: 5px solid #000;
  box-sizing: border-box;
  color: #000;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup .peril-popup-cont .peril-q-title .component {
  margin-bottom: 0 !important;
}
.peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup .peril-popup-cont .peril-a {
  padding: 13px;
  border-bottom: 5px solid #000;
  font-family: "Caveat", handwriting;
  font-size: 14px;
  line-height: 120%;
  color: #000;
  font-weight: bold;
  cursor: pointer;
}
.peril .peril-row .peril-board .peril-board-row {
  padding-left: 36px;
  padding-right: 36px;
  height: 100%;
}
.peril .peril-row .peril-board .peril-board-row {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.peril .peril-row .peril-board .peril-board-row .peril-col {
  position: relative;
  padding: 0 2.5%;
}
.peril .peril-row .peril-board .peril-board-row .peril-col .peril-category {
  display: flex;
  height: 75px;
  align-items: center;
  justify-content: center;
  padding: 8px 5px 0 5px;
  font-weight: bold;
  color: #fff;
}
.peril .peril-row .peril-board .peril-board-row .peril-col .peril-btn {
  display: flex;
  height: 67px;
  justify-content: center;
  align-items: center;
  margin: 2.5%;
  background: #fff;
  cursor: pointer;
  border: 4px solid #999;
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  color: #999;
}
.peril .peril-row .peril-board .peril-board-row .peril-col .peril-btn.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.peril .peril-row .peril-board .peril-board-row .peril-col .peril-btn.disabled .peril-btn-txt {
  visibility: hidden;
}
.peril .peril-row .peril-profile {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 114px;
  min-width: 114px;
  margin-left: 9px;
  padding-right: 1px;
}
.peril .peril-row .peril-profile .peril-profile-bg {
  position: relative;
  width: 114px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  color: #fff;
}
.peril .peril-row .peril-profile .peril-profile-bg .peril-score {
  padding-top: 5px;
}
.peril .peril-row .peril-profile .peril-profile-bg .peril-score .peril-score-txt {
  font-size: 14px;
  line-height: 150%;
}
.peril .peril-row .peril-profile .peril-profile-bg .peril-score .peril-score-points {
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
}
.peril .peril-row .peril-profile .peril-profile-bg .peril-avatar-cont {
  position: absolute;
  bottom: 58px;
  left: 50%;
  width: 94px;
  height: 94px;
  transform: translate(-50%, 0);
  border-radius: 50%;
}
.peril .peril-row .peril-profile .peril-profile-bg .peril-avatar-cont .peril-avatar {
  width: 100%;
  height: 100%;
}
.peril .peril-row .peril-logo {
  height: 44px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.peril .peril-row .btn:not(.enlarge) {
  width: 100%;
  margin: 12px 0 4px 0;
  padding: 10px;
  background: #000;
  letter-spacing: 1px;
  font-family: "Caveat", handwriting;
  font-weight: bold;
  border-color: #999;
  color: #999;
}
.peril .peril-row .btn:not(.enlarge):hover, .peril .peril-row .btn:not(.enlarge):active, .peril .peril-row .btn:not(.enlarge).focus, .peril .peril-row .btn:not(.enlarge):focus {
  background-color: #0d0d0d;
}
.peril .initTimer {
  position: fixed;
  top: 0;
  left: 0;
}
.peril .initTimer.disabled {
  display: none;
}
.peril.peril-edge.navHidden.initTimer {
  height: 100vh;
}
.peril.peril-edge:not(.navHidden) .initTimer {
  height: calc(100vh - 79px);
}
body[dir="RTL"] .peril .peril-row {
  direction: ltr;
}
body[dir="RTL"] .peril .peril-row .peril-board {
  direction: rtl;
}
body[dir="RTL"] .peril .peril-row .peril-board .peril-board-row {
  direction: ltr;
}
body[dir="RTL"] .peril .peril-row .peril-board .peril-board-row .peril-col {
  direction: rtl;
}
body[dir="RTL"] .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup .peril-popup-cont .peril-q-title .component.text, body[dir="RTL"] .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup .peril-popup-cont .peril-f .component.text {
  text-align: center;
}
body[dir="RTL"] .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-finalscore .peril-num {
  direction: ltr;
}
body[dir="RTL"] .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-results {
  direction: ltr;
}
body[dir="RTL"] .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-results .peril-correct {
  direction: rtl;
}
body[dir="RTL"] .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-results .peril-correct .peril-trophy, body[dir="RTL"] .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-results .peril-correct .peril-piechart {
  direction: ltr;
}
body[dir="RTL"] .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-summary {
  width: 100%;
  padding-top: 30px;
  text-align: initial;
}
body[dir="RTL"] .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-summary .peril-summary-row {
  direction: ltr;
}
body[dir="RTL"] .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-summary .peril-summary-row .peril-summary-media {
  direction: rtl;
}
body[dir="RTL"] .peril .peril-row .peril-profile {
  margin-right: 0;
  margin-left: 9px;
  padding-left: 1px;
  padding-right: 0;
}
body[dir="RTL"] .peril .peril-row .peril-profile .peril-profile-bg .peril-score .peril-score-points {
  direction: ltr;
}
@media (max-width: 1024px) {
  .md-desktop .peril .peril-row .peril-board .peril-board-row, body[dir="RTL"].md-desktop .peril .peril-row .peril-board .peril-board-row {
    height: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .md-desktop .peril .peril-row .peril-board .peril-board-row .peril-col.col-xs-3, body[dir="RTL"].md-desktop .peril .peril-row .peril-board .peril-board-row .peril-col.col-xs-3 {
    flex-basis: 33.333333333%;
    max-width: 33.333333333%;
  }
}
@media (max-width: 767px) {
  .peril {
    border-top: 0;
  }
  .peril:not(.mobile-bg) {
    border: none;
  }
  .peril:not(.mobile-bg) .peril-row .peril-profile .peril-profile-bg .peril-logo {
    margin-left: 9px;
  }
  .peril:not(.mobile-bg) .peril-row .peril-profile .peril-profile-bg button {
    margin-right: 9px;
  }
  .peril:not(.mobile-bg) .peril-row .peril-board .peril-qa-cont .peril-qa-popup {
    background: #fff;
  }
  .peril:not(.mobile-bg) .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont {
    background: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  .peril.locked:after {
    top: 100px;
    transform: translate(-50%, 0);
  }
  .peril .peril-row {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .peril .peril-row .peril-profile {
    min-width: 100%;
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    direction: ltr;
  }
  .peril .peril-row .peril-profile .peril-profile-bg {
    display: flex;
    width: 100%;
    height: 60px;
    min-height: 60px;
    align-items: center;
    background: none;
  }
  .peril .peril-row .peril-profile .peril-profile-bg .peril-logo {
    width: 70px;
    min-width: 70px;
    margin-top: 0;
  }
  .peril .peril-row .peril-profile .peril-profile-bg .peril-score {
    padding: 0 5px;
  }
  .peril .peril-row .peril-profile .peril-profile-bg .peril-score .peril-score-txt {
    line-height: 120%;
    white-space: nowrap;
  }
  .peril .peril-row .peril-profile .peril-profile-bg .peril-score .peril-score-points {
    font-size: 22px;
    line-height: 22px;
  }
  .peril .peril-row .peril-profile .peril-profile-bg .peril-avatar-cont {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    height: 50px !important;
    transform: none;
    margin: 0 5px 0 0;
    bottom: auto !important;
  }
  .peril .peril-row .peril-profile .peril-profile-bg .peril-avatar-cont .peril-avatar {
    width: 44px !important;
    height: 44px !important;
    margin: 3px 0 3px auto !important;
  }
  .peril .peril-row .peril-profile .peril-profile-bg button {
    position: relative;
    width: auto;
    bottom: 0;
    margin: auto;
    padding: 8px;
    font-size: 10px;
    line-height: 110%;
  }
  .peril .peril-row .peril-board {
    display: flex;
    height: auto;
    flex-direction: column;
    flex: 1;
    border-top: 1px solid #fff;
  }
  .peril .peril-row .peril-board .peril-board-row {
    display: flex;
    height: auto;
    padding: 0;
  }
  .peril .peril-row .peril-board .peril-board-row .peril-col.col-xs-3, .peril .peril-row .peril-board .peril-board-row .peril-col.col-xs-4 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .peril .peril-row .peril-board .peril-board-row .peril-col .peril-category {
    height: 46px;
    align-items: flex-end;
  }
  .peril .peril-row .peril-board .peril-board-row .peril-col .peril-btn {
    height: 46px;
    font-size: 30px;
    line-height: 30px;
  }
  .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup .peril-popup-cont .peril-q-title {
    font-size: 20px;
    text-shadow: none;
    text-align: center;
  }
  .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align {
    padding: 25px 20%;
  }
  .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align.removeRibbonPadding {
    padding-left: 10%;
    padding-right: 10%;
  }
  .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-ribbon {
    top: 105px;
    width: 20%;
    max-height: 200px;
  }
  .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-finalscore .peril-num {
    font-size: 50px;
    line-height: 180%;
  }
  .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-logo {
    height: 80px;
    min-height: 80px;
    margin-top: 0;
  }
  .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-results {
    margin-top: 15px;
  }
  .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-summary {
    padding-top: 15px !important;
  }
  .peril.peril-edge .initTimer {
    height: calc(100vh - 35px);
  }
  .peril.peril-edge.navHidden .initTimer {
    height: 100vh;
  }
}
.md-phone .peril {
  border-top: 0;
}
.md-phone .peril:not(.mobile-bg) {
  border: none;
}
.md-phone .peril:not(.mobile-bg) .peril-row .peril-profile .peril-profile-bg .peril-logo {
  margin-left: 9px;
}
.md-phone .peril:not(.mobile-bg) .peril-row .peril-profile .peril-profile-bg button {
  margin-right: 9px;
}
.md-phone .peril:not(.mobile-bg) .peril-row .peril-board .peril-qa-cont .peril-qa-popup {
  background: #fff;
}
.md-phone .peril:not(.mobile-bg) .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont {
  background: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.md-phone .peril.locked:after {
  top: 100px;
  transform: translate(-50%, 0);
}
.md-phone .peril .peril-row {
  flex-wrap: wrap;
  flex-direction: column;
}
.md-phone .peril .peril-row .peril-profile {
  min-width: 100%;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  direction: ltr;
}
.md-phone .peril .peril-row .peril-profile .peril-profile-bg {
  display: flex;
  width: 100%;
  height: 60px;
  min-height: 60px;
  align-items: center;
  background: none;
}
.md-phone .peril .peril-row .peril-profile .peril-profile-bg .peril-logo {
  width: 70px;
  min-width: 70px;
  margin-top: 0;
}
.md-phone .peril .peril-row .peril-profile .peril-profile-bg .peril-score {
  padding: 0 5px;
}
.md-phone .peril .peril-row .peril-profile .peril-profile-bg .peril-score .peril-score-txt {
  line-height: 120%;
  white-space: nowrap;
}
.md-phone .peril .peril-row .peril-profile .peril-profile-bg .peril-score .peril-score-points {
  font-size: 22px;
  line-height: 22px;
}
.md-phone .peril .peril-row .peril-profile .peril-profile-bg .peril-avatar-cont {
  position: relative;
  left: auto;
  bottom: auto;
  width: 100%;
  height: 50px !important;
  transform: none;
  margin: 0 5px 0 0;
  bottom: auto !important;
}
.md-phone .peril .peril-row .peril-profile .peril-profile-bg .peril-avatar-cont .peril-avatar {
  width: 44px !important;
  height: 44px !important;
  margin: 3px 0 3px auto !important;
}
.md-phone .peril .peril-row .peril-profile .peril-profile-bg button {
  position: relative;
  width: auto;
  bottom: 0;
  margin: auto;
  padding: 8px;
  font-size: 10px;
  line-height: 110%;
}
.md-phone .peril .peril-row .peril-board {
  display: flex;
  height: auto;
  flex-direction: column;
  flex: 1;
  border-top: 1px solid #fff;
}
.md-phone .peril .peril-row .peril-board .peril-board-row {
  display: flex;
  height: auto;
  padding: 0;
}
.md-phone .peril .peril-row .peril-board .peril-board-row .peril-col.col-xs-3, .md-phone .peril .peril-row .peril-board .peril-board-row .peril-col.col-xs-4 {
  flex-basis: 50%;
  max-width: 50%;
}
.md-phone .peril .peril-row .peril-board .peril-board-row .peril-col .peril-category {
  height: 46px;
  align-items: flex-end;
}
.md-phone .peril .peril-row .peril-board .peril-board-row .peril-col .peril-btn {
  height: 46px;
  font-size: 30px;
  line-height: 30px;
}
.md-phone .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup .peril-popup-cont .peril-q-title {
  font-size: 20px;
  text-shadow: none;
  text-align: center;
}
.md-phone .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align {
  padding: 25px 20%;
}
.md-phone .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align.removeRibbonPadding {
  padding-left: 10%;
  padding-right: 10%;
}
.md-phone .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-ribbon {
  top: 105px;
  width: 20%;
  max-height: 200px;
}
.md-phone .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-finalscore .peril-num {
  font-size: 50px;
  line-height: 180%;
}
.md-phone .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-logo {
  height: 80px;
  min-height: 80px;
  margin-top: 0;
}
.md-phone .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-results {
  margin-top: 15px;
}
.md-phone .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-summary {
  padding-top: 15px !important;
}
.md-phone .peril.peril-edge .initTimer {
  height: calc(100vh - 35px);
}
.md-phone .peril.peril-edge.navHidden .initTimer {
  height: 100vh;
}
@media (max-width: 500px) {
  .peril .peril-row .peril-board .peril-board-row .peril-col {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
  .peril .peril-row .peril-board .peril-board-row .peril-col .peril-btn {
    margin: 8px 2px;
  }
  .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align {
    padding: 25px !important;
  }
  .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-ribbon {
    display: none;
  }
}
.md-phone .peril .peril-row .peril-board .peril-board-row .peril-col {
  flex-basis: 100% !important;
  max-width: 100% !important;
}
.md-phone .peril .peril-row .peril-board .peril-board-row .peril-col .peril-btn {
  margin: 8px 2px;
}
.md-phone .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align {
  padding: 25px !important;
}
.md-phone .peril .peril-row .peril-board .peril-qa-cont .peril-qa-popup.peril-complete .peril-popup-cont .peril-complete-results .peril-complete-align .peril-ribbon {
  display: none;
}
.pinned-mosaic {
  display: flex;
  flex: 1 0 auto;
}
.pinned-mosaic.hide-shadow .pinned-col .pinned-bg {
  box-shadow: none;
  transition: box-shadow 1s ease-out;
}
.pinned-mosaic.hide-border .pinned-col .pinned-bg {
  border: hidden;
  transition: border 1s ease-out;
}
.pinned-mosaic .pinned-col {
  position: relative;
  min-height: 50vh;
}
.pinned-mosaic .pinned-col .pinned-bg {
  width: 100%;
  box-sizing: border-box;
}
.pinned-mosaic .pinned-col .pinned-bg.layout1, .pinned-mosaic .pinned-col .pinned-bg.layout2 {
  height: 100%;
}
.pinned-mosaic .pinned-col .pinned-bg.layout3, .pinned-mosaic .pinned-col .pinned-bg.layout9, .pinned-mosaic .pinned-col .pinned-bg.layout12 {
  height: 50%;
}
.pinned-mosaic .pinned-col:first-of-type .pinned-bg.layout6, .pinned-mosaic .pinned-col:first-of-type .pinned-bg.layout7, .pinned-mosaic .pinned-col:first-of-type .pinned-bg.layout8 {
  height: 100%;
}
.pinned-mosaic .pinned-col:first-of-type .pinned-bg.layout4:first-of-type, .pinned-mosaic .pinned-col:first-of-type .pinned-bg.layout11:first-of-type, .pinned-mosaic .pinned-col:first-of-type .pinned-bg.layout13:first-of-type, .pinned-mosaic .pinned-col:first-of-type .pinned-bg.layout15:first-of-type {
  height: 36%;
}
.pinned-mosaic .pinned-col:first-of-type .pinned-bg.layout4:last-of-type, .pinned-mosaic .pinned-col:first-of-type .pinned-bg.layout11:last-of-type, .pinned-mosaic .pinned-col:first-of-type .pinned-bg.layout13:last-of-type, .pinned-mosaic .pinned-col:first-of-type .pinned-bg.layout15:last-of-type {
  height: 64%;
}
.pinned-mosaic .pinned-col:first-of-type .pinned-bg.layout5:first-of-type, .pinned-mosaic .pinned-col:first-of-type .pinned-bg.layout10:first-of-type, .pinned-mosaic .pinned-col:first-of-type .pinned-bg.layout14:first-of-type, .pinned-mosaic .pinned-col:first-of-type .pinned-bg.layout16:first-of-type {
  height: 64%;
}
.pinned-mosaic .pinned-col:first-of-type .pinned-bg.layout5:last-of-type, .pinned-mosaic .pinned-col:first-of-type .pinned-bg.layout10:last-of-type, .pinned-mosaic .pinned-col:first-of-type .pinned-bg.layout14:last-of-type, .pinned-mosaic .pinned-col:first-of-type .pinned-bg.layout16:last-of-type {
  height: 36%;
}
.pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout6 {
  height: 50%;
}
.pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout9, .pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout10, .pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout11 {
  height: 100%;
}
.pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout4:first-of-type, .pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout7:first-of-type, .pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout13:first-of-type, .pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout16:first-of-type {
  height: 64%;
}
.pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout4:last-of-type, .pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout7:last-of-type, .pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout13:last-of-type, .pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout16:last-of-type {
  height: 36%;
}
.pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout5:first-of-type, .pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout8:first-of-type, .pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout14:first-of-type, .pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout15:first-of-type {
  height: 36%;
}
.pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout5:last-of-type, .pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout8:last-of-type, .pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout14:last-of-type, .pinned-mosaic .pinned-col:last-of-type .pinned-bg.layout15:last-of-type {
  height: 64%;
}
@media (max-width: 1023px) {
  #page-container #page-content .section.page-row.fullpageTwoRow.collapse1024 .pinned-mosaic .pinned-col {
    min-height: 50vh;
  }
  #page-container #page-content .section.page-row.fullpageTwoRow.collapse1024 .pinned-mosaic .pinned-col .pinned-bg {
    border-left: none !important;
    border-right: none !important;
  }
}
.md-phone .pinned-mosaic .pinned-col:first-of-type .pinned-bg {
  border-left: none !important;
}
.md-phone .pinned-mosaic .pinned-col:last-of-type .pinned-bg {
  border-right: none !important;
}
.md-phone #page-content:not(.mobile-bg) .pinned-mosaic {
  padding-top: 20px;
}
body[dir="RTL"] .pinned-mosaic {
  direction: ltr;
}
.progression-guided {
  position: relative;
}
.progression-guided .component {
  margin-bottom: 0 !important;
}
.progression-guided .progguided-cont-row {
  margin: 0 !important;
}
.progression-guided .progguided-cont-row .progguided-cont-col {
  padding-right: 12px !important;
}
.progression-guided .progguided-cont-row .progguided-cont-col.mediaR {
  padding-left: 12px !important;
  padding-right: 0 !important;
}
.progression-guided .progguided-cont-row .progguided-cont-col .progguided-ia {
  position: relative;
}
.progression-guided .progguided-cont-row .progguided-cont-col .progguided-ia .progguided-img {
  box-sizing: border-box;
  display: block;
  width: 100%;
}
.progression-guided .progguided-cont-row .progguided-pane {
  background: #333333;
  border-radius: 0px;
  color: #fff;
  display: flex;
  flex-direction: column;
  min-height: 300px;
  padding: 20px 20px 16px 20px !important;
  position: relative;
}
.progression-guided .progguided-cont-row .progguided-pane .progguided-panecont {
  display: flex;
  flex: 1 auto;
  flex-direction: column;
  height: calc(100% - 40px);
  overflow: hidden;
  position: absolute;
  width: calc(100% - 40px);
}
.progression-guided .progguided-cont-row .progguided-pane .col-pane-bg {
  box-sizing: border-box;
  display: flex;
  flex: 1 auto;
  overflow: hidden;
}
.progression-guided .progguided-cont-row .progguided-pane .col-pane-bg .progguidedct-row {
  box-sizing: border-box;
  margin-left: -5px;
  margin-right: -5px;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}
.progression-guided .progguided-cont-row .progguided-pane .col-pane-bg .progguidedct-row {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.progression-guided .progguided-cont-row .progguided-pane .col-pane-bg .progguidedct-row .progguidedct-col {
  width: 100%;
}
.progression-guided .progguided-cont-row .progguided-pane .progguided-pane-title {
  margin-bottom: 12px;
  margin-top: 0;
  padding-right: 30px;
  text-align: center;
}
.progression-guided .progguided-cont-row .progguided-pane .progguided-pane-title.align-left {
  text-align: left;
}
.progression-guided .progguided-cont-row .progguided-pane .progguided-pane-title.align-right {
  text-align: right;
}
.progression-guided .progguided-cont-row .progguided-pane .progguided-nav {
  display: flex;
  flex-direction: column;
  padding-top: 13px;
}
.progression-guided .progguided-cont-row .progguided-pane .progguided-nav .progguided-pane-btns {
  text-align: center;
}
.progression-guided .progguided-cont-row .progguided-pane .progguided-nav .progguided-pane-btns button {
  margin: 5px 5px 0 5px;
  padding: 10px;
}
.progression-guided .progguided-cont-row .progguided-pane .progguided-nav .progguided-pane-btns button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.progression-guided .progguided-cont-row .progguided-pane .progguided-nav .progguided-pane-btns button:hover, .progression-guided .progguided-cont-row .progguided-pane .progguided-nav .progguided-pane-btns button:active, .progression-guided .progguided-cont-row .progguided-pane .progguided-nav .progguided-pane-btns button.focus, .progression-guided .progguided-cont-row .progguided-pane .progguided-nav .progguided-pane-btns button:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
.progression-guided .progguided-cont-row .progguided-pane .progguided-nav .progress-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 8px auto 0 auto;
  padding: 0;
}
.progression-guided .progguided-cont-row .progguided-pane .progguided-nav .progress-dots.hidden {
  visibility: hidden;
}
.progression-guided .progguided-cont-row .progguided-pane .progguided-nav .progress-dots .progress-dot {
  display: inline-block;
  height: 12px;
  list-style-type: none;
  margin: 4px 4px 1px 4px;
  min-width: 12px;
  padding: 0;
  position: relative;
  width: 12px;
}
.progression-guided .progguided-cont-row .progguided-pane .progguided-nav .progress-dots .progress-dot:after {
  background: #8b8c8b;
  border: 1px solid #8b8c8b;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 12px;
  z-index: 1;
}
.progression-guided .progguided-cont-row .progguided-pane .progguided-nav .progress-dots .progress-dot.clicked:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 7px 5px;
}
.progression-guided .progguided-cont-row .progguided-pane .progguided-nav .progress-dots .progress-dot.active:after {
  background: #fff;
  border-color: #fff;
}
.progression-guided .progguided-cont-row .progguided-pane .progguided-nav .progress-dots .progress-dot.active.clicked:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 7px 5px;
}
.progression-guided .progguided-cont-row .progguided-pane .AudioTranscript {
  margin: 0;
  position: absolute;
  right: 10px;
  top: 10px;
}
.progression-guided.light_ui .progguided-cont-row .progguided-pane {
  background: #df1959;
  color: #333;
}
.progression-guided.light_ui .progguided-cont-row .progguided-pane .progguided-nav .progress-dots .progress-dot:after {
  background: #df1959;
  border: 1px solid #626362;
}
.progression-guided.light_ui .progguided-cont-row .progguided-pane .progguided-nav .progress-dots .progress-dot.clicked:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 7px 5px;
}
.progression-guided.light_ui .progguided-cont-row .progguided-pane .progguided-nav .progress-dots .progress-dot.active:after {
  background: #626362;
  border-color: #626362;
}
.progression-guided.light_ui .progguided-cont-row .progguided-pane .progguided-nav .progress-dots .progress-dot.active.clicked:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 7px 5px;
}
body[dir="RTL"] .progression-guided .progguided-cont-row {
  direction: ltr;
}
body[dir="RTL"] .progression-guided .progguided-cont-row .progguidedct-row, body[dir="RTL"] .progression-guided .progguided-cont-row .progguided-nav, body[dir="RTL"] .progression-guided .progguided-cont-row .progguided-cont-col {
  direction: rtl;
}
body[dir="RTL"] .progression-guided .progguided-cont-row .progguided-pane .progguided-pane-title {
  padding-left: 30px;
  padding-right: unset;
  text-align: right !important;
}
body[dir="RTL"] .progression-guided .progguided-cont-row .progguided-pane .AudioTranscript {
  left: 10px;
  right: unset;
}
@media (max-width: 1023px) {
  .md-desktop .progression-guided .progguided-cont-row .progguided-pane {
    padding: 15px;
  }
  .md-desktop .progression-guided .progguided-cont-row .progguided-pane .progguided-pane-title {
    font-size: 14px;
  }
  .md-desktop .progression-guided .progguided-cont-row .progguided-pane .col-pane-bg .progguidedct-row .progguidedct-col .body-copy * {
    font-size: 14px;
  }
  .md-desktop .progression-guided .progguided-cont-row .progguided-pane .col-pane-bg .progguidedct-row .progguidedct-col .component .pullquote {
    padding: 0;
  }
  .md-desktop .progression-guided .progguided-cont-row .progguided-pane .col-pane-bg .progguidedct-row .progguidedct-col .component .pullquote h4 {
    font-size: 14px;
    line-height: 120%;
  }
}
@media (max-width: 767px) {
  .progression-guided.light_ui .progguided-cont-row .progguided-pane {
    background: #000000;
  }
  .progression-guided .progguided-cont-row .progguided-cont-col {
    min-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .progression-guided .progguided-cont-row .progguided-cont-col.mediaR {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .progression-guided .progguided-cont-row .progguided-cont-col.mediaL {
    margin-bottom: 20px !important;
  }
  .progression-guided .progguided-cont-row .progguided-cont-col .progguided-ia {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .progression-guided .progguided-cont-row .progguided-pane {
    margin-bottom: 40px;
    min-height: auto;
    min-width: 100%;
    position: relative;
  }
  .progression-guided .progguided-cont-row .progguided-pane.mediaR {
    margin-bottom: 20px !important;
  }
  .progression-guided .progguided-cont-row .progguided-pane .progguided-panecont {
    position: relative !important;
    width: 100%;
  }
  .progression-guided .progguided-cont-row .progguided-pane .col-pane-bg {
    padding: 12px;
  }
  .progression-guided .progguided-cont-row .progguided-pane .progguidedct-row {
    height: auto !important;
    position: relative !important;
    width: 100% !important;
  }
  .progression-guided .progguided-cont-row .progguided-pane .progguidedct-row .progguidedct-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
  }
}
.progress-slide {
  padding: 30px 0 40px 0;
  background: #333333;
  border-radius: 0px;
  overflow: hidden;
  position: relative;
  color: #fff;
}
.progress-slide.removePadT {
  padding-top: 0;
}
.progress-slide.hasTranscript {
  padding-bottom: 0;
}
.progress-slide.light-ui {
  background: #df1959;
  color: #333;
}
.progress-slide.light-ui .progress-nav .progress-btns .progress-btns-align .btn {
  background: #df1959;
  border-color: #474747;
  color: #626362;
}
.progress-slide.light-ui .progress-nav .progress-btns .progress-btns-align .btn {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.progress-slide.light-ui .progress-nav .progress-btns .progress-btns-align .btn:hover, .progress-slide.light-ui .progress-nav .progress-btns .progress-btns-align .btn:active, .progress-slide.light-ui .progress-nav .progress-btns .progress-btns-align .btn.focus, .progress-slide.light-ui .progress-nav .progress-btns .progress-btns-align .btn:focus {
  background: black !important;
}
.progress-slide.light-ui .progress-nav .progress-dots .progress-dot .dot {
  border: 1px solid #626362;
  background: #df1959;
}
.progress-slide.light-ui .progress-nav .progress-dots .progress-dot .dot .tooltip {
  background: #FFF;
  color: #000;
}
.progress-slide.light-ui .progress-nav .progress-dots .progress-dot.clicked .dot {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
}
.progress-slide.light-ui .progress-nav .progress-dots .progress-dot.active .dot {
  background: #626362;
  border-color: #626362;
}
.progress-slide.light-ui .progress-nav .progress-dots .progress-dot.active.clicked .dot {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
}
.progress-slide.light-ui .progress-nav .progress-dots.type1 .progress-dot:before {
  border: 1px solid #610b26;
  background: #610b26;
}
.progress-slide h3.progslide-title {
  margin: 0;
  padding: 30px 2.5rem;
  font-size: 18px;
}
.progress-slide h3.progslide-title.removePadT {
  padding-top: 0;
}
.progress-slide h3.progslide-title.align-center, .progress-slide h3.progslide-title.ql-align-center {
  text-align: center;
}
.progress-slide h3.progslide-title.align-right, .progress-slide h3.progslide-title.ql-align-right {
  text-align: right;
}
.progress-slide .progslide-row.flex-center {
  justify-content: center;
}
.progress-slide .progslide-row.flex-right {
  justify-content: flex-end;
}
.progress-slide .progslide-row .progslide-col {
  padding: 0 2.5rem !important;
}
.progress-slide .progslide-row .progslide-col.min-paddingL {
  padding-left: 1.25rem !important;
}
.progress-slide .progslide-row .progslide-col.min-paddingR {
  padding-right: 1.25rem !important;
}
.progress-slide .progslide-row .progslide-col.remove-padding {
  padding: 0 !important;
}
.progress-slide .progslide-row .progslide-col.last-col .component {
  margin-bottom: 0 !important;
}
.progress-slide .progress-nav {
  padding: 0 2.5rem !important;
}
.progress-slide .progress-nav.min-paddingL {
  padding-left: 1.25rem !important;
}
.progress-slide .progress-nav.vert-center, .progress-slide .progress-nav.vert-bottom {
  display: flex;
  flex-direction: column;
}
.progress-slide .progress-nav.vert-center {
  justify-content: center;
}
.progress-slide .progress-nav.vert-bottom {
  justify-content: flex-end;
}
.progress-slide .progress-nav .progress-btns .progress-btns-align.align-center {
  text-align: center;
}
.progress-slide .progress-nav .progress-btns .progress-btns-align.align-right {
  text-align: right;
}
.progress-slide .progress-nav .progress-btns .progress-btns-align .btn {
  display: inline-block;
  min-width: 100px;
  cursor: pointer;
  margin: 10px 5px 0px 5px;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  font-size: 10px;
  border-radius: [BUTTONBORDERRADIUS];
}
.progress-slide .progress-nav .progress-btns .progress-btns-align .btn.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.51;
}
.progress-slide .progress-nav .progress-btns .progress-btns-align .btn.disabled.hidden {
  display: none;
}
.progress-slide .progress-nav .progress-btns .progress-btns-align .btn {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.progress-slide .progress-nav .progress-btns .progress-btns-align .btn:hover, .progress-slide .progress-nav .progress-btns .progress-btns-align .btn:active, .progress-slide .progress-nav .progress-btns .progress-btns-align .btn.focus, .progress-slide .progress-nav .progress-btns .progress-btns-align .btn:focus {
  background: black !important;
}
.progress-slide .progress-nav .progress-btns .progress-btns-align.type1 .btn {
  margin-left: 0;
  margin-right: 0;
}
.progress-slide .progress-nav .progress-btns .progress-btns-align.type2 .btn {
  margin-left: 3px;
  margin-right: 3px;
}
.progress-slide .progress-nav .progress-dots {
  padding: 23px 0 0 0;
  margin: 0;
  max-width: 600px;
  line-height: 0;
  display: flex;
  flex-direction: row;
  flex: 0 1 auto;
  box-sizing: border-box;
}
.progress-slide .progress-nav .progress-dots.align-center {
  margin: 0 auto;
  justify-content: center;
}
.progress-slide .progress-nav .progress-dots.align-right {
  margin: 0 0 0 auto;
  justify-content: flex-end;
}
.progress-slide .progress-nav .progress-dots .progress-dot {
  list-style-type: none;
  padding: 0;
  position: relative;
  width: 100%;
  min-width: 12px;
  height: 12px;
  display: inline-block;
}
.progress-slide .progress-nav .progress-dots .progress-dot .dot {
  background: #8b8c8b;
  border-radius: 50%;
  border: 1px solid #8b8c8b;
  box-sizing: border-box;
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 12px;
  z-index: 1;
}
.progress-slide .progress-nav .progress-dots .progress-dot .dot:hover .tooltip.active, .progress-slide .progress-nav .progress-dots .progress-dot .dot:focus .tooltip.active {
  bottom: calc(100% + 9px);
  opacity: 1;
}
.progress-slide .progress-nav .progress-dots .progress-dot .dot:hover .tooltip.active:after, .progress-slide .progress-nav .progress-dots .progress-dot .dot:focus .tooltip.active:after {
  height: 9px;
}
.progress-slide .progress-nav .progress-dots .progress-dot .dot .tooltip {
  background: #000;
  border: 2px solid #595959;
  border-radius: 6px;
  bottom: calc(100% + 3px);
  font-family: "Caveat", handwriting;
  font-size: 13px;
  color: #FFF;
  left: -103px;
  opacity: 0;
  line-height: 1.2em;
  padding: 12px 30px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  transition: 0.2s;
  width: 150px;
}
.progress-slide .progress-nav .progress-dots .progress-dot .dot .tooltip:after {
  background: #595959;
  content: "";
  display: block;
  height: 0px;
  left: 50%;
  position: absolute;
  top: 100%;
  transition: 0.2s;
  width: 2px;
}
.progress-slide .progress-nav .progress-dots .progress-dot.clicked .dot {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
}
.progress-slide .progress-nav .progress-dots .progress-dot.active .dot {
  background: #fff;
  border-color: #fff;
}
.progress-slide .progress-nav .progress-dots .progress-dot.active.clicked .dot {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
}
.progress-slide .progress-nav .progress-dots .progress-dot:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate(0, -50%);
}
.progress-slide .progress-nav .progress-dots .progress-dot:last-child {
  width: 12px;
}
.progress-slide .progress-nav .progress-dots .progress-dot:last-child:before {
  content: "";
  width: 0;
}
.progress-slide .progress-nav .progress-dots.type1 .progress-dot:before {
  border: 1px solid #959695;
  background: #959695;
}
.progress-slide .progress-nav .progress-dots.type2 .progress-dot {
  width: 12px;
  margin: 0 12px;
}
.progress-slide .progress-nav .progress-dots.type2 .progress-dot:before {
  display: none;
}
.progress-slide .progress-nav .progress-dots.type2 .progress-dot:first-child {
  margin-left: 0;
}
.progress-slide .progress-nav .progress-dots.type2 .progress-dot:last-child {
  margin-right: 0;
}
.progress-slide .prog-arrow {
  display: none;
}
.progress-slide .slide-transcript {
  display: flex;
  justify-content: right;
  margin-bottom: 20px !important;
  padding: 15px 20px 0;
}
.progress-slide .slide-transcript .AudioTranscript {
  margin: 0;
  position: relative;
}
body[dir="RTL"] .progress-slide .progslide-row {
  direction: ltr;
}
body[dir="RTL"] .progress-slide .progslide-row .progslide-col {
  direction: rtl;
}
body[dir="RTL"] .progress-slide .progress-nav {
  direction: rtl;
}
body[dir="RTL"] .progress-slide .progress-nav.min-paddingL {
  padding-left: 2.5rem !important;
  padding-right: 1.25rem !important;
}
body[dir="RTL"] .progress-slide .progress-nav .progress-btns-align.type2 .btn:first-of-type {
  margin-left: 5px;
  margin-right: 0;
}
body[dir="RTL"] .progress-slide .progress-nav .progress-btns-align.type2 .btn:last-of-type {
  margin-left: 0;
  margin-right: 5px;
}
body[dir="RTL"] .progress-slide .progress-nav .progress-dots.type1 .progress-dot:first-child {
  width: 12px;
}
body[dir="RTL"] .progress-slide .progress-nav .progress-dots.type1 .progress-dot:first-child:before {
  content: "";
  width: 0;
}
body[dir="RTL"] .progress-slide .progress-nav .progress-dots.type1 .progress-dot:last-child {
  width: 100%;
}
body[dir="RTL"] .progress-slide .progress-nav .progress-dots.type1 .progress-dot:last-child:before {
  content: "";
  width: 100%;
}
body[dir="RTL"] .progress-slide .progress-nav .progress-dots.type2 .progress-dot:first-child {
  margin-left: 9px;
  margin-right: 0;
}
body[dir="RTL"] .progress-slide .progress-nav .progress-dots.type2 .progress-dot:last-child {
  margin-left: 0;
  margin-right: 9px;
}
body[dir="RTL"] .progress-slide .slide-transcript {
  justify-content: left;
}
.col-lg-6 .progress-slide .progress-nav .progress-dots .progress-dot:first-child .dot .tooltip {
  left: -30px;
}
.col-lg-6 .progress-slide .progress-nav .progress-dots .progress-dot:first-child .dot .tooltip:after {
  left: 31px;
}
.col-lg-6 .progress-slide .progress-nav .progress-dots .progress-dot:last-child .dot .tooltip {
  left: -173px;
}
.col-lg-6 .progress-slide .progress-nav .progress-dots .progress-dot:last-child .dot .tooltip:after {
  left: 175px;
}
.col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAdots .progress-dot:nth-child(2) .dot .tooltip {
  left: -93px;
}
.col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAdots .progress-dot:nth-child(2) .dot .tooltip:after {
  left: 95px;
}
.col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAdots .progress-dot:nth-last-child(2) .dot .tooltip {
  left: -111px;
}
.col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAdots .progress-dot:nth-last-child(2) .dot .tooltip:after {
  left: 112px;
}
@media (max-width: 1000px) {
  .progress-slide .progress-nav .progress-dots .progress-dot:first-child .dot .tooltip {
    left: -30px;
  }
  .progress-slide .progress-nav .progress-dots .progress-dot:first-child .dot .tooltip:after {
    left: 31px;
  }
  .progress-slide .progress-nav .progress-dots .progress-dot:last-child .dot .tooltip {
    left: -173px;
  }
  .progress-slide .progress-nav .progress-dots .progress-dot:last-child .dot .tooltip:after {
    left: 175px;
  }
  .progress-slide .progress-nav .progress-dots.lotsAdots .progress-dot:nth-child(2) .dot .tooltip {
    left: -93px;
  }
  .progress-slide .progress-nav .progress-dots.lotsAdots .progress-dot:nth-child(2) .dot .tooltip:after {
    left: 95px;
  }
  .progress-slide .progress-nav .progress-dots.lotsAdots .progress-dot:nth-last-child(2) .dot .tooltip {
    left: -111px;
  }
  .progress-slide .progress-nav .progress-dots.lotsAdots .progress-dot:nth-last-child(2) .dot .tooltip:after {
    left: 112px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-8 .progress-dot:nth-child(2) .dot .tooltip, .col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAdots .progress-dot:nth-child(2) .dot .tooltip {
    left: -55px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-8 .progress-dot:nth-child(2) .dot .tooltip:after, .col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAdots .progress-dot:nth-child(2) .dot .tooltip:after {
    left: 57px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-8 .progress-dot:nth-child(3) .dot .tooltip, .col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAdots .progress-dot:nth-child(3) .dot .tooltip {
    left: -80px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-8 .progress-dot:nth-child(3) .dot .tooltip:after, .col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAdots .progress-dot:nth-child(3) .dot .tooltip:after {
    left: 82px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-8 .progress-dot:nth-last-child(3) .dot .tooltip, .col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAdots .progress-dot:nth-last-child(3) .dot .tooltip {
    left: -123px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-8 .progress-dot:nth-last-child(3) .dot .tooltip:after, .col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAdots .progress-dot:nth-last-child(3) .dot .tooltip:after {
    left: 125px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-8 .progress-dot:nth-last-child(2) .dot .tooltip, .col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAdots .progress-dot:nth-last-child(2) .dot .tooltip {
    left: -146px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-8 .progress-dot:nth-last-child(2) .dot .tooltip:after, .col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAdots .progress-dot:nth-last-child(2) .dot .tooltip:after {
    left: 148px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAlotsAdots .progress-dot:nth-child(3) .dot .tooltip {
    left: -90px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAlotsAdots .progress-dot:nth-child(3) .dot .tooltip:after {
    left: 92px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAlotsAdots .progress-dot:nth-child(4) .dot .tooltip {
    left: -80px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAlotsAdots .progress-dot:nth-child(4) .dot .tooltip:after {
    left: 82px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAlotsAdots .progress-dot:nth-last-child(4) .dot .tooltip {
    left: -123px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAlotsAdots .progress-dot:nth-last-child(4) .dot .tooltip:after {
    left: 125px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAlotsAdots .progress-dot:nth-last-child(3) .dot .tooltip {
    left: -133px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.lotsAlotsAdots .progress-dot:nth-last-child(3) .dot .tooltip:after {
    left: 135px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-5 .progress-dot:nth-child(2) .dot .tooltip {
    left: -100px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-5 .progress-dot:nth-child(2) .dot .tooltip:after {
    left: 102px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-5 .progress-dot:nth-last-child(2) .dot .tooltip {
    left: -106px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-5 .progress-dot:nth-last-child(2) .dot .tooltip:after {
    left: 108px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-6 .progress-dot:nth-child(2) .dot .tooltip, .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-7 .progress-dot:nth-child(2) .dot .tooltip {
    left: -72px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-6 .progress-dot:nth-child(2) .dot .tooltip:after, .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-7 .progress-dot:nth-child(2) .dot .tooltip:after {
    left: 74px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-6 .progress-dot:nth-last-child(2) .dot .tooltip, .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-7 .progress-dot:nth-last-child(2) .dot .tooltip {
    left: -130px;
  }
  .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-6 .progress-dot:nth-last-child(2) .dot .tooltip:after, .col-lg-6 .progress-slide .progress-nav .progress-dots.numbDots-7 .progress-dot:nth-last-child(2) .dot .tooltip:after {
    left: 132px;
  }
}
@media (max-width: 767px) {
  .progress-slide, body[dir="RTL"] .progress-slide {
    overflow: visible;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .progress-slide.removePadT, body[dir="RTL"] .progress-slide.removePadT {
    padding-top: 0 !important;
  }
  .progress-slide.hasTranscript, body[dir="RTL"] .progress-slide.hasTranscript {
    padding-bottom: 0 !important;
  }
  .progress-slide h3.progslide-title, body[dir="RTL"] .progress-slide h3.progslide-title {
    padding: 20px;
  }
  .progress-slide h3.progslide-title.removePadT, body[dir="RTL"] .progress-slide h3.progslide-title.removePadT {
    padding-top: 0;
  }
  .progress-slide .progslide-row .progslide-col, .progress-slide .progslide-row .progslide-col.min-paddingL, .progress-slide .progslide-row .progslide-col.min-paddingR, body[dir="RTL"] .progress-slide .progslide-row .progslide-col, body[dir="RTL"] .progress-slide .progslide-row .progslide-col.min-paddingL, body[dir="RTL"] .progress-slide .progslide-row .progslide-col.min-paddingR {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .progress-slide .progslide-row .progslide-col.remove-padding, .progress-slide .progslide-row .progslide-col.min-paddingL.remove-padding, .progress-slide .progslide-row .progslide-col.min-paddingR.remove-padding, body[dir="RTL"] .progress-slide .progslide-row .progslide-col.remove-padding, body[dir="RTL"] .progress-slide .progslide-row .progslide-col.min-paddingL.remove-padding, body[dir="RTL"] .progress-slide .progslide-row .progslide-col.min-paddingR.remove-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .progress-slide .progslide-row .progslide-col .component, .progress-slide .progslide-row .progslide-col.min-paddingL .component, .progress-slide .progslide-row .progslide-col.min-paddingR .component, body[dir="RTL"] .progress-slide .progslide-row .progslide-col .component, body[dir="RTL"] .progress-slide .progslide-row .progslide-col.min-paddingL .component, body[dir="RTL"] .progress-slide .progslide-row .progslide-col.min-paddingR .component {
    margin-bottom: 20px !important;
  }
  .progress-slide .progslide-row .progslide-col.last-col .component, .progress-slide .progslide-row .progslide-col.min-paddingL.last-col .component, .progress-slide .progslide-row .progslide-col.min-paddingR.last-col .component, body[dir="RTL"] .progress-slide .progslide-row .progslide-col.last-col .component, body[dir="RTL"] .progress-slide .progslide-row .progslide-col.min-paddingL.last-col .component, body[dir="RTL"] .progress-slide .progslide-row .progslide-col.min-paddingR.last-col .component {
    margin-bottom: 20px !important;
  }
  .progress-slide .progress-nav, .progress-slide .progress-nav.min-paddingL, body[dir="RTL"] .progress-slide .progress-nav, body[dir="RTL"] .progress-slide .progress-nav.min-paddingL {
    padding: 0 20px !important;
  }
  .progress-slide .progress-nav .progress-btns, .progress-slide .progress-nav.min-paddingL .progress-btns, body[dir="RTL"] .progress-slide .progress-nav .progress-btns, body[dir="RTL"] .progress-slide .progress-nav.min-paddingL .progress-btns {
    padding-bottom: 10px;
  }
  .progress-slide .progress-nav .progress-btns > div, .progress-slide .progress-nav.min-paddingL .progress-btns > div, body[dir="RTL"] .progress-slide .progress-nav .progress-btns > div, body[dir="RTL"] .progress-slide .progress-nav.min-paddingL .progress-btns > div {
    text-align: center;
  }
  .progress-slide .progress-nav .progress-dots, .progress-slide .progress-nav.min-paddingL .progress-dots, body[dir="RTL"] .progress-slide .progress-nav .progress-dots, body[dir="RTL"] .progress-slide .progress-nav.min-paddingL .progress-dots {
    justify-content: center !important;
    padding-top: 4px;
  }
  .progress-slide .prog-arrow, body[dir="RTL"] .progress-slide .prog-arrow {
    position: absolute;
    top: 50%;
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #777;
    z-index: 1;
    cursor: pointer;
  }
  .progress-slide .prog-arrow:after, body[dir="RTL"] .progress-slide .prog-arrow:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .progress-slide .prog-arrow.disabled, body[dir="RTL"] .progress-slide .prog-arrow.disabled {
    visibility: hidden;
  }
  .progress-slide .prog-arrow.arrowL, body[dir="RTL"] .progress-slide .prog-arrow.arrowL {
    left: 0;
    transform: translate(-50%, -50%);
  }
  .progress-slide .prog-arrow.arrowL:after, body[dir="RTL"] .progress-slide .prog-arrow.arrowL:after {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrowL.svg");
    background-position: top 50% left 6px;
    background-repeat: no-repeat;
    background-size: 11px 16px;
  }
  .progress-slide .prog-arrow.arrowR, body[dir="RTL"] .progress-slide .prog-arrow.arrowR {
    right: 0;
    transform: translate(50%, -50%);
  }
  .progress-slide .prog-arrow.arrowR:after, body[dir="RTL"] .progress-slide .prog-arrow.arrowR:after {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrowR.svg");
    background-position: top 50% right 6px;
    background-repeat: no-repeat;
    background-size: 11px 16px;
  }
  body[dir="RTL"] .progress-slide .prog-arrow.arrowL {
    left: auto;
    right: 0;
    transform: scaleX(-1) translate(-50%, -50%);
  }
  body[dir="RTL"] .progress-slide .prog-arrow.arrowR {
    left: 0;
    right: auto;
    transform: scaleX(-1) translate(50%, -50%);
  }
}
#prompt {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2;
}
#prompt * {
  box-sizing: border-box;
}
#prompt.navTop #prompt-overlay {
  top: 80px;
}
#prompt.navTop #prompt-title {
  top: 49px;
}
#prompt #prompt-overlay {
  position: fixed;
  top: 48px;
  right: 42px;
  width: 200px;
  display: block;
  background: #999;
  color: #fff;
  padding: 20px;
  display: none;
  border-radius: 5px;
}
#prompt #prompt-overlay.ie {
  position: relative;
}
#prompt #prompt-overlay.ie #prompt-scroll {
  min-height: 100%;
  position: relative;
}
#prompt #prompt-overlay.ie:after, #prompt #prompt-overlay.edge:after {
  right: -7px;
}
#prompt #prompt-overlay.custom {
  width: 100%;
  padding: 20px 10px;
  max-height: calc(100% - 96px);
}
#prompt #prompt-overlay.custom.col1 {
  max-width: calc(8.33333333% - 84px);
}
#prompt #prompt-overlay.custom.col2 {
  max-width: calc(16.66666666% - 84px);
}
#prompt #prompt-overlay.custom.col3 {
  max-width: calc(25% - 84px);
}
#prompt #prompt-overlay.custom.col4 {
  max-width: calc(33.33333333% - 84px);
}
#prompt #prompt-overlay.custom.col5 {
  max-width: calc(42.66666666% - 84px);
}
#prompt #prompt-overlay.custom.col6 {
  max-width: calc(50% - 84px);
}
#prompt #prompt-overlay.custom.col7 {
  max-width: calc(58.33333333% - 84px);
}
#prompt #prompt-overlay.custom.col8 {
  max-width: calc(66.66666666% - 84px);
}
#prompt #prompt-overlay.custom.col9 {
  max-width: calc(75% - 84px);
}
#prompt #prompt-overlay.custom.col10 {
  max-width: calc(83.33333333% - 84px);
}
#prompt #prompt-overlay.custom.col11 {
  max-width: calc(91.66666666% - 84px);
}
#prompt #prompt-overlay.custom.col12 {
  max-width: calc(100% - 84px);
}
#prompt #prompt-overlay.custom #prompt-scroll {
  padding: 0 10px;
  position: relative;
  width: 100%;
  max-height: 100%;
}
#prompt #prompt-overlay.custom #prompt-scroll {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#prompt #prompt-overlay.custom.ie {
  max-height: calc(100% - 175px);
}
#prompt #prompt-overlay.custom.ie #prompt-scroll {
  max-height: calc(100% - 175px);
}
#prompt #prompt-overlay.active {
  display: block;
}
#prompt #prompt-overlay.active.custom {
  display: flex;
}
#prompt #prompt-overlay:after {
  position: absolute;
  content: "";
  top: 13px;
  right: -8px;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-left: 8px solid #999;
  border-bottom: 9px solid transparent;
}
#prompt #prompt-overlay p:last-of-type {
  margin-bottom: 0;
}
#prompt #prompt-overlay span.closeX {
  display: block;
  position: absolute;
  right: 5px;
  top: 0;
  width: 20px;
  height: 25px;
  cursor: pointer;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_x.svg");
  background-size: 9px 9px;
  background-repeat: no-repeat;
  background-position: center center;
}
#prompt #prompt-title {
  backface-visibility: hidden;
  position: fixed;
  top: 29px;
  right: 2px;
  background: #999;
  border: none;
  margin: 0;
  padding: 7px 10px;
  white-space: nowrap;
  transform: rotate(90deg) translate(100%, 0);
  transform-origin: 100% 100%;
  color: #fff;
  letter-spacing: 1.9px;
  font-size: 12px;
  font-family: "Caveat", handwriting;
  line-height: 1.42857143;
  cursor: pointer;
  opacity: 0;
  border-radius: [BUTTONBORDERRADIUS];
  animation: promptOpacUp 1.8s forwards;
}
@keyframes promptOpacUp {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  #prompt #prompt-overlay {
    right: 31px;
    max-width: calc(100% - 54px) !important;
  }
  #prompt #prompt-title {
    right: 22px;
    top: 41px;
    padding: 4px 7px;
    font-size: 10px;
  }
  #prompt.navTop #prompt-overlay {
    top: 62px;
  }
}
.md-phone #prompt #prompt-overlay {
  right: 31px;
  max-width: calc(100% - 54px) !important;
}
.md-phone #prompt #prompt-title {
  right: 22px;
  top: 41px;
  padding: 4px 7px;
  font-size: 10px;
}
.md-phone #prompt.navTop #prompt-overlay {
  top: 62px;
}
body[dir="RTL"] #prompt {
  right: auto;
  left: 0;
}
body[dir="RTL"] #prompt #prompt-overlay {
  left: 42px;
  right: auto;
}
body[dir="RTL"] #prompt #prompt-overlay:after {
  transform: rotate(-180deg);
  left: -8px;
  right: auto;
}
body[dir="RTL"] #prompt #prompt-overlay.ie {
  left: 40px;
}
body[dir="RTL"] #prompt #prompt-overlay.ie:after, body[dir="RTL"] #prompt #prompt-overlay.edge:after {
  left: -7px;
}
body[dir="RTL"] #prompt #prompt-overlay span.closeX {
  left: 5px;
  right: auto;
}
body[dir="RTL"] #prompt #prompt-title {
  transform: none;
  transform: rotate(-90deg) translate(-100%, -100%);
  transform-origin: 0 0;
  left: 2px;
  top: 59px;
  right: auto;
}
body[dir="RTL"] #prompt.navTop #prompt-title {
  top: 76px;
}
@media (max-width: 767px) {
  body[dir="RTL"].md-desktop #prompt #prompt-overlay {
    left: 31px;
  }
  body[dir="RTL"].md-desktop #prompt #prompt-title {
    left: 22px;
  }
  body[dir="RTL"].md-desktop #prompt.prompt-mobile-rtl #prompt-overlay {
    left: 31px;
  }
  body[dir="RTL"].md-desktop #prompt.prompt-mobile-rtl #prompt-title {
    transform: translateZ(0);
    left: 0;
    top: 41px;
    transform: rotate(-90deg) translate(-100%, 100%);
    transform-origin: bottom left;
  }
  body[dir="RTL"].md-desktop #prompt.navTop #prompt-title {
    top: 62px;
  }
}
body[dir="RTL"].md-phone #prompt #prompt-overlay {
  left: 31px;
}
body[dir="RTL"].md-phone #prompt #prompt-title {
  left: 22px;
}
body[dir="RTL"].md-phone #prompt.prompt-mobile-rtl #prompt-overlay {
  left: 31px;
}
body[dir="RTL"].md-phone #prompt.prompt-mobile-rtl #prompt-title {
  transform: translateZ(0);
  left: 0;
  top: 41px;
  transform: rotate(-90deg) translate(-100%, 100%);
  transform-origin: bottom left;
}
body[dir="RTL"].md-phone #prompt.navTop #prompt-title {
  top: 62px;
}
.quickhitmintext > .component {
  margin-bottom: 20px !important;
}
.quickhitmintext.ios .quickhit-media {
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.quickhitmintext.ios .quickhit-accs .quickhit-acc {
  transition: border 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.quickhitmintext.ios .quickhit-accs .quickhit-acc.active .quickhit-acc-content.expand .quickhit-acc-media {
  transition: max-height 0.6s cubic-bezier(0.95, 0.05, 0.795, 0.035);
}
.quickhitmintext.ios .quickhit-accs .quickhit-acc.active .quickhit-acc-content.collapse .quickhit-acc-media {
  transition: height 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.quickhitmintext.ios .quickhit-accs .quickhit-acc .quickhit-acc-content {
  transition: padding-left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.quickhitmintext.ios .quickhit-accs .quickhit-acc .quickhit-acc-content .quickhit-acc-title {
  transition: padding 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.quickhitmintext.ios .quickhit-accs .quickhit-acc .quickhit-acc-content .quickhit-acc-title:after {
  transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.quickhitmintext.ios .quickhit-accs .quickhit-acc .quickhit-acc-icon {
  transition: box-shadow 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.quickhitmintext .quickhit-media {
  position: relative;
  padding-left: 1.25rem !important;
}
.quickhitmintext .quickhit-media .quickhit-scroll {
  position: relative;
  width: 100%;
  transition: transform 0.5s ease;
  will-change: transform;
}
.quickhitmintext .quickhit-accs {
  overflow: hidden;
  position: relative;
  padding-right: 1.25rem !important;
}
.quickhitmintext .quickhit-accs.no-extmedia {
  padding-right: 0 !important;
}
.quickhitmintext .quickhit-accs .quickhit-acc {
  background: #fff;
  border: 2px solid rgba(218, 218, 218, 0);
  border-radius: 0px;
  min-height: 72px;
  position: relative;
  transition: border 0.3s;
}
.quickhitmintext .quickhit-accs .quickhit-acc:not(:first-child) {
  margin-top: 8px !important;
}
.quickhitmintext .quickhit-accs .quickhit-acc.border-active {
  border: 2px solid #dadada;
}
.quickhitmintext .quickhit-accs .quickhit-acc.active .quickhit-acc-content.expand .quickhit-acc-media {
  overflow: hidden !important;
  transition: max-height 0.3s;
}
.quickhitmintext .quickhit-accs .quickhit-acc.active .quickhit-acc-content.collapse .quickhit-acc-media {
  overflow: hidden !important;
  transition: height 0.3s;
  height: 0 !important;
}
.quickhitmintext .quickhit-accs .quickhit-acc.no-icon {
  margin: 51px 0;
}
.quickhitmintext .quickhit-accs .quickhit-acc.no-icon .quickhit-acc-content {
  width: 100%;
  padding-left: 0;
}
.quickhitmintext .quickhit-accs .quickhit-acc.no-icon .quickhit-acc-icon {
  display: none;
}
.quickhitmintext .quickhit-accs .quickhit-acc .quickhit-acc-content {
  position: relative;
  min-height: 68px;
  width: calc(100% - 70px);
  padding-left: 22px;
  padding-right: 20px;
  box-sizing: border-box;
  transition: padding-left 0.3s;
}
.quickhitmintext .quickhit-accs .quickhit-acc .quickhit-acc-content.isIE {
  display: flex;
  flex-direction: column;
}
.quickhitmintext .quickhit-accs .quickhit-acc .quickhit-acc-content.active {
  padding-left: 22px;
}
.quickhitmintext .quickhit-accs .quickhit-acc .quickhit-acc-content.active .quickhit-acc-title {
  padding-top: 21px;
  padding-bottom: 21px;
}
.quickhitmintext .quickhit-accs .quickhit-acc .quickhit-acc-content.clicked .quickhit-acc-title:after {
  opacity: 1;
}
.quickhitmintext .quickhit-accs .quickhit-acc .quickhit-acc-content .quickhit-acc-title {
  position: relative;
  display: inline-flex;
  width: 100%;
  min-height: 68px;
  align-items: center;
  cursor: pointer;
  color: #333;
  font-size: 18px;
  line-height: 140%;
  font-weight: bold;
  box-sizing: border-box;
  margin-bottom: -9px;
  transition: padding 0.3s;
}
.quickhitmintext .quickhit-accs .quickhit-acc .quickhit-acc-content .quickhit-acc-title:after {
  opacity: 0;
  transition: opacity 0.3s;
  position: relative;
  display: inline-block;
  content: "";
  min-width: 12px;
  width: 12px;
  height: 12px;
  background: #474747;
  border-radius: 50%;
  margin-left: 8px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
}
.quickhitmintext .quickhit-accs .quickhit-acc .quickhit-acc-content .quickhit-acc-media {
  position: relative;
  overflow: hidden;
}
.quickhitmintext .quickhit-accs .quickhit-acc .quickhit-acc-content .quickhit-acc-media.init {
  position: absolute !important;
  transform: translate(-200%, -200%) !important;
}
.quickhitmintext .quickhit-accs .quickhit-acc .quickhit-acc-content .quickhit-acc-media .component:last-of-type {
  margin-bottom: 36px !important;
}
.quickhitmintext .quickhit-accs .quickhit-acc .quickhit-acc-icon {
  width: 68px;
  height: 68px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: box-shadow 0.3s;
  box-shadow: 0px 0px 0px 2px #dadada;
}
.quickhitmintext .quickhit-accs .quickhit-acc .quickhit-acc-icon.active {
  box-shadow: 0px 0px 0px 2px rgba(218, 218, 218, 0);
}
.quickhitmintext .quickhit-accs .quickhit-acc .quickhit-acc-icon img {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  min-height: 68px;
  min-width: 68px;
  height: 100%;
  width: auto;
  transform: translate(-50%, 0);
}
.quickhitmintext .quickhit-accs .quickhit-acc .AudioTranscript {
  margin: 0;
  position: absolute;
  right: 10px;
  top: 10px;
}
.quickhitmintext.reversed .quickhit-media {
  padding-left: 0 !important;
  padding-right: 1.25rem !important;
}
.quickhitmintext.reversed .quickhit-accs {
  padding-left: 1.25rem !important;
  padding-right: 0 !important;
}
.quickhitmintext.reversed .quickhit-accs.no-extmedia {
  padding-left: 0 !important;
}
body[dir="RTL"] .quickhitmintext .quickhit-media {
  padding-right: 1.25rem !important;
  padding-left: 0 !important;
}
body[dir="RTL"] .quickhitmintext .quickhit-accs {
  padding-right: 0 !important;
  padding-left: 1.25rem !important;
}
body[dir="RTL"] .quickhitmintext .quickhit-accs.no-extmedia {
  padding-left: 0 !important;
}
body[dir="RTL"] .quickhitmintext .quickhit-accs .quickhit-acc .quickhit-acc-content.clicked .quickhit-acc-title:after {
  margin-left: 0;
  margin-right: 8px;
}
body[dir="RTL"] .quickhitmintext .quickhit-accs .AudioTranscript {
  left: 10px;
  right: unset;
  top: 10px;
}
body[dir="RTL"] .quickhitmintext.reversed .quickhit-media {
  padding-right: 0 !important;
  padding-left: 1.25rem !important;
}
body[dir="RTL"] .quickhitmintext.reversed .quickhit-accs {
  padding-right: 1.25rem !important;
  padding-left: 0 !important;
}
body[dir="RTL"] .quickhitmintext.reversed .quickhit-accs.no-extmedia {
  padding-right: 0 !important;
}
@media (max-width: 767px) {
  .quickhitmintext .quickhit-accs .quickhit-acc .quickhit-acc-content .quickhit-acc-media .component {
    margin-bottom: 20px !important;
  }
  .quickhitmintext .quickhit-accs .quickhit-acc .quickhit-acc-content .quickhit-acc-media .component:last-of-type {
    margin-bottom: 20px !important;
  }
  .quickhitmintext .quickhit-accs {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100%;
    flex: none;
  }
  body[dir="RTL"] .quickhitmintext .quickhit-accs {
    padding-left: 0 !important;
  }
}
.md-phone .quickhitmintext .quickhit-accs .quickhit-acc .quickhit-acc-content .quickhit-acc-media .component {
  margin-bottom: 20px !important;
}
.md-phone .quickhitmintext .quickhit-accs .quickhit-acc .quickhit-acc-content .quickhit-acc-media .component:last-of-type {
  margin-bottom: 20px !important;
}
.quickhittile {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}
.quickhittile.disabled {
  pointer-events: none;
}
.quickhittile.sizeL {
  margin: 0 -7px;
}
.quickhittile.sizeL .tile {
  width: 244px;
  min-width: 244px;
  height: 249px;
  margin: 12px 7px 0 7px;
}
.quickhittile.sizeL .tile .tile-back .tile-txt, .quickhittile.sizeL .tile .tile-front .tile-txt {
  padding: 22px 24px 22px 24px;
}
.quickhittile.sizeM {
  margin: 0 -6px;
}
.quickhittile.sizeM .tile {
  width: 206px;
  min-width: 206px;
  height: 210px;
  margin: 10px 6px 0 6px;
}
.quickhittile.sizeM .tile .tile-back .tile-txt, .quickhittile.sizeM .tile .tile-front .tile-txt {
  padding: 19px 21px 19px 21px;
}
.quickhittile.sizeS {
  margin: 0 -5px;
}
.quickhittile.sizeS .tile {
  width: 168px;
  min-width: 168px;
  height: 171px;
  margin: 8px 5px 0 5px;
}
.quickhittile.sizeS .tile .tile-back .tile-txt, .quickhittile.sizeS .tile .tile-front .tile-txt {
  padding: 15px 18px 15px 18px;
}
.quickhittile.sizeR {
  margin: 0;
}
.quickhittile.sizeR .tile {
  height: 0;
  margin: 12px 7px 0 7px;
  width: 100%;
  min-width: 100%;
  padding-top: 100%;
}
.quickhittile.sizeR .tile.tile-respsize2 {
  width: calc(50% - 14px);
  min-width: calc(50% - 14px);
  padding-top: calc(50% - 14px);
}
.quickhittile.sizeR .tile.tile-respsize3 {
  width: calc(33.33333333% - 14px);
  min-width: calc(33.33333333% - 14px);
  padding-top: calc(33.33333333% - 14px);
}
.quickhittile.sizeR .tile.tile-respsize4 {
  width: calc(25% - 14px);
  min-width: calc(25% - 14px);
  padding-top: calc(25% - 14px);
}
.quickhittile.sizeR .tile.tile-respsize5 {
  width: calc(20% - 14px);
  min-width: calc(20% - 14px);
  padding-top: calc(20% - 14px);
}
.quickhittile.sizeR .tile .tile-back .tile-txt, .quickhittile.sizeR .tile .tile-front .tile-txt {
  padding: 22px 24px 22px 24px;
}
.quickhittile .tile {
  position: relative;
  cursor: default;
}
.quickhittile .tile:not(.tile-edge) {
  -webkit-perspective: 800;
}
.quickhittile .tile.flip-fast {
  z-index: 1;
}
.quickhittile .tile.flip-fast .tile-back, .quickhittile .tile.flip-fast .tile-front {
  transition: transform 0.6s ease-in-out;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.quickhittile .tile.flip-slow {
  z-index: 1;
}
.quickhittile .tile.flip-slow .tile-back, .quickhittile .tile.flip-slow .tile-front {
  transition: transform 1s ease-in-out;
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.quickhittile .tile.flip-none .tile-back, .quickhittile .tile.flip-none .tile-front {
  transition: none;
}
.quickhittile .tile.flip-none.flip-fast .tile-back, .quickhittile .tile.flip-none.flip-fast .tile-front {
  transition: none;
}
.quickhittile .tile.clicked .tile-back:after, .quickhittile .tile.clicked .tile-front:after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background: #474747;
  border-radius: 50%;
  top: 4px;
  right: 4px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
}
.quickhittile .tile.clicked .tile-back.circle:after, .quickhittile .tile.clicked .tile-front.circle:after {
  right: auto;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
.quickhittile .tile .tile-back, .quickhittile .tile .tile-front {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  box-sizing: border-box;
  transition: transform 0.9s ease-in-out;
  -webkit-transition: -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1);
}
.quickhittile .tile .tile-back.circle, .quickhittile .tile .tile-front.circle {
  border-radius: 50%;
}
.quickhittile .tile .tile-back a, .quickhittile .tile .tile-front a {
  pointer-events: auto;
}
.quickhittile .tile .tile-back .tile-txt, .quickhittile .tile .tile-front .tile-txt {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.quickhittile .tile .tile-back .tile-txt .tile-txt-cont, .quickhittile .tile .tile-front .tile-txt .tile-txt-cont {
  display: inline-flex;
  width: 100%;
  line-height: 120%;
  margin: 0;
  font-family: "Caveat", handwriting;
  display: inline-flex;
  flex-direction: column;
}
.quickhittile .tile .tile-back .tile-txt .tile-txt-cont .tile-title, .quickhittile .tile .tile-front .tile-txt .tile-txt-cont .tile-title {
  margin: 0 0 4px 0;
}
.quickhittile .tile .tile-back .tile-txt .tile-txt-cont :last-child, .quickhittile .tile .tile-front .tile-txt .tile-txt-cont :last-child {
  margin-bottom: 0;
}
.quickhittile .tile .tile-back .tile-txt .tile-txt-cont .align-center, .quickhittile .tile .tile-back .tile-txt .tile-txt-cont .ql-align-center, .quickhittile .tile .tile-front .tile-txt .tile-txt-cont .align-center, .quickhittile .tile .tile-front .tile-txt .tile-txt-cont .ql-align-center {
  text-align: center;
}
.quickhittile .tile .tile-back .tile-txt .tile-txt-cont .align-left, .quickhittile .tile .tile-back .tile-txt .tile-txt-cont .ql-align-left, .quickhittile .tile .tile-front .tile-txt .tile-txt-cont .align-left, .quickhittile .tile .tile-front .tile-txt .tile-txt-cont .ql-align-left {
  text-align: left;
}
.quickhittile .tile .tile-back .tile-txt .tile-txt-cont .align-right, .quickhittile .tile .tile-back .tile-txt .tile-txt-cont .ql-align-right, .quickhittile .tile .tile-front .tile-txt .tile-txt-cont .align-right, .quickhittile .tile .tile-front .tile-txt .tile-txt-cont .ql-align-right {
  text-align: right;
}
.quickhittile .tile .tile-back .tile-txt .tile-txt-cont .ql-align-justify, .quickhittile .tile .tile-front .tile-txt .tile-txt-cont .ql-align-justify {
  text-align: justify;
}
.quickhittile .tile .tile-back .tile-txt .tile-txt-cont p, .quickhittile .tile .tile-front .tile-txt .tile-txt-cont p {
  font-family: "Caveat", handwriting;
  line-height: 120%;
  margin-bottom: 0;
}
.quickhittile .tile .tile-back .tile-txt.tile-pad3 .tile-txt-cont, .quickhittile .tile .tile-back .tile-txt.tile-pad1 .tile-txt-cont, .quickhittile .tile .tile-front .tile-txt.tile-pad3 .tile-txt-cont, .quickhittile .tile .tile-front .tile-txt.tile-pad1 .tile-txt-cont {
  padding-top: 80px;
}
.quickhittile .tile .tile-back .tile-txt.tile-pad4 .tile-txt-cont, .quickhittile .tile .tile-front .tile-txt.tile-pad4 .tile-txt-cont {
  padding-top: 63px;
}
.quickhittile .tile .tile-back .tile-txt.tile-pad5 .tile-txt-cont, .quickhittile .tile .tile-front .tile-txt.tile-pad5 .tile-txt-cont {
  padding-top: 46px;
}
.quickhittile .tile .tile-back .tile-txt.tile-vert .tile-txt-cont, .quickhittile .tile .tile-front .tile-txt.tile-vert .tile-txt-cont {
  justify-content: center;
}
.quickhittile .tile .tile-back .tile-txt.tile-btm .tile-txt-cont, .quickhittile .tile .tile-front .tile-txt.tile-btm .tile-txt-cont {
  justify-content: flex-end;
}
.quickhittile .tile .tile-back .tile-bg, .quickhittile .tile .tile-back .tile-bg-image, .quickhittile .tile .tile-front .tile-bg, .quickhittile .tile .tile-front .tile-bg-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.quickhittile .tile .tile-back .tile-bg, .quickhittile .tile .tile-front .tile-bg {
  z-index: -1;
  background-color: #bbb;
}
.quickhittile .tile .tile-front {
  z-index: 2;
}
.quickhittile .tile .AudioTranscript {
  bottom: 12px;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 12px;
  transition: 0.2s;
}
.quickhittile .tile.horizontal .AudioTranscript, .quickhittile .tile.horizontalLR .AudioTranscript, .quickhittile .tile.vertical .AudioTranscript, .quickhittile .tile.verticalBT .AudioTranscript {
  opacity: 1;
  transition-delay: 0.5s;
}
.quickhittile .tile .tile-back.horizontal {
  transform: perspective(800px) rotateY(180deg);
}
.quickhittile .tile .tile-front.horizontal {
  transform: perspective(800px) rotateY(0deg);
}
.quickhittile .tile .tile-back.horizontalLR {
  transform: perspective(800px) rotateY(-180deg);
}
.quickhittile .tile .tile-front.horizontalLR {
  transform: perspective(800px) rotateY(0deg);
}
.quickhittile .tile .tile-back.vertical {
  transform: perspective(800px) rotateX(180deg);
}
.quickhittile .tile .tile-front.verticalBT {
  transform: perspective(800px) rotateX(0deg);
}
.quickhittile .tile .tile-back.verticalBT {
  transform: perspective(800px) rotateX(-180deg);
}
.quickhittile .tile .tile-front.vertical {
  transform: perspective(800px) rotateX(0deg);
}
.quickhittile .tile.horizontal .tile-back {
  transform: perspective(800px) rotateY(0deg);
}
.quickhittile .tile.horizontal .tile-front {
  transform: perspective(800px) rotateY(-180deg);
}
.quickhittile .tile.horizontalLR .tile-back {
  transform: perspective(800px) rotateY(0deg);
}
.quickhittile .tile.horizontalLR .tile-front {
  transform: perspective(800px) rotateY(180deg);
}
.quickhittile .tile.vertical .tile-back {
  transform: perspective(800px) rotateX(0deg);
}
.quickhittile .tile.vertical .tile-front {
  transform: perspective(800px) rotateX(-180deg);
}
.quickhittile .tile.verticalBT .tile-back {
  transform: perspective(800px) rotateX(0deg);
}
.quickhittile .tile.verticalBT .tile-front {
  transform: perspective(800px) rotateX(180deg);
}
@media (max-width: 1279px) {
  .quickhittile.sizeR .tile.tile-respsize5 {
    width: calc(25% - 14px);
    min-width: calc(25% - 14px);
    padding-top: calc(25% - 14px);
  }
}
@media (max-width: 1023px) {
  .quickhittile.sizeR .tile.tile-respsize5, .quickhittile.sizeR .tile.tile-respsize4 {
    width: calc(33.33333333% - 14px);
    min-width: calc(33.33333333% - 14px);
    padding-top: calc(33.33333333% - 14px);
  }
}
@media (max-width: 767px) {
  .quickhittile:not(.sizeR) {
    display: flex;
    justify-content: center;
    margin-top: -10px;
    margin-left: auto;
    margin-right: auto;
  }
  .quickhittile.sizeR .tile.tile-respsize5, .quickhittile.sizeR .tile.tile-respsize4, .quickhittile.sizeR .tile.tile-respsize3 {
    width: calc(50% - 14px);
    min-width: calc(50% - 14px);
    padding-top: calc(50% - 14px);
  }
}
@media (max-width: 479px) {
  .quickhittile {
    display: flex;
    justify-content: center;
    margin-top: -10px;
    margin-left: auto;
    margin-right: auto;
  }
  .quickhittile.sizeR .tile {
    margin-right: 0;
    margin-left: 0;
  }
  .quickhittile.sizeR .tile.tile-respsize5, .quickhittile.sizeR .tile.tile-respsize4, .quickhittile.sizeR .tile.tile-respsize3, .quickhittile.sizeR .tile.tile-respsize2, .quickhittile.sizeR .tile.tile-respsize1 {
    width: 100%;
    min-width: 100%;
    padding-top: 100%;
  }
}
.quiz-listen {
  position: relative;
}
.quiz-listen .quizlisten-col-q .quizlisten-player {
  background: #333333;
  border: 2px solid #333333;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header {
  align-items: center;
  display: inline-flex;
  position: relative;
  width: 100%;
  min-height: 53px;
  flex-wrap: wrap;
  padding: 8px 23px;
  background: #fff;
  box-sizing: border-box;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header.calculated button {
  display: none;
  position: relative;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header.calculated button:not(:first-child) {
  left: auto;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header.calculated button.active {
  display: inline-block;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header button {
  position: absolute;
  margin-right: 23px;
  padding: 13px 16px 11px 35px;
  background: #df1959;
  font-size: 11px;
  line-height: 130%;
  letter-spacing: 1.6px;
  font-weight: bold;
  color: #333333;
  box-sizing: content-box;
  border: none;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header button:not(:first-child) {
  left: -4000px;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header button:hover {
  background: #bbb;
  color: #000;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header button.btn span {
  display: inline-block;
  position: relative;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header button.play span:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/play_video_gray.svg");
  background-size: 11px 11px;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header button.pause span:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/pause_gray.svg");
  background-size: 10px 10px;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header button.replay {
  background: #333333;
  color: #df1959;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header button.replay:hover {
  background: #000;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header button.replay span:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/replay_white.svg");
  background-size: 11px 11px;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header button.next span:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/arrow_next_gray.svg");
  background-size: 11px 11px;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header button.btn span:before {
  content: "";
  position: absolute;
  display: inline-block;
  left: -17px;
  width: 11px;
  height: 14px;
  background-position: center center;
  background-repeat: no-repeat;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header .wave-progress {
  display: inline-flex;
  min-width: 228px;
  height: 34px;
  overflow: hidden;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header .wave-progress .wave {
  display: inline-block;
  width: 3px;
  height: 34px;
  margin: 21px 5px 0 0;
  background: #939393;
  border-radius: 2px;
  will-change: margin-top;
  transition: margin-top 0.16s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header .wave-progress .wave:last-child {
  margin-right: 0;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header .wave-progress .wave.active {
  background: #373737;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .header .AudioTranscript {
  position: absolute;
  right: -2px;
  top: 2px;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .display {
  position: relative;
  height: 150px;
  margin: 15px 11px 15px 15px;
  border: 2px solid #626362;
  box-sizing: border-box;
  transition: border 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  z-index: 1;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .display.active {
  border: 2px solid transparent;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .display.active .media {
  opacity: 1;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .display.active .prompt {
  opacity: 0;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .display .media {
  position: absolute;
  top: 0;
  left: 0;
  width: 138px;
  height: 146px;
  box-shadow: inset 0px 0px 0px 2px #000000;
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  transform-origin: left top;
  z-index: 1;
  pointer-events: none;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .display .caption-cont {
  position: absolute;
  width: calc(100% - 157px);
  height: 100%;
  top: 0;
  left: 157px;
  box-sizing: border-box;
  padding: 9px 4px 0 0;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.quiz-listen .quizlisten-col-q .quizlisten-player .display .caption-cont {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .display .caption-cont.animate {
  opacity: 1;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .display .caption-cont.active {
  transition: none;
  opacity: 1;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .display .caption-cont .caption {
  color: #fff;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .display .caption-cont .caption .component.text {
  margin-bottom: 0 !important;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .display .caption-cont .caption .component.text {
  word-break: break-word;
  overflow-wrap: break-word;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .display .prompt {
  position: absolute;
  display: flex;
  width: 100%;
  top: 50%;
  left: 0;
  align-items: center;
  justify-content: center;
  transform: translate(0, -50%);
  margin: auto;
  padding: 0 35px;
  text-align: center;
  font-family: "Caveat", handwriting;
  font-size: 13px;
  line-height: 130%;
  letter-spacing: 1.2px;
  color: #fff;
  box-sizing: border-box;
  opacity: 1;
  transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  pointer-events: none;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .display .prompt.inactive {
  display: none;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .carousel {
  position: relative;
  height: 58px;
  margin-bottom: 15px;
  padding: 0 37px;
  box-sizing: border-box;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .carousel .arrow {
  position: absolute;
  width: 37px;
  height: 58px;
  top: 0;
  left: 0;
  cursor: pointer;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .carousel .arrow.arrowR {
  left: auto;
  right: 0;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .carousel .arrow.active:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -5px;
  width: 0;
  height: 0;
  right: 4px;
  border-right: 16px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .carousel .arrow.active.disabled:before {
  border-right: 16px solid #909190;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .carousel .arrow.active.arrowR:before {
  right: auto;
  left: 4px;
  border-right: none;
  border-left: 16px solid #fff;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .carousel .arrow.active.arrowR.disabled:before {
  border-right: none;
  border-left: 16px solid #909190;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .carousel .arrow.disabled, .quiz-listen .quizlisten-col-q .quizlisten-player .carousel .arrow:not(.active) {
  pointer-events: none;
  cursor: default;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .carousel .entries {
  position: relative;
  overflow: hidden;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .carousel .entries .entries-slide {
  display: flex;
  position: relative;
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.quiz-listen .quizlisten-col-q .quizlisten-player .carousel .entries .entries-slide .entry {
  display: inline-block;
  position: relative;
  width: 58px;
  min-width: 58px;
  height: 58px;
  margin: 0 2px;
  box-sizing: border-box;
  cursor: pointer;
  background: #787878;
  transition: background 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.quiz-listen .quizlisten-col-q .quizlisten-player .carousel .entries .entries-slide .entry.active {
  background: #5c5c5c;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .carousel .entries .entries-slide .entry.active .media-obj {
  opacity: 0.4;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .carousel .entries .entries-slide .entry.active .media-obj:after {
  border: 2px solid #cc3300;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .carousel .entries .entries-slide .entry.replay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/replay_white.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .carousel .entries .entries-slide .entry.replay.inactive .media-obj {
  opacity: 1;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .carousel .entries .entries-slide .entry.replay.inactive .media-obj:after {
  background: rgba(120, 120, 120, 0.9);
}
.quiz-listen .quizlisten-col-q .quizlisten-player .carousel .entries .entries-slide .entry .media-obj {
  width: 58px;
  height: 58px;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  opacity: 0.1;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.quiz-listen .quizlisten-col-q .quizlisten-player .carousel .entries .entries-slide .entry .media-obj:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  box-sizing: border-box;
  transition: border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.quiz-listen .quizlisten-col-a .quizlisten-a-cont {
  margin-left: 12px;
  height: 100%;
}
.quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-answers {
  display: none;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
.quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-answers.active {
  display: flex;
}
.quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-answers.completed {
  pointer-events: none;
}
.quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-answers .quizlisten-answer {
  flex: 1;
  width: 100%;
  padding: 9px 19px;
  box-sizing: border-box;
  background: #000000;
  font-family: "Caveat", handwriting;
  font-size: 14px;
  line-height: 150%;
  font-weight: bold;
  letter-spacing: 1px;
  color: #333333;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-answers .quizlisten-answer {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-answers .quizlisten-answer:not(:first-child) {
  margin-top: 6px;
}
.quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-answers .quizlisten-answer.chosen {
  background: #333333;
  color: #fff;
  background: #1a1a1a !important;
  color: #FFFFFF !important;
}
.quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-feedback {
  display: none;
  position: relative;
  margin-top: 20px;
  color: #333;
  font-size: 14px;
  line-height: 170%;
}
.quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-feedback.active {
  display: block;
}
.quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-feedback:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 13px;
  left: -17px;
  top: 5px;
  display: inline-block;
  background-size: 14px 13px;
  background-repeat: no-repeat;
}
.quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-feedback.correct:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/answer_correct_gray.svg");
}
.quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-feedback.incorrect:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/answer_incorrect_gray.svg");
  background-size: 3px 11px;
  top: 6px;
  left: -11px;
}
.quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-feedback .component.text {
  margin-bottom: 0 !important;
}
.quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-feedback button {
  margin: 12px 0 40px 0;
  background: #333;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
}
.quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-feedback button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-feedback button.active {
  visibility: visible;
  opacity: 1;
}
.quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-feedback button:hover, .quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-feedback button:active, .quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-feedback button.focus, .quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-feedback button:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
body[dir="RTL"] .quiz-listen {
  direction: ltr;
}
body[dir="RTL"] .quiz-listen .quizlisten-col-q {
  direction: rtl;
}
body[dir="RTL"] .quiz-listen .quizlisten-col-q .quizlisten-player .header {
  direction: ltr;
}
body[dir="RTL"] .quiz-listen .quizlisten-col-q .quizlisten-player .header button {
  text-align: left;
}
body[dir="RTL"] .quiz-listen .quizlisten-col-q .quizlisten-player .header button.next span:before {
  transform: scale(-1, 1);
}
body[dir="RTL"] .quiz-listen .quizlisten-col-q .quizlisten-player .header button span:before {
  left: auto;
  right: -17px;
}
body[dir="RTL"] .quiz-listen .quizlisten-col-q .quizlisten-player .display .caption-cont {
  padding-right: 0;
  padding-left: 4px;
}
body[dir="RTL"] .quiz-listen .quizlisten-col-a {
  direction: rtl;
}
body[dir="RTL"] .quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-feedback:before {
  left: auto;
  right: -17px;
}
body[dir="RTL"] .quiz-listen .quizlisten-col-a .quizlisten-a-cont .quizlisten-feedback.incorrect:before {
  right: -22px;
}
@media (max-width: 1024px) {
  .quiz-listen .quizlisten-col-q .quizlisten-player .header button {
    margin-right: 16px;
  }
  .quiz-listen .quizlisten-col-q .quizlisten-player .header .wave-progress .wave {
    margin-right: 4px;
  }
  body[dir="RTL"] .quiz-listen .quizlisten-col-q .quizlisten-player .header button {
    margin-right: 0;
    margin-left: 16px;
  }
  body[dir="RTL"] .quiz-listen .quizlisten-col-q .quizlisten-player .header .wave-progress .wave {
    margin-right: 0;
    margin-left: 4px;
  }
  body[dir="RTL"] .quiz-listen .quizlisten-col-q .quizlisten-player .header .wave-progress .wave:last-child {
    margin-left: 0;
  }
  .quiz-listen .quizlisten-col-q, body[dir="RTL"] .quiz-listen .quizlisten-col-q {
    width: 100%;
  }
  .quiz-listen .quizlisten-col-q .quizlisten-player .header, body[dir="RTL"] .quiz-listen .quizlisten-col-q .quizlisten-player .header {
    padding: 8px;
  }
  .quiz-listen .quizlisten-col-q .quizlisten-player .header .wave-progress, body[dir="RTL"] .quiz-listen .quizlisten-col-q .quizlisten-player .header .wave-progress {
    min-width: 200px;
  }
  .quiz-listen .quizlisten-col-a, body[dir="RTL"] .quiz-listen .quizlisten-col-a {
    width: 100%;
  }
  .quiz-listen .quizlisten-col-a .quizlisten-a-cont, body[dir="RTL"] .quiz-listen .quizlisten-col-a .quizlisten-a-cont {
    height: auto;
  }
}
@media (max-width: 768px) {
  .quiz-listen .quizlisten-col-a:not(.quizlisten-fdbk-col), body[dir="RTL"] .quiz-listen .quizlisten-col-a:not(.quizlisten-fdbk-col) {
    margin-top: 20px;
  }
  .quiz-listen .quizlisten-col-a .quizlisten-a-cont, body[dir="RTL"] .quiz-listen .quizlisten-col-a .quizlisten-a-cont {
    margin-left: 0;
    margin-right: 0;
  }
}
.quiz-nonjudged {
  visibility: hidden;
}
.quiz-nonjudged.active {
  visibility: visible;
}
.quiz-nonjudged.active .quiz-nonjudged-slides .quiz-nonjudged-slide {
  transition: all 0.8s;
}
.quiz-nonjudged .quiz-nonjudged-slides {
  position: relative;
  height: 400px;
  z-index: 0;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  padding: 25px 0;
  box-sizing: border-box;
  opacity: 1;
  will-change: top, transform, z-index, opacity;
  background-color: #000000;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide0 {
  top: 0px;
  transform: scale(1, 1);
  z-index: 20;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide1 {
  top: 15px;
  transform: scale(0.98, 0.98);
  z-index: 19;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide2 {
  top: 30px;
  transform: scale(0.96, 0.96);
  z-index: 18;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide3 {
  top: 45px;
  transform: scale(0.94, 0.94);
  z-index: 17;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide4 {
  top: 60px;
  transform: scale(0.92, 0.92);
  z-index: 16;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide5 {
  top: 75px;
  transform: scale(0.9, 0.9);
  z-index: 15;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide6 {
  top: 90px;
  transform: scale(0.88, 0.88);
  z-index: 14;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide7 {
  top: 105px;
  transform: scale(0.86, 0.86);
  z-index: 13;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide8 {
  top: 120px;
  transform: scale(0.84, 0.84);
  z-index: 12;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide9 {
  top: 135px;
  transform: scale(0.82, 0.82);
  z-index: 11;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide10 {
  top: 150px;
  transform: scale(0.8, 0.8);
  z-index: 10;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide11 {
  top: 165px;
  transform: scale(0.78, 0.78);
  z-index: 9;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide12 {
  top: 180px;
  transform: scale(0.76, 0.76);
  z-index: 8;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide13 {
  top: 195px;
  transform: scale(0.74, 0.74);
  z-index: 7;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide14 {
  top: 210px;
  transform: scale(0.72, 0.72);
  z-index: 6;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide15 {
  top: 225px;
  transform: scale(0.7, 0.7);
  z-index: 5;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide16 {
  top: 240px;
  transform: scale(0.68, 0.68);
  z-index: 4;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide17 {
  top: 255px;
  transform: scale(0.66, 0.66);
  z-index: 3;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide18 {
  top: 270px;
  transform: scale(0.64, 0.64);
  z-index: 2;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide19 {
  top: 285px;
  transform: scale(0.62, 0.62);
  z-index: 1;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.non-slide20 {
  top: 300px;
  transform: scale(0.6, 0.6);
  z-index: 0;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide.fadeOut {
  top: -15px;
  z-index: 20;
  opacity: 0;
  transform: scale(1.02, 1.02);
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row {
  height: 100%;
  color: #fff;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa {
  padding-left: 23px !important;
  padding-right: 12px !important;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-media {
  position: relative;
  height: 100%;
  overflow: hidden;
  padding-right: 22px !important;
  padding-left: 23px !important;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-media.scroll {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-media .component:last-of-type {
  margin-bottom: 0 !important;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa {
  position: relative;
  height: 100%;
  padding-left: 12px !important;
  padding-right: 25px !important;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa.inline-summary .quiz-qa {
  height: 325px;
  margin-bottom: 13px;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa.inline-summary .quiz-btncont {
  display: none;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-feedback-nj {
  position: absolute;
  top: -1000px;
  margin-top: 14px;
  padding: 24px 30px;
  background-color: #262626;
  transition: opacity 0.3s;
  opacity: 0;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-feedback-nj.active {
  position: relative;
  top: 0;
  opacity: 1;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-feedback-nj.fadeOut {
  position: relative;
  top: 0;
  opacity: 0;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-feedback-nj .component {
  margin-bottom: 0 !important;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-feedback-nj .component a {
  font-weight: bold;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-summary {
  padding: 24px 30px;
  background-color: #262626;
  opacity: 0;
  animation: fadeSummaryIn 0.3s forwards;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-summary .quiz-summary-title {
  display: flex;
  margin: 0;
  padding-bottom: 4px;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-summary .component:last-of-type {
  margin-bottom: 0 !important;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-dots {
  position: relative;
  width: 100%;
  left: 0;
  height: 12px;
  text-align: center;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-dots ul {
  display: block;
  position: relative;
  padding: 0;
  height: 12px;
  margin-bottom: 0;
  list-style: none;
  line-height: 12px;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-dots ul li {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  margin: 0 8px;
  box-sizing: border-box;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-dots ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: transparent;
  box-sizing: border-box;
  transform: translate(-50%, -50%);
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-dots ul li.active:before {
  background-color: #fff;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa {
  position: relative;
  height: 276px;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-q-wrapper {
  position: relative;
  width: 100%;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa.reversed .component:first-child {
  margin-top: 0 !important;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-q {
  padding: 10px 10px 0 10px;
  margin: 0;
  text-align: center;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-q.align-left {
  padding-right: 40px;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-q.align-right {
  padding-left: 40px;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-q .component {
  text-align: center;
  margin-bottom: 0 !important;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-q.reversed .component:first-of-type {
  margin-top: 20px !important;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-cont-a.active .quiz-qa-a {
  display: block;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-cont-a .quiz-qa-a {
  display: none;
  padding: 6px 10px;
  text-align: center;
  margin-top: 20px;
  background-color: #262626;
  cursor: pointer;
  opacity: 1;
  position: relative;
  transition: opacity 0.3s;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-cont-a .quiz-qa-a.fadeOut {
  opacity: 0;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-q.align-left, .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-cont-a .quiz-qa-a.align-left, .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-cont-a .quiz-feedback-nj.align-left {
  text-align: left;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-q.align-left .component, .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-cont-a .quiz-qa-a.align-left .component, .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-cont-a .quiz-feedback-nj.align-left .component {
  text-align: left;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-q.align-right, .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-cont-a .quiz-qa-a.align-right, .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-cont-a .quiz-feedback-nj.align-right {
  text-align: right;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-q.align-right .component, .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-cont-a .quiz-qa-a.align-right .component, .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-cont-a .quiz-feedback-nj.align-right .component {
  text-align: right;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .transcript {
  position: absolute;
  top: 0;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .transcript.align-left {
  right: 0;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .transcript.align-right {
  left: 0;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .transcript .AudioTranscript {
  margin: 0;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-btncont {
  position: relative;
  height: 37px;
  text-align: center;
  margin-top: 12px;
  margin-bottom: 13px;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-btncont button {
  margin: 0;
  background: #333;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-btncont button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-btncont button.active {
  visibility: visible;
  opacity: 1;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-btncont button.fadeIn {
  animation: fadeSummaryIn 0.3s forwards;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-btncont button.fadeOut {
  visibility: visible;
  opacity: 0;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-btncont button.inactive {
  display: none;
}
.quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-btncont button:hover, .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-btncont button:active, .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-btncont button.focus, .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-btncont button:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
@keyframes fadeSummaryIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.quiz-nonjudged .quiz-nonjudged-slides.light-ui .quiz-nonjudged-slide {
  background-color: #df1959;
}
.quiz-nonjudged .quiz-nonjudged-slides.light-ui .quiz-nonjudged-slide .quiz-nonjudged-row {
  color: #333333;
}
.quiz-nonjudged .quiz-nonjudged-slides.light-ui .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-summary, .quiz-nonjudged .quiz-nonjudged-slides.light-ui .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-feedback-nj {
  background-color: #fff;
}
.quiz-nonjudged .quiz-nonjudged-slides.light-ui .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-a {
  background-color: #fff;
}
.quiz-nonjudged .quiz-nonjudged-slides.light-ui .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-dots ul li:before {
  border-color: #474747;
}
.quiz-nonjudged .quiz-nonjudged-slides.light-ui .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-dots ul li.active:before {
  background-color: #474747;
}
body[dir="RTL"] .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row {
  direction: ltr;
}
body[dir="RTL"] .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-media, body[dir="RTL"] .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa {
  direction: rtl;
}
body[dir="RTL"] .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-media .quiz-qa-q, body[dir="RTL"] .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-media .quiz-qa-a, body[dir="RTL"] .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa-q, body[dir="RTL"] .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa-a {
  direction: rtl;
  text-align: right !important;
}
body[dir="RTL"] .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-media .quiz-qa-q .component, body[dir="RTL"] .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-media .quiz-qa-a .component, body[dir="RTL"] .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa-q .component, body[dir="RTL"] .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa-a .component {
  text-align: right !important;
}
body[dir="RTL"] .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-media .quiz-qa-q, body[dir="RTL"] .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa-q {
  padding-left: 40px;
  padding-right: 10px !important;
}
body[dir="RTL"] .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-media .transcript, body[dir="RTL"] .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .transcript {
  left: 0;
  right: unset !important;
}
@media (max-width: 767px) {
  .md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide, body[dir="RTL"].md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide {
    padding: 20px 0;
  }
  .md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa, .md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa, body[dir="RTL"].md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa, body[dir="RTL"].md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa, .md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa, body[dir="RTL"].md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa, body[dir="RTL"].md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa {
    padding: 0 20px 19px 20px;
  }
  .md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .component, .md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .component, body[dir="RTL"].md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .component, body[dir="RTL"].md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .component {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
  }
  .md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .quiz-qa-q, .md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-q, body[dir="RTL"].md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .quiz-qa-q, body[dir="RTL"].md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-q {
    padding-top: 0;
  }
  .md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .quiz-qa-q .component, .md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-q .component, body[dir="RTL"].md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .quiz-qa-q .component, body[dir="RTL"].md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-q .component {
    margin-top: 0 !important;
  }
  .md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .quiz-feedback-nj .component, .md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-feedback-nj .component, body[dir="RTL"].md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .quiz-feedback-nj .component, body[dir="RTL"].md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-feedback-nj .component {
    margin-top: 0 !important;
  }
  .md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .quiz-summary .component:first-of-type, .md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-summary .component:first-of-type, body[dir="RTL"].md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .quiz-summary .component:first-of-type, body[dir="RTL"].md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-summary .component:first-of-type {
    margin-top: 0 !important;
  }
  .md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-btncont, .md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-btncont, body[dir="RTL"].md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-btncont, body[dir="RTL"].md-desktop .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-btncont {
    margin-bottom: 12px;
  }
  .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .transcript.align-left {
    right: 20px;
  }
  .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .transcript.align-right {
    left: 20px;
  }
}
.md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide, body[dir="RTL"].md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide {
  padding: 20px 0;
}
.md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa, .md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa, body[dir="RTL"].md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa, body[dir="RTL"].md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa, .md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa, body[dir="RTL"].md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa, body[dir="RTL"].md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa {
  padding: 0 20px 19px 20px;
}
.md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .component, .md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .component, body[dir="RTL"].md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .component, body[dir="RTL"].md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .component {
  margin-top: 20px !important;
  margin-bottom: 0 !important;
}
.md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .quiz-qa-q, .md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-q, body[dir="RTL"].md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .quiz-qa-q, body[dir="RTL"].md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-q {
  padding-top: 0;
}
.md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .quiz-qa-q .component, .md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-q .component, body[dir="RTL"].md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .quiz-qa-q .component, body[dir="RTL"].md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-qa-q .component {
  margin-top: 0 !important;
}
.md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .quiz-feedback-nj .component, .md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-feedback-nj .component, body[dir="RTL"].md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .quiz-feedback-nj .component, body[dir="RTL"].md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-feedback-nj .component {
  margin-top: 0 !important;
}
.md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .quiz-summary .component:first-of-type, .md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-summary .component:first-of-type, body[dir="RTL"].md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-qa .quiz-summary .component:first-of-type, body[dir="RTL"].md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-qa .quiz-summary .component:first-of-type {
  margin-top: 0 !important;
}
.md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-btncont, .md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-btncont, body[dir="RTL"].md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row.reversed .quiz-nonjudged-qa .quiz-btncont, body[dir="RTL"].md-phone .quiz-nonjudged .quiz-nonjudged-slides .quiz-nonjudged-slide .quiz-nonjudged-row .quiz-nonjudged-qa .quiz-btncont {
  margin-bottom: 12px;
}
.ScratchReveal {
  text-align: center;
  font-family: Avenir, sans-serif;
}
.ScratchReveal #scratch {
  display: block;
  margin: 0 auto;
  background-size: cover;
  width: 100%;
  max-width: 750px;
  height: auto;
  cursor: crosshair;
  cursor: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/circular-cursor.png) 53 53, crosshair;
}
.ScratchReveal .ScratchContainer {
  cursor: crosshair;
}
.ScratchReveal .buttons {
  margin: 15px 0;
}
.ScratchReveal .buttons button {
  margin: 0 5px;
}
.ScratchCanvas {
  position: relative;
  width: 100%;
}
.ScratchCanvas canvas {
  width: 100%;
}
.separator-wrapper {
  display: flex;
  justify-content: center;
  position: relative;
}
.separator-wrapper .separator {
  background-color: #000000;
  position: relative;
  height: 4px;
  opacity: 1;
  width: 100%;
}
.SimpleTable table {
  border-style: solid;
}
.SimpleTable table .component.text {
  margin-bottom: 0 !important;
}
.js-transitions-disabled * {
  transition: none !important;
}
.Split3dCarousel {
  height: 100%;
  min-height: 50vh;
  opacity: 0;
  perspective-origin: 50% 50%;
  perspective: 50vw;
  position: relative;
  transition: opacity 0.5s;
}
.Split3dCarousel .control-bar {
  align-items: center;
  display: flex;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  z-index: 1;
}
.Split3dCarousel .control-bar.bottom, .Split3dCarousel .control-bar.top {
  height: 40px;
  justify-content: center;
  left: 0;
  right: auto;
  width: 100%;
}
.Split3dCarousel .control-bar.bottom .carousel__control, .Split3dCarousel .control-bar.top .carousel__control {
  backface-visibility: hidden;
  flex-direction: row;
  height: 100%;
  padding: 0 15px;
  width: auto;
}
.Split3dCarousel .control-bar.bottom .carousel__control a, .Split3dCarousel .control-bar.top .carousel__control a {
  height: 100%;
  padding: 0;
  width: 40px;
}
.Split3dCarousel .control-bar.bottom {
  bottom: 0;
  top: auto;
}
.Split3dCarousel .control-bar.left {
  left: 0;
  right: auto;
}
.Split3dCarousel .control-bar .carousel__control {
  background: #fff;
  display: flex;
  flex-direction: column;
  padding: 15px 0;
  pointer-events: all;
  width: 100%;
}
.Split3dCarousel .control-bar .carousel__control a {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 30% 0;
  position: relative;
  width: 100%;
}
.Split3dCarousel .control-bar .carousel__control a.active {
  pointer-events: none;
}
.Split3dCarousel .control-bar .carousel__control a.active .dot:before {
  background: #000000;
}
.Split3dCarousel .control-bar .carousel__control a.active.clicked .dot:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 5px;
}
.Split3dCarousel .control-bar .carousel__control a.clicked .dot:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 5px;
}
.Split3dCarousel .control-bar .carousel__control a .dot {
  background: #000000;
  border-radius: 50%;
  display: block;
  margin-top: -12.5%;
  margin: auto;
  padding-top: 25%;
  position: relative;
  transition: 0.2s;
  width: 25%;
}
.Split3dCarousel .control-bar .carousel__control a .dot:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 2px solid #000000;
  background: #fff;
}
.Split3dCarousel .control-bar .carousel__control a .dot:after {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Split3dCarousel .carousel__stage {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform-style: preserve-3d;
  transform: translateZ(-50vh);
  width: 100%;
}
.Split3dCarousel .spinner-container {
  height: 100%;
  position: relative;
  width: 50%;
}
.Split3dCarousel .spinner {
  backface-visibility: hidden;
  bottom: 0;
  height: 100vh;
  left: 0;
  margin: auto;
  position: absolute;
  right: auto;
  top: 0;
  transform-origin: 50% 50%;
  transform-style: preserve-3d;
  transform: rotateX(0);
  transition: transform 1s;
  width: 50%;
}
.Split3dCarousel .js-spin-fwd .spinner {
  transform: rotateX(-90deg);
}
.Split3dCarousel .js-spin-fwd .spinner--right {
  transform: rotateX(90deg);
}
.Split3dCarousel .js-spin-bwd .spinner {
  transform: rotateX(90deg);
}
.Split3dCarousel .js-spin-bwd .spinner--right {
  transform: rotateX(-90deg);
}
.Split3dCarousel .js-spin-bwd .spinner--right .spinner__face.js-next {
  transform: rotateX(-270deg) translateZ(50vh);
}
.Split3dCarousel .js-spin-bwd .spinner__face.js-next {
  transform: rotateX(-90deg) translateZ(50vh);
}
.Split3dCarousel .spinner--right {
  left: auto;
  right: 0;
}
.Split3dCarousel .spinner--right .spinner__face.js-next {
  transform: rotateX(270deg) translateZ(50vh);
}
.Split3dCarousel .spinner--right .content {
  left: -100%;
}
.Split3dCarousel .spinner__face {
  backface-visibility: hidden;
  display: none;
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
.Split3dCarousel .spinner__face.js-next {
  display: block;
  transform: rotateX(90deg) translateZ(50vh);
}
.Split3dCarousel .js-active {
  display: block;
  transform: translateZ(50vh);
}
.Split3dCarousel .content {
  height: 100%;
  left: 0;
  position: absolute;
  width: 200%;
}
.Split3dCarousel .content__left, .Split3dCarousel .content__right {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 50%;
}
.Split3dCarousel .content__left .bg-media, .Split3dCarousel .content__right .bg-media {
  background-repeat: no-repeat;
  height: 100%;
  left: 0;
  margin-bottom: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: 0.2s;
  width: 100%;
  z-index: 10;
}
.Split3dCarousel .content__left .bg-media .media-footer, .Split3dCarousel .content__right .bg-media .media-footer {
  display: none;
}
.Split3dCarousel .content__left .bg-media video, .Split3dCarousel .content__right .bg-media video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
.Split3dCarousel .content__left .bg-media .adobeanimate-bg, .Split3dCarousel .content__right .bg-media .adobeanimate-bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.Split3dCarousel .content__left .bg-media iframe, .Split3dCarousel .content__right .bg-media iframe {
  height: 100%;
  left: 0;
  min-width: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.Split3dCarousel .content__left .content__main, .Split3dCarousel .content__right .content__main {
  align-items: center;
  display: flex;
  height: 100%;
  justify-items: center;
  line-height: 1.65;
  margin: 0;
  padding: 0 8vw;
  position: absolute;
  text-align: left;
  width: 100%;
  z-index: 20;
}
.Split3dCarousel .content__left .content__main .component.text, .Split3dCarousel .content__right .content__main .component.text {
  margin-bottom: 0 !important;
  padding: 3em;
}
.Split3dCarousel .content__left .title, .Split3dCarousel .content__right .title {
  display: flex;
  height: 46%;
  left: 0;
  padding: 0 3em;
  position: absolute;
  pointer-events: none;
  top: 27%;
  width: calc(100% - 6em);
  z-index: 30;
}
.Split3dCarousel .content__left .title h1, .Split3dCarousel .content__right .title h1 {
  color: #FFF;
  letter-spacing: 0.15em;
  line-height: 0.6;
  margin: 0;
}
.Split3dCarousel .content__left > .AudioTranscript, .Split3dCarousel .content__right > .AudioTranscript {
  left: 15px;
  margin: 0;
  position: absolute;
  top: 15px;
  z-index: 40;
}
.Split3dCarousel .content__right {
  left: auto;
  right: 0;
}
.Split3dCarousel .content__left {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.Split3dCarousel .content__left:after {
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.Split3dCarousel .content__left span {
  font-weight: 300;
  letter-spacing: 0.2em;
  opacity: 0.9;
}
@keyframes slideDownActive {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(100%);
  }
}
@keyframes slideDownNext {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0%);
  }
}
@keyframes slideUpActive {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(-100%);
  }
}
@keyframes slideUpNext {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
@media (max-width: 767px) {
  .Split3dCarousel {
    min-height: 84vh !important;
    overflow: hidden;
    perspective: none;
    position: relative;
    /*
    &.anim-type-2{
      // height: 100%;
      min-height: 100vh !important;
      // overflow: hidden;
      // perspective-origin: 0 0;
      perspective: none;
      position: relative;
    
      
      .carousel__stage {
        // bottom: 20px;
        // left: 20px;
        bottom: auto;
        height: 100%;
        left: 0;
        // margin: auto;
        position: relative;
        // right: 20px;
        // top: 20px;
        // right: 0;
        top: 0;
        transform-style: none;//preserve-3d;
        // transform: translateZ(calc(-50vh + 40px));
        transform: none;
        width: 100%;
      }
      // .spinner-container{
      //   height: 100%;
      //   position: relative;
      //   width: 50%;
      // }
      .spinner {
        // width: calc(50vw - (20px));
        // backface-visibility: hidden;
        bottom: auto;
        height: 50vh !important;//calc(50vh - 40px);
        // left: 0;
        // left: 0;
        // margin: auto;
        // position: absolute;
        // right: auto;
        // right: auto;
        // top: 0;
        transform-origin: initial;// 50% 50%;
        transform-style: initial;// preserve-3d;
        transform: translateX(0);
        transition: transform 0.5s ease-in-out;
        // width: 50%;
        width: 100%;//calc(200vw - 40px);
      }
      .js-spin-fwd {
        .spinner {
          transform: translateX(100%) !important;
        }
        .spinner--right {
          transform: translateX(-100%) !important;
        }
      }
      .js-spin-bwd {
        .spinner {
          transform: translateX(-100%) !important;
        }
        .spinner--right {
          transform: translateX(100%) !important;
          .spinner__face {
            &.js-next {
              transform: translateX(-100%) !important;//rotateX(-270deg) translateZ(calc(50vh - 20px));
            }
          }
        }
        .spinner__face {
          &.js-next {
            transform: translateX(100%) !important;//rotateX(-90deg) translateZ(calc(50vh - 20px));
          }
        }
      }
      .spinner--right {
        // left: auto;
        // right: 0;
        top: 50vh;
        .spinner__face {
          &.js-next {
            transform: translateX(100%) !important;//rotateX(270deg) translateZ(calc(50vh - 20px));
          }
        }
        .content {
          left: 0;
        }
      }
      .spinner__face {
        // backface-visibility: hidden;
        // display: none;
        // height: 100%;
        // overflow: hidden;
        // position: absolute;
        // width: 100%;
        // width: 100%;
        &.js-next {
          // display: block;
          transform: translateX(-100%) !important;//rotateX(90deg) translateZ(calc(50vh - 20px));
        }
      }
      .js-active {
        // display: block;
        transform: none;// translateZ(calc(50vh - 20px));
      }
      .content {
        // height: 100%;
        // left: 0;
        // position: absolute;
        width: 100%;
      }
      .content__left,
      .content__right {
        // align-items: center;
        // display: flex;
        // justify-content: center;
        // height: 100%;
        // left: 0;
        // position: absolute;
        // top: 0;
        width: 100%;
        // .bg-media {
        //   background-repeat: no-repeat;
        //   height: 100%;
        //   left: 0;
        //   margin-bottom: 0;
        //   overflow: hidden;
        //   position: absolute;
        //   top: 0;
        //   transition: .2s;
        //   width: 100%;
        //   z-index: 10;
        //   .media-footer {
        //     display: none;
        //   }
    
        //   video {
        //     position: absolute;
        //     top: 50%;
        //     left: 50%;
        //     min-width: 100%;
        //     min-height: 100%;
        //     width: auto;
        //     height: auto;
        //     transform: translate(-50%, -50%);
        //   }
    
        //   .adobeanimate-bg{
        //     height: 100%;
        //     left: 0;
        //     position: absolute;
        //     top: 0;
        //     width: 100%;
        //   }
        //   iframe {
        //     height: 100%;
        //     left: 0;
        //     min-width: 100%;
        //     position: absolute;
        //     top: 0;
        //     width: 100%;
        //   }
        // }
        // .content__main {
        //   align-items: center;
        //   display: flex;
        //   // font-size: 1.3vw;
        //   // font-weight: 300;
        //   height: 100%;
        //   justify-items: center;
        //   line-height: 1.65;
        //   margin: 0;
        //   padding: 0 8vw;
        //   position: absolute;
        //   text-align: left;
        //   width: 100%;
        //   z-index: 20;
        //   .component{
        //     &.text{
        //       padding: 4em;
        //     }
        //   }
        // }
        // .title {
        //   display: flex;
        //   height: 46%;
        //   left: 0;
        //   padding: 0 3%;
        //   position: absolute;
        //   top: 27%;
        //   width: 94%;
        //   z-index: 30;
        //   h1{
        //     color: #FFF;
        //     letter-spacing: 0.15em;
        //     line-height: 0.6;
        //     margin: 0;
        //   }
        // }
        // .AudioTranscript{
        //   position: absolute;
        //   right: 1%;
        //   top: 26%;
        //   z-index: 40;
        // }
        .title{
          height: 90%;
          padding: 0 5%;
          top: 5%;
          width: 90%;
        }
      }
      // .content__right {
      //   left: 0;
      //   right: auto;
      // }
      // .content__left {
      //   background-repeat: no-repeat;
      //   background-size: cover;
      //   position: relative;
      //   &:after {
      //     background-color: rgba(0,0,0,0.1);
      //     content: "";
      //     display: block;
      //     height: 100%;
      //     position: absolute;
      //     width: 100%;
      //   }
      //   span {
      //     // font-size: 1vw;
      //     font-weight: 300;
      //     letter-spacing: 0.2em;
      //     opacity: 0.9;
      //   }
      // }
    }
      */
  }
  .Split3dCarousel .control-bar .carousel__control {
    background: transparent;
  }
  .Split3dCarousel .carousel__stage {
    bottom: auto;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    transform-style: none;
    transform: none;
    width: 100%;
  }
  .Split3dCarousel .spinner {
    bottom: auto;
    height: 42vh !important;
    transform-origin: initial;
    transform-style: initial;
    transform: translateX(0) translateY(0);
    width: 100%;
  }
  .Split3dCarousel.anim-type-1 .spinner {
    overflow: hidden;
  }
  .Split3dCarousel.anim-type-1 .js-spin-fwd .spinner {
    transform: none;
  }
  .Split3dCarousel.anim-type-1 .js-spin-fwd .spinner .spinner__face.js-active {
    animation: slideDownActive 0.5s ease-in-out forwards;
  }
  .Split3dCarousel.anim-type-1 .js-spin-fwd .spinner--right {
    transform: none;
  }
  .Split3dCarousel.anim-type-1 .js-spin-fwd .spinner--right .spinner__face.js-active {
    animation: slideUpActive 0.5s ease-in-out forwards;
  }
  .Split3dCarousel.anim-type-1 .js-spin-bwd .spinner {
    transform: none;
  }
  .Split3dCarousel.anim-type-1 .js-spin-bwd .spinner .spinner__face.js-active {
    animation: slideUpActive 0.5s ease-in-out forwards;
  }
  .Split3dCarousel.anim-type-1 .js-spin-bwd .spinner--right {
    transform: none;
  }
  .Split3dCarousel.anim-type-1 .js-spin-bwd .spinner--right .spinner__face.js-active {
    animation: slideDownActive 0.5s ease-in-out forwards;
  }
  .Split3dCarousel.anim-type-1 .js-spin-bwd .spinner--right .spinner__face.js-next {
    animation: slideDownNext 0.5s ease-in-out forwards;
  }
  .Split3dCarousel.anim-type-1 .js-spin-bwd .spinner__face.js-next {
    animation: slideUpNext 0.5s ease-in-out forwards;
  }
  .Split3dCarousel.anim-type-1 .spinner--right {
    top: 42vh;
  }
  .Split3dCarousel.anim-type-1 .spinner--right .spinner__face.js-next {
    animation: slideUpNext 0.5s ease-in-out forwards;
  }
  .Split3dCarousel.anim-type-1 .spinner--right .content {
    left: 0;
  }
  .Split3dCarousel.anim-type-1 .spinner__face {
    transform: translateY(-100%);
  }
  .Split3dCarousel.anim-type-1 .spinner__face.js-active {
    transform: translateY(0%);
  }
  .Split3dCarousel.anim-type-1 .spinner__face.js-next {
    animation: slideDownNext 0.5s ease-in-out forwards;
  }
  .Split3dCarousel.anim-type-2 .js-spin-fwd .spinner {
    transform: translateX(100%) !important;
  }
  .Split3dCarousel.anim-type-2 .js-spin-fwd .spinner--right {
    transform: translateX(-100%) !important;
  }
  .Split3dCarousel.anim-type-2 .js-spin-bwd .spinner {
    transform: translateX(-100%) !important;
  }
  .Split3dCarousel.anim-type-2 .js-spin-bwd .spinner--right {
    transform: translateX(100%) !important;
  }
  .Split3dCarousel.anim-type-2 .js-spin-bwd .spinner--right .spinner__face.js-next {
    transform: translateX(-100%) !important;
  }
  .Split3dCarousel.anim-type-2 .js-spin-bwd .spinner__face.js-next {
    transform: translateX(100%) !important;
  }
  .Split3dCarousel.anim-type-2 .spinner--right {
    top: 50vh;
  }
  .Split3dCarousel.anim-type-2 .spinner--right .spinner__face.js-next {
    transform: translateX(100%) !important;
  }
  .Split3dCarousel.anim-type-2 .spinner--right .content {
    left: 0;
  }
  .Split3dCarousel.anim-type-2 .spinner__face.js-next {
    transform: translateX(-100%) !important;
  }
  .Split3dCarousel .js-active {
    transform: none;
  }
  .Split3dCarousel .content {
    width: 100%;
  }
  .Split3dCarousel .content__left, .Split3dCarousel .content__right {
    width: 100%;
  }
  .Split3dCarousel .content__left .title, .Split3dCarousel .content__right .title {
    height: 90%;
    padding: 0 5%;
    top: 5%;
    width: 90%;
  }
}
.standard-quiz {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-bottom: 0 !important;
}
.standard-quiz.complete .overlay-select:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 6px;
  width: 12px;
  height: 12px;
  background: #474747;
  border-radius: 50%;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
  display: inline-block;
}
.standard-quiz.locked {
  pointer-events: none;
  opacity: 0.7;
}
.standard-quiz.locked .overlay-select {
  background: none;
  border: none;
}
.standard-quiz.locked:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1;
  border: 2px dotted #dadada;
}
.standard-quiz.locked:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: not-allowed;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock_light_ui.svg");
  width: 28px;
  height: 48px;
  background-size: 28px 48px;
  z-index: 1;
}
.standard-quiz .overlay-select {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.95);
  border: 2px dotted #737373;
  font-family: "PT Sans", Helvetica, Arial;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
}
.standard-quiz:not(.ios) {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.standard-quiz.sq-init {
  position: static;
}
.standard-quiz .overlay-select {
  height: calc(100vh - 79px);
  z-index: 2;
}
.standard-quiz .initTimer {
  position: absolute;
  top: 0;
}
.standard-quiz .initTimer.disabled {
  display: none;
}
.standard-quiz.navHidden .overlay-select {
  height: 100vh !important;
}
.standard-quiz.navHidden .sq-page-cont .sq-page .sq-fullpage-row {
  min-height: 100vh !important;
}
.standard-quiz.navHidden .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .sq-vert-cont-slide, .standard-quiz.navHidden .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .sq-vert-cont-slide {
  min-height: 100vh !important;
}
.standard-quiz .sq-page-cont {
  position: static;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  box-sizing: border-box;
  padding: 0;
}
.standard-quiz .sq-page-cont {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.standard-quiz .sq-page-cont.pos-timed {
  position: relative;
}
.standard-quiz .sq-page-cont .sq-page {
  display: flex;
  position: absolute;
  width: 100%;
  min-height: 100%;
  flex: 1;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row {
  width: 100%;
  min-height: calc(100vh - 79px);
  padding: 0 80px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row.header-col #page-header.remove-margins {
  margin-right: 0 !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz {
  margin-bottom: 40px;
  padding-right: 40px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 {
  padding-right: 0;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 > .caption {
  text-align: right;
  padding-top: 10px;
  padding-bottom: 20px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 > .caption.caption-left {
  text-align: left;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 > .caption.caption-center {
  text-align: center;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-header {
  font-size: 18px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-dot {
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #000000;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(0, 0, 0, 0.8);
  box-sizing: border-box;
  cursor: pointer;
  box-sizing: border-box;
  transform: translate(-50%, 0);
  transition: all 0.5s ease;
  z-index: 1;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-dot.square {
  border-radius: 0;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-dot.anim-btn.anim-pulse {
  opacity: 1;
  animation: pulse 3.5s infinite linear;
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  45% {
    opacity: 0;
  }
  55% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-dot.anim-btn.anim-scale {
  transform-origin: center;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  animation: scale 3.5s infinite linear;
  top: 0;
}
@keyframes scale {
  0% {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
  }
  50% {
    transform: translate(-50%, -50%) scale3d(0.2, 0.2, 1);
  }
  100% {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
  }
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-dot.anim-btn.anim-headShake, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-dot.anim-btn.anim-jello, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-dot.anim-btn.anim-rubberBand, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-dot.anim-btn.anim-swing, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-dot.anim-btn.anim-tada {
  left: -15px;
  top: -15px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-dot.anim-btn.anim-headShake {
  animation-timing-function: ease-in-out;
  animation: headShake 3.5s infinite linear;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-dot.anim-btn.anim-jello {
  transform-origin: center;
  animation: jello 3.5s infinite linear;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-dot.anim-btn.anim-rubberBand {
  animation: rubberBand 3.5s infinite linear;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-dot.anim-btn.anim-swing {
  transform-origin: top center;
  animation: swing 3.5s infinite linear;
  transform: translate(0, 0);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-dot.anim-btn.anim-tada {
  animation: tada 3.5s infinite linear;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile:not(.active) .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile:not(.active):before, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile:not(.active) .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn:not(.active) .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn:not(.active):before, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn:not(.active) .sq-btn-txt {
  opacity: 0.65;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.chosen, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.actual-correct, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.chosen, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.actual-correct {
  opacity: 1;
  border: none;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.selected .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.chosen .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.actual-correct .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.selected .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.chosen .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.actual-correct .sq-dot {
  opacity: 1;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.selected .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.chosen .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.actual-correct .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.selected .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.chosen .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.actual-correct .sq-btn-txt {
  opacity: 1;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.selected .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.chosen .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.selected .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.chosen .sq-dot {
  background-color: #000000;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.review .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.selected .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.chosen .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.review .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.selected .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.chosen .sq-dot {
  border-color: #fff !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.chosen .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.actual-correct .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.chosen .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.actual-correct .sq-dot {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-size: 14px 11px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.incorrect .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.incorrect:before, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.incorrect .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.incorrect-disable .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.incorrect-disable:before, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.incorrect-disable .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.incorrect .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.incorrect:before, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.incorrect .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.incorrect-disable .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.incorrect-disable:before, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.incorrect-disable .sq-btn-txt {
  opacity: 0.65;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.incorrect .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-btn-mobile.incorrect-disable .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.incorrect .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.incorrect-disable .sq-dot {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_x.svg");
  background-size: 10px 10px;
  background-color: #000000;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers {
  position: relative;
  z-index: 2;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .component.media {
  margin-bottom: 0 !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .component.media .btn {
  opacity: 1 !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .component.media .caption {
  display: none;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .component.media .caption {
  display: block;
  font-size: 10px;
  line-height: 120%;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn {
  position: absolute;
  background: none;
  padding: 0;
  cursor: default;
  opacity: 1 !important;
  user-select: auto;
  overflow: visible;
  box-sizing: border-box;
  transform: translate3d(-50%, -50%, 0);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.hover {
  z-index: 2;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.hover:before, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.hover .sq-btn-txt {
  display: none;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.hover .sq-dot {
  border-color: #fff;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.sq-disable {
  pointer-events: none;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.sq-disable.hover {
  z-index: 1;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.sq-disable * {
  pointer-events: none;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-btn-bg {
  display: none;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn:before {
  position: absolute;
  transition: all 0.5s ease;
  cursor: pointer;
  box-sizing: border-box;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-btn-txt {
  bottom: 0;
  left: 0;
  width: 165px;
  border: 2px solid #000000;
  padding: 7px;
  color: #fff;
  letter-spacing: 1px;
  transform: translate(-50%, -30px);
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
  border-radius: 0px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn:not(.collapsed):before {
  content: "";
  bottom: 0;
  left: 50%;
  width: 2px;
  height: 30px;
  transform: translate(-50%, 0);
  background-color: #000000;
  cursor: default;
  z-index: 1;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.selected:before, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.selected .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.chosen:before, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.chosen .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.actual-correct:before, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.actual-correct .sq-btn-txt {
  opacity: 1;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.title-left:before, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.title-right:before {
  bottom: -2px;
  width: 30px;
  height: 2px;
  transform: translate(0, -50%);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.title-left .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.title-right .sq-btn-txt {
  bottom: auto;
  transform: translate(0, -50%);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.title-right:before {
  left: 0;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.title-right .sq-btn-txt {
  left: 30px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.title-right.selected .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.title-right.chosen .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.title-right.actual-correct .sq-btn-txt {
  transform: translate(15px, -50%) scale(1.2, 1.2);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.title-bottom:before {
  bottom: -30px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.title-bottom .sq-btn-txt {
  bottom: auto;
  top: 60px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.title-bottom.selected .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.title-bottom.chosen .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.title-bottom.actual-correct .sq-btn-txt {
  transform: translate(-50%, -28px) scale(1.2, 1.2);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.title-left:before {
  left: auto;
  right: 0;
  transform: translate(0, -50%);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.title-left .sq-btn-txt {
  left: auto;
  right: 30px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.title-left.selected .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.title-left.chosen .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn.title-left.actual-correct .sq-btn-txt {
  transform: translate(-15px, -50%) scale(1.2, 1.2);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk {
  position: absolute;
  width: 210px;
  left: 50%;
  top: 15px;
  height: auto;
  color: #fff;
  margin-bottom: 40px;
  background-color: rgba(0, 0, 0, 0.8);
  border: 2px solid #000000;
  transform: translate(-50%, -100%);
  z-index: 1;
  transition: margin 0.2s ease;
  border-radius: 0px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk .sq-fdbk-title {
  margin: 8px 0 0 0;
  padding: 8px 14px 17px 14px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk .sq-fdbk-title.collapsed {
  padding-bottom: 4px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk .sq-fdbk-copy {
  padding-bottom: 12px;
  font-size: 14px;
  text-align: left;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk .component {
  line-height: 130%;
  text-align: left;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk .component:not(:last-child) {
  margin-bottom: 10px !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk .component:last-child {
  margin-bottom: 12px !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk .component .body-copy {
  font-size: 14px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk .component .body-copy p, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk .component .body-copy ul, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk .component .body-copy ol, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk .component .body-copy li {
  font-size: 14px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk .component .pullquote h4 {
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 120%;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk .sq-fdbk-a {
  display: block;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  background: none;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk .sq-fdbk-closeX {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  background-color: transparent !important;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_x.svg");
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  box-sizing: border-box;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk.wide {
  width: 300px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk.left {
  top: 0;
  margin-left: 15px;
  transform: translate(-100%, -50%);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk.right {
  top: 0;
  margin-left: -15px;
  transform: translateY(-50%);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk.bottom {
  bottom: -24px;
  top: auto;
  transform: translate(-50%, 100%);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-row-answers .sq-btn .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-mobile-btns .sq-btn .sq-btn-txt {
  color: #000;
  background-color: rgba(255, 255, 255, 0.8);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-row-answers .sq-btn .sq-answer-fdbk, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-mobile-btns .sq-btn .sq-answer-fdbk {
  background-color: rgba(255, 255, 255, 0.8);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-row-answers .sq-btn .sq-answer-fdbk .sq-answer-fdbk-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-mobile-btns .sq-btn .sq-answer-fdbk .sq-answer-fdbk-txt {
  color: #000;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-row-answers .sq-btn .sq-answer-fdbk .sq-answer-fdbk-txt .body-copy, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-mobile-btns .sq-btn .sq-answer-fdbk .sq-answer-fdbk-txt .body-copy {
  color: #000;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-row-answers .sq-btn .sq-answer-fdbk .sq-answer-fdbk-txt .caption, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-mobile-btns .sq-btn .sq-answer-fdbk .sq-answer-fdbk-txt .caption {
  color: #000 !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-row-answers .sq-btn .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-row-answers .sq-btn-mobile .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-mobile-btns .sq-btn .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-mobile-btns .sq-btn-mobile .sq-dot {
  background-color: rgba(255, 255, 255, 0.8);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-row-answers .sq-btn.selected .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-row-answers .sq-btn.chosen .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-row-answers .sq-btn.incorrect .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-row-answers .sq-btn.incorrect-disable .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-row-answers .sq-btn-mobile.selected .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-row-answers .sq-btn-mobile.chosen .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-row-answers .sq-btn-mobile.incorrect .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-row-answers .sq-btn-mobile.incorrect-disable .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-mobile-btns .sq-btn.selected .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-mobile-btns .sq-btn.chosen .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-mobile-btns .sq-btn.incorrect .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-mobile-btns .sq-btn.incorrect-disable .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-mobile-btns .sq-btn-mobile.selected .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-mobile-btns .sq-btn-mobile.chosen .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-mobile-btns .sq-btn-mobile.incorrect .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-mobile-btns .sq-btn-mobile.incorrect-disable .sq-dot {
  background-color: #000000;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-row-answers .sq-btn.actual-correct .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-row-answers .sq-btn-mobile.actual-correct .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-mobile-btns .sq-btn.actual-correct .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-mobile-btns .sq-btn-mobile.actual-correct .sq-dot {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-row-answers .sq-btn .sq-answer-fdbk .sq-fdbk-closeX, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-row-answers .sq-btn-mobile .sq-answer-fdbk .sq-fdbk-closeX, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-mobile-btns .sq-btn .sq-answer-fdbk .sq-fdbk-closeX, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.light-ui .sq-mobile-btns .sq-btn-mobile .sq-answer-fdbk .sq-fdbk-closeX {
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_x_light_ui.svg");
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn {
  display: inline-flex;
  height: 250px;
  border-radius: 0;
  position: relative;
  margin-bottom: 25px;
  transition: transform 0.5s ease, opacity 0.5s ease;
  overflow: hidden;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.chosen {
  z-index: 1;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.flex25 {
  flex-basis: 25%;
  max-width: 25%;
  min-width: 25%;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.flex33 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
  min-width: 33.33333333%;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.flex50 {
  flex-basis: 50%;
  max-width: 50%;
  min-width: 50%;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.flex100 {
  flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.ratio2, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.ratio3, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.ratio4 {
  padding: 0;
  height: auto;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.ratio2 .sq-btn-bg, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.ratio3 .sq-btn-bg, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.ratio4 .sq-btn-bg {
  position: relative;
  height: 0;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.ratio2 .sq-btn-bg {
  padding-top: 56.25%;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.ratio3 .sq-btn-bg {
  padding-top: 75%;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.ratio4 .sq-btn-bg {
  padding-top: 100%;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn .sq-btn-txt {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 12px;
  background: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.align-top .sq-btn-txt {
  bottom: auto;
  top: 0;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.align-middle .sq-btn-txt {
  top: 50%;
  bottom: auto;
  transform: translate(0, -50%);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.incorrect, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.incorrect-disable, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.selected {
  background: #333333 !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.chosen, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.actual-correct, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.selected {
  opacity: 1;
  transform: scale(1.15, 1.15);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn:hover:not(.chosen) {
  background: #333333 !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.selected, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.actual-correct {
  z-index: 1;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.no-bg {
  background: none !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn .sq-btn-bg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn .sq-btn-bg .sq-btn-bg-vid, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn .sq-btn-bg .sq-btn-bg-grad {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn .sq-btn-bg .sq-btn-bg-vid video, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn .sq-btn-bg .sq-btn-bg-grad video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 102%;
  min-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn .sq-answer-fdbk {
  box-sizing: border-box;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress {
  display: inline-block;
  padding: 0;
  margin: 4px 0 0 0;
  list-style: none;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0 0 0 24px;
  border: 2px solid rgba(0, 0, 0, 0.5);
  border-radius: 50%;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li:first-child {
  margin-left: 0;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li:first-child:after {
  display: none;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li:before, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li:after {
  content: "";
  position: absolute;
  width: 16px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li:before {
  top: 0;
  left: 0;
  height: 16px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li:after {
  top: 7px;
  left: -22px;
  height: 2px;
  background: #474747;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li.correct, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li.incorrect {
  border: 2px solid transparent;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li.correct:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li.incorrect:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_x_light_ui.svg");
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li.active {
  border-color: black;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li.correct:before, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li.incorrect:before {
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center center;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns {
  background: #000000;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .sq-vert-cont-slide, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .sq-vert-cont-slide {
  display: flex;
  min-height: calc(100vh - 79px);
  align-items: center;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .sq-vert-cont-slide .sq-vert-btns, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .sq-vert-cont-slide .sq-vert-btns {
  width: 100%;
  padding: 40px 0;
  transition: transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .btn, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .btn {
  position: relative;
  width: 100%;
  min-height: 80px;
  flex: none;
  margin: 2px 0 3px 0;
  padding: 20px;
  background: #df1959;
  font-size: 14px;
  text-align: left;
  border-radius: 0;
  color: #610b26;
  font-weight: bold;
  transition: all 0.6s ease;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .btn.sq-btn-mobile, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .btn.sq-btn-mobile {
  display: flex;
  width: calc(100% - 40px);
  align-items: center;
  margin-left: 40px;
  cursor: pointer;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .btn.sq-btn-mobile.sq-disable, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .btn.sq-btn-mobile.sq-disable {
  pointer-events: none;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .btn.sq-btn-mobile .sq-dot, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .btn.sq-btn-mobile .sq-dot {
  left: -36px;
  top: calc(50% - 15px);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .btn:before, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .btn:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 0;
  left: 0;
  top: 0;
  background: #610b26;
  transition: width 0.6s ease-in-out;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .btn.selected, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .btn.selected {
  background: #610b26 !important;
  color: #fff;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .btn.active.hover:not(.correct):not(.incorrect), .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .btn.active.hover:not(.correct):not(.incorrect) {
  color: #fff;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .btn.active.hover:not(.correct):not(.incorrect):before, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .btn.active.hover:not(.correct):not(.incorrect):before {
  width: 100%;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .btn:not(.active), .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .btn:not(.active) {
  opacity: 1;
  background: #e8346e !important;
  color: #7c0e31 !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .btn.incorrect, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .btn.incorrect-disable, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .btn.incorrect, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .btn.incorrect-disable {
  opacity: 1;
  background: #a1a1a1 !important;
  color: #1c030b !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .btn.chosen, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .btn.actual-correct, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .btn.chosen, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .btn.actual-correct {
  color: #fff !important;
  opacity: 1;
  background: #000000 !important;
  border: 1px solid #fff;
  box-shadow: 0 10px 10px -10px #000;
  transform: scale(1.05, 1.05);
  z-index: 1;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .btn.chosen:after, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .btn.incorrect-disable:after, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .btn.chosen:after, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .btn.incorrect-disable:after {
  content: "✔";
  position: absolute;
  top: 3px;
  right: 3px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .btn.incorrect-disable:after, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .btn.incorrect-disable:after {
  content: "✘";
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .btn.chosen .sq-answer-fdbk, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .btn.chosen .sq-answer-fdbk {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .btn .sq-btn-txt, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns .btn .sq-btn-txt {
  position: relative;
  z-index: 1;
}
.standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-mobile-btns {
  background: none;
}
.standard-quiz .sq-page-cont .sq-page .btn {
  cursor: pointer;
}
.standard-quiz .sq-page-cont .sq-page .btn:not(.active) {
  cursor: default;
  opacity: 0.65;
}
.standard-quiz .sq-page-cont .sq-page .btn:not(.active).sq-media-btn {
  opacity: 0.65;
}
.standard-quiz .sq-page-cont .sq-page .btn.magnify {
  cursor: pointer;
}
.standard-quiz .sq-page-cont .sq-page .btn.chosen {
  color: #fff;
  opacity: 1;
  background: #000000;
  border: 1px solid #fff;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
  transform: scale(1.05, 1.05);
}
.standard-quiz .sq-page-cont .sq-page .btn.selected {
  background: #610b26 !important;
  color: #fff;
}
.standard-quiz .sq-page-cont .sq-page .btn.inactive {
  display: none;
}
.standard-quiz .sq-page-cont .sq-page .btn.incorrect {
  opacity: 0.65;
  background: #999 !important;
  color: #610b26;
}
.standard-quiz .sq-page-cont .sq-page .btn.incorrect-disable {
  opacity: 0.65;
  background: #999 !important;
  color: #610b26;
}
.standard-quiz .sq-page-cont .sq-page .btn.actual-correct {
  opacity: 1;
  border: 1px solid #fff;
}
.standard-quiz .sq-page-cont .sq-page .btn.actual-incorrect {
  opacity: 1;
  background-color: #ff0000 !important;
}
.standard-quiz .sq-page-cont .sq-page .btn.btn-pretest-close {
  position: fixed;
  top: 30px;
  right: 30px;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  opacity: 1;
  z-index: 3;
  font-family: Arial;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: normal;
  background: none;
  pointer-events: auto;
  cursor: pointer;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_modalX_light_ui.svg");
  background-size: 30px 30px;
  background-position: right center;
  background-repeat: no-repeat;
}
.standard-quiz .sq-page-cont .sq-page .btn.btn-pretest-close.disabled {
  opacity: 0;
}
.standard-quiz .sq-page-cont .sq-page .btn .sq-btn-bg {
  display: none;
}
.standard-quiz .sq-page-cont .sq-page .sq-fdbk-icon {
  display: none;
  position: relative;
  margin-left: -30px;
  margin-right: 0;
  opacity: 0;
  font-size: 18px;
  transition: margin 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.standard-quiz .sq-page-cont .sq-page .sq-fdbk-icon.active {
  display: block;
}
.standard-quiz .sq-page-cont .sq-page .sq-fdbk-icon.animIn {
  opacity: 1;
  margin: 0;
}
.standard-quiz .sq-page-cont .sq-page .sq-fdbk-icon .sq-qa-fdbk {
  display: none;
}
.standard-quiz .sq-page-cont .sq-page .sq-fdbk-icon .sq-qa-fdbk.active {
  display: inline-block;
}
.standard-quiz .sq-page-cont .sq-page .sq-a:not(.sq-btn-mobile) {
  -moz-transform: translate(-0.5px, 0);
}
.standard-quiz .sq-page-cont .sq-page .sq-a:not(.sq-btn-mobile).hover .sq-answer-fdbk.active {
  display: block;
  opacity: 1;
  transition: opacity 0.5s ease;
}
.standard-quiz .sq-page-cont .sq-page .sq-a:not(.sq-btn-mobile).hover.fadeFdbkOut .sq-answer-fdbk.active {
  opacity: 0 !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-a.sq-fdbk-mobile {
  -moz-transform: translate(-0.5px, 0);
}
.standard-quiz .sq-page-cont .sq-page .sq-a.sq-fdbk-mobile.hover .sq-answer-fdbk.active {
  display: block;
  transition: opacity 0.5s ease;
}
.standard-quiz .sq-page-cont .sq-page .sq-answer-fdbk {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  animation: none;
}
.standard-quiz .sq-page-cont .sq-page .sq-answer-fdbk .sq-fdbk-a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  background: rgba(98, 99, 98, 0.9);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s ease !important;
  opacity: 1;
}
.standard-quiz .sq-page-cont .sq-page .sq-answer-fdbk .sq-fdbk-a .sq-answer-fdbk-txt {
  width: 100%;
  position: relative;
  padding: 0 12px;
  line-height: 130%;
  letter-spacing: normal;
  font-weight: normal;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
}
.standard-quiz .sq-page-cont .sq-page .sq-fdbk-icon {
  min-height: 25px;
  position: relative;
}
.standard-quiz .sq-page-cont .sq-page .sq-fdbk-icon.sq-q-correct.show-correct:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/answer_correct_gray.svg");
  background-size: 16px 15px;
}
.standard-quiz .sq-page-cont .sq-page .sq-fdbk-icon.sq-q-incorrect.show-incorrect:before, .standard-quiz .sq-page-cont .sq-page .sq-fdbk-icon.sq-q-tryagain.show-incorrect:before {
  top: 3px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/answer_incorrect_gray.svg");
  background-size: 4px 15px;
  background-position: left 6px top;
}
.standard-quiz .sq-page-cont .sq-page .sq-fdbk-icon:before {
  position: absolute;
  content: "";
  width: 16px;
  height: 15px;
  left: -20px;
  top: 4px;
  display: block;
  background-repeat: no-repeat;
}
.standard-quiz .sq-page-cont .sq-page .sq-review-btns {
  position: relative;
  margin: 20px -5px 0 -5px;
}
.standard-quiz .sq-page-cont .sq-page .sq-review-btns .btn {
  margin: 5px;
}
.standard-quiz .sq-page-cont .sq-page .sq-summary {
  text-align: center;
  margin: 0 -5rem;
}
.standard-quiz .sq-page-cont .sq-page .sq-summary .sq-percent, .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-summary-title, .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-review-btns {
  padding-left: 80px !important;
  padding-right: 80px !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-summary .sq-percent {
  position: relative;
  height: 250px;
  width: 250px;
  margin: 0 auto;
}
.standard-quiz .sq-page-cont .sq-page .sq-summary .sq-percent .sq-percent-num {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  font-weight: bold;
  line-height: 120%;
  transform: translate(-50%, -50%);
}
.standard-quiz .sq-page-cont .sq-page .sq-summary .sq-summary-title {
  margin-top: 20px;
  margin-bottom: 0;
}
.standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk {
  margin-top: 35px;
  padding-bottom: 25px;
  background-color: rgba(230, 230, 230, 0.7);
}
.standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row {
  position: relative;
  padding: 30px 40px !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row.nav-arrows {
  padding: 30px 60px !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row .sq-col.isIE {
  width: 100%;
  height: 100%;
  flex: none;
}
.standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row .sq-col:last-of-type .component {
  margin-bottom: 0 !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row .sq-col.horizontal:first-of-type {
  padding-right: 1.25rem !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row .sq-col.horizontal:last-of-type {
  padding-left: 1.25rem !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row .sq-col.horizontal .component {
  margin-bottom: 0 !important;
}
.standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-stats {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-stats li {
  display: inline-block;
  margin: 25px;
  text-align: center;
}
.standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-stats li .value {
  display: block;
  clear: both;
  font-size: 24px;
  font-weight: bold;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .btn-pretest-close {
  right: auto;
  left: 30px;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row.header-col #page-header.remove-margins {
  margin-right: -5rem !important;
  margin-left: 0 !important;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .btn {
  text-align: right !important;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .btn:before {
  left: auto;
  right: 0;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-quiz {
  padding-right: 0;
  padding-left: 40px;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-quiz.width100 {
  padding-left: 0;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk .sq-answer-fdbk-txt .sq-fdbk-copy {
  text-align: right;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-quiz .sq-hotspot-answers .sq-row-answers .sq-btn .sq-answer-fdbk .sq-fdbk-closeX {
  left: 0;
  right: auto;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-quiz .sq-hotspot-answers .sq-row-answers .component .body-copy {
  text-align: right;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-quiz .sq-hotspot-answers .sq-row-answers .component.media .caption {
  padding-top: 2px;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-quiz .sq-mobile-btns .btn.sq-btn-mobile {
  margin-left: 0;
  margin-right: 40px;
  display: inline-flex;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-quiz .sq-mobile-btns .btn.sq-btn-mobile .sq-dot {
  left: auto;
  right: -36px;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-quiz .sq-fdbk-icon.sq-q-correct:before, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-quiz .sq-fdbk-icon.sq-q-incorrect:before {
  left: auto;
  right: -20px;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-quiz .sq-progress li {
  margin: 0 24px 0 0;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-quiz .sq-progress li:first-child {
  margin-right: 0;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-quiz .sq-progress li:before {
  right: 0;
  left: auto;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-quiz .sq-progress li:after {
  left: auto;
  right: -22px;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row {
  direction: ltr;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row .sq-col.horizontal {
  direction: rtl;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-stats {
  direction: ltr;
}
body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-stats li {
  direction: rtl;
}
@media (max-width: 1024px) {
  .standard-quiz .sq-page-cont {
    position: relative;
    overflow-y: auto;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn {
    height: 200px;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.flex25, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.flex33, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.flex50 {
    flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
    width: 50%;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.flex100 {
    flex-basis: 100%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }
}
.md-phone .standard-quiz .overlay-select, .md-phone body[dir="RTL"] .standard-quiz .overlay-select {
  height: calc(100vh - 35px);
}
.md-phone .standard-quiz.navHidden .overlay-select, .md-phone body[dir="RTL"] .standard-quiz.navHidden .overlay-select {
  height: 100vh !important;
}
.md-phone .standard-quiz .sq-page-cont, .md-phone body[dir="RTL"] .standard-quiz .sq-page-cont {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .md-phone .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row, .md-phone body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row {
    padding: 0 40px;
  }
  .md-phone .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz-questions .page-header.row.remove-margins, .md-phone body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz-questions .page-header.row.remove-margins {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }
  .md-phone .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz-questions .page-header.row.remove-margins:not(.collapse), .md-phone body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz-questions .page-header.row.remove-margins:not(.collapse) {
    padding: 35px 40px !important;
  }
  .md-phone .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress, .md-phone body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress {
    padding-top: 2px;
  }
  .md-phone .standard-quiz .sq-page-cont .sq-page .sq-summary, .md-phone body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-summary {
    margin: 0 -40px;
  }
}
@media (max-width: 767px) {
  .st-quiz {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .standard-quiz .overlay-select, body[dir="RTL"] .standard-quiz .overlay-select {
    height: calc(100vh - 35px);
  }
  .standard-quiz.navHidden .overlay-select, body[dir="RTL"] .standard-quiz.navHidden .overlay-select {
    height: 100vh !important;
  }
  .standard-quiz.navHidden .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .sq-vert-cont-slide, body[dir="RTL"] .standard-quiz.navHidden .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .sq-vert-cont-slide {
    min-height: auto !important;
  }
  .standard-quiz #page-header, .standard-quiz .sq-quiz, .standard-quiz .sq-answer-fdbk, .standard-quiz .sq-fdbk-icon, .standard-quiz .sq-vert-cont-btns, .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-percent, .standard-quiz .sq-summary-title, .standard-quiz .sq-review-btns, body[dir="RTL"] .standard-quiz #page-header, body[dir="RTL"] .standard-quiz .sq-quiz, body[dir="RTL"] .standard-quiz .sq-answer-fdbk, body[dir="RTL"] .standard-quiz .sq-fdbk-icon, body[dir="RTL"] .standard-quiz .sq-vert-cont-btns, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-percent, body[dir="RTL"] .standard-quiz .sq-summary-title, body[dir="RTL"] .standard-quiz .sq-review-btns {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .standard-quiz #page-header.remove768pad, body[dir="RTL"] .standard-quiz #page-header.remove768pad {
    padding: 0 !important;
  }
  .standard-quiz .sq-page-cont, body[dir="RTL"] .standard-quiz .sq-page-cont {
    padding: 0 !important;
  }
  .standard-quiz .sq-page-cont .sq-page, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page {
    min-height: auto;
    padding-bottom: 100px;
    position: relative;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row {
    display: block;
    height: auto;
    min-height: auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row.header-col #page-header.remove-margins, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row.header-col #page-header.remove-margins {
    margin-right: 0 !important;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz-questions, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz-questions {
    min-width: 100%;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns {
    background: none;
    padding-bottom: 20px !important;
    min-width: 100%;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .sq-vert-cont-slide, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .sq-vert-cont-slide {
    min-height: auto;
    height: auto;
    display: block;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .sq-vert-cont-slide .sq-vert-btns, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .sq-vert-cont-slide .sq-vert-btns {
    padding: 0;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .sq-vert-cont-slide .sq-vert-btns .sq-answer-fdbk, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-vert-cont-btns .sq-vert-cont-slide .sq-vert-btns .sq-answer-fdbk {
    box-sizing: border-box;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz {
    margin-bottom: 0;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.chosen, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.actual-correct, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.selected, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.chosen, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.actual-correct, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-media-btn.selected {
    transform: scale(1.1, 1.1);
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 > .caption, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 > .caption {
    margin-top: 0;
    padding-top: 0;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 .sq-mobile-btns .sq-btn-mobile, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 .sq-mobile-btns .sq-btn-mobile {
    min-height: auto;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 .sq-btn:before, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 .sq-btn:before {
    display: none;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 .sq-btn .sq-btn-txt, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 .sq-btn .sq-btn-txt {
    display: none;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 .sq-btn .sq-answer-fdbk.left, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 .sq-btn .sq-answer-fdbk.right, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 .sq-btn .sq-answer-fdbk.left, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 .sq-btn .sq-answer-fdbk.right {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 .sq-btn.sq-fdbk-mobile .sq-answer-fdbk, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 .sq-btn.sq-fdbk-mobile .sq-answer-fdbk {
    opacity: 0;
    transition: opacity 0.2s ease !important;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 .sq-hotspot-answers .sq-answer-fdbk, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz.width100 .sq-hotspot-answers .sq-answer-fdbk {
    box-sizing: border-box;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress {
    padding-top: 2px;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li {
    width: 12px;
    height: 12px;
    margin: 0 0 0 20px;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li:first-child, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li:first-child {
    margin-left: 0;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li:before, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li:before {
    width: 12px;
    height: 12px;
    top: 0;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li:after, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li:after {
    width: 12px;
    height: 2px;
    left: -18px;
    top: 5px;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li.correct:before, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li.incorrect:before, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li.correct:before, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li.incorrect:before {
    background-size: 10px 10px;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-fdbk-icon, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-fdbk-icon {
    margin-top: 20px;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-fdbk-icon.sq-q-correct:before, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-fdbk-icon.sq-q-correct:before {
    background-size: 13px 12px;
    left: 4px;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-fdbk-icon.sq-q-incorrect:before, .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-fdbk-icon.sq-q-tryagain:before, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-fdbk-icon.sq-q-incorrect:before, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-fdbk-icon.sq-q-tryagain:before {
    top: 3px;
    background-size: 3px 12px;
    background-position: left 12px top;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-fdbk-icon:before, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-fdbk-icon:before {
    width: 16px;
    height: 15px;
    left: 0;
    top: 3px;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-summary, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-summary {
    margin: 0 !important;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-summary-title, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-summary-title {
    font-size: 28px;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row {
    padding-bottom: 0 !important;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row .sq-col.horizontal:first-of-type, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row .sq-col.horizontal:first-of-type {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row .sq-col.horizontal:last-of-type, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row .sq-col.horizontal:last-of-type {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row .sq-col:first-of-type, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row .sq-col:first-of-type {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row .sq-col:first-of-type .component, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row .sq-col:first-of-type .component {
    margin-bottom: 20px !important;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row .sq-col:last-of-type, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row .sq-col:last-of-type {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row .sq-col:last-of-type .component, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-row .sq-col:last-of-type .component {
    margin-bottom: 0 !important;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-stats li .desc, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-stats li .desc {
    font-size: 12px;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-stats li .value, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-summary .sq-stats-fdbk .sq-stats li .value {
    font-size: 20px;
  }
  .standard-quiz .sq-page-cont .sq-page .sq-review-btns, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-review-btns {
    padding-left: 20px;
    padding-right: 20px;
  }
  .standard-quiz .sq-page-cont .sq-page .btn-pretest-close, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .btn-pretest-close {
    top: 20px;
    right: 20px;
  }
  body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-fdbk-icon.sq-q-correct:before {
    left: auto;
    right: 4px;
  }
  body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-fdbk-icon.sq-q-incorrect:before, body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-fdbk-icon.sq-q-tryagain:before {
    background-position: right 12px top;
  }
  body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-fdbk-icon:before {
    right: 0;
  }
  body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li {
    margin: 0 20px 0 0;
  }
  body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li:first-child {
    margin-left: 0;
    margin-right: 0;
  }
  body[dir="RTL"] .standard-quiz .sq-page-cont .sq-page .sq-fullpage-row .sq-quiz .sq-progress li:after {
    left: auto;
    right: -18px;
  }
}
.tabs {
  width: 100%;
}
.tabs .tabs-nav {
  margin: 0;
  padding: 0;
}
.tabs .tabs-nav.hidden {
  display: none;
}
.tabs .tabs-nav .tab-nav {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.tabs .tabs-nav .tab-nav a {
  border-radius: 0px;
  font-family: "Caveat", handwriting;
  padding: 10px 15px;
  text-decoration: none;
  display: block;
  position: relative;
  background: #df1959;
  margin: 0 5px 5px 0;
  font-size: 16px;
  line-height: 120%;
  font-weight: bold;
  color: #3e3e3e;
  transition: padding-left linear 0.2s;
}
.tabs .tabs-nav .tab-nav a.clicked:before {
  position: relative;
  content: "";
  width: 12px;
  height: 12px;
  background: #474747;
  border-radius: 50%;
  top: 0;
  left: 0;
  margin-right: 8px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
  display: inline-block;
}
.tabs .tabs-nav .tab-nav a.clicked.anim-complete:before {
  animation: clickstateIn 0.3s forwards;
}
@keyframes clickstateIn {
  0% {
    margin-left: -20px;
  }
  100% {
    margin-left: 0;
  }
}
.tabs .tabs-nav .tab-nav.active a {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 0;
  background: #000000;
  padding-bottom: 15px;
}
.tabs .tabs-content {
  position: relative;
  background: #000000;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.tabs .tabs-content .tab-panel {
  display: none;
  padding: 30px 0;
  position: relative;
}
.tabs .tabs-content .tab-panel.active {
  display: block;
}
.tabs .tabs-content .tab-panel .tab-col {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
  position: relative;
}
.tabs .tabs-content .tab-panel .tab-col.horizontal:first-of-type {
  padding-right: 1.25rem;
}
.tabs .tabs-content .tab-panel .tab-col.horizontal:last-of-type {
  padding-left: 1.25rem;
}
.tabs .tabs-content .tab-panel .tab-col.horizontal .component {
  margin-bottom: 0 !important;
}
.tabs .tabs-content .tab-panel .tab-col.vertical:last-of-type .component {
  margin-bottom: 0 !important;
}
.tabs .tabs-content .tab-panel .tab-col.transcript {
  padding-top: 20px;
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}
.tabs .tabs-content .tab-panel .tab-col.transcript .AudioTranscript {
  margin: 0;
}
.tabs.left .tabs-nav .tab-nav {
  width: 100%;
  text-align: center;
}
.tabs.left .tabs-nav .tab-nav.active a {
  margin: 0 0 5px 0;
  padding-right: 20px;
  padding-bottom: 10px;
}
.tabs.left .tabs-content .tab-panel {
  padding: 40px 0;
}
.tabs.hidePaneColor .tab-nav a {
  background: none;
  margin-bottom: 0;
}
.tabs.hidePaneColor .tab-nav.active a {
  padding-bottom: 10px;
}
.tabs.hidePaneColor .tabs-content {
  background: none;
}
.tabs.hidePanePadding.left .tab-panel {
  padding: 0 !important;
}
.tabs.hidePanePadding.left .tab-panel .tab-col.horizontal:last-of-type {
  padding-right: 0 !important;
}
.tabs.hidePanePadding.left .tab-panel .tab-col.vertical:first-of-type {
  padding-right: 0 !important;
}
.tabs.hidePanePadding.left .tab-panel .tab-col.vertical:last-of-type {
  padding-right: 0 !important;
}
.tabs.hidePanePadding:not(.left) .tab-panel .tab-col.vertical {
  padding: 0 !important;
}
.tabs.hidePanePadding:not(.left) .tab-panel .tab-col.horizontal:first-of-type {
  padding-left: 0 !important;
}
.tabs.hidePanePadding:not(.left) .tab-panel .tab-col.horizontal:last-of-type {
  padding-right: 0 !important;
}
body[dir="RTL"] .tabs .tabs-nav .tab-nav a {
  margin-right: 0;
  margin-left: 5px;
  transition: none;
  transition: padding-right linear 0.2s;
}
body[dir="RTL"] .tabs .tabs-nav .tab-nav a.clicked:before {
  margin-right: 0;
  margin-left: 8px;
}
body[dir="RTL"] .tabs .tabs-nav .tab-nav a.clicked.anim-complete:before {
  animation: none;
  animation: clickstateInR 0.3s forwards;
}
@keyframes clickstateInR {
  0% {
    margin-right: -20px;
  }
  100% {
    margin-right: 0;
  }
}
body[dir="RTL"] .tabs .tabs.left .tabs-nav li.active a {
  padding-right: 15px;
  padding-left: 20px;
  margin-left: 0;
}
body[dir="RTL"] .tabs .tabs-content .tab-panel .tab-row {
  direction: ltr;
}
body[dir="RTL"] .tabs .tabs-content .tab-panel .tab-row .tab-col {
  direction: rtl;
}
body[dir="RTL"] .tabs.hidePanePadding.left .tab-panel .tab-col.horizontal:first-of-type, body[dir="RTL"] .tabs.hidePanePadding.left .tab-panel .tab-col.horizontal:last-of-type, body[dir="RTL"] .tabs.hidePanePadding.left .tab-panel .tab-col.vertical:first-of-type, body[dir="RTL"] .tabs.hidePanePadding.left .tab-panel .tab-col.vertical:last-of-type {
  padding-left: 0 !important;
  padding-right: 2.5em !important;
}
@media (max-width: 767px) {
  .component .tabs .tabs-content-cont {
    min-width: 100%;
  }
  .component .tabs .tabs-content-cont .tabs-content .tab-col {
    min-width: 100%;
  }
  .component .tabs .tabs-nav .tab-nav {
    width: 100%;
  }
  .component .tabs .tabs-nav .tab-nav a {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .component .tabs .tabs-nav .tab-nav.active a {
    padding-bottom: 10px;
    margin-bottom: 0;
  }
  .component .tabs .tab-panel.active {
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 5px;
  }
  .component .tabs .tab-panel .tab-col .component {
    margin-bottom: 20px !important;
  }
  .component .tabs .tab-panel .tab-col:last-of-type .component {
    margin-bottom: 0 !important;
  }
  .component .tabs .tab-panel .tab-col.horizontal:first-of-type, .component .tabs .tab-panel .tab-col.horizontal:last-of-type, .component .tabs .tab-panel .tab-col.vertical:first-of-type, .component .tabs .tab-panel .tab-col.vertical:last-of-type {
    padding-right: 20px;
    padding-left: 20px;
  }
  .component .tabs .tab-panel .tab-col.horizontal .component, .component .tabs .tab-panel .tab-col.vertical .component {
    margin-bottom: 20px !important;
  }
  .component .tabs .tab-panel .tab-col.horizontal:last-of-type .component, .component .tabs .tab-panel .tab-col.vertical:last-of-type .component {
    margin-bottom: 0 !important;
  }
  .component .tabs .tab-panel .tab-col.transcript {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .component .tabs.hidePanePadding .tab-panel {
    padding: 0 !important;
  }
  .component .tabs.hidePanePadding .tab-panel.active {
    padding-top: 10px !important;
  }
  .component .tabs.hidePanePadding .tab-panel .tab-col.vertical {
    padding: 0 !important;
  }
  .component .tabs.hidePanePadding .tab-panel .tab-col.horizontal:first-of-type, .component .tabs.hidePanePadding .tab-panel .tab-col.horizontal:last-of-type {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .component .tabs.top .tabs-nav .tab-nav {
    text-align: center;
  }
  body[dir="RTL"] .tabs.hidePanePadding.left .tab-panel .tab-col.horizontal:first-of-type, body[dir="RTL"] .tabs.hidePanePadding.left .tab-panel .tab-col.horizontal:last-of-type, body[dir="RTL"] .tabs.hidePanePadding.left .tab-panel .tab-col.vertical:first-of-type, body[dir="RTL"] .tabs.hidePanePadding.left .tab-panel .tab-col.vertical:last-of-type {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.text {
  backface-visibility: hidden;
}
.text .body-copy {
  clear: both;
}
.text.left {
  text-align: left;
}
.text.center {
  text-align: center;
}
.text.right {
  text-align: right;
}
.text img.floatL {
  float: left;
  margin: 0 20px 20px 0;
}
.text img.floatR {
  float: right;
  margin: 0 0 20px 20px;
}
.text p {
  margin-bottom: 0;
}
.text ul ul, .text ol ol {
  margin-bottom: 0;
}
.text a {
  cursor: pointer;
  text-decoration: underline;
}
body[dir="RTL"] .text {
  text-align: right;
}
body[dir="RTL"] .text.center {
  text-align: center;
}
@media (max-width: 767px) {
  .text img.floatL, .text img.floatR {
    width: 100% !important;
    float: none !important;
    margin: 0 0 20px 0 !important;
  }
}
.md-phone .text img.floatL, .md-phone .text img.floatR {
  width: 100% !important;
  float: none !important;
  margin: 0 0 20px 0 !important;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs {
  text-align: center;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb {
  position: relative;
  margin-bottom: 15px;
  padding: 0 3px !important;
  cursor: pointer;
  color: #626362;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb.tight {
  margin-bottom: 2px;
  padding: 0 1px !important;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb.active .cont-imgcaption img {
  opacity: 0.4;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb .cont-imgcaption {
  position: relative;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb .cont-imgcaption img {
  width: 100%;
  display: block;
  position: relative;
  opacity: 1;
  transition: opacity linear 0.5s;
  box-sizing: border-box;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb .cont-imgcaption .caption {
  display: block;
  position: relative;
  font-family: "Caveat", handwriting;
  font-size: 14px;
  padding: 0 5px 7px 5px;
  text-align: center;
  margin-top: 7px;
  box-sizing: border-box;
  line-height: 130%;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb .cont-imgcaption .caption:before {
  display: none;
  position: relative;
  content: "";
  top: 2px;
  left: 0px;
  width: 12px;
  height: 12px;
  background: #474747;
  border-radius: 50%;
  margin-left: -20px;
  margin-right: 8px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
  opacity: 0;
  transition: all linear 0.5s;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb .cont-imgcaption .caption.clicked:before {
  display: inline-block;
  margin-left: 0;
  animation: none;
  opacity: 1;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb .cont-imgcaption .caption.clicked.notitle:before {
  margin-right: 0;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb .cont-imgcaption .caption.anim-complete:before {
  opacity: 1;
  animation: fadeClickIn 0.5s forwards;
}
@keyframes fadeClickIn {
  0% {
    opacity: 0;
    margin-left: -20px;
  }
  100% {
    opacity: 1;
    margin-left: 0;
  }
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb .cont-imgcaption .caption.captionNotBold {
  font-weight: normal;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb .cont-imgcaption .caption.bodyTypefaceFont {
  font-family: "Caveat", handwriting;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb.captionOverImage .cont-imgcaption .img-cont {
  position: relative;
  overflow: hidden;
  backface-visibility: hidden;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb.captionOverImage .cont-imgcaption .img-cont img {
  transition: none;
  display: block;
  backface-visibility: hidden;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb.captionOverImage .cont-imgcaption .img-cont:before, .thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb.captionOverImage .cont-imgcaption .img-cont:after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb.captionOverImage .cont-imgcaption .img-cont:before {
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  top: 0;
  z-index: 1;
  transition: background 0.15s ease-in-out;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb.captionOverImage .cont-imgcaption .img-cont:after {
  height: 50%;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65) 100%);
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb.captionOverImage .cont-imgcaption:hover .img-cont:before {
  background: rgba(255, 255, 255, 0.65);
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb.captionOverImage .cont-imgcaption:hover .img-cont:after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.65) 100%);
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb.captionOverImage .cont-imgcaption:hover .caption {
  color: #000;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb.captionOverImage .cont-imgcaption .caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
  z-index: 1;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb.captionOverImage.inactive .cont-imgcaption .img-cont:before {
  transition: background 0.15s ease-in-out;
  animation: inactiveOut 0.3s;
}
@keyframes inactiveOut {
  0% {
    background: rgba(255, 255, 255, 0.65);
  }
  100% {
    background: rgba(0, 0, 0, 0.25);
    animation: none;
  }
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb.captionOverImage.active .cont-imgcaption .img-cont:before {
  transition: none;
  background: rgba(255, 255, 255, 0.65);
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb.captionOverImage.active .cont-imgcaption .img-cont:after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.65) 100%);
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb.captionOverImage.active .cont-imgcaption .caption {
  color: #000;
}
.thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb.captionOverImage.active img {
  opacity: 1;
}
.thumb-clicktell .thumb-ia.transition .col-pane .thumb-pane .thumb-col .component:not(.text) {
  animation: none !important;
  opacity: 1;
}
.thumb-clicktell .thumb-ia .col-pane {
  display: none;
  padding-left: 12px !important;
}
.thumb-clicktell .thumb-ia .col-pane.default {
  display: block;
  margin-bottom: 40px;
}
.thumb-clicktell .thumb-ia .col-pane.active {
  display: block;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane {
  position: relative;
  padding: 30px 0;
  background: #000000;
  border-radius: 0px;
  transition: transform 0.5s ease;
  will-change: transform;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane span.close {
  position: absolute;
  right: 0;
  top: 0;
  width: 29px;
  height: 29px;
  cursor: pointer;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane span.close:before {
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  top: 10px;
  right: 10px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_x_mobile.svg");
  background-size: 9px 9px;
  background-repeat: no-repeat;
  opacity: 0.51;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane span.close:hover:before {
  opacity: 0.7;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .title-panel {
  margin: 0 0 10px 0;
  width: 100%;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col {
  padding-right: 2.5rem !important;
  padding-left: 2.5rem !important;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col .component.text h4 {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.horizontal.thumb-col:first-of-type {
  padding-right: 1.25rem !important;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.horizontal.thumb-col:last-of-type {
  padding-left: 1.25rem !important;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.horizontal .component {
  margin-bottom: 0 !important;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.vertical.thumb-col:last-of-type .component {
  margin-bottom: 0 !important;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-btns:not(.thumb-btns-horiz) {
  padding-right: 0 !important;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-btns.thumb-btns-horiz {
  margin-bottom: 40px;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-btns .thumb-btn {
  background: #dadada;
  font-size: 12px;
  padding: 16px 20px;
  font-weight: bold;
  line-height: 120%;
  width: 100%;
  color: #444;
  margin-top: 3px;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 5px;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-btns .thumb-btn:first-child {
  margin-top: 0px;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-btns .thumb-btn:hover, .thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-btns .thumb-btn:active, .thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-btns .thumb-btn.focus, .thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-btns .thumb-btn:focus {
  background: #cdcdcd;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-btns .thumb-btn.active {
  background: #444;
  color: #fff;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-btns .thumb-btn.active:hover, .thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-btns .thumb-btn.active:active, .thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-btns .thumb-btn.active.focus, .thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-btns .thumb-btn.active:focus {
  background: #444;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-btns .thumb-btn.active.ia-click.clicked i.status:before {
  color: #fff;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-btns .thumb-btn.clicked:before {
  position: relative;
  content: "";
  width: 12px;
  height: 12px;
  background: #474747;
  border-radius: 50%;
  top: 2px;
  left: 0;
  margin-right: 8px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
  display: inline-block;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-btns .thumb-btn.clicked.active:before {
  background: #fff;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-btns .thumb-btn.clicked.anim-complete:before {
  animation: clickstateIn 0.3s forwards;
}
@keyframes clickstateIn {
  0% {
    margin-left: -20px;
  }
  100% {
    margin-left: 0;
  }
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-multi-content {
  padding: 0 !important;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.transcript {
  display: flex;
  justify-content: right;
  padding-top: 35px !important;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.transcript .AudioTranscript {
  margin: 0;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane.bgNeutral15 {
  background: #df1959;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane.bgNeutral15 .thumb-col.thumb-btns .thumb-btn {
  background: #c1c1c1;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane.bgNeutral15 .thumb-col.thumb-btns .thumb-btn:hover, .thumb-clicktell .thumb-ia .col-pane .thumb-pane.bgNeutral15 .thumb-col.thumb-btns .thumb-btn:active, .thumb-clicktell .thumb-ia .col-pane .thumb-pane.bgNeutral15 .thumb-col.thumb-btns .thumb-btn.focus, .thumb-clicktell .thumb-ia .col-pane .thumb-pane.bgNeutral15 .thumb-col.thumb-btns .thumb-btn:focus {
  background: #b4b4b4;
}
.thumb-clicktell .thumb-ia .col-pane .thumb-pane.bgNeutral15 .thumb-col.thumb-btns .thumb-btn.active {
  background: #444;
}
.thumb-clicktell .thumb-ia.vertical .col-pane {
  padding-left: 2rem !important;
  margin-top: 10px;
  margin-bottom: 10px;
}
.thumb-clicktell .thumb-ia.vertical .col-pane.default {
  margin-bottom: 40px;
}
.thumb-clicktell .thumb-ia.vertical .col-thumbs .thumb-imgs .thumb {
  align-self: flex-end;
}
.thumb-clicktell .thumb-ia.vertical .col-thumbs .thumb-imgs .thumb.active:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  bottom: -20px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #000000;
  transform: translate(-50%, 0);
  z-index: 1;
}
.thumb-clicktell .thumb-ia.horizontal-right .col-pane {
  padding-right: 12px !important;
  padding-left: 2rem !important;
}
body[dir="RTL"] .thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb .cont-imgcaption .caption:before {
  margin-right: -20px;
  margin-left: 8px;
}
body[dir="RTL"] .thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb .cont-imgcaption .caption.clicked:before {
  margin-right: 0;
}
body[dir="RTL"] .thumb-clicktell .thumb-ia .col-thumbs .thumb-imgs .thumb .cont-imgcaption .caption.anim-complete:before {
  animation: none;
  animation: fadeClickInRTL 0.5s forwards;
}
@keyframes fadeClickInRTL {
  0% {
    opacity: 0;
    margin-right: -20px;
  }
  100% {
    opacity: 1;
    margin-right: 0;
  }
}
body[dir="RTL"] .thumb-clicktell .thumb-ia .col-pane .thumb-pane {
  direction: ltr;
}
body[dir="RTL"] .thumb-clicktell .thumb-ia .col-pane .thumb-pane span.close {
  left: 0;
  right: auto;
}
body[dir="RTL"] .thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col {
  direction: rtl;
}
body[dir="RTL"] .thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-btns .thumb-btn.clicked:before {
  margin-left: 8px;
  margin-right: 0;
}
body[dir="RTL"] .thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.thumb-btns .thumb-btn.clicked.anim-complete:before {
  animation: none;
  animation: clickstateRTLIn 0.3s forwards;
}
@keyframes clickstateRTLIn {
  0% {
    margin-right: -20px;
  }
  100% {
    margin-right: 0;
  }
}
body[dir="RTL"] .thumb-clicktell .thumb-ia .col-pane .thumb-pane .thumb-col.transcript {
  justify-content: left;
}
body[dir="RTL"] .thumb-clicktell .thumb-ia.horizontal-right .col-pane {
  padding-right: 2rem !important;
  padding-left: 12px !important;
}
@media (min-width: 768px) {
  .thumb-clicktell .row.section.vertical .col-thumbs .thumb-imgs .thumb {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .thumb-clicktell .row.section.horizontal-left .col-thumbs .thumb-imgs .thumb, .thumb-clicktell .row.section.horizontal-right .col-thumbs .thumb-imgs .thumb {
    padding: 0 !important;
  }
  .thumb-clicktell .row.section.horizontal-left .col-thumbs {
    padding-right: 0 !important;
  }
  .thumb-clicktell .row.section.horizontal-right .col-thumbs {
    padding-left: 0 !important;
  }
}
body[dir="RTL"] .thumb-clicktell .row.section {
  direction: ltr;
}
body[dir="RTL"] .thumb-clicktell .row.section.horizontal-left .col-thumbs, body[dir="RTL"] .thumb-clicktell .row.section.horizontal-right .col-thumbs {
  direction: rtl;
}
body[dir="RTL"] .thumb-clicktell .row.section .col-thumbs .thumb-imgs {
  direction: rtl;
}
body[dir="RTL"] .thumb-clicktell .row.section .thumb-multi-row {
  direction: ltr;
}
body[dir="RTL"] .thumb-clicktell .row.section .thumb-multi-row .thumb-col {
  direction: rtl;
}
@media (min-width: 1024px) {
  .thumb-clicktell .row.section.vertical .col-thumbs .thumb-imgs .thumb {
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media (min-width: 1200px) {
  .thumb-clicktell .row.section.vertical .col-thumbs .thumb-imgs .thumb, .thumb-clicktell .row.section.vertical-multi .col-thumbs .thumb-imgs .thumb {
    flex-basis: 20%;
    max-width: 20%;
  }
  .thumb-clicktell .row.section.horizontal-left .col-thumbs .thumb-imgs .thumb, .thumb-clicktell .row.section.horizontal-right .col-thumbs .thumb-imgs .thumb {
    padding: 0 3px !important;
  }
}
@media (max-width: 1199px) {
  .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col.horizontal.col-md-12 .component {
    margin-bottom: 0 !important;
  }
  .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col.horizontal.col-md-12.thumb-col:first-of-type {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col.horizontal.col-md-12.thumb-col:first-of-type .component {
    margin-bottom: 40px !important;
  }
  .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col.horizontal.col-md-12.thumb-col:last-of-type {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}
.md-phone .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col.horizontal.col-md-12 .component {
  margin-bottom: 0 !important;
}
.md-phone .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col.horizontal.col-md-12.thumb-col:first-of-type {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}
.md-phone .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col.horizontal.col-md-12.thumb-col:first-of-type .component {
  margin-bottom: 40px !important;
}
.md-phone .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col.horizontal.col-md-12.thumb-col:last-of-type {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}
.md-phone #page-container .thumb-clicktell .row.section {
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .thumb-clicktell .row.section.horizontal-right .col-pane .thumb-pane, .thumb-clicktell .row.section.horizontal-left .col-pane .thumb-pane {
    padding: 30px 0 15px 0 !important;
  }
  .thumb-clicktell .row.section.horizontal-right .col-pane .thumb-pane .thumb-col .component, .thumb-clicktell .row.section.horizontal-right .col-pane .thumb-pane .thumb-col.horizontal.col-md-12 .component, .thumb-clicktell .row.section.horizontal-left .col-pane .thumb-pane .thumb-col .component, .thumb-clicktell .row.section.horizontal-left .col-pane .thumb-pane .thumb-col.horizontal.col-md-12 .component {
    margin-bottom: 0 !important;
  }
  .thumb-clicktell .row.section.horizontal-right .col-pane .thumb-pane .thumb-col .component .body-copy *, .thumb-clicktell .row.section.horizontal-right .col-pane .thumb-pane .thumb-col.horizontal.col-md-12 .component .body-copy *, .thumb-clicktell .row.section.horizontal-left .col-pane .thumb-pane .thumb-col .component .body-copy *, .thumb-clicktell .row.section.horizontal-left .col-pane .thumb-pane .thumb-col.horizontal.col-md-12 .component .body-copy * {
    font-size: 12px;
  }
  .thumb-clicktell .row.section.horizontal-right .col-pane .thumb-pane .thumb-col .component .pullquote, .thumb-clicktell .row.section.horizontal-right .col-pane .thumb-pane .thumb-col.horizontal.col-md-12 .component .pullquote, .thumb-clicktell .row.section.horizontal-left .col-pane .thumb-pane .thumb-col .component .pullquote, .thumb-clicktell .row.section.horizontal-left .col-pane .thumb-pane .thumb-col.horizontal.col-md-12 .component .pullquote {
    padding: 0;
  }
  .thumb-clicktell .row.section.horizontal-right .col-pane .thumb-pane .thumb-col .component .pullquote h4, .thumb-clicktell .row.section.horizontal-right .col-pane .thumb-pane .thumb-col.horizontal.col-md-12 .component .pullquote h4, .thumb-clicktell .row.section.horizontal-left .col-pane .thumb-pane .thumb-col .component .pullquote h4, .thumb-clicktell .row.section.horizontal-left .col-pane .thumb-pane .thumb-col.horizontal.col-md-12 .component .pullquote h4 {
    font-size: 12px;
    line-height: 120%;
  }
  .thumb-clicktell .row.section.horizontal-right .col-pane .thumb-pane .thumb-col.thumb-col:first-of-type, .thumb-clicktell .row.section.horizontal-right .col-pane .thumb-pane .thumb-col.horizontal.col-md-12.thumb-col:first-of-type, .thumb-clicktell .row.section.horizontal-left .col-pane .thumb-pane .thumb-col.thumb-col:first-of-type, .thumb-clicktell .row.section.horizontal-left .col-pane .thumb-pane .thumb-col.horizontal.col-md-12.thumb-col:first-of-type {
    padding: 0 15px !important;
  }
  .thumb-clicktell .row.section.horizontal-right .col-pane .thumb-pane .thumb-col.thumb-col:first-of-type .component, .thumb-clicktell .row.section.horizontal-right .col-pane .thumb-pane .thumb-col.horizontal.col-md-12.thumb-col:first-of-type .component, .thumb-clicktell .row.section.horizontal-left .col-pane .thumb-pane .thumb-col.thumb-col:first-of-type .component, .thumb-clicktell .row.section.horizontal-left .col-pane .thumb-pane .thumb-col.horizontal.col-md-12.thumb-col:first-of-type .component {
    margin-bottom: 20px !important;
  }
  .thumb-clicktell .row.section.horizontal-right .col-pane .thumb-pane .thumb-col.thumb-col:last-of-type, .thumb-clicktell .row.section.horizontal-right .col-pane .thumb-pane .thumb-col.horizontal.col-md-12.thumb-col:last-of-type, .thumb-clicktell .row.section.horizontal-left .col-pane .thumb-pane .thumb-col.thumb-col:last-of-type, .thumb-clicktell .row.section.horizontal-left .col-pane .thumb-pane .thumb-col.horizontal.col-md-12.thumb-col:last-of-type {
    padding: 0 15px !important;
  }
}
@media (max-width: 767px) {
  .thumb-clicktell .row.section, body[dir="RTL"] .thumb-clicktell .row.section {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .thumb-clicktell .row.section .col-pane, body[dir="RTL"] .thumb-clicktell .row.section .col-pane {
    padding: 0 !important;
    position: relative;
    margin-bottom: 40px;
    margin-top: 0;
    min-width: 100%;
  }
  .thumb-clicktell .row.section .col-pane:not(.default):before, body[dir="RTL"] .thumb-clicktell .row.section .col-pane:not(.default):before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    bottom: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #000000;
    transform: translate(-50%, 0);
    z-index: 1;
    bottom: auto;
    top: 0;
  }
  .thumb-clicktell .row.section .col-pane .thumb-pane, body[dir="RTL"] .thumb-clicktell .row.section .col-pane .thumb-pane {
    padding: 30px 0 20px 0;
  }
  .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col:not(.thumb-multi-content), .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col.horizontal:first-of-type:not(.thumb-multi-content), body[dir="RTL"] .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col:not(.thumb-multi-content), body[dir="RTL"] .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col.horizontal:first-of-type:not(.thumb-multi-content) {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col, body[dir="RTL"] .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col {
    min-width: 100%;
  }
  .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col.thumb-btns, body[dir="RTL"] .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col.thumb-btns {
    margin-bottom: 20px;
  }
  .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col.thumb-btns:last-child, body[dir="RTL"] .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col.thumb-btns:last-child {
    margin-top: 20px;
    margin-bottom: 0;
  }
  .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col .component, body[dir="RTL"] .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col .component {
    margin-bottom: 20px !important;
    animation: none;
    opacity: 1;
  }
  .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col:not(.thumb-multi-content):last-of-type .component, body[dir="RTL"] .thumb-clicktell .row.section .col-pane .thumb-pane .thumb-col:not(.thumb-multi-content):last-of-type .component {
    margin-bottom: 0 !important;
  }
  .thumb-clicktell .row.section .col-pane.captionOverImage:not(.default):before, body[dir="RTL"] .thumb-clicktell .row.section .col-pane.captionOverImage:not(.default):before {
    top: -15px;
  }
  .thumb-clicktell .row.section .column.col-thumbs, body[dir="RTL"] .thumb-clicktell .row.section .column.col-thumbs {
    padding: 0 !important;
    min-width: 100%;
  }
  .thumb-clicktell .row.section .column.col-thumbs .row.thumb-imgs, body[dir="RTL"] .thumb-clicktell .row.section .column.col-thumbs .row.thumb-imgs {
    margin: 0 -1.5rem !important;
  }
  .thumb-clicktell .row.section .column.col-thumbs .row.thumb-imgs .thumb, body[dir="RTL"] .thumb-clicktell .row.section .column.col-thumbs .row.thumb-imgs .thumb {
    min-width: 100%;
    padding: 0 4px !important;
  }
  .thumb-clicktell .row.section .column.col-thumbs .row.thumb-imgs .thumb.active:not(.captionOverImage), body[dir="RTL"] .thumb-clicktell .row.section .column.col-thumbs .row.thumb-imgs .thumb.active:not(.captionOverImage) {
    margin-bottom: 0;
  }
  .thumb-clicktell .row.section .column.col-thumbs .row.thumb-imgs .thumb .cont-imgcaption, body[dir="RTL"] .thumb-clicktell .row.section .column.col-thumbs .row.thumb-imgs .thumb .cont-imgcaption {
    padding: 0 !important;
  }
  .thumb-clicktell .row.section .column.col-thumbs .row.thumb-imgs .thumb .cont-imgcaption.active, body[dir="RTL"] .thumb-clicktell .row.section .column.col-thumbs .row.thumb-imgs .thumb .cont-imgcaption.active {
    margin-bottom: 0;
    cursor: pointer;
  }
}
.horizontal-timeline .ht-nav-cont {
  position: relative;
  width: 100%;
}
.horizontal-timeline .ht-nav-cont .ht-icon {
  position: absolute;
  display: block;
  top: 100%;
  width: 24px;
  height: 24px;
  margin-top: -2px;
  background-color: #626362;
  border: 3px solid #df1959;
  border-radius: 50%;
  cursor: pointer;
}
.horizontal-timeline .ht-nav-cont .ht-icon {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.horizontal-timeline .ht-nav-cont .ht-icon:hover, .horizontal-timeline .ht-nav-cont .ht-icon:active, .horizontal-timeline .ht-nav-cont .ht-icon.focus, .horizontal-timeline .ht-nav-cont .ht-icon:focus {
  background: black !important;
}
.horizontal-timeline .ht-nav-cont .ht-icon.disabled {
  background: #afafaf !important;
}
.horizontal-timeline .ht-nav-cont .ht-icon.minus {
  left: 0;
  transform: translate(-50%, -50%);
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/minus_white.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 10px 3px !important;
}
.horizontal-timeline .ht-nav-cont .ht-icon.plus {
  right: 0;
  transform: translate(50%, -50%);
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/plus_white.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 10px 10px !important;
}
.horizontal-timeline .ht-nav-cont .ht-nav {
  position: relative;
  overflow: hidden;
  border-bottom: 3px solid #df1959;
}
.horizontal-timeline .ht-nav-cont .ht-nav .ht-nav-slide {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  left: 50%;
  position: relative;
  transition: transform 0.25s;
}
.horizontal-timeline .ht-nav-cont .ht-nav .ht-nav-slide .ht-nav-header {
  position: relative;
  display: block;
  width: calc(50% - 2px);
  min-width: calc(50% - 2px);
  box-sizing: border-box;
  padding: 18px;
  margin: 0 1px 18px 1px;
  transform: translate(-50%, 0);
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-radius: 0px;
}
.horizontal-timeline .ht-nav-cont .ht-nav .ht-nav-slide .ht-nav-header.active {
  border: 3px solid #000000;
}
.horizontal-timeline .ht-nav-cont .ht-nav .ht-nav-slide .ht-nav-header.active .AudioTranscript {
  opacity: 1;
}
.horizontal-timeline .ht-nav-cont .ht-nav .ht-nav-slide .ht-nav-header.clicked .ht-title-txt:before {
  position: relative;
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  top: 1px;
  left: 0;
  background: #474747;
  border-radius: 50%;
  margin-right: 8px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 8px 6px;
}
.horizontal-timeline .ht-nav-cont .ht-nav .ht-nav-slide .ht-nav-header:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 18px;
  bottom: -21px;
  left: 50%;
  background: #df1959;
  transform: translate(-50%, 0);
  z-index: 0;
}
.horizontal-timeline .ht-nav-cont .ht-nav .ht-nav-slide .ht-nav-header.hasTranscript {
  padding: 18px 40px;
}
.horizontal-timeline .ht-nav-cont .ht-nav .ht-nav-slide .ht-nav-header .ht-title-txt, .horizontal-timeline .ht-nav-cont .ht-nav .ht-nav-slide .ht-nav-header .ht-title-date {
  padding: 3px 0;
  font-size: 12px;
  line-height: 120%;
  text-align: center;
}
.horizontal-timeline .ht-nav-cont .ht-nav .ht-nav-slide .ht-nav-header .ht-title-txt {
  font-weight: bold;
}
.horizontal-timeline .ht-nav-cont .ht-nav .ht-nav-slide .ht-nav-header .AudioTranscript {
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 5px;
  top: 5px;
  transition: 5s;
}
.horizontal-timeline .ht-slide {
  margin-top: 40px !important;
}
.horizontal-timeline .ht-slide .ht-col:last-of-type .component {
  margin-bottom: 0 !important;
}
.horizontal-timeline .ht-slide .ht-col:not(.col-sm-12):first-child {
  padding-right: 1.25rem !important;
}
.horizontal-timeline .ht-slide .ht-col:not(.col-sm-12):last-child {
  padding-left: 1.25rem !important;
}
.horizontal-timeline .ht-slide .ht-col:not(.col-sm-12) .component, .horizontal-timeline .ht-slide .ht-col:not(.col-sm-12):last-of-type .component {
  margin-bottom: 0 !important;
}
.horizontal-timeline .ht-slide .ht-col .ht-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: "Caveat", handwriting;
  font-size: 18px;
  font-weight: bold;
}
body[dir="RTL"] .horizontal-timeline .ht-nav-cont {
  direction: ltr;
}
body[dir="RTL"] .horizontal-timeline .ht-nav-cont .ht-nav .ht-nav-slide .ht-nav-header .AudioTranscript {
  left: 5px;
  right: unset;
}
body[dir="RTL"] .horizontal-timeline .ht-slide {
  direction: ltr;
}
body[dir="RTL"] .horizontal-timeline .ht-slide .ht-col {
  direction: rtl;
}
@media (min-width: 1280px) {
  .horizontal-timeline .ht-nav-cont .ht-nav .ht-nav-slide .ht-nav-header, body[dir="RTL"] .horizontal-timeline .ht-nav-cont .ht-nav .ht-nav-slide .ht-nav-header {
    width: calc(35% - 2px);
    min-width: calc(35% - 2px);
  }
}
@media (max-width: 767px) {
  .horizontal-timeline .ht-nav-cont .ht-nav .ht-nav-slide .ht-nav-header, body[dir="RTL"] .horizontal-timeline .ht-nav-cont .ht-nav .ht-nav-slide .ht-nav-header {
    width: 100%;
    min-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .horizontal-timeline .ht-slide .ht-col, .horizontal-timeline .ht-slide .ht-col:not(.col-sm-12), body[dir="RTL"] .horizontal-timeline .ht-slide .ht-col, body[dir="RTL"] .horizontal-timeline .ht-slide .ht-col:not(.col-sm-12) {
    min-width: 100%;
  }
  .horizontal-timeline .ht-slide .ht-col:first-child, .horizontal-timeline .ht-slide .ht-col:not(.col-sm-12):first-child, body[dir="RTL"] .horizontal-timeline .ht-slide .ht-col:first-child, body[dir="RTL"] .horizontal-timeline .ht-slide .ht-col:not(.col-sm-12):first-child {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .horizontal-timeline .ht-slide .ht-col:last-child, .horizontal-timeline .ht-slide .ht-col:not(.col-sm-12):last-child, body[dir="RTL"] .horizontal-timeline .ht-slide .ht-col:last-child, body[dir="RTL"] .horizontal-timeline .ht-slide .ht-col:not(.col-sm-12):last-child {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .horizontal-timeline .ht-slide .ht-col .component, .horizontal-timeline .ht-slide .ht-col:not(.col-sm-12) .component, body[dir="RTL"] .horizontal-timeline .ht-slide .ht-col .component, body[dir="RTL"] .horizontal-timeline .ht-slide .ht-col:not(.col-sm-12) .component {
    margin-bottom: 20px !important;
  }
  .horizontal-timeline .ht-slide .ht-col:last-of-type .component, .horizontal-timeline .ht-slide .ht-col:not(.col-sm-12):last-of-type .component, body[dir="RTL"] .horizontal-timeline .ht-slide .ht-col:last-of-type .component, body[dir="RTL"] .horizontal-timeline .ht-slide .ht-col:not(.col-sm-12):last-of-type .component {
    margin-bottom: 0 !important;
  }
}
.timeline-vert {
  position: relative;
}
.timeline-vert:before, .timeline-vert:after {
  position: absolute;
  content: "";
  left: 50%;
  background: #999;
  transform: translate(-50%, 0);
  pointer-events: none;
}
.timeline-vert:before {
  top: 30px;
  width: 4px;
  height: 100%;
}
.timeline-vert:after {
  height: 4px;
  bottom: -30px;
  width: 26px;
}
.timeline-vert .timeline-row {
  position: relative;
  margin-right: 15px;
  padding-top: 64px;
}
.timeline-vert .timeline-row.hidden {
  opacity: 0;
}
.timeline-vert .timeline-row.hidden .timeline-col:before, .timeline-vert .timeline-row.hidden .timeline-col:after {
  opacity: 0;
}
.timeline-vert .timeline-row.animated .timeline-col:before, .timeline-vert .timeline-row.animated .timeline-col:after {
  transition: 0.2s ease-in-out 1s;
}
.timeline-vert .timeline-row:first-child {
  padding-top: 0;
}
.timeline-vert .timeline-row.right {
  justify-content: flex-end;
  margin-right: 0;
  margin-left: 15px;
}
.timeline-vert .timeline-row.right .timeline-col:before {
  left: -15px;
  right: auto;
}
.timeline-vert .timeline-row.right .timeline-col:after {
  left: -45px;
  right: auto;
}
.timeline-vert .timeline-row .timeline-col {
  background: #000000;
  border-radius: 0px;
  padding: 25px !important;
  flex-basis: calc(50% - 30px);
  max-width: calc(50% - 30px);
  position: relative;
}
.timeline-vert .timeline-row .timeline-col h4.title-panel {
  margin: 10px 0;
}
.timeline-vert .timeline-row .timeline-col:before, .timeline-vert .timeline-row .timeline-col:after {
  position: absolute;
  content: "";
  opacity: 1;
  pointer-events: none;
}
.timeline-vert .timeline-row .timeline-col:before {
  top: 28px;
  right: -15px;
  width: 15px;
  height: 4px;
  background: #999;
}
.timeline-vert .timeline-row .timeline-col:after {
  top: 15px;
  right: -45px;
  width: 30px;
  height: 30px;
  background: #000000;
  border-radius: 50%;
}
.timeline-vert .timeline-row .timeline-col.clicked:after {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px 10px;
}
.timeline-vert .timeline-row .timeline-col .page-audio {
  margin: 0 0 15px 0;
}
.timeline-vert .timeline-row .timeline-col .component:last-of-type {
  margin-bottom: 20px !important;
}
body[dir="RTL"] .timeline-vert {
  direction: ltr;
}
body[dir="RTL"] .timeline-vert .timeline-row .timeline-col {
  direction: rtl;
}
@media (max-width: 767px) {
  .timeline-vert {
    padding-top: 39px;
    padding-bottom: 115px;
  }
  .timeline-vert:before {
    top: 0px;
    width: 4px;
    height: 100%;
  }
  .timeline-vert:after {
    bottom: 0;
  }
  .timeline-vert .timeline-row, .timeline-vert .timeline-row.right {
    padding-top: 139px;
  }
  .timeline-vert .timeline-row .timeline-col, .timeline-vert .timeline-row.right .timeline-col {
    flex-basis: 100%;
    max-width: 100%;
    padding: 20px !important;
    background: #000000;
  }
  .timeline-vert .timeline-row .timeline-col:before, .timeline-vert .timeline-row.right .timeline-col:before {
    display: none;
  }
  .timeline-vert .timeline-row .timeline-col:after, .timeline-vert .timeline-row.right .timeline-col:after {
    top: -39px;
    right: auto;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .timeline-vert .timeline-row .timeline-col .component, .timeline-vert .timeline-row.right .timeline-col .component {
    margin-bottom: 20px !important;
  }
  .timeline-vert .timeline-row .timeline-col .page-audio, .timeline-vert .timeline-row.right .timeline-col .page-audio {
    margin: 0 0 20px 0;
  }
}
.md-phone .timeline-vert .timeline-row .timeline-col, .md-phone .timeline-vert .timeline-row.right .timeline-col {
  background: #000000;
}
.TimelineVisual {
  height: 100%;
  position: relative;
  width: 100%;
}
.TimelineVisual .Swipable {
  align-items: center;
  display: flex;
  height: 100%;
  position: relative;
  width: 100%;
}
.TimelineVisual .slider {
  display: flex;
  padding: 0 0.75%;
  position: absolute;
  transition: left 0.5s ease-in-out;
}
.TimelineVisual .slider .slide {
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  padding: 0 0.3%;
  position: relative;
}
.TimelineVisual .slider .slide :focus {
  border: none;
  outline: none;
}
.TimelineVisual .slider .slide.active > .AudioTranscript {
  opacity: 1;
}
.TimelineVisual .slider .slide.active .overlay {
  opacity: 0;
  pointer-events: none;
  transition: 0.6s opacity ease-in;
}
.TimelineVisual .slider .slide .media1 {
  margin-bottom: 20px;
}
.TimelineVisual .slider .slide .media1 .component, .TimelineVisual .slider .slide .media1 .media-frame, .TimelineVisual .slider .slide .media1 .img-wrapper, .TimelineVisual .slider .slide .media1 .poster-zoom {
  display: flex;
  height: 100%;
  justify-content: center;
  margin: 0;
}
.TimelineVisual .slider .slide .media1 .component img, .TimelineVisual .slider .slide .media1 .media-frame img, .TimelineVisual .slider .slide .media1 .img-wrapper img, .TimelineVisual .slider .slide .media1 .poster-zoom img {
  display: inline-block;
  height: 100%;
  width: auto;
}
.TimelineVisual .slider .slide .media1 .poster-zoom {
  overflow: hidden;
}
.TimelineVisual .slider .slide .media1 .img-wrapper {
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.TimelineVisual .slider .slide .title {
  align-items: center;
  display: flex;
  position: relative;
}
.TimelineVisual .slider .slide .title h3 {
  display: inline-block;
  flex: 0 1 auto;
  margin: 0;
}
.TimelineVisual .slider .slide .title hr {
  border-bottom: none;
  display: inline-block;
  flex: 1;
  height: 0;
  margin: 12px 0;
}
.TimelineVisual .slider .slide .subtitle {
  color: #000000;
  font-weight: bold;
}
.TimelineVisual .slider .slide .overlay {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: 1s opacity ease-out;
  width: 100%;
}
.TimelineVisual .slider .slide > .AudioTranscript {
  opacity: 0;
  position: absolute;
  right: calc(3% + 10px);
  top: 10px;
  transition: 0.5s opacity;
}
.TimelineVisual.Type1.reverse-text .slide h3 {
  color: #FFF;
}
.TimelineVisual.Type1 .slider {
  height: 90%;
}
.TimelineVisual.Type1 .slider .slide {
  transition: opacity 0.5s;
}
.TimelineVisual.Type1 .slider .slide.active {
  opacity: 1 !important;
}
.TimelineVisual.Type1 .slider .slide:not(.active) .adobe-edge {
  pointer-events: none;
}
.TimelineVisual.Type1 .slider .slide .media1 {
  flex-shrink: 0;
  overflow: hidden;
}
.TimelineVisual.Type1 .slider .slide .media1:not(.slideshow):not(.video) .media-frame {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.TimelineVisual.Type1 .slider .slide .media1.slideshow .component, .TimelineVisual.Type1 .slider .slide .media1.video .component {
  align-items: center;
  display: flex;
}
.TimelineVisual.Type1 .slider .slide .media1.slideshow .component .media-frame, .TimelineVisual.Type1 .slider .slide .media1.video .component .media-frame {
  display: block;
  height: auto;
}
.TimelineVisual.Type1 .slider .slide .media1 .component.text {
  align-items: center;
  display: flex;
}
.TimelineVisual.Type1 .slider .slide .media1 .component .media-footer {
  padding: 10px 3%;
  width: 94%;
}
.TimelineVisual.Type1 .slider .slide .content {
  display: flex;
  flex-direction: column;
}
.TimelineVisual.Type1 .slider .slide .content .title {
  flex-shrink: 0;
  margin: 20px 0 15px;
}
.TimelineVisual.Type1 .slider .slide .content .title .dotConnector {
  height: 33px;
  position: absolute;
  top: 9px;
}
.TimelineVisual.Type1 .slider .slide .content .title .dotConnector .dot {
  background: #000000;
  border-radius: 50%;
  display: block;
  height: 7px;
  left: 0;
  position: absolute;
  top: 0;
  width: 7px;
}
.TimelineVisual.Type1 .slider .slide .content .title .dotConnector .connector {
  background: #000000;
  display: block;
  height: 20px;
  left: 3px;
  position: absolute;
  top: 5px;
  width: 1px;
}
.TimelineVisual.Type1 .slider .slide .content .title h3 {
  margin-right: 10px;
}
.TimelineVisual.Type1 .slider .slide .content .subtitle {
  margin-bottom: 10px;
}
.TimelineVisual.Type1 .slider .slide .content .media2 {
  overflow: auto;
}
.TimelineVisual.Type2 .slider {
  height: 100%;
  padding: 0;
}
.TimelineVisual.Type2 .slider .slide {
  align-items: center;
  color: #fff;
  justify-content: center;
  overflow: visible;
  padding: 0;
  transition: flex-grow 0.2s;
  flex: 1;
}
.TimelineVisual.Type2 .slider .slide.active {
  z-index: 20;
}
.TimelineVisual.Type2 .slider .slide.active .inactiveTitle {
  opacity: 0;
  transform: scale(0.5);
}
.TimelineVisual.Type2 .slider .slide.active .media1 {
  left: -10%;
  width: 120%;
}
.TimelineVisual.Type2 .slider .slide.active .media1 .panel-overlay {
  opacity: 1;
}
.TimelineVisual.Type2 .slider .slide.active .content {
  position: relative;
}
.TimelineVisual.Type2 .slider .slide.active .content.belowTitle .subtitle, .TimelineVisual.Type2 .slider .slide.active .content.belowTitle .media2 {
  opacity: 1;
  transition: 0.2s;
  transition-delay: 0.5s;
}
.TimelineVisual.Type2 .slider .slide.active .content.center {
  margin-top: 0;
  opacity: 1;
  transition: 0.2s;
  transition-delay: 0.5s;
}
.TimelineVisual.Type2 .slider .slide.active .overlay {
  transition: none;
}
.TimelineVisual.Type2 .slider .slide .media1 {
  background-repeat: no-repeat;
  left: 0;
  margin-bottom: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: 0.2s;
  width: 100%;
}
.TimelineVisual.Type2 .slider .slide .media1 .media-footer {
  display: none;
}
.TimelineVisual.Type2 .slider .slide .media1 video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
.TimelineVisual.Type2 .slider .slide .media1 .adobeanimate-bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.TimelineVisual.Type2 .slider .slide .media1 iframe {
  height: 100%;
  left: 0;
  min-width: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.TimelineVisual.Type2 .slider .slide .inactiveTitle {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: 0.5s;
  width: 100%;
}
.TimelineVisual.Type2 .slider .slide .inactiveTitle h3 {
  border-bottom: 2px solid #000000;
  border-top: 2px solid #000000;
  font-size: 40px;
  margin: 0 10%;
  padding: 10px 0;
  text-align: center;
}
.TimelineVisual.Type2 .slider .slide .panel-overlay {
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity 1s;
  width: 100%;
}
.TimelineVisual.Type2 .slider .slide .content {
  padding: 0 5%;
  position: relative;
  width: 90%;
}
.TimelineVisual.Type2 .slider .slide .content.belowTitle {
  left: 0;
  position: absolute;
  top: 45%;
}
.TimelineVisual.Type2 .slider .slide .content.belowTitle .subtitle, .TimelineVisual.Type2 .slider .slide .content.belowTitle .media2 {
  opacity: 0;
}
.TimelineVisual.Type2 .slider .slide .content.center {
  margin-top: 25px;
  opacity: 0;
  position: relative;
}
.TimelineVisual.Type2 .slider .slide .content .title {
  justify-content: center;
  transition: 0.2s;
}
.TimelineVisual.Type2 .slider .slide .content .title h3 {
  border-bottom: 2px solid #000000;
  border-top: 2px solid #000000;
  padding: 20px 0;
  text-align: center;
}
.TimelineVisual.Type2 .slider .slide .content .title hr {
  display: none;
}
.TimelineVisual.Type2 .slider .slide .content .subtitle {
  margin: 25px 0 15px;
  text-align: center;
}
.TimelineVisual.Type2 .slider .slide > .AudioTranscript {
  right: calc(-10% + 10px);
}
@media (max-width: 767px) {
  .TimelineVisual.Type1 .slider .slide .content {
    padding-left: 8%;
    padding-right: 8%;
  }
  .TimelineVisual.Type2 .slider .slide.active .media1 {
    left: 0;
    width: 100%;
  }
}
.ac-tip {
  margin: 10px auto 30px auto;
  backface-visibility: hidden;
  position: relative;
}
.ac-tip img.floatL {
  float: left;
  margin: 0 20px 20px 0;
}
.ac-tip img.floatR {
  float: right;
  margin: 0 0 20px 20px;
}
.ac-tip .actip-title {
  display: inline-block;
  position: relative;
  width: auto;
  background: #df1959;
  margin: 0 0 -0.5px 0;
  padding: 14px 30px 14px 15px;
  border: 2px solid #fff;
  border-radius: 0px;
  font-family: "Caveat", handwriting;
  font-size: 12px;
  font-weight: bold;
  line-height: 150%;
  cursor: pointer;
  color: #3e3e3e;
  text-decoration: none;
  letter-spacing: 1px;
  z-index: 1;
}
.ac-tip .actip-title p:last-of-type {
  margin-bottom: 0;
}
.ac-tip .actip-title:after {
  position: absolute;
  top: 50%;
  content: "";
  width: 8px;
  height: 4px;
  right: 14px;
  transform: translate(0, -50%);
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/expand_accordion.svg");
  background-size: 8px 4px;
  background-repeat: no-repeat;
}
.ac-tip.center {
  text-align: center;
}
.ac-tip.right {
  text-align: right;
}
.ac-tip article {
  position: relative;
  display: none;
  margin-top: -2px;
  text-align: left;
  padding: 15px;
  border: none;
  overflow: hidden;
  background: #000000;
  padding: 20px;
  color: #3e3e3e;
}
.ac-tip article p {
  margin: 0px;
}
.ac-tip article.center {
  text-align: center;
}
.ac-tip article.right {
  text-align: right;
}
.ac-tip.zestful .actip-title {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #000000;
  color: #3e3e3e;
}
.ac-tip.zestful article {
  display: block;
  border: 2px #fff solid;
  border-radius: 0px;
}
body[dir="RTL"] .ac-tip article {
  text-align: right;
}
body[dir="RTL"] .ac-tip article.center {
  text-align: center;
}
.tip-response:not(.type2) .tip-response-form {
  width: 100%;
}
.tip-response .tip-response-form-cont .tip-response-form {
  padding: 30px 20px 20px 20px !important;
  box-sizing: border-box;
  background: #df1959;
  border-radius: 0px;
  color: #000;
}
.tip-response .tip-response-form-cont .tip-response-form .question {
  margin-bottom: 20px;
}
.tip-response .tip-response-form-cont .tip-response-form .feedback {
  color: rgba(0, 0, 0, 0.7);
  font-size: 12px;
  font-style: italic;
  display: none;
}
.tip-response .tip-response-form-cont .tip-response-form .response {
  padding: 15px;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  color: #737373;
  font-size: 12px;
  display: none;
}
.tip-response .tip-response-form-cont .tip-response-form .tip-input {
  position: relative;
  width: 100%;
}
.tip-response .tip-response-form-cont .tip-response-form .tip-input textarea {
  margin-bottom: 5px;
  width: 100%;
  max-width: 100%;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding: 0 10px;
  resize: vertical;
  box-sizing: border-box;
}
.tip-response .tip-response-form-cont .tip-response-form .tip-input textarea::-webkit-input-placeholder {
  font-style: italic;
  padding-top: 5px;
}
.tip-response .tip-response-form-cont .tip-response-form .tip-input textarea:-moz-placeholder, .tip-response .tip-response-form-cont .tip-response-form .tip-input textarea::-moz-placeholder, .tip-response .tip-response-form-cont .tip-response-form .tip-input textarea:-ms-input-placeholder {
  /* Firefox 18- */
  color: #a9a9a9;
  font-style: italic;
}
.tip-response .tip-response-form-cont .tip-response-form .tip-input button {
  display: block;
  background: #000000;
  border: 1px solid transparent;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: bold;
}
.tip-response .tip-response-form-cont .tip-response-form .tip-input button:hover, .tip-response .tip-response-form-cont .tip-response-form .tip-input button:active, .tip-response .tip-response-form-cont .tip-response-form .tip-input button.focus, .tip-response .tip-response-form-cont .tip-response-form .tip-input button:focus {
  background: black;
  border: 1px solid #fff;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
}
.tip-response .tip-response-form-cont .tip-response-form .tip-input button.not-enabled {
  opacity: 0.55;
  pointer-events: none;
}
.tip-response .tip-response-form-cont .tip-response-form.answered .feedback, .tip-response .tip-response-form-cont .tip-response-form.answered .response {
  display: block;
}
.tip-response .tip-response-form-cont .tip-response-form.answered .tip-input button, .tip-response .tip-response-form-cont .tip-response-form.answered .tip-input textarea {
  display: none;
}
.tip-response .tip-response-form-cont h3 {
  font-size: 18px;
}
.tip-response .tip-response-feedback {
  display: none;
}
.tip-response .tip-response-feedback.col-sm-12 .feedback-bg {
  margin-left: 0;
  margin-top: 15px;
}
.tip-response .tip-response-feedback .feedback-bg {
  background: rgba(62, 62, 62, 0.9);
  color: #fff;
  margin-left: 12px;
  opacity: 0;
  padding: 20px 1.25rem;
  position: relative;
  transition: opacity 0.5s ease-in;
}
.tip-response .tip-response-feedback .feedback-bg:not(.horizontal) .component:last-of-type {
  margin-bottom: 0 !important;
}
.tip-response .tip-response-feedback .feedback-bg.horizontal {
  display: flex;
}
.tip-response .tip-response-feedback .feedback-bg.horizontal .component {
  margin-bottom: 0 !important;
}
@keyframes tipFeedbackIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tip-response .tip-response-feedback .feedback-bg .component {
  padding: 0 1.25rem;
  margin-bottom: 40px !important;
}
.tip-response .tip-response-feedback .feedback-bg .component h3 {
  margin-top: 15px;
  margin-bottom: 20px;
}
.tip-response .tip-response-feedback .feedback-bg .comp-cont:last-of-type .component {
  margin-bottom: 0 !important;
}
.tip-response .tip-response-feedback .feedback-bg .AudioTranscript {
  margin: 0;
  position: absolute;
  right: 10px;
  top: 10px;
}
.tip-response .tip-response-feedback.active {
  display: block;
}
.tip-response .tip-response-feedback.active .feedback-bg {
  animation: tipFeedbackIn 0.5s forwards;
}
body[dir="RTL"] .tip-response .tip-response-feedback.col-sm-12 .feedback-bg {
  margin-right: 0;
}
body[dir="RTL"] .tip-response .tip-response-feedback .feedback-bg {
  margin-left: 0;
  margin-right: 12px;
}
body[dir="RTL"] .tip-response .tip-response-feedback .AudioTranscript {
  left: 10px;
  right: unset;
}
@media (max-width: 1023px) {
  .tip-response .tip-response-form-cont .feedback-bg, .tip-response .tip-response-feedback .feedback-bg {
    padding: 20px !important;
  }
  .tip-response .tip-response-form-cont .feedback-bg .component, .tip-response .tip-response-feedback .feedback-bg .component {
    padding: 0 0.625rem !important;
    margin-bottom: 20px !important;
  }
  .tip-response .tip-response-form-cont .feedback-bg .component .body-copy *, .tip-response .tip-response-feedback .feedback-bg .component .body-copy * {
    font-size: 12px;
  }
  .tip-response .tip-response-form-cont .feedback-bg .component h3, .tip-response .tip-response-feedback .feedback-bg .component h3 {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 16px !important;
  }
  .tip-response .tip-response-form-cont .feedback-bg .component .pullquote, .tip-response .tip-response-feedback .feedback-bg .component .pullquote {
    padding: 0;
  }
  .tip-response .tip-response-form-cont .feedback-bg .component .pullquote h4, .tip-response .tip-response-feedback .feedback-bg .component .pullquote h4 {
    font-size: 12px;
    line-height: 120%;
  }
  .tip-response .tip-response-form-cont .feedback-bg .comp-cont:last-of-type .component, .tip-response .tip-response-feedback .feedback-bg .comp-cont:last-of-type .component {
    margin-bottom: 0 !important;
  }
  .tip-response .tip-response-form-cont .feedback-bg:not(.horizontal) .component:last-of-type, .tip-response .tip-response-feedback .feedback-bg:not(.horizontal) .component:last-of-type {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 767px) {
  #page-content:not(.mobile-bg):not(.mobile-bg):not(.st-quiz) .section.page-row .column .page-col-settings .tip-response .tip-response-feedback .feedback-bg .component.text {
    padding: 0 0.625rem !important;
  }
  .tip-response .tip-response-form-cont, .tip-response .tip-response-feedback {
    min-width: 100%;
    width: 100%;
  }
  .tip-response .tip-response-form-cont .feedback-bg, .tip-response .tip-response-feedback .feedback-bg {
    margin: 15px 0 0 0 !important;
  }
  .tip-response .tip-response-form-cont .feedback-bg.horizontal, .tip-response .tip-response-feedback .feedback-bg.horizontal {
    display: block;
  }
  .tip-response .tip-response-form-cont .feedback-bg.horizontal .comp-cont:first-of-type .component, .tip-response .tip-response-feedback .feedback-bg.horizontal .comp-cont:first-of-type .component {
    margin-bottom: 20px !important;
  }
  .tip-response .tip-response-form-cont .feedback-bg.horizontal .comp-cont:last-of-type .component, .tip-response .tip-response-feedback .feedback-bg.horizontal .comp-cont:last-of-type .component {
    margin-bottom: 0 !important;
  }
  .tip-response .tip-response-form-cont .feedback-bg.hasTranscript, .tip-response .tip-response-feedback .feedback-bg.hasTranscript {
    padding-top: 45px !important;
  }
  .tip-response .tip-response-form-cont .feedback-bg .component, .tip-response .tip-response-feedback .feedback-bg .component {
    padding: 0 0.625rem !important;
  }
}
.tip-response-overview {
  position: relative;
  font-size: 16px;
}
.tip-response-overview button.action {
  display: none;
}
.tip-response-overview button.action.active {
  display: inline-block;
}
.tip-response-overview button.action:hover, .tip-response-overview button.action:active, .tip-response-overview button.action.focus, .tip-response-overview button.action:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
.tip-response-overview button.action:first-of-type {
  margin-right: 10px;
}
.tip-response-overview .tip-overview-q {
  font-weight: bold;
  padding-top: 20px;
}
.tip-response-overview .tip-overview-a:last-of-type {
  padding-bottom: 20px;
}
body[dir="RTL"] .tip-response-overview button.action:first-of-type {
  margin-right: 0;
  margin-left: 10px;
}
.TopicMenu {
  padding: 10px;
}
.TopicMenu h6 {
  border-bottom: #5f5e5e solid 3px;
  padding-bottom: 10px;
  font-family: "Caveat", handwriting;
  font-size: 12px;
  margin: 0 0 10px 0;
}
.TopicMenu h6.no-mod {
  margin-bottom: 15px;
}
.TopicMenu h4 {
  margin-top: 0;
  margin-bottom: 15px;
  border-bottom: #5f5e5e solid 2px;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-size: 19px;
}
.TopicMenu ul.topic-options {
  font-size: 12px;
  position: relative;
  margin: 0 8px 20px 8px;
  padding: 12px 26px 16px;
  border-left: 3px solid #999999;
}
.TopicMenu ul.topic-options:after {
  content: "";
  position: absolute;
  display: block;
  height: 7px;
  width: 7px;
  left: -5px;
  bottom: 0;
  background: #999999;
  border-radius: 100%;
}
.TopicMenu ul.topic-options:before {
  content: "";
  position: absolute;
  display: block;
  height: 7px;
  width: 7px;
  left: -5px;
  top: 0;
  background: #999999;
  border-radius: 100%;
}
.TopicMenu ul.topic-options.right {
  border-left: none;
  border-right: 3px solid #999;
  text-align: right;
}
.TopicMenu ul.topic-options.right:before {
  left: calc(100% - 2px);
}
.TopicMenu ul.topic-options.right:after {
  left: calc(100% - 2px);
}
.TopicMenu ul.topic-options.right li:before {
  left: calc(100% + 22px);
}
.TopicMenu ul.topic-options.right li.active:after {
  left: 100%;
}
.TopicMenu ul.topic-options.right li.active:before, .TopicMenu ul.topic-options.right li.complete:before {
  left: calc(100% + 22px);
}
.TopicMenu ul.topic-options.right li.active:after, .TopicMenu ul.topic-options.right li.complete:after {
  left: calc(100% + 17px);
}
.TopicMenu ul.topic-options li {
  list-style: none;
  display: block;
  position: relative;
  margin: 17px 0px;
  font-weight: bolder;
  line-height: 140%;
  cursor: pointer;
}
.TopicMenu ul.topic-options li:hover {
  color: #448ee5;
}
.TopicMenu ul.topic-options li:hover:before {
  background: #448ee5;
}
.TopicMenu ul.topic-options li:before {
  content: "";
  position: absolute;
  display: block;
  height: 11px;
  width: 11px;
  left: -33px;
  top: calc(50% - 5px);
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #448ee5;
  border-radius: 100%;
}
.TopicMenu ul.topic-options li:first-child {
  margin-top: 9px;
}
.TopicMenu ul.topic-options li:last-child {
  margin-bottom: 9px;
}
.TopicMenu ul.topic-options li.active:before, .TopicMenu ul.topic-options li.complete:before {
  height: 10px;
  width: 10px;
  left: -32px;
  border: none;
}
.TopicMenu ul.topic-options li.active {
  color: #448ee5;
  font-style: normal;
}
.TopicMenu ul.topic-options li.active:after {
  content: "";
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  left: -37px;
  top: calc(50% - 10px);
  box-sizing: border-box;
  border: 1px solid #448ee5;
  background: transparent;
  border-radius: 100%;
  z-index: 9;
}
.TopicMenu ul.topic-options li.active:before {
  background: #448ee5;
}
.TopicMenu ul.topic-options li.complete:before {
  background: #999;
}
.TopicMenu ul.topic-options li.complete.active:before {
  background: #448ee5;
}
.TopicMenu ul.row-btm {
  list-style-type: none;
  padding: 0;
  color: #fff;
  margin: 0 0.5rem;
}
.TopicMenu ul.row-btm .load-topic {
  text-align: left;
  padding: 0 2.6rem 60px 2.6rem;
}
.TopicMenu ul.row-btm .load-topic img {
  display: block;
  width: 100%;
  border: none;
  cursor: pointer;
}
.TopicMenu ul.row-btm .load-topic img.disabled {
  cursor: default;
}
.TopicMenu ul.row-btm .load-topic.complete .topic-image img {
  opacity: 0.5;
}
.TopicMenu ul.row-btm .load-topic.locked .topic-image {
  cursor: not-allowed;
  position: relative;
}
.TopicMenu ul.row-btm .load-topic.locked .topic-image img {
  opacity: 0.5;
}
.TopicMenu ul.row-btm .load-topic.locked .topic-image:after {
  width: 20px;
  height: 32px;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock.svg");
  background-size: 20px 32px;
  background-repeat: no-repeat;
  background-position: center;
}
.TopicMenu ul.row-btm .load-topic .topic-details {
  padding-right: 15%;
}
.TopicMenu ul.row-btm .load-topic .topic-title {
  font-size: 18px;
  padding: 35px 0 15px;
}
.TopicMenu ul.row-btm.right .load-topic {
  text-align: right;
}
.TopicMenu ul.row-btm.right .load-topic .topic-details {
  padding-left: 15%;
  padding-right: 0;
}
.TopicMenu ul.row-btm.center .load-topic {
  text-align: center;
}
.TopicMenu ul.row-btm.center .load-topic .topic-details {
  padding-left: 15%;
}
.TopicMenu.verticalmedia ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.TopicMenu.verticalmedia ul.right .load-topic {
  text-align: right;
}
.TopicMenu.verticalmedia ul.center .load-topic {
  text-align: center;
}
.TopicMenu.verticalmedia ul .load-topic {
  text-align: left;
  margin-bottom: 50px;
  overflow: hidden;
}
.TopicMenu.verticalmedia ul .load-topic:not(:first-child) {
  padding-top: 50px;
  border-top: 2px solid #333;
}
.TopicMenu.verticalmedia ul .load-topic .topic-image {
  position: relative;
  float: left;
}
.TopicMenu.verticalmedia ul .load-topic .topic-image img {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: none;
  float: left;
  max-width: 150px;
  cursor: pointer;
}
.TopicMenu.verticalmedia ul .load-topic .topic-image img.disabled {
  cursor: default;
}
.TopicMenu.verticalmedia ul .load-topic.complete .topic-image img {
  opacity: 0.5;
}
.TopicMenu.verticalmedia ul .load-topic.locked .topic-image {
  cursor: not-allowed;
  position: relative;
  pointer-events: none;
}
.TopicMenu.verticalmedia ul .load-topic.locked .topic-image img {
  opacity: 0.5;
}
.TopicMenu.verticalmedia ul .load-topic.locked .topic-image:after {
  width: 20px;
  height: 32px;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock.svg");
  background-size: 20px 32px;
  background-repeat: no-repeat;
  background-position: center;
}
.TopicMenu.verticalmedia ul .load-topic.locked .topic-wrap button {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.TopicMenu.verticalmedia ul .load-topic.reverse .topic-image {
  float: right;
}
.TopicMenu.verticalmedia ul .load-topic.reverse .topic-wrap {
  margin-left: 0;
  margin-right: 180px;
}
.TopicMenu.verticalmedia ul .load-topic .topic-wrap {
  margin-left: 180px;
}
.TopicMenu.verticalmedia ul .load-topic .topic-wrap .topic-details {
  margin: 15px 0 25px 0;
  font-size: 16px;
}
.TopicMenu.verticalmedia ul .load-topic .topic-wrap .topic-title {
  font-size: 18px;
}
.TopicMenu.verticalmedia ul .load-topic .topic-wrap button {
  background: #57fa6a;
  margin: 5px 0;
  border-radius: 5px;
}
.TopicMenu.verticalmedia ul .load-topic .topic-wrap button:hover {
  background: #000000;
}
.tf-grid {
  position: relative;
}
.tf-grid.complete .overlay-select:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 6px;
  width: 12px;
  height: 12px;
  background: #474747;
  border-radius: 50%;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
  display: inline-block;
}
.tf-grid.locked {
  pointer-events: none;
  opacity: 0.7;
}
.tf-grid.locked .overlay-select {
  background: none;
  border: none;
}
.tf-grid.locked:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1;
  border: 2px dotted #dadada;
}
.tf-grid.locked:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: not-allowed;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock_light_ui.svg");
  width: 28px;
  height: 48px;
  background-size: 28px 48px;
  z-index: 1;
}
.tf-grid .overlay-select {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.95);
  border: 2px dotted #737373;
  font-family: "PT Sans", Helvetica, Arial;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
}
.tf-grid .overlay-select {
  left: 0;
}
.tf-grid .tf-questions .tf-grid-entry {
  flex-wrap: nowrap;
  display: table-row;
}
.tf-grid .tf-questions .tf-grid-entry .tf-q {
  flex: 1;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.tf-grid .tf-questions .tf-grid-entry .tf-q.header {
  background: none;
  margin-top: 0;
  padding-top: 12px;
}
.tf-grid .tf-questions .tf-grid-entry .tf-q h4 {
  color: #3e3e3e;
  font-size: 14px;
  line-height: 130%;
  font-weight: bold;
  font-family: "Caveat", handwriting;
  background-color: #df1959;
  border-radius: 0px;
  padding: 14px 21px 12px 21px;
  margin: 5px 13px 0 0;
}
.tf-grid .tf-questions .tf-grid-entry .tf-q .component {
  margin-bottom: 0 !important;
}
.tf-grid .tf-questions .tf-grid-entry .tf-q .component .body-copy {
  word-break: break-word;
  overflow-wrap: break-word;
}
.tf-grid .tf-questions .tf-grid-entry .tf-a {
  min-width: 49px;
  align-self: center;
  display: table-cell;
  vertical-align: middle;
}
.tf-grid .tf-questions .tf-grid-entry .tf-a.disabled {
  pointer-events: none;
}
.tf-grid .tf-questions .tf-grid-entry .tf-a.header {
  text-align: center;
  padding-bottom: 6px;
  box-sizing: border-box;
  white-space: nowrap;
  padding: 0 10px 6px 10px;
  font-weight: bold;
  line-height: 130%;
  font-size: 14px;
  color: #3e3e3e;
}
.tf-grid .tf-questions .tf-grid-entry .tf-a .tf-a-circle {
  position: relative;
  cursor: pointer;
  width: 25px;
  height: 25px;
  border: 2px solid #5f0b26;
  border-radius: 50%;
  margin: 5px auto 0 auto;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  transform: scale(1);
  box-sizing: border-box;
}
.tf-grid .tf-questions .tf-grid-entry .tf-a.touching .tf-a-circle {
  background-color: #333333;
  transform: scale(1.4);
}
.tf-grid .tf-questions .tf-grid-entry .tf-a.selected .tf-a-circle {
  background-color: #333333;
}
.tf-grid .tf-questions .tf-grid-entry .tf-a.correct.animCorrect .tf-a-circle:after {
  opacity: 0;
}
.tf-grid .tf-questions .tf-grid-entry .tf-a.correct .tf-a-circle:after {
  content: "";
  position: absolute;
  top: 7px;
  left: -17px;
  width: 14px;
  height: 11px;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
  background-size: 14px 11px;
  background-repeat: no-repeat;
  transition: opacity 0.2s;
}
.tf-grid .tf-feedback-cont.fadeFbOut .tf-feedback {
  opacity: 0;
}
.tf-grid .tf-feedback-cont.fadeFbIn .tf-feedback {
  opacity: 1;
}
.tf-grid .tf-feedback-cont.init .tf-feedback {
  transition: opacity 0.5s;
}
.tf-grid .tf-feedback-cont .tf-feedback {
  position: relative;
  height: calc(100% - 29px);
  margin: 29px 0 0 24px;
  background-color: #000000;
  padding: 26px 27px !important;
  font-size: 14px;
  line-height: 150%;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.2s;
  display: flex;
  flex-direction: column;
}
.tf-grid .tf-feedback-cont .tf-feedback .component {
  margin-bottom: 0 !important;
}
.tf-grid .tf-feedback-cont .tf-feedback .component a {
  font-weight: bold;
}
.tf-grid .tf-feedback-cont .tf-feedback .feedback-text {
  flex: 1;
}
.tf-grid .final-btn-cont {
  padding-top: 20px;
}
.tf-grid .initTimer {
  position: absolute;
}
.tf-grid .initTimer.disabled {
  display: none;
}
.tf-grid button {
  background: #333;
}
.tf-grid button {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.tf-grid button:hover, .tf-grid button:active, .tf-grid button.focus, .tf-grid button:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
body[dir="RTL"] .tf-grid .tf-questions .tf-grid-entry .tf-q h4 {
  margin-right: 0;
  margin-left: 13px;
}
body[dir="RTL"] .tf-grid .tf-questions .tf-grid-entry .tf-a.correct .tf-a-circle:after {
  right: -17px;
  left: auto;
}
body[dir="RTL"] .tf-grid .tf-feedback-cont .tf-feedback {
  margin-left: 0;
  margin-right: 24px;
}
@media (max-width: 767px) {
  .md-desktop .tf-grid.locked:after, body[dir="RTL"].md-desktop .tf-grid.locked:after {
    top: 100px;
    transform: translate(-50%, 0);
  }
  .md-desktop .tf-grid .tf-feedback-cont .tf-feedback, body[dir="RTL"].md-desktop .tf-grid .tf-feedback-cont .tf-feedback {
    margin-left: 0;
    margin-right: 0;
  }
  .md-desktop .tf-grid .overlay-select, body[dir="RTL"].md-desktop .tf-grid .overlay-select {
    align-items: flex-start;
  }
  .md-desktop .tf-grid .overlay-select .start-quiz-btn, body[dir="RTL"].md-desktop .tf-grid .overlay-select .start-quiz-btn {
    margin-top: 100px;
  }
  body[dir="RTL"] .tf-grid .tf-questions .tf-grid-entry .tf-q h4 {
    margin: 0;
  }
  body[dir="RTL"] .tf-grid .tf-questions .tf-grid-entry .tf-grid-fdbk-answers .tf-grid-fa-row .tf-grid-fa-col .tf-answers .tf-a .tf-a-circle {
    margin: 0 0 0 5px;
  }
  .tf-grid .tf-questions .tf-grid-entry {
    display: block;
    background: #000000;
  }
  .tf-grid .tf-questions .tf-grid-entry:not(:first-child) {
    margin-top: 15px !important;
  }
  .tf-grid .tf-questions .tf-grid-entry .tf-q {
    display: flex;
  }
  .tf-grid .tf-questions .tf-grid-entry .tf-q h4 {
    width: 100%;
    margin: 0;
  }
  .tf-grid .tf-questions .tf-grid-entry .tf-q h4 .component.text {
    width: 100%;
  }
  .tf-grid .tf-questions .tf-grid-entry .tf-grid-fdbk-answers .tf-grid-fa-row .tf-grid-fa-col {
    padding-top: 14px !important;
  }
  .tf-grid .tf-questions .tf-grid-entry .tf-grid-fdbk-answers .tf-grid-fa-row .tf-grid-fa-col .tf-answers {
    flex-direction: column;
  }
  .tf-grid .tf-questions .tf-grid-entry .tf-grid-fdbk-answers .tf-grid-fa-row .tf-grid-fa-col .tf-answers .tf-a {
    display: flex;
    align-self: auto;
    align-items: center;
    padding: 0 21px 14px 21px;
    min-width: 49px;
  }
  .tf-grid .tf-questions .tf-grid-entry .tf-grid-fdbk-answers .tf-grid-fa-row .tf-grid-fa-col .tf-answers .tf-a {
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .tf-grid .tf-questions .tf-grid-entry .tf-grid-fdbk-answers .tf-grid-fa-row .tf-grid-fa-col .tf-answers .tf-a .tf-a-circle {
    margin: 0 5px 0 0;
    min-width: 25px;
  }
  .tf-grid .tf-questions .tf-grid-entry .tf-grid-fdbk-answers .tf-grid-fa-row .tf-feedback-collapsed {
    background: #060606;
    opacity: 0;
  }
  .tf-grid .tf-questions .tf-grid-entry .tf-grid-fdbk-answers .tf-grid-fa-row .tf-feedback-collapsed.no-animate {
    opacity: 1;
  }
  .tf-grid .tf-questions .tf-grid-entry .tf-grid-fdbk-answers .tf-grid-fa-row .tf-feedback-collapsed.animate {
    animation: showFeedback 0.2s linear forwards;
  }
  .tf-grid .tf-questions .tf-grid-entry .tf-grid-fdbk-answers .tf-grid-fa-row .tf-feedback-collapsed .feedback-text-collapsed {
    padding: 14px 21px;
    transform: translateZ(0);
  }
  .tf-grid .tf-questions .tf-grid-entry .tf-grid-fdbk-answers .tf-grid-fa-row .tf-feedback-collapsed .feedback-text-collapsed {
    word-break: break-word;
    overflow-wrap: break-word;
  }
  @keyframes showFeedback {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .tf-grid .final-btn-cont {
    flex: 0 1 auto;
  }
}
.md-phone .tf-grid.locked:after, body[dir="RTL"].md-phone .tf-grid.locked:after {
  top: 100px;
  transform: translate(-50%, 0);
}
.md-phone .tf-grid .tf-feedback-cont .tf-feedback, body[dir="RTL"].md-phone .tf-grid .tf-feedback-cont .tf-feedback {
  margin-left: 0;
  margin-right: 0;
}
.md-phone .tf-grid .overlay-select, body[dir="RTL"].md-phone .tf-grid .overlay-select {
  align-items: flex-start;
}
.md-phone .tf-grid .overlay-select .start-quiz-btn, body[dir="RTL"].md-phone .tf-grid .overlay-select .start-quiz-btn {
  margin-top: 100px;
}
#word-frenzy {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0;
  background-color: #000;
  overflow: hidden;
}
#word-frenzy.complete .overlay-select:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 6px;
  width: 12px;
  height: 12px;
  background: #474747;
  border-radius: 50%;
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
  display: inline-block;
}
#word-frenzy .overlay-select {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.95);
  border: 2px dotted #737373;
  font-family: "PT Sans", Helvetica, Arial;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
}
#word-frenzy #wordfrenzy-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  perspective: 800px;
  pointer-events: none;
}
#word-frenzy #wordfrenzy-bg.active {
  animation: frenzyPath 8s linear infinite;
}
#word-frenzy #wordfrenzy-bg.active .c {
  animation: frenzyCenter 3s infinite linear;
}
#word-frenzy #wordfrenzy-bg .c {
  transform-origin: 50% 50%;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin-left: -100px;
  margin-top: -100px;
  opacity: 0;
  will-change: transform;
  background: rgba(0, 255, 255, 0.7);
  transition: 0.8s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(1) {
  transform: rotateY(0) translateX(277px) translateY(-652px) translateZ(30px) scale(0);
  animation-delay: 0.03s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(2) {
  transform: rotateY(0) translateX(-889px) translateY(746px) translateZ(234px) scale(0);
  animation-delay: 0.06s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(3) {
  transform: rotateY(0) translateX(-53px) translateY(-182px) translateZ(228px) scale(0);
  animation-delay: 0.09s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(4) {
  transform: rotateY(0) translateX(-884px) translateY(-317px) translateZ(-95px) scale(0);
  animation-delay: 0.12s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(5) {
  transform: rotateY(0) translateX(366px) translateY(788px) translateZ(-383px) scale(0);
  animation-delay: 0.15s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(6) {
  transform: rotateY(0) translateX(-760px) translateY(164px) translateZ(-213px) scale(0);
  animation-delay: 0.18s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(7) {
  transform: rotateY(0) translateX(135px) translateY(222px) translateZ(-256px) scale(0);
  animation-delay: 0.21s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(8) {
  transform: rotateY(0) translateX(208px) translateY(-50px) translateZ(401px) scale(0);
  animation-delay: 0.24s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(9) {
  transform: rotateY(0) translateX(-521px) translateY(632px) translateZ(-217px) scale(0);
  animation-delay: 0.27s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(10) {
  transform: rotateY(0) translateX(-871px) translateY(553px) translateZ(434px) scale(0);
  animation-delay: 0.3s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(11) {
  transform: rotateY(0) translateX(115px) translateY(-777px) translateZ(-484px) scale(0);
  animation-delay: 0.33s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(12) {
  transform: rotateY(0) translateX(-525px) translateY(887px) translateZ(-188px) scale(0);
  animation-delay: 0.36s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(13) {
  transform: rotateY(0) translateX(-711px) translateY(-719px) translateZ(303px) scale(0);
  animation-delay: 0.39s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(14) {
  transform: rotateY(0) translateX(-458px) translateY(-359px) translateZ(62px) scale(0);
  animation-delay: 0.42s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(15) {
  transform: rotateY(0) translateX(776px) translateY(-75px) translateZ(-89px) scale(0);
  animation-delay: 0.45s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(16) {
  transform: rotateY(0) translateX(-349px) translateY(-855px) translateZ(-484px) scale(0);
  animation-delay: 0.48s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(17) {
  transform: rotateY(0) translateX(199px) translateY(-424px) translateZ(269px) scale(0);
  animation-delay: 0.51s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(18) {
  transform: rotateY(0) translateX(-271px) translateY(-116px) translateZ(237px) scale(0);
  animation-delay: 0.54s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(19) {
  transform: rotateY(0) translateX(-897px) translateY(-647px) translateZ(-198px) scale(0);
  animation-delay: 0.57s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(20) {
  transform: rotateY(0) translateX(-836px) translateY(-466px) translateZ(-486px) scale(0);
  animation-delay: 0.6s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(21) {
  transform: rotateY(0) translateX(205px) translateY(-739px) translateZ(-477px) scale(0);
  animation-delay: 0.63s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(22) {
  transform: rotateY(0) translateX(359px) translateY(-224px) translateZ(266px) scale(0);
  animation-delay: 0.66s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(23) {
  transform: rotateY(0) translateX(-469px) translateY(378px) translateZ(-425px) scale(0);
  animation-delay: 0.69s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(24) {
  transform: rotateY(0) translateX(-116px) translateY(-333px) translateZ(-454px) scale(0);
  animation-delay: 0.72s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(25) {
  transform: rotateY(0) translateX(-235px) translateY(-244px) translateZ(420px) scale(0);
  animation-delay: 0.75s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(26) {
  transform: rotateY(0) translateX(-88px) translateY(-569px) translateZ(37px) scale(0);
  animation-delay: 0.78s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(27) {
  transform: rotateY(0) translateX(512px) translateY(-160px) translateZ(-22px) scale(0);
  animation-delay: 0.81s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(28) {
  transform: rotateY(0) translateX(400px) translateY(600px) translateZ(74px) scale(0);
  animation-delay: 0.84s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(29) {
  transform: rotateY(0) translateX(-595px) translateY(414px) translateZ(-36px) scale(0);
  animation-delay: 0.87s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(30) {
  transform: rotateY(0) translateX(-547px) translateY(-820px) translateZ(-74px) scale(0);
  animation-delay: 0.9s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(31) {
  transform: rotateY(0) translateX(-81px) translateY(815px) translateZ(331px) scale(0);
  animation-delay: 0.93s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(32) {
  transform: rotateY(0) translateX(756px) translateY(288px) translateZ(278px) scale(0);
  animation-delay: 0.96s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(33) {
  transform: rotateY(0) translateX(-653px) translateY(314px) translateZ(281px) scale(0);
  animation-delay: 0.99s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(34) {
  transform: rotateY(0) translateX(508px) translateY(407px) translateZ(-393px) scale(0);
  animation-delay: 1.02s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(35) {
  transform: rotateY(0) translateX(-659px) translateY(-315px) translateZ(112px) scale(0);
  animation-delay: 1.05s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(36) {
  transform: rotateY(0) translateX(80px) translateY(59px) translateZ(-85px) scale(0);
  animation-delay: 1.08s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(37) {
  transform: rotateY(0) translateX(-108px) translateY(96px) translateZ(329px) scale(0);
  animation-delay: 1.11s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(38) {
  transform: rotateY(0) translateX(-505px) translateY(201px) translateZ(-283px) scale(0);
  animation-delay: 1.14s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(39) {
  transform: rotateY(0) translateX(-716px) translateY(-198px) translateZ(330px) scale(0);
  animation-delay: 1.17s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(40) {
  transform: rotateY(0) translateX(-169px) translateY(679px) translateZ(194px) scale(0);
  animation-delay: 1.2s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(41) {
  transform: rotateY(0) translateX(-379px) translateY(593px) translateZ(-263px) scale(0);
  animation-delay: 1.23s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(42) {
  transform: rotateY(0) translateX(608px) translateY(750px) translateZ(174px) scale(0);
  animation-delay: 1.26s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(43) {
  transform: rotateY(0) translateX(532px) translateY(25px) translateZ(-330px) scale(0);
  animation-delay: 1.29s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(44) {
  transform: rotateY(0) translateX(725px) translateY(-538px) translateZ(-239px) scale(0);
  animation-delay: 1.32s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(45) {
  transform: rotateY(0) translateX(-570px) translateY(346px) translateZ(171px) scale(0);
  animation-delay: 1.35s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(46) {
  transform: rotateY(0) translateX(-272px) translateY(744px) translateZ(-462px) scale(0);
  animation-delay: 1.38s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(47) {
  transform: rotateY(0) translateX(618px) translateY(-791px) translateZ(420px) scale(0);
  animation-delay: 1.41s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(48) {
  transform: rotateY(0) translateX(866px) translateY(304px) translateZ(-446px) scale(0);
  animation-delay: 1.44s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(49) {
  transform: rotateY(0) translateX(844px) translateY(-631px) translateZ(84px) scale(0);
  animation-delay: 1.47s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(50) {
  transform: rotateY(0) translateX(-521px) translateY(515px) translateZ(-446px) scale(0);
  animation-delay: 1.5s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(51) {
  transform: rotateY(0) translateX(553px) translateY(850px) translateZ(405px) scale(0);
  animation-delay: 1.53s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(52) {
  transform: rotateY(0) translateX(504px) translateY(-334px) translateZ(-376px) scale(0);
  animation-delay: 1.56s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(53) {
  transform: rotateY(0) translateX(221px) translateY(459px) translateZ(-217px) scale(0);
  animation-delay: 1.59s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(54) {
  transform: rotateY(0) translateX(40px) translateY(-406px) translateZ(430px) scale(0);
  animation-delay: 1.62s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(55) {
  transform: rotateY(0) translateX(362px) translateY(772px) translateZ(360px) scale(0);
  animation-delay: 1.65s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(56) {
  transform: rotateY(0) translateX(250px) translateY(-325px) translateZ(-255px) scale(0);
  animation-delay: 1.68s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(57) {
  transform: rotateY(0) translateX(174px) translateY(-599px) translateZ(-178px) scale(0);
  animation-delay: 1.71s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(58) {
  transform: rotateY(0) translateX(-893px) translateY(670px) translateZ(90px) scale(0);
  animation-delay: 1.74s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(59) {
  transform: rotateY(0) translateX(414px) translateY(187px) translateZ(-104px) scale(0);
  animation-delay: 1.77s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(60) {
  transform: rotateY(0) translateX(-372px) translateY(-194px) translateZ(134px) scale(0);
  animation-delay: 1.8s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(61) {
  transform: rotateY(0) translateX(93px) translateY(-137px) translateZ(-240px) scale(0);
  animation-delay: 1.83s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(62) {
  transform: rotateY(0) translateX(-688px) translateY(-658px) translateZ(-51px) scale(0);
  animation-delay: 1.86s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(63) {
  transform: rotateY(0) translateX(-543px) translateY(-662px) translateZ(392px) scale(0);
  animation-delay: 1.89s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(64) {
  transform: rotateY(0) translateX(-601px) translateY(-514px) translateZ(-413px) scale(0);
  animation-delay: 1.92s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(65) {
  transform: rotateY(0) translateX(-46px) translateY(212px) translateZ(347px) scale(0);
  animation-delay: 1.95s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(66) {
  transform: rotateY(0) translateX(-31px) translateY(-164px) translateZ(383px) scale(0);
  animation-delay: 1.98s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(67) {
  transform: rotateY(0) translateX(-508px) translateY(150px) translateZ(451px) scale(0);
  animation-delay: 2.01s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(68) {
  transform: rotateY(0) translateX(-326px) translateY(-820px) translateZ(-202px) scale(0);
  animation-delay: 2.04s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(69) {
  transform: rotateY(0) translateX(434px) translateY(165px) translateZ(53px) scale(0);
  animation-delay: 2.07s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(70) {
  transform: rotateY(0) translateX(533px) translateY(713px) translateZ(74px) scale(0);
  animation-delay: 2.1s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(71) {
  transform: rotateY(0) translateX(-113px) translateY(404px) translateZ(-291px) scale(0);
  animation-delay: 2.13s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(72) {
  transform: rotateY(0) translateX(90px) translateY(-875px) translateZ(375px) scale(0);
  animation-delay: 2.16s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(73) {
  transform: rotateY(0) translateX(-302px) translateY(-515px) translateZ(128px) scale(0);
  animation-delay: 2.19s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(74) {
  transform: rotateY(0) translateX(-612px) translateY(-662px) translateZ(-215px) scale(0);
  animation-delay: 2.22s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(75) {
  transform: rotateY(0) translateX(-587px) translateY(408px) translateZ(-71px) scale(0);
  animation-delay: 2.25s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(76) {
  transform: rotateY(0) translateX(542px) translateY(-289px) translateZ(-448px) scale(0);
  animation-delay: 2.28s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(77) {
  transform: rotateY(0) translateX(-640px) translateY(-379px) translateZ(-414px) scale(0);
  animation-delay: 2.31s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(78) {
  transform: rotateY(0) translateX(877px) translateY(-2px) translateZ(-423px) scale(0);
  animation-delay: 2.34s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(79) {
  transform: rotateY(0) translateX(263px) translateY(-621px) translateZ(-10px) scale(0);
  animation-delay: 2.37s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(80) {
  transform: rotateY(0) translateX(79px) translateY(-373px) translateZ(-462px) scale(0);
  animation-delay: 2.4s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(81) {
  transform: rotateY(0) translateX(-437px) translateY(762px) translateZ(117px) scale(0);
  animation-delay: 2.43s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(82) {
  transform: rotateY(0) translateX(755px) translateY(414px) translateZ(200px) scale(0);
  animation-delay: 2.46s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(83) {
  transform: rotateY(0) translateX(-345px) translateY(-419px) translateZ(-102px) scale(0);
  animation-delay: 2.49s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(84) {
  transform: rotateY(0) translateX(239px) translateY(-704px) translateZ(-300px) scale(0);
  animation-delay: 2.52s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(85) {
  transform: rotateY(0) translateX(-9px) translateY(483px) translateZ(-456px) scale(0);
  animation-delay: 2.55s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(86) {
  transform: rotateY(0) translateX(-881px) translateY(482px) translateZ(146px) scale(0);
  animation-delay: 2.58s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(87) {
  transform: rotateY(0) translateX(-416px) translateY(-533px) translateZ(226px) scale(0);
  animation-delay: 2.61s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(88) {
  transform: rotateY(0) translateX(121px) translateY(-515px) translateZ(81px) scale(0);
  animation-delay: 2.64s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(89) {
  transform: rotateY(0) translateX(851px) translateY(833px) translateZ(-401px) scale(0);
  animation-delay: 2.67s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(90) {
  transform: rotateY(0) translateX(-832px) translateY(228px) translateZ(-381px) scale(0);
  animation-delay: 2.7s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(91) {
  transform: rotateY(0) translateX(-421px) translateY(45px) translateZ(-72px) scale(0);
  animation-delay: 2.73s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(92) {
  transform: rotateY(0) translateX(-399px) translateY(427px) translateZ(-201px) scale(0);
  animation-delay: 2.76s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(93) {
  transform: rotateY(0) translateX(536px) translateY(542px) translateZ(-175px) scale(0);
  animation-delay: 2.79s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(94) {
  transform: rotateY(0) translateX(851px) translateY(-154px) translateZ(268px) scale(0);
  animation-delay: 2.82s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(95) {
  transform: rotateY(0) translateX(696px) translateY(-547px) translateZ(-19px) scale(0);
  animation-delay: 2.85s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(96) {
  transform: rotateY(0) translateX(646px) translateY(-628px) translateZ(353px) scale(0);
  animation-delay: 2.88s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(97) {
  transform: rotateY(0) translateX(293px) translateY(21px) translateZ(495px) scale(0);
  animation-delay: 2.91s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(98) {
  transform: rotateY(0) translateX(-597px) translateY(38px) translateZ(-372px) scale(0);
  animation-delay: 2.94s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(99) {
  transform: rotateY(0) translateX(-518px) translateY(875px) translateZ(72px) scale(0);
  animation-delay: 2.97s;
}
#word-frenzy #wordfrenzy-bg .c:nth-child(100) {
  transform: rotateY(0) translateX(247px) translateY(-136px) translateZ(202px) scale(0);
  animation-delay: 3s;
}
@keyframes frenzyPath {
  from {
    transform: rotate(0deg) translateX(70px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(70px) rotate(-360deg);
  }
}
@keyframes frenzyCenter {
  40% {
    opacity: 0.2;
  }
  70% {
    opacity: 0.1;
  }
  100% {
    transform: rotateY(360deg) translateX(0px) translateY(0px) translateZ(0px) scale(1);
  }
}
#word-frenzy.ios #wordfrenzy-content #wordfrenzy-category.active:not(.bounceCat) {
  transition: transform 1.1s cubic-bezier(0.19, 1, 0.22, 1);
}
#word-frenzy.ios #wordfrenzy-content #wordfrenzy-category #wordfrenzy-category-txt {
  transition: all 1.4s cubic-bezier(0.19, 1, 0.22, 1);
}
#word-frenzy.ios #wordfrenzy-item {
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
#word-frenzy.ios #wordfrenzy-item.slide {
  transition: transform 5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#word-frenzy.ios #wordfrenzy-item #wordfrenzy-item-txt {
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
}
#word-frenzy.ios #wordfrenzy-item #wordfrenzy-feedback {
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
#word-frenzy.ios #wordfrenzy-item #wordfrenzy-feedback #wordfrenzy-feedback-txt {
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
#word-frenzy #wordfrenzy-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-category, #word-frenzy #wordfrenzy-content #wordfrenzy-item, #word-frenzy #wordfrenzy-content #wordfrenzy-feedback {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: auto;
  text-align: center;
  transform: translate3d(-50%, -50%, 0);
  will-change: transform;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-category {
  width: 65%;
  visibility: hidden;
  pointer-events: none;
  outline: none;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-category.active {
  visibility: visible;
  transform: translate3d(-50%, -50%, 0);
}
#word-frenzy #wordfrenzy-content #wordfrenzy-category.active:not(.bounceCat) {
  transition: transform 1.1s cubic-bezier(0.19, 1, 0.22, 1);
}
#word-frenzy #wordfrenzy-content #wordfrenzy-category.bounceCat {
  animation: frenzyBounce 4.6s ease-out infinite;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-category #wordfrenzy-category-txt {
  display: none;
  opacity: 0;
  color: #0ba9aa;
  letter-spacing: -0.01em;
  line-height: 0.9em;
  text-shadow: 0 0.09em 0.03em rgba(0, 0, 0, 0.5);
  font-size: 200px;
  font-weight: bold;
  font-family: "Arial Black", Verdana, Arial, sans-serif;
  transition: all 0.7s ease-out;
  transition: all 1.4s cubic-bezier(0.19, 1, 0.22, 1);
  word-wrap: normal;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-category #wordfrenzy-category-txt.wait {
  display: block;
  opacity: 0;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-category #wordfrenzy-category-txt.active {
  display: block;
  opacity: 1;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-category #wordfrenzy-category-txt span {
  font-size: inherit !important;
  line-height: inherit !important;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-item, #word-frenzy #wordfrenzy-content #wordfrenzy-feedback {
  width: 33%;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-item #wordfrenzy-item-txt, #word-frenzy #wordfrenzy-content #wordfrenzy-item #wordfrenzy-feedback-txt, #word-frenzy #wordfrenzy-content #wordfrenzy-feedback #wordfrenzy-item-txt, #word-frenzy #wordfrenzy-content #wordfrenzy-feedback #wordfrenzy-feedback-txt {
  color: #fff;
  letter-spacing: -0.04em;
  line-height: 1em;
  text-shadow: 0 0.23em 0.07em rgba(0, 0, 0, 0.5);
  font-family: "Arial Black", Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 100px;
  word-wrap: normal;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-item {
  visibility: hidden;
  transition: transform 0.3s ease-out;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-item.active {
  visibility: visible;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-item.slide {
  transition: transform 5s ease-in;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-item #wordfrenzy-item-txt {
  cursor: pointer;
  transition: all 0.6s;
  opacity: 0;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-item #wordfrenzy-item-txt.active {
  opacity: 1;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-item span {
  font-size: inherit !important;
  line-height: inherit !important;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-feedback {
  transition: transform 0.3s ease-out;
  pointer-events: none;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-feedback.auto-translate {
  transition: none;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-feedback #wordfrenzy-feedback-txt {
  position: absolute;
  display: flex;
  height: 100%;
  top: -1000px;
  left: 0;
  width: 100%;
  transform: scale3d(0, 0, 0);
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  opacity: 0;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-feedback #wordfrenzy-feedback-txt span {
  display: block;
  width: 100%;
  margin: auto;
  font-size: inherit !important;
  line-height: inherit !important;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-feedback #wordfrenzy-feedback-txt.active {
  top: 0;
  opacity: 1;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-feedback #wordfrenzy-feedback-txt.active span {
  animation: frenzyBounceFdbk 4.6s ease-out forwards;
}
#word-frenzy #wordfrenzy-content #wordfrenzy-feedback #wordfrenzy-feedback-txt.fadeFeedbackOut {
  opacity: 0;
}
@keyframes frenzyBounce {
  0% {
    transform: translate3d(-50%, -50%, 0) scale(1, 1);
  }
  22% {
    transform: translate3d(-50%, -50%, 0) scale(1, 1);
  }
  26% {
    transform: translate3d(-50%, -50%, 0) scale(0.8, 0.8);
  }
  30% {
    transform: translate3d(-50%, -50%, 0) scale(1.2, 1.2);
  }
  34% {
    transform: translate3d(-50%, -50%, 0) scale(1, 1);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) scale(1, 1);
  }
}
@keyframes frenzyBounceFdbk {
  0% {
    transform: translate3d(0, 0, 0) scale(1, 1);
  }
  22% {
    transform: translate3d(0, 0, 0) scale(1, 1);
  }
  26% {
    transform: translate3d(0, 0, 0) scale(0.8, 0.8);
  }
  30% {
    transform: translate3d(0, 0, 0) scale(1.2, 1.2);
  }
  34% {
    transform: translate3d(0, 0, 0) scale(1, 1);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1, 1);
  }
}
#word-frenzy #wordfrenzy-audio {
  position: absolute;
  top: 0;
  right: 14px;
  padding: 6px;
  cursor: pointer;
  text-align: right;
  color: #fff;
}
#word-frenzy #wordfrenzy-audio .audio-speaker {
  position: absolute;
  top: 7px;
  left: -21px;
  background: none;
}
#word-frenzy #wordfrenzy-audio .audio-speaker path.st0 {
  fill: #fff;
}
#word-frenzy #wordfrenzy-audio .audio-speaker .st0 {
  fill: #fff;
}
#word-frenzy #wordfrenzy-audio .audio-speaker st1 {
  display: inline;
}
#word-frenzy #wordfrenzy-audio .audio-speaker st2 {
  display: inline;
}
#word-frenzy #wordfrenzy-audio .audio-speaker .volume2, #word-frenzy #wordfrenzy-audio .audio-speaker .volume3 {
  display: inline;
  clip-path: url(#SVGID_2_);
  fill: #fff;
}
#word-frenzy #wordfrenzy-audio .audio-speaker.playing .volume2 {
  fill: #000;
  animation: volume 1.5s 0s infinite normal;
}
#word-frenzy #wordfrenzy-audio .audio-speaker.playing .volume3 {
  fill: #000;
  animation: volume_two 1.5s 0.5s infinite normal;
}
@keyframes volume {
  0% {
    fill: #000;
  }
  25% {
    fill: #fff;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #fff;
  }
}
@keyframes volume_two {
  0% {
    fill: #000;
  }
  25% {
    fill: #fff;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #000;
  }
}
#word-frenzy #wordfrenzy-audio .audio-text {
  display: none;
  font-family: "PT Sans", Helvetica, Arial;
}
#word-frenzy #wordfrenzy-audio .audio-text.active {
  display: block;
}
#word-frenzy .wordfrenzy-btn-cont {
  display: flex;
  position: absolute;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  bottom: 20px;
}
#word-frenzy .wordfrenzy-btn-cont button.action:hover, #word-frenzy .wordfrenzy-btn-cont button.action:active, #word-frenzy .wordfrenzy-btn-cont button.action.focus, #word-frenzy .wordfrenzy-btn-cont button.action:focus {
  background: black !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
#word-frenzy .overlay-select {
  position: absolute;
  top: 0;
  left: 0;
}
#word-frenzy .overlay-select.disabled {
  display: none;
}
@media (max-width: 767px) {
  #word-frenzy #wordfrenzy-audio .audio-speaker {
    top: 4px;
  }
  #word-frenzy #wordfrenzy-content #wordfrenzy-category #wordfrenzy-category-txt {
    display: block;
    width: 100%;
  }
}
.md-phone #word-frenzy #wordfrenzy-audio .audio-speaker {
  top: 4px;
}
.md-phone #word-frenzy #wordfrenzy-content #wordfrenzy-category #wordfrenzy-category-txt {
  display: block;
  width: 100%;
}
body[dir="RTL"] #word-frenzy #wordfrenzy-audio {
  right: auto;
  left: 34px;
}
#framework #app:not(.light-ui) .page-overlay#menu #topic-menu :first-child.row .topic-column .topic-entry.timed:before, #framework #app:not(.light-ui) .page-overlay-right#menu #topic-menu :first-child.row .topic-column .topic-entry.timed:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/timed.svg");
}
#framework #app:not(.light-ui) .page-overlay#objectives #objective-list .objective-item .objective-page.timed:before, #framework #app:not(.light-ui) .page-overlay-right#objectives #objective-list .objective-item .objective-page.timed:before {
  background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/timed.svg");
}
@media (min-width: 768px) {
  .md-desktop #app.light-ui #home {
    background: #fff;
  }
  .md-desktop #app.light-ui #home #home-two-cols #colL .home-text-cont {
    color: #333;
  }
  .md-desktop #app.light-ui #home #home-two-cols #colR {
    background: #fff;
    color: #333;
  }
  .md-desktop #app.light-ui #home #home-two-rows #row-top {
    background: linear-gradient(151deg, rgba(255, 255, 255, 0.9) 50%, #57fa6a 100%);
  }
  .md-desktop #app.light-ui #home #home-two-rows #row-top .home-text-cont {
    color: #333;
  }
  .md-desktop #app.light-ui #home #home-two-rows #row-mid .btn-seecourse {
    color: #d7d7d7;
  }
  .md-desktop #app.light-ui #home #home-two-rows #row-btm {
    color: #333;
  }
  .md-desktop #app.light-ui #home .pretest-panels {
    background: #fff;
  }
  .md-desktop #app.light-ui #home .pretest-panels .p-panel:hover, .md-desktop #app.light-ui #home .pretest-panels .p-panel:focus {
    border: 1px solid black;
  }
  .md-desktop #app.light-ui nav {
    color: #333;
    background: linear-gradient(151deg, rgba(87, 250, 106, 0.9) 0%, rgba(255, 255, 255, 0.9) 48%, rgba(87, 250, 106, 0.9) 85%);
  }
  .md-desktop #app.light-ui nav ul li.home {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/home_light_ui.svg");
  }
  .md-desktop #app.light-ui nav .right-menu .course-stats .percent-complete .stat:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/certificate_light_ui.svg");
  }
  .md-desktop #app.light-ui nav #scroll-indicator {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/pageDown_light_ui.svg");
  }
  .md-desktop #app.light-ui nav ul li:not(.profile-navcourseloc):not(.profile-navperc):hover, .md-desktop #app.light-ui nav ul li:not(.profile-navcourseloc):not(.profile-navperc):hover:before {
    color: #000;
  }
  .md-desktop #app.light-ui nav .nav-arrow {
    background: #333;
  }
  .md-desktop #app.light-ui nav .nav-arrow.active .swipe {
    background: #000;
  }
  .md-desktop #app.light-ui nav .nav-arrow.active.hover #navTimerPie svg #navTimerAnim {
    fill: #000;
  }
  .md-desktop #app.light-ui nav .nav-arrow #navTimerPie svg #navTimerAnim {
    fill: #333;
  }
  .md-desktop #app.light-ui nav .disable-vis {
    background: rgba(255, 255, 255, 0.65);
  }
  .md-desktop #app.light-ui nav #nav-branching {
    color: #fff;
  }
  .md-desktop #app.light-ui nav #nav-branching .profile-points:first-of-type {
    border-bottom: 1px solid #333333;
  }
  .md-desktop #app.light-ui nav #nav-branching .profile-cont, .md-desktop #app.light-ui nav #nav-branching ul {
    background: white;
    color: #333333;
  }
  .md-desktop #app.light-ui nav #nav-branching .profile-cont .profile .profile-ham, .md-desktop #app.light-ui nav #nav-branching ul .profile .profile-ham {
    background: #333333;
  }
  .md-desktop #app.light-ui nav #nav-branching .profile-cont .profile .profile-ham:before, .md-desktop #app.light-ui nav #nav-branching .profile-cont .profile .profile-ham:after, .md-desktop #app.light-ui nav #nav-branching ul .profile .profile-ham:before, .md-desktop #app.light-ui nav #nav-branching ul .profile .profile-ham:after {
    background: #333333;
  }
  .md-desktop #app.light-ui nav #nav-branching .profile-cont li, .md-desktop #app.light-ui nav #nav-branching ul li {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
  .md-desktop #app.light-ui nav #nav-branching .profile-cont li.svg-home, .md-desktop #app.light-ui nav #nav-branching ul li.svg-home {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_home_gray.svg");
    background-size: 27px 24px;
  }
  .md-desktop #app.light-ui nav #nav-branching .profile-cont li.svg-glossary, .md-desktop #app.light-ui nav #nav-branching ul li.svg-glossary {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_glossary_gray.svg");
  }
  .md-desktop #app.light-ui nav #nav-branching .profile-cont li.svg-languages, .md-desktop #app.light-ui nav #nav-branching ul li.svg-languages {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_languages_gray.svg");
  }
  .md-desktop #app.light-ui nav #nav-branching .profile-cont li.svg-menu, .md-desktop #app.light-ui nav #nav-branching ul li.svg-menu {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_menu_gray.svg");
  }
  .md-desktop #app.light-ui nav #nav-branching .profile-cont li.svg-objectives, .md-desktop #app.light-ui nav #nav-branching ul li.svg-objectives {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_objectives_gray.svg");
  }
  .md-desktop #app.light-ui nav #nav-branching .profile-cont li.svg-resources, .md-desktop #app.light-ui nav #nav-branching ul li.svg-resources {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/nav_resources_gray.svg");
  }
  .md-desktop #app.light-ui nav #nav-branching .profile-cont li.svg-search, .md-desktop #app.light-ui nav #nav-branching ul li.svg-search {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/search_light_ui.svg");
  }
  .md-desktop #app.light-ui nav #nav-branching .profile-cont li.profile-navperc.complete:before, .md-desktop #app.light-ui nav #nav-branching ul li.profile-navperc.complete:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/certificate_light_ui.svg");
  }
  .md-desktop #app.light-ui .modal {
    color: #474747;
  }
  .md-desktop #app.light-ui .modal .bg {
    background: rgba(255, 255, 255, 0.95);
  }
  .md-desktop #app.light-ui .modal .close-overlay {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/popup_closeX_light_ui.svg");
  }
  .md-desktop #app.light-ui .modal.modal-gallery .arrow {
    color: #474747;
  }
  .md-desktop #app.light-ui .modal.modal-gallery .close-overlay {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_modalX_light_ui.svg");
  }
  .md-desktop #app.light-ui .modal.modal-gallery .gallery-dots li {
    border-color: #474747;
  }
  .md-desktop #app.light-ui .modal.modal-gallery .gallery-dots li.clicked:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
  }
  .md-desktop #app.light-ui .modal.modal-gallery .gallery-dots li.active {
    background: #474747;
  }
  .md-desktop #app.light-ui .modal.modal-gallery .gallery-dots li.active.clicked:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  }
  .md-desktop #app.light-ui .modal.modal-gallery .slides {
    color: #474747;
  }
  .md-desktop #app.light-ui .modal.modal-gallery .slides .arrowL:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/home_arrow_light_ui.svg");
  }
  .md-desktop #app.light-ui .modal.modal-gallery .slides .arrowR:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/home_arrow_light_ui.svg");
  }
  .md-desktop #app.light-ui .modal.modal-gallery .gallery-slide .gallery-title {
    color: #474747;
  }
  .md-desktop #app.light-ui .modal.modal-gallery .gallery-slide .gallery-txt {
    color: #474747;
  }
  .md-desktop #app.light-ui .modal.modal-avatar .pagemodal, .md-desktop #app.light-ui .modal.modal-intro .pagemodal, .md-desktop #app.light-ui .modal.modal-receivecredit .pagemodal, .md-desktop #app.light-ui .modal.modal-summary .pagemodal {
    background: #fff;
    color: #474747;
  }
  .md-desktop #app.light-ui .page-overlay, .md-desktop #app.light-ui .page-overlay-right {
    color: #474747;
    background: rgba(255, 255, 255, 0.95);
  }
  .md-desktop #app.light-ui .page-overlay .close-overlay, .md-desktop #app.light-ui .page-overlay-right .close-overlay {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_modalX_light_ui.svg");
  }
  .md-desktop #app.light-ui .page-overlay.dark, .md-desktop #app.light-ui .page-overlay-right.dark {
    color: #FFFFFF;
    background: rgba(26, 26, 26, 0.95);
  }
  .md-desktop #app.light-ui .page-overlay.dark .close-overlay, .md-desktop #app.light-ui .page-overlay-right.dark .close-overlay {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_modalX.svg");
  }
  .md-desktop #app.light-ui .page-overlay#menu #topic-menu :first-child.row.type-1 .topic-column:not(:first-of-type), .md-desktop #app.light-ui .page-overlay-right#menu #topic-menu :first-child.row.type-1 .topic-column:not(:first-of-type) {
    border-top: 1px solid #474747;
  }
  .md-desktop #app.light-ui .page-overlay#menu #topic-menu :first-child.row .topic-column .topic-entry.locked:before, .md-desktop #app.light-ui .page-overlay-right#menu #topic-menu :first-child.row .topic-column .topic-entry.locked:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock_light_ui.svg");
  }
  .md-desktop #app.light-ui .page-overlay#menu #topic-menu :first-child.row .topic-column .topic-entry.complete:before, .md-desktop #app.light-ui .page-overlay-right#menu #topic-menu :first-child.row .topic-column .topic-entry.complete:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
  }
  .md-desktop #app.light-ui .page-overlay#objectives #objective-list .objective-item .objective-pages, .md-desktop #app.light-ui .page-overlay-right#objectives #objective-list .objective-item .objective-pages {
    background: rgba(0, 0, 0, 0.1);
  }
  .md-desktop #app.light-ui .page-overlay#objectives #objective-list .objective-item .objective-page.locked:before, .md-desktop #app.light-ui .page-overlay-right#objectives #objective-list .objective-item .objective-page.locked:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock_light_ui.svg");
  }
  .md-desktop #app.light-ui .page-overlay#objectives #objective-list .objective-item .objective-page.complete:before, .md-desktop #app.light-ui .page-overlay-right#objectives #objective-list .objective-item .objective-page.complete:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark_light_ui.svg");
  }
  .md-desktop #app.light-ui .page-overlay#resources #resource-details, .md-desktop #app.light-ui .page-overlay-right#resources #resource-details {
    background-color: #fff;
  }
  .md-desktop #app.light-ui .page-overlay#resources #resource-details .buttons a, .md-desktop #app.light-ui .page-overlay-right#resources #resource-details .buttons a {
    color: #474747;
  }
  .md-desktop #app.light-ui .page-overlay#resources #resource-details .buttons a i.load, .md-desktop #app.light-ui .page-overlay-right#resources #resource-details .buttons a i.load {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/download_light_ui.svg");
  }
  .md-desktop #app.light-ui .page-overlay#resources #resource-details .buttons a i.eye, .md-desktop #app.light-ui .page-overlay-right#resources #resource-details .buttons a i.eye {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/view_light_ui.svg");
  }
  .md-desktop #app.light-ui .page-overlay#resources #resource-details .buttons a i.download, .md-desktop #app.light-ui .page-overlay-right#resources #resource-details .buttons a i.download {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/download_light_ui.svg");
  }
  .md-desktop #app.light-ui .page-overlay#resources #resource-details .size, .md-desktop #app.light-ui .page-overlay-right#resources #resource-details .size {
    color: #474747;
  }
  .md-desktop #app.light-ui .page-overlay button, .md-desktop #app.light-ui .page-overlay-right button {
    background-color: #fff;
    border: 1px solid #474747;
    color: #474747;
  }
  .md-desktop #app.light-ui .page-overlay button.btn-showall, .md-desktop #app.light-ui .page-overlay-right button.btn-showall {
    border-width: 2px;
  }
  .md-desktop #app.light-ui .page-overlay button:not(.btn-showall):focus, .md-desktop #app.light-ui .page-overlay button:not(.btn-showall):hover, .md-desktop #app.light-ui .page-overlay-right button:not(.btn-showall):focus, .md-desktop #app.light-ui .page-overlay-right button:not(.btn-showall):hover {
    color: #fff;
    background: #626362;
  }
  .md-desktop #app.light-ui .page-overlay button:not(.btn-showall):before, .md-desktop #app.light-ui .page-overlay-right button:not(.btn-showall):before {
    background: #474747;
  }
  .md-desktop #app.light-ui .page-overlay#glossary #cont-glossary-header #glossary-header, .md-desktop #app.light-ui .page-overlay#search #cont-search-header #search-header, .md-desktop #app.light-ui .page-overlay-right#glossary #cont-glossary-header #glossary-header, .md-desktop #app.light-ui .page-overlay-right#search #cont-search-header #search-header {
    border-bottom-color: #474747;
  }
  .md-desktop #app.light-ui .page-overlay#glossary #cont-glossary-header #glossary-header .search-box, .md-desktop #app.light-ui .page-overlay#search #cont-search-header #search-header .search-box, .md-desktop #app.light-ui .page-overlay-right#glossary #cont-glossary-header #glossary-header .search-box, .md-desktop #app.light-ui .page-overlay-right#search #cont-search-header #search-header .search-box {
    border-color: #474747;
    color: #474747;
    background: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/search_light_ui.svg") no-repeat center right 10px;
  }
  .md-desktop #app.light-ui .page-overlay #languages #btns-lang button:hover:before, .md-desktop #app.light-ui .page-overlay #languages #btns-lang button:active:before, .md-desktop #app.light-ui .page-overlay #languages #btns-lang button.focus:before, .md-desktop #app.light-ui .page-overlay #languages #btns-lang button:focus:before, .md-desktop #app.light-ui .page-overlay #glossary button:hover:before, .md-desktop #app.light-ui .page-overlay #glossary button:active:before, .md-desktop #app.light-ui .page-overlay #glossary button.focus:before, .md-desktop #app.light-ui .page-overlay #glossary button:focus:before, .md-desktop #app.light-ui .page-overlay-right #languages #btns-lang button:hover:before, .md-desktop #app.light-ui .page-overlay-right #languages #btns-lang button:active:before, .md-desktop #app.light-ui .page-overlay-right #languages #btns-lang button.focus:before, .md-desktop #app.light-ui .page-overlay-right #languages #btns-lang button:focus:before, .md-desktop #app.light-ui .page-overlay-right #glossary button:hover:before, .md-desktop #app.light-ui .page-overlay-right #glossary button:active:before, .md-desktop #app.light-ui .page-overlay-right #glossary button.focus:before, .md-desktop #app.light-ui .page-overlay-right #glossary button:focus:before {
    background: #474747 !important;
  }
  .md-desktop #app.light-ui .page-overlay#search #cont-search-results .topic-entry.locked:before, .md-desktop #app.light-ui .page-overlay-right#search #cont-search-results .topic-entry.locked:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock_light_ui.svg");
  }
  .md-desktop #app.light-ui .page-overlay#search #cont-search-results .topic-entry.timed:before, .md-desktop #app.light-ui .page-overlay-right#search #cont-search-results .topic-entry.timed:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/timed_light_ui.svg");
  }
  .md-desktop #app.light-ui .page-overlay.reverse-text {
    color: #fff;
  }
  .md-desktop #app.light-ui .page-overlay.reverse-text .close-overlay {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_modalX.svg");
  }
  .md-desktop #app.light-ui .page-overlay.reverse-text#resources #resources-list .resources-item {
    color: #fff;
  }
  .md-desktop #app.light-ui .page-overlay.reverse-text#resources #cont-resource-details .contents {
    color: #474747;
  }
  .md-desktop #app.light-ui .page-overlay.reverse-text#menu .overlay-title h1 {
    border-bottom-color: #fff;
  }
  .md-desktop #app.light-ui .page-overlay.reverse-text#menu #topic-menu :first-child.row .divider {
    border-bottom-color: #fff;
  }
  .md-desktop #app.light-ui .page-overlay.reverse-text#menu #topic-menu :first-child.row .topic-column .topic-entry.locked:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock.svg");
  }
  .md-desktop #app.light-ui .page-overlay.reverse-text#menu #topic-menu :first-child.row .topic-column .topic-entry.complete:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  }
  .md-desktop #app.light-ui .page-overlay.reverse-text#objectives #objective-list .objective-item {
    border-bottom-color: #fff;
  }
  .md-desktop #app.light-ui .page-overlay.reverse-text#objectives #objective-list .objective-item .objective-pages.row .divider {
    border-bottom-color: #fff;
  }
  .md-desktop #app.light-ui .page-overlay.reverse-text#objectives #objective-list .objective-item .objective-page.locked:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock.svg");
  }
  .md-desktop #app.light-ui .page-overlay.reverse-text#objectives #objective-list .objective-item .objective-page.complete:before {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/checkmark.svg");
  }
  .md-desktop #app.light-ui #alerts .alert .alert-box {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 0px 12px #888;
    color: #000;
  }
  .md-desktop #app.light-ui #alerts .alert .alert-box .icon {
    border-right: 1px solid #000;
  }
  .md-desktop #app.light-ui #alerts .alert .alert-box .icon.scroll {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/pageDown_light_ui.svg");
    background-size: 28px 28px;
    min-height: 48px;
  }
  .md-desktop #app.light-ui #alerts .alert .alert-box .icon.locked {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/lock_light_ui.svg");
    background-size: 25px 40px;
    min-height: 60px;
  }
  .md-desktop #app.light-ui #alerts .alert .alert-box .icon.timer {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/timed_light_ui.svg");
    background-size: 28px 32px;
    min-height: 52px;
  }
  .md-desktop #app.light-ui #alerts .alert .alert-box .icon.complete {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/certificate_light_ui.svg");
    background-size: 28px 37px;
    min-height: 57px;
  }
  .md-desktop #app.light-ui #alerts .alert .alert-box .icon.offline, .md-desktop #app.light-ui #alerts .alert .alert-box .icon.custom, .md-desktop #app.light-ui #alerts .alert .alert-box .icon.leavepageincomplete, .md-desktop #app.light-ui #alerts .alert .alert-box .icon.objectivecomplete {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/network_lost_light_ui.svg");
    background-size: 24px 20px;
    min-height: 40px;
  }
  .md-desktop #app.light-ui #alerts .alert .alert-box .icon.online {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/network_found_light_ui.svg");
    background-size: 24px 23px;
    min-height: 43px;
  }
  .md-desktop #app.light-ui #alerts .alert .alert-box .icon.incomplete {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/hand_light_ui.svg");
    background-size: 24px 31px;
    min-height: 51px;
  }
  .md-desktop #app.light-ui #alerts .alert .close-alert {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_x_light_ui.svg");
  }
  .md-desktop #app.light-ui #prompt #prompt-overlay {
    background: #838383;
  }
  .md-desktop #app.light-ui #prompt #prompt-overlay:after {
    border-left-color: #838383;
  }
  .md-desktop #app.light-ui .scroll-arrow {
    cursor: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/scroll_light_ui.svg"), url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/scroll_light_ui.cur"), auto;
  }
  .md-desktop #app.light-ui .scroll-arrow.arrow-up {
    cursor: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/scrollup_light_ui.svg"), url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/scrollup_light_ui.cur"), auto;
  }
  .md-desktop #app.light-ui .scroll-arrow.scroll-arrowLR {
    cursor: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/scrollL_light_ui.svg"), url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/scrollL_light_ui.cur"), auto;
  }
  .md-desktop #app.light-ui .scroll-arrow.scroll-arrowLR.arrow-right {
    cursor: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/scrollR_light_ui.svg"), url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/scrollR_light_ui.cur"), auto;
  }
  .md-desktop #app.light-ui .scroll-arrow .component:not(.timeline-vert):not(.grad-parallax), .md-desktop #app.light-ui .scroll-arrow .component .timeline-col {
    cursor: initial;
  }
  .md-desktop #app.light-ui .standard-quiz .btn-pretest-close {
    background-image: url("https://chameleon-4-prod.s3.amazonaws.com/core/icons/close_modalX_light_ui.svg");
  }
}