@charset "UTF-8";
/* Mobile first styles */

/* Overview Page Purple Header and Main Styles*/
.purpleBar {
	background-color: rgba(147, 50, 142, 0.87);
	height: 197px;
	margin: -20px;
}
.purpleBarOverview {
	background-color: rgba(147, 50, 142, 0.87);
	height: 197px;
	margin: -20px;
}
.purple {
	color: rgba(147, 50, 142, 0.87);
}
.containerHeight {
	height: 100%;
}
.rowPosition {
	position: absolute;
	bottom: -44px;
	width: 100%
}
.rowPositionTop {
	position: absolute;
	top: 10px;
	width: 100%
}
div.containerHeight h1 {
	font: normal 41px/45px 'SharpSans', sans-serif;
}
.contentHero.hero-arrow:before, .contentHero.hero-arrow:after {
	background-color: #fff;
}
.hero-content.has-blocks-tracks {
	padding-top: 50px;
	padding-bottom: 50px;
}
.hero-content.has-blocks.benefits {
	padding-top: 50px;
	padding-bottom: 50px;
}
hero-quote blockquote:after {
	color: #F5AE3C;
}
.roundcorners.btn.button-orange {
	background-color: #F5AE3C;
	border: 2px solid #F5AE3C;
	border-radius: 3px;
}
.roundcorners.btn.button-drkgreen {
	background-color: #BAD600;
	border: 2px solid #BAD600;
	border-radius: 3px;
}
.roundcorners.btn.button-yellow {
	background-color: #FFD700;
	border: 2px solid #FFD700;
	border-radius: 3px;
}
.roundcorners.btn.button-orange:hover, .roundcorners.btn.button-drkgreen:hover, .roundcorners.btn.button-yellow:hover {
	background-color: #000000 !important;
	border: 2px solid #000000 !important;
	border-radius: 3px;
}
.inservicecta {
	font-weight: bold;
	color: #93328e;
	
}
.green {
	color:#8fc2b0;
	padding-top: 0px !important;
	margin-bottom: 15px!important;
}
h3.PDsubhead {
	margin-top: 0px;
}
h2.headline {
	padding-top: 25px;
}
.red {
	color:crimson;
}
.Header {
	padding-bottom: 25px;
	font-size: 45px;
	line-height: 35px;
}
.seminarblock {
	padding: 50px;
	margin-top: 50px;
	margin-bottom: 50px;
}
.coloredblock {
	padding: 50px 0px 20px 0px;
}
.fa.purpleSquare {
	min-width: 30px;
}
.purpleSquare {
	margin: 0px auto;
}
h5.text-left.arrowBox {
	margin-top: 25px;
	margin-left: 10px;
}
ul.listStyle.arrowBox {
	margin-left: 20px;
}
ul {
	margin-top: 5px;
}
h6.text-black {
	margin-top: 5px;
	vertical-align: middle;
}
h3.text-center {
	padding-top: 20px;
}
h5.text-center {
	color: #545454;
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 30px;
}
#tracks {
	padding-top: 30px;
	padding-bottom: 30px;
}
#speakers {
	text-align: right;
}
blockquote {
	color: #93328E;
}
/*Long Quick Link - only changed colors*/
.Qlink-orange-long:hover .Qlink-o-overlay-long {
  right: 0;
  width: 198px;
  transition: .3s ease;
}

.Qlink-orange-long {
  border: 2px solid #f5ae3c;
}

.Qlink-o-overlay-long {
  position: absolute;
  padding-top: 10px;
  bottom: 0;
  left: 0;
  top: 0;
  right: 100%;
  background-color: #f5ae3c;
  overflow: hidden;
  width: 0;
  height: 37px;
  z-index: 100;
  transition: .3s ease;
}
.Qlink-yellow-long:hover .Qlink-y-overlay-long {
  right: 0;
  width: 198px;
  transition: .3s ease;
}

.Qlink-yellow-long {
  border: 2px solid #ffd700;
}

