/*Dynmic code goes here letter we need to remove this code*/
.training-text h1:first-child, .training-text h1:last-child {
	float:none;
	padding-left:0
}
/******************subcatsk for classes*********************/

/*code level start*/
#wrapper.pt_product-search-result .sub-category-result .primary-content {
	width: 100%;
}

/* aaa-----------move this to scss files---------*/
.pt_product-search-result .primary-content {
	padding-bottom: 0;
}
div.upcoming-header span.upcoming-classes-data {
	float: left;
	width: 100%;
	color: #808080;
	font-weight: 500;
	margin: 0 0 15px 0;
	font-size: 20px;
	letter-spacing: 0.5px;
}
div.upcoming-header span.dark-text {
	font-weight: 900;
	color: #333333;
}
@media screen and (max-width: 767px) {
	div.upcoming-header {
		padding: 0 20px;
	}
	.sub-category-result .class-tiles-container {
		width: 87%;
		margin: 0 auto;
		display: table;
	}
}
/* aaa-----------move this to scss files---------*/

/*   ---------------------------------------------------------------------------------------------
                                ARC CONTENT ASSET AND SLOAT CSS GOES HERE
/*   ---------------------------------------------------------------------------------------------
/*----------------Category Landing Page - Classes------------------*/

/*As per FSD Content Asset styling goes here

/*--- content Asset 4 Training & Certification Headline */

/*--------- Desktop code goes here------------*/
.category-class .class-tiles .category-heading span:first-child{
	text-transform: capitalize;
}
.slot-level-class{
	background-size: 100% 100%;
}
.angled-shape {
  position: relative;
}
.angled-shape .training-text {
  font-family: Roboto;
  line-height: 40px;
  font-size: 36px;
  font-weight: 900;
  letter-spacing: 0.9px;
  color: #ffffff;
  width: 82.4%;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 1%;
  text-align: center;
  padding-left: 7%;
}
.angled-shape .training-text h1 {
	padding: 0 0 0 24px;
	margin: 0;
}

/*--------- Responsive code Tablet goes here------------*/
@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .angled-shape .training-text {
        width: 90%;
        left: 6%;
		padding-left: 4%;
    }
	.angled-shape .training-text h1 {
		padding: 0 0 0 0;
    }
}

/*--------- Responsive code Tablet goes here------------*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.training-certification .angled-shape .training-text {
		line-height: 26px;
		letter-spacing: 0.3px;
		width: 81.97%;
		left: 4%;
	}
	.training-certification .angled-shape .training-text h1{
		padding-left: 10px;
		font-size: 28px;
		line-height: 32px;
	}
}
@media screen and (min-width: 768px) and (max-width: 870px) {
	.training-certification .angled-shape .training-text h1{
		font-size: 24px;
		line-height: 28px;
	}
}

/*--------- Responsive code Mobile goes here------------*/
@media screen and (max-width: 767px) {
  .angled-shape {
    margin-top: 45px;
  }
  .angled-shape .training-text {
    top: -87px;
    width: 90%;
    left: 0;
	padding-left: 28px;
  }
  .angled-shape .training-text h1 {
	font-size: 24px;
	line-height: 24px;
	padding: 0;
  }
}
/*--- end content Asset 4 Training & Certification Headline */
/*   ---------------------------------------------------------------------------------------------
                                /*--- Our Class Programs Slot-5-- */
/*   ---------------------------------------------------------------------------------------------                              
/*--- content Asset 6 Our Class Programs Header ---*/
.category-class h2.class-prog {
	margin-bottom: 40px;
	font-size: 36px;
	letter-spacing: .9px;
	text-align: left;
	line-height: 40px;
}

/*--------- Responsive code Tablet and Mobile goes here------------*/
@media screen and (max-width: 1023px) {
  .category-class h2.class-prog {
    margin-bottom: 24px;
    line-height: 24px;
    font-size: 24px;
  }
}
/*--------- end Responsive code Tablet and Mobile goes here------------*/


/*--- content Asset 8 Train My Employees ---*/

/*--------- Desktop code goes here------------*/
.category-class .class-tiles.training-employee {
  display: inline-block;
  width: 49.2%;
  padding: 0;
  background: #252524;
  color: #ffffff;
  margin: 0;
  float: left;
}
.category-class .class-tiles.training-employee .employee-training{
    float: left;
    padding: 68px 14% 47px 29px;
}
.category-class .class-tiles.training-employee .cta-red{
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.4px;
  background-color: #ed1329;
  color: #ffffff;
  text-transform: uppercase;
  float: left;
  padding: 26.5px 57.29px;
  box-shadow: 0px 5px 8px 0 rgba(0, 0, 0, 0.25);
  text-align: center;
}
.category-class .class-tiles.training-employee span.learn {
  float: none;
  vertical-align: middle;
  margin-right: 9px;
  padding-top: 4px;
  display: inline-block;
}
.category-class .class-tiles.training-employee .header-geo-arrow {
  display: inline-block;
  vertical-align: middle;
}
.category-class .class-tiles.training-employee .cta-red:hover{
  background-color: #252524;
}


.category-class .class-tiles.training-employee p {
  margin: 23px 0 32px 0;
}

.category-class .class-tiles.training-employee .learn-more {
  width: auto;
  float: left;
  text-align: center;
}

/*--------- Responsive code Tablet and Mobile goes here------------*/
@media screen and (max-width: 1023px) {
	.category-class .class-tiles.training-employee {
		width: calc(100% - 34.11%);
		margin-right: 0;
		margin: 0 0 41px 0;
	}
	.category-class .class-tiles.training-employee .employee-training{
		padding: 50px 14% 42px 29px;
	}
}
/*--------- Responsive code Mobile goes here------------*/
@media screen and (max-width: 767px) {
  .category-class .class-tiles.training-employee {
    width: 100%;
    box-sizing: border-box;
    padding: 30px 20px;
    margin-bottom: 0;
  }
  .category-class .class-tiles.training-employee .learn-more {
    width: 100%;
  }
  .category-class .class-tiles.training-employee .learn-more .cta-red{
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
  }
}

