#in-shortcoder-coursecarouse{color:red}
.cs-carousel-course-style-1 article{
    overflow: hidden;
}

.cs-carousel-course-style-1 .cs-course-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

}
.cs-carousel-course-style-1 .cs-course-content-inner{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 15px 0;
    color: #fff;
}
.cs-carousel-course-style-1 .course-date{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    text-align: center;
    padding: 15px;
    text-transform: uppercase;
    -webkit-transition:all 0.3s linear 0s;
       -moz-transition:all 0.3s linear 0s;
        -ms-transition:all 0.3s linear 0s;
         -o-transition:all 0.3s linear 0s;
            transition:all 0.3s linear 0s;
}
.cs-carousel-course-style-1 .course-date span {
	display: block;
	font-size: 18px;
	line-height: 1;
}
.cs-carousel-course-style-1 .course-date span.date{
	font-size: 36px;
}
.cs-carousel-course-style-1 .cs-course-title{
	padding: 0;
	margin: 0 0 15px !important;
	color: #fff;
}
.cs-carousel-course-style-1 .cs-course-title:after{
	float: right;
	content: "\f105";
	font-family: 'FontAwesome';
	display: block;
}
.cs-carousel-course-style-1 .cs-course-title a{
	color: #fff;
}

.cs-carousel-course-style-1 .cs-course-content-hidden{
    max-height: 0;
    -webkit-transition:max-height 0.6s linear 0s;
       -moz-transition:max-height 0.6s linear 0s;
        -ms-transition:max-height 0.6s linear 0s;
         -o-transition:max-height 0.6s linear 0s;
            transition:max-height 0.6s linear 0s;
}

.cs-carousel-course-style-1 .cs-carousel-course-description p{
    margin-bottom: 0;
}

.cs-carousel-course-style-1 .cs-course-link-wrap {
    opacity: 0;
}
.cs-carousel-course-style-1 .cs-course-link-inner a{
	color: #fff;
	border-color: #fff !important;
    -webkit-transform:translateX(-200%);
       -moz-transform:translateX(-200%);
        -ms-transform:translateX(-200%);
         -o-transform:translateX(-200%);
            transform:translateX(-200%);
}
.cs-carousel-course-style-1 .cs-course-link-inner a + a{
    -webkit-transform:translateX(200%);
       -moz-transform:translateX(200%);
        -ms-transform:translateX(200%);
         -o-transform:translateX(200%);
            transform:translateX(200%);
}

.cs-carousel-course-style-1 div.cs-morelink {
	margin: 0;
	padding: 35px 0;
}
.cs-carousel-course-style-1 div.cs-morelink a{
	border: none;
	color: #fff;
}

/* Hover state */
.cs-carousel-course-style-1 article:hover .course-date{
	top: 25%;
}
.cs-carousel-course-style-1 article:hover .cs-course-title,
.cs-carousel-course-style-1 article:active .cs-course-title,
.cs-carousel-course-style-1 article:focus .cs-course-title{}
.cs-carousel-course-style-1 article:hover .cs-course-link-wrap {
    opacity: 1;
    padding-bottom: 15px;
}
.cs-carousel-course-style-1 article:hover .cs-course-link-inner a{
    -webkit-transform:translateX(0%);
       -moz-transform:translateX(0%);
        -ms-transform:translateX(0%);
         -o-transform:translateX(0%);
            transform:translateX(0%);
}

.cs-carousel-course-style-1 article:hover .cs-course-content-hidden,
.cs-carousel-course-style-1 article:active .cs-course-content-hidden
.cs-carousel-course-style-1 article:focus .cs-course-content-hidden{
    max-height: 300px;
}