.dynamic-bg {
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}
.training-cta a {
    color: white;
    font-size: 16px;
    font-weight: 800;
    margin: 0 auto;
    background: #00adff;
    border-radius: 2px;
    max-width: fit-content;
    padding: .35em 1em .25em 1em;
}
/*training-masthead.html*/
.training-main-header .title-content {
    margin-left: 2em;
}
.training-main-header .training-breadcrumb {
  margin-bottom: 0;
}
.training-breadcrumb ul li:after {
  content: ">";
  margin: 0 .2em 0 .5em;
  color: #b6b6b6;
}
.training-breadcrumb ul li:last-child {
	color: white;
}
.training-breadcrumb ul li:last-child:after {
  content: "";
}
.training-breadcrumb ul {
  padding: 0;
}
.training-breadcrumb ul {
  display: inline;
  list-style: none;
}
.training-breadcrumb ul li {
  display: inline-block;
}
.training-main-header li, .training-main-header li a {
    color: #b6b6b6;
}
.training-main-header .row {
    margin: 0;
}
.main-message h1 {
  margin-top: .5em;
  line-height: 1.25em;
  color: white;
  font-size: 38px;
}
.main-message h3 {
    color: white;
    font-weight: 100;
    font-size: 20px;
    margin-top: 0;
}
.training-main-header .main-message {
  margin-top: 0;
  margin-bottom: 1em;
}
.training-breadcrumb{
  color: white;
}
/*center-box-cta.html*/
.training-center-box-cta .box {
    float: none;
}
.training-center-box-cta .row {
    margin-top: 3.5em;
    margin-bottom: 3.5em;
}
.main-message {
  float: none;
  margin: 0 auto;
}
.message{
	text-align: center;
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.box {
  color: white;
	background-color: rgb(0,36,54,.9);
	max-width: 325px;
	height: 250px;
}
.box h5 {
    font-size: 15px;
}
.box h4 {
	margin-bottom: 1.25em;
	margin-top: 0;
	color: white;
	font-size: 19px;
}
.training-center-box-cta .box h4{
  max-width: 215px;
}
.training-center-box-cta .box{
  max-width: 325px;
  height: 250px;
  margin: 0 auto;
}
.training-main-header .row {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.training-main-header .container {
    padding-top: 3em;
    padding-bottom: 3em;
}
.training-main-header .box {
  height: 185px;
  max-width: 300px;
  border-radius: 2px;
}
.box .title {
  margin-bottom: 1.5em;
}
.training-center-box-cta .box .account {
  margin-top: 3em;
}
.box .account p {
  color: white;
  font-size: 12px;
	margin-top: 1em;
}
.box .account p a {
	font-size: 12px;
	color: #00adff;
}
.col-md-4.box * {
    color: white;
}

/*three-column-image*/
.three-column-image-cta .row {
    margin-bottom: 0;
}
.cta-box .icon img {
	width: 65%;
}
.three-column-image-cta .icon {
  max-width: 200px;
  margin: 0 auto;
}
.three-column-image-cta .cta-box h4 {
  margin-bottom: 1em;
  margin-top: .5em;
  font-size: 20px;
}
.three-column-image-cta .cta-box {
  margin: 0 auto;
	max-width: 257px;
	text-align: center;
}
.three-column-image-cta .col-md-4 {
  margin-top: 0;
}
.three-column-image-cta .text p {
  font-size: 13px;
}
.three-column-image-cta .text {
	height: 120px;
}

/*Training ODT, ILT and Cert page*/
* {box-sizing: border-box}

/* Style the tab */
.course-body .tab {
    float: left;
		height: auto;
    background-color: #f1f1f1;
    width: 25%;
}
/* Style the buttons inside the tab */
.course-body .tab button {
  border-left: 5px solid transparent;
	display: block;
	background-color: inherit;
	color: black;
	padding-left: 2em;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	border-right: none;
	border-top: none;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
	font-size: 17px;
	line-height: 2.3pc;
	height: 80px;
	font-weight: bold;
}
/* Change background color of buttons on hover */
.course-body .tab button:hover {
    background-color: #ddd;
}
/* Create an active/current "tab button" class */
.course-body .tab button.active {
    color: #00adff;
    background-color: #fff;
    border-left: 5px solid #00adff;
}

/* Style the tab content */
.course-body .tabcontent {
  float: left;
  padding: 0px 12px;
  border-left: none;
  max-width: 875px;
  margin: 0 auto;
	margin-bottom: 5em;
	height: auto;
}

.col-md-12.training-description {
    margin-top: 1em;
		margin-bottom: .35em;
}
.training-description * {
    font-size: 14px;
}
.course-body .tabcontent .col-md-4 {
	margin-top: .35em;
  margin-bottom: .35em;
  padding: .50em;
  position: relative;
}
.course-body .tabcontent .col-md-4 .course-card {
  height: 240px;
  max-width: 325px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  overflow: hidden;
}
.col-md-12.course-body {
	display: flex;
	height: auto;
	margin-bottom: 0;
	padding: 0;
	margin-top: 0;
}
@media only screen and (max-width: 992px) {
  .training-main-header .row {
      display: block;
  }
	.col-md-12.course-body {
		display: unset;
	}
	.course-body .tab {
    width: 100%;
	}
	.course-body .tabcontent .col-md-4 .course-card {
    margin: 0 auto;
	}
  .training-main-header .box {
    margin: 0 auto;
    float: none;
  }
}
.unavailable {
    opacity: .5;
    color: grey;
}
.show-available{
  font-size: 11px;
  font-weight: bold;
  margin-left: .95em;
  position: absolute;
  bottom: 18px;

}
.show-available img {
  width: 15px;
  height: 15px;
  margin-bottom: 2.5px;
  display: inline;
}
.training-course-list .container-fluid {
	padding-top: 0;
  padding-bottom: 0;
}
.training-course-list .row {
	margin-bottom: 0;
	margin-top: 0;
}
.course-card p {
  font-size: 14px;
  line-height: 20px;
  margin-top: .25em;
}
.course-card .course-info {
    padding: .30em .75em 0 .75em;
}
.course-info p:first-child {
    font-weight: bold;
}
img.course-thumb {
    width: 325px;
    height: 140px;
}
.on-demand .webinar-card {
	box-shadow: 5px 5px 20px #c3c3c3;
	max-width: 300px;
	margin: 0 auto;
}
.col-md-4 .course-card:hover {
	box-shadow: 5px 5px 20px #c3c3c3;
}
.course-body .tablinks span{
	float: left;
	width: 35px;
	height: 35px;
	padding: 0 2em .5em 0;
}

.course-body .tab button.active .odt-active {
    display: inline-block;
}
.course-body .tab button.active .ilt-active {
    display: inline-block;
}
.course-body .tab button.active .cert-active {
    display: inline-block;
}
.course-body .tab button.active .odt-icon {
    display: none;
}
.course-body .tab button.active .ilt-icon {
    display: none;
}
.course-body .tab button.active .cert-icon {
    display: none;
}
.course-body .tablinks span.odt-icon {
    background: url(/assets/images/icons/icon-ondemand-small-inactive.png) no-repeat;
		background-size: 35px 35px;
}

.course-body .tablinks span.ilt-icon {
    background: url(/assets/images/icons/icon-instructor-small-inactive.png) no-repeat;
		background-size: 35px 35px;
}
.course-body .tablinks span.cert-icon {
    background: url(/assets/images/icons/icon-certification-small-inactive.png) no-repeat;
		background-size: 35px 35px;
}

.course-body .tablinks span.odt-active {
    background: url(/assets/images/icons/icon-ondemand-small-active.png) no-repeat;
		background-size: 35px 35px;
    display: none;
}
.course-body .tablinks span.ilt-active {
    background: url(/assets/images/icons/icon-instructor-small-active.png) no-repeat;
		background-size: 35px 35px;
    display: none;
}
.course-body .tablinks span.cert-active {
    background: url(/assets/images/icons/icon-certification-small-active.png) no-repeat;
		background-size: 35px 35px;
    display: none;
}
.course-body .course-body .tab a{
	display: inherit;
}

/*consoladate these somehow?*/
.faq-content .title-section {
    margin: 0;
}
.catalog-content .title-section {
    margin: 0;
}
.catalog-content .col-md-12 {
    margin-top: 0;
}

p.link-course {
    margin-top: .5em;
}

.link-course a {
    color: black;
}
.number-course {
    font-weight: bold;
}

.title-section img {
    display: inline;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.title-section h2 {
    display: inline;
}

.title-section {
    border-bottom: 1px solid #eee;
}
.img-catalog img {
    max-width: 250px;
    margin-top: 1em;
}