.Qlink-y-overlay-long {
  position: absolute;
  padding-top: 10px;
  bottom: 0;
  left: 0;
  top: 0;
  right: 100%;
  background-color: #ffd700;
  overflow: hidden;
  width: 0;
  height: 37px;
  z-index: 100;
  transition: .3s ease;
}
.Qlink-green-long:hover .Qlink-g-overlay-long {
  right: 0;
  width: 198px;
  transition: .3s ease;
}

.Qlink-green-long {
  border: 2px solid #bad600;
}

.Qlink-g-overlay-long {
  position: absolute;
  padding-top: 10px;
  bottom: 0;
  left: 0;
  top: 0;
  right: 100%;
  background-color: #bad600;
  overflow: hidden;
  width: 0;
  height: 37px;
  z-index: 100;
  transition: .3s ease;
}
.Qlink-lightgreen-long:hover .Qlink-lg-overlay-long {
  right: 0;
  width: 198px;
  transition: .3s ease;
}

.Qlink-lightgreen-long {
  border: 2px solid #9acfbd;
}

.Qlink-lg-overlay-long {
  position: absolute;
  padding-top: 10px;
  bottom: 0;
  left: 0;
  top: 0;
  right: 100%;
  background-color: #9acfbd;
  overflow: hidden;
  width: 0;
  height: 37px;
  z-index: 100;
  transition: .3s ease;
}
/* TESTIMONIALS / QUOTES */
.hero-quote blockquote {
  position: relative;
  color: #ffffff;
  text-align: center;
  padding: 1% 3% 1% 3%;
  font-size: 16px;
  width: 80%;
  margin: 0 auto;
}
.hero-quote blockquote:before {
  content: "\f10d";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  left: -65px;
  top: 40%;
  padding-left: 20px;
  font-size: 30px;
  color: #f5ae3c;
  text-shadow: none;
  font-weight: 600;
}
.hero-quote blockquote:after {
  content: "\f10e";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: -65px;
  top: 40%;
  padding-right: 20px;
  font-size: 30px;
  color: #f5ae3c;
  text-shadow: none;
  font-weight: 600;
}
.tc-hero-quote blockquote:before {
  content: "\f10d";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  left: -65px;
  top: 40%;
  padding-left: 20px;
  font-size: 30px;
  color: #bad600;
  text-shadow: none;
  font-weight: 600;
}
.tc-hero-quote blockquote:after {
  content: "\f10e";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: -65px;
  top: 40%;
  padding-right: 20px;
  font-size: 30px;
  color: #bad600;
  text-shadow: none;
  font-weight: 600;
}
.pc-hero-quote blockquote {
  position: relative;
  color: #ffffff;
  text-align: center;
  padding: 1% 3% 1% 3%;
  font-size: 16px;
  width: 80%;
  margin: 0 auto;
}
.pc-hero-quote blockquote:before {
  content: "\f10d";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  left: -65px;
  top: 40%;
  padding-left: 20px;
  font-size: 30px;
  color: #6EC8BA;
  text-shadow: none;
  font-weight: 600;
}
.pc-hero-quote blockquote:after {
  content: "\f10e";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: -65px;
  top: 40%;
  padding-right: 20px;
  font-size: 30px;
  color: #6EC8BA;
  text-shadow: none;
  font-weight: 600;
}
.quoteName {
  font-style: italic;
} 
.text-white {
  color: #ffffff !important;
}
/*Drop Downs*/
.ui-accordion .ui-accordion-header {
	margin: 10px 0px 10px 0px;
}
.MainTabs {
	margin: 20px 35px 10px 20px;
	width: 100%;
}
.schedule.font-1x {
	padding: 10px;
}
.img-small {
	width: 200px;
	height: 200px;
	float: right;
	padding-bottom: 0px;
	margin: 0px;
}
.menu-icon {
	width: 44px;
	height: 44px;
	border-radius: 20px;
	display: block;
	float: left;
	margin: 0 auto;
	padding-bottom: 75px;
}
.hero-gray {
	background-color: #EAEAEA;
}
.hero-orange {
	background-color: #FDEFDC;
}
.hero-drkgreen {
	background-color: rgba(186,214,0,0.20)
}
.hero-yellow {
	background-color: rgba(255,215,0,0.20)
}
.hero-green {
	background-color: #EAF4F0;
}
.hero-arrow-top.hero-arrow-solid:before {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	content: '';
	width: 1px;
	height: 0;
	border-style: solid;
	border-width: 55px 85px 0 85px;
	border-color: #ffffff transparent transparent transparent;
	top: -30px;
}
.hero-content.hero-gray {
	background-color: #EAEAEA;
}
/* Overview Page Icons in header*/
.header-icon {
	min-height: 0px;
	min-width: 0px;
	padding: 0px;
	max-width: 64px;
	margin: 0 auto;
	overflow:hidden;
	margin-bottom: 15px;
	z-index: 99;
	display: block;
}
.hero-box-offset-1 {
	background: rgba(255, 255, 255, .85);
	padding: 20px 25px 20px 20px !important;
	margin-top: 0px;
	border-left: #93328e 30px solid;
}
.CircleIcon {
	width: 34px;
	height: 34px;
	border-radius: 20px;
	display: block;
	float: left;
	margin: 0 0 0 -38px;
}
.PDicon {
	text-align: center;
	vertical-align: middle;
	margin-top: 9px;
	font-size: 16px;
	width: 34px;
}
.CircleIcon.Blue, .PDicon2.Blue {
	background-color: #4bc1eb;
}
.CircleIcon.teal, .PDicon2.teal {
	background-color: #6EC8BA;
}
.CircleIcon.Green, .PDicon2.Green {
	background-color: #9acfbd;
}
.CircleIcon.Orange, .PDicon2.Orange {
	background-color: #f5ae3c;
}
.CircleIcon.DrkGreen, .PDicon2.DrkGreen {
	background-color: #Bad600;
}
.CircleIcon.Yellow, .PDicon2.Yellow {
	background-color: #ffd700;
}
.TopCircleIcon {
	width: 64px;
	height: 64px;
	border-radius: 64px;
	display: block;
	float: left;
	margin: 0 auto;
}
.TopCircleIcon.Blue {
	background-color: #4bc1eb;
}
.TopCircleIcon.Green {
	background-color: #9acfbd;
}
.TopCircleIcon.Orange {
	background-color: #f5ae3c;
}
.TopCircleIcon.DrkGreen {
	background-color: #Bad600;
}
.TopCircleIcon.Yellow {
	background-color: #ffd700;
}
.TopCircleIcon.teal {
	background-color: #6EC8BA;
}
.TopIcon {
	text-align: center;
	vertical-align: middle;
	margin-top: 17px;
	font-size: 30px;
	width: 64px;
}
/* Overview Page 'Your inivted to come to us block'*/


