:root {
  --ae-color-blue: #27aae1;
  --ae-color-blue-pale: #ceebf8;
  --ae-color-blue-very-pale: #d7eef9;
  --ae-color-maroon: #9e1f63;
  --ae-color-orange: #f47920;
  --ae-color-orange-l: #f99d1c;
  --ae-electric-blue-a: #5e32ff;
  --ae-electric-blue-b: #3e1ac1;

  --color-disclaimer-bg: var(--ae-color-orange);
  --color-facebook-blue: #3b5998;
  --color-instagram-red: #e1306c;
  --color-twitter-blue: #007bff;

  --ae-cta-normal: var(--ae-electric-blue-a);
  --ae-cta-pressed: var(--ae-electric-blue-b);
}

body {
  color: #788487de !important;
  font-size: 16px;
}

.has-dropshadow {
  box-shadow: 0 10px 6px -6px rgba(119, 119, 119, 0.5);
}
.user-not-logged-in .bg-new-gray {
  background-color: rgb(249, 249, 249);
}

.disclaimer {
  background: var(--color-disclaimer-bg);
  color: white;
}
.disclaimer .container:before {
  content: none;
}
.disclaimer a {
  border: none;
  color: white;
}
.disclaimer .close {
  color: white;
}
#footer-ppl {
  position: relative;
}
.page-header,
.section-graphic {
  background-image: linear-gradient(rgb(244, 120, 32), rgb(249, 157, 28));
}
.page {
  padding: 0px 0;
}
/* ---- SOCIAL MEDIA ICONS ------ */
#facebook-feed {
  background: #def2fa;
}
#facebook-feed .facebook-icon {
  font-size: 4rem;
  color: #1776f1;
}
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  background: transparent !important;
}
.fa-instagram,
.fa-facebook-square,
.fa-twitter-square,
.fa-linkedin {
  background: transparent;
  font-size: 2rem;
}
.fa-facebook-square {
  color: var(--color-facebook-blue) !important;
}
.fa-twitter-square {
  color: var(--color-twitter-blue) !important;
}
.fa-instagram {
  color: var(--color-instagram-red) !important;
}
#intro {
  background-image: linear-gradient(120deg, #f47920, #f99d1c);
}
.videobackground {
  background: #000000;
}
#myambitapp .btn {
  margin: 5px;
  padding-left: 20px;
  padding-right: 20px;
}
#myambitapp .lead {
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: 20px;
}
#myambitapp h2 {
  font-weight: 300;
  font-size: 2rem;
}
.btn-ae-std-outline {
  background: white;
  border: 2px solid var(--ae-color-orange);
  color: var(--ae-cta-normal);
  font-family: OpenSans, Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0.4em 2.4em;
}
@media (min-width: 992px) {
  #intro {
    background-image: linear-gradient(
        120deg,
        #f47920 0%,
        #f99d1c 50%,
        #fff0 50%
      ),
      url(/rsrc/theme/ambitu-bg.png);
    background-size: cover;
    background-position: top right;
    min-height: 280px;
  }
}

