body {
	padding: 0;
	margin: 0;
	background: #ffffff;
	line-height: 26px;
	letter-spacing: 0.02em;
	font-family: "Segoe UI", "Segoe", Tahoma, Helvetica, Arial, sans-serif;
	color: #333;
}


/* .container {
  position: relative;
  margin-top: 4em;
  margin-bottom: 4em;
} */

.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}

.anchorWhite {
	color: #fff !important;
}

.anchorBlack {
	color: #333 !important;
}


/*a:hover {
  background-color: #FFC100;
  color: #333;
}*/


/*--------------Header Styles START-------------------*/

.headerSection {
	/*background: 
    linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
    url('../images/TechnologyBanner.png');*/
	background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("../images/TechnologyBanner.png");
	background-size: cover;
	height: 90vh;
}

.headertitle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	transform: translate(-50%, -50%);
	color: #333;
	padding: 1rem;
}

h1 {
	/*text-transform: uppercase;*/
	/* margin: 0; */
	margin-bottom: 1.5rem;
	font-size: 3rem;
	/* white-space: nowrap; */
}

p {
	/* margin: 0; */
	margin-bottom: 1.5rem;
	font-size: 1.3rem;
}

@media screen and (max-width: 767px) {
	/* .headerSection {
    height: 69vh;
  } */
	/* .headertitle {
    top: 40%;
  } */
	.headertitle h1 {
		font-size: 2rem;
	}
}


/*------------Header Latest Styles START-------------*/


/* =======================================
        header
        ========================================*/

.header {
	position: relative;
	/* width: 100vw; */
	width: 100%;
	/* height: 600px; */
	margin-top:7%;
}

.header .center {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	transform: translate(-50%, -50%);
	z-index: 5;
	padding: 1rem;
}

.headerHome .left {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	transform: translate(-50%, -50%);
	z-index: 5;
	padding: 1rem;
}

.headerLJourney .left,
.headerLExperience .left,
.headerLCourses .left,
.headerCareer .left,
.headerFAQs .left,
.headerOurStory .left,
.headerContactUs .left,
.headerNewsNEvents .left,
.headerRecruiters .left,
.headerBlog .left,
.headerInstitutions .left {
	position: absolute;
	top: 60%;
	left: 44%;
	width: 80%;
	height: 60%;
	/* transform: translate(0, 0); */
	transform: translate(-50%, -50%);
	z-index: 5;
	padding: 1rem;
}

.header .right {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	transform: translate(-50%, -50%);
	z-index: 5;
	padding: 1rem;
}

.display-3 {
	font-size: 3.1rem;
	font-weight: 500;
}
/*=== Large devices (desktops, 992px and up) ===*/

@media (max-width: 768px) {
	.display-3 {
		font-size: 2rem;
		font-weight: 500;
	}
}


/*=== Large devices (desktops, 992px and up) ===*/

@media (min-width: 992px) {
	.header .center {
		width: 50%;
	}
	.headerHome .left {
		position: absolute;
		top: 25%;
		left: 10%;
		width: 80%;
		height: 60%;
		transform: translate(0, 0);
		padding: 1rem;
	}
	.header .right {
		position: absolute;
		top: 20%;
		left: 50%;
		width: 40%;
		height: 60%;
		transform: translate(0, 0);
		padding: 1rem;
	}
}


/* =======================================
      header#2
      ========================================*/

.headerHome {
	background: #009999;
	background: linear-gradient(rgba(255, 255, 255, 0.8), /* #355c7d */
	rgba(255, 255, 255, 0.4), /* #6c5b7b */
	rgba(255, 255, 255, 0.8)
	/* #c06c7b */
	), url('../images/Homebanner.jpg') no-repeat left top;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 0;
	/* bottom layout */
}

.headerLJourney {
	background: #009999;
	
	background: url('../images/LearningJourneyBannerNew2.jpg');
	height: 440px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 0;
	/* bottom layout */
}

.headerLExperience {
	background: #009999;
	background: linear-gradient(rgba(255, 255, 255, 0.8), /* #355c7d */
	rgba(255, 255, 255, 0.4), /* #6c5b7b */
	rgba(255, 255, 255, 0.8)
	/* #c06c7b */
	), url('../images/Experiencebanner.png') no-repeat left top;
	height: 440px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 0;
	/* bottom layout */
}

.headerLCourses {
	background: #009999;
	background: linear-gradient(rgba(255, 255, 255, 0.8), /* #355c7d */
	rgba(255, 255, 255, 0.4), /* #6c5b7b */
	rgba(255, 255, 255, 0.8)
	/* #c06c7b */
	), url('../images/DigitalTechnology.jpg') no-repeat left top;
	height: 440px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 0;
	/* bottom layout */
}

.headerCareer {
	background: #009999;
	/* background:
        linear-gradient(rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0)
        ), url('../images/careerhelp3.png') no-repeat left top; */
	background-image: url('../images/careerhelp2.png');
	height: 440px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 0;
	/* bottom layout */
}

.headerFAQs {
	background: #009999;
	background: linear-gradient(rgba(255, 255, 255, 0.8), /* #355c7d */
	rgba(255, 255, 255, 0.4), /* #6c5b7b */
	rgba(255, 255, 255, 0.8)
	/* #c06c7b */
	), url('../images/FAQ.jpg') no-repeat left top;
	height: 440px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 0;
	/* bottom layout */
}

.headerOurStory {
	background: #009999;
	background: linear-gradient(rgba(255, 255, 255, 0.8), /* #355c7d */
	rgba(255, 255, 255, 0.4), /* #6c5b7b */
	rgba(255, 255, 255, 0.8)
	/* #c06c7b */
	), url('../images/aboutus1.png') no-repeat left top;
	height: 440px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 0;
	/* bottom layout */
}

.headerNewsNEvents {
	background: #009999;
	background: url('../images/mindsetnewsandevents.jpg') no-repeat center center;
	height: 440px;
	width: auto;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 0;
	/* bottom layout */
}

.headerContactUs {
	background: #009999;
	/* background:
      linear-gradient(rgba(255, 255, 255, 0.8),
          rgba(255, 255, 255, 0.4),
          rgba(255, 255, 255, 0.8)
      ),
      url('../images/contactus1250x250.png') no-repeat left top; */
	background-image: url('../images/contactus1250x250.png');
	height: 440px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 0;
	/* bottom layout */
}

.headerRecruiters {
	background: #009999;
	background: linear-gradient(rgba(0, 0, 0, 0.1), /* #355c7d */
	rgba(255, 255, 255, 0.4), /* #6c5b7b */
	rgba(255, 255, 255, 0.8)
	/* #c06c7b */
	), url('../images/Industries.jpg') no-repeat left top;
	height: 440px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 0;
	/* bottom layout */
}

.headerBlog {
	background: #009999;
	background: linear-gradient(rgba(255, 255, 255, 0.8), /* #355c7d */
	rgba(255, 255, 255, 0.4), /* #6c5b7b */
	rgba(255, 255, 255, 0.8)
	/* #c06c7b */
	), url('../images/Blog.jpg') no-repeat left top;
	//background-image: url('../images/Blog.jpg');
	height: 440px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 0;
	/* bottom layout */
}

.headerInstitutions {
	background: #009999;
	background: linear-gradient(rgba(0,153,153, 0.3), /* #355c7d */
	rgba(0,153,153, 0.3), /* #6c5b7b */
	rgba(0,153,153, 0.3)
	/* #c06c7b */
	), url('../images/Academia.jpg') no-repeat left top;
	height: 440px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 0;
	/* bottom layout */
}

#header2 .caption {
	z-index: 5;
	text-align: left;
	color: #333;
}

#header2 .caption .title {
	margin-bottom: 1.5rem;
}

#header2 .caption .text {
	margin-bottom: 2rem;
}

#header2 .caption .action {
	display: flex;
	margin-bottom: 1rem;
	margin-left: 15%;
	width: 70%;
}


/*=== Large devices (desktops, 992px and up) ===*/

@media (min-width: 992px) {
	#header2 .caption {
		text-align: left;
	}
	#header2 .caption .action {
		display: flex;
		margin-bottom: 1rem;
		margin-left: 0%;
		width: 80%;
	}
}


/*------------Header Latest Styles END-------------*/


/*--------------Header Styles END-------------------*/

main {
	margin-bottom: 6rem;
}

#containerC {
	background-color: white;
	height: 200px;
	width: 400px;
	margin: 100px auto;
	border: 3px dashed #ff0057;
	color: #333;
	padding: 3px 6px;
	font-weight: bold;
	/*shadow*/
	-webkit-box-shadow: 2px 2px 2px #333;
	-moz-box-shadow: 2px 2px 2px #333;
	box-shadow: 2px 2px 2px #333;
	/*rounded corners*/
	/*-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;*/
}

#containerS {
	/*stitching*/
	outline: 2px dashed #FFC100;
	outline-offset: -5px;
	background-color: #ff0057;
	height: 200px;
	width: 400px;
	margin: 100px auto;
	padding: 6px 11px;
	font-weight: bold;
	/*shadow*/
	-webkit-box-shadow: 2px 2px 2px #333;
	-moz-box-shadow: 2px 2px 2px #333;
	box-shadow: 2px 2px 2px #333;
}


/*--- navigation bar ---*/


/*#Analogous colors of #009999 are #004c99 (blue),	#00994d (green), 	#990099(purple)*/


/*Light shade of #009999 is #99D6D6 another lighter shade is #e5f4f4*/


/*Check this blue shade #00c4fd*/


/*Teal: #009999 rgb(0,153,153); Yellow: #FFC100 rgb(255,193,0); Red: #ff0057 rgb(255,0,9)*/

.navbar {
	background: #ffffff;
}

.nav-link,
.navbar-brand {
	color: #333;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
}

.nav-link {
	/* margin-right: 0.8em !important; */
	padding: 8px 13px !important;
	letter-spacing: 0.02em;
}

.nav-link:hover {
	color: #333;
	background: #FFC100;
}


/* 
.navbar-collapse {
	justify-content: flex-end;
} */

.navbar .nav-item .dropdown-menu .dropdown-item {
	color: #333;
	font-size: 14px;
	font-weight: 600;
}

.navbar .nav-item .dropdown-menu a.dropdown-item:hover {
	color: #333;
	background: #FFC100;
}

@media (max-width: 768px) {
	.navbar-collapse {
		background-color: #f0f0f0;
		padding: 10px;
		text-align: right;
		margin-left: 35%;
	}
	.navbar .nav-item .dropdown-menu .dropdown-item {
		text-align: right;
	}
}


/* ============ desktop view ============ */


/*
@media all and (min-width: 992px) {
  .navbar .nav-item .dropdown-menu{ display: none; }
  .navbar .nav-item:hover .nav-link{ color: #333; background: #FFC100;  }
  .navbar .nav-item:hover .dropdown-menu{ display: block; }
  .navbar .nav-item .dropdown-menu{ margin-top:0; }
}*/


/* ============ desktop view .end// ============ */


/*--- header ---*/


/* .header {
	background-image: url('../images/DigitalBanner.png');
	background-size: cover;
	background-position: center;
  position: relative;
  height: 400px;
} */

.header5 {
	background-image: url('../images/TechnologyBanner.png');
	background-size: cover;
	background-position: center;
	position: relative;
	height: 400px;
}

.bg-overlay {
	background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("../images/TechnologyBanner.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	color: #fff;
	height: 450px;
	padding-top: 50px;
}

.headerAboutUs {
	background-image: url('../images/passionledushere.jpg');
	background-size: cover;
	background-position: center;
	position: relative;
	height: 440px;
}

.headerHire {
	/*background-image: url('../images/Recruiters.jpg');
	background-size: cover;
	background-position: center;
  position: relative;
  height: 440px;*/
	background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("../images/Recruiters.jpg");
	background-size: cover;
	height: 60vh;
}

.headerCareerHelp {
	background-image: url('../images/CareerHelp.jpg');
	background-size: cover;
	background-position: center;
	position: relative;
	height: 440px;
}

.headerCourses {
	background-image: url('../images/Recruiters.jpg');
	background-size: cover;
	background-position: center;
	position: relative;
	height: 440px;
}

.headerLrngExperience {
	/*background-image: url('../images/Recruiters.jpg');
	background-size: cover;
	background-position: center;
  position: relative;
  height: 440px;*/
	background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("../images/SuccessionPlanning.png");
	background-size: cover;
	height: 60vh;
}

.blur {
	/* background-color: rgba(255, 255, 255, 0.8); */
	opacity: 1;
	color: #ffffff;
	height: 440px;
	left: 0;
	top: 0;
}

.blur5 {
	/* background-color: rgba(240, 240, 240, 0.9); */
	opacity: 1;
	color: #ffffff;
	height: 440px;
	left: 0;
	top: 0;
}


/*
.overlay {
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.4);
}*/

overlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: black;
	background: rgba(0, 0, 0, 0.4);
	filter: blur(4px);
	-o-filter: blur(4px);
	-ms-filter: blur(4px);
	-moz-filter: blur(4px);
	-webkit-filter: blur(4px);
}


/*.description {
	left: 50%;
	position: absolute;
	top: 45%;
	transform: translate(-50%, -55%);
	text-align: center;
}*/

.description {
	position: absolute;
	left: 50%;
	top: 48%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 80%;
	/*padding: 20px;
  text-align: center;*/
}