.photo-block > h2 {
	padding-bottom: 5px;
	font-size: 35px;
	line-height: 33px;
}
.block-text {
	background: #fff;
	padding: 20px 15px 0px 15px;
}
.photo-block {
	border-bottom: solid 10px #93328e;
}
.ClinicIcon {
	position: absolute;
	margin: -53px 0px 0px 0px;
	width: 93%;
	padding: 0px;
}
.PDicon2 {
	text-align: center;
	font-size: 17px;
	padding-top: 6px;
	width: 30px;
	height: 30px;
	border-radius: 20px;
	vertical-align: top;
}
/* Online Learning Page */
#content {
	background: #ffffff;
}
.mainPageSection {
	margin-top: 25px;
	background: #f9f9f9;
	padding: 30px;
}
.mainPageSection h2 {
	margin-bottom: 15px;
}
.mainPageSection .PageAccordion {
	width: 60%;
	margin: auto;
}
.mainPageSection .ui-accordion-header-icon {
	display: none !important;
}
.mainPageSection h3.ui-state-default {
	background: #fff;
	padding: 6px 40px 4px 15px;
	border: 2px solid #eaeaea;
	margin-bottom: 0px;
	-webkit-transition: ease-all .3s; /* Shows validation message in VS, but is fine according to W3C */
	transition: ease-all .3s;
	font-family: "BEKHelvetica", "Helvetica Neue", Verdana, Arial, sans-serif
}
.mainPageSection .PageAccordion h3.ui-state-active {
	background: #fff;
	padding: 6px 40px 4px 15px;
	border: 2px solid #eaeaea;
	margin-bottom: 0;
}
.mainPageSection .accordionHeader:before, .mainPageSection .ui-accordion-header:before {
	display: none;
}
.mainPageSection .PageAccordion h3 span.arrowSection {
	float: right;
	width: 46px;
	height: 46px;
	border: 2px solid #eaeaea;
	border-color: #eaeaea;
	text-align: center;
	color: #7D7D7D;
	padding: 4px;
	margin-top: 0px;
	font-size: 20pt;
	vertical-align: middle;
	position: absolute;
	right: -2px;
	top: -2px;
}
.mainPageSection .ui-accordion .ui-accordion-header span.ui-accordion-header-icon.ui-icon {
	padding-top: 4px;
}
.mainPageSection .PageAccordion h3 span i.fa.fa-angle-down {
	transition: 200ms ease-in-out;
}
.mainPageSection .PageAccordion h3.ui-state-active span i.fa.fa-angle-down {
	transform: rotate(180deg);
}
.mainPageSection .PageAccordion h3 span.arrowSection {
	border-color: #d8d8d8;
	background-color: #d8d8d8;
	color: #ffffff;
}
.mainPageSection .PageAccordion h3.ui-accordion-header-active span.arrowSection {
	border-color: #92278f;
	background-color: #92278f;
	color: #ffffff;
}
.mainPageSection .PageAccordion h3.ui-accordion-header-active {
	border-color: #d8d8d8;
}
.CertificateDescription {
	margin: 30px 0px 40px 0px;
}
.textLeft {
	text-align: left !important;
}
p#ispFootnote {
	margin-top: 20px;
	font-size: 12px;
}
.MenuItem.VideoCategory.active {
	color: #93328e;
	font-weight: bold;
}
.MenuItem.VideoCategory:hover {
	color: #4bc1eb;
	font-weight: bold;
}
div.VideoSubCategory a.MenuItem.VideoCategory {
	font-weight: normal;
	margin: 0px 0px 10px 25px;
}
.MenuItem.VideoCategory, a#pdCertificates.MenuItem.marginT-20 {
	font-size: 15px;
	margin: 8px;
	word-wrap: normal; /* This was set to none; possible values are normal, break-word, initial, and inherit. Normal was probably the intent. */
	padding-right: 2px;
	text-decoration: none;
	font-weight: bold;
}
a#pdCertificates.MenuItem.marginT-20 {
	border-top: 2px solid #d3d3d3;
	padding-top: 15px;
	margin-top: 20px;
	display: block
}
.lblMenuItem {
	cursor: pointer;
	color: #93328e;
}
.lblMenuItem:hover {
	cursor: pointer;
	color: #93328e;
}
.VideoCategory {
	color: #7d7d7d;
}
.videoTable {
	background-color: #FFF;
	width: 100%;
}
.videoTable td, .videoTable th {
	padding: 10px;
	padding-top: 12px;
}
.videoTable th {
	background-color: #efefef;
}
.videoTable th h4 {
	margin-bottom: 0;
}
/* .guestVideo + videos[i].videoNumber {
} */
div.pdCategoryGroup h4 {
	margin-top: 0px;
	margin-bottom: 25px;
	padding-top: 0px;
}
h4.pdGuestVideoName, h4.GuestVideoName {
	text-align: left;
	color: #545454;
	font-size: 22px;
	margin-bottom: 5px !important;
	padding-top: 0px;
}
h4.pdVideoName, h4.pdVideoName {
	text-align: left;
	color: #545454;
	font-size: 22px;
	margin-bottom: 5px !important;
	padding-top: 0px;
	z-index: 9;
}
p.guestVideoDescription {
	margin-bottom: 5px;
}
p.videoDescription {
	margin-bottom: 5px;
}
p.guestVideoDetails {
	font-size: 12px;
	line-height: 14px;
	color: #7d7d7d !important;
}
p.videoDetails {
	font-size: 12px;
	line-height: 14px;
	color: #7d7d7d !important;
}
.guestPrerequisiteDescription {
	margin-left: 25px;
	vertical-align: top;
}
.prerequisiteDescription {
	margin-left: 25px;
	vertical-align: top;
}
.pdVideoName {
	display: block;
}
.pdVideo {
	cursor: pointer;
}
.pdVideo:hover {
	background-color: #eaeaea;
}