.video-thumb {
  background-image: url(/rsrc/data/en/video/thumb/default.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 155px;
  text-shadow: -10px -10px 20px rgba(0, 0, 0, 0.8),
    -10px 0px 20px rgba(0, 0, 0, 0.8), -10px 10px 20px rgba(0, 0, 0, 0.8),
    0px -10px 20px rgba(0, 0, 0, 0.8), 0px 0px 20px rgba(0, 0, 0, 0.8),
    0px 10px 20px rgba(0, 0, 0, 0.8), 10px -10px 20px rgba(0, 0, 0, 0.8),
    10px 0px 20px rgba(0, 0, 0, 0.8), 10px 10px 20px rgba(0, 0, 0, 0.8);
  transition: ease all 0.5s;
}
.video-thumb:hover {
  text-decoration: none;
}
.video-thumb .label {
  background-color: #000;
  padding: 10px 20px 10px 10px;
}
.video-related-thumbs .video-thumb {
  min-height: 100px;
}
.video-related-thumbs .video-thumb .label {
  padding: 0;
  font-size: 0.75em;
}
.related-videos {
  background: #f7f7f7;
}

.reference-list {
  padding-top: 10px;
}
.reference-item a {
  background: url(/rsrc/icon/document-empty.png) 10px 10px no-repeat;
  background-size: 40px;
  border: 1px solid transparent;
  display: block;
  padding: 15px 10px 0 60px;
}
.reference-item a:hover {
  border-color: #ccc;
  text-decoration: none;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.reference-presentation a {
  background-image: url(/rsrc/icon/document-presentation.png);
}
.reference-pdf a {
  background-image: url(/rsrc/icon/document-pdf.png);
}
.reference-mov a {
  background-image: url(/rsrc/icon/document-mov.png);
}

.btn {
  transition: ease-in-out;
}
.btn-close {
  background: #fff0;
  border: 1px solid white;
  border-radius: 0.25rem;
  float: right;
  margin-left: 10px;
  padding: 2px 16px;
}
.btn-close:hover {
  background: #fff4;
  border: 1px solid white;
  color: white;
}
.overlay {
  height: 100%;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
}
.one {
  background: linear-gradient(120deg, #81aa86, #3fa4b5, #000000);
  filter: contrast(100%);
}
.two {
  background: linear-gradient(120deg, #b4558b, #912a62, #000000);
}
.three {
  background: linear-gradient(120deg, #c36b2f, #cd9436, #000000);
}

.btn-orange,
.btn-orange a,
.btn-orange:active,
.btn-orange:visited,
.btn-orange:focus {
  background: linear-gradient(120deg, #f47920, #f99d1c) !important;
  color: white;
}
.btn-orange:hover,
.btn-orange:visited {
  background: linear-gradient(120deg, #f99d1c, #ff6319) !important;
  color: white;
}
.btn-bluegreen,
.btn-bluegreen a,
.btn-bluegreen:active,
.btn-bluegreen:visited,
.btn-bluegreen:focus {
  background: linear-gradient(120deg, #27aae1, #9acba0) !important;
  color: white;
}
.btn-bluegreen:hover,
.btn-bluegreen:visited {
  background: linear-gradient(120deg, #9acba0, #27aae1) !important;
  color: white;
}
.btn-purple,
.btn-purple a,
.btn-purple:active,
.btn-purple:visited,
.btn-purple:focus {
  background: linear-gradient(120deg, #9e1f63, #d865a6) !important;
  color: white;
}
.btn-purple:hover,
.btn-purple:visited {
  background: linear-gradient(120deg, #d865a6, #9e1f63) !important;
  color: white;
}
.orange-gradient {
  background: linear-gradient(120deg, #f47920, #f99d1c);
}
.bluegreen-gradient {
  background: linear-gradient(120deg, #27aae1, #9acba0);
}
.purple-gradient {
  background: linear-gradient(120deg, #9e1f63, #d865a6);
}

/* ----- Home Main Feature ----- */
.home-box {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

/* ----- GET CERTIFIED HOME ---- */
#getcertified {
  background: url(/rsrc/theme/get-certified-image.png);
  background-size: cover;
  position: relative;
}
.four {
  background: #ffffff;
  opacity: 0.8; /* overlay declared earlier */
}
/* ----- AECQ ----- */
#aecq .question {
  border-top: 1px solid #ddd;
  padding: 10px;
}
#aecq .question.invalid {
  background-color: #ffe;
}
#aecq .question.incorrect {
  background-color: #fee;
}
#aecq .answer {
  margin-top: 5px;
}
#aecq .invalid-message,
#aecq .incorrect-message {
  color: #f47920;
  font-weight: bold;
  margin: 0;
  padding-top: 5px;
}
#aecq input[type="radio"] {
  margin-right: 5px;
}
#aecq label {
  display: inline;
}
#questionnaire .certificate {
  display: inline;
}

.page {
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.8) 0%,
    rgba(255, 255, 255, 0.9) 100%
  );
}
.user-not-logged-in {
  background-image: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.3) 0%,
      rgba(255, 255, 255, 0.5) 100%
    ),
    url(/rsrc/theme/class-01-gray.jpg);
  background-position: center;
  background-size: cover;
  min-height: 75vh;
}
/* Site wide styles */
.bg-gray {
  background-color: rgba(239, 239, 239, 0.564);
}

.border-gray {
  border-bottom: 1px solid #80808026;
}

/* .page li a:link, .page li a:visited { */
.breadcrumb-item a:link,
.breadcrumb-item a:visited {
  text-decoration: none;
  color: #f47920;
}

.orange-gradient {
  background: linear-gradient(
    to right,
    rgba(255, 175, 75, 1) 0%,
    rgba(251, 155, 59, 1) 28%,
    rgba(245, 121, 33, 1) 74%
  );
}

#ref-banner {
  background: linear-gradient(
    to right,
    rgba(255, 175, 75, 1) 0%,
    rgba(251, 155, 59, 1) 28%,
    rgba(245, 121, 33, 1) 74%
  );
  background-position: center;
}

h2 {
  font-weight: 300 !important;
}

.breadcrumb {
  background-color: rgba(255, 255, 255, 0) !important;
  font-size: 13px !important;
}

.breadcrumb-item.active {
  font-weight: bold;
}
.breadcrumb-item a:hover {
  border-bottom: 1px #f47920 solid;
}

/* Login page */
.login-screen-graphic {
  background-image: linear-gradient(
      rgba(244, 120, 32, 0.945),
      rgba(249, 157, 28, 0.902)
    ),
    url(/rsrc/theme/class-01-color.jpg);
  background-size: cover;
  background-position: center;
  border-right: none;
}
.header {
  border-bottom: 1px solid #f47920;
}

/* Welcome page */
.welcome-greeting p {
  font-size: 0.9rem;
}
.welcome-greeting h1,
.page-header h1 {
  animation-name: moveInLeft;
  animation-duration: 0.9s;
  animation-timing-function: ease-out;
}

@keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  80% {
    transform: translateX(12px);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}

.welcome-banner {
  background-image: url(/rsrc/theme/class-01-color.jpg);
  background-size: cover;
  background-position: center;
  min-height: 300px;
}

.textcolor-theme-i {
  color: #b30839;
}

.bar-brand-i {
  background-color: #b30838;
}

.ref-mat-graphic {
  background: center / cover no-repeat url(/images/uploads/classroom0.jpg);
}

/* Certification welcome page */
.certification-graphic {
  background-image: url(/rsrc/theme/class-03-duotone.jpg);
  background-size: cover;
  background-position: center;
}
.certification-card .card,
.feature-card .card {
  border: none;
  border-radius: 0px;
}
.certification ul {
  list-style-type: none !important;
}

.certification ul li {
  border: 1px solid rgb(244, 120, 32);
  border-left: 4px solid rgb(244, 120, 32);
  transition: 0.4s;
}
.certification ul li:hover {
  margin-left: 13px;
  cursor: pointer;
}
.certification .text-underline {
  text-decoration: underline;
}

.basis-110 { flex: 1 1 0; }

/*  Training Videos page  */
#orientation {
  display: none !important;
}

