/*!
 * Templates/pages/content styles 
 * Can be customized based on requirements
 */
@font-face {
  font-family: Antenna;
  src: url("../../fonts/a249ec5c-51a0-4581-a866-722ded577e7d-2.eot");
  src: local("Antenna"), url("../../fonts/a249ec5c-51a0-4581-a866-722ded577e7d-3.woff") format("woff"), url("../../fonts/a249ec5c-51a0-4581-a866-722ded577e7d-1.ttf") format("truetype"), url("../../fonts/a249ec5c-51a0-4581-a866-722ded577e7d-4.svg#web") format("svg");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "AntennaCondMedium";
  src: url("../../fonts/5c6f660d-245c-414f-afcb-9d45671d7abf-2.eot");
  src: url("../../fonts/5c6f660d-245c-414f-afcb-9d45671d7abf-2.eot?") format("embedded-opentype"), url("../../fonts/5c6f660d-245c-414f-afcb-9d45671d7abf-3.woff") format("woff"), url("../../fonts/5c6f660d-245c-414f-afcb-9d45671d7abf-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
body {
  color: #00095B;
  font-family: Antenna, Arial, Helvetica, sans-serif;
  line-height: 120%;
  -ms-user-select: none;
  touch-action: none;
}
ol, ul {
  margin-left: 1em;
  padding-left: 0;
}
ul li, ol li {
  margin-top: 0.5em;
}
ul:last-child {
  margin-bottom: 0;
}
a, a:link, a:visited {
  color: #3574B4;
}
a:hover, a:focus {
  color: #23527C;
  text-decoration: underline;
  outline: 0;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
h1 {
  color: #00095B;
  font-size: 2em;
}
@media (max-width: 767px) {
  h1 {
    font-size: 1.6em;
  }
}
h2, h3, h4, h5 {
  font-family: "AntennaCondMedium";
  color: #1700f4;
  line-height: 1;
}
h2 {
  color: #4d4d4d;
  font-size: 1.6em;
}
h3 {
  font-size: 1.45em;
}
h4, h5 {
  font-size: 1.25em;
  font-weight: normal;
}
img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
}
p:last-child {
  margin-bottom: 0;
}
/* Menu and Nav colors */
#top-menu-nav-ui {
  background-color: #495156;
  background: linear-gradient(tobottom, #000 0%, #495156 100%);
}
#top-menu-nav-ui #progress {
  background: #A3A7AA;
}
#top-menu-nav-ui #progress span {
  background-color: #1700F4;
}
#top-menu-nav-ui #pagecount {
  color: #A5AAAC;
}
#header {
  color: #00095B;
  background: no-repeat 2% center;
  background-image: url(../../images/global/Ford-oval.png);
  background-color: #FFF;
  font-family: "AntennaCondMedium";
  box-shadow: rgba(0, 0, 0, 0.2) 0 5px 5px;
}
.panel-header {
  color: #425968;
}
.menu-topic-header {
  background-color: #425968 !important;
}
.global-ui-menu-nav {
  background-color: #B9B9B9;
}
.ui-active.on, .ui-active.text-on {
  background-color: #329ED6 !important;
}
@media (min-width: 1024px) {
  .ui-menu-item.ui-active.off:hover {
    background-color: #329ED6 !important;
  }
}
/* Grid/layout customization */
.row {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5em;
}
.row.third-page.middle {
  margin-top: 16%;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-right: 0;
  padding-left: 0;
  float: left;
}
.panel {
  padding: 0 0.9375em;
}
.panel > :first-child {
  margin-top: 0;
}
.panel.banner {
  padding: 0 4em;
}
.panel.narrow {
  padding: 0 1.5em;
}
.panel.width60 {
  width: 60%;
}
.panel.width80 {
  width: 80%;
}
@media (max-width: 767px) {
  .panel, .panel.narrow {
    padding: 0.25em 0.9375em 0.25em 0.9375em;
  }
  .panel.banner {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .row.third-page {
    min-height: 9.75em;
  }
  .row.full-page {
    min-height: 35.625em;
  }
  .row.half-page {
    min-height: 50%;
    padding-bottom: 0.625em;
  }
  .row.two-thirds {
    min-height: 22.5em;
  }
}
/** Buttons/tabs **/
.btn-blue {
  font-family: "AntennaCondMedium";
  background-color: #00095B;
  color: #FFF;
  cursor: pointer;
  min-height: 40px;
  margin: 0;
  padding: 0 15px;
  text-align: left;
  border: none;
  line-height: 100%;
}
.btn-tab-horz {
  border-left: solid 2px #00095B;
  border-top: solid 2px #00095B;
  border-right: solid 2px #00095B;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-background-clip: padding;
  max-width: 160px;
  min-width: 125px;
  padding-left: 32px;
  background-color: #F2F2F2;
  color: #00095B;
}
.btn-tab-vert {
  width: 100%;
  border-left: solid 2px #00095B;
  border-top: solid 2px #00095B;
  border-bottom: solid 2px #00095B;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-background-clip: padding;
  padding-left: 36px;
  background-color: #F2F2F2;
  color: #00095B;
margin-top: 0.15em;
}
.btn-tab-vert > div {
  display: table-cell;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .btn-blue:not(.active):hover {
    background-color: #1700F4;
    color: #FFF;
  }
  .btn-box.option {
    width: auto;
    margin-right: 10px;
  }
}
/* Tabs */
.nav-tabs {
  margin: 0 !important;
  border: none;
  justify-content: center
}
.nav-item {
  display: flex;
  margin: 0 1px !important;
  align-items: stretch;
}
.nav.vert {
  padding-top: 0.75em;
}
@media (min-width: 768px) {
  .nav.vert .nav-item {
    width: 100%;
  }
}
.tab-content {
  border-top: solid 2px #00095B;
  overflow: hidden;
  background-color: #EEE;
  float: left;
  height: 100%;
  min-height: 18em; /* change if necessary */
  padding: 1em;
  width: 100%;
}
.tab-content.vert {
  border-top: none;
  border-left: solid 2px #00095B;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .tab-pane.active {
  display: block;
}
.full-page-lc {
  min-height: 30em;
  width: 100%;
  float: left;
  padding: 1em;
}
@media (max-width: 767px) {
  .full-page-lc {
    padding: 0;
  }
  .btn-tab-horz {
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 155px;
	 margin-top: 0.15em;
	border-bottom: solid 2px #00095B;
  }
  .btn-tab-vert {
    width: 155px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-right: solid 2px #00095B;
	}
  .btn-tab-vert > div {
    display: inline-block;
  }
  .nav-wrap {
    width: 100%;
  }
  .nav.vert {
    padding: 0 10px;
    border-bottom: solid 2px #00095B;
    display: flex;
    margin: 0;
  }
  .tab-content.vert {
    border: none;
  }
  .btn-box.option {
    width: 100%;
    float: left;
  }
}
.btn-blue.active {
  background-color: #1700F4;
  color: #FFF;
}
.btn-box, .btn-reset {
  background-repeat: no-repeat;
  background-position: 96% center;
  margin-bottom: 4px;
  width: 100%;
}
.btn-box {
  background-image: url(../../images/shared/icons/arrow_rt_wht.png);
  padding: 0.75rem 3rem 0.75rem 2.5rem;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.4) 0 5px 5px;
}
.btn-box.chk-viewed {
  padding-left: 1rem;
}