.pdVideoThumb {
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 5px 0px;
}
.col-md-12.pdVideo.pdVideoThumb.pdFirstVideo div.col-md-3.col-xs-8, col-md-12.pdVideo.pdVideoThumb.pdSecondaryVideo div.col-md-3.col-xs-8 {
	z-index: 9;
}
.pdSeriesName {
	font-size: 22px;
	text-decoration: none;
	text-align: left !important;
	margin: 0px 30px 0px 30px;
	float: left;
}
.pdSeriesDetails {
	padding: 0px 20px 0px 20px;
	z-index: 9000;
	bottom: -35px;
	right: 0;
}
.pdSeriesSub {
	display: block;
	padding: 0px 25px 0px 0px;
	min-height: 31px;
	margin-top: 0px;
	margin-right: -20px;
	text-align: right;
	color: #4bc1eb;
	width: 80%;
	float: right;
	border-bottom: 2px solid #eaeaea;
}
i.far.fa-file-certificate::before {
	font-size: 20px;
	margin-right: 5px;
}
.pdCertificateIcon {
	color: #4bc1eb;
	font-size: 20px;
	margin-left: 10px;
	line-height: 10px;
}
.pdCertificateIcon:hover {
	color: #93328e;
}
.pdPassed {
	color: #ffffff;
	font-size: 20px;
	text-align: center;
	position: absolute;
	background: #9acfbd;
	border-radius: 20px;
	width: 35px;
	margin: 6px 0px 0px 15px;
	padding: 3px;
	top: 25px;
	left: 60px;
	border: 1px solid #ffffff;
}
.pdCategoryName {
	text-align: left !important;
	margin-left: 0px !important;
}
#pdVideoTable {
	vertical-align: middle;
}
.pdPreReqGroup {
	margin-bottom: 40px;
	display: inline-block;
	border-top: 2px solid #eaeaea !important;
	border-right: 2px solid #eaeaea !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+0,ffffff+100 */
	background: rgba(234, 234, 234, 0.51); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(234, 234, 234, 0.51) 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(234, 234, 234, 0.51) 0%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(234, 234, 234, 0.51) 0%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(234, 234, 234, 0.51)', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
}
.removeFilter {
	cursor: pointer;
}
.removeFilter:hover {
	color: #93328e;
}
#watchedVideo {
	width: 290px;
	margin: 0 auto;
}
#btnWatchedVideoY {
	width: 281px;
}
.theme-checkbox + label {
	display: inline;
	color: #FFF;
}
.theme-checkbox {
	margin-right: 10px !important;
	vertical-align: bottom;
}
.theme-checkbox-filler {
	top: -2px;
	left: -2px;
	width: 20px;
	height: 20px;
	border: solid 2px #4bc1eb !important;
}
.theme-checkbox {
	border: 2px solid #E0E0E0 !important;
	width: 20px;
	height: 20px;
}
.videoActive {
	background-color: rgba(154, 207, 189, 0.25);
}
button[disabled], button[disabled]:hover {
	background: none !important;
	color: #FFF;
	border-color: #909090;
	opacity: 0.4;
	z-index: 999;
	cursor: default !important;
}
#takeAssessment {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
	z-index: 1000;
	background-color: #eaeaea;
	/* padding: 35px; */
	vertical-align: middle;
	padding-top: 33%;
	margin-top: 0px;
}
div.FieldLabel.display-block.inlineLabel label.label {
	color: #545454;
	font-size: 90%;
}
table#certificateTable {
	margin-top: -9px;
	margin-left: 20px;
}
table#certificateTable th, table#certificateTable td {
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 20px;
}
table#certificateTable th {
	font-size: 14px;
	opacity: 0.5;
}
table#certificateTable th {
	font-size: 17px;
}
.CertificateLinkA {
	text-decoration: none;
}
.CertificateLink {
	color: #4bc1eb;
	font-size: 16px;
}
  .CertificateLink:before {
    content: "\f019";
    font: normal normal normal 1em/1 'Font Awesome 5 Pro';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    margin-right: 8px;
    color: #4bc1eb;
  }
