@charset "UTF-8";
/* CSS Document */

.cl-top-banner{
	background-color: #1C2A56E0;
	background-image:url("/assets/application/img/cl-top-banner.jpg");
}
.cl-top-card{
	padding-top:1.5em;
}
.cl-top-card h3{
	font-size: 22px;
	color: #000;
	margin-bottom: 1rem
}
.cl-top-card-img{
	height: 300px;
	overflow:hidden;
	margin-bottom:1.75em;
}
.cl-top-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 80% 100%;
}
@media (max-width: 767.98px){
	.cl-top-card{
		padding-top:2.25em;
	}
	.cl-top-card h3{
		font-size: 20px;
	}
	.cl-top-card-img{
		height: 220px;
	}
}
.card-row-div{
	border:0;
}
.card-row-div.img-top .img-div{
	background-color: #40C2CC;
}

.check-list{
	display: flex;
	align-items: center;
	justify-content: left;
	flex-direction: row;
	margin-bottom:1em;
}
.check-list:last-child{
	/*margin-bottom:3em;*/
}
.check-list span{
	display: inline-block;
	border-radius: 18px;
	height: 36px;
	width:36px;
	text-align: center;
	background-color:#40C2CC;
	color:#000;
	line-height: 34px;
	margin-right: .75em;
}
.check-list span i{
	font-size: 36px;	
}

/*TMX Ultra*/
.ultra-top .col-md-8{
	padding-top:4em;
	padding-bottom:4em;
}
.ultra-top h2{
	font-size: 40px;
	color:#000;
	margin-bottom:.35em;
}
.chev-left,.chev-right{
	position: relative;
}
.chev-left img,.chev-right img{
	height: 100%;
	top:0;
	width:auto;
	max-width:none;
	position: absolute;
}
.chev-left img{
	right: 0;
}
.chev-right img{
	left: 0;
}
@media (max-width: 767.98px){
	.ultra-top .col-md-8{
		padding-top:2em;
		padding-bottom:2em;
	}
	.ultra-top h2{
		font-size: 28px;
	}
	.chev-left img{
		height: 90%;
		top:5%;
	}
}
@media only screen and (max-width: 479.98px) {
	.chev-right{
		display: none;
	}
}