/*--- content slot 12 How We Teach Slot ---*/

.slot-level-class .page-tittle {
  padding-bottom: 69px;
  line-height: 29px;
  text-align: center;
}
/*--------- Responsive code Tablet and Mobile goes here------------*/
@media screen and (max-width: 1023px) {
    .slot-level-class.page-tittle, .slot-level-classh2, .slot-level-class.heading-class, .slot-level-class h1 {
      text-align: center;
    }

    .slot-level-class .heading-class, .slot-level-class h1 {
      padding: 49px 0;
      line-height: 20px;
      font-size: 24px;
      letter-spacing: 0.6px;
    }

    .slot-level-class p, .slot-level-class .page-tittle, .slot-level-class .class-type, .slot-level-class .class-type p {
      text-align: center;
    }
}

/*--- content slot 14 Class Type Slot ---*/
/*--------- Desktop code goes here------------*/
.slot-level-class .class-type img {
    margin: 0 auto;
}
.slot-level-class .class-type h4 {
    padding: 25px 0 9px;
	text-transform: capitalize;
	font-size: 20px;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 900;
}
.slot-level-class .class-type .bottom-border{
    width: 30px;
    border-bottom: 4px solid #ed1329;
    display: inline-block;
}
.slot-level-class .class-type .teach {
	font-family: 'Muli', sans-serif;
	font-size: 12px;
	line-height: 26px;
	letter-spacing: 0.3px;
	text-align: center;
}
.slot-level-class .training-center p{
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    padding-top: 9px;
    color: #333333;
    width: 63.254%;
    margin: 0 auto;
}
.slot-level-class .main-class-slot {
	width: 100%;
}
.slot-level-class .training-center .class-desc ul {
	list-style-type: none;
}
.slot-level-class .training-center .class-desc li {
    font-size: 12px;
    line-height: 26px;
    padding-top: 5px;
    color: #333333;
	font-family: 'Muli', sans-serif;
}
/*--------- Responsive code Tablet and Mobile goes here------------*/

@media screen and (max-width: 1023px) {
  .slot-level-class .main-class-slot .page-tittle {
    padding: 49px 0;
    line-height: 20px;
  }
  .slot-level-class .main-class-slot .class-type p{
    width: 42.318%;
    padding-bottom: 24px;
    line-height: 26px;
  }
  .slot-level-class .training-center .class-desc {
	margin: 0 0 20px 0;
  }
}

/*--------- Responsive code Mobile goes here------------*/
@media screen and (max-width: 767px) {
  .slot-level-class .main-class-slot .class-type p {
    width: 84.69%;
    padding-bottom: 30px;
  }
  .slot-level-class .training-center .full-width {
	display: block;
  }
}

/*--- content slot 18 nstructors/Participants Slot ---*/
/*--------- Desktop code goes here------------*/
.for-instructors .assetone {
  float: left;
  width: 50%;
  z-index: 9999;
  position: relative;
  background-color: #252524;
}
.for-instructors .training-data .cta-red{
    font-size: 14px;
    padding-top: 13px;
}

.for-instructors .assetone img {
  max-width: 100%;
  max-height: 100%;
  float: left;
}

.for-instructors .assetone.tablet-left {
  float: right;
  order: 1;
}
.for-instructors .assetone.col-rit {
  background-color: #252524;
  padding: 0;
}
.for-instructors .training-employee.col-rit.second-col{
    padding-bottom: 0 0 5%;
}

.for-instructors .assetone.col-rit:nth-child(3) {
  clear: left;
}

.for-instructors .assetone p {
  text-align: left;
}

.for-instructors .assetone p, .for-instructors .assetone h2 {
  color: #ffffff;
}
.for-instructors .training-employee.col-rit .learn-more .cta-red {
  background: none;
  padding: 13px 0 0 0;
  box-shadow: none;
}
.for-instructors .training-employee.col-rit.second-col .heading-class, .for-instructors .training-employee.col-rit.second-col p {
  text-align: right;
}
.for-instructors .training-employee.col-rit.second-col .learn-more {
  float: right;
}
.for-instructors .training-employee.col-rit.second-col .learn-more .cta-red {
  text-align: right;
  float: right;
  clear: both;
}
.for-instructors .training-employee .learn-more {
  width: 90%;
  float: left;
  text-align: center;
}
.for-instructors .training-employee .learn-more-right {
	margin: 0 0 0 5%;
}
.for-instructors .training-employee .learn-more .cta-red{
    letter-spacing: 0.4px;
    background-color: #ed1329;
    color: #ffffff;
    text-transform: uppercase;
    float: left;
    padding: 26.5px 57.29px;
    box-shadow: 0px 5px 8px 0 rgba(0, 0, 0, 0.25);
    text-align: center;
}
.for-instructors span.learn{
    float: none;
    vertical-align: middle;
    margin-right: 9px;
    padding-top: 4px;
    display: inline-block;
}
.for-instructors .header-geo-arrow{
    vertical-align: middle;
}
.for-instructors .training-data {
    padding: 25px;
    display: inline-block;
}
.for-instructors .training-data p , .for-instructors .col-rit.second-col .training-data p {
    width: 90%;
	margin: 5px 0;
}
.for-instructors .second-col .training-data{
    padding: 25px;
}
.for-instructors .second-col .training-data p{
    float: right;
}
/*--------- Responsive code Tablet goes here------------*/
@media screen and (min-width: 1023px) {

    .for-instructors .training-employee.col-rit .learn-more .cta-red{
        padding: 0;
        margin-top: 6px;
		float: right;
    }
    .for-instructors span.learn{
        margin-top: 4px;
        padding-top: 0;
		font-size: 12px;
    }
}
@media screen and (max-width: 1200px) {
	.for-instructors .training-employee .learn-more {
	  width: 100%;
	}
	.for-instructors .training-data p {
		width: 100%;
	}
	.for-instructors .training-data {
		padding: 20px 5px 5px 15px;
	}
	.for-instructors .second-col .training-data{
		padding: 20px 15px 5px 5px;
	}
	.for-instructors .col-rit.second-col .training-data p {
		width: 100%;
	}
	.category-class .class-tiles.training-employee .learn-more-right {
		margin: 0 0 0 3%;
	}
}
/*--------- Responsive code Tablet goes here------------*/
@media screen and (max-width: 1023px) {
  .for-instructors .training-data,.for-instructors .second-col .training-data {
    padding: 60px 0 47px 21px;
  }
  .for-instructors .second-col .training-data p{
    float: left;
  }
	.for-instructors .training-data p , .for-instructors .col-rit.second-col .training-data p {
		margin: 15px 0;
	}
  .for-instructors .training-data .heading-class {
    padding: 0;
  }

  .for-instructors .assetone {
    width: 100%;
  }

  .for-instructors .assetone img {
    height: auto;
    display: block;
  }

  .for-instructors .assetone.col-rit.second-col .heading-class, .for-instructors .assetone.col-rit.second-col p {
    text-align: left;
  }

  .for-instructors .assetone.col-rit.second-col .heading-class {
    line-height: 20px;
  }

  .for-instructors .assetone.col-rit.second-col .learn-more {
    float: left;
  }

  .for-instructors .assetone.col-rit.second-col .learn-more .cta-red {
    clear: none;
    padding-right: 31px;
    float: left;
  }

  .for-instructors .assetone.col-rit.second-col .learn-more .cta-red:nth-child(2) {
    float: right;
    padding: 13px 0px 0 0;
    margin-left: 31px;
  }

  .for-instructors .assetone.col-rit.second-col .learn-more .cta-red {
    padding: 13px 0 0 0;
  }
}