.PageAccordion-clear {
	width: 100%;
	height: 15px;
}
.PageAccordion div.ui-accordion-content {
	margin: 10px 0px 25px 0px;
}
.accordionHeader:before, .ui-accordion-header:before {
	padding-right: 10px;
}
.pdGuestVideoHoverText {
	position: absolute;
	visibility: hidden;
	width: 89%;
	height: 100%;
	text-align: center;
}
div.pdGuestVideoHoverText p {
	color: #ffffff !important;
	text-decoration: underline;
	top: 34%;
}
.pdVideo:hover .pdGuestVideoHoverText {
	visibility: visible;
	background-color: rgba(0,0,0,0.70);
}
/*.pdVideo:hover img {
 opacity: 0.1; 
}*/
body.isMobile .modal {
	background: none;
}
body.isMobile .modal-content {
	background-color: rgba(0, 0, 0, 0.4);
	padding: 0px;
}
body.isMobile .modal-content .modal-body {
	background-color: #ffffff;
	padding: 18px 10px 0px 10px !important;
	top: 60px;
}
body.isMobile .modal-content .modal-header {
	background-color: rgba(0, 0, 0, 0.4)!important;
	z-index: 3;
}
body.isMobile .modal-header .close {
	color: white;
}
div.modal-body h3#pdVideoTitle {
	margin-bottom: 20px;
	text-align: left;
	font: italic 24px/29px 'SharpSans', sans-serif;
	color: #545454;
}
div.modal-body p#pdVideoDesc {
	padding: 25px 10px 10px 0px;
	text-align: left;
	font-size: 17px;
	line-height: 30px;
}
.pdVideoToggle {
	cursor: pointer;
	text-align: center;
	margin-bottom: 27px;
}
.pdVideoToggleText {
	padding: 0px 0px 81px 0px;
	border-bottom: 2px solid #9acfbd;
	/* width: 200px; */
	margin: 0 -12px 0px -12px;
	font-variant-caps: all-petite-caps;
	color: #93328e !important;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 1px;
}
.circle-num {
	font-size: 19px;
	padding-top: 8px;
	margin: 10px auto;
	/* margin-left: -21px; */
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #93328E;
	float: none;
}
.circle-num-header {
	/* margin-left: 20px; */
    /* margin-top: 0px; */
	line-height: 20px;
	clear: both;
	margin: 0 auto;
}