.description h1 {
	color: #333;
	font-size: 3.5rem;
}

.description p {
	color: #ffffff;
	font-size: 1.3rem;
	line-height: 3.5;
	font-weight: 600;
}


/*.description button {
	border: 1px solid #009999;
	background: #009999;
	border-radius: 0;
	color: #ffffff;
}

.description button:hover {
	border: 1px solid #ffffff;
	background: #ffffff;
	color: #333;
}*/

.headerTitleOnly {
	color: #333;
	font-size: 2.2rem;
	font-weight: 700;
	margin-bottom: 20px;
}

.headerTitle {
	color: #333;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 50px;
}

.headerSubTitle {
	color: #333;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0.09em;
	margin-bottom: 30px;
}

.contactTitleBlack {
	color: #333;
	font-size: 2rem;
	font-weight: 400;
	margin-bottom: 20px;
	line-height: 50px;
}

.contactTitleSmallBlack {
	color: #333;
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 20px;
	line-height: 50px;
	text-decoration-color: #FFC100;
}

.contactSubTitleBlack {
	color: #333;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0.09em;
	margin-top: 20px;
	margin-bottom: 20px;
}

.contactTitleWhite {
	color: #fff;
	font-size: 2rem;
	font-weight: 400;
	margin-bottom: 20px;
	line-height: 50px;
}

.contactSubTitleWhite {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0.09em;
	margin-top: 20px;
	margin-bottom: 20px;
}

sub {
	font-size: 95%;
	bottom: -.15em;
}

.form-group {
	margin-bottom: 1.0rem;
	margin-top: 1.0rem;
}


/*--- feature section ---*/

.features {
	margin: 1em auto;
	padding: 1em;
	position: relative;
}

.feature-title {
	color: #333;
	font-size: 1.3rem;
	font-weight: 700;
	margin-bottom: 20px;
	/*text-transform: uppercase;*/
}

.features img {
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
	margin-bottom: 16px;
	width: 100%;
	height: 140px;
}

.features .form-control,
.features input {
	border-radius: 0;
}


/*.page-header .btn {
	background-color: #009999;
	border: 1px solid #009999;
	color: #ffffff;
	margin-bottom: 2em;
}

.features .btn {
	border: 1px solid #ff0057;
	margin-bottom: 2em;
}

.features .btn:hover {
	background-color: #ff0057;
	border: 1px solid #ff0057;
}*/


/*Training Models*/

.trngCategories-header {
	color: #ffffff;
	margin-top: 1em;
	margin-bottom: 1em;
}

.trngCategories img {
	width: 65px;
	height: 50px;
	margin-bottom: 2em;
}

.trngCategories-title {
	color: #ffffff;
	font-size: 1.3rem;
	font-weight: 700;
	margin-bottom: 2em;
}

.trngCategories p {
	color: #ffffff;
	margin-bottom: 2em;
}

.trngCategories a {
	color: #ffffff;
	margin-bottom: 2em;
}


/*We Help*/

.weHelp-header {
	/*color: #ffffff;*/
	margin-top: 2em;
	margin-bottom: 1em;
}

.weHelp img {
	/*color: #ffffff;*/
	margin-bottom: 2em;
}

.weHelp-title {
	color: #333;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 2em;
}


/*--- footer ---*/

.page-footer {
	background-color: #009999;
	color: #ffffff;
	padding: 30px 0 30px;
}

.footer-copyright {
	color: #ffffff;
	/*padding: 40px 0;*/
}

.sticky-foot {
	width: 100%;
	background: #333;
	position: fixed;
	bottom: 0;
	z-index: 9999;
}

.sticky-foot ul {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px !important;
	padding: 0;
	text-align: center;
}

.sticky-foot ul li {
	display: inline-block;
	border-right: 1px solid #333;
	width: 33%;
	position: relative;
}

.sticky-foot ul li:last-child {
	border: none;
}

.sticky-foot ul li a,
.sticky-foot ul li span {
	color: #ffffff;
	text-decoration: none;
	padding: 8px;
	display: block;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	transition: all .3s ease 0s;
}

.sticky-form {
	background: #f6f6f6 none repeat scroll 0 0;
	bottom: 25px;
	box-shadow: 1px 0 8px #ccc;
	left: -3px;
	position: absolute;
	width: 101%;
	display: none;
}


/*--- media queries ---*/

@media (max-width: 575.98px) {
	.description {
		left: 0;
		padding: 0 15px;
		position: absolute;
		top: 10%;
		transform: none;
		text-align: center;
	}
	.description h1 {
		font-size: 2em;
	}
	.description p {
		font-size: 1.2rem;
	}
	.features {
		margin: 0;
	}
}


/*------------- Form ---------------*/

.nb-form {
	position: fixed;
	z-index: 9999;
	width: 300px;
	background: #ffffff;
	/*right: 20px;*/
	bottom: -411px;
	transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s;
	border-radius: 10px 10px 0 0;
	/*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);*/
}

.nb-form:hover {
	bottom: 0px;
}


/*-- User Icon --*/

.nb-form .user-icon {
	position: absolute;
	top: -49px;
	right: 12px;
	display: block;
	width: 58px;
	margin: 20px auto 15px;
	border-radius: 100%;
}


/*-- Title --*/

.nb-form .title {
	background: #333;
	font-size: 16px !important;
	padding: 18px !important;
	color: #ffffff !important;
	/*border-radius: 10px 10px 0 0;*/
}


/*-- Text --*/

.nb-form p {
	font-size: 13px;
	margin: 0;
	padding: 15px;
	color: #333;
}

.nb-form p.message {
	margin-left: 7px;
}


/*-- Form Elements --*/

.nb-form form {
	padding: 0 15px 15px 15px;
}

.nb-form input,
.nb-form textarea {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	width: 254px;
	max-width: 254px;
	margin-bottom: 10px;
	margin-left: 7px;
	padding: 6px;
	border: none;
	border-radius: 4px;
	color: #999;
	border-bottom: 1px solid #f0f0f0;
}

.nb-form input:focus,
.nb-form textarea:focus {
	outline: none;
	box-shadow: none;
}

.nb-form input[type='submit'] {
	display: block;
	width: 120px;
	margin: 0 auto;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	cursor: pointer;
	transition: all .4s ease;
	color: #ffffff !important;
	border: none;
}

.nb-form input[type='submit']:hover {
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.07), 0 1px 7px 0 rgba(0, 0, 0, 0.02), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
}

.nb-form textarea {
	min-height: 110px;
}

.nb-form ::-webkit-input-placeholder {
	color: #ccb0b0;
}

.nb-form ::-moz-placeholder {
	color: #ccb0b0;
}

.nb-form :-ms-input-placeholder {
	color: #ccb0b0;
}

.nb-form :-moz-placeholder {
	color: #ccb0b0;
}

.nb-form input[type='submit'] {
	background: #03a9f4;
}

@media screen and (max-width: 676px) {
	.nb-form:hover .user-icon {
		display: none;
	}
	.nb-form .message {
		display: none;
	}
	.nb-form form {
		padding-top: 15px;
	}
	.nb-form {
		right: 50%;
		bottom: -320px;
		left: 50%;
		transform: translateX(-50%);
	}
}


/*Flowchart START*/

.text-wrap {
	white-space: normal;
}


/*Flowchart END*/

.objective_area {
	padding: 0;
	margin-bottom: 2px;
	/*min-height: 100px;*/
	border-bottom: 0px solid #e5e5e5;
}

.objective_left {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	width: 10%;
	height: 55px;
	background: #009999;
	text-align: center;
}

.cmmndHeader {
	font-size: 15px;
	font-weight: bold;
}

.objective_left P {
	margin: 11px;
}

.cmmndBody {
	font-size: 13px;
}

.objective_right P {
	margin: 0px;
}

.objective_right {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	width: 90%;
	height: 55px;
	background: rgb(217, 217, 214);
}


/*.objective_left {
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
  width: 15%;
  height: 100px;
  background: #009999;         
}
.objective_left P {
  margin: 20px;
  padding: 15px;
  font-size:33px;
}
.objective_right {
  position: relative;
  float: left;
  padding: 0;
  margin: 0;

  width: 85%;
  height: 100px;
  background: rgb(217, 217, 214);
}*/

.blog-shadow-medium {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 2px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.15);
}

.blog-shadow-big {
	/*width: 33% !important;*/
	height: 270px;
	padding-top: 20px;
	line-height: 20px !important;
	margin-bottom: 30px;
	margin-top: 30px;
	box-sizing: border-box;
	margin-left: 0px;
	margin-right: 0px;
}

.blog-realistic-shadow-box {
	background-color: #ffffff;
	line-height: 76px;
	border-radius: 3px;
	/*margin-left: 60px;*/
	display: inline-block;
	color: #333;
	/*width: 100px;
  height: 80px;*/
	text-align: center;
	font-size: 18px;
	/*margin-top: 50px;*/
	box-shadow: 0 1px 1px rgba(0, 153, 153, 0.15), 0 2px 2px rgba(0, 153, 153, 0.15), 0 4px 4px rgba(0, 153, 153, 0.15), 0 8px 8px rgba(0, 153, 153, 0.15), 0 16px 16px rgba(0, 153, 153, 0.15);
}

.blog-shadow-label {
	font-size: 13px;
	color: #666;
	display: none;
}

.optnIcons {
	color: #666;
	font-size: 50px;
	border: 2px solid #666;
	padding: 15px;
	border-radius: 200px;
}

.btn-outline-secondary {
	background-color: #ff0057 !important;
	color: #ffffff !important;
}
.btn-info {
	color: #fff;
	background-color: #009999;
}
.btn-outline-info {
	/*background-color: #ff0057;*/
	/* border: 1px solid #ff0057; */
	color: #fff;
	background-color: #009999;
	border-radius: 0px;
}

.btn-outline-info:hover {
	background-color: #ff0057;
	color: #ffffff;
}

.btn-outline-secondary {
	border: 1px solid #ff0057;
	color: #ff0057;
}

.btn-outline-secondary:hover {
	background-color: #ff0057;
	color: #ffffff;
}

.btnSiemens {
	border: 1px solid #009999;
	color: #ff0057;
}

.btnSiemens:hover {
	background-color: #009999;
	color: #ffffff;
}

.btnRedTeal {
	background-color: #ff0057;
	color: #ffffff;
}

.btnRedTeal:hover {
	background-color: #ff0057;
	color: #ffffff;
}

.btnRedTealBorder {
	border: 1px solid #ff0057;
	color: #ff0057;
}

.btnRedTealBorder:hover {
	background-color: #ff0057;
	color: #ffffff;
}

.thumbnailCourse {
	background-color: #ffffff;
	box-shadow: 0px 4px 6px 0px rgba(34, 34, 34, 0.2);
	float: left;
	transition: all .3s;
	width: 100%;
	margin-bottom: 3rem;
}

.thumbnailCourse img {
	height: 200px;
}

.thumbnailCourse .caption {
	padding: 9px;
	color: #333;
	min-height: 80px;
}


/*------------------------------------------------------------------*/


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/

section {
	padding: 72px 0px 0px 0px;
}

.section-bg {
	background-color: #fff;
}


/*section .section-title {
  text-align: center;
  color: #333;
  margin-bottom: 50px;
  text-transform: uppercase;
}*/

.section-title {
	text-align: center;
	padding-bottom: 30px;
}

.section-title h2 {
	font-size: 28px;
	font-weight: 400;
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
}

.section-title h2::before {
	content: '';
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background: #ff0057;
	/*#ddd;*/
	bottom: 1px;
	left: calc(50% - 60px);
}

.section-title h2::after {
	content: '';
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background: #009999;
	/*#68A4C4*/
	bottom: 0;
	left: calc(50% - 20px);
}

.section-title p {
	margin-bottom: 0;
}

#footer {
	/*background:  rgba(0,153,153,0.20);*/
	background: #009999;
	/* margin-top:80px; */
}

#footer h5 {
	padding-left: 10px;
	border-left: 3px solid #ffffff;
	padding-bottom: 6px;
	margin-bottom: 20px;
	color: #ffffff;
	/*333;*/
}

#footer h6 {
	color: #ffffff !important;
}

#footer a {
	color: #ffffff;
	text-decoration: none !important;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

#footer ul.social li {
	padding: 3px 0;
}

#footer ul.social li a i {
	margin-right: 5px;
	font-size: 25px;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}

#footer ul.social li:hover a i {
	font-size: 30px;
	margin-top: -10px;
}

#footer ul.social li a,
#footer ul.quick-links li a {
	color: #ffffff;
}

#footer ul.social li a:hover {
	color: #ffffff;
}

#footer ul.quick-links li {
	padding: 3px 0;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}

#footer ul.quick-links li:hover {
	padding: 3px 0;
	margin-left: 5px;
	font-weight: 700;
}

#footer ul.quick-links li a i {
	margin-right: 5px;
}

#footer ul.quick-links li:hover a i {
	font-weight: 700;
}

@media (max-width:767px) {
	#footer h5 {
		padding-left: 0;
		border-left: transparent;
		padding-bottom: 0px;
		margin-bottom: 10px;
	}
}


/*------------About US START-----------------*/


/*2-image-col.htm*/

.thumb-gallery {
	padding-left: 250px;
	line-height: 0;
	position: relative;
	margin-bottom: 60px;
}