/*--------- Responsive code only Tablet goes here------------*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .for-instructors .training-employee.col-rit .learn-more .cta-red:last-child {
      clear: none;
	  padding-left: 0;
	  margin-left: 31px;
    }
}
/*--------- Responsive code Mobile goes here------------*/
@media screen and (max-width: 767px) {
.for-instructors .assetone.col-rit.second-col .heading-class, .for-instructors .assetone.col-rit.second-col p{
	width: 100%;
}
  .for-instructors .assetone.col-rit.second-col .learn-more .cta-red {
    float: right;
    clear: both;
    padding-right: 0;
  }

  .for-instructors .training-employee .learn-more {
    float: left;
    width: 100%;
  }

  .for-instructors .training-employee .learn-more .cta-red {
    width: 100%;
    box-sizing: border-box;
  }

  .for-instructors .for-instructors .assetone.col-rit.second-col .learn-more .cta-red {
    padding: 13px 0 0;
  }

  .for-instructors .training-employee.col-rit .learn-more .cta-red {
    text-align: right;
  }

  .for-instructors .training-data,.for-instructors .training-data, .for-instructors .second-col .training-data {
    padding: 49px 20px;
  }
  .category-class .class-tiles.training-employee .employee-training{
    padding: 0;
  }
  .for-instructors .training-data p{
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (min-width: 480px) {
	.for-instructors .assetone img {
		width: 100%;
	}
}

/* -------------------------------------------------------------------------------*/
/*-------------- nav-instructors content asset in global navigation -----------------*/
/*-------------------------------------------------------------------------------*/
	.global-instructors {
		display: block;
		float: left;
		border-bottom: 1px solid #919191;
		margin: 0 0 16px 0;
	}
	.global-instructors b {
		font-size: 14px;
		font-weight: 900;
		line-height: 2.86;
		text-align: left;
		color: #333333;
		text-transform: uppercase;
	}
	.global-instructors ul {
		float: left;
		padding: 0;
		margin: 4px 0 10px 0;
	}
	.global-instructors ul li{
		list-style-type: none;
		width: 100%;
		line-height: 2.93;
		padding: 0 0 6px 0;
	}
	.global-instructors ul li a{
		font-size: 14px;
		font-weight: 400;
		text-align: left;
		color: #333333;
		line-height: 1;
		text-transform: capitalize;
		width: auto;
		letter-spacing: 0.2px;
	}
	
@media screen and (max-width: 1023px) {
	.global-instructors {
		width: 100%;
		border-bottom: none;
		margin: 0;
	}
	.global-instructors  b {
		display: block;
		margin: 0 8%;
		box-sizing: border-box;
		font-size: 12px;
		color: #868686;
		border-bottom: 1px solid #d7d7d7;
		line-height: 40px;
		padding: 4px 0;
	}
	.global-instructors ul {
		width: 100%;
		margin: 0;
	}
	.global-instructors ul li {
		width: auto;
		margin: 0 8%;
		border-color: #d6d6d6;
		line-height: 41px;
	}
	.global-instructors ul li a {
		font-size: 12px;
		padding: 18px 5%;
		box-sizing: border-box;
	}
}




/* -------------------------------------------------------------------------------*/
/*-------------- nav-participants content asset in global navigation -----------------*/
/* -------------------------------------------------------------------------------*/

	.global-participants {
		display: block;
		float: left;
		margin: 0 0 10px 0;
	}
	.global-participants b {
		font-size: 14px;
		font-weight: 900;
		line-height: 2.86;
		text-align: left;
		color: #333333;
		text-transform: uppercase;
	}
	.global-participants ul {
		float: left;
		padding: 0;
		margin: 4px 0 0 0;
	}
	.global-participants ul li{
		list-style-type: none;
		width: 100%;
		line-height: 2.93;
		padding: 0 0 6px 0;
	}
	.global-participants ul li a{
		font-size: 14px;
		font-weight: 400;
		line-height: 1;
		text-align: left;
		color: #333333;
		text-transform: capitalize;
		width: auto;
		letter-spacing: 0.3px;
	}
	
@media screen and (max-width: 1023px) {
	.global-participants {
		width: 100%;
		border-bottom: none;
	}
	.global-participants  b {
		display: block;
		margin: 0 8%;
		box-sizing: border-box;
		font-size: 12px;
		color: #868686;
		border-bottom: 1px solid #d7d7d7;
		line-height: 40px;
		padding: 4px 0;
	}
	.global-participants ul {
		width: 100%;
		margin: 0;
	}
	.global-participants ul li {
		width: auto;
		margin: 0 8%;
		border-color: #d6d6d6;
		line-height: 41px;
	}
	.global-participants ul li a {
		font-size: 12px;
		padding: 18px 5%;
		box-sizing: border-box;
	}
}


/* ############################ sub-category-classes landing page styles starts from here ############################ */

/*-----------------------------------------------------------------------------------------------------------*/
/* --------------styles for the subcategory-banner-class (id -- cat-subcategory-hero-1)-----------------------*/
/* -----------------------------------------------------------------------------------------------------------*/

/*====================== desktop styles ============================*/
.subcategory-banner-class {
	display: table;
	width: 100%;
    margin-bottom: 5.1rem;
}
.subcategory-banner-class .angled-shape .only-tab{
	display: none;
}
.subcategory-banner-class .angled-shape .training-text{
    box-sizing: border-box;
	width: 100%;
	text-align: left;	
}
.subcategory-banner-class .angled-shape .training-text h1{
	float: left;
	width: 100%;
	padding: 0 0 0 30px;
	margin: 0;
}
.subcategory-banner-class .angled-shape .training-text span{
	display: block;
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
	.subcategory-banner-class .angled-shape .training-text {
		padding-left: 10px;
	}
	.subcategory-banner-class .angled-shape .training-text h1{
		font-size: 30px;
		padding: 0 0 0 10px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.subcategory-banner-class .angled-shape .training-text h1{
		padding-left: 0;
		font-size: 26px;
	}
	.subcategory-banner-class .angled-shape .training-text span {
		line-height: 32px;
	}
	.subcategory-banner-class .angled-shape .training-text{
		top: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 880px) {
	.subcategory-banner-class .angled-shape .training-text h1{
		font-size: 22px;
	}
	.subcategory-banner-class .angled-shape .training-text span {
		line-height: 26px;
	}
}

/* ======================= tablet styles ============================*/

@media screen and (max-width: 1023px) {
	.training-certification .angled-shape .only-desk {
	 display: none;
	}
	.subcategory-banner-class .angled-shape .only-tab{
	 display: block;
	}
	.subcategory-banner-class .angled-shape .training-text{
		padding: 0 6%;
	}
}
/*=========== mobile styles ===============*/
@media screen and (max-width: 767px) {
	.subcategory-banner-class {
		margin-bottom: 2.1rem;
	}
	.subcategory-banner-class .angled-shape .training-text {
		width: 90%;
		padding-left: 0;
	}
}
/* -------------- subcategory-banner-class (id -- cat-subcategory-hero-1) styles ends here -----------------------*/


/*------------------------------------------------------------------------------------------------------------*/
/*--------------styles for taking a first aid class (id -- subcategory-classes-feature1-img)--------------------*/
/*-------------------------------------------------------------- -----------------------------------------------*/

/*======================= desktop styles ======================*/

.subcategory-classes-feature-1 .subcategory-image-section {
	width: 50%;
    float: left;
	background-color: #333333;
}
.subcategory-classes-feature-1 .display-item-flex {
	display: -webkit-flex;
	display: flex;
}
.subcategory-classes-feature-1 img {
	display: block;
	max-height: 100%;
	max-width: 100%;
}
.subcategory-classes-feature-1 .desktop-only {
	height: 100%;
}

.subcategory-classes-feature-1 .subcategory-content-section {
	width: 50%;
    float: right;
    color: #ffffff;
	background: #333333;
}
.subcategory-classes-feature-1 .subcategory-content-section .inner-content {
	padding: 25px;
    box-sizing: border-box;
    float: left;
    z-index: 1;
}
.subcategory-classes-feature-1 .subcategory-content-section .description {
	padding: 20px 0;
	width: 87%;
	float: left;
	line-height: 25px;
	font-family: 'Muli', sans-serif;
	font-size: 13px;
	letter-spacing: 0.3px;
}
.subcategory-classes-feature-1 .learn-more {
	float: left;
    width: 244px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    padding: 0;
}
.subcategory-classes-feature-1 .learn-more .cta-red {
	color: #ffffff;	
}
.subcategory-classes-feature-1 .learn-more .cta-red .learn {
    padding-right: 11px;
	font-size: 14px;
}
.subcategory-classes-feature-1 .learn-more .cta-red .header-geo-arrow {
	display: inline-block;
    vertical-align: middle;
}
.background-lineimg {
	position: absolute;
    top: -76px;
    z-index: -1;
    right: 0;
}

@media screen and (max-width: 1200px) {
	.subcategory-classes-feature-1 .subcategory-content-section .description {
		width: 100%;
	}
}

/*================ tablet styles goes here ==================*/

@media screen and (max-width: 1023px) {
	.subcategory-classes-feature-1 .subcategory-image-section, .subcategory-classes-feature-1 .subcategory-content-section {
		width: 100%;
	}
	.subcategory-classes-feature-1 .subcategory-content-section .inner-content {
		padding: 49px 20px;
	}
	.background-lineimg {
		top: -50px;
	}
	.subcategory-classes-feature-1 .display-item-flex {
		display: block;
	}
}


/*=============== mobile styles goes here ===================*/

@media screen and (max-width: 767px) {
	.subcategory-classes-feature-1 .learn-more {
		width: 100%;
	}
	.subcategory-classes-feature-1, .subcategory-classes-feature-2 {
	    display: inline-block;
	}
}

@media screen and (max-width: 767px) and (min-width: 480px) {
	.subcategory-classes-feature-1 img {
		width: 100%;
	}
}

/*=============== break point only for iphone ==================*/
@media screen and (max-width: 380px) {
	.background-lineimg {
		top: -40px;
	}
}
/*-------------- for taking a first aid class (id -- subcategory-classes-feature1-img) styels ends here--------------------*/



/*---------------------------------------------------------------------------------------------------------*/
/*----------------- styles for subcategory-classes-accordion slot(id -- subcat-tab-acordians) -----------------*/
/*-----------------------------------------------------------------------------------------------------------*/

/* =============== desktop styles (tab-1,2,3,4 common styles) =================*/

.subcategory-classes-accordion {
	float: left;
	width: 100%;
	position: relative;
	min-height: 80px;
}
.classes-content-tabs {
    width: 100%;
    padding: 0 2.9%; 
    box-sizing: border-box;
}
.product-content-tabs.classes-content-tabs {
    width: 100%;
    padding: 0;
}
.tab-container {
	display: block;
	width: 100%;
}
.tab_heading {
	position: absolute;
	top: 0;
	height: 80px;
	line-height: 80px;
	width: 25%;
	float: left;
	text-align: center;
	box-sizing: border-box;
	border: solid 1px #e2e2e2;
	cursor: pointer;
}

.classes-content-tabs .tab_heading {
	position: absolute;
	top: 0;
	width: auto;
	float: left;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
	border: 0;
	height: auto;
	line-height: 22px;
}

.tab-container .tab_heading {
	border-right: none;
}
.tab-container:last-child .tab_heading {
	border-right: solid 1px #e2e2e2;
}

.classes-content-tabs .tab-container:last-child .tab_heading {
	border-right: none;	
}

.tab-container.active .tab_heading {
	background-color: #ed1329;
	color: #ffffff;
	border: none;
}

.classes-content-tabs .tab-container.active .tab_heading {
	color: #ed1228;
	background:none;
}

.tab_heading .tab-title { 
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
}

.classes-content-tabs .tab_heading .tab-title {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.4px;
	
}

.classes-content-tabs .tab-container.active .tab_heading .tab-title:after {
	content: "";
    border-bottom: 4px solid #ed1329;
    display: block;
    margin-top: 4px;
}

.tab_content {
	display: none;
	float: left;
	width: 100%;
	margin-top: 80px;
}

.classes-content-tabs .tab_content {
	display: none;
	float: left;
	width: 100%;
	margin-top: 29px;
	border-top: solid 1px #d6d6d6;
}


.subcategory-classes-accordion .slot-level-class.no-background {
	background: none;
}
.subcategory-classes-accordion .slot-level-class .page-tittle {
	padding-bottom: 29px;
	text-align: center;
}

/* =============== tablet and desktop styles (tab-1,2,3,4 common styles) =================*/

@media screen and (min-width: 768px) {
	.tab-container.active .tab_heading::after {
		bottom: -1px;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		z-index: 9;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-bottom-color: #ffffff;
		border-width: 9px;
		margin-left: -9px;
	}
	
	.classes-content-tabs .tab-container.active .tab_heading::after {
		display:none;
	}
		
}

/* =============== mobile styles =============*/

@media screen and (max-width: 767px) {
	.tab_heading {
		text-align: left;
		text-transform: uppercase;
		color: #ed1329;
		padding: 0 20px;
    	box-sizing: border-box;
		position: relative;
		width: 100%;
		border-left: 0;
		border-right: 0;
	}
	.classes-content-tabs .tab_heading {
		color: #2c2c2c;
		padding: 5px 0 0;
		position: relative;
		width: 100%;
		border-left: 0;
		border-right: 0;
		border-bottom: solid 1px #d6d6d6; 
	}
	
	.classes-content-tabs {
	    padding: 0 20px;
	}
	.product-content-tabs.classes-content-tabs {
	    padding: 0;
	}
	
	.tab-container:last-child .tab_heading {
		border-right: none;
	}
	.tab_heading .tab-title {
		font-size: 14px;
		line-height: 25px;
	}
	.classes-content-tabs .tab_heading .tab-title {
		font-size: 14px;
		display:table;
	}
		
	.tab_heading.active  { 
		color: #FFFFFF;
		background-color: #ed1329;
    	position: relative;
	}
	.tab_content {
		margin: 0;
	}
	.classes-content-tabs .tab_content {
		border-top: 0;
		margin: 0;		
	}
	
	.classes-content-tabs .tab-container.active .tab_heading {
		border-bottom: solid 1px #d6d6d6; 	    
	}
	
	.tab_heading h3 .red-icon img{ 
		display: inline-block;
	    vertical-align: middle;
	    padding-left: 11px;
	}
	.subcategory-classes-accordion .slot-level-class .page-tittle {
		display: none;
	}
}

/*--------------------------------------------------------------------------------------------------------*/
/* ------styles for what you'll learn and Certifications&CEU's (id--subcategory-accordian-tab-1,  				   id--subcategory-accordian-tab-3)-------- */
/*--------------------------------------------------------------------------------------------------------*/

/*===========desktop styles ======================*/

.subcategory-classes-accordion .class-type-2tile {
	width: 50%;
    float: left;
    text-align: center;
}
.subcategory-classes-accordion .class-type-2tile .actual-content {
	width: 63.2%;
    margin: 0 auto;
    display: table;
}
.subcategory-classes-accordion .class-type-2tile .actual-content h3 {
	text-align: center;
}
.subcategory-classes-accordion .class-type-2tile h4 {
	  font-family: 'Roboto', sans-serif;
	  font-size: 32px;
	  font-weight: 900;
	  color: #2c2c2c;
	  padding: 25px 10% 29px 10%;
	  line-height: 32px;
}
.subcategory-classes-accordion .class-type-2tile span {
	  font-family: 'Muli', sans-serif;
	  font-size: 13px;
	  color: #2c2c2c;
	  margin-bottom: 20px;
	  line-height: 22px;
	  display: inline-block;
	  padding: 0 8px;
	  box-sizing: border-box;
}
.subcategory-classes-accordion .class-type-2tile span a  {
	font-size: 13px;
    text-decoration: underline;
    color: #80b3ff;
}
.subcategory-classes-accordion .class-type-2tile .link-cta {
	display: table;
	float: left;
    width: 100%;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #333333;
    margin-top: 15px;
    text-transform: uppercase;
	box-sizing: border-box;
}
.subcategory-classes-accordion .class-type-2tile .link-cta .learn-more-txt{
	font-weight: 700;
	color: #333333;
	padding: 3px 0 0 0;
}
.subcategory-classes-accordion .class-type-2tile .link-cta .learn-more-btn, .subcategory-classes-accordion .class-type-2tile .link-cta .black-arow {
	width: 28px;
	height: 28px;
	display: inline-block;
	margin: 0 0 0 5%;
	vertical-align: middle;
}
.tab_heading.tab-1 {
	left: 0;
}
.classes-content-tabs .tab_heading.tab-1 {
	left: 9%;
}
.tab_heading.tab-3 {
	left: 50%;
}


/*================= tablet styles ===============*/

@media screen and (max-width: 1023px) {
	.subcategory-classes-accordion .class-type-2tile h4 {
		padding: 25px 15% 29px 15%;
	}
	.subcategory-classes-accordion .class-type-2tile {
		width: 100%;
	}
	.subcategory-classes-accordion .class-type-2tile .actual-content {
		margin-bottom: 7%;
	}
	.classes-content-tabs .tab_heading .tab-title {  
		font-size: 15px;
		letter-spacing:0;
	}
	
}
/* ============ mobile styles =====================*/

@media screen and (max-width: 767px) {
	.tab_heading.tab-3 {
		left: 0;
	}
	.classes-content-tabs .tab_heading.tab-1 {
		left: 0;
	}
	.classes-content-tabs .tab-container.active .tab_heading .tab-title:after {
	    margin-top: 0;
	}
	
	.classes-content-tabs .tab-container.active .tab_heading {
		border-bottom: solid 1px #d6d6d6;
	}
	
	.subcategory-classes-accordion .class-type-2tile .actual-content {
		width: 90%; 
	}
	.subcategory-classes-accordion .class-type-2tile span {
	  font-size: 12px;
	  line-height: 26px;
	}
	.subcategory-classes-accordion .class-type-2tile h4 {
		font-size: 20px;
	}
}
/*----------- styles end's for what you'll learn and Certifications&CEU's ----------*/


/*--------------------------------------------------------------------------------------------------*/
/* ---------------- desk top styles for How we teach (id--subcategory-accordian-tab-2)---------------------*/
/*---------------------------------------------------------------------------------------------------*/

/*=============desktop styles ===================*/

.subcategory-classes-accordion .tab-desc {
	padding: 0 12px 29px 12px;
	box-sizing: border-box;
    font-size: 13px;
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 31%;
	line-height: 22px;
}
.subcategory-classes-accordion .tab-desc a {
	font-size: 13px;
    text-decoration: underline;
    color: #80b3ff;
	display: block;
	text-align: center;
}
.tab_heading.tab-2 {
	left: 25%;
}

/*============== tablet styles =============*/

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.subcategory-classes-accordion .tab-desc {
		width: 54%;
		padding: 0 10px 29px 10px;
	}
}
/* =========== mobile styles ================*/
@media screen and (max-width: 767px) {
	.tab_heading.tab-2 {
		left: 0;
	}
	.subcategory-classes-accordion .tab-desc {
		width: 100%;
		padding: 0 26px 29px;
		box-sizing: border-box;
	}
}

/* ---------------- styles ends for How we teach (id--subcategory-accordian-tab-2)---------------------*/

/*-------------------------------------------------------------------------------------------*/
/* ------------- styles for class Materials (id--subcategory-accordian-tab-4)-------------------*/
/*------------------------------------------------------------------------------------------------*/

/* ================= desktop styles ====================*/

.tab_content h2.material-title {
	padding: 45px 0 15px 0;
	line-height: 38px;
	font-size: 36px;
    letter-spacing: 0.9px;
}
.tab_heading.tab-4 {
	left: 75%;
}
.subcategory-classes-accordion .material-downloads-section {
	width: 80%;
	margin: 0 auto;
}
.subcategory-classes-accordion .material-downloads-section h4, .related-products-header .related-heading {
	text-align: left;
	padding-bottom: 15px;
    border-bottom: solid 1px #e2e2e2;
	font-weight: bold;
	color: #2c2c2c;
	font-size: 20px;
}
.subcategory-classes-accordion .material-downloads-section .download-items {
	display: table;
    width: 95%;
}
.subcategory-classes-accordion .download-items ul {
	list-style-type: none;
}
.subcategory-classes-accordion .download-items ul li {
	width: 50%;
	float: left;
    box-sizing: border-box;
    border-bottom: solid 1px #e2e2e2;
}
.subcategory-classes-accordion .download-items ul li:nth-child(2n+2) {
	margin-left: 20px;
	width: calc(50% - 20px);
}
.subcategory-classes-accordion .download-items ul li a {
	font-family: 'Muli', sans-seri;
    font-size: 12px;
    font-weight: bold;
    color: #2c2c2c;
    padding: 10px 0;
    display: table;
	line-height: 26px;
}
.subcategory-classes-accordion .download-items ul li span.image-section {
	width: 35px;
	height: 40px;
	display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.subcategory-classes-accordion .download-items ul li span.text-section {
	width: auto;
	display: table-cell;
    vertical-align: middle;
}

/*============== tablet styles ===================*/

@media screen and (max-width: 1023px) {
	.subcategory-classes-accordion .download-items ul li {
		width: 100%;
	}
	.subcategory-classes-accordion .material-downloads-section {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.subcategory-classes-accordion .download-items ul li:nth-child(2n+2) {
		margin-left: 0;
		width: 100%;
	}
	.subcategory-classes-accordion .material-downloads-section .download-items {
		width: 100%;
	}
}

/*=============== mobile styles =================*/

@media screen and (max-width: 767px) {
	.tab_heading.tab-4 {
		left: 0;
	}
	.tab_content h2 {
		display: none;
	}
	.subcategory-classes-accordion .material-downloads-section h4 {
		padding-top: 30px
	}
}
/* ------------- end for class Materials (id--subcategory-accordian-tab-4)-------------------*/

/*------------------------------------------------------------------------------------------*/
/*--------------------for related-product-container section --------------------------------*/
/*------------------------------------------------------------------------------------------*/

/*============ desktop styles ================*/

.related-product-container {
	float: left;
    width: 100%;
}
.related-product-container .related-product-section {
	width: 80%;
	margin: 0 auto;
}
.related-products-header {
	margin-top: 30px;
}
.related-product-section .recmend-product-tile {
	float: left;
	width: 25%;
}
.related-product-section .recmend-product-tile .product-listing-image {
	text-align: center;
}
.related-product-section .recmend-product-tile .product-listing-details .product-name {
	margin: 10px 0;
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #2c2c2c;
	margin: 10px 0;
}
.related-product-section .recmend-product-tile .product-listing-details .product-price {
	font-family: Roboto;
    font-size: 14px;
    text-align: left;
    color: #2c2c2c;
}
.related-product-section.hide {
	display: block;
}
/*============ tablet styles ==============*/
@media screen and (max-width: 1023px) {
	.related-product-section .recmend-product-tile {
		width: 33.333%;
	}
}
/*=========== mobile styles ==============*/
@media screen and (max-width: 767px) {
	.related-product-section .recmend-product-tile {
		width: 100%;
	}
	.related-product-container {
		margin-bottom: 40px;
	}

}
/*--------------------end for related-product-container --------------------------------*/
/* ****************subcategory-classes-accordion styles ends here *************************/



/*--------------------------------------------------------------------------------*/
/*--------------------styles for subcategory-classes-feature-2(id--subcategory-feature-img) -------------------*/
/*---------------------------------------------------------------------------------*/

/*============ desktop styles ==============*/
.for-instructors .display-item-flex {
	display: -webkit-flex;
	display: flex;
}
/*.subcategory-classes-feature-2 .tablet-left {
	order: 1;
}*/
.subcategory-classes-feature-2 #for-instructors {
	background-color: #333333;
}
.subcategory-classes-feature-2 .second-col {
	order: 0;
}
.subcategory-classes-feature-2 .slot-level-class .main-class-slot {
	padding-top: 0;
	width: 100%;
	float: left;
}
.subcategory-classes-feature-2 .for-instructors .assetone {
	background: #333333;
}
.for-instructors .training-data.background-img {
    z-index: 1;
}
.subcategory-classes-feature-2 .for-instructors .desktop-only {
	height: 100%;
}
.subcategory-classes-feature-2 .for-instructors .training-employee .learn-more {
	width: 90%;
}
.for-instructors .training-employee .learn-more ul {
	display: table;
    width: 100%;
}
.for-instructors .training-employee .learn-more ul li {
 	float: left;
    width: 50%;
    text-align: right;
}
.subcategory-classes-feature-2 .for-instructors .training-employee.col-rit .learn-more .cta-red  {
	margin: 13px 0 0 0;
	clear: none;
	float: right;
	padding: 0;
}
.subcategory-classes-feature-2 .bg-img {
	position: absolute;
    top: -76px;
    right: 0;
    z-index: 1;
}

.subcategory-classes-feature-2 .for-instructors .training-employee.second-col .learn-more {
	width: 100%;
}
/*=========== for fluid responsive =============*/
@media screen and (max-width: 1240px) {
	.subcategory-classes-feature-2 .for-instructors .training-employee .learn-more {
		width: 100%;
	}
}

/*============ tablet styles =================*/
@media screen and (max-width: 1024px) {
	.subcategory-classes-feature-2 .for-instructors .training-employee .learn-more, .subcategory-classes-feature-2 .for-instructors .assetone.col-rit.second-col .learn-more {
		width: 100%;
	}
}
@media screen and (max-width: 1023px) {
	.for-instructors .display-item-flex {
		display: block;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	/*.subcategory-classes-feature-2 .for-instructors .training-employee .learn-more, .subcategory-classes-feature-2 .for-instructors .assetone.col-rit.second-col .learn-more {
		width: 80%;
	}*/
	.subcategory-classes-feature-2 .bg-img {
		top: -50px;
	}
	.subcategory-classes-feature-2 .for-instructors .training-employee.col-rit .learn-more .cta-red  {
		float: left;
	}
	.subcategory-classes-feature-1 .first-aid-container .ipad-only, .subcategory-classes-feature-2 .for-instructors .ipad-only {
		display: block !important;
	}
}

/*============mobile styles ============*/

@media screen and (max-width: 767px) {
	.subcategory-classes-feature-2 {
		margin-top: 0;
	}
	.subcategory-classes-feature-2 .for-instructors .training-employee .learn-more, .subcategory-classes-feature-2 .for-instructors .assetone.col-rit.second-col .learn-more {
		width: 100%;
	}
	.subcategory-classes-feature-2 .bg-img {
		display: none;
	}
	.for-instructors .training-employee .learn-more ul li {
		width: 100%;
	}
	.slot-level-class .main-class-slot {
		padding-top: 30px
	}
	.slot-level-class .main-class-slot .page-tittle {
		display: none;
	}
	.subcategory-classes-feature-1 .first-aid-container .iphone-only, .subcategory-classes-feature-2 .for-instructors .iphone-only {
		display: block !important;
	}
}

/*--------------------end for subcategory-classes-feature-2(id--subcategory-feature-img) -------------------*/

/*-------------------------------------------------------------------*/
/*--------------- styles for subcat-classes-bazaarvoice ---------------*/
/*--------------------------------------------------------------------*/
.subcat-classes-bazaarvoice {
	float: left;
	width: 100%;
	clear: both;
}

/*-------------------------------------------------------------------*/
/*--------------- styles for subcategory-classes-feature-3 ---------------*/
/*--------------------------------------------------------------------*/

.subcategory-classes-feature-3 {
	float: left;
    width: 100%;
}
/* ========= mobile styles ============*/

@media screen and (max-width: 767px) {
	.subcategory-classes-feature-3 .slot-level-class .page-tittle {
		display: block;
		font-size: 24px;
		padding: 20px 0;
	}
}
/*---------------------------------------------------************----------------------------------------------------*/
/* ############################ sub-category-classes landing page styles ends here ############################ */



/****************************************************************************************************************************/
/*.........Category Landing Page - Products.....*/

/*cat-products-promo-1 */
.training-certification.catproducts .angled-shape .training-text {
     padding: 0 0 0 63px;
}
.training-certification.catproducts .angled-shape .training-text h1 {
	color: #ffffff;
}
.training-certification.catproducts .angled-shape .training-text span {
     padding: 0;
     text-align: left;
     display: inline-block;
     width: 100%;
}

 /*cat-products-promo-banner*/
.for-instructors.first-aid {
     float: left;
	 width: 100%;
}
.for-instructors.first-aid #first-aid {
    display: flex;
}
/*.for-instructors.first-aid .training-data {
     padding: 8% 22% 14.1% 6%; 
}*/ 
  .for-instructors.first-aid .training-data  p{
     width: 90%;
}
.for-instructors.first-aid  .training-employee .learn-more {
     width: 90%;
     float: left;
     text-align: center;
}
.for-instructors.first-aid  .training-employee .training.learn-more {
     width: auto;
     float: right;
     text-align: center;
}
.for-instructors .training-employee .training.learn-more .cta-red {
     float: right;
}
@media screen and (max-width: 1250px) {
	.for-instructors.first-aid  .training-employee .training.learn-more {
		float: left;
		margin: 0 0 0 25px;
	}
	.for-instructors.first-aid  .training-employee .learn-more {
		width: 100%;
	}
}
@media screen and (max-width: 1023px) {
	.for-instructors.first-aid #first-aid  .training-employee .training.learn-more{
		width: 50%;
		float: left;
		margin: 0;
	}
	.for-instructors.first-aid #first-aid  .training-employee .training.learn-more .cta-red {
		width: auto;
	}
	.for-instructors.first-aid #first-aid  .training-employee .training.learn-more .cta-red:last-child {
		padding: 0;
		margin: 10px 0 0 16px;
		clear: both;
	}
}
 @media screen and (min-width: 768px) and (max-width: 1023px) {
  /*cat-products-promo-1 */
        .training-certification.catproducts .angled-shape .training-text {
               padding: 0 0 0 30px;
        }
    /*cat-products-promo-banner*/
     .for-instructors.first-aid .training-employee .training.learn-more {
         float: left;
         width: 100%;
     }
     .for-instructors.first-aid .training-employee .training.learn-more .cta-red {
         float: left;
     }
	 
    /*.for-instructors .training-employee.col-rit .learn-more .cta-red:first-child {
		padding-left:48px;
	}
	.for-instructors .training-employee.col-rit .learn-more .cta-red:last-child {
		 padding-left:48px;
	 }*/
	  
     .for-instructors.first-aid .training-data {
         padding: 4% 5% 3% 4%;
     }
     .for-instructors.first-aid .training-employee .training.learn-more.training .cta-red:last-child {
         padding-left: 73px;
     }
     .for-instructors.first-aid .training-employee .training.learn-more .cta-red:first-child {
         width: 37%;
         text-align: right;
     }

}
@media screen and (max-width: 767px) {
     /*cat-products-promo-1*/
     .training-certification.catproducts .angled-shape {
         margin-top: 0;
     }
     .training-certification.catproducts .angled-shape .training-text {
         padding: 0;
		 top: -40px;
     }
	 .training-certification.catproducts .angled-shape .training-text h1 {
		width: 100%;
		text-align: left;
		padding: 0 0 0 5%;
		line-height: 30px;
	 }
	.training-certification.catproducts {
         position: absolute;
         top: 81%;
     }
     /*cat-products-promo-banner*/            
     .for-instructors.first-aid .training-data {
         padding: 6% 5% 5% 5%;
     }
     .for-instructors.first-aid .training-data p {
         margin-bottom: 10px;
     }
	.for-instructors.first-aid  .training-employee .learn-more {
		   width: auto;
		   float: none;
		   text-align: center;
	}
	.for-instructors.first-aid #first-aid  .training-employee .learn-more , .for-instructors.first-aid #first-aid  .training-employee .training.learn-more{
		width: 100%;
	}
}
/*cat-products-promo-banner*/
@media screen and (max-width: 1023px) {
     .for-instructors.first-aid #first-aid {
         display: flex;
         flex-flow: column;
     }
     .for-instructors.first-aid #first-aid .assetone {
         order: 2;
     }
     .for-instructors.first-aid #first-aid .assetone.col-rit {
         order: 1;
     }
}
.refinement .update-filters .applyfilter.disable button, .refinement .update-filters .applyfilter.disable .clear-btn, .refinement .update-filters .applyfilter.disable .apply-mobile, .refinement .update-filters .applyfilter.disable a.datetime, .refinement .clear-refinement.disable button, .refinement .clear-refinement.disable .clear-btn, .refinement .clear-refinement.disable .apply-mobile, .refinement .clear-refinement.disable a.datetime, .mobile-fltr-product.active .clear-mobile.disable button, .mobile-fltr-product.active .clear-mobile.disable .clear-btn, .mobile-fltr-product.active .clear-mobile.disable .apply-mobile, .mobile-fltr-product.active .clear-mobile.disable a.datetime {
    color: #252524;
}

/* for instructors, participants content assets styles */
.employee-training  {
	float: left;
}
.employee-training .heading-class {
	text-transform: capitalize;
}
/* .employee-training .heading-class, .employee-training p {
	color: #333333;
} */
.employee-training .cta-red {
	color: #1e97d2;
}
.employee-training .cta-red .header-geo-arrow {
	display: none;
}
@media screen and (max-width: 1023px) {
	.employee-training p {
		margin: 10px 0;
	}
}
@media screen and (max-width: 767px) {
	.employee-training {
		margin: 0 0 15px 0;
	}
}
.myclass{
	display: inline;
}
.myclass a{
	font-size: 12px;
}
.p-telenum{
	display: inline;
}