#mc-starter-tools .section-graphic {
  background-image: linear-gradient(
      rgba(244, 120, 32, 0.921),
      rgba(249, 157, 28, 0.842)
    ),
    url(https://mdbootstrap.com/img/screens/yt/screen-video-3.jpg) !important;
}
#level-100 .section-graphic {
  background-image: linear-gradient(
      rgba(39, 169, 225, 0.714),
      rgba(29, 131, 174, 0.742)
    ),
    url(https://mdbootstrap.com/img/screens/yt/screen-video-3.jpg) !important;
}
#level-200 .section-graphic {
  background-image: linear-gradient(
      rgba(144, 206, 156, 0.719),
      rgba(105, 147, 114, 0.701)
    ),
    url(https://mdbootstrap.com/img/screens/yt/screen-video-3.jpg) !important;
}
#level-300 .section-graphic {
  background-image: linear-gradient(#b30838c4, #dc3546bf),
    url(https://mdbootstrap.com/img/screens/yt/screen-video-3.jpg);
}

#electives .bar-brand-i {
  background-color: #f47920 !important;
}

#electives .tier-title {
  color: #f47920 !important;
}

#electives .section-graphic {
  background-image: linear-gradient(
      rgba(244, 120, 32, 0.921),
      rgba(249, 157, 28, 0.842)
    ),
    url(https://mdbootstrap.com/img/screens/yt/screen-video-3.jpg) !important;
}