/* Extra extra small devices (portrait phones, 320px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 320px) {
   div.containerHeight h1 {
      font: normal 31px/35px 'SharpSans', sans-serif;
   }

   .hero-stack-title h2 {
      font-size: 19px;
      line-height: 20px;
   }

   .purpleBarOverview {
	  height: 165px;
	  padding: 10px;
   }

   .TopCircleIcon {
      width: 44px;
      height: 44px;
      border-radius: 44px;
   }

   .TopIcon {
      margin-top: 12px;
      font-size: 22px;
      width: 44px;
   }

   .ClinicIcon {
      position: absolute;
      margin: -41px 0px 0px 0px;
      width: 100%;
   }

   .MainTabs {
      margin: 20px 0px 10px 0px;
   }

   .PageAccordion div.ui-accordion-content {
      margin: 0px 0px 25px 0px;
   }

   .content-arrow-box {
      padding-left: 25px;
      padding-right: 25px;
   }
   /* Online Learning Page */
   .mainPageSection {
      margin-left: -50px;
      margin-right: -50px;
   }

   .hidden {
      display: none !important;
      visibility: hidden !important;
   }

   .CategoryHeader {
      text-align: left;
      margin-left: 20px;
   }

   .pdGuestVideoHoverText {
      width: 100%;
   }

   .pdVideoThumb {
      padding: 15px 20px 5px 20px;
   }

   .CertificateDescription {
      margin: 30px 0px 0px 0px;
   }

   #pdVideoTable, #pdGuestVideoContent {
      margin-top: 30px;
   }

   .pdPreReqGroup {
      margin-left: -20px;
      margin-right: -20px;
   }

   .pdSeriesSub {
      width: 100%;
   }

   .coloredblock {
      padding: 0px 0px 0px 0px;
      margin-bottom: 20px;
   }
}


