.tm-sc-lp-list-courses {
	.course-item {
		text-align: left;
		height: 100%;
		background: #fff;
		border-radius: 5px;
		overflow: hidden;
		@include box-shadow( 0px 0px 50px rgba(5, 5, 5, 0.08) );
		.course-thumb {
			position: relative;
			.price {
				background: rgba(75, 75, 75, .9);
				font-weight: 400;
				font-size: 14px;
				line-height: 34px;
				color: #fff;
				position: absolute;
				z-index: 2;
				top: 15px;
				right: 15px;
				height: 34px;
				padding: 0 15px;
				.old-price {
					font-weight: 300;
					font-style: italic;
					font-size: 12px;
					text-decoration: line-through;
					margin-right: 7px;
				}
			}

			img {
				width: 100%;
			}
		}

		.course-details {
			padding: 20px;

			.course-meta {
				margin-bottom: 0;
				font-weight: 300;
				font-size: 14px;
				color: #aaa;

				span {
					white-space: nowrap;
					margin-right: 10px;
					color: #aaa;
					font-weight: 300;

					i {
						margin-right: 2px;
					}
				}

				a {
					white-space: nowrap;
					color: #afafaf;
					margin-right: 10px;
					transition: all .2s;
					font-weight: 300;

					&:hover {
						color: #f7c370;
					}

					i {
						margin-right: 2px;
					}
				}

				.star i {
					color: #f8c66c;
				}
			}

			.course-title {
			}
			.btn-view-details {
				margin-top: 15px;
			}
		}

		.course-teacher {
			border-top: 1px solid #eee;
			padding: 10px 20px;
			margin-bottom: 0;

			.avater {
				width: 43px;
				height: 43px;
				border-radius: 50%;
				border: 2px solid #fff;
				overflow: hidden;
				//margin-top: -24px;
				position: relative;
				z-index: 10;
				margin-bottom: 4px;

				img {
					width: 100%;
					height: 100%;
				}
			}

			a {
				font-weight: 400;
				font-size: 14px;
				line-height: 1.5;
				color: #aaa;
				transition: all .2s;

				&:hover {
					color: #f7c370;
				}
			}
		}

		
		&.color-1 {
			.course-thumb {
				border-bottom: 5px solid #5061d9;

				.price {
					background: rgba(75, 88, 75, .9);
				}
			}
		}

		&.color-2 {
			.course-thumb {
				border-bottom: 5px solid #f7c370;

				.price {
					background: rgba(240, 174, 240, .9);
				}
			}
		}
	}
}


div.bp-element-list-courses.layout-grid {
	.item-course{
		cursor: pointer;
		&:hover {
			box-shadow: 3px 4px 15px 0px rgba(105, 105, 105, 0.08);
		}
		.pic {
			overflow: hidden;
			img {
				transform: scale(1, 1);
				width: 100%;
				@include transition(all .3s);
				&:hover {
					transform: scale(1.2, 1.2);
				}
			}
		}
	}
}
div.bp-element-list-courses.layout-slider-2 {
	.slide-course {
		.wrap-arrow-slick {
			height: 228px;
		}
		.course-item {
			.course-text {
				.price{
				   .old-price {
					   text-decoration: line-through;
					   color: #777;
				   }
				}
			}
		}
	}
}


div.bp-element-list-courses.layout-slider {
	.course-item {
		.content {
			.title {
				line-height: 1.3;
			}
		}
		.info {
			.price {
				padding-right: 10px;
			}
		}
	}
}