.thumb-gallery__content {
	opacity: 1;
	-webkit-transition: opacity .25s ease;
	-moz-transition: opacity .25s ease;
	-ms-transition: opacity .25s ease;
	-o-transition: opacity .25s ease;
	transition: opacity .25s ease;
	font-size: 1.0625rem;
	letter-spacing: .08em;
	position: absolute;
	top: 100px;
	left: 0;
	width: 500px;
	color: #333;
	z-index: 5;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 20px 10px;
	border: 1px solid #FFC100;
}

.thumb-gallery__date {
	font-weight: 700;
	font-size: inherit;
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
	font-size: 18px;
}

.thumb-gallery__date:after {
	position: absolute;
	display: block;
	width: 30px;
	bottom: 0;
}

.thumb-gallery__date:after,
.title-section--separator:after {
	content: "";
	background-color: #ff0057;
	height: 2px;
}

.thumb-gallery__number {
	font-weight: bold;
	color: #ff0057;
	font-size: inherit;
}

.thumb-gallery__description {
	font-weight: 400;
	line-height: 23px;
	font-size: inherit;
}

.thumb-gallery__image {
	/*opacity: .5;
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    -ms-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    transition: opacity .25s ease;*/
	height: 300px;
	width: 100%;
	border: 1px solid #ff0057;
}


/*------------About US END-----------------*/


/*------------Recruiters Design 1 START-----------------*/


/*3_diffrent.htm*/

.post-style-one {
	position: relative;
	margin-bottom: 35px;
}

.post-style-one .inner-box {
	position: relative;
	background-color: #ffffff;
	border: 1px solid #FFC100;
	/*#FFC100,#ffdd56,#e1e1e1;*/
}

.post-style-one.left-image .inner-box .content-box:after {
	position: absolute;
	content: '';
	left: -24px;
	top: 50%;
	border-top: 20px solid transparent;
	border-right: 25px solid #ffffff;
	border-bottom: 20px solid transparent;
	margin-top: -20px;
}

.post-style-one.rigth-image .inner-box .content-box:after {
	position: absolute;
	content: '';
	right: -28px;
	top: 50%;
	border-top: 20px solid transparent;
	border-left: 30px solid #ffffff;
	border-bottom: 20px solid transparent;
	margin-top: -20px;
}

.post-style-one.top-image .inner-box .content-box:after {
	position: absolute;
	content: '';
	left: 50%;
	top: -25px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 30px solid #ffffff;
	margin-left: -20px;
}

.post-style-one .inner-box .inner-column {
	position: relative;
	padding: 0px;
}

.post-style-one .inner-box .image-box {
	position: relative;
}

.post-style-one .inner-box .image-box img {
	position: relative;
	width: 100%;
	display: block;
}

.post-style-one .inner-box .content-box {
	position: relative;
	padding: 30px 40px 20px;
}

.post-style-one .inner-box .content-box .title {
	position: relative;
	color: #333;
	font-size: 24px;
	font-weight: 700;
	line-height: 26px;
	/*padding-left: 84px;*/
	text-transform: uppercase;
}

.post-style-one .inner-box .content-box .title .date {
	position: absolute;
	left: 0px;
	top: 0px;
	color: #ff3d54;
	font-size: 30px;
	font-weight: 400;
	width: 62px;
	line-height: 23px;
	text-align: left;
	text-transform: uppercase;
	padding-right: 15px;
	border-right: 3px solid #e7ebee;
}

.post-style-one .inner-box .content-box .title .date span {
	position: relative;
	font-size: 20px;
	font-weight: 700;
}

.post-style-one .inner-box .content-box .text {
	font-size: 18px;
	color: #333;
	font-weight: 600;
	margin: 25px 0px;
	line-height: 1.6em;
}

.post-style-one .inner-box .content-box a {
	padding: 5px 22px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 10px;
}

.post-style-one .inner-box .content-box a:last-child {
	margin-right: 0px;
}

.post-style-one.style-two {
	position: relative;
}

.post-style-one.style-two .content-box .title {
	font-weight: 400;
	font-size: 24px;
	text-transform: capitalize;
}

.post-style-one.style-two .content-box .title span {
	color: #d3d7dc;
}

.post-style-one.style-two .content-box .btn-style-four {
	background: none;
}

figure {
	margin: 0 !important;
}

.btn-style-two {
	position: relative;
	padding: 10px 23px;
	line-height: 26px;
	background: #ff3d54;
	font-size: 15px;
	color: #ffffff;
	text-transform: uppercase;
	border: 2px solid transparent;
}

.btn-style-two:hover {
	background: none;
	border-color: #ff3d54;
	color: #ff3d54;
	text-decoration: none;
}

.btn-style-four {
	position: relative;
	padding: 10px 23px;
	line-height: 26px;
	background: #f2f2f2;
	font-size: 14px;
	color: #333;
	text-transform: uppercase;
	border: 2px solid transparent;
}

.btn-style-four:hover {
	background: none;
	border-color: #333;
	color: #333;
	text-decoration: none;
}


/*------------Recruiters Design 1 END-----------------*/

/*------------Recruiters Design 2 END-----------------*/
#cards_wrap{
  /* text-align: center; */
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  margin-bottom: 3em;
}
/* #cards_wrap .container{
  padding-top: 90px; 
  padding-bottom: 100px; 
  padding: 0px 40px;
  margin-bottom: 2em;
}
#cards_wrap .icon-box i {
  font-size: 70px;
  margin-bottom: 40px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
} */
.cardInd{
  height: 100%;
  border-radius: 5px;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.25);
  border-radius: 8px
}
/* .card:hover {
	border: 2px solid #ff0057;
} */

/* .cardInd .inner-box i:before {
  border-radius: 50%;
  padding: 30px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.cardInd:hover .inner-box i:before{
  background: -webkit-linear-gradient(50deg, #2096ff, #05ffa3) !important;
  background: -o-linear-gradient(50deg, #2096ff, #05ffa3) !important;
  background: linear-gradient(40deg, #2096ff, #05ffa3) !important;
  color: #FFFFFF;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
} */
.cardInd{
  background: #FFFFFF;
  padding: 30px 40px 5px 40px;
  border-radius: 5px;
  margin-top: 25px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
/* .cardInd:hover{
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  margin-top: 50px;
  cursor: pointer;
} */
.cardInd p{
  margin-bottom: 10px;
  padding-bottom: 0px;
}
.cardInd img{
  margin-bottom: 20px;
}
.cardInd h6{
  margin-bottom: 15px !important;
}
.cardInd h4{
  text-align: center;
  margin-bottom: 25px;
  text-transform: uppercase;
  letter-spacing: 2px; 
  letter-spacing: 2px; 
  text-transform: uppercase;
  font-size: 1.3rem;
}
.cardInd ul{
  margin-bottom: 0px;
  padding-left: 15px;
}
/* .card span{
  font-weight: bold;
  font-size: 15px;
} */
.cardInd #direction{
  margin-bottom: 18px;
  padding-bottom: 0px;
}
.cardInd .inline-right:before {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 0;
    content: " ";
    width: 120px;
    height: 120px;
    background: #f5f5f5;
    border-bottom-left-radius: 136px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
.cardInd .icon {
	margin: 0;
	text-align: center;
	float: right;
    display: inline-block;
    overflow: hidden;
	position: relative;
}
.cardInd .sub-title {
    color: #333;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin-top: 0;
    position: relative;
    padding-bottom: 15px;
	margin-bottom: 25px;
	text-align: left;
}
.cardInd .sub-title:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100px;
    height: 3px;
	border-radius: 25%;
	background: #009999;
}
.cardInd .sub-title-text {
    color: #333;
    font-size: 1rem;
	font-weight: 600;
	margin-bottom: 15px;
}
.indLinks {
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	background: #ff0057;
	padding: 0px 5px 2px;
	letter-spacing: 0.06em;
}
.indLinks:hover {
	color: #333;
	background-color: #FFC100;
	/* font-size: 18px; */
}
.key-differentiators-box {
  background: #f1f1f1;
  border-radius: 8px;
  height: 100%;
}
.key-differentiators-img {
  padding: 10px;
  background-color: #009999;
  border-radius: 8px 8px 0 0;
  width: 100%;
  text-align: center;
  /* width: 100px; */
}
@media screen and (min-width: 576px) {
.key-differentiators-img {
    border-radius: 8px 0 0 8px;
    width: 110px;
}
}
.key-differentiators-img img {
  max-width: 68px;
  align-self: center;
  vertical-align: middle;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  display: inline-block;
  border: none;
}
.key-differentiators-content p{
  padding: 15px 30px;
  width: 100%;
  align-self: center;
  font-size: 17px;
}
/*------------Recruiters Design 2 END-----------------*/

/*------------Career START-----------------*/

.CareerLinks {
	color: #333;
	font-size: 18px;
	font-weight: 500;
	/* text-decoration-line: underline; */
}

.CareerLinks:hover {
	color: #333;
	background-color: #FFC100;
	font-size: 18px;
}