.btn-box.option {
  background-image: none;
  float: left;
}
.btn-box.submit {
  background-image: url(../../images/shared/icons/arrow_rt_wht.png);
  max-width: 180px;
}
.btn-reset.submit {
    background-image: url(../../images/shared/icons/reset_icon_white.png);
      background-size: 1.75rem;
  max-width: 180px;
}
.btn-box.video {
  background-image: url(../../images/shared/icons/video_wht.png);
  background-position: 6% center;
  max-width: 200px;
  padding-left: 55px;
}
button.modal-ui.chk-viewed::before {
  background-image: url(../../images/shared/icons/checkmark-visited.png);
  flex-shrink: 0;
  float: left;
  width: 1rem;
  height: 1rem;
  margin-left: 0;
  margin-right: 0.5rem;
  content: "\2713";
  color: rgba(0, 0, 0, .01);
  background-repeat: no-repeat;
  background-size: 1rem;
}
button.btn-tab-horz.chk-viewed, button.btn-tab-vert.chk-viewed {
  background-image: url(../../images/shared/icons/checkmark-visited.png);
  background-position: 5% 50%;
  background-repeat: no-repeat;
}
/** Accordion **/
.accordion-button {
  font-family: "AntennaCondMedium";
  font-size: 1.1rem;
  padding: 0.75rem 1.25rem 0.75rem 0.75rem;
  color: #FFF;
  background-color: #00095B;
}
.accordion-button:not(.collapsed), .accordion-button:hover {
  color: #FFF;
  background-color: #1700F4;
  box-shadow: none;
}
.accordion-button::after {
  background-image: url(../../images/shared/icons/arrow_down.png);
}
.accordion-button:not(.collapsed)::after {
  background-image: url(../../images/shared/icons/arrow_down.png);
}
.accordion-button:not(.chk-viewed) {
  padding-left: 2.5rem;
}
.accordion-button.chk-viewed::before {
  background-image: url(../../images/shared/icons/checkmark-visited.png);
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0;
  margin-right: 0.5rem;
  content: "";
  background-repeat: no-repeat;
  background-size: 1.25rem;
}
.accordion-header {
  margin-top: 0.15em;
}
.accordion-item {
  border: none;
}
.accordion-body {
  background-color: #f2f2f2;
}
/** Learning checks **/
.checkmark-button-tf {
  width: 200px;
  float: left;
  margin-right: 2.5em;
}
.checkmark-button-tf.on {
  background-color: #1700F4;
}
@media (min-width: 768px) {
  .checkmark-button-tf.off:hover {
    background-color: #1700F4;
  }
}
.checkmark-button-tf .checkmark {
    width: 36px;
    height: 28px;
    position: absolute;
    left: -5px;
    top: 5px;
}
.checkmark-button-tf.checkmark-item .checkmark.on {
  background-image: url(../../images/shared/checkboxes/green-checkmark.png);
}
.checkbox-items-content {
  display: table;
  width: 100%;
}
.checkbox-items-content .checkbox-item {
  background: url(../../images/shared/checkboxes/check-box-off.png) no-repeat;
  min-height: 36px;
  cursor: pointer;
}
.checkbox-items-content .checkbox-items-line {
  float: left;
  margin: 0.45em 0;
  padding: 0px 0 0 45px;
  width: 90%;
  display: table-cell;
  vertical-align: middle;
}
.checkbox-items-line.checkbox-item.off {
  background: url(../../images/shared/checkboxes/check-box-off.png) no-repeat;
}
.checkbox-items-content .checkbox-item.on {
  background: url(../../images/shared/checkboxes/check-box-on.png) no-repeat;
}
.checkbox-items-content .checkbox-item.correct {
  background: url(../../images/shared/checkboxes/check-box-on-correct.png) no-repeat;
}
.checkbox-items-content .checkbox-item.missed {
  background: url(../../images/shared/checkboxes/check-box-wrong.png) no-repeat;
}
.checkbox-items-content .checkbox-item.wrong {
  background: url(../../images/shared/checkboxes/check-box-wrong-x.png) no-repeat;
}
.droppable-items-line {
  width: 100%;
  float: left;
  padding: 12px 20px;
  background-color: #CCCCCC;
  margin: 7px 0;
}
.droppable-items-line.off {
  background-color: #CCCCCC;
}
.droppable-items-line.correct {
  background-color: #0C6;
}
.lc-select {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.3;
  padding: .4em 1.9em .4em .8em;
  box-sizing: border-box;
  margin: 0 0.25em;
  border: 2px solid #ebebeb;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
  border-radius: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
}
.lc-select::-ms-expand {
  display: none;
}
.lc-select:hover {
  border-color: #888;
}
.lc-select:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}
.lc-select.wrong {
   background-color:  #ff9999;
}
.lc-select.correct {
  background-color:  #0F0;
}
.lc-select option {
  font-weight: normal;
}
.feedback {
  border-radius: 5px;
  padding: 1em;
  background-color: #f2f2f2;
  margin-top: 0.5em !important;
}
/** Audio/video customization **/
.audio-control-wrapper {
  display: none;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 10001;
}
.audio-wrapper {
  margin-top: 10px;
  float: left;
}
.transcript-btn-wrapper {
  margin-top: 10px;
  float: left;
  width: 6%;
}
.scroll-pane-wrapper {
  background-color: #E2E6E8;
  border: solid 1px #8D9BA4;
  bottom: 2.5em;
  height: 120px;
  left: 0;
  position: fixed;
  visibility: hidden;
  width: 100%;
  z-index: 2001;
}
.scroll-pane-wrapper.video-wrapper {
  bottom: 2px;
}
.scroll-pane-wrapper .scroll-pane {
  max-width: 100%;
  height: 100%;
  padding-right: 32px;
  color: #425968;
}
#global-video-holder {
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2000;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
}
#video-container {
  display: block;
  margin: 0 auto;
  position: relative;
  top: 10%;
  width: 65%;
  text-align: center;
  z-index: 9992;
}
#video-container #video-wrapper {
  width: 100%;
  height: auto;
  margin: auto;
}
#video-container video {
  width: 100%;
  height: auto;
  background-color: #000;
}
.video-close, .popup-close {
  height: 44px;
  width: 44px;
  background: url(../../images/global/closewin.png) top right no-repeat;
  border: none;
  margin: -16px -16px 0 0;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  top: 0;
  z-index: 10001;
}
.transcript-close, .global-transcript-close {
  background: url(../../images/shared/close-X_white3.png) top right no-repeat;
  height: 34px;
  width: 34px;
  margin: -35px 0 0 0;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  top: 0;
  z-index: 10001;
}
.global-transcript-close {
  background: url(../../images/shared/closeX_gray.png) top right no-repeat;
}
.video-transcript-btn {
  background: url(../../images/shared/Text_icon_gray.jpg) no-repeat scroll left center transparent;
  color: #FFFFFF;
  cursor: pointer;
  height: 31px;
  padding: 7px 0 0 45px;
  width: 170px;
  float: right;
  margin-left: 100%;
}
.scroll-pane-video {
  max-width: 100%;
  height: 100%;
  color: #000;
  text-align: left;
  overflow: auto;
  padding: 10px 32px 10px 10px;
  z-index: 1000001;
  position: absolute;
}
@media (max-width: 767px) {
  #video-container {
    width: 95%;
    margin-top: -2em;
  }
  #video-container .video-close, .popup-close {
    margin-top: -40px;
    margin-right: 0;
  }
  #video-container #video-wrapper {
    overflow-y: auto;
    margin-top: 40px;
  }
  #video-container video {
    margin-bottom: 120px;
  }
  .video-transcript-btn {
    margin-top: -120px;
  }
}
/* Interactive video utilities */
.media-wrapper {
  display: inline-block;
  width: 100%;
}
.media-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.inter-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 94%;
  z-index: 10;
  margin: 1.5em 3%;
  padding: 1em 2em;
  height: 90%;
  border: 1px solid #CCC;
  -webkit-box-shadow: 10px 10px 15px -9px rgba(0, 0, 0, 0.57);
  -moz-box-shadow: 10px 10px 15px -9px rgba(0, 0, 0, 0.57);
  box-shadow: 10px 10px 15px -9px rgba(0, 0, 0, 0.57);
}
.int-video-inline {
  max-width: 100%;
}
@media (min-width: 768px) {
  .mobile-gradient {
    background-color: rgba(255, 255, 255, 0.92);
  }
}
@media (max-width: 769px) {
  .inter-wrapper {
    min-height: 340px;
    height: auto;
    padding: 1em 1em;
  }
}
@media (max-width: 767px) {
  .mobile-gradient {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 1) 30%)
  }
}
.video-wrap-pg {
  margin: 0 1em
}
.int-lc {
  min-height: fit-content !important;
  border: none;
}
/** Modal pop-ups **/
.modal {
  position: absolute;
  text-align: left;
  z-index: 2050;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  width: 99.9%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-backdrop {
  /* bug fix - no overlay */
  display: none;
}
@media (min-width: 768px) {
  .modal-full {
    width: 98%;
  }
  .modal-dialog {
    width: 60%;
    min-width: 605px;
    margin: 30px auto;
  }
  .modal-dialog-80 {
    width: 80% !important;
    margin: 30px auto;
    max-width: none;
  }
  .modal-dialog-100 {
    width: 100% !important;
    margin: 30px auto;
    max-width: none;
    height: 80%;
  }
}
.modal-header {
  padding: 0.75rem;
}
.modal-header .close {
  width: 36px;
  height: 36px;
  background: url(../../images/global/closewin.png) no-repeat;
  margin: -5px 0 0 0;
}
.modal-header .close span {
  display: none;
}
.screen-modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 101;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 100%);
}
/** Carousel customization **/