@media (max-width: 576px) {
   h5.text-left.arrowBox {
	   margin-top: 25px;
	   margin-left: 0px;
   }
   ul.listStyle.arrowBox {
	   margin-left: 0px;
   }
   .fa.purpleSquare {
	   min-width: 15px;
   }
   .purpleSquare {
	   margin: 0px auto;
   }
   .attireBox {
	   display: block;
	   margin-left: 0px;
	   margin-right: 0px;
   }
   .roundcorners.center-button {
	   display: block;
	   margin-left: 15px;
	   margin-right: 0px;
   }
}

/* Extra small devices (portrait phones, 576px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 576px) {
   .ClinicIcon {
	   position: absolute;
	   margin: -41px 0px 0px 0px;
	   width: 95%;
   }
   .purpleBarOverview {
	   height: 125px;
	   padding: 0px;
   }
   .hidden {
	   display: none !important;
	   visibility: hidden !important;
   }
   .pdGuestVideoHoverText {
	   width: 94%;
   }
   .pdVideoThumb {
	   padding: 15px 0px 5px 0px;
   }
}

@media (max-width: 768px) {
   .MainTabs {
	   align-content: center;
   }
   #container.content-arrow-box-containter {
	   display: block;
	   margin-right: 100px;
	   margin-left: 10px;
   }
   h5.text-left.arrowBox {
	   margin-top: 25px;
	   margin-left: 0px;
   }
   ul.listStyle.arrowBox {
	   margin-left: 0px;
   }
   .fa.purpleSquare {
	   margin-right: 0px;
   }
   .purpleSquare {
	   margin: 0px auto;
   }
   .attireBox {
	   display: block;
	   margin-left: 0px;
	   margin-right: 5px;
   }
}

/* Small devices (landscape phones, 768px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 768px) {
   .purpleBarOverview {
	   height: 140px;
   }
   .ClinicIcon {
	   position: absolute;
	   margin: -42px 0px 0px 0px;
	   width: 97%;
   }
   /* Online Learning Page */
   .mainPageSection .PageAccordion {
	   width: 100%;
   }
   .hidden {
	   display: none !important;
	   visibility: hidden !important;
   }
}

/*CSS for Mobile SideNav on Onlinle Learning Page*/

@media (min-width: 991px) {
   .nav-mobile {
	   display: none;
   }

   h2.title-online{
	text-align: center !important;
	text-indent: 18px !important;
	margin-bottom: 69px !important;
   }
}

