/**
 *
 * Custom CSS for the Corporate Training Solutions page
 *
 **/

/* Start Generic styles */

.gray-box{background-color:#F1F2F2; border-radius:5px; border: 1px solid #F1F2F2; margin-top:50px; position:relative;}
.gray-box img{position:absolute; left:-10px; top:-30px;}
.gray-box p{padding:20px 20px 20px 50px;}



/* End Generic styles */


/* Start Factors Chart */
.cts-factor-percent {
	font-size: 1.5rem;
	vertical-align: middle;
	color: #ec6e1a;
	font-weight: bold;
	align-self: center;
}

.cts-factor-title {
	color: #414141;
	vertical-align: middle;
	font-size: .9rem;
	line-height: 1.5rem;
	padding: .5rem;
}

.cts-factor-title.cts-factor-title-alternate {
	color: #fff;
}

.cts-factor-1, .cts-factor-4 { background-color: #031634; }
.cts-factor-2, .cts-factor-5 { background-color: #103151; }
.cts-factor-3, .cts-factor-6 { background-color: #36689a; }

.cts-factor-1 { flex-basis: 100%;}
.cts-factor-2 { flex-basis: 51.35%;}
.cts-factor-3 { flex-basis: 48.649%;}
.cts-factor-4 { flex-basis: 37.838%;}
.cts-factor-5 { flex-basis: 24.324%;}
.cts-factor-6 { flex-basis: 10.811%;}

.cts-factor-1, .cts-factor-2, .cts-factor-3, .cts-factor-4, .cts-factor-5, .cts-factor-6 {
	padding-left: 1rem;
	padding-left: calc(.5rem + 5px);
	min-width: 50px;
}

.cts-factor-1 .row.no-gutters,
.cts-factor-2 .row.no-gutters,
.cts-factor-3 .row.no-gutters,
.cts-factor-4 .row.no-gutters,
.cts-factor-5 .row.no-gutters,
.cts-factor-6 .row.no-gutters
{
	height:100%;
}
/* End Factors Chart */


/* Start Pricing Structure */

.pricing-header {
	height: 3rem;
	text-align: center;
	color: #fff;
	font-weight: 700 !important;
	position: relative;
}

.pricing-header h3 {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: .25rem 0;
	border-left: 3px #031634 solid;
	margin-bottom: 0;
}

.pricing-header h3.pricing-header-premium {
	padding: .5rem 0;
}

.pricing-header-classic {
	background-color: #103151;
}

.pricing-header-premium {
	background-color: #36689a;
}

.pricing-header-enterprise {
	background-color: #bf672c;
}

.pricing-first {
	height: 5rem;
	font-size: .8rem;
	font-weight: bold;
	text-align: center;
	border-left: 3px #e3dfda solid;
}

.pricing-first p {
	margin-bottom: 0;
	padding: .5rem;
}

.pricing-features {
	min-height: 16rem;
	max-height: 100%;
	text-align: center;
	border-left: 3px #e3dfda solid;
	background-color: #f5f3ef;
	padding: .5rem 0;
}

.pricing-features.alt-border, .pricing-first.alt-border, .pricing-alacarte-features {
	border-left: 3px #404041 solid;
}

.pricing-features ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.pricing-features ul li {
	width: 100%;
	padding: .1rem .2rem;
	font-size: .75rem;
}

.pricing-gray, .pricing-features-title {
	background-color: #696a6c;
	color: white;
	font-size: .75rem;
	font-weight: bold;
}

.pricing-enterprise .pricing-first {
	border-right: 1px solid #e3dfda;
}

.pricing-features.pricing-gray {
	border-left: none;
}

.pricing-alacarte {
	border-top: 2px dashed #fff;
}

.pricing-alacarte-features {
	border-top: 2px dashed #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: .8rem;
}

/* End Pricing Structure */

/* Why Choose Us */

.why-choose-us h3 {
	font-size: .9rem;
	margin-bottom: 0;
}

.why-choose-us .section-1 {

}

.why-choose-us .section-2 {
	font-size: .8rem;
}

.why-choose-us ul.bullet {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.why-choose-us .bullet li {
	line-height: 2em;
	background-image: url(../images/bullet.png);
    background-repeat: no-repeat;
	background-position: 0 .75em;
    padding-left: 14px;
    font-weight: normal;
    color: #000000;
}


/* End Why Choose Us */


/* Start Trending Articles */
.cts-trending-articles {
	font-size: .8rem;
}

.cts-trending-articles h3 {
	font-size: .9rem;
	color: #346497;
}

.cts-trending-articles h4 {
	font-size: 1rem;
	color: #F15A29;
	margin-top: 1.2rem;
}

/* End Trending Articles */

/* Start remove borders on medium and below devices */
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.pricing-features,
	.pricing-features.alt-border,
	.pricing-header h3
	{
		border-left: 0;
	}

	.pricing-first,
	.pricing-first.alt-border {
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}

	.pricing-alacarte-features {
		border-left: 1px solid #ccc;
	}

	.pricing-alacarte {
		margin-top: 1rem;
	}
	/* End Medium devices */

}