@media (max-width: 767px) {
.carousel {
   margin-bottom: 3.5rem;
}
}

.carousel-control-next, .carousel-control-prev {
  position: absolute;
  top: unset;
  bottom: -40px;
  opacity: 1;
  z-index: 100;
}
 .carousel-control-next:hover span, .carousel-control-prev:hover span {
    background-color: #1700F4;
}
 .carousel-control-next:hover, .carousel-control-prev:hover {
    opacity: 1;
}
 .carousel-control-next {right: 40px;}
.carousel-control-prev {left: 40px;}

.carousel-caption {
  visibility: hidden;
}
.carousel-indicators {
  margin-bottom: -2rem;
}
.carousel-indicators [data-bs-target] {
  background-color: #CCC;
}
.carousel-indicators [data-bs-target].active {
  background-color: #00095B;
}
.carousel-caption-bottom {
  text-align: center;
  margin-top: 2.5rem;
}
.carousel-caption-bottom div {
  margin: auto;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  margin-left: 0;
  margin-right: 0;
  background-color: #00095B;
  border-radius: 50%;
  background-size: 20px;
}
@media (min-width: 767px) {
  .carousel-control-prev-icon.large {
    margin-left: -110px;
    /*background-image: url(../../images/shared/icons/arrow_lft_wht.png);*/
  }
  .carousel-control-next-icon.large {
    margin-right: -110px;
    /*background-image: url(../../images/shared/icons/arrow_rt_wht.png);*/
  }
}
/* flip-card  */
.flip-card .box.two-col {
  width: 90%;
  min-height: 20em
}
.flip-card .box.three-col {
  width: 100%;
  min-height: 11em
}
.flip-card .box {
  position: relative;
  width: 200px;
  height: 200px;
  transform-style: preserve-3d;
  perspective: 1000px;
  cursor: pointer;
}
.flip-card .box .body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: 0.9s ease;
  box-shadow:  rgb(0 0 0 / 20%) 0 5px 5px	
}
.flip-card .box .body .img-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}
.flip-card .box .body .img-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-style: preserve-3d;
}
.flip-card .box .body .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #CCC;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: rotateY(180deg);
}
.flip-card .box.flip .body {
  transform: rotateY(180deg);
}
.flip-card .box .body .content div {
  width: 100%;
  padding: 0.75rem;
  background-color: #1700F4;
  transform-style: preserve-3d;
}
/* Utilities */
#wrapper #content .page .pagecontent-wrapper-bkg.image {
  background: url(../../images/background.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  background-size: cover;
}
@media (min-width: 768px) {
  .img-responsive {
    width: 100%;
    margin-bottom: 1.5em;
  }
}
@media (max-width: 767px) {
  .img-responsive {
    width: 100%;
    margin-bottom: 0.5em;
  }
  .modal-body img {
    width: 100%;
  }
}
.gray-col {
  background-color: #EEE;
}
.instructions {
  font-style: italic;
  color: #00095B;
}
.blue-bkg {
  background-color: #00095B;
}
.white {
  color: #FFF !important;
}
.gray-row {
  background-color: #EEE;
  padding-top: 0.625em;
}
.center {
  text-align: center;
}
.hidden {
  display: none;
}
.no-wrap {
  white-space: nowrap;
}
.clear {
  clear: both;
}
.block {
  display: block;
}
.gray-box {
  background-color: #EEE;
  padding: 1em;
}
.transp-wh-box {
   background-color:  rgba(255, 255, 255, 0.7);
   padding: 1em;
}