#electives .btn-danger {
  background-color: #f47920;
  border-color: #f47920;
  color: white;
}

#electives .card-columns {
  height: 165px;
}

@-webkit-keyframes hvr-bob {
  0% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob {
  0% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(-8px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    transform: translateY(-8px);
  }
}

.hvr-bob {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-delay: 0.1s;
  padding-bottom: 1.2rem;
}
.hvr-bob a:hover {
  position: relative;
}

.hvr-bob a:hover:after {
  content: "";
  height: calc(100% + 1em);
  position: absolute;
  left: -0.05%;
  width: 101%;
  z-index: -1;
  bottom: -1em;
  top: 0;
}

.hvr-bob:hover,
.hvr-bob:focus,
.hvr-bob:active {
  animation-name: hvr-bob-float, hvr-bob;
  animation-duration: 0.3s, 1.5s;
  animation-delay: 0s, 0.3s;
  position: relative;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

.animated {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
/* bounce animation */
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  40%,
  43% {
    transform: translateY(-30px);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }

  70% {
    transform: translateY(-15px);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }

  90% {
    transform: translateY(-4px);
  }
}

.bounce {
  animation: bounce 1s;
  animation-iteration-count: 1;
}

.fadeInUp {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.fa-award:before {
  content: "\f559";
}
.fa-school:before {
  content: "\f549";
}

a.training-videos-desc {
  color: #f99d1c !important;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

.hover-case {
  transition: 0.4s;
  z-index: 1;
}

.hover-case:hover,
.hover-case:focus {
  box-shadow: 0 0 24px rgba(33, 33, 33, 0.27);
  transform: translateY(-0.25em);
}

.js-video {
  height: auto;
}

.border1 {
  border: 1px solid #e2e2e2;
  border-top: 0px;
}
.btn-outline-theme-b .play {
  fill: #f99d1c;
}
.btn-outline-theme-b:hover .play {
  fill: white;
}

.img-col {
  background: url(/rsrc/theme/landmark-bg-7.jpg);
  height: auto;
  background-size: cover;
  background-position: right;
}

.training-vid-bg {
  background: url(/rsrc/theme/ambitu-bg-blue.png);
  height: 135px;
  background-size: cover;
}

.bp-market {
  background: center center / cover #90ce9c;
  height: 200px;
  text-align: center;
}
.bp-market.bp-market-tx {
  background-image: url(/rsrc/bps/English-bp.jpg);
}
.bp-market.bp-market-mwne {
  background-image: url(/rsrc/bps/Spanish-bp.jpg);
}
.bp-market.bp-market-bilingual {
  background-image: url(/rsrc/bps/Bilingual-bp.png);
}
.bp-market.bp-market-all {
  background-image: url(/rsrc/bps/Bilingual-bp.png);
}
.bp-market h1 {
  color: white;
  font-weight: 200;
}

.progress {
  border-radius: 0;
  margin-top: 10px;
  position: relative;
}
.progress-bar {
  width: 0;
  background: var(--ae-color-orange);
}

#consultanttour .error {
  color: #dc3545;
}

/* ...................... /
/ ...........M........... /
/ ..........MMM.......... /
/ .........MMM.J......... /
/ ........MMM.JJJ........ /
/ .......MMM.JJJJJ....... /
/ ......MMM.....JJJ...... /
/ ....................... /
/ .. Digital Marketing .. /
/ ...................... */