@media (max-width: 991px) {
   #guestSideMenu {
	   border: none;
   }
   #guestSideMenu h4 {
	   display: none !important;
   }
   #sideMenu {
	   border: none;
   }
   #sideMenu h4 {
	   display: none !important;
   }
   a.void-jump-anchor > h5 {
	   font: normal 17px/19px 'SharpSans', sans-serif;
	   font-variant-caps: all-petite-caps;
	   letter-spacing: 1px;
	   margin-bottom: 0;
   }
   .MobileMenuBody, #uiNavDashboard {
	   display: none;
   }
   .MobileMenuHeader {
	   margin-top: 5px;
	   margin-bottom: 5px;
   }
   .nav-mobile {
	   display: inline-block;
	   width: 100%;
	   margin-left: 0px;
   }
   .nav-mobile a {
	   border: 2px solid #eaeaea;
	   padding: 10px;
	   width: 200px;
	   margin: 0px auto 0px auto;
	   color: #7d7d7d !important;
   }
   .MobileMenuBody .MobileMenuItem {
	   margin-left: 25px;
   }
   .MobileMenuBody.active, #uiNavDashboard.active {
	   display: block;
	   border-bottom: 2px solid #eaeaea;
	   border-top: 2px solid #eaeaea;
	   margin-top: -7px;
	   padding-bottom: 8px;
	   width: 100%;
   }
   a#pdCertificates.MenuItem.marginT-20 {
	   border-top: 2px solid #eaeaea;
	   margin-top: 5px;
   }
   div.contentHero.hero-size-auto.hero-green.download-container {
	   margin-bottom: 20px;
   }

   h2.title-online{
	text-align: center !important;
	text-indent: -131px !important;
	margin-bottom: 38px !important;
   }
}

@media (max-width: 992px) {
   h5.text-left.arrowBox {
	   margin-top: 25px;
	   margin-left: 10px;
   }
   ul.listStyle.arrowBox {
	   margin-left: 15px;
   }
   .fa.purpleSquare {
	   margin-right: 0px;
   }
   .purpleSquare {
	   margin: 0px auto;
   }
}

/* END OF Mobile SideNav Styles CSS*/


/* Medium devices (tablets, 992px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 992px) {
   .purpleBarOverview {
	   height: 150px;
   }
   .TopCircleIcon {
	   width: 64px;
	   height: 64px;
	   border-radius: 64px;
   }
   .TopIcon {
	   margin-top: 17px;
	   font-size: 30px;
	   width: 64px;
   }
   div.containerHeight h1 {
	   font: normal 46px/48px 'SharpSans', sans-serif;
   }
   .hero-stack-title h2 {
	   font-size: 19px;
       line-height: 20px;
   }
   /* Online Learning Page */
   #sideMenu, #guestSideMenu {
	   border-right: 2px solid #d3d3d3;
   }
   .hidden {
	   display: inline !important;
	   visibility: visible !important;
   }
   .CategoryHeader {
	   text-align: center;
	   margin-left: 0px;
   }
   .pdGuestVideoHoverText {
	   width: 84%;
   }
   #pdVideoTable, #pdGuestVideoContent {
	   margin-top: 15px;
   }
   .pdPreReqGroup {
	   margin-left: 0px;
	   margin-right: 0px;
   }
   .pdSeriesSub {
	   width: 40%;
   }
}

@media (max-width: 1200px) {
   h5.text-left.arrowBox {
	   display: block;
	   margin-top: 25px;
	   margin-left: 10px;
   }
   ul.listStyle.arrowBox {
	   margin-left: 15px;
   }
   .attireBox {
	   display: block;
   }
   .row.fa {
	   margin-left: 175px;
	   margin-right: 0px;
   }
}
@media (max-width: 387px){
	
	h2.title-online{
		text-align: center !important;
		text-indent: 18px !important;
		margin-bottom: 69px !important;
	   }
}

/* Large devices (desktops, 1200px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 1200px) {
   .pdGuestVideoHoverText {
	   width: 89%;
   }

   h2.title-online{
	text-align: center !important;
	text-indent: -131px !important;
	margin-bottom: 38px !important;
   }
}

/* Extra large devices (large desktops) No media query since the extra-large breakpoint has no upper bound on its width */