*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.func_autoSubmitTextField {
  padding: .5em;
  font-size: 1.1em;
  border: solid .1em #CCC;
  box-shadow: inset .1em .1em .4em rgba(220,230,238,0.8);
}

.func_inlineSelect {
  margin: .5em 0;
  padding: .5em;
  border: solid .1em #CCC;
  font-size: 1em;
}

section img { border-radius: 0; }

section img.cars-square { border-radius: 0 !important; border: none; }

section img.cars-imageCenter { display: block; margin: 1em auto; }

section img.imgFloatRight, section img.imgFloatLeft { border-radius: .5em; }

h4 { font-weight: bold; color: #950b0b; margin: 1rem 0; }
h5 { font-weight: bold; }

.lowerAlpha { list-style: lower-alpha; margin: 1em 1em 1em 2em; }
.lowerNumber { list-style: lower-roman; margin: 1em 1em 1em 2em; }

.cars-textHighlight { padding: 0 .5em; background: #f8d187; font-style: italic; }
.textCenter { text-align: center; }

.cars-magicText { color: green; font-weight: bold; opacity: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s; }

section a.cars-superImportantGreenColor { color: green !important; }
section a.cars-superImportantRedColor { color: red !important; }

.cars-yesText { padding-left: 2em; font-style: italic; background: url('/public/images/content/cars/green_check.png') 0 50% no-repeat; }
.cars-noText { padding-left: 2em; font-style: italic; background: url('/public/images/content/cars/red_x.png') 0 50% no-repeat; }

ul.cars-listTableLayout { margin: 1em 0; padding: 0; }

.cars-listTableLayout li {
  list-style: none;
  float: left;
  width: 20%;
  margin: .1em;
  padding: .5em;
  text-align: center;
  background: #FFF;
  border: solid .1em #CCC;
}

section table tr, section table td { border: solid .1em #CCC; }
section table tr:nth-child(even) { background: #EBEBEB; }

section table.cars-normalTable tr:nth-child(even) { background: #FFF; }
.cars-normalTable input { width: 100%; }

.cars-firstDisplay { position: relative; opacity: 1; z-index: 100; }
.cars-secondDisplay { position: absolute; top: 0; left: -1000em; opacity: 0; transition: opacity 1s; }

/* Icons */
.cars-lessonObjective { background: url('/public/images/content/cars/lesson_object.png') 0% 50% no-repeat; }
.cars-keyTerms { background: url('/public/images/content/cars/key_terms.png') 0% 50% no-repeat; }
.cars-manuTerms { background: url('/public/images/content/cars/m_key_terms.png') 0% 50% no-repeat; }
.cars-introduction { background: url('/public/images/content/cars/introduction.png') 0 50% no-repeat; }
.cars-noteIcon { background: url('/public/images/content/cars/note.png') 0 50% no-repeat; }
.cars-exampleIcon { background: url('/public/images/content/cars/example.png') 0 50% no-repeat; }
.cars-tipIcon { background: url('/public/images/content/cars/tip.png') 0 50% no-repeat; }
.cars-practiceIcon { background: url('/public/images/content/cars/practice.png') 0 50% no-repeat; }

.cars-iconTerm { clear: both; height: 2.5em; margin-bottom: 1em; line-height: 2.5em; }
.cars-iconTerm h4 { margin-left: 4em; border-bottom: solid .15em #950b0b; }

.hide { position: absolute; left: -500em; }

.clear { clear: both; }

.checkHide { position: relative; left: -500em; }

.cars-opaqueBackground { padding: 1em; background: #000; background: rgba(0,0,0,0.85); }

.cars-top { position: relative; top: 0; border-bottom: solid .2em #FFF; }
.cars-bottom {position: absolute; bottom: 0; width: 100%; border-top: solid .2em #FFF; }

/* Container */
.cars-columnThird {
  float: left;
  width: 30%;
  margin-right: 2%;
}

.cars-activityBox {
  width: 100%;
  margin: 2em 0;
  padding: 2em 2em 2em 10.25em;
  background-color: #F8F8F8;
  background-repeat: no-repeat;
  background-position: 2em 2em;
  border: solid .2em #FFF;
  border-radius: .7em;
}

.cars-fakeActivityBox {
  width: 100%;
  margin: 2em 0;
  padding: 2em 2em 2em 10.25em;
  background-repeat: no-repeat;
  background-position: 2em 2em;
}

.cars-smallActivityBox {
  position: relative;
  margin: 1em 0;
  padding: 1em;
  background: #FFF;
  border: solid .1em #C2C2C2;
  border-radius: .5em;
}

.cars-smallActivityBox input { 
  clear: both;
  padding: .5em;
  font-size: 1.2em;
}

.cars-smallActivityBox label { clear: both; float: left; min-width: 5em; margin-right: 1em; line-height: 3em; }

.cars-smallActivityBox img { margin-bottom: 1em; }

.cars-smallActivityBox textarea { width: 80%; padding: 1em; }

.cars-largeNumberAnswer { font-weight: bold; font-size: 2em; }

.cars-activityBox h4, .cars-fakeActivityBox h4 { font-weight: normal; border-bottom: solid .1em #91979D; }

.cars-inventoryManagementIcon { background-image: url('/public/images/content/cars/inventory_mgmt.png'); }
.cars-shopFloorIcon { background-image: url('/public/images/content/cars/shop_floor.png'); }

.cars-video { margin-top: 2em; }

.cars-transcriptText {
  position: absolute;
  left: -9999px;
  width: 90%;
  margin: 2em auto;
  background: #FFF;
  padding: 1em;
  border: solid .1em #CCC;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity 1s;
}

.cars-showTranscriptText {
  position: relative;
  left: 0;
  height: auto;
  opacity: 1;
  overflow: visible;
}

/* Steps */
.cars-steps {
  clear: both;
  position: relative;
  width: 100%;
  margin: 1em 0;
  padding: 1em;
  border: solid .1em #C2C2C2;
  border-radius: .5em;
  background: #FFF;
}

.cars-steps textarea { padding: 1em; width: 40%; }

section .cars-steps h5 { font-weight: bold; font-size: 1.2em; }

section .cars-steps ul { margin: 0; }
section .cars-steps ul.disc { margin: 1em 1em 1em 2em; }
section .cars-steps li { list-style: none; margin-bottom: .25em; }
section .cars-steps .disc li { list-style: disc; }
section .cars-steps .number li { list-style: decimal; }

section .cars-steps li a {
  display: block;
  width: 20%;
  padding: .5em 1em;
  list-style: none;
  margin: 0;
  text-decoration: none;
  font-size: 1.5em;
  font-weight: bold;
  color: #000;
  border: solid .05em #17416F;
}

section .cars-steps li a img { }

section .cars-steps li a:hover, section li a.cars-stepsActive { background-color: #17416F; color: #FFF; }

section .cars-steps li a.cars-stepsClicked {
  background-image: url('/public/images/content/cars/green_check.png');
  background-position: 95% 50%;
  background-repeat: no-repeat;
}

.cars-stepsSection {
  opacity: 0;
  transition: opacity 1s;
}

.cars-stepsSectionActive {
  width: 75%;
  position: absolute;
  top: 0;
  left: 25%;
  min-height: 16.6875em;
  padding: 1em;
  opacity: 1;
}

.cars-stepsSection img { float: right; max-width: 50%; margin: 0 0 1em 1em; border-radius: .5em; }

.cars-steps input { padding: .5em; font-size: 1.2em; }

.cars-stepsFeedback { font-weight: bold; font-size: 1.5em; }

/* Math Digits */
.cars-mathDigits { 
  float: left;
  margin: 1em;
  padding: 1em;
  background: #FFF;
  border: solid .1em #C2C2C2;
}

.cars-mathDigitsWrapper { float: left; }

.cars-mathDigitsRemainders, .cars-mathDigitsMainEquation, .cars-mathDigitsAnswer { clear: both; float: right; font-size: 1.5em; }

.cars-mathDigits span { display: inline-block; width: .75em; text-align: center; }

.cars-mathDigitsRemainders span, .cars-mathDigitsAnswer span { opacity: 0; }

.cars-mathDigitsRemainders span { color: green; }

.cars-mathDigitsMainEquation { border-bottom: solid .2em #000; }

.cars-mathDigitsMainEquation p { clear: both; float: right; margin: 0; padding: 0; }

/* Multiple Choice */
section .cars-multipleChoiceSection a {
  display: block;
  width: 100%;
  margin: .5em 0;
  padding: 1em;
  color: #000;
  text-decoration: none;
  border: solid .1em #CCC;
  background-position: 95% 50%;
  background-repeat: no-repeat;
  -webkit-transition: background-color 500ms;
  -moz-transition: background-color 500ms;
  transition: background-color 500ms;
}

section .cars-multipleChoiceSection a:hover { background-color: #F8F8F8; }

.cars-multipleChoiceSection .cars-feedback { margin: 1em 0; border: solid .1em #F9D188; padding: 1em; }

.cars-emptyLine {
  display: inline-block;
  width: 5em;
  margin: 0 .2em;
  border-bottom: solid .1em #000;
  text-align: center;
}

.cars-emptyLineFilled { width: auto; margin: 0; border-bottom: none; text-align: inherit; color: green; }

.cars-singleLineChecks a {
  display: block;
  float: left;
  margin: 1em 2em 1em 0;
  padding: .25em 2em;
  text-align: center;
  text-decoration: none;
  color: #000 !important;
  font-weight: bold;
  border-radius: .5em;
  background: #f9d188; /* Old browsers */
  background: -moz-linear-gradient(top, #f9d188 0%, #f8b434 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9d188), color-stop(100%,#f8b434)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f9d188 0%,#f8b434 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f9d188 0%,#f8b434 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f9d188 0%,#f8b434 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f9d188 0%,#f8b434 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d188', endColorstr='#f8b434',GradientType=0 ); /* IE6-9 */
}

.cars-textArea {
  width: 100%;
  height: 7em;
  padding: 1em;
  border: solid .1em #CCC;
  box-shadow: inset .1em .1em .3em rgba(0,0,0,0.2);
}

.cars-wordCountText { float: right; font-weight: bold; }

/* Click Edit */
.cars-editClickParagraph {
  margin: 1em 0;
  padding: 1em;
  background: #FFF;
  border: solid .1em #C2C2C2;
  border-radius: .5em;
}

.cars-editClickParagraph:hover { cursor: pointer; }

section .cars-editClickParagraph a { color: #000; text-decoration: none; }

section .cars-editClickParagraph a.cars-strikethrough { text-decoration: line-through; color: red; }

.cars-strikeCorrect { font-weight: bold; color: green; }

/* Click and reveal */
.cars-wordClickRevealSection {
  margin: 1em 0;
  padding: 1em;
  background: #FFF;
  border: solid .1em #C2C2C2;
}

.cars-wordClickRevealSection a { display: block; width: 100%; color: #000; font-size: 1.5em; font-weight: bold; text-decoration: none; }

/* Word Click Activity */
.cars-wordClickScore {
  float: right;
  padding-bottom: 1em;
  font-size: 1.5em;
}

.cars-scoreNumbers { display: inline; font-size: 1.5em; }

.cars-wordClickInstructions { margin: 1em 0; }

.cars-wordClickSentence {
  position: absolute;
  left: -500em;
  margin-bottom: 1em;
  color: #FFF;
  font-size: 1.5em;
  opacity: 0;
  -webkit-transition: opacity 2s;
  -moz-transition: opacity 2s;
  transition: opacity 2s;
}

section .cars-wordClickSentence a { text-decoration: none; color: #FFF; padding-top: .5em; }
section .cars-wordClickSentence a:hover { border-bottom: solid .2em #f8d187; }

section a.cars-wordClickInactive { color: red; }
section a.cars-wordClickInactive:hover { border-bottom: none !important; }
section a.cars-wordClickInactiveCorrect, section a.cars-wordClickInactiveCorrect:hover { border-bottom: solid .2em green; }

.successMessage { display: block; clear: both; font-size: 1.5em; color: green; }

/* Multiple Choice */
section .cars-multipleChoice a {
  display: block;
  padding: .25em;
  text-decoration: none;
  color: #000;
}
section .cars-multipleChoice a:hover {
  background: #F7F7F7;
}

.cars-multipleChoice ol div { margin: .5em 0; }

/* Type Phrase Activity */
.cars-typePhraseActivity, .cars-wordClickActivity {
  position: relative;
  max-width: 48.625em;
  min-width: 20em;
  height: 31.25em;
  color: #FFF;
  border: solid .1em #CCC;
  background: url('/public/images/content/cars/warehouse_bkg.jpg') bottom no-repeat;
  border-radius: 1em;
  overflow: hidden;
}

ul.cars-typePhraseMainList { width: auto; margin: 0; padding: 0; }

.cars-typePhraseMainList li {
  list-style: none;
  width: auto;
  padding-bottom: .5em;
  -webkit-transition: padding-left 1s;
  -moz-transition: padding-left 1s;
  transition: padding-left 1s;
}

.cars-typePhraseMainListCorrect { padding-left: 2em; background: url('/public/images/content/cars/green_check.png') 0 25% no-repeat; }

.cars-typePhraseQuestion {
  position: absolute;
  left: -100em;
  opacity: 0;
  -webkit-transition: opacity 2s;
  -moz-transition: opacity 2s;
  transition: opacity 2s;
}

.cars-showMe { position: relative; left: 0; }

.cars-typePhraseQuestion { padding: 1em 0; }

.cars-typePhraseQuestion label { font-size: 1.5em; }

.cars-typePhraseQuestion input {
  width: 100%;
  padding: 1em .5em;
  outline: none;
  border: solid .1em #CCC;
  box-shadow: inset .1em .1em .2em rgba(0,0,0,0.1);
}

.cars-checkButton {
  float: left;
  margin-top: 1em;
  padding: .5em 1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #000 !important;
  font-weight: bold;
  border-radius: .5em;
  box-shadow: 0 0 .3em rgba(0,0,0,0.5);
  background: #f9d188; /* Old browsers */
  background: -moz-linear-gradient(top, #f9d188 0%, #f8b434 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9d188), color-stop(100%,#f8b434)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f9d188 0%,#f8b434 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f9d188 0%,#f8b434 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f9d188 0%,#f8b434 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f9d188 0%,#f8b434 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d188', endColorstr='#f8b434',GradientType=0 ); /* IE6-9 */
}

.cars-incorrect { float: right; color: red; font-size: 1.5em; }

/* Forklift Activity */
.cars-forkliftActivity {
  position: relative;
  max-width: 48.625em;
  min-width: 20em;
  height: 31.25em;
  background-image: url('/public/images/content/cars/bkg_with_forklift.jpg');
  background-repeat: no-repeat;
  background-position: bottom right;
  color: #FFF;
  overflow: hidden;
}

.cars-forkliftMovingPart {
  position: absolute;
  top: 0;
  right: 17%;
  width: 30.1875em;
  height: 31.8125em;
  background: url('/public/images/content/cars/fork_and_boxes.png') no-repeat;
  z-index: 999;
  -webkit-transition: top 3s linear;
  -moz-transition: top 3s linear;
  transition: top 3s linear;
}

.cars-fullScreenBegin {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 1000;
}

section .cars-fullScreenBegin a {
  display: block;
  margin: 0 auto;
  padding: 7.5em 0;
  color: #FFF;
  font-size: 2em;
  text-align: center;
  text-decoration: none;
}

.cars-forkliftStuffArea {
  position: absolute;
  width: 70%;
  top: 20%;
  left: 25%;
}

.cars-forkliftActivityButtons {
  margin: 0 auto;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 2s;
  -moz-transition: opacity 2s;
  transition: opacity 2s;
}

.cars-forkliftActivityButtons a {
  display: block;
  float: left;
  width: 40%;
  margin: 0 5%;
  padding: .5em 1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #000 !important;
  font-weight: bold;
  font-size: 1.25em;
  border-radius: .5em;
  background: #f8d187; /* Old browsers */
  background: -moz-linear-gradient(top, #f8d187 0%, #f8b533 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8d187), color-stop(100%,#f8b533)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f8d187 0%,#f8b533 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f8d187 0%,#f8b533 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f8d187 0%,#f8b533 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f8d187 0%,#f8b533 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8d187', endColorstr='#f8b533',GradientType=0 ); /* IE6-9 */
}

.cars-forkliftSentence {
  margin-top: 3em;
  padding: .25em;
  font-size: 2.2em;
  background: rgba(255,255,255,0.1);
  border: solid .05em #CCC;
  box-shadow: 0 1em 1em -1em rgba(0,0,0,0.8);
  opacity: 0;
  -webkit-transition: opacity 2s;
  -moz-transition: opacity 2s;
  transition: opacity 2s;
}

.cars-forkliftFeedback {
  position: absolute;
  top: 0;
  left: 1000em;
  width: 80%;
  min-height: 137px;
  padding-left: 200px;
  font-size: 1.25em;
}

/* Conveyor Belt Activity */
.cars-conveyorBeltActivity {
  position: relative;
  max-width: 48.625em;
  min-width: 20em;
  height: 31.25em;
  background-image: url('/public/images/content/cars/conveyor_belt.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
  color: #FFF;
  overflow: hidden;
}

.cars-activityButtons { margin: 0 auto; width: 80%; }

.cars-activityButtons a {
  display: block;
  float: left;
  width: 40%;
  margin: 5em 5% 0 5%;
  padding: .5em 1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #000 !important;
  font-weight: bold;
  font-size: 1.25em;
  border-radius: .5em;
  background: #f8d187; /* Old browsers */
  background: -moz-linear-gradient(top, #f8d187 0%, #f8b533 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8d187), color-stop(100%,#f8b533)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f8d187 0%,#f8b533 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f8d187 0%,#f8b533 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f8d187 0%,#f8b533 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f8d187 0%,#f8b533 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8d187', endColorstr='#f8b533',GradientType=0 ); /* IE6-9 */
}

.cars-activityButtons a:hover, .cars-conveyorNextButton:hover, .cars-checkButton:hover, .cars-singleLineChecks a:hover, .cars-forkliftActivityButtons a:hover { background: #bcbcbc; }

.cars-conveyorSentence {
  position: absolute;
  bottom: 2.75em;
  left: 110%;
  clear: both;
  width: 80%;
  padding: .5em;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
  box-shadow: 0 .5em .5em -.5em rgba(0,0,0,1.0);
  -webkit-transition: left 2s ease-out;
  -moz-transition: left 2s ease-out;
  transition: left 2s ease-out;
  background: #c69b68; /* Old browsers */
  background: -moz-linear-gradient(top, #c69b68 0%, #a87b47 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c69b68), color-stop(100%,#a87b47)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c69b68 0%,#a87b47 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #c69b68 0%,#a87b47 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #c69b68 0%,#a87b47 100%); /* IE10+ */
  background: linear-gradient(to bottom, #c69b68 0%,#a87b47 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c69b68', endColorstr='#a87b47',GradientType=0 ); /* IE6-9 */
}

.cars-conveyorSentence:after {
  content: '';
  position: absolute;
  left: 0;
  top: -.5em;
  border-bottom: .5em solid #a87b47;
  border-left: .25em solid transparent;
  border-right: .25em solid transparent;
  height: 0;
  width: 100%;
}

.cars-conveyorFeedback {
  position: absolute;
  top: 2em;
  right: 1000em;
  width: 80%;
  min-height: 137px;
  padding-left: 200px;
  font-size: 1.25em;
}

.cars-conveyorFeedback p { margin-top: 1em; }

.cars-bigCheckmark { background: url('/public/images/content/cars/checkmark.png') no-repeat; }

.cars-bigX { background: url('/public/images/content/cars/x_incorrect.png') 0 0 no-repeat; }

.cars-conveyorNextButton {
  display: block;
  width: 5em;
  margin-top: 1em;
  padding: .5em 1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #000 !important;
  font-weight: bold;
  font-size: 1em;
  border-radius: .5em;
  background: #f8d187; /* Old browsers */
  background: -moz-linear-gradient(top, #f8d187 0%, #f8b533 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8d187), color-stop(100%,#f8b533)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f8d187 0%,#f8b533 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f8d187 0%,#f8b533 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f8d187 0%,#f8b533 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f8d187 0%,#f8b533 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8d187', endColorstr='#f8b533',GradientType=0 ); /* IE6-9 */
}

/* Card flip */
.cars-hoverCard {
  position: relative;
  width: 75%;
  height: 23em;
  margin: 1em auto;
  border: solid .1em #000;
  box-shadow: 0 .5em .5em -.5em rgba(0,0,0,0.7);
  transform-style: preserve-3d;
  transition: all 1500ms ease-out;
}

section a.cars-hoverCardClick {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.2em;
}

.cars-hoverCard div {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  padding: 1em;
  backface-visibility: hidden;
  translateZ(1em);
}
.cars-hoverCardFront h5 { font-size: 3em; text-align: center; line-height: 6em; }
div .cars-hoverCardBack { transform: rotateY(180deg); }

.cars-hoverCard.flipped { transform: rotateY(180deg) translateZ(0); }

/* Supply Demand */
section .cars-supplyDemandButtons a {
  display: block;
  float: left;
  width: 30%;
  margin-right: 1%;
  margin-bottom: 1em;
  padding: 1em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #000;
  border: solid .1em #000;
  border-radius: .5em;
}

section .cars-supplyDemandButtons a.supplyDemandActive { background: #f8d187; }

.cars-supplyDemandBars, .cars-supplyDemandBars p { clear: both; }

.cars-supplyDemandBars p { margin: 1em 0 0 0; font-weight: bold; }

.cars-supplyDemandBar {
  width: 45%;
  height: 2.5em;
  background: #EBEBEB;
  border: solid .1em #CCC;
  box-shadow: 0 .4em .4em -.3em rgba(0,0,0,0.6);
  transition: width 1500ms ease-out, background 250ms ease-out;
}

.cars-supplyDemandBarNormal { width: 50%; background-ground: #39F; }
.cars-supplyDemandBarLow { width: 10%; background: #900; }
.cars-supplyDemandBarHight { width: 90%; background: #093; }

.cars-timeline {
  position: relative;
  width: 80%;
  margin: 3em 0 5em 6em;
  padding: 1em;
  background: #FFF;
  border: solid .1em #C2C2C2;
}

.cars-timeline div { padding-left: 2.75em; }

section .cars-timeline a {
  display: block;
  padding-left: 2em;
  color: #950B0B;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
}

section .cars-timeline a img {
  position: absolute;
  left: -5em;
  top: -1.5em;
  width: 6em;
  border: solid .5em #09F;
  border-radius: 50% 50%;
  transition: all 750ms;
  transform: translateZ(0);
  z-index: 2000;
}

section .cars-timeline a:hover img.cars-timelineHoverable { border: solid .5em #CCC; }

.cars-timeline a img.cars-timelineClicked { width: 7em; opacity: .8; }

/* Progress Bar */
.cars-progressSteps { overflow: hidden; }

.cars-progressSteps p { left: -20em; opacity: 0; transition: all 1s; }

.cars-progressBar {
  display: none;
  height: 3em;
  background: #F7F7F7;
  border: solid .1em #CCC;
  width: 0;
  box-shadow: 0 .2em .2em -.2em rgba(0,0,0,0.6);
  transition: width 2s;
}

.cars-progressBarNumber { float: right; font-weight: bold; line-height: 3em; padding-right: 1em; }

/* Notes */
.cars-noteTaking { margin: 2em 0; background: #CFF; border: solid .1em #CCC; }

.cars-sectionB { float: left; width: 33%; padding: 1em; }
.cars-sectionA { float: left; width: 67%; padding: 1em; background: #FFC; }
.cars-sectionC { clear: both; width: 100%; padding: 1em; background: #F7F7F7; }

@media screen and (max-width: 70.3125em) {

.cars-forkliftMovingPart { right: 20%; } 
   
}

@media screen and (max-width: 50em) {

.cars-forkliftStuffArea { width: 80%; left: 10% }

}

@media screen and (max-width: 48em) {

section .cars-steps li a { width: 100%; }

.cars-stepsSectionActive { position: relative; left: 0; width: 100%; }

.cars-steps textarea { padding: 1em; width: 80%; }

/* Card flip */
.cars-hoverCard { height: 30em; }

}

@media screen and (max-width: 45em) {

.cars-conveyorSentence { bottom: 4em; font-size: 1.25em; }
.cars-singleLineChecks a { float: none; padding: 1em; width: 50%; margin: 1em auto; }

}

@media screen and (max-width: 41.875em) {

.cars-conveyorFeedback { font-size: 1em; }

}

@media screen and (max-width: 39.0625em) {

.cars-activityButtons { margin: 3em auto 0 auto; }
.cars-activityButtons a, .cars-forkliftActivityButtons a { float: none; width: 80%; margin: 1em auto; padding: 1em; }
.cars-listTableLayout li { width: 30%; }
.cars-forkliftStuffArea { top: 10%; }
.cars-forkliftSentence { margin-top: 1em; font-size: 1.5em; }

}

@media screen and (max-width: 33.125em) {

.cars-bigCheckmark { background: none; }
.cars-bigX { background: none; }
.cars-conveyorFeedback { padding-left: 0; }
.cars-forkliftFeedback { padding-left: 0; margin-top: 2em; }
.cars-listTableLayout li { width: 48%; }
/* Card flip */
.cars-hoverCard { height: 35em; }

}