.experiences .timeline {
	position: relative;
	width: 100%;
	padding-top: 40px;
	margin-top: 40px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.experiences .timeline h3,
.experiences .timeline p {
	color: #fff;
	font-weight: 600;
}

.experiences .timeline::before {
	position: absolute;
	content: "";
	left: 50%;
	width: 4px;
	margin-left: -2px;
	top: 0;
	height: 100%;
	background: #333;
	border-radius: 2px;
}

.experiences .timeline .timeline-block {
	position: relative;
	margin-bottom: 40px;
}

.experiences .timeline .timeline-block .icon {
	background: #333;
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	margin-left: -25px;
	border-radius: 50%;
}

.experiences .timeline .timeline-block .icon i {
	color: #fff;
	font-size: 2rem;
	line-height: 50px;
}

.experiences .timeline .timeline-block .content {
	width: 44%;
	border: 1px solid #222;
	padding: 20px;
	color: #222;
	background: #222;
	text-align: left;
	background-image: url("../images/compass-2646437_1280.jpg");
}

.experiences .timeline .timeline-block .content h3 {
	margin: 0 auto;
	text-transform: uppercase;
	font-weight: 800;
	display: inline-block;
}

.experiences .timeline .timeline-block .content span.duration {
	color: #b3b3b3;
	display: inline-block;
	margin: 5px;
}

.experiences .timeline .timeline-block .content span.job-title {
	font-size: 0.95em;
	display: block;
	color: #aaa;
	text-transform: capitalize;
	margin-bottom: 15px;
}

.experiences .timeline .timeline-block .content::before {
	position: absolute;
	content: "";
	left: 44%;
	top: 10px;
	height: 0;
	width: 0;
	border-left: 15px solid #222;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

.experiences .timeline .timeline-block .content.right::before {
	content: "";
	right: 44%;
	left: inherit;
	border-right: 15px solid #222;
	border-left: none;
}

.right {
	float: right;
}

backimg {
	background-image: url('../images/CareerCounselling.png');
}

@media (max-width: 767px) {
	/* Start  Experiences section */
	.experiences .timeline .timeline-block .content {
		width: 100%;
		margin-top: 63px;
	}
	.experiences .timeline .timeline-block .content::before,
	.experiences .timeline .timeline-block .content.right::before {
		left: 50%;
		top: 33px;
		margin-left: -15px;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid #222;
	}
}

.categoryHeader p {
	font-size: 55px;
	font-weight: 900;
	position: absolute;
	top: 42%;
	letter-spacing: 0.1em;
	line-height: 60px;
	/*border-bottom: 8px solid #FFC100;*/
	text-decoration-line: underline;
	text-decoration-style: double;
	text-decoration-color: #FFC100;
}

.categorySubHeader p {
	font-size: 20px;
	font-weight: 600;
}

.categoryDetails p {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.1em;
	margin-top: 3rem;
	margin-bottom: 3rem;
}


/*------------Career END-----------------*/


/*------------Our Story START--------------*/

nav>.nav.nav-tabs {
	border: none;
	color: #fff;
	background: #009999;
	border-radius: 0;
}

nav>div a.nav-item.nav-link {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 14px 2px;
	color: #fff;
	background: #009999;
	border-radius: 0;
	font-size: 1.0625rem;
	font-weight: 500;
	letter-spacing: 0.02;
}

nav>div a.nav-item.nav-link.active {
	border: none;
	padding: 14px 2px;
	color: #fff;
	background: #ff0057;
	border-radius: 0;
}

nav>div a.nav-item.nav-link.active:after {
	content: "";
	position: relative;
	bottom: -49px;
	left: -10%;
	border: 15px solid transparent;
	border-top-color: #ff0057;
}

.tab-content {
	/* background: #fdfdfd; */
	box-shadow: rgba(0, 153, 153, 0.09);
	line-height: 25px;
	/* border: 1px solid #ddd;
    border-top:5px solid #ff0057;
    border-bottom:5px solid #ff0057; */
	padding: 15px 25px;
}

nav>div a.nav-item.nav-link:hover,
nav>div a.nav-item.nav-link:focus {
	border: none;
	background: #ff0057;
	color: #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-radius: 0;
	transition: background 0.20s linear;
}

@media all and (max-width:724px) {
	nav>div a.nav-item.nav-link.active:after {
		display: none;
	}
}


/*----------2nd design------------*/


/*
.main-timeline{
  position: relative;
}
.main-timeline:after{
  content: '';
  display: block;
  clear: both;
}
.main-timeline .timeline{
  width: 90%;
  margin: 30px 10px 30px 0;
  float: left;
}
.main-timeline .timeline-content{
  color: #222;
  background: linear-gradient(to right,#ff0057,#ff0057);
  text-align: center;
  padding: 75px 30px 30px;
  display: block;
  position: relative;
  z-index: 1;
}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-content:before{
  content: '';
  background: #fff;
  border-radius: 60px 0 60px 0;
  position: absolute;
  left: 1px;
  top: 1px;
  bottom: 1px;
  right: 1px;
  z-index: -1;
}
.main-timeline .timeline-icon{
  color: #fff;
  background: linear-gradient(125deg, #ff0057 50%, #ff0057 51%);
  font-size: 25px;
  line-height: 50px;
  height: 60px;
  width: 60px;
  position: absolute;
  top: 10px;
  left: 30px;
  z-index: 1;
  clip-path: polygon(100% 0, 100% 100%, 50% 80%, 0 100%, 0 0);
  display: none;
}
.main-timeline .title{
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 7px;
}
.main-timeline .description{
  font-size: 14px;
  letter-spacing: 1px;
  margin: 0;
}
.main-timeline .timeline:nth-child(even){
  float: right;
  margin: 0 0 30px 10px;
}
.main-timeline .timeline:nth-child(even) .timeline-content:before{ border-radius: 0 60px 0 60px; }
.main-timeline .timeline:nth-child(even) .timeline-icon{
  left: auto;
  right: 30px;
}
.main-timeline .timeline:nth-child(4n+2) .timeline-content{
  background: linear-gradient(to right,#FFC100,#FFC100);
}
.main-timeline .timeline:nth-child(4n+2) .timeline-icon{
  background: linear-gradient(125deg, #FFC100 39%, #FFC100 40%);
}
.main-timeline .timeline:nth-child(4n+3) .timeline-content{
  background: linear-gradient(to right,#009999,#009999);
}
.main-timeline .timeline:nth-child(4n+3) .timeline-icon{
  background: linear-gradient(125deg, #009999 39%, #009999 40%);
}
.main-timeline .timeline:nth-child(4n+4) .timeline-content{
  background: linear-gradient(to right, #3fb1ea,#3DA6DC);
}
.main-timeline .timeline:nth-child(4n+4) .timeline-icon{
  background: linear-gradient(125deg, #3fb1ea 39%, #3DA6DC 40%);
}
@media screen and (max-width:767px){
  .main-timeline .timeline,
  .main-timeline .timeline:nth-child(even){
      width: 100%;
      float: none;
      margin: 0 0 30px;
  }
}
@media screen and (max-width:567px){
  .main-timeline .title{ font-size: 18px; }
}
*/


/*----------3rd design------------*/

.about {
	background-color: #efefef;
	position: relative;
	margin-top: 38px;
	margin-bottom: 68px;
}

.imgAbout {
	background-image: url(../images/aboutus.jpg);
	background-position: 50% 20%;
	background-size: cover;
	display: block;
	min-height: 300px;
	position: static;
	width: 100%;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 50%;
	z-index: 11;
}

.lightGrey {
	background: #efefef;
	/*padding-top:50px;
padding-bottom:50px;*/
}

.shortBtn {
	display: block;
	position: absolute;
	right: 50%;
	top: 150px;
	/*width: 55px;*/
}

.download,
.download span,
.download i {
	background: #333333;
	/*#03CC85;*/
}

.print,
.print span,
.print i {
	background-color: #FFC100;
	/*#343434;*/
}

.print i,
.download i {
	color: #ffffff;
	display: block;
	font-size: 1.0625rem;
	height: 45px;
	line-height: 45px;
	position: relative;
	text-align: center;
	z-index: 13;
	margin-bottom: 6px;
	padding-right: 10px;
}

.print span,
.download span {
	color: #FFFFFF;
	font-size: 15px;
	height: 45px;
	line-height: 45px;
	/* opacity: 1; */
	overflow: hidden;
	/*padding: 0 16px;*/
	padding-left: 10px;
	padding-right: 35px;
	position: absolute;
	right: 0;
	/* -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; */
	width: 160px;
	z-index: 12;
	text-align: right;
	font-weight: 600;
	font-size: 1.0625rem;
}


/*.print:hover span {
  margin-right: 20px;
  opacity: 1;
  width: 170px;
  box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */


/*}
.download:hover span {
  margin-right: 20px;
  opacity: 1;
  width: 170px;
  box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */


/*}*/

.aboutContent {
	margin-left: 50%;
	padding-left: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.aboutTitle h1 {
	color: #343434;
	text-transform: uppercase;
	/* font-size: 35px; */
}

.aboutTitle h1 span {
	display: block;
	color: #7a7a7a;
	font-size: 14px;
	margin-top: 8px;
	text-transform: none;
}

.aboutIntro {
	margin-top: 25px;
	margin-right: 60px
}

.aboutIntro h4 {
	margin-bottom: 1rem;
}

.aboutIntro h1 {
	text-transform: uppercase;
	color: #343434;
	line-height: 30px;
	margin-bottom: 30px;
}

.aboutIntro p {
	margin-top: 25px;
	font-size: 1.0625rem;
	line-height: 1.8em;
	letter-spacing: 0.01em;
}

.darkGrey {
	background: #343434;
	padding-top: 70px;
	padding-bottom: 20px;
}

.aboutInfo {
	color: #f2f2f1;
}

.aboutSocial {
	margin-top: 30px;
}

.aboutSocial li {
	display: inline;
	color: #009999;
	/*#03CC85;*/
}

.aboutSocial li a {
	color: #009999;
	/*#03CC85;*/
}

.aboutSocial li a:hover {
	color: #555555;
}

.row,
.clearfix {
	zoom: 1;
}

.icon-print-1:before {
	font-family: fontAwesome;
	content: "\f02f";
}

.icon-down-circled:before {
	font-family: fontAwesome;
	content: "\f05a";
}


/*------------Our Story END----------------*/


/*------------FAQs START-------------------*/

.faqBox {
	padding: 20px;
	line-height: 20px !important;
	margin-bottom: 15px;
	margin-top: 15px;
	box-sizing: border-box;
	margin-left: 0px;
	margin-right: 0px;
}

.faqBoxShadow {
	background-color: #ffffff;
	line-height: 76px;
	border-radius: 3px;
	display: inline-block;
	color: #333;
	border: 1px solid #f1f1f1;
	box-shadow: 0 1px 1px rgba(0, 153, 153, 0.15), 0 2px 2px rgba(0, 153, 153, 0.15), 0 4px 4px rgba(0, 153, 153, 0.15), 0 8px 8px rgba(0, 153, 153, 0.15), 0 16px 16px rgba(0, 153, 153, 0.15);
	border-left: 4px solid #009999;
}

.faqBoxQ {
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.002em;
	margin-bottom: 1em;
	color: #333;
}

.faqBoxA {
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.002em;
}

#sectionFAQs .card-body {	
    padding: 0px 1.25rem;
}

/*----------------------------Accordian Design-----------------*/
.accordion .card {
	border: none !important;
}
.cardA {
	/*box-shadow: 0 1px 1px rgba(0,153,153,0.15), 0 2px 2px rgba(0,153,153,0.15), 0 4px 4px rgba(0,153,153,0.15), 0 8px 8px rgba(0,153,153,0.15), 0 16px 16px rgba(0,153,153,0.15) !important;*/
	/*border-bottom: 1px solid #009999 !important;*/
	/*margin-bottom: 1rem;*/
	border: none;
	background: transparent;
	padding: 0px;
	box-shadow: transparent;
}

.card-header {
	padding: .2rem !important;
	border: none;
	background-color: #fff;
}

.faqPlus {
	background-color: #ff0057;
	color: #fff;
	padding: 1px;
	margin-right: 8px;
}


/*------------------Accordian Design---------------------------*/


/*------------Tab 1 design START-------------*/


/*  bhoechie tab */

div.bhoechie-tab {
	padding: 0px;
}

div.bhoechie-tab-container {
	z-index: 10;
	/*background-color: #ffffff;*/
	padding: 0 !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	/*border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 50px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);*/
	background-clip: padding-box;
	opacity: 0.97;
	filter: alpha(opacity=97);
}

div.bhoechie-tab-container .list-group-item {
	background-color: #f1f1f1;
	/*padding: 35px;*/
	color: #333;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.02rem;
}

div.bhoechie-tab-menu {
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}

div.bhoechie-tab-menu div.list-group {
	margin-bottom: 0;
}

div.bhoechie-tab-menu div.list-group>a {
	margin-bottom: 0;
}

div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
	color: #333;
}

div.bhoechie-tab-menu div.list-group>a:first-child {
	border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a:last-child {
	border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa {
	background-color: #009999;
	background-image: #009999;
	color: #ffffff;
	/*padding: 35px;*/
}

div.bhoechie-tab-menu div.list-group>a.active:after {
	content: '';
	position: absolute;
	left: 88%;
	top: 50%;
	margin-top: -25px;
	border-left: 0;
	border-bottom: 25px solid transparent;
	border-top: 25px solid transparent;
	border-right: 25px solid #ff0057;
}

div.bhoechie-tab-content {
	background-color: #ffffff;
	/* border: 1px solid #eeeeee; */
	/*padding-left: 20px;
  padding-top: 10px;*/
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
	display: none;
}


/*-------------Tab 1 design END--------------*/


/*-------------Tab 2 Design START------------*/


/* Mixins */


/* Vars */

.tabs_wrapper {
	/* width: 85%; */
	text-align: center;
	margin: 0 auto;
	background: transparent;
}

ul.tabs {
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 10;
	margin: 55px 0 0;
	padding: 0;
	width: 20%;
	min-width: 175px;
	list-style: none;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	/* box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4); */
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

ul.tabs li {
	margin: 0;
	font-size: 1.0625rem;
	font-weight: 600;
	cursor: pointer;
	padding: 15px;
	line-height: 31px;
	color: #333;
	text-align: left;
	/* font-weight: bold; */
	background-color: #fff;
	border-bottom: 1px solid #d9d9d9;
	/* Old browsers */
	/* background: -moz-linear-gradient(top, #600026 0%, #c60943 100%); */
	/* FF3.6+ */
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #600026), color-stop(100%, #c60943)); */
	/* Chrome,Safari4+ */
	/* background: -webkit-linear-gradient(top, #600026 0%, #c60943 100%); */
	/* Chrome10+,Safari5.1+ */
	/* background: -o-linear-gradient(top, #600026 0%, #c60943 100%); */
	/* Opera 11.10+ */
	/* background: -ms-linear-gradient(top, #600026 0%, #c60943 100%); */
	/* IE10+ */
	/* background: linear-gradient(to bottom, #600026 0%, #c60943 100%); */
	/* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#600026', endColorstr='#c60943',GradientType=0 ); */
	/* IE6-9 */
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

ul.tabs li:hover {
	background: #FFC100;
	/*background: -moz-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ae0046), color-stop(100%, #fb0f56));
  background: -webkit-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
  background: -o-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
  background: -ms-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
  background: linear-gradient(to bottom, #ae0046 0%, #fb0f56 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae0046', endColorstr='#fb0f56',GradientType=0 );*/
	color: #333;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

ul.tabs li.active {
	background: #009999;
	/*background: -moz-linear-gradient(top, #4c001e 0%, #9f0735 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c001e), color-stop(100%, #9f0735));
  background: -webkit-linear-gradient(top, #4c001e 0%, #9f0735 100%);
  background: -o-linear-gradient(top, #4c001e 0%, #9f0735 100%);
  background: -ms-linear-gradient(top, #4c001e 0%, #9f0735 100%);
  background: linear-gradient(to bottom, #4c001e 0%, #9f0735 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c001e', endColorstr='#9f0735',GradientType=0 );*/
	color: #fff;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	/* border-left:4px solid #ff0057; */
}

ul.tabs li.active:after {
	content: '';
	position: absolute;
	/* left: 100%; */
	right: 0%;
	/* top: 50%; */
	margin-top: -1px;
	border-left: 0;
	border-bottom: 15px solid transparent;
	border-top: 15px solid transparent;
	border-left: 15px solid #ff0057;
}

.tab_container {
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 20;
	/* left: -2%; */
	width: 75%;
	min-width: 10px;
	text-align: left;
	background: white;
	/* border-radius: 12px; */
	/* box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); */
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/* .tab_content {
  padding: 4px 20px;
  height: 100%;
  display: none;
} */

.vertTab {
	padding: 4px 20px;
	height: 100%;
	display: none;
}

.tab_drawer_heading {
	display: none;
}

@media screen and (max-width: 781px) {
	ul.tabs {
		display: none;
	}
	.tab_container {
		display: block;
		margin: 0 auto;
		width: 95%;
		border-top: none;
		border-radius: 0;
		/* box-shadow: 0px 0px 10px black; */
	}
	.tab_drawer_heading {
		background-color: #ccc;
		border-bottom: 1px solid #d9d9d9;
		/* Old browsers */
		/* background: -moz-linear-gradient(top, #600026 0%, #c60943 100%); */
		/* FF3.6+ */
		/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #600026), color-stop(100%, #c60943)); */
		/* Chrome,Safari4+ */
		/* background: -webkit-linear-gradient(top, #600026 0%, #c60943 100%); */
		/* Chrome10+,Safari5.1+ */
		/* background: -o-linear-gradient(top, #600026 0%, #c60943 100%); */
		/* Opera 11.10+ */
		/* background: -ms-linear-gradient(top, #600026 0%, #c60943 100%); */
		/* IE10+ */
		/* background: linear-gradient(to bottom, #600026 0%, #c60943 100%); */
		/* W3C */
		/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#600026', endColorstr='#c60943',GradientType=0 ); */
		/* IE6-9 */
		/* color: #fff; */
		margin: 0;
		padding: 15px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		text-align: center;
	}
	.tab_drawer_heading:hover {
		background: #ccc;
		background: #009999;
		/*background: -moz-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ae0046), color-stop(100%, #fb0f56));
    background: -webkit-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
    background: -o-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
    background: -ms-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
    background: linear-gradient(to bottom, #ae0046 0%, #fb0f56 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae0046', endColorstr='#fb0f56',GradientType=0 );*/
		color: white;
	}
	.d_active {
		background: #fff;
		background: #009999;
		/*background: -moz-linear-gradient(top, #4c001e 0%, #9f0735 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c001e), color-stop(100%, #9f0735));
    background: -webkit-linear-gradient(top, #4c001e 0%, #9f0735 100%);
    background: -o-linear-gradient(top, #4c001e 0%, #9f0735 100%);
    background: -ms-linear-gradient(top, #4c001e 0%, #9f0735 100%);
    background: linear-gradient(to bottom, #4c001e 0%, #9f0735 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c001e', endColorstr='#9f0735',GradientType=0 );*/
		color: #fff;
	}
}


/*-------------Tab 2 Design END--------------*/


/*-------------Horizontal Tab 1 Design START-------------------*/


/*-------------Horizontal Tab 1 Design END---------------------*/


/*-------------Tab 3 Design START--------------*/

*,
*:before,
*:after {
	box-sizing: border-box;
}

.menu-link-list>input[type='radio'] {
	position: absolute;
	left: -9999px;
	top: -9999px;
}

.menu-link-list>input[type='radio']+label {
	background: #aaa;
	border-bottom: 1px solid #eee;
	color: #fff;
	cursor: pointer;
	display: block;
	padding: 40px 20px;
	position: relative;
	width: 100%;
}

.menu-link-list>input[type='radio']+label:checked {
	background: #eee;
	border-bottom: 1px solid #eee;
	color: #82417A;
	margin-bottom: -1px;
}

.menu-link-list div[class^='tab-content-'] {
	background: #eee;
	display: none;
	height: 100%;
	min-height: 200px;
	overflow: auto;
	padding: 25px;
	position: absolute;
	top: 75%;
	right: 0;
	width: 50%;
}

.menu-link-list div[class^='tab-content-'] ul {
	margin: 0;
	padding: 0;
}

.menu-link-list div[class^='tab-content-'] ul li {
	list-style: none;
	padding: 5px 0;
	width: 100%;
}

.menu-link-list div[class^='tab-content-'] ul li a {
	color: #111;
	display: inline-block;
	text-decoration: none;
}

.menu-link-list div[class^='tab-content-'] ul li span {
	background: #ccc;
	border-radius: 50%;
	display: inline-block;
	font-size: 9px;
	height: 24px;
	line-height: 24px;
	margin-left: 10px;
	text-align: center;
	vertical-align: middle;
	width: 24px;
}

.input-tab-1:checked~.tab-content-1,
.input-tab-3:checked~.tab-content-3 {
	display: block;
}

.input-tab-1:checked~label:after,
.input-tab-3:checked~label:after {
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid #eee;
	content: '';
	height: 0;
	opacity: 0;
	position: absolute;
	top: 30px;
	right: 50%;
	width: 0;
	z-index: 2;
	-webkit-transition: opacity 0.25s;
	transition: opacity 0.25s;
}

.input-tab-1:checked+label:after,
.input-tab-3:checked+label:after {
	opacity: 1;
}


/*-------------Tab 3 Design END--------------*/


/*-------------Tab 4 Design START--------------*/

#sectionFAQs .nav-tabs {
	border-bottom: 1px solid #009999;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
	font-size: 15px;
	font-weight: 800px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	background: #009999;
	color: #fff;
	border: none;
	border-bottom: 2px solid #ff0057;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active:after {
	content: "";
	position: relative;
	bottom: -47px;
	left: -30%;
	border: 15px solid transparent;
	border-top-color: #ff0057;
}


/*-------------Tab 4 Design END----------------*/


/*--------------Tab 5 Design START-------------*/


/*
@media (max-width: 967px) {
  .nav-tabs.nav-tabs-dropdown,
  .nav-tabs-dropdown {
    border: 1px solid #dddddd;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
  }
  .nav-tabs.nav-tabs-dropdown::after,
  .nav-tabs-dropdown::after {
    content: "☰";
    position: absolute;
    top: 8px;
    right: 15px;
    z-index: 2;
    pointer-events: none;
  }
  .nav-tabs.nav-tabs-dropdown.open a,
  .nav-tabs-dropdown.open a {
    position: relative;
    display: block;
  }
  .nav-tabs.nav-tabs-dropdown.open > li.active > a,
  .nav-tabs-dropdown.open > li.active > a {
    background-color: #eeeeee;
  }
  .nav-tabs.nav-tabs-dropdown li,
  .nav-tabs-dropdown li {
    display: block;
    padding: 0;
    vertical-align: bottom;
  }
  .nav-tabs.nav-tabs-dropdown > li > a,
  .nav-tabs-dropdown > li > a {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    border-color: transparent;
  }
  .nav-tabs.nav-tabs-dropdown > li > a:focus,
  .nav-tabs-dropdown > li > a:focus,
  .nav-tabs.nav-tabs-dropdown > li > a:hover,
  .nav-tabs-dropdown > li > a:hover,
  .nav-tabs.nav-tabs-dropdown > li > a:active,
  .nav-tabs-dropdown > li > a:active {
    border-color: transparent;
  }
  .nav-tabs.nav-tabs-dropdown > li.active > a,
  .nav-tabs-dropdown > li.active > a {
    display: block;
    border-color: transparent;
    position: relative;
    z-index: 1;
    background: #fff;
  }
  .nav-tabs.nav-tabs-dropdown > li.active > a:focus,
  .nav-tabs-dropdown > li.active > a:focus,
  .nav-tabs.nav-tabs-dropdown > li.active > a:hover,
  .nav-tabs-dropdown > li.active > a:hover,
  .nav-tabs.nav-tabs-dropdown > li.active > a:active,
  .nav-tabs-dropdown > li.active > a:active {
    border-color: transparent;
  }
}
*/


/*--------------Tab 5 Design END---------------*/


/*------------FAQs END-------------------*/


/*------------News N Events START-------------------*/

#NewsNEvents .card {
	background-color: #f7f8fa;
}

.card-img {
	border-right: 1px solid #d9d9d6;
}

.postContent {
	background-color: #f1f1f1;
	padding: 10px 0px;
}

.postTitle {
	font-size: 22px;
	font-weight: bold;
	color: #009999;
	margin-bottom: 10px;
}

.postDate {
	font-size: 15px;
	font-weight: 500;
	color: #999;
}

.postImage {
	width: 100%;
}

.postBody {
	padding: 10px;
	font-size: 1.0625rem;
}

.postRightColumn {
	margin-top: 0px;
	float: left;
	width: 100%;
}

.postBlock {
	background-color: #f1f1f1;
	min-height: 400px;
}

.postBlockHeading {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	padding: 15px 10px;
	border-bottom: 2px solid #d9d9d6;
}

.postBlockContent {
	padding: 10px;
}

.postBlockTitle {
	font-size: 1.0625rem;
	font-weight: 500;
	color: #333;
}

.postBlockDate {
	font-size: 14px;
	font-weight: 500;
	color: #999;
}


/*------------News N Events END-------------------*/


/*------------Career Help START-------------------*/

.ico-content-wrapper.type2,
.dt-sc-social-icons li,
.sociable_links li .fa,
.search-prev,
.search-next {
	background: #ff0057;
}

.ico-content-wrapper.type2 {
	padding: 4px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	transform: rotate(1.2deg);
	-webkit-transform: rotate(1.2deg);
	-moz-transform: rotate(1.2deg);
	-ms-transform: rotate(1.2deg);
	-o-transform: rotate(1.2deg);
	transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
}

.ico-content-wrapper.type2:hover {
	padding: 4px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	transform: rotate(1.2deg);
	-webkit-transform: rotate(1.2deg);
	-moz-transform: rotate(1.2deg);
	-ms-transform: rotate(1.2deg);
	-o-transform: rotate(1.2deg);
	transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	background: #FFC100;
}

.ico-content-wrapper {
	float: left;
	position: relative;
	width: 100%;
	z-index: 1;
}

.ico-content-wrapper.type2 .ico-content {
	background: #fff;
	padding: 80px 5px;
	position: relative;
	text-align: center;
	width: auto;
	transform: rotate(-1.2deg);
	-webkit-transform: rotate(-1.2deg);
	-moz-transform: rotate(-1.2deg);
	-ms-transform: rotate(-1.2deg);
	-o-transform: rotate(-1.2deg);
}

.ico-content-wrapper.type2 .ico-content span {
	font-size: 24px;
}

.ico-content-wrapper.type2 .ico-content span {
	font-size: 45px;
	line-height: 50px;
	left: 3px;
	position: absolute;
	text-align: center;
	top: 4px;
	width: 50px;
}

.ico-content-wrapper.type2 .ico-contentL {
	background: #fff;
	padding: 20px 20px 20px 50px;
	position: relative;
	text-align: left;
	width: auto;
	transform: rotate(-1.2deg);
	-webkit-transform: rotate(-1.2deg);
	-moz-transform: rotate(-1.2deg);
	-ms-transform: rotate(-1.2deg);
	-o-transform: rotate(-1.2deg);
}

.ico-content-wrapper.type2 .ico-contentL span {
	font-size: 35px;
	line-height: 50px;
	left: 3px;
	position: absolute;
	text-align: center;
	top: 4px;
	width: 50px;
}


/*------------Career Help END-------------------*/


/*------------Career Help second design START---------------*/

.overview-info-tabs {
	background: #3084cb;
	background: rgba(29, 195, 207, 1);
	background: rgba(30, 105, 186, 1);
	background: -moz-linear-gradient(45deg, rgba(30, 105, 186, 1) 0%, rgba(29, 195, 207, 1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(30, 105, 186, 1)), color-stop(100%, rgba(29, 195, 207, 1)));
	background: -webkit-linear-gradient(45deg, rgba(30, 105, 186, 1) 0%, rgba(29, 195, 207, 1) 100%);
	background: -o-linear-gradient(45deg, rgba(30, 105, 186, 1) 0%, rgba(29, 195, 207, 1) 100%);
	background: -ms-linear-gradient(45deg, rgba(30, 105, 186, 1) 0%, rgba(29, 195, 207, 1) 100%);
	background: linear-gradient(45deg, rgba(30, 105, 186, 1) 0%, rgba(29, 195, 207, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e69ba', endColorstr='#1dc3cf', GradientType=1);
	margin-top: 0px;
	z-index: 20;
	position: relative;
	border-width: 0;
	border-radius: 5px;
	padding-top: 20px;
}

.tab-pane {
	padding: 0px 0px;
	margin-top: 10px
}

.overview-info-tab {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	width: 25%;
	text-align: center;
	color: #fff;
}

.overview-info-tab.active:after {
	content: "";
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #0d4067;
	border-top: 0;
	border-bottom: 10px solid #fff;
	position: absolute;
	bottom: -11px;
	right: 49%;
	margin-right: -10px;
	z-index: 10;
}

.overview-info-tab a {
	display: block;
	font-size: 14px;
	line-height: 24px;
	line-height: 1.5rem;
	text-decoration: none;
	outline: none;
	letter-spacing: 1px;
	text-transform: uppercase
}

.overview-info-tab a:hover .link {
	text-decoration: none;
	outline: none
}

.overview-info-tab .overview-info-tab-inner {
	color: #fff;
}

.overview-info-tab a .link {
	color: #fff;
	display: inline-block;
	padding-bottom: 10px;
	font-size: 12pt;
	text-decoration: none;
	margin-left: 10px
}

.header-icon {
	display: block;
	font-size: 22px;
	text-align: center;
	position: relative;
	margin-top: 0;
	margin-bottom: 10px;
	color: #333;
}

.header-icon:before {
	font-family: "FontAwesome";
	font-size: 22px;
	color: #333;
	background: #fff;
	font-weight: 400;
	width: 60px;
	height: 60px;
	line-height: 50px;
	text-align: center;
	border-radius: 100%;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -25px;
	margin-bottom: 0;
	z-index: 100;
	border: 5px solid rgba(29, 195, 207, 0.4)
}

.header-icon>span:before {
	width: 90%;
	margin: 0px auto;
	height: 1px;
	content: "";
	display: block;
	top: -30px;
	position: relative;
	z-index: 1;
	background: #fffcfc;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #d8d8d9 25%, #b0b1b3 50%, #d8d8d9 75%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, #d8d8d9), color-stop(50%, #b0b1b3), color-stop(75%, #d8d8d9), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #d8d8d9 25%, #b0b1b3 50%, #d8d8d9 75%, rgba(255, 255, 255, 0) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, #d8d8d9 25%, #b0b1b3 50%, #d8d8d9 75%, rgba(255, 255, 255, 0) 100%);
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, #d8d8d9 25%, #b0b1b3 50%, #d8d8d9 75%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #d8d8d9 25%, #b0b1b3 50%, #d8d8d9 75%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
}

.header-icon-puzzle-piece:before {
	content: "\f073";
	color: #666;
}

.header-icon-graduation-cap:before {
	content: "\f1d8";
	color: #666
}

.header-icon-university:before {
	content: "\f024";
	color: #666;
}

.header-icon-feedback:before {
	content: "\f27a";
	color: #666
}


/*------------Career Help second design END---------------*/


/*------------Career Help third design START---------------*/

.gray-background {
	background: #f7f7f7;
}

#services {
	padding-bottom: 30px;
}

.services-content {
	position: relative;
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 30px;
}

.services-content img {
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	transition: .5s;
	border-radius: 5px;
}

.services-content:hover img {
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
	border-radius: 5px;
}

.services-content .overlap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: rgba(87,97,75, .6); */
	background: linear-gradient(245deg, rgba(0, 153, 153, 0.9), rgba(9, 173, 239, 0.9)) !important;
	/* background: linear-gradient(240deg,#009999,#09adef); */
	z-index: 2;
	border-radius: 5px;
}

.overlap:hover,
.services-content:hover .overlap {
	border-radius: 5px;
}

.services-content .overlap h4 {
	margin: 30px 10px 30px 45px;
	font-size: 26px;
	color: #fff;
	display: block;
}

.services-content .overlap h4 small {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	display: block;
	margin-bottom: 5px;
}

.services-content .overlap span {
	display: inline-block;
	padding: 10px 12px;
	background: #FFC100;
	margin: 0 10px 4px -100%;
}

.services-content:hover .overlap span {
	margin-left: 45px;
}

.services-content .overlap span.fast {
	-webkit-transition: .6s;
	-moz-transition: .6s;
	-o-transition: .6s;
	-ms-transition: .6s;
	transition: .6s;
}

.services-content .overlap span.medium {
	-webkit-transition: .8s;
	-moz-transition: .8s;
	-o-transition: .8s;
	-ms-transition: .8s;
	transition: .8s;
}

.services-content .overlap span.slow {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	-ms-transition: 1s;
	transition: 1s;
}

.services-content a {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
	display: block;
	max-width: 100%;
	height: auto;
}


/*------------Career Help third design END---------------*/


/*------------Career Help fourth design START---------------*/


/*------------Career Help fourth design END---------------*/


/*------------Career Help Details page design START---------------*/


/*------------Career Help Details page design END---------------*/

.single_about {
	background: #fff none repeat scroll 0 0;
	margin-left: -1px;
	padding: 35px;
	position: relative;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	z-index: 2;
	transition: all 0.3s ease 0s;
}

.single_about:hover .weHelp-title {
	background: #FFC100 none repeat scroll 0 0;
	padding: 4px;
}


/*---------------------*/


/*------------Learning Journey Spin & Fold Effect style START--------------------*/


/* h3 {
    color: rgba(31,181,172,.9);
  } */

.text {
	/*color: rgba(31,181,172,.9);*/
	text-align: center;
}

.folded-corner:hover .text {
	visibility: visible;
	color: #333;
	;
}


/*
    nav link items
  */

.folded-corner {
	padding: 18px;
	position: relative;
	/*font-size: 90%;*/
	text-decoration: none;
	/*color: #999; */
	background: transparent;
	transition: all ease .5s;
	/*border: 1px solid rgba(31,181,172,.9);*/
}


/* .folded-corner:hover{
    background-color: rgba(31,181,172,.9);
  }   */


/*
    paper fold corner
  */


/* .folded-corner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 0px 0px 0;
    border-color: #ff0057 #333;
    transition: all ease .3s;
  }   */


/*
    on li hover make paper fold larger
  */

.folded-corner:hover:before {
	background-color: #ff0057;
	border-width: 0 50px 50px 0;
	border-color: #ff0057 #333;
}

.Ljrny_Tab {
	padding: 1em;
}

.service_tab_1 {
	background-color: #f2f8f9;
	/* #e5f4f4;*/
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.22);
}

.service_tab_1:hover {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	animation-name: example;
	animation-duration: 0.25s;
	border-left: 6px solid #ff0057;
	/* box-shadow: 0 5px 5px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22); */
}


/* .service_tab_1:hover .fa-icon-image{
      color: #333;
      transform: rotate(360deg) scale(1);
      transform: rotateY(-180deg);
  }  */

.service_tab_2 {
	background-color: #f2f8f9;
	/* #009999;*/
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.22);
}

.service_tab_2:hover {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	animation-name: example;
	animation-duration: 0.25s;
	border-left: 6px solid #ff0057;
	/* box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); */
}


/* .service_tab_2:hover .fa-icon-image{
      color: #333;
      transform: rotate(360deg) scale(1);
      transform: rotateY(-180deg);
  }   */

.fa-icon-image {
	color: #333;
	width: 60px;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	font-size-adjust: none;
	font-stretch: normal;
	-moz-font-feature-settings: normal;
	-moz-font-language-override: normal;
	text-rendering: auto;
	transition: all .65s linear 0s;
	text-align: center;
	transition: all 1s cubic-bezier(.99, .82, .11, 1.41);
}


/*------------Learning Journey Spin & Fold Effect style END--------------------*/


/*----------------------------------------*/

.c-preview {
	background: #333;
	background: -moz-linear-gradient(-45deg, #333 0%, #333 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #333 0%, #333 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #333 0%, #333 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-size: 400% 400%;
	background-repeat: no-repeat;
	display: flex;
	width: 500px;
	height: 500px;
	max-width: 100vw;
	max-height: 100vh;
	justify-content: center;
	align-items: center;
	color: #fff;
	position: relative;
	cursor: pointer;
	transition: .5s all;
}

.c-preview__img {
	position: absolute;
	left: 0;
	top: 0;
	background: #333 url(https://images.unsplash.com/photo-1466657718950-8f9346c04f8f?dpr=1&auto=format&fit=crop&w=800&h=800&q=80&cs=tinysrgb) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: .5;
	mix-blend-mode: screen;
}

.c-preview__title {
	position: relative;
	z-index: 10;
	text-transform: uppercase;
	letter-spacing: .05em;
}

.c-preview:hover {
	background-position: 100% 100%;
}

.c-preview:hover__title {
	text-shadow: 0 0 20px black;
}


/* -------------Learning Price Model Design START------------------ */


/* .pricing-plan{
  background: #f6f6f6;
  padding-bottom: 130px;
} */


/* .mix{
  display: none;
} */


/* .prcing-sorting {
  padding-bottom: 60px;
  text-align: center;
} */

.single-pricing-plan {
	border: 1px solid #e5e5e5;
	background: #f2f8f9;
	position: relative;
	text-align: center;
	z-index: 1;
}

.single-pricing-plan:hover .pricing-plan-name {
	top: -20px;
}


/* .single-pricing-plan:hover::before,.single-pricing-plan:hover::after{
  border-color: #267ae9;
  box-shadow: 0px 7px 15px rgba(0,0,0,.08);
}
.single-pricing-plan:hover .pricing-plan-price::before{
  border-top-color: #267ae9;
} */

.single-pricing-plan:hover {
	border-color: #ff0057;
	margin-top: 20px;
}

.pricing-plan-name {
	color: #fff;
	background: #009999;
	display: inline-block;
	line-height: 33px;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	padding-left: 8px;
	padding-right: 8px;
	width: 66%;
	transition: all .30s linear;
	font-weight: 600;
	font-size: 20px;
	z-index: 99;
	position: relative;
	top: 0px;
}

.select-pricing-plan:hover .pricing-plan-name {
	background: #FFC100;
	color: #333;
}

.single-pricing-plan:hover .pricing-plan-price {
	padding-top: 10px;
}

.pricing-plan-price {
	/* padding-bottom: 50px; Commented to adjust the spacing */
	padding-top: 30px;
	position: relative;
}

.pricing-plan-price::before {
	bottom: 0px;
	content: "";
	border-top: 1px dashed #e5e5e5;
	position: absolute;
	width: calc(100% - 134px);
	height: 1px;
	left: 67px;
}


/* .pricing-plan-price h2{
  color: #212837;
  font-weight: 600;
  font-size: 50px;
  position: relative;
  display: inline-block;
}
.pricing-plan-price h2 sub {
  bottom: 1.0625rem;
  color: #0c112a;
  font-size: 13px;
  position: absolute;
  right: -73px;
}
.pricing-plan h2 sup {
  color: #0c112a;
  font-size: 18px;
  font-weight: 600;
  left: -10px;
  position: absolute;
  top: 12px;
} */

.pricing-plan-body {
	/* padding-top: 40px;
  padding-bottom: 40px; */
	padding: 30px 12px 20px 12px;
	transition: all .30s linear;
}

.single-pricing-plan:hover .pricing-plan-body {
	padding-bottom: 16px;
}


/* .pricing-plan-body ul{
  display: inline-block;
}
.pricing-plan-body ul li{
  color: #79848d;
  float: none;
  font-size: 14px;
  line-height: 50px;
  border-bottom: 1px solid #f1f1f1;
}
.pricing-plan-body ul li:last-child{
  border-bottom: 0px;
} */

.select-pricing-plan .pricing-btn {
	border-bottom: 0 none;
	bottom: 0;
	position: relative;
	z-index: 99;
}

.select-pricing-plan .pricing-btn:hover {
	background: #ff0057;
	color: #fff;
}

.single-pricing-plan:hover .pricing-btn {
	background: #ff0057 none repeat scroll 0 0;
	bottom: -18px;
	color: #fff;
}


/* .single-pricing-plan:hover .seller-tag {
  right: -79px;
  top: 56px;
} */


/* .pricing-btn {
  background: #267ae9 none repeat scroll 0 0;
  bottom: -25px;
  color: #fff;
} */


/* .select-pricing-plan .pricing-btn:hover {
  background: #267ae9;
  color: #fff;
} */

.select-pricing-plan .pricing-btn {
	border-bottom: 0 none;
	bottom: 0;
	position: relative;
	z-index: 99;
}

.pricing-btn {
	background: #e5f4f4;
	color: #333;
	display: inline-block;
	position: relative;
	border: 1px solid #e5e5e5;
	font-weight: 600;
	font-size: 15px;
	line-height: 35px;
	/* padding-left: 46px;
  padding-right: 46px; */
}


/* .pricing-plan-body {
  padding-top: 40px;
  padding-bottom: 40px;
  transition: all .30s linear;
} */


/* bootstrap.min.css:5
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
} */


/* user agent stylesheet
ul, menu, dir {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
} */

.main-menu .navigation nav ul li::before,
.prcing-sorting ul li,
.pricing-btn,
.select-pricing-plan,
.pricing-plan-body,
.single-pricing-plan,
.pricing-plan-name,
.pricing-plan-price,
.pricing-plan-price::before,
.featured-menu-inner-content .nav-tabs>li>a,
.hosing-support-container ul li::before,
.hosing-support-container ul li a,
.specialtity-menu .nav>li .upt2,
.featured-menu-inner-content .nav-tabs>li,
.top-toolbar .top-toolbar-right ul li a,
.top-toolbar .top-toolbar-right ul li.language-bar>.language-list ul li a,
.top-toolbar .top-toolbar-left ul li a,
.bighost-btn,
.bighost-btn span,
.footer-bottom-top-menu ul li a,
.banner-content-body a.bighost-btn span,
.speciality-main-content a,
.big-host-btn1,
.social-icon ul li a i,
.widget-body ul li a,
.single-member-hover,
.member-inner-content ul li a i,
.member-information,
.single-field-container .form-group input,
.pcart-btn,
.pcart-btn:before,
.sl-input .form-group input,
.sidenav ul li a,
.sign-up-bar-right a {
	-webkit-transition: all .30s linear;
	-moz-transition: all .30s linear;
	transition: all .30s linear;
}


/* -------------Learning Price Model Design END-------------------- */


/*--------------------------------------------------------------
# Career Help
--------------------------------------------------------------*/

.CareerHelp .container {
	/* box-shadow: 0 5px 25px 0 rgba(0,153,153,0.15); */
	background: rgba(0, 153, 153, 0.09);
}

.CareerHelp .video-box {
	position: relative;
	padding: 30px;
}

@media (max-width:767px) {
	.CareerHelp .video-box img {
		padding: 1em;
	}
}


/* @media (max-width: 480px) {
} */

.CareerHelp p {
	font-size: 1.0625rem;
	font-weight: 400;
	margin-bottom: 2rem;
}


/*-----------Top button styles START-------------*/

#topBtn {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Fixed/sticky position */
	bottom: 20px;
	/* Place the button at the bottom of the page */
	right: 30px;
	/* Place the button 30px from the right */
	z-index: 99;
	/* Make sure it does not overlap */
	border: none;
	/* Remove borders */
	outline: none;
	/* Remove outline */
	background-color: red;
	/* Set a background color */
	color: white;
	/* Text color */
	cursor: pointer;
	/* Add a mouse pointer on hover */
	padding: 15px;
	/* Some padding */
	border-radius: 10px;
	/* Rounded corners */
	font-size: 18px;
	/* Increase font size */
}

#topBtn:hover {
	background-color: #555;
	/* Add a dark-grey background on hover */
}


/*-----------Top button styles END---------------*/


/* -------------Career Help START------------- */

.CareerHelp {
	padding: 1em;
}

.pet-images {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	border: 1px solid #d9d9d6;
}

.pet-images img {
	width: 100%;
	height: 100%;
}

.pet-images::before,
.pet-images::after,
.pet-images .content-box,
.pet-images .content-box h3,
.pet-images .content-box p,
.pet-images .content-box a {
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}

.pet-images::before {
	background-color: #ff0057;
	bottom: 0;
	content: "";
	display: inline-block;
	left: -20px;
	position: absolute;
	right: 0;
	top: -104%;
	-webkit-transform: skewX(129deg);
	transform: skewX(129deg);
}

.pet-images::after {
	background-color: rgba(255, 0, 87, 0.50);
	bottom: 0;
	content: "";
	display: inline-block;
	left: -20px;
	position: absolute;
	right: 0;
	top: -99%;
	-webkit-transform: skewX(129deg);
	transform: skewX(129deg);
}

.pet-images.bgcolor-green::before {
	background-color: #48a11d;
}

.pet-images.bgcolor-green::after {
	background-color: rgba(72, 161, 29, 0.5);
}

.pet-images.bgcolor-yellow::before {
	background-color: #FFC100;
}

.pet-images.bgcolor-yellow::after {
	background-color: rgba(255, 193, 0, 0.5);
}

.pet-images.bgcolor-teal::before {
	background-color: #009999;
}

.pet-images.bgcolor-teal::after {
	background-color: rgba(0, 153, 153, 0.5);
}

.pet-images .content-box {
	position: absolute;
	top: 10px;
	left: 30px;
	right: 30px;
	bottom: 30px;
	z-index: 1;
	text-align: left;
}

.pet-images .content-box h3 {
	margin-top: 0;
	font-size: 20px;
	letter-spacing: 1px;
	border-bottom: 1px solid transparent;
	position: relative;
}

.pet-images .content-box p {
	text-align: center;
	margin-bottom: 10px;
	line-height: 22px;
	opacity: 0;
	font-size: 1.0625rem;
}

.pet-images .content-box a {
	float: right;
	font-size: 12px;
	opacity: 0;
}

.pet-images:hover .content-box {
	left: 18px;
	right: 18px;
}

.pet-images:hover::after {
	opacity: 0;
}

.pet-images:hover::before {
	background-color: #ff0057;
	transform: skewX(0deg);
	-webkit-transform: skewX(0deg);
	opacity: 0.9;
}

.pet-images.bgcolor-green:hover::before {
	background-color: #48a11d;
}

.pet-images.bgcolor-yellow:hover::before {
	background-color: #FFC100;
}

.pet-images.bgcolor-teal:hover::before {
	background-color: #009999;
}

.pet-images:hover .content-box h3 {
	/* padding-left: 94px; */
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom-color: rgba(255, 255, 255, 0.2);
}

.pet-images:hover .content-box p,
.pet-images:hover .content-box a {
	opacity: 1;
}


/* -------------Career Help END--------------- */


/*--------------Courses Design START-------------------*/

.pt-30 {
	padding-top: 30px;
}

.service-box {
	width: 100%;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	margin-bottom: 20px;
}

.service-box figure {
	position: relative;
	overflow: hidden;
	margin-bottom: -45px;
}

.service-box figure img {
	border-radius: 0px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	width: 100%;
	height: auto;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.service-box figure figcaption {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	opacity: 0;
	background: rgba(0, 0, 0, 0);
	border-radius: 0px;
	overflow: hidden;
	text-align: center;
	-moz-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.details-link-info a.popup-image {
	position: absolute;
	top: 40%;
	opacity: 0;
	left: 50%;
	width: 35px;
	height: 35px;
	line-height: 30px;
	margin: -15px 0 0 -15px;
	z-index: 5;
	color: #fff;
	font-size: 36px;
	font-weight: 100;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-o-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-transition: all 400ms linear;
	-moz-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	-ms-transition: all 400ms linear;
	transition: all 400ms linear;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.service-box-shape:before {
	content: '';
	position: absolute;
	left: 0px;
	top: -60px;
	border-right: 267px solid #fff;
	border-top: 60px solid transparent;
}

.service-box-detail {
	margin-left: 10px;
	margin-right: 10px;
	background: #fff;
	border-bottom: 3px solid #e5e5e5;
	padding: 25px 13px;
	position: relative;
	z-index: 99;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.service-box-detail h4 {
	font-size: 15px;
	font-weight: 600;
	/* font-weight:normal; */
	color: #222222;
	line-height: 26px;
	text-transform: uppercase;
	margin-top: 0px;
}

.service-box-detail h4:before {
	content: '';
	position: absolute;
	width: 3px;
	height: 30px;
	background: #ff0057;
	left: 0;
	top: 24px;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.service-box-detail p {
	font-size: 12px;
	font-weight: normal;
	color: #9f9f9f;
	line-height: 23px;
}

.service-right-img img {
	position: relative;
	top: -82px;
	left: -31px;
}


/* Service Box Hover */

.service-box:hover figure img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.details-link-info a.popup-image:hover {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.service-box:hover figcaption {
	opacity: 1;
	z-index: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.service-box:hover .details-link-info a.popup-image {
	opacity: 1;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}


/* .advisor-content, .project-box:hover .project-box-detail, .service-box:hover .service-box-detail, .menu-child-list:hover:after {
border-bottom: 3px solid #209de2;
}
    .menu-upper, .mega-menu-container .menu-child-list a:hover, .main-nav ul ul.sub-menu li a:hover, .index5-nav-top, .footer-1 ul li:hover, .service-box:hover .service-box-detail h4:before, .blue-back, .small-header-2:after, .offer-left, .member-title span:before, .main-header:after, .quote-back, .small-header-3:after, .project-box:hover .project-box-detail a.left-border:before, .service-slide .owl-controls .owl-page.active span, .service-slide .owl-controls.clickable .owl-page:hover span, .category-bottom, .blog-category-bottom, .page-heading h2:after, .panel-active .panel-title, .shortcode-table1 .table thead, .shortcode-table3 .table thead, .dropcaps p:hover .drop-hover, .alert-success strong, .skillbar-bar, .heading-border, .quote-form-btn, .faq-number {
background: #209de2; 
}*/


/*--------------Courses Design END---------------------*/


/*--------------Course Details Design START---------------------*/

.coursedetails_section {
	/* background-color: #f2f8f9;  */
	/* box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); */
	padding: 0px 30px;
}

.courses_section {
	background-color: #f2f8f9;
	/* #e5f4f4;*/
	/* box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); */
}

.courseHeader {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.04em;
	margin-top: 20px;
	margin-bottom: 50px;
	padding-left: 22px;
}

.courseHeader:after {
	background-color: #ff0057;
	bottom: -10px;
	height: 2px;
	width: 80px;
	position: relative;
	content: "";
	display: block;
}

.moduleHeader {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.04em;
	margin-bottom: 50px;
	color: #ff0057;
}

.moduleHeader:after {
	background-color: #009999;
	bottom: -10px;
	height: 4px;
	width: 100px;
	position: relative;
	content: "";
	display: block;
}

.courseHeaderLine {
	width: 50px;
	height: 3px;
	background-color: #ff0057;
	margin-bottom: 20px;
}

.courseDetails p {
	font-size: 1.0625rem;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 28px;
}


/*--------------Course Details Design END---------------------*/


/*--------------Course Details Design START-------------------*/


/* Craeted refering to LittleSnippets.net Pen: https://codepen.io/littlesnippets/pen/adLELd */

.frame {
	text-align: center;
	position: relative;
	cursor: pointer;
	perspective: 500px;
}

.frame img {
	width: 300px;
	height: 200px;
}

.frame .details {
	width: 95%;
	padding: 5%;
	position: absolute;
	content: "";
	/* top: 50%;
  left: 50%; */
	bottom: 0;
	/* transform: translate(-50%, -50%) rotateY(90deg);
	transform-origin: 50%; */
	background: rgba(0, 0, 0, 0.9);
	color: #fff;
	opacity: 0;
	transition: all 0.4s ease-in;
}

.frame .knowmore {
	position: absolute;
	bottom: 0;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.5);
	/* Black see-through */
	color: #f1f1f1;
	width: 100%;
	transition: .5s ease;
	opacity: 0;
	color: white;
	font-size: 20px;
	padding: 20px;
	text-align: center;
}

.frame:hover .details {
	/* transform: translate(-50%, -50%) rotateY(0deg); */
	opacity: 1;
}


/* .frame .details p {
  top:50%;
  margin:auto;
}

.frame:hover .details a {
  color: #333;
  background: #FFC100;
} */


/*********************** Demo - 8 *******************/

.mt-30 {
	margin: 80px 0px;
}

.box8 .icon,
.box8 .title {
	margin: 0;
	position: absolute
}

.box8 {
	box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	position: relative
}

.box8 img {
	width: 100%;
	height: auto
}

.box8 .box-content {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transform: perspective(400px) rotateX(-90deg);
	transform-origin: center top 0;
	transition: all .5s ease 0s
}

.box8 .icon li a,
.box8 .title {
	background: #ff0057;
	font-size: 15px;
	color: #fff
}

.box8:hover .box-content {
	opacity: 1;
	transform: perspective(400px) rotateX(0)
}

.box8 .title {
	padding: 5px 7px;
	border-radius: 5px;
	font-weight: 600;
	bottom: 20px;
	left: 20px;
	transition: all .9s ease 0s
}

.box8 .icon li a,
.box9 .box-content,
.box9 .icon li,
.box9 img {
	transition: all .35s ease 0s
}


/* .box8:hover .title{bottom:-40px} */

.box8 .icon {
	list-style: none;
	padding: 0;
	top: 42%;
	left: 0;
	right: 0
}

.box8 .icon li a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	margin-right: 7px
}

.box8 .icon li a:hover {
	background: #fff;
	color: #000
}

@media only screen and (max-width:990px) {
	.box8 {
		margin-bottom: 20px
	}
}


/*--------------Course Details Design END-------------------*/


/*--------------Learning Experience START---------------------*/


/*-- services --*/

.services-agile-grids {
	text-align: center;
	padding: 2em 2em;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	transition: .5s all;
}

.services-agile-grids:hover {
	-webkit-box-shadow: 0px 0px 10px 0px #ccc;
	-moz-box-shadow: 0px 0px 10px 0px #ccc;
	-o-box-shadow: 0px 0px 10px 0px #ccc;
	-ms-box-shadow: 0px 0px 10px 0px #ccc;
	box-shadow: 0px 0px 10px 0px #ff0057;
}

.services-agile-grids i {
	font-size: 15px;
	color: #333;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	transition: .5s all;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}

.services-agile-grids span {
	font-size: 1.4em;
	color: #009999;
	font-weight: 600;
	/* margin: 0.8em 0; */
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	transition: .5s all;
}

.services-agile-grids a {
	font-size: 15px;
	color: #333;
	border: 1px solid #ff0057;
	font-weight: 400;
}

.services-agile-grids p {
	width: 90%;
	margin: 10px auto;
	font-size: 15px;
	font-weight: 400;
}

.services-agile-grids.services-grd-mdl1,
.services-agile-grids.services-grd-mdl2 {
	border-left: 1px solid #009999;
	/* border-right: 1px solid #dedede; */
}

.services-agile-grids:nth-child(1),
.services-agile-grids:nth-child(2) {
	border-bottom: 1px solid #009999;
}

.services-agile-grids.services-grd-mdl1:before {
	content: '';
	width: 80px;
	height: 80px;
	background: #fff;
	display: block;
	position: absolute;
	z-index: 999;
}


/* .services-agile-grids.services-grd-mdl1:before,.services-agile-grids.services-grd-mdl2:before  {
  content: '';
  width: 80px;
  height: 80px;
  background: #fff;
  display: block;
  position: absolute; 
  z-index: 999;
} */

.services-agile-grids.services-grd-mdl1:before {
	bottom: -40px;
	left: -40px;
	/* border:2px solid #ff0057; */
	background: #f0f0f0;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	font-family: fontAwesome;
	content: "\f021";
	color: #ff0099;
	text-align: center;
	line-height: 76px;
	font-size: 25px;
}


/* .services-agile-grids.services-grd-mdl2:before {
  top: -40px;
  right: -40px;
} */

.services-agile-grids:hover i {
	color: #ff0057;
	/* -webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
  transform: scale(1); */
}

.services-agile-grids:hover span {
	color: #333;
	background: #FFC100;
	padding: 2px 5px;
	/* -webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-o-transform: scale(1.4);
-ms-transform: scale(1.4);
  transform: scale(1.4); */
}

.services-agile-grids:hover a {
	color: #333;
	background: #FFC100;
}

@media (max-width:767px) {
	.services-agile-grids.services-grd-mdl1:before {
		background: none;
		content: none;
	}
	/* .services-agile-grids:nth-child(3){ 
    border-bottom: 1px solid #009999;
  } */
	.services-agile-grids {
		border-top: 1px solid #009999;
		border-bottom: 1px solid #009999;
	}
}


/*-- //services --*/


/*--------------Learning Experience END-----------------------*/


/*--------------Learning Experience Details page START-----------------------*/

.how-section1 {
	/* margin-top:-15%; */
	padding: 0% 6%;
}

.how-section1 .box-section {
	/* box-shadow: 0px 4px 20px 0px rgba(42,38,35,0.1); 
  border-radius: 4px;
  transition: all .25s*/
	background: rgba(0, 153, 153, 0.09);
}

.how-section1 .details-section {
	/* background-color: rgba(0,153,153,0.09); */
	padding: 30px;
}

.how-section1 h4 {
	color: #333;
	font-weight: bold;
	/* font-size: 30px; */
	margin-bottom: 2rem;
}

/* .how-section1 span {
	background: #FFC100;
} */

.how-section1 .subheading {
	color: #333;
	background: none;
	/* font-size: 1.1rem; */
	font-weight: 500;
	margin-bottom: 2rem;
}

.how-section1 p {
	color: #333;
	font-size: 1rem;
}

.how-section1 .degreeSybmbol:before {
	content: "\00b0"
}


/* .how-section1 .row
{
  margin-top: 10%;
} */

.how-img {
	text-align: center;
}

.how-img img {
	width: 80%;
	padding: 1em;
}


/*--------------Learning Experience Details page END-----------------------*/


/*--------------Our Story page START-----------------------*/

.info-section>p {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0em 1em;
	line-height: 1.6;
	font-size: 1em;
}


/* .avatar {
	height: auto;
	max-width: 80px;
	border-radius: 50%;
} */


/* .skills li {
	list-style-type: square;
} */

.info-section {
	display: flex;
	flex-direction: column;
	flex-grow: 0;
	flex-shrink: 0;
	align-items: center;
	padding-top: 1em;
	padding-bottom: 2em;
	/* padding-right: 4em;
  padding-left: 4em; */
	min-height: 500px;
}


/* stacked column below 48em */

.flex-split-left {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	/* background-color: hsl(255, 100%, 61%); */
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: white;
	height: auto;
	/*box-shadow: inset 0 0 1px white;*/
	padding-bottom: 2em;
}


/* .logothing {
	margin-top: 1em;
	height: 50px;
	width: auto;
} */

.flex-split-image {
	align-self: center;
	height: 90px;
	width: auto;
}

.flex-split-right {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	/*-webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;*/
	/*margin-top: 2em;*/
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	/* color: hsl(0, 0%, 14%); */
	/*this in the flex-item that we want scrollable*/
	/* overflow: auto; */
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	height: auto;
	background-color: #e5e5e5;
	opacity: 0.9;
	filter: alpha(opacity=60);
}


/* .flex-split-right h1,
.flex-split-right h2 {
	color: hsl(255, 100%, 62%);
} */

.flex-split {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 90vh;
	overflow: hidden;
}

.middle-controls {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	/*FIXME get rid of importants*/
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	-webkit-flex-direction: row !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	width: 100vw;
	/* background-color: #009999; */
}

.circle-button {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	padding: 0.5em 1em;
	fill: white;
}

.circle-button i {
	display: none;
}

.circle-buttonBlack {
	background: #333;
	color: #fff !important;
	font-size: 1rem;
	font-weight: 600;
}

.circle-buttonYellow {
	background: #FFC100;
	color: #fff !important;
	font-size: 1rem;
	font-weight: 600;
}


/* .social-icon {
	width: 24px;
	height: auto;
} */


/***************************/


/* SPLIT SCREEN ABOVE 60EM */


/***************************/

@media all and (min-width:60em) {
	/* .flex-split>div { */
	.flex-split-left {
		min-width: 15%;
		/* width: 20%; */
		background-color: #009999;
		/* background-image: -webkit-linear-gradient(30deg, #ffc100 15%, #009999 25%); */
	}
	.flex-split {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		overflow: hidden;
		/* height: 116vh; */
		/*This here in flex-parent for making only certain items scrollable */
		position: relative;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		will-change: overflow;
		padding: 25px;
	}
	/* .logothing {
		height: 300px;
		width: auto;
	}
	.left-links {
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		-ms-grid-row-align: center;
		align-items: center;
	} */
	.flex-split-image {
		height: auto;
		width: auto;
		/* margin-bottom: 2em; */
	}
	/*circular buttons in the middle at big enough screens*/
	.middle-controls {
		z-index: 1000;
		position: absolute;
		left: 6%;
		/*50% is original*/
		top: 20%;
		margin-left: -5px;
		max-width: 130px;
		/*FIXME get rid of importants*/
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-webkit-flex-direction: column !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		background-color: transparent;
	}
	.circle-button {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 50px;
		width: 140px;
		box-shadow: 0px 2px 2px 2px hsla(255, 59%, 23%, 0.42);
		/* border-radius: 50%; */
		/* border: 2px solid hsl(255, 100%, 61%); */
		/* background-color: white; */
		margin-bottom: 2em;
		/* color: hsl(255, 100%, 61%); */
		padding: 0.5em 0.5em;
		/* background: #333; */
	}
	.circle-button i {
		display: block;
	}
	.circle-button:hover {
		border: 2px solid white;
		background-color: #009999;
		-webkit-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
		color: white;
		fill: white;
	}
	.circle-button:active {
		border: 2px solid white;
		background-color: hsl(255, 100%, 61%);
		-webkit-transition: all 60ms ease;
		transition: all 60ms ease;
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
		color: white;
		fill: white;
	}
	.info-section>p {
		padding: 0em 4em;
		font-size: 1em;
	}
	div.image {
		width: auto;
		height: auto;
		background: url(../images/AboutUSBlue.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	div.transparentbox {
		background-color: #e5e5e5;
		opacity: 0.9;
		filter: alpha(opacity=60);
		color: #000;
	}
}

.flex-split>div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
/*--------------Our Story page END-----------------------*/
/*--------------Institution page START-----------------------*/
.c2cInfo {
	padding: 25px;
}
.c2cimg { 
	float: left; 
	padding-right: 20px;
   }
.c2ctext {
	/* overflow: hidden; */
	/* display: flex; */
	font-size: 1rem;

}
.vcenter-item{
	display: flex;
	align-items: center;
}
/* Some custom styles to beautify this example */
.wrapper{
	background: #f1f1f1;
	/* border-top: 1px solid #ff0057;
	border-bottom: 1px solid #ff0057; */
	/* min-height: 130px; */
}
.box{
	padding: 25px;
	/* background: #abb1b8; */
	width: 100%;
	font-size: 1.1rem;
	font-weight: 500;
}
.divInst {
	background: yellow;
	height: 150px;
	overflow: hidden;
	position: relative;
	width: 300px;
  }
  
  .divInst::before {
	background: red;
	bottom: 100%;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	transform-origin: 100% 100%;
	transform: rotate(-15deg);
	width: 150%;
  }

  .chdiv Img {
	  display:block;
	  width: 100%;
	  /* width: 270px;
	  height: 240px; */
	}
.chdiv {
	/* background:#009999; */
	position:relative;
	float:left;
	clear:both;
	/* margin:10px; */
	overflow:hidden;
	border-left: 1px solid #009999;
	border-bottom: 1px solid #009999;
}
.chdiv a {
	/* background:url(../images/diag-gradient.png) no-repeat 50% 50%; */
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
	width:100%;
	height:100%;
	padding: 10px;
	background: #ddd6; /*#eff9; #dfe9*/
}
/*--------------Institution page END---------------------*/
/*--------------BLOG design START------------------------*/
#Blog .card-img {
	height: 225px;
}
#Blog .card-category {
	/* box-shadow: 0 0 3px rgba(0, 0, 0, .3); */
	position: relative
}
#Blog .category {
	margin: 0;
	position: absolute
}
#Blog .category {
	background: #f8f9fa;
	font-size: 14px;
	color: #474747;
}
#Blog .category {
	padding: 5px 7px;
	border-radius: 5px;
	font-weight: 600;
	top: 20px;
	left: 20px;
	transition: all .9s ease 0s
}
#Blog .card-title {
	font-size: 1.2rem;
}
#Blog .card-text {
	font-size: 16px;
}
/*--------------BLOG design END------------------------*/
/*--------------BLOG POST design START------------------------*/
.blog {
	padding: 40px 0 20px 0;
  }
  
  .blog .entry {
	padding: 30px;
	margin-bottom: 60px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  }
  
  .blog .entry .entry-img {
	max-height: 400px;
	/* margin: -30px -30px 20px -30px; */
	margin-bottom: 20px;
	overflow: hidden;
  }
  
  .blog .entry .entry-img img {
	  width: 100%;
  }

  .blog .entry .entry-title {
	font-size: 28px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 20px 0;
  }
  
  .blog .entry .entry-meta {
	margin-bottom: 15px;
	color: #009999;
  }
  
  .blog .entry .entry-meta ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
  }
  
  .blog .entry .entry-meta ul li + li {
	padding-left: 15px;
  }
  
  .blog .entry .entry-meta i {
	font-size: 14px;
	padding-right: 4px;
  }
  
  .blog .entry .entry-meta a {
	color: #aaaaaa;
	font-size: 14px;
	display: inline-block;
  }
  
  .blog .entry .entry-content p {
	line-height: 24px;
	font-size: 1.1rem;
  } 
  
  .blog .entry .entry-content h3 {
	font-size: 22px;
	margin-top: 30px;
	font-weight: bold;
  }
  
  /* .blog .entry .entry-content blockquote {
	overflow: hidden;
	background-color: #fafafa;
	padding: 60px;
	position: relative;
	text-align: center;
	margin: 20px 0;
  }
  
  .blog .entry .entry-content blockquote p {
	color: #444;
	line-height: 1.6;
	margin-bottom: 0;
	font-style: italic;
	font-weight: 500;
	font-size: 22px;
  }
  
  .blog .entry .entry-content blockquote .quote-left {
	position: absolute;
	left: 20px;
	top: 20px;
	font-size: 36px;
	color: #e7e7e7;
  }
  
  .blog .entry .entry-content blockquote .quote-right {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 36px;
	color: #e7e7e7;
  }
  
  .blog .entry .entry-content blockquote::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background-color: #009999;
	margin-top: 20px;
	margin-bottom: 20px;
  }   */  

.quote-left {
    float: left;
    margin-top: 0;
    margin-right: 20px;
    text-align: center;
}
.quote-left blockquote {
    border-left: 5px solid #009999;
    padding: 20px;
    padding: 1.2em;
    font-size: 1.1em;
    line-height: inherit;
    font-style: italic;
    margin: 0 0 1.5em;
    position: relative;
    background: #f9f9f9;
}
/* .quote-left blockquote, q {
    quotes: "" "";
} */

/* .quote-left blockquote:after, blockquote:before, q:after, q:before {
    content: "";
} */
.quote-left blockquote p {
    font-size: 18px;
    font-style: italic;
    line-height: 26px;
    margin: 1.6em 0;
    padding: 0 0 1.6em;
    margin: 0;
}
.quote-left p:before {
    font-family: Georgia,"Times New Roman",Times,serif;
    content: "\201C";
    color: #333;
    position: relative;
    left: -15px;
    top: 35px;
    font-size: 75px;
}
.quote-left p:after {
    font-family: Georgia,"Times New Roman",Times,serif;
    content: "\201D";
    color: #333;
    position: relative;
    /* left: -15px; */
    top: 35px;
	font-size: 75px;
	float:right;
}

.blog .entry-single {
	margin-bottom: 30px;
	display: block;
  }
  
.blog .sidebar {
	padding: 30px;
	/* margin: 0 0 60px 20px; */
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  }
  
  .blog .sidebar .sidebar-title {
	font-size: 20px;
	font-weight: 700;
	padding: 0 0 0 0;
	margin: 0 0 15px 0;
	color: #009999;
	position: relative;
  }
  
  .blog .sidebar .sidebar-item {
	margin-bottom: 30px;
  }
  
  .blog .sidebar .search-form form {
	background: #fff;
	border: 1px solid #ddd;
	padding: 3px 10px;
	position: relative;
  }
  
  .blog .sidebar .search-form form input[type="text"] {
	border: 0;
	padding: 4px;
	width: calc(100% - 40px);
  }
  
  .blog .sidebar .search-form form button {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0;
	background: none;
	font-size: 16px;
	padding: 0 15px;
	margin: -1px;
	background: #009999;
	color: #fff;
	transition: 0.3s;
  }
  
  .blog .sidebar .search-form form button:hover {
	background: #68A4C4;
  }
  
  .blog .sidebar .categories ul {
	list-style: none;
	padding: 0;
  }
  
  .blog .sidebar .categories ul li + li {
	padding-top: 10px;
  }
  
  .blog .sidebar .categories ul a {
	color: #3f8db5;
  }
  
  .blog .sidebar .categories ul a:hover {
	color: #68A4C4;
  }
  
  .blog .sidebar .categories ul a span {
	padding-left: 5px;
	color: #bedae8;
	font-size: 14px;
  }
  
  .blog .sidebar .recent-posts .post-item + .post-item {
	margin-top: 15px;
  }
  
  .blog .sidebar .recent-posts img {
	width: 80px;
	float: left;
  }
  
  .blog .sidebar .recent-posts h4 {
	font-size: 15px;
	margin-left: 95px;
	font-weight: bold;
  }
  
  .blog .sidebar .recent-posts h4 a {
	color: #0d2735;
	transition: 0.3s;
  }
  
  .blog .sidebar .recent-posts h4 a:hover {
	color: #68A4C4;
  }
  
  .blog .sidebar .recent-posts time {
	display: block;
	margin-left: 95px;
	font-style: italic;
	font-size: 14px;
	color: #72afce;
  }
  
/*--------------BLOG POST